@syncfusion/ej2-navigations 25.2.6 → 26.1.35

package/styles/accordion/fluent2.scss

@@ -0,0 +1,4 @@
+@import 'ej2-base/styles/definition/fluent2.scss';
+@import 'fluent2-definition.scss';
+@import 'icons/fluent2.scss';
+@import 'all.scss';

package/styles/accordion/highcontrast-light.css

@@ -1,12 +1,11 @@
-/*! accordion icons */
 .e-accordion .e-tgl-collapse-icon::before {
   content: "\e84f";
 }
 .e-accordion .e-tgl-collapse-icon.e-expand-icon {
-  transform: rotate(-180deg);
+  -webkit-transform: rotate(-180deg);
+          transform: rotate(-180deg);
 }
 
-/*! accordion layout */
 .e-bigger .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-content,
 .e-accordion.e-bigger .e-acrdn-item .e-acrdn-header .e-acrdn-header-content {
   font-size: 16px;
@@ -22,7 +21,8 @@
 }
 .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header,
 .e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   padding: 0 42px 0 24px;
 }
 .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content,
@@ -188,6 +188,7 @@
   vertical-align: middle;
 }
 .e-accordion .e-acrdn-item .e-acrdn-header .e-toggle-animation {
+  -webkit-transition: 0.5s ease 0s;
   transition: 0.5s ease 0s;
 }
 .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-icon {
@@ -210,7 +211,8 @@
   padding: 0 42px 0 24px;
 }
 .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header:focus {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content {
   padding: 0;
@@ -272,8 +274,6 @@
   padding: 0 0 0 8px;
 }
 
-/*! accordion theme */
-/* stylelint-disable property-no-vendor-prefix */
 .e-accordion {
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
   background: #ccc;
@@ -418,7 +418,8 @@
 }
 .e-accordion .e-acrdn-item .e-acrdn-header:focus {
   border: 2px dashed #000;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   background: inherit;
 }
 .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-icons,
@@ -496,7 +497,8 @@
   color: #000;
 }
 .e-accordion .e-acrdn-item.e-selected > .e-acrdn-header:focus {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   position: relative;
   z-index: 2;
 }

package/styles/accordion/highcontrast.css

@@ -1,13 +1,11 @@
-/*! component's theme wise override fabric-definitions and variables */
-/*! accordion icons */
 .e-accordion .e-tgl-collapse-icon::before {
   content: "\e84f";
 }
 .e-accordion .e-tgl-collapse-icon.e-expand-icon {
-  transform: rotate(-180deg);
+  -webkit-transform: rotate(-180deg);
+          transform: rotate(-180deg);
 }
 
-/*! accordion layout */
 .e-bigger .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-content,
 .e-accordion.e-bigger .e-acrdn-item .e-acrdn-header .e-acrdn-header-content {
   font-size: 14px;
@@ -23,7 +21,8 @@
 }
 .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header,
 .e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   padding: 0 42px 0 24px;
 }
 .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content,
@@ -189,6 +188,7 @@
   vertical-align: middle;
 }
 .e-accordion .e-acrdn-item .e-acrdn-header .e-toggle-animation {
+  -webkit-transition: 0.5s ease 0s;
   transition: 0.5s ease 0s;
 }
 .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-icon {
@@ -211,7 +211,8 @@
   padding: 0 42px 0 24px;
 }
 .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header:focus {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content {
   padding: 0;
@@ -273,8 +274,6 @@
   padding: 0 0 0 8px;
 }
 
-/*! accordion theme */
-/* stylelint-disable property-no-vendor-prefix */
 .e-accordion {
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
   background: #000;
@@ -419,7 +418,8 @@
 }
 .e-accordion .e-acrdn-item .e-acrdn-header:focus {
   border: 2px dashed #fff;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   background: inherit;
 }
 .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-icons,
@@ -497,7 +497,8 @@
   color: #fff;
 }
 .e-accordion .e-acrdn-item.e-selected > .e-acrdn-header:focus {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   position: relative;
   z-index: 2;
 }

package/styles/accordion/icons/_bds.scss

