@syncfusion/ej2-inputs 33.2.12 → 34.1.29

package/styles/material.css

@@ -79,24 +79,6 @@
   font-family: "e-icons";
 }
 
-/* stylelint-disable property-no-vendor-prefix */
-@keyframes e-input-ripple {
-  100% {
-    opacity: 0;
-    -webkit-transform: scale(4);
-            transform: scale(4);
-  }
-}
-@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);
-  }
-}
 /*! input layout */
 .e-input-group,
 .e-input-group.e-control-wrapper {
@@ -4680,24 +4662,6 @@ textarea.e-outline,
   padding-right: 17px;
 }
 
-/* stylelint-disable property-no-vendor-prefix */
-@keyframes e-input-ripple {
-  100% {
-    opacity: 0;
-    -webkit-transform: scale(4);
-            transform: scale(4);
-  }
-}
-@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);
-  }
-}
 /*! input theme */
 input.e-input,
 .e-input-group input.e-input,
@@ -6609,24 +6573,7 @@ textarea.e-filled.e-disabled.e-input::-webkit-input-placeholder,
   color: #ffca1c;
 }
 
-/* stylelint-disable property-no-vendor-prefix */
-@keyframes e-input-ripple {
-  100% {
-    opacity: 0;
-    -webkit-transform: scale(4);
-            transform: scale(4);
-  }
-}
-@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);
-  }
-}
+/* stylelint-disable-line no-empty-source */
 .e-input-group.e-bigger .e-input,
 .e-input-group.e-bigger.e-control-wrapper .e-input,
 .e-bigger .e-input-group .e-input,
@@ -12081,46 +12028,10 @@ span.e-numeric.e-input-group.e-append-wrapper.e-filled.e-float-input.e-control-w
   padding-right: 0;
 }
 
-/* stylelint-disable property-no-vendor-prefix */
-@keyframes e-input-ripple {
-  100% {
-    opacity: 0;
-    -webkit-transform: scale(4);
-            transform: scale(4);
-  }
-}
-@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-numeric.e-control-wrapper.e-input-group .e-input-group-icon {
   font-size: 12px;
 }
 
-/* stylelint-disable property-no-vendor-prefix */
-@keyframes e-input-ripple {
-  100% {
-    opacity: 0;
-    -webkit-transform: scale(4);
-            transform: scale(4);
-  }
-}
-@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-bigger.e-content-placeholder.e-numeric.e-placeholder-numeric,
 .e-bigger .e-content-placeholder.e-numeric.e-placeholder-numeric {
   background-size: 300px 40px;
@@ -12328,6 +12239,7 @@ span.e-bigger.e-mask.e-input-group.e-append-wrapper input,
   height: auto;
 }
 
+/* stylelint-disable-line no-empty-source */
 /* stylelint-disable property-no-vendor-prefix */
 .e-control-wrapper.e-slider-container {
   -moz-user-select: none;
@@ -12375,6 +12287,7 @@ span.e-bigger.e-mask.e-input-group.e-append-wrapper input,
   border-radius: 50%;
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
+  cursor: -webkit-grab;
   cursor: grab;
   height: 12px;
   width: 12px;
@@ -12387,10 +12300,6 @@ span.e-bigger.e-mask.e-input-group.e-append-wrapper input,
   transition: left 300ms ease-out, right 300ms ease-out, bottom 300ms ease-out, transform 300ms ease-out;
   transition: left 300ms ease-out, right 300ms ease-out, bottom 300ms ease-out, transform 300ms ease-out, -webkit-transform 300ms ease-out;
   z-index: 10;
-  /* stylelint-disable */
-  cursor: -webkit-grab;
-  cursor: grab;
-  /* stylelint-enable */
 }
 .e-control-wrapper.e-slider-container .e-slider .e-handle.e-large-thumb-size {
   -webkit-transform: scale(1.5);
@@ -12402,6 +12311,12 @@ span.e-bigger.e-mask.e-input-group.e-append-wrapper input,
   cursor: grabbing;
   /* stylelint-enable */
 }
+.e-control-wrapper.e-slider-container .e-slider .e-handle {
+  /* stylelint-disable */
+  cursor: -webkit-grab;
+  cursor: grab;
+  /* stylelint-enable */
+}
 .e-control-wrapper.e-slider-container .e-slider .e-handle.e-handle-start {
   background-color: #fff;
   border: 2px solid rgba(0, 0, 0, 0.26);
@@ -13000,7 +12915,6 @@ span.e-bigger.e-mask.e-input-group.e-append-wrapper input,
   font-size: 12px;
 }
 
-/* stylelint-disable-line no-empty-source */
 /* stylelint-disable-line no-empty-source */
 .e-content-placeholder.e-textbox.e-placeholder-textbox {
   background-size: 300px 33px;
@@ -13363,7 +13277,6 @@ span.e-input-group.e-append-wrapper.e-rtl.e-multi-line-input.e-outline textarea.
   padding-right: 1px;
 }
 
