@syncfusion/ej2-navigations 25.2.4 → 26.1.35-7502

package/styles/menu/tailwind.css

@@ -1,15 +1,28 @@
 /*! component's theme wise override definitions and variables */
+@-webkit-keyframes hscroll-popup-shadow {
+  0% {
+    border-color: rgba(255, 255, 255, 0.5);
+    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
+            box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
+  }
+  100% {
+    -webkit-box-shadow: 0 0 0 200px rgba(255, 255, 255, 0.12);
+            box-shadow: 0 0 0 200px rgba(255, 255, 255, 0.12);
+  }
+}
 @keyframes hscroll-popup-shadow {
   0% {
     border-color: rgba(255, 255, 255, 0.5);
-    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
+    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
+            box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
   }
   100% {
-    box-shadow: 0 0 0 200px rgba(255, 255, 255, 0.12);
+    -webkit-box-shadow: 0 0 0 200px rgba(255, 255, 255, 0.12);
+            box-shadow: 0 0 0 200px rgba(255, 255, 255, 0.12);
   }
 }
-/*! component's theme wise override definitions and variables */ /* stylelint-disable-line no-empty-source */
-/*! menu layout */
+/*! component's theme wise override definitions and variables */
+/* stylelint-disable-line no-empty-source */
 .e-menu-wrapper ul.e-vertical .e-menu-item .e-caret::before,
 .e-menu-container ul.e-vertical .e-menu-item .e-caret::before {
   content: "\e748";
@@ -52,24 +65,16 @@
   content: "\e729";
 }
 
-.e-rtl.e-menu-wrapper ul.e-vertical .e-caret::before,
-.e-rtl.e-menu-container ul.e-vertical .e-caret::before {
-  content: "\e765";
-}
-.e-rtl.e-menu-wrapper ul.e-ul .e-caret::before,
-.e-rtl.e-menu-container ul.e-ul .e-caret::before {
-  content: "\e765";
-}
-
+.e-rtl.e-menu-wrapper ul.e-vertical .e-caret::before, .e-rtl.e-menu-wrapper ul.e-ul .e-caret::before,
+.e-rtl.e-menu-container ul.e-vertical .e-caret::before,
+.e-rtl.e-menu-container ul.e-ul .e-caret::before,
 .e-bigger .e-rtl.e-menu-wrapper ul.e-vertical .e-caret::before,
-.e-bigger.e-rtl.e-menu-wrapper ul.e-vertical .e-caret::before,
-.e-bigger .e-rtl.e-menu-container ul.e-vertical .e-caret::before,
-.e-bigger.e-rtl.e-menu-container ul.e-vertical .e-caret::before {
-  content: "\e765";
-}
 .e-bigger .e-rtl.e-menu-wrapper ul.e-ul .e-caret::before,
+.e-bigger.e-rtl.e-menu-wrapper ul.e-vertical .e-caret::before,
 .e-bigger.e-rtl.e-menu-wrapper ul.e-ul .e-caret::before,
+.e-bigger .e-rtl.e-menu-container ul.e-vertical .e-caret::before,
 .e-bigger .e-rtl.e-menu-container ul.e-ul .e-caret::before,
+.e-bigger.e-rtl.e-menu-container ul.e-vertical .e-caret::before,
 .e-bigger.e-rtl.e-menu-container ul.e-ul .e-caret::before {
   content: "\e765";
 }
@@ -81,7 +86,6 @@
   content: "\e729";
 }
 
