@syncfusion/ej2-angular-inputs 22.2.7-ngcc → 22.2.7

package/styles/material3.scss

@@ -1,4 +1,5 @@
 
+@import 'ej2-base/styles/material3-definition.scss';
 @import 'signature/material3.scss';
 @import 'input/material3.scss';
 @import 'numerictextbox/material3.scss';

package/styles/numerictextbox/_all.scss

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

package/styles/numerictextbox/_bootstrap-dark-definition.scss

@@ -0,0 +1,6 @@
+//default
+$numeric-skin-name: 'bootstrap' !default;
+$numeric-input-icon-size: 12px !default;
+$numeric-input-bigger-icon-size: 14px !default;
+
+//enddefault

package/styles/numerictextbox/_bootstrap-definition.scss

@@ -0,0 +1,3 @@
+$numeric-skin-name: 'bootstrap' !default;
+$numeric-input-icon-size: 12px !default;
+$numeric-input-bigger-icon-size: 14px !default;

package/styles/numerictextbox/_bootstrap4-definition.scss

@@ -0,0 +1,3 @@
+$numeric-skin-name: 'bootstrap4' !default;
+$numeric-input-icon-size: 8px !default;
+$numeric-input-bigger-icon-size: 10px !default;

package/styles/numerictextbox/_bootstrap5-dark-definition.scss

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

package/styles/numerictextbox/_bootstrap5-definition.scss

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

package/styles/numerictextbox/_fabric-dark-definition.scss

@@ -0,0 +1,6 @@
+//default
+$numeric-skin-name: 'fabric' !default;
+$numeric-input-icon-size: 12px !default;
+$numeric-input-bigger-icon-size: 12px !default;
+
+//enddefault

package/styles/numerictextbox/_fabric-definition.scss

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

package/styles/numerictextbox/_fluent-dark-definition.scss

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

package/styles/numerictextbox/_fluent-definition.scss

@@ -0,0 +1,5 @@
+$numeric-skin-name: $skin-name !default;
+$numeric-input-icon-size: 16px !default;
+$numeric-input-bigger-icon-size: 20px !default;
+$numeric-input-small-icon-size: 14px !default;
+$numeric-input-bigger-small-icon-size: 18px !default;

package/styles/numerictextbox/_fusionnew-definition.scss

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

package/styles/numerictextbox/_highcontrast-definition.scss

@@ -0,0 +1,3 @@
+$numeric-skin-name: 'highcontrast' !default;
+$numeric-input-icon-size: 14px !default;
+$numeric-input-bigger-icon-size: 12px !default;

package/styles/numerictextbox/_highcontrast-light-definition.scss

@@ -0,0 +1,6 @@
+//default
+$numeric-skin-name: 'highcontrast' !default;
+$numeric-input-icon-size: 14px !default;
+$numeric-input-bigger-icon-size: 12px !default;
+
+//enddefault

package/styles/numerictextbox/_layout.scss

@@ -0,0 +1,30 @@
+.e-numeric-container {
+  width: 100%;
+}
+
+.e-content-placeholder.e-numeric.e-placeholder-numeric {
+  background-size: 300px 33px;
+  min-height: 33px;
+}
+
+.e-bigger.e-content-placeholder.e-numeric.e-placeholder-numeric,
+.e-bigger .e-content-placeholder.e-numeric.e-placeholder-numeric {
+  background-size: 300px 40px;
+  min-height: 40px;
+}
+
+// Hidden element styles
+.e-float-input.e-input-group.e-control-wrapper.e-numeric .e-numeric-hidden,
+.e-input-group.e-control-wrapper.e-numeric .e-numeric-hidden,
+.e-float-input.e-control-wrapper.e-numeric .e-numeric-hidden,
+.e-float-input.e-input-group.e-control-wrapper.e-numeric.e-input-focus .e-numeric-hidden,
+.e-input-group.e-control-wrapper.e-numeric.e-input-focus .e-numeric-hidden,
+.e-float-input.e-control-wrapper.e-numeric.e-input-focus .e-numeric-hidden {
+  border: 0;
+  height: 0;
+  margin: 0;
+  padding: 0;
+  text-indent: 0;
+  visibility: hidden;
+  width: 0;
+}

