@inera/ids-design 8.2.1 → 9.0.1

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

@@ -1,7 +0,0 @@
-import { css, unsafeCSS } from 'lit';
-
-var css_248z = ".ids-data-pagination{align-items:center;display:flex;flex-wrap:wrap;justify-content:flex-end}.ids-data-pagination .ids-data-pagination__select{align-items:center;display:flex;margin-right:2.5rem;position:relative}.ids-data-pagination .ids-data-pagination__select:after{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-ICON--ACTIVE-COLOR);content:\"\\e936\";display:block;font:icon;font-family:Inera-Design-Icons!important;pointer-events:none;position:absolute;right:.5625rem;top:50%;transform:translateY(-50%);z-index:20}.ids-data-pagination .ids-data-pagination__select ::slotted(label),.ids-data-pagination .ids-data-pagination__select label{color:var(--IDS-DATA-PAGINATION-SELECT__COLOR);display:flex!important;font-family:var(--IDS-FONT-FAMILY-BASE)!important;margin-right:.5rem!important;white-space:nowrap!important}.ids-data-pagination .ids-data-pagination__select ::slotted(select),.ids-data-pagination .ids-data-pagination__select select{appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;background-color:var(--IDS-INPUT__BACKGROUND-COLOR);border:var(--IDS-DATA-PAGINATION-SELECT__BORDER-THICKNESS) solid var(--IDS-DATA-PAGINATION-SELECT__BORDER-COLOR)!important;border-radius:.313rem!important;box-sizing:border-box;color:var(--IDS-DATA-PAGINATION-SELECT__COLOR);cursor:pointer!important;display:flex!important;font-family:var(--IDS-FONT-FAMILY-BASE)!important;padding:var(--IDS-DATA-PAGINATION-SELECT__PADDING)!important;width:100%!important}.ids-data-pagination .ids-data-pagination__select ::slotted(select) option,.ids-data-pagination .ids-data-pagination__select select option{height:1.25rem!important}.ids-data-pagination.ids-data-pagination--light ::slotted(select),.ids-data-pagination.ids-data-pagination--light select{background-color:var(--IDS-INPUT--LIGHT__BACKGROUND-COLOR)}.ids-data-pagination .ids-data-pagination__summary{color:var(--IDS-DATA-PAGINATION-SELECT__COLOR);display:flex;font-family:var(--IDS-FONT-FAMILY-BASE)!important}.ids-data-pagination .ids-data-pagination__buttons{display:flex;margin-left:.75rem;white-space:nowrap}.ids-data-pagination .ids-data-pagination__first-page-button{display:flex;margin-left:.5rem}.ids-data-pagination .ids-data-pagination__first-page-button ::slotted(button),.ids-data-pagination .ids-data-pagination__first-page-button button{background-color:transparent;background-size:1rem 1rem;border:.063rem solid transparent!important;border-radius:100%!important;color:var(--IDS-DATA-PAGINATION-BUTTON__COLOR);cursor:pointer;flex-shrink:0;height:2rem!important;position:relative;width:2rem!important}.ids-data-pagination .ids-data-pagination__first-page-button ::slotted(button):after,.ids-data-pagination .ids-data-pagination__first-page-button button:after{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-DATA-PAGINATION-BUTTON__COLOR);content:\"\\e6ff\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1rem;height:1rem;left:50%;line-height:1rem;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:1rem}.ids-data-pagination .ids-data-pagination__first-page-button ::slotted(button:hover),.ids-data-pagination .ids-data-pagination__first-page-button button:hover{background-color:var(--IDS-DATA-PAGINATION-BUTTON--HOVER-BACKGROUND-COLOR);color:var(--IDS-DATA-PAGINATION-BUTTON--HOVER-COLOR)}.ids-data-pagination .ids-data-pagination__first-page-button ::slotted(button:hover):after,.ids-data-pagination .ids-data-pagination__first-page-button button:hover:after{color:var(--IDS-DATA-PAGINATION-BUTTON-HOVER-COLOR)}.ids-data-pagination .ids-data-pagination__first-page-button ::slotted(button:active),.ids-data-pagination .ids-data-pagination__first-page-button button:active{background-color:var(--IDS-DATA-PAGINATION-BUTTON--ACTIVE-BACKGROUND-COLOR)!important;color:var(--IDS-DATA-PAGINATION-BUTTON--ACTIVE-COLOR)!important}.ids-data-pagination .ids-data-pagination__first-page-button ::slotted(button:focus-visible),.ids-data-pagination .ids-data-pagination__first-page-button button:focus-visible{outline:var(--IDS-FOCUS__OUTLINE)!important;outline-color:var(--IDS-FOCUS__OUTLINE-COLOR)!important}.ids-data-pagination .ids-data-pagination__first-page-button ::slotted(button:disabled),.ids-data-pagination .ids-data-pagination__first-page-button button:disabled{cursor:default;pointer-events:none}.ids-data-pagination .ids-data-pagination__first-page-button ::slotted(button:disabled):after,.ids-data-pagination .ids-data-pagination__first-page-button button:disabled:after{background-color:transparent;color:var(--IDS-ICON--DISABLED-COLOR)}.ids-data-pagination .ids-data-pagination__prev-button{display:flex;margin-left:.5rem}.ids-data-pagination .ids-data-pagination__prev-button ::slotted(button),.ids-data-pagination .ids-data-pagination__prev-button button{background-color:transparent;background-size:1rem 1rem;border:.063rem solid transparent!important;border-radius:100%!important;color:var(--IDS-DATA-PAGINATION-BUTTON__COLOR);cursor:pointer;flex-shrink:0;height:2rem!important;position:relative;width:2rem!important}.ids-data-pagination .ids-data-pagination__prev-button ::slotted(button):after,.ids-data-pagination .ids-data-pagination__prev-button button:after{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-DATA-PAGINATION-BUTTON__COLOR);content:\"\\e937\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1rem;height:1rem;left:50%;line-height:1rem;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:1rem}.ids-data-pagination .ids-data-pagination__prev-button ::slotted(button:hover),.ids-data-pagination .ids-data-pagination__prev-button button:hover{background-color:var(--IDS-DATA-PAGINATION-BUTTON--HOVER-BACKGROUND-COLOR);color:var(--IDS-DATA-PAGINATION-BUTTON--HOVER-COLOR)}.ids-data-pagination .ids-data-pagination__prev-button ::slotted(button:hover):after,.ids-data-pagination .ids-data-pagination__prev-button button:hover:after{color:var(--IDS-DATA-PAGINATION-BUTTON-HOVER-COLOR)}.ids-data-pagination .ids-data-pagination__prev-button ::slotted(button:active),.ids-data-pagination .ids-data-pagination__prev-button button:active{background-color:var(--IDS-DATA-PAGINATION-BUTTON--ACTIVE-BACKGROUND-COLOR)!important;color:var(--IDS-DATA-PAGINATION-BUTTON--ACTIVE-COLOR)!important}.ids-data-pagination .ids-data-pagination__prev-button ::slotted(button:focus-visible),.ids-data-pagination .ids-data-pagination__prev-button button:focus-visible{outline:var(--IDS-FOCUS__OUTLINE)!important;outline-color:var(--IDS-FOCUS__OUTLINE-COLOR)!important}.ids-data-pagination .ids-data-pagination__prev-button ::slotted(button:disabled),.ids-data-pagination .ids-data-pagination__prev-button button:disabled{cursor:default;pointer-events:none}.ids-data-pagination .ids-data-pagination__prev-button ::slotted(button:disabled):after,.ids-data-pagination .ids-data-pagination__prev-button button:disabled:after{background-color:transparent;color:var(--IDS-ICON--DISABLED-COLOR)}.ids-data-pagination .ids-data-pagination__next-button{display:flex;margin-left:.5rem}.ids-data-pagination .ids-data-pagination__next-button ::slotted(button),.ids-data-pagination .ids-data-pagination__next-button button{background-color:transparent;background-size:1rem 1rem;border:.063rem solid transparent!important;border-radius:100%!important;color:var(--IDS-DATA-PAGINATION-BUTTON__COLOR);cursor:pointer;flex-shrink:0;height:2rem!important;position:relative;width:2rem!important}.ids-data-pagination .ids-data-pagination__next-button ::slotted(button):after,.ids-data-pagination .ids-data-pagination__next-button button:after{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-DATA-PAGINATION-BUTTON__COLOR);content:\"\\e938\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1rem;height:1rem;left:50%;line-height:1rem;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:1rem}.ids-data-pagination .ids-data-pagination__next-button ::slotted(button:hover),.ids-data-pagination .ids-data-pagination__next-button button:hover{background-color:var(--IDS-DATA-PAGINATION-BUTTON--HOVER-BACKGROUND-COLOR);color:var(--IDS-DATA-PAGINATION-BUTTON--HOVER-COLOR)}.ids-data-pagination .ids-data-pagination__next-button ::slotted(button:hover):after,.ids-data-pagination .ids-data-pagination__next-button button:hover:after{color:var(--IDS-DATA-PAGINATION-BUTTON-HOVER-COLOR)}.ids-data-pagination .ids-data-pagination__next-button ::slotted(button:active),.ids-data-pagination .ids-data-pagination__next-button button:active{background-color:var(--IDS-DATA-PAGINATION-BUTTON--ACTIVE-BACKGROUND-COLOR)!important;color:var(--IDS-DATA-PAGINATION-BUTTON--ACTIVE-COLOR)!important}.ids-data-pagination .ids-data-pagination__next-button ::slotted(button:focus-visible),.ids-data-pagination .ids-data-pagination__next-button button:focus-visible{outline:var(--IDS-FOCUS__OUTLINE)!important;outline-color:var(--IDS-FOCUS__OUTLINE-COLOR)!important}.ids-data-pagination .ids-data-pagination__next-button ::slotted(button:disabled),.ids-data-pagination .ids-data-pagination__next-button button:disabled{cursor:default;pointer-events:none}.ids-data-pagination .ids-data-pagination__next-button ::slotted(button:disabled):after,.ids-data-pagination .ids-data-pagination__next-button button:disabled:after{background-color:transparent;color:var(--IDS-ICON--DISABLED-COLOR)}.ids-data-pagination .ids-data-pagination__last-page-button{display:flex;margin-left:.5rem}.ids-data-pagination .ids-data-pagination__last-page-button ::slotted(button),.ids-data-pagination .ids-data-pagination__last-page-button button{background-color:transparent;background-size:1rem 1rem;border:.063rem solid transparent!important;border-radius:100%!important;color:var(--IDS-DATA-PAGINATION-BUTTON__COLOR);cursor:pointer;flex-shrink:0;height:2rem!important;position:relative;width:2rem!important}.ids-data-pagination .ids-data-pagination__last-page-button ::slotted(button):after,.ids-data-pagination .ids-data-pagination__last-page-button button:after{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-DATA-PAGINATION-BUTTON__COLOR);content:\"\\e6fe\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1rem;height:1rem;left:50%;line-height:1rem;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:1rem}.ids-data-pagination .ids-data-pagination__last-page-button ::slotted(button:hover),.ids-data-pagination .ids-data-pagination__last-page-button button:hover{background-color:var(--IDS-DATA-PAGINATION-BUTTON--HOVER-BACKGROUND-COLOR);color:var(--IDS-DATA-PAGINATION-BUTTON--HOVER-COLOR)}.ids-data-pagination .ids-data-pagination__last-page-button ::slotted(button:hover):after,.ids-data-pagination .ids-data-pagination__last-page-button button:hover:after{color:var(--IDS-DATA-PAGINATION-BUTTON-HOVER-COLOR)}.ids-data-pagination .ids-data-pagination__last-page-button ::slotted(button:active),.ids-data-pagination .ids-data-pagination__last-page-button button:active{background-color:var(--IDS-DATA-PAGINATION-BUTTON--ACTIVE-BACKGROUND-COLOR)!important;color:var(--IDS-DATA-PAGINATION-BUTTON--ACTIVE-COLOR)!important}.ids-data-pagination .ids-data-pagination__last-page-button ::slotted(button:focus-visible),.ids-data-pagination .ids-data-pagination__last-page-button button:focus-visible{outline:var(--IDS-FOCUS__OUTLINE)!important;outline-color:var(--IDS-FOCUS__OUTLINE-COLOR)!important}.ids-data-pagination .ids-data-pagination__last-page-button ::slotted(button:disabled),.ids-data-pagination .ids-data-pagination__last-page-button button:disabled{cursor:default;pointer-events:none}.ids-data-pagination .ids-data-pagination__last-page-button ::slotted(button:disabled):after,.ids-data-pagination .ids-data-pagination__last-page-button button:disabled:after{background-color:transparent;color:var(--IDS-ICON--DISABLED-COLOR)}";
-
-var dataPaginationLit = css`${unsafeCSS(css_248z)}`;
-
-export { dataPaginationLit as default };

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

