npm - @inera/ids-design - Versions diffs - 8.2.0 → 9.0.0 - Mend

@inera/ids-design 8.2.0 → 9.0.0

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 (385) hide show

package/components/header-1177-admin/header-1177-admin-avatar.css CHANGED Viewed

@@ -1,4 +1,4 @@
-@media (max-width: 1023px) {
+@media (max-width: 639px) {
   .ids-desktop {
     display: none !important;
   }
@@ -65,258 +65,7 @@
   --IDS-PAGE-LIST__COLOR: var(--ids-color-interactive-text-default);
 }
-.ids-header-1177-admin--unresponsive .ids-header-1177-admin-avatar {
-  justify-self: flex-end;
-  display: flex;
-  align-items: center;
-  flex-wrap: wrap;
-  margin-left: 1.25rem;
-}
-.ids-header-1177-admin--unresponsive .ids-header-1177-admin-avatar .ids-header-1177-admin-avatar__button {
-  position: relative;
-  flex-direction: row;
-  display: flex;
-  align-items: center;
-  justify-content: flex-start;
-  min-width: 8.5rem;
-  max-width: 25rem;
-  padding: 0.5rem 2.75rem 0.5rem 3rem;
-  background-color: var(--IDS-HEADER-1177-ADMIN-AVATAR__BACKGROUND-COLOR);
-  border: 0.0625rem solid var(--IDS-HEADER-1177-ADMIN-AVATAR__BORDER-COLOR);
-  border-radius: 6.25rem;
-  cursor: pointer;
-}
-.ids-header-1177-admin--unresponsive .ids-header-1177-admin-avatar .ids-header-1177-admin-avatar__button:focus-visible {
-  outline: 0.125rem solid var(--IDS-FOCUS__OUTLINE-COLOR);
-  outline-offset: var(--IDS-FOCUS__OUTLINE-OFFSET) !important;
-}
-.ids-header-1177-admin--unresponsive .ids-header-1177-admin-avatar .ids-header-1177-admin-avatar__button: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: "\e923";
-  font-size: 1.25rem;
-  color: var(--IDS-HEADER-1177-ADMIN-AVATAR__ICON-COLOR);
-  left: 1rem;
-  top: 50%;
-  transform: translateY(-50%);
-}
-.ids-header-1177-admin--unresponsive .ids-header-1177-admin-avatar .ids-header-1177-admin-avatar__button:after {
-  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: "\e936";
-  font-size: 1rem;
-  color: var(--IDS-HEADER-1177-ADMIN-AVATAR__ICON-COLOR);
-  background-color: var(--IDS-HEADER-1177-ADMIN-AVATAR__BACKGROUND-COLOR);
-  padding: 0.25rem 1rem 0.25rem 0.5rem;
-  right: 0;
-  top: 50%;
-  transform: translateY(-50%);
-  border: 0.0625rem solid transparent;
-  border-radius: 6.25rem;
-}
-.ids-header-1177-admin--unresponsive .ids-header-1177-admin-avatar .ids-header-1177-admin-avatar__button:hover:before, .ids-header-1177-admin--unresponsive .ids-header-1177-admin-avatar .ids-header-1177-admin-avatar__button:hover::after {
-  color: var(--IDS-HEADER-1177-ADMIN-AVATAR__ICON-HOVER-COLOR);
-}
-.ids-header-1177-admin--unresponsive .ids-header-1177-admin-avatar .ids-header-1177-admin-avatar__button:focus-visible {
-  z-index: 20;
-}
-.ids-header-1177-admin--unresponsive .ids-header-1177-admin-avatar .ids-header-1177-admin-avatar__button.ids-header-1177-admin-avatar__button--expanded:after {
-  content: "\e939";
-}
-.ids-header-1177-admin--unresponsive .ids-header-1177-admin-avatar .ids-header-1177-admin-avatar__button .ids-header-1177-admin-avatar__name {
-  font-size: 1rem;
-  font-family: var(--IDS-FONT-FAMILY-BASE);
-  text-align: left;
-  color: var(--IDS-HEADER-1177-ADMIN-AVATAR__COLOR);
-  max-width: 100%;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-.ids-header-1177-admin--unresponsive .ids-header-1177-admin-avatar .ids-header-1177-admin-avatar__button .ids-header-1177-admin-avatar__unit-separator {
-  margin: 0 0.375rem;
-  color: var(--IDS-HEADER-1177-ADMIN-AVATAR-SEPARATOR__COLOR);
-}
-.ids-header-1177-admin--unresponsive .ids-header-1177-admin-avatar .ids-header-1177-admin-avatar__button .ids-header-1177-admin-avatar__unit {
-  position: relative;
-  font-size: 1rem;
-  font-family: var(--IDS-FONT-FAMILY-BASE);
-  font-size: 0.875rem;
-  text-align: left;
-  color: var(--IDS-HEADER-1177-ADMIN-AVATAR__COLOR);
-}
-.ids-header-1177-admin--unresponsive .ids-header-1177-admin-avatar .ids-header-1177-admin-avatar__menu {
-  display: none;
-  position: absolute;
-  left: auto;
-  right: 1rem;
-  top: calc(100% - 0.5rem);
-  z-index: 12;
-  width: 20rem;
-  background-color: var(--IDS-HEADER-1177-ADMIN-AVATAR__DROPDOWN-BACKGROUND-COLOR);
-  border: 0.0625rem solid var(--IDS-HEADER-1177-ADMIN-AVATAR__DROPDOWN-BORDER-COLOR);
-  padding: 1.25rem;
-  box-sizing: border-box;
-  border-radius: 0.625rem;
-  box-shadow: var(--IDS-BOX-SHADOW-ELEVATED-2);
-}
-.ids-header-1177-admin--unresponsive .ids-header-1177-admin-avatar .ids-header-1177-admin-avatar__menu.ids-header-1177-admin-avatar__menu--expanded {
-  display: block;
-}
-.ids-header-1177-admin--unresponsive .ids-header-1177-admin-avatar .ids-header-1177-admin-avatar__menu .ids-header-1177-admin-avatar__menu-links {
-  display: flex;
-  flex-direction: column;
-  gap: 1.5rem;
-}
-.ids-header-1177-admin--unresponsive .ids-header-1177-admin-avatar .ids-header-1177-admin-avatar__menu .ids-header-1177-admin-avatar__menu-links hr,
-.ids-header-1177-admin--unresponsive .ids-header-1177-admin-avatar .ids-header-1177-admin-avatar__menu .ids-header-1177-admin-avatar__menu-links ::slotted(hr) {
-  width: 100%;
-  height: 0.0313rem;
-  display: block;
-  margin: 0;
-  border: 0;
-  border-top: 0.0625rem solid var(--IDS-HEADER-1177-ADMIN-AVATAR__MENU-SEPARATOR-COLOR);
-}
-.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin-avatar {
-  justify-self: flex-end;
-  display: flex;
-  align-items: center;
-  flex-wrap: wrap;
-  margin-left: 1.25rem;
-}
-@media (max-width: 1024px) {
-  .ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin-avatar {
-    display: none;
-  }
-}
-.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin-avatar .ids-header-1177-admin-avatar__button {
-  position: relative;
-  flex-direction: row;
-  display: flex;
-  align-items: center;
-  justify-content: flex-start;
-  min-width: 8.5rem;
-  max-width: 25rem;
-  padding: 0.5rem 2.75rem 0.5rem 3rem;
-  background-color: var(--IDS-HEADER-1177-ADMIN-AVATAR__BACKGROUND-COLOR);
-  border: 0.0625rem solid var(--IDS-HEADER-1177-ADMIN-AVATAR__BORDER-COLOR);
-  border-radius: 6.25rem;
-  cursor: pointer;
-}
-.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin-avatar .ids-header-1177-admin-avatar__button:focus-visible {
-  outline: 0.125rem solid var(--IDS-FOCUS__OUTLINE-COLOR);
-  outline-offset: var(--IDS-FOCUS__OUTLINE-OFFSET) !important;
-}
-.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin-avatar .ids-header-1177-admin-avatar__button: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: "\e923";
-  font-size: 1.25rem;
-  color: var(--IDS-HEADER-1177-ADMIN-AVATAR__ICON-COLOR);
-  left: 1rem;
-  top: 50%;
-  transform: translateY(-50%);
-}
-.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin-avatar .ids-header-1177-admin-avatar__button:after {
-  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: "\e936";
-  font-size: 1rem;
-  color: var(--IDS-HEADER-1177-ADMIN-AVATAR__ICON-COLOR);
-  background-color: var(--IDS-HEADER-1177-ADMIN-AVATAR__BACKGROUND-COLOR);
-  padding: 0.25rem 1rem 0.25rem 0.5rem;
-  right: 0;
-  top: 50%;
-  transform: translateY(-50%);
-  border: 0.0625rem solid transparent;
-  border-radius: 6.25rem;
-}
-.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin-avatar .ids-header-1177-admin-avatar__button:hover:before, .ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin-avatar .ids-header-1177-admin-avatar__button:hover::after {
-  color: var(--IDS-HEADER-1177-ADMIN-AVATAR__ICON-HOVER-COLOR);
-}
-.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin-avatar .ids-header-1177-admin-avatar__button:focus-visible {
-  z-index: 20;
-}
-.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin-avatar .ids-header-1177-admin-avatar__button.ids-header-1177-admin-avatar__button--expanded:after {
-  content: "\e939";
-}
-.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin-avatar .ids-header-1177-admin-avatar__button .ids-header-1177-admin-avatar__name {
-  font-size: 1rem;
-  font-family: var(--IDS-FONT-FAMILY-BASE);
-  text-align: left;
-  color: var(--IDS-HEADER-1177-ADMIN-AVATAR__COLOR);
-  max-width: 100%;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin-avatar .ids-header-1177-admin-avatar__button .ids-header-1177-admin-avatar__unit-separator {
-  margin: 0 0.375rem;
-  color: var(--IDS-HEADER-1177-ADMIN-AVATAR-SEPARATOR__COLOR);
-}
-.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin-avatar .ids-header-1177-admin-avatar__button .ids-header-1177-admin-avatar__unit {
-  position: relative;
-  font-size: 1rem;
-  font-family: var(--IDS-FONT-FAMILY-BASE);
-  font-size: 0.875rem;
-  text-align: left;
-  color: var(--IDS-HEADER-1177-ADMIN-AVATAR__COLOR);
-}
-.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin-avatar .ids-header-1177-admin-avatar__menu {
-  display: none;
-  position: absolute;
-  left: auto;
-  right: 1rem;
-  top: calc(100% - 0.5rem);
-  z-index: 12;
-  width: 20rem;
-  background-color: var(--IDS-HEADER-1177-ADMIN-AVATAR__DROPDOWN-BACKGROUND-COLOR);
-  border: 0.0625rem solid var(--IDS-HEADER-1177-ADMIN-AVATAR__DROPDOWN-BORDER-COLOR);
-  padding: 1.25rem;
-  box-sizing: border-box;
-  border-radius: 0.625rem;
-  box-shadow: var(--IDS-BOX-SHADOW-ELEVATED-2);
-}
-.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin-avatar .ids-header-1177-admin-avatar__menu.ids-header-1177-admin-avatar__menu--expanded {
-  display: block;
-}
-.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin-avatar .ids-header-1177-admin-avatar__menu .ids-header-1177-admin-avatar__menu-links {
-  display: flex;
-  flex-direction: column;
-  gap: 1.5rem;
-}
-.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin-avatar .ids-header-1177-admin-avatar__menu .ids-header-1177-admin-avatar__menu-links hr,
-.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin-avatar .ids-header-1177-admin-avatar__menu .ids-header-1177-admin-avatar__menu-links ::slotted(hr) {
-  width: 100%;
-  height: 0.0313rem;
-  display: block;
-  margin: 0;
-  border: 0;
-  border-top: 0.0625rem solid var(--IDS-HEADER-1177-ADMIN-AVATAR__MENU-SEPARATOR-COLOR);
-}
-:host .ids-header-1177-admin-avatar:not(.ids-header-1177-admin-avatar--unresponsive) {
+.ids-header-1177-admin-avatar:not(.ids-header-1177-admin-avatar--unresponsive) {
   justify-self: flex-end;
   display: flex;
   align-items: center;
@@ -324,11 +73,11 @@
   margin-left: 1.25rem;
 }
 @media (max-width: 1024px) {
-  :host .ids-header-1177-admin-avatar:not(.ids-header-1177-admin-avatar--unresponsive) {
+  .ids-header-1177-admin-avatar:not(.ids-header-1177-admin-avatar--unresponsive) {
     display: none;
   }
 }
-:host .ids-header-1177-admin-avatar:not(.ids-header-1177-admin-avatar--unresponsive) .ids-header-1177-admin-avatar__button {
+.ids-header-1177-admin-avatar:not(.ids-header-1177-admin-avatar--unresponsive) .ids-header-1177-admin-avatar__button {
   position: relative;
   flex-direction: row;
   display: flex;
@@ -342,16 +91,15 @@
   border-radius: 6.25rem;
   cursor: pointer;
 }
-:host .ids-header-1177-admin-avatar:not(.ids-header-1177-admin-avatar--unresponsive) .ids-header-1177-admin-avatar__button:focus-visible {
+.ids-header-1177-admin-avatar:not(.ids-header-1177-admin-avatar--unresponsive) .ids-header-1177-admin-avatar__button:focus-visible {
   outline: 0.125rem solid var(--IDS-FOCUS__OUTLINE-COLOR);
   outline-offset: var(--IDS-FOCUS__OUTLINE-OFFSET) !important;
 }
-:host .ids-header-1177-admin-avatar:not(.ids-header-1177-admin-avatar--unresponsive) .ids-header-1177-admin-avatar__button:before {
+.ids-header-1177-admin-avatar:not(.ids-header-1177-admin-avatar--unresponsive) .ids-header-1177-admin-avatar__button: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: "\e923";
@@ -361,12 +109,11 @@
   top: 50%;
   transform: translateY(-50%);
 }
-:host .ids-header-1177-admin-avatar:not(.ids-header-1177-admin-avatar--unresponsive) .ids-header-1177-admin-avatar__button:after {
+.ids-header-1177-admin-avatar:not(.ids-header-1177-admin-avatar--unresponsive) .ids-header-1177-admin-avatar__button:after {
   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: "\e936";
@@ -380,16 +127,16 @@
   border: 0.0625rem solid transparent;
   border-radius: 6.25rem;
 }
-:host .ids-header-1177-admin-avatar:not(.ids-header-1177-admin-avatar--unresponsive) .ids-header-1177-admin-avatar__button:hover:before, :host .ids-header-1177-admin-avatar:not(.ids-header-1177-admin-avatar--unresponsive) .ids-header-1177-admin-avatar__button:hover::after {
+.ids-header-1177-admin-avatar:not(.ids-header-1177-admin-avatar--unresponsive) .ids-header-1177-admin-avatar__button:hover:before, .ids-header-1177-admin-avatar:not(.ids-header-1177-admin-avatar--unresponsive) .ids-header-1177-admin-avatar__button:hover::after {
   color: var(--IDS-HEADER-1177-ADMIN-AVATAR__ICON-HOVER-COLOR);
 }
-:host .ids-header-1177-admin-avatar:not(.ids-header-1177-admin-avatar--unresponsive) .ids-header-1177-admin-avatar__button:focus-visible {
+.ids-header-1177-admin-avatar:not(.ids-header-1177-admin-avatar--unresponsive) .ids-header-1177-admin-avatar__button:focus-visible {
   z-index: 20;
 }
-:host .ids-header-1177-admin-avatar:not(.ids-header-1177-admin-avatar--unresponsive) .ids-header-1177-admin-avatar__button.ids-header-1177-admin-avatar__button--expanded:after {
+.ids-header-1177-admin-avatar:not(.ids-header-1177-admin-avatar--unresponsive) .ids-header-1177-admin-avatar__button.ids-header-1177-admin-avatar__button--expanded:after {
   content: "\e939";
 }
-:host .ids-header-1177-admin-avatar:not(.ids-header-1177-admin-avatar--unresponsive) .ids-header-1177-admin-avatar__button .ids-header-1177-admin-avatar__name {
+.ids-header-1177-admin-avatar:not(.ids-header-1177-admin-avatar--unresponsive) .ids-header-1177-admin-avatar__button .ids-header-1177-admin-avatar__name {
   font-size: 1rem;
   font-family: var(--IDS-FONT-FAMILY-BASE);
   text-align: left;
@@ -399,11 +146,11 @@
   overflow: hidden;
   text-overflow: ellipsis;
 }
-:host .ids-header-1177-admin-avatar:not(.ids-header-1177-admin-avatar--unresponsive) .ids-header-1177-admin-avatar__button .ids-header-1177-admin-avatar__unit-separator {
+.ids-header-1177-admin-avatar:not(.ids-header-1177-admin-avatar--unresponsive) .ids-header-1177-admin-avatar__button .ids-header-1177-admin-avatar__unit-separator {
   margin: 0 0.375rem;
   color: var(--IDS-HEADER-1177-ADMIN-AVATAR-SEPARATOR__COLOR);
 }
-:host .ids-header-1177-admin-avatar:not(.ids-header-1177-admin-avatar--unresponsive) .ids-header-1177-admin-avatar__button .ids-header-1177-admin-avatar__unit {
+.ids-header-1177-admin-avatar:not(.ids-header-1177-admin-avatar--unresponsive) .ids-header-1177-admin-avatar__button .ids-header-1177-admin-avatar__unit {
   position: relative;
   font-size: 1rem;
   font-family: var(--IDS-FONT-FAMILY-BASE);
@@ -411,7 +158,7 @@
   text-align: left;
   color: var(--IDS-HEADER-1177-ADMIN-AVATAR__COLOR);
 }
-:host .ids-header-1177-admin-avatar:not(.ids-header-1177-admin-avatar--unresponsive) .ids-header-1177-admin-avatar__menu {
+.ids-header-1177-admin-avatar:not(.ids-header-1177-admin-avatar--unresponsive) .ids-header-1177-admin-avatar__menu {
   display: none;
   position: absolute;
   left: auto;
@@ -426,16 +173,15 @@
   border-radius: 0.625rem;
   box-shadow: var(--IDS-BOX-SHADOW-ELEVATED-2);
 }
-:host .ids-header-1177-admin-avatar:not(.ids-header-1177-admin-avatar--unresponsive) .ids-header-1177-admin-avatar__menu.ids-header-1177-admin-avatar__menu--expanded {
+.ids-header-1177-admin-avatar:not(.ids-header-1177-admin-avatar--unresponsive) .ids-header-1177-admin-avatar__menu.ids-header-1177-admin-avatar__menu--expanded {
   display: block;
 }
-:host .ids-header-1177-admin-avatar:not(.ids-header-1177-admin-avatar--unresponsive) .ids-header-1177-admin-avatar__menu .ids-header-1177-admin-avatar__menu-links {
+.ids-header-1177-admin-avatar:not(.ids-header-1177-admin-avatar--unresponsive) .ids-header-1177-admin-avatar__menu .ids-header-1177-admin-avatar__menu-links {
   display: flex;
   flex-direction: column;
-  gap: 1.5rem;
+  gap: 1rem;
 }
-:host .ids-header-1177-admin-avatar:not(.ids-header-1177-admin-avatar--unresponsive) .ids-header-1177-admin-avatar__menu .ids-header-1177-admin-avatar__menu-links hr,
-:host .ids-header-1177-admin-avatar:not(.ids-header-1177-admin-avatar--unresponsive) .ids-header-1177-admin-avatar__menu .ids-header-1177-admin-avatar__menu-links ::slotted(hr) {
+.ids-header-1177-admin-avatar:not(.ids-header-1177-admin-avatar--unresponsive) .ids-header-1177-admin-avatar__menu .ids-header-1177-admin-avatar__menu-links hr {
   width: 100%;
   height: 0.0313rem;
   display: block;
@@ -443,14 +189,14 @@
   border: 0;
   border-top: 0.0625rem solid var(--IDS-HEADER-1177-ADMIN-AVATAR__MENU-SEPARATOR-COLOR);
 }
-:host .ids-header-1177-admin-avatar.ids-header-1177-admin-avatar--unresponsive {
+.ids-header-1177-admin-avatar.ids-header-1177-admin-avatar--unresponsive {
   justify-self: flex-end;
   display: flex;
   align-items: center;
   flex-wrap: wrap;
   margin-left: 1.25rem;
 }
-:host .ids-header-1177-admin-avatar.ids-header-1177-admin-avatar--unresponsive .ids-header-1177-admin-avatar__button {
+.ids-header-1177-admin-avatar.ids-header-1177-admin-avatar--unresponsive .ids-header-1177-admin-avatar__button {
   position: relative;
   flex-direction: row;
   display: flex;
@@ -464,16 +210,15 @@
   border-radius: 6.25rem;
   cursor: pointer;
 }
-:host .ids-header-1177-admin-avatar.ids-header-1177-admin-avatar--unresponsive .ids-header-1177-admin-avatar__button:focus-visible {
+.ids-header-1177-admin-avatar.ids-header-1177-admin-avatar--unresponsive .ids-header-1177-admin-avatar__button:focus-visible {
   outline: 0.125rem solid var(--IDS-FOCUS__OUTLINE-COLOR);
   outline-offset: var(--IDS-FOCUS__OUTLINE-OFFSET) !important;
 }
-:host .ids-header-1177-admin-avatar.ids-header-1177-admin-avatar--unresponsive .ids-header-1177-admin-avatar__button:before {
+.ids-header-1177-admin-avatar.ids-header-1177-admin-avatar--unresponsive .ids-header-1177-admin-avatar__button: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: "\e923";
@@ -483,12 +228,11 @@
   top: 50%;
   transform: translateY(-50%);
 }
-:host .ids-header-1177-admin-avatar.ids-header-1177-admin-avatar--unresponsive .ids-header-1177-admin-avatar__button:after {
+.ids-header-1177-admin-avatar.ids-header-1177-admin-avatar--unresponsive .ids-header-1177-admin-avatar__button:after {
   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: "\e936";
@@ -502,16 +246,16 @@
   border: 0.0625rem solid transparent;
   border-radius: 6.25rem;
 }
-:host .ids-header-1177-admin-avatar.ids-header-1177-admin-avatar--unresponsive .ids-header-1177-admin-avatar__button:hover:before, :host .ids-header-1177-admin-avatar.ids-header-1177-admin-avatar--unresponsive .ids-header-1177-admin-avatar__button:hover::after {
+.ids-header-1177-admin-avatar.ids-header-1177-admin-avatar--unresponsive .ids-header-1177-admin-avatar__button:hover:before, .ids-header-1177-admin-avatar.ids-header-1177-admin-avatar--unresponsive .ids-header-1177-admin-avatar__button:hover::after {
   color: var(--IDS-HEADER-1177-ADMIN-AVATAR__ICON-HOVER-COLOR);
 }
-:host .ids-header-1177-admin-avatar.ids-header-1177-admin-avatar--unresponsive .ids-header-1177-admin-avatar__button:focus-visible {
+.ids-header-1177-admin-avatar.ids-header-1177-admin-avatar--unresponsive .ids-header-1177-admin-avatar__button:focus-visible {
   z-index: 20;
 }
-:host .ids-header-1177-admin-avatar.ids-header-1177-admin-avatar--unresponsive .ids-header-1177-admin-avatar__button.ids-header-1177-admin-avatar__button--expanded:after {
+.ids-header-1177-admin-avatar.ids-header-1177-admin-avatar--unresponsive .ids-header-1177-admin-avatar__button.ids-header-1177-admin-avatar__button--expanded:after {
   content: "\e939";
 }
-:host .ids-header-1177-admin-avatar.ids-header-1177-admin-avatar--unresponsive .ids-header-1177-admin-avatar__button .ids-header-1177-admin-avatar__name {
+.ids-header-1177-admin-avatar.ids-header-1177-admin-avatar--unresponsive .ids-header-1177-admin-avatar__button .ids-header-1177-admin-avatar__name {
   font-size: 1rem;
   font-family: var(--IDS-FONT-FAMILY-BASE);
   text-align: left;
@@ -521,11 +265,11 @@
   overflow: hidden;
   text-overflow: ellipsis;
 }
-:host .ids-header-1177-admin-avatar.ids-header-1177-admin-avatar--unresponsive .ids-header-1177-admin-avatar__button .ids-header-1177-admin-avatar__unit-separator {
+.ids-header-1177-admin-avatar.ids-header-1177-admin-avatar--unresponsive .ids-header-1177-admin-avatar__button .ids-header-1177-admin-avatar__unit-separator {
   margin: 0 0.375rem;
   color: var(--IDS-HEADER-1177-ADMIN-AVATAR-SEPARATOR__COLOR);
 }
-:host .ids-header-1177-admin-avatar.ids-header-1177-admin-avatar--unresponsive .ids-header-1177-admin-avatar__button .ids-header-1177-admin-avatar__unit {
+.ids-header-1177-admin-avatar.ids-header-1177-admin-avatar--unresponsive .ids-header-1177-admin-avatar__button .ids-header-1177-admin-avatar__unit {
   position: relative;
   font-size: 1rem;
   font-family: var(--IDS-FONT-FAMILY-BASE);
@@ -533,7 +277,7 @@
   text-align: left;
   color: var(--IDS-HEADER-1177-ADMIN-AVATAR__COLOR);
 }
-:host .ids-header-1177-admin-avatar.ids-header-1177-admin-avatar--unresponsive .ids-header-1177-admin-avatar__menu {
+.ids-header-1177-admin-avatar.ids-header-1177-admin-avatar--unresponsive .ids-header-1177-admin-avatar__menu {
   display: none;
   position: absolute;
   left: auto;
@@ -548,16 +292,15 @@
   border-radius: 0.625rem;
   box-shadow: var(--IDS-BOX-SHADOW-ELEVATED-2);
 }
-:host .ids-header-1177-admin-avatar.ids-header-1177-admin-avatar--unresponsive .ids-header-1177-admin-avatar__menu.ids-header-1177-admin-avatar__menu--expanded {
+.ids-header-1177-admin-avatar.ids-header-1177-admin-avatar--unresponsive .ids-header-1177-admin-avatar__menu.ids-header-1177-admin-avatar__menu--expanded {
   display: block;
 }
-:host .ids-header-1177-admin-avatar.ids-header-1177-admin-avatar--unresponsive .ids-header-1177-admin-avatar__menu .ids-header-1177-admin-avatar__menu-links {
+.ids-header-1177-admin-avatar.ids-header-1177-admin-avatar--unresponsive .ids-header-1177-admin-avatar__menu .ids-header-1177-admin-avatar__menu-links {
   display: flex;
   flex-direction: column;
-  gap: 1.5rem;
+  gap: 1rem;
 }
-:host .ids-header-1177-admin-avatar.ids-header-1177-admin-avatar--unresponsive .ids-header-1177-admin-avatar__menu .ids-header-1177-admin-avatar__menu-links hr,
-:host .ids-header-1177-admin-avatar.ids-header-1177-admin-avatar--unresponsive .ids-header-1177-admin-avatar__menu .ids-header-1177-admin-avatar__menu-links ::slotted(hr) {
+.ids-header-1177-admin-avatar.ids-header-1177-admin-avatar--unresponsive .ids-header-1177-admin-avatar__menu .ids-header-1177-admin-avatar__menu-links hr {
   width: 100%;
   height: 0.0313rem;
   display: block;

package/components/header-1177-admin/header-1177-admin-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-1177-admin--unresponsive .ids-header-1177-admin-item{align-items:center;border-radius:.0313rem;box-sizing:initial;display:flex;flex-direction:column;height:2rem;justify-content:flex-end;margin-left:1.25rem;min-width:2rem;padding:.125rem;position:relative;text-decoration:none}.ids-header-1177-admin--unresponsive .ids-header-1177-admin-item .ids-header-1177-admin-item-icon{display:flex;height:2rem;left:.375rem;position:absolute;top:.125rem;width:2rem}.ids-header-1177-admin--unresponsive .ids-header-1177-admin-item .ids-header-1177-admin-item-icon ::slotted([class^=ids-icon-]),.ids-header-1177-admin--unresponsive .ids-header-1177-admin-item .ids-header-1177-admin-item-icon [class^=ids-icon-]{color:var(--IDS-HEADER-1177-ADMIN-ITEM__COLOR);font-size:1.5rem;top:50%;transform:translateY(-50%)}.ids-header-1177-admin--unresponsive .ids-header-1177-admin-item ::slotted(a),.ids-header-1177-admin--unresponsive .ids-header-1177-admin-item a{align-items:center;border:0;border-radius:.0313rem;color:var(--IDS-HEADER-1177-ADMIN-ITEM__COLOR);cursor:pointer;display:flex;font-family:var(--IDS-FONT-FAMILY-BASE);font-size:1rem;height:2rem;inset:0;justify-content:flex-end;line-height:1.5rem;margin:0;padding:.125rem .125rem .125rem 2.6875rem;position:relative;text-align:center;text-decoration:none;white-space:nowrap;width:100%;z-index:1}.ids-header-1177-admin--unresponsive .ids-header-1177-admin-item ::slotted(button),.ids-header-1177-admin--unresponsive .ids-header-1177-admin-item button{align-items:center;background-color:transparent;border:0;border-radius:.0313rem;color:var(--IDS-HEADER-1177-ADMIN-ITEM__COLOR);cursor:pointer;display:flex;font-family:var(--IDS-FONT-FAMILY-BASE);font-size:1rem;height:2rem;inset:0;justify-content:flex-end;line-height:1.5rem;margin:0;padding:.125rem .125rem .125rem 2.6875rem;position:relative;text-align:center;white-space:nowrap;width:100%;z-index:1}.ids-header-1177-admin--unresponsive .ids-header-1177-admin-item:hover .ids-header-1177-admin-item-icon{color:var(--IDS-HEADER-1177-ADMIN-ITEM__HOVER-COLOR)}.ids-header-1177-admin--unresponsive .ids-header-1177-admin-item:hover .ids-header-1177-admin-item-icon ::slotted([class^=ids-icon-]):before,.ids-header-1177-admin--unresponsive .ids-header-1177-admin-item:hover .ids-header-1177-admin-item-icon [class^=ids-icon-]:before{color:var(--IDS-HEADER-1177-ADMIN-ITEM__HOVER-COLOR)}.ids-header-1177-admin--unresponsive .ids-header-1177-admin-item ::slotted(a:hover),.ids-header-1177-admin--unresponsive .ids-header-1177-admin-item ::slotted(button:hover),.ids-header-1177-admin--unresponsive .ids-header-1177-admin-item a:hover,.ids-header-1177-admin--unresponsive .ids-header-1177-admin-item button:hover{color:var(--IDS-HEADER-1177-ADMIN-ITEM__HOVER-COLOR);text-decoration:underline!important;text-underline-offset:.125rem}.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin-item{align-items:center;border-radius:.0313rem;box-sizing:initial;display:flex;flex-direction:column;height:2rem;justify-content:flex-end;margin-left:1.25rem;min-width:2rem;padding:.125rem;position:relative;text-decoration:none}.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin-item .ids-header-1177-admin-item-icon{display:flex;height:2rem;left:.375rem;position:absolute;top:.125rem;width:2rem}.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin-item .ids-header-1177-admin-item-icon ::slotted([class^=ids-icon-]),.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin-item .ids-header-1177-admin-item-icon [class^=ids-icon-]{color:var(--IDS-HEADER-1177-ADMIN-ITEM__COLOR);font-size:1.5rem;top:50%;transform:translateY(-50%)}.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin-item ::slotted(a),.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin-item a{align-items:center;border:0;border-radius:.0313rem;color:var(--IDS-HEADER-1177-ADMIN-ITEM__COLOR);cursor:pointer;display:flex;font-family:var(--IDS-FONT-FAMILY-BASE);font-size:1rem;height:2rem;inset:0;justify-content:flex-end;line-height:1.5rem;margin:0;padding:.125rem .125rem .125rem 2.6875rem;position:relative;text-align:center;text-decoration:none;white-space:nowrap;width:100%;z-index:1}.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin-item ::slotted(button),.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin-item button{align-items:center;background-color:transparent;border:0;border-radius:.0313rem;color:var(--IDS-HEADER-1177-ADMIN-ITEM__COLOR);cursor:pointer;display:flex;font-family:var(--IDS-FONT-FAMILY-BASE);font-size:1rem;height:2rem;inset:0;justify-content:flex-end;line-height:1.5rem;margin:0;padding:.125rem .125rem .125rem 2.6875rem;position:relative;text-align:center;white-space:nowrap;width:100%;z-index:1}.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin-item:hover .ids-header-1177-admin-item-icon{color:var(--IDS-HEADER-1177-ADMIN-ITEM__HOVER-COLOR)}.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin-item:hover .ids-header-1177-admin-item-icon ::slotted([class^=ids-icon-]):before,.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin-item:hover .ids-header-1177-admin-item-icon [class^=ids-icon-]:before{color:var(--IDS-HEADER-1177-ADMIN-ITEM__HOVER-COLOR)}.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin-item ::slotted(a:hover),.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin-item ::slotted(button:hover),.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin-item a:hover,.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin-item button:hover{color:var(--IDS-HEADER-1177-ADMIN-ITEM__HOVER-COLOR);text-decoration:underline!important;text-underline-offset:.125rem}@media (max-width:1024px){.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin-item ::slotted(a),.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin-item ::slotted(a:hover),.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin-item ::slotted(button),.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin-item ::slotted(button:hover),.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin-item a,.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin-item a:hover,.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin-item button,.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin-item button:hover{color:transparent;font-size:.0063rem;padding-left:.125rem;width:2rem}}@media (max-width:1024px){.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin-item:not(.ids-header-1177-admin-item--mobile){display:none}}:host .ids-header-1177-admin-item:not(.ids-header-1177-admin-item--unresponsive){align-items:center;border-radius:.0313rem;box-sizing:initial;display:flex;flex-direction:column;height:2rem;justify-content:flex-end;margin-left:1.25rem;min-width:2rem;padding:.125rem;position:relative;text-decoration:none}:host .ids-header-1177-admin-item:not(.ids-header-1177-admin-item--unresponsive) .ids-header-1177-admin-item-icon{display:flex;height:2rem;left:.375rem;position:absolute;top:.125rem;width:2rem}:host .ids-header-1177-admin-item:not(.ids-header-1177-admin-item--unresponsive) .ids-header-1177-admin-item-icon ::slotted([class^=ids-icon-]),:host .ids-header-1177-admin-item:not(.ids-header-1177-admin-item--unresponsive) .ids-header-1177-admin-item-icon [class^=ids-icon-]{color:var(--IDS-HEADER-1177-ADMIN-ITEM__COLOR);font-size:1.5rem;top:50%;transform:translateY(-50%)}:host .ids-header-1177-admin-item:not(.ids-header-1177-admin-item--unresponsive) ::slotted(a),:host .ids-header-1177-admin-item:not(.ids-header-1177-admin-item--unresponsive) a{align-items:center;border:0;border-radius:.0313rem;color:var(--IDS-HEADER-1177-ADMIN-ITEM__COLOR);cursor:pointer;display:flex;font-family:var(--IDS-FONT-FAMILY-BASE);font-size:1rem;height:2rem;inset:0;justify-content:flex-end;line-height:1.5rem;margin:0;padding:.125rem .125rem .125rem 2.6875rem;position:relative;text-align:center;text-decoration:none;white-space:nowrap;width:100%;z-index:1}:host .ids-header-1177-admin-item:not(.ids-header-1177-admin-item--unresponsive) ::slotted(button),:host .ids-header-1177-admin-item:not(.ids-header-1177-admin-item--unresponsive) button{align-items:center;background-color:transparent;border:0;border-radius:.0313rem;color:var(--IDS-HEADER-1177-ADMIN-ITEM__COLOR);cursor:pointer;display:flex;font-family:var(--IDS-FONT-FAMILY-BASE);font-size:1rem;height:2rem;inset:0;justify-content:flex-end;line-height:1.5rem;margin:0;padding:.125rem .125rem .125rem 2.6875rem;position:relative;text-align:center;white-space:nowrap;width:100%;z-index:1}:host .ids-header-1177-admin-item:not(.ids-header-1177-admin-item--unresponsive):hover .ids-header-1177-admin-item-icon{color:var(--IDS-HEADER-1177-ADMIN-ITEM__HOVER-COLOR)}:host .ids-header-1177-admin-item:not(.ids-header-1177-admin-item--unresponsive):hover .ids-header-1177-admin-item-icon ::slotted([class^=ids-icon-]):before,:host .ids-header-1177-admin-item:not(.ids-header-1177-admin-item--unresponsive):hover .ids-header-1177-admin-item-icon [class^=ids-icon-]:before{color:var(--IDS-HEADER-1177-ADMIN-ITEM__HOVER-COLOR)}:host .ids-header-1177-admin-item:not(.ids-header-1177-admin-item--unresponsive) ::slotted(a:hover),:host .ids-header-1177-admin-item:not(.ids-header-1177-admin-item--unresponsive) ::slotted(button:hover),:host .ids-header-1177-admin-item:not(.ids-header-1177-admin-item--unresponsive) a:hover,:host .ids-header-1177-admin-item:not(.ids-header-1177-admin-item--unresponsive) button:hover{color:var(--IDS-HEADER-1177-ADMIN-ITEM__HOVER-COLOR);text-decoration:underline!important;text-underline-offset:.125rem}@media (max-width:1024px){:host .ids-header-1177-admin-item:not(.ids-header-1177-admin-item--unresponsive) ::slotted(a),:host .ids-header-1177-admin-item:not(.ids-header-1177-admin-item--unresponsive) ::slotted(a:hover),:host .ids-header-1177-admin-item:not(.ids-header-1177-admin-item--unresponsive) ::slotted(button),:host .ids-header-1177-admin-item:not(.ids-header-1177-admin-item--unresponsive) ::slotted(button:hover),:host .ids-header-1177-admin-item:not(.ids-header-1177-admin-item--unresponsive) a,:host .ids-header-1177-admin-item:not(.ids-header-1177-admin-item--unresponsive) a:hover,:host .ids-header-1177-admin-item:not(.ids-header-1177-admin-item--unresponsive) button,:host .ids-header-1177-admin-item:not(.ids-header-1177-admin-item--unresponsive) button:hover{color:transparent;font-size:.0063rem;padding-left:.125rem;width:2rem}}@media (max-width:1024px){:host .ids-header-1177-admin-item:not(.ids-header-1177-admin-item--unresponsive):not(.ids-header-1177-admin-item--mobile){display:none}}:host .ids-header-1177-admin-item.ids-header-1177-admin-item--unresponsive{align-items:center;border-radius:.0313rem;box-sizing:initial;display:flex;flex-direction:column;height:2rem;justify-content:flex-end;margin-left:1.25rem;min-width:2rem;padding:.125rem;position:relative;text-decoration:none}:host .ids-header-1177-admin-item.ids-header-1177-admin-item--unresponsive .ids-header-1177-admin-item-icon{display:flex;height:2rem;left:.375rem;position:absolute;top:.125rem;width:2rem}:host .ids-header-1177-admin-item.ids-header-1177-admin-item--unresponsive .ids-header-1177-admin-item-icon ::slotted([class^=ids-icon-]),:host .ids-header-1177-admin-item.ids-header-1177-admin-item--unresponsive .ids-header-1177-admin-item-icon [class^=ids-icon-]{color:var(--IDS-HEADER-1177-ADMIN-ITEM__COLOR);font-size:1.5rem;top:50%;transform:translateY(-50%)}:host .ids-header-1177-admin-item.ids-header-1177-admin-item--unresponsive ::slotted(a),:host .ids-header-1177-admin-item.ids-header-1177-admin-item--unresponsive a{align-items:center;border:0;border-radius:.0313rem;color:var(--IDS-HEADER-1177-ADMIN-ITEM__COLOR);cursor:pointer;display:flex;font-family:var(--IDS-FONT-FAMILY-BASE);font-size:1rem;height:2rem;inset:0;justify-content:flex-end;line-height:1.5rem;margin:0;padding:.125rem .125rem .125rem 2.6875rem;position:relative;text-align:center;text-decoration:none;white-space:nowrap;width:100%;z-index:1}:host .ids-header-1177-admin-item.ids-header-1177-admin-item--unresponsive ::slotted(button),:host .ids-header-1177-admin-item.ids-header-1177-admin-item--unresponsive button{align-items:center;background-color:transparent;border:0;border-radius:.0313rem;color:var(--IDS-HEADER-1177-ADMIN-ITEM__COLOR);cursor:pointer;display:flex;font-family:var(--IDS-FONT-FAMILY-BASE);font-size:1rem;height:2rem;inset:0;justify-content:flex-end;line-height:1.5rem;margin:0;padding:.125rem .125rem .125rem 2.6875rem;position:relative;text-align:center;white-space:nowrap;width:100%;z-index:1}:host .ids-header-1177-admin-item.ids-header-1177-admin-item--unresponsive:hover .ids-header-1177-admin-item-icon{color:var(--IDS-HEADER-1177-ADMIN-ITEM__HOVER-COLOR)}:host .ids-header-1177-admin-item.ids-header-1177-admin-item--unresponsive:hover .ids-header-1177-admin-item-icon ::slotted([class^=ids-icon-]):before,:host .ids-header-1177-admin-item.ids-header-1177-admin-item--unresponsive:hover .ids-header-1177-admin-item-icon [class^=ids-icon-]:before{color:var(--IDS-HEADER-1177-ADMIN-ITEM__HOVER-COLOR)}:host .ids-header-1177-admin-item.ids-header-1177-admin-item--unresponsive ::slotted(a:hover),:host .ids-header-1177-admin-item.ids-header-1177-admin-item--unresponsive ::slotted(button:hover),:host .ids-header-1177-admin-item.ids-header-1177-admin-item--unresponsive a:hover,:host .ids-header-1177-admin-item.ids-header-1177-admin-item--unresponsive button:hover{color:var(--IDS-HEADER-1177-ADMIN-ITEM__HOVER-COLOR);text-decoration:underline!important;text-underline-offset:.125rem}";
+var css_248z = "@media (max-width:639px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}.ids-header-1177-admin-item:not(.ids-header-1177-admin-item--unresponsive){align-items:center;border-radius:.0313rem;box-sizing:initial;display:flex;flex-direction:column;height:2rem;justify-content:flex-end;margin-left:1.25rem;min-width:2rem;padding:.125rem;position:relative;text-decoration:none}.ids-header-1177-admin-item:not(.ids-header-1177-admin-item--unresponsive) .ids-header-1177-admin-item-icon{display:flex;height:2rem;left:.375rem;position:absolute;top:.125rem;width:2rem}.ids-header-1177-admin-item:not(.ids-header-1177-admin-item--unresponsive) .ids-header-1177-admin-item-icon [class^=ids-icon-]{color:var(--IDS-HEADER-1177-ADMIN-ITEM__COLOR);font-size:1.5rem;top:50%;transform:translateY(-50%)}.ids-header-1177-admin-item:not(.ids-header-1177-admin-item--unresponsive) a{text-decoration:none}.ids-header-1177-admin-item:not(.ids-header-1177-admin-item--unresponsive) a,.ids-header-1177-admin-item:not(.ids-header-1177-admin-item--unresponsive) button{align-items:center;border:0;border-radius:.0313rem;color:var(--IDS-HEADER-1177-ADMIN-ITEM__COLOR);cursor:pointer;display:flex;font-family:var(--IDS-FONT-FAMILY-BASE);font-size:1rem;height:2rem;inset:0;justify-content:flex-end;line-height:1.5rem!important;margin:0;padding:.125rem .125rem .125rem 2.6875rem;position:relative;text-align:center;white-space:nowrap;width:100%;z-index:1}.ids-header-1177-admin-item:not(.ids-header-1177-admin-item--unresponsive) button{background-color:transparent}.ids-header-1177-admin-item:not(.ids-header-1177-admin-item--unresponsive):hover .ids-header-1177-admin-item-icon,.ids-header-1177-admin-item:not(.ids-header-1177-admin-item--unresponsive):hover .ids-header-1177-admin-item-icon [class^=ids-icon-]:before{color:var(--IDS-HEADER-1177-ADMIN-ITEM__HOVER-COLOR)}.ids-header-1177-admin-item:not(.ids-header-1177-admin-item--unresponsive) a:hover,.ids-header-1177-admin-item:not(.ids-header-1177-admin-item--unresponsive) button:hover{color:var(--IDS-HEADER-1177-ADMIN-ITEM__HOVER-COLOR);text-decoration:underline!important;text-underline-offset:.125rem}@media (max-width:1024px){.ids-header-1177-admin-item:not(.ids-header-1177-admin-item--unresponsive) a,.ids-header-1177-admin-item:not(.ids-header-1177-admin-item--unresponsive) a:hover,.ids-header-1177-admin-item:not(.ids-header-1177-admin-item--unresponsive) button,.ids-header-1177-admin-item:not(.ids-header-1177-admin-item--unresponsive) button:hover{color:transparent;font-size:.0063rem;padding-left:.125rem;width:2rem}.ids-header-1177-admin-item:not(.ids-header-1177-admin-item--unresponsive):not(.ids-header-1177-admin-item--mobile){display:none}}.ids-header-1177-admin-item.ids-header-1177-admin-item--unresponsive{align-items:center;border-radius:.0313rem;box-sizing:initial;display:flex;flex-direction:column;height:2rem;justify-content:flex-end;margin-left:1.25rem;min-width:2rem;padding:.125rem;position:relative;text-decoration:none}.ids-header-1177-admin-item.ids-header-1177-admin-item--unresponsive .ids-header-1177-admin-item-icon{display:flex;height:2rem;left:.375rem;position:absolute;top:.125rem;width:2rem}.ids-header-1177-admin-item.ids-header-1177-admin-item--unresponsive .ids-header-1177-admin-item-icon [class^=ids-icon-]{color:var(--IDS-HEADER-1177-ADMIN-ITEM__COLOR);font-size:1.5rem;top:50%;transform:translateY(-50%)}.ids-header-1177-admin-item.ids-header-1177-admin-item--unresponsive a{text-decoration:none}.ids-header-1177-admin-item.ids-header-1177-admin-item--unresponsive a,.ids-header-1177-admin-item.ids-header-1177-admin-item--unresponsive button{align-items:center;border:0;border-radius:.0313rem;color:var(--IDS-HEADER-1177-ADMIN-ITEM__COLOR);cursor:pointer;display:flex;font-family:var(--IDS-FONT-FAMILY-BASE);font-size:1rem;height:2rem;inset:0;justify-content:flex-end;line-height:1.5rem!important;margin:0;padding:.125rem .125rem .125rem 2.6875rem;position:relative;text-align:center;white-space:nowrap;width:100%;z-index:1}.ids-header-1177-admin-item.ids-header-1177-admin-item--unresponsive button{background-color:transparent}.ids-header-1177-admin-item.ids-header-1177-admin-item--unresponsive:hover .ids-header-1177-admin-item-icon,.ids-header-1177-admin-item.ids-header-1177-admin-item--unresponsive:hover .ids-header-1177-admin-item-icon [class^=ids-icon-]:before{color:var(--IDS-HEADER-1177-ADMIN-ITEM__HOVER-COLOR)}.ids-header-1177-admin-item.ids-header-1177-admin-item--unresponsive a:hover,.ids-header-1177-admin-item.ids-header-1177-admin-item--unresponsive button:hover{color:var(--IDS-HEADER-1177-ADMIN-ITEM__HOVER-COLOR);text-decoration:underline!important;text-underline-offset:.125rem}";
 var header1177AdminItemLit = css`${unsafeCSS(css_248z)}`;

package/components/header-1177-admin/header-1177-admin-item-shadow-lit.d.ts ADDED Viewed

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

package/components/header-1177-admin/header-1177-admin-item-shadow-lit.js ADDED Viewed

@@ -0,0 +1,7 @@
+import { css, unsafeCSS } from 'lit';
+var css_248z = "@media (max-width:639px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}.ids-header-1177-admin-item:not(.ids-header-1177-admin-item--unresponsive) .ids-header-1177-admin-item-icon ::slotted([class^=ids-icon-]){color:var(--IDS-HEADER-1177-ADMIN-ITEM__COLOR);font-size:1.5rem;top:50%;transform:translateY(-50%)}.ids-header-1177-admin-item:not(.ids-header-1177-admin-item--unresponsive) ::slotted(a){align-items:center;border:0;border-radius:.0313rem;color:var(--IDS-HEADER-1177-ADMIN-ITEM__COLOR);cursor:pointer;display:flex;font-family:var(--IDS-FONT-FAMILY-BASE);font-size:1rem;height:2rem;inset:0;justify-content:flex-end;line-height:1.5rem!important;margin:0;padding:.125rem .125rem .125rem 2.6875rem;position:relative;text-align:center;text-decoration:none;white-space:nowrap;width:100%;z-index:1}.ids-header-1177-admin-item:not(.ids-header-1177-admin-item--unresponsive) ::slotted(button){align-items:center;background-color:transparent;border:0;border-radius:.0313rem;color:var(--IDS-HEADER-1177-ADMIN-ITEM__COLOR);cursor:pointer;display:flex;font-family:var(--IDS-FONT-FAMILY-BASE);font-size:1rem;height:2rem;inset:0;justify-content:flex-end;line-height:1.5rem!important;margin:0;padding:.125rem .125rem .125rem 2.6875rem;position:relative;text-align:center;white-space:nowrap;width:100%;z-index:1}.ids-header-1177-admin-item:not(.ids-header-1177-admin-item--unresponsive):hover .ids-header-1177-admin-item-icon ::slotted([class^=ids-icon-]):before{color:var(--IDS-HEADER-1177-ADMIN-ITEM__HOVER-COLOR)}.ids-header-1177-admin-item:not(.ids-header-1177-admin-item--unresponsive) ::slotted(a:hover),.ids-header-1177-admin-item:not(.ids-header-1177-admin-item--unresponsive) ::slotted(button:hover){color:var(--IDS-HEADER-1177-ADMIN-ITEM__HOVER-COLOR);text-decoration:underline!important;text-underline-offset:.125rem}@media (max-width:1024px){.ids-header-1177-admin-item:not(.ids-header-1177-admin-item--unresponsive) ::slotted(a),.ids-header-1177-admin-item:not(.ids-header-1177-admin-item--unresponsive) ::slotted(a:hover),.ids-header-1177-admin-item:not(.ids-header-1177-admin-item--unresponsive) ::slotted(button),.ids-header-1177-admin-item:not(.ids-header-1177-admin-item--unresponsive) ::slotted(button:hover){color:transparent;font-size:.0063rem;padding-left:.125rem;width:2rem}}.ids-header-1177-admin-item.ids-header-1177-admin-item--unresponsive .ids-header-1177-admin-item-icon ::slotted([class^=ids-icon-]){color:var(--IDS-HEADER-1177-ADMIN-ITEM__COLOR);font-size:1.5rem;top:50%;transform:translateY(-50%)}.ids-header-1177-admin-item.ids-header-1177-admin-item--unresponsive ::slotted(a){align-items:center;border:0;border-radius:.0313rem;color:var(--IDS-HEADER-1177-ADMIN-ITEM__COLOR);cursor:pointer;display:flex;font-family:var(--IDS-FONT-FAMILY-BASE);font-size:1rem;height:2rem;inset:0;justify-content:flex-end;line-height:1.5rem!important;margin:0;padding:.125rem .125rem .125rem 2.6875rem;position:relative;text-align:center;text-decoration:none;white-space:nowrap;width:100%;z-index:1}.ids-header-1177-admin-item.ids-header-1177-admin-item--unresponsive ::slotted(button){align-items:center;background-color:transparent;border:0;border-radius:.0313rem;color:var(--IDS-HEADER-1177-ADMIN-ITEM__COLOR);cursor:pointer;display:flex;font-family:var(--IDS-FONT-FAMILY-BASE);font-size:1rem;height:2rem;inset:0;justify-content:flex-end;line-height:1.5rem!important;margin:0;padding:.125rem .125rem .125rem 2.6875rem;position:relative;text-align:center;white-space:nowrap;width:100%;z-index:1}.ids-header-1177-admin-item.ids-header-1177-admin-item--unresponsive:hover .ids-header-1177-admin-item-icon ::slotted([class^=ids-icon-]):before{color:var(--IDS-HEADER-1177-ADMIN-ITEM__HOVER-COLOR)}.ids-header-1177-admin-item.ids-header-1177-admin-item--unresponsive ::slotted(a:hover),.ids-header-1177-admin-item.ids-header-1177-admin-item--unresponsive ::slotted(button:hover){color:var(--IDS-HEADER-1177-ADMIN-ITEM__HOVER-COLOR);text-decoration:underline!important;text-underline-offset:.125rem}";
+var header1177AdminItemShadowLit = css`${unsafeCSS(css_248z)}`;
+export { header1177AdminItemShadowLit as default };