package/styles/numerictextbox/_material-dark-definition.scss

@@ -0,0 +1,6 @@
+//default
+$numeric-skin-name: 'material' !default;
+$numeric-input-icon-size: 12px !default;
+$numeric-input-bigger-icon-size: 12px !default;
+
+//enddefault

package/styles/numerictextbox/_material-definition.scss

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

package/styles/numerictextbox/_material3-dark-definition.scss

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

package/styles/numerictextbox/_material3-definition.scss

@@ -0,0 +1,4 @@
+$numeric-skin-name: 'Material3' !default;
+$numeric-input-icon-size: 16px !default;
+$numeric-input-bigger-icon-size: 18px !default;
+$numeric-input-icon-padding: 8px !default;

package/styles/numerictextbox/_tailwind-dark-definition.scss

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

package/styles/numerictextbox/_tailwind-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/_theme.scss

@@ -0,0 +1,39 @@
+@include export-module('numerictextbox-theme') {
+  .e-numeric.e-control-wrapper {
+    #{if(&, '&', '*')}.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error):not(.e-input-focus) {
+      @if $numeric-skin-name == 'bootstrap' {
+        border-color: $input-group-full-border-color;
+        box-shadow: none;
+      }
+    }
+
+    #{if(&, '&', '*')}.e-input-group .e-input-group-icon {
+      font-size: $numeric-input-icon-size;
+    }
+  }
+
+  .e-bigger {
+    #{if(&, '&', '*')} .e-control-wrapper.e-numeric.e-input-group .e-input-group-icon,
+    #{if(&, '&', '*')}.e-control-wrapper.e-numeric.e-input-group .e-input-group-icon {
+      font-size: $numeric-input-bigger-icon-size;
+    }
+  }
+
+  .e-small {
+    #{if(&, '&', '*')} .e-control-wrapper.e-numeric.e-input-group .e-input-group-icon,
+    #{if(&, '&', '*')}.e-control-wrapper.e-numeric.e-input-group .e-input-group-icon {
+      @if ($input-skin-name == 'FluentUI') {
+        font-size: $numeric-input-small-icon-size;
+      }
+    }
+  }
+
+  .e-small.e-bigger .e-control-wrapper.e-numeric.e-input-group .e-input-group-icon,
+  .e-small.e-bigger.e-control-wrapper.e-numeric.e-input-group .e-input-group-icon,
+  .e-small .e-bigger.e-control-wrapper.e-numeric.e-input-group .e-input-group-icon,
+  .e-bigger .e-small.e-control-wrapper.e-numeric.e-input-group .e-input-group-icon {
+    @if ($input-skin-name == 'FluentUI') {
+      font-size: $numeric-input-bigger-small-icon-size;
+    }
+  }
+}

package/styles/numerictextbox/bootstrap-dark.scss

@@ -1 +1,5 @@
-@import 'ej2-inputs/styles/numerictextbox/bootstrap-dark.scss';
+@import 'ej2-base/styles/bootstrap-dark-definition.scss';
+@import '../input/bootstrap-dark-definition.scss';
+@import 'bootstrap-dark-definition.scss';
+@import 'icons/bootstrap-dark.scss';
+@import 'all.scss';

package/styles/numerictextbox/bootstrap.scss

@@ -1 +1,5 @@
-@import 'ej2-inputs/styles/numerictextbox/bootstrap.scss';
+@import 'ej2-base/styles/bootstrap-definition.scss';
+@import '../input/bootstrap-definition.scss';
+@import 'bootstrap-definition.scss';
+@import 'icons/bootstrap.scss';
+@import 'all.scss';

package/styles/numerictextbox/bootstrap4.scss

@@ -1 +1,5 @@
-@import 'ej2-inputs/styles/numerictextbox/bootstrap4.scss';
+@import 'ej2-base/styles/bootstrap4-definition.scss';
+@import '../input/bootstrap4-definition.scss';
+@import 'bootstrap4-definition.scss';
+@import 'icons/bootstrap4.scss';
+@import 'all.scss';

