@syncfusion/ej2-angular-inputs 24.1.41 → 24.1.45

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

@@ -1,41 +0,0 @@
-/*! Form tailwind theme wise override definitions and variables */
-// form field styles
-$field-label-color: $gray-300 !default;
-$field-label-font-size: 12px !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: $gray-300 !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: 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;

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

@@ -1,41 +0,0 @@
-/*! FileManager's highcontrast theme wise override definitions and variables */
-// form field styles
-$field-label-color: $content-font !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-font !default;
-$group-title-border-color: $border-default !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: $content-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/_highcontrast-light-definition.scss

@@ -1,41 +0,0 @@
-/*! FileManager's highcontrast theme wise override definitions and variables */
-// form field styles
-$field-label-color: $content-font !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-font !default;
-$group-title-border-color: #dee2e6 !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: $invert-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/_layout.scss

@@ -1,223 +0,0 @@
-@include export-module('data-form-layout') {
-
-  /*! data-form layout */
-  #{&}.e-data-form {
-
-    #{if(&, '&', '*')} .e-form-label {
-      font-size: $field-label-font-size;
-      margin-bottom: $field-label-margin-bottom;
-      font-weight: $field-label-font-weight;
-    }
-
-    #{if(&, '&', '*')} .e-form-layout {
-      display: grid;
-    }
-
-    #{if(&, '&', '*')} .e-grid-col-2 {
-      grid-template-columns: repeat(2, minmax(0, 1fr));
-    }
-
-    #{if(&, '&', '*')} .e-grid-col-3 {
-      grid-template-columns: repeat(3, minmax(0, 1fr));
-    }
-
-    #{if(&, '&', '*')} .e-grid-col-4 {
-      grid-template-columns: repeat(4, minmax(0, 1fr));
-    }
-
-    #{if(&, '&', '*')} .e-grid-col-5 {
-      grid-template-columns: repeat(5, minmax(0, 1fr));
-    }
-
-    #{if(&, '&', '*')} .e-grid-col-6 {
-      grid-template-columns: repeat(6, minmax(0, 1fr));
-    }
-
-    #{if(&, '&', '*')} .e-grid-col-7 {
-      grid-template-columns: repeat(7, minmax(0, 1fr));
-    }
-
-    #{if(&, '&', '*')} .e-grid-col-8 {
-      grid-template-columns: repeat(8, minmax(0, 1fr));
-    }
-
-    #{if(&, '&', '*')} .e-grid-col-9 {
-      grid-template-columns: repeat(9, minmax(0, 1fr));
-    }
-
-    #{if(&, '&', '*')} .e-grid-col-10 {
-      grid-template-columns: repeat(10, minmax(0, 1fr));
-    }
-
-    #{if(&, '&', '*')} .e-grid-col-11 {
-      grid-template-columns: repeat(11, minmax(0, 1fr));
-    }
-
-    #{if(&, '&', '*')} .e-grid-col-12 {
-      grid-template-columns: repeat(12, minmax(0, 1fr));
-    }
-
-    #{if(&, '&', '*')} .e-colspan-1 {
-      grid-column: span 1/span 1;
-    }
-
-    #{if(&, '&', '*')} .e-colspan-2 {
-      grid-column: span 2/span 2;
-    }
-
-    #{if(&, '&', '*')} .e-colspan-3 {
-      grid-column: span 3/span 3;
-    }
-
-    #{if(&, '&', '*')} .e-colspan-4 {
-      grid-column: span 4/span 4;
-    }
-
-    #{if(&, '&', '*')} .e-colspan-5 {
-      grid-column: span 5/span 5;
-    }
-
-    #{if(&, '&', '*')} .e-colspan-6 {
-      grid-column: span 6/span 6;
-    }
-
-    #{if(&, '&', '*')} .e-colspan-7 {
-      grid-column: span 7/span 7;
-    }
-
-    #{if(&, '&', '*')} .e-colspan-8 {
-      grid-column: span 8/span 8;
-    }
-
-    #{if(&, '&', '*')} .e-colspan-9 {
-      grid-column: span 9/span 9;
-    }
-
-    #{if(&, '&', '*')} .e-colspan-10 {
-      grid-column: span 10/span 10;
-    }
-
-    #{if(&, '&', '*')} .e-colspan-11 {
-      grid-column: span 11/span 11;
-    }
-
-    #{if(&, '&', '*')} .e-colspan-12 {
-      grid-column: span 12/span 12;
-    }
-
-    
-
-    .e-label-left {
-
-      .e-form-item-wrapper {
-        flex: 1 1 auto;
-        max-width: calc(75% - 12px);
-      }
-
-      .e-form-label {
-        margin-right: 12px;
-        width: 25%;
-        text-align: end;
-        flex-direction: column;
-        align-items: flex-end;
-        justify-content: flex-start;
-      }
-
-      .validation-message {
-        display: flex;
-      }
-    }
-
-    #{if(&, '&', '*')} .e-form-group {
-      border: $form-group-border-none;
-      padding: $form-padding-zero;
-      margin: $form-margin-zero;
-
-      #{if(&, '&', '*')} .e-group-title {
-        position: $form-group-title-position;
-        display: $form-group-title-display;
-        padding-bottom: $form-group-title-padding-bottom;
-
-        /* Gap between text and border */
-        margin-bottom: $form-group-title-margin-bottom;
-        font-size: $form-group-title-font-size;
-
-        #{if(&, '&', '*')}::after {
-          content: '';
-          position: $form-group-title-border-position;
-          bottom: $form-group-title-border-bottom;
-          left: $form-group-title-border-left;
-          width: $form-group-title-border-width;
-          height: $form-group-title-border-height;
-          border-bottom: $form-group-title-border-bottom-style;
-        }
-      }
-    }
-
-    #{if(&, '&', '*')} .e-label-top {
-      display: $form-display-flex;
-      flex-direction: $form-label-top-direction;
-      margin-top: $form-layout-margin-top;
-
-      .e-label-right {
-        display: flex;
-        align-items: center;
-  
-        .e-switch-wrapper + .e-form-label {
-          margin-top: 3px;
-          margin-left: 5px;
-        }
-    
-        .e-checkbox-wrapper + .e-form-label {
-          margin-top: $field-label-right-margin-top;
-        }
-      }
-    }
-
-    #{if(&, '&', '*')} .e-label-left {
-      display: $form-display-flex;
-      text-align: $form-label-text-align;
-      margin-top: $form-layout-margin-top;
-    }
-
-    #{if(&, '&', '*')} .e-button-left {
-      justify-content: $form-button-left-justify;
-    }
-
-    #{if(&, '&', '*')} .e-button-right {
-      justify-content: $form-button-right-justify;
-    }
-
-    #{if(&, '&', '*')} .e-button-center {
-      justify-content: $form-button-center-justify;
-    }
-
-    #{if(&, '&', '*')} .e-button-left,
-    #{if(&, '&', '*')} .e-button-right,
-    #{if(&, '&', '*')} .e-button-center,
-    #{if(&, '&', '*')} .e-button-stretch {
-      margin-top: 24px;
-      display: $form-display-flex;
-      gap: 10px;
-
-      #{if(&, '&', '*')} .e-btn {
-        border-radius: $form-button-border-radius;
-        padding: $form-button-padding;
-      }
-    }
-
-    #{if(&, '&', '*')} .e-button-stretch {
-      #{if(&, '&', '*')} .e-btn {
-        width: 100%;
-      }
-    }
-
-    > :first-child.e-form-layout {
-      margin-top: 0;
-    }
-
-    #{if(&, '&', '*')} .e-form-group-layout {
-      display: grid;
-    }
-  }
-}

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

