@syncfusion/ej2-angular-inputs 24.1.41 → 24.1.45

package/styles/color-picker/_theme.scss

@@ -1,191 +0,0 @@
-@include export-module('color-picker-theme') {
-  .e-container {
-    @if $skin-name == 'Material3' {
-      background: $cpicker-color;
-    }
-    @else {
-      background-color: $cpicker-color;
-    }
-
-    & .e-palette {
-      & .e-tile {
-        &:hover {
-          border-color: $cpicker-tile-active-border-color;
-        }
-
-        &.e-selected {
-          @if $skin-name == 'bootstrap4' {
-            border-color: transparent;
-          }
-          border-color: $cpicker-tile-active-border-color;
-        }
-      }
-    }
-
-    & .e-handler,
-    & .e-handle {
-      &.e-hide-handler {
-        background-color: transparent;
-        border-color: transparent;
-        box-shadow: none;
-      }
-    }
-  }
-
-  .e-container .e-control-wrapper.e-slider-container {
-    & .e-slider.e-hue-slider,
-    & .e-slider.e-opacity-slider {
-      & .e-handle:not(.e-tab-handle) {
-        background-color: $cpicker-slider-handler-color;
-        border-color: $cpicker-slider-handler-color;
-        @if $skin-name == 'tailwind' or $skin-name == 'tailwind-dark' {
-          border: 1px solid $white;
-        }
-
-        &.e-handle-start:not(.e-tab-handle) {
-          background-color: $cpicker-slider-handler-color;
-          border-color: $cpicker-slider-handler-color;
-          @if $skin-name == 'tailwind' or $skin-name == 'tailwind-dark' {
-            border-color: $white;
-          }
-        }
-      }
-
-      & .e-handle {
-        &.e-tab-handle {
-          background-color: $cpicker-slider-tab-handler-color;
-          border-color: $cpicker-slider-handler-focus-color;
-          box-shadow: $cpicker-slider-tab-shadow;
-        }
-      }
-    }
-  }
-
-  .e-colorpicker-wrapper,
-  .e-colorpicker-container {
-    &.e-disabled {
-      & .e-value-switch-btn,
-      & .e-mode-switch-btn {
-        color: $btn-disabled-color;
-
-        &:focus {
-          background-color: transparent;
-          color: $btn-disabled-color;
-          outline: none;
-          outline-offset: unset;
-        }
-
-        &:active {
-          background-color: transparent;
-          color: $btn-disabled-color;
-        }
-      }
-    }
-
-    & .e-split-btn-wrapper .e-split-colorpicker.e-split-btn {
-      @if $skin-name == 'bootstrap4' {
-        background-color: $cpicker-handler-tooltip-color;
-        border-color: $gray-400;
-      }
-    }
-
-    & .e-split-btn-wrapper .e-split-colorpicker + .e-dropdown-btn {
-      @if $skin-name == 'bootstrap4' {
-        border-color: $gray-400;
-      }
-    }
-
-    & .e-btn.e-icon-btn {
-      @if $skin-name == 'bootstrap4' {
-        background-color: $cpicker-handler-tooltip-color;
-        color: $gray-700;
-      }
-      @else if $skin-name == 'bootstrap5' {
-        background-color: transparent;
-        color: $cpicker-split-btn-icon-color;
-      }
-    }
-
-    & .e-icon-btn {
-      &:hover {
-        @if $skin-name == 'bootstrap4' {
-          background-color: $gray-600;
-          color: $cpicker-handler-tooltip-color;
-        }
-        @else if $skin-name == 'bootstrap5' {
-          background-color: $btn-hover-bgcolor;
-          color: $cpicker-handler-tooltip-color;
-        }
-      }
-
-      &:focus {
-        @if $skin-name == 'bootstrap4' {
-          background-color: $cpicker-handler-tooltip-color;
-          border-color: $gray-700;
-          $color-rgba: rgba(mix(lighten($cpicker-handler-tooltip-color, 50%), $gray-700, 15%), .5);
-          box-shadow: 0 0 0 .2rem $color-rgba;
-          color: $gray-700;
-        }
-        @else if $skin-name == 'bootstrap5' {
-          background-color: $btn-focus-bgcolor;
-          border-color: $btn-focus-border-color;
-          box-shadow: $btn-active-box-shadow;
-          color: $btn-active-color;
-        }
-      }
-
-      &:active {
-        @if $skin-name == 'bootstrap4' {
-          background-color: $gray-600;
-          $color-rgba: rgba(mix(lighten($cpicker-handler-tooltip-color, 50%), $gray-700, 15%), .5);
-          box-shadow: 0 0 0 .2rem $color-rgba;
-          color: $cpicker-handler-tooltip-color;
-        }
-        @else if $skin-name == 'bootstrap5' {
-          background-color: $btn-active-bgcolor;
-          box-shadow: $btn-active-box-shadow;
-          color: $btn-active-color;
-        }
-      }
-
-      &:disabled,
-      &.e-disabled {
-        background-color: transparent;
-        box-shadow: none;
-        @if $skin-name != 'tailwind' and $skin-name != 'FluentUI' {
-          color: $btn-disabled-bgcolor;
-        }
-        @if $skin-name == 'tailwind' {
-          border-color: $btn-disabled-border-color;
-        }
-        @if $skin-name == 'Material3' {
-          border: none;
-        }
-      }
-    }
-  }
-
-  #{if(&, '&', '*')} .e-color-picker .e-selected-value {
-    & .e-css.e-btn.e-flat {
-      @if $skin-name == 'bootstrap4' {
-        background-color: $cpicker-handler-tooltip-color;
-        border-color: $cpicker-handler-tooltip-color;
-        color: $gray-700;
-      }
-
-      &:hover,
-      &:active {
-        @if $skin-name == 'bootstrap4' {
-          color: $gray-900;
-        }
-      }
-    }
-  }
-
-  .e-popup.e-tooltip-wrap {
-    &.e-color-picker-tooltip {
-      background-color: $cpicker-handler-tooltip-color;
-      border-color: $cpicker-handler-tooltip-color;
-    }
-  }
-}

