@syncfusion/ej2-calendars 34.2.8 → 35.1.39

package/styles/tailwind3.scss

@@ -1,20 +0,0 @@
-@use 'calendar/tailwind3-definition' as *;
-@use 'calendar/icons/tailwind3' as *;
-@use 'calendar/all' as *;
-@use 'calendar/bigger' as *;
-@use 'timepicker/tailwind3-definition' as *;
-@use 'timepicker/icons/tailwind3' as *;
-@use 'timepicker/all' as *;
-@use 'timepicker/bigger' as *;
-@use 'datepicker/tailwind3-definition' as *;
-@use 'datepicker/icons/tailwind3' as *;
-@use 'datepicker/all' as *;
-@use 'datepicker/bigger' as *;
-@use 'daterangepicker/tailwind3-definition' as *;
-@use 'daterangepicker/icons/tailwind3' as *;
-@use 'daterangepicker/all' as *;
-@use 'daterangepicker/bigger' as *;
-@use 'datetimepicker/tailwind3-definition' as *;
-@use 'datetimepicker/icons/tailwind3' as *;
-@use 'datetimepicker/all' as *;
-@use 'datetimepicker/bigger' as *;

package/styles/timepicker/_all.scss

@@ -1,2 +0,0 @@
-@forward 'layout';
-@forward 'theme';

package/styles/timepicker/_bds-definition.scss