@@ -1,9 +0,0 @@
-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{background-color:transparent;border:0;border-radius:2rem;color:var(--IDS-LIST-PAGINATION__COLOR);cursor:pointer;display:block;flex-shrink:0;font-family:var(--IDS-LIST-PAGINATION__LINK-FONT-FAMILY);font-size:1rem;font-style:normal;font-weight:600;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{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{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{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{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: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{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{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{cursor:default}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button{display:flex;margin-right:.25rem}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button ::slotted(button),.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button button{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;flex-shrink:0;height:1.9375rem!important;position:relative;width:1.9375rem!important}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button ::slotted(button):after,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button 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%;pointer-events:none;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),.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button 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,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button 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),.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button 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),.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button 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),.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button 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,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button button:disabled:after{color:var(--IDS-LIST-PAGINATION--DISABLED-COLOR)}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button{display:flex;margin-left:.25rem}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button ::slotted(button),.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button button{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;flex-shrink:0;height:1.9375rem!important;position:relative;width:1.9375rem!important}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button ::slotted(button):after,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button 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%;pointer-events:none;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),.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button 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,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button 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),.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button 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),.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button 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),.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button 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,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button button:disabled:after{color:var(--IDS-LIST-PAGINATION--DISABLED-COLOR)}";
-
-var listPaginationLit = css`
-  ${unsafeCSS(css_248z)}
-`;
-
-export { listPaginationLit as default };

