@syncfusion/ej2-navigations 20.2.50 → 20.3.48

package/styles/accordion/_layout.scss

@@ -1,4 +1,5 @@
-@include export-module('accordion-layout') {
+@include export-module('accordion-layout') {
+
   /*! accordion layout */
   .e-bigger .e-accordion,
   .e-accordion.e-bigger {
@@ -130,9 +131,8 @@
 
           .e-acrdn-header-icon {
             padding: 0 0 0 $acrdn-bgr-header-icon-padding;
+          }
         }
-
-       }
       }
     }
   }
@@ -184,7 +184,7 @@
       @if $acrdn-skin == 'bootstrap' {
         .e-acrdn-panel.e-nested .e-acrdn-item.e-select {
           margin: 2px;
-       }
+        }
       }
 
       > .e-acrdn-header .e-acrdn-header-content {
@@ -197,7 +197,6 @@
         > .e-acrdn-header .e-acrdn-header-content {
           font-weight: $acrdn-slct-header-font-weight;
         }
-
       }
 
       &.e-overlay {
@@ -236,7 +235,7 @@
               }
             }
           }
-       }
+        }
       }
 
       .e-acrdn-header {
@@ -409,9 +408,9 @@
 
           .e-acrdn-header-icon {
             padding: 0 0 0 $acrdn-nrml-header-icon-padding;
-         }
-       }
+          }
+        }
       }
     }
-}
+  }
 }

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

@@ -1,4 +1,4 @@
-//default 
+//default
 $acrdn-skin: 'material' !default;
 $acrdn-icon-font-size: $font-size !default;
 $acrdn-header-font-bgr-size: 16px !default;
@@ -17,6 +17,7 @@ $acrdn-nrml-header-lineheight: 35px !default;
 $acrdn-bgr-header-lineheight: 47px !default;
 $acrdn-nrml-header-paddingpix: 16px !default;
 $acrdn-bgr-header-paddingpix: 16px !default;
+
 // Header, Nested header and RTL mode Padding
 $acrdn-nest-nrml-header-padding: 0 40px 0 32px !default;
 $acrdn-nest-bgr-header-padding: 0 46px 0 32px !default;
@@ -76,4 +77,5 @@ $acrdn-header-active-bg: none !default;
 
 $acrdn-border-type: solid !default;
 $acrdn-border-size: $border-size !default;
+
 //enddefault

package/styles/accordion/_material-definition.scss

@@ -73,4 +73,5 @@ $acrdn-header-active-bg: transparent !default;
 
 $acrdn-border-type: solid !default;
 $acrdn-border-size: $border-size !default;
+
 //enddefault

package/styles/accordion/_material3-definition.scss

@@ -1,5 +1,5 @@
 /*! Accordion's bootstrap5 theme wise override definitions and variables */
-// sass-lint:disable-all
+/* stylelint-disable */
 $acrdn-skin: 'bootstrap5' !default;
 
 // font definitions

package/styles/accordion/_tailwind-definition.scss

@@ -79,5 +79,4 @@ $acrdn-icon-font-size: 18px !default;
 $acrdn-icon-disable-color: $icon-color-disabled;
 $acrdn-text-disable-color: $content-text-color-disabled;
 
-
 //enddefault

package/styles/accordion/_theme.scss