@@ -1,97 +0,0 @@
-@use '@syncfusion/ej2-base/styles/common/base-variables' as *;
-
-// size variables
-$timepicker-skin-name: $skin-name !default;
-$timepicker-default-text-indent: 12px !default;
-$timepicker-list-bigger-line-height: 40px !default;
-$timepicker-list-normal-line-height: 32px !default;
-$timepicker-list-normal-font-size: $text-sm !default;
-$timepicker-list-bigger-font-size: $text-base !default;
-$timepicker-list-normal-text-indent: $timepicker-default-text-indent !default;
-$timepicker-list-bigger-text-indent: 16px !default;
-$timepicker-popup-border-radius: 8px !default;
-$timepicker-list-font-weight: $font-weight-normal !default;
-$timepicker-list-normal-padding: 4px !default;
-$timepicker-list-bigger-padding: 4px !default;
-$timepicker-font-icon: '\e20c' !default;
-$timepicker-icon-normal-font-size: $text-base !default;
-$timepicker-icon-bigger-font-size: $text-lg !default;
-$timepicker-normal-input-min-height: 20px !default;
-$timepicker-normal-input-min-width: 20px !default;
-$timepicker-bigger-input-min-height: 22px !default;
-$timepicker-bigger-input-min-width: 22px !default;
-$timepicker-list-default-border-style: none !default;
-$timepicker-disable-opacity: 1 !default;
-
-// mouse small
-$timepicker-list-small-font-size: $text-sm !default;
-$timepicker-list-small-line-height: 26px !default;
-$timepicker-list-small-text-indent: 12px !default;
-
-// mouse small icon
-$timepicker-icon-small-font-size: $text-sm !default;
-
-// Touch small
-$timepicker-list-bigger-small-font-size: $text-sm !default;
-$timepicker-list-bigger-small-line-height: 32px !default;
-$timepicker-list-bigger-small-text-indent: 12px !default;
-
-// Touch small icon
-$timepicker-icon-bigger-small-font-size: $text-base !default;
-
-// color variables
-$timepicker-popup-shadow: $shadow-lg !default;
-$timepicker-list-default-font-color: $content-text-color !default;
-$timepicker-list-border-color: 1px solid $border-light !default;
-$timepicker-list-hover-border-color: none !default;
-$timepicker-list-bg-color: $flyout-bg-color !default;
-$timepicker-list-active-bg-color: $content-bg-color-selected !default;
-$timepicker-list-active-font-color: $content-text-color-selected !default;
-$timepicker-list-active-icon-color: $content-text-color-selected !default;
-$timepicker-list-hover-bg-color: $content-bg-color-hover !default;
-$timepicker-list-hover-font-color: $content-text-color-hover !default;
-$timepicker-list-popup-icon-active-color: $content-text-color-selected !default;
-$timepicker-list-active-hover-bg-color: $content-bg-color-hover !default;
-$timepicker-list-active-hover-font-color: $content-text-color-selected !default;
-$timepicker-disable-text: $content-text-color-disabled !default;
-$timepicker-default-overlay: $content-bg-color-alt2 !default;
-$timepicker-list-small-font-color: $content-text-color !default;
-
-// modal dialog colors
-$modal-header-bg-color: $content-bg-color-alt1 !default;
-$modal-header-text-color: $content-text-color-alt1 !default;
-
-// modal dialog portrait dimensions
-$modal-header-height: 10% !default;
-$modal-header-padding: 2.5vh 2.5vw 2.5vh 1.5vw !default;
-$modal-header-display-style: flex !default;
-$modal-header-content-align: center !default;
-$modal-header-portrait-font-size: 2vh !default;
-$modal-close-icon-float: left !default;
-$modal-portrait-content-padding: 1vh 2vw !default;
-$modal-content-height: 90% !default;
-$modal-content-overflow: auto !default;
-$modal-header-title-transform: capitalize !default;
-$modal-header-border-bottom: none !default;
-$modal-list-line-height: 5vh !default;
-$modal-landscape-list-line-height: 10vh !default;
-
-// modal dialog landscape dimensions
-$modal-header-landscape-height: 15% !default;
-$modal-content-landscape-height: 85% !default;
-$modal-header-landscape-font-size: 2vw !default;
-$modal-landscape-padding: 1vh 1vw !default;
-$modal-list-item-padding: 1vh 0 !default;
-$modal-mobile-font-size: 14px !default;
-$modal-tablet-font-size: 24px !default;
-$timepicker-list-parent-margin: 0;
-$timepicker-list-parent-padding: $timepicker-list-normal-padding 0;
-$timepicker-list-parent-bigger-padding: $timepicker-list-bigger-padding 0;
-$timepicker-zero-border-radius: 0 !default;
-$timepicker-model-title-font-weight: 500 !default;
-$timepicker-bigger-content-placeholder-min-height: 40px !default;
-$timepicker-full-height: 100% !default;
-$timepicker-content-placeholder-min-height: 33px !default;
-
-$timepicker-full-width: 100% !default;
-$timepicker-border: 1px !default;

package/styles/timepicker/_bigger.scss