-/* stylelint-disable-line no-empty-source */
 .e-bigger .e-content-placeholder.e-textbox.e-placeholder-textbox,
 .e-bigger.e-content-placeholder.e-textbox.e-placeholder-textbox {
   background-size: 300px 40px;
@@ -14179,47 +14092,6 @@ span.e-input-group.e-multi-line-input.e-adornment-flow-horizontal.e-adornment-or
   top: -30px;
 }
 
-/* stylelint-disable property-no-vendor-prefix */
-@-webkit-keyframes material-spinner-rotate {
-  0% {
-    -webkit-transform: rotate(0deg);
-    transform: rotate(0deg);
-  }
-  100% {
-    -webkit-transform: rotate(360deg);
-    transform: rotate(360deg);
-  }
-}
-@keyframes material-spinner-rotate {
-  0% {
-    -webkit-transform: rotate(0deg);
-    transform: rotate(0deg);
-  }
-  100% {
-    -webkit-transform: rotate(360deg);
-    transform: rotate(360deg);
-  }
-}
-@-webkit-keyframes fabric-spinner-rotate {
-  0% {
-    -webkit-transform: rotate(0deg);
-    transform: rotate(0deg);
-  }
-  100% {
-    -webkit-transform: rotate(360deg);
-    transform: rotate(360deg);
-  }
-}
-@keyframes fabric-spinner-rotate {
-  0% {
-    -webkit-transform: rotate(0deg);
-    transform: rotate(0deg);
-  }
-  100% {
-    -webkit-transform: rotate(360deg);
-    transform: rotate(360deg);
-  }
-}
 .e-upload .e-upload-files .e-file-remove-btn.e-icons::before {
   content: "\e945";
 }
@@ -16084,6 +15956,9 @@ body.e-colorpicker-overflow {
   cursor: default;
   pointer-events: none;
 }
