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

package/styles/rating/_highcontrast-definition.scss

@@ -1,47 +0,0 @@
-$rating-li-font-size: 20px !default;
-$rating-li-padding: 4px !default;
-$rating-li-line-height: 13px !default;
-$rating-li-min-width-height: 28px !default;
-$rating-focus-border-radius: 0 !default;
-$rating-label-bottom-margin: 9px !default;
-$rating-label-right-margin: 4px !default;
-$rating-label-top-margin: 4px !default;
-$rating-label-left-margin: 4px !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: 13px !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: 28px !default;
-$rating-bigger-li-line-height: 21px !default;
-$rating-bigger-li-min-width-height: 36px !default;
-$rating-bigger-label-font-size: 14px !default;
-$rating-bigger-label-line-height: 22px !default;
-$rating-bigger-reset-font-size : 24px !default;
-
-$rating-bigger-small-li-font-size: 24px !default;
-$rating-bigger-small-li-line-height: 19px !default;
-$rating-bigger-small-li-min-width-height: 32px !default;
-$rating-bigger-small-label-font-size: 12px !default;
-$rating-bigger-small-label-line-height: 18px !default;
-$rating-bigger-small-reset-font-size : 20px !default;
-
-$rating-border-width: 1px !default;
-
-$rating-selected-bg-color: $content-font !default;
-$rating-unrated-bg-color: $content-font !default;
-$rating-hover-bg-color: $selection-bg !default;
-$rating-pressed-bg-color: $selection-border !default;
-$rating-selected-disabled-bg-color: $disable !default;
-$rating-unrated-disabled-bg-color: $disable !default;
-$rating-li-focus: $content-font !default;
-$rating-reset-icon-color: $content-font !default;
-$rating-reset-hover-icon-color: $hover-font !default;
-$rating-reset-disabled-icon-color: $disable !default;

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

@@ -1,47 +0,0 @@
-$rating-li-font-size: 20px !default;
-$rating-li-padding: 4px !default;
-$rating-li-line-height: 13px !default;
-$rating-li-min-width-height: 28px !default;
-$rating-focus-border-radius: 0 !default;
-$rating-label-bottom-margin: 9px !default;
-$rating-label-right-margin: 4px !default;
-$rating-label-top-margin: 4px !default;
-$rating-label-left-margin: 4px !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: 13px !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: 28px !default;
-$rating-bigger-li-line-height: 21px !default;
-$rating-bigger-li-min-width-height: 36px !default;
-$rating-bigger-label-font-size: 14px !default;
-$rating-bigger-label-line-height: 22px !default;
-$rating-bigger-reset-font-size : 24px !default;
-
-$rating-bigger-small-li-font-size: 24px !default;
-$rating-bigger-small-li-line-height: 19px !default;
-$rating-bigger-small-li-min-width-height: 32px !default;
-$rating-bigger-small-label-font-size: 12px !default;
-$rating-bigger-small-label-line-height: 18px !default;
-$rating-bigger-small-reset-font-size : 20px !default;
-
-$rating-border-width: 1px !default;
-
-$rating-selected-bg-color: $content-font !default;
-$rating-unrated-bg-color: $content-font !default;
-$rating-hover-bg-color: $selection-bg !default;
-$rating-pressed-bg-color: $selection-border !default;
-$rating-selected-disabled-bg-color: $disable !default;
-$rating-unrated-disabled-bg-color: $disable !default;
-$rating-li-focus: $content-font !default;
-$rating-reset-icon-color: $content-font !default;
-$rating-reset-hover-icon-color: $hover-font !default;
-$rating-reset-disabled-icon-color: $disable !default;

package/styles/rating/_layout.scss