@@ -1,93 +0,0 @@
-@use 'variables' as *;
-@include export-module('timepicker-bigger') {
-
-  .e-bigger .e-time-wrapper,
-  *.e-bigger.e-time-wrapper,
-  *.e-bigger .e-control-wrapper .e-time-wrapper,
-  *.e-control-wrapper.e-bigger.e-time-wrapper {
-    & .e-time-icon.e-icons {
-      font-size: $timepicker-icon-bigger-font-size;
-      @if $timepicker-skin-name == 'material' or $timepicker-skin-name == 'material-dark' or $timepicker-skin-name == 'Material3' {
-        min-height: $timepicker-bigger-input-min-height;
-        min-width: $timepicker-bigger-input-min-width;
-      }
-      @if $timepicker-skin-name == 'Material3' {
-        border-radius: $timepicker-bigger-icon-border-radius;
-        margin: $timepicker-bigger-icon-margin;
-      }
-    }
-  }
-  
-  .e-bigger #{&}.e-timepicker.e-popup,
-  *.e-bigger#{&}.e-timepicker.e-popup {
-    & .e-list-parent.e-ul {
-      padding: $timepicker-list-parent-bigger-padding;
-
-      & .e-list-item {
-        font-size: $timepicker-list-bigger-font-size;
-        line-height: $timepicker-list-bigger-line-height;
-        text-indent: $timepicker-list-bigger-text-indent;
-      }
-    }
-  }
-
-  .e-bigger .e-content-placeholder.e-timepicker.e-placeholder-timepicker,
-  .e-bigger.e-content-placeholder.e-timepicker.e-placeholder-timepicker {
-    background-size: 250px 40px;
-    min-height: $timepicker-bigger-content-placeholder-min-height;
-  }
-
-  .e-small.e-bigger #{&}.e-timepicker.e-popup,
-  *.e-small.e-bigger#{&}.e-timepicker.e-popup {
-    & .e-list-parent.e-ul {
-      & .e-list-item {
-        font-size: $timepicker-list-bigger-small-font-size;
-        line-height: $timepicker-list-bigger-small-line-height;
-        text-indent: $timepicker-list-bigger-small-text-indent;
-      }
-    }
-  }
-
-  .e-small.e-bigger .e-time-wrapper,
-  *.e-small.e-bigger.e-time-wrapper,
-  *.e-small.e-bigger .e-control-wrapper.e-time-wrapper,
-  *.e-control-wrapper.e-small.e-bigger.e-time-wrapper {
-    & .e-time-icon.e-icons {
-      font-size: $timepicker-icon-bigger-small-font-size;
-      @if $timepicker-skin-name == 'Material3' {
-        min-height: $timepicker-bigger-small-input-min-height;
-        min-width: $timepicker-bigger-small-input-min-width;
-        border-radius: $timepicker-bigger-small-icon-border-radius;
-        margin: $timepicker-bigger-small-icon-margin;
-      }
-    }
-  }
-
-  .e-bigger.e-small #{&}.e-timepicker.e-popup,
-  *.e-bigger.e-small#{&}.e-timepicker.e-popup {
-    & .e-list-parent.e-ul {
-      & .e-list-item {
-        color: $timepicker-list-small-font-color;
-      }
-    }
-  }
-
-  .e-bigger .e-time-wrapper.e-outline .e-input-group-icon.e-time-icon,
-  .e-time-wrapper.e-control-wrapper.e-bigger.e-outline .e-input-group-icon.e-time-icon,
-  .e-bigger .e-time-wrapper.e-control-wrapper.e-outline .e-input-group-icon.e-time-icon {
-    @if $skin-name == 'material-dark' or $skin-name == 'material' {
-      min-height: $zero-value;
-      min-width: 24px;
-    }
-  }
-
-  .e-bigger.e-small .e-outline.e-time-wrapper .e-input-group-icon.e-time-icon,
-  .e-bigger.e-small.e-outline.e-time-wrapper .e-input-group-icon.e-time-icon,
-  .e-time-wrapper.e-control-wrapper.e-bigger.e-small.e-outline .e-input-group-icon.e-time-icon,
-  .e-bigger.e-small .e-time-wrapper.e-control-wrapper.e-outline .e-input-group-icon.e-time-icon {
-    @if $skin-name == 'material-dark' or $skin-name == 'material' {
-      min-height: $zero-value;
-      min-width: 20px;
-    }
-  }
-}

package/styles/timepicker/_bootstrap-dark-definition.scss