+.e-rating-container .e-rating-item-container:has(svg) {
+  line-height: 13px;
+}
 .e-rating-container .e-rating-item-container {
   cursor: pointer;
   font-size: 20px;
@@ -16093,9 +15968,6 @@ body.e-colorpicker-overflow {
   min-height: calc(1em + 8px);
   position: relative;
 }
-.e-rating-container .e-rating-item-container:has(svg) {
-  line-height: 13px;
-}
 .e-rating-container .e-rating-item-container .e-rating-item {
   display: block;
 }
@@ -16195,14 +16067,14 @@ body.e-colorpicker-overflow {
   text-align: center;
 }
 
-.e-small.e-rating-container .e-rating-item-container,
-.e-small .e-rating-container .e-rating-item-container {
-  font-size: 16px;
-}
 .e-small.e-rating-container .e-rating-item-container:has(svg),
 .e-small .e-rating-container .e-rating-item-container:has(svg) {
   line-height: 9px;
 }
+.e-small.e-rating-container .e-rating-item-container,
+.e-small .e-rating-container .e-rating-item-container {
+  font-size: 16px;
+}
 .e-small.e-rating-container .e-rating-label,
 .e-small .e-rating-container .e-rating-label {
   font-size: 10px;
@@ -16310,14 +16182,14 @@ body.e-colorpicker-overflow {
   /* stylelint-enable property-no-vendor-prefix */
 }
 
-.e-bigger.e-rating-container .e-rating-item-container,
-.e-bigger .e-rating-container .e-rating-item-container {
-  font-size: 32px;
-}
 .e-bigger.e-rating-container .e-rating-item-container:has(svg),
 .e-bigger .e-rating-container .e-rating-item-container:has(svg) {
   line-height: 21px;
 }
+.e-bigger.e-rating-container .e-rating-item-container,
+.e-bigger .e-rating-container .e-rating-item-container {
+  font-size: 32px;
+}
 .e-bigger.e-rating-container .e-rating-label,
 .e-bigger .e-rating-container .e-rating-label {
   font-size: 14px;
@@ -16328,18 +16200,18 @@ body.e-colorpicker-overflow {
   font-size: 28px;
 }
 
-.e-bigger.e-small.e-rating-container .e-rating-item-container,
-.e-bigger.e-small .e-rating-container .e-rating-item-container,
-.e-bigger .e-small.e-rating-container .e-rating-item-container,
-.e-small .e-bigger.e-rating-container .e-rating-item-container {
-  font-size: 24px;
-}
 .e-bigger.e-small.e-rating-container .e-rating-item-container:has(svg),
 .e-bigger.e-small .e-rating-container .e-rating-item-container:has(svg),
 .e-bigger .e-small.e-rating-container .e-rating-item-container:has(svg),
 .e-small .e-bigger.e-rating-container .e-rating-item-container:has(svg) {
   line-height: 17px;
 }
+.e-bigger.e-small.e-rating-container .e-rating-item-container,
+.e-bigger.e-small .e-rating-container .e-rating-item-container,
+.e-bigger .e-small.e-rating-container .e-rating-item-container,
+.e-small .e-bigger.e-rating-container .e-rating-item-container {
+  font-size: 24px;
+}
 .e-bigger.e-small.e-rating-container .e-rating-label,
 .e-bigger.e-small .e-rating-container .e-rating-label,
 .e-bigger .e-small.e-rating-container .e-rating-label,
@@ -16354,13 +16226,8 @@ body.e-colorpicker-overflow {
   font-size: 20px;
 }
 
-/*! Form material theme wise override definitions and variables */
 /*! Form material theme wise override definitions and variables */
 /*! data-form layout */
-.e-data-form {
-  /* stylelint-disable property-no-vendor-prefix */
-  /* stylelint-enable property-no-vendor-prefix */
-}
 .e-data-form .e-form-label {
   font-size: 12px;
   margin-bottom: 4px;
@@ -16369,6 +16236,9 @@ body.e-colorpicker-overflow {
 .e-data-form .e-form-layout {
   display: grid;
 }
+.e-data-form {
+  /* stylelint-disable property-no-vendor-prefix */
+}
 .e-data-form .e-grid-col-2 {
   -ms-grid-columns: repeat(2, 1fr);
   grid-template-columns: repeat(2, minmax(0, 1fr));
@@ -16413,6 +16283,9 @@ body.e-colorpicker-overflow {
   -ms-grid-columns: repeat(12, 1fr);
   grid-template-columns: repeat(12, minmax(0, 1fr));
 }
+.e-data-form {
+  /* stylelint-enable property-no-vendor-prefix */
+}
 .e-data-form .e-colspan-1 {
   grid-column: span 1/span 1;
 }
@@ -16563,7 +16436,6 @@ body.e-colorpicker-overflow {
   margin-top: 0;
 }
 
-/*! Form material theme wise override definitions and variables */
 /*! data-form theme */
 .e-data-form .e-form-label {
   color: rgba(0, 0, 0, 0.54);

package/styles/material.scss

@@ -1,49 +1,44 @@
 @use 'signature/material-definition' as *;
-@use 'signature/all.material' as *;
+@use 'signature/all' as *;
 
 @use 'input/material-definition' as *;
 @use 'input/icons/material' as *;
-@use 'input/all.material' as *;
-@use 'input/bigger.material' as *;
+@use 'input/all' as *;
+@use 'input/bigger' as *;
 @use 'numerictextbox/material-definition' as *;
 @use 'numerictextbox/icons/material' as *;
-@use 'numerictextbox/all.material' as *;
-@use 'numerictextbox/bigger.material' as *;
+@use 'numerictextbox/all' as *;
+@use 'numerictextbox/bigger' as *;
 @use 'maskedtextbox/material-definition' as *;
-@use 'maskedtextbox/all.material' as *;
-@use 'maskedtextbox/bigger.material' as *;
-@use 'ej2-popups/styles/popup/material-definition' as *;
-@use 'ej2-popups/styles/tooltip/material-definition' as *;
+@use 'maskedtextbox/all' as *;
+@use 'maskedtextbox/bigger' as *;
 @use 'slider/material-definition' as *;
-@use 'slider/all.material' as *;
-@use 'slider/bigger.material' as *;
+@use 'slider/all' as *;
+@use 'slider/bigger' as *;
 @use 'textbox/material-definition' as *;
-@use 'textbox/all.material' as *;
-@use 'textbox/bigger.material' as *;
+@use 'textbox/all' as *;
+@use 'textbox/bigger' as *;
 @use 'textarea/material-definition' as *;
-@use 'textarea/all.material' as *;
-@use 'ej2-buttons/styles/button/material-definition' as *;
-@use 'ej2-popups/styles/spinner/material-definition' as *;
+@use 'textarea/all' as *;
 @use 'uploader/material-definition' as *;
 @use 'uploader/icons/material' as *;
-@use 'uploader/all.material' as *;
-@use 'uploader/bigger.material' as *;
-@use 'ej2-splitbuttons/styles/split-button/material-definition' as *;
+@use 'uploader/all' as *;
+@use 'uploader/bigger' as *;
 @use 'color-picker/material-definition' as *;
 @use 'color-picker/icons/material' as *;
-@use 'color-picker/all.material' as *;
-@use 'color-picker/bigger.material' as *;
+@use 'color-picker/all' as *;
+@use 'color-picker/bigger' as *;
 @use 'rating/material-definition' as *;
-@use 'rating/all.material' as *;
-@use 'rating/bigger.material' as *;
+@use 'rating/all' as *;
+@use 'rating/bigger' as *;
 @use 'data-form/material-definition' as *;
-@use 'data-form/all.material' as *;
+@use 'data-form/all' as *;
 @use 'otp-input/material-definition' as *;
-@use 'otp-input/all.material' as *;
-@use 'otp-input/bigger.material' as *;
+@use 'otp-input/all' as *;
+@use 'otp-input/bigger' as *;
 @use 'speech-to-text/material-definition' as *;
 @use 'speech-to-text/icons/material' as *;
-@use 'speech-to-text/all.material' as *;
-@use 'speech-to-text/bigger.material' as *;
+@use 'speech-to-text/all' as *;
+@use 'speech-to-text/bigger' as *;
 @use 'smart-textarea/material-definition' as *;
-@use 'smart-textarea/all.material' as *;
+@use 'smart-textarea/all' as *;