npm - @inera/ids-design - Versions diffs - 6.2.0 → 7.0.1 - Mend

@inera/ids-design 6.2.0 → 7.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (138) hide show

package/components/mobile-menu/mobile-menu.css CHANGED Viewed

@@ -13,40 +13,6 @@
 /*******
 * A11Y
 ********/
-.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--3 > .ids-mobile-menu-item__inner ::slotted([slot=link]), .ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--3 > .ids-mobile-menu-item__inner > .ids-mobile-menu-item-link, .ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--3 > .ids-mobile-menu-item__inner > a, .ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2 > .ids-mobile-menu-item__inner ::slotted([slot=link]), .ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2 > .ids-mobile-menu-item__inner > .ids-mobile-menu-item-link, .ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2 > .ids-mobile-menu-item__inner > a, .ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item > .ids-mobile-menu-item__inner ::slotted([slot=link]), .ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item > .ids-mobile-menu-item__inner > .ids-mobile-menu-item-link, .ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item > .ids-mobile-menu-item__inner > a, .ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--3 > .ids-mobile-menu-item__inner ::slotted([slot=link]), .ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--3 > .ids-mobile-menu-item__inner > .ids-mobile-menu-item-link, .ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--3 > .ids-mobile-menu-item__inner > a, .ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2 > .ids-mobile-menu-item__inner ::slotted([slot=link]), .ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2 > .ids-mobile-menu-item__inner > .ids-mobile-menu-item-link, .ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2 > .ids-mobile-menu-item__inner > a, .ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item.ids-mobile-menu-item--secondary > .ids-mobile-menu-item__inner ::slotted([slot=link]), .ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item.ids-mobile-menu-item--secondary > .ids-mobile-menu-item__inner > .ids-mobile-menu-item-link, .ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item.ids-mobile-menu-item--secondary > .ids-mobile-menu-item__inner > a, .ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item > .ids-mobile-menu-item__inner ::slotted([slot=link]), .ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item > .ids-mobile-menu-item__inner > .ids-mobile-menu-item-link, .ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item > .ids-mobile-menu-item__inner > a {
-  width: 100%;
-  padding: 0.75rem 0.75rem 0.75rem 1.25rem !important;
-  display: inline-flex;
-  flex-grow: 1;
-  align-items: center;
-  gap: 0.5rem;
-  color: inherit !important;
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: inherit !important;
-  text-decoration: none !important;
-  text-align: start;
-}
-.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item > .ids-mobile-menu-item__inner > .ids-mobile-menu-item-link, .ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item > .ids-mobile-menu-item__inner > a,
-.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item > .ids-mobile-menu-item__inner ::slotted([slot=link]), .ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item.ids-mobile-menu-item--secondary > .ids-mobile-menu-item__inner > .ids-mobile-menu-item-link, .ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item.ids-mobile-menu-item--secondary > .ids-mobile-menu-item__inner > a,
-.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item.ids-mobile-menu-item--secondary > .ids-mobile-menu-item__inner ::slotted([slot=link]), .ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item > .ids-mobile-menu-item__inner > .ids-mobile-menu-item-link, .ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item > .ids-mobile-menu-item__inner > a,
-.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item > .ids-mobile-menu-item__inner ::slotted([slot=link]) {
-  padding-left: 1.25rem !important;
-}
-.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2 > .ids-mobile-menu-item__inner > .ids-mobile-menu-item-link, .ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2 > .ids-mobile-menu-item__inner > a,
-.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2 > .ids-mobile-menu-item__inner ::slotted([slot=link]), .ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2 > .ids-mobile-menu-item__inner > .ids-mobile-menu-item-link, .ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2 > .ids-mobile-menu-item__inner > a,
-.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2 > .ids-mobile-menu-item__inner ::slotted([slot=link]) {
-  padding-left: 2.5rem !important;
-}
-.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--3 > .ids-mobile-menu-item__inner > .ids-mobile-menu-item-link, .ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--3 > .ids-mobile-menu-item__inner > a,
-.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--3 > .ids-mobile-menu-item__inner ::slotted([slot=link]), .ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--3 > .ids-mobile-menu-item__inner > .ids-mobile-menu-item-link, .ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--3 > .ids-mobile-menu-item__inner > a,
-.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--3 > .ids-mobile-menu-item__inner ::slotted([slot=link]) {
-  padding-left: 3.75rem !important;
-}
 .ids-mobile-menu-item__sub-items {
   display: none;
 }
@@ -77,6 +43,21 @@
 .ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item > .ids-mobile-menu-item__inner .ids-mobile-menu-item-link--inline {
   display: inline !important;
 }
+.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item > .ids-mobile-menu-item__inner > a, .ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item > .ids-mobile-menu-item__inner > .ids-mobile-menu-item-link,
+.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item > .ids-mobile-menu-item__inner ::slotted([slot=link]) {
+  width: 100%;
+  display: inline-flex;
+  flex-grow: 1;
+  align-items: center;
+  gap: 0.5rem;
+  color: inherit !important;
+  font-size: 1rem;
+  line-height: 1.5rem;
+  font-weight: inherit !important;
+  text-decoration: none !important;
+  text-align: start;
+  padding: 0.75rem 0.75rem 0.75rem 1.25rem !important;
+}
 .ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item > .ids-mobile-menu-item__inner::before {
   content: "";
   display: block;
@@ -97,19 +78,15 @@
   z-index: 0;
   background-color: var(--IDS-MOBILE-MENU-ITEM--HOVER__BEFORE-BACKGROUND-COLOR);
 }
-.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item > .ids-mobile-menu-item__inner > .ids-mobile-menu-item-link:focus, .ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item > .ids-mobile-menu-item__inner > a:focus {
-  outline: 0.125rem solid;
-  outline-offset: -0.25rem !important;
-  z-index: 1;
-  outline-color: var(--IDS-MOBILE-MENU-ITEM--FOCUS__OUTLINE-COLOR) !important;
-}
+.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item > .ids-mobile-menu-item__inner > a:focus, .ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item > .ids-mobile-menu-item__inner > .ids-mobile-menu-item-link:focus,
 .ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item > .ids-mobile-menu-item__inner ::slotted([slot=link]):focus {
   outline: 0.125rem solid;
   outline-offset: -0.25rem !important;
   z-index: 1;
   outline-color: var(--IDS-MOBILE-MENU-ITEM--FOCUS__OUTLINE-COLOR) !important;
 }