@@ -1,93 +0,0 @@
-@use '@syncfusion/ej2-base/styles/common/base-variables' as *;
-
-//default
-$timepicker-skin-name: 'bootstrap-dark' !default;
-$timepicker-default-text-indent: 20px !default;
-$timepicker-list-bigger-line-height: 40px !default;
-$timepicker-list-normal-line-height: 26px !default;
-$timepicker-list-normal-font-size: 14px !default;
-$timepicker-list-bigger-font-size: 15px !default;
-$timepicker-list-normal-text-indent: $timepicker-default-text-indent !default;
-$timepicker-list-bigger-text-indent: 20px !default;
-$timepicker-popup-border-radius: 4px !default;
-$timepicker-list-font-weight: regular !default;
-$timepicker-popup-shadow:  0 6px 12px rgba($base-font, .5) !default;
-$timepicker-list-default-font-color: $grey-dark-font !default;
-$timepicker-list-default-border-style: none !default;
-$timepicker-list-hover-border-color: none !default;
-$timepicker-list-border-color: 1px solid $grey-44 !default;
-$timepicker-list-bg-color: $grey-dark !default;
-$timepicker-list-active-bg-color: $brand-primary !default;
-$timepicker-list-active-icon-color: $grey-light-font !default;
-$timepicker-list-active-font-color: $brand-primary-font !default;
-$timepicker-list-hover-bg-color: $grey-44 !default;
-$timepicker-list-hover-font-color: $grey-dark-font !default;
-$timepicker-list-popup-icon-active-color: $grey-dark-font !default;
-$timepicker-list-active-hover-bg-color: $brand-primary !default;
-$timepicker-list-active-hover-font-color: $grey-light-font !default;
-$timepicker-list-normal-padding: 0 !default;
-$timepicker-list-bigger-padding: 0 !default;
-$timepicker-font-icon: '\e93e' !default;
-$timepicker-icon-normal-font-size: 16px !default;
-$timepicker-icon-bigger-font-size: 18px !default;
-$timepicker-disable-text: $grey-8c !default;
-$timepicker-disable-opacity: 1 !default;
-$timepicker-default-overlay: rgba($grey-base, .6) !default;
-
-// mouse small
-$timepicker-list-small-font-size: 13px !default;
-$timepicker-list-small-line-height: 22px !default;
-$timepicker-list-small-text-indent: 12px !default;
-$timepicker-list-small-font-color: $grey-dark-font !default;
-
-// icon small
-$timepicker-icon-small-font-size: 14px !default;
-
-// Touch small
-$timepicker-list-bigger-small-font-size: 14px !default;
-$timepicker-list-bigger-small-line-height: 34px !default;
-$timepicker-list-bigger-small-text-indent: 20px !default;
-
-// Touch small icon
-$timepicker-icon-bigger-small-font-size: 18px !default;
-
-// modal dialog colors
-$modal-header-bg-color: $grey-dark !default;
-$modal-header-text-color: $grey-dark-font !default;
-
-// modal dialog portrait dimensions
-$modal-header-height: 10% !default;
-$modal-header-padding: 2.5vh 2.5vw 2.5vh 1.5vw !default;
-$modal-header-display-style: flex !default;
-$modal-header-content-align: center !default;
-$modal-header-portrait-font-size: 2vh !default;
-$modal-close-icon-float: left !default;
-$modal-portrait-content-padding: 1vh 2vw !default;
-$modal-content-height: 90% !default;
-$modal-content-overflow: auto !default;
-$modal-header-title-transform: capitalize !default;
-$modal-header-border-bottom: 1px solid $grey-44 !default;
-$modal-list-line-height: 5vh !default;
-$modal-landscape-list-line-height: 10vh !default;
-
-// modal dialog landscape dimensions
-$modal-header-landscape-height: 15% !default;
-$modal-content-landscape-height: 85% !default;
-$modal-header-landscape-font-size: 2vw !default;
-$modal-landscape-padding: 1vh 1vw !default;
-$modal-list-item-padding: 1vh 0 !default;
-$modal-mobile-font-size: 14px !default;
-$modal-tablet-font-size: 24px !default;
-
-//enddefault
-
-$timepicker-list-parent-margin: 0;
-$timepicker-list-parent-padding: $timepicker-list-normal-padding 0;
-$timepicker-list-parent-bigger-padding: $timepicker-list-bigger-padding 0;
-$timepicker-zero-border-radius: 0 !default;
-$timepicker-model-title-font-weight: 500 !default;
-$timepicker-bigger-content-placeholder-min-height: 40px !default;
-$timepicker-full-height: 100% !default;
-$timepicker-content-placeholder-min-height: 33px !default;
-$timepicker-full-width: 100% !default;
-$timepicker-border: 1px !default;

