@inera/ids-design 9.1.0 → 9.2.0

package/components/header-inera-general/header-inera-general-nav-item.css

@@ -0,0 +1,156 @@
+@media (max-width: 1023px) {
+  .ids-desktop {
+    display: none !important;
+  }
+}
+
+@media (min-width: 1024px) {
+  .ids-mobile {
+    display: none !important;
+  }
+}
+
+.ids-header-inera-general-nav-item {
+  display: none;
+}
+.ids-header-inera-general-nav-item ids-notification-badge,
+.ids-header-inera-general-nav-item .ids-notification-badge {
+  margin-left: 0.188rem;
+  display: inline-flex;
+  height: 0;
+  position: relative;
+  top: -0.0625rem;
+}
+.ids-header-inera-general-nav-item.ids-header-inera-general-nav-item--unresponsive {
+  display: block;
+}
+.ids-header-inera-general-nav-item .ids-header-inera-general-nav-item__button,
+.ids-header-inera-general-nav-item .ids-header-inera-general-nav-item__link {
+  display: block;
+  position: relative;
+  padding: 0.5rem 0.75rem;
+  outline-offset: -0.125rem !important;
+  text-decoration: none;
+  font-size: 1.125rem;
+  line-height: 1.5rem;
+  font-weight: var(--IDS-HEADER-INERA-GENERAL-NAV-ITEM__FONT-WEIGHT);
+  font-family: var(--IDS-FONT-FAMILY-HEADING);
+  color: var(--IDS-HEADER-INERA-GENERAL-NAV-ITEM__COLOR);
+  background-color: transparent;
+  border: 0;
+  cursor: pointer;
+}
+.ids-header-inera-general-nav-item .ids-header-inera-general-nav-item__button:after,
+.ids-header-inera-general-nav-item .ids-header-inera-general-nav-item__link:after {
+  content: "";
+  background-color: var(--IDS-HEADER-INERA-GENERAL-NAV-ITEM__BOTTOM-BORDER-COLOR);
+  display: block;
+  height: 0.313rem;
+  left: 0;
+  right: 100%;
+  bottom: 0;
+  position: absolute;
+  transition: all 0.3s ease;
+  width: 0;
+  margin-left: 0.625rem;
+  margin-right: 0.625rem;
+}
+.ids-header-inera-general-nav-item .ids-header-inera-general-nav-item__button a,
+.ids-header-inera-general-nav-item .ids-header-inera-general-nav-item__link a {
+  padding: 0.1875rem 0 0.25rem 0;
+  font-size: 1.125rem;
+  line-height: 1.5rem;
+  font-weight: var(--IDS-HEADER-INERA-GENERAL-NAV-ITEM__FONT-WEIGHT);
+  font-family: var(--IDS-FONT-FAMILY-HEADING);
+  color: var(--IDS-HEADER-INERA-GENERAL-NAV-ITEM__COLOR);
+  text-decoration: none;
+}
+.ids-header-inera-general-nav-item .ids-header-inera-general-nav-item__button:hover,
+.ids-header-inera-general-nav-item .ids-header-inera-general-nav-item__link:hover {
+  text-decoration: none;
+}
+.ids-header-inera-general-nav-item .ids-header-inera-general-nav-item__button:hover:after,
+.ids-header-inera-general-nav-item .ids-header-inera-general-nav-item__link:hover:after {
+  width: auto;
+  right: 0;
+}
+.ids-header-inera-general-nav-item .ids-header-inera-general-nav-item__button a:focus-visible,
+.ids-header-inera-general-nav-item .ids-header-inera-general-nav-item__link a:focus-visible {
+  outline: var(--IDS-FOCUS__OUTLINE);
+  border-radius: var(--IDS-FOCUS__BORDER-RADIUS);
+}
+.ids-header-inera-general-nav-item button:focus-visible {
+  outline: var(--IDS-FOCUS__OUTLINE);
+  border-radius: var(--IDS-FOCUS__BORDER-RADIUS);
+}
+.ids-header-inera-general-nav-item.ids-header-inera-general-nav-item--active .ids-header-inera-general-nav-item__button:after,
+.ids-header-inera-general-nav-item.ids-header-inera-general-nav-item--active .ids-header-inera-general-nav-item__link:after {
+  width: auto;
+  right: 0;
+}
+.ids-header-inera-general-nav-item.ids-header-inera-general-nav-item--expanded .ids-header-inera-general-nav-item__button,
+.ids-header-inera-general-nav-item.ids-header-inera-general-nav-item--expanded .ids-header-inera-general-nav-item__link {
+  color: var(--IDS-HEADER-INERA-GENERAL-ADMIN-NAV-ITEM__COLOR);
+}
+.ids-header-inera-general-nav-item.ids-header-inera-general-nav-item--expanded .ids-header-inera-general-nav-item__button:after,
+.ids-header-inera-general-nav-item.ids-header-inera-general-nav-item--expanded .ids-header-inera-general-nav-item__link:after {
+  width: auto;
+  right: 0;
+}
+.ids-header-inera-general-nav-item .ids-header-inera-general-nav-item__menu {
+  border-top: 0.063rem solid var(--IDS-HEADER-INERA-GENERAL-NAV__BORDER-COLOR);
+  background-color: var(--IDS-HEADER-INERA-GENERAL-NAV-ITEM-MENU__BACKGROUND-COLOR);
+  box-shadow: var(--IDS-BOX-SHADOW-ELEVATED-2);
+  left: 0;
+  right: 0;
+  top: 100%;
+  min-height: 10.813rem;
+  padding: 3rem 0;
+  position: absolute;
+  width: 100%;
+  display: flex;
+  box-sizing: border-box;
+  overflow-y: hidden;
+  overflow-x: auto;
+  display: none;
+}
+.ids-header-inera-general-nav-item .ids-header-inera-general-nav-item__menu.ids-header-inera-general-nav-item__menu--expanded {
+  display: block;
+}
+.ids-header-inera-general-nav-item .ids-header-inera-general-nav-item__menu-content {
+  max-width: var(--IDS__MAX-WIDTH);
+  padding: var(--IDS__CONTAINER-PADDING);
+  box-sizing: border-box;
+  margin: 0 auto;
+  width: 100%;
+  display: flex;
+}
+.ids-header-inera-general-nav-item .ids-header-inera-general-nav-item__menu-col-1,
+.ids-header-inera-general-nav-item .ids-header-inera-general-nav-item__menu-col-2,
+.ids-header-inera-general-nav-item .ids-header-inera-general-nav-item__menu-col-3,
+.ids-header-inera-general-nav-item .ids-header-inera-general-nav-item__menu-col-4 {
+  flex: 0 25%;
+  flex-shrink: 0;
+}
+.ids-header-inera-general-nav-item .ids-header-inera-general-nav-item__menu-col-1 ids-link,
+.ids-header-inera-general-nav-item .ids-header-inera-general-nav-item__menu-col-1 .ids-header-inera-general-nav__menu-item-wrapper,
+.ids-header-inera-general-nav-item .ids-header-inera-general-nav-item__menu-col-2 ids-link,
+.ids-header-inera-general-nav-item .ids-header-inera-general-nav-item__menu-col-2 .ids-header-inera-general-nav__menu-item-wrapper,
+.ids-header-inera-general-nav-item .ids-header-inera-general-nav-item__menu-col-3 ids-link,
+.ids-header-inera-general-nav-item .ids-header-inera-general-nav-item__menu-col-3 .ids-header-inera-general-nav__menu-item-wrapper {
+  display: flex;
+  padding: 0.5rem 0;
+  margin-right: 2.5rem;
+  font-size: 1rem;
+  line-height: 1.5rem;
+  border-bottom: 0.063rem solid var(--IDS-HEADER-INERA-GENERAL-NAV-ITEM-MENU__LINK-BORDER-COLOR);
+}
+@media only screen and (min-width: 1024px) {
+  .ids-header-inera-general-nav-item {
+    display: flex;
+  }
+}
+
+:host .ids-header-inera-general-nav-item {
+  margin-bottom: -0.0625rem;
+}

