@syncfusion/ej2-inputs 24.2.7 → 25.1.35

package/styles/material.css

@@ -13349,6 +13349,49 @@ textarea.e-filled.e-disabled.e-input::-webkit-input-placeholder {
 .e-control-wrapper.e-slider-container.e-slider-hover .e-handle {
   border-color: #e3165b;
 }
+/* stylelint-disable property-no-vendor-prefix */
+@keyframes e-input-ripple {
+  100% {
+    opacity: 0;
+    transform: scale(4);
+  }
+}
+@keyframes slideTopUp {
+  from {
+    transform: translate3d(0, 0, 0) scale(1);
+  }
+  to {
+    transform: translate3d(0, 0, 0) scale(1);
+  }
+}
+/* stylelint-disable-line no-empty-source */
+.e-content-placeholder.e-textbox.e-placeholder-textbox {
+  background-size: 300px 33px;
+  min-height: 33px;
+}
+
+.e-bigger .e-content-placeholder.e-textbox.e-placeholder-textbox,
+.e-bigger.e-content-placeholder.e-textbox.e-placeholder-textbox {
+  background-size: 300px 40px;
+  min-height: 40px;
+}
+
+.e-input-group.e-input-focus.e-multi-line-input textarea.e-textbox {
+  padding-right: 30px;
+}
+
+.e-input-group.e-input-focus.e-rtl.e-multi-line-input textarea.e-textbox {
+  padding-left: 30px;
+}
+
+.e-bigger .e-input-group.e-input-focus.e-multi-line-input textarea.e-textbox {
+  padding-right: 32px;
+}
+
+.e-bigger .e-input-group.e-input-focus.e-rtl.e-multi-line-input textarea.e-textbox {
+  padding-left: 32px;
+}
+
 /* stylelint-disable property-no-vendor-prefix */
 @keyframes e-input-ripple {
   100% {
@@ -13365,6 +13408,38 @@ textarea.e-filled.e-disabled.e-input::-webkit-input-placeholder {
   }
 }
 /* stylelint-disable-line no-empty-source */ /* stylelint-disable-line no-empty-source */
+.e-input-group.e-multi-line-input.e-auto-width {
+  width: auto;
+}
+
+.e-input-group.e-multi-line-input textarea.e-resize-x {
+  resize: horizontal;
+}
+.e-input-group.e-multi-line-input textarea.e-resize-y {
+  resize: vertical;
+}
+.e-input-group.e-multi-line-input textarea.e-resize-xy {
+  resize: both;
+}
+.e-input-group.e-multi-line-input textarea.e-resize-none {
+  resize: none;
+}
+
+.e-float-input .e-clear-icon:hover,
+.e-float-input.e-control-wrapper .e-clear-icon:hover,
+.e-input-group .e-clear-icon:hover,
+.e-input-group.e-control-wrapper .e-clear-icon:hover {
+  background: none;
+  border: none;
+}
+
+.e-float-input:not(.e-disabled) .e-clear-icon:hover,
+.e-float-input.e-control-wrapper:not(.e-disabled) .e-clear-icon:hover,
+.e-input-group:not(.e-disabled) .e-clear-icon:hover,
+.e-input-group.e-control-wrapper:not(.e-disabled) .e-clear-icon:hover {
+  background: none;
+}
+
 /* stylelint-disable property-no-vendor-prefix */
 @keyframes material-spinner-rotate {
   0% {
@@ -15352,12 +15427,12 @@ body.e-colorpicker-overflow {
   -ms-grid-column: span 12;
       grid-column: span 12/span 12;
 }
-.e-data-form .e-label-left .e-form-item-wrapper {
+.e-data-form .e-label-position-left .e-form-item-wrapper {
   -ms-flex: 1 1 auto;
       flex: 1 1 auto;
   max-width: calc(75% - 12px);
 }
-.e-data-form .e-label-left .e-form-label {
+.e-data-form .e-label-position-left .e-form-label {
   margin-right: 12px;
   width: 25%;
   text-align: end;
@@ -15368,7 +15443,7 @@ body.e-colorpicker-overflow {
   -ms-flex-pack: start;
       justify-content: flex-start;
 }
-.e-data-form .e-label-left .validation-message {
+.e-data-form .e-label-position-left .validation-message {
   display: -ms-flexbox;
   display: flex;
 }
@@ -15394,27 +15469,27 @@ body.e-colorpicker-overflow {
   height: 1px;
   border-bottom: 1px solid #c4c7c5;
 }
-.e-data-form .e-label-top {
+.e-data-form .e-label-position-top {
   display: -ms-flexbox;
   display: flex;
   -ms-flex-direction: column;
       flex-direction: column;
   margin-top: 20px;
 }
-.e-data-form .e-label-top .e-label-right {
+.e-data-form .e-label-position-top .e-label-right {
   display: -ms-flexbox;
   display: flex;
   -ms-flex-align: center;
       align-items: center;
 }
-.e-data-form .e-label-top .e-label-right .e-switch-wrapper + .e-form-label {
+.e-data-form .e-label-position-top .e-label-right .e-switch-wrapper + .e-form-label {
   margin-top: 3px;
   margin-left: 5px;
 }
-.e-data-form .e-label-top .e-label-right .e-checkbox-wrapper + .e-form-label {
+.e-data-form .e-label-position-top .e-label-right .e-checkbox-wrapper + .e-form-label {
   margin-top: 6px;
 }
-.e-data-form .e-label-left {
+.e-data-form .e-label-position-left {
   display: -ms-flexbox;
   display: flex;
   text-align: center;

package/styles/material.scss

@@ -4,6 +4,7 @@
 @import 'maskedtextbox/material.scss';
 @import 'slider/material.scss';
 @import 'textbox/material.scss';
+@import 'textarea/material.scss';
 @import 'uploader/material.scss';
 @import 'color-picker/material.scss';
 @import 'rating/material.scss';

package/styles/material3-dark.css

@@ -13285,6 +13285,49 @@ textarea.e-filled.e-disabled.e-input::-webkit-input-placeholder {
 .e-control-wrapper.e-slider-container.e-slider-hover .e-handle {
   border-color: rgba(var(--color-sf-primary));
 }
+/* stylelint-disable property-no-vendor-prefix */
+@keyframes e-input-ripple {
+  100% {
+    opacity: 0;
+    transform: scale(4);
+  }
+}
+@keyframes slideTopUp {
+  from {
+    transform: translate3d(0, 0, 0) scale(1);
+  }
+  to {
+    transform: translate3d(0, 0, 0) scale(1);
+  }
+}
+/* stylelint-disable-line no-empty-source */
+.e-content-placeholder.e-textbox.e-placeholder-textbox {
+  background-size: 300px 33px;
+  min-height: 33px;
+}
+
+.e-bigger .e-content-placeholder.e-textbox.e-placeholder-textbox,
+.e-bigger.e-content-placeholder.e-textbox.e-placeholder-textbox {
+  background-size: 300px 40px;
+  min-height: 40px;
+}
+
+.e-input-group.e-input-focus.e-multi-line-input textarea.e-textbox {
+  padding-right: 30px;
+}
+
+.e-input-group.e-input-focus.e-rtl.e-multi-line-input textarea.e-textbox {
+  padding-left: 30px;
+}
+
+.e-bigger .e-input-group.e-input-focus.e-multi-line-input textarea.e-textbox {
+  padding-right: 32px;
+}
+
+.e-bigger .e-input-group.e-input-focus.e-rtl.e-multi-line-input textarea.e-textbox {
+  padding-left: 32px;
+}
+
 /* stylelint-disable property-no-vendor-prefix */
 @keyframes e-input-ripple {
   100% {
@@ -13301,6 +13344,38 @@ textarea.e-filled.e-disabled.e-input::-webkit-input-placeholder {
   }
 }
 /* stylelint-disable-line no-empty-source */ /* stylelint-disable-line no-empty-source */
+.e-input-group.e-multi-line-input.e-auto-width {
+  width: auto;
+}
+
+.e-input-group.e-multi-line-input textarea.e-resize-x {
+  resize: horizontal;
+}
+.e-input-group.e-multi-line-input textarea.e-resize-y {
+  resize: vertical;
+}
+.e-input-group.e-multi-line-input textarea.e-resize-xy {
+  resize: both;
+}
+.e-input-group.e-multi-line-input textarea.e-resize-none {
+  resize: none;
+}
+
+.e-float-input .e-clear-icon:hover,
+.e-float-input.e-control-wrapper .e-clear-icon:hover,
+.e-input-group .e-clear-icon:hover,
+.e-input-group.e-control-wrapper .e-clear-icon:hover {
+  background: none;
+  border: none;
+}
+
+.e-float-input:not(.e-disabled) .e-clear-icon:hover,
+.e-float-input.e-control-wrapper:not(.e-disabled) .e-clear-icon:hover,
+.e-input-group:not(.e-disabled) .e-clear-icon:hover,
+.e-input-group.e-control-wrapper:not(.e-disabled) .e-clear-icon:hover {
+  background: none;
+}
+
 /* stylelint-disable property-no-vendor-prefix */
 @keyframes material-spinner-rotate {
   0% {
@@ -15369,12 +15444,12 @@ body.e-colorpicker-overflow {
   -ms-grid-column: span 12;
       grid-column: span 12/span 12;
 }
-.e-data-form .e-label-left .e-form-item-wrapper {
+.e-data-form .e-label-position-left .e-form-item-wrapper {
   -ms-flex: 1 1 auto;
       flex: 1 1 auto;
   max-width: calc(75% - 12px);
 }
-.e-data-form .e-label-left .e-form-label {
+.e-data-form .e-label-position-left .e-form-label {
   margin-right: 12px;
   width: 25%;
   text-align: end;
@@ -15385,7 +15460,7 @@ body.e-colorpicker-overflow {
   -ms-flex-pack: start;
       justify-content: flex-start;
 }
-.e-data-form .e-label-left .validation-message {
+.e-data-form .e-label-position-left .validation-message {
   display: -ms-flexbox;
   display: flex;
 }
@@ -15411,27 +15486,27 @@ body.e-colorpicker-overflow {
   height: 1px;
   border-bottom: 1px solid var(--color-sf-outline-variant);
 }
-.e-data-form .e-label-top {
+.e-data-form .e-label-position-top {
   display: -ms-flexbox;
   display: flex;
   -ms-flex-direction: column;
       flex-direction: column;
   margin-top: 20px;
 }
-.e-data-form .e-label-top .e-label-right {
+.e-data-form .e-label-position-top .e-label-right {
   display: -ms-flexbox;
   display: flex;
   -ms-flex-align: center;
       align-items: center;
 }
-.e-data-form .e-label-top .e-label-right .e-switch-wrapper + .e-form-label {
+.e-data-form .e-label-position-top .e-label-right .e-switch-wrapper + .e-form-label {
   margin-top: 3px;
   margin-left: 5px;
 }
-.e-data-form .e-label-top .e-label-right .e-checkbox-wrapper + .e-form-label {
+.e-data-form .e-label-position-top .e-label-right .e-checkbox-wrapper + .e-form-label {
   margin-top: 6px;
 }
-.e-data-form .e-label-left {
+.e-data-form .e-label-position-left {
   display: -ms-flexbox;
   display: flex;
   text-align: center;

package/styles/material3-dark.scss

@@ -6,6 +6,7 @@
 @import 'maskedtextbox/material3-dark.scss';
 @import 'slider/material3-dark.scss';
 @import 'textbox/material3-dark.scss';
+@import 'textarea/material3-dark.scss';
 @import 'uploader/material3-dark.scss';
 @import 'color-picker/material3-dark.scss';
 @import 'rating/material3-dark.scss';

package/styles/material3.css

@@ -13341,6 +13341,49 @@ textarea.e-filled.e-disabled.e-input::-webkit-input-placeholder {
 .e-control-wrapper.e-slider-container.e-slider-hover .e-handle {
   border-color: rgba(var(--color-sf-primary));
 }
+/* stylelint-disable property-no-vendor-prefix */
+@keyframes e-input-ripple {
+  100% {
+    opacity: 0;
+    transform: scale(4);
+  }
+}
+@keyframes slideTopUp {
+  from {
+    transform: translate3d(0, 0, 0) scale(1);
+  }
+  to {
+    transform: translate3d(0, 0, 0) scale(1);
+  }
+}
+/* stylelint-disable-line no-empty-source */
+.e-content-placeholder.e-textbox.e-placeholder-textbox {
+  background-size: 300px 33px;
+  min-height: 33px;
+}
+
+.e-bigger .e-content-placeholder.e-textbox.e-placeholder-textbox,
+.e-bigger.e-content-placeholder.e-textbox.e-placeholder-textbox {
+  background-size: 300px 40px;
+  min-height: 40px;
+}
+
+.e-input-group.e-input-focus.e-multi-line-input textarea.e-textbox {
+  padding-right: 30px;
+}
+
+.e-input-group.e-input-focus.e-rtl.e-multi-line-input textarea.e-textbox {
+  padding-left: 30px;
+}
+
+.e-bigger .e-input-group.e-input-focus.e-multi-line-input textarea.e-textbox {
+  padding-right: 32px;
+}
+
+.e-bigger .e-input-group.e-input-focus.e-rtl.e-multi-line-input textarea.e-textbox {
+  padding-left: 32px;
+}
+
 /* stylelint-disable property-no-vendor-prefix */
 @keyframes e-input-ripple {
   100% {
@@ -13357,6 +13400,38 @@ textarea.e-filled.e-disabled.e-input::-webkit-input-placeholder {
   }
 }
 /* stylelint-disable-line no-empty-source */ /* stylelint-disable-line no-empty-source */
+.e-input-group.e-multi-line-input.e-auto-width {
+  width: auto;
+}
+
+.e-input-group.e-multi-line-input textarea.e-resize-x {
+  resize: horizontal;
+}
+.e-input-group.e-multi-line-input textarea.e-resize-y {
+  resize: vertical;
+}
+.e-input-group.e-multi-line-input textarea.e-resize-xy {
+  resize: both;
+}
+.e-input-group.e-multi-line-input textarea.e-resize-none {
+  resize: none;
+}
+
+.e-float-input .e-clear-icon:hover,
+.e-float-input.e-control-wrapper .e-clear-icon:hover,
+.e-input-group .e-clear-icon:hover,
+.e-input-group.e-control-wrapper .e-clear-icon:hover {
+  background: none;
+  border: none;
+}
+
+.e-float-input:not(.e-disabled) .e-clear-icon:hover,
+.e-float-input.e-control-wrapper:not(.e-disabled) .e-clear-icon:hover,
+.e-input-group:not(.e-disabled) .e-clear-icon:hover,
+.e-input-group.e-control-wrapper:not(.e-disabled) .e-clear-icon:hover {
+  background: none;
+}
+
 /* stylelint-disable property-no-vendor-prefix */
 @keyframes material-spinner-rotate {
   0% {
@@ -15425,12 +15500,12 @@ body.e-colorpicker-overflow {
   -ms-grid-column: span 12;
       grid-column: span 12/span 12;
 }
-.e-data-form .e-label-left .e-form-item-wrapper {
+.e-data-form .e-label-position-left .e-form-item-wrapper {
   -ms-flex: 1 1 auto;
       flex: 1 1 auto;
   max-width: calc(75% - 12px);
 }
-.e-data-form .e-label-left .e-form-label {
+.e-data-form .e-label-position-left .e-form-label {
   margin-right: 12px;
   width: 25%;
   text-align: end;
@@ -15441,7 +15516,7 @@ body.e-colorpicker-overflow {
   -ms-flex-pack: start;
       justify-content: flex-start;
 }
-.e-data-form .e-label-left .validation-message {
+.e-data-form .e-label-position-left .validation-message {
   display: -ms-flexbox;
   display: flex;
 }
@@ -15467,27 +15542,27 @@ body.e-colorpicker-overflow {
   height: 1px;
   border-bottom: 1px solid var(--color-sf-outline-variant);
 }
-.e-data-form .e-label-top {
+.e-data-form .e-label-position-top {
   display: -ms-flexbox;
   display: flex;
   -ms-flex-direction: column;
       flex-direction: column;
   margin-top: 20px;
 }
-.e-data-form .e-label-top .e-label-right {
+.e-data-form .e-label-position-top .e-label-right {
   display: -ms-flexbox;
   display: flex;
   -ms-flex-align: center;
       align-items: center;
 }
-.e-data-form .e-label-top .e-label-right .e-switch-wrapper + .e-form-label {
+.e-data-form .e-label-position-top .e-label-right .e-switch-wrapper + .e-form-label {
   margin-top: 3px;
   margin-left: 5px;
 }
-.e-data-form .e-label-top .e-label-right .e-checkbox-wrapper + .e-form-label {
+.e-data-form .e-label-position-top .e-label-right .e-checkbox-wrapper + .e-form-label {
   margin-top: 6px;
 }
-.e-data-form .e-label-left {
+.e-data-form .e-label-position-left {
   display: -ms-flexbox;
   display: flex;
   text-align: center;

package/styles/material3.scss

@@ -6,6 +6,7 @@
 @import 'maskedtextbox/material3.scss';
 @import 'slider/material3.scss';
 @import 'textbox/material3.scss';
+@import 'textarea/material3.scss';
 @import 'uploader/material3.scss';
 @import 'color-picker/material3.scss';
 @import 'rating/material3.scss';

package/styles/numerictextbox/_bds-definition.scss

@@ -0,0 +1,3 @@
+$numeric-skin-name: $skin-name !default;
+$numeric-input-icon-size: 18px !default;
+$numeric-input-bigger-icon-size: 22px !default;

package/styles/numerictextbox/icons/_bds.scss

@@ -0,0 +1,11 @@
+@include export-module('numerictextbox-bds-icons') {
+  .e-input-group-icon.e-spin-up::before {
+    content: '\e776';
+    font-family: 'e-icons';
+  }
+
+  .e-input-group-icon.e-spin-down::before {
+    content: '\e729';
+    font-family: 'e-icons';
+  }
+}

package/styles/rating/_bds-definition.scss

@@ -0,0 +1,47 @@
+$rating-li-font-size: $font-icon-20 !default;
+$rating-li-padding: 4px !default;
+$rating-li-line-height: 3px !default;
+$rating-li-min-width-height: 28px !default;
+$rating-focus-border-radius: 4px !default;
+$rating-label-bottom-margin: 6px !default;
+$rating-label-right-margin: 10px !default;
+$rating-label-top-margin: 8px !default;
+$rating-label-left-margin: 4px !default;
+$rating-label-font-size: $text-xs !default;
+$rating-label-line-height: 18px !default;
+$rating-reset-font-size : $font-icon-16 !default;
+$rating-tooltip-tip-bottom-height: 8px !default;
+
+$rating-small-li-font-size: $font-icon-16 !default;
+$rating-small-li-line-height: 10px !default;
+$rating-small-li-min-width-height: 24px !default;
+$rating-small-label-font-size: $text-xxs !default;
+$rating-small-label-line-height: 16px !default;
+$rating-small-reset-font-size : $font-icon-12 !default;
+
+$rating-bigger-li-font-size: $font-icon-24 !default;
+$rating-bigger-li-line-height: 18px !default;
+$rating-bigger-li-min-width-height: 32px !default;
+$rating-bigger-label-font-size: $text-2xl !default;
+$rating-bigger-label-line-height: 22px !default;
+$rating-bigger-reset-font-size : $font-icon-20 !default;
+
+$rating-bigger-small-li-font-size: $font-icon-22 !default;
+$rating-bigger-small-li-line-height: 15px !default;
+$rating-bigger-small-li-min-width-height: 30px !default;
+$rating-bigger-small-label-font-size: $text-xs !default;
+$rating-bigger-small-label-line-height: 18px !default;
+$rating-bigger-small-reset-font-size : $font-icon-18 !default;
+
+$rating-border-width: 1px !default;
+
+$rating-selected-bg-color: $rating-selected-color !default;
+$rating-unrated-bg-color: $rating-unrated-color !default;
+$rating-hover-bg-color: $rating-selected-hover-color !default;
+$rating-pressed-bg-color: $rating-pressed-color !default;
+$rating-selected-disabled-bg-color: $rating-selected-disabled-color !default;
+$rating-unrated-disabled-bg-color: $rating-unrated-disabled-color !default;
+$rating-li-focus: $rating-selected-color !default;
+$rating-reset-icon-color: $icon-color !default;
+$rating-reset-hover-icon-color: $icon-color-hover !default;
+$rating-reset-disabled-icon-color: $icon-color-disabled !default;

package/styles/signature/_bds-definition.scss

@@ -0,0 +1,3 @@
+$signature-border: 1px solid !default;
+$signature-border-color: $border-light !default;
+$signature-background-color: $white !default;

package/styles/slider/_bds-definition.scss

@@ -0,0 +1,88 @@
+// layout variables
+$slider-height: 4px !default;
+$slider-handle-height: 12px !default;
+$slider-handle-width: 12px !default;
+$slider-handle-border-radius: 50% !default;
+$slider-handle-top: -7px !default;
+$slider-h-handle-margin: 0 !default;
+$rtl-slider-h-handle-margin: 0 -6px 0 0 !default;
+$slider-v-handle-margin: -8px !default;
+$rtl-slider-v-handle-margin: 0 !default;
+$slider-container-height: 4px !default;
+$slider-handle-box-shadow: $shadow !default;
+$slider-tooltip-padding: 2px 4px !default;
+$slider-handle-after-position: relative !default;
+$tick-after-height: 6px !default;
+$tick-after-top: -13px !default;
+$largetick-before-top: -13px !default;
+$largetick-before-height: 10px !default;
+$largetick-after-height: 10px !default;
+$largetick-after-top: 12px !default;
+$tick-before-height: 6px !default;
+$tick-before-top: 9px !default;
+$slider-vertical-width: 4px !default;
+$slider-border-radius-handle: 10px !default;
+$slider-scale-font-family: $font-family !default;
+$slider-scale-font-size: $text-xs !default;
+$slider-scale-tick-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAQSURBVHgBAQUA+v8A0tXa/wh/A4H6PSX0AAAAAElFTkSuQmCC');
+$slider-scale-tick-image-dark: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAQSURBVHgBAQUA+v8Aa3KA/wUGAl0jqQq1AAAAAElFTkSuQmCC');
+$slider-disabled-handle-show: none !default;
+$slider-button-shadow: $shadow-sm !default;
+$slider-button-horizon-padding: 0 28px !default;
+$slider-button-vertical-padding: 28px 0 !default;
+$tick-after-left: 1px !default;
+$largetick-before-left: -2px !default;
+$tick-before-left: 21px !default;
+$largetick-after-left: 21px !default;
+$slider-wrap-height: 28px !default;
+$slider-center-align: -2px !default;
+$slider-btn-center-align: -12px !default;
+$slider-range-height: $slider-container-height !default;
+$slider-range-width: $slider-vertical-width !default;
+$slider-range-border-radius: 4px !default;
+$slider-cursor: pointer !default;
+$slider-handle-hover-cursor: pointer !default;
+$slider-scale-top: 12px !default;
+$slider-tab-border: 1px solid $white !default;
+$slider-tab-active-box-shadow: $shadow-focus-ring2 !default;
+$slider-limit-bar-horizontal-height: 4px !default;
+$slider-limit-bar-top: calc(50% - 4px) !default;
+$slider-limit-bar-vertical-width: 4px !default;
+$slider-limit-bar-left: calc(50%) !default;
+
+$slider-handle-mobile-height: 16px !default;
+$slider-handle-mobile-width: 16px !default;
+$slider-handle-mobile-top: -7px !default;
+$slider-h-handle-mobile-margin: 0 !default;
+$rtl-slider-h-handle-mobile-margin: 0 !default;
+$slider-v-handle-mobile-margin: 0 !default;
+$rtl-slider-v-handle-mobile-margin: 0 !default;
+$tick-after-mobile-height: 8px !default;
+$largetick-before-mobile-height: 12px !default;
+$slider-mobile-scale-font-size: $text-sm !default;
+$slider-button-horizon-mobile-padding: 0 36px !default;
+$slider-button-vertical-mobile-padding: 36px 0 !default;
+
+//color variables
+$slider-disabled-bg-color: $content-bg-color-alt3 !default;
+$slider-button-icon-color: $icon-color !default;
+$slider-range-bar-color: $primary !default;
+$slider-range-bar-hover-color: $primary-bg-color-hover !default;
+$slider-track-color: $content-bg-color-alt3 !default;
+$slider-button-bg-color: $secondary-bg-color !default;
+$slider-button-icon-bg-color: $icon-color !default;
+$slider-normal-handle-border-color: $primary !default;
+$slider-handle-bg-color: $primary !default;
+$slider-hover-color: $content-bg-color-alt3 !default;
+$slider-handle-hover-border-color: $slider-normal-handle-border-color !default;
+$slider-handle-start-border-color: $content-bg-color-alt3 !default;
+$slider-button-border-color: $border !default;
+$slider-tab-background: $primary-bg-color-hover !default;
+$slider-tab-range-color: $primary !default;
+$slider-tab-track-color: $content-bg-color-alt3 !default;
+$slider-limit-bar-color: $overlay-bg-color !default;
+$slider-tick-font-color: $content-text-color-alt1 !default;
+$slider-button-hleft-bg-image: none !default;
+$slider-button-hright-bg-image: none !default;
+$slider-button-vdown-bg-image:  none !default;
+$slider-button-vup-bg-image:  none !default;