@inera/ids-design 5.4.1 → 5.5.0

package/components/header-inera-admin/composite-header-inera-admin.css

@@ -278,10 +278,7 @@
   letter-spacing: 0.063rem;
   margin-right: 0.625rem;
   text-align: left;
-  overflow: hidden;
-  max-width: 8.125rem;
   white-space: nowrap;
-  text-overflow: ellipsis;
   font-feature-settings: normal;
   font-kerning: auto;
   font-optical-sizing: auto;
@@ -294,10 +291,7 @@
   line-height: 1.375rem;
   pointer-events: none;
   text-align: left;
-  overflow: hidden;
-  max-width: 8.125rem;
   white-space: nowrap;
-  text-overflow: ellipsis;
   display: none;
 }
 .ids-header-inera-admin-avatar .ids-header-inera-admin-avatar__menu {
@@ -406,14 +400,15 @@
 .ids-header-inera-admin-nav-mobile .ids-header-inera-admin-nav-mobile__button {
   border: 0;
   background-color: transparent;
-  height: 1.563rem;
+  height: 2rem;
+  margin-top: 0.25rem;
 }
 .ids-header-inera-admin-nav-mobile .ids-header-inera-admin-nav-mobile__button:focus {
   outline: var(--IDS-FOCUS__OUTLINE);
   outline-offset: var(--IDS-FOCUS__OUTLINE-OFFSET) !important;
 }
 .ids-header-inera-admin-nav-mobile .ids-header-inera-admin-nav-mobile__button .ids-hamburger {
-  transition: 0.2s;
+  transition: all 0.2s;
   cursor: pointer;
   user-select: none;
   position: relative;
@@ -422,7 +417,7 @@
   display: block;
   width: 1.3125rem;
   border-radius: 0.125rem;
-  transition: 0.2s;
+  transition: all 0.2s;
   background-color: var(--IDS-COLOR-PRIMARY-40);
   position: relative;
   height: 0.188rem;
@@ -433,7 +428,7 @@
   display: inline-block;
   width: 1.3125rem;
   border-radius: 0.125rem;
-  transition: 0.2s;
+  transition: all 0.2s;
   background-color: var(--IDS-COLOR-PRIMARY-40);
   position: absolute;
   left: 0;
@@ -457,10 +452,6 @@
 .ids-header-inera-admin-nav-mobile .ids-header-inera-admin-nav-mobile__button .ids-hamburger__lines:after {
   top: -0.5rem;
 }
-.ids-header-inera-admin-nav-mobile .ids-header-inera-admin-nav-mobile__button[aria-expanded=true] .ids-hamburger {
-  -webkit-transform: scale3d(0.8, 0.8, 0.8);
-  transform: scale3d(0.8, 0.8, 0.8);
-}
 .ids-header-inera-admin-nav-mobile .ids-header-inera-admin-nav-mobile__button[aria-expanded=true] .ids-hamburger .ids-hamburger__lines {
   background: transparent;
 }
@@ -469,8 +460,8 @@
   -webkit-transform-origin: 50% 50%;
   transform-origin: 50% 50%;
   top: 0;
-  width: 2rem;
-  left: -0.313rem;
+  width: 1.5rem;
+  left: -0.1rem;
 }
 .ids-header-inera-admin-nav-mobile .ids-header-inera-admin-nav-mobile__button[aria-expanded=true] .ids-hamburger .ids-hamburger__lines:before {
   -ms-transform: rotate(45deg);

package/components/header-inera-admin/header-inera-admin-avatar-lit.js

@@ -1,6 +1,6 @@
 import { css, unsafeCSS } from 'lit';
 
-var css_248z = "@media (max-width:1023px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}.ids-header-inera-admin-avatar{position:relative}.ids-header-inera-admin-avatar .ids-header-inera-admin-avatar__inner{box-sizing:border-box;flex-direction:row-reverse;padding:.625rem 0 .625rem 2.5rem}.ids-header-inera-admin-avatar .ids-header-inera-admin-avatar__button{background-color:transparent;border:0;box-sizing:border-box;cursor:pointer;display:flex;justify-content:space-between;padding:0;position:relative}.ids-header-inera-admin-avatar .ids-header-inera-admin-avatar__button:before{background-color:var(--IDS-COLOR-NEUTRAL-90);bottom:0;content:\"\";left:-2.5rem;position:absolute;top:0;width:.063rem}.ids-header-inera-admin-avatar .ids-header-inera-admin-avatar__button-main{box-sizing:border-box;display:flex;flex-direction:column;font-size:1rem;justify-content:space-between;margin-right:1rem}.ids-header-inera-admin-avatar .ids-header-inera-admin-avatar__chevron{align-self:center}.ids-header-inera-admin-avatar .ids-header-inera-admin-avatar__chevron-icon{transform:rotate(90deg)}.ids-header-inera-admin-avatar .ids-header-inera-admin-avatar__chevron-icon.ids-header-inera-admin-avatar--expanded{transform:rotate(270deg)}.ids-header-inera-admin-avatar .ids-header-inera-admin-avatar__username{font-feature-settings:normal;color:var(--IDS-COLOR-NEUTRAL-20);font-family:var(--IDS-FONT-FAMILY-BASE);font-kerning:auto;font-optical-sizing:auto;font-size:1rem;font-weight:400;letter-spacing:.063rem;line-height:1.438rem;margin-right:.625rem;max-width:8.125rem;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.ids-header-inera-admin-avatar .ids-header-inera-admin-avatar__unit{color:var(--IDS-COLOR-NEUTRAL-20);display:none;font-family:var(--IDS-FONT-FAMILY-BASE);font-size:.875rem;font-weight:400;line-height:1.375rem;max-width:8.125rem;overflow:hidden;pointer-events:none;text-align:left;text-overflow:ellipsis;white-space:nowrap}.ids-header-inera-admin-avatar .ids-header-inera-admin-avatar__menu{background-color:var(--IDS-COLOR-NEUTRAL-100);box-shadow:0 0 .375rem rgba(0,0,0,.3);box-sizing:border-box;margin-top:.938rem;padding:1.875rem 2.5rem;position:absolute;right:-.75rem;top:100%;width:max-content}.ids-header-inera-admin-avatar .ids-header-inera-admin-avatar__menu a{width:100%}.ids-header-inera-admin-avatar .ids-header-inera-admin-avatar__menu>div,.ids-header-inera-admin-avatar .ids-header-inera-admin-avatar__menu>hr,.ids-header-inera-admin-avatar .ids-header-inera-admin-avatar__menu>ids-link,.ids-header-inera-admin-avatar ::slotted([slot=avatar-menu]){display:block!important;margin-bottom:1.25rem!important}.ids-header-inera-admin-avatar .ids-header-inera-admin-avatar__menu>div:last-child,.ids-header-inera-admin-avatar .ids-header-inera-admin-avatar__menu>hr:last-child,.ids-header-inera-admin-avatar .ids-header-inera-admin-avatar__menu>ids-link:last-child,.ids-header-inera-admin-avatar ::slotted([slot=avatar-menu]:last-child){margin-bottom:0!important}@media (min-width:1024px){.ids-header-inera-admin-avatar,.ids-header-inera-admin-avatar .ids-header-inera-admin-avatar__unit{display:block}}@media (max-width:1024px){.ids-header-inera-admin-avatar{display:none}.ids-header-inera-admin-avatar.ids-header-inera-admin-avatar--unresponsive{display:block}.ids-header-inera-admin-avatar.ids-header-inera-admin-avatar--unresponsive .ids-header-inera-admin-avatar__inner{margin-bottom:.25rem}.ids-header-inera-admin-avatar.ids-header-inera-admin-avatar--unresponsive .ids-header-inera-admin-avatar__unit{display:block}}";
+var css_248z = "@media (max-width:1023px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}.ids-header-inera-admin-avatar{position:relative}.ids-header-inera-admin-avatar .ids-header-inera-admin-avatar__inner{box-sizing:border-box;flex-direction:row-reverse;padding:.625rem 0 .625rem 2.5rem}.ids-header-inera-admin-avatar .ids-header-inera-admin-avatar__button{background-color:transparent;border:0;box-sizing:border-box;cursor:pointer;display:flex;justify-content:space-between;padding:0;position:relative}.ids-header-inera-admin-avatar .ids-header-inera-admin-avatar__button:before{background-color:var(--IDS-COLOR-NEUTRAL-90);bottom:0;content:\"\";left:-2.5rem;position:absolute;top:0;width:.063rem}.ids-header-inera-admin-avatar .ids-header-inera-admin-avatar__button-main{box-sizing:border-box;display:flex;flex-direction:column;font-size:1rem;justify-content:space-between;margin-right:1rem}.ids-header-inera-admin-avatar .ids-header-inera-admin-avatar__chevron{align-self:center}.ids-header-inera-admin-avatar .ids-header-inera-admin-avatar__chevron-icon{transform:rotate(90deg)}.ids-header-inera-admin-avatar .ids-header-inera-admin-avatar__chevron-icon.ids-header-inera-admin-avatar--expanded{transform:rotate(270deg)}.ids-header-inera-admin-avatar .ids-header-inera-admin-avatar__username{font-feature-settings:normal;color:var(--IDS-COLOR-NEUTRAL-20);font-family:var(--IDS-FONT-FAMILY-BASE);font-kerning:auto;font-optical-sizing:auto;font-size:1rem;font-weight:400;letter-spacing:.063rem;line-height:1.438rem;margin-right:.625rem;text-align:left;white-space:nowrap}.ids-header-inera-admin-avatar .ids-header-inera-admin-avatar__unit{color:var(--IDS-COLOR-NEUTRAL-20);display:none;font-family:var(--IDS-FONT-FAMILY-BASE);font-size:.875rem;font-weight:400;line-height:1.375rem;pointer-events:none;text-align:left;white-space:nowrap}.ids-header-inera-admin-avatar .ids-header-inera-admin-avatar__menu{background-color:var(--IDS-COLOR-NEUTRAL-100);box-shadow:0 0 .375rem rgba(0,0,0,.3);box-sizing:border-box;margin-top:.938rem;padding:1.875rem 2.5rem;position:absolute;right:-.75rem;top:100%;width:max-content}.ids-header-inera-admin-avatar .ids-header-inera-admin-avatar__menu a{width:100%}.ids-header-inera-admin-avatar .ids-header-inera-admin-avatar__menu>div,.ids-header-inera-admin-avatar .ids-header-inera-admin-avatar__menu>hr,.ids-header-inera-admin-avatar .ids-header-inera-admin-avatar__menu>ids-link,.ids-header-inera-admin-avatar ::slotted([slot=avatar-menu]){display:block!important;margin-bottom:1.25rem!important}.ids-header-inera-admin-avatar .ids-header-inera-admin-avatar__menu>div:last-child,.ids-header-inera-admin-avatar .ids-header-inera-admin-avatar__menu>hr:last-child,.ids-header-inera-admin-avatar .ids-header-inera-admin-avatar__menu>ids-link:last-child,.ids-header-inera-admin-avatar ::slotted([slot=avatar-menu]:last-child){margin-bottom:0!important}@media (min-width:1024px){.ids-header-inera-admin-avatar,.ids-header-inera-admin-avatar .ids-header-inera-admin-avatar__unit{display:block}}@media (max-width:1024px){.ids-header-inera-admin-avatar{display:none}.ids-header-inera-admin-avatar.ids-header-inera-admin-avatar--unresponsive{display:block}.ids-header-inera-admin-avatar.ids-header-inera-admin-avatar--unresponsive .ids-header-inera-admin-avatar__inner{margin-bottom:.25rem}.ids-header-inera-admin-avatar.ids-header-inera-admin-avatar--unresponsive .ids-header-inera-admin-avatar__unit{display:block}}";
 
 var headerIneraAdminAvatarLit = css`${unsafeCSS(css_248z)}`;
 

package/components/header-inera-admin/header-inera-admin-avatar.css

@@ -63,10 +63,7 @@
   letter-spacing: 0.063rem;
   margin-right: 0.625rem;
   text-align: left;
-  overflow: hidden;
-  max-width: 8.125rem;
   white-space: nowrap;
-  text-overflow: ellipsis;
   font-feature-settings: normal;
   font-kerning: auto;
   font-optical-sizing: auto;
@@ -79,10 +76,7 @@
   line-height: 1.375rem;
   pointer-events: none;
   text-align: left;
-  overflow: hidden;
-  max-width: 8.125rem;
   white-space: nowrap;
-  text-overflow: ellipsis;
   display: none;
 }
 .ids-header-inera-admin-avatar .ids-header-inera-admin-avatar__menu {

package/components/header-inera-admin/header-inera-admin-nav-mobile-lit.js

@@ -1,6 +1,6 @@
 import { css, unsafeCSS } from 'lit';
 
-var css_248z = "@media (max-width:1023px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}.ids-header-inera-admin-nav-mobile .ids-header-inera-admin-nav-mobile__button{background-color:transparent;border:0;height:1.563rem}.ids-header-inera-admin-nav-mobile .ids-header-inera-admin-nav-mobile__button:focus{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)!important}.ids-header-inera-admin-nav-mobile .ids-header-inera-admin-nav-mobile__button .ids-hamburger{cursor:pointer;position:relative;transition:.2s;user-select:none}.ids-header-inera-admin-nav-mobile .ids-header-inera-admin-nav-mobile__button .ids-hamburger__lines{background-color:var(--IDS-COLOR-PRIMARY-40);border-radius:.125rem;display:block;height:.188rem;position:relative;transition:.2s;width:1.3125rem;width:1.25rem}.ids-header-inera-admin-nav-mobile .ids-header-inera-admin-nav-mobile__button .ids-hamburger__lines:after,.ids-header-inera-admin-nav-mobile .ids-header-inera-admin-nav-mobile__button .ids-hamburger__lines:before{background-color:var(--IDS-COLOR-PRIMARY-40);border-radius:.125rem;content:\"\";display:inline-block;height:.188rem;left:0;position:absolute;-webkit-transform-origin:.09375rem center;transform-origin:.09375rem center;-webkit-transform-origin:.13393rem center;transform-origin:.13393rem center;transition:.2s;width:1.3125rem;width:1.25rem}.ids-header-inera-admin-nav-mobile .ids-header-inera-admin-nav-mobile__button .ids-hamburger__lines:before{top:.5rem}.ids-header-inera-admin-nav-mobile .ids-header-inera-admin-nav-mobile__button .ids-hamburger__lines:after{top:-.5rem}.ids-header-inera-admin-nav-mobile .ids-header-inera-admin-nav-mobile__button[aria-expanded=true] .ids-hamburger{-webkit-transform:scale3d(.8,.8,.8);transform:scale3d(.8,.8,.8)}.ids-header-inera-admin-nav-mobile .ids-header-inera-admin-nav-mobile__button[aria-expanded=true] .ids-hamburger .ids-hamburger__lines{background:transparent}.ids-header-inera-admin-nav-mobile .ids-header-inera-admin-nav-mobile__button[aria-expanded=true] .ids-hamburger .ids-hamburger__lines:after,.ids-header-inera-admin-nav-mobile .ids-header-inera-admin-nav-mobile__button[aria-expanded=true] .ids-hamburger .ids-hamburger__lines:before{left:-.313rem;top:0;-ms-transform-origin:50% 50%;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;width:2rem}.ids-header-inera-admin-nav-mobile .ids-header-inera-admin-nav-mobile__button[aria-expanded=true] .ids-hamburger .ids-hamburger__lines:before{-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg)}.ids-header-inera-admin-nav-mobile .ids-header-inera-admin-nav-mobile__button[aria-expanded=true] .ids-hamburger .ids-hamburger__lines:after{-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.ids-header-inera-admin-nav-mobile .ids-header-inera-admin-nav-mobile__menu-items{box-shadow:0 .125rem .313rem #c5c5c5;left:0;position:absolute;right:0;top:100%;z-index:10}@media only screen and (min-width:1024px){.ids-header-inera-admin-nav-mobile{display:none}}@media only screen and (max-width:1024px){.ids-header-inera-admin-nav-mobile{display:block}.ids-header-inera-admin-nav-mobile.ids-header-inera-admin-nav-mobile--unresponsive{display:none}}";
+var css_248z = "@media (max-width:1023px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}.ids-header-inera-admin-nav-mobile .ids-header-inera-admin-nav-mobile__button{background-color:transparent;border:0;height:2rem;margin-top:.25rem}.ids-header-inera-admin-nav-mobile .ids-header-inera-admin-nav-mobile__button:focus{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)!important}.ids-header-inera-admin-nav-mobile .ids-header-inera-admin-nav-mobile__button .ids-hamburger{cursor:pointer;position:relative;transition:all .2s;user-select:none}.ids-header-inera-admin-nav-mobile .ids-header-inera-admin-nav-mobile__button .ids-hamburger__lines{background-color:var(--IDS-COLOR-PRIMARY-40);border-radius:.125rem;display:block;height:.188rem;position:relative;transition:all .2s;width:1.3125rem;width:1.25rem}.ids-header-inera-admin-nav-mobile .ids-header-inera-admin-nav-mobile__button .ids-hamburger__lines:after,.ids-header-inera-admin-nav-mobile .ids-header-inera-admin-nav-mobile__button .ids-hamburger__lines:before{background-color:var(--IDS-COLOR-PRIMARY-40);border-radius:.125rem;content:\"\";display:inline-block;height:.188rem;left:0;position:absolute;-webkit-transform-origin:.09375rem center;transform-origin:.09375rem center;-webkit-transform-origin:.13393rem center;transform-origin:.13393rem center;transition:all .2s;width:1.3125rem;width:1.25rem}.ids-header-inera-admin-nav-mobile .ids-header-inera-admin-nav-mobile__button .ids-hamburger__lines:before{top:.5rem}.ids-header-inera-admin-nav-mobile .ids-header-inera-admin-nav-mobile__button .ids-hamburger__lines:after{top:-.5rem}.ids-header-inera-admin-nav-mobile .ids-header-inera-admin-nav-mobile__button[aria-expanded=true] .ids-hamburger .ids-hamburger__lines{background:transparent}.ids-header-inera-admin-nav-mobile .ids-header-inera-admin-nav-mobile__button[aria-expanded=true] .ids-hamburger .ids-hamburger__lines:after,.ids-header-inera-admin-nav-mobile .ids-header-inera-admin-nav-mobile__button[aria-expanded=true] .ids-hamburger .ids-hamburger__lines:before{left:-.1rem;top:0;-ms-transform-origin:50% 50%;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;width:1.5rem}.ids-header-inera-admin-nav-mobile .ids-header-inera-admin-nav-mobile__button[aria-expanded=true] .ids-hamburger .ids-hamburger__lines:before{-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg)}.ids-header-inera-admin-nav-mobile .ids-header-inera-admin-nav-mobile__button[aria-expanded=true] .ids-hamburger .ids-hamburger__lines:after{-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.ids-header-inera-admin-nav-mobile .ids-header-inera-admin-nav-mobile__menu-items{box-shadow:0 .125rem .313rem #c5c5c5;left:0;position:absolute;right:0;top:100%;z-index:10}@media only screen and (min-width:1024px){.ids-header-inera-admin-nav-mobile{display:none}}@media only screen and (max-width:1024px){.ids-header-inera-admin-nav-mobile{display:block}.ids-header-inera-admin-nav-mobile.ids-header-inera-admin-nav-mobile--unresponsive{display:none}}";
 
 var headerIneraAdminNavMobileLit = css`${unsafeCSS(css_248z)}`;
 

package/components/header-inera-admin/header-inera-admin-nav-mobile.css

@@ -25,14 +25,15 @@
 .ids-header-inera-admin-nav-mobile .ids-header-inera-admin-nav-mobile__button {
   border: 0;
   background-color: transparent;
-  height: 1.563rem;
+  height: 2rem;
+  margin-top: 0.25rem;
 }
 .ids-header-inera-admin-nav-mobile .ids-header-inera-admin-nav-mobile__button:focus {
   outline: var(--IDS-FOCUS__OUTLINE);
   outline-offset: var(--IDS-FOCUS__OUTLINE-OFFSET) !important;
 }
 .ids-header-inera-admin-nav-mobile .ids-header-inera-admin-nav-mobile__button .ids-hamburger {
-  transition: 0.2s;
+  transition: all 0.2s;
   cursor: pointer;
   user-select: none;
   position: relative;
@@ -41,7 +42,7 @@
   display: block;
   width: 1.3125rem;
   border-radius: 0.125rem;
-  transition: 0.2s;
+  transition: all 0.2s;
   background-color: var(--IDS-COLOR-PRIMARY-40);
   position: relative;
   height: 0.188rem;
@@ -52,7 +53,7 @@
   display: inline-block;
   width: 1.3125rem;
   border-radius: 0.125rem;
-  transition: 0.2s;
+  transition: all 0.2s;
   background-color: var(--IDS-COLOR-PRIMARY-40);
   position: absolute;
   left: 0;
@@ -76,10 +77,6 @@
 .ids-header-inera-admin-nav-mobile .ids-header-inera-admin-nav-mobile__button .ids-hamburger__lines:after {
   top: -0.5rem;
 }
-.ids-header-inera-admin-nav-mobile .ids-header-inera-admin-nav-mobile__button[aria-expanded=true] .ids-hamburger {
-  -webkit-transform: scale3d(0.8, 0.8, 0.8);
-  transform: scale3d(0.8, 0.8, 0.8);
-}
 .ids-header-inera-admin-nav-mobile .ids-header-inera-admin-nav-mobile__button[aria-expanded=true] .ids-hamburger .ids-hamburger__lines {
   background: transparent;
 }
@@ -88,8 +85,8 @@
   -webkit-transform-origin: 50% 50%;
   transform-origin: 50% 50%;
   top: 0;
-  width: 2rem;
-  left: -0.313rem;
+  width: 1.5rem;
+  left: -0.1rem;
 }
 .ids-header-inera-admin-nav-mobile .ids-header-inera-admin-nav-mobile__button[aria-expanded=true] .ids-hamburger .ids-hamburger__lines:before {
   -ms-transform: rotate(45deg);

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

@@ -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;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__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 notificationBadgeLit = css`${unsafeCSS(css_248z)}`;
 

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

@@ -6,6 +6,7 @@
   font-weight: normal;
   min-width: 1.5rem;
   min-height: 1.5rem;
+  max-height: 1.625rem;
   padding: 0 0.5rem;
   box-sizing: border-box;
   border-radius: 1.5rem;

package/components/pagination/data-pagination/data-pagination-lit.js

@@ -1,6 +1,6 @@
 import { css, unsafeCSS } from 'lit';
 
-var css_248z = ".ids-data-pagination .ids-data-pagination__next-button ::slotted(button),.ids-data-pagination .ids-data-pagination__next-button button,.ids-data-pagination .ids-data-pagination__prev-button ::slotted(button),.ids-data-pagination .ids-data-pagination__prev-button button{background-color:transparent!important;background-size:1rem 1rem;border:.063rem solid transparent!important;cursor:pointer;height:1.938rem!important;width:1.938rem!important}.ids-data-pagination .ids-data-pagination__next-button :hover::slotted(button),.ids-data-pagination .ids-data-pagination__next-button button:hover,.ids-data-pagination .ids-data-pagination__prev-button :hover::slotted(button),.ids-data-pagination .ids-data-pagination__prev-button button:hover{background-image:var(--IDS-SELECT__CHEVRON-ICON--HOVER)!important}.ids-data-pagination .ids-data-pagination__next-button :active::slotted(button),.ids-data-pagination .ids-data-pagination__next-button :focus-visible::slotted(button),.ids-data-pagination .ids-data-pagination__next-button :focus-within::slotted(button),.ids-data-pagination .ids-data-pagination__next-button :focus::slotted(button),.ids-data-pagination .ids-data-pagination__next-button button:active,.ids-data-pagination .ids-data-pagination__next-button button:focus,.ids-data-pagination .ids-data-pagination__next-button button:focus-visible,.ids-data-pagination .ids-data-pagination__next-button button:focus-within,.ids-data-pagination .ids-data-pagination__prev-button :active::slotted(button),.ids-data-pagination .ids-data-pagination__prev-button :focus-visible::slotted(button),.ids-data-pagination .ids-data-pagination__prev-button :focus-within::slotted(button),.ids-data-pagination .ids-data-pagination__prev-button :focus::slotted(button),.ids-data-pagination .ids-data-pagination__prev-button button:active,.ids-data-pagination .ids-data-pagination__prev-button button:focus,.ids-data-pagination .ids-data-pagination__prev-button button:focus-visible,.ids-data-pagination .ids-data-pagination__prev-button button:focus-within{outline:var(--IDS-FOCUS__OUTLINE)!important}.ids-data-pagination{align-items:center;display:flex;flex-wrap:wrap;justify-content:flex-end}.ids-data-pagination .ids-data-pagination__select{align-items:center;display:flex;position:relative}.ids-data-pagination .ids-data-pagination__select:after{background-image:var(--IDS-SELECT__CHEVRON-ICON);background-position:50%;background-repeat:no-repeat;content:\"\";display:block;height:100%;pointer-events:none;position:absolute;right:.625rem;top:0;transform:rotate(90deg);width:.5rem}.ids-data-pagination .ids-data-pagination__select ::slotted(label),.ids-data-pagination .ids-data-pagination__select label{color:var(--IDS-INPUT__COLOR);display:flex!important;font-family:var(--IDS-FONT-FAMILY-BASE)!important;margin-right:.5rem!important;white-space:nowrap!important}.ids-data-pagination .ids-data-pagination__select ::slotted(select),.ids-data-pagination .ids-data-pagination__select select{appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;background-color:var(--IDS-INPUT__BACKGROUND-COLOR);border:var(--IDS-INPUT__BORDER)!important;border-radius:.313rem!important;box-sizing:border-box;color:var(--IDS-INPUT__COLOR);cursor:pointer!important;display:flex!important;font-family:var(--IDS-FONT-FAMILY-BASE)!important;padding:.25rem 1.75rem .25rem .5rem!important;width:100%!important}.ids-data-pagination .ids-data-pagination__select ::slotted(select) option,.ids-data-pagination .ids-data-pagination__select select option{height:1.25rem!important}.ids-data-pagination.ids-data-pagination--light ::slotted(select),.ids-data-pagination.ids-data-pagination--light select{background-color:var(--IDS-COLOR-NEUTRAL-100)}.ids-data-pagination .ids-data-pagination__summary{color:var(--IDS-INPUT__COLOR);display:flex;font-family:var(--IDS-FONT-FAMILY-BASE)!important;margin-left:2.5rem}.ids-data-pagination .ids-data-pagination__buttons{display:flex;white-space:nowrap}.ids-data-pagination .ids-data-pagination__prev-button{display:flex;margin-left:1.25rem}.ids-data-pagination .ids-data-pagination__prev-button ::slotted(button),.ids-data-pagination .ids-data-pagination__prev-button button{background-image:var(--IDS-SELECT__CHEVRON-ICON)!important;background-position:.438rem .438rem!important;background-repeat:no-repeat!important;rotate:180deg}.ids-data-pagination .ids-data-pagination__prev-button ::slotted(button:disabled),.ids-data-pagination .ids-data-pagination__prev-button button:disabled{background-image:var(--IDS-SELECT--DISABLED__CHEVRON-ICON)!important;cursor:default}.ids-data-pagination .ids-data-pagination__prev-button ::slotted(button:disabled:hover),.ids-data-pagination .ids-data-pagination__prev-button button:disabled:hover{border:.063rem solid transparent!important}.ids-data-pagination .ids-data-pagination__next-button{display:flex;margin-left:.5rem}.ids-data-pagination .ids-data-pagination__next-button ::slotted(button),.ids-data-pagination .ids-data-pagination__next-button button{background-image:var(--IDS-SELECT__CHEVRON-ICON)!important;background-position:.438rem .438rem!important;background-repeat:no-repeat!important}.ids-data-pagination .ids-data-pagination__next-button ::slotted(button:disabled),.ids-data-pagination .ids-data-pagination__next-button button:disabled{background-image:var(--IDS-SELECT--DISABLED__CHEVRON-ICON)!important;cursor:default}.ids-data-pagination .ids-data-pagination__next-button ::slotted(button:disabled:hover),.ids-data-pagination .ids-data-pagination__next-button button:disabled:hover{border:.063rem solid transparent!important}";
+var css_248z = ".ids-data-pagination .ids-data-pagination__next-button ::slotted(button),.ids-data-pagination .ids-data-pagination__next-button button,.ids-data-pagination .ids-data-pagination__prev-button ::slotted(button),.ids-data-pagination .ids-data-pagination__prev-button button{background-color:transparent!important;background-size:1rem 1rem;border:.063rem solid transparent!important;cursor:pointer;height:1.938rem!important;width:1.938rem!important}.ids-data-pagination .ids-data-pagination__next-button :hover::slotted(button),.ids-data-pagination .ids-data-pagination__next-button button:hover,.ids-data-pagination .ids-data-pagination__prev-button :hover::slotted(button),.ids-data-pagination .ids-data-pagination__prev-button button:hover{background-image:var(--IDS-SELECT__CHEVRON-ICON--HOVER)!important}.ids-data-pagination .ids-data-pagination__next-button :active::slotted(button),.ids-data-pagination .ids-data-pagination__next-button :focus-visible::slotted(button),.ids-data-pagination .ids-data-pagination__next-button :focus-within::slotted(button),.ids-data-pagination .ids-data-pagination__next-button :focus::slotted(button),.ids-data-pagination .ids-data-pagination__next-button button:active,.ids-data-pagination .ids-data-pagination__next-button button:focus,.ids-data-pagination .ids-data-pagination__next-button button:focus-visible,.ids-data-pagination .ids-data-pagination__next-button button:focus-within,.ids-data-pagination .ids-data-pagination__prev-button :active::slotted(button),.ids-data-pagination .ids-data-pagination__prev-button :focus-visible::slotted(button),.ids-data-pagination .ids-data-pagination__prev-button :focus-within::slotted(button),.ids-data-pagination .ids-data-pagination__prev-button :focus::slotted(button),.ids-data-pagination .ids-data-pagination__prev-button button:active,.ids-data-pagination .ids-data-pagination__prev-button button:focus,.ids-data-pagination .ids-data-pagination__prev-button button:focus-visible,.ids-data-pagination .ids-data-pagination__prev-button button:focus-within{outline:var(--IDS-FOCUS__OUTLINE)!important}.ids-data-pagination{align-items:center;display:flex;flex-wrap:wrap;justify-content:flex-end}.ids-data-pagination .ids-data-pagination__select{align-items:center;display:flex;margin-right:2.5rem;position:relative}.ids-data-pagination .ids-data-pagination__select:after{background-image:var(--IDS-SELECT__CHEVRON-ICON);background-position:50%;background-repeat:no-repeat;content:\"\";display:block;height:100%;pointer-events:none;position:absolute;right:.625rem;top:0;transform:rotate(90deg);width:.5rem}.ids-data-pagination .ids-data-pagination__select ::slotted(label),.ids-data-pagination .ids-data-pagination__select label{color:var(--IDS-INPUT__COLOR);display:flex!important;font-family:var(--IDS-FONT-FAMILY-BASE)!important;margin-right:.5rem!important;white-space:nowrap!important}.ids-data-pagination .ids-data-pagination__select ::slotted(select),.ids-data-pagination .ids-data-pagination__select select{appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;background-color:var(--IDS-INPUT__BACKGROUND-COLOR);border:var(--IDS-INPUT__BORDER)!important;border-radius:.313rem!important;box-sizing:border-box;color:var(--IDS-INPUT__COLOR);cursor:pointer!important;display:flex!important;font-family:var(--IDS-FONT-FAMILY-BASE)!important;padding:.25rem 1.75rem .25rem .5rem!important;width:100%!important}.ids-data-pagination .ids-data-pagination__select ::slotted(select) option,.ids-data-pagination .ids-data-pagination__select select option{height:1.25rem!important}.ids-data-pagination.ids-data-pagination--light ::slotted(select),.ids-data-pagination.ids-data-pagination--light select{background-color:var(--IDS-COLOR-NEUTRAL-100)}.ids-data-pagination .ids-data-pagination__summary{color:var(--IDS-INPUT__COLOR);display:flex;font-family:var(--IDS-FONT-FAMILY-BASE)!important}.ids-data-pagination .ids-data-pagination__buttons{display:flex;white-space:nowrap}.ids-data-pagination .ids-data-pagination__prev-button{display:flex;margin-left:1.25rem}.ids-data-pagination .ids-data-pagination__prev-button ::slotted(button),.ids-data-pagination .ids-data-pagination__prev-button button{background-image:var(--IDS-SELECT__CHEVRON-ICON)!important;background-position:.438rem .438rem!important;background-repeat:no-repeat!important;rotate:180deg}.ids-data-pagination .ids-data-pagination__prev-button ::slotted(button:disabled),.ids-data-pagination .ids-data-pagination__prev-button button:disabled{background-image:var(--IDS-SELECT--DISABLED__CHEVRON-ICON)!important;cursor:default}.ids-data-pagination .ids-data-pagination__prev-button ::slotted(button:disabled:hover),.ids-data-pagination .ids-data-pagination__prev-button button:disabled:hover{border:.063rem solid transparent!important}.ids-data-pagination .ids-data-pagination__next-button{display:flex;margin-left:.5rem}.ids-data-pagination .ids-data-pagination__next-button ::slotted(button),.ids-data-pagination .ids-data-pagination__next-button button{background-image:var(--IDS-SELECT__CHEVRON-ICON)!important;background-position:.438rem .438rem!important;background-repeat:no-repeat!important}.ids-data-pagination .ids-data-pagination__next-button ::slotted(button:disabled),.ids-data-pagination .ids-data-pagination__next-button button:disabled{background-image:var(--IDS-SELECT--DISABLED__CHEVRON-ICON)!important;cursor:default}.ids-data-pagination .ids-data-pagination__next-button ::slotted(button:disabled:hover),.ids-data-pagination .ids-data-pagination__next-button button:disabled:hover{border:.063rem solid transparent!important}";
 
 var dataPaginationLit = css`${unsafeCSS(css_248z)}`;
 

package/components/pagination/data-pagination/data-pagination.css

@@ -35,6 +35,7 @@
   position: relative;
   display: flex;
   align-items: center;
+  margin-right: 2.5rem;
 }
 .ids-data-pagination .ids-data-pagination__select::after {
   content: "";
@@ -85,7 +86,6 @@
 .ids-data-pagination .ids-data-pagination__summary {
   color: var(--IDS-INPUT__COLOR);
   display: flex;
-  margin-left: 2.5rem;
   font-family: var(--IDS-FONT-FAMILY-BASE) !important;
 }
 .ids-data-pagination .ids-data-pagination__buttons {

package/components/popover/popover-content-lit.js

@@ -1,6 +1,6 @@
 import { css, unsafeCSS } from 'lit';
 
-var css_248z = "@media (max-width:1023px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}:host([show]){display:block}:host{color:var(--IDS-BASE__FONT-COLOR);display:none;position:absolute;width:max-content}.ids-popover-content{background-color:var(--IDS-COLOR-NEUTRAL-100);border:.063rem solid var(--IDS-POPOVER-CONTENT__BORDER);border-radius:var(--IDS-POPOVER-CONTENT__BORDER-RADIUS);box-shadow:0 0 .625rem rgba(0,0,0,.3);box-sizing:border-box;max-height:16.25rem;padding:1.25rem;position:relative;width:16.25rem;z-index:2}.ids-popover-content ::slotted(*){color:var(--IDS-BASE__FONT-COLOR)}.ids-popover-content ::slotted(h3),.ids-popover-content h3{color:var(--IDS-BASE__FONT-COLOR)!important;color:var(--IDS-HEADING-XS__COLOR);font-family:var(--IDS-HEADING-XS__FONT-FAMILY)!important;font-size:var(--IDS-HEADING-XS__FONT-SIZE)!important;font-style:normal!important;font-weight:var(--IDS-HEADING-XS__FONT-WEIGHT)!important;letter-spacing:var(--IDS-HEADING-XS__LETTER-SPACING)!important;line-height:var(--IDS-HEADING-XS__LINE-HEIGHT)!important;margin-bottom:.5rem!important}.ids-popover-content .ids-popover-content__caret{position:absolute}.ids-popover-content .ids-popover-content__caret.hide{display:none}.ids-popover-content .ids-popover-content__caret.ids-popover-content--top{bottom:-1.688rem;left:50%}.ids-popover-content .ids-popover-content__caret.ids-popover-content--top-left{bottom:-1.75rem;left:.125rem}.ids-popover-content .ids-popover-content__caret.ids-popover-content--top-right{bottom:-1.75rem;right:.125rem}.ids-popover-content .ids-popover-content__caret.ids-popover-content--left{right:-1.75rem;top:50%}.ids-popover-content .ids-popover-content__caret.ids-popover-content--left-top{bottom:.125rem;right:-1.75rem}.ids-popover-content .ids-popover-content__caret.ids-popover-content--left-bottom{right:-1.75rem;top:.125rem}.ids-popover-content .ids-popover-content__caret.ids-popover-content--right{left:-1.75rem;top:50%}.ids-popover-content .ids-popover-content__caret.ids-popover-content--right-top{bottom:.125rem;left:-1.75rem}.ids-popover-content .ids-popover-content__caret.ids-popover-content--right-bottom{left:-1.75rem;top:.125rem}.ids-popover-content .ids-popover-content__caret.ids-popover-content--bottom{left:50%;top:-1.75rem}.ids-popover-content .ids-popover-content__caret.ids-popover-content--bottom-left{left:.125rem;top:-1.75rem}.ids-popover-content .ids-popover-content__caret.ids-popover-content--bottom-right{right:.125rem;top:-1.75rem}.ids-popover-content .ids-popover-content__caret-body{background:var(--IDS-COLOR-NEUTRAL-100);display:block;position:absolute;z-index:4}.ids-popover-content .ids-popover-content__caret-body.ids-popover-content--top,.ids-popover-content .ids-popover-content__caret-body.ids-popover-content--top-left,.ids-popover-content .ids-popover-content__caret-body.ids-popover-content--top-right{bottom:0;clip-path:polygon(0 0,50% 100%,100% 0);height:.6rem;transform:translateX(-50%);width:1.2rem}.ids-popover-content .ids-popover-content__caret-body.ids-popover-content--left,.ids-popover-content .ids-popover-content__caret-body.ids-popover-content--left-bottom,.ids-popover-content .ids-popover-content__caret-body.ids-popover-content--left-top{clip-path:polygon(0 0,100% 50%,0 100%);height:1.2rem;right:0;transform:translateY(-50%);width:.6rem}.ids-popover-content .ids-popover-content__caret-body.ids-popover-content--right,.ids-popover-content .ids-popover-content__caret-body.ids-popover-content--right-bottom,.ids-popover-content .ids-popover-content__caret-body.ids-popover-content--right-top{clip-path:polygon(0 50%,100% 0,100% 100%);height:1.2rem;left:0;transform:translateY(-50%);width:.6rem}.ids-popover-content .ids-popover-content__caret-body.ids-popover-content--bottom,.ids-popover-content .ids-popover-content__caret-body.ids-popover-content--bottom-left,.ids-popover-content .ids-popover-content__caret-body.ids-popover-content--bottom-right{clip-path:polygon(0 100%,50% 0,100% 100%);height:.6rem;top:0;transform:translateX(-50%);width:1.2rem}.ids-popover-content .ids-popover-content__caret-border{background-color:var(--IDS-POPOVER-CONTENT__BORDER);position:absolute;z-index:1}.ids-popover-content .ids-popover-content__caret-border.ids-popover-content--top,.ids-popover-content .ids-popover-content__caret-border.ids-popover-content--top-left,.ids-popover-content .ids-popover-content__caret-border.ids-popover-content--top-right{background-color:var(--IDS-POPOVER-CONTENT__BORDER);bottom:-.125rem;clip-path:polygon(0 0,50% 100%,100% 0);height:.6rem;transform:translateX(-50%);width:1.2rem}.ids-popover-content .ids-popover-content__caret-border.ids-popover-content--left,.ids-popover-content .ids-popover-content__caret-border.ids-popover-content--left-bottom,.ids-popover-content .ids-popover-content__caret-border.ids-popover-content--left-top{background-color:var(--IDS-POPOVER-CONTENT__BORDER);clip-path:polygon(0 0,100% 50%,0 100%);height:1.2rem;right:-.125rem;transform:translateY(-50%);width:.6rem}.ids-popover-content .ids-popover-content__caret-border.ids-popover-content--right,.ids-popover-content .ids-popover-content__caret-border.ids-popover-content--right-bottom,.ids-popover-content .ids-popover-content__caret-border.ids-popover-content--right-top{background-color:var(--IDS-POPOVER-CONTENT__BORDER);clip-path:polygon(0 50%,100% 0,100% 100%);height:1.2rem;left:-.125rem;transform:translateY(-50%);width:.6rem}.ids-popover-content .ids-popover-content__caret-border.ids-popover-content--bottom,.ids-popover-content .ids-popover-content__caret-border.ids-popover-content--bottom-left,.ids-popover-content .ids-popover-content__caret-border.ids-popover-content--bottom-right{clip-path:polygon(0 100%,50% 0,100% 100%);height:.6rem;top:-.125rem;transform:translateX(-50%);width:1.2rem}.ids-popover-content .ids-popover-content__caret-shadow{filter:blur(.188rem);height:0;position:absolute;width:0;z-index:1}.ids-popover-content .ids-popover-content__caret-shadow.ids-popover-content--top,.ids-popover-content .ids-popover-content__caret-shadow.ids-popover-content--top-left,.ids-popover-content .ids-popover-content__caret-shadow.ids-popover-content--top-right{border-left:.625rem solid transparent;border-right:.625rem solid transparent;border-top:.625rem solid rgba(0,0,0,.15);bottom:-.438rem;transform:translateX(-50%)}.ids-popover-content .ids-popover-content__caret-shadow.ids-popover-content--left,.ids-popover-content .ids-popover-content__caret-shadow.ids-popover-content--left-bottom,.ids-popover-content .ids-popover-content__caret-shadow.ids-popover-content--left-top{border-bottom:.5625rem solid transparent;border-right:.5625rem solid rgba(53,53,53,.15);border-top:.5625rem solid transparent;right:-.438rem;transform:translateY(-50%)}.ids-popover-content .ids-popover-content__caret-shadow.ids-popover-content--right,.ids-popover-content .ids-popover-content__caret-shadow.ids-popover-content--right-bottom,.ids-popover-content .ids-popover-content__caret-shadow.ids-popover-content--right-top{border-bottom:.5625rem solid transparent;border-right:.5625rem solid rgba(53,53,53,.15);border-top:.5625rem solid transparent;left:-.438rem;transform:translateY(-50%)}.ids-popover-content .ids-popover-content__caret-shadow.ids-popover-content--bottom,.ids-popover-content .ids-popover-content__caret-shadow.ids-popover-content--bottom-left,.ids-popover-content .ids-popover-content__caret-shadow.ids-popover-content--bottom-right{border-bottom:.625rem solid rgba(0,0,0,.15);border-left:.625rem solid transparent;border-right:.625rem solid transparent;top:-.438rem;transform:translateX(-50%)}.ids-popover-content .ids-popover-content__inner-wrapper{box-sizing:border-box;display:flex;flex:1 1 auto;flex-direction:row-reverse;flex-wrap:wrap;position:relative;z-index:4}.ids-popover-content .ids-popover-content__close-btn-wrapper{display:block;height:1.25rem;max-width:100%;z-index:1}.ids-popover-content .ids-popover-content__text-wrapper{display:block;flex-basis:0;flex-grow:1;height:100%;height:calc(100% - 1.25rem);margin-right:-1.12rem;max-width:100%;overflow:auto;overflow-x:hidden;padding-right:1.25rem;position:relative;text-align:left;width:100%;width:calc(100% - 1.25rem)}.ids-popover-content .ids-popover-content__text-wrapper::-webkit-scrollbar{margin-left:-1.25rem;position:absolute;width:1rem}.ids-popover-content .ids-popover-content__text-wrapper::-webkit-scrollbar-track{background:var(--IDS-COLOR-NEUTRAL-99);border-radius:.625rem;margin-bottom:0;margin-top:1.5rem}.ids-popover-content .ids-popover-content__text-wrapper::-webkit-scrollbar-thumb{background:var(--IDS-SCROLL__COLOR);border:.125rem solid var(--IDS-COLOR-NEUTRAL-99);border-radius:.625rem;box-sizing:border-box;cursor:auto}.ids-popover-content .ids-popover-content__text-wrapper::-webkit-scrollbar-thumb:hover{background:var(--IDS-SCROLL__HOVER-COLOR)}.ids-popover-content .ids-popover-content__text-wrapper::-webkit-scrollbar-corner{background-color:transparent}.ids-popover-content .ids-popover-content__text-wrapper:focus{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:.625rem}.ids-popover-content .ids-popover-content__close-btn{background:none;border:none;color:inherit;cursor:pointer;outline:inherit;padding:0}.ids-popover-content .ids-popover-content__close-btn:focus{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)!important}.ids-popover-content .ids-popover-content__close-btn:focus,.ids-popover-content .ids-popover-content__close-icon:focus{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)}";
+var css_248z = "@media (max-width:1023px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}:host([show]){display:block}:host{color:var(--IDS-BASE__FONT-COLOR);display:none;position:absolute;width:max-content}.ids-popover-content{background-color:var(--IDS-COLOR-NEUTRAL-100);border:.063rem solid var(--IDS-POPOVER-CONTENT__BORDER);border-radius:var(--IDS-POPOVER-CONTENT__BORDER-RADIUS);box-shadow:0 0 .625rem rgba(0,0,0,.3);box-sizing:border-box;max-height:16.25rem;padding:1.25rem;position:relative;width:16.25rem;z-index:2}.ids-popover-content ::slotted(*){color:var(--IDS-BASE__FONT-COLOR)}.ids-popover-content ::slotted(h3),.ids-popover-content h3{color:var(--IDS-BASE__FONT-COLOR)!important;color:var(--IDS-HEADING-XS__COLOR);font-family:var(--IDS-HEADING-XS__FONT-FAMILY)!important;font-size:var(--IDS-HEADING-XS__FONT-SIZE)!important;font-style:normal!important;font-weight:var(--IDS-HEADING-XS__FONT-WEIGHT)!important;letter-spacing:var(--IDS-HEADING-XS__LETTER-SPACING)!important;line-height:var(--IDS-HEADING-XS__LINE-HEIGHT)!important;margin-bottom:.5rem!important}.ids-popover-content .ids-popover-content__caret{position:absolute}.ids-popover-content .ids-popover-content__caret.hide{display:none}.ids-popover-content .ids-popover-content__caret.ids-popover-content--top{bottom:-1.688rem;left:50%}.ids-popover-content .ids-popover-content__caret.ids-popover-content--top-left{bottom:-1.75rem;left:.125rem}.ids-popover-content .ids-popover-content__caret.ids-popover-content--top-right{bottom:-1.75rem;right:.125rem}.ids-popover-content .ids-popover-content__caret.ids-popover-content--left{right:-1.75rem;top:50%}.ids-popover-content .ids-popover-content__caret.ids-popover-content--left-top{bottom:.125rem;right:-1.75rem}.ids-popover-content .ids-popover-content__caret.ids-popover-content--left-bottom{right:-1.75rem;top:.125rem}.ids-popover-content .ids-popover-content__caret.ids-popover-content--right{left:-1.75rem;top:50%}.ids-popover-content .ids-popover-content__caret.ids-popover-content--right-top{bottom:.125rem;left:-1.75rem}.ids-popover-content .ids-popover-content__caret.ids-popover-content--right-bottom{left:-1.75rem;top:.125rem}.ids-popover-content .ids-popover-content__caret.ids-popover-content--bottom{left:50%;top:-1.75rem}.ids-popover-content .ids-popover-content__caret.ids-popover-content--bottom-left{left:.125rem;top:-1.75rem}.ids-popover-content .ids-popover-content__caret.ids-popover-content--bottom-right{right:.125rem;top:-1.75rem}.ids-popover-content .ids-popover-content__caret-body{background:var(--IDS-COLOR-NEUTRAL-100);display:block;position:absolute;z-index:4}.ids-popover-content .ids-popover-content__caret-body.ids-popover-content--top,.ids-popover-content .ids-popover-content__caret-body.ids-popover-content--top-left,.ids-popover-content .ids-popover-content__caret-body.ids-popover-content--top-right{bottom:0;clip-path:polygon(0 0,50% 100%,100% 0);height:.6rem;transform:translateX(-50%);width:1.2rem}.ids-popover-content .ids-popover-content__caret-body.ids-popover-content--left,.ids-popover-content .ids-popover-content__caret-body.ids-popover-content--left-bottom,.ids-popover-content .ids-popover-content__caret-body.ids-popover-content--left-top{clip-path:polygon(0 0,100% 50%,0 100%);height:1.2rem;right:0;transform:translateY(-50%);width:.6rem}.ids-popover-content .ids-popover-content__caret-body.ids-popover-content--right,.ids-popover-content .ids-popover-content__caret-body.ids-popover-content--right-bottom,.ids-popover-content .ids-popover-content__caret-body.ids-popover-content--right-top{clip-path:polygon(0 50%,100% 0,100% 100%);height:1.2rem;left:0;transform:translateY(-50%);width:.6rem}.ids-popover-content .ids-popover-content__caret-body.ids-popover-content--bottom,.ids-popover-content .ids-popover-content__caret-body.ids-popover-content--bottom-left,.ids-popover-content .ids-popover-content__caret-body.ids-popover-content--bottom-right{clip-path:polygon(0 100%,50% 0,100% 100%);height:.6rem;top:0;transform:translateX(-50%);width:1.2rem}.ids-popover-content .ids-popover-content__caret-border{background-color:var(--IDS-POPOVER-CONTENT__BORDER);position:absolute;z-index:1}.ids-popover-content .ids-popover-content__caret-border.ids-popover-content--top,.ids-popover-content .ids-popover-content__caret-border.ids-popover-content--top-left,.ids-popover-content .ids-popover-content__caret-border.ids-popover-content--top-right{background-color:var(--IDS-POPOVER-CONTENT__BORDER);bottom:-.125rem;clip-path:polygon(0 0,50% 100%,100% 0);height:.6rem;transform:translateX(-50%);width:1.2rem}.ids-popover-content .ids-popover-content__caret-border.ids-popover-content--left,.ids-popover-content .ids-popover-content__caret-border.ids-popover-content--left-bottom,.ids-popover-content .ids-popover-content__caret-border.ids-popover-content--left-top{background-color:var(--IDS-POPOVER-CONTENT__BORDER);clip-path:polygon(0 0,100% 50%,0 100%);height:1.2rem;right:-.125rem;transform:translateY(-50%);width:.6rem}.ids-popover-content .ids-popover-content__caret-border.ids-popover-content--right,.ids-popover-content .ids-popover-content__caret-border.ids-popover-content--right-bottom,.ids-popover-content .ids-popover-content__caret-border.ids-popover-content--right-top{background-color:var(--IDS-POPOVER-CONTENT__BORDER);clip-path:polygon(0 50%,100% 0,100% 100%);height:1.2rem;left:-.125rem;transform:translateY(-50%);width:.6rem}.ids-popover-content .ids-popover-content__caret-border.ids-popover-content--bottom,.ids-popover-content .ids-popover-content__caret-border.ids-popover-content--bottom-left,.ids-popover-content .ids-popover-content__caret-border.ids-popover-content--bottom-right{clip-path:polygon(0 100%,50% 0,100% 100%);height:.6rem;top:-.125rem;transform:translateX(-50%);width:1.2rem}.ids-popover-content .ids-popover-content__caret-shadow{filter:blur(.188rem);height:0;position:absolute;width:0;z-index:1}.ids-popover-content .ids-popover-content__caret-shadow.ids-popover-content--top,.ids-popover-content .ids-popover-content__caret-shadow.ids-popover-content--top-left,.ids-popover-content .ids-popover-content__caret-shadow.ids-popover-content--top-right{border-left:.625rem solid transparent;border-right:.625rem solid transparent;border-top:.625rem solid rgba(0,0,0,.15);bottom:-.438rem;transform:translateX(-50%)}.ids-popover-content .ids-popover-content__caret-shadow.ids-popover-content--left,.ids-popover-content .ids-popover-content__caret-shadow.ids-popover-content--left-bottom,.ids-popover-content .ids-popover-content__caret-shadow.ids-popover-content--left-top{border-bottom:.5625rem solid transparent;border-right:.5625rem solid rgba(53,53,53,.15);border-top:.5625rem solid transparent;right:-.438rem;transform:translateY(-50%)}.ids-popover-content .ids-popover-content__caret-shadow.ids-popover-content--right,.ids-popover-content .ids-popover-content__caret-shadow.ids-popover-content--right-bottom,.ids-popover-content .ids-popover-content__caret-shadow.ids-popover-content--right-top{border-bottom:.5625rem solid transparent;border-right:.5625rem solid rgba(53,53,53,.15);border-top:.5625rem solid transparent;left:-.438rem;transform:translateY(-50%)}.ids-popover-content .ids-popover-content__caret-shadow.ids-popover-content--bottom,.ids-popover-content .ids-popover-content__caret-shadow.ids-popover-content--bottom-left,.ids-popover-content .ids-popover-content__caret-shadow.ids-popover-content--bottom-right{border-bottom:.625rem solid rgba(0,0,0,.15);border-left:.625rem solid transparent;border-right:.625rem solid transparent;top:-.438rem;transform:translateX(-50%)}.ids-popover-content .ids-popover-content__inner-wrapper{box-sizing:border-box;display:flex;flex:1 1 auto;flex-direction:row-reverse;flex-wrap:wrap;position:relative;z-index:4}.ids-popover-content .ids-popover-content__close-btn-wrapper{display:block;height:1.25rem;max-width:100%;z-index:1}.ids-popover-content .ids-popover-content__text-wrapper{box-sizing:border-box;display:block;flex-basis:0;flex-grow:1;height:100%;height:calc(100% - 1.25rem);margin-bottom:-.125rem;margin-left:-.125rem;margin-right:-1.3125rem;max-width:100%;overflow:auto;overflow-x:hidden;padding-bottom:.375rem;padding-left:.375rem;padding-right:1.25rem;position:relative;text-align:left;width:100%;width:calc(100% - 1.25rem)}.ids-popover-content .ids-popover-content__text-wrapper::-webkit-scrollbar{margin-left:-1.25rem;position:absolute;width:1rem}.ids-popover-content .ids-popover-content__text-wrapper::-webkit-scrollbar-track{background:var(--IDS-COLOR-NEUTRAL-99);border-radius:.625rem;margin-bottom:0;margin-top:1.5rem}.ids-popover-content .ids-popover-content__text-wrapper::-webkit-scrollbar-thumb{background:var(--IDS-SCROLL__COLOR);border:.125rem solid var(--IDS-COLOR-NEUTRAL-99);border-radius:.625rem;box-sizing:border-box;cursor:auto}.ids-popover-content .ids-popover-content__text-wrapper::-webkit-scrollbar-thumb:hover{background:var(--IDS-SCROLL__HOVER-COLOR)}.ids-popover-content .ids-popover-content__text-wrapper::-webkit-scrollbar-corner{background-color:transparent}.ids-popover-content .ids-popover-content__text-wrapper:focus{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:.625rem}.ids-popover-content .ids-popover-content__close-btn{background:none;border:none;color:inherit;cursor:pointer;outline:inherit;padding:0}.ids-popover-content .ids-popover-content__close-btn:focus{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)!important}.ids-popover-content .ids-popover-content__close-btn:focus,.ids-popover-content .ids-popover-content__close-icon:focus{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)}";
 
 var popoverContentLit = css`${unsafeCSS(css_248z)}`;
 

package/components/popover/popover-content.css

@@ -270,7 +270,12 @@
   overflow: auto;
   overflow-x: hidden;
   padding-right: 1.25rem;
-  margin-right: -1.12rem;
+  margin-right: -1.3125rem;
+  padding-left: 0.375rem;
+  margin-left: -0.125rem;
+  padding-bottom: 0.375rem;
+  margin-bottom: -0.125rem;
+  box-sizing: border-box;
   height: calc(100% - 1.25rem);
   width: calc(100% - 1.25rem);
 }

package/components/progressbar/progressbar-lit.js

@@ -1,6 +1,6 @@
 import { css, unsafeCSS } from 'lit';
 
-var css_248z = "@media (max-width:1023px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}.ids-progressbar{border:var(--IDS-PROGRESSBAR__BORDER-COLOR);border-radius:.625rem;box-sizing:border-box;height:.938rem;position:relative}@media (max-width:1024px){.ids-progressbar{height:.625rem}}.ids-progressbar .ids-progressbar__progress{background-color:var(--IDS-PROGRESSBAR__PROGRESS-COLOR);border-radius:.625rem;display:block;height:.938rem;left:0;margin-left:-.063rem;margin-top:-.063rem;transition:width .3s ease;width:15%}@media (max-width:1024px){.ids-progressbar .ids-progressbar__progress{height:.625rem}}.ids-progressbar .ids-progressbar__progress--none{display:none}.ids-progressbar .ids-progressbar__label{color:var(--IDS-PROGRESSBAR__LABEL-COLOR);display:flex;font-size:1.25rem;font-weight:700;justify-content:center;letter-spacing:-.025rem;line-height:1.5rem;margin-top:.938rem}";
+var css_248z = "@media (max-width:1023px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}.ids-progressbar{border:var(--IDS-PROGRESSBAR__BORDER-COLOR);border-radius:.625rem;box-sizing:border-box;height:1rem;position:relative}@media (max-width:1024px){.ids-progressbar{height:.625rem}}.ids-progressbar .ids-progressbar__progress{background-color:var(--IDS-PROGRESSBAR__PROGRESS-COLOR);border-radius:.625rem;display:block;height:1rem;left:0;margin-left:-.063rem;margin-top:-.063rem;transition:width .3s ease;width:15%}@media (max-width:1024px){.ids-progressbar .ids-progressbar__progress{height:.625rem}}.ids-progressbar .ids-progressbar__progress--none{display:none}.ids-progressbar .ids-progressbar__label{color:var(--IDS-PROGRESSBAR__LABEL-COLOR);display:flex;font-size:1.25rem;font-weight:700;justify-content:center;line-height:1.5rem;margin-top:.938rem}";
 
 var progressbarLit = css`${unsafeCSS(css_248z)}`;
 

package/components/progressbar/progressbar.css

@@ -12,7 +12,7 @@
 
 .ids-progressbar {
   border: var(--IDS-PROGRESSBAR__BORDER-COLOR);
-  height: 0.938rem;
+  height: 1rem;
   box-sizing: border-box;
   border-radius: 0.625rem;
   position: relative;
@@ -27,7 +27,7 @@
   background-color: var(--IDS-PROGRESSBAR__PROGRESS-COLOR);
   width: 15%;
   display: block;
-  height: 0.938rem;
+  height: 1rem;
   border-radius: 0.625rem;
   transition: width 0.3s ease;
   margin-top: -0.063rem;
@@ -47,7 +47,6 @@
   margin-top: 0.938rem;
   font-size: 1.25rem;
   line-height: 1.5rem;
-  letter-spacing: -0.025rem;
   color: var(--IDS-PROGRESSBAR__LABEL-COLOR);
   font-weight: 700;
 }

package/components/side-menu/side-menu-lit.js

@@ -1,6 +1,6 @@
 import { css, unsafeCSS } from 'lit';
 
-var css_248z = "@media (max-width:1023px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}@media (max-width:1024px){.ids-side-menu.ids-side-menu--hide-on-mobile{display:none}}.ids-side-menu .ids-side-menu__header{background-color:var(--IDS-COLOR-NEUTRAL-100);border-bottom-right-radius:.313rem;border-left:.5rem solid var(--IDS-COLOR-NEUTRAL-100);border-top-right-radius:.313rem;display:flex}.ids-side-menu .ids-side-menu__header .ids-side-menu__header-inner{color:var(--IDS-SIDE-MENU__LINK-COLOR);display:grid;grid-template-columns:auto 1fr;margin-right:.5rem;width:100%}.ids-side-menu .ids-side-menu__header.ids-side-menu--child-leaf .ids-side-menu__header-inner{grid-template-columns:1fr}.ids-side-menu .ids-side-menu__header .ids-side-menu__icon-button{background:none;border:none;color:inherit;cursor:pointer;font:inherit;height:2.75rem;outline:inherit;padding:0;position:relative;width:1.5rem}.ids-side-menu .ids-side-menu__header .ids-side-menu__icon-button:focus{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:-.125rem!important}.ids-side-menu .ids-side-menu__header .ids-side-menu__icon{left:50%;position:absolute;top:1.125rem;transform:translateX(-50%)}.ids-side-menu .ids-side-menu__header .ids-side-menu__label{line-height:1.625rem;margin:.25rem 0;padding:.313rem 0;text-align:left}.ids-side-menu .ids-side-menu__header .ids-side-menu__link{display:grid;grid-template-columns:1fr auto}.ids-side-menu .ids-side-menu__header .ids-side-menu__link ::slotted(a),.ids-side-menu .ids-side-menu__header .ids-side-menu__link a{align-items:flex-start;color:var(--IDS-SIDE-MENU__LINK-COLOR);cursor:pointer;display:flex;gap:.5rem;justify-content:space-between;line-height:1.625rem;margin:.25rem 0;padding:.313rem 0;text-align:left;text-decoration:none!important}.ids-side-menu .ids-side-menu__header .ids-side-menu__link ::slotted(a):focus,.ids-side-menu .ids-side-menu__header .ids-side-menu__link a:focus{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:-.125rem!important}.ids-side-menu .ids-side-menu__header .ids-side-menu__link:hover ::slotted(a),.ids-side-menu .ids-side-menu__header .ids-side-menu__link:hover a{color:var(--IDS-SIDE-MENU__LINK--HOVER-COLOR);text-decoration:underline!important}.ids-side-menu .ids-side-menu__header .ids-side-menu__link ::slotted(button),.ids-side-menu .ids-side-menu__header .ids-side-menu__link button{align-items:flex-start;background-color:transparent;border:0;border-radius:0;color:var(--IDS-SIDE-MENU__LINK-COLOR);cursor:pointer;display:flex;gap:.5rem;justify-content:space-between;line-height:1.625rem;margin:.25rem 0;padding:.313rem 0;text-align:left;width:100%}.ids-side-menu .ids-side-menu__header .ids-side-menu__link ::slotted(button):focus,.ids-side-menu .ids-side-menu__header .ids-side-menu__link button:focus{outline:var(--IDS-FOCUS__OUTLINE)}.ids-side-menu .ids-side-menu__header .ids-side-menu__link ::slotted(button):focus,.ids-side-menu .ids-side-menu__header .ids-side-menu__link button:focus{outline:var(--IDS-FOCUS__OUTLINE)!important;outline-color:var(--IDS-COLOR-NEUTRAL-40)!important;outline-offset:-.125rem!important}.ids-side-menu .ids-side-menu__header .ids-side-menu__link:hover ::slotted(button),.ids-side-menu .ids-side-menu__header .ids-side-menu__link:hover button{color:var(--IDS-SIDE-MENU__LINK--HOVER-COLOR);text-decoration:underline!important}.ids-side-menu .ids-side-menu__header.ids-side-menu--active{background-color:var(--IDS-SIDE-MENU__LABEL--ACTIVE-BACKGROUND-COLOR);border-color:var(--IDS-SIDE-MENU--ACTIVE__HEADER-BORDER-COLOR)}.ids-side-menu .ids-side-menu__header.ids-side-menu--active .ids-side-menu__label,.ids-side-menu .ids-side-menu__header.ids-side-menu--active .ids-side-menu__link{font-weight:700}.ids-side-menu .ids-side-menu__header.ids-side-menu--active .ids-side-menu__link:hover ::slotted(a),.ids-side-menu .ids-side-menu__header.ids-side-menu--active .ids-side-menu__link:hover ::slotted(button),.ids-side-menu .ids-side-menu__header.ids-side-menu--active .ids-side-menu__link:hover a,.ids-side-menu .ids-side-menu__header.ids-side-menu--active .ids-side-menu__link:hover button{color:var(--IDS-SIDE-MENU__LINK-COLOR);cursor:default;text-decoration:none!important}.ids-side-menu .ids-side-menu__header.ids-side-menu--level-2 .ids-side-menu__header-inner{margin-left:1.5rem}.ids-side-menu .ids-side-menu__header.ids-side-menu--level-3 .ids-side-menu__header-inner{margin-left:3.125rem}.ids-side-menu .ids-side-menu__header.ids-side-menu--level-4 .ids-side-menu__header-inner{margin-left:4.625rem}.ids-side-menu .ids-side-menu__label,.ids-side-menu .ids-side-menu__link{font-size:1rem;line-height:1.25rem}.ids-side-menu.ids-side-menu--disabled{cursor:default}.ids-side-menu ::slotted(button):focus,.ids-side-menu ::slotted(button):focus-visible,.ids-side-menu button:focus,.ids-side-menu button:focus-visible{outline:var(--IDS-FOCUS__OUTLINE)!important;outline-color:var(--IDS-COLOR-NEUTRAL-40)!important;outline-offset:-.125rem!important}";
+var css_248z = "@media (max-width:1023px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}@media (max-width:1024px){.ids-side-menu.ids-side-menu--hide-on-mobile{display:none}}.ids-side-menu .ids-side-menu__header{background-color:var(--IDS-COLOR-NEUTRAL-100);border-bottom-right-radius:.313rem;border-left:.5rem solid var(--IDS-COLOR-NEUTRAL-100);border-top-right-radius:.313rem;display:flex}.ids-side-menu .ids-side-menu__header .ids-side-menu__header-inner{box-sizing:border-box;color:var(--IDS-SIDE-MENU__LINK-COLOR);display:flex;margin-right:.5rem;width:100%}.ids-side-menu .ids-side-menu__header .ids-icon{padding:.125rem}.ids-side-menu .ids-side-menu__header .ids-side-menu__chevron-button{background:none;border:none;box-sizing:border-box;color:inherit;cursor:pointer;font:inherit;height:2.75rem;margin-left:.25rem;outline:inherit;padding:0 1.125rem;position:relative}.ids-side-menu .ids-side-menu__header .ids-side-menu__chevron-button:focus{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:-.125rem!important}.ids-side-menu .ids-side-menu__header .ids-side-menu__chevron{padding:.125rem;position:absolute;right:.5rem;top:50%;transform:translateY(-50%)}.ids-side-menu .ids-side-menu__header .ids-side-menu__leaf-icon{cursor:pointer;height:2.75rem;margin-left:.25rem;padding-left:1.125rem;padding-right:1.125rem;position:relative}.ids-side-menu .ids-side-menu__header .ids-side-menu__leaf-icon .ids-side-menu__leaf-icon-inner{position:absolute;right:.5rem;top:50%;transform:translateY(-50%)}.ids-side-menu .ids-side-menu__header .ids-side-menu__leaf-icon--empty{margin-left:1.375rem}.ids-side-menu .ids-side-menu__header .ids-side-menu__label-button{background:none;border:none;color:inherit;cursor:pointer;display:flex;font:inherit;outline:inherit;padding:0;position:relative;width:100%}.ids-side-menu .ids-side-menu__header .ids-side-menu__label-button:focus{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:-.125rem!important}.ids-side-menu .ids-side-menu__header .ids-side-menu__label-chevron-wrapper{box-sizing:border-box;height:2.75rem;margin-left:.25rem;padding-left:1.125rem;padding-right:1.125rem;position:relative}.ids-side-menu .ids-side-menu__header .ids-side-menu__label-icon{left:50%;position:absolute;top:.625rem;transform:translateX(-50%)}.ids-side-menu .ids-side-menu__header .ids-side-menu__label{align-items:center;display:grid;grid-template-columns:1fr auto;margin:.25rem 0;padding:.25rem 0;text-align:left;width:100%}.ids-side-menu .ids-side-menu__header .ids-side-menu__label-text{font-size:1rem;line-height:1.75rem}.ids-side-menu .ids-side-menu__header .ids-side-menu__link{display:grid;font-size:1rem;grid-template-columns:1fr auto;width:100%}.ids-side-menu .ids-side-menu__header .ids-side-menu__link ::slotted(a),.ids-side-menu .ids-side-menu__header .ids-side-menu__link a{align-items:flex-start;box-sizing:border-box;color:var(--IDS-SIDE-MENU__LINK-COLOR);cursor:pointer;display:flex;gap:.5rem;justify-content:space-between;line-height:1.75rem;margin:.25rem 0;padding:.25rem 0;text-align:left;text-decoration:none!important;width:100%}.ids-side-menu .ids-side-menu__header .ids-side-menu__link ::slotted(a):focus,.ids-side-menu .ids-side-menu__header .ids-side-menu__link a:focus{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:-.125rem!important}.ids-side-menu .ids-side-menu__header .ids-side-menu__link ::slotted(button),.ids-side-menu .ids-side-menu__header .ids-side-menu__link button{align-items:flex-start;background-color:transparent;border:0;border-radius:0;box-sizing:border-box;color:var(--IDS-SIDE-MENU__LINK-COLOR);cursor:pointer;display:flex;gap:.5rem;justify-content:space-between;line-height:1.75rem!important;margin:.25rem 0;padding:.25rem 0;text-align:left;width:100%}.ids-side-menu .ids-side-menu__header .ids-side-menu__link ::slotted(button):focus,.ids-side-menu .ids-side-menu__header .ids-side-menu__link button:focus{outline:var(--IDS-FOCUS__OUTLINE)}.ids-side-menu .ids-side-menu__header .ids-side-menu__link ::slotted(button):focus,.ids-side-menu .ids-side-menu__header .ids-side-menu__link button:focus{outline:var(--IDS-FOCUS__OUTLINE)!important;outline-color:var(--IDS-COLOR-NEUTRAL-40)!important;outline-offset:-.125rem!important}.ids-side-menu .ids-side-menu__header:hover{background-color:var(--IDS-SIDE-MENU__LABEL--ACTIVE-BACKGROUND-COLOR);border-color:var(--IDS-SIDE-MENU__LABEL--ACTIVE-BACKGROUND-COLOR)}.ids-side-menu .ids-side-menu__header:hover ::slotted(a),.ids-side-menu .ids-side-menu__header:hover a{color:var(--IDS-SIDE-MENU__LINK--HOVER-COLOR);text-decoration:none!important}.ids-side-menu .ids-side-menu__header:hover ::slotted(button),.ids-side-menu .ids-side-menu__header:hover button{color:var(--IDS-SIDE-MENU__LINK--HOVER-COLOR);text-decoration:none!important}.ids-side-menu .ids-side-menu__header.ids-side-menu--active{background-color:var(--IDS-SIDE-MENU__LABEL--ACTIVE-BACKGROUND-COLOR);border-color:var(--IDS-SIDE-MENU--ACTIVE__HEADER-BORDER-COLOR)}.ids-side-menu .ids-side-menu__header.ids-side-menu--active .ids-side-menu__label,.ids-side-menu .ids-side-menu__header.ids-side-menu--active .ids-side-menu__link{font-weight:700}.ids-side-menu .ids-side-menu__header.ids-side-menu--active .ids-side-menu__link:hover ::slotted(a),.ids-side-menu .ids-side-menu__header.ids-side-menu--active .ids-side-menu__link:hover ::slotted(button),.ids-side-menu .ids-side-menu__header.ids-side-menu--active .ids-side-menu__link:hover a,.ids-side-menu .ids-side-menu__header.ids-side-menu--active .ids-side-menu__link:hover button{color:var(--IDS-SIDE-MENU__LINK-COLOR);cursor:default;text-decoration:none!important}.ids-side-menu .ids-side-menu__header.ids-side-menu--level-2 .ids-side-menu__chevron-button,.ids-side-menu .ids-side-menu__header.ids-side-menu--level-2 .ids-side-menu__leaf-icon{margin-left:1.875rem}.ids-side-menu .ids-side-menu__header.ids-side-menu--level-2 .ids-side-menu__leaf-icon--empty{margin-left:2.5rem}.ids-side-menu .ids-side-menu__header.ids-side-menu--level-2 .ids-side-menu__label-button{padding-left:1.5rem}.ids-side-menu .ids-side-menu__header.ids-side-menu--level-3 .ids-side-menu__leaf-icon{margin-left:3.5rem}.ids-side-menu .ids-side-menu__header.ids-side-menu--level-3 .ids-side-menu__leaf-icon--empty{margin-left:4.125rem}.ids-side-menu.ids-side-menu--disabled{cursor:default}.ids-side-menu ::slotted(button):focus,.ids-side-menu ::slotted(button):focus-visible,.ids-side-menu button:focus,.ids-side-menu button:focus-visible{outline:var(--IDS-FOCUS__OUTLINE)!important;outline-color:var(--IDS-COLOR-NEUTRAL-40)!important;outline-offset:-.125rem!important}";
 
 var sideMenuLit = css`${unsafeCSS(css_248z)}`;
 

package/components/side-menu/side-menu.css

@@ -35,16 +35,16 @@
   display: flex;
 }
 .ids-side-menu .ids-side-menu__header .ids-side-menu__header-inner {
-  display: grid;
-  grid-template-columns: auto 1fr;
+  display: flex;
   width: 100%;
   color: var(--IDS-SIDE-MENU__LINK-COLOR);
   margin-right: 0.5rem;
+  box-sizing: border-box;
 }
-.ids-side-menu .ids-side-menu__header.ids-side-menu--child-leaf .ids-side-menu__header-inner {
-  grid-template-columns: 1fr;
+.ids-side-menu .ids-side-menu__header .ids-icon {
+  padding: 0.125rem;
 }
-.ids-side-menu .ids-side-menu__header .ids-side-menu__icon-button {
+.ids-side-menu .ids-side-menu__header .ids-side-menu__chevron-button {
   background: none;
   color: inherit;
   border: none;
@@ -52,30 +52,91 @@
   font: inherit;
   cursor: pointer;
   outline: inherit;
+  position: relative;
+  cursor: pointer;
+  box-sizing: border-box;
+  margin-left: 0.25rem;
+  padding-left: 1.125rem;
+  padding-right: 1.125rem;
   height: 2.75rem;
-  width: 1.5rem;
+}
+.ids-side-menu .ids-side-menu__header .ids-side-menu__chevron-button:focus {
+  outline: var(--IDS-FOCUS__OUTLINE);
+  outline-offset: -0.125rem !important;
+}
+.ids-side-menu .ids-side-menu__header .ids-side-menu__chevron {
+  padding: 0.125rem;
+  position: absolute;
+  right: 0.5rem;
+  top: 50%;
+  transform: translateY(-50%);
+}
+.ids-side-menu .ids-side-menu__header .ids-side-menu__leaf-icon {
   position: relative;
   cursor: pointer;
+  margin-left: 0.25rem;
+  padding-left: 1.125rem;
+  padding-right: 1.125rem;
+  height: 2.75rem;
+}
+.ids-side-menu .ids-side-menu__header .ids-side-menu__leaf-icon .ids-side-menu__leaf-icon-inner {
+  position: absolute;
+  right: 0.5rem;
+  top: 50%;
+  transform: translateY(-50%);
+}
+.ids-side-menu .ids-side-menu__header .ids-side-menu__leaf-icon--empty {
+  margin-left: 1.375rem;
+}
+.ids-side-menu .ids-side-menu__header .ids-side-menu__label-button {
+  background: none;
+  color: inherit;
+  border: none;
+  padding: 0;
+  font: inherit;
+  cursor: pointer;
+  outline: inherit;
+  cursor: pointer;
+  position: relative;
+  width: 100%;
+  display: flex;
 }
-.ids-side-menu .ids-side-menu__header .ids-side-menu__icon-button:focus {
+.ids-side-menu .ids-side-menu__header .ids-side-menu__label-button:focus {
   outline: var(--IDS-FOCUS__OUTLINE);
   outline-offset: -0.125rem !important;
 }
-.ids-side-menu .ids-side-menu__header .ids-side-menu__icon {
+.ids-side-menu .ids-side-menu__header .ids-side-menu__label-chevron-wrapper {
+  position: relative;
+  box-sizing: border-box;
+  margin-left: 0.25rem;
+  padding-left: 1.125rem;
+  padding-right: 1.125rem;
+  height: 2.75rem;
+}
+.ids-side-menu .ids-side-menu__header .ids-side-menu__label-icon {
   position: absolute;
-  top: 1.125rem;
+  top: 0.625rem;
   left: 50%;
   transform: translateX(-50%);
 }
 .ids-side-menu .ids-side-menu__header .ids-side-menu__label {
-  text-align: left;
-  line-height: 1.625rem;
+  display: grid;
+  grid-template-columns: 1fr auto;
+  width: 100%;
   margin: 0.25rem 0;
-  padding: 0.313rem 0;
+  padding: 0.25rem 0;
+  text-align: left;
+  align-items: center;
+}
+.ids-side-menu .ids-side-menu__header .ids-side-menu__label-text {
+  font-size: 1rem;
+  line-height: 1.75rem;
 }
 .ids-side-menu .ids-side-menu__header .ids-side-menu__link {
   display: grid;
   grid-template-columns: 1fr auto;
+  width: 100%;
+  font-size: 1rem;
 }
 .ids-side-menu .ids-side-menu__header .ids-side-menu__link ::slotted(a),
 .ids-side-menu .ids-side-menu__header .ids-side-menu__link a {
@@ -83,40 +144,38 @@
   cursor: pointer;
   text-decoration: none !important;
   display: flex;
-  gap: 0.5rem;
   justify-content: space-between;
   align-items: flex-start;
+  gap: 0.5rem;
   margin: 0.25rem 0;
-  padding: 0.313rem 0;
-  line-height: 1.625rem;
+  padding: 0.25rem 0;
+  line-height: 1.75rem;
   text-align: left;
+  box-sizing: border-box;
+  width: 100%;
 }
 .ids-side-menu .ids-side-menu__header .ids-side-menu__link ::slotted(a):focus,
 .ids-side-menu .ids-side-menu__header .ids-side-menu__link a:focus {
   outline: var(--IDS-FOCUS__OUTLINE);
   outline-offset: -0.125rem !important;
 }
-.ids-side-menu .ids-side-menu__header .ids-side-menu__link:hover ::slotted(a),
-.ids-side-menu .ids-side-menu__header .ids-side-menu__link:hover a {
-  color: var(--IDS-SIDE-MENU__LINK--HOVER-COLOR);
-  text-decoration: underline !important;
-}
 .ids-side-menu .ids-side-menu__header .ids-side-menu__link ::slotted(button),
 .ids-side-menu .ids-side-menu__header .ids-side-menu__link button {
+  color: var(--IDS-SIDE-MENU__LINK-COLOR);
   border: 0;
   border-radius: 0;
   background-color: transparent;
-  color: var(--IDS-SIDE-MENU__LINK-COLOR);
   cursor: pointer;
   display: flex;
-  gap: 0.5rem;
   justify-content: space-between;
   align-items: flex-start;
-  line-height: 1.625rem;
+  gap: 0.5rem;
   width: 100%;
   margin: 0.25rem 0;
-  padding: 0.313rem 0;
+  padding: 0.25rem 0;
+  line-height: 1.75rem !important;
   text-align: left;
+  box-sizing: border-box;
 }
 .ids-side-menu .ids-side-menu__header .ids-side-menu__link ::slotted(button):focus,
 .ids-side-menu .ids-side-menu__header .ids-side-menu__link button:focus {
@@ -129,10 +188,19 @@
   outline-offset: -0.125rem !important;
   outline-color: var(--IDS-COLOR-NEUTRAL-40) !important;
 }
-.ids-side-menu .ids-side-menu__header .ids-side-menu__link:hover ::slotted(button),
-.ids-side-menu .ids-side-menu__header .ids-side-menu__link:hover button {
+.ids-side-menu .ids-side-menu__header:hover {
+  background-color: var(--IDS-SIDE-MENU__LABEL--ACTIVE-BACKGROUND-COLOR);
+  border-color: var(--IDS-SIDE-MENU__LABEL--ACTIVE-BACKGROUND-COLOR);
+}
+.ids-side-menu .ids-side-menu__header:hover ::slotted(a),
+.ids-side-menu .ids-side-menu__header:hover a {
   color: var(--IDS-SIDE-MENU__LINK--HOVER-COLOR);
-  text-decoration: underline !important;
+  text-decoration: none !important;
+}
+.ids-side-menu .ids-side-menu__header:hover ::slotted(button),
+.ids-side-menu .ids-side-menu__header:hover button {
+  color: var(--IDS-SIDE-MENU__LINK--HOVER-COLOR);
+  text-decoration: none !important;
 }
 .ids-side-menu .ids-side-menu__header.ids-side-menu--active {
   background-color: var(--IDS-SIDE-MENU__LABEL--ACTIVE-BACKGROUND-COLOR);
@@ -152,19 +220,23 @@
   color: var(--IDS-SIDE-MENU__LINK-COLOR);
   text-decoration: none !important;
 }
-.ids-side-menu .ids-side-menu__header.ids-side-menu--level-2 .ids-side-menu__header-inner {
-  margin-left: 1.5rem;
+.ids-side-menu .ids-side-menu__header.ids-side-menu--level-2 .ids-side-menu__chevron-button {
+  margin-left: 1.875rem;
 }
-.ids-side-menu .ids-side-menu__header.ids-side-menu--level-3 .ids-side-menu__header-inner {
-  margin-left: 3.125rem;
+.ids-side-menu .ids-side-menu__header.ids-side-menu--level-2 .ids-side-menu__leaf-icon {
+  margin-left: 1.875rem;
 }
-.ids-side-menu .ids-side-menu__header.ids-side-menu--level-4 .ids-side-menu__header-inner {
-  margin-left: 4.625rem;
+.ids-side-menu .ids-side-menu__header.ids-side-menu--level-2 .ids-side-menu__leaf-icon--empty {
+  margin-left: 2.5rem;
 }
-.ids-side-menu .ids-side-menu__label,
-.ids-side-menu .ids-side-menu__link {
-  font-size: 1rem;
-  line-height: 1.25rem;
+.ids-side-menu .ids-side-menu__header.ids-side-menu--level-2 .ids-side-menu__label-button {
+  padding-left: 1.5rem;
+}
+.ids-side-menu .ids-side-menu__header.ids-side-menu--level-3 .ids-side-menu__leaf-icon {
+  margin-left: 3.5rem;
+}
+.ids-side-menu .ids-side-menu__header.ids-side-menu--level-3 .ids-side-menu__leaf-icon--empty {
+  margin-left: 4.125rem;
 }
 .ids-side-menu.ids-side-menu--disabled {
   cursor: default;