@@ -1,6 +1,4 @@
 @include export-module('accordion-bds-icons') {
-
-  /*! accordion icons */
   #{&}.e-accordion {
 
     .e-tgl-collapse-icon {

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

@@ -1,6 +1,4 @@
 @include export-module('accordion-bootstrap-dark-icons') {
-
-  /*! accordion icons */
   #{&}.e-accordion {
 
     .e-tgl-collapse-icon {

package/styles/accordion/icons/_bootstrap.scss

@@ -1,6 +1,4 @@
 @include export-module('accordion-bootstrap-icons') {
-
-  /*! accordion icons */
   #{&}.e-accordion {
 
     .e-tgl-collapse-icon {

package/styles/accordion/icons/_bootstrap4.scss

@@ -1,6 +1,4 @@
 @include export-module('accordion-bootstrap4-icons') {
-
-  /*! accordion icons */
   #{&}.e-accordion {
 
     .e-tgl-collapse-icon {

package/styles/accordion/icons/_bootstrap5.3.scss

@@ -0,0 +1,15 @@
+@include export-module('accordion-bootstrap5-icons') {
+  #{&}.e-accordion {
+
+    .e-tgl-collapse-icon {
+
+      &::before {
+        content: '\e729';
+      }
+
+      &.e-expand-icon {
+        transform: rotate(-180deg);
+      }
+    }
+  }
+}

package/styles/accordion/icons/_bootstrap5.scss

@@ -1,6 +1,4 @@
 @include export-module('accordion-bootstrap5-icons') {
-
-  /*! accordion icons */
   #{&}.e-accordion {
 
     .e-tgl-collapse-icon {

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

@@ -1,6 +1,4 @@
 @include export-module('accordion-fabric-dark-icons') {
-
-  /*! accordion icons */
   #{&}.e-accordion {
 
     .e-tgl-collapse-icon {

package/styles/accordion/icons/_fabric.scss

@@ -1,6 +1,4 @@
 @include export-module('accordion-fabric-icons') {
-
-  /*! accordion icons */
   #{&}.e-accordion {
 
     .e-tgl-collapse-icon {

package/styles/accordion/icons/_fluent.scss

@@ -1,6 +1,4 @@
 @include export-module('accordion-fluent-icons') {
-
-  /*! accordion icons */
   #{&}.e-accordion {
 
     .e-tgl-collapse-icon {

package/styles/accordion/icons/_fluent2.scss

@@ -0,0 +1,15 @@
+@include export-module('accordion-fluent2-icons') {
+  #{&}.e-accordion {
+
+    .e-tgl-collapse-icon {
+
+      &::before {
+        content: '\e729';
+      }
+
+      &.e-expand-icon {
+        transform: rotate(-180deg);
+      }
+    }
+  }
+}

package/styles/accordion/icons/_fusionnew.scss

@@ -1,6 +1,4 @@
 @include export-module('accordion-fusionnew-icons') {
-
-  /*! accordion icons */
   #{&}.e-accordion {
 
     .e-tgl-collapse-icon {

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

@@ -1,6 +1,4 @@
 @include export-module('accordion-highcontrast-light-icons') {
-
-  /*! accordion icons */
   #{&}.e-accordion {
 
     .e-tgl-collapse-icon {

package/styles/accordion/icons/_highcontrast.scss

@@ -1,6 +1,4 @@
 @include export-module('accordion-highcontrast-icons') {
-
-  /*! accordion icons */
   #{&}.e-accordion {
 
     .e-tgl-collapse-icon {

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

@@ -1,6 +1,4 @@
 @include export-module('accordion-material-dark-icons') {
-
-  /*! accordion icons */
   #{&}.e-accordion {
 
     .e-tgl-collapse-icon {

package/styles/accordion/icons/_material.scss

@@ -1,6 +1,4 @@
 @include export-module('accordion-material-icons') {
-
-  /*! accordion icons */
   #{&}.e-accordion {
 
     .e-tgl-collapse-icon {

package/styles/accordion/icons/_material3.scss

@@ -1,6 +1,4 @@
 @include export-module('accordion-material3-icons') {
-
-  /*! accordion icons */
   #{&}.e-accordion {
 
     .e-tgl-collapse-icon {

package/styles/accordion/icons/_tailwind.scss

@@ -1,6 +1,4 @@
 @include export-module('accordion-tailwind-icons') {
-
-  /*! accordion icons */
   #{&}.e-accordion {
 
     .e-tgl-collapse-icon {

package/styles/accordion/material-dark.css

@@ -1,12 +1,11 @@
-/*! accordion icons */
 .e-accordion .e-tgl-collapse-icon::before {
   content: "\e916";
 }
 .e-accordion .e-tgl-collapse-icon.e-expand-icon {
-  transform: rotate(-180deg);
+  -webkit-transform: rotate(-180deg);
+          transform: rotate(-180deg);
 }
 
-/*! accordion layout */
 .e-bigger .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-content,
 .e-accordion.e-bigger .e-acrdn-item .e-acrdn-header .e-acrdn-header-content {
   font-size: 16px;
@@ -22,7 +21,8 @@
 }
 .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header,
 .e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   padding: 0 46px 0 32px;
 }
 .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content,
@@ -188,6 +188,7 @@
   vertical-align: middle;
 }
 .e-accordion .e-acrdn-item .e-acrdn-header .e-toggle-animation {
+  -webkit-transition: 0.5s ease 0s;
   transition: 0.5s ease 0s;
 }
 .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-icon {
@@ -210,7 +211,8 @@
   padding: 0 40px 0 32px;
 }
 .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header:focus {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content {
   padding: 0;
@@ -272,8 +274,6 @@
   padding: 0 0 0 8px;
 }
 
-/*! accordion theme */
-/* stylelint-disable property-no-vendor-prefix */
 .e-accordion {
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
   background: #303030;
@@ -418,7 +418,8 @@
 }
 .e-accordion .e-acrdn-item .e-acrdn-header:focus {
   border: 0;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   background: rgba(255, 255, 255, 0.05);
 }
 .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-icons,
@@ -496,7 +497,8 @@
   color: rgba(255, 255, 255, 0.7);
 }
 .e-accordion .e-acrdn-item.e-selected > .e-acrdn-header:focus {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   position: relative;
   z-index: 2;
 }

package/styles/accordion/material.css

@@ -1,13 +1,11 @@
-/*! component's theme wise override material-definitions and variables */
-/*! accordion icons */
 .e-accordion .e-tgl-collapse-icon::before {
   content: "\e916";
 }
 .e-accordion .e-tgl-collapse-icon.e-expand-icon {
-  transform: rotate(-180deg);
+  -webkit-transform: rotate(-180deg);
+          transform: rotate(-180deg);
 }
 
-/*! accordion layout */
 .e-bigger .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-content,
 .e-accordion.e-bigger .e-acrdn-item .e-acrdn-header .e-acrdn-header-content {
   font-size: 16px;
@@ -23,7 +21,8 @@
 }
 .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header,
 .e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   padding: 0 46px 0 32px;
 }
 .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content,
@@ -189,6 +188,7 @@
   vertical-align: middle;
 }
 .e-accordion .e-acrdn-item .e-acrdn-header .e-toggle-animation {
+  -webkit-transition: 0.5s ease 0s;
   transition: 0.5s ease 0s;
 }
 .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-icon {
@@ -211,7 +211,8 @@
   padding: 0 40px 0 32px;
 }
 .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header:focus {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content {
   padding: 0;
@@ -273,8 +274,6 @@
   padding: 0 0 0 8px;
 }
 
-/*! accordion theme */
-/* stylelint-disable property-no-vendor-prefix */
 .e-accordion {
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
   background: #fff;
@@ -419,7 +418,8 @@
 }
 .e-accordion .e-acrdn-item .e-acrdn-header:focus {
   border: 0;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   background: #eee;
 }
 .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-icons,
@@ -497,7 +497,8 @@
   color: rgba(0, 0, 0, 0.54);
 }
 .e-accordion .e-acrdn-item.e-selected > .e-acrdn-header:focus {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   position: relative;
   z-index: 2;
 }

package/styles/accordion/material3-dark.css

@@ -44,7 +44,7 @@
   --color-sf-on-warning: 99, 52, 0;
   --color-sf-on-warning-container: 255, 220, 193;
   --color-sf-spreadsheet-gridline: 231, 224, 236;
-  --color-sf-shadow-focus-ring1: 0 0 0 1px #000000, 0 0 0 3px #ffffff;
+  --color-sf-shadow-focus-ring1: 0 0 0 1px #000, 0 0 0 3px #fff;
   --color-sf-success-text: 0, 0, 0;
   --color-sf-warning-text: 0, 0, 0;
   --color-sf-info-text: 0, 0, 0;
@@ -53,17 +53,14 @@
   --color-sf-content-text-color-alt2: var(--color-sf-on-secondary);
 }
 
-/*! Accordion's material 3 theme wise override definitions and variables */
-/* stylelint-disable */
-/*! accordion icons */
 .e-accordion .e-tgl-collapse-icon::before {
   content: "\e729";
 }
 .e-accordion .e-tgl-collapse-icon.e-expand-icon {
-  transform: rotate(-180deg);
+  -webkit-transform: rotate(-180deg);
+          transform: rotate(-180deg);
 }
 
-/*! accordion layout */
 .e-bigger .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-content,
 .e-accordion.e-bigger .e-acrdn-item .e-acrdn-header .e-acrdn-header-content {
   font-size: 16px;
@@ -79,7 +76,8 @@
 }
 .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header,
 .e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   padding: 12px 0 12px 28px;
 }
 .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content,
@@ -245,6 +243,7 @@
   vertical-align: middle;
 }
 .e-accordion .e-acrdn-item .e-acrdn-header .e-toggle-animation {
+  -webkit-transition: 0.5s ease 0s;
   transition: 0.5s ease 0s;
 }
 .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-icon {
@@ -267,7 +266,8 @@
   padding: 8px 0 8px 26px;
 }
 .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header:focus {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content {
   padding: 0;
@@ -329,8 +329,6 @@
   padding: 0 0 0 8px;
 }
 
-/*! accordion theme */
-/* stylelint-disable property-no-vendor-prefix */
 .e-accordion {
   -webkit-tap-highlight-color: rgba(var(--color-sf-on-surface), 0.05), 0.05;
   background: transparent;
@@ -478,7 +476,8 @@
 }
 .e-accordion .e-acrdn-item .e-acrdn-header:focus {
   border: 0;
-  box-shadow: 0 0 0 1px #000000, 0 0 0 3px #ffffff;
+  -webkit-box-shadow: 0 0 0 1px #000, 0 0 0 3px #fff;
+          box-shadow: 0 0 0 1px #000, 0 0 0 3px #fff;
   background: rgba(var(--color-sf-on-surface), 0.04);
 }
 .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-icons,
@@ -556,7 +555,8 @@
   color: rgba(var(--color-sf-primary));
 }
 .e-accordion .e-acrdn-item.e-selected > .e-acrdn-header:focus {
-  box-shadow: 0 0 0 1px #000000, 0 0 0 3px #ffffff;
+  -webkit-box-shadow: 0 0 0 1px #000, 0 0 0 3px #fff;
+          box-shadow: 0 0 0 1px #000, 0 0 0 3px #fff;
   position: relative;
   z-index: 2;
 }

package/styles/accordion/material3.css

@@ -100,7 +100,7 @@
   --color-sf-on-warning: 99, 52, 0;
   --color-sf-on-warning-container: 255, 220, 193;
   --color-sf-spreadsheet-gridline: 231, 224, 236;
-  --color-sf-shadow-focus-ring1: 0 0 0 1px #000000, 0 0 0 3px #ffffff;
+  --color-sf-shadow-focus-ring1: 0 0 0 1px #000, 0 0 0 3px #fff;
   --color-sf-success-text: 0, 0, 0;
   --color-sf-warning-text: 0, 0, 0;
   --color-sf-info-text: 0, 0, 0;
@@ -109,17 +109,14 @@
   --color-sf-content-text-color-alt2: var(--color-sf-on-secondary);
 }
 
-/*! Accordion's material 3 theme wise override definitions and variables */
-/* stylelint-disable */
-/*! accordion icons */
 .e-accordion .e-tgl-collapse-icon::before {
   content: "\e729";
 }
 .e-accordion .e-tgl-collapse-icon.e-expand-icon {
-  transform: rotate(-180deg);
+  -webkit-transform: rotate(-180deg);
+          transform: rotate(-180deg);
 }
 
-/*! accordion layout */
 .e-bigger .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-content,
 .e-accordion.e-bigger .e-acrdn-item .e-acrdn-header .e-acrdn-header-content {
   font-size: 16px;
@@ -135,7 +132,8 @@
 }
 .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header,
 .e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   padding: 12px 0 12px 28px;
 }
 .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content,
@@ -301,6 +299,7 @@
   vertical-align: middle;
 }
 .e-accordion .e-acrdn-item .e-acrdn-header .e-toggle-animation {
+  -webkit-transition: 0.5s ease 0s;
   transition: 0.5s ease 0s;
 }
 .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-icon {
@@ -323,7 +322,8 @@
   padding: 8px 0 8px 26px;
 }
 .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header:focus {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content {
   padding: 0;
@@ -385,8 +385,6 @@
   padding: 0 0 0 8px;
 }
 
-/*! accordion theme */
-/* stylelint-disable property-no-vendor-prefix */
 .e-accordion {
   -webkit-tap-highlight-color: rgba(var(--color-sf-on-surface), 0.05), 0.05;
   background: transparent;
@@ -534,7 +532,8 @@
 }
 .e-accordion .e-acrdn-item .e-acrdn-header:focus {
   border: 0;
-  box-shadow: 0 0 0 1px #ffffff, 0 0 0 3px #000000;
+  -webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 3px #000;
+          box-shadow: 0 0 0 1px #fff, 0 0 0 3px #000;
   background: rgba(var(--color-sf-on-surface), 0.04);
 }
 .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-icons,
@@ -612,7 +611,8 @@
   color: rgba(var(--color-sf-primary));
 }
 .e-accordion .e-acrdn-item.e-selected > .e-acrdn-header:focus {
-  box-shadow: 0 0 0 1px #ffffff, 0 0 0 3px #000000;
+  -webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 3px #000;
+          box-shadow: 0 0 0 1px #fff, 0 0 0 3px #000;
   position: relative;
   z-index: 2;
 }

package/styles/accordion/tailwind-dark.css

@@ -1,13 +1,11 @@
-/*! component's theme wise override tailwind-definitions and variables */
-/*! accordion icons */
 .e-accordion .e-tgl-collapse-icon::before {
   content: "\e729";
 }
 .e-accordion .e-tgl-collapse-icon.e-expand-icon {
-  transform: rotate(-180deg);
+  -webkit-transform: rotate(-180deg);
+          transform: rotate(-180deg);
 }
 
-/*! accordion layout */
 .e-bigger .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-content,
 .e-accordion.e-bigger .e-acrdn-item .e-acrdn-header .e-acrdn-header-content {
   font-size: 16px;
@@ -23,7 +21,8 @@
 }
 .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header,
 .e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   padding: 12px 0 12px 28px;
 }
 .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content,
@@ -189,6 +188,7 @@
   vertical-align: middle;
 }
 .e-accordion .e-acrdn-item .e-acrdn-header .e-toggle-animation {
+  -webkit-transition: 0.5s ease 0s;
   transition: 0.5s ease 0s;
 }
 .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-icon {
@@ -211,7 +211,8 @@
   padding: 8px 0 8px 26px;
 }
 .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header:focus {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content {
   padding: 0;
@@ -273,8 +274,6 @@
   padding: 0 0 0 8px;
 }
 
-/*! accordion theme */
-/* stylelint-disable property-no-vendor-prefix */
 .e-accordion {
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
   background: #232e3e;
@@ -419,7 +418,8 @@
 }
 .e-accordion .e-acrdn-item .e-acrdn-header:focus {
   border: 0;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   background: #4b5563;
 }
 .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-icons,
@@ -497,7 +497,8 @@
   color: #d1d5db;
 }
 .e-accordion .e-acrdn-item.e-selected > .e-acrdn-header:focus {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   position: relative;
   z-index: 2;
 }