@@ -1,6 +1,7 @@
-@include export-module('accordion-theme') {
+@include export-module('accordion-theme') {
+
   /*! accordion theme */
-  // sass-lint:disable no-vendor-prefixes
+  /* stylelint-disable property-no-vendor-prefix */
   .e-accordion {
     -webkit-tap-highlight-color: $acrdn-tab-highlight-color;
     background: $acrdn-default-bg-color;
@@ -422,7 +423,7 @@
 
       &.e-selected {
         @if $acrdn-skin == 'bootstrap' {
-          border:  $acrdn-border-size solid $acrdn-default-border;
+          border: $acrdn-border-size solid $acrdn-default-border;
         }
         @else {
           &.e-select {
@@ -457,7 +458,7 @@
 
         + .e-selected {
           @if $acrdn-skin == 'bootstrap' {
-            border:  $acrdn-border-size solid $acrdn-default-border;
+            border: $acrdn-border-size solid $acrdn-default-border;
           }
           @if $acrdn-skin == 'material' {
             border-top: $acrdn-selected-border-size solid  transparent;
@@ -499,7 +500,7 @@
           @if $acrdn-skin == 'bootstrap' {
             background: $acrdn-selected-header-color;
             border: 0;
-            border-bottom:  $acrdn-border-size solid $acrdn-default-border;
+            border-bottom: $acrdn-border-size solid $acrdn-default-border;
             border-radius: 0;
           }
 

package/styles/accordion/bootstrap-dark.css

@@ -259,6 +259,7 @@
 }
 
 /*! accordion theme */
+/* stylelint-disable property-no-vendor-prefix */
 .e-accordion {
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
   background: #1a1a1a;

package/styles/accordion/bootstrap.css

@@ -260,6 +260,7 @@
 }
 
 /*! accordion theme */
+/* stylelint-disable property-no-vendor-prefix */
 .e-accordion {
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
   background: #fff;

package/styles/accordion/bootstrap4.css

@@ -250,6 +250,7 @@
 }
 
 /*! accordion theme */
+/* stylelint-disable property-no-vendor-prefix */
 .e-accordion {
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
   background: #fff;

package/styles/accordion/bootstrap5-dark.css

@@ -1,4 +1,5 @@
 /*! Accordion's bootstrap5 theme wise override definitions and variables */
+/* stylelint-disable */
 /*! accordion icons */
 .e-accordion .e-tgl-collapse-icon::before {
   content: "\e729";
@@ -241,6 +242,7 @@
 }
 
 /*! accordion theme */
+/* stylelint-disable property-no-vendor-prefix */
 .e-accordion {
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
   background: #212529;

package/styles/accordion/bootstrap5.css

@@ -1,4 +1,5 @@
 /*! Accordion's bootstrap5 theme wise override definitions and variables */
+/* stylelint-disable */
 /*! accordion icons */
 .e-accordion .e-tgl-collapse-icon::before {
   content: "\e729";
@@ -241,6 +242,7 @@
 }
 
 /*! accordion theme */
+/* stylelint-disable property-no-vendor-prefix */
 .e-accordion {
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
   background: #fff;

package/styles/accordion/fabric-dark.css

@@ -232,6 +232,7 @@
 }
 
 /*! accordion theme */
+/* stylelint-disable property-no-vendor-prefix */
 .e-accordion {
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
   background: #201f1f;

package/styles/accordion/fabric.css

@@ -233,6 +233,7 @@
 }
 
 /*! accordion theme */
+/* stylelint-disable property-no-vendor-prefix */
 .e-accordion {
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
   background: #fff;

package/styles/accordion/fluent-dark.css

@@ -233,6 +233,7 @@
 }
 
 /*! accordion theme */
+/* stylelint-disable property-no-vendor-prefix */
 .e-accordion {
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
   background: #1b1a19;

package/styles/accordion/fluent.css

@@ -233,6 +233,7 @@
 }
 
 /*! accordion theme */
+/* stylelint-disable property-no-vendor-prefix */
 .e-accordion {
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
   background: #fff;

package/styles/accordion/highcontrast-light.css

@@ -233,6 +233,7 @@
 }
 
 /*! accordion theme */
+/* stylelint-disable property-no-vendor-prefix */
 .e-accordion {
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
   background: #ccc;

package/styles/accordion/highcontrast.css

@@ -234,6 +234,7 @@
 }
 
 /*! accordion theme */
+/* stylelint-disable property-no-vendor-prefix */
 .e-accordion {
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
   background: #000;

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

@@ -1,5 +1,5 @@
-
 @include export-module('accordion-bootstrap-dark-icons') {
+
   /*! accordion icons */
   #{&}.e-accordion {
 
@@ -12,6 +12,6 @@
       &.e-expand-icon {
         transform: rotate(-180deg);
       }
-  }
+    }
   }
 }

package/styles/accordion/icons/_bootstrap.scss

@@ -1,5 +1,5 @@
-
 @include export-module('accordion-bootstrap-icons') {
+
   /*! accordion icons */
   #{&}.e-accordion {
 
@@ -12,6 +12,6 @@
       &.e-expand-icon {
         transform: rotate(-180deg);
       }
-  }
+    }
   }
 }

package/styles/accordion/icons/_bootstrap4.scss

@@ -1,5 +1,5 @@
-
 @include export-module('accordion-bootstrap4-icons') {
+
   /*! accordion icons */
   #{&}.e-accordion {
 
@@ -12,6 +12,6 @@
       &.e-expand-icon {
         transform: rotate(-180deg);
       }
-  }
+    }
   }
 }

package/styles/accordion/icons/_bootstrap5.scss

@@ -1,5 +1,5 @@
-
 @include export-module('accordion-bootstrap5-icons') {
+
   /*! accordion icons */
   #{&}.e-accordion {
 
@@ -12,7 +12,6 @@
       &.e-expand-icon {
         transform: rotate(-180deg);
       }
-  }
+    }
   }
 }