package/styles/color-picker/icons/_bootstrap-dark.scss

@@ -1,9 +0,0 @@
-@include export-module('color-picker-bootstrap-dark-icons') {
-  .e-container {
-    & .e-value-switch-btn {
-      &::before {
-        content: '\e431';
-      }
-    }
-  }
-}

package/styles/color-picker/icons/_bootstrap.scss

@@ -1,9 +0,0 @@
-@include export-module('color-picker-bootstrap-icons') {
-  .e-container {
-    & .e-value-switch-btn {
-      &::before {
-        content: '\e431';
-      }
-    }
-  }
-}

package/styles/color-picker/icons/_bootstrap4.scss

@@ -1,9 +0,0 @@
-@include export-module('color-picker-bootstrap4-icons') {
-  .e-container {
-    & .e-value-switch-btn {
-      &::before {
-        content: '\e799';
-      }
-    }
-  }
-}

package/styles/color-picker/icons/_bootstrap5-dark.scss

@@ -1 +0,0 @@
-@import './bootstrap5.scss';

package/styles/color-picker/icons/_bootstrap5.scss

@@ -1,9 +0,0 @@
-@include export-module('color-picker-bootstrap5-icons') {
-  .e-container {
-    & .e-value-switch-btn {
-      &::before {
-        content: '\e748';
-      }
-    }
-  }
-}

package/styles/color-picker/icons/_fabric-dark.scss

@@ -1,9 +0,0 @@
-@include export-module('color-picker-fabric-dark-icons') {
-  .e-container {
-    & .e-value-switch-btn {
-      &::before {
-        content: '\e429';
-      }
-    }
-  }
-}

package/styles/color-picker/icons/_fabric.scss

@@ -1,9 +0,0 @@
-@include export-module('color-picker-fabric-icons') {
-  .e-container {
-    & .e-value-switch-btn {
-      &::before {
-        content: '\e429';
-      }
-    }
-  }
-}

package/styles/color-picker/icons/_fluent-dark.scss

