@inera/ids-design 6.1.0 → 7.0.0

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

@@ -1,9 +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-COLOR-NEUTRAL-20);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;border:.063rem solid transparent;border-radius:1.75rem;box-sizing:border-box;display:flex;justify-content:center;margin:0 .125rem;min-height:1.75rem;min-width:1.75rem;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[hidden-before]:before{color:var(--IDS-COLOR-NEUTRAL-20);content:\"..\";display:block;font-family:var(--IDS-FONT-FAMILY-BASE);font-size:1.5rem;font-style:normal;font-weight:700;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-LINK--COLOR-PRESET-1__COLOR);border:.063rem solid var(--IDS-LINK--COLOR-PRESET-1__COLOR)}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item .ids-list-pagination__button{background-color:transparent;border:0;border-radius:1.75rem;color:var(--IDS-LINK--COLOR-PRESET-1__COLOR);cursor:pointer;display:block;font-family:var(--IDS-LIST-PAGINATION__LINK-FONT-FAMILY);font-size:1rem;font-style:normal;font-weight:700;line-height:1.5rem;min-height:1.75rem;min-width:1.75rem;padding:0 .5rem;text-align:center;text-decoration-color:var(--IDS-LINK--COLOR-PRESET-1__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{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:.125rem!important}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item .ids-list-pagination__button:active,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item .ids-list-pagination__button:focus,.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__button:focus-within{color:var(--IDS-ICON--ACTIVE-COLOR);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{color:var(--IDS-LINK--COLOR-PRESET-1__HOVER-COLOR)}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item .ids-list-pagination__button--current{color:var(--IDS-COLOR-NEUTRAL-100);cursor:default;font-weight:400;text-decoration:none}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item .ids-list-pagination__button--current:focus,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item .ids-list-pagination__button--current:focus-visible,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item .ids-list-pagination__button--current:focus-within,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item .ids-list-pagination__button--current:hover{color:var(--IDS-COLOR-NEUTRAL-100)}.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:transparent!important;background-size:1rem 1rem;border:.063rem solid transparent!important;border-radius:1.75rem!important;color:var(--IDS-LINK--COLOR-PRESET-1__COLOR);cursor:pointer;height:1.938rem!important;position:relative;width:1.938rem!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{color:var(--IDS-LINK--COLOR-PRESET-1__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):after,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button button:hover:after{color:var(--IDS-ICON--ACTIVE-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 ::slotted(button:focus),.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 ::slotted(button:focus-within),.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button button:active,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button button:focus,.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-button button:focus-within{color:var(--IDS-ICON--ACTIVE-COLOR);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{cursor:default}.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-ICON--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:transparent!important;background-size:1rem 1rem;border:.063rem solid transparent!important;border-radius:1.75rem!important;color:var(--IDS-LINK--COLOR-PRESET-1__COLOR);cursor:pointer;height:1.938rem!important;position:relative;width:1.938rem!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{color:var(--IDS-LINK--COLOR-PRESET-1__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):after,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button button:hover:after{color:var(--IDS-ICON--ACTIVE-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 ::slotted(button:focus),.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 ::slotted(button:focus-within),.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button button:active,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button button:focus,.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-button button:focus-within{color:var(--IDS-ICON--ACTIVE-COLOR);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{cursor:default}.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-ICON--DISABLED-COLOR)}";
+var css_248z = ".ids-list-pagination{text-align:center}.ids-list-pagination .ids-list-pagination__summary{color:var(--IDS-COLOR-NEUTRAL-20);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;border:.063rem solid transparent;border-radius:1.75rem;box-sizing:border-box;display:flex;justify-content:center;margin:0 .125rem;min-height:1.75rem;min-width:1.75rem;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-COLOR-NEUTRAL-20);content:\"..\";display:block;font-family:var(--IDS-FONT-FAMILY-BASE);font-size:1.5rem;font-style:normal;font-weight:700;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-LINK--COLOR-PRESET-1__COLOR);border:.063rem solid var(--IDS-LINK--COLOR-PRESET-1__COLOR)}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item .ids-list-pagination__button{background-color:transparent;border:0;border-radius:1.75rem;color:var(--IDS-LINK--COLOR-PRESET-1__COLOR);cursor:pointer;display:block;font-family:var(--IDS-LIST-PAGINATION__LINK-FONT-FAMILY);font-size:1rem;font-style:normal;font-weight:700;line-height:1.5rem;min-height:1.75rem;min-width:1.75rem;padding:0 .5rem;text-align:center;text-decoration-color:var(--IDS-LINK--COLOR-PRESET-1__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{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:.125rem!important}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item .ids-list-pagination__button:active,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item .ids-list-pagination__button:focus,.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__button:focus-within{color:var(--IDS-ICON--ACTIVE-COLOR);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{color:var(--IDS-LINK--COLOR-PRESET-1__HOVER-COLOR)}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item .ids-list-pagination__button--current{color:var(--IDS-COLOR-NEUTRAL-100);cursor:default;font-weight:400;text-decoration:none}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item .ids-list-pagination__button--current:focus,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item .ids-list-pagination__button--current:focus-visible,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item .ids-list-pagination__button--current:focus-within,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item .ids-list-pagination__button--current:hover{color:var(--IDS-COLOR-NEUTRAL-100)}.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:transparent!important;background-size:1rem 1rem;border:.063rem solid transparent!important;border-radius:1.75rem!important;color:var(--IDS-LINK--COLOR-PRESET-1__COLOR);cursor:pointer;height:1.938rem!important;position:relative;width:1.938rem!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{color:var(--IDS-LINK--COLOR-PRESET-1__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):after,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button button:hover:after{color:var(--IDS-ICON--ACTIVE-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 ::slotted(button:focus),.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 ::slotted(button:focus-within),.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button button:active,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button button:focus,.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-button button:focus-within{color:var(--IDS-ICON--ACTIVE-COLOR);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{cursor:default}.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-ICON--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:transparent!important;background-size:1rem 1rem;border:.063rem solid transparent!important;border-radius:1.75rem!important;color:var(--IDS-LINK--COLOR-PRESET-1__COLOR);cursor:pointer;height:1.938rem!important;position:relative;width:1.938rem!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{color:var(--IDS-LINK--COLOR-PRESET-1__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):after,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button button:hover:after{color:var(--IDS-ICON--ACTIVE-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 ::slotted(button:focus),.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 ::slotted(button:focus-within),.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button button:active,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button button:focus,.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-button button:focus-within{color:var(--IDS-ICON--ACTIVE-COLOR);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{cursor:default}.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-ICON--DISABLED-COLOR)}";
 
-var listPaginationLit = css`
-  ${unsafeCSS(css_248z)}
+var listPaginationLit = css`
+  ${unsafeCSS(css_248z)}
 `;
 
 export { listPaginationLit as default };

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

@@ -50,7 +50,7 @@
 .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[hidden-before]:before {
+.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item[hidden-before]:before, .ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item[data-hidden-before]:before {
   content: "..";
   display: block;
   margin-right: 0.25rem;

package/components/popover/popover-content-lit.d.ts

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

package/components/popover/popover-content-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}}:host([show]){display:block}:host{color:var(--IDS-FONT-COLOR);display:none;position:absolute;width:max-content}.ids-popover-content{background-color:var(--IDS-COLOR-NEUTRAL-100);border:.063rem solid var(--IDS-POPOVER-CONTENT__BORDER);border-radius:var(--IDS-POPOVER-CONTENT__BORDER-RADIUS);box-shadow:0 0 .625rem rgba(0,0,0,.3);box-sizing:border-box;max-height:16.25rem;padding:1.25rem;position:relative;width:16.25rem;z-index:2}.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-HEADING-XS__COLOR);font-family:var(--IDS-HEADING-XS__FONT-FAMILY)!important;font-size:var(--IDS-HEADING-XS__FONT-SIZE)!important;font-style:normal!important;font-weight:var(--IDS-HEADING-XS__FONT-WEIGHT)!important;letter-spacing:var(--IDS-HEADING-XS__LETTER-SPACING)!important;line-height:var(--IDS-HEADING-XS__LINE-HEIGHT)!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--top{bottom:-1.688rem;left:50%}.ids-popover-content .ids-popover-content__caret.ids-popover-content--top-left{bottom:-1.75rem;left:.125rem}.ids-popover-content .ids-popover-content__caret.ids-popover-content--top-right{bottom:-1.75rem;right:.125rem}.ids-popover-content .ids-popover-content__caret.ids-popover-content--left{right:-1.75rem;top:50%}.ids-popover-content .ids-popover-content__caret.ids-popover-content--left-top{bottom:.125rem;right:-1.75rem}.ids-popover-content .ids-popover-content__caret.ids-popover-content--left-bottom{right:-1.75rem;top:.125rem}.ids-popover-content .ids-popover-content__caret.ids-popover-content--right{left:-1.75rem;top:50%}.ids-popover-content .ids-popover-content__caret.ids-popover-content--right-top{bottom:.125rem;left:-1.75rem}.ids-popover-content .ids-popover-content__caret.ids-popover-content--right-bottom{left:-1.75rem;top:.125rem}.ids-popover-content .ids-popover-content__caret.ids-popover-content--bottom{left:50%;top:-1.75rem}.ids-popover-content .ids-popover-content__caret.ids-popover-content--bottom-left{left:.125rem;top:-1.75rem}.ids-popover-content .ids-popover-content__caret.ids-popover-content--bottom-right{right:.125rem;top:-1.75rem}.ids-popover-content .ids-popover-content__caret-body{background:var(--IDS-COLOR-NEUTRAL-100);display:block;position:absolute;z-index:4}.ids-popover-content .ids-popover-content__caret-body.ids-popover-content--top,.ids-popover-content .ids-popover-content__caret-body.ids-popover-content--top-left,.ids-popover-content .ids-popover-content__caret-body.ids-popover-content--top-right{bottom:0;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--left,.ids-popover-content .ids-popover-content__caret-body.ids-popover-content--left-bottom,.ids-popover-content .ids-popover-content__caret-body.ids-popover-content--left-top{clip-path:polygon(0 0,100% 50%,0 100%);height:1.2rem;right:0;transform:translateY(-50%);width:.6rem}.ids-popover-content .ids-popover-content__caret-body.ids-popover-content--right,.ids-popover-content .ids-popover-content__caret-body.ids-popover-content--right-bottom,.ids-popover-content .ids-popover-content__caret-body.ids-popover-content--right-top{clip-path:polygon(0 50%,100% 0,100% 100%);height:1.2rem;left:0;transform:translateY(-50%);width:.6rem}.ids-popover-content .ids-popover-content__caret-body.ids-popover-content--bottom,.ids-popover-content .ids-popover-content__caret-body.ids-popover-content--bottom-left,.ids-popover-content .ids-popover-content__caret-body.ids-popover-content--bottom-right{clip-path:polygon(0 100%,50% 0,100% 100%);height:.6rem;top:0;transform:translateX(-50%);width:1.2rem}.ids-popover-content .ids-popover-content__caret-border{background-color:var(--IDS-POPOVER-CONTENT__BORDER);position:absolute;z-index:1}.ids-popover-content .ids-popover-content__caret-border.ids-popover-content--top,.ids-popover-content .ids-popover-content__caret-border.ids-popover-content--top-left,.ids-popover-content .ids-popover-content__caret-border.ids-popover-content--top-right{background-color:var(--IDS-POPOVER-CONTENT__BORDER);bottom:-.125rem;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--left,.ids-popover-content .ids-popover-content__caret-border.ids-popover-content--left-bottom,.ids-popover-content .ids-popover-content__caret-border.ids-popover-content--left-top{background-color:var(--IDS-POPOVER-CONTENT__BORDER);clip-path:polygon(0 0,100% 50%,0 100%);height:1.2rem;right:-.125rem;transform:translateY(-50%);width:.6rem}.ids-popover-content .ids-popover-content__caret-border.ids-popover-content--right,.ids-popover-content .ids-popover-content__caret-border.ids-popover-content--right-bottom,.ids-popover-content .ids-popover-content__caret-border.ids-popover-content--right-top{background-color:var(--IDS-POPOVER-CONTENT__BORDER);clip-path:polygon(0 50%,100% 0,100% 100%);height:1.2rem;left:-.125rem;transform:translateY(-50%);width:.6rem}.ids-popover-content .ids-popover-content__caret-border.ids-popover-content--bottom,.ids-popover-content .ids-popover-content__caret-border.ids-popover-content--bottom-left,.ids-popover-content .ids-popover-content__caret-border.ids-popover-content--bottom-right{clip-path:polygon(0 100%,50% 0,100% 100%);height:.6rem;top:-.125rem;transform:translateX(-50%);width:1.2rem}.ids-popover-content .ids-popover-content__caret-shadow{filter:blur(.188rem);height:0;position:absolute;width:0;z-index:1}.ids-popover-content .ids-popover-content__caret-shadow.ids-popover-content--top,.ids-popover-content .ids-popover-content__caret-shadow.ids-popover-content--top-left,.ids-popover-content .ids-popover-content__caret-shadow.ids-popover-content--top-right{border-left:.625rem solid transparent;border-right:.625rem solid transparent;border-top:.625rem solid rgba(0,0,0,.15);bottom:-.438rem;transform:translateX(-50%)}.ids-popover-content .ids-popover-content__caret-shadow.ids-popover-content--left,.ids-popover-content .ids-popover-content__caret-shadow.ids-popover-content--left-bottom,.ids-popover-content .ids-popover-content__caret-shadow.ids-popover-content--left-top{border-bottom:.5625rem solid transparent;border-right:.5625rem solid rgba(53,53,53,.15);border-top:.5625rem solid transparent;right:-.438rem;transform:translateY(-50%)}.ids-popover-content .ids-popover-content__caret-shadow.ids-popover-content--right,.ids-popover-content .ids-popover-content__caret-shadow.ids-popover-content--right-bottom,.ids-popover-content .ids-popover-content__caret-shadow.ids-popover-content--right-top{border-bottom:.5625rem solid transparent;border-right:.5625rem solid rgba(53,53,53,.15);border-top:.5625rem solid transparent;left:-.438rem;transform:translateY(-50%)}.ids-popover-content .ids-popover-content__caret-shadow.ids-popover-content--bottom,.ids-popover-content .ids-popover-content__caret-shadow.ids-popover-content--bottom-left,.ids-popover-content .ids-popover-content__caret-shadow.ids-popover-content--bottom-right{border-bottom:.625rem solid rgba(0,0,0,.15);border-left:.625rem solid transparent;border-right:.625rem solid transparent;top:-.438rem;transform:translateX(-50%)}.ids-popover-content .ids-popover-content__inner-wrapper{box-sizing:border-box;display:flex;flex:1 1 auto;flex-direction:row-reverse;flex-wrap:wrap;position:relative;z-index:4}.ids-popover-content .ids-popover-content__text-wrapper{box-sizing:border-box;display:block;flex-basis:0;flex-grow:1;height:100%;height:calc(100% - 1.25rem);margin-bottom:-.125rem;margin-left:-.125rem;margin-right:-1.3125rem;max-width:100%;overflow:auto;overflow-x:hidden;padding-bottom:.375rem;padding-left:.375rem;padding-right:1.25rem;position:relative;text-align:left;width:100%;width:calc(100% - 1.25rem)}.ids-popover-content .ids-popover-content__text-wrapper::-webkit-scrollbar{margin-left:-1.25rem;position:absolute;width:1rem}.ids-popover-content .ids-popover-content__text-wrapper::-webkit-scrollbar-track{background:var(--IDS-COLOR-NEUTRAL-99);border-radius:.625rem;margin-bottom:0;margin-top:1.5rem}.ids-popover-content .ids-popover-content__text-wrapper::-webkit-scrollbar-thumb{background:var(--IDS-SCROLL__COLOR);border:.125rem solid var(--IDS-COLOR-NEUTRAL-99);border-radius:.625rem;box-sizing:border-box;cursor:auto}.ids-popover-content .ids-popover-content__text-wrapper::-webkit-scrollbar-thumb:hover{background:var(--IDS-SCROLL__HOVER-COLOR)}.ids-popover-content .ids-popover-content__text-wrapper::-webkit-scrollbar-corner{background-color:transparent}.ids-popover-content .ids-popover-content__text-wrapper:focus{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:.625rem}.ids-popover-content .ids-popover-content__close-btn-wrapper{display:block;height:1.25rem;max-width:100%;z-index:1}.ids-popover-content .ids-popover-content__close-btn{background:none;border:none;cursor:pointer;height:1.25rem;padding:0;position:relative;width:1.25rem}.ids-popover-content .ids-popover-content__close-btn:focus{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)!important}.ids-popover-content .ids-popover-content__close-btn:before{color:var(--IDS-ICON__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:active:before,.ids-popover-content .ids-popover-content__close-btn:focus:before,.ids-popover-content .ids-popover-content__close-btn:hover:before{color:var(--IDS-ICON--ACTIVE-COLOR)}.ids-popover-content .ids-popover-content__close-btn:focus,.ids-popover-content .ids-popover-content__close-icon:focus{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)}";
+var css_248z = "@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-COLOR-NEUTRAL-100);border:.063rem solid var(--IDS-POPOVER-CONTENT__BORDER);border-radius:var(--IDS-POPOVER-CONTENT__BORDER-RADIUS);box-shadow:0 0 .625rem rgba(0,0,0,.3);box-sizing:initial;max-height:16.25rem;padding:.75rem 0 1.25rem .75rem;position:relative;width:16.25rem;z-index:2}.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-HEADING-XS__COLOR);font-family:var(--IDS-HEADING-XS__FONT-FAMILY)!important;font-size:var(--IDS-HEADING-XS__FONT-SIZE)!important;font-style:normal!important;font-weight:var(--IDS-HEADING-XS__FONT-WEIGHT)!important;letter-spacing:var(--IDS-HEADING-XS__LETTER-SPACING)!important;line-height:var(--IDS-HEADING-XS__LINE-HEIGHT)!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--top{bottom:-.4375rem;left:50%}.ids-popover-content .ids-popover-content__caret.ids-popover-content--top-left{bottom:-.4375rem;left:1.375rem}.ids-popover-content .ids-popover-content__caret.ids-popover-content--top-right{bottom:-.4375rem;right:1.375rem}.ids-popover-content .ids-popover-content__caret.ids-popover-content--left{right:-.4375rem;top:50%}.ids-popover-content .ids-popover-content__caret.ids-popover-content--left-top{bottom:1.375rem;right:-.4375rem}.ids-popover-content .ids-popover-content__caret.ids-popover-content--left-bottom{right:-.4375rem;top:1.375rem}.ids-popover-content .ids-popover-content__caret.ids-popover-content--right{left:-.4375rem;top:50%}.ids-popover-content .ids-popover-content__caret.ids-popover-content--right-top{bottom:1.375rem;left:-.4375rem}.ids-popover-content .ids-popover-content__caret.ids-popover-content--right-bottom{left:-.4375rem;top:1.375rem}.ids-popover-content .ids-popover-content__caret.ids-popover-content--bottom{left:50%;top:-.4375rem}.ids-popover-content .ids-popover-content__caret.ids-popover-content--bottom-left{left:1.375rem;top:-.4375rem}.ids-popover-content .ids-popover-content__caret.ids-popover-content--bottom-right{right:1.375rem;top:-.4375rem}.ids-popover-content .ids-popover-content__caret-body{background:var(--IDS-COLOR-NEUTRAL-100);display:block;position:absolute;z-index:4}.ids-popover-content .ids-popover-content__caret-body.ids-popover-content--top,.ids-popover-content .ids-popover-content__caret-body.ids-popover-content--top-left,.ids-popover-content .ids-popover-content__caret-body.ids-popover-content--top-right{bottom:0;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--left,.ids-popover-content .ids-popover-content__caret-body.ids-popover-content--left-bottom,.ids-popover-content .ids-popover-content__caret-body.ids-popover-content--left-top{clip-path:polygon(0 0,100% 50%,0 100%);height:1.2rem;right:0;transform:translateY(-50%);width:.6rem}.ids-popover-content .ids-popover-content__caret-body.ids-popover-content--right,.ids-popover-content .ids-popover-content__caret-body.ids-popover-content--right-bottom,.ids-popover-content .ids-popover-content__caret-body.ids-popover-content--right-top{clip-path:polygon(0 50%,100% 0,100% 100%);height:1.2rem;left:0;transform:translateY(-50%);width:.6rem}.ids-popover-content .ids-popover-content__caret-body.ids-popover-content--bottom,.ids-popover-content .ids-popover-content__caret-body.ids-popover-content--bottom-left,.ids-popover-content .ids-popover-content__caret-body.ids-popover-content--bottom-right{clip-path:polygon(0 100%,50% 0,100% 100%);height:.6rem;top:0;transform:translateX(-50%);width:1.2rem}.ids-popover-content .ids-popover-content__caret-border{background-color:var(--IDS-POPOVER-CONTENT__BORDER);position:absolute;z-index:1}.ids-popover-content .ids-popover-content__caret-border.ids-popover-content--top,.ids-popover-content .ids-popover-content__caret-border.ids-popover-content--top-left,.ids-popover-content .ids-popover-content__caret-border.ids-popover-content--top-right{background-color:var(--IDS-POPOVER-CONTENT__BORDER);bottom:-.125rem;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--left,.ids-popover-content .ids-popover-content__caret-border.ids-popover-content--left-bottom,.ids-popover-content .ids-popover-content__caret-border.ids-popover-content--left-top{background-color:var(--IDS-POPOVER-CONTENT__BORDER);clip-path:polygon(0 0,100% 50%,0 100%);height:1.2rem;right:-.125rem;transform:translateY(-50%);width:.6rem}.ids-popover-content .ids-popover-content__caret-border.ids-popover-content--right,.ids-popover-content .ids-popover-content__caret-border.ids-popover-content--right-bottom,.ids-popover-content .ids-popover-content__caret-border.ids-popover-content--right-top{background-color:var(--IDS-POPOVER-CONTENT__BORDER);clip-path:polygon(0 50%,100% 0,100% 100%);height:1.2rem;left:-.125rem;transform:translateY(-50%);width:.6rem}.ids-popover-content .ids-popover-content__caret-border.ids-popover-content--bottom,.ids-popover-content .ids-popover-content__caret-border.ids-popover-content--bottom-left,.ids-popover-content .ids-popover-content__caret-border.ids-popover-content--bottom-right{clip-path:polygon(0 100%,50% 0,100% 100%);height:.6rem;top:-.125rem;transform:translateX(-50%);width:1.2rem}.ids-popover-content .ids-popover-content__caret-shadow{filter:blur(.188rem);height:0;position:absolute;width:0;z-index:1}.ids-popover-content .ids-popover-content__caret-shadow.ids-popover-content--top,.ids-popover-content .ids-popover-content__caret-shadow.ids-popover-content--top-left,.ids-popover-content .ids-popover-content__caret-shadow.ids-popover-content--top-right{border-left:.625rem solid transparent;border-right:.625rem solid transparent;border-top:.625rem solid rgba(0,0,0,.15);bottom:-.438rem;transform:translateX(-50%)}.ids-popover-content .ids-popover-content__caret-shadow.ids-popover-content--left,.ids-popover-content .ids-popover-content__caret-shadow.ids-popover-content--left-bottom,.ids-popover-content .ids-popover-content__caret-shadow.ids-popover-content--left-top{border-bottom:.5625rem solid transparent;border-right:.5625rem solid rgba(53,53,53,.15);border-top:.5625rem solid transparent;right:-.438rem;transform:translateY(-50%)}.ids-popover-content .ids-popover-content__caret-shadow.ids-popover-content--right,.ids-popover-content .ids-popover-content__caret-shadow.ids-popover-content--right-bottom,.ids-popover-content .ids-popover-content__caret-shadow.ids-popover-content--right-top{border-bottom:.5625rem solid transparent;border-right:.5625rem solid rgba(53,53,53,.15);border-top:.5625rem solid transparent;left:-.438rem;transform:translateY(-50%)}.ids-popover-content .ids-popover-content__caret-shadow.ids-popover-content--bottom,.ids-popover-content .ids-popover-content__caret-shadow.ids-popover-content--bottom-left,.ids-popover-content .ids-popover-content__caret-shadow.ids-popover-content--bottom-right{border-bottom:.625rem solid rgba(0,0,0,.15);border-left:.625rem solid transparent;border-right:.625rem solid transparent;top:-.438rem;transform:translateX(-50%)}.ids-popover-content .ids-popover-content__top-bar{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between;padding:.5rem 1rem 0 .5rem}.ids-popover-content .ids-popover-content__headline{text-align:left}.ids-popover-content .ids-popover-content__content-wrapper{margin-right:1rem;max-height:100%;overflow-x:hidden;overflow-y:auto;text-align:left}.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;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:focus{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:0}.ids-popover-content .ids-popover-content__content-wrapper-inner{padding:0 0 .5rem .5rem}.ids-popover-content .ids-popover-content__close-btn-wrapper{display:block;height:1.25rem;max-width:100%;z-index:1}.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:focus{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)!important}.ids-popover-content .ids-popover-content__close-btn:before{color:var(--IDS-ICON__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:active:before,.ids-popover-content .ids-popover-content__close-btn:focus:before,.ids-popover-content .ids-popover-content__close-btn:hover:before{color:var(--IDS-ICON--ACTIVE-COLOR)}.ids-popover-content .ids-popover-content__close-btn:focus,.ids-popover-content .ids-popover-content__close-icon:focus{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)}";
 
 var popoverContentLit = css`${unsafeCSS(css_248z)}`;
 

package/components/popover/popover-content.css

@@ -41,12 +41,12 @@
   border: 0.063rem solid var(--IDS-POPOVER-CONTENT__BORDER);
   box-shadow: 0 0 0.625rem rgba(0, 0, 0, 0.3);
   border-radius: var(--IDS-POPOVER-CONTENT__BORDER-RADIUS);
-  padding: 1.25rem;
+  padding: 0.75rem 0 1.25rem 0.75rem;
   position: relative;
   z-index: 2;
   max-height: 16.25rem;
   width: 16.25rem;
-  box-sizing: border-box;
+  box-sizing: initial;
 }
 .ids-popover-content ::slotted(*) {
   color: var(--IDS-FONT-COLOR);
@@ -71,51 +71,51 @@
 }
 .ids-popover-content .ids-popover-content__caret.ids-popover-content--top {
   left: 50%;
-  bottom: -1.688rem;
+  bottom: -0.4375rem;
 }
 .ids-popover-content .ids-popover-content__caret.ids-popover-content--top-left {
-  left: 0.125rem;
-  bottom: -1.75rem;
+  left: 1.375rem;
+  bottom: -0.4375rem;
 }
 .ids-popover-content .ids-popover-content__caret.ids-popover-content--top-right {
-  right: 0.125rem;
-  bottom: -1.75rem;
+  right: 1.375rem;
+  bottom: -0.4375rem;
 }
 .ids-popover-content .ids-popover-content__caret.ids-popover-content--left {
   top: 50%;
-  right: -1.75rem;
+  right: -0.4375rem;
 }
 .ids-popover-content .ids-popover-content__caret.ids-popover-content--left-top {
-  bottom: 0.125rem;
-  right: -1.75rem;
+  bottom: 1.375rem;
+  right: -0.4375rem;
 }
 .ids-popover-content .ids-popover-content__caret.ids-popover-content--left-bottom {
-  top: 0.125rem;
-  right: -1.75rem;
+  top: 1.375rem;
+  right: -0.4375rem;
 }
 .ids-popover-content .ids-popover-content__caret.ids-popover-content--right {
   top: 50%;
-  left: -1.75rem;
+  left: -0.4375rem;
 }
 .ids-popover-content .ids-popover-content__caret.ids-popover-content--right-top {
-  bottom: 0.125rem;
-  left: -1.75rem;
+  bottom: 1.375rem;
+  left: -0.4375rem;
 }
 .ids-popover-content .ids-popover-content__caret.ids-popover-content--right-bottom {
-  top: 0.125rem;
-  left: -1.75rem;
+  top: 1.375rem;
+  left: -0.4375rem;
 }
 .ids-popover-content .ids-popover-content__caret.ids-popover-content--bottom {
   left: 50%;
-  top: -1.75rem;
+  top: -0.4375rem;
 }
 .ids-popover-content .ids-popover-content__caret.ids-popover-content--bottom-left {
-  left: 0.125rem;
-  top: -1.75rem;
+  left: 1.375rem;
+  top: -0.4375rem;
 }
 .ids-popover-content .ids-popover-content__caret.ids-popover-content--bottom-right {
-  right: 0.125rem;
-  top: -1.75rem;
+  right: 1.375rem;
+  top: -0.4375rem;
 }
 .ids-popover-content .ids-popover-content__caret-body {
   background: var(--IDS-COLOR-NEUTRAL-100);
@@ -246,63 +246,49 @@
   transform: translateX(-50%);
   top: -0.438rem;
 }
-.ids-popover-content .ids-popover-content__inner-wrapper {
+.ids-popover-content .ids-popover-content__top-bar {
   display: flex;
-  flex-wrap: wrap;
-  flex: 1 1 auto;
-  box-sizing: border-box;
-  position: relative;
-  z-index: 4;
-  flex-direction: row-reverse;
+  justify-content: space-between;
+  align-items: flex-start;
+  padding: 0.5rem 1rem 0 0.5rem;
+  gap: 1rem;
 }
-.ids-popover-content .ids-popover-content__text-wrapper {
-  display: block;
-  max-width: 100%;
-  flex-basis: 0;
-  flex-grow: 1;
-  position: relative;
-  width: 100%;
-  height: 100%;
+.ids-popover-content .ids-popover-content__headline {
   text-align: left;
-  overflow: auto;
+}
+.ids-popover-content .ids-popover-content__content-wrapper {
+  overflow-y: auto;
   overflow-x: hidden;
-  padding-right: 1.25rem;
-  margin-right: -1.3125rem;
-  padding-left: 0.375rem;
-  margin-left: -0.125rem;
-  padding-bottom: 0.375rem;
-  margin-bottom: -0.125rem;
-  box-sizing: border-box;
-  height: calc(100% - 1.25rem);
-  width: calc(100% - 1.25rem);
-}
-.ids-popover-content .ids-popover-content__text-wrapper::-webkit-scrollbar {
-  width: 1rem;
-  position: absolute;
-  margin-left: -1.25rem;
+  max-height: 100%;
+  text-align: left;
+  margin-right: 1rem;
 }
-.ids-popover-content .ids-popover-content__text-wrapper::-webkit-scrollbar-track {
-  background: var(--IDS-COLOR-NEUTRAL-99);
-  border-radius: 0.625rem;
-  margin-bottom: 0;
-  margin-top: 1.5rem;
+.ids-popover-content .ids-popover-content__content-wrapper::-webkit-scrollbar {
+  width: 0.625rem;
 }
-.ids-popover-content .ids-popover-content__text-wrapper::-webkit-scrollbar-thumb {
+.ids-popover-content .ids-popover-content__content-wrapper::-webkit-scrollbar-thumb {
   cursor: auto;
-  background: var(--IDS-SCROLL__COLOR);
+  background: var(--IDS-SCROLL__THUMB-COLOR);
   border-radius: 0.625rem;
-  box-sizing: border-box;
-  border: 0.125rem solid var(--IDS-COLOR-NEUTRAL-99);
+  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__text-wrapper::-webkit-scrollbar-thumb:hover {
-  background: var(--IDS-SCROLL__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);
 }
-.ids-popover-content .ids-popover-content__text-wrapper::-webkit-scrollbar-corner {
+.ids-popover-content .ids-popover-content__content-wrapper::-webkit-scrollbar-corner {
   background-color: transparent;
 }
-.ids-popover-content .ids-popover-content__text-wrapper:focus {
+.ids-popover-content .ids-popover-content__content-wrapper:focus {
   outline: var(--IDS-FOCUS__OUTLINE);
-  outline-offset: 0.625rem;
+  outline-offset: 0;
+}
+.ids-popover-content .ids-popover-content__content-wrapper-inner {
+  padding: 0 0 0.5rem 0.5rem;
 }
 .ids-popover-content .ids-popover-content__close-btn-wrapper {
   display: block;
@@ -318,6 +304,7 @@
   position: relative;
   width: 1.25rem;
   height: 1.25rem;
+  display: flex;
 }
 .ids-popover-content .ids-popover-content__close-btn:focus {
   outline: var(--IDS-FOCUS__OUTLINE);

package/components/popover/popover-lit.d.ts

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

package/components/progressbar/progressbar-lit.d.ts

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

package/components/progressbar/progressbar-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-progressbar{border:var(--IDS-PROGRESSBAR__BORDER-COLOR);border-radius:.625rem;box-sizing:border-box;height:1rem;position:relative}@media (max-width:1024px){.ids-progressbar{height:.625rem}}.ids-progressbar .ids-progressbar__progress{background-color:var(--IDS-PROGRESSBAR__PROGRESS-COLOR);border-radius:.625rem;display:block;height:1rem;left:0;margin-left:-.063rem;margin-top:-.063rem;position:absolute;transition:width .3s ease;width:15%}@media (max-width:1024px){.ids-progressbar .ids-progressbar__progress{height:.625rem}}.ids-progressbar .ids-progressbar__progress--none{display:none}.ids-progressbar .ids-progressbar__label{color:var(--IDS-PROGRESSBAR__LABEL-COLOR);display:flex;font-size:1.25rem;font-weight:700;justify-content:center;line-height:1.5rem;margin-top:1.5rem}@media (max-width:1024px){.ids-progressbar .ids-progressbar__label{margin-top:1rem}}";
+var css_248z = "@media (max-width:1023px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}.ids-progressbar .ids-progressbar__bar{border:var(--IDS-PROGRESSBAR__BORDER-COLOR);border-radius:.75rem;box-sizing:border-box;height:.75rem;position:relative}@media (max-width:1024px){.ids-progressbar .ids-progressbar__bar{border-radius:.5rem;height:.5rem}}.ids-progressbar .ids-progressbar__progress{background-color:var(--IDS-PROGRESSBAR__PROGRESS-COLOR);border-radius:.75rem;display:block;height:.75rem;left:0;margin-left:-.063rem;margin-top:-.063rem;position:absolute;transition:width .3s ease;width:15%}@media (max-width:1024px){.ids-progressbar .ids-progressbar__progress{border-radius:.5rem;height:.5rem}}.ids-progressbar .ids-progressbar__progress--none{display:none}.ids-progressbar .ids-progressbar__label{color:var(--IDS-COLOR-NEUTRAL-20);display:flex;font-family:var(--IDS-BODY__FONT-FAMILY);font-size:var(--IDS-BODY__FONT-SIZE);font-style:normal;font-weight:400;justify-content:start;letter-spacing:0;line-height:var(--IDS-BODY__LINE-HEIGHT);margin-bottom:.25rem}";
 
 var progressbarLit = css`${unsafeCSS(css_248z)}`;
 

package/components/progressbar/progressbar.css

@@ -10,16 +10,17 @@
   }
 }
 
-.ids-progressbar {
+.ids-progressbar .ids-progressbar__bar {
   border: var(--IDS-PROGRESSBAR__BORDER-COLOR);
-  height: 1rem;
+  height: 0.75rem;
   box-sizing: border-box;
-  border-radius: 0.625rem;
+  border-radius: 0.75rem;
   position: relative;
 }
 @media (max-width: 1024px) {
-  .ids-progressbar {
-    height: 0.625rem;
+  .ids-progressbar .ids-progressbar__bar {
+    height: 0.5rem;
+    border-radius: 0.5rem;
   }
 }
 .ids-progressbar .ids-progressbar__progress {
@@ -28,15 +29,16 @@
   background-color: var(--IDS-PROGRESSBAR__PROGRESS-COLOR);
   width: 15%;
   display: block;
-  height: 1rem;
-  border-radius: 0.625rem;
+  height: 0.75rem;
+  border-radius: 0.75rem;
   transition: width 0.3s ease;
   margin-top: -0.063rem;
   margin-left: -0.063rem;
 }
 @media (max-width: 1024px) {
   .ids-progressbar .ids-progressbar__progress {
-    height: 0.625rem;
+    height: 0.5rem;
+    border-radius: 0.5rem;
   }
 }
 .ids-progressbar .ids-progressbar__progress--none {
@@ -44,15 +46,13 @@
 }
 .ids-progressbar .ids-progressbar__label {
   display: flex;
-  justify-content: center;
-  margin-top: 1.5rem;
-  font-size: 1.25rem;
-  line-height: 1.5rem;
-  color: var(--IDS-PROGRESSBAR__LABEL-COLOR);
-  font-weight: 700;
-}
-@media (max-width: 1024px) {
-  .ids-progressbar .ids-progressbar__label {
-    margin-top: 1rem;
-  }
+  justify-content: start;
+  margin-bottom: 0.25rem;
+  font-style: normal;
+  color: var(--IDS-COLOR-NEUTRAL-20);
+  font-family: var(--IDS-BODY__FONT-FAMILY);
+  font-size: var(--IDS-BODY__FONT-SIZE);
+  line-height: var(--IDS-BODY__LINE-HEIGHT);
+  font-weight: 400;
+  letter-spacing: 0;
 }

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

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

package/components/puff-list/puff-list-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-puff-list{border-top:.063rem solid var(--IDS-LIST__BORDER);display:flex;flex-direction:column}.ids-puff-list-item-separator{background-color:var(--IDS-LIST__BORDER);height:.0625rem;width:100%}.ids-puff-list-item{color:var(--IDS-LIST__COLOR)!important;display:flex;gap:1.25rem;margin:1.25rem 0;padding:0;position:relative}.ids-puff-list-item .ids-puff-list-item__date{font-family:Open Sans;font-size:.875rem;font-style:normal;font-weight:400;letter-spacing:.0625rem;line-height:1.25rem;text-transform:uppercase}.ids-puff-list-item .date-label-col{padding-right:1.25rem}.ids-puff-list-item .ids-puff-list-item__header,.ids-puff-list-item ::slotted([slot=headline]){color:var(--IDS-LINK--COLOR-PRESET-1__COLOR);cursor:pointer;display:inline-flex!important;font-family:var(--IDS-HEADING-M__FONT-FAMILY);font-size:var(--IDS-HEADING-M__FONT-SIZE);font-style:normal;font-weight:var(--IDS-HEADING-M__FONT-WEIGHT);letter-spacing:var(--IDS-HEADING-M__LETTER-SPACING);line-height:var(--IDS-HEADING-M__LINE-HEIGHT);margin-bottom:0!important;margin-top:0!important;position:relative;text-decoration:none!important}@media (min-width:1024px){.ids-puff-list-item .ids-puff-list-item__header,.ids-puff-list-item ::slotted([slot=headline]){font-size:var(--IDS-HEADING-M__FONT-SIZE-DESKTOP);letter-spacing:var(--IDS-HEADING-M__LETTER-SPACING-DESKTOP);line-height:var(--IDS-HEADING-M__LINE-HEIGHT-DESKTOP)}}.ids-puff-list-item .ids-puff-list-item__header{padding-left:1.375rem}.ids-puff-list-item .ids-puff-list-item__header:before{content:\"\\e947\";display:block;font:icon;font-family:Inera-Design-Icons!important;left:0;pointer-events:none;position:absolute;top:.4375rem}.ids-puff-list-item .ids-puff-list-item__body{margin-top:.5rem}.ids-puff-list-item.ids-puff-list-item--interactive{cursor:pointer}.ids-puff-list-item.ids-puff-list-item--interactive ::slotted([slot=interactive]){bottom:0!important;left:0!important;opacity:0!important;position:absolute!important;right:0!important;top:0!important}.ids-puff-list-item.ids-puff-list-item--interactive:focus-within{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)}.ids-puff-list-item.ids-puff-list-item--interactive:focus-within .ids-puff-list-item__icon{display:none}.ids-puff-list-item.ids-puff-list-item--interactive:focus-within .ids-puff-list-item__icon--hover{display:flex}.ids-puff-list-item.ids-puff-list-item--interactive:hover .ids-puff-list-item__header,.ids-puff-list-item.ids-puff-list-item--interactive:hover ::slotted([slot=headline]){color:var(--IDS-LINK--COLOR-PRESET-1__HOVER-COLOR)!important;text-decoration:underline!important}.ids-puff-list-item.ids-puff-list-item--interactive:hover .ids-puff-list-item__icon{display:none}.ids-puff-list-item.ids-puff-list-item--interactive:hover .ids-puff-list-item__icon--hover{display:flex}.ids-puff-list-item.ids-puff-list-item--interactive .ids-puff-list-item__header{outline:none}.ids-puff-list-item:not(.ids-puff-list-item--interactive) .ids-puff-list-item__header{position:relative}.ids-puff-list-item:not(.ids-puff-list-item--interactive) .ids-puff-list-item__header ::slotted([slot=interactive]){bottom:.1875rem!important;left:0!important;position:absolute!important;right:0!important;top:.1875rem!important}.ids-puff-list-item:not(.ids-puff-list-item--interactive) .ids-puff-list-item__header:focus{outline-offset:0}.ids-puff-list-item:not(.ids-puff-list-item--interactive) .ids-puff-list-item__header:hover{color:var(--IDS-LINK--COLOR-PRESET-1__HOVER-COLOR)!important;text-decoration:underline!important}.ids-puff-list-item:not(.ids-puff-list-item--interactive) .ids-puff-list-item__header:hover .ids-puff-list-item__icon{display:none}.ids-puff-list-item:not(.ids-puff-list-item--interactive) .ids-puff-list-item__header:hover .ids-puff-list-item__icon--hover{display:flex}.ids-puff-list-item__info{color:var(--IDS-LIST__ITEM-INFO-COLOR);display:block;font-family:var(--IDS-FONT-FAMILY-BASE);font-size:1rem;font-style:italic;font-weight:400;margin-bottom:0;margin-top:.625rem}";
+var css_248z = "@media (max-width:1023px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}.ids-puff-list{border-top:.063rem solid var(--IDS-LIST__BORDER);list-style:none;padding-left:0}.ids-puff-list-item .ids-puff-list-item__inner{color:var(--IDS-LIST__COLOR)!important;display:flex;gap:1.25rem;margin:1.25rem 0;padding:0;position:relative}.ids-puff-list-item .ids-puff-list-item__content{width:100%}.ids-puff-list-item .ids-puff-list-item__body{margin-top:.5rem}.ids-puff-list-item .ids-puff-list-item__date{font-family:var(--IDS-FONT-FAMILY-BASE);font-size:.875rem;font-style:normal;font-weight:400;letter-spacing:.0625rem;line-height:1.25rem;margin-bottom:.25rem;text-transform:uppercase}.ids-puff-list-item .ids-puff-list-item__time{margin-left:.75rem}.ids-puff-list-item .date-label-col{padding-right:1.25rem}.ids-puff-list-item.ids-puff-list-item--interactive .ids-puff-list-item__item-link,.ids-puff-list-item.ids-puff-list-item--interactive ::slotted([slot=item-link]){color:var(--IDS-FONT-COLOR);cursor:pointer;display:block;font-family:inherit;font-size:inherit;text-decoration:none}.ids-puff-list-item.ids-puff-list-item--interactive .ids-puff-list-item__item-link:hover,.ids-puff-list-item.ids-puff-list-item--interactive ::slotted([slot=item-link]):hover{color:var(--IDS-FONT-COLOR)}.ids-puff-list-item.ids-puff-list-item--interactive .ids-puff-list-item__item-link:hover .ids-puff-list-item__header{text-decoration:underline!important}.ids-puff-list-item .ids-puff-list-item-separator{height:.0625rem;width:100%}.ids-puff-list-item .ids-puff-list-item-separator,li.ids-puff-list-item{border-bottom:.0625rem solid var(--IDS-LIST__BORDER)}.ids-puff-list-item__header{color:var(--IDS-LINK--COLOR-PRESET-1__COLOR)!important;font-family:var(--IDS-HEADING-M__FONT-FAMILY)!important;font-size:var(--IDS-HEADING-M__FONT-SIZE)!important;font-style:normal!important;font-weight:var(--IDS-HEADING-M__FONT-WEIGHT)!important;letter-spacing:var(--IDS-HEADING-M__LETTER-SPACING)!important;line-height:var(--IDS-HEADING-M__LINE-HEIGHT)!important;margin-bottom:.25rem!important;margin-top:0!important;padding-left:1.375rem;position:relative;text-underline-offset:.125rem}@media (min-width:1024px){.ids-puff-list-item__header{font-size:var(--IDS-HEADING-M__FONT-SIZE-DESKTOP)!important;letter-spacing:var(--IDS-HEADING-M__LETTER-SPACING-DESKTOP)!important;line-height:var(--IDS-HEADING-M__LINE-HEIGHT-DESKTOP)!important}}.ids-puff-list-item__header.ids-puff-list-item--no-margin{margin-bottom:0!important}.ids-puff-list-item__header ::slotted(a),.ids-puff-list-item__header a{color:var(--IDS-LINK--COLOR-PRESET-1__COLOR)!important;font-family:var(--IDS-HEADING-M__FONT-FAMILY)!important;font-size:var(--IDS-HEADING-M__FONT-SIZE)!important;font-style:normal!important;font-weight:var(--IDS-HEADING-M__FONT-WEIGHT)!important;letter-spacing:var(--IDS-HEADING-M__LETTER-SPACING)!important;line-height:var(--IDS-HEADING-M__LINE-HEIGHT)!important;text-decoration:none!important;width:100%}@media (min-width:1024px){.ids-puff-list-item__header ::slotted(a),.ids-puff-list-item__header a{font-size:var(--IDS-HEADING-M__FONT-SIZE-DESKTOP)!important;letter-spacing:var(--IDS-HEADING-M__LETTER-SPACING-DESKTOP)!important;line-height:var(--IDS-HEADING-M__LINE-HEIGHT-DESKTOP)!important}}.ids-puff-list-item__header:before{content:\"\\e93d\";display:block;font:icon;font-family:Inera-Design-Icons!important;left:0;pointer-events:none;position:absolute;top:.4375rem}.ids-puff-list-item__header ::slotted(a:focus),.ids-puff-list-item__header ::slotted(a:hover),.ids-puff-list-item__header a:focus,.ids-puff-list-item__header a:hover{outline-offset:0;text-decoration:underline!important}.ids-puff-list-item__header.ids-puff-list-item__header--hover{outline-offset:0;text-decoration:underline!important}.ids-puff-list-item__header:hover{color:var(--IDS-LINK--COLOR-PRESET-1__HOVER-COLOR)!important;text-decoration:underline!important}.ids-puff-list-item__info{color:var(--IDS-LIST__ITEM-INFO-COLOR);display:block;font-family:var(--IDS-FONT-FAMILY-BASE);font-size:1rem;font-style:italic;font-weight:400;margin-bottom:.5rem;margin-top:.5rem}";
 
 var puffListLit = css`${unsafeCSS(css_248z)}`;