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

package/styles/rating/fluent-dark.css

@@ -32,6 +32,7 @@
   cursor: pointer;
   font-size: 20px;
   padding: 4px;
+  line-height: 13px;
   display: block;
   min-width: calc(1em + 8px);
   min-height: calc(1em + 8px);
@@ -129,6 +130,7 @@
 .e-small.e-rating-container .e-rating-item-container,
 .e-small .e-rating-container .e-rating-item-container {
   font-size: 16px;
+  line-height: 13px;
 }
 .e-small.e-rating-container .e-rating-label,
 .e-small .e-rating-container .e-rating-label {
@@ -143,6 +145,7 @@
 .e-bigger.e-rating-container .e-rating-item-container,
 .e-bigger .e-rating-container .e-rating-item-container {
   font-size: 28px;
+  line-height: 21px;
 }
 .e-bigger.e-rating-container .e-rating-label,
 .e-bigger .e-rating-container .e-rating-label {
@@ -159,6 +162,7 @@
 .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;
+  line-height: 19px;
 }
 .e-bigger.e-small.e-rating-container .e-rating-label,
 .e-bigger.e-small .e-rating-container .e-rating-label,

package/styles/rating/fluent-dark.scss

@@ -1 +1,4 @@
-@import 'ej2-inputs/styles/rating/fluent-dark.scss';
+@import 'ej2-base/styles/fluent-dark-definition.scss';
+@import 'ej2-popups/styles/tooltip/fluent-dark-definition.scss';
+@import 'fluent-dark-definition.scss';
+@import 'all.scss';

package/styles/rating/fluent.css

@@ -32,6 +32,7 @@
   cursor: pointer;
   font-size: 20px;
   padding: 4px;
+  line-height: 13px;
   display: block;
   min-width: calc(1em + 8px);
   min-height: calc(1em + 8px);
@@ -129,6 +130,7 @@
 .e-small.e-rating-container .e-rating-item-container,
 .e-small .e-rating-container .e-rating-item-container {
   font-size: 16px;
+  line-height: 13px;
 }
 .e-small.e-rating-container .e-rating-label,
 .e-small .e-rating-container .e-rating-label {
@@ -143,6 +145,7 @@
 .e-bigger.e-rating-container .e-rating-item-container,
 .e-bigger .e-rating-container .e-rating-item-container {
   font-size: 28px;
+  line-height: 21px;
 }
 .e-bigger.e-rating-container .e-rating-label,
 .e-bigger .e-rating-container .e-rating-label {
@@ -159,6 +162,7 @@
 .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;
+  line-height: 19px;
 }
 .e-bigger.e-small.e-rating-container .e-rating-label,
 .e-bigger.e-small .e-rating-container .e-rating-label,

package/styles/rating/fluent.scss

@@ -1 +1,4 @@
-@import 'ej2-inputs/styles/rating/fluent.scss';
+@import 'ej2-base/styles/fluent-definition.scss';
+@import 'ej2-popups/styles/tooltip/fluent-definition.scss';
+@import 'fluent-definition.scss';
+@import 'all.scss';

package/styles/rating/highcontrast-light.css

@@ -32,6 +32,7 @@
   cursor: pointer;
   font-size: 20px;
   padding: 4px;
+  line-height: 13px;
   display: block;
   min-width: calc(1em + 8px);
   min-height: calc(1em + 8px);
@@ -129,6 +130,7 @@
 .e-small.e-rating-container .e-rating-item-container,
 .e-small .e-rating-container .e-rating-item-container {
   font-size: 16px;
+  line-height: 13px;
 }
 .e-small.e-rating-container .e-rating-label,
 .e-small .e-rating-container .e-rating-label {
@@ -143,6 +145,7 @@
 .e-bigger.e-rating-container .e-rating-item-container,
 .e-bigger .e-rating-container .e-rating-item-container {
   font-size: 28px;
+  line-height: 21px;
 }
 .e-bigger.e-rating-container .e-rating-label,
 .e-bigger .e-rating-container .e-rating-label {
@@ -159,6 +162,7 @@
 .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;
+  line-height: 19px;
 }
 .e-bigger.e-small.e-rating-container .e-rating-label,
 .e-bigger.e-small .e-rating-container .e-rating-label,

package/styles/rating/highcontrast-light.scss

@@ -1 +1,4 @@
-@import 'ej2-inputs/styles/rating/highcontrast-light.scss';
+@import 'ej2-base/styles/highcontrast-light-definition.scss';
+@import 'ej2-popups/styles/tooltip/highcontrast-light-definition.scss';
+@import 'highcontrast-light-definition.scss';
+@import 'all.scss';

package/styles/rating/highcontrast.css

@@ -32,6 +32,7 @@
   cursor: pointer;
   font-size: 20px;
   padding: 4px;
+  line-height: 13px;
   display: block;
   min-width: calc(1em + 8px);
   min-height: calc(1em + 8px);
@@ -129,6 +130,7 @@
 .e-small.e-rating-container .e-rating-item-container,
 .e-small .e-rating-container .e-rating-item-container {
   font-size: 16px;
+  line-height: 13px;
 }
 .e-small.e-rating-container .e-rating-label,
 .e-small .e-rating-container .e-rating-label {
@@ -143,6 +145,7 @@
 .e-bigger.e-rating-container .e-rating-item-container,
 .e-bigger .e-rating-container .e-rating-item-container {
   font-size: 28px;
+  line-height: 21px;
 }
 .e-bigger.e-rating-container .e-rating-label,
 .e-bigger .e-rating-container .e-rating-label {
@@ -159,6 +162,7 @@
 .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;
+  line-height: 19px;
 }
 .e-bigger.e-small.e-rating-container .e-rating-label,
 .e-bigger.e-small .e-rating-container .e-rating-label,

package/styles/rating/highcontrast.scss

@@ -1 +1,4 @@
-@import 'ej2-inputs/styles/rating/highcontrast.scss';
+@import 'ej2-base/styles/highcontrast-definition.scss';
+@import 'ej2-popups/styles/tooltip/highcontrast-definition.scss';
+@import 'highcontrast-definition.scss';
+@import 'all.scss';

package/styles/rating/material-dark.css

@@ -1,3 +1,4 @@
+@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");
 .e-rating-container {
   display: -ms-inline-flexbox;
   display: inline-flex;
@@ -32,6 +33,7 @@
   cursor: pointer;
   font-size: 20px;
   padding: 4px;
+  line-height: 13px;
   display: block;
   min-width: calc(1em + 8px);
   min-height: calc(1em + 8px);
@@ -129,6 +131,7 @@
 .e-small.e-rating-container .e-rating-item-container,
 .e-small .e-rating-container .e-rating-item-container {
   font-size: 16px;
+  line-height: 9px;
 }
 .e-small.e-rating-container .e-rating-label,
 .e-small .e-rating-container .e-rating-label {
@@ -143,6 +146,7 @@
 .e-bigger.e-rating-container .e-rating-item-container,
 .e-bigger .e-rating-container .e-rating-item-container {
   font-size: 32px;
+  line-height: 21px;
 }
 .e-bigger.e-rating-container .e-rating-label,
 .e-bigger .e-rating-container .e-rating-label {
@@ -159,6 +163,7 @@
 .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;
+  line-height: 17px;
 }
 .e-bigger.e-small.e-rating-container .e-rating-label,
 .e-bigger.e-small .e-rating-container .e-rating-label,

package/styles/rating/material-dark.scss

@@ -1 +1,4 @@
-@import 'ej2-inputs/styles/rating/material-dark.scss';
+@import 'ej2-base/styles/material-dark-definition.scss';
+@import 'ej2-popups/styles/tooltip/material-dark-definition.scss';
+@import 'material-dark-definition.scss';
+@import 'all.scss';

package/styles/rating/material.css

@@ -1,3 +1,4 @@
+@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");
 .e-rating-container {
   display: -ms-inline-flexbox;
   display: inline-flex;
@@ -32,6 +33,7 @@
   cursor: pointer;
   font-size: 20px;
   padding: 4px;
+  line-height: 13px;
   display: block;
   min-width: calc(1em + 8px);
   min-height: calc(1em + 8px);
@@ -129,6 +131,7 @@
 .e-small.e-rating-container .e-rating-item-container,
 .e-small .e-rating-container .e-rating-item-container {
   font-size: 16px;
+  line-height: 9px;
 }
 .e-small.e-rating-container .e-rating-label,
 .e-small .e-rating-container .e-rating-label {
@@ -143,6 +146,7 @@
 .e-bigger.e-rating-container .e-rating-item-container,
 .e-bigger .e-rating-container .e-rating-item-container {
   font-size: 32px;
+  line-height: 21px;
 }
 .e-bigger.e-rating-container .e-rating-label,
 .e-bigger .e-rating-container .e-rating-label {
@@ -159,6 +163,7 @@
 .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;
+  line-height: 17px;
 }
 .e-bigger.e-small.e-rating-container .e-rating-label,
 .e-bigger.e-small .e-rating-container .e-rating-label,

package/styles/rating/material.scss

@@ -1 +1,4 @@
-@import 'ej2-inputs/styles/rating/material.scss';
+@import 'ej2-base/styles/material-definition.scss';
+@import 'ej2-popups/styles/tooltip/material-definition.scss';
+@import 'material-definition.scss';
+@import 'all.scss';

package/styles/rating/material3-dark.css

@@ -1,3 +1,4 @@
+@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,900&display=swap");
 :root {
   --color-sf-black: 0, 0, 0;
   --color-sf-white: 255, 255, 255;
@@ -87,6 +88,7 @@
   cursor: pointer;
   font-size: 20px;
   padding: 4px;
+  line-height: 13px;
   display: block;
   min-width: calc(1em + 8px);
   min-height: calc(1em + 8px);
@@ -184,6 +186,7 @@
 .e-small.e-rating-container .e-rating-item-container,
 .e-small .e-rating-container .e-rating-item-container {
   font-size: 16px;
+  line-height: 9px;
 }
 .e-small.e-rating-container .e-rating-label,
 .e-small .e-rating-container .e-rating-label {
@@ -198,6 +201,7 @@
 .e-bigger.e-rating-container .e-rating-item-container,
 .e-bigger .e-rating-container .e-rating-item-container {
   font-size: 28px;
+  line-height: 21px;
 }
 .e-bigger.e-rating-container .e-rating-label,
 .e-bigger .e-rating-container .e-rating-label {
@@ -214,6 +218,7 @@
 .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;
+  line-height: 17px;
 }
 .e-bigger.e-small.e-rating-container .e-rating-label,
 .e-bigger.e-small .e-rating-container .e-rating-label,
@@ -277,7 +282,7 @@
   /* stylelint-disable property-no-vendor-prefix */
   -webkit-background-clip: text;
   /* stylelint-enable property-no-vendor-prefix */
-  -webkit-text-stroke: 1px rgba(var(--color-sf-primary));
+  -webkit-text-stroke: 1px rgba(var(--color-sf-primary))-10%;
 }
 .e-rating-container.e-rtl .e-rating-item-container.e-rating-selected .e-rating-icon, .e-rating-container.e-rtl .e-rating-item-container.e-rating-intermediate .e-rating-icon {
   background: linear-gradient(to left, rgba(var(--color-sf-primary)) var(--rating-value), transparent var(--rating-value));

package/styles/rating/material3-dark.scss

@@ -1,2 +1,5 @@
+@import 'ej2-base/styles/material3-dark-definition.scss';
 
-@import 'ej2-inputs/styles/rating/material3-dark.scss';
+@import 'ej2-popups/styles/tooltip/material3-dark-definition.scss';
+@import 'material3-dark-definition.scss';
+@import 'all.scss';

package/styles/rating/material3.css

@@ -1,3 +1,4 @@
+@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,900&display=swap");
 :root {
   --color-sf-black: 0, 0, 0;
   --color-sf-white: 255, 255, 255;
@@ -143,6 +144,7 @@
   cursor: pointer;
   font-size: 20px;
   padding: 4px;
+  line-height: 13px;
   display: block;
   min-width: calc(1em + 8px);
   min-height: calc(1em + 8px);
@@ -240,6 +242,7 @@
 .e-small.e-rating-container .e-rating-item-container,
 .e-small .e-rating-container .e-rating-item-container {
   font-size: 16px;
+  line-height: 9px;
 }
 .e-small.e-rating-container .e-rating-label,
 .e-small .e-rating-container .e-rating-label {
@@ -254,6 +257,7 @@
 .e-bigger.e-rating-container .e-rating-item-container,
 .e-bigger .e-rating-container .e-rating-item-container {
   font-size: 28px;
+  line-height: 21px;
 }
 .e-bigger.e-rating-container .e-rating-label,
 .e-bigger .e-rating-container .e-rating-label {
@@ -270,6 +274,7 @@
 .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;
+  line-height: 17px;
 }
 .e-bigger.e-small.e-rating-container .e-rating-label,
 .e-bigger.e-small .e-rating-container .e-rating-label,
@@ -333,7 +338,7 @@
   /* stylelint-disable property-no-vendor-prefix */
   -webkit-background-clip: text;
   /* stylelint-enable property-no-vendor-prefix */
-  -webkit-text-stroke: 1px rgba(var(--color-sf-primary));
+  -webkit-text-stroke: 1px rgba(var(--color-sf-primary))-10%;
 }
 .e-rating-container.e-rtl .e-rating-item-container.e-rating-selected .e-rating-icon, .e-rating-container.e-rtl .e-rating-item-container.e-rating-intermediate .e-rating-icon {
   background: linear-gradient(to left, rgba(var(--color-sf-primary)) var(--rating-value), transparent var(--rating-value));

package/styles/rating/material3.scss

@@ -1,2 +1,5 @@
+@import 'ej2-base/styles/material3-definition.scss';
 
-@import 'ej2-inputs/styles/rating/material3.scss';
+@import 'ej2-popups/styles/tooltip/material3-definition.scss';
+@import 'material3-definition.scss';
+@import 'all.scss';

package/styles/rating/tailwind-dark.css

@@ -1,3 +1,4 @@
+@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
 .e-rating-container {
   display: -ms-inline-flexbox;
   display: inline-flex;
@@ -32,6 +33,7 @@
   cursor: pointer;
   font-size: 20px;
   padding: 4px;
+  line-height: 3px;
   display: block;
   min-width: calc(1em + 8px);
   min-height: calc(1em + 8px);
@@ -129,6 +131,7 @@
 .e-small.e-rating-container .e-rating-item-container,
 .e-small .e-rating-container .e-rating-item-container {
   font-size: 16px;
+  line-height: 10px;
 }
 .e-small.e-rating-container .e-rating-label,
 .e-small .e-rating-container .e-rating-label {
@@ -143,6 +146,7 @@
 .e-bigger.e-rating-container .e-rating-item-container,
 .e-bigger .e-rating-container .e-rating-item-container {
   font-size: 24px;
+  line-height: 18px;
 }
 .e-bigger.e-rating-container .e-rating-label,
 .e-bigger .e-rating-container .e-rating-label {
@@ -159,6 +163,7 @@
 .e-bigger .e-small.e-rating-container .e-rating-item-container,
 .e-small .e-bigger.e-rating-container .e-rating-item-container {
   font-size: 22px;
+  line-height: 15px;
 }
 .e-bigger.e-small.e-rating-container .e-rating-label,
 .e-bigger.e-small .e-rating-container .e-rating-label,

package/styles/rating/tailwind-dark.scss

@@ -1 +1,4 @@
-@import 'ej2-inputs/styles/rating/tailwind-dark.scss';
+@import 'ej2-base/styles/tailwind-dark-definition.scss';
+@import 'ej2-popups/styles/tooltip/tailwind-dark-definition.scss';
+@import 'tailwind-dark-definition.scss';
+@import 'all.scss';

package/styles/rating/tailwind.css

@@ -1,3 +1,4 @@
+@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
 .e-rating-container {
   display: -ms-inline-flexbox;
   display: inline-flex;
@@ -32,6 +33,7 @@
   cursor: pointer;
   font-size: 20px;
   padding: 4px;
+  line-height: 3px;
   display: block;
   min-width: calc(1em + 8px);
   min-height: calc(1em + 8px);
@@ -129,6 +131,7 @@
 .e-small.e-rating-container .e-rating-item-container,
 .e-small .e-rating-container .e-rating-item-container {
   font-size: 16px;
+  line-height: 10px;
 }
 .e-small.e-rating-container .e-rating-label,
 .e-small .e-rating-container .e-rating-label {
@@ -143,6 +146,7 @@
 .e-bigger.e-rating-container .e-rating-item-container,
 .e-bigger .e-rating-container .e-rating-item-container {
   font-size: 24px;
+  line-height: 18px;
 }
 .e-bigger.e-rating-container .e-rating-label,
 .e-bigger .e-rating-container .e-rating-label {
@@ -159,6 +163,7 @@
 .e-bigger .e-small.e-rating-container .e-rating-item-container,
 .e-small .e-bigger.e-rating-container .e-rating-item-container {
   font-size: 22px;
+  line-height: 15px;
 }
 .e-bigger.e-small.e-rating-container .e-rating-label,
 .e-bigger.e-small .e-rating-container .e-rating-label,

package/styles/rating/tailwind.scss

@@ -1 +1,4 @@
-@import 'ej2-inputs/styles/rating/tailwind.scss';
+@import 'ej2-base/styles/tailwind-definition.scss';
+@import 'ej2-popups/styles/tooltip/tailwind-definition.scss';
+@import 'tailwind-definition.scss';
+@import 'all.scss';

package/styles/signature/_all.scss

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

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

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

package/styles/signature/_bootstrap-definition.scss

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

package/styles/signature/_bootstrap4-definition.scss

@@ -0,0 +1,3 @@
+$signature-border: 1px solid !default;
+$signature-border-color: $gray-300 !default;
+$signature-background-color: $content-bg !default;

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

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

package/styles/signature/_bootstrap5-definition.scss

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

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

@@ -0,0 +1,3 @@
+$signature-border: 1px solid !default;
+$signature-border-color: $neutral-light !default;
+$signature-background-color: $theme-dark-font !default;

package/styles/signature/_fabric-definition.scss

@@ -0,0 +1,3 @@
+$signature-border: 1px solid !default;
+$signature-border-color: $neutral-light !default;
+$signature-background-color: $theme-dark-font !default;

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

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

package/styles/signature/_fluent-definition.scss

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

package/styles/signature/_fusionnew-definition.scss

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

package/styles/signature/_highcontrast-definition.scss

@@ -0,0 +1,3 @@
+$signature-border: 1px solid !default;
+$signature-border-color: $border-default !default;
+$signature-background-color: $bg-base-100 !default;

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

@@ -0,0 +1,3 @@
+$signature-border: 1px solid !default;
+$signature-border-color: $border-default !default;
+$signature-background-color: $bg-base-100 !default;

package/styles/signature/_layout.scss

@@ -0,0 +1,5 @@
+@include export-module('signature-layout') {
+  .e-signature {
+    border: $signature-border;
+  }
+}

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

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

package/styles/signature/_material-definition.scss

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

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

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

package/styles/signature/_material3-definition.scss

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

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

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

package/styles/signature/_tailwind-definition.scss

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

package/styles/signature/_theme.scss

@@ -0,0 +1,7 @@
+@include export-module('signature-theme') {
+  .e-signature {
+    background-color: $signature-background-color;
+    border: $signature-border;
+    border-color: $signature-border-color;
+  }
+}

package/styles/signature/bootstrap-dark.scss

@@ -1 +1,3 @@
-@import 'ej2-inputs/styles/signature/bootstrap-dark.scss';
+@import 'ej2-base/styles/bootstrap-dark-definition.scss';
+@import 'bootstrap-dark-definition.scss';
+@import 'all.scss';

package/styles/signature/bootstrap.scss

@@ -1 +1,3 @@
-@import 'ej2-inputs/styles/signature/bootstrap.scss';
+@import 'ej2-base/styles/bootstrap-definition.scss';
+@import 'bootstrap-definition.scss';
+@import 'all.scss';

package/styles/signature/bootstrap4.scss

@@ -1 +1,3 @@
-@import 'ej2-inputs/styles/signature/bootstrap4.scss';
+@import 'ej2-base/styles/bootstrap4-definition.scss';
+@import 'bootstrap4-definition.scss';
+@import 'all.scss';

package/styles/signature/bootstrap5-dark.scss

@@ -1 +1,3 @@
-@import 'ej2-inputs/styles/signature/bootstrap5-dark.scss';
+@import 'ej2-base/styles/bootstrap5-dark-definition.scss';
+@import 'bootstrap5-dark-definition.scss';
+@import 'all.scss';

package/styles/signature/bootstrap5.scss

@@ -1 +1,3 @@
-@import 'ej2-inputs/styles/signature/bootstrap5.scss';
+@import 'ej2-base/styles/bootstrap5-definition.scss';
+@import 'bootstrap5-definition.scss';
+@import 'all.scss';

package/styles/signature/fabric-dark.scss

@@ -1 +1,3 @@
-@import 'ej2-inputs/styles/signature/fabric-dark.scss';
+@import 'ej2-base/styles/fabric-dark-definition.scss';
+@import 'fabric-dark-definition.scss';
+@import 'all.scss';

package/styles/signature/fabric.scss

@@ -1 +1,3 @@
-@import 'ej2-inputs/styles/signature/fabric.scss';
+@import 'ej2-base/styles/fabric-definition.scss';
+@import 'fabric-definition.scss';
+@import 'all.scss';

package/styles/signature/fluent-dark.scss

@@ -1 +1,3 @@
-@import 'ej2-inputs/styles/signature/fluent-dark.scss';
+@import 'ej2-base/styles/fluent-dark-definition.scss';
+@import 'fluent-dark-definition.scss';
+@import 'all.scss';

package/styles/signature/fluent.scss

@@ -1 +1,3 @@
-@import 'ej2-inputs/styles/signature/fluent.scss';
+@import 'ej2-base/styles/fluent-definition.scss';
+@import 'fluent-definition.scss';
+@import 'all.scss';

package/styles/signature/highcontrast-light.scss

@@ -1 +1,3 @@
-@import 'ej2-inputs/styles/signature/highcontrast-light.scss';
+@import 'ej2-base/styles/highcontrast-light-definition.scss';
+@import 'highcontrast-light-definition.scss';
+@import 'all.scss';

package/styles/signature/highcontrast.scss

@@ -1 +1,3 @@
-@import 'ej2-inputs/styles/signature/highcontrast.scss';
+@import 'ej2-base/styles/highcontrast-definition.scss';
+@import 'highcontrast-definition.scss';
+@import 'all.scss';

package/styles/signature/material-dark.css

@@ -1,3 +1,4 @@
+@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");
 .e-signature {
   border: 1px solid;
 }

package/styles/signature/material-dark.scss

@@ -1 +1,3 @@
-@import 'ej2-inputs/styles/signature/material-dark.scss';
+@import 'ej2-base/styles/material-dark-definition.scss';
+@import 'material-dark-definition.scss';
+@import 'all.scss';

package/styles/signature/material.css

@@ -1,3 +1,4 @@
+@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");
 .e-signature {
   border: 1px solid;
 }

package/styles/signature/material.scss

@@ -1 +1,3 @@
-@import 'ej2-inputs/styles/signature/material.scss';
+@import 'ej2-base/styles/material-definition.scss';
+@import 'material-definition.scss';
+@import 'all.scss';

package/styles/signature/material3-dark.css

@@ -1,3 +1,4 @@
+@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,900&display=swap");
 :root {
   --color-sf-black: 0, 0, 0;
   --color-sf-white: 255, 255, 255;