package/styles/timepicker/_bootstrap-definition.scss

@@ -1,90 +0,0 @@
-@use '@syncfusion/ej2-base/styles/common/base-variables' as *;
-
-$timepicker-skin-name: 'bootstrap' !default;
-$timepicker-default-text-indent: 20px !default;
-$timepicker-list-bigger-line-height: 40px !default;
-$timepicker-list-normal-line-height: 26px !default;
-$timepicker-list-normal-font-size: 14px !default;
-$timepicker-list-bigger-font-size: 15px !default;
-$timepicker-list-normal-text-indent: $timepicker-default-text-indent !default;
-$timepicker-list-bigger-text-indent: 20px !default;
-$timepicker-popup-border-radius: 4px !default;
-$timepicker-list-font-weight: regular !default;
-$timepicker-popup-shadow:  0 6px 12px rgba($grey-light-font, .175) !default;
-$timepicker-list-default-font-color: $grey-light-font !default;
-$timepicker-list-default-border-style: none !default;
-$timepicker-list-hover-border-color: none !default;
-$timepicker-list-border-color: 1px solid $grey-cc !default;
-$timepicker-list-bg-color: $grey-white !default;
-$timepicker-list-active-bg-color: $brand-primary !default;
-$timepicker-list-active-icon-color: $grey-light-font !default;
-$timepicker-list-active-font-color: $brand-primary-font !default;
-$timepicker-list-hover-bg-color: $grey-f5 !default;
-$timepicker-list-hover-font-color: $grey-light-font !default;
-$timepicker-list-popup-icon-active-color: $grey-light-font !default;
-$timepicker-list-active-hover-bg-color: $grey-f5 !default;
-$timepicker-list-active-hover-font-color: $grey-light-font !default;
-$timepicker-list-normal-padding: 0 !default;
-$timepicker-list-bigger-padding: 0 !default;
-$timepicker-font-icon: '\e93e' !default;
-$timepicker-icon-normal-font-size: 16px !default;
-$timepicker-icon-bigger-font-size: 18px !default;
-$timepicker-disable-text: rgba($grey, .65) !default;
-$timepicker-disable-opacity: 1 !default;
-$timepicker-default-overlay: rgba($grey-base, .6) !default;
-
-// mouse small
-$timepicker-list-small-font-size: 13px !default;
-$timepicker-list-small-line-height: 22px !default;
-$timepicker-list-small-text-indent: 12px !default;
-$timepicker-list-small-font-color: $grey-light-font !default;
-
-// icon small
-$timepicker-icon-small-font-size: 14px !default;
-
-// Touch small
-$timepicker-list-bigger-small-font-size: 14px !default;
-$timepicker-list-bigger-small-line-height: 34px !default;
-$timepicker-list-bigger-small-text-indent: 20px !default;
-
-// Touch small icon
-$timepicker-icon-bigger-small-font-size: 18px !default;
-
-// modal dialog colors
-$modal-header-bg-color: $grey-white !default;
-$modal-header-text-color: $grey-light-font !default;
-
-// modal dialog portrait dimensions
-$modal-header-height: 10% !default;
-$modal-header-padding: 2.5vh 2.5vw 2.5vh 1.5vw !default;
-$modal-header-display-style: flex !default;
-$modal-header-content-align: center !default;
-$modal-header-portrait-font-size: 2vh !default;
-$modal-close-icon-float: left !default;
-$modal-portrait-content-padding: 1vh 2vw !default;
-$modal-content-height: 90% !default;
-$modal-content-overflow: auto !default;
-$modal-header-title-transform: capitalize !default;
-$modal-header-border-bottom: 1px solid $grey-cc !default;
-$modal-list-line-height: 5vh !default;
-$modal-landscape-list-line-height: 10vh !default;
-
-// modal dialog landscape dimensions
-$modal-header-landscape-height: 15% !default;
-$modal-content-landscape-height: 85% !default;
-$modal-header-landscape-font-size: 2vw !default;
-$modal-landscape-padding: 1vh 1vw !default;
-$modal-list-item-padding: 1vh 0 !default;
-$modal-mobile-font-size: 14px !default;
-$modal-tablet-font-size: 24px !default;
-
-$timepicker-list-parent-margin: 0;
-$timepicker-list-parent-padding: $timepicker-list-normal-padding 0;
-$timepicker-list-parent-bigger-padding: $timepicker-list-bigger-padding 0;
-$timepicker-zero-border-radius: 0 !default;
-$timepicker-model-title-font-weight: 500 !default;
-$timepicker-bigger-content-placeholder-min-height: 40px !default;
-$timepicker-full-height: 100% !default;
-$timepicker-content-placeholder-min-height: 33px !default;
-$timepicker-full-width: 100% !default;
-$timepicker-border: 1px !default;