package/components/header-inera-general/header-inera-general-nav-lit.d.ts

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

package/components/header-inera-general/header-inera-general-nav-lit.js

@@ -0,0 +1,9 @@
+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-general-nav{background-color:var(--IDS-HEADER-INERA-GENERAL-NAV__BACKGROUND-COLOR);border-top:0;box-sizing:border-box;display:flex;flex:1 1 auto;margin:0 auto;max-width:var(--IDS__MAX-WIDTH);padding:var(--IDS__CONTAINER-PADDING);width:100%}.ids-header-inera-general-nav .ids-header-inera-general-nav__nav-items{border-top:.063rem solid var(--IDS-HEADER-INERA-GENERAL-NAV__BORDER-COLOR);display:flex;width:100%}@media (max-width:1023px){.ids-header-inera-general-nav{display:none}.ids-header-inera-general-nav .ids-header-inera-general-nav__nav-items{border:0}.ids-header-inera-general-nav.ids-header-inera-general-nav--unresponsive{border-top:.063rem solid var(--IDS-HEADER-INERA-GENERAL-NAV__BORDER-COLOR);display:flex}}";
+
+var headerIneraGeneralNavLit = css`
+  ${unsafeCSS(css_248z)}
+`;
+
+export { headerIneraGeneralNavLit as default };

package/components/header-inera-general/header-inera-general-nav.css

@@ -0,0 +1,42 @@
+@media (max-width: 1023px) {
+  .ids-desktop {
+    display: none !important;
+  }
+}
+
+@media (min-width: 1024px) {
+  .ids-mobile {
+    display: none !important;
+  }
+}
+
+.ids-header-inera-general-nav {
+  max-width: var(--IDS__MAX-WIDTH);
+  padding: var(--IDS__CONTAINER-PADDING);
+  box-sizing: border-box;
+  background-color: var(--IDS-HEADER-INERA-GENERAL-NAV__BACKGROUND-COLOR);
+  width: 100%;
+  margin: 0 auto;
+  display: flex;
+  flex: 1 1 auto;
+  box-sizing: border-box;
+  display: flex;
+  border-top: 0;
+}
+.ids-header-inera-general-nav .ids-header-inera-general-nav__nav-items {
+  border-top: 0.063rem solid var(--IDS-HEADER-INERA-GENERAL-NAV__BORDER-COLOR);
+  display: flex;
+  width: 100%;
+}
+@media (max-width: 1023px) {
+  .ids-header-inera-general-nav {
+    display: none;
+  }
+  .ids-header-inera-general-nav .ids-header-inera-general-nav__nav-items {
+    border: 0;
+  }
+  .ids-header-inera-general-nav.ids-header-inera-general-nav--unresponsive {
+    display: flex;
+    border-top: 0.063rem solid var(--IDS-HEADER-INERA-GENERAL-NAV__BORDER-COLOR);
+  }
+}

package/components/header-inera-general/header-inera-general-shadow-lit.d.ts

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

package/components/header-inera-general/header-inera-general-shadow-lit.js

@@ -0,0 +1,9 @@
+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-general .ids-header-inera-general__brand-link ::slotted(a):focus-visible{outline:.125rem solid var(--IDS-FOCUS__OUTLINE-COLOR);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)!important}.ids-header-inera-general .ids-header-inera-general__brand-link ::slotted(a){border-radius:var(--IDS-FOCUS__BORDER-RADIUS);bottom:0;left:0;position:absolute;right:0;top:0}@media (max-width:1023px){.ids-header-inera-general:not(.ids-header-inera-general--unresponsive) .ids-header-inera-general__brand-link ::slotted(a){font-size:1rem;line-height:1.5rem}}";
+
+var headerIneraGeneralShadowLit = css`
+  ${unsafeCSS(css_248z)}
+`;
+
+export { headerIneraGeneralShadowLit as default };

package/components/header-inera-general/header-inera-general-shadow.css

@@ -0,0 +1,30 @@
+@media (max-width: 1023px) {
+  .ids-desktop {
+    display: none !important;
+  }
+}
+
+@media (min-width: 1024px) {
+  .ids-mobile {
+    display: none !important;
+  }
+}
+
+.ids-header-inera-general .ids-header-inera-general__brand-link ::slotted(a):focus-visible {
+  outline: 0.125rem solid var(--IDS-FOCUS__OUTLINE-COLOR);
+  outline-offset: var(--IDS-FOCUS__OUTLINE-OFFSET) !important;
+}
+.ids-header-inera-general .ids-header-inera-general__brand-link ::slotted(a) {
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  border-radius: var(--IDS-FOCUS__BORDER-RADIUS);
+}
+@media (max-width: 1023px) {
+  .ids-header-inera-general:not(.ids-header-inera-general--unresponsive) .ids-header-inera-general__brand-link ::slotted(a) {
+    font-size: 1rem;
+    line-height: 1.5rem;
+  }
+}

package/components/header-inera-general/header-inera-general.css