@@ -1 +0,0 @@
-@import './fluent.scss';

package/styles/color-picker/icons/_fluent.scss

@@ -1,9 +0,0 @@
-@include export-module('color-picker-fluent-icons') {
-  .e-container {
-    & .e-value-switch-btn {
-      &::before {
-        content: '\e748';
-      }
-    }
-  }
-}

package/styles/color-picker/icons/_fusionnew.scss

@@ -1,9 +0,0 @@
-@include export-module('color-picker-fusionnew-icons') {
-  .e-container {
-    & .e-value-switch-btn {
-      &::before {
-        content: '\e748';
-      }
-    }
-  }
-}

package/styles/color-picker/icons/_highcontrast-light.scss

@@ -1,9 +0,0 @@
-@include export-module('color-picker-highcontrast-light-icons') {
-  .e-container {
-    & .e-value-switch-btn {
-      &::before {
-        content: '\e429';
-      }
-    }
-  }
-}

package/styles/color-picker/icons/_highcontrast.scss

@@ -1,9 +0,0 @@
-@include export-module('color-picker-highcontrast-icons') {
-  .e-container {
-    & .e-value-switch-btn {
-      &::before {
-        content: '\e429';
-      }
-    }
-  }
-}

package/styles/color-picker/icons/_material-dark.scss

@@ -1,9 +0,0 @@
-@include export-module('color-picker-material-dark-icons') {
-  .e-container {
-    & .e-value-switch-btn {
-      &::before {
-        content: '\e430';
-      }
-    }
-  }
-}

package/styles/color-picker/icons/_material.scss

@@ -1,9 +0,0 @@
-@include export-module('color-picker-material-icons') {
-  .e-container {
-    & .e-value-switch-btn {
-      &::before {
-        content: '\e430';
-      }
-    }
-  }
-}

package/styles/color-picker/icons/_material3-dark.scss

@@ -1 +0,0 @@
-@import './material3.scss';

package/styles/color-picker/icons/_material3.scss

@@ -1,9 +0,0 @@
-@include export-module('color-picker-material3-icons') {
-  .e-container {
-    & .e-value-switch-btn {
-      &::before {
-        content: '\e748';
-      }
-    }
-  }
-}

package/styles/color-picker/icons/_tailwind-dark.scss

@@ -1,9 +0,0 @@
-@include export-module('color-picker-tailwind-dark-icons') {
-  .e-container {
-    & .e-value-switch-btn {
-      &::before {
-        content: '\e748';
-      }
-    }
-  }
-}

package/styles/color-picker/icons/_tailwind.scss

@@ -1,9 +0,0 @@
-@include export-module('color-picker-tailwind-icons') {
-  .e-container {
-    & .e-value-switch-btn {
-      &::before {
-        content: '\e748';
-      }
-    }
-  }
-}

package/styles/data-form/_all.scss

@@ -1,2 +0,0 @@
-@import 'layout.scss';
-@import 'theme.scss';

package/styles/data-form/_bootstrap-dark-definition.scss

@@ -1,42 +0,0 @@
-/*! Form bootstrap theme wise override definitions and variables */
-
-// form field styles
-$field-label-color: $grey-light-font !default;
-$field-label-font-size: 12px !default;
-$field-label-margin-bottom: 4px !default;
-$field-label-font-weight: 400 !default;
-$form-layout-margin-top: 20px !default;
-$field-label-right-margin-top: 5px !default;
-
-// group title styles
-$group-title-color: $grey-light-font !default;
-$group-title-border-color: $grey-base !default;
-$form-group-border-none: none !default;
-$form-padding-zero: 0 !default;
-$form-margin-zero: 0 !default;
-$form-group-title-position: relative !default;
-$form-group-title-display: inline-block !default;
-$form-group-title-padding-bottom: 8px !default;
-$form-group-title-margin-bottom: 4px !default;
-$form-group-title-font-size: 16px !default;
-$form-group-title-border-position: absolute !default;
-$form-group-title-border-bottom: 0 !default;
-$form-group-title-border-left: 0 !default;
-$form-group-title-border-width: 100% !default;
-$form-group-title-border-height: 1px !default;
-$form-group-title-border-bottom-style: 1px solid $group-title-border-color !default;
-
-//tooltip styles
-$form-tooltip-background-color: darken($brand-danger, 25%) !default;
-$form-tooltip-color:lighten($brand-danger, 30%) !default;
-$form-validation-message-font-size: 12px;
-
-// form common styles
-$form-display-flex: flex !default;
-$form-label-top-direction: column !default;
-$form-label-text-align: center !default;
-$form-button-left-justify: flex-start !default;
-$form-button-right-justify: flex-end !default;
-$form-button-center-justify: center !default;
-$form-button-border-radius: 20px !default;
-$form-button-padding: 7px 16px !default;