-/*! menu layout */
 .e-menu-wrapper,
 .e-menu-container {
   border: none;
@@ -102,6 +106,7 @@
   margin: 0;
   overflow: hidden;
   -webkit-user-select: none;
+     -moz-user-select: none;
       -ms-user-select: none;
           user-select: none;
   font-size: 14px;
@@ -112,7 +117,8 @@
 .e-menu-wrapper ul.e-ul, .e-menu-wrapper ul.e-ul *,
 .e-menu-container ul.e-ul,
 .e-menu-container ul.e-ul * {
-  box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
 }
 .e-menu-wrapper ul.e-ul:focus, .e-menu-wrapper ul.e-ul *:focus,
 .e-menu-container ul.e-ul:focus,
@@ -155,6 +161,7 @@
 .e-menu-container ul .e-menu-item {
   cursor: pointer;
   position: relative;
+  display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
   height: 38px;
@@ -327,26 +334,27 @@
 .e-menu-container .e-scroll-nav .e-nav-arrow {
   font-size: 16px;
 }
-.e-menu-wrapper .e-scroll-nav .e-nav-arrow.e-nav-left-arrow,
-.e-menu-container .e-scroll-nav .e-nav-arrow.e-nav-left-arrow {
-  transform: rotate(180deg);
-}
-.e-menu-wrapper .e-scroll-nav .e-nav-arrow.e-nav-up-arrow,
+.e-menu-wrapper .e-scroll-nav .e-nav-arrow.e-nav-left-arrow, .e-menu-wrapper .e-scroll-nav .e-nav-arrow.e-nav-up-arrow,
+.e-menu-container .e-scroll-nav .e-nav-arrow.e-nav-left-arrow,
 .e-menu-container .e-scroll-nav .e-nav-arrow.e-nav-up-arrow {
-  transform: rotate(180deg);
+  -webkit-transform: rotate(180deg);
+          transform: rotate(180deg);
 }
 .e-menu-wrapper.e-rtl .e-scroll-nav .e-nav-arrow.e-nav-left-arrow,
 .e-menu-container.e-rtl .e-scroll-nav .e-nav-arrow.e-nav-left-arrow {
-  transform: rotate(0deg);
+  -webkit-transform: rotate(0deg);
+          transform: rotate(0deg);
 }
 .e-menu-wrapper.e-rtl .e-scroll-nav .e-nav-arrow.e-nav-right-arrow,
 .e-menu-container.e-rtl .e-scroll-nav .e-nav-arrow.e-nav-right-arrow {
-  transform: rotate(180deg);
+  -webkit-transform: rotate(180deg);
+          transform: rotate(180deg);
 }
 .e-menu-wrapper.e-popup.e-menu-popup,
 .e-menu-container.e-popup.e-menu-popup {
   border: 1px solid #e5e7eb;
-  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+  -webkit-box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+          box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
   overflow: hidden;
   position: absolute;
 }
@@ -356,12 +364,14 @@
 }
 .e-menu-wrapper .e-menu-vscroll.e-vscroll.e-scroll-device .e-scroll-nav.e-scroll-down-nav,
 .e-menu-container .e-menu-vscroll.e-vscroll.e-scroll-device .e-scroll-nav.e-scroll-down-nav {
-  transform: none;
+  -webkit-transform: none;
+          transform: none;
   width: 100%;
 }
 .e-menu-wrapper .e-menu-vscroll.e-vscroll.e-scroll-device .e-scroll-nav.e-scroll-down-nav .e-nav-down-arrow,
 .e-menu-container .e-menu-vscroll.e-vscroll.e-scroll-device .e-scroll-nav.e-scroll-down-nav .e-nav-down-arrow {
-  transform: none;
+  -webkit-transform: none;
+          transform: none;
 }
 .e-menu-wrapper .e-menu-vscroll.e-vscroll .e-vscroll-bar,
 .e-menu-container .e-menu-vscroll.e-vscroll .e-vscroll-bar {
@@ -396,7 +406,8 @@
 .e-menu-wrapper.e-contextmenu-container .e-menu-vscroll,
 .e-menu-container.e-contextmenu-container .e-menu-vscroll {
   border: 1px solid #e5e7eb;
-  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+  -webkit-box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+          box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
 }
 
 .e-menu-container:not(.e-hamburger):not(.e-rtl) .e-menu.e-vertical .e-blankicon {
@@ -603,7 +614,8 @@
 .e-bigger.e-menu-wrapper.e-menu-popup,
 .e-bigger .e-menu-container.e-menu-popup,
 .e-bigger.e-menu-container.e-menu-popup {
-  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+  -webkit-box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+          box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
 }
 .e-bigger .e-menu-wrapper .e-scroll-nav .e-icons,
 .e-bigger.e-menu-wrapper .e-scroll-nav .e-icons,
@@ -692,7 +704,8 @@
 .e-menu-container.e-hamburger .e-popup.e-menu-popup {
   border: 0;
   border-radius: 0;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   display: block;
   position: relative;
   width: 100%;
@@ -728,13 +741,21 @@
 }
 .e-menu-wrapper.e-hamburger ul.e-menu .e-menu-item[aria-expanded=true] .e-caret,
 .e-menu-container.e-hamburger ul.e-menu .e-menu-item[aria-expanded=true] .e-caret {
+  -webkit-transition: -webkit-transform 0.3s ease-in-out;
+  transition: -webkit-transform 0.3s ease-in-out;
   transition: transform 0.3s ease-in-out;
+  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
+  -webkit-transform: rotate(-180deg);
   transform: rotate(-180deg);
   text-indent: 0;
 }
 .e-menu-wrapper.e-hamburger ul.e-menu .e-menu-item[aria-expanded=false] .e-caret,
 .e-menu-container.e-hamburger ul.e-menu .e-menu-item[aria-expanded=false] .e-caret {
+  -webkit-transition: -webkit-transform 0.3s ease-in-out;
+  transition: -webkit-transform 0.3s ease-in-out;
   transition: transform 0.3s ease-in-out;
+  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
+  -webkit-transform: rotate(0deg);
   transform: rotate(0deg);
   text-indent: 0;
 }
@@ -771,8 +792,9 @@
   height: auto;
   padding: 0;
 }
-.e-menu-wrapper.e-hamburger ul .e-menu-item.e-menu-caret-icon,
-.e-menu-container.e-hamburger ul .e-menu-item.e-menu-caret-icon {
+.e-menu-wrapper.e-hamburger ul .e-menu-item.e-menu-caret-icon, .e-menu-wrapper.e-hamburger ul .e-menu-item.e-blankicon,
+.e-menu-container.e-hamburger ul .e-menu-item.e-menu-caret-icon,
+.e-menu-container.e-hamburger ul .e-menu-item.e-blankicon {
   padding: 0;
 }
 .e-menu-wrapper.e-hamburger ul .e-menu-item .e-menu-url,
@@ -782,10 +804,6 @@
   text-indent: 0;
   width: 100%;
 }
-.e-menu-wrapper.e-hamburger ul .e-menu-item.e-blankicon,
-.e-menu-container.e-hamburger ul .e-menu-item.e-blankicon {
-  padding: 0;
-}
 .e-menu-wrapper.e-hamburger ul .e-menu-item.e-separator,
 .e-menu-container.e-hamburger ul .e-menu-item.e-separator {
   border-bottom-style: solid;
@@ -909,7 +927,6 @@
   position: relative;
 }
 
-/*! menu theme */
 .e-menu-wrapper,
 .e-menu-container {
   background: #f3f4f6;
@@ -1026,7 +1043,6 @@
 .e-menu-container .e-ul .e-menu-item.e-separator {
   border-bottom-color: #e5e7eb;
 }
-
 .e-menu-wrapper.e-menu-popup,
 .e-menu-container.e-menu-popup {
   background: #fff;

package/styles/pager/_bds-definition.scss

@@ -15,7 +15,7 @@ $pager-content-opacity: 1 !default;
 $pager-bigger-new-container-rtl-margin: 0 5px -6px 0 !default;
 $pager-next-icon-margin-left: 0 !default;
 $pager-container-rtl-margin: 0 0 -4px 0 !default;
-$pager-rtl-navigation-icon-padding: 7.5px 7px 7.5px 7px !default;
+$pager-rtl-navigation-icon-padding: 7.5px 7px !default;
 $pager-rtl-numeric-margin: 0 !default;
 $pager-item-hover-borders-width: 0 !default;
 $pager-tripledot-font-size: 12px !default;
@@ -30,7 +30,7 @@ $pager-bigger-rtl-nexticon-marign-right: math.div($pager-next-icon-margin-left,
 $pager-device-padding: 19px 0 !default;
 $pager-device-messabar-padding: 0 !default;
 $pager-bigger-rtl-parentmsgbar-margin-left: 6px !default;
-$pager-bigger-rtl-activeitem-padding: 7px 14px 7px 14px !default;
+$pager-bigger-rtl-activeitem-padding: 7px 14px !default;
 $pager-numericitem-min-width: 26px !default;
 $pager-font-size: 14px !default;
 $pager-font-line-height: 18px !default;
@@ -43,7 +43,7 @@ $pager-border-size: 1px !default;
 $pager-numericitem-padding: 13px 12px 10px 12px !default;
 $pager-numeric-hover-bg-color: $content-bg-color-hover !default;
 $pager-numeric-txt-bg-color: $icon-color-disabled !default;
-$pager-padding: 8px 8px 8px 8px !default;
+$pager-padding: 8px !default;
 $pager-numeric-font-weight: bold !default;
 $pager-messagebar-padding-top: 6px !default;
 $pager-number-hover-bg-color: $content-bg-color-hover !default;
@@ -52,7 +52,7 @@ $pager-font-weight: bold !default;
 $pager-messagebar-padding-right: 0 !default;
 $pager-tripledot-padding: 4.5px 9.2px 7px 9.2px !default;
 $pager-numeric-icon-padding: 4.5px 11px 7px 11px !default;
-$pager-pagecontainer-icon-padding: 10px 7px 10px 7px !default;
+$pager-pagecontainer-icon-padding: 10px 7px !default;
 $pager-bigger-pagecontainer-icon-padding: 6px 10px 8px 8px !default;
 $pager-hover-color: $content-text-color-hover !default;
 $pager-mhover-color: $border !default;
@@ -93,12 +93,12 @@ $pager-constant-margin: 6px 0 4px 8px !default;
 $pager-bigger-letter-spacing: 7px 11.8px 6.5px !default;
 $pager-tripledot-rtl-margin-top: 0 !default;
 $pager-tripledot-rtl-padding: 4.5px 8.7px 5px 8.7px !default;
-$pager-rtl-pagerconstant-margin-top: 6px 8px 3px 8px !default;
+$pager-rtl-pagerconstant-margin-top: 6px 8px 3px !default;
 $pager-rtl-pagerdropdown-margin: -18px 16px 0 0 !default;
 $pager-tripledot-rtl-bigger-margin-top: 0 !default;
 $pager-bigger-rtl-numeric-margin: 0 !default;
 $pager-bigger-container-rtl-margin: 0 0 -4px 0 !default;
-$pager-activeitem-padding: 4.5px 11px 7px 11px !default;
+$pager-activeitem-padding: 4.5px 11px 7px !default;
 $pager-bigger-activeitem-padding: 7px 14px !default;
 $pager-rtl-pagerdropdown-bigger-margin: -18.5px 16px 0 0 !default;
 $pager-rtl-pagerconstant-bigger-margin-top: 6px 16px 2px 0 !default;

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

@@ -40,7 +40,7 @@ $pager-border-color: $grey-99 !default;
 $pager-color: $grey-dd !default;
 $pager-icon-size: 10px !default;
 $pager-border-size: 1px !default;
-$pager-numericitem-padding: 13px 12px 10px 12px !default;
+$pager-numericitem-padding: 13px 12px 10px !default;
 $pager-padding: 8px !default;
 $pager-numeric-font-weight: bold !default;
 $pager-messagebar-padding-top: 10px !default;
@@ -90,7 +90,7 @@ $pager-bigger-dropdown-width: 90px !default;
 $pager-constant-margin: 11px 0 6px 8px !default;
 $pager-bigger-letter-spacing: 9px 10px 12px !default;
 $pager-tripledot-rtl-margin-top: 2px !default;
-$pager-tripledot-rtl-padding: 8px 11px 9px 11px !default;
+$pager-tripledot-rtl-padding: 8px 11px 9px !default;
 $pager-rtl-pagerconstant-margin-top: 8px !default;
 $pager-rtl-pagerdropdown-margin: -16px 16px 0 0 !default;
 $pager-tripledot-rtl-bigger-margin-top: -5px !default;

package/styles/pager/_bootstrap-definition.scss

@@ -20,7 +20,7 @@ $pager-rtl-numeric-margin: 0 !default;
 $pager-numeric-hover-bg-color: unset !default;
 $pager-numeric-txt-bg-color: unset !default;
 $pager-tripledot-font-size: 16px !default;
-$pager-last-page-hover-border-radius:  0 4px 4px 0 !default;
+$pager-last-page-hover-border-radius: 0 4px 4px 0 !default;
 $pager-first-page-hover-border-radius: 4px 0 0 4px !default;
 $pager-rtl-parentmsgbar-margin-left: 6px !default;
 $pager-rtl-parentmsgbar-padding-top: 12px !default;
@@ -41,7 +41,7 @@ $pager-border-color: $grey-dd !default;
 $pager-color: $grey-light-font !default;
 $pager-icon-size: 10px !default;
 $pager-border-size: 1px !default;
-$pager-numericitem-padding: 13px 12px 10px 12px !default;
+$pager-numericitem-padding: 13px 12px 10px !default;
 $pager-padding: 8px !default;
 $pager-numeric-font-weight: bold !default;
 $pager-messagebar-padding-top: 10px !default;
@@ -49,8 +49,8 @@ $pager-number-hover-bg-color: $grey-lighter !default;
 $pager-font-family: Helvertica !default;
 $pager-font-weight: bold !default;
 $pager-messagebar-padding-right: 8px !default;
-$pager-tripledot-padding: 8px 8px 9.5px 8px !default;
-$pager-numeric-icon-padding: 11.5px 11px 10px 11px !default;
+$pager-tripledot-padding: 8px 8px 9.5px !default;
+$pager-numeric-icon-padding: 11.5px 11px 10px !default;
 $pager-pagecontainer-icon-padding: 11.5px 10px 12px 8px !default;
 $pager-bigger-pagecontainer-icon-padding: 11px 10px 12px 8px !default;
 $pager-hover-color: $brand-primary-darken-25 !default;
@@ -84,19 +84,19 @@ $pager-dropdown-margin-left: 16px !default;
 $pager-dropdown-margin-right: 0 !default;
 $pager-dropdown-overflow: hidden !default;
 $pager-bigger-dropdown-constant-margin: 12px !default;
-$pager-bigger-dropdown-margin: -35px  0 0 20px !default;
+$pager-bigger-dropdown-margin: -35px 0 0 20px !default;
 $pager-dropdown-height: 34px !default;
 $pager-dropdown-width: 90px !default;
 $pager-bigger-dropdown-width: 90px !default;
 $pager-constant-margin: 11px 0 6px 8px !default;
 $pager-bigger-letter-spacing: 9px 10px 12px !default;
 $pager-tripledot-rtl-margin-top: 2px !default;
-$pager-tripledot-rtl-padding: 8px 11px 9px 11px !default;
+$pager-tripledot-rtl-padding: 8px 11px 9px !default;
 $pager-rtl-pagerconstant-margin-top: 8px !default;
 $pager-rtl-pagerdropdown-margin: -16px 16px 0 0 !default;
 $pager-tripledot-rtl-bigger-margin-top: -5px !default;
 $pager-bigger-rtl-numeric-margin: 0 !default;
-$pager-bigger-container-rtl-margin: 0 0 -4px 0 !default;
+$pager-bigger-container-rtl-margin: 0 0 -4px !default;
 $pager-activeitem-padding: 11px 12px 10px 11px !default;
 $pager-bigger-activeitem-padding: $pager-activeitem-padding !default;
 $pager-rtl-pagerdropdown-bigger-margin: -24px 16px 0 0 !default;
@@ -116,7 +116,7 @@ $pager-item-hover-borders-width: 0 !default;
 $pager-item-hover-border-color: $pager-border-color !default;
 $pager-bigger-current-item-hover-padding: $pager-bigger-current-item-padding !default;
 $pager-numeric-icon-hover-padding: $pager-numeric-icon-padding !default;
-$pager-bigger-rtl-activeitem-hover-padding:  $pager-bigger-rtl-activeitem-padding !default;
+$pager-bigger-rtl-activeitem-hover-padding: $pager-bigger-rtl-activeitem-padding !default;
 $pager-activeitem-hover-padding: $pager-activeitem-padding !default;
 $pager-bigger-dropdown-margin-top: -31px !default;
 $pager-rtl-nxtpage-margin: 0 !default;

package/styles/pager/_bootstrap4-definition.scss

@@ -12,14 +12,14 @@ $pager-numericitem-margin-right: 0 !default;
 $pager-messagebar-padding-bottom: 9px !default;
 $pager-bigger-messagebar-padding-bottom: 8px !default;
 $pager-content-opacity: 1 !default;
-$pager-bigger-new-container-rtl-margin: 0 0 -4px 0 !default;
+$pager-bigger-new-container-rtl-margin: 0 0 -4px !default;
 $pager-next-icon-margin-left: 0 !default;
 $pager-container-rtl-margin: 0 2px -4px 0 !default;
 $pager-rtl-navigation-icon-padding: 13px 9px 12px 2px !default;
 $pager-rtl-numeric-margin: 0 !default;
 $pager-item-hover-borders-width: 0 !default;
 $pager-tripledot-font-size: 14px !default;
-$pager-last-page-hover-border-radius:  0 4px 4px 0 !default;
+$pager-last-page-hover-border-radius: 0 4px 4px 0 !default;
 $pager-first-page-hover-border-radius: 4px 0 0 4px !default;
 $pager-rtl-parentmsgbar-margin-left: 6px !default;
 $pager-rtl-parentmsgbar-padding-top: 10px !default;
@@ -30,7 +30,7 @@ $pager-bigger-rtl-nexticon-marign-right: math.div($pager-next-icon-margin-left,
 $pager-device-padding: 19px 0 !default;
 $pager-device-messabar-padding: 0 !default;
 $pager-bigger-rtl-parentmsgbar-margin-left: 6px !default;
-$pager-bigger-rtl-activeitem-padding: 12px 14px 13px 14px !default;
+$pager-bigger-rtl-activeitem-padding: 12px 14px 13px !default;
 $pager-numericitem-min-width: 26px !default;
 $pager-font-size: 14px !default;
 $pager-font-line-height: 1 !default;
@@ -40,7 +40,7 @@ $pager-border-color: #ddd !default;
 $pager-color: $gray-900 !default;
 $pager-icon-size: 10px !default;
 $pager-border-size: 1px !default;
-$pager-numericitem-padding: 13px 12px 10px 12px !default;
+$pager-numericitem-padding: 13px 12px 10px !default;
 $pager-numeric-hover-bg-color: $gray-200 !default;
 $pager-numeric-txt-bg-color: $gray-600 !default;
 $pager-padding: 8px !default;
@@ -50,8 +50,8 @@ $pager-number-hover-bg-color: darken($gray-100, 2%) !default;
 $pager-font-family: Helvertica !default;
 $pager-font-weight: bold !default;
 $pager-messagebar-padding-right: 0 !default;
-$pager-tripledot-padding: 12px 9px 11px 9px !default;
-$pager-numeric-icon-padding: 12px 11px 11px 11px !default;
+$pager-tripledot-padding: 12px 9px 11px !default;
+$pager-numeric-icon-padding: 12px 11px 11px !default;
 $pager-pagecontainer-icon-padding: 14px 10px 13px 8px !default;
 $pager-bigger-pagecontainer-icon-padding: 13px 10px 12px 8px !default;
 $pager-hover-color: #1f496e !default;
@@ -85,19 +85,19 @@ $pager-dropdown-margin-left: 10px !default;
 $pager-dropdown-margin-right: 8px !default;
 $pager-dropdown-overflow: unset !default;
 $pager-bigger-dropdown-constant-margin: 12px !default;
-$pager-bigger-dropdown-margin: -35px  10px 0 18px !default;
+$pager-bigger-dropdown-margin: -35px 10px 0 18px !default;
 $pager-dropdown-height: 34px !default;
 $pager-dropdown-width: 90px !default;
 $pager-bigger-dropdown-width: 90px !default;
 $pager-constant-margin: 11px 0 6px 8px !default;
 $pager-bigger-letter-spacing: 9px 10px 12px !default;
 $pager-tripledot-rtl-margin-top: 2px !default;
-$pager-tripledot-rtl-padding: 8px 11px 9px 11px !default;
+$pager-tripledot-rtl-padding: 8px 11px 9px !default;
 $pager-rtl-pagerconstant-margin-top: 8px !default;
 $pager-rtl-pagerdropdown-margin: -16px 16px 0 0 !default;
 $pager-tripledot-rtl-bigger-margin-top: -5px !default;
 $pager-bigger-rtl-numeric-margin: 0 !default;
-$pager-bigger-container-rtl-margin: 0 0 -4px 0 !default;
+$pager-bigger-container-rtl-margin: 0 0 -4px !default;
 $pager-activeitem-padding: 11px 12px 10px 11px !default;
 $pager-bigger-activeitem-padding: $pager-activeitem-padding !default;
 $pager-rtl-pagerdropdown-bigger-margin: -25px 16px 0 0 !default;
@@ -116,7 +116,7 @@ $pager-item-hover-border-width: 0 1px 0 0 !default;
 $pager-item-hover-border-color: $pager-border-color !default;
 $pager-bigger-current-item-hover-padding: $pager-bigger-current-item-padding !default;
 $pager-numeric-icon-hover-padding: $pager-numeric-icon-padding !default;
-$pager-bigger-rtl-activeitem-hover-padding:  $pager-bigger-rtl-activeitem-padding !default;
+$pager-bigger-rtl-activeitem-hover-padding: $pager-bigger-rtl-activeitem-padding !default;
 $pager-activeitem-hover-padding: $pager-activeitem-padding !default;
 $pager-bigger-dropdown-margin-top: -35px !default;
 $pager-rtl-nxtpage-margin: 0 !default;

package/styles/pager/_bootstrap5-definition.scss

@@ -12,14 +12,14 @@ $pager-numericitem-margin-right: 0 !default;
 $pager-messagebar-padding-bottom: 0 !default;
 $pager-bigger-messagebar-padding-bottom: 8px !default;
 $pager-content-opacity: 1 !default;
-$pager-bigger-new-container-rtl-margin: 0 0 -5px 0 !default;
+$pager-bigger-new-container-rtl-margin: 0 0 -5px !default;
 $pager-next-icon-margin-left: 0 !default;
 $pager-container-rtl-margin: 0 .3px -4px 0 !default;
 $pager-rtl-navigation-icon-padding: 14px 12px 12px 11.5px !default;
 $pager-rtl-numeric-margin: 0 !default;
 $pager-item-hover-borders-width: 0 !default;
 $pager-tripledot-font-size: 14px !default;
-$pager-last-page-hover-border-radius:  0 3px 3px 0 !default;
+$pager-last-page-hover-border-radius: 0 3px 3px 0 !default;
 $pager-first-page-hover-border-radius: 3px 0 0 3px !default;
 $pager-rtl-parentmsgbar-margin-left: 6px !default;
 $pager-rtl-parentmsgbar-padding-top: 8px !default;
@@ -30,7 +30,7 @@ $pager-bigger-rtl-nexticon-marign-right: math.div($pager-next-icon-margin-left,
 $pager-device-padding: 19px 0 !default;
 $pager-device-messabar-padding: 0 !default;
 $pager-bigger-rtl-parentmsgbar-margin-left: 6px !default;
-$pager-bigger-rtl-activeitem-padding: 7px 8px 7px 8px !default;
+$pager-bigger-rtl-activeitem-padding: 7px 8px !default;
 $pager-numericitem-min-width: 26px !default;
 $pager-font-size: 14px !default;
 $pager-font-line-height: 1 !default;
@@ -40,20 +40,20 @@ $pager-border-color: $border-light !default;
 $pager-color: $content-text-color-alt2 !default;
 $pager-icon-size: 9px !default;
 $pager-border-size: 1px !default;
-$pager-numericitem-padding: 13px 12px 10px 12px !default;
+$pager-numericitem-padding: 13px 12px 10px !default;
 $pager-numeric-hover-bg-color: $content-bg-color-hover !default;
 $pager-numeric-txt-bg-color: $icon-color-disabled !default;
-$pager-padding: 7px 8px 7px 8px !default;
+$pager-padding: 7px 8px !default;
 $pager-numeric-font-weight: bold !default;
 $pager-messagebar-padding-top: 8px !default;
 $pager-number-hover-bg-color: $content-bg-color-hover !default;
 $pager-font-family: $font-family !default;
 $pager-font-weight: bold !default;
 $pager-messagebar-padding-right: 0 !default;
-$pager-tripledot-padding: 10.4px 10.5px 11.4px 10.5px !default;
-$pager-numeric-icon-padding: 10px 12.5px 11.5px 12.5px !default;
+$pager-tripledot-padding: 10.4px 10.5px 11.4px !default;
+$pager-numeric-icon-padding: 10px 12.5px 11.5px !default;
 $pager-pagecontainer-icon-padding: 14.2px 12.2px 12.7px 11.5px !default;
-$pager-bigger-pagecontainer-icon-padding: 16px 14px 14px 14px !default;
+$pager-bigger-pagecontainer-icon-padding: 16px 14px 14px !default;
 $pager-hover-color: $primary !default;
 $pager-mhover-color: $primary !default;
 $pager-pagermessage-weight: $font-weight-normal !default;
@@ -64,11 +64,11 @@ $pager-container-margin: 0 0 -4px .3px !default;
 $pager-bigger-numeric-item-margin: 0 !default;
 $pager-bigger-icon-font-size: 11px !default;
 $pager-bigger-font-size: 16px !default;
-$pager-bigger-padding: 7px 8px 7px 8px !default;
+$pager-bigger-padding: 7px 8px !default;
 $pager-bigger-pagercontainer-margin: 0 0 -6px .8px !default;
-$pager-bigger-pagercontainer-icons-padding: 16px 14px 14px 14px !default;
+$pager-bigger-pagercontainer-icons-padding: 16px 14px 14px !default;
 $pager-bigger-pagercontainer-icons-marign-right: 0 !default;
-$pager-bigger-current-item-padding: 12px 15px 13px 15px !default;
+$pager-bigger-current-item-padding: 12px 15px 13px !default;
 $pager-letter-spacing: 0 !default;
 $pager-bigger-icons-align: middle !default;
 $pager-bigger-messagebar-padding-right: 0 !default;
@@ -89,15 +89,15 @@ $pager-dropdown-height: 32px !default;
 $pager-dropdown-width: 90px !default;
 $pager-bigger-dropdown-width: 90px !default;
 $pager-constant-margin: 0 0 6px 8px !default;
-$pager-bigger-letter-spacing: 14px 14px 13px 14px !default;
+$pager-bigger-letter-spacing: 14px 14px 13px !default;
 $pager-tripledot-rtl-margin-top: 0 !default;
-$pager-tripledot-rtl-padding: 10px 10.5px 11px 10.5px !default;
+$pager-tripledot-rtl-padding: 10px 10.5px 11px !default;
 $pager-rtl-pagerconstant-margin-top: 0 8px 6px 0 !default;
 $pager-rtl-pagerdropdown-margin: -24px 16px 0 0 !default;
 $pager-tripledot-rtl-bigger-margin-top: 0 !default;
 $pager-bigger-rtl-numeric-margin: 0 !default;
-$pager-bigger-container-rtl-margin: 0 0 -4px 0 !default;
-$pager-activeitem-padding: 10.4px 12.5px 11px 12.5px !default;
+$pager-bigger-container-rtl-margin: 0 0 -4px !default;
+$pager-activeitem-padding: 10.4px 12.5px 11px !default;
 $pager-bigger-activeitem-padding: 12px 15px 13px !default;
 $pager-rtl-pagerdropdown-bigger-margin: -26px 16px 0 0 !default;
 $pager-rtl-pagerconstant-bigger-margin-top: 0 16px 7px 0 !default;
@@ -114,8 +114,8 @@ $pager-rtl-first-last-icon-hover-border-radius: 0 4px 4px 0 !default;
 $pager-item-hover-border-width: 0 1px 0 0 !default;
 $pager-item-hover-border-color: $pager-border-color !default;
 $pager-bigger-current-item-hover-padding: $pager-bigger-current-item-padding !default;
-$pager-numeric-icon-hover-padding: 10.4px 12.5px 11.6px 12.5px !default;
-$pager-bigger-rtl-activeitem-hover-padding:  12px 15px 13px !default;
+$pager-numeric-icon-hover-padding: 10.4px 12.5px 11.6px !default;
+$pager-bigger-rtl-activeitem-hover-padding: 12px 15px 13px !default;
 $pager-activeitem-hover-padding: $pager-activeitem-padding !default;
 $pager-bigger-dropdown-margin-top: -24px !default;
 $pager-rtl-nxtpage-margin: 0 !default;
@@ -124,7 +124,7 @@ $pager-current-item-font-weight: $font-weight-normal !default;
 $pager-bigger-dropdown-heigh: 38px !default;
 $pager-external-msg-padding: 6px 6px 0 6px !default;
 $pager-rtl-bigger-tripledot-font-size: 14px !default;
-$pager-bigger-tripledot-padding: 13px 14px 11px 14px !default;
+$pager-bigger-tripledot-padding: 13px 14px 11px !default;
 $pager-container-children-height: 31px !default;
 $pager-div-chrome-margin-top: -.5px !default;
 $pager-div-margin-top: -.3px !default;
@@ -142,7 +142,7 @@ $pager-bigger-tripledot-font-size: $pager-tripledot-font-size !default;
 $pager-active-border: 2px !default;
 $pager-active-size: solid !default;
 $pager-active-color: $primary !default;
-$pager-numeric-icon-padding-with-margin: 7px 10px 7px 10px !default;
+$pager-numeric-icon-padding-with-margin: 7px 10px !default;
 $pager-focus-bg-color: $table-bg-color-hover !default;
 $pager-focus-tripledot-padding: $pager-tripledot-padding !default;
 $pager-focus-tripledot-line-height: 1 !default;