@@ -0,0 +1,133 @@
+@media (max-width: 1023px) {
+  .ids-desktop {
+    display: none !important;
+  }
+}
+
+@media (min-width: 1024px) {
+  .ids-mobile {
+    display: none !important;
+  }
+}
+
+.ids-header-inera-general {
+  border-bottom: 0.0625rem solid var(--IDS-HEADER-INERA-GENERAL__BORDER-COLOR);
+  background-color: var(--IDS-HEADER-INERA-GENERAL__BACKGROUND-COLOR);
+  display: flex;
+  flex-direction: column;
+  position: relative;
+  z-index: 3;
+}
+.ids-header-inera-general:before {
+  content: "";
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  height: 0.5rem;
+  z-index: 3;
+  background-color: var(--IDS-HEADER-INERA-GENERAL__BRAND-BORDER-COLOR);
+}
+.ids-header-inera-general .ids-header-inera-general__inner {
+  padding: 0 0.25rem;
+}
+.ids-header-inera-general .ids-header-inera-general__skip-to-content {
+  position: relative;
+  z-index: 20;
+}
+.ids-header-inera-general .ids-header-inera-general__skip-to-content ::slotted(a),
+.ids-header-inera-general .ids-header-inera-general__skip-to-content a {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 0 1rem;
+  height: 3rem;
+  text-align: center;
+  background-color: var(--IDS-SKIP-TO-CONTENT-LINK__BACKGROUND-COLOR);
+  box-shadow: var(--IDS-BOX-SHADOW-ELEVATED-2);
+  z-index: 20;
+  font-family: var(--IDS-LINK__FONT-FAMILY);
+  font-size: 1rem;
+  color: var(--IDS-LINK--COLOR-PRESET-1__COLOR);
+  text-decoration-color: var(--IDS-LINK--COLOR-PRESET-1__COLOR);
+  text-decoration: underline;
+  position: absolute;
+  right: 0;
+  left: 0;
+  transform: translateY(-300%);
+  transition: transform 300ms cubic-bezier(0.4, 0, 0.2, 1);
+}
+.ids-header-inera-general .ids-header-inera-general__skip-to-content ::slotted(a:focus-visible),
+.ids-header-inera-general .ids-header-inera-general__skip-to-content a:focus-visible {
+  transform: translateY(0);
+  transition: transform 300ms cubic-bezier(0.4, 0, 0.2, 1);
+  outline-offset: -0.375rem !important;
+}
+.ids-header-inera-general .ids-header-inera-general__main {
+  max-width: var(--IDS__MAX-WIDTH);
+  padding: var(--IDS__CONTAINER-PADDING);
+  box-sizing: border-box;
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  justify-content: space-between;
+  width: 100%;
+  box-sizing: border-box;
+  min-height: 5.625rem;
+  margin: 0 auto;
+}
+.ids-header-inera-general .ids-header-inera-general__brand {
+  position: relative;
+  display: flex;
+  align-items: center;
+  justify-content: flex-start;
+}
+.ids-header-inera-general .ids-header-inera-general__brand-text,
+.ids-header-inera-general .ids-header-inera-general__brand-link a {
+  display: block;
+  font-style: normal;
+  font-weight: 600;
+  font-family: var(--IDS-FONT-FAMILY-HEADING);
+  font-size: 1.875rem;
+  line-height: 2.8125rem;
+  margin: 0;
+  color: var(--IDS-HEADER-INERA-GENERAL__BRAND-TEXT-COLOR);
+  display: inline-block;
+  text-align: left;
+  text-decoration: none;
+  border-radius: var(--IDS-FOCUS__BORDER-RADIUS);
+}
+.ids-header-inera-general .ids-header-inera-general__brand-link a:focus-visible {
+  outline: 0.125rem solid var(--IDS-FOCUS__OUTLINE-COLOR);
+  outline-offset: var(--IDS-FOCUS__OUTLINE-OFFSET) !important;
+}
+.ids-header-inera-general .ids-header-inera-general__brand-link a {
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  border-radius: var(--IDS-FOCUS__BORDER-RADIUS);
+}
+.ids-header-inera-general .ids-header-inera-general__items {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  margin-left: auto;
+}
+@media (max-width: 1023px) {
+  .ids-header-inera-general:not(.ids-header-inera-general--unresponsive):before {
+    height: 0.25rem;
+  }
+  .ids-header-inera-general:not(.ids-header-inera-general--unresponsive) .ids-header-inera-general__inner {
+    padding: 0;
+  }
+  .ids-header-inera-general:not(.ids-header-inera-general--unresponsive) .ids-header-inera-general__main {
+    min-height: 3rem;
+  }
+  .ids-header-inera-general:not(.ids-header-inera-general--unresponsive) .ids-header-inera-general__brand-text,
+  .ids-header-inera-general:not(.ids-header-inera-general--unresponsive) .ids-header-inera-general__brand-link a {
+    font-size: 1rem;
+    line-height: 1.5rem;
+  }
+}

package/components/header-patient/header-patient-lit.js

@@ -1,6 +1,6 @@
 import { css, unsafeCSS } from 'lit';
 