package/styles/timepicker/_bootstrap4-definition.scss

@@ -1,99 +0,0 @@
-@use 'sass:color';
-@use '@syncfusion/ej2-base/styles/common/base-variables' as *;
-
-$timepicker-skin-name: 'bootstrap4' !default;
-$timepicker-default-text-indent: 20px !default;
-$timepicker-list-bigger-line-height: 32px !default;
-$timepicker-list-normal-line-height: 26px !default;
-$timepicker-list-normal-font-size: 14px !default;
-$timepicker-list-bigger-font-size: 16px !default;
-$timepicker-list-normal-text-indent: $timepicker-default-text-indent !default;
-$timepicker-list-bigger-text-indent: 24px !default;
-$timepicker-popup-border-radius: 4px !default;
-$timepicker-list-font-weight: regular !default;
-$timepicker-popup-shadow: none !default;
-$timepicker-list-default-font-color: $gray-900 !default;
-$timepicker-list-default-border-style: none !default;
-$timepicker-list-hover-border-color: none !default;
-$timepicker-list-border-color: 1px solid rgba($black, .15) !default;
-$timepicker-list-bg-color: $content-popup-bg !default;
-$timepicker-list-active-bg-color: $primary !default;
-$timepicker-list-active-icon-color: $white !default;
-$timepicker-icon-active-bg-color: color.adjust($gray-600, $lightness: -10%) !default;
-$timepicker-active-border-color: color.adjust($gray-600, $lightness: -10%) !default;
-$timepicker-list-active-font-color: $primary-font !default;
-$timepicker-list-hover-bg-color: color.adjust($gray-100, $lightness: -2%) !default;
-$timepicker-list-hover-font-color: $gray-900 !default;
-$timepicker-list-popup-icon-active-color: $white !default;
-$timepicker-list-active-hover-bg-color: color.adjust($gray-100, $lightness: -2%) !default;
-$timepicker-list-active-hover-font-color: $gray-900 !default;
-$timepicker-list-normal-padding: 0 !default;
-$timepicker-list-bigger-padding: 0 !default;
-$timepicker-font-icon: '\e93e' !default;
-$timepicker-icon-normal-font-size: 14px !default;
-$timepicker-icon-bigger-font-size: 16px !default;
-$timepicker-normal-input-min-height: 29px !default;
-$timepicker-normal-input-min-width: 23px !default;
-$timepicker-bigger-input-min-height: 36px !default;
-$timepicker-bigger-input-min-width: 33px !default;
-$timepicker-disable-text: $gray-500 !default;
-$timepicker-disable-opacity: 1 !default;
-$timepicker-default-overlay: rgba($black, .5) !default;
-
-// mouse small
-$timepicker-list-small-font-size: 13px !default;
-$timepicker-list-small-line-height: 22px !default;
-$timepicker-list-small-text-indent: 12px !default;
-$timepicker-list-small-font-color: $gray-900 !default;
-
-// icon small
-$timepicker-icon-small-font-size: 12px !default;
-
-// Touch small
-$timepicker-list-bigger-small-font-size: 14px !default;
-$timepicker-list-bigger-small-line-height: 34px !default;
-$timepicker-list-bigger-small-text-indent: 20px !default;
-
-// Touch small icon
-$timepicker-icon-bigger-small-font-size: 15px !default;
-
-// modal dialog colors
-$modal-header-bg-color: $content-popup-bg !default;
-$modal-header-text-color: $gray-900 !default;
-
-// modal dialog portrait dimensions
-$modal-header-height: 10% !default;
-$modal-header-padding: 2.5vh 2.5vw 2.5vh 1.5vw !default;
-$modal-header-display-style: flex !default;
-$modal-header-content-align: center !default;
-$modal-header-portrait-font-size: 2vh !default;
-$modal-close-icon-float: left !default;
-$modal-portrait-content-padding: 1vh 2vw !default;
-$modal-content-height: 90% !default;
-$modal-content-overflow: auto !default;
-$modal-header-title-transform: capitalize !default;
-$modal-header-border-bottom: none !default;
-$modal-list-line-height: 5vh !default;
-$modal-landscape-list-line-height: 10vh !default;
-
-// modal dialog landscape dimensions
-$modal-header-landscape-height: 15% !default;
-$modal-content-landscape-height: 85% !default;
-$modal-header-landscape-font-size: 2vw !default;
-$modal-landscape-padding: 1vh 1vw !default;
-$modal-list-item-padding: 1vh 0 !default;
-$modal-mobile-font-size: 14px !default;
-$modal-tablet-font-size: 24px !default;
-
-//enddefault
-
-$timepicker-list-parent-margin: 0;
-$timepicker-list-parent-padding: $timepicker-list-normal-padding 0;
-$timepicker-list-parent-bigger-padding: $timepicker-list-bigger-padding 0;
-$timepicker-zero-border-radius: 0 !default;
-$timepicker-model-title-font-weight: 500 !default;
-$timepicker-bigger-content-placeholder-min-height: 40px !default;
-$timepicker-full-height: 100% !default;
-$timepicker-content-placeholder-min-height: 33px !default;
-$timepicker-full-width: 100% !default;
-$timepicker-border: 1px !default;