package/components/popover/popover-content-lit.js

@@ -1,7 +0,0 @@
-import { css, unsafeCSS } from 'lit';
-
-var css_248z = ".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)}@media (max-width:1023px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}:host([show]){display:block}:host{color:var(--IDS-FONT-COLOR);display:none;position:absolute;width:max-content}.ids-popover-content{background-color:var(--IDS-POPOVER-CONTENT__BACKGROUND-COLOR);border:var(--IDS-POPOVER-CONTENT__BORDER-THICKNESS) solid var(--IDS-POPOVER-CONTENT__BORDER-COLOR);border-radius:var(--IDS-POPOVER-CONTENT__BORDER-RADIUS);box-shadow:var(--IDS-BOX-SHADOW-ELEVATED-2);box-sizing:border-box;max-height:16.25rem;padding:1.25rem 1rem 1.25rem 1.25rem;position:relative;width:16.25rem;z-index:2000}.ids-popover-content ::slotted(*){color:var(--IDS-FONT-COLOR)}.ids-popover-content ::slotted(h3),.ids-popover-content h3{color:var(--IDS-FONT-COLOR)!important;color:var(--ids-color-heading-text-xs);font-family:var(--ids-font-family-heading)!important;font-size:var(--ids-font-size-heading-xs)!important;font-style:normal;font-weight:var(--ids-font-weight-heading-xs)!important;letter-spacing:var(--ids-font-letter-spacing-heading-xs)!important;line-height:var(--ids-font-line-height-heading-xs)!important;margin-bottom:.5rem!important}.ids-popover-content .ids-popover-content__caret{position:absolute}.ids-popover-content .ids-popover-content__caret.hide{display:none}.ids-popover-content .ids-popover-content__caret.ids-popover-content__caret--top{bottom:-.4375rem;left:50%}.ids-popover-content .ids-popover-content__caret.ids-popover-content__caret--top-left{bottom:-.4375rem;left:1.375rem}.ids-popover-content .ids-popover-content__caret.ids-popover-content__caret--top-right{bottom:-.4375rem;right:1.375rem}.ids-popover-content .ids-popover-content__caret.ids-popover-content__caret--left{right:-.4375rem;top:50%}.ids-popover-content .ids-popover-content__caret.ids-popover-content__caret--left-top{bottom:1.375rem;right:-.4375rem}.ids-popover-content .ids-popover-content__caret.ids-popover-content__caret--left-bottom{right:-.4375rem;top:1.375rem}.ids-popover-content .ids-popover-content__caret.ids-popover-content__caret--right{left:-.4375rem;top:50%}.ids-popover-content .ids-popover-content__caret.ids-popover-content__caret--right-top{bottom:1.375rem;left:-.4375rem}.ids-popover-content .ids-popover-content__caret.ids-popover-content__caret--right-bottom{left:-.4375rem;top:1.375rem}.ids-popover-content .ids-popover-content__caret.ids-popover-content__caret--bottom{left:50%;top:var(--IDS-POPOVER-CONTENT__CARET-CONTENT-TOP)}.ids-popover-content .ids-popover-content__caret.ids-popover-content__caret--bottom-left{left:1.375rem;top:var(--IDS-POPOVER-CONTENT__CARET-CONTENT-TOP)}.ids-popover-content .ids-popover-content__caret.ids-popover-content__caret--bottom-right{right:1.375rem;top:var(--IDS-POPOVER-CONTENT__CARET-CONTENT-TOP)}.ids-popover-content .ids-popover-content__caret-body{background:var(--IDS-POPOVER-CONTENT__CARET-BODY-COLOR);display:block;position:absolute;z-index:4}.ids-popover-content .ids-popover-content__caret-body.ids-popover-content__caret--top,.ids-popover-content .ids-popover-content__caret-body.ids-popover-content__caret--top-left,.ids-popover-content .ids-popover-content__caret-body.ids-popover-content__caret--top-right{bottom:var(--IDS-POPOVER-CONTENT__CARET-BODY-BOTTOM);clip-path:polygon(0 0,50% 100%,100% 0);height:.6rem;transform:translateX(-50%);width:1.2rem}.ids-popover-content .ids-popover-content__caret-body.ids-popover-content__caret--left,.ids-popover-content .ids-popover-content__caret-body.ids-popover-content__caret--left-bottom,.ids-popover-content .ids-popover-content__caret-body.ids-popover-content__caret--left-top{clip-path:polygon(0 0,100% 50%,0 100%);height:1.2rem;right:var(--IDS-POPOVER-CONTENT__CARET-BODY-RIGHT);transform:translateY(-50%);width:.6rem}.ids-popover-content .ids-popover-content__caret-body.ids-popover-content__caret--right,.ids-popover-content .ids-popover-content__caret-body.ids-popover-content__caret--right-bottom,.ids-popover-content .ids-popover-content__caret-body.ids-popover-content__caret--right-top{clip-path:polygon(0 50%,100% 0,100% 100%);height:1.2rem;left:var(--IDS-POPOVER-CONTENT__CARET-BODY-LEFT);transform:translateY(-50%);width:.6rem}.ids-popover-content .ids-popover-content__caret-body.ids-popover-content__caret--bottom,.ids-popover-content .ids-popover-content__caret-body.ids-popover-content__caret--bottom-left,.ids-popover-content .ids-popover-content__caret-body.ids-popover-content__caret--bottom-right{clip-path:polygon(0 100%,50% 0,100% 100%);height:.6rem;top:var(--IDS-POPOVER-CONTENT__CARET-BODY-TOP);transform:translateX(-50%);width:1.2rem}.ids-popover-content .ids-popover-content__caret-border{background-color:var(--IDS-POPOVER-CONTENT__CARET-BORDER-COLOR);position:absolute;z-index:1}.ids-popover-content .ids-popover-content__caret-border.ids-popover-content__caret--top,.ids-popover-content .ids-popover-content__caret-border.ids-popover-content__caret--top-left,.ids-popover-content .ids-popover-content__caret-border.ids-popover-content__caret--top-right{background-color:var(--IDS-POPOVER-CONTENT__BORDER-COLOR);bottom:var(--IDS-POPOVER-CONTENT__CARET-BORDER-BOTTOM);clip-path:polygon(0 0,50% 100%,100% 0);height:.6rem;transform:translateX(-50%);width:1.2rem}.ids-popover-content .ids-popover-content__caret-border.ids-popover-content__caret--left,.ids-popover-content .ids-popover-content__caret-border.ids-popover-content__caret--left-bottom,.ids-popover-content .ids-popover-content__caret-border.ids-popover-content__caret--left-top{background-color:var(--IDS-POPOVER-CONTENT__BORDER-COLOR);clip-path:polygon(0 0,100% 50%,0 100%);height:1.2rem;right:var(--IDS-POPOVER-CONTENT__CARET-BORDER-RIGHT);transform:translateY(-50%);width:.6rem}.ids-popover-content .ids-popover-content__caret-border.ids-popover-content__caret--right,.ids-popover-content .ids-popover-content__caret-border.ids-popover-content__caret--right-bottom,.ids-popover-content .ids-popover-content__caret-border.ids-popover-content__caret--right-top{background-color:var(--IDS-POPOVER-CONTENT__BORDER-COLOR);clip-path:polygon(0 50%,100% 0,100% 100%);height:1.2rem;left:var(--IDS-POPOVER-CONTENT__CARET-BORDER-LEFT);transform:translateY(-50%);width:.6rem}.ids-popover-content .ids-popover-content__caret-border.ids-popover-content__caret--bottom,.ids-popover-content .ids-popover-content__caret-border.ids-popover-content__caret--bottom-left,.ids-popover-content .ids-popover-content__caret-border.ids-popover-content__caret--bottom-right{clip-path:polygon(0 100%,50% 0,100% 100%);height:.6rem;top:var(--IDS-POPOVER-CONTENT__CARET-BORDER-TOP);transform:translateX(-50%);width:1.2rem}.ids-popover-content.ids-popover-content--top-left{bottom:calc(100% + .875rem);left:-.75rem;position:absolute}.ids-popover-content.ids-popover-content--top{bottom:calc(100% + .875rem);left:50%;position:absolute;transform:translateX(-50%)}.ids-popover-content.ids-popover-content--top-right{bottom:calc(100% + .875rem);position:absolute;right:-.75rem}.ids-popover-content.ids-popover-content--left-top{bottom:-.75rem;position:absolute;right:calc(100% + .875rem)}.ids-popover-content.ids-popover-content--left{position:absolute;right:calc(100% + .875rem);top:50%;transform:translateY(-50%)}.ids-popover-content.ids-popover-content--left-bottom{position:absolute;right:calc(100% + .875rem);top:-.75rem}.ids-popover-content.ids-popover-content--right-top{bottom:-.75rem;left:calc(100% + .875rem);position:absolute}.ids-popover-content.ids-popover-content--right{left:calc(100% + .875rem);position:absolute;top:50%;transform:translateY(-50%)}.ids-popover-content.ids-popover-content--right-bottom{left:calc(100% + .875rem);position:absolute;top:-.75rem}.ids-popover-content.ids-popover-content--bottom-left{left:-.75rem;position:absolute;top:calc(100% + .875rem)}.ids-popover-content.ids-popover-content--bottom{left:50%;position:absolute;top:calc(100% + .875rem);transform:translateX(-50%)}.ids-popover-content.ids-popover-content--bottom-right{position:absolute;right:-.75rem;top:calc(100% + .875rem)}.ids-popover-content .ids-popover-content__close-btn-wrapper{background-color:var(--IDS-POPOVER-CONTENT__BACKGROUND-COLOR);display:block;height:1.25rem;max-width:100%;padding-bottom:.25rem;padding-left:.25rem;position:absolute;right:.75rem;top:.75rem;z-index:1}.ids-popover-content .ids-popover-content__close-btn:focus-visible{outline:.125rem solid var(--IDS-FOCUS__OUTLINE-COLOR);outline-offset:.375rem!important}.ids-popover-content .ids-popover-content__close-btn{background:none;border:none;cursor:pointer;display:flex;height:1.25rem;padding:0;position:relative;width:1.25rem}.ids-popover-content .ids-popover-content__close-btn:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-ICON--ACTIVE-COLOR);content:\"\\e916\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1.25rem;left:0;pointer-events:none;position:absolute;top:0}.ids-popover-content .ids-popover-content__close-btn:hover:before{color:var(--IDS-ICON--ACTIVE-HOVER-COLOR)}.ids-popover-content .ids-popover-content__close-btn:focus-visible,.ids-popover-content .ids-popover-content__close-icon:focus-visible{border-radius:100%;outline:.125rem solid var(--IDS-FOCUS__OUTLINE-COLOR);outline-offset:.375rem!important}.ids-popover-content .ids-popover-content__content-wrapper::-webkit-scrollbar{width:.625rem}.ids-popover-content .ids-popover-content__content-wrapper::-webkit-scrollbar-thumb{background:var(--IDS-SCROLL__THUMB-COLOR);border:.125rem solid var(--IDS-SCROLL__TRACK-BACKGROUND-COLOR);border-radius:.625rem;cursor:auto}.ids-popover-content .ids-popover-content__content-wrapper::-webkit-scrollbar-thumb:hover{background:var(--IDS-SCROLL__THUMB-HOVER-COLOR)}.ids-popover-content .ids-popover-content__content-wrapper::-webkit-scrollbar-track{background:var(--IDS-SCROLL__TRACK-BACKGROUND-COLOR);border-radius:.625rem;margin-top:1.25rem;outline:.0625rem solid var(--IDS-SCROLL__TRACK-OUTLINE-COLOR)}.ids-popover-content .ids-popover-content__content-wrapper::-webkit-scrollbar-corner{background-color:transparent}.ids-popover-content .ids-popover-content__content-wrapper{max-height:100%;overflow-x:hidden;overflow-y:auto;text-align:left}.ids-popover-content .ids-popover-content__content-wrapper.ids-popover-content__content-wrapper--has-scrollbar{padding-right:.5rem}.ids-popover-content .ids-popover-content__content-wrapper:focus-visible{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:0}.ids-popover-content .ids-popover-content__content-wrapper-inner{color:var(--IDS-POPOVER-FONT__COLOR);margin-right:1rem}.ids-popover-content .ids-popover-content__headline{color:var(--IDS-POPOVER-FONT__HEADING-COLOR);margin-right:.25rem;text-align:left}";
-
-var popoverContentLit = css`${unsafeCSS(css_248z)}`;
-
-export { popoverContentLit as default };