-var css_248z = "@media (max-width:1023px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}.ids--dark,.ids--light{--IDS-FONT-FAMILY-BASE:\"Open Sans\";--IDS-FONT-FAMILY-HEADING:\"Inter\";--IDS-FONT-COLOR:var(--ids-color-surface-text-on-default);--IDS-HEADING-XXL__MARGIN-BOTTOM:1.875rem;--IDS-HEADING-XL__MARGIN-BOTTOM:1.875rem;--IDS-HEADING-L__MARGIN-BOTTOM:1.875rem;--IDS-PAGE-LIST__COLOR:var(--ids-color-brand-text-primary);--IDS-PAGE-LIST__FONT-FAMILY:var(--IDS-FONT-FAMILY-HEADING);--IDS-PAGE-LIST__FONT-SIZE:1.25rem;--IDS-PAGE-LIST__LINE-HEIGHT:1.5rem;--IDS-PAGE-LIST__FONT-WEIGHT:700;--IDS-PAGE-LIST__LETTER-SPACING:-0.025rem;--IDS-BULLET-LIST__MARKER-COLOR:var(--ids-color-brand-text-primary);--IDS-BULLET-LIST__MARKER-FONT-WEIGHT:bold;--IDS-BULLET-LIST__LINE-HEIGHT:1.5rem;--IDS-DIVIDER__COLOR:var(--ids-color-surface-border-default)}.ids--dark.ids--1177-admin,.ids--dark.ids--1177-pro,.ids--light.ids--1177-admin,.ids--light.ids--1177-pro{--IDS-PAGE-LIST__COLOR:var(--ids-color-interactive-text-default)}.ids--dark.ids--inera,.ids--dark.ids--inera-admin,.ids--light.ids--inera,.ids--light.ids--inera-admin{--IDS-FONT-FAMILY-BASE:\"Open Sans\";--IDS-FONT-FAMILY-HEADING:\"Poppins\";--IDS-HEADING-XXL__MARGIN-BOTTOM:1.25rem;--IDS-HEADING-XL__MARGIN-BOTTOM:1.25rem;--IDS-HEADING-L__MARGIN-BOTTOM:1.25rem;--IDS-PAGE-LIST__FONT-WEIGHT:600;--IDS-PAGE-LIST__LETTER-SPACING:0;--IDS-BULLET-LIST__MARKER-FONT-WEIGHT:normal;--IDS-BULLET-LIST__LINE-HEIGHT:1.625rem;--IDS-DESCRIPTION-LIST__TERM-FONT-WEIGHT:600}.ids--dark.ids--dark,.ids--light.ids--dark{--IDS-PAGE-LIST__COLOR:var(--ids-color-navigation-text-default)}.ids--dark.ids--dark.ids--1177-admin,.ids--dark.ids--dark.ids--1177-pro,.ids--dark.ids--dark.ids--inera,.ids--dark.ids--dark.ids--inera-admin,.ids--light.ids--dark.ids--1177-admin,.ids--light.ids--dark.ids--1177-pro,.ids--light.ids--dark.ids--inera,.ids--light.ids--dark.ids--inera-admin{--IDS-PAGE-LIST__COLOR:var(--ids-color-interactive-text-default)}.ids-header-patient{background:var(--IDS-HEADER-PATIENT__BACKGROUND-COLOR);border-bottom:.0625rem solid var(--IDS-HEADER-PATIENT__BORDER-COLOR);box-shadow:var(--IDS-BOX-SHADOW-ELEVATED-1);box-sizing:border-box;position:relative;width:100%;z-index:2}.ids-header-patient .ids-patient-header__inner{box-sizing:border-box;display:flex;flex-direction:row;gap:1rem;justify-content:space-between;margin:0 auto;max-width:var(--IDS__MAX-WIDTH);padding:var(--IDS__CONTAINER-PADDING);padding-bottom:1rem;padding-top:1rem}.ids-header-patient .ids-header-patient__content{display:flex;margin-top:.125rem}.ids-header-patient .ids-header-patient__id{align-items:flex-start;display:flex;flex-shrink:0;flex-wrap:wrap;margin:.25rem;padding-left:1.75rem;position:relative}.ids-header-patient .ids-header-patient__id:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-HEADER-PATIENT__COLOR);content:\"\\e923\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1.25rem;left:0;position:absolute;top:0}.ids-header-patient .ids-header-patient__name{color:var(--ids-color-heading-text-s);display:flex;font-family:var(--ids-font-family-heading);font-size:var(--ids-font-size-heading-xs);font-style:normal;font-weight:var(--ids-font-weight-heading-xs);letter-spacing:var(--ids-font-letter-spacing-heading-xs);line-height:var(--ids-font-line-height-heading-xs);margin-right:.5rem}.ids-header-patient .ids-header-patient__ssn{display:flex;line-height:var(--ids-font-line-height-body-text);line-height:var(--ids-font-line-height-heading-xs);white-space:nowrap}.ids-header-patient .ids-header-patient__info,.ids-header-patient .ids-header-patient__ssn{color:var(--ids-color-surface-text-on-default);font-family:var(--ids-font-family-body-text);font-size:var(--ids-font-size-body-text);font-style:normal;font-weight:var(--ids-font-weight-body-text);letter-spacing:0}.ids-header-patient .ids-header-patient__info{line-height:var(--ids-font-line-height-body-text);margin:0 0 0 1.5rem}.ids-header-patient .ids-header-patient__buttons{align-items:flex-start;display:flex;flex-wrap:wrap;gap:.25rem 1rem;justify-content:flex-start;min-width:17.5rem}.ids-header-patient .ids-header-patient__buttons .ids-button{display:inline-block;white-space:nowrap}.ids-header-patient.ids-header-patient--long-name .ids-header-patient__id{flex-direction:column!important;flex-shrink:inherit}.ids-header-patient.ids-header-patient--stack .ids-header-patient__id{flex-direction:column!important}.ids-header-patient.ids-header-patient--collapse{box-shadow:none}.ids-header-patient.ids-header-patient--collapse .ids-header-patient__buttons,.ids-header-patient.ids-header-patient--collapse .ids-header-patient__info{display:none}.ids-header-patient.ids-header-patient--collapse.ids-header-patient--long-name:not(.ids-header-patient--stack) .ids-header-patient__ssn{display:inline}@media (max-width:1023px){.ids-header-patient .ids-patient-header__inner{flex-direction:column;padding:.75rem 1rem}.ids-header-patient .ids-header-patient__content{flex-direction:column;margin-top:0}.ids-header-patient .ids-header-patient__buttons{align-items:center;justify-content:center;min-width:0;white-space:normal}.ids-header-patient .ids-header-patient__info{margin:.5rem 0}.ids-header-patient.ids-header-patient--stack .ids-header-patient__ssn{margin-left:0}}";
+var css_248z = "@media (max-width:1023px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}.ids--dark,.ids--light{--IDS-FONT-FAMILY-BASE:\"Open Sans\";--IDS-FONT-FAMILY-HEADING:\"Inter\";--IDS-FONT-COLOR:var(--ids-color-surface-text-on-default);--IDS-HEADING-XXL__MARGIN-BOTTOM:1.875rem;--IDS-HEADING-XL__MARGIN-BOTTOM:1.875rem;--IDS-HEADING-L__MARGIN-BOTTOM:1.875rem;--IDS-PAGE-LIST__COLOR:var(--ids-color-brand-text-primary);--IDS-PAGE-LIST__FONT-FAMILY:var(--IDS-FONT-FAMILY-HEADING);--IDS-PAGE-LIST__FONT-SIZE:1.25rem;--IDS-PAGE-LIST__LINE-HEIGHT:1.5rem;--IDS-PAGE-LIST__FONT-WEIGHT:700;--IDS-PAGE-LIST__LETTER-SPACING:-0.025rem;--IDS-BULLET-LIST__MARKER-COLOR:var(--ids-color-brand-text-primary);--IDS-BULLET-LIST__MARKER-FONT-WEIGHT:bold;--IDS-BULLET-LIST__LINE-HEIGHT:1.5rem;--IDS-DIVIDER__COLOR:var(--ids-color-surface-border-default)}.ids--dark.ids--1177-admin,.ids--dark.ids--1177-pro,.ids--light.ids--1177-admin,.ids--light.ids--1177-pro{--IDS-PAGE-LIST__COLOR:var(--ids-color-interactive-text-default)}.ids--dark.ids--inera,.ids--dark.ids--inera-admin,.ids--dark.ids--inera-general,.ids--light.ids--inera,.ids--light.ids--inera-admin,.ids--light.ids--inera-general{--IDS-FONT-FAMILY-BASE:\"Open Sans\";--IDS-FONT-FAMILY-HEADING:\"Poppins\";--IDS-HEADING-XXL__MARGIN-BOTTOM:1.25rem;--IDS-HEADING-XL__MARGIN-BOTTOM:1.25rem;--IDS-HEADING-L__MARGIN-BOTTOM:1.25rem;--IDS-PAGE-LIST__FONT-WEIGHT:600;--IDS-PAGE-LIST__LETTER-SPACING:0;--IDS-BULLET-LIST__MARKER-FONT-WEIGHT:normal;--IDS-BULLET-LIST__LINE-HEIGHT:1.625rem;--IDS-DESCRIPTION-LIST__TERM-FONT-WEIGHT:600}.ids--dark.ids--dark,.ids--light.ids--dark{--IDS-PAGE-LIST__COLOR:var(--ids-color-navigation-text-default)}.ids--dark.ids--dark.ids--1177-admin,.ids--dark.ids--dark.ids--1177-pro,.ids--dark.ids--dark.ids--inera,.ids--dark.ids--dark.ids--inera-admin,.ids--dark.ids--dark.ids--inera-general,.ids--light.ids--dark.ids--1177-admin,.ids--light.ids--dark.ids--1177-pro,.ids--light.ids--dark.ids--inera,.ids--light.ids--dark.ids--inera-admin,.ids--light.ids--dark.ids--inera-general{--IDS-PAGE-LIST__COLOR:var(--ids-color-interactive-text-default)}.ids-header-patient{background:var(--IDS-HEADER-PATIENT__BACKGROUND-COLOR);border-bottom:.0625rem solid var(--IDS-HEADER-PATIENT__BORDER-COLOR);box-shadow:var(--IDS-BOX-SHADOW-ELEVATED-1);box-sizing:border-box;position:relative;width:100%;z-index:2}.ids-header-patient .ids-patient-header__inner{box-sizing:border-box;display:flex;flex-direction:row;gap:1rem;justify-content:space-between;margin:0 auto;max-width:var(--IDS__MAX-WIDTH);padding:var(--IDS__CONTAINER-PADDING);padding-bottom:1rem;padding-top:1rem}.ids-header-patient .ids-header-patient__content{display:flex;margin-top:.125rem}.ids-header-patient .ids-header-patient__id{align-items:flex-start;display:flex;flex-shrink:0;flex-wrap:wrap;margin:.25rem;padding-left:1.75rem;position:relative}.ids-header-patient .ids-header-patient__id:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-HEADER-PATIENT__COLOR);content:\"\\e923\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1rem;font-size:1.25rem;left:0;position:absolute;top:0}.ids-header-patient .ids-header-patient__name{color:var(--ids-color-heading-text-s);display:flex;font-family:var(--ids-font-family-heading);font-size:var(--ids-font-size-heading-xs);font-style:normal;font-weight:var(--ids-font-weight-heading-xs);letter-spacing:var(--ids-font-letter-spacing-heading-xs);line-height:var(--ids-font-line-height-heading-xs);margin-right:.5rem}.ids-header-patient .ids-header-patient__ssn{display:flex;line-height:var(--ids-font-line-height-body-text);line-height:var(--ids-font-line-height-heading-xs);white-space:nowrap}.ids-header-patient .ids-header-patient__info,.ids-header-patient .ids-header-patient__ssn{color:var(--ids-color-surface-text-on-default);font-family:var(--ids-font-family-body-text);font-size:var(--ids-font-size-body-text);font-style:normal;font-weight:var(--ids-font-weight-body-text);letter-spacing:0}.ids-header-patient .ids-header-patient__info{line-height:var(--ids-font-line-height-body-text);margin:0 0 0 1.5rem}.ids-header-patient .ids-header-patient__buttons{align-items:flex-start;display:flex;flex-wrap:wrap;gap:.25rem 1rem;justify-content:flex-start}.ids-header-patient .ids-header-patient__buttons .ids-button{display:inline-block;white-space:nowrap}.ids-header-patient.ids-header-patient--collapse{box-shadow:none}.ids-header-patient.ids-header-patient--collapse .ids-header-patient__buttons,.ids-header-patient.ids-header-patient--collapse .ids-header-patient__info{display:none}.ids-header-patient.ids-header-patient--collapse.ids-header-patient--long-name:not(.ids-header-patient--stack) .ids-header-patient__ssn{display:inline}.ids-header-patient.ids-header-patient--long-name .ids-header-patient__id{flex-shrink:inherit}.ids-header-patient.ids-header-patient--long-name:not(.ids-header-patient.ids-header-patient--long-name.ids-header-patient--collapse) .ids-header-patient__id,.ids-header-patient.ids-header-patient--stack .ids-header-patient__id{flex-direction:column!important}@media (max-width:1023px){.ids-header-patient .ids-patient-header__inner{flex-direction:column;padding:.75rem 1rem}.ids-header-patient .ids-header-patient__content{flex-direction:column;margin-top:0}.ids-header-patient .ids-header-patient__buttons{align-items:center;justify-content:center;min-width:0;white-space:normal}.ids-header-patient .ids-header-patient__info{margin:.5rem 0}.ids-header-patient.ids-header-patient--stack .ids-header-patient__ssn{margin-left:0}}";
 
 var headerPatientLit = css`${unsafeCSS(css_248z)}`;
 

