@syncfusion/ej2-inputs 33.2.12 → 34.1.29

package/styles/color-picker/material3.css

@@ -82,130 +82,10 @@
 /* 16px */
 
 
-/* stylelint-disable-line no-empty-source */
-/* stylelint-disable property-no-vendor-prefix */
-@-webkit-keyframes e-input-ripple {
-  100% {
-    opacity: 0;
-    -webkit-transform: scale(4);
-            transform: scale(4);
-  }
-}
-@keyframes e-input-ripple {
-  100% {
-    opacity: 0;
-    -webkit-transform: scale(4);
-            transform: scale(4);
-  }
-}
-@-webkit-keyframes slideTopUp {
-  from {
-    -webkit-transform: translate3d(0, 0, 0) scale(1);
-            transform: translate3d(0, 0, 0) scale(1);
-  }
-  to {
-    -webkit-transform: translate3d(0, 0, 0) scale(1);
-            transform: translate3d(0, 0, 0) scale(1);
-  }
-}
-@keyframes slideTopUp {
-  from {
-    -webkit-transform: translate3d(0, 0, 0) scale(1);
-            transform: translate3d(0, 0, 0) scale(1);
-  }
-  to {
-    -webkit-transform: translate3d(0, 0, 0) scale(1);
-            transform: translate3d(0, 0, 0) scale(1);
-  }
-}
 .e-container .e-value-switch-btn::before {
   content: "\e748";
 }
 
-
-
-
-
-
-
-
-
-/* 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-colorpicker-wrapper,
 .e-colorpicker-container {
   display: inline-block;
@@ -814,90 +694,6 @@ body.e-colorpicker-overflow {
   width: 100%;
 }
 
-
-
-
-
-
-
-
-
-/* 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-container {
   background: linear-gradient(0deg, rgba(var(--color-sf-surface), 1), rgba(var(--color-sf-surface), 1)), rgba(var(--color-sf-surface));
 }
@@ -963,90 +759,6 @@ body.e-colorpicker-overflow {
   border-color: rgba(var(--color-sf-white));
 }
 
-
-
-
-
-
-
-
-
-/* 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-bigger .e-colorpicker-wrapper .e-split-btn-wrapper,
 .e-bigger.e-colorpicker-wrapper .e-split-btn-wrapper,
 .e-bigger .e-colorpicker-container .e-split-btn-wrapper,

package/styles/color-picker/material3.scss

@@ -1,12 +1,4 @@
-@use 'ej2-base/styles/definition/material3' as *;
-@use 'ej2-buttons/styles/button/material3-definition' as *;
-@use 'ej2-popups/styles/popup/material3-definition' as *;
-@use 'ej2-splitbuttons/styles/split-button/material3-definition' as *;
-@use './../input/material3-definition' as *;
-@use './../numerictextbox/material3-definition' as *;
-@use './../slider/material3-definition' as *;
-@use 'ej2-popups/styles/tooltip/material3-definition' as *;
 @use 'material3-definition' as *;
 @use 'icons/material3' as *;
-@use 'all.material3' as *;
-@use 'bigger.material3' as *;
+@use 'all' as *;
+@use 'bigger' as *;

package/styles/color-picker/tailwind-dark.css

@@ -1,5 +1,3 @@
-/* stylelint-disable-line no-empty-source */
-/* stylelint-disable property-no-vendor-prefix */
 .e-container .e-value-switch-btn::before {
   content: "\e748";
 }

package/styles/color-picker/tailwind-dark.scss

@@ -1,12 +1,4 @@
-@use 'ej2-base/styles/definition/tailwind-dark' as *;
-@use 'ej2-buttons/styles/button/tailwind-dark-definition' as *;
-@use 'ej2-popups/styles/popup/tailwind-dark-definition' as *;
-@use 'ej2-splitbuttons/styles/split-button/tailwind-dark-definition' as *;
-@use './../input/tailwind-dark-definition' as *;
-@use './../numerictextbox/tailwind-dark-definition' as *;
-@use './../slider/tailwind-dark-definition' as *;
-@use 'ej2-popups/styles/tooltip/tailwind-dark-definition' as *;
 @use 'tailwind-dark-definition' as *;
 @use 'icons/tailwind-dark' as *;