package/styles/data-form/_bootstrap-definition.scss

@@ -1,41 +0,0 @@
-/*! Form bootstrap theme wise override definitions and variables */
-// form field styles
-$field-label-color: var(--content-text-color-alt-1, #343a40) !default;
-$field-label-font-size: 12px !default;
-$field-label-margin-bottom: 4px !default;
-$field-label-font-weight: 400 !default;
-$form-layout-margin-top: 20px !default;
-$field-label-right-margin-top: 5px !default;
-
-// group title styles
-$group-title-color: var(--fg-content-text-color-alt-2, #6b7280) !default;
-$group-title-border-color: $grey-base !default;
-$form-group-border-none: none !default;
-$form-padding-zero: 0 !default;
-$form-margin-zero: 0 !default;
-$form-group-title-position: relative !default;
-$form-group-title-display: inline-block !default;
-$form-group-title-padding-bottom: 8px !default;
-$form-group-title-margin-bottom: 4px !default;
-$form-group-title-font-size: 16px !default;
-$form-group-title-border-position: absolute !default;
-$form-group-title-border-bottom: 0 !default;
-$form-group-title-border-left: 0 !default;
-$form-group-title-border-width: 100% !default;
-$form-group-title-border-height: 1px !default;
-$form-group-title-border-bottom-style: 1px solid $group-title-border-color !default;
-
-//tooltip styles
-$form-tooltip-background-color:  $brand-danger-light !default;
-$form-tooltip-color: $brand-danger-dark !default;
-$form-validation-message-font-size: 12px;
-
-// form common styles
-$form-display-flex: flex !default;
-$form-label-top-direction: column !default;
-$form-label-text-align: center !default;
-$form-button-left-justify: flex-start !default;
-$form-button-right-justify: flex-end !default;
-$form-button-center-justify: center !default;
-$form-button-border-radius: 20px !default;
-$form-button-padding: 7px 16px !default;

package/styles/data-form/_bootstrap4-definition.scss

@@ -1,41 +0,0 @@
-/*! Form bootstrap theme wise override definitions and variables */
-// form field styles
-$field-label-color: var(--content-text-color-alt-1, #343a40) !default;
-$field-label-font-size: 12px !default;
-$field-label-margin-bottom: 4px !default;
-$field-label-font-weight: 400 !default;
-$form-layout-margin-top: 20px !default;
-$field-label-right-margin-top: 6px !default;
-
-// group title styles
-$group-title-color: var(--fg-content-text-color-alt-2, #6b7280) !default;
-$group-title-border-color: $gray-300 !default;
-$form-group-border-none: none !default;
-$form-padding-zero: 0 !default;
-$form-margin-zero: 0 !default;
-$form-group-title-position: relative !default;
-$form-group-title-display: inline-block !default;
-$form-group-title-padding-bottom: 8px !default;
-$form-group-title-margin-bottom: 4px !default;
-$form-group-title-font-size: 16px !default;
-$form-group-title-border-position: absolute !default;
-$form-group-title-border-bottom: 0 !default;
-$form-group-title-border-left: 0 !default;
-$form-group-title-border-width: 100% !default;
-$form-group-title-border-height: 1px !default;
-$form-group-title-border-bottom-style: 1px solid $group-title-border-color !default;
-
-//tooltip styles
-$form-tooltip-background-color: lighten($red, 40%) !default;
-$form-tooltip-color: darken($red, 10%) !default;
-$form-validation-message-font-size: 12px;
-
-// form common styles
-$form-display-flex: flex !default;
-$form-label-top-direction: column !default;
-$form-label-text-align: center !default;
-$form-button-left-justify: flex-start !default;
-$form-button-right-justify: flex-end !default;
-$form-button-center-justify: center !default;
-$form-button-border-radius: 20px !default;
-$form-button-padding: 7px 16px !default;

package/styles/data-form/_bootstrap5-dark-definition.scss

@@ -1 +0,0 @@
-@import './bootstrap5-definition.scss';

package/styles/data-form/_bootstrap5-definition.scss

@@ -1,41 +0,0 @@
-/*! Form tailwind theme wise override definitions and variables */
-// form field styles
-$field-label-color: $content-text-color-alt1 !default;
-$field-label-font-size: 12px !default;
-$field-label-margin-bottom: 4px !default;
-$field-label-font-weight: 400 !default;
-$form-layout-margin-top: 20px !default;
-$field-label-right-margin-top: 5px !default;
-
-// group title styles
-$group-title-color: $content-text-color-alt2 !default;
-$group-title-border-color: $gray-300;
-$form-group-border-none: none !default;
-$form-padding-zero: 0 !default;
-$form-margin-zero: 0 !default;
-$form-group-title-position: relative !default;
-$form-group-title-display: inline-block !default;
-$form-group-title-padding-bottom: 8px !default;
-$form-group-title-margin-bottom: 4px !default;
-$form-group-title-font-size: 16px !default;
-$form-group-title-border-position: absolute !default;
-$form-group-title-border-bottom: 0 !default;
-$form-group-title-border-left: 0 !default;
-$form-group-title-border-width: 100% !default;
-$form-group-title-border-height: 1px !default;
-$form-group-title-border-bottom-style: 1px solid $group-title-border-color !default;
-
-//tooltip styles
-$form-tooltip-background-color: $danger-light !default;
-$form-tooltip-color: $danger !default;
-$form-validation-message-font-size: 12px;
-
-// form common styles
-$form-display-flex: flex !default;
-$form-label-top-direction: column !default;
-$form-label-text-align: center !default;
-$form-button-left-justify: flex-start !default;
-$form-button-right-justify: flex-end !default;
-$form-button-center-justify: center !default;
-$form-button-border-radius: 20px !default;
-$form-button-padding: 7px 16px !default;

package/styles/data-form/_fabric-dark-definition.scss

@@ -1,41 +0,0 @@
-/*! Form fabric theme wise override definitions and variables */
-// form field styles
-$field-label-color: $neutral-primary !default;
-$field-label-font-size: 14px !default;
-$field-label-margin-bottom: 4px !default;
-$field-label-font-weight: 600 !default;
-$form-layout-margin-top: 20px !default;
-$field-label-right-margin-top: 4px !default;
- 
-// group title styles
-$group-title-color: $neutral-primary !default;
-$group-title-border-color: $neutral-light !default;
-$form-group-border-none: none !default;
-$form-padding-zero: 0 !default;
-$form-margin-zero: 0 !default;
-$form-group-title-position: relative !default;
-$form-group-title-display: inline-block !default;
-$form-group-title-padding-bottom: 8px !default;
-$form-group-title-margin-bottom: 0 !default;
-$form-group-title-font-size: 16px !default;
-$form-group-title-border-position: absolute !default;
-$form-group-title-border-bottom: 0 !default;
-$form-group-title-border-left: 0 !default;
-$form-group-title-border-width: 100% !default;
-$form-group-title-border-height: 1px !default;
-$form-group-title-border-bottom-style: 1px solid $group-title-border-color !default;
-
-//tooltip styles
-$form-tooltip-background-color: lighten($error-font, 25%) !default;
-$form-tooltip-color: darken($error-bg, 15%) !default;
-$form-validation-message-font-size: 14px;
-
-// form common styles
-$form-display-flex: flex !default;
-$form-label-top-direction: column !default;
-$form-label-text-align: center !default;
-$form-button-left-justify: flex-start !default;
-$form-button-right-justify: flex-end !default;
-$form-button-center-justify: center !default;
-$form-button-border-radius: 20px !default;
-$form-button-padding: 7px 16px !default;

package/styles/data-form/_fabric-definition.scss

@@ -1,41 +0,0 @@
-/*! Form fabric theme wise override definitions and variables */
-// form field styles
-$field-label-color: $neutral-primary !default;
-$field-label-font-size: 14px !default;
-$field-label-margin-bottom: 4px !default;
-$field-label-font-weight: 600 !default;
-$form-layout-margin-top: 20px !default;
-$field-label-right-margin-top: 4px !default;
-
-// group title styles
-$group-title-color: $neutral-primary !default;
-$group-title-border-color: $neutral-light !default;
-$form-group-border-none: none !default;
-$form-padding-zero: 0 !default;
-$form-margin-zero: 0 !default;
-$form-group-title-position: relative !default;
-$form-group-title-display: inline-block !default;
-$form-group-title-padding-bottom: 8px !default;
-$form-group-title-margin-bottom: 0 !default;
-$form-group-title-font-size: 16px !default;
-$form-group-title-border-position: absolute !default;
-$form-group-title-border-bottom: 0 !default;
-$form-group-title-border-left: 0 !default;
-$form-group-title-border-width: 100% !default;
-$form-group-title-border-height: 1px !default;
-$form-group-title-border-bottom-style: 1px solid $group-title-border-color !default;
-
-//tooltip styles
-$form-tooltip-background-color: $error-bg !default;
-$form-tooltip-color: $error-font !default;
-$form-validation-message-font-size: 14px;
-
-// form common styles
-$form-display-flex: flex !default;
-$form-label-top-direction: column !default;
-$form-label-text-align: center !default;
-$form-button-left-justify: flex-start !default;
-$form-button-right-justify: flex-end !default;
-$form-button-center-justify: center !default;
-$form-button-border-radius: 20px !default;
-$form-button-padding: 7px 16px !default;

package/styles/data-form/_fluent-dark-definition.scss

@@ -1 +0,0 @@
-@import './fluent-definition.scss';

package/styles/data-form/_fluent-definition.scss

@@ -1,41 +0,0 @@
-/*! Form tailwind theme wise override definitions and variables */
-// form field styles
-$field-label-color: $content-text-color-alt1 !default;
-$field-label-font-size: 14px !default;
-$field-label-margin-bottom: 4px !default;
-$field-label-font-weight: 600 !default;
-$form-layout-margin-top: 20px !default;
-$field-label-right-margin-top: 3px !default;
-
-// group title styles
-$group-title-color: $content-text-color-alt2 !default;
-$group-title-border-color: $border-light !default;
-$form-group-border-none: none !default;
-$form-padding-zero: 0 !default;
-$form-margin-zero: 0 !default;
-$form-group-title-position: relative !default;
-$form-group-title-display: inline-block !default;
-$form-group-title-padding-bottom: 8px !default;
-$form-group-title-margin-bottom: 0 !default;
-$form-group-title-font-size: 16px !default;
-$form-group-title-border-position: absolute !default;
-$form-group-title-border-bottom: 0 !default;
-$form-group-title-border-left: 0 !default;
-$form-group-title-border-width: 100% !default;
-$form-group-title-border-height: 1px !default;
-$form-group-title-border-bottom-style: 1px solid $group-title-border-color !default;
-
-//tooltip styles
-$form-tooltip-background-color: $danger-light !default;
-$form-tooltip-color: $danger !default;
-$form-validation-message-font-size: 14px;
-
-// form common styles
-$form-display-flex: flex !default;
-$form-label-top-direction: column !default;
-$form-label-text-align: center !default;
-$form-button-left-justify: flex-start !default;
-$form-button-right-justify: flex-end !default;
-$form-button-center-justify: center !default;
-$form-button-border-radius: 20px !default;
-$form-button-padding: 7px 16px !default;