package/styles/numerictextbox/bootstrap5-dark.scss

@@ -1 +1,5 @@
-@import 'ej2-inputs/styles/numerictextbox/bootstrap5-dark.scss';
+@import 'ej2-base/styles/bootstrap5-dark-definition.scss';
+@import '../input/bootstrap5-dark-definition.scss';
+@import 'bootstrap5-dark-definition.scss';
+@import 'icons/bootstrap5-dark.scss';
+@import 'all.scss';

package/styles/numerictextbox/bootstrap5.scss

@@ -1 +1,5 @@
-@import 'ej2-inputs/styles/numerictextbox/bootstrap5.scss';
+@import 'ej2-base/styles/bootstrap5-definition.scss';
+@import '../input/bootstrap5-definition.scss';
+@import 'bootstrap5-definition.scss';
+@import 'icons/bootstrap5.scss';
+@import 'all.scss';

package/styles/numerictextbox/fabric-dark.scss

@@ -1 +1,5 @@
-@import 'ej2-inputs/styles/numerictextbox/fabric-dark.scss';
+@import 'ej2-base/styles/fabric-dark-definition.scss';
+@import '../input/fabric-dark-definition.scss';
+@import 'fabric-dark-definition.scss';
+@import 'icons/fabric-dark.scss';
+@import 'all.scss';

package/styles/numerictextbox/fabric.scss

@@ -1 +1,5 @@
-@import 'ej2-inputs/styles/numerictextbox/fabric.scss';
+@import 'ej2-base/styles/fabric-definition.scss';
+@import '../input/fabric-definition.scss';
+@import 'fabric-definition.scss';
+@import 'icons/fabric.scss';
+@import 'all.scss';

package/styles/numerictextbox/fluent-dark.scss

@@ -1 +1,5 @@
-@import 'ej2-inputs/styles/numerictextbox/fluent-dark.scss';
+@import 'ej2-base/styles/fluent-dark-definition.scss';
+@import '../input/fluent-dark-definition.scss';
+@import 'fluent-dark-definition.scss';
+@import 'icons/fluent-dark.scss';
+@import 'all.scss';

package/styles/numerictextbox/fluent.scss

@@ -1 +1,5 @@
-@import 'ej2-inputs/styles/numerictextbox/fluent.scss';
+@import 'ej2-base/styles/fluent-definition.scss';
+@import '../input/fluent-definition.scss';
+@import 'fluent-definition.scss';
+@import 'icons/fluent.scss';
+@import 'all.scss';

package/styles/numerictextbox/highcontrast-light.scss

@@ -1 +1,5 @@
-@import 'ej2-inputs/styles/numerictextbox/highcontrast-light.scss';
+@import 'ej2-base/styles/highcontrast-light-definition.scss';
+@import '../input/highcontrast-light-definition.scss';
+@import 'highcontrast-light-definition.scss';
+@import 'icons/highcontrast-light.scss';
+@import 'all.scss';

package/styles/numerictextbox/highcontrast.scss

@@ -1 +1,5 @@
-@import 'ej2-inputs/styles/numerictextbox/highcontrast.scss';
+@import 'ej2-base/styles/highcontrast-definition.scss';
+@import '../input/highcontrast-definition.scss';
+@import 'highcontrast-definition.scss';
+@import 'icons/highcontrast.scss';
+@import 'all.scss';

package/styles/numerictextbox/icons/_bootstrap-dark.scss

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

package/styles/numerictextbox/icons/_bootstrap.scss

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

package/styles/numerictextbox/icons/_bootstrap4.scss

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

package/styles/numerictextbox/icons/_bootstrap5-dark.scss

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

package/styles/numerictextbox/icons/_bootstrap5.scss