package/styles/timepicker/_bootstrap5-dark-definition.scss

@@ -1,100 +0,0 @@
-@use 'sass:color';
-@use '@syncfusion/ej2-base/styles/common/base-variables' as *;
-
-// size variables
-$timepicker-skin-name: 'bootstrap5' !default;
-$timepicker-default-text-indent: 12px !default;
-$timepicker-list-bigger-line-height: 32px !default;
-$timepicker-list-normal-line-height: 30px !default;
-$timepicker-list-normal-font-size: $text-sm !default;
-$timepicker-list-bigger-font-size: $text-base !default;
-$timepicker-list-normal-text-indent: $timepicker-default-text-indent !default;
-$timepicker-list-bigger-text-indent: 16px !default;
-$timepicker-popup-border-radius: 6px !default;
-$timepicker-list-font-weight: $font-weight-normal !default;
-$timepicker-list-normal-padding: 0 !default;
-$timepicker-list-bigger-padding: 0 !default;
-$timepicker-font-icon: '\e20c' !default;
-$timepicker-icon-normal-font-size: $text-base !default;
-$timepicker-icon-bigger-font-size: $text-lg !default;
-$timepicker-normal-input-min-height: 20px !default;
-$timepicker-normal-input-min-width: 20px !default;
-$timepicker-bigger-input-min-height: 22px !default;
-$timepicker-bigger-input-min-width: 22px !default;
-$timepicker-list-default-border-style: none !default;
-$timepicker-disable-opacity: 1 !default;
-
-// mouse small
-$timepicker-list-small-font-size: $text-sm !default;
-$timepicker-list-small-line-height: 26px !default;
-$timepicker-list-small-text-indent: 8px !default;
-
-// mouse small icon
-$timepicker-icon-small-font-size: $text-sm !default;
-
-// Touch small
-$timepicker-list-bigger-small-font-size: $text-sm !default;
-$timepicker-list-bigger-small-line-height: 30px !default;
-$timepicker-list-bigger-small-text-indent: 16px !default;
-
-// Touch small icon
-$timepicker-icon-bigger-small-font-size: $text-base !default;
-
-// color variables
-$timepicker-popup-shadow: none !default;
-$timepicker-list-default-font-color: $content-text-color !default;
-$timepicker-list-border-color: 1px solid $border-light !default;
-$timepicker-list-hover-border-color: none !default;
-$timepicker-list-bg-color: $flyout-bg-color !default;
-$timepicker-list-active-bg-color: $content-bg-color-selected !default;
-$timepicker-icon-active-bg-color: $secondary-bg-color-pressed;
-$timepicker-active-border-color: color.adjust($gray-600, $lightness: -10%) !default;
-$timepicker-list-active-font-color: $flyout-text-color-pressed !default;
-$timepicker-list-active-icon-color: $content-text-color-selected !default;
-$timepicker-list-hover-bg-color: $flyout-bg-color-hover !default;
-$timepicker-list-hover-font-color: $flyout-text-color-hover !default;
-$timepicker-list-popup-icon-active-color: $flyout-text-color-pressed !default;
-$timepicker-list-active-hover-bg-color: $flyout-bg-color-hover !default;
-$timepicker-list-active-hover-font-color: $flyout-text-color-hover !default;
-$timepicker-disable-text: $content-text-color-disabled !default;
-$timepicker-default-overlay: $content-bg-color-alt2 !default;
-$timepicker-list-small-font-color: $content-text-color !default;
-
-// modal dialog colors
-$modal-header-bg-color: $flyout-bg-color !default;
-$modal-header-text-color: $content-text-color-alt1 !default;
-
-// modal dialog portrait dimensions
-$modal-header-height: 10% !default;
-$modal-header-padding: 2.5vh 2.5vw 2.5vh 1.5vw !default;
-$modal-header-display-style: flex !default;
-$modal-header-content-align: center !default;
-$modal-header-portrait-font-size: 2vh !default;
-$modal-close-icon-float: left !default;
-$modal-portrait-content-padding: 1vh 2vw !default;
-$modal-content-height: 90% !default;
-$modal-content-overflow: auto !default;
-$modal-header-title-transform: capitalize !default;
-$modal-header-border-bottom: 1px solid $border-light !default;
-$modal-list-line-height: 5vh !default;
-$modal-landscape-list-line-height: 10vh !default;
-
-// modal dialog landscape dimensions
-$modal-header-landscape-height: 15% !default;
-$modal-content-landscape-height: 85% !default;
-$modal-header-landscape-font-size: 2vw !default;
-$modal-landscape-padding: 1vh 1vw !default;
-$modal-list-item-padding: 1vh 0 !default;
-$modal-mobile-font-size: 14px !default;
-$modal-tablet-font-size: 24px !default;
-
-$timepicker-list-parent-margin: 0;
-$timepicker-list-parent-padding: $timepicker-list-normal-padding 0;
-$timepicker-list-parent-bigger-padding: $timepicker-list-bigger-padding 0;
-$timepicker-zero-border-radius: 0 !default;
-$timepicker-model-title-font-weight: 500 !default;
-$timepicker-bigger-content-placeholder-min-height: 40px !default;
-$timepicker-full-height: 100% !default;
-$timepicker-content-placeholder-min-height: 33px !default;
-$timepicker-full-width: 100% !default;
-$timepicker-border: 1px !default;