-@use 'all.tailwind-dark' as *;
-@use 'bigger.tailwind-dark' as *;
+@use 'all' as *;
+@use 'bigger' as *;

package/styles/color-picker/tailwind.css

@@ -1,5 +1,3 @@
-/* stylelint-disable-line no-empty-source */
-/* stylelint-disable property-no-vendor-prefix */
 .e-container .e-value-switch-btn::before {
   content: "\e748";
 }

package/styles/color-picker/tailwind.scss

@@ -1,12 +1,4 @@
-@use 'ej2-base/styles/definition/tailwind' as *;
-@use 'ej2-buttons/styles/button/tailwind-definition' as *;
-@use 'ej2-popups/styles/popup/tailwind-definition' as *;
-@use 'ej2-splitbuttons/styles/split-button/tailwind-definition' as *;
-@use './../input/tailwind-definition' as *;
-@use './../numerictextbox/tailwind-definition' as *;
-@use './../slider/tailwind-definition' as *;
-@use 'ej2-popups/styles/tooltip/tailwind-definition' as *;
 @use 'tailwind-definition' as *;
 @use 'icons/tailwind' as *;
-@use 'all.tailwind' as *;
-@use 'bigger.tailwind' as *;
+@use 'all' as *;
+@use 'bigger' as *;

package/styles/color-picker/tailwind3.css

@@ -72,146 +72,10 @@
 /* 5em */
 
 
-/* stylelint-disable-line no-empty-source */
-/* stylelint-disable property-no-vendor-prefix */
-/* stylelint-disable */
-.e-filled.e-float-input.e-error label.e-float-text,
-.e-filled.e-float-input.e-control-wrapper.e-error label.e-float-text,
-.e-filled.e-float-input.e-error input:focus ~ label.e-float-text,
-.e-filled.e-float-input.e-control-wrapper.e-error input:focus ~ label.e-float-text,
-.e-filled.e-float-input.e-error textarea:focus ~ label.e-float-text,
-.e-filled.e-float-input.e-control-wrapper.e-error textarea:focus ~ label.e-float-text,
-.e-filled.e-float-input.e-error.e-input-focus input ~ label.e-float-text,
-.e-filled.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text {
-  color: var(--color-sf-danger) !important;
-}
-
-.e-underline.e-input-group.e-control-wrapper,
-.e-underline.e-input-group,
-.e-underline.e-input-group:not(.e-float-icon-left),
-.e-underline.e-float-input,
-.e-underline.e-float-input.e-control-wrapper,
-.e-underline.e-input-group:not(.e-float-icon-left),
-.e-underline.e-input-group.e-success:not(.e-float-icon-left),
-.e-underline.e-input-group.e-warning:not(.e-float-icon-left),
-.e-underline.e-input-group.e-error:not(.e-float-icon-left),
-.e-underline.e-input-group.e-control-wrapper:not(.e-float-icon-left),
-.e-underline.e-input-group.e-control-wrapper.e-success:not(.e-float-icon-left),
-.e-underline.e-input-group.e-control-wrapper.e-warning:not(.e-float-icon-left),
-.e-underline.e-input-group.e-control-wrapper.e-error:not(.e-float-icon-left) {
-  border: 1px solid var(--color-sf-border);
-  border-width: 1px;
-  padding-top: 1px;
-  border-radius: calc(var(--e-radius) * 0);
-}
-
-.e-filled.e-input-group,
-.e-filled.e-input-group.e-control-wrapper {
-  border-radius: calc(var(--e-radius) * 0.25) calc(var(--e-radius) * 0.25) calc(var(--e-radius) * 0) calc(var(--e-radius) * 0);
-  padding: 0 10px 0 12px;
-}
-
-.e-filled.e-float-input,
-.e-filled.e-float-input.e-control-wrapper {
-  border: 1px solid;
-  border-radius: calc(var(--e-radius) * 0.25) calc(var(--e-radius) * 0.25) calc(var(--e-radius) * 0) calc(var(--e-radius) * 0);
-  border-width: 1px;
-  margin-top: 0;
-  padding: 0;
-}
-
-.e-underline.e-input-group:not(.e-float-icon-left),
-.e-underline.e-input-group.e-success:not(.e-float-icon-left),
-.e-underline.e-input-group.e-warning:not(.e-float-icon-left),
-.e-underline.e-input-group.e-error:not(.e-float-icon-left),
-.e-underline.e-input-group.e-control-wrapper:not(.e-float-icon-left),
-.e-underline.e-input-group.e-control-wrapper.e-success:not(.e-float-icon-left),
-.e-underline.e-input-group.e-control-wrapper.e-warning:not(.e-float-icon-left),
-.e-underline.e-input-group.e-control-wrapper.e-error:not(.e-float-icon-left) {
-  border: 1px solid;
-  border-width: 1px;
-  padding-top: 1px;
-  border-radius: calc(var(--e-radius) * 0);
-}
-
 .e-container .e-value-switch-btn::before {
   content: "\e748";
 }
 