@@ -1,41 +0,0 @@
-/*! Form material theme wise override definitions and variables */
-// form field styles
-$field-label-color: rgba($grey-dark-font, .64) !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: rgba($grey-dark-font, .64) !default;
-$group-title-border-color: #dee2e6 !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($error-font, 25%) !default;
-$form-tooltip-color:  darken($error-font, 25%) !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/_material-definition.scss

@@ -1,42 +0,0 @@
-/*! Form material theme wise override definitions and variables */
-
-// form field styles
-$field-label-color: rgba($grey-light-font, .54) !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: rgba($grey-light-font, .54) !default;
-$group-title-border-color: #c4c7c5 !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($error-font, 35%) !default;
-$form-tooltip-color: darken($error-font, 20%) !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/_material3-dark-definition.scss

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

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

@@ -1,41 +0,0 @@
-/*! Form material 3 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: 6px !default;
-
-// group title styles
-$group-title-color: $content-text-color-alt2 !default;
-$group-title-border-color: $border-light;
-$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: var(--danger, #b3261e) !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/_tailwind-dark-definition.scss

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

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

@@ -1,41 +0,0 @@
-/*! FileManager's 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: 500 !default;
-$form-layout-margin-top: 20px !default;
-$field-label-right-margin-top: 6px !default;
-
-// group title styles
-$group-title-color: $content-text-color-alt2 !default;
-$group-title-border-color: $border !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: $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/_theme.scss

@@ -1,38 +0,0 @@
-@include export-module('data-form-theme') {
-
-  /*! data-form theme */
-  #{&}.e-data-form {
-
-    #{if(&, '&', '*')} .e-form-label {
-      color: $field-label-color;
-    }
-
-    #{if(&, '&', '*')} .e-group-title {
-      color: $group-title-color;
-    }
-
-    #{if(&, '&', '*')} .validation-message {
-      color: $form-tooltip-color;
-      font-size: $form-validation-message-font-size;
-      font-style: italic;
-    }
-  }
-
-  #{&}.e-tooltip-wrap.e-popup.e-error-tooltip {
-    background-color: $form-tooltip-background-color;
-    border: $form-tooltip-background-color;
-
-    #{if(&, '&', '*')} .e-tip-content .validation-message {
-      color: $form-tooltip-color;
-    }
-
-    #{if(&, '&', '*')} .e-arrow-tip {
-
-      #{if(&, '&', '*')} .e-arrow-tip-outer.e-tip-top,
-      #{if(&, '&', '*')} .e-arrow-tip-inner.e-tip-top {
-        border-bottom-color: $form-tooltip-background-color;
-        color: $form-tooltip-background-color;
-      }
-    }
-  }
-}

package/styles/input/_all.scss

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