@@ -0,0 +1,11 @@
+@include export-module('numerictextbox-tailwind-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/numerictextbox/icons/_fabric-dark.scss

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

package/styles/numerictextbox/icons/_fabric.scss

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

package/styles/numerictextbox/icons/_fluent-dark.scss

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

package/styles/numerictextbox/icons/_fluent.scss

@@ -0,0 +1,11 @@
+@include export-module('numerictextbox-tailwind-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/numerictextbox/icons/_fusionnew.scss

@@ -0,0 +1,11 @@
+@include export-module('numerictextbox-tailwind-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/numerictextbox/icons/_highcontrast-light.scss

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

package/styles/numerictextbox/icons/_highcontrast.scss

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

package/styles/numerictextbox/icons/_material-dark.scss

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

package/styles/numerictextbox/icons/_material.scss

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

package/styles/numerictextbox/icons/_material3-dark.scss

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

package/styles/numerictextbox/icons/_material3.scss

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

package/styles/numerictextbox/icons/_tailwind-dark.scss

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

package/styles/numerictextbox/icons/_tailwind.scss

@@ -0,0 +1,11 @@
+@include export-module('numerictextbox-tailwind-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/numerictextbox/material-dark.scss

@@ -1 +1,5 @@
-@import 'ej2-inputs/styles/numerictextbox/material-dark.scss';
+@import 'ej2-base/styles/material-dark-definition.scss';
+@import '../input/material-dark-definition.scss';
+@import 'material-dark-definition.scss';
+@import 'icons/material-dark.scss';
+@import 'all.scss';

package/styles/numerictextbox/material.scss

@@ -1 +1,5 @@
-@import 'ej2-inputs/styles/numerictextbox/material.scss';
+@import 'ej2-base/styles/material-definition.scss';
+@import '../input/material-definition.scss';
+@import 'material-definition.scss';
+@import 'icons/material.scss';
+@import 'all.scss';

package/styles/numerictextbox/material3-dark.scss

@@ -1,2 +1,6 @@
 @import 'ej2-base/styles/material3-dark-definition.scss';
-@import 'ej2-inputs/styles/numerictextbox/material3-dark.scss';
+
+@import '../input/material3-dark-definition.scss';
+@import 'material3-dark-definition.scss';
+@import 'icons/material3-dark.scss';
+@import 'all.scss';

package/styles/numerictextbox/material3.scss

@@ -1,2 +1,6 @@
 @import 'ej2-base/styles/material3-definition.scss';
-@import 'ej2-inputs/styles/numerictextbox/material3.scss';
+
+@import '../input/material3-definition.scss';
+@import 'material3-definition.scss';
+@import 'icons/material3.scss';
+@import 'all.scss';

package/styles/numerictextbox/tailwind-dark.scss

@@ -1 +1,5 @@
-@import 'ej2-inputs/styles/numerictextbox/tailwind-dark.scss';
+@import 'ej2-base/styles/tailwind-dark-definition.scss';
+@import '../input/tailwind-dark-definition.scss';
+@import 'tailwind-dark-definition.scss';
+@import 'icons/tailwind-dark.scss';
+@import 'all.scss';

package/styles/numerictextbox/tailwind.scss

@@ -1 +1,5 @@
-@import 'ej2-inputs/styles/numerictextbox/tailwind.scss';
+@import 'ej2-base/styles/tailwind-definition.scss';
+@import '../input/tailwind-definition.scss';
+@import 'tailwind-definition.scss';
+@import 'icons/tailwind.scss';
+@import 'all.scss';

package/styles/rating/_all.scss

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

package/styles/rating/_bootstrap-dark-definition.scss

@@ -0,0 +1,47 @@
+$rating-li-font-size: 20px !default;
+$rating-li-padding: 4px !default;
+$rating-li-line-height: 9px !default;
+$rating-li-min-width-height: 28px !default;
+$rating-focus-border-radius: 2px !default;
+$rating-label-right-margin: 4px !default;
+$rating-label-bottom-margin: 8px !default;
+$rating-label-left-margin: 4px !default;
+$rating-label-top-margin: 8px !default;
+$rating-label-font-size: 12px !default;
+$rating-label-line-height: 18px !default;
+$rating-reset-font-size : 16px !default;
+$rating-tooltip-tip-bottom-height: 8px !default;
+
+$rating-small-li-font-size: 16px !default;
+$rating-small-li-line-height: 4px !default;
+$rating-small-li-min-width-height: 24px !default;
+$rating-small-label-font-size: 10px !default;
+$rating-small-label-line-height: 16px !default;
+$rating-small-reset-font-size : 12px !default;
+
+$rating-bigger-li-font-size: 32px !default;
+$rating-bigger-li-line-height: 16px !default;
+$rating-bigger-li-min-width-height: 40px !default;
+$rating-bigger-label-font-size: 14px !default;
+$rating-bigger-label-line-height: 22px !default;
+$rating-bigger-reset-font-size : 28px !default;
+
+$rating-bigger-small-li-font-size: 26px !default;
+$rating-bigger-small-li-line-height: 9px !default;
+$rating-bigger-small-li-min-width-height: 34px !default;
+$rating-bigger-small-label-font-size: 12px !default;
+$rating-bigger-small-label-line-height: 18px !default;
+$rating-bigger-small-reset-font-size : 22px !default;
+
+$rating-border-width: 1px !default;
+
+$rating-selected-bg-color: $grey-cc !default;
+$rating-unrated-bg-color: $grey-ad !default;
+$rating-hover-bg-color: $brand-primary-lighten-20 !default;
+$rating-pressed-bg-color: $brand-primary-lighten-20 !default;
+$rating-selected-disabled-bg-color: $grey-99 !default;
+$rating-unrated-disabled-bg-color: $grey-99 !default;
+$rating-li-focus: $grey-ad !default;
+$rating-reset-icon-color: $grey-cc !default;
+$rating-reset-hover-icon-color: $grey-ad !default;
+$rating-reset-disabled-icon-color: $grey-99 !default;

package/styles/rating/_bootstrap-definition.scss

@@ -0,0 +1,47 @@
+$rating-li-font-size: 20px !default;
+$rating-li-padding: 4px !default;
+$rating-li-line-height: 9px !default;
+$rating-li-min-width-height: 28px !default;
+$rating-focus-border-radius: 2px !default;
+$rating-label-right-margin: 4px !default;
+$rating-label-bottom-margin: 9px !default;
+$rating-label-left-margin: 8px !default;
+$rating-label-top-margin: 8px !default;
+$rating-label-font-size: 12px !default;
+$rating-label-line-height: 18px !default;
+$rating-reset-font-size : 16px !default;
+$rating-tooltip-tip-bottom-height: 8px !default;
+
+$rating-small-li-font-size: 16px !default;
+$rating-small-li-line-height: 4px !default;
+$rating-small-li-min-width-height: 24px !default;
+$rating-small-label-font-size: 10px !default;
+$rating-small-label-line-height: 16px !default;
+$rating-small-reset-font-size : 12px !default;
+
+$rating-bigger-li-font-size: 32px !default;
+$rating-bigger-li-line-height: 16px !default;
+$rating-bigger-li-min-width-height: 40px !default;
+$rating-bigger-label-font-size: 14px !default;
+$rating-bigger-label-line-height: 22px !default;
+$rating-bigger-reset-font-size : 28px !default;
+
+$rating-bigger-small-li-font-size: 26px !default;
+$rating-bigger-small-li-line-height: 9px !default;
+$rating-bigger-small-li-min-width-height: 34px !default;
+$rating-bigger-small-label-font-size: 12px !default;
+$rating-bigger-small-label-line-height: 18px !default;
+$rating-bigger-small-reset-font-size : 24px !default;
+
+$rating-border-width: 1px !default;
+
+$rating-selected-bg-color: $grey-44 !default;
+$rating-unrated-bg-color: $grey-ad !default;
+$rating-hover-bg-color: $brand-primary-darken-10 !default;
+$rating-pressed-bg-color: $brand-primary !default;
+$rating-selected-disabled-bg-color: $grey-99 !default;
+$rating-unrated-disabled-bg-color: $grey-99 !default;
+$rating-li-focus: $grey-ad !default;
+$rating-reset-icon-color: $grey !default;
+$rating-reset-hover-icon-color: $grey-44 !default;
+$rating-reset-disabled-icon-color: $grey-99 !default;