package/components/header-patient/header-patient.css

@@ -10,7 +10,8 @@
   }
 }
 
-.ids--light, .ids--dark {
+.ids--light,
+.ids--dark {
   --IDS-FONT-FAMILY-BASE: "Open Sans";
   --IDS-FONT-FAMILY-HEADING: "Inter";
   --IDS-FONT-COLOR: var(--ids-color-surface-text-on-default);
@@ -28,10 +29,15 @@
   --IDS-BULLET-LIST__LINE-HEIGHT: 1.5rem;
   --IDS-DIVIDER__COLOR: var(--ids-color-surface-border-default);
 }
-.ids--light.ids--1177-pro, .ids--light.ids--1177-admin, .ids--dark.ids--1177-pro, .ids--dark.ids--1177-admin {
+.ids--light.ids--1177-pro, .ids--light.ids--1177-admin,
+.ids--dark.ids--1177-pro,
+.ids--dark.ids--1177-admin {
   --IDS-PAGE-LIST__COLOR: var(--ids-color-interactive-text-default);
 }
-.ids--light.ids--inera, .ids--light.ids--inera-admin, .ids--dark.ids--inera, .ids--dark.ids--inera-admin {
+.ids--light.ids--inera, .ids--light.ids--inera-general, .ids--light.ids--inera-admin,
+.ids--dark.ids--inera,
+.ids--dark.ids--inera-general,
+.ids--dark.ids--inera-admin {
   --IDS-FONT-FAMILY-BASE: "Open Sans";
   --IDS-FONT-FAMILY-HEADING: "Poppins";
   --IDS-HEADING-XXL__MARGIN-BOTTOM: 1.25rem;
@@ -43,10 +49,16 @@
   --IDS-BULLET-LIST__LINE-HEIGHT: 1.625rem;
   --IDS-DESCRIPTION-LIST__TERM-FONT-WEIGHT: 600;
 }
-.ids--light.ids--dark, .ids--dark.ids--dark {
+.ids--light.ids--dark,
+.ids--dark.ids--dark {
   --IDS-PAGE-LIST__COLOR: var(--ids-color-navigation-text-default);
 }
-.ids--light.ids--dark.ids--1177-pro, .ids--light.ids--dark.ids--1177-admin, .ids--light.ids--dark.ids--inera, .ids--light.ids--dark.ids--inera-admin, .ids--dark.ids--dark.ids--1177-pro, .ids--dark.ids--dark.ids--1177-admin, .ids--dark.ids--dark.ids--inera, .ids--dark.ids--dark.ids--inera-admin {
+.ids--light.ids--dark.ids--1177-pro, .ids--light.ids--dark.ids--1177-admin, .ids--light.ids--dark.ids--inera, .ids--light.ids--dark.ids--inera-general, .ids--light.ids--dark.ids--inera-admin,
+.ids--dark.ids--dark.ids--1177-pro,
+.ids--dark.ids--dark.ids--1177-admin,
+.ids--dark.ids--dark.ids--inera,
+.ids--dark.ids--dark.ids--inera-general,
+.ids--dark.ids--dark.ids--inera-admin {
   --IDS-PAGE-LIST__COLOR: var(--ids-color-interactive-text-default);
 }
 
@@ -91,6 +103,7 @@
   position: absolute;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
+  font-size: 1rem;
   content: "\e923";
   font-size: 1.25rem;
   top: 0;
@@ -131,7 +144,6 @@
   letter-spacing: 0;
 }
 .ids-header-patient .ids-header-patient__buttons {
-  min-width: 17.5rem;
   display: flex;
   align-items: flex-start;
   justify-content: flex-start;
@@ -142,15 +154,6 @@
   display: inline-block;
   white-space: nowrap;
 }
-.ids-header-patient.ids-header-patient--long-name .ids-header-patient__id {
-  flex-shrink: inherit;
-}
-.ids-header-patient.ids-header-patient--long-name .ids-header-patient__id {
-  flex-direction: column !important;
-}
-.ids-header-patient.ids-header-patient--stack .ids-header-patient__id {
-  flex-direction: column !important;
-}
 .ids-header-patient.ids-header-patient--collapse {
   box-shadow: none;
 }
@@ -161,6 +164,15 @@
 .ids-header-patient.ids-header-patient--collapse.ids-header-patient--long-name:not(.ids-header-patient--stack) .ids-header-patient__ssn {
   display: inline;
 }
+.ids-header-patient.ids-header-patient--long-name .ids-header-patient__id {
+  flex-shrink: inherit;
+}
+.ids-header-patient.ids-header-patient--long-name:not(.ids-header-patient.ids-header-patient--long-name.ids-header-patient--collapse) .ids-header-patient__id {
+  flex-direction: column !important;
+}
+.ids-header-patient.ids-header-patient--stack .ids-header-patient__id {
+  flex-direction: column !important;
+}
 @media (max-width: 1023px) {
   .ids-header-patient .ids-patient-header__inner {
     flex-direction: column;

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

@@ -1,6 +1,6 @@
 import { css, unsafeCSS } from 'lit';
 
-var css_248z = ".ids-list-pagination{text-align:center}.ids-list-pagination .ids-list-pagination__summary{color:var(--IDS-FONT-COLOR);font-family:var(--IDS-FONT-FAMILY-BASE)!important;line-height:1.5rem;margin-bottom:.5rem;text-align:center}.ids-list-pagination .ids-list-pagination__content{align-items:center;display:flex;justify-content:center}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;margin:0;padding:0}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item{align-items:center;background-color:var(--IDS-LIST-PAGINATION__BACKGROUND-COLOR);border:0;border-radius:2rem;box-sizing:border-box;color:var(--IDS-LIST-PAGINATION__COLOR);display:flex;justify-content:center;margin:0 .125rem;min-height:2rem;min-width:2rem;text-align:center}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item[hidden]{display:none}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item[data-hidden-before]:before,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item[hidden-before]:before{color:var(--IDS-FONT-COLOR);content:\"..\";display:block;font-family:var(--IDS-FONT-FAMILY-BASE);font-size:1.5rem;font-style:normal;font-weight:600;line-height:1.5rem;margin-left:-.188rem;margin-right:.25rem}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item.ids-list-pagination__list-item--current{background-color:var(--IDS-LIST-PAGINATION__COLOR);color:var(--ids-color-interactive-text-on-hover)}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item .ids-list-pagination__button,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item .ids-list-pagination__link{align-items:center;background-color:transparent;border:0;border-radius:2rem;color:var(--IDS-LIST-PAGINATION__COLOR);cursor:pointer;display:flex;flex-shrink:0;font-family:var(--IDS-LIST-PAGINATION__LINK-FONT-FAMILY);font-size:1rem;font-style:normal;font-weight:600;justify-content:center;line-height:1.5rem;min-height:2rem;min-width:2rem;padding:0 .5rem;text-align:center;text-decoration-color:var(--IDS-LIST-PAGINATION__COLOR);text-decoration:underline;text-underline-offset:.25rem}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item .ids-list-pagination__button:focus-visible,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item .ids-list-pagination__link:focus-visible{outline:.125rem solid var(--IDS-FOCUS__OUTLINE-COLOR);outline-offset:.125rem!important}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item .ids-list-pagination__button:active:not(:disabled):not([aria-disabled=true]),.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item .ids-list-pagination__link:active:not(:disabled):not([aria-disabled=true]){background-color:var(--IDS-LIST-PAGINATION--ACTIVE__BACKGROUND-COLOR)!important;color:var(--IDS-LIST-PAGINATION--ACTIVE__COLOR)!important}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item .ids-list-pagination__button:focus-visible,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item .ids-list-pagination__link:focus-visible{outline:var(--IDS-FOCUS__OUTLINE)!important;outline-color:var(--IDS-FOCUS__OUTLINE-COLOR)!important}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item .ids-list-pagination__button:hover:not(:disabled):not([aria-disabled=true]),.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item .ids-list-pagination__link:hover:not(:disabled):not([aria-disabled=true]){background-color:var(--IDS-LIST-PAGINATION--HOVER__BACKGROUND-COLOR);color:var(--IDS-LIST-PAGINATION--HOVER-COLOR);cursor:pointer;text-decoration:none}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item .ids-list-pagination__button:hover:not(:disabled):not([aria-disabled=true]):after,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item .ids-list-pagination__link:hover:not(:disabled):not([aria-disabled=true]):after{color:var(--IDS-LIST-PAGINATION--HOVER-COLOR)}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item .ids-list-pagination__button.ids-list-pagination__button--current,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item .ids-list-pagination__button.ids-list-pagination__link--current,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item .ids-list-pagination__link.ids-list-pagination__button--current,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item .ids-list-pagination__link.ids-list-pagination__link--current{color:var(--IDS-LIST-PAGINATION__CURRENT-COLOR);cursor:default;font-weight:400;text-decoration:none}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item .ids-list-pagination__button.ids-list-pagination__button--current:focus-visible,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item .ids-list-pagination__button.ids-list-pagination__link--current:focus-visible,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item .ids-list-pagination__link.ids-list-pagination__button--current:focus-visible,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item .ids-list-pagination__link.ids-list-pagination__link--current:focus-visible{outline:var(--IDS-FOCUS__OUTLINE)!important;outline-color:var(--IDS-FOCUS__OUTLINE-COLOR)!important}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item .ids-list-pagination__button.ids-list-pagination__button--current:hover,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item .ids-list-pagination__button.ids-list-pagination__link--current:hover,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item .ids-list-pagination__link.ids-list-pagination__button--current:hover,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item .ids-list-pagination__link.ids-list-pagination__link--current:hover{cursor:default}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-link{display:flex;margin-right:.25rem}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button a,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button button,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-link a,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-link button{align-items:center;background-color:var(--IDS-LIST-PAGINATION__BACKGROUND-COLOR);background-size:1rem 1rem;border:0!important;border-radius:1.75rem!important;color:var(--IDS-LIST-PAGINATION-COLOR);cursor:pointer;display:flex;flex-shrink:0;height:1.9375rem!important;justify-content:center;position:relative;width:1.9375rem!important}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button a:after,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button button:after,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-link a:after,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-link button:after{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-LIST-PAGINATION__COLOR);content:\"\\e937\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1rem;height:1rem;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:1rem}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button a:hover:not([aria-disabled=true]),.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button button:hover:not(:disabled),.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-link a:hover:not([aria-disabled=true]),.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-link button:hover:not(:disabled){background-color:var(--IDS-LIST-PAGINATION--HOVER__BACKGROUND-COLOR);color:var(--IDS-LIST-PAGINATION--HOVER-COLOR);cursor:pointer;text-decoration:none}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button a:hover:not([aria-disabled=true]):after,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button button:hover:not(:disabled):after,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-link a:hover:not([aria-disabled=true]):after,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-link button:hover:not(:disabled):after{color:var(--IDS-LIST-PAGINATION--HOVER-COLOR)}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button a:active:not([aria-disabled=true]),.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button button:active:not(:disabled),.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-link a:active:not([aria-disabled=true]),.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-link button:active:not(:disabled){background-color:var(--IDS-LIST-PAGINATION--ACTIVE__BACKGROUND-COLOR)!important;color:var(--IDS-LIST-PAGINATION--ACTIVE__COLOR)!important}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button a:focus-visible,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button button:focus-visible,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-link a:focus-visible,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-link button:focus-visible{outline:var(--IDS-FOCUS__OUTLINE)!important;outline-color:var(--IDS-FOCUS__OUTLINE-COLOR)!important}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button a[aria-disabled=true],.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button button:disabled,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-link a[aria-disabled=true],.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-link button:disabled{color:var(--IDS-LIST-PAGINATION--DISABLED-COLOR);pointer-events:none}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button a[aria-disabled=true]:after,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button button:disabled:after,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-link a[aria-disabled=true]:after,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-link button:disabled:after{color:var(--IDS-LIST-PAGINATION--DISABLED-COLOR)}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-link{display:flex;margin-left:.25rem}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button a,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button button,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-link a,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-link button{align-items:center;background-color:var(--IDS-LIST-PAGINATION__BACKGROUND-COLOR);background-size:1rem 1rem;border:0!important;border-radius:1.75rem!important;color:var(--IDS-LIST-PAGINATION-COLOR);cursor:pointer;display:flex;flex-shrink:0;height:1.9375rem!important;justify-content:center;position:relative;width:1.9375rem!important}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button a:after,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button button:after,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-link a:after,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-link button:after{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-LIST-PAGINATION__COLOR);content:\"\\e938\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1rem;height:1rem;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:1rem}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button a:hover:not([aria-disabled=true]),.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button button:hover:not(:disabled),.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-link a:hover:not([aria-disabled=true]),.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-link button:hover:not(:disabled){background-color:var(--IDS-LIST-PAGINATION--HOVER__BACKGROUND-COLOR);color:var(--IDS-LIST-PAGINATION--HOVER-COLOR);cursor:pointer;text-decoration:none}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button a:hover:not([aria-disabled=true]):after,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button button:hover:not(:disabled):after,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-link a:hover:not([aria-disabled=true]):after,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-link button:hover:not(:disabled):after{color:var(--IDS-LIST-PAGINATION--HOVER-COLOR)}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button a:active:not([aria-disabled=true]),.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button button:active:not(:disabled),.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-link a:active:not([aria-disabled=true]),.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-link button:active:not(:disabled){background-color:var(--IDS-LIST-PAGINATION--ACTIVE__BACKGROUND-COLOR)!important;color:var(--IDS-LIST-PAGINATION--ACTIVE__COLOR)!important}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button a:focus-visible,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button button:focus-visible,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-link a:focus-visible,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-link button:focus-visible{outline:var(--IDS-FOCUS__OUTLINE)!important;outline-color:var(--IDS-FOCUS__OUTLINE-COLOR)!important}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button a[aria-disabled=true],.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button button:disabled,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-link a[aria-disabled=true],.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-link button:disabled{color:var(--IDS-LIST-PAGINATION--DISABLED-COLOR);pointer-events:none}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button a[aria-disabled=true]:after,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button button:disabled:after,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-link a[aria-disabled=true]:after,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-link button:disabled:after{color:var(--IDS-LIST-PAGINATION--DISABLED-COLOR)}";
+var css_248z = ".ids-list-pagination{text-align:center}.ids-list-pagination .ids-list-pagination__summary{color:var(--IDS-FONT-COLOR);font-family:var(--IDS-FONT-FAMILY-BASE)!important;line-height:1.5rem;margin-bottom:.5rem;text-align:center}.ids-list-pagination .ids-list-pagination__content{align-items:center;display:flex;justify-content:center}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;margin:0;padding:0}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item{align-items:center;background-color:var(--IDS-LIST-PAGINATION__BACKGROUND-COLOR);border:0;border-radius:2rem;box-sizing:border-box;color:var(--IDS-LIST-PAGINATION__COLOR);display:flex;justify-content:center;margin:0 .125rem;min-height:2rem;min-width:2rem;text-align:center}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item[hidden]{display:none}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item[data-hidden-before]:before,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item[hidden-before]:before{color:var(--IDS-FONT-COLOR);content:\"..\";display:block;font-family:var(--IDS-FONT-FAMILY-BASE);font-size:1.5rem;font-style:normal;font-weight:600;line-height:1.5rem;margin-left:-.188rem;margin-right:.25rem}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item.ids-list-pagination__list-item--current{background-color:var(--IDS-LIST-PAGINATION__COLOR);color:var(--ids-color-interactive-text-on-hover)}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item .ids-list-pagination__button,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item .ids-list-pagination__link{align-items:center;background-color:transparent;border:0;border-radius:2rem;color:var(--IDS-LIST-PAGINATION__COLOR);cursor:pointer;display:flex;flex-shrink:0;font-family:var(--IDS-LIST-PAGINATION__LINK-FONT-FAMILY);font-size:1rem;font-style:normal;font-weight:600;justify-content:center;line-height:1.5rem;min-height:2rem;min-width:2rem;padding:0 .5rem;text-align:center;text-decoration-color:var(--IDS-LIST-PAGINATION__COLOR);text-decoration:underline!important;text-decoration-thickness:.0938rem!important;text-underline-offset:.125rem!important}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item .ids-list-pagination__button:focus-visible,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item .ids-list-pagination__link:focus-visible{outline:.125rem solid var(--IDS-FOCUS__OUTLINE-COLOR);outline-offset:.125rem!important}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item .ids-list-pagination__button:active:not(:disabled):not([aria-disabled=true]),.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item .ids-list-pagination__link:active:not(:disabled):not([aria-disabled=true]){background-color:var(--IDS-LIST-PAGINATION--ACTIVE__BACKGROUND-COLOR)!important;color:var(--IDS-LIST-PAGINATION--ACTIVE__COLOR)!important}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item .ids-list-pagination__button:focus-visible,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item .ids-list-pagination__link:focus-visible{outline:var(--IDS-FOCUS__OUTLINE)!important;outline-color:var(--IDS-FOCUS__OUTLINE-COLOR)!important}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item .ids-list-pagination__button:hover:not(:disabled):not([aria-disabled=true]),.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item .ids-list-pagination__link:hover:not(:disabled):not([aria-disabled=true]){background-color:var(--IDS-LIST-PAGINATION--HOVER__BACKGROUND-COLOR);color:var(--IDS-LIST-PAGINATION--HOVER-COLOR);cursor:pointer;text-decoration:none}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item .ids-list-pagination__button:hover:not(:disabled):not([aria-disabled=true]):after,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item .ids-list-pagination__link:hover:not(:disabled):not([aria-disabled=true]):after{color:var(--IDS-LIST-PAGINATION--HOVER-COLOR)}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item .ids-list-pagination__button.ids-list-pagination__button--current,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item .ids-list-pagination__button.ids-list-pagination__link--current,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item .ids-list-pagination__link.ids-list-pagination__button--current,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item .ids-list-pagination__link.ids-list-pagination__link--current{color:var(--IDS-LIST-PAGINATION__CURRENT-COLOR);cursor:default;font-weight:400;text-decoration:none}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item .ids-list-pagination__button.ids-list-pagination__button--current:focus-visible,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item .ids-list-pagination__button.ids-list-pagination__link--current:focus-visible,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item .ids-list-pagination__link.ids-list-pagination__button--current:focus-visible,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item .ids-list-pagination__link.ids-list-pagination__link--current:focus-visible{outline:var(--IDS-FOCUS__OUTLINE)!important;outline-color:var(--IDS-FOCUS__OUTLINE-COLOR)!important}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item .ids-list-pagination__button.ids-list-pagination__button--current:hover,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item .ids-list-pagination__button.ids-list-pagination__link--current:hover,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item .ids-list-pagination__link.ids-list-pagination__button--current:hover,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item .ids-list-pagination__link.ids-list-pagination__link--current:hover{cursor:default}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-link{display:flex;margin-right:.25rem}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button a,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button button,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-link a,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-link button{align-items:center;background-color:var(--IDS-LIST-PAGINATION__BACKGROUND-COLOR);background-size:1rem 1rem;border:0!important;border-radius:1.75rem!important;color:var(--IDS-LIST-PAGINATION-COLOR);cursor:pointer;display:flex;flex-shrink:0;height:1.9375rem!important;justify-content:center;position:relative;width:1.9375rem!important}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button a:after,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button button:after,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-link a:after,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-link button:after{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-LIST-PAGINATION__COLOR);content:\"\\e937\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1rem;height:1rem;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:1rem}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button a:hover:not([aria-disabled=true]),.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button button:hover:not(:disabled),.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-link a:hover:not([aria-disabled=true]),.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-link button:hover:not(:disabled){background-color:var(--IDS-LIST-PAGINATION--HOVER__BACKGROUND-COLOR);color:var(--IDS-LIST-PAGINATION--HOVER-COLOR);cursor:pointer;text-decoration:none}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button a:hover:not([aria-disabled=true]):after,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button button:hover:not(:disabled):after,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-link a:hover:not([aria-disabled=true]):after,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-link button:hover:not(:disabled):after{color:var(--IDS-LIST-PAGINATION--HOVER-COLOR)}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button a:active:not([aria-disabled=true]),.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button button:active:not(:disabled),.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-link a:active:not([aria-disabled=true]),.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-link button:active:not(:disabled){background-color:var(--IDS-LIST-PAGINATION--ACTIVE__BACKGROUND-COLOR)!important;color:var(--IDS-LIST-PAGINATION--ACTIVE__COLOR)!important}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button a:focus-visible,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button button:focus-visible,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-link a:focus-visible,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-link button:focus-visible{outline:var(--IDS-FOCUS__OUTLINE)!important;outline-color:var(--IDS-FOCUS__OUTLINE-COLOR)!important}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button a[aria-disabled=true],.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button button:disabled,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-link a[aria-disabled=true],.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-link button:disabled{color:var(--IDS-LIST-PAGINATION--DISABLED-COLOR);pointer-events:none}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button a[aria-disabled=true]:after,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button button:disabled:after,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-link a[aria-disabled=true]:after,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-link button:disabled:after{color:var(--IDS-LIST-PAGINATION--DISABLED-COLOR)}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-link{display:flex;margin-left:.25rem}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button a,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button button,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-link a,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-link button{align-items:center;background-color:var(--IDS-LIST-PAGINATION__BACKGROUND-COLOR);background-size:1rem 1rem;border:0!important;border-radius:1.75rem!important;color:var(--IDS-LIST-PAGINATION-COLOR);cursor:pointer;display:flex;flex-shrink:0;height:1.9375rem!important;justify-content:center;position:relative;width:1.9375rem!important}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button a:after,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button button:after,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-link a:after,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-link button:after{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-LIST-PAGINATION__COLOR);content:\"\\e938\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1rem;height:1rem;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:1rem}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button a:hover:not([aria-disabled=true]),.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button button:hover:not(:disabled),.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-link a:hover:not([aria-disabled=true]),.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-link button:hover:not(:disabled){background-color:var(--IDS-LIST-PAGINATION--HOVER__BACKGROUND-COLOR);color:var(--IDS-LIST-PAGINATION--HOVER-COLOR);cursor:pointer;text-decoration:none}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button a:hover:not([aria-disabled=true]):after,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button button:hover:not(:disabled):after,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-link a:hover:not([aria-disabled=true]):after,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-link button:hover:not(:disabled):after{color:var(--IDS-LIST-PAGINATION--HOVER-COLOR)}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button a:active:not([aria-disabled=true]),.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button button:active:not(:disabled),.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-link a:active:not([aria-disabled=true]),.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-link button:active:not(:disabled){background-color:var(--IDS-LIST-PAGINATION--ACTIVE__BACKGROUND-COLOR)!important;color:var(--IDS-LIST-PAGINATION--ACTIVE__COLOR)!important}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button a:focus-visible,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button button:focus-visible,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-link a:focus-visible,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-link button:focus-visible{outline:var(--IDS-FOCUS__OUTLINE)!important;outline-color:var(--IDS-FOCUS__OUTLINE-COLOR)!important}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button a[aria-disabled=true],.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button button:disabled,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-link a[aria-disabled=true],.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-link button:disabled{color:var(--IDS-LIST-PAGINATION--DISABLED-COLOR);pointer-events:none}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button a[aria-disabled=true]:after,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button button:disabled:after,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-link a[aria-disabled=true]:after,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-link button:disabled:after{color:var(--IDS-LIST-PAGINATION--DISABLED-COLOR)}";
 
 var listPaginationLit = css`
   ${unsafeCSS(css_248z)}

package/components/list-pagination/list-pagination-shadow.css

@@ -20,8 +20,8 @@
   position: absolute;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
-  content: "\e937";
   font-size: 1rem;
+  content: "\e937";
   color: var(--IDS-LIST-PAGINATION__COLOR);
   width: 1rem;
   height: 1rem;
@@ -75,8 +75,8 @@
   position: absolute;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
-  content: "\e938";
   font-size: 1rem;
+  content: "\e938";
   color: var(--IDS-LIST-PAGINATION__COLOR);
   width: 1rem;
   height: 1rem;

package/components/list-pagination/list-pagination.css

@@ -71,13 +71,14 @@
   line-height: 1.5rem;
   color: var(--IDS-LIST-PAGINATION__COLOR);
   text-decoration-color: var(--IDS-LIST-PAGINATION__COLOR);
-  text-decoration: underline;
-  text-underline-offset: 0.25rem;
   flex-shrink: 0;
   align-items: center;
   display: flex;
   justify-content: center;
   cursor: pointer;
+  text-decoration: underline !important;
+  text-underline-offset: 0.125rem !important;
+  text-decoration-thickness: 0.0938rem !important;
 }
 .ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item .ids-list-pagination__button:focus-visible,
 .ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item .ids-list-pagination__link:focus-visible {
@@ -157,8 +158,8 @@
   position: absolute;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
-  content: "\e937";
   font-size: 1rem;
+  content: "\e937";
   color: var(--IDS-LIST-PAGINATION__COLOR);
   width: 1rem;
   height: 1rem;
@@ -241,8 +242,8 @@
   position: absolute;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
-  content: "\e938";
   font-size: 1rem;
+  content: "\e938";
   color: var(--IDS-LIST-PAGINATION__COLOR);
   width: 1rem;
   height: 1rem;