package/components/popover/popover-content.css

@@ -1,401 +0,0 @@
-/*******
-* ICONS
-********/
-/*******
-* BUTTONS
-********/
-/*******
-* SCROLLBAR
-********/
-/*******
-* FORM
-********/
-/*******
-* A11Y
-********/
-.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);
-  --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--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-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--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-PAGE-LIST__COLOR: var(--ids-color-interactive-text-default);
-}
-
-@media (max-width: 1023px) {
-  .ids-desktop {
-    display: none !important;
-  }
-}
-
-@media (min-width: 1024px) {
-  .ids-mobile {
-    display: none !important;
-  }
-}
-
-:host([show]) {
-  display: block;
-}
-
-:host {
-  display: none;
-  position: absolute;
-  width: max-content;
-  color: var(--IDS-FONT-COLOR);
-}
-
-.ids-popover-content {
-  background-color: var(--IDS-POPOVER-CONTENT__BACKGROUND-COLOR);
-  border: var(--IDS-POPOVER-CONTENT__BORDER-THICKNESS) solid var(--IDS-POPOVER-CONTENT__BORDER-COLOR);
-  box-shadow: var(--IDS-BOX-SHADOW-ELEVATED-2);
-  border-radius: var(--IDS-POPOVER-CONTENT__BORDER-RADIUS);
-  padding: 1.25rem 1rem 1.25rem 1.25rem;
-  position: relative;
-  z-index: 2000;
-  max-height: 16.25rem;
-  width: 16.25rem;
-  box-sizing: border-box;
-}
-.ids-popover-content ::slotted(*) {
-  color: var(--IDS-FONT-COLOR);
-}
-.ids-popover-content h3,
-.ids-popover-content ::slotted(h3) {
-  margin-bottom: 0.5rem !important;
-  color: var(--IDS-FONT-COLOR) !important;
-  font-style: normal;
-  color: var(--ids-color-heading-text-xs);
-  font-family: var(--ids-font-family-heading) !important;
-  font-size: var(--ids-font-size-heading-xs) !important;
-  line-height: var(--ids-font-line-height-heading-xs) !important;
-  letter-spacing: var(--ids-font-letter-spacing-heading-xs) !important;
-  font-weight: var(--ids-font-weight-heading-xs) !important;
-}
-.ids-popover-content .ids-popover-content__caret {
-  position: absolute;
-}
-.ids-popover-content .ids-popover-content__caret.hide {
-  display: none;
-}
-.ids-popover-content .ids-popover-content__caret.ids-popover-content__caret--top {
-  left: 50%;
-  bottom: -0.4375rem;
-}
-.ids-popover-content .ids-popover-content__caret.ids-popover-content__caret--top-left {
-  left: 1.375rem;
-  bottom: -0.4375rem;
-}
-.ids-popover-content .ids-popover-content__caret.ids-popover-content__caret--top-right {
-  right: 1.375rem;
-  bottom: -0.4375rem;
-}
-.ids-popover-content .ids-popover-content__caret.ids-popover-content__caret--left {
-  top: 50%;
-  right: -0.4375rem;
-}
-.ids-popover-content .ids-popover-content__caret.ids-popover-content__caret--left-top {
-  bottom: 1.375rem;
-  right: -0.4375rem;
-}
-.ids-popover-content .ids-popover-content__caret.ids-popover-content__caret--left-bottom {
-  top: 1.375rem;
-  right: -0.4375rem;
-}
-.ids-popover-content .ids-popover-content__caret.ids-popover-content__caret--right {
-  top: 50%;
-  left: -0.4375rem;
-}
-.ids-popover-content .ids-popover-content__caret.ids-popover-content__caret--right-top {
-  bottom: 1.375rem;
-  left: -0.4375rem;
-}
-.ids-popover-content .ids-popover-content__caret.ids-popover-content__caret--right-bottom {
-  top: 1.375rem;
-  left: -0.4375rem;
-}
-.ids-popover-content .ids-popover-content__caret.ids-popover-content__caret--bottom {
-  left: 50%;
-  top: var(--IDS-POPOVER-CONTENT__CARET-CONTENT-TOP);
-}
-.ids-popover-content .ids-popover-content__caret.ids-popover-content__caret--bottom-left {
-  left: 1.375rem;
-  top: var(--IDS-POPOVER-CONTENT__CARET-CONTENT-TOP);
-}
-.ids-popover-content .ids-popover-content__caret.ids-popover-content__caret--bottom-right {
-  right: 1.375rem;
-  top: var(--IDS-POPOVER-CONTENT__CARET-CONTENT-TOP);
-}
-.ids-popover-content .ids-popover-content__caret-body {
-  background: var(--IDS-POPOVER-CONTENT__CARET-BODY-COLOR);
-  display: block;
-  position: absolute;
-  z-index: 4;
-}
-.ids-popover-content .ids-popover-content__caret-body.ids-popover-content__caret--top,
-.ids-popover-content .ids-popover-content__caret-body.ids-popover-content__caret--top-left,
-.ids-popover-content .ids-popover-content__caret-body.ids-popover-content__caret--top-right {
-  height: 0.6rem;
-  width: 1.2rem;
-  clip-path: polygon(0 0, 50% 100%, 100% 0);
-  transform: translateX(-50%);
-  bottom: var(--IDS-POPOVER-CONTENT__CARET-BODY-BOTTOM);
-}
-.ids-popover-content .ids-popover-content__caret-body.ids-popover-content__caret--left,
-.ids-popover-content .ids-popover-content__caret-body.ids-popover-content__caret--left-top,
-.ids-popover-content .ids-popover-content__caret-body.ids-popover-content__caret--left-bottom {
-  height: 1.2rem;
-  width: 0.6rem;
-  clip-path: polygon(0 0, 100% 50%, 0 100%);
-  transform: translateY(-50%);
-  right: var(--IDS-POPOVER-CONTENT__CARET-BODY-RIGHT);
-}
-.ids-popover-content .ids-popover-content__caret-body.ids-popover-content__caret--right,
-.ids-popover-content .ids-popover-content__caret-body.ids-popover-content__caret--right-top,
-.ids-popover-content .ids-popover-content__caret-body.ids-popover-content__caret--right-bottom {
-  height: 1.2rem;
-  width: 0.6rem;
-  clip-path: polygon(0 50%, 100% 0, 100% 100%);
-  transform: translateY(-50%);
-  left: var(--IDS-POPOVER-CONTENT__CARET-BODY-LEFT);
-}
-.ids-popover-content .ids-popover-content__caret-body.ids-popover-content__caret--bottom,
-.ids-popover-content .ids-popover-content__caret-body.ids-popover-content__caret--bottom-left,
-.ids-popover-content .ids-popover-content__caret-body.ids-popover-content__caret--bottom-right {
-  height: 0.6rem;
-  width: 1.2rem;
-  clip-path: polygon(0 100%, 50% 0, 100% 100%);
-  transform: translateX(-50%);
-  top: var(--IDS-POPOVER-CONTENT__CARET-BODY-TOP);
-}
-.ids-popover-content .ids-popover-content__caret-border {
-  background-color: var(--IDS-POPOVER-CONTENT__CARET-BORDER-COLOR);
-  position: absolute;
-  z-index: 1;
-}
-.ids-popover-content .ids-popover-content__caret-border.ids-popover-content__caret--top,
-.ids-popover-content .ids-popover-content__caret-border.ids-popover-content__caret--top-left,
-.ids-popover-content .ids-popover-content__caret-border.ids-popover-content__caret--top-right {
-  background-color: var(--IDS-POPOVER-CONTENT__BORDER-COLOR);
-  height: 0.6rem;
-  width: 1.2rem;
-  clip-path: polygon(0 0, 50% 100%, 100% 0);
-  transform: translateX(-50%);
-  bottom: var(--IDS-POPOVER-CONTENT__CARET-BORDER-BOTTOM);
-}
-.ids-popover-content .ids-popover-content__caret-border.ids-popover-content__caret--left,
-.ids-popover-content .ids-popover-content__caret-border.ids-popover-content__caret--left-top,
-.ids-popover-content .ids-popover-content__caret-border.ids-popover-content__caret--left-bottom {
-  background-color: var(--IDS-POPOVER-CONTENT__BORDER-COLOR);
-  height: 1.2rem;
-  width: 0.6rem;
-  clip-path: polygon(0 0, 100% 50%, 0 100%);
-  transform: translateY(-50%);
-  right: var(--IDS-POPOVER-CONTENT__CARET-BORDER-RIGHT);
-}
-.ids-popover-content .ids-popover-content__caret-border.ids-popover-content__caret--right,
-.ids-popover-content .ids-popover-content__caret-border.ids-popover-content__caret--right-top,
-.ids-popover-content .ids-popover-content__caret-border.ids-popover-content__caret--right-bottom {
-  background-color: var(--IDS-POPOVER-CONTENT__BORDER-COLOR);
-  height: 1.2rem;
-  width: 0.6rem;
-  clip-path: polygon(0 50%, 100% 0, 100% 100%);
-  transform: translateY(-50%);
-  left: var(--IDS-POPOVER-CONTENT__CARET-BORDER-LEFT);
-}
-.ids-popover-content .ids-popover-content__caret-border.ids-popover-content__caret--bottom,
-.ids-popover-content .ids-popover-content__caret-border.ids-popover-content__caret--bottom-left,
-.ids-popover-content .ids-popover-content__caret-border.ids-popover-content__caret--bottom-right {
-  height: 0.6rem;
-  width: 1.2rem;
-  clip-path: polygon(0 100%, 50% 0, 100% 100%);
-  transform: translateX(-50%);
-  top: var(--IDS-POPOVER-CONTENT__CARET-BORDER-TOP);
-}
-.ids-popover-content.ids-popover-content--top-left {
-  position: absolute;
-  bottom: calc(100% + 0.875rem);
-  left: -0.75rem;
-}
-.ids-popover-content.ids-popover-content--top {
-  position: absolute;
-  bottom: calc(100% + 0.875rem);
-  left: 50%;
-  transform: translateX(-50%);
-}
-.ids-popover-content.ids-popover-content--top-right {
-  position: absolute;
-  bottom: calc(100% + 0.875rem);
-  right: -0.75rem;
-}
-.ids-popover-content.ids-popover-content--left-top {
-  position: absolute;
-  right: calc(100% + 0.875rem);
-  bottom: -0.75rem;
-}
-.ids-popover-content.ids-popover-content--left {
-  position: absolute;
-  right: calc(100% + 0.875rem);
-  top: 50%;
-  transform: translateY(-50%);
-}
-.ids-popover-content.ids-popover-content--left-bottom {
-  position: absolute;
-  right: calc(100% + 0.875rem);
-  top: -0.75rem;
-}
-.ids-popover-content.ids-popover-content--right-top {
-  position: absolute;
-  left: calc(100% + 0.875rem);
-  bottom: -0.75rem;
-}
-.ids-popover-content.ids-popover-content--right {
-  position: absolute;
-  left: calc(100% + 0.875rem);
-  top: 50%;
-  transform: translateY(-50%);
-}
-.ids-popover-content.ids-popover-content--right-bottom {
-  position: absolute;
-  left: calc(100% + 0.875rem);
-  top: -0.75rem;
-}
-.ids-popover-content.ids-popover-content--bottom-left {
-  position: absolute;
-  top: calc(100% + 0.875rem);
-  left: -0.75rem;
-}
-.ids-popover-content.ids-popover-content--bottom {
-  position: absolute;
-  top: calc(100% + 0.875rem);
-  left: 50%;
-  transform: translateX(-50%);
-}
-.ids-popover-content.ids-popover-content--bottom-right {
-  position: absolute;
-  top: calc(100% + 0.875rem);
-  right: -0.75rem;
-}
-.ids-popover-content .ids-popover-content__close-btn-wrapper {
-  position: absolute;
-  right: 0.75rem;
-  top: 0.75rem;
-  z-index: 1;
-  display: block;
-  max-width: 100%;
-  height: 1.25rem;
-  padding-left: 0.25rem;
-  padding-bottom: 0.25rem;
-  background-color: var(--IDS-POPOVER-CONTENT__BACKGROUND-COLOR);
-}
-.ids-popover-content .ids-popover-content__close-btn:focus-visible {
-  outline: 0.125rem solid var(--IDS-FOCUS__OUTLINE-COLOR);
-  outline-offset: 0.375rem !important;
-}
-.ids-popover-content .ids-popover-content__close-btn {
-  cursor: pointer;
-  background: none;
-  border: none;
-  padding: 0;
-  position: relative;
-  width: 1.25rem;
-  height: 1.25rem;
-  display: flex;
-}
-.ids-popover-content .ids-popover-content__close-btn:before {
-  font: icon;
-  font-family: "Inera-Design-Icons" !important;
-  display: block;
-  position: absolute;
-  pointer-events: none;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-  content: "\e916";
-  font-size: 1.25rem;
-  color: var(--IDS-ICON--ACTIVE-COLOR);
-  top: 0;
-  left: 0;
-}
-.ids-popover-content .ids-popover-content__close-btn:hover:before {
-  color: var(--IDS-ICON--ACTIVE-HOVER-COLOR);
-}
-.ids-popover-content .ids-popover-content__close-btn:focus-visible,
-.ids-popover-content .ids-popover-content__close-icon:focus-visible {
-  outline: 0.125rem solid var(--IDS-FOCUS__OUTLINE-COLOR);
-  outline-offset: 0.375rem !important;
-  border-radius: 100%;
-}
-.ids-popover-content .ids-popover-content__content-wrapper::-webkit-scrollbar {
-  width: 0.625rem;
-}
-.ids-popover-content .ids-popover-content__content-wrapper::-webkit-scrollbar-thumb {
-  cursor: auto;
-  background: var(--IDS-SCROLL__THUMB-COLOR);
-  border-radius: 0.625rem;
-  border: 0.125rem solid var(--IDS-SCROLL__TRACK-BACKGROUND-COLOR);
-}
-.ids-popover-content .ids-popover-content__content-wrapper::-webkit-scrollbar-thumb:hover {
-  background: var(--IDS-SCROLL__THUMB-HOVER-COLOR);
-}
-.ids-popover-content .ids-popover-content__content-wrapper::-webkit-scrollbar-track {
-  background: var(--IDS-SCROLL__TRACK-BACKGROUND-COLOR);
-  border-radius: 0.625rem;
-  outline: 0.0625rem solid var(--IDS-SCROLL__TRACK-OUTLINE-COLOR);
-  margin-top: 1.25rem;
-}
-.ids-popover-content .ids-popover-content__content-wrapper::-webkit-scrollbar-corner {
-  background-color: transparent;
-}
-.ids-popover-content .ids-popover-content__content-wrapper {
-  overflow-y: auto;
-  overflow-x: hidden;
-  max-height: 100%;
-  text-align: left;
-}
-.ids-popover-content .ids-popover-content__content-wrapper.ids-popover-content__content-wrapper--has-scrollbar {
-  padding-right: 0.5rem;
-}
-.ids-popover-content .ids-popover-content__content-wrapper:focus-visible {
-  outline: var(--IDS-FOCUS__OUTLINE);
-  outline-offset: 0;
-}
-.ids-popover-content .ids-popover-content__content-wrapper-inner {
-  color: var(--IDS-POPOVER-FONT__COLOR);
-  margin-right: 1rem;
-}
-.ids-popover-content .ids-popover-content__headline {
-  text-align: left;
-  color: var(--IDS-POPOVER-FONT__HEADING-COLOR);
-  margin-right: 0.25rem;
-}

