@inera/ids-design 8.2.0 → 9.0.0

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

@@ -0,0 +1,43 @@
+@media (max-width: 639px) {
+  .ids-desktop {
+    display: none !important;
+  }
+}
+
+@media (min-width: 1024px) {
+  .ids-mobile {
+    display: none !important;
+  }
+}
+
+.ids-header-inera-admin ::slotted([slot=brand-link]) {
+  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 0 -0.1875rem 0;
+  color: var(--IDS-HEADER-INERA-ADMIN__BRAND-TEXT-COLOR);
+  display: inline-block;
+  text-align: left;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  text-decoration: none;
+  border-radius: 0.0313rem;
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  border-radius: 0.0625rem;
+}
+@media all and (max-width: 1024px) {
+  .ids-header-inera-admin:not(.ids-header-inera-admin--unresponsive) ::slotted([slot=brand-link]) {
+    display: flex;
+    align-items: center;
+    font-size: 1rem;
+    line-height: 1.5rem;
+    margin-bottom: -0.1875rem;
+  }
+}

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

@@ -13,7 +13,7 @@
 /*******
 * A11Y
 ********/
-@media (max-width: 1023px) {
+@media (max-width: 639px) {
   .ids-desktop {
     display: none !important;
   }
@@ -87,7 +87,6 @@
   justify-content: space-between;
   width: 100%;
   box-sizing: border-box;
-  min-height: 3rem;
   margin-left: auto;
   margin-right: auto;
   min-height: 5.625rem;
@@ -102,8 +101,7 @@
   flex-direction: column;
 }
 .ids-header-inera-admin .ids-header-inera-admin__brand-text,
-.ids-header-inera-admin .ids-header-inera-admin__brand-link a,
-.ids-header-inera-admin ::slotted([slot=brand-link]) {
+.ids-header-inera-admin .ids-header-inera-admin__brand-link a {
   display: block;
   font-style: normal;
   font-weight: 600;
@@ -119,8 +117,7 @@
   text-decoration: none;
   border-radius: 0.0313rem;
 }
-.ids-header-inera-admin .ids-header-inera-admin__brand-link a,
-.ids-header-inera-admin ::slotted([slot=brand-link]) {
+.ids-header-inera-admin .ids-header-inera-admin__brand-link a {
   position: absolute;
   top: 0;
   left: 0;
@@ -143,7 +140,6 @@
   font-family: "Inera-Design-Icons" !important;
   display: block;
   position: absolute;
-  pointer-events: none;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   content: "\e920";
@@ -169,8 +165,6 @@
   padding: 0;
   font-size: 0.875rem;
   line-height: 1.25rem;
-  font-size: 0.875rem;
-  line-height: 1.25rem;
 }
 .ids-header-inera-admin .ids-header-inera-admin__items {
   display: flex;
@@ -191,8 +185,7 @@
     padding: 0 1rem;
   }
   .ids-header-inera-admin:not(.ids-header-inera-admin--unresponsive) .ids-header-inera-admin__brand-text,
-  .ids-header-inera-admin:not(.ids-header-inera-admin--unresponsive) .ids-header-inera-admin__brand-link a,
-  .ids-header-inera-admin:not(.ids-header-inera-admin--unresponsive) ::slotted([slot=brand-link]) {
+  .ids-header-inera-admin:not(.ids-header-inera-admin--unresponsive) .ids-header-inera-admin__brand-link a {
     display: flex;
     align-items: center;
     font-size: 1rem;
@@ -213,8 +206,6 @@
     top: var(--IDS-HEADER-INERA-ADMIN__LOGO-SEPARATOR-TOP-MOBILE);
   }
   .ids-header-inera-admin:not(.ids-header-inera-admin--unresponsive) .ids-header-inera-admin__service-name {
-    font-size: 0.625rem;
-    line-height: 0.75rem;
     font-size: 0.625rem;
     line-height: 0.75rem;
     margin-top: 0.1875rem;

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;pointer-events:none;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-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-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,.ids-header-patient .ids-header-patient__buttons ::slotted(*){display:inline-block;white-space:nowrap}.ids-header-patient.ids-header-patient--long-name .ids-header-patient__id{flex-shrink:inherit}@media (min-width:1024px){.ids-header-patient.ids-header-patient--long-name .ids-header-patient__id,.ids-header-patient.ids-header-patient--stack .ids-header-patient__id{flex-direction:column}}.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:1024px){.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:none;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:639px){.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:1024px){.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:none;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-shadow-lit.d.ts

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

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

@@ -0,0 +1,7 @@
+import { css, unsafeCSS } from 'lit';
+
+var css_248z = ".ids-header-patient .ids-header-patient__buttons ::slotted(*){display:inline-block;white-space:nowrap}";
+
+var headerPatientShadowLit = css`${unsafeCSS(css_248z)}`;
+
+export { headerPatientShadowLit as default };

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

@@ -0,0 +1,4 @@
+.ids-header-patient .ids-header-patient__buttons ::slotted(*) {
+  display: inline-block;
+  white-space: nowrap;
+}

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

@@ -1,4 +1,4 @@
-@media (max-width: 1023px) {
+@media (max-width: 639px) {
   .ids-desktop {
     display: none !important;
   }
@@ -104,7 +104,6 @@
   font-family: "Inera-Design-Icons" !important;
   display: block;
   position: absolute;
-  pointer-events: none;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   content: "\e923";
@@ -131,7 +130,7 @@
   color: var(--ids-color-surface-text-on-default);
   font-family: var(--ids-font-family-body-text);
   font-size: var(--ids-font-size-body-text);
-  line-height: var(--ids-line-height-body-text);
+  line-height: var(--ids-font-line-height-body-text);
   font-weight: var(--ids-font-weight-body-text);
   letter-spacing: 0;
   line-height: var(--ids-font-line-height-heading-xs);
@@ -142,7 +141,7 @@
   color: var(--ids-color-surface-text-on-default);
   font-family: var(--ids-font-family-body-text);
   font-size: var(--ids-font-size-body-text);
-  line-height: var(--ids-line-height-body-text);
+  line-height: var(--ids-font-line-height-body-text);
   font-weight: var(--ids-font-weight-body-text);
   letter-spacing: 0;
 }
@@ -154,23 +153,18 @@
   gap: 0.25rem 1rem;
   flex-wrap: wrap;
 }
-.ids-header-patient .ids-header-patient__buttons .ids-button,
-.ids-header-patient .ids-header-patient__buttons ::slotted(*) {
+.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-shrink: inherit;
 }
-@media (min-width: 1024px) {
-  .ids-header-patient.ids-header-patient--long-name .ids-header-patient__id {
-    flex-direction: column;
-  }
+.ids-header-patient.ids-header-patient--long-name .ids-header-patient__id {
+  flex-direction: column !important;
 }
-@media (min-width: 1024px) {
-  .ids-header-patient.ids-header-patient--stack .ids-header-patient__id {
-    flex-direction: column;
-  }
+.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;

package/components/list-pagination/list-pagination-lit.d.ts

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

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

@@ -0,0 +1,9 @@
+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;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 listPaginationLit = css`
+  ${unsafeCSS(css_248z)}
+`;
+
+export { listPaginationLit as default };

package/components/list-pagination/list-pagination-shadow-lit.d.ts

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

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

@@ -0,0 +1,9 @@
+import { css, unsafeCSS } from 'lit';
+
+var css_248z = ".ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button ::slotted(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 ::slotted(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 ::slotted(button:hover){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 ::slotted(button:hover):after{color:var(--IDS-LIST-PAGINATION--HOVER-COLOR)}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button ::slotted(button:active){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 ::slotted(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 ::slotted(button:disabled){color:var(--IDS-LIST-PAGINATION--DISABLED-COLOR);pointer-events:none}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button ::slotted(button:disabled):after{color:var(--IDS-LIST-PAGINATION--DISABLED-COLOR)}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button ::slotted(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 ::slotted(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 ::slotted(button:hover){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 ::slotted(button:hover):after{color:var(--IDS-LIST-PAGINATION--HOVER-COLOR)}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button ::slotted(button:active){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 ::slotted(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 ::slotted(button:disabled){color:var(--IDS-LIST-PAGINATION--DISABLED-COLOR);pointer-events:none}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button ::slotted(button:disabled):after{color:var(--IDS-LIST-PAGINATION--DISABLED-COLOR)}";
+
+var listPaginationShadowLit = css`
+  ${unsafeCSS(css_248z)}
+`;
+
+export { listPaginationShadowLit as default };

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

@@ -0,0 +1,125 @@
+/*******
+* ICONS
+********/
+/*******
+* BUTTONS
+********/
+/*******
+* SCROLLBAR
+********/
+/*******
+* FORM
+********/
+/*******
+* A11Y
+********/
+.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button ::slotted(button) {
+  position: relative;
+  cursor: pointer;
+  background-size: 1rem 1rem;
+  height: 1.9375rem !important;
+  width: 1.9375rem !important;
+  border: 0 !important;
+  flex-shrink: 0;
+  border-radius: 1.75rem !important;
+  background-color: var(--IDS-LIST-PAGINATION__BACKGROUND-COLOR);
+  color: var(--IDS-LIST-PAGINATION-COLOR);
+  align-items: center;
+  display: flex;
+  justify-content: center;
+}
+.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button ::slotted(button):after {
+  font: icon;
+  font-family: "Inera-Design-Icons" !important;
+  display: block;
+  position: absolute;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  content: "\e937";
+  font-size: 1rem;
+  color: var(--IDS-LIST-PAGINATION__COLOR);
+  width: 1rem;
+  height: 1rem;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+}
+.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button ::slotted(button:hover) {
+  cursor: pointer;
+  color: var(--IDS-LIST-PAGINATION--HOVER-COLOR);
+  background-color: var(--IDS-LIST-PAGINATION--HOVER__BACKGROUND-COLOR);
+  text-decoration: none;
+}
+.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button ::slotted(button:hover):after {
+  color: var(--IDS-LIST-PAGINATION--HOVER-COLOR);
+}
+.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button ::slotted(button:active) {
+  color: var(--IDS-LIST-PAGINATION--ACTIVE__COLOR) !important;
+  background-color: var(--IDS-LIST-PAGINATION--ACTIVE__BACKGROUND-COLOR) !important;
+}
+.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button ::slotted(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 ::slotted(button:disabled) {
+  pointer-events: none;
+  color: var(--IDS-LIST-PAGINATION--DISABLED-COLOR);
+}
+.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button ::slotted(button:disabled):after {
+  color: var(--IDS-LIST-PAGINATION--DISABLED-COLOR);
+}
+.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button ::slotted(button) {
+  position: relative;
+  cursor: pointer;
+  background-size: 1rem 1rem;
+  height: 1.9375rem !important;
+  width: 1.9375rem !important;
+  border: 0 !important;
+  flex-shrink: 0;
+  border-radius: 1.75rem !important;
+  background-color: var(--IDS-LIST-PAGINATION__BACKGROUND-COLOR);
+  color: var(--IDS-LIST-PAGINATION-COLOR);
+  align-items: center;
+  display: flex;
+  justify-content: center;
+}
+.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button ::slotted(button):after {
+  font: icon;
+  font-family: "Inera-Design-Icons" !important;
+  display: block;
+  position: absolute;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  content: "\e938";
+  font-size: 1rem;
+  color: var(--IDS-LIST-PAGINATION__COLOR);
+  width: 1rem;
+  height: 1rem;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+}
+.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button ::slotted(button:hover) {
+  cursor: pointer;
+  color: var(--IDS-LIST-PAGINATION--HOVER-COLOR);
+  background-color: var(--IDS-LIST-PAGINATION--HOVER__BACKGROUND-COLOR);
+  text-decoration: none;
+}
+.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button ::slotted(button:hover):after {
+  color: var(--IDS-LIST-PAGINATION--HOVER-COLOR);
+}
+.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button ::slotted(button:active) {
+  color: var(--IDS-LIST-PAGINATION--ACTIVE__COLOR) !important;
+  background-color: var(--IDS-LIST-PAGINATION--ACTIVE__BACKGROUND-COLOR) !important;
+}
+.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button ::slotted(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 ::slotted(button:disabled) {
+  pointer-events: none;
+  color: var(--IDS-LIST-PAGINATION--DISABLED-COLOR);
+}
+.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button ::slotted(button:disabled):after {
+  color: var(--IDS-LIST-PAGINATION--DISABLED-COLOR);
+}