-  

package/styles/accordion/icons/_fabric-dark.scss

@@ -1,5 +1,5 @@
-
 @include export-module('accordion-fabric-dark-icons') {
+
   /*! accordion icons */
   #{&}.e-accordion {
 
@@ -12,6 +12,6 @@
       &.e-expand-icon {
         transform: rotate(-180deg);
       }
-  }
+    }
   }
 }

package/styles/accordion/icons/_fabric.scss

@@ -1,5 +1,5 @@
-
 @include export-module('accordion-fabric-icons') {
+
   /*! accordion icons */
   #{&}.e-accordion {
 
@@ -12,6 +12,6 @@
       &.e-expand-icon {
         transform: rotate(-180deg);
       }
-  }
+    }
   }
 }

package/styles/accordion/icons/_fluent.scss

@@ -1,5 +1,5 @@
-
 @include export-module('accordion-fluent-icons') {
+
   /*! accordion icons */
   #{&}.e-accordion {
 
@@ -12,7 +12,6 @@
       &.e-expand-icon {
         transform: rotate(-180deg);
       }
-  }
+    }
   }
 }
-  

package/styles/accordion/icons/_fusionnew.scss

@@ -1,5 +1,5 @@
-
 @include export-module('accordion-fusionnew-icons') {
+
   /*! accordion icons */
   #{&}.e-accordion {
 
@@ -12,7 +12,6 @@
       &.e-expand-icon {
         transform: rotate(-180deg);
       }
-  }
+    }
   }
 }
-  

package/styles/accordion/icons/_highcontrast-light.scss

@@ -1,5 +1,5 @@
-
 @include export-module('accordion-highcontrast-light-icons') {
+
   /*! accordion icons */
   #{&}.e-accordion {
 
@@ -12,6 +12,6 @@
       &.e-expand-icon {
         transform: rotate(-180deg);
       }
-  }
+    }
   }
 }

package/styles/accordion/icons/_highcontrast.scss

@@ -1,5 +1,5 @@
-
 @include export-module('accordion-highcontrast-icons') {
+
   /*! accordion icons */
   #{&}.e-accordion {
 
@@ -12,6 +12,6 @@
       &.e-expand-icon {
         transform: rotate(-180deg);
       }
-  }
+    }
   }
 }

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

@@ -1,5 +1,5 @@
-
 @include export-module('accordion-material-dark-icons') {
+
   /*! accordion icons */
   #{&}.e-accordion {
 
@@ -12,6 +12,6 @@
       &.e-expand-icon {
         transform: rotate(-180deg);
       }
-  }
+    }
   }
 }

package/styles/accordion/icons/_material.scss

@@ -1,5 +1,5 @@
-
 @include export-module('accordion-material-icons') {
+
   /*! accordion icons */
   #{&}.e-accordion {
 
@@ -12,6 +12,6 @@
       &.e-expand-icon {
         transform: rotate(-180deg);
       }
-  }
+    }
   }
 }

package/styles/accordion/icons/_material3.scss

@@ -1,5 +1,5 @@
-
 @include export-module('accordion-material3-icons') {
+
   /*! accordion icons */
   #{&}.e-accordion {
 
@@ -12,7 +12,6 @@
       &.e-expand-icon {
         transform: rotate(-180deg);
       }
-  }
+    }
   }
 }
-  

package/styles/accordion/icons/_tailwind.scss

@@ -1,5 +1,5 @@
-
 @include export-module('accordion-tailwind-icons') {
+
   /*! accordion icons */
   #{&}.e-accordion {
 
@@ -12,7 +12,6 @@
       &.e-expand-icon {
         transform: rotate(-180deg);
       }
-  }
+    }
   }
 }
-  

package/styles/accordion/material-dark.css

@@ -239,6 +239,7 @@
 }
 
 /*! accordion theme */
+/* stylelint-disable property-no-vendor-prefix */
 .e-accordion {
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
   background: #303030;

package/styles/accordion/material.css

@@ -240,6 +240,7 @@
 }
 
 /*! accordion theme */
+/* stylelint-disable property-no-vendor-prefix */
 .e-accordion {
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
   background: #fff;

package/styles/accordion/tailwind-dark.css

@@ -242,6 +242,7 @@
 }
 
 /*! accordion theme */
+/* stylelint-disable property-no-vendor-prefix */
 .e-accordion {
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
   background: #232e3e;

package/styles/accordion/tailwind.css

@@ -242,6 +242,7 @@
 }
 
 /*! accordion theme */