package/components/tabs/tab-lit.js

@@ -1,7 +0,0 @@
-import { css, unsafeCSS } from 'lit';
-
-var css_248z = ":host(.ids-tab){border-radius:var(--IDS-TAB__BORDER-RADIUS)}:host(:focus-visible),:host(:not([selected]):focus-visible){outline:var(--IDS-FOCUS__OUTLINE);outline-offset:0;z-index:10}.ids-tab{background:none;border:none;color:inherit;font:inherit;min-height:1.5rem;min-width:1.5rem;outline:inherit;padding:0;-moz-user-select:-moz-none}.ids-tab:focus-visible{outline:.125rem solid var(--IDS-FOCUS__OUTLINE-COLOR);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)!important}.ids-tab{-webkit-touch-callout:none;align-items:center;border-left:var(--IDS-TAB__BORDER);border-radius:var(--IDS-TAB__BORDER-RADIUS);border-right:var(--IDS-TAB__BORDER);border-top:var(--IDS-TAB__BORDER);color:var(--IDS-TAB__COLOR);cursor:pointer;display:flex;justify-content:center;outline:none;overflow:hidden;padding:.4375rem 1.4375rem;position:relative;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:1}.ids-tab:after{background-color:var(--IDS-TABS__BORDER-BOTTOM-COLOR);bottom:0;content:\"\";height:.25rem;left:0;position:absolute;right:0;z-index:2}.ids-tab:focus-visible{z-index:2}.ids-tab .ids-tab__label{align-items:center;color:var(--IDS-TAB__COLOR);display:flex;flex-direction:row;font-size:1rem;font-weight:400;justify-content:center;line-height:1.6875rem;text-align:center}.ids-tab .ids-tab__label:before{background-color:transparent;content:\"\";height:var(--IDS-TAB--SELECTED__TOP-BORDER-HEIGHT);left:0;position:absolute;right:0;top:0;width:100%}.ids-tab:hover{border-left:var(--IDS-TAB--HOVER-BORDER);border-right:var(--IDS-TAB--HOVER-BORDER);border-top:var(--IDS-TAB--HOVER-BORDER-TOP);padding:.4375rem 1.375rem}.ids-tab:hover .ids-tab__label{color:var(--IDS-TAB--HOVER-COLOR)}.ids-tab:hover .ids-tab__label:before{background-color:var(--IDS-TAB--HOVER-BEFORE-COLOR)}.ids-tab.ids-tab--selected{background-color:var(--IDS-TAB--SELECTED__BACKGROUND-COLOR);border-left:var(--IDS-TAB--SELECTED__BORDER);border-right:var(--IDS-TAB--SELECTED__BORDER);border-top:var(--IDS-TAB--SELECTED__BORDER-TOP);padding:.4375rem 1.375rem}.ids-tab.ids-tab--selected,.ids-tab.ids-tab--selected .ids-tab__label{color:var(--IDS-TAB--SELECTED__COLOR)}.ids-tab.ids-tab--selected .ids-tab__label:before{background-color:var(--IDS-TAB--SELECTED__BORDER-COLOR)}.ids-tab.ids-tab--selected:after{background-color:var(--IDS-TAB--SELECTED__BORDER-BOTTOM-COLOR)}.ids-tab .ids-tab-icon,.ids-tab ::slotted([slot=icon]){align-self:center!important;color:var(--IDS-TAB-ICON__COLOR);display:flex!important;font-size:1.25rem!important;margin-right:.5rem}.ids-tab .ids-tab-extra{margin-left:.5rem}";
-
-var tabLit = css`${unsafeCSS(css_248z)}`;
-
-export { tabLit as default };

