npm - @inera/ids-design - Versions diffs - 5.3.0 → 5.4.1 - Mend

@inera/ids-design 5.3.0 → 5.4.1

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

Files changed (162) hide show

package/components/header-1177-pro/header-1177-pro.css CHANGED Viewed

@@ -2,7 +2,7 @@
 * BUTTONS
 ********/
 /*******
-* SCROLLBAR
+* SCROLLBARS
 ********/
 /*******
 * FORM
@@ -23,23 +23,23 @@
 }
 header.ids-header-1177-pro {
-  background: white;
+  background: var(--IDS-COLOR-NEUTRAL-100);
   position: relative;
   z-index: 1;
-  border-top: 4px solid var(--IDS-COLOR-ACCENT-40);
+  border-top: 0.25rem solid var(--IDS-COLOR-ACCENT-40);
 }
 header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__container {
-  padding: var(--header-main_padding);
+  padding: 0;
   position: relative;
   z-index: 2;
 }
 @media (max-width: 1024px) {
   header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__container {
-    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
+    box-shadow: 0 0 0.625rem 0 rgba(0, 0, 0, 0.2);
   }
 }
 header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__container .ids-header-1177-pro__inner {
-  max-width: var(--IDS_MAX-WIDTH);
+  max-width: var(--IDS__MAX-WIDTH);
   box-sizing: border-box;
   margin-left: auto;
   margin-right: auto;
@@ -54,7 +54,7 @@ header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1
 }
 @media (max-width: 1024px) {
   header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__container .ids-header-1177-pro__inner {
-    padding: 0px 20px;
+    padding: 0 1.25rem;
     grid-template-columns: auto 1fr;
     height: 3rem;
   }
@@ -68,89 +68,89 @@ header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1
   grid-template-columns: auto auto;
 }
 header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__container .ids-header-1177-pro__inner .ids-header-1177-pro__logo-col .ids-header-1177-pro__logo {
-  width: 103px;
-  height: 40px;
+  width: 6.438rem;
+  height: 2.5rem;
   position: relative;
   align-items: center;
   justify-content: center;
   display: flex;
-  margin-left: 20px;
-  margin-right: 24px;
+  margin-left: 1.25rem;
+  margin-right: 1.5rem;
 }
 @media (max-width: 1024px) {
   header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__container .ids-header-1177-pro__inner .ids-header-1177-pro__logo-col .ids-header-1177-pro__logo {
-    width: 41px;
-    margin-left: 0px;
-    margin-right: 12px;
+    width: 2.563rem;
+    margin-left: 0;
+    margin-right: 0.75rem;
   }
 }
 header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__container .ids-header-1177-pro__inner .ids-header-1177-pro__logo-col .ids-header-1177-pro__logo a {
   display: block;
 }
 header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__container .ids-header-1177-pro__inner .ids-header-1177-pro__logo-col .ids-header-1177-pro__logo a:focus {
-  outline: var(--IDS-FOCUS_OUTLINE);
-  outline-offset: var(--IDS-FOCUS_OUTLINE-OFFSET) !important;
+  outline: var(--IDS-FOCUS__OUTLINE);
+  outline-offset: var(--IDS-FOCUS__OUTLINE-OFFSET) !important;
 }
 header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__container .ids-header-1177-pro__inner .ids-header-1177-pro__logo-col .ids-header-1177-pro__logo ::slotted([slot=logo]:focus) {
   display: block;
-  outline: var(--IDS-FOCUS_OUTLINE) !important;
-  outline-offset: var(--IDS-FOCUS_OUTLINE-OFFSET);
+  outline: var(--IDS-FOCUS__OUTLINE) !important;
+  outline-offset: var(--IDS-FOCUS__OUTLINE-OFFSET);
 }
 header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__container .ids-header-1177-pro__inner .ids-header-1177-pro__logo-text {
   color: var(--IDS-COLOR-ACCENT-30);
-  font-family: var(--font-family_2);
+  font-family: var(--IDS-FONT-FAMILY-HEADING);
   font-weight: 700;
   font-size: 1.25rem;
-  margin-left: 24px;
-  margin-right: 24px;
+  margin-left: 1.5rem;
+  margin-right: 1.5rem;
   position: relative;
 }
 header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__container .ids-header-1177-pro__inner .ids-header-1177-pro__logo-text::before {
-  left: -24px;
+  left: -1.5rem;
   content: "";
   position: absolute;
   display: block;
-  height: 64px;
-  width: 1px;
+  height: 4rem;
+  width: 0.063rem;
   top: 50%;
   transform: translateY(-50%);
   background: var(--IDS-COLOR-ACCENT-30);
 }
 @media (max-width: 1024px) {
   header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__container .ids-header-1177-pro__inner .ids-header-1177-pro__logo-text::before {
-    height: 32px;
+    height: 2rem;
   }
 }
 header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__container .ids-header-1177-pro__inner .ids-header-1177-pro__logo-text::after {
-  right: -24px;
+  right: -1.5rem;
   content: "";
   position: absolute;
   display: block;
-  height: 64px;
-  width: 1px;
+  height: 4rem;
+  width: 0.063rem;
   top: 50%;
   transform: translateY(-50%);
   background: var(--IDS-COLOR-ACCENT-30);
 }
 @media (max-width: 1024px) {
   header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__container .ids-header-1177-pro__inner .ids-header-1177-pro__logo-text::after {
-    height: 32px;
+    height: 2rem;
   }
 }
 @media (max-width: 1024px) {
   header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__container .ids-header-1177-pro__inner .ids-header-1177-pro__logo-text {
-    margin-left: 12px;
-    margin-right: 12px;
+    margin-left: 0.75rem;
+    margin-right: 0.75rem;
     font-size: 0.875rem;
   }
   header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__container .ids-header-1177-pro__inner .ids-header-1177-pro__logo-text::before {
-    height: 32px;
-    left: -12px;
+    height: 2rem;
+    left: -0.75rem;
     content: "";
     position: absolute;
     display: block;
-    height: 64px;
-    width: 1px;
+    height: 4rem;
+    width: 0.063rem;
     top: 50%;
     transform: translateY(-50%);
     background: var(--IDS-COLOR-ACCENT-30);
@@ -158,7 +158,7 @@ header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1
 }
 @media (max-width: 1024px) and (max-width: 1024px) {
   header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__container .ids-header-1177-pro__inner .ids-header-1177-pro__logo-text::before {
-    height: 32px;
+    height: 2rem;
   }
 }
 @media (max-width: 1024px) {
@@ -171,29 +171,29 @@ header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1
   display: grid;
   align-items: center;
   grid-auto-flow: column;
-  gap: 40px;
-  padding-right: 20px;
+  gap: 2.5rem;
+  padding-right: 1.25rem;
 }
 @media (max-width: 1024px) {
   header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__container .ids-header-1177-pro__inner .ids-header-1177-pro__items:not(.ids-header-1177-pro__items__item--mobile) {
-    gap: 0px;
-    margin-right: 0px;
-    padding-right: 0px;
+    gap: 0;
+    margin-right: 0;
+    padding-right: 0;
   }
 }
 @media (max-width: 1024px) {
   header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) {
-    border-top: 4px solid var(--IDS-COLOR-ACCENT-40);
+    border-top: 0.25rem solid var(--IDS-COLOR-ACCENT-40);
     box-shadow: none;
   }
 }
 header.ids-header-1177-pro.ids-header-1177-pro--unresponsive .ids-header-1177-pro__container {
-  padding: var(--header-main_padding);
+  padding: 0;
   position: relative;
   z-index: 2;
 }
 header.ids-header-1177-pro.ids-header-1177-pro--unresponsive .ids-header-1177-pro__container .ids-header-1177-pro__inner {
-  max-width: var(--IDS_MAX-WIDTH);
+  max-width: var(--IDS__MAX-WIDTH);
   box-sizing: border-box;
   margin-left: auto;
   margin-right: auto;
@@ -212,54 +212,54 @@ header.ids-header-1177-pro.ids-header-1177-pro--unresponsive .ids-header-1177-pr
   grid-template-columns: auto auto;
 }
 header.ids-header-1177-pro.ids-header-1177-pro--unresponsive .ids-header-1177-pro__container .ids-header-1177-pro__inner .ids-header-1177-pro__logo-col .ids-header-1177-pro__logo {
-  width: 103px;
-  height: 40px;
+  width: 6.438rem;
+  height: 2.5rem;
   position: relative;
   align-items: center;
   justify-content: center;
   display: flex;
-  margin-left: 20px;
-  margin-right: 24px;
+  margin-left: 1.25rem;
+  margin-right: 1.5rem;
 }
 header.ids-header-1177-pro.ids-header-1177-pro--unresponsive .ids-header-1177-pro__container .ids-header-1177-pro__inner .ids-header-1177-pro__logo-col .ids-header-1177-pro__logo a {
   display: block;
 }
 header.ids-header-1177-pro.ids-header-1177-pro--unresponsive .ids-header-1177-pro__container .ids-header-1177-pro__inner .ids-header-1177-pro__logo-col .ids-header-1177-pro__logo a:focus {
-  outline: var(--IDS-FOCUS_OUTLINE);
-  outline-offset: var(--IDS-FOCUS_OUTLINE-OFFSET) !important;
+  outline: var(--IDS-FOCUS__OUTLINE);
+  outline-offset: var(--IDS-FOCUS__OUTLINE-OFFSET) !important;
 }
 header.ids-header-1177-pro.ids-header-1177-pro--unresponsive .ids-header-1177-pro__container .ids-header-1177-pro__inner .ids-header-1177-pro__logo-col .ids-header-1177-pro__logo ::slotted([slot=logo]:focus) {
   display: block;
-  outline: var(--IDS-FOCUS_OUTLINE) !important;
-  outline-offset: var(--IDS-FOCUS_OUTLINE-OFFSET);
+  outline: var(--IDS-FOCUS__OUTLINE) !important;
+  outline-offset: var(--IDS-FOCUS__OUTLINE-OFFSET);
 }
 header.ids-header-1177-pro.ids-header-1177-pro--unresponsive .ids-header-1177-pro__container .ids-header-1177-pro__inner .ids-header-1177-pro__logo-text {
   color: var(--IDS-COLOR-ACCENT-30);
-  font-family: var(--font-family_2);
+  font-family: var(--IDS-FONT-FAMILY-HEADING);
   font-weight: 700;
   font-size: 1.25rem;
-  margin-left: 24px;
-  margin-right: 24px;
+  margin-left: 1.5rem;
+  margin-right: 1.5rem;
   position: relative;
 }
 header.ids-header-1177-pro.ids-header-1177-pro--unresponsive .ids-header-1177-pro__container .ids-header-1177-pro__inner .ids-header-1177-pro__logo-text::before {
-  left: -24px;
+  left: -1.5rem;
   content: "";
   position: absolute;
   display: block;
-  height: 64px;
-  width: 1px;
+  height: 4rem;
+  width: 0.063rem;
   top: 50%;
   transform: translateY(-50%);
   background: var(--IDS-COLOR-ACCENT-30);
 }
 header.ids-header-1177-pro.ids-header-1177-pro--unresponsive .ids-header-1177-pro__container .ids-header-1177-pro__inner .ids-header-1177-pro__logo-text::after {
-  right: -24px;
+  right: -1.5rem;
   content: "";
   position: absolute;
   display: block;
-  height: 64px;
-  width: 1px;
+  height: 4rem;
+  width: 0.063rem;
   top: 50%;
   transform: translateY(-50%);
   background: var(--IDS-COLOR-ACCENT-30);
@@ -269,8 +269,8 @@ header.ids-header-1177-pro.ids-header-1177-pro--unresponsive .ids-header-1177-pr
   display: grid;
   align-items: center;
   grid-auto-flow: column;
-  gap: 40px;
-  padding-right: 20px;
+  gap: 2.5rem;
+  padding-right: 1.25rem;
 }
 header.ids-header-1177-pro.ids-header-1177-pro--fluid .ids-header-1177-pro__container .ids-header-1177-pro__inner {
   max-width: 100% !important;

package/components/header-inera/header-inera-item-lit.js CHANGED Viewed

@@ -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-item{align-items:center;display:none;margin-right:8px;padding:16px 8px;position:relative}.ids-header-inera-item.ids-header-inera-item--mobile{display:flex}.ids-header-inera-item a{bottom:0;left:0;position:absolute;right:0;top:0;z-index:2}.ids-header-inera-item .ids-header-inera-item__text{color:var(--IDS-COLOR-NEUTRAL-20);display:none;font-family:var(--font-family_1)!important;font-size:1rem!important;font-weight:600!important;margin-left:8px;text-decoration:none}.ids-header-inera-item .ids-header-inera-item__icon{display:flex}.ids-header-inera-item ::slotted(:not([slot=icon])){bottom:0;cursor:pointer!important;left:0;opacity:0;position:absolute;right:0;top:0;z-index:1}.ids-header-inera-item:focus-within{outline:var(--focus_outline);outline-offset:var(--focus_outline-offset)}@media (min-width:1024px){.ids-header-inera-item{display:flex;margin-right:30px}.ids-header-inera-item .ids-header-inera-item__text{display:flex}.ids-header-inera-item.ids-header-inera-item__separator{margin-left:32px}.ids-header-inera-item.ids-header-inera-item__separator:after{background-color:var(--IDS-COLOR-NEUTRAL-90);bottom:-15px;content:\"\";left:-16px;position:absolute;top:-20px;width:1px}}@media (max-width:1024px){.ids-header-inera-item.ids-header-inera-item--unresponsive,.ids-header-inera-item.ids-header-inera-item--unresponsive .ids-header-inera-item__text{display:flex}}";
+var css_248z = "@media (max-width:1023px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}.ids-header-inera-item{align-items:center;display:none;margin-right:.5rem;padding:1rem .5rem;position:relative}.ids-header-inera-item.ids-header-inera-item--mobile{display:flex}.ids-header-inera-item a{bottom:0;left:0;position:absolute;right:0;top:0;z-index:2}.ids-header-inera-item .ids-header-inera-item__text{color:var(--IDS-COLOR-NEUTRAL-20);display:none;font-family:var(--IDS-FONT-FAMILY-BASE)!important;font-size:1rem!important;font-weight:600!important;margin-left:.5rem;text-decoration:none}.ids-header-inera-item .ids-header-inera-item__icon{display:flex}.ids-header-inera-item ::slotted(:not([slot=icon])){bottom:0;cursor:pointer!important;left:0;opacity:0;position:absolute;right:0;top:0;z-index:1}.ids-header-inera-item:focus-within{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)}@media (min-width:1024px){.ids-header-inera-item{display:flex;margin-right:1.875rem}.ids-header-inera-item .ids-header-inera-item__text{display:flex;font-size:1rem}.ids-header-inera-item.ids-header-inera-item__separator{margin-left:2rem}.ids-header-inera-item.ids-header-inera-item__separator:after{background-color:var(--IDS-COLOR-NEUTRAL-90);border-left:.688rem solid var(--IDS-COLOR-NEUTRAL-100);border-right:.688rem solid var(--IDS-COLOR-NEUTRAL-100);bottom:0;content:\"\";left:-2.063rem;position:absolute;top:0;width:.063rem}}@media (max-width:1024px){.ids-header-inera-item.ids-header-inera-item--unresponsive,.ids-header-inera-item.ids-header-inera-item--unresponsive .ids-header-inera-item__text{display:flex}}";
 var headerIneraItemLit = css`${unsafeCSS(css_248z)}`;

package/components/header-inera/header-inera-item.css CHANGED Viewed

@@ -13,8 +13,8 @@
 .ids-header-inera-item {
   position: relative;
   align-items: center;
-  margin-right: 8px;
-  padding: 16px 8px;
+  margin-right: 0.5rem;
+  padding: 1rem 0.5rem;
   display: none;
 }
 .ids-header-inera-item.ids-header-inera-item--mobile {
@@ -32,10 +32,10 @@
   display: none;
   text-decoration: none;
   font-weight: 600 !important;
-  font-family: var(--font-family_1) !important;
+  font-family: var(--IDS-FONT-FAMILY-BASE) !important;
   font-size: 1rem !important;
   color: var(--IDS-COLOR-NEUTRAL-20);
-  margin-left: 8px;
+  margin-left: 0.5rem;
 }
 .ids-header-inera-item .ids-header-inera-item__icon {
   display: flex;
@@ -51,28 +51,31 @@
   z-index: 1;
 }
 .ids-header-inera-item:focus-within {
-  outline: var(--focus_outline);
-  outline-offset: var(--focus_outline-offset);
+  outline: var(--IDS-FOCUS__OUTLINE);
+  outline-offset: var(--IDS-FOCUS__OUTLINE-OFFSET);
 }
 @media all and (min-width: 1024px) {
   .ids-header-inera-item {
-    margin-right: 30px;
+    margin-right: 1.875rem;
     display: flex;
   }
   .ids-header-inera-item .ids-header-inera-item__text {
+    font-size: 1rem;
     display: flex;
   }
   .ids-header-inera-item.ids-header-inera-item__separator {
-    margin-left: 32px;
+    margin-left: 2rem;
   }
   .ids-header-inera-item.ids-header-inera-item__separator::after {
     content: "";
     background-color: var(--IDS-COLOR-NEUTRAL-90);
-    width: 1px;
+    width: 0.063rem;
     position: absolute;
-    top: -20px;
-    bottom: -15px;
-    left: -16px;
+    top: 0;
+    bottom: 0;
+    border-left: 0.688rem solid var(--IDS-COLOR-NEUTRAL-100);
+    border-right: 0.688rem solid var(--IDS-COLOR-NEUTRAL-100);
+    left: -2.063rem;
   }
 }
 @media all and (max-width: 1024px) {

package/components/header-inera/header-inera-lit.js CHANGED Viewed

@@ -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{box-shadow:0 0 10px rgba(0,0,0,.3);display:flex;flex-direction:column;padding:0 16px;position:relative;z-index:3}.ids-header-inera .ids-header-inera__skip-to-content ::slotted(a),.ids-header-inera .ids-header-inera__skip-to-content a{align-items:center;background-color:#fff;box-shadow:0 0 10px 0 rgba(0,0,0,.3);color:var(--IDS-LINK--COLORPRESET-1__COLOR);display:flex;font-family:var(--IDS-LINK--FONT-FAMILY);font-size:16px;height:48px;justify-content:center;left:0;padding:0 16px;position:absolute;right:0;text-align:center;text-decoration-color:var(--IDS-LINK--COLORPRESET-1__COLOR);text-decoration:underline;transform:translateY(-300%);transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:10}.ids-header-inera .ids-header-inera__skip-to-content ::slotted(a:focus),.ids-header-inera .ids-header-inera__skip-to-content a:focus{color:var(--IDS-LINK--COLORPRESET-1__HOVER-COLOR);outline-offset:-8px!important;text-decoration-color:var(--IDS-LINK--COLORPRESET-1__HOVER-COLOR);transform:translateY(0);transition:transform .3s cubic-bezier(.4,0,.2,1)}.ids-header-inera .ids-header-inera__inner{align-items:center;background-color:var(--IDS-COLOR-BACKGROUND);box-sizing:border-box;display:flex;flex-wrap:wrap;justify-content:space-between;margin-left:auto;margin-right:auto;max-width:var(--IDS_MAX-WIDTH);min-height:48px;width:100%;z-index:2}.ids-header-inera .ids-header-inera__logo{width:82px}.ids-header-inera .ids-header-inera__items{align-items:center;display:flex;flex-wrap:wrap}.ids-header-inera.ids-header-inera--fluid .ids-header-inera__inner{margin-left:0;margin-right:0;max-width:none}@media (min-width:1024px){.ids-header-inera{padding:0 88px}.ids-header-inera .ids-header-inera__inner{min-height:90px}.ids-header-inera .ids-header-inera__logo{width:148px}}@media (max-width:1024px){.ids-header-inera.ids-header-inera--unresponsive .ids-header-inera__inner{min-height:90px}}";
+var css_248z = "@media (max-width:1023px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}.ids-header-inera{box-shadow:0 0 .625rem rgba(0,0,0,.3);display:flex;flex-direction:column;padding:0 1rem;position:relative;z-index:3}.ids-header-inera .ids-header-inera__skip-to-content ::slotted(a),.ids-header-inera .ids-header-inera__skip-to-content a{align-items:center;background-color:var(--IDS-COLOR-NEUTRAL-100);box-shadow:0 0 .625rem 0 rgba(0,0,0,.3);color:var(--IDS-LINK--COLORPRESET-1__COLOR);display:flex;font-family:var(--IDS-LINK__FONT-FAMILY);font-size:1rem;height:3rem;justify-content:center;left:0;padding:0 1rem;position:absolute;right:0;text-align:center;text-decoration-color:var(--IDS-LINK--COLORPRESET-1__COLOR);text-decoration:underline;transform:translateY(-300%);transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:10}.ids-header-inera .ids-header-inera__skip-to-content ::slotted(a:focus),.ids-header-inera .ids-header-inera__skip-to-content a:focus{color:var(--IDS-LINK--COLORPRESET-1__HOVER-COLOR);outline-offset:-.375rem!important;text-decoration-color:var(--IDS-LINK--COLORPRESET-1__HOVER-COLOR);transform:translateY(0);transition:transform .3s cubic-bezier(.4,0,.2,1)}.ids-header-inera .ids-header-inera__inner{align-items:center;background-color:var(--IDS-COLOR-BACKGROUND);box-sizing:border-box;display:flex;flex-wrap:wrap;justify-content:space-between;margin-left:auto;margin-right:auto;max-width:var(--IDS__MAX-WIDTH);min-height:3rem;width:100%;z-index:2}.ids-header-inera .ids-header-inera__logo{width:5.125rem}.ids-header-inera .ids-header-inera__items{align-items:center;display:flex;flex-wrap:wrap}.ids-header-inera.ids-header-inera--fluid .ids-header-inera__inner{margin-left:0;margin-right:0;max-width:none}@media (min-width:1024px){.ids-header-inera{padding:0 5.5rem}.ids-header-inera .ids-header-inera__inner{min-height:5.625rem}.ids-header-inera .ids-header-inera__logo{width:9.25rem}}@media (max-width:1024px){.ids-header-inera.ids-header-inera--unresponsive .ids-header-inera__inner{min-height:5.625rem}}";
 var headerIneraLit = css`${unsafeCSS(css_248z)}`;

package/components/header-inera/header-inera-nav-item-lit.js CHANGED Viewed

@@ -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-nav-item{display:none}.ids-header-inera-nav-item ::slotted(.ids-link),.ids-header-inera-nav-item ::slotted(a){bottom:0;left:0;opacity:0;position:absolute;right:0;top:0}.ids-header-inera-nav-item .ids-notification-badge,.ids-header-inera-nav-item ids-notification-badge{display:inline-flex;height:0;margin-left:3px;position:relative;top:-2px}.ids-header-inera-nav-item.ids-header-inera-nav-item--unresponsive{display:block}.ids-header-inera-nav-item:focus-within .ids-header-inera-nav-item__link{outline:var(--focus_outline);outline-offset:-5px}.ids-header-inera-nav-item .ids-header-inera-nav-item__button,.ids-header-inera-nav-item .ids-header-inera-nav-item__link{background-color:transparent;border:0;color:var(--IDS-COLOR-NEUTRAL-20);cursor:pointer;display:block;font-family:var(--font-family_2);font-size:18px;font-weight:600;line-height:24px;outline-offset:-2px!important;padding:8px 10px;position:relative;text-decoration:none}.ids-header-inera-nav-item .ids-header-inera-nav-item__button a,.ids-header-inera-nav-item .ids-header-inera-nav-item__link a{color:var(--IDS-COLOR-NEUTRAL-20);font-family:var(--font-family_2);text-decoration:none}.ids-header-inera-nav-item .ids-header-inera-nav-item__button a:focus,.ids-header-inera-nav-item .ids-header-inera-nav-item__link a:focus{outline:none}.ids-header-inera-nav-item .ids-header-inera-nav-item__button.ids-header-inera-nav-item__button--active,.ids-header-inera-nav-item .ids-header-inera-nav-item__button.ids-header-inera-nav-item__link--active,.ids-header-inera-nav-item .ids-header-inera-nav-item__link.ids-header-inera-nav-item__button--active,.ids-header-inera-nav-item .ids-header-inera-nav-item__link.ids-header-inera-nav-item__link--active{background-color:var(--header-nav-item-active_background-color)}.ids-header-inera-nav-item .ids-header-inera-nav-item__button.ids-header-inera-nav-item__button--active:after,.ids-header-inera-nav-item .ids-header-inera-nav-item__button.ids-header-inera-nav-item__link--active:after,.ids-header-inera-nav-item .ids-header-inera-nav-item__link.ids-header-inera-nav-item__button--active:after,.ids-header-inera-nav-item .ids-header-inera-nav-item__link.ids-header-inera-nav-item__link--active:after{right:0;width:auto}.ids-header-inera-nav-item .ids-header-inera-nav-item__button.ids-header-inera-nav-item__button--expanded,.ids-header-inera-nav-item .ids-header-inera-nav-item__link.ids-header-inera-nav-item__button--expanded{background-color:var(--header-nav-item-expanded_background-color);border:var(--header-nav-item-expanded_border)!important;color:var(--header-nav-item-expanded_color)}.ids-header-inera-nav-item .ids-header-inera-nav-item__button.ids-header-inera-nav-item__button--expanded:after,.ids-header-inera-nav-item .ids-header-inera-nav-item__link.ids-header-inera-nav-item__button--expanded:after{right:0;width:auto}.ids-header-inera-nav-item .ids-header-inera-nav-item__button:after,.ids-header-inera-nav-item .ids-header-inera-nav-item__link:after{background:var(--header-nav-item-after_background);bottom:0;content:\"\";display:block;height:5px;left:0;margin-left:10px;margin-right:10px;position:absolute;right:100%;transition:all .3s ease;width:0}.ids-header-inera-nav-item .ids-header-inera-nav-item__button:hover,.ids-header-inera-nav-item .ids-header-inera-nav-item__link:hover{border:var(--header-nav-item-hover_border);text-decoration:none}.ids-header-inera-nav-item .ids-header-inera-nav-item__button:hover:after,.ids-header-inera-nav-item .ids-header-inera-nav-item__link:hover:after{right:0;width:auto}.ids-header-inera-nav-item .ids-header-inera-nav-item__button.focus-within:after,.ids-header-inera-nav-item .ids-header-inera-nav-item__button:focus-visible:after,.ids-header-inera-nav-item .ids-header-inera-nav-item__button:focus:after,.ids-header-inera-nav-item .ids-header-inera-nav-item__link.focus-within:after,.ids-header-inera-nav-item .ids-header-inera-nav-item__link:focus-visible:after,.ids-header-inera-nav-item .ids-header-inera-nav-item__link:focus:after{right:0;width:auto}.ids-header-inera-nav-item .ids-header-inera-nav-item__button:focus-visible:focus,.ids-header-inera-nav-item .ids-header-inera-nav-item__link:focus-visible:focus{outline:var(--IDS-FOCUS_OUTLINE);outline-offset:-2px!important}.ids-header-inera-nav-item .ids-header-inera-nav-item__content{background-color:var(--IDS-COLOR-SECONDARY-95);box-shadow:0 4px 8px 0 rgba(53,53,53,.2);box-sizing:border-box;display:flex;left:0;min-height:173px;overflow:hidden;padding:40px 16px 50px;position:absolute;right:0;top:101%;width:100%;z-index:20}.ids-header-inera-nav-item .ids-header-inera-nav-item__content-inner{display:flex;margin:0 auto;max-width:var(--IDS_MAX-WIDTH);width:100%}.ids-header-inera-nav-item .ids-header-inera-nav-item__content-inner.ids-header-inera-nav-item__content-inner--fluid{max-width:none}.ids-header-inera-nav-item .ids-header-inera-nav-item__content-col{flex:0 25%}.ids-header-inera-nav-item ::slotted([slot=col-1]),.ids-header-inera-nav-item ::slotted([slot=col-2]),.ids-header-inera-nav-item ::slotted([slot=col-3]),.ids-header-inera-nav-item ::slotted([slot=col-4]){border-bottom:var(--header-nav-item-link_border-bottom);display:block;font-size:1rem;line-height:24px;margin-bottom:10px;margin-right:40px;padding-bottom:10px}.ids-header-inera-nav-item ::slotted([slot=col-1]) a,.ids-header-inera-nav-item ::slotted([slot=col-2]) a,.ids-header-inera-nav-item ::slotted([slot=col-3]) a,.ids-header-inera-nav-item ::slotted([slot=col-4]) a{display:block}.ids-header-inera-nav-item .ids-header-inera-nav-item__content-col>div{border-bottom:var(--header-nav-item-link_border-bottom);display:block;font-size:1rem;line-height:24px;margin-bottom:10px;margin-right:40px;padding-bottom:10px}@media only screen and (min-width:1024px){.ids-header-inera-nav-item{display:flex}.ids-header-inera-nav-item .ids-header-inera-nav-item__content{padding:40px 88px 50px}}@media only screen and (max-width:1024px){.ids-header-inera-nav-item .nav-item{font-size:1.0625rem!important}}";
+var css_248z = "@media (max-width:1023px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}.ids-header-inera-nav-item{display:none}.ids-header-inera-nav-item ::slotted(.ids-link),.ids-header-inera-nav-item ::slotted(a){bottom:0;left:0;opacity:0;position:absolute;right:0;top:0}.ids-header-inera-nav-item .ids-notification-badge,.ids-header-inera-nav-item ids-notification-badge{display:inline-flex;height:0;margin-left:.188rem;position:relative;top:-.125rem}.ids-header-inera-nav-item.ids-header-inera-nav-item--unresponsive{display:block}.ids-header-inera-nav-item:focus-within .ids-header-inera-nav-item__link{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:-.313rem}.ids-header-inera-nav-item .ids-header-inera-nav-item__button,.ids-header-inera-nav-item .ids-header-inera-nav-item__link{background-color:transparent;border:0;color:var(--IDS-COLOR-NEUTRAL-20);cursor:pointer;display:block;font-family:var(--IDS-FONT-FAMILY-HEADING);font-size:1.125rem;font-weight:600;line-height:1.5rem;outline-offset:-.125rem!important;padding:.5rem .625rem;position:relative;text-decoration:none}.ids-header-inera-nav-item .ids-header-inera-nav-item__button a,.ids-header-inera-nav-item .ids-header-inera-nav-item__link a{color:var(--IDS-COLOR-NEUTRAL-20);font-family:var(--IDS-FONT-FAMILY-HEADING);text-decoration:none}.ids-header-inera-nav-item .ids-header-inera-nav-item__button a:focus,.ids-header-inera-nav-item .ids-header-inera-nav-item__link a:focus{outline:none}.ids-header-inera-nav-item .ids-header-inera-nav-item__button.ids-header-inera-nav-item__button--active:after,.ids-header-inera-nav-item .ids-header-inera-nav-item__button.ids-header-inera-nav-item__link--active:after,.ids-header-inera-nav-item .ids-header-inera-nav-item__link.ids-header-inera-nav-item__button--active:after,.ids-header-inera-nav-item .ids-header-inera-nav-item__link.ids-header-inera-nav-item__link--active:after{right:0;width:auto}.ids-header-inera-nav-item .ids-header-inera-nav-item__button.ids-header-inera-nav-item__button--expanded,.ids-header-inera-nav-item .ids-header-inera-nav-item__link.ids-header-inera-nav-item__button--expanded{color:var(--IDS-COLOR-NEUTRAL-20)}.ids-header-inera-nav-item .ids-header-inera-nav-item__button.ids-header-inera-nav-item__button--expanded:after,.ids-header-inera-nav-item .ids-header-inera-nav-item__link.ids-header-inera-nav-item__button--expanded:after{right:0;width:auto}.ids-header-inera-nav-item .ids-header-inera-nav-item__button:after,.ids-header-inera-nav-item .ids-header-inera-nav-item__link:after{background:var(--IDS-COLOR-PRIMARY-40);bottom:0;content:\"\";display:block;height:.313rem;left:0;margin-left:.625rem;margin-right:.625rem;position:absolute;right:100%;transition:all .3s ease;width:0}.ids-header-inera-nav-item .ids-header-inera-nav-item__button:hover,.ids-header-inera-nav-item .ids-header-inera-nav-item__link:hover{text-decoration:none}.ids-header-inera-nav-item .ids-header-inera-nav-item__button:hover:after,.ids-header-inera-nav-item .ids-header-inera-nav-item__link:hover:after{right:0;width:auto}.ids-header-inera-nav-item .ids-header-inera-nav-item__button.focus-within:after,.ids-header-inera-nav-item .ids-header-inera-nav-item__button:focus-visible:after,.ids-header-inera-nav-item .ids-header-inera-nav-item__button:focus:after,.ids-header-inera-nav-item .ids-header-inera-nav-item__link.focus-within:after,.ids-header-inera-nav-item .ids-header-inera-nav-item__link:focus-visible:after,.ids-header-inera-nav-item .ids-header-inera-nav-item__link:focus:after{right:0;width:auto}.ids-header-inera-nav-item .ids-header-inera-nav-item__button:focus-visible:focus,.ids-header-inera-nav-item .ids-header-inera-nav-item__link:focus-visible:focus{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:-.125rem!important}.ids-header-inera-nav-item .ids-header-inera-nav-item__content{background-color:var(--IDS-COLOR-SECONDARY-95);box-shadow:0 .25rem .5rem 0 rgba(53,53,53,.2);box-sizing:border-box;display:flex;left:0;min-height:10.813rem;overflow:hidden;padding:2.5rem 1rem 3.125rem;position:absolute;right:0;top:101%;width:100%;z-index:20}.ids-header-inera-nav-item .ids-header-inera-nav-item__content-inner{display:flex;margin:0 auto;max-width:var(--IDS__MAX-WIDTH);width:100%}.ids-header-inera-nav-item .ids-header-inera-nav-item__content-inner.ids-header-inera-nav-item__content-inner--fluid{max-width:none}.ids-header-inera-nav-item .ids-header-inera-nav-item__content-col{flex:0 25%}.ids-header-inera-nav-item ::slotted([slot=col-1]),.ids-header-inera-nav-item ::slotted([slot=col-2]),.ids-header-inera-nav-item ::slotted([slot=col-3]){border-bottom:.063rem solid #ddd7d3;display:block;font-size:1rem;line-height:1.5rem;margin-bottom:.625rem;margin-right:2.5rem;padding-bottom:.625rem}.ids-header-inera-nav-item .ids-header-inera-nav-item__content-col:first-child .ids-link,.ids-header-inera-nav-item .ids-header-inera-nav-item__content-col:nth-child(2) .ids-link,.ids-header-inera-nav-item .ids-header-inera-nav-item__content-col:nth-child(3) .ids-link{border-bottom:.063rem solid #ddd7d3;display:block;font-size:1rem;line-height:1.5rem;margin-bottom:.625rem;margin-right:2.5rem;padding-bottom:.625rem}@media only screen and (min-width:1024px){.ids-header-inera-nav-item{display:flex}.ids-header-inera-nav-item .ids-header-inera-nav-item__content{padding:2.5rem 5.5rem 3.125rem}}@media only screen and (max-width:1024px){.ids-header-inera-nav-item .nav-item{font-size:1.0625rem!important}}";
 var headerIneraNavItemLit = css`${unsafeCSS(css_248z)}`;

package/components/header-inera/header-inera-nav-item.css CHANGED Viewed

@@ -14,7 +14,7 @@
 * BUTTONS
 ********/
 /*******
-* SCROLLBAR
+* SCROLLBARS
 ********/
 /*******
 * FORM
@@ -36,30 +36,30 @@
 }
 .ids-header-inera-nav-item ids-notification-badge,
 .ids-header-inera-nav-item .ids-notification-badge {
-  margin-left: 3px;
+  margin-left: 0.188rem;
   display: inline-flex;
   height: 0;
   position: relative;
-  top: -2px;
+  top: -0.125rem;
 }
 .ids-header-inera-nav-item.ids-header-inera-nav-item--unresponsive {
   display: block;
 }
 .ids-header-inera-nav-item:focus-within .ids-header-inera-nav-item__link {
-  outline: var(--focus_outline);
-  outline-offset: -5px;
+  outline: var(--IDS-FOCUS__OUTLINE);
+  outline-offset: -0.313rem;
 }
 .ids-header-inera-nav-item .ids-header-inera-nav-item__button,
 .ids-header-inera-nav-item .ids-header-inera-nav-item__link {
   display: block;
   position: relative;
-  padding: 8px 10px;
-  outline-offset: -2px !important;
+  padding: 0.5rem 0.625rem;
+  outline-offset: -0.125rem !important;
   text-decoration: none;
-  font-size: 18px;
-  line-height: 24px;
+  font-size: 1.125rem;
+  line-height: 1.5rem;
   font-weight: 600;
-  font-family: var(--font-family_2);
+  font-family: var(--IDS-FONT-FAMILY-HEADING);
   color: var(--IDS-COLOR-NEUTRAL-20);
   background-color: transparent;
   border: 0;
@@ -67,7 +67,7 @@
 }
 .ids-header-inera-nav-item .ids-header-inera-nav-item__button a,
 .ids-header-inera-nav-item .ids-header-inera-nav-item__link a {
-  font-family: var(--font-family_2);
+  font-family: var(--IDS-FONT-FAMILY-HEADING);
   color: var(--IDS-COLOR-NEUTRAL-20);
   text-decoration: none;
 }
@@ -75,11 +75,6 @@
 .ids-header-inera-nav-item .ids-header-inera-nav-item__link a:focus {
   outline: none;
 }
-.ids-header-inera-nav-item .ids-header-inera-nav-item__button.ids-header-inera-nav-item__button--active, .ids-header-inera-nav-item .ids-header-inera-nav-item__button.ids-header-inera-nav-item__link--active,
-.ids-header-inera-nav-item .ids-header-inera-nav-item__link.ids-header-inera-nav-item__button--active,
-.ids-header-inera-nav-item .ids-header-inera-nav-item__link.ids-header-inera-nav-item__link--active {
-  background-color: var(--header-nav-item-active_background-color);
-}
 .ids-header-inera-nav-item .ids-header-inera-nav-item__button.ids-header-inera-nav-item__button--active:after, .ids-header-inera-nav-item .ids-header-inera-nav-item__button.ids-header-inera-nav-item__link--active:after,
 .ids-header-inera-nav-item .ids-header-inera-nav-item__link.ids-header-inera-nav-item__button--active:after,
 .ids-header-inera-nav-item .ids-header-inera-nav-item__link.ids-header-inera-nav-item__link--active:after {
@@ -88,9 +83,7 @@
 }
 .ids-header-inera-nav-item .ids-header-inera-nav-item__button.ids-header-inera-nav-item__button--expanded,
 .ids-header-inera-nav-item .ids-header-inera-nav-item__link.ids-header-inera-nav-item__button--expanded {
-  background-color: var(--header-nav-item-expanded_background-color);
-  border: var(--header-nav-item-expanded_border) !important;
-  color: var(--header-nav-item-expanded_color);
+  color: var(--IDS-COLOR-NEUTRAL-20);
 }
 .ids-header-inera-nav-item .ids-header-inera-nav-item__button.ids-header-inera-nav-item__button--expanded:after,
 .ids-header-inera-nav-item .ids-header-inera-nav-item__link.ids-header-inera-nav-item__button--expanded:after {
@@ -100,21 +93,20 @@
 .ids-header-inera-nav-item .ids-header-inera-nav-item__button:after,
 .ids-header-inera-nav-item .ids-header-inera-nav-item__link:after {
   content: "";
-  background: var(--header-nav-item-after_background);
+  background: var(--IDS-COLOR-PRIMARY-40);
   display: block;
-  height: 5px;
+  height: 0.313rem;
   left: 0;
   right: 100%;
   bottom: 0;
   position: absolute;
   transition: all 0.3s ease;
   width: 0;
-  margin-left: 10px;
-  margin-right: 10px;
+  margin-left: 0.625rem;
+  margin-right: 0.625rem;
 }
 .ids-header-inera-nav-item .ids-header-inera-nav-item__button:hover,
 .ids-header-inera-nav-item .ids-header-inera-nav-item__link:hover {
-  border: var(--header-nav-item-hover_border);
   text-decoration: none;
 }
 .ids-header-inera-nav-item .ids-header-inera-nav-item__button:hover:after,
@@ -131,26 +123,26 @@
 }
 .ids-header-inera-nav-item .ids-header-inera-nav-item__button:focus-visible:focus,
 .ids-header-inera-nav-item .ids-header-inera-nav-item__link:focus-visible:focus {
-  outline: var(--IDS-FOCUS_OUTLINE);
-  outline-offset: -2px !important;
+  outline: var(--IDS-FOCUS__OUTLINE);
+  outline-offset: -0.125rem !important;
 }
 .ids-header-inera-nav-item .ids-header-inera-nav-item__content {
   background-color: var(--IDS-COLOR-SECONDARY-95);
   left: 0;
   right: 0;
   top: 101%;
-  min-height: 173px;
+  min-height: 10.813rem;
   overflow: hidden;
-  padding: 40px 16px 50px;
+  padding: 2.5rem 1rem 3.125rem;
   position: absolute;
   width: 100%;
   z-index: 20;
   display: flex;
   box-sizing: border-box;
-  box-shadow: 0 4px 8px 0 rgba(53, 53, 53, 0.2);
+  box-shadow: 0 0.25rem 0.5rem 0 rgba(53, 53, 53, 0.2);
 }
 .ids-header-inera-nav-item .ids-header-inera-nav-item__content-inner {
-  max-width: var(--IDS_MAX-WIDTH);
+  max-width: var(--IDS__MAX-WIDTH);
   margin: 0 auto;
   width: 100%;
   display: flex;
@@ -163,37 +155,32 @@
 }
 .ids-header-inera-nav-item ::slotted([slot=col-1]),
 .ids-header-inera-nav-item ::slotted([slot=col-2]),
-.ids-header-inera-nav-item ::slotted([slot=col-3]),
-.ids-header-inera-nav-item ::slotted([slot=col-4]) {
+.ids-header-inera-nav-item ::slotted([slot=col-3]) {
   display: block;
-  margin-bottom: 10px;
-  padding-bottom: 10px;
-  margin-right: 40px;
+  margin-bottom: 0.625rem;
+  padding-bottom: 0.625rem;
+  margin-right: 2.5rem;
   font-size: 1rem;
-  line-height: 24px;
-  border-bottom: var(--header-nav-item-link_border-bottom);
-}
-.ids-header-inera-nav-item ::slotted([slot=col-1]) a,
-.ids-header-inera-nav-item ::slotted([slot=col-2]) a,
-.ids-header-inera-nav-item ::slotted([slot=col-3]) a,
-.ids-header-inera-nav-item ::slotted([slot=col-4]) a {
-  display: block;
+  line-height: 1.5rem;
+  border-bottom: 0.063rem solid #ddd7d3;
 }
-.ids-header-inera-nav-item .ids-header-inera-nav-item__content-col > div {
+.ids-header-inera-nav-item .ids-header-inera-nav-item__content-col:nth-child(1) .ids-link,
+.ids-header-inera-nav-item .ids-header-inera-nav-item__content-col:nth-child(2) .ids-link,
+.ids-header-inera-nav-item .ids-header-inera-nav-item__content-col:nth-child(3) .ids-link {
   display: block;
-  margin-bottom: 10px;
-  padding-bottom: 10px;
-  margin-right: 40px;
+  margin-bottom: 0.625rem;
+  padding-bottom: 0.625rem;
+  margin-right: 2.5rem;
   font-size: 1rem;
-  line-height: 24px;
-  border-bottom: var(--header-nav-item-link_border-bottom);
+  line-height: 1.5rem;
+  border-bottom: 0.063rem solid #ddd7d3;
 }
 @media only screen and (min-width: 1024px) {
   .ids-header-inera-nav-item {
     display: flex;
   }
   .ids-header-inera-nav-item .ids-header-inera-nav-item__content {
-    padding: 40px 88px 50px;
+    padding: 2.5rem 5.5rem 3.125rem;
   }
 }
 @media only screen and (max-width: 1024px) {

package/components/header-inera/header-inera-nav-lit.js CHANGED Viewed

@@ -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-nav{border-top:1px solid var(--IDS-COLOR-NEUTRAL-90);box-sizing:border-box;display:flex;flex:1 1 auto;flex-wrap:wrap;margin-left:auto;margin-right:auto;max-width:var(--IDS_MAX-WIDTH);width:100%}.ids-header-inera-nav .ids-header-inera-nav__nav-items{display:flex;flex-wrap:wrap}.ids-header-inera-nav.ids-header-inera-nav--fluid{margin-left:0;margin-right:0;max-width:none}@media only screen and (min-width:1024px){.ids-header-inera-nav{display:flex}}@media only screen and (max-width:1024px){.ids-header-inera-nav{display:none}.ids-header-inera-nav.ids-header-inera-nav--unresponsive{display:flex}}";
+var css_248z = "@media (max-width:1023px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}.ids-header-inera-nav{border-top:.063rem solid var(--IDS-COLOR-NEUTRAL-90);box-sizing:border-box;display:flex;flex:1 1 auto;flex-wrap:wrap;margin-left:auto;margin-right:auto;max-width:var(--IDS__MAX-WIDTH);width:100%}.ids-header-inera-nav .ids-header-inera-nav__nav-items{display:flex;flex-wrap:wrap}.ids-header-inera-nav.ids-header-inera-nav--fluid{margin-left:0;margin-right:0;max-width:none}@media only screen and (min-width:1024px){.ids-header-inera-nav{display:flex}}@media only screen and (max-width:1024px){.ids-header-inera-nav{display:none}.ids-header-inera-nav.ids-header-inera-nav--unresponsive{display:flex}}";
 var headerIneraNavLit = css`${unsafeCSS(css_248z)}`;

package/components/header-inera/header-inera-nav-mobile-lit.js CHANGED Viewed

@@ -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-nav-mobile .ids-header-inera-nav-mobile__button{align-content:flex-end;align-items:center;background-color:transparent;border:0;cursor:pointer;display:flex;flex:1 1 auto;height:30px;justify-content:space-between;padding:0}.ids-header-inera-nav-mobile .ids-header-inera-nav-mobile__button-text>*{display:inline-block}.ids-header-inera-nav-mobile .ids-header-inera-nav-mobile__hamburger{cursor:pointer;position:relative;transition:.2s;user-select:none}.ids-header-inera-nav-mobile .ids-header-inera-nav-mobile__hamburger-content{background-color:var(--IDS-COLOR-PRIMARY-40);border-radius:2px;display:block;height:3px;position:relative;transition:.2s;width:1.3125rem;width:1.875rem}.ids-header-inera-nav-mobile .ids-header-inera-nav-mobile__hamburger-content:before{top:10px}.ids-header-inera-nav-mobile .ids-header-inera-nav-mobile__hamburger-content:after,.ids-header-inera-nav-mobile .ids-header-inera-nav-mobile__hamburger-content:before{background-color:var(--IDS-COLOR-PRIMARY-40);border-radius:2px;content:\"\";display:inline-block;height:3px;left:0;position:absolute;-webkit-transform-origin:.13393rem center;transform-origin:.13393rem center;transition:.2s;width:1.3125rem;width:1.875rem}.ids-header-inera-nav-mobile .ids-header-inera-nav-mobile__hamburger-content:after{top:-10px}.ids-header-inera-nav-mobile .ids-header-inera-nav-mobile__hamburger.ids-header-inera-nav-mobile__hamburger--x{-webkit-transform:scale3d(.8,.8,.8);transform:scale3d(.8,.8,.8)}.ids-header-inera-nav-mobile .ids-header-inera-nav-mobile__hamburger.ids-header-inera-nav-mobile__hamburger--x .ids-header-inera-nav-mobile__hamburger-content{background:transparent}.ids-header-inera-nav-mobile .ids-header-inera-nav-mobile__hamburger.ids-header-inera-nav-mobile__hamburger--x .ids-header-inera-nav-mobile__hamburger-content:before{left:-5px;top:0;-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);-ms-transform-origin:50% 50%;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;width:2.5rem}.ids-header-inera-nav-mobile .ids-header-inera-nav-mobile__hamburger.ids-header-inera-nav-mobile__hamburger--x .ids-header-inera-nav-mobile__hamburger-content:after{left:-5px;top:0;-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-ms-transform-origin:50% 50%;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;width:2.5rem}.ids-header-inera-nav-mobile .ids-header-inera-nav-mobile__menu-items{box-shadow:var(--header-nav-mobile-menu-items_box-shadow);left:0;position:absolute;right:0;top:100%;z-index:10}@media only screen and (min-width:1024px){.ids-header-inera-nav-mobile{display:none}}@media only screen and (max-width:1024px){.ids-header-inera-nav-mobile{display:block}.ids-header-inera-nav-mobile.ids-header-inera-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-nav-mobile .ids-header-inera-nav-mobile__button{background-color:transparent;border:0;height:1.563rem}.ids-header-inera-nav-mobile .ids-header-inera-nav-mobile__button:focus{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)!important}.ids-header-inera-nav-mobile .ids-header-inera-nav-mobile__button .ids-hamburger{cursor:pointer;position:relative;transition:.2s;user-select:none}.ids-header-inera-nav-mobile .ids-header-inera-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-nav-mobile .ids-header-inera-nav-mobile__button .ids-hamburger__lines:after,.ids-header-inera-nav-mobile .ids-header-inera-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-nav-mobile .ids-header-inera-nav-mobile__button .ids-hamburger__lines:before{top:.5rem}.ids-header-inera-nav-mobile .ids-header-inera-nav-mobile__button .ids-hamburger__lines:after{top:-.5rem}.ids-header-inera-nav-mobile .ids-header-inera-nav-mobile__button[aria-expanded=true] .ids-hamburger{-webkit-transform:scale3d(.8,.8,.8);transform:scale3d(.8,.8,.8)}.ids-header-inera-nav-mobile .ids-header-inera-nav-mobile__button[aria-expanded=true] .ids-hamburger .ids-hamburger__lines{background:transparent}.ids-header-inera-nav-mobile .ids-header-inera-nav-mobile__button[aria-expanded=true] .ids-hamburger .ids-hamburger__lines:after,.ids-header-inera-nav-mobile .ids-header-inera-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-nav-mobile .ids-header-inera-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-nav-mobile .ids-header-inera-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-nav-mobile .ids-header-inera-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-nav-mobile{display:none}}@media only screen and (max-width:1024px){.ids-header-inera-nav-mobile{display:block}.ids-header-inera-nav-mobile.ids-header-inera-nav-mobile--unresponsive{display:none}}";
 var headerIneraNavMobileLit = css`${unsafeCSS(css_248z)}`;