@@ -1,211 +0,0 @@
-@include export-module('rating-layout') {
-  .e-rating-container {
-    display: inline-flex;
-    flex-wrap: wrap;
-    justify-content: center;
-    align-items: center;
-    min-width: max-content;
-
-    .e-rating {
-      display: none;
-    }
-
-    .e-rating-item-list {
-      display: inline-flex;
-      padding: 0;
-      margin: 4px;
-
-      &:focus-visible:not(:hover) .e-rating-focus {
-        outline: 1px solid;
-      }
-
-      &:focus-visible {
-        outline: none;
-      }
-    }
-
-    &.e-rating-readonly {
-      cursor: default;
-      pointer-events: none;
-    }
-
-    .e-rating-item-container {
-      cursor: pointer;
-      font-size: $rating-li-font-size;
-      padding: $rating-li-padding;
-      line-height: $rating-li-line-height;
-      display: block;
-      min-width: calc(1em + (2 * $rating-li-padding)); //calc(font-size + (2 * padding));
-      min-height: calc(1em + (2 * $rating-li-padding)); //calc(font-size + (2 * padding));
-      //For Blazor Tooltip
-      position: relative;
-
-      .e-rating-item {
-        display: block;
-      }
-    }
-
-    &.e-rating-animation:not(.e-disabled) {
-      .e-rating-item-container:hover .e-rating-item {
-        transition: transform 150ms cubic-bezier(.4, 0, .2, 1) 0ms;
-        transform: scale(1.4);
-        pointer-events: none;
-      }
-    }
-
-    &.e-disabled {
-      cursor: default;
-      pointer-events: none;
-    }
-
-    &.e-rating-hidden {
-      display: none;
-    }
-
-    .e-reset {
-      cursor: pointer;
-      margin: auto 2px 6px;
-      font-size: $rating-reset-font-size;
-      padding: 2px;
-
-      &.e-disabled {
-        cursor: default;
-      }
-
-      &:focus-visible{
-        outline: 1px solid;
-        border-radius: $rating-focus-border-radius;
-      }
-    }
-
-    .e-rating-label {
-      font-size: $rating-label-font-size;
-      line-height: $rating-label-line-height;
-
-      &.e-label-right,
-      &.e-label-left {
-        min-width: 50px;
-      }
-
-      &.e-label-bottom,
-      &.e-label-top {
-        flex-basis: 100%;
-        width: 0;
-        text-align: center;
-      }
-
-      &.e-label-right {
-        text-align: left;
-        margin: auto $rating-label-right-margin;
-      }
-
-      &.e-label-left {
-        text-align: right;
-        margin: auto $rating-label-left-margin;
-      }
-
-      &.e-label-top {
-        margin: $rating-label-top-margin 0;
-      }
-
-      &.e-label-bottom {
-        margin: $rating-label-bottom-margin 0;
-      }
-    }
-
-    &.e-rtl {
-      .e-rating-label {
-        &.e-label-right {
-          text-align: right;
-        }
-
-        &.e-label-left {
-          text-align: left;
-        }
-      }
-    }
-    //Blazor Rating Tooltip
-    .e-tooltip-wrap.e-rating-tooltip {
-      display: none;
-      justify-content: center;
-      left: 50%;
-      top: -$rating-tooltip-tip-bottom-height;
-      transform: translate(-50%, -100%);
-
-      &.e-show-tooltip {
-        display: inline-flex;
-      }
-
-      .e-tip-content {
-        width: max-content;
-      }
-
-      .e-arrow-tip.e-tip-bottom {
-        left: 50%;
-        top: 100%;
-        transform: translate(-50%, 0);
-      }
-
-      .e-arrow-tip-inner.e-tip-bottom {
-        top: -6px;
-      }
-    }
-  }
-
-  .e-rating-tooltip .e-tip-content {
-    text-align: center;
-  }
-
-  .e-small.e-rating-container,
-  .e-small .e-rating-container {
-    .e-rating-item-container {
-      font-size: $rating-small-li-font-size;
-      line-height: $rating-small-li-line-height;
-    }
-
-    .e-rating-label {
-      font-size: $rating-small-label-font-size;
-      line-height: $rating-small-label-line-height;
-    }
-
-    .e-reset {
-      font-size: $rating-small-reset-font-size;
-    }
-  }
-
-  .e-bigger.e-rating-container,
-  .e-bigger .e-rating-container {
-    .e-rating-item-container {
-      font-size: $rating-bigger-li-font-size;
-      line-height: $rating-bigger-li-line-height;
-    }
-
-    .e-rating-label {
-      font-size: $rating-bigger-label-font-size;
-      line-height: $rating-bigger-label-line-height;
-    }
-
-    .e-reset {
-      font-size: $rating-bigger-reset-font-size;
-    }
-  }
-
-  .e-bigger.e-small.e-rating-container,
-  .e-bigger.e-small .e-rating-container,
-  .e-bigger .e-small.e-rating-container,
-  .e-small .e-bigger.e-rating-container {
-    .e-rating-item-container {
-      font-size: $rating-bigger-small-li-font-size;
-      line-height: $rating-bigger-small-li-line-height;
-    }
-
-    .e-rating-label {
-      font-size: $rating-bigger-small-label-font-size;
-      line-height: $rating-bigger-small-label-line-height;
-    }
-
-    .e-reset {
-      font-size: $rating-bigger-small-reset-font-size;
-    }
-  }
-}

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