package/components/tabs/tab-panel-lit.js

@@ -1,7 +0,0 @@
-import { css, unsafeCSS } from 'lit';
-
-var css_248z = ":host([selected=true]){display:block}.ids-tab-panel{color:var(--IDS-TAB-PANEL__COLOR);display:none;font-family:var(--IDS-FONT-FAMILY-BASE);margin-top:1.5rem;outline-color:var(--IDS-FOCUS__OUTLINE-COLOR);outline-offset:.125rem}.ids-tab-panel .ids-tab-panel--hidden{display:none}.ids-tab-panel.ids-tab-panel--compact{margin-top:.125rem}.ids-tab-panel.ids-tab-panel--selected{display:block}";
-
-var tabPanelLit = css`${unsafeCSS(css_248z)}`;
-
-export { tabPanelLit as default };

package/components/tabs/tab-panel.css

@@ -1,21 +0,0 @@
-:host([selected=true]) {
-  display: block;
-}
-
-.ids-tab-panel {
-  display: none;
-  margin-top: 1.5rem;
-  outline-offset: 0.125rem;
-  outline-color: var(--IDS-FOCUS__OUTLINE-COLOR);
-  color: var(--IDS-TAB-PANEL__COLOR);
-  font-family: var(--IDS-FONT-FAMILY-BASE);
-}
-.ids-tab-panel .ids-tab-panel--hidden {
-  display: none;
-}
-.ids-tab-panel.ids-tab-panel--compact {
-  margin-top: 0.125rem;
-}
-.ids-tab-panel.ids-tab-panel--selected {
-  display: block;
-}