-.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item > .ids-mobile-menu-item__inner ::slotted(:focus-within) {
+.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item > .ids-mobile-menu-item__inner ::slotted(:focus),
+.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item > .ids-mobile-menu-item__inner a:focus {
   outline: 0.125rem solid;
   outline-offset: -0.25rem !important;
   z-index: 1;
@@ -206,6 +183,21 @@
 .ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item.ids-mobile-menu-item--secondary > .ids-mobile-menu-item__inner .ids-mobile-menu-item-link--inline {
   display: inline !important;
 }
+.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item.ids-mobile-menu-item--secondary > .ids-mobile-menu-item__inner > a, .ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item.ids-mobile-menu-item--secondary > .ids-mobile-menu-item__inner > .ids-mobile-menu-item-link,
+.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item.ids-mobile-menu-item--secondary > .ids-mobile-menu-item__inner ::slotted([slot=link]) {
+  width: 100%;
+  display: inline-flex;
+  flex-grow: 1;
+  align-items: center;
+  gap: 0.5rem;
+  color: inherit !important;
+  font-size: 1rem;
+  line-height: 1.5rem;
+  font-weight: inherit !important;
+  text-decoration: none !important;
+  text-align: start;
+  padding: 0.75rem 0.75rem 0.75rem 1.25rem !important;
+}
 .ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item.ids-mobile-menu-item--secondary > .ids-mobile-menu-item__inner::before {
   content: "";
   display: block;
@@ -229,19 +221,15 @@
   z-index: 0;
   background-color: var(--IDS-MOBILE-MENU-ITEM-SECONDARY--HOVER__BEFORE-BACKGROUND-COLOR);
 }
-.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item.ids-mobile-menu-item--secondary > .ids-mobile-menu-item__inner > .ids-mobile-menu-item-link:focus, .ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item.ids-mobile-menu-item--secondary > .ids-mobile-menu-item__inner > a:focus {
-  outline: 0.125rem solid;
-  outline-offset: -0.25rem !important;
-  z-index: 1;
-  outline-color: var(--IDS-MOBILE-MENU-ITEM-SECONDARY--FOCUS__OUTLINE-COLOR) !important;
-}
+.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item.ids-mobile-menu-item--secondary > .ids-mobile-menu-item__inner > a:focus, .ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item.ids-mobile-menu-item--secondary > .ids-mobile-menu-item__inner > .ids-mobile-menu-item-link:focus,
 .ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item.ids-mobile-menu-item--secondary > .ids-mobile-menu-item__inner ::slotted([slot=link]):focus {
   outline: 0.125rem solid;
   outline-offset: -0.25rem !important;
   z-index: 1;
   outline-color: var(--IDS-MOBILE-MENU-ITEM-SECONDARY--FOCUS__OUTLINE-COLOR) !important;
 }
-.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item.ids-mobile-menu-item--secondary > .ids-mobile-menu-item__inner ::slotted(:focus-within) {
+.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item.ids-mobile-menu-item--secondary > .ids-mobile-menu-item__inner ::slotted(:focus),
+.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item.ids-mobile-menu-item--secondary > .ids-mobile-menu-item__inner a:focus {
   outline: 0.125rem solid;
   outline-offset: -0.25rem !important;
   z-index: 1;
@@ -347,8 +335,20 @@
 .ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2 > .ids-mobile-menu-item__inner .ids-mobile-menu-item-link--inline {
   display: inline !important;
 }
-.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2 > .ids-mobile-menu-item__inner:has(.ids-mobile-menu-item__expand-btn) {
-  font-weight: var(--IDS-MOBILE-MENU-ITEM--L2-HAS-CHILDREN__FONT-WEIGHT);
+.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2 > .ids-mobile-menu-item__inner > a, .ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2 > .ids-mobile-menu-item__inner > .ids-mobile-menu-item-link,
+.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2 > .ids-mobile-menu-item__inner ::slotted([slot=link]) {
+  width: 100%;
+  display: inline-flex;
+  flex-grow: 1;
+  align-items: center;
+  gap: 0.5rem;
+  color: inherit !important;
+  font-size: 1rem;
+  line-height: 1.5rem;
+  font-weight: inherit !important;
+  text-decoration: none !important;
+  text-align: start;
+  padding: 0.75rem 0.75rem 0.75rem 2.5rem !important;
 }
 .ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2 > .ids-mobile-menu-item__inner::before {
   content: "";
@@ -373,19 +373,18 @@
   z-index: 0;
   background-color: var(--IDS-MOBILE-MENU-ITEM--L2-HOVER__BEFORE-BACKGROUND-COLOR);
 }
-.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2 > .ids-mobile-menu-item__inner > .ids-mobile-menu-item-link:focus, .ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2 > .ids-mobile-menu-item__inner > a:focus {
-  outline: 0.125rem solid;
-  outline-offset: -0.25rem !important;
-  z-index: 1;
-  outline-color: var(--IDS-MOBILE-MENU-ITEM--L2-FOCUS__OUTLINE-COLOR) !important;
+.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2 > .ids-mobile-menu-item__inner:has(.ids-mobile-menu-item__expand-btn) {
+  font-weight: var(--IDS-MOBILE-MENU-ITEM--L2-HAS-CHILDREN__FONT-WEIGHT);
 }
+.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2 > .ids-mobile-menu-item__inner > a:focus, .ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2 > .ids-mobile-menu-item__inner > .ids-mobile-menu-item-link:focus,
 .ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2 > .ids-mobile-menu-item__inner ::slotted([slot=link]):focus {
   outline: 0.125rem solid;
   outline-offset: -0.25rem !important;
   z-index: 1;
   outline-color: var(--IDS-MOBILE-MENU-ITEM--L2-FOCUS__OUTLINE-COLOR) !important;
 }
-.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2 > .ids-mobile-menu-item__inner ::slotted(:focus-within) {
+.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2 > .ids-mobile-menu-item__inner ::slotted(:focus),
+.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2 > .ids-mobile-menu-item__inner a:focus {
   outline: 0.125rem solid;
   outline-offset: -0.25rem !important;
   z-index: 1;
@@ -485,6 +484,21 @@
 .ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--3 > .ids-mobile-menu-item__inner .ids-mobile-menu-item-link--inline {
   display: inline !important;
 }
+.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--3 > .ids-mobile-menu-item__inner > a, .ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--3 > .ids-mobile-menu-item__inner > .ids-mobile-menu-item-link,
+.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--3 > .ids-mobile-menu-item__inner ::slotted([slot=link]) {
+  width: 100%;
+  display: inline-flex;
+  flex-grow: 1;
+  align-items: center;
+  gap: 0.5rem;
+  color: inherit !important;
+  font-size: 1rem;
+  line-height: 1.5rem;
+  font-weight: inherit !important;
+  text-decoration: none !important;
+  text-align: start;
+  padding: 0.75rem 0.75rem 0.75rem 3.75rem !important;
+}
 .ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--3 > .ids-mobile-menu-item__inner::before {
   content: "";
   display: block;
@@ -508,19 +522,15 @@
   z-index: 0;
   background-color: var(--IDS-MOBILE-MENU-ITEM--L2-HOVER__BEFORE-BACKGROUND-COLOR);
 }
-.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--3 > .ids-mobile-menu-item__inner > .ids-mobile-menu-item-link:focus, .ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--3 > .ids-mobile-menu-item__inner > a:focus {
-  outline: 0.125rem solid;
-  outline-offset: -0.25rem !important;
-  z-index: 1;
-  outline-color: var(--IDS-MOBILE-MENU-ITEM--L2-FOCUS__OUTLINE-COLOR) !important;
-}
+.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--3 > .ids-mobile-menu-item__inner > a:focus, .ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--3 > .ids-mobile-menu-item__inner > .ids-mobile-menu-item-link:focus,
 .ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--3 > .ids-mobile-menu-item__inner ::slotted([slot=link]):focus {
   outline: 0.125rem solid;
   outline-offset: -0.25rem !important;
   z-index: 1;
   outline-color: var(--IDS-MOBILE-MENU-ITEM--L2-FOCUS__OUTLINE-COLOR) !important;
 }
-.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--3 > .ids-mobile-menu-item__inner ::slotted(:focus-within) {
+.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--3 > .ids-mobile-menu-item__inner ::slotted(:focus),
+.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--3 > .ids-mobile-menu-item__inner a:focus {
   outline: 0.125rem solid;
   outline-offset: -0.25rem !important;
   z-index: 1;
@@ -622,8 +632,29 @@
 .ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item > .ids-mobile-menu-item__inner .ids-mobile-menu-item-link--inline {
   display: inline !important;
 }
+.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item > .ids-mobile-menu-item__inner > a, .ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item > .ids-mobile-menu-item__inner > .ids-mobile-menu-item-link,
+.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item > .ids-mobile-menu-item__inner ::slotted([slot=link]) {
+  width: 100%;
+  display: inline-flex;
+  flex-grow: 1;
+  align-items: center;
+  gap: 0.5rem;
+  color: inherit !important;
+  font-size: 1rem;
+  line-height: 1.5rem;
+  font-weight: inherit !important;
+  text-decoration: none !important;
+  text-align: start;
+  padding: 0.75rem 0.75rem 0.75rem 1.25rem !important;
+}
 .ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item > .ids-mobile-menu-item__inner::after {
-  background-color: var(--IDS-MOBILE-MENU-2-ITEM__BORDER-BOTTOM-COLOR);
+  content: "";
+  display: block;
+  height: 0.063rem;
+  left: 1.25rem;
+  bottom: 0;
+  right: 1.25rem;
+  position: absolute;
 }
 .ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item > .ids-mobile-menu-item__inner::before {
   content: "";
@@ -635,6 +666,9 @@
   z-index: 0;
   background-color: var(--IDS-MOBILE-MENU-2-ITEM__BEFORE-BACKGROUND-COLOR);
 }
+.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item > .ids-mobile-menu-item__inner::after {
+  background-color: var(--IDS-MOBILE-MENU-2-ITEM__BORDER-BOTTOM-COLOR);
+}
 .ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item > .ids-mobile-menu-item__inner:hover {
   color: var(--IDS-MOBILE-MENU-2-ITEM--HOVER__COLOR);
 }
@@ -648,28 +682,15 @@
   z-index: 0;
   background-color: var(--IDS-MOBILE-MENU-2-ITEM--HOVER__BEFORE-BACKGROUND-COLOR);
 }
-.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item > .ids-mobile-menu-item__inner::after {
-  content: "";
-  display: block;
-  height: 0.063rem;
-  left: 1.25rem;
-  bottom: 0;
-  right: 1.25rem;
-  position: absolute;
-}
-.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item > .ids-mobile-menu-item__inner > .ids-mobile-menu-item-link:focus, .ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item > .ids-mobile-menu-item__inner > a:focus {
-  outline: 0.125rem solid;
-  outline-offset: -0.25rem !important;
-  z-index: 1;
-  outline-color: var(--IDS-MOBILE-MENU-2-ITEM--FOCUS__OUTLINE-COLOR) !important;
-}
+.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item > .ids-mobile-menu-item__inner > a:focus, .ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item > .ids-mobile-menu-item__inner > .ids-mobile-menu-item-link:focus,
 .ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item > .ids-mobile-menu-item__inner ::slotted([slot=link]):focus {
   outline: 0.125rem solid;
   outline-offset: -0.25rem !important;
   z-index: 1;
   outline-color: var(--IDS-MOBILE-MENU-2-ITEM--FOCUS__OUTLINE-COLOR) !important;
 }
-.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item > .ids-mobile-menu-item__inner ::slotted(:focus-within) {
+.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item > .ids-mobile-menu-item__inner ::slotted(:focus),
+.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item > .ids-mobile-menu-item__inner a:focus {
   outline: 0.125rem solid;
   outline-offset: -0.25rem !important;
   z-index: 1;
@@ -749,8 +770,29 @@
 .ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2 > .ids-mobile-menu-item__inner .ids-mobile-menu-item-link--inline {
   display: inline !important;
 }
+.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2 > .ids-mobile-menu-item__inner > a, .ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2 > .ids-mobile-menu-item__inner > .ids-mobile-menu-item-link,
+.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2 > .ids-mobile-menu-item__inner ::slotted([slot=link]) {
+  width: 100%;
+  display: inline-flex;
+  flex-grow: 1;
+  align-items: center;
+  gap: 0.5rem;
+  color: inherit !important;
+  font-size: 1rem;
+  line-height: 1.5rem;
+  font-weight: inherit !important;
+  text-decoration: none !important;
+  text-align: start;
+  padding: 0.75rem 0.75rem 0.75rem 2.5rem !important;
+}
 .ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2 > .ids-mobile-menu-item__inner::after {
-  background-color: var(--IDS-MOBILE-MENU-2-ITEM--L2__BORDER-BOTTOM-COLOR);
+  content: "";
+  display: block;
+  height: 0.063rem;
+  left: 1.25rem;
+  bottom: 0;
+  right: 1.25rem;
+  position: absolute;
 }
 .ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2 > .ids-mobile-menu-item__inner::before {
   content: "";
@@ -762,6 +804,9 @@
   z-index: 0;
   background-color: var(--IDS-MOBILE-MENU-2-ITEM--L2__BEFORE-BACKGROUND-COLOR);
 }
+.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2 > .ids-mobile-menu-item__inner::after {
+  background-color: var(--IDS-MOBILE-MENU-2-ITEM--L2__BORDER-BOTTOM-COLOR);
+}
 .ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2 > .ids-mobile-menu-item__inner:hover {
   color: var(--IDS-MOBILE-MENU-2-ITEM--L2-HOVER__COLOR);
 }
@@ -775,28 +820,18 @@
   z-index: 0;
   background-color: var(--IDS-MOBILE-MENU-2-ITEM--L2-HOVER__BEFORE-BACKGROUND-COLOR);
 }
-.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2 > .ids-mobile-menu-item__inner::after {
-  content: "";
-  display: block;
-  height: 0.063rem;
-  left: 1.25rem;
-  bottom: 0;
-  right: 1.25rem;
-  position: absolute;
-}
-.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2 > .ids-mobile-menu-item__inner > .ids-mobile-menu-item-link:focus, .ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2 > .ids-mobile-menu-item__inner > a:focus {
-  outline: 0.125rem solid;
-  outline-offset: -0.25rem !important;
-  z-index: 1;
-  outline-color: var(--IDS-MOBILE-MENU-2-ITEM--L2-FOCUS__OUTLINE-COLOR) !important;
+.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2 > .ids-mobile-menu-item__inner:has(.ids-mobile-menu-item__expand-btn) {
+  font-weight: normal;
 }
+.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2 > .ids-mobile-menu-item__inner > a:focus, .ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2 > .ids-mobile-menu-item__inner > .ids-mobile-menu-item-link:focus,
 .ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2 > .ids-mobile-menu-item__inner ::slotted([slot=link]):focus {
   outline: 0.125rem solid;
   outline-offset: -0.25rem !important;
   z-index: 1;
   outline-color: var(--IDS-MOBILE-MENU-2-ITEM--L2-FOCUS__OUTLINE-COLOR) !important;
 }
-.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2 > .ids-mobile-menu-item__inner ::slotted(:focus-within) {
+.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2 > .ids-mobile-menu-item__inner ::slotted(:focus),
+.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2 > .ids-mobile-menu-item__inner a:focus {
   outline: 0.125rem solid;
   outline-offset: -0.25rem !important;
   z-index: 1;
@@ -876,11 +911,29 @@
 .ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--3 > .ids-mobile-menu-item__inner .ids-mobile-menu-item-link--inline {
   display: inline !important;
 }
-.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--3 > .ids-mobile-menu-item__inner::after {
-  background-color: var(--IDS-MOBILE-MENU-2-ITEM--L3__BORDER-BOTTOM-COLOR);
+.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--3 > .ids-mobile-menu-item__inner > a, .ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--3 > .ids-mobile-menu-item__inner > .ids-mobile-menu-item-link,
+.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--3 > .ids-mobile-menu-item__inner ::slotted([slot=link]) {
+  width: 100%;
+  display: inline-flex;
+  flex-grow: 1;
+  align-items: center;
+  gap: 0.5rem;
+  color: inherit !important;
+  font-size: 1rem;
+  line-height: 1.5rem;
+  font-weight: inherit !important;
+  text-decoration: none !important;
+  text-align: start;
+  padding: 0.75rem 0.75rem 0.75rem 3.75rem !important;
 }
-.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--3 > .ids-mobile-menu-item__inner:has(.ids-mobile-menu-item__expand-btn) {
-  font-weight: normal;
+.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--3 > .ids-mobile-menu-item__inner::after {
+  content: "";
+  display: block;
+  height: 0.063rem;
+  left: 1.25rem;
+  bottom: 0;
+  right: 1.25rem;
+  position: absolute;
 }
 .ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--3 > .ids-mobile-menu-item__inner::before {
   content: "";
@@ -892,6 +945,9 @@
   z-index: 0;
   background-color: var(--IDS-MOBILE-MENU-2-ITEM--L3__BEFORE-BACKGROUND-COLOR);
 }
+.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--3 > .ids-mobile-menu-item__inner::after {
+  background-color: var(--IDS-MOBILE-MENU-2-ITEM--L3__BORDER-BOTTOM-COLOR);
+}
 .ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--3 > .ids-mobile-menu-item__inner:hover {
   color: var(--IDS-MOBILE-MENU-2-ITEM--L3-HOVER__COLOR);
 }
@@ -905,28 +961,15 @@
   z-index: 0;
   background-color: var(--IDS-MOBILE-MENU-2-ITEM--L3-HOVER__BEFORE-BACKGROUND-COLOR);
 }
-.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--3 > .ids-mobile-menu-item__inner::after {
-  content: "";
-  display: block;
-  height: 0.063rem;
-  left: 1.25rem;
-  bottom: 0;
-  right: 1.25rem;
-  position: absolute;
-}
-.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--3 > .ids-mobile-menu-item__inner > .ids-mobile-menu-item-link:focus, .ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--3 > .ids-mobile-menu-item__inner > a:focus {
-  outline: 0.125rem solid;
-  outline-offset: -0.25rem !important;
-  z-index: 1;
-  outline-color: var(--IDS-MOBILE-MENU-2-ITEM--L3-FOCUS__OUTLINE-COLOR) !important;
-}
+.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--3 > .ids-mobile-menu-item__inner > a:focus, .ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--3 > .ids-mobile-menu-item__inner > .ids-mobile-menu-item-link:focus,
 .ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--3 > .ids-mobile-menu-item__inner ::slotted([slot=link]):focus {
   outline: 0.125rem solid;
   outline-offset: -0.25rem !important;
   z-index: 1;
   outline-color: var(--IDS-MOBILE-MENU-2-ITEM--L3-FOCUS__OUTLINE-COLOR) !important;
 }
-.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--3 > .ids-mobile-menu-item__inner ::slotted(:focus-within) {
+.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--3 > .ids-mobile-menu-item__inner ::slotted(:focus),
+.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--3 > .ids-mobile-menu-item__inner a:focus {
   outline: 0.125rem solid;
   outline-offset: -0.25rem !important;
   z-index: 1;

package/components/navigation/content/navigation-content.css CHANGED Viewed

@@ -38,7 +38,8 @@
   height: 1.25rem;
   left: 0;
 }
-.ids-navigation-content .ids-navigation-content__border-top .ids-navigation-content__border-top-content, .ids-navigation-content .ids-navigation-content__border-top div {
+.ids-navigation-content .ids-navigation-content__border-top .ids-navigation-content__border-top-content,
+.ids-navigation-content .ids-navigation-content__border-top div {
   border-top: var(--IDS-CARD--BORDER-2__BORDER-TOP);
 }
 .ids-navigation-content .ids-navigation-content__inner {

package/components/navigation/local/navigation-local-lit.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { css, unsafeCSS } from 'lit';
-var css_248z = ".ids-navigation-local{border-bottom:var(--IDS-NAVIGATION-LOCAL__BORDER)}.ids-navigation-local .ids-navigation-local__headline{color:var(--IDS-COLOR-NEUTRAL-20);font-family:var(font-family-2);font-size:1.25rem;font-style:normal;font-weight:700;letter-spacing:-.03125rem;line-height:1.5rem;padding:.875rem 1.25rem .875rem 0}.ids-navigation-local .ids-navigation-local__link,.ids-navigation-local a{border-top:var(--IDS-NAVIGATION-LOCAL__BORDER);color:var(--IDS-NAVIGATION-LOCAL__LINK-COLOR);display:block!important;outline-offset:-.125rem!important;padding:.75rem 1.25rem;position:relative;text-decoration:none}.ids-navigation-local .ids-navigation-local__link.ids-navigation-local__link--active:before,.ids-navigation-local a.ids-navigation-local__link--active:before{background-color:var(--IDS-NAVIGATION-LOCAL--ACTIVE-BACKGROUND-COLOR)}.ids-navigation-local .ids-navigation-local__link:focus,.ids-navigation-local .ids-navigation-local__link:hover,.ids-navigation-local a:focus,.ids-navigation-local a:hover{border-top:var(--IDS-NAVIGATION-LOCAL__HOVER-BORDER)}.ids-navigation-local .ids-navigation-local__link:focus:before,.ids-navigation-local .ids-navigation-local__link:hover:before,.ids-navigation-local a:focus:before,.ids-navigation-local a:hover:before{background-color:var(--IDS-NAVIGATION-LOCAL--ACTIVE-HOVER-BACKGROUND-COLOR)!important}.ids-navigation-local .ids-navigation-local__link:before,.ids-navigation-local a:before{background-color:var(--IDS-COLOR-NEUTRAL-100);content:\"\";display:block;height:calc(100% + .063rem);left:0;position:absolute;top:-.063rem;width:.313rem}.ids-navigation-local ::slotted(a){border-top:var(--IDS-NAVIGATION-LOCAL__BORDER);color:var(--IDS-NAVIGATION-LOCAL__LINK-COLOR);display:block!important;outline-offset:-.125rem!important;padding:.75rem 1.25rem;position:relative;text-decoration:none}.ids-navigation-local ::slotted(a).ids-navigation-local__link--active:before{background-color:var(--IDS-NAVIGATION-LOCAL--ACTIVE-BACKGROUND-COLOR)}.ids-navigation-local ::slotted(a):focus,.ids-navigation-local ::slotted(a):hover{border-top:var(--IDS-NAVIGATION-LOCAL__HOVER-BORDER)}.ids-navigation-local ::slotted(a):focus:before,.ids-navigation-local ::slotted(a):hover:before{background-color:var(--IDS-NAVIGATION-LOCAL--ACTIVE-HOVER-BACKGROUND-COLOR)!important}.ids-navigation-local ::slotted(a):before{background-color:var(--IDS-COLOR-NEUTRAL-100);content:\"\";display:block;height:calc(100% + .063rem);left:0;position:absolute;top:-.063rem;width:.313rem}.ids-navigation-local ::slotted(a:focus),.ids-navigation-local ::slotted(a:hover){border-top:var(--IDS-NAVIGATION-LOCAL__HOVER-BORDER)}.ids-navigation-local ::slotted(a:focus):before,.ids-navigation-local ::slotted(a:hover):before{background-color:var(--IDS-NAVIGATION-LOCAL--ACTIVE-HOVER-BACKGROUND-COLOR)!important}.ids-navigation-local ::slotted(.ids-navigation-local__link--active):before{background-color:var(--IDS-NAVIGATION-LOCAL--ACTIVE-BACKGROUND-COLOR)}";
+var css_248z = ".ids-navigation-local{border-bottom:var(--IDS-NAVIGATION-LOCAL__BORDER)}.ids-navigation-local .ids-navigation-local__headline{color:var(--IDS-COLOR-NEUTRAL-20);font-family:var(font-family-2);font-size:1.25rem;font-style:normal;font-weight:700;letter-spacing:-.03125rem;line-height:1.5rem;padding:.875rem 1.25rem .875rem 0}.ids-navigation-local .ids-navigation-local__link,.ids-navigation-local a{border-top:var(--IDS-NAVIGATION-LOCAL__BORDER);color:var(--IDS-NAVIGATION-LOCAL__LINK-COLOR);display:block!important;outline-offset:-.125rem!important;padding:.75rem 1.25rem;position:relative;text-decoration:none}.ids-navigation-local .ids-navigation-local__link.ids-navigation-local-link--active:before,.ids-navigation-local a.ids-navigation-local-link--active:before{background-color:var(--IDS-NAVIGATION-LOCAL--ACTIVE-BACKGROUND-COLOR)}.ids-navigation-local .ids-navigation-local__link:focus,.ids-navigation-local .ids-navigation-local__link:hover,.ids-navigation-local a:focus,.ids-navigation-local a:hover{border-top:var(--IDS-NAVIGATION-LOCAL__HOVER-BORDER)}.ids-navigation-local .ids-navigation-local__link:focus:before,.ids-navigation-local .ids-navigation-local__link:hover:before,.ids-navigation-local a:focus:before,.ids-navigation-local a:hover:before{background-color:var(--IDS-NAVIGATION-LOCAL--ACTIVE-HOVER-BACKGROUND-COLOR)!important}.ids-navigation-local .ids-navigation-local__link:before,.ids-navigation-local a:before{background-color:var(--IDS-COLOR-NEUTRAL-100);content:\"\";display:block;height:calc(100% + .063rem);left:0;position:absolute;top:-.063rem;width:.313rem}.ids-navigation-local ::slotted(a){border-top:var(--IDS-NAVIGATION-LOCAL__BORDER);color:var(--IDS-NAVIGATION-LOCAL__LINK-COLOR);display:block!important;outline-offset:-.125rem!important;padding:.75rem 1.25rem;position:relative;text-decoration:none}.ids-navigation-local ::slotted(a).ids-navigation-local-link--active:before{background-color:var(--IDS-NAVIGATION-LOCAL--ACTIVE-BACKGROUND-COLOR)}.ids-navigation-local ::slotted(a):focus,.ids-navigation-local ::slotted(a):hover{border-top:var(--IDS-NAVIGATION-LOCAL__HOVER-BORDER)}.ids-navigation-local ::slotted(a):focus:before,.ids-navigation-local ::slotted(a):hover:before{background-color:var(--IDS-NAVIGATION-LOCAL--ACTIVE-HOVER-BACKGROUND-COLOR)!important}.ids-navigation-local ::slotted(a):before{background-color:var(--IDS-COLOR-NEUTRAL-100);content:\"\";display:block;height:calc(100% + .063rem);left:0;position:absolute;top:-.063rem;width:.313rem}.ids-navigation-local ::slotted(a:focus),.ids-navigation-local ::slotted(a:hover){border-top:var(--IDS-NAVIGATION-LOCAL__HOVER-BORDER)}.ids-navigation-local ::slotted(a:focus):before,.ids-navigation-local ::slotted(a:hover):before{background-color:var(--IDS-NAVIGATION-LOCAL--ACTIVE-HOVER-BACKGROUND-COLOR)!important}.ids-navigation-local .ids-navigation-local-link--active:before,.ids-navigation-local ::slotted(.ids-navigation-local-link--active):before{background-color:var(--IDS-NAVIGATION-LOCAL--ACTIVE-BACKGROUND-COLOR)}";
 var navigationLocalLit = css`${unsafeCSS(css_248z)}`;

package/components/navigation/local/navigation-local.css CHANGED Viewed

@@ -21,8 +21,8 @@
   text-decoration: none;
   outline-offset: -0.125rem !important;
 }
-.ids-navigation-local a.ids-navigation-local__link--active::before,
-.ids-navigation-local .ids-navigation-local__link.ids-navigation-local__link--active::before {
+.ids-navigation-local a.ids-navigation-local-link--active::before,
+.ids-navigation-local .ids-navigation-local__link.ids-navigation-local-link--active::before {
   background-color: var(--IDS-NAVIGATION-LOCAL--ACTIVE-BACKGROUND-COLOR);
 }
 .ids-navigation-local a:focus, .ids-navigation-local a:hover,
@@ -55,7 +55,7 @@
   text-decoration: none;
   outline-offset: -0.125rem !important;
 }
-.ids-navigation-local ::slotted(a).ids-navigation-local__link--active::before {
+.ids-navigation-local ::slotted(a).ids-navigation-local-link--active::before {
   background-color: var(--IDS-NAVIGATION-LOCAL--ACTIVE-BACKGROUND-COLOR);
 }
 .ids-navigation-local ::slotted(a):focus, .ids-navigation-local ::slotted(a):hover {
@@ -82,6 +82,7 @@
 .ids-navigation-local ::slotted(a:hover)::before {
   background-color: var(--IDS-NAVIGATION-LOCAL--ACTIVE-HOVER-BACKGROUND-COLOR) !important;
 }
-.ids-navigation-local ::slotted(.ids-navigation-local__link--active)::before {
+.ids-navigation-local ::slotted(.ids-navigation-local-link--active)::before,
+.ids-navigation-local .ids-navigation-local-link--active::before {
   background-color: var(--IDS-NAVIGATION-LOCAL--ACTIVE-BACKGROUND-COLOR);
 }

package/components/notification-badge/notification-badge-lit.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { css, unsafeCSS } from 'lit';
-var css_248z = ".ids-notification-badge{align-items:center;background-color:var(--IDS-NOTIFICATION-BADGE__BACKGROUND-COLOR);border:.063rem solid var(--IDS-NOTIFICATION-BADGE__BACKGROUND-COLOR);border-radius:1.5rem;box-sizing:border-box;color:var(--IDS-NOTIFICATION-BADGE__COLOR);display:inline-block;font-size:.875rem;font-weight:400;justify-content:center;line-height:1.5rem;max-height:1.625rem;min-height:1.5rem;min-width:1.5rem;padding:0 .5rem;text-align:center}.ids-notification-badge.ids-notification-badge--outlined{background-color:var(--IDS-COLOR-NEUTRAL-100);color:var(--IDS-NOTIFICATION-BADGE__BACKGROUND-COLOR)}";
+var css_248z = ".ids-notification-badge{align-items:center;background-color:var(--IDS-NOTIFICATION-BADGE--PRIMARY__BACKGROUND-COLOR);border:var(--IDS-NOTIFICATION-BADGE--PRIMARY__BORDER);border-radius:1.5rem;box-sizing:border-box;color:var(--IDS-NOTIFICATION-BADGE--PRIMARY__COLOR);display:inline-block;font-size:.875rem;font-weight:400;justify-content:center;line-height:1.5rem;max-height:1.625rem;min-height:1.5rem;min-width:1.5rem;padding:0 .5rem;text-align:center}.ids-notification-badge ::slotted(span),.ids-notification-badge span{bottom:-.125rem!important;font-size:1rem!important;position:relative}.ids-notification-badge ::slotted(span):before,.ids-notification-badge span:before{font-size:1rem!important}.ids-notification-badge.ids-notification-badge--primary{background-color:var(--IDS-NOTIFICATION-BADGE--PRIMARY__BACKGROUND-COLOR);border:var(--IDS-NOTIFICATION-BADGE--PRIMARY__BORDER);color:var(--IDS-NOTIFICATION-BADGE--PRIMARY__COLOR)}.ids-notification-badge.ids-notification-badge--secondary{background-color:var(--IDS-NOTIFICATION-BADGE--SECONDARY__BACKGROUND-COLOR);border:var(--IDS-NOTIFICATION-BADGE--SECONDARY__BORDER);color:var(--IDS-NOTIFICATION-BADGE--SECONDARY__COLOR)}.ids-notification-badge.ids-notification-badge--neutral{background-color:var(--IDS-NOTIFICATION-BADGE--NEUTRAL__BACKGROUND-COLOR);border:var(--IDS-NOTIFICATION-BADGE--NEUTRAL__BORDER);color:var(--IDS-NOTIFICATION-BADGE--NEUTRAL__COLOR)}.ids-notification-badge.ids-notification-badge--info{background-color:var(--IDS-NOTIFICATION-BADGE--INFO__BACKGROUND-COLOR);border:var(--IDS-NOTIFICATION-BADGE--INFO__BORDER);color:var(--IDS-NOTIFICATION-BADGE--INFO__COLOR)}.ids-notification-badge.ids-notification-badge--attention{background-color:var(--IDS-NOTIFICATION-BADGE--ATTENTION__BACKGROUND-COLOR);border:var(--IDS-NOTIFICATION-BADGE--ATTENTION__BORDER);color:var(--IDS-NOTIFICATION-BADGE--ATTENTION__COLOR)}.ids-notification-badge.ids-notification-badge--success{background-color:var(--IDS-NOTIFICATION-BADGE--SUCCESS__BACKGROUND-COLOR);border:var(--IDS-NOTIFICATION-BADGE--SUCCESS__BORDER);color:var(--IDS-NOTIFICATION-BADGE--SUCCESS__COLOR)}.ids-notification-badge.ids-notification-badge--error{background-color:var(--IDS-NOTIFICATION-BADGE--ERROR__BACKGROUND-COLOR);border:var(--IDS-NOTIFICATION-BADGE--ERROR__BORDER);color:var(--IDS-NOTIFICATION-BADGE--ERROR__COLOR)}";
 var notificationBadgeLit = css`${unsafeCSS(css_248z)}`;

package/components/notification-badge/notification-badge.css CHANGED Viewed

@@ -1,8 +1,9 @@
 .ids-notification-badge {
-  background-color: var(--IDS-NOTIFICATION-BADGE__BACKGROUND-COLOR);
-  border: 0.063rem solid var(--IDS-NOTIFICATION-BADGE__BACKGROUND-COLOR);
-  color: var(--IDS-NOTIFICATION-BADGE__COLOR);
+  background-color: var(--IDS-NOTIFICATION-BADGE--PRIMARY__BACKGROUND-COLOR);
+  border: var(--IDS-NOTIFICATION-BADGE--PRIMARY__BORDER);
+  color: var(--IDS-NOTIFICATION-BADGE--PRIMARY__COLOR);
   font-size: 0.875rem;
+  line-height: 1.5rem;
   font-weight: normal;
   min-width: 1.5rem;
   min-height: 1.5rem;
@@ -12,11 +13,51 @@
   border-radius: 1.5rem;
   text-align: center;
   display: inline-block;
-  line-height: 1.5rem;
   align-items: center;
   justify-content: center;
 }
-.ids-notification-badge.ids-notification-badge--outlined {
-  color: var(--IDS-NOTIFICATION-BADGE__BACKGROUND-COLOR);
-  background-color: var(--IDS-COLOR-NEUTRAL-100);
+.ids-notification-badge span,
+.ids-notification-badge ::slotted(span) {
+  position: relative;
+  bottom: -0.125rem !important;
+  font-size: 1rem !important;
+}
+.ids-notification-badge span::before,
+.ids-notification-badge ::slotted(span)::before {
+  font-size: 1rem !important;
+}
+.ids-notification-badge.ids-notification-badge--primary {
+  background-color: var(--IDS-NOTIFICATION-BADGE--PRIMARY__BACKGROUND-COLOR);
+  border: var(--IDS-NOTIFICATION-BADGE--PRIMARY__BORDER);
+  color: var(--IDS-NOTIFICATION-BADGE--PRIMARY__COLOR);
+}
+.ids-notification-badge.ids-notification-badge--secondary {
+  background-color: var(--IDS-NOTIFICATION-BADGE--SECONDARY__BACKGROUND-COLOR);
+  border: var(--IDS-NOTIFICATION-BADGE--SECONDARY__BORDER);
+  color: var(--IDS-NOTIFICATION-BADGE--SECONDARY__COLOR);
+}
+.ids-notification-badge.ids-notification-badge--neutral {
+  background-color: var(--IDS-NOTIFICATION-BADGE--NEUTRAL__BACKGROUND-COLOR);
+  border: var(--IDS-NOTIFICATION-BADGE--NEUTRAL__BORDER);
+  color: var(--IDS-NOTIFICATION-BADGE--NEUTRAL__COLOR);
+}
+.ids-notification-badge.ids-notification-badge--info {
+  background-color: var(--IDS-NOTIFICATION-BADGE--INFO__BACKGROUND-COLOR);
+  border: var(--IDS-NOTIFICATION-BADGE--INFO__BORDER);
+  color: var(--IDS-NOTIFICATION-BADGE--INFO__COLOR);
+}
+.ids-notification-badge.ids-notification-badge--attention {
+  background-color: var(--IDS-NOTIFICATION-BADGE--ATTENTION__BACKGROUND-COLOR);
+  border: var(--IDS-NOTIFICATION-BADGE--ATTENTION__BORDER);
+  color: var(--IDS-NOTIFICATION-BADGE--ATTENTION__COLOR);
+}
+.ids-notification-badge.ids-notification-badge--success {
+  background-color: var(--IDS-NOTIFICATION-BADGE--SUCCESS__BACKGROUND-COLOR);
+  border: var(--IDS-NOTIFICATION-BADGE--SUCCESS__BORDER);
+  color: var(--IDS-NOTIFICATION-BADGE--SUCCESS__COLOR);
+}
+.ids-notification-badge.ids-notification-badge--error {
+  background-color: var(--IDS-NOTIFICATION-BADGE--ERROR__BACKGROUND-COLOR);
+  border: var(--IDS-NOTIFICATION-BADGE--ERROR__BORDER);
+  color: var(--IDS-NOTIFICATION-BADGE--ERROR__COLOR);
 }

package/components/pagination/list-pagination/list-pagination-lit.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { css, unsafeCSS } from 'lit';
-var css_248z = ".ids-list-pagination{text-align:center}.ids-list-pagination .ids-list-pagination__summary{color:var(--IDS-COLOR-NEUTRAL-20);font-family:var(--IDS-FONT-FAMILY-BASE)!important;line-height:1.5rem;margin-bottom:.5rem;text-align:center}.ids-list-pagination .ids-list-pagination__content{align-items:center;display:flex;justify-content:center}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list{align-items:center;display:flex;justify-content:center;margin:0;padding:0}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item{align-items:center;border:.063rem solid transparent;border-radius:1.75rem;box-sizing:border-box;display:flex;justify-content:center;margin:0 .125rem;min-height:1.75rem;min-width:1.75rem;text-align:center}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item[hidden]{display:none}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item[hidden-before]:before{color:var(--IDS-COLOR-NEUTRAL-20);content:\"..\";display:block;font-family:var(--IDS-FONT-FAMILY-BASE);font-size:1.5rem;font-style:normal;font-weight:700;line-height:1.5rem;margin-left:-.188rem;margin-right:.25rem}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item.ids-list-pagination__list-item--current{background-color:var(--IDS-LINK--COLOR-PRESET-1__COLOR);border:.063rem solid var(--IDS-LINK--COLOR-PRESET-1__COLOR)}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item .ids-list-pagination__button{background-color:transparent;border:0;border-radius:1.75rem;color:var(--IDS-LINK--COLOR-PRESET-1__COLOR);cursor:pointer;display:block;font-family:var(--IDS-LIST-PAGINATION__LINK-FONT-FAMILY);font-size:1rem;font-style:normal;font-weight:700;line-height:1.5rem;min-height:1.75rem;min-width:1.75rem;padding:0 .5rem;text-align:center;text-decoration-color:var(--IDS-LINK--COLOR-PRESET-1__COLOR);text-decoration:underline;text-underline-offset:.25rem}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item .ids-list-pagination__button:focus{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:.125rem!important}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item .ids-list-pagination__button:active,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item .ids-list-pagination__button:focus,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item .ids-list-pagination__button:focus-visible,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item .ids-list-pagination__button:focus-within{color:var(--IDS-ICON--ACTIVE-COLOR);outline:var(--IDS-FOCUS__OUTLINE)!important;outline-color:var(--IDS-FOCUS__OUTLINE-COLOR)!important}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item .ids-list-pagination__button:hover{color:var(--IDS-LINK--COLOR-PRESET-1__HOVER-COLOR)}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item .ids-list-pagination__button--current{color:var(--IDS-COLOR-NEUTRAL-100);cursor:default;font-weight:400;text-decoration:none}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item .ids-list-pagination__button--current:focus,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item .ids-list-pagination__button--current:focus-visible,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item .ids-list-pagination__button--current:focus-within,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item .ids-list-pagination__button--current:hover{color:var(--IDS-COLOR-NEUTRAL-100)}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button{display:flex;margin-right:.25rem}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button ::slotted(button),.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button button{background-color:transparent!important;background-size:1rem 1rem;border:.063rem solid transparent!important;border-radius:1.75rem!important;color:var(--IDS-LINK--COLOR-PRESET-1__COLOR);cursor:pointer;height:1.938rem!important;position:relative;width:1.938rem!important}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button ::slotted(button):after,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button button:after{color:var(--IDS-LINK--COLOR-PRESET-1__COLOR);content:\"\\e937\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1rem;height:1rem;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:1rem}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button ::slotted(button:hover):after,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button button:hover:after{color:var(--IDS-ICON--ACTIVE-COLOR)}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button ::slotted(button:active),.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button ::slotted(button:focus),.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button ::slotted(button:focus-visible),.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button ::slotted(button:focus-within),.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button button:active,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button button:focus,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button button:focus-visible,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button button:focus-within{color:var(--IDS-ICON--ACTIVE-COLOR);outline:var(--IDS-FOCUS__OUTLINE)!important;outline-color:var(--IDS-FOCUS__OUTLINE-COLOR)!important}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button ::slotted(button:disabled),.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button button:disabled{cursor:default}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button ::slotted(button:disabled):after,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button button:disabled:after{color:var(--IDS-ICON--DISABLED-COLOR)}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button{display:flex;margin-left:.25rem}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button ::slotted(button),.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button button{background-color:transparent!important;background-size:1rem 1rem;border:.063rem solid transparent!important;border-radius:1.75rem!important;color:var(--IDS-LINK--COLOR-PRESET-1__COLOR);cursor:pointer;height:1.938rem!important;position:relative;width:1.938rem!important}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button ::slotted(button):after,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button button:after{color:var(--IDS-LINK--COLOR-PRESET-1__COLOR);content:\"\\e938\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1rem;height:1rem;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:1rem}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button ::slotted(button:hover):after,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button button:hover:after{color:var(--IDS-ICON--ACTIVE-COLOR)}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button ::slotted(button:active),.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button ::slotted(button:focus),.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button ::slotted(button:focus-visible),.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button ::slotted(button:focus-within),.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button button:active,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button button:focus,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button button:focus-visible,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button button:focus-within{color:var(--IDS-ICON--ACTIVE-COLOR);outline:var(--IDS-FOCUS__OUTLINE)!important;outline-color:var(--IDS-FOCUS__OUTLINE-COLOR)!important}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button ::slotted(button:disabled),.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button button:disabled{cursor:default}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button ::slotted(button:disabled):after,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button button:disabled:after{color:var(--IDS-ICON--DISABLED-COLOR)}";
+var css_248z = ".ids-list-pagination{text-align:center}.ids-list-pagination .ids-list-pagination__summary{color:var(--IDS-COLOR-NEUTRAL-20);font-family:var(--IDS-FONT-FAMILY-BASE)!important;line-height:1.5rem;margin-bottom:.5rem;text-align:center}.ids-list-pagination .ids-list-pagination__content{align-items:center;display:flex;justify-content:center}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list{align-items:center;display:flex;justify-content:center;margin:0;padding:0}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item{align-items:center;border:.063rem solid transparent;border-radius:1.75rem;box-sizing:border-box;display:flex;justify-content:center;margin:0 .125rem;min-height:1.75rem;min-width:1.75rem;text-align:center}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item[hidden]{display:none}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item[data-hidden-before]:before,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item[hidden-before]:before{color:var(--IDS-COLOR-NEUTRAL-20);content:\"..\";display:block;font-family:var(--IDS-FONT-FAMILY-BASE);font-size:1.5rem;font-style:normal;font-weight:700;line-height:1.5rem;margin-left:-.188rem;margin-right:.25rem}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item.ids-list-pagination__list-item--current{background-color:var(--IDS-LINK--COLOR-PRESET-1__COLOR);border:.063rem solid var(--IDS-LINK--COLOR-PRESET-1__COLOR)}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item .ids-list-pagination__button{background-color:transparent;border:0;border-radius:1.75rem;color:var(--IDS-LINK--COLOR-PRESET-1__COLOR);cursor:pointer;display:block;font-family:var(--IDS-LIST-PAGINATION__LINK-FONT-FAMILY);font-size:1rem;font-style:normal;font-weight:700;line-height:1.5rem;min-height:1.75rem;min-width:1.75rem;padding:0 .5rem;text-align:center;text-decoration-color:var(--IDS-LINK--COLOR-PRESET-1__COLOR);text-decoration:underline;text-underline-offset:.25rem}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item .ids-list-pagination__button:focus{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:.125rem!important}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item .ids-list-pagination__button:active,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item .ids-list-pagination__button:focus,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item .ids-list-pagination__button:focus-visible,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item .ids-list-pagination__button:focus-within{color:var(--IDS-ICON--ACTIVE-COLOR);outline:var(--IDS-FOCUS__OUTLINE)!important;outline-color:var(--IDS-FOCUS__OUTLINE-COLOR)!important}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item .ids-list-pagination__button:hover{color:var(--IDS-LINK--COLOR-PRESET-1__HOVER-COLOR)}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item .ids-list-pagination__button--current{color:var(--IDS-COLOR-NEUTRAL-100);cursor:default;font-weight:400;text-decoration:none}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item .ids-list-pagination__button--current:focus,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item .ids-list-pagination__button--current:focus-visible,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item .ids-list-pagination__button--current:focus-within,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item .ids-list-pagination__button--current:hover{color:var(--IDS-COLOR-NEUTRAL-100)}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button{display:flex;margin-right:.25rem}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button ::slotted(button),.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button button{background-color:transparent!important;background-size:1rem 1rem;border:.063rem solid transparent!important;border-radius:1.75rem!important;color:var(--IDS-LINK--COLOR-PRESET-1__COLOR);cursor:pointer;height:1.938rem!important;position:relative;width:1.938rem!important}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button ::slotted(button):after,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button button:after{color:var(--IDS-LINK--COLOR-PRESET-1__COLOR);content:\"\\e937\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1rem;height:1rem;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:1rem}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button ::slotted(button:hover):after,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button button:hover:after{color:var(--IDS-ICON--ACTIVE-COLOR)}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button ::slotted(button:active),.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button ::slotted(button:focus),.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button ::slotted(button:focus-visible),.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button ::slotted(button:focus-within),.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button button:active,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button button:focus,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button button:focus-visible,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button button:focus-within{color:var(--IDS-ICON--ACTIVE-COLOR);outline:var(--IDS-FOCUS__OUTLINE)!important;outline-color:var(--IDS-FOCUS__OUTLINE-COLOR)!important}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button ::slotted(button:disabled),.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button button:disabled{cursor:default}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button ::slotted(button:disabled):after,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button button:disabled:after{color:var(--IDS-ICON--DISABLED-COLOR)}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button{display:flex;margin-left:.25rem}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button ::slotted(button),.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button button{background-color:transparent!important;background-size:1rem 1rem;border:.063rem solid transparent!important;border-radius:1.75rem!important;color:var(--IDS-LINK--COLOR-PRESET-1__COLOR);cursor:pointer;height:1.938rem!important;position:relative;width:1.938rem!important}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button ::slotted(button):after,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button button:after{color:var(--IDS-LINK--COLOR-PRESET-1__COLOR);content:\"\\e938\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1rem;height:1rem;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:1rem}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button ::slotted(button:hover):after,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button button:hover:after{color:var(--IDS-ICON--ACTIVE-COLOR)}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button ::slotted(button:active),.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button ::slotted(button:focus),.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button ::slotted(button:focus-visible),.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button ::slotted(button:focus-within),.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button button:active,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button button:focus,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button button:focus-visible,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button button:focus-within{color:var(--IDS-ICON--ACTIVE-COLOR);outline:var(--IDS-FOCUS__OUTLINE)!important;outline-color:var(--IDS-FOCUS__OUTLINE-COLOR)!important}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button ::slotted(button:disabled),.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button button:disabled{cursor:default}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button ::slotted(button:disabled):after,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button button:disabled:after{color:var(--IDS-ICON--DISABLED-COLOR)}";
 var listPaginationLit = css`
   ${unsafeCSS(css_248z)}