@@ -1,47 +0,0 @@
-$rating-li-font-size: 20px !default;
-$rating-li-padding: 4px !default;
-$rating-li-line-height: 13px !default;
-$rating-li-min-width-height: 28px !default;
-$rating-focus-border-radius: 0 !default;
-$rating-label-bottom-margin: 4px !default;
-$rating-label-right-margin: 8px !default;
-$rating-label-top-margin: 4px !default;
-$rating-label-left-margin: 6px !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: 9px !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: 21px !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: 24px !default;
-$rating-bigger-small-li-line-height: 17px !default;
-$rating-bigger-small-li-min-width-height: 32px !default;
-$rating-bigger-small-label-font-size: 12px !default;
-$rating-bigger-small-label-line-height: 18px !default;
-$rating-bigger-small-reset-font-size : 20px !default;
-
-$rating-border-width: 1px !default;
-
-$rating-selected-bg-color: $grey-300 !default;
-$rating-unrated-bg-color: $grey-500 !default;
-$rating-hover-bg-color: $primary !default;
-$rating-pressed-bg-color: $primary-300 !default;
-$rating-selected-disabled-bg-color: $grey-600 !default;
-$rating-unrated-disabled-bg-color: $grey-600 !default;
-$rating-li-focus: $primary !default;
-$rating-reset-icon-color: $grey-300 !default;
-$rating-reset-hover-icon-color: $grey-100 !default;
-$rating-reset-disabled-icon-color: $grey-600 !default;

package/styles/rating/_material-definition.scss

@@ -1,47 +0,0 @@
-$rating-li-font-size: 20px !default;
-$rating-li-padding: 4px !default;
-$rating-li-line-height: 13px !default;
-$rating-li-min-width-height: 28px !default;
-$rating-focus-border-radius: 0 !default;
-$rating-label-bottom-margin: 4px !default;
-$rating-label-right-margin: 8px !default;
-$rating-label-top-margin: 4px !default;
-$rating-label-left-margin: 4px !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: 9px !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: 21px !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: 24px !default;
-$rating-bigger-small-li-line-height: 17px !default;
-$rating-bigger-small-li-min-width-height: 32px !default;
-$rating-bigger-small-label-font-size: 12px !default;
-$rating-bigger-small-label-line-height: 18px !default;
-$rating-bigger-small-reset-font-size : 20px !default;
-
-$rating-border-width: 1px !default;
-
-$rating-selected-bg-color: $grey-900 !default;
-$rating-unrated-bg-color: $grey-500 !default;
-$rating-hover-bg-color: $primary !default;
-$rating-pressed-bg-color: $primary-300 !default;
-$rating-selected-disabled-bg-color: $grey-500 !default;
-$rating-unrated-disabled-bg-color: $grey-500 !default;
-$rating-li-focus: $primary !default;
-$rating-reset-icon-color: $grey-800 !default;
-$rating-reset-hover-icon-color: $grey-900 !default;
-$rating-reset-disabled-icon-color: $grey-500 !default;

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

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

package/styles/rating/_material3-definition.scss