-
-
-
-
-
-
-
-
-/* Font Family */
-/* border */
-/* 0px */
-/* 1px */
-/* 1.5px */
-/* 2px */
-/* 3px */
-/* 4px */
-/* 5px */
-/* 6px */
-/* 7px */
-/* 8px */
-/* 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 */
-
-
 .e-colorpicker-wrapper,
 .e-colorpicker-container {
   display: inline-block;
@@ -780,80 +644,6 @@ body.e-colorpicker-overflow {
   width: 100%;
 }
 
-
-
-
-
-
-
-
-
-/* Font Family */
-/* border */
-/* 0px */
-/* 1px */
-/* 1.5px */
-/* 2px */
-/* 3px */
-/* 4px */
-/* 5px */
-/* 6px */
-/* 7px */
-/* 8px */
-/* 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 */
-
-
 .e-container {
   background-color: var(--color-sf-flyout-bg-color);
 }
@@ -919,80 +709,6 @@ body.e-colorpicker-overflow {
   border-color: rgba(var(--color-sf-white));
 }
 
-
-
-
-
-
-
-
-
-/* Font Family */
-/* border */
-/* 0px */
-/* 1px */
-/* 1.5px */
-/* 2px */
-/* 3px */
-/* 4px */
-/* 5px */
-/* 6px */
-/* 7px */
-/* 8px */
-/* 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 */
-
-
 .e-bigger .e-colorpicker-wrapper .e-split-btn-wrapper .e-split-colorpicker.e-split-btn,
 .e-bigger.e-colorpicker-wrapper .e-split-btn-wrapper .e-split-colorpicker.e-split-btn,
 .e-bigger .e-colorpicker-container .e-split-btn-wrapper .e-split-colorpicker.e-split-btn,
@@ -1047,7 +763,6 @@ body.e-colorpicker-overflow {
   vertical-align: super;
   width: 40px;
   height: 42px;
-  top: 10px;
 }
 .e-bigger .e-container .e-slider-preview .e-preview-container .e-preview.e-current {
   height: 20px;
@@ -1056,6 +771,9 @@ body.e-colorpicker-overflow {
   height: 21px;
   top: 20px;
 }
+.e-bigger .e-container .e-slider-preview .e-preview-container {
+  top: 10px;
+}
 .e-bigger .e-container .e-slider-preview .e-colorpicker-slider {
   width: 86.3%;
 }

package/styles/color-picker/tailwind3.scss

@@ -1,12 +1,4 @@
-@use 'ej2-base/styles/definition/tailwind3' as *;
-@use 'ej2-buttons/styles/button/tailwind3-definition' as *;
-@use 'ej2-popups/styles/popup/tailwind3-definition' as *;
-@use 'ej2-splitbuttons/styles/split-button/tailwind3-definition' as *;
-@use './../input/tailwind3-definition' as *;
-@use './../numerictextbox/tailwind3-definition' as *;
-@use './../slider/tailwind3-definition' as *;
-@use 'ej2-popups/styles/tooltip/tailwind3-definition' as *;
 @use 'tailwind3-definition' as *;
 @use 'icons/tailwind3' as *;
-@use 'all.tailwind3' as *;
-@use 'bigger.tailwind3' as *;
+@use 'all' as *;
+@use 'bigger' as *;

package/styles/data-form/_all.scss

@@ -1,2 +1,2 @@
-@use 'layout' as *;
-@use 'theme' as *;
+@forward 'layout';
+@forward 'theme';