@inera/ids-design 8.2.1 → 9.0.1

package/components/puff-list/puff-list.css

@@ -13,7 +13,7 @@
 /*******
 * A11Y
 ********/
-@media (max-width: 1023px) {
+@media (max-width: 639px) {
   .ids-desktop {
     display: none !important;
   }
@@ -66,11 +66,14 @@
 }
 
 .ids-puff-list {
-  border-top: var(--IDS-PUFF-LIST__BORDER);
   list-style: none;
   padding-left: 0;
 }
 
+.ids-puff-list:has(> :first-child:not(.ids-puff-list-item--lean)) {
+  border-top: var(--IDS-PUFF-LIST__BORDER);
+}
+
 .ids-puff-list-item {
   list-style: none;
 }
@@ -84,11 +87,9 @@
 .ids-puff-list-item .ids-puff-list-item__content {
   width: 100%;
 }
-.ids-puff-list-item ::slotted(*) {
-  color: var(--IDS-PUFF-LIST__COLOR) !important;
-}
 .ids-puff-list-item .ids-puff-list-item__body {
   color: var(--IDS-PUFF-LIST__COLOR) !important;
+  font-family: var(--IDS-FONT-FAMILY-BASE);
 }
 .ids-puff-list-item .ids-puff-list-item__date {
   font-family: var(--IDS-FONT-FAMILY-BASE);
@@ -114,8 +115,7 @@
   align-items: center;
   justify-content: center;
 }
-.ids-puff-list-item.ids-puff-list-item--interactive .ids-puff-list-item__item-link,
-.ids-puff-list-item.ids-puff-list-item--interactive ::slotted([slot=item-link]) {
+.ids-puff-list-item.ids-puff-list-item--interactive .ids-puff-list-item__item-link {
   color: var(--IDS-FONT__COLOR);
   font-size: inherit;
   font-family: inherit;
@@ -125,11 +125,11 @@
   border: none;
   border-radius: 0.1875rem;
 }
-.ids-puff-list-item.ids-puff-list-item--interactive .ids-puff-list-item__item-link:hover,
-.ids-puff-list-item.ids-puff-list-item--interactive ::slotted([slot=item-link]):hover {
+.ids-puff-list-item.ids-puff-list-item--interactive .ids-puff-list-item__item-link:hover {
   color: var(--IDS-FONT__COLOR);
 }
-.ids-puff-list-item.ids-puff-list-item--interactive .ids-puff-list-item__item-link:hover .ids-puff-list-item-header__headline {
+.ids-puff-list-item.ids-puff-list-item--interactive .ids-puff-list-item__item-link:hover .ids-puff-list-item-header__headline,
+.ids-puff-list-item.ids-puff-list-item--interactive .ids-puff-list-item__item-link:hover *:is(h1, h2, h3, h4, h5, h6) {
   color: var(--IDS-PUFF-LIST-HEADER-LINK__HOVER-COLOR) !important;
   text-decoration: underline !important;
 }
@@ -154,7 +154,8 @@ li.ids-puff-list-item:not(.ids-puff-list-item--lean) {
   width: 100%;
   gap: 1rem;
 }
-.ids-puff-list-item-header .ids-puff-list-item-header__headline {
+.ids-puff-list-item-header .ids-puff-list-item-header__headline,
+.ids-puff-list-item-header *:is(h1, h2, h3, h4, h5, h6) {
   position: relative;
   display: inline;
   margin-top: 0 !important;
@@ -170,7 +171,7 @@ li.ids-puff-list-item:not(.ids-puff-list-item--lean) {
   font-weight: var(--ids-font-weight-heading-s) !important;
 }
 .ids-puff-list-item-header .ids-puff-list-item-header__headline a,
-.ids-puff-list-item-header .ids-puff-list-item-header__headline ::slotted(a) {
+.ids-puff-list-item-header *:is(h1, h2, h3, h4, h5, h6) a {
   cursor: pointer;
   display: inline;
   text-decoration: none !important;
@@ -185,12 +186,12 @@ li.ids-puff-list-item:not(.ids-puff-list-item--lean) {
   letter-spacing: var(--ids-font-letter-spacing-heading-s) !important;
   font-weight: var(--ids-font-weight-heading-s) !important;
 }
-.ids-puff-list-item-header .ids-puff-list-item-header__headline:before {
+.ids-puff-list-item-header .ids-puff-list-item-header__headline:before,
+.ids-puff-list-item-header *:is(h1, h2, h3, h4, h5, h6):before {
   font: icon;
   font-family: "Inera-Design-Icons" !important;
   display: block;
   position: absolute;
-  pointer-events: none;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   content: "\e93d";
@@ -199,12 +200,13 @@ li.ids-puff-list-item:not(.ids-puff-list-item--lean) {
   left: 0;
 }
 @-moz-document url-prefix() {
-  .ids-puff-list-item-header .ids-puff-list-item-header__headline:before {
+  .ids-puff-list-item-header .ids-puff-list-item-header__headline:before,
+  .ids-puff-list-item-header *:is(h1, h2, h3, h4, h5, h6):before {
     top: 0.125rem;
   }
 }
 .ids-puff-list-item-header .ids-puff-list-item-header__headline a:hover,
-.ids-puff-list-item-header .ids-puff-list-item-header__headline ::slotted(a:hover) {
+.ids-puff-list-item-header *:is(h1, h2, h3, h4, h5, h6) a:hover {
   text-decoration: underline !important;
   font-style: normal;
   color: var(--IDS-PUFF-LIST-HEADER-LINK__HOVER-COLOR);
@@ -215,11 +217,12 @@ li.ids-puff-list-item:not(.ids-puff-list-item--lean) {
   font-weight: var(--ids-font-weight-heading-s) !important;
 }
 .ids-puff-list-item-header .ids-puff-list-item-header__headline a:focus-visible,
-.ids-puff-list-item-header .ids-puff-list-item-header__headline ::slotted(a:focus-visible) {
+.ids-puff-list-item-header *:is(h1, h2, h3, h4, h5, h6) a:focus-visible {
   border-radius: 0.0625rem;
   outline-offset: 0.25rem !important;
 }
-.ids-puff-list-item-header .ids-puff-list-item-header__headline.ids-puff-list-item-header__headline--hover {
+.ids-puff-list-item-header .ids-puff-list-item-header__headline.ids-puff-list-item-header__headline--hover,
+.ids-puff-list-item-header *:is(h1, h2, h3, h4, h5, h6).ids-puff-list-item-header__headline--hover {
   text-decoration: underline !important;
   font-style: normal;
   color: var(--IDS-PUFF-LIST-HEADER-LINK__HOVER-COLOR);
@@ -229,25 +232,28 @@ li.ids-puff-list-item:not(.ids-puff-list-item--lean) {
   letter-spacing: var(--ids-font-letter-spacing-heading-s) !important;
   font-weight: var(--ids-font-weight-heading-s) !important;
 }
-.ids-puff-list-item-header .ids-puff-list-item-header__headline.ids-puff-list-item-header__headline--hover:before {
+.ids-puff-list-item-header .ids-puff-list-item-header__headline.ids-puff-list-item-header__headline--hover:before,
+.ids-puff-list-item-header *:is(h1, h2, h3, h4, h5, h6).ids-puff-list-item-header__headline--hover:before {
   color: var(--IDS-PUFF-LIST-HEADER-LINK__HOVER-COLOR);
 }
-.ids-puff-list-item-header .ids-puff-list-item-header__headline:hover:before {
+.ids-puff-list-item-header .ids-puff-list-item-header__headline:hover:before,
+.ids-puff-list-item-header *:is(h1, h2, h3, h4, h5, h6):hover:before {
   color: var(--IDS-PUFF-LIST-HEADER-LINK__HOVER-COLOR);
 }
 .ids-puff-list-item-header .ids-puff-list-item-header__headline .ids-puff-list-item-header__extra-content > *,
-.ids-puff-list-item-header .ids-puff-list-item-header__headline .ids-puff-list-item-header__extra-content > ::slotted(*) {
-  margin-left: 0.5rem;
+.ids-puff-list-item-header *:is(h1, h2, h3, h4, h5, h6) .ids-puff-list-item-header__extra-content > * {
+  margin-left: 1rem;
   top: -0.0625rem;
   position: relative;
 }
-@media (min-width: 1024px) {
+@media (max-width: 1024px) {
   .ids-puff-list-item-header .ids-puff-list-item-header__headline .ids-puff-list-item-header__extra-content > *,
-  .ids-puff-list-item-header .ids-puff-list-item-header__headline .ids-puff-list-item-header__extra-content > ::slotted(*) {
-    margin-left: 1rem;
+  .ids-puff-list-item-header *:is(h1, h2, h3, h4, h5, h6) .ids-puff-list-item-header__extra-content > * {
+    margin-left: 0.5rem;
   }
 }
-.ids-puff-list-item-header .ids-puff-list-item-header__headline.ids-puff-list-item-header__headline--no-margin {
+.ids-puff-list-item-header .ids-puff-list-item-header__headline.ids-puff-list-item-header__headline--no-margin,
+.ids-puff-list-item-header *:is(h1, h2, h3, h4, h5, h6).ids-puff-list-item-header__headline--no-margin {
   margin-bottom: 0 !important;
 }
 

package/components/region-icon/region-icon-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-region-icon{display:flex}.ids-region-icon.ids-region-icon--inline{display:inline-flex}.ids-region-icon.ids-region-icon--xs{font-size:1.5rem}.ids-region-icon.ids-region-icon--s{font-size:2rem}.ids-region-icon.ids-region-icon--m{font-size:2.5rem}.ids-region-icon.ids-region-icon--l{font-size:3rem}.ids-region-icon.ids-region-icon--ml{font-size:2.5rem}@media (min-width:1024px){.ids-region-icon.ids-region-icon--ml{font-size:3rem}}.ids-region-icon.ids-region-icon--color-preset-1{color:var(--IDS-REGION-ICON__COLOR-PRESET-1)}.ids-region-icon.ids-region-icon--color-preset-2{color:var(--IDS-REGION-ICON__COLOR-PRESET-2)}.ids-region-icon.ids-region-icon--color-preset-3{color:var(--IDS-REGION-ICON__COLOR-PRESET-3)}.ids-region-icon.ids-region-icon--color-preset-4{color:var(--IDS-REGION-ICON__COLOR-PRESET-4)}.ids-region-icon.ids-region-icon--stockholm:before{content:\"\\e947\"}.ids-region-icon.ids-region-icon--blekinge:before,.ids-region-icon.ids-region-icon--stockholm:before{-webkit-font-smoothing:antialiased!important;-moz-osx-font-smoothing:grayscale!important;font-family:Inera-Design-Icons!important}.ids-region-icon.ids-region-icon--blekinge:before{content:\"\\e99c\"}.ids-region-icon.ids-region-icon--dalarna:before{content:\"\\e99d\"}.ids-region-icon.ids-region-icon--dalarna:before,.ids-region-icon.ids-region-icon--gavleborg:before{-webkit-font-smoothing:antialiased!important;-moz-osx-font-smoothing:grayscale!important;font-family:Inera-Design-Icons!important}.ids-region-icon.ids-region-icon--gavleborg:before{content:\"\\e99e\"}.ids-region-icon.ids-region-icon--gotland:before{content:\"\\e99f\"}.ids-region-icon.ids-region-icon--gotland:before,.ids-region-icon.ids-region-icon--halland:before{-webkit-font-smoothing:antialiased!important;-moz-osx-font-smoothing:grayscale!important;font-family:Inera-Design-Icons!important}.ids-region-icon.ids-region-icon--halland:before{content:\"\\e9a0\"}.ids-region-icon.ids-region-icon--jamtland-harjedalen:before{content:\"\\e9a1\"}.ids-region-icon.ids-region-icon--jamtland-harjedalen:before,.ids-region-icon.ids-region-icon--jonkoping:before{-webkit-font-smoothing:antialiased!important;-moz-osx-font-smoothing:grayscale!important;font-family:Inera-Design-Icons!important}.ids-region-icon.ids-region-icon--jonkoping:before{content:\"\\e9a2\"}.ids-region-icon.ids-region-icon--kalmar:before{content:\"\\e9a3\"}.ids-region-icon.ids-region-icon--kalmar:before,.ids-region-icon.ids-region-icon--kronoberg:before{-webkit-font-smoothing:antialiased!important;-moz-osx-font-smoothing:grayscale!important;font-family:Inera-Design-Icons!important}.ids-region-icon.ids-region-icon--kronoberg:before{content:\"\\e9a4\"}.ids-region-icon.ids-region-icon--norrbotten:before{content:\"\\e9a5\"}.ids-region-icon.ids-region-icon--norrbotten:before,.ids-region-icon.ids-region-icon--orebro:before{-webkit-font-smoothing:antialiased!important;-moz-osx-font-smoothing:grayscale!important;font-family:Inera-Design-Icons!important}.ids-region-icon.ids-region-icon--orebro:before{content:\"\\e9a6\"}.ids-region-icon.ids-region-icon--ostergotland:before{content:\"\\e9a7\"}.ids-region-icon.ids-region-icon--ostergotland:before,.ids-region-icon.ids-region-icon--skane:before{-webkit-font-smoothing:antialiased!important;-moz-osx-font-smoothing:grayscale!important;font-family:Inera-Design-Icons!important}.ids-region-icon.ids-region-icon--skane:before{content:\"\\e9a8\"}.ids-region-icon.ids-region-icon--sormland:before{content:\"\\e9a9\"}.ids-region-icon.ids-region-icon--sormland:before,.ids-region-icon.ids-region-icon--uppsala:before{-webkit-font-smoothing:antialiased!important;-moz-osx-font-smoothing:grayscale!important;font-family:Inera-Design-Icons!important}.ids-region-icon.ids-region-icon--uppsala:before{content:\"\\e9aa\"}.ids-region-icon.ids-region-icon--varmland:before{content:\"\\e9ab\"}.ids-region-icon.ids-region-icon--varmland:before,.ids-region-icon.ids-region-icon--vasterbotten:before{-webkit-font-smoothing:antialiased!important;-moz-osx-font-smoothing:grayscale!important;font-family:Inera-Design-Icons!important}.ids-region-icon.ids-region-icon--vasterbotten:before{content:\"\\e9ac\"}.ids-region-icon.ids-region-icon--vasternorrland:before{content:\"\\e9ad\"}.ids-region-icon.ids-region-icon--vasternorrland:before,.ids-region-icon.ids-region-icon--vastmanland:before{-webkit-font-smoothing:antialiased!important;-moz-osx-font-smoothing:grayscale!important;font-family:Inera-Design-Icons!important}.ids-region-icon.ids-region-icon--vastmanland:before{content:\"\\e9ae\"}.ids-region-icon.ids-region-icon--vastragotaland:before{-webkit-font-smoothing:antialiased!important;-moz-osx-font-smoothing:grayscale!important;content:\"\\e9af\";font-family:Inera-Design-Icons!important}";
+var css_248z = "@media (max-width:639px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}.ids-region-icon{display:flex}.ids-region-icon.ids-region-icon--inline{display:inline-flex}.ids-region-icon.ids-region-icon--xs{font-size:1.5rem}.ids-region-icon.ids-region-icon--s{font-size:2rem}.ids-region-icon.ids-region-icon--m{font-size:2.5rem}.ids-region-icon.ids-region-icon--l{font-size:3rem}.ids-region-icon.ids-region-icon--ml{font-size:2.5rem}@media (min-width:1024px){.ids-region-icon.ids-region-icon--ml{font-size:3rem}}.ids-region-icon.ids-region-icon--color-preset-1{color:var(--IDS-REGION-ICON__COLOR-PRESET-1)}.ids-region-icon.ids-region-icon--color-preset-2{color:var(--IDS-REGION-ICON__COLOR-PRESET-2)}.ids-region-icon.ids-region-icon--color-preset-3{color:var(--IDS-REGION-ICON__COLOR-PRESET-3)}.ids-region-icon.ids-region-icon--color-preset-4{color:var(--IDS-REGION-ICON__COLOR-PRESET-4)}.ids-region-icon.ids-region-icon--stockholm:before{content:\"\\e947\"}.ids-region-icon.ids-region-icon--blekinge:before,.ids-region-icon.ids-region-icon--stockholm:before{-webkit-font-smoothing:antialiased!important;-moz-osx-font-smoothing:grayscale!important;font-family:Inera-Design-Icons!important}.ids-region-icon.ids-region-icon--blekinge:before{content:\"\\e99c\"}.ids-region-icon.ids-region-icon--dalarna:before{content:\"\\e99d\"}.ids-region-icon.ids-region-icon--dalarna:before,.ids-region-icon.ids-region-icon--gavleborg:before{-webkit-font-smoothing:antialiased!important;-moz-osx-font-smoothing:grayscale!important;font-family:Inera-Design-Icons!important}.ids-region-icon.ids-region-icon--gavleborg:before{content:\"\\e99e\"}.ids-region-icon.ids-region-icon--gotland:before{content:\"\\e99f\"}.ids-region-icon.ids-region-icon--gotland:before,.ids-region-icon.ids-region-icon--halland:before{-webkit-font-smoothing:antialiased!important;-moz-osx-font-smoothing:grayscale!important;font-family:Inera-Design-Icons!important}.ids-region-icon.ids-region-icon--halland:before{content:\"\\e9a0\"}.ids-region-icon.ids-region-icon--jamtland-harjedalen:before{content:\"\\e9a1\"}.ids-region-icon.ids-region-icon--jamtland-harjedalen:before,.ids-region-icon.ids-region-icon--jonkoping:before{-webkit-font-smoothing:antialiased!important;-moz-osx-font-smoothing:grayscale!important;font-family:Inera-Design-Icons!important}.ids-region-icon.ids-region-icon--jonkoping:before{content:\"\\e9a2\"}.ids-region-icon.ids-region-icon--kalmar:before{content:\"\\e9a3\"}.ids-region-icon.ids-region-icon--kalmar:before,.ids-region-icon.ids-region-icon--kronoberg:before{-webkit-font-smoothing:antialiased!important;-moz-osx-font-smoothing:grayscale!important;font-family:Inera-Design-Icons!important}.ids-region-icon.ids-region-icon--kronoberg:before{content:\"\\e9a4\"}.ids-region-icon.ids-region-icon--norrbotten:before{content:\"\\e9a5\"}.ids-region-icon.ids-region-icon--norrbotten:before,.ids-region-icon.ids-region-icon--orebro:before{-webkit-font-smoothing:antialiased!important;-moz-osx-font-smoothing:grayscale!important;font-family:Inera-Design-Icons!important}.ids-region-icon.ids-region-icon--orebro:before{content:\"\\e9a6\"}.ids-region-icon.ids-region-icon--ostergotland:before{content:\"\\e9a7\"}.ids-region-icon.ids-region-icon--ostergotland:before,.ids-region-icon.ids-region-icon--skane:before{-webkit-font-smoothing:antialiased!important;-moz-osx-font-smoothing:grayscale!important;font-family:Inera-Design-Icons!important}.ids-region-icon.ids-region-icon--skane:before{content:\"\\e9a8\"}.ids-region-icon.ids-region-icon--sormland:before{content:\"\\e9a9\"}.ids-region-icon.ids-region-icon--sormland:before,.ids-region-icon.ids-region-icon--uppsala:before{-webkit-font-smoothing:antialiased!important;-moz-osx-font-smoothing:grayscale!important;font-family:Inera-Design-Icons!important}.ids-region-icon.ids-region-icon--uppsala:before{content:\"\\e9aa\"}.ids-region-icon.ids-region-icon--varmland:before{content:\"\\e9ab\"}.ids-region-icon.ids-region-icon--varmland:before,.ids-region-icon.ids-region-icon--vasterbotten:before{-webkit-font-smoothing:antialiased!important;-moz-osx-font-smoothing:grayscale!important;font-family:Inera-Design-Icons!important}.ids-region-icon.ids-region-icon--vasterbotten:before{content:\"\\e9ac\"}.ids-region-icon.ids-region-icon--vasternorrland:before{content:\"\\e9ad\"}.ids-region-icon.ids-region-icon--vasternorrland:before,.ids-region-icon.ids-region-icon--vastmanland:before{-webkit-font-smoothing:antialiased!important;-moz-osx-font-smoothing:grayscale!important;font-family:Inera-Design-Icons!important}.ids-region-icon.ids-region-icon--vastmanland:before{content:\"\\e9ae\"}.ids-region-icon.ids-region-icon--vastragotaland:before{-webkit-font-smoothing:antialiased!important;-moz-osx-font-smoothing:grayscale!important;content:\"\\e9af\";font-family:Inera-Design-Icons!important}";
 
 var regionIconLit = css`${unsafeCSS(css_248z)}`;
 

package/components/region-icon/region-icon.css

@@ -13,7 +13,7 @@
 /*******
 * A11Y
 ********/
-@media (max-width: 1023px) {
+@media (max-width: 639px) {
   .ids-desktop {
     display: none !important;
   }

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{border-bottom-right-radius:.313rem;border-left:var(--IDS-SIDE-MENU__BORDER);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:.25rem;padding-left:.25rem;width:100%}.ids-side-menu .ids-side-menu__header .ids-side-menu__chevron-button{background:none;border:none;color:inherit;font:inherit;outline:inherit;padding:0}.ids-side-menu .ids-side-menu__header .ids-side-menu__chevron-button:focus-visible{outline:.125rem solid var(--IDS-FOCUS__OUTLINE-COLOR);outline-offset:-.125rem!important}.ids-side-menu .ids-side-menu__header .ids-side-menu__chevron-button{border-radius:.0625rem;box-sizing:border-box;cursor:pointer;flex-shrink:0;height:2.75rem;margin-right:.25rem;position:relative;width:1.5rem}.ids-side-menu .ids-side-menu__header .ids-side-menu__chevron-button:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-SIDE-MENU__ICON-COLOR);content:\"\\e938\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1rem;pointer-events:none;position:absolute;right:.25rem;text-align:center;top:.875rem}.ids-side-menu .ids-side-menu__header .ids-side-menu__chevron-button.ids-side-menu__chevron-button--expanded:before{content:\"\\e936\"}.ids-side-menu .ids-side-menu__header .ids-side-menu__chevron-button--empty{flex-shrink:0;width:.25rem}.ids-side-menu .ids-side-menu__header .ids-side-menu__label-icon{align-items:center;color:var(--IDS-SIDE-MENU__ICON-COLOR);display:flex;flex-shrink:0;height:2.75rem;justify-content:center;margin-right:.25rem;width:1.5rem}.ids-side-menu .ids-side-menu__header .ids-side-menu__label-button{background:none;border:none;color:inherit;font:inherit;outline:inherit;padding:0}.ids-side-menu .ids-side-menu__header .ids-side-menu__label-button:focus-visible{outline:.125rem solid var(--IDS-FOCUS__OUTLINE-COLOR);outline-offset:0!important}.ids-side-menu .ids-side-menu__header .ids-side-menu__label-button{cursor:pointer;display:flex;min-height:2.75rem;position:relative;width:100%}.ids-side-menu .ids-side-menu__header .ids-side-menu__label-chevron{border-radius:.0625rem;box-sizing:border-box;cursor:pointer;height:2.75rem;margin-right:.25rem;position:relative;width:1.5rem}.ids-side-menu .ids-side-menu__header .ids-side-menu__label-chevron:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-SIDE-MENU__ICON-COLOR);content:\"\\e938\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:.875rem;pointer-events:none;position:absolute;right:.25rem;text-align:center;top:.9375rem}.ids-side-menu .ids-side-menu__header .ids-side-menu__label-chevron.ids-side-menu__label-chevron--expanded:before{content:\"\\e936\"}.ids-side-menu .ids-side-menu__header .ids-side-menu__label{display:grid;font-size:1rem;grid-template-columns:1fr auto;line-height:1.75rem;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{width:100%}.ids-side-menu .ids-side-menu__header .ids-side-menu__link .ids-badge,.ids-side-menu .ids-side-menu__header .ids-side-menu__link .ids-notification-badge{margin-left:auto}.ids-side-menu .ids-side-menu__header .ids-side-menu__link ::slotted(a):focus-visible,.ids-side-menu .ids-side-menu__header .ids-side-menu__link a:focus-visible{outline:.125rem solid var(--IDS-FOCUS__OUTLINE-COLOR);outline-offset:-.125rem!important}.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:flex-start;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):hover,.ids-side-menu .ids-side-menu__header .ids-side-menu__link a:hover{color:var(--IDS-SIDE-MENU__LINK--HOVER-COLOR);text-decoration:none!important}.ids-side-menu .ids-side-menu__header .ids-side-menu__link ::slotted(button):focus-visible,.ids-side-menu .ids-side-menu__header .ids-side-menu__link button:focus-visible{outline:.125rem solid var(--IDS-FOCUS__OUTLINE-COLOR)}.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:flex-start;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-visible,.ids-side-menu .ids-side-menu__header .ids-side-menu__link button:focus-visible{outline:var(--IDS-FOCUS__OUTLINE)!important;outline-offset:-.125rem!important}.ids-side-menu .ids-side-menu__header .ids-side-menu__link ::slotted(button:hover),.ids-side-menu .ids-side-menu__header .ids-side-menu__link button:hover{color:var(--IDS-SIDE-MENU__LINK--HOVER-COLOR);text-decoration:none!important}.ids-side-menu .ids-side-menu__header:hover{background-color:var(--IDS-SIDE-MENU--ACTIVE-BACKGROUND-COLOR);border-left:var(--IDS-SIDE-MENU--HOVER-BORDER)}.ids-side-menu .ids-side-menu__header.ids-side-menu--active{background-color:var(--IDS-SIDE-MENU--ACTIVE-BACKGROUND-COLOR);border-left:var(--IDS-SIDE-MENU--ACTIVE-BORDER)}.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__chevron-button--empty,.ids-side-menu .ids-side-menu__header.ids-side-menu--level-2 .ids-side-menu__label-icon{margin-left:1.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__chevron-button--empty,.ids-side-menu .ids-side-menu__header.ids-side-menu--level-3 .ids-side-menu__label-icon{margin-left:2.9375rem}.ids-side-menu.ids-side-menu--disabled{cursor:default}";
+var css_248z = "@media (max-width:639px){.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{border-bottom-right-radius:.313rem;border-left:var(--IDS-SIDE-MENU__BORDER);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:.25rem;padding-left:.25rem;width:100%}.ids-side-menu .ids-side-menu__header .ids-side-menu__chevron-button{background:none;border:none;color:inherit;font:inherit;outline:inherit;padding:0}.ids-side-menu .ids-side-menu__header .ids-side-menu__chevron-button:focus-visible{outline:.125rem solid var(--IDS-FOCUS__OUTLINE-COLOR);outline-offset:-.125rem!important}.ids-side-menu .ids-side-menu__header .ids-side-menu__chevron-button{border-radius:.0625rem;box-sizing:border-box;cursor:pointer;flex-shrink:0;height:2.75rem;margin-right:.25rem;position:relative;width:1.5rem}.ids-side-menu .ids-side-menu__header .ids-side-menu__chevron-button:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-SIDE-MENU__ICON-COLOR);content:\"\\e938\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1rem;position:absolute;right:.25rem;text-align:center;top:.875rem}.ids-side-menu .ids-side-menu__header .ids-side-menu__chevron-button.ids-side-menu__chevron-button--expanded:before{content:\"\\e936\"}.ids-side-menu .ids-side-menu__header .ids-side-menu__chevron-button--empty{flex-shrink:0;width:.25rem}.ids-side-menu .ids-side-menu__header .ids-side-menu__label-icon{align-items:center;color:var(--IDS-SIDE-MENU__ICON-COLOR);display:flex;flex-shrink:0;height:2.75rem;justify-content:center;margin-right:.25rem;width:1.5rem}.ids-side-menu .ids-side-menu__header .ids-side-menu__label-button{background:none;border:none;color:inherit;font:inherit;outline:inherit;padding:0}.ids-side-menu .ids-side-menu__header .ids-side-menu__label-button:focus-visible{outline:.125rem solid var(--IDS-FOCUS__OUTLINE-COLOR);outline-offset:0!important}.ids-side-menu .ids-side-menu__header .ids-side-menu__label-button{cursor:pointer;display:flex;font-family:var(--IDS-FONT-FAMILY-BASE);min-height:2.75rem;position:relative;width:100%}.ids-side-menu .ids-side-menu__header .ids-side-menu__label-chevron{border-radius:.0625rem;box-sizing:border-box;cursor:pointer;height:2.75rem;margin-right:.25rem;position:relative;width:1.5rem}.ids-side-menu .ids-side-menu__header .ids-side-menu__label-chevron:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-SIDE-MENU__ICON-COLOR);content:\"\\e938\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:.875rem;position:absolute;right:.25rem;text-align:center;top:.9375rem}.ids-side-menu .ids-side-menu__header .ids-side-menu__label-chevron.ids-side-menu__label-chevron--expanded:before{content:\"\\e936\"}.ids-side-menu .ids-side-menu__header .ids-side-menu__label{display:grid;font-family:var(--IDS-FONT-FAMILY-BASE);font-size:1rem;grid-template-columns:1fr auto;line-height:1.75rem;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;margin-left:.1875rem}.ids-side-menu .ids-side-menu__header .ids-side-menu__link{width:100%}.ids-side-menu .ids-side-menu__header .ids-side-menu__link .ids-badge,.ids-side-menu .ids-side-menu__header .ids-side-menu__link .ids-notification-badge{margin-left:auto}.ids-side-menu .ids-side-menu__header .ids-side-menu__link a:focus-visible{outline:.125rem solid var(--IDS-FOCUS__OUTLINE-COLOR)}.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!important;display:flex;font-family:var(--IDS-FONT-FAMILY-BASE);gap:.5rem;justify-content:flex-start;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 a:hover{color:var(--IDS-SIDE-MENU__LINK--HOVER-COLOR);text-decoration:none!important}.ids-side-menu .ids-side-menu__header .ids-side-menu__link a:focus-visible{outline:var(--IDS-FOCUS__OUTLINE)!important;outline-offset:-.125rem!important}.ids-side-menu .ids-side-menu__header .ids-side-menu__link button:focus-visible{outline:.125rem solid var(--IDS-FOCUS__OUTLINE-COLOR)}.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;font-family:var(--IDS-FONT-FAMILY-BASE);gap:.5rem;justify-content:flex-start;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 button:hover{color:var(--IDS-SIDE-MENU__LINK--HOVER-COLOR);text-decoration:none!important}.ids-side-menu .ids-side-menu__header .ids-side-menu__link button:focus-visible{outline:var(--IDS-FOCUS__OUTLINE)!important;outline-offset:-.125rem!important}.ids-side-menu .ids-side-menu__header:hover{background-color:var(--IDS-SIDE-MENU--ACTIVE-BACKGROUND-COLOR);border-left:var(--IDS-SIDE-MENU--HOVER-BORDER)}.ids-side-menu.ids-side-menu--level-2 .ids-side-menu__chevron-button,.ids-side-menu.ids-side-menu--level-2 .ids-side-menu__chevron-button--empty,.ids-side-menu.ids-side-menu--level-2 .ids-side-menu__label-button,.ids-side-menu.ids-side-menu--level-2 .ids-side-menu__label-icon{margin-left:1.5rem}.ids-side-menu.ids-side-menu--level-3 .ids-side-menu__label-icon{margin-left:2.9375rem}.ids-side-menu.ids-side-menu--level-3 .ids-side-menu__chevron-button--empty{margin-left:3rem}.ids-side-menu.ids-side-menu--active .ids-side-menu__header{background-color:var(--IDS-SIDE-MENU--ACTIVE-BACKGROUND-COLOR);border-left:var(--IDS-SIDE-MENU--ACTIVE-BORDER)}.ids-side-menu.ids-side-menu--active .ids-side-menu__header .ids-side-menu__label,.ids-side-menu.ids-side-menu--active .ids-side-menu__header .ids-side-menu__link{font-weight:700}.ids-side-menu.ids-side-menu--active .ids-side-menu__header .ids-side-menu__link:hover a,.ids-side-menu.ids-side-menu--active .ids-side-menu__header .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--disabled{cursor:default}";
 
 var sideMenuLit = css`${unsafeCSS(css_248z)}`;
 

package/components/side-menu/side-menu-shadow-lit.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("lit").CSSResult;
+export default _default;

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

@@ -0,0 +1,7 @@
+import { css, unsafeCSS } from 'lit';
+
+var css_248z = ".ids-side-menu .ids-side-menu__header .ids-side-menu__link ::slotted(a):focus-visible{outline:.125rem solid var(--IDS-FOCUS__OUTLINE-COLOR)}.ids-side-menu .ids-side-menu__header .ids-side-menu__link ::slotted(a){align-items:flex-start;box-sizing:border-box;color:var(--IDS-SIDE-MENU__LINK-COLOR);cursor:pointer!important;display:flex;font-family:var(--IDS-FONT-FAMILY-BASE);gap:.5rem;justify-content:flex-start;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):hover{color:var(--IDS-SIDE-MENU__LINK--HOVER-COLOR);text-decoration:none!important}.ids-side-menu .ids-side-menu__header .ids-side-menu__link ::slotted(a):focus-visible{outline:var(--IDS-FOCUS__OUTLINE)!important;outline-offset:-.125rem!important}.ids-side-menu .ids-side-menu__header .ids-side-menu__link ::slotted(button):focus-visible{outline:.125rem solid var(--IDS-FOCUS__OUTLINE-COLOR);outline-offset:-.125rem!important}.ids-side-menu .ids-side-menu__header .ids-side-menu__link ::slotted(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;font-family:var(--IDS-FONT-FAMILY-BASE);gap:.5rem;justify-content:flex-start;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:hover){color:var(--IDS-SIDE-MENU__LINK--HOVER-COLOR);text-decoration:none!important}.ids-side-menu .ids-side-menu__header .ids-side-menu__link ::slotted(button:focus-visible){outline:var(--IDS-FOCUS__OUTLINE)!important;outline-offset:-.125rem!important}.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){color:var(--IDS-SIDE-MENU__LINK-COLOR);cursor:default;text-decoration:none!important}";
+
+var sideMenuShadowLit = css`${unsafeCSS(css_248z)}`;
+
+export { sideMenuShadowLit as default };

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

@@ -0,0 +1,79 @@
+/*******
+* ICONS
+********/
+/*******
+* BUTTONS
+********/
+/*******
+* SCROLLBAR
+********/
+/*******
+* FORM
+********/
+/*******
+* A11Y
+********/
+.ids-side-menu .ids-side-menu__header .ids-side-menu__link ::slotted(a):focus-visible {
+  outline: 0.125rem solid var(--IDS-FOCUS__OUTLINE-COLOR);
+  outline-offset: -0.125rem !important;
+}
+.ids-side-menu .ids-side-menu__header .ids-side-menu__link ::slotted(a) {
+  color: var(--IDS-SIDE-MENU__LINK-COLOR);
+  font-family: var(--IDS-FONT-FAMILY-BASE);
+  cursor: pointer !important;
+  text-decoration: none !important;
+  display: flex;
+  justify-content: flex-start;
+  align-items: flex-start;
+  gap: 0.5rem;
+  margin: 0.25rem 0;
+  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):hover {
+  color: var(--IDS-SIDE-MENU__LINK--HOVER-COLOR);
+  text-decoration: none !important;
+}
+.ids-side-menu .ids-side-menu__header .ids-side-menu__link ::slotted(a):focus-visible {
+  outline: var(--IDS-FOCUS__OUTLINE) !important;
+  outline-offset: -0.125rem !important;
+}
+.ids-side-menu .ids-side-menu__header .ids-side-menu__link ::slotted(button):focus-visible {
+  outline: 0.125rem solid var(--IDS-FOCUS__OUTLINE-COLOR);
+  outline-offset: -0.125rem !important;
+}
+.ids-side-menu .ids-side-menu__header .ids-side-menu__link ::slotted(button) {
+  color: var(--IDS-SIDE-MENU__LINK-COLOR);
+  font-family: var(--IDS-FONT-FAMILY-BASE);
+  border: 0;
+  border-radius: 0;
+  background-color: transparent;
+  cursor: pointer;
+  display: flex;
+  justify-content: flex-start;
+  align-items: flex-start;
+  gap: 0.5rem;
+  width: 100%;
+  margin: 0.25rem 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:hover) {
+  color: var(--IDS-SIDE-MENU__LINK--HOVER-COLOR);
+  text-decoration: none !important;
+}
+.ids-side-menu .ids-side-menu__header .ids-side-menu__link ::slotted(button:focus-visible) {
+  outline: var(--IDS-FOCUS__OUTLINE) !important;
+  outline-offset: -0.125rem !important;
+}
+.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) {
+  cursor: default;
+  color: var(--IDS-SIDE-MENU__LINK-COLOR);
+  text-decoration: none !important;
+}

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

@@ -1,4 +1,4 @@
-@media (max-width: 1023px) {
+@media (max-width: 639px) {
   .ids-desktop {
     display: none !important;
   }
@@ -72,7 +72,6 @@
   font-family: "Inera-Design-Icons" !important;
   display: block;
   position: absolute;
-  pointer-events: none;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   content: "\e938";
@@ -118,6 +117,7 @@
   width: 100%;
   display: flex;
   min-height: 2.75rem;
+  font-family: var(--IDS-FONT-FAMILY-BASE);
 }
 .ids-side-menu .ids-side-menu__header .ids-side-menu__label-chevron {
   position: relative;
@@ -133,7 +133,6 @@
   font-family: "Inera-Design-Icons" !important;
   display: block;
   position: absolute;
-  pointer-events: none;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   content: "\e938";
@@ -155,10 +154,12 @@
   margin: 0.25rem 0;
   padding: 0.25rem 0;
   text-align: left;
+  font-family: var(--IDS-FONT-FAMILY-BASE);
 }
 .ids-side-menu .ids-side-menu__header .ids-side-menu__label-text {
   font-size: 1rem;
   line-height: 1.75rem;
+  margin-left: 0.1875rem;
 }
 .ids-side-menu .ids-side-menu__header .ids-side-menu__link {
   width: 100%;
@@ -167,15 +168,14 @@
 .ids-side-menu .ids-side-menu__header .ids-side-menu__link .ids-notification-badge {
   margin-left: auto;
 }
-.ids-side-menu .ids-side-menu__header .ids-side-menu__link ::slotted(a):focus-visible,
 .ids-side-menu .ids-side-menu__header .ids-side-menu__link a:focus-visible {
   outline: 0.125rem solid var(--IDS-FOCUS__OUTLINE-COLOR);
   outline-offset: -0.125rem !important;
 }
-.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 {
   color: var(--IDS-SIDE-MENU__LINK-COLOR);
-  cursor: pointer;
+  font-family: var(--IDS-FONT-FAMILY-BASE);
+  cursor: pointer !important;
   text-decoration: none !important;
   display: flex;
   justify-content: flex-start;
@@ -188,19 +188,21 @@
   box-sizing: border-box;
   width: 100%;
 }
-.ids-side-menu .ids-side-menu__header .ids-side-menu__link a:hover,
-.ids-side-menu .ids-side-menu__header .ids-side-menu__link ::slotted(a):hover {
+.ids-side-menu .ids-side-menu__header .ids-side-menu__link a:hover {
   color: var(--IDS-SIDE-MENU__LINK--HOVER-COLOR);
   text-decoration: none !important;
 }
-.ids-side-menu .ids-side-menu__header .ids-side-menu__link button:focus-visible,
-.ids-side-menu .ids-side-menu__header .ids-side-menu__link ::slotted(button):focus-visible {
+.ids-side-menu .ids-side-menu__header .ids-side-menu__link a:focus-visible {
+  outline: var(--IDS-FOCUS__OUTLINE) !important;
+  outline-offset: -0.125rem !important;
+}
+.ids-side-menu .ids-side-menu__header .ids-side-menu__link button:focus-visible {
   outline: 0.125rem solid var(--IDS-FOCUS__OUTLINE-COLOR);
   outline-offset: -0.125rem !important;
 }
-.ids-side-menu .ids-side-menu__header .ids-side-menu__link button,
-.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);
+  font-family: var(--IDS-FONT-FAMILY-BASE);
   border: 0;
   border-radius: 0;
   background-color: transparent;
@@ -216,56 +218,52 @@
   text-align: left;
   box-sizing: border-box;
 }
-.ids-side-menu .ids-side-menu__header .ids-side-menu__link button:focus-visible,
-.ids-side-menu .ids-side-menu__header .ids-side-menu__link ::slotted(button):focus-visible {
-  outline: var(--IDS-FOCUS__OUTLINE) !important;
-  outline-offset: -0.125rem !important;
-}
-.ids-side-menu .ids-side-menu__header .ids-side-menu__link button:hover,
-.ids-side-menu .ids-side-menu__header .ids-side-menu__link ::slotted(button:hover) {
+.ids-side-menu .ids-side-menu__header .ids-side-menu__link button:hover {
   color: var(--IDS-SIDE-MENU__LINK--HOVER-COLOR);
   text-decoration: none !important;
 }
+.ids-side-menu .ids-side-menu__header .ids-side-menu__link button:focus-visible {
+  outline: var(--IDS-FOCUS__OUTLINE) !important;
+  outline-offset: -0.125rem !important;
+}
 .ids-side-menu .ids-side-menu__header:hover {
   background-color: var(--IDS-SIDE-MENU--ACTIVE-BACKGROUND-COLOR);
   border-left: var(--IDS-SIDE-MENU--HOVER-BORDER);
 }
-.ids-side-menu .ids-side-menu__header.ids-side-menu--active {
+.ids-side-menu.ids-side-menu--level-2 .ids-side-menu__chevron-button {
+  margin-left: 1.5rem;
+}
+.ids-side-menu.ids-side-menu--level-2 .ids-side-menu__label-icon {
+  margin-left: 1.5rem;
+}
+.ids-side-menu.ids-side-menu--level-2 .ids-side-menu__chevron-button--empty {
+  margin-left: 1.5rem;
+}
+.ids-side-menu.ids-side-menu--level-2 .ids-side-menu__label-button {
+  margin-left: 1.5rem;
+}
+.ids-side-menu.ids-side-menu--level-3 .ids-side-menu__label-icon {
+  margin-left: 2.9375rem;
+}
+.ids-side-menu.ids-side-menu--level-3 .ids-side-menu__chevron-button--empty {
+  margin-left: 3rem;
+}
+.ids-side-menu.ids-side-menu--active .ids-side-menu__header {
   background-color: var(--IDS-SIDE-MENU--ACTIVE-BACKGROUND-COLOR);
   border-left: var(--IDS-SIDE-MENU--ACTIVE-BORDER);
 }
-.ids-side-menu .ids-side-menu__header.ids-side-menu--active .ids-side-menu__label {
+.ids-side-menu.ids-side-menu--active .ids-side-menu__header .ids-side-menu__label {
   font-weight: 700;
 }
-.ids-side-menu .ids-side-menu__header.ids-side-menu--active .ids-side-menu__link {
+.ids-side-menu.ids-side-menu--active .ids-side-menu__header .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 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 button {
+.ids-side-menu.ids-side-menu--active .ids-side-menu__header .ids-side-menu__link:hover a,
+.ids-side-menu.ids-side-menu--active .ids-side-menu__header .ids-side-menu__link:hover button {
   cursor: default;
   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__chevron-button {
-  margin-left: 1.5rem;
-}
-.ids-side-menu .ids-side-menu__header.ids-side-menu--level-2 .ids-side-menu__label-icon {
-  margin-left: 1.5rem;
-}
-.ids-side-menu .ids-side-menu__header.ids-side-menu--level-2 .ids-side-menu__chevron-button--empty {
-  margin-left: 1.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__label-icon {
-  margin-left: 2.9375rem;
-}
-.ids-side-menu .ids-side-menu__header.ids-side-menu--level-3 .ids-side-menu__chevron-button--empty {
-  margin-left: 2.9375rem;
-}
 .ids-side-menu.ids-side-menu--disabled {
   cursor: default;
 }

package/components/side-panel/side-panel-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-side-panel{background-color:var(--IDS-OVERLAY__BACKGROUND-COLOR);overflow:hidden;z-index:1}.ids-side-panel.ids-side-panel--regular{bottom:0;height:0;left:0;opacity:0;position:fixed;right:0;top:0;transition:opacity 0s linear .2s,visibility .3s,width 0s linear .4s,height 0s linear .4s;visibility:hidden;width:0;z-index:2}.ids-side-panel.ids-side-panel--regular .ids-side-panel__panel{background-color:var(--IDS-SIDE-PANEL__BACKGROUND-COLOR);border-left:0;border-top:var(--IDS-SIDE-PANEL__BORDER-TOP);box-sizing:border-box;display:flex;flex-direction:column;height:70vh;overflow-x:hidden;padding:1.25rem 1rem 0;position:relative;transform:translateY(100vh);transition:transform .3s cubic-bezier(.4,0,.2,1);width:100%}.ids-side-panel.ids-side-panel--regular .ids-side-panel__content::-webkit-scrollbar{width:.625rem}.ids-side-panel.ids-side-panel--regular .ids-side-panel__content::-webkit-scrollbar-thumb{background:var(--IDS-SCROLL__THUMB-COLOR);border:.125rem solid var(--IDS-SCROLL__TRACK-BACKGROUND-COLOR);border-radius:.625rem;cursor:auto}.ids-side-panel.ids-side-panel--regular .ids-side-panel__content::-webkit-scrollbar-thumb:hover{background:var(--IDS-SCROLL__THUMB-HOVER-COLOR)}.ids-side-panel.ids-side-panel--regular .ids-side-panel__content::-webkit-scrollbar-track{background:var(--IDS-SCROLL__TRACK-BACKGROUND-COLOR);border-radius:.625rem;margin-top:0;outline:.0625rem solid var(--IDS-SCROLL__TRACK-OUTLINE-COLOR)}.ids-side-panel.ids-side-panel--regular .ids-side-panel__content::-webkit-scrollbar-corner{background-color:transparent}.ids-side-panel.ids-side-panel--regular .ids-side-panel__content{box-sizing:border-box;order:1;overflow-x:hidden;overflow-y:auto;padding-bottom:1.25rem;width:100%}.ids-side-panel.ids-side-panel--regular .ids-side-panel__content:has(.ids-side-panel__footer){display:flex;flex-direction:column;justify-content:space-between}.ids-side-panel.ids-side-panel--regular .ids-side-panel__content:focus-visible{outline:.125rem solid var(--IDS-FOCUS__OUTLINE-COLOR);outline-offset:-.125rem!important}.ids-side-panel.ids-side-panel--regular .ids-side-panel__inner{margin:.5rem 1rem .5rem .5rem}.ids-side-panel.ids-side-panel--regular .ids-side-panel__actions{order:0;padding-bottom:.25rem;text-align:right;width:100%}.ids-side-panel.ids-side-panel--regular .ids-side-panel__close-button{background:none;border:none;color:inherit;cursor:pointer;font:inherit;height:1.25rem;outline:inherit;padding:0;position:relative;width:1.25rem}.ids-side-panel.ids-side-panel--regular .ids-side-panel__close-button:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-ICON--ACTIVE-COLOR);content:\"\\e916\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1.25rem;left:0;pointer-events:none;position:absolute;top:0}.ids-side-panel.ids-side-panel--regular .ids-side-panel__close-button:hover:before{color:var(--IDS-ICON--ACTIVE-HOVER-COLOR)}.ids-side-panel.ids-side-panel--regular .ids-side-panel__close-button:focus-visible{border-radius:100%;outline:.125rem solid var(--IDS-FOCUS__OUTLINE-COLOR);outline-offset:.375rem!important}.ids-side-panel.ids-side-panel--regular.ids-side-panel--show{height:100vh;opacity:1;transition:width 0s,height 0s;visibility:visible;width:100%}.ids-side-panel.ids-side-panel--regular.ids-side-panel--show .ids-side-panel__panel{transform:translateY(30vh);transition:transform .3s cubic-bezier(.4,0,.2,1)}@media (min-width:640px){.ids-side-panel.ids-side-panel--regular .ids-side-panel__panel{height:50vh}.ids-side-panel.ids-side-panel--regular.ids-side-panel--show .ids-side-panel__panel{transform:translateY(50vh)}}@media (min-width:1024px){.ids-side-panel.ids-side-panel--regular{background-color:var(--IDS-SIDE-PANEL__BACKGROUND-COLOR);border-left:var(--IDS-SIDE-PANEL__BORDER);display:flex;overflow-x:hidden;position:relative;transform:none;transition:width .3s ease-in-out,opacity 0s linear .3s,height .4s,visibility .4s,transform 0s linear;width:0}.ids-side-panel.ids-side-panel--regular .ids-side-panel__panel{border-top:0;height:100%;padding:1.25rem 0 0 1rem;top:0;transform:none;transition:none}.ids-side-panel.ids-side-panel--regular.ids-side-panel--show{height:100%;transform:none;transition:width .3s ease-in-out,visibility 0s,opacity 0s,transform 0s linear}.ids-side-panel.ids-side-panel--regular.ids-side-panel--show .ids-side-panel__panel{transform:none;transition:none}.ids-side-panel.ids-side-panel--regular.ids-side-panel--show.ids-side-panel--s{width:14.75rem}.ids-side-panel.ids-side-panel--regular.ids-side-panel--show.ids-side-panel--s .ids-side-panel__actions,.ids-side-panel.ids-side-panel--regular.ids-side-panel--show.ids-side-panel--s .ids-side-panel__content{width:12.875rem}.ids-side-panel.ids-side-panel--regular.ids-side-panel--show.ids-side-panel--m{width:22.125rem}.ids-side-panel.ids-side-panel--regular.ids-side-panel--show.ids-side-panel--m .ids-side-panel__actions,.ids-side-panel.ids-side-panel--regular.ids-side-panel--show.ids-side-panel--m .ids-side-panel__content{width:20.25rem}.ids-side-panel.ids-side-panel--regular.ids-side-panel--show.ids-side-panel--l{width:29.5rem}.ids-side-panel.ids-side-panel--regular.ids-side-panel--show.ids-side-panel--l .ids-side-panel__actions,.ids-side-panel.ids-side-panel--regular.ids-side-panel--show.ids-side-panel--l .ids-side-panel__content{width:27.625rem}.ids-side-panel.ids-side-panel--regular.ids-side-panel--left{border-left:0;border-right:var(--IDS-SIDE-PANEL__BORDER)}.ids-side-panel.ids-side-panel--regular.ids-side-panel--left .ids-side-panel__panel{direction:rtl;padding:1.25rem 1rem 1.25rem 0}.ids-side-panel.ids-side-panel--regular.ids-side-panel--left .ids-side-panel__panel .ids-side-panel__content{direction:ltr}.ids-side-panel.ids-side-panel--regular.ids-side-panel--elevated{background-color:var(--IDS-SIDE-PANEL__BACKGROUND-COLOR);border-left:var(--IDS-SIDE-PANEL__BORDER);border-right:0;bottom:0;box-shadow:var(--IDS-BOX-SHADOW-ELEVATED-2-LEFT);height:100%;left:auto;position:fixed;right:0;top:0;width:0;z-index:2}.ids-side-panel.ids-side-panel--regular.ids-side-panel--elevated.ids-side-panel--left{border-left:0;border-right:var(--IDS-SIDE-PANEL__BORDER);box-shadow:var(--IDS-BOX-SHADOW-ELEVATED-2-RIGHT);left:0;right:auto}.ids-side-panel.ids-side-panel--regular.ids-side-panel--elevated.ids-side-panel--left .ids-side-panel__panel{padding:1.25rem 1rem 1.25rem 0}.ids-side-panel.ids-side-panel--regular.ids-side-panel--elevated.ids-side-panel--show.ids-side-panel--s{width:14.75rem}.ids-side-panel.ids-side-panel--regular.ids-side-panel--elevated.ids-side-panel--show.ids-side-panel--m{width:22.125rem}.ids-side-panel.ids-side-panel--regular.ids-side-panel--elevated.ids-side-panel--show.ids-side-panel--l{width:29.5rem}}.ids-side-panel.ids-side-panel--menu{background-color:var(--IDS-SIDE-PANEL__BACKGROUND-COLOR);border-right:var(--IDS-SIDE-PANEL__BORDER);display:flex;height:100%;padding:0;position:relative;width:3.125rem}.ids-side-panel.ids-side-panel--menu .ids-side-panel__inner{padding:.5rem .75rem .5rem .5rem}.ids-side-panel.ids-side-panel--menu .ids-side-panel__panel{box-sizing:border-box;display:flex;flex-direction:column;padding:1.25rem 0 0;position:relative;width:100%}.ids-side-panel.ids-side-panel--menu .ids-side-panel__content::-webkit-scrollbar{width:.625rem}.ids-side-panel.ids-side-panel--menu .ids-side-panel__content::-webkit-scrollbar-thumb{background:var(--IDS-SCROLL__THUMB-COLOR);border:.125rem solid var(--IDS-SCROLL__TRACK-BACKGROUND-COLOR);border-radius:.625rem;cursor:auto}.ids-side-panel.ids-side-panel--menu .ids-side-panel__content::-webkit-scrollbar-thumb:hover{background:var(--IDS-SCROLL__THUMB-HOVER-COLOR)}.ids-side-panel.ids-side-panel--menu .ids-side-panel__content::-webkit-scrollbar-track{background:var(--IDS-SCROLL__TRACK-BACKGROUND-COLOR);border-radius:.625rem;margin-top:0;outline:.0625rem solid var(--IDS-SCROLL__TRACK-OUTLINE-COLOR)}.ids-side-panel.ids-side-panel--menu .ids-side-panel__content::-webkit-scrollbar-corner{background-color:transparent}.ids-side-panel.ids-side-panel--menu .ids-side-panel__content{box-sizing:border-box;height:100%;opacity:0;overflow-x:hidden;overflow-y:auto;transition:visibility 0s,opacity 0s;visibility:hidden;width:100%}.ids-side-panel.ids-side-panel--menu .ids-side-panel__content:has(.ids-side-panel__footer){display:flex;flex-direction:column;justify-content:space-between}.ids-side-panel.ids-side-panel--menu .ids-side-panel__content:focus-visible{outline:.125rem solid var(--IDS-FOCUS__OUTLINE-COLOR);outline-offset:-.125rem!important}.ids-side-panel.ids-side-panel--menu .ids-side-panel__actions{margin-right:1.25rem;text-align:right;width:2.25rem}.ids-side-panel.ids-side-panel--menu .ids-side-panel__footer{border-bottom:.5rem solid var(--IDS-SIDE-PANEL__FOOTER-BORDER-BOTTOM-COLOR);border-top:.063rem solid var(--IDS-SIDE-PANEL__FOOTER-BORDER-TOP-COLOR);box-sizing:border-box;display:flex;flex-direction:column;gap:1.25rem;opacity:0;padding:1.25rem;text-align:left;transition:visibility 0s,opacity 0s;visibility:hidden}.ids-side-panel.ids-side-panel--menu .ids-side-panel__footer-links{display:flex;flex-direction:column;gap:1.25rem}.ids-side-panel.ids-side-panel--menu .ids-side-panel__footer-links ::slotted(*){display:block;width:100%}.ids-side-panel.ids-side-panel--menu .ids-side-panel__footer-text{line-height:1.5rem;margin-top:1.25rem}.ids-side-panel.ids-side-panel--menu .ids-side-panel__hamburger .ids-hamburger{cursor:pointer;flex-shrink:0;position:relative;transition:all .2s;user-select:none}.ids-side-panel.ids-side-panel--menu .ids-side-panel__hamburger .ids-hamburger__lines{background-color:var(--IDS-SIDE-PANEL__HAMBURGER-COLOR);border-radius:.125rem;cursor:pointer;display:block;height:.125rem;position:relative;transition:all .2s;width:1.3125rem;width:1.25rem}.ids-side-panel.ids-side-panel--menu .ids-side-panel__hamburger .ids-hamburger__lines:after,.ids-side-panel.ids-side-panel--menu .ids-side-panel__hamburger .ids-hamburger__lines:before{background-color:var(--IDS-SIDE-PANEL__HAMBURGER-COLOR);border-radius:.125rem;content:\"\";display:inline-block;height:.125rem;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-side-panel.ids-side-panel--menu .ids-side-panel__hamburger .ids-hamburger__lines:before{top:.5rem}.ids-side-panel.ids-side-panel--menu .ids-side-panel__hamburger .ids-hamburger__lines:after{top:-.5rem}.ids-side-panel.ids-side-panel--menu .ids-side-panel__hamburger:hover .ids-hamburger__lines,.ids-side-panel.ids-side-panel--menu .ids-side-panel__hamburger:hover .ids-hamburger__lines:after,.ids-side-panel.ids-side-panel--menu .ids-side-panel__hamburger:hover .ids-hamburger__lines:before{background-color:var(--IDS-SIDE-PANEL__HAMBURGER-COLOR)}.ids-side-panel.ids-side-panel--menu .ids-side-panel__hamburger[aria-expanded=true] .ids-hamburger .ids-hamburger__lines{background:transparent}.ids-side-panel.ids-side-panel--menu .ids-side-panel__hamburger[aria-expanded=true] .ids-hamburger .ids-hamburger__lines:after,.ids-side-panel.ids-side-panel--menu .ids-side-panel__hamburger[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-side-panel.ids-side-panel--menu .ids-side-panel__hamburger[aria-expanded=true] .ids-hamburger .ids-hamburger__lines:before{-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg)}.ids-side-panel.ids-side-panel--menu .ids-side-panel__hamburger[aria-expanded=true] .ids-hamburger .ids-hamburger__lines:after{-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.ids-side-panel.ids-side-panel--menu .ids-side-panel__hamburger:focus-visible{border-radius:.0625rem;outline:.125rem solid var(--IDS-FOCUS__OUTLINE-COLOR);outline-color:var(--IDS-SIDE-PANEL__HAMBURGER-COLOR)!important;outline-offset:0!important}.ids-side-panel.ids-side-panel--menu .ids-side-panel__hamburger:focus-visible[aria-expanded=true]{border-radius:100%}.ids-side-panel.ids-side-panel--menu .ids-side-panel__hamburger{background-color:transparent;border:0;cursor:pointer;height:1.875rem;margin-right:-.25rem;padding:0 .25rem}.ids-side-panel.ids-side-panel--menu.ids-side-panel--show{border-right:0;bottom:0;left:0;position:fixed;right:0;top:0;width:100%}.ids-side-panel.ids-side-panel--menu.ids-side-panel--show .ids-side-panel__actions{width:auto}.ids-side-panel.ids-side-panel--menu.ids-side-panel--show .ids-side-panel__content,.ids-side-panel.ids-side-panel--menu.ids-side-panel--show .ids-side-panel__footer{opacity:1;transition:visibility 0s,opacity 0s;visibility:visible}.ids-side-panel.ids-side-panel--menu.ids-side-panel--elevated{bottom:0;left:auto;position:fixed;right:calc(100% - 3.125rem);top:0;transition:transform .3s cubic-bezier(.4,0,.2,1);width:3.125rem;z-index:2}.ids-side-panel.ids-side-panel--menu.ids-side-panel--elevated.ids-side-panel--show{transform:translateX(calc(100% - 3.125rem));width:100%}@media (min-width:1024px){.ids-side-panel.ids-side-panel--menu{transition:width .3s ease-in-out}.ids-side-panel.ids-side-panel--menu .ids-side-panel__panel{position:relative;transform:none;transition:none;width:23.75rem}.ids-side-panel.ids-side-panel--menu .ids-side-panel__content{width:23.75rem}.ids-side-panel.ids-side-panel--menu.ids-side-panel--show{border-right:var(--IDS-SIDE-PANEL__BORDER);height:100%;position:relative;transform:none;transition:width .3s ease-in-out;width:23.75rem}.ids-side-panel.ids-side-panel--menu.ids-side-panel--elevated{border-right:var(--IDS-SIDE-PANEL__BORDER)}.ids-side-panel.ids-side-panel--menu.ids-side-panel--elevated.ids-side-panel--show{box-shadow:var(--IDS-BOX-SHADOW-ELEVATED-2-RIGHT);position:fixed;transform:translateX(20.625rem);transition:transform .3s cubic-bezier(.4,0,.2,1);width:23.75rem}}";
+var css_248z = "@media (max-width:639px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}.ids-side-panel-provider{display:flex;width:100%}.ids-side-panel-provider>:not(.ids-side-panel):not(.ids-side-panel-provider__side-panel){display:flex;flex:1;flex-direction:column;width:100%}.ids-side-panel-provider .ids-side-panel-provider__side-panel{display:flex}.ids-side-panel{background-color:var(--IDS-OVERLAY__BACKGROUND-COLOR);overflow:hidden;z-index:1}.ids-side-panel.ids-side-panel--regular{bottom:0;left:0;opacity:0;position:fixed;right:0;top:0;transition:opacity 0s linear .2s,visibility .3s,width 0s linear .4s;visibility:hidden;width:0;z-index:2}.ids-side-panel.ids-side-panel--regular .ids-side-panel__panel{background-color:var(--IDS-SIDE-PANEL__BACKGROUND-COLOR);border-left:0;border-top:var(--IDS-SIDE-PANEL__BORDER-TOP);box-sizing:border-box;display:flex;flex-direction:column;height:70vh;overflow-x:hidden;padding:1.25rem 1rem 0;position:relative;transform:translateY(100vh);transition:transform .3s cubic-bezier(.4,0,.2,1);width:100%}.ids-side-panel.ids-side-panel--regular .ids-side-panel__content::-webkit-scrollbar{width:.625rem}.ids-side-panel.ids-side-panel--regular .ids-side-panel__content::-webkit-scrollbar-thumb{background:var(--IDS-SCROLL__THUMB-COLOR);border:.125rem solid var(--IDS-SCROLL__TRACK-BACKGROUND-COLOR);border-radius:.625rem;cursor:auto}.ids-side-panel.ids-side-panel--regular .ids-side-panel__content::-webkit-scrollbar-thumb:hover{background:var(--IDS-SCROLL__THUMB-HOVER-COLOR)}.ids-side-panel.ids-side-panel--regular .ids-side-panel__content::-webkit-scrollbar-track{background:var(--IDS-SCROLL__TRACK-BACKGROUND-COLOR);border-radius:.625rem;margin-top:0;outline:.0625rem solid var(--IDS-SCROLL__TRACK-OUTLINE-COLOR)}.ids-side-panel.ids-side-panel--regular .ids-side-panel__content::-webkit-scrollbar-corner{background-color:transparent}.ids-side-panel.ids-side-panel--regular .ids-side-panel__content{box-sizing:border-box;order:1;overflow-x:hidden;overflow-y:auto;padding-bottom:1.25rem;width:100%}.ids-side-panel.ids-side-panel--regular .ids-side-panel__content:has(.ids-side-panel__footer){display:flex;flex-direction:column;justify-content:space-between}.ids-side-panel.ids-side-panel--regular .ids-side-panel__content:focus-visible{outline:.125rem solid var(--IDS-FOCUS__OUTLINE-COLOR);outline-offset:-.125rem!important}.ids-side-panel.ids-side-panel--regular .ids-side-panel__inner{margin:.5rem 1rem .5rem .5rem}.ids-side-panel.ids-side-panel--regular .ids-side-panel__actions{order:0;padding-bottom:.25rem;text-align:right;width:100%}.ids-side-panel.ids-side-panel--regular .ids-side-panel__close-button{background:none;border:none;cursor:pointer;height:1.25rem;position:relative;width:1.25rem}.ids-side-panel.ids-side-panel--regular .ids-side-panel__close-button:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-ICON--ACTIVE-COLOR);content:\"\\e916\";cursor:pointer;display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1.25rem;left:0;position:absolute;top:0}.ids-side-panel.ids-side-panel--regular .ids-side-panel__close-button:hover:before{color:var(--IDS-ICON--ACTIVE-HOVER-COLOR)}.ids-side-panel.ids-side-panel--regular .ids-side-panel__close-button:focus-visible{border-radius:100%;outline:.125rem solid var(--IDS-FOCUS__OUTLINE-COLOR);outline-offset:.375rem!important}.ids-side-panel.ids-side-panel--regular.ids-side-panel--show{height:100%;height:-webkit-fill-available;height:-moz-fill-available;min-height:100vh;opacity:1;transition:width 0s;visibility:visible;width:100%}.ids-side-panel.ids-side-panel--regular.ids-side-panel--show .ids-side-panel__panel{transform:translateY(30vh);transition:transform .3s cubic-bezier(.4,0,.2,1)}@media (min-width:640px){.ids-side-panel.ids-side-panel--regular .ids-side-panel__panel{height:100%;height:-webkit-fill-available;height:-moz-fill-available;min-height:100vh}.ids-side-panel.ids-side-panel--regular.ids-side-panel--show .ids-side-panel__panel{transform:translateY(50vh)}}@media (min-width:1024px){.ids-side-panel.ids-side-panel--regular{background-color:var(--IDS-SIDE-PANEL__BACKGROUND-COLOR);border-left:var(--IDS-SIDE-PANEL__BORDER);display:flex;overflow-x:hidden;position:relative;transform:none;transition:width .3s ease-in-out,opacity 0s linear .3s,height .4s,visibility .4s,transform 0s linear;width:0}.ids-side-panel.ids-side-panel--regular .ids-side-panel__panel{border-top:0;height:100%;height:-webkit-fill-available;height:-moz-fill-available;min-height:100vh;padding:1.25rem 0 0 1rem;top:0;transform:none;transition:none}.ids-side-panel.ids-side-panel--regular.ids-side-panel--show{height:100%;height:-webkit-fill-available;height:-moz-fill-available;min-height:100vh;transform:none;transition:width .3s ease-in-out,visibility 0s,opacity 0s,transform 0s linear}.ids-side-panel.ids-side-panel--regular.ids-side-panel--show .ids-side-panel__panel{transform:none;transition:none}.ids-side-panel.ids-side-panel--regular.ids-side-panel--show.ids-side-panel--s{width:14.75rem}.ids-side-panel.ids-side-panel--regular.ids-side-panel--show.ids-side-panel--s .ids-side-panel__actions,.ids-side-panel.ids-side-panel--regular.ids-side-panel--show.ids-side-panel--s .ids-side-panel__content{width:12.875rem}.ids-side-panel.ids-side-panel--regular.ids-side-panel--show.ids-side-panel--m{width:22.125rem}.ids-side-panel.ids-side-panel--regular.ids-side-panel--show.ids-side-panel--m .ids-side-panel__actions,.ids-side-panel.ids-side-panel--regular.ids-side-panel--show.ids-side-panel--m .ids-side-panel__content{width:20.25rem}.ids-side-panel.ids-side-panel--regular.ids-side-panel--show.ids-side-panel--l{width:29.5rem}.ids-side-panel.ids-side-panel--regular.ids-side-panel--show.ids-side-panel--l .ids-side-panel__actions,.ids-side-panel.ids-side-panel--regular.ids-side-panel--show.ids-side-panel--l .ids-side-panel__content{width:27.625rem}.ids-side-panel.ids-side-panel--regular.ids-side-panel--left{border-left:0;border-right:var(--IDS-SIDE-PANEL__BORDER)}.ids-side-panel.ids-side-panel--regular.ids-side-panel--left .ids-side-panel__panel{direction:rtl;padding:1.25rem 1rem 1.25rem 0}.ids-side-panel.ids-side-panel--regular.ids-side-panel--left .ids-side-panel__panel .ids-side-panel__content{direction:ltr}.ids-side-panel.ids-side-panel--regular.ids-side-panel--elevated{background-color:var(--IDS-SIDE-PANEL__BACKGROUND-COLOR);border-left:var(--IDS-SIDE-PANEL__BORDER);border-right:0;bottom:0;box-shadow:var(--IDS-BOX-SHADOW-ELEVATED-2-LEFT);height:100%;left:auto;position:fixed;right:0;top:0;width:0;z-index:2}.ids-side-panel.ids-side-panel--regular.ids-side-panel--elevated.ids-side-panel--left{border-left:0;border-right:var(--IDS-SIDE-PANEL__BORDER);box-shadow:var(--IDS-BOX-SHADOW-ELEVATED-2-RIGHT);left:0;right:auto}.ids-side-panel.ids-side-panel--regular.ids-side-panel--elevated.ids-side-panel--left .ids-side-panel__panel{padding:1.25rem 1rem 1.25rem 0}.ids-side-panel.ids-side-panel--regular.ids-side-panel--elevated.ids-side-panel--show.ids-side-panel--s{width:14.75rem}.ids-side-panel.ids-side-panel--regular.ids-side-panel--elevated.ids-side-panel--show.ids-side-panel--m{width:22.125rem}.ids-side-panel.ids-side-panel--regular.ids-side-panel--elevated.ids-side-panel--show.ids-side-panel--l{width:29.5rem}}.ids-side-panel.ids-side-panel--menu{background-color:var(--IDS-SIDE-PANEL__BACKGROUND-COLOR);border-right:var(--IDS-SIDE-PANEL__BORDER);display:flex;height:100%;height:-webkit-fill-available;height:-moz-fill-available;padding:0;position:relative;width:3.125rem}.ids-side-panel.ids-side-panel--menu .ids-side-panel__inner{padding:.5rem .75rem .5rem .5rem}.ids-side-panel.ids-side-panel--menu .ids-side-panel__panel{box-sizing:border-box;display:flex;flex-direction:column;padding:1.25rem 0 0;position:relative;width:100%}.ids-side-panel.ids-side-panel--menu .ids-side-panel__content::-webkit-scrollbar{width:.625rem}.ids-side-panel.ids-side-panel--menu .ids-side-panel__content::-webkit-scrollbar-thumb{background:var(--IDS-SCROLL__THUMB-COLOR);border:.125rem solid var(--IDS-SCROLL__TRACK-BACKGROUND-COLOR);border-radius:.625rem;cursor:auto}.ids-side-panel.ids-side-panel--menu .ids-side-panel__content::-webkit-scrollbar-thumb:hover{background:var(--IDS-SCROLL__THUMB-HOVER-COLOR)}.ids-side-panel.ids-side-panel--menu .ids-side-panel__content::-webkit-scrollbar-track{background:var(--IDS-SCROLL__TRACK-BACKGROUND-COLOR);border-radius:.625rem;margin-top:0;outline:.0625rem solid var(--IDS-SCROLL__TRACK-OUTLINE-COLOR)}.ids-side-panel.ids-side-panel--menu .ids-side-panel__content::-webkit-scrollbar-corner{background-color:transparent}.ids-side-panel.ids-side-panel--menu .ids-side-panel__content{box-sizing:border-box;height:100%;height:-webkit-fill-available;height:-moz-fill-available;opacity:0;overflow-x:hidden;overflow-y:auto;transition:visibility 0s,opacity 0s;visibility:hidden;width:100%}.ids-side-panel.ids-side-panel--menu .ids-side-panel__content:has(.ids-side-panel__footer){display:flex;flex-direction:column;justify-content:space-between}.ids-side-panel.ids-side-panel--menu .ids-side-panel__content:focus-visible{outline:.125rem solid var(--IDS-FOCUS__OUTLINE-COLOR);outline-offset:-.125rem!important}.ids-side-panel.ids-side-panel--menu .ids-side-panel__actions{margin-right:1.25rem;text-align:right;width:2.25rem}.ids-side-panel.ids-side-panel--menu .ids-side-panel__footer{border-bottom:.5rem solid var(--IDS-SIDE-PANEL__FOOTER-BORDER-BOTTOM-COLOR);border-top:.063rem solid var(--IDS-SIDE-PANEL__FOOTER-BORDER-TOP-COLOR);box-sizing:border-box;display:flex;flex-direction:column;font-family:var(--IDS-FONT-FAMILY-BASE);gap:1.25rem;opacity:0;padding:1.25rem;text-align:left;transition:visibility 0s,opacity 0s;visibility:hidden}.ids-side-panel.ids-side-panel--menu .ids-side-panel__footer-links{display:flex;flex-direction:column;gap:1.25rem}.ids-side-panel.ids-side-panel--menu .ids-side-panel__footer-links ::slotted(*){display:block;width:100%}.ids-side-panel.ids-side-panel--menu .ids-side-panel__footer-text{font-family:var(--IDS-FONT-FAMILY-BASE);line-height:1.5rem}.ids-side-panel.ids-side-panel--menu .ids-side-panel__hamburger .ids-hamburger{cursor:pointer;flex-shrink:0;position:relative;transition:all .2s;user-select:none}.ids-side-panel.ids-side-panel--menu .ids-side-panel__hamburger .ids-hamburger__lines{background-color:var(--IDS-SIDE-PANEL__HAMBURGER-COLOR);border-radius:.125rem;cursor:pointer;display:block;height:.125rem;position:relative;transition:all .2s;width:1.3125rem;width:1.25rem}.ids-side-panel.ids-side-panel--menu .ids-side-panel__hamburger .ids-hamburger__lines:after,.ids-side-panel.ids-side-panel--menu .ids-side-panel__hamburger .ids-hamburger__lines:before{background-color:var(--IDS-SIDE-PANEL__HAMBURGER-COLOR);border-radius:.125rem;content:\"\";display:inline-block;height:.125rem;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-side-panel.ids-side-panel--menu .ids-side-panel__hamburger .ids-hamburger__lines:before{top:.5rem}.ids-side-panel.ids-side-panel--menu .ids-side-panel__hamburger .ids-hamburger__lines:after{top:-.5rem}.ids-side-panel.ids-side-panel--menu .ids-side-panel__hamburger:hover .ids-hamburger__lines,.ids-side-panel.ids-side-panel--menu .ids-side-panel__hamburger:hover .ids-hamburger__lines:after,.ids-side-panel.ids-side-panel--menu .ids-side-panel__hamburger:hover .ids-hamburger__lines:before{background-color:var(--IDS-SIDE-PANEL__HAMBURGER-COLOR)}.ids-side-panel.ids-side-panel--menu .ids-side-panel__hamburger[aria-expanded=true] .ids-hamburger .ids-hamburger__lines{background:transparent}.ids-side-panel.ids-side-panel--menu .ids-side-panel__hamburger[aria-expanded=true] .ids-hamburger .ids-hamburger__lines:after,.ids-side-panel.ids-side-panel--menu .ids-side-panel__hamburger[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-side-panel.ids-side-panel--menu .ids-side-panel__hamburger[aria-expanded=true] .ids-hamburger .ids-hamburger__lines:before{-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg)}.ids-side-panel.ids-side-panel--menu .ids-side-panel__hamburger[aria-expanded=true] .ids-hamburger .ids-hamburger__lines:after{-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.ids-side-panel.ids-side-panel--menu .ids-side-panel__hamburger:focus-visible{border-radius:.0625rem;outline:.125rem solid var(--IDS-FOCUS__OUTLINE-COLOR);outline-offset:0!important}.ids-side-panel.ids-side-panel--menu .ids-side-panel__hamburger:focus-visible[aria-expanded=true]{border-radius:100%}.ids-side-panel.ids-side-panel--menu .ids-side-panel__hamburger{background-color:transparent;border:0;cursor:pointer;height:1.875rem;margin-right:-.25rem;padding:0 .25rem}.ids-side-panel.ids-side-panel--menu.ids-side-panel--show{border-right:0;bottom:0;left:0;position:fixed;right:0;top:0;width:100%}.ids-side-panel.ids-side-panel--menu.ids-side-panel--show .ids-side-panel__actions{width:auto}.ids-side-panel.ids-side-panel--menu.ids-side-panel--show .ids-side-panel__content,.ids-side-panel.ids-side-panel--menu.ids-side-panel--show .ids-side-panel__footer{opacity:1;transition:visibility 0s,opacity 0s;visibility:visible}.ids-side-panel.ids-side-panel--menu.ids-side-panel--elevated{bottom:0;left:auto;position:fixed;right:calc(100% - 3.125rem);top:0;transition:transform .3s cubic-bezier(.4,0,.2,1);width:3.125rem;z-index:2}.ids-side-panel.ids-side-panel--menu.ids-side-panel--elevated.ids-side-panel--show{transform:translateX(calc(100% - 3.125rem));width:100%}@media (min-width:1024px){.ids-side-panel.ids-side-panel--menu{transition:width .3s ease-in-out}.ids-side-panel.ids-side-panel--menu .ids-side-panel__panel{position:relative;transform:none;transition:none;width:23.75rem}.ids-side-panel.ids-side-panel--menu .ids-side-panel__content{width:23.75rem}.ids-side-panel.ids-side-panel--menu.ids-side-panel--show{border-right:var(--IDS-SIDE-PANEL__BORDER);height:100%;height:-webkit-fill-available;height:-moz-fill-available;position:relative;transform:none;transition:width .3s ease-in-out;width:23.75rem}.ids-side-panel.ids-side-panel--menu.ids-side-panel--elevated{border-right:var(--IDS-SIDE-PANEL__BORDER)}.ids-side-panel.ids-side-panel--menu.ids-side-panel--elevated.ids-side-panel--show{box-shadow:var(--IDS-BOX-SHADOW-ELEVATED-2-RIGHT);position:fixed;transform:translateX(20.625rem);transition:transform .3s cubic-bezier(.4,0,.2,1);width:23.75rem}}";
 
 var sidePanelLit = css`${unsafeCSS(css_248z)}`;
 

package/components/side-panel/side-panel-shadow-lit.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("lit").CSSResult;
+export default _default;

package/components/side-panel/side-panel-shadow-lit.js

@@ -0,0 +1,7 @@
+import { css, unsafeCSS } from 'lit';
+
+var css_248z = ".ids-side-panel.ids-side-panel--menu .ids-side-panel__footer-links ::slotted(*){display:block;width:100%}";
+
+var sidePanelShadowLit = css`${unsafeCSS(css_248z)}`;
+
+export { sidePanelShadowLit as default };

package/components/side-panel/side-panel-shadow.css

@@ -0,0 +1,4 @@
+.ids-side-panel.ids-side-panel--menu .ids-side-panel__footer-links ::slotted(*) {
+  display: block;
+  width: 100%;
+}