@@ -1,47 +0,0 @@
-$rating-li-font-size: 20px !default;
-$rating-li-padding: 4px !default;
-$rating-li-line-height: 13px !default;
-$rating-li-min-width-height: 28px !default;
-$rating-focus-border-radius: 0 !default;
-$rating-label-bottom-margin: 8px !default;
-$rating-label-right-margin: 8px !default;
-$rating-label-top-margin: 4px !default;
-$rating-label-left-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: 9px !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: 28px !default;
-$rating-bigger-li-line-height: 21px !default;
-$rating-bigger-li-min-width-height: 36px !default;
-$rating-bigger-label-font-size: 14px !default;
-$rating-bigger-label-line-height: 22px !default;
-$rating-bigger-reset-font-size : 24px !default;
-
-$rating-bigger-small-li-font-size: 24px !default;
-$rating-bigger-small-li-line-height: 17px !default;
-$rating-bigger-small-li-min-width-height: 32px !default;
-$rating-bigger-small-label-font-size: 12px !default;
-$rating-bigger-small-label-line-height: 18px !default;
-$rating-bigger-small-reset-font-size : 20px !default;
-
-$rating-border-width: 1px !default;
-
-$rating-selected-bg-color: rgba($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: rgba($rating-selected-color) !default;
-$rating-reset-icon-color: rgba($icon-color) !default;
-$rating-reset-hover-icon-color: rgba($icon-color-hover) !default;
-$rating-reset-disabled-icon-color: $icon-color-disabled !default;

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

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

package/styles/rating/_tailwind-definition.scss

@@ -1,47 +0,0 @@
-$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/rating/_theme.scss

@@ -1,192 +0,0 @@
-@include export-module('rating-theme') {
-  .e-rating-container {
-    .e-rating-item-list {
-      &:focus-visible:not(:hover) .e-rating-focus {
-        outline-color: $rating-li-focus;
-        border-radius: $rating-focus-border-radius;
-      }
-    }
-
-    .e-reset {
-      color: $rating-reset-icon-color;
-
-      &:hover {
-        color: $rating-reset-hover-icon-color;
-      }
-
-      &.e-disabled {
-        color: $rating-reset-disabled-icon-color;
-        opacity: 1;
-      }
-    }
-
-    .e-rating-item-container {
-      .e-rating-icon {
-        -webkit-text-fill-color: transparent;
-        @if ($skin-name == 'Material3') {
-          -webkit-text-stroke: $rating-border-width transparent;
-        }
-        @else {
-          -webkit-text-stroke: $rating-border-width $rating-unrated-bg-color;
-        }
-        @if ($skin-name == 'Material3' or $skin-name =='tailwind') {
-          background: $rating-unrated-bg-color;
-          background-clip: text;
-          /* stylelint-disable property-no-vendor-prefix */
-          -webkit-background-clip: text;
-          /* stylelint-enable property-no-vendor-prefix */
-        }
-      }
-
-      &.e-rating-selected .e-rating-icon,
-      &.e-rating-intermediate .e-rating-icon {
-        background: linear-gradient(to right, $rating-selected-bg-color var(--rating-value), transparent var(--rating-value));
-        background-clip: text;
-        /* stylelint-disable property-no-vendor-prefix */
-        -webkit-background-clip: text;
-        /* stylelint-enable property-no-vendor-prefix */
-        -webkit-text-stroke: $rating-border-width $rating-selected-bg-color;
-      }
-
-      &.e-selected-value .e-rating-icon {
-        -webkit-text-stroke: $rating-border-width $rating-hover-bg-color;
-        @if ($skin-name =='bootstrap5') {
-          -webkit-text-stroke: $rating-border-width $rating-selected-bg-color;
-        }
-      }
-    }
-
-    .e-rating-item-list {
-      &:hover .e-rating-item-container {
-        &.e-rating-selected .e-rating-icon,
-        &.e-rating-intermediate .e-rating-icon {
-          background: linear-gradient(to right, $rating-hover-bg-color var(--rating-value), transparent var(--rating-value));
-          background-clip: text;
-          /* stylelint-disable property-no-vendor-prefix */
-          -webkit-background-clip: text;
-          /* stylelint-enable property-no-vendor-prefix */
-          @if ($skin-name == 'Material3') {
-            -webkit-text-stroke: $rating-border-width $rating-selected-bg-color;
-          }
-          @else {
-            -webkit-text-stroke: $rating-border-width $rating-hover-bg-color;
-          }
-        }
-      }
-
-      .e-rating-item-container {
-        &.e-rating-selected:active .e-rating-icon,
-        &.e-rating-intermediate:active .e-rating-icon {
-          background: linear-gradient(to right, $rating-pressed-bg-color var(--rating-value), transparent var(--rating-value));
-          background-clip: text;
-          /* stylelint-disable property-no-vendor-prefix */
-          -webkit-background-clip: text;
-          /* stylelint-enable property-no-vendor-prefix */
-          @if ($skin-name == 'bootstrap4') {
-            -webkit-text-stroke: $rating-border-width $rating-hover-bg-color;
-          }
-          @else {
-            -webkit-text-stroke: $rating-border-width $rating-pressed-bg-color;
-          }
-        }
-      }
-    }
-
-    &.e-rtl {
-      .e-rating-item-container {
-        &.e-rating-selected .e-rating-icon,
-        &.e-rating-intermediate .e-rating-icon {
-          background: linear-gradient(to left, $rating-selected-bg-color var(--rating-value), transparent var(--rating-value));
-          background-clip: text;
-          /* stylelint-disable property-no-vendor-prefix */
-          -webkit-background-clip: text;
-          /* stylelint-enable property-no-vendor-prefix */
-        }
-      }
-
-      .e-rating-item-list {
-        &:hover .e-rating-item-container {
-          &.e-rating-selected .e-rating-icon,
-          &.e-rating-intermediate .e-rating-icon {
-            background: linear-gradient(to left, $rating-hover-bg-color var(--rating-value), transparent var(--rating-value));
-            background-clip: text;
-            /* stylelint-disable property-no-vendor-prefix */
-            -webkit-background-clip: text;
-            /* stylelint-enable property-no-vendor-prefix */
-          }
-        }
-
-        .e-rating-item-container {
-          &.e-rating-selected:active .e-rating-icon,
-          &.e-rating-intermediate:active .e-rating-icon {
-            background: linear-gradient(to left, $rating-pressed-bg-color var(--rating-value), transparent var(--rating-value));
-            background-clip: text;
-            /* stylelint-disable property-no-vendor-prefix */
-            -webkit-background-clip: text;
-            /* stylelint-enable property-no-vendor-prefix */
-          }
-        }
-      }
-    }
-
-    &.e-disabled {
-      opacity: 1;
-      .e-rating-item-container {
-        .e-rating-icon {
-          @if ($skin-name == 'Material3') {
-            -webkit-text-stroke: $rating-border-width transparent;
-            background: $rating-unrated-disabled-bg-color;
-            background-clip: text;
-            /* stylelint-disable property-no-vendor-prefix */
-            -webkit-background-clip: text;
-            /* stylelint-enable property-no-vendor-prefix */
-          }
-          @else{
-            -webkit-text-stroke: $rating-border-width $rating-unrated-disabled-bg-color;
-          }
-        }
-
-        &.e-rating-selected .e-rating-icon,
-        &.e-rating-intermediate .e-rating-icon {
-          background: linear-gradient(to right, $rating-selected-disabled-bg-color var(--rating-value), transparent var(--rating-value));
-          background-clip: text;
-          /* stylelint-disable property-no-vendor-prefix */
-          -webkit-background-clip: text;
-          /* stylelint-enable property-no-vendor-prefix */
-          @if ($skin-name == 'Material3') {
-            -webkit-text-stroke: $rating-border-width transparent;
-          }
-          @else{
-            -webkit-text-stroke: $rating-border-width $rating-selected-disabled-bg-color;
-          }
-        }
-      }
-
-      &.e-rtl {
-        .e-rating-item-container {
-          .e-rating-icon {
-            @if ($skin-name == 'Material3') {
-              background: $rating-unrated-disabled-bg-color;
-            }
-            @else{
-              background: linear-gradient(to left, $rating-unrated-disabled-bg-color var(--rating-value), transparent var(--rating-value));
-            }
-            background-clip: text;
-            /* stylelint-disable property-no-vendor-prefix */
-            -webkit-background-clip: text;
-            /* stylelint-enable property-no-vendor-prefix */
-          }
-
-          &.e-rating-selected .e-rating-icon,
-          &.e-rating-intermediate .e-rating-icon {
-            background: linear-gradient(to left, $rating-selected-disabled-bg-color var(--rating-value), transparent var(--rating-value));
-            background-clip: text;
-            /* stylelint-disable property-no-vendor-prefix */
-            -webkit-background-clip: text;
-            /* stylelint-enable property-no-vendor-prefix */
-          }
-        }
-      }
-    }
-  }
-}