+/* stylelint-disable property-no-vendor-prefix */
 .e-accordion {
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
   background: #f9fafb;

package/styles/appbar/_all.scss

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

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

@@ -0,0 +1,8 @@
+/*! AppBar component bootstrap-dark theme definitions and variables */
+
+$appbar-bg-color-primary: $brand-primary !default;
+$appbar-color-primary: $brand-primary-font !default;
+$appbar-border-color-primary: $brand-primary !default;
+$appbar-font-size: 14px !default;
+$appbar-bigger-font-size: 16px !default;
+$appbar-border: none !default;

package/styles/appbar/_bootstrap-definition.scss

@@ -0,0 +1,8 @@
+/*! AppBar component bootstrap theme definitions and variables */
+
+$appbar-bg-color-primary: $brand-primary !default;
+$appbar-color-primary: $brand-primary-font !default;
+$appbar-border-color-primary: $brand-primary !default;
+$appbar-font-size: 14px !default;
+$appbar-bigger-font-size: 16px !default;
+$appbar-border: none !default;

package/styles/appbar/_bootstrap4-definition.scss

@@ -0,0 +1,8 @@
+/*! AppBar component bootstrap4 theme definitions and variables */
+
+$appbar-bg-color-primary: $primary !default;
+$appbar-color-primary: $primary-font !default;
+$appbar-border-color-primary: $primary !default;
+$appbar-font-size: 14px !default;
+$appbar-bigger-font-size: 16px !default;
+$appbar-border: none !default;

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

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

package/styles/appbar/_bootstrap5-definition.scss

@@ -0,0 +1,8 @@
+/*! AppBar component bootstrap5 theme definitions and variables */
+
+$appbar-bg-color-primary: $primary !default;
+$appbar-color-primary: $primary-text-color !default;
+$appbar-border-color-primary: $primary !default;
+$appbar-font-size: 14px !default;
+$appbar-bigger-font-size: 16px !default;
+$appbar-border: none !default;

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

@@ -0,0 +1,8 @@
+/*! AppBar component fabric-dark theme definitions and variables */
+
+$appbar-bg-color-primary: $theme-primary !default;
+$appbar-color-primary: $theme-primary-font !default;
+$appbar-border-color-primary: $theme-primary !default;
+$appbar-font-size: 14px !default;
+$appbar-bigger-font-size: 16px !default;
+$appbar-border: none !default;

package/styles/appbar/_fabric-definition.scss

@@ -0,0 +1,8 @@
+/*! AppBar component fabric theme definitions and variables */
+
+$appbar-bg-color-primary: $theme-primary !default;
+$appbar-color-primary: $theme-primary-font !default;
+$appbar-border-color-primary: $theme-primary !default;
+$appbar-font-size: 14px !default;
+$appbar-bigger-font-size: 16px !default;
+$appbar-border: none !default;

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

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

package/styles/appbar/_fluent-definition.scss

@@ -0,0 +1,8 @@
+/*! AppBar component FluentUI theme definitions and variables */
+
+$appbar-bg-color-primary: $primary !default;
+$appbar-color-primary: $primary-text-color !default;
+$appbar-border-color-primary: $primary !default;
+$appbar-font-size: 14px !default;
+$appbar-bigger-font-size: 16px !default;
+$appbar-border: none !default;

package/styles/appbar/_fusionnew-definition.scss

@@ -0,0 +1,8 @@
+/*! AppBar component bootstrap5 theme definitions and variables */
+
+$appbar-bg-color-primary: $primary !default;
+$appbar-color-primary: $primary-text-color !default;
+$appbar-border-color-primary: $primary !default;
+$appbar-font-size: 14px !default;
+$appbar-bigger-font-size: 16px !default;
+$appbar-border: none !default;

package/styles/appbar/_highcontrast-definition.scss

@@ -0,0 +1,8 @@
+/*! AppBar component highcontrast theme definitions and variables */
+
+$appbar-bg-color-primary: $selection-bg !default;
+$appbar-color-primary: $selection-font !default;
+$appbar-border-color-primary: $selection-bg !default;
+$appbar-font-size: 14px !default;
+$appbar-bigger-font-size: 16px !default;
+$appbar-border: 1px solid !default;

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

@@ -0,0 +1,8 @@
+/*! AppBar component highcontrast-light theme definitions and variables */
+
+$appbar-bg-color-primary: $selection-bg !default;
+$appbar-color-primary: $selection-font !default;
+$appbar-border-color-primary: $selection-bg !default;
+$appbar-font-size: 14px !default;
+$appbar-bigger-font-size: 16px !default;
+$appbar-border: 1px solid !default;