@inera/ids-design 5.2.2 → 5.4.0

package/dist/components/navigation/content/navigation-content-lit.js

@@ -0,0 +1,7 @@
+import { css, unsafeCSS } from 'lit';
+
+var css_248z = ".ids-navigation-content{background-color:var(--IDS-COLOR-NEUTRAL-100);border-radius:var(--IDS-NAVIGATION-CONTENT__BORDER-RADIUS);box-shadow:0 0 .625rem rgba(27,27,27,.2);position:relative;width:100%}.ids-navigation-content:after{background-color:var(--IDS-COLOR-NEUTRAL-100);clip-path:polygon(0 0,0 100%,100% 100%);left:-.563rem;z-index:1}.ids-navigation-content:after,.ids-navigation-content:before{content:\"\";height:1.4rem;position:absolute;top:1.25rem;transform:rotate(45deg);width:1.4rem}.ids-navigation-content:before{box-shadow:0 0 .625rem rgba(27,27,27,.2);left:-.688rem;z-index:-1}.ids-navigation-content .ids-navigation-content__border-top{border-radius:var(--IDS-CARD__BORDER-RADIUS);display:block;height:1.25rem;left:0;overflow:hidden;position:absolute;top:0;width:100%}.ids-navigation-content .ids-navigation-content__border-top div{border-top:var(--IDS-CARD--BORDER-2__BORDER-TOP)}.ids-navigation-content .ids-navigation-content__inner{border-top:var(--IDS-NAVIGATION-CONTENT__BORDER-TOP);padding:1.25rem;position:relative}.ids-navigation-content .ids-navigation-content__inner .ids-navigation-content__inner__headline{color:var(--IDS-NAVIGATION-CONTENT__COLOR);font-family:var(--IDS-NAVIGATION-CONTENT__FONT-FAMILY);font-size:var(--IDS-NAVIGATION-CONTENT__FONT-SIZE);font-weight:var(--IDS-NAVIGATION-CONTENT__FONT-WEIGHT);letter-spacing:-.013rem;line-height:var(--IDS-NAVIGATION-CONTENT__LINE-HEIGHT);margin:0 0 .5rem}.ids-navigation-content .ids-navigation-content__inner a{border-top:.063rem solid var(--IDS-NAVIGATION-CONTENT-SEPARATOR__BACKGROUND-COLOR);display:block;padding:.875rem 0}.ids-navigation-content .ids-navigation-content__inner ::slotted(*){border-top:.063rem solid var(--IDS-NAVIGATION-CONTENT-SEPARATOR__BACKGROUND-COLOR);display:block;padding:.875rem 0}";
+
+var navigationContentLit = css`${unsafeCSS(css_248z)}`;
+
+export { navigationContentLit as default };

package/dist/components/navigation/content/navigation-content.css

@@ -0,0 +1,67 @@
+.ids-navigation-content {
+  width: 100%;
+  box-shadow: 0 0 0.625rem rgba(27, 27, 27, 0.2);
+  border-radius: var(--IDS-NAVIGATION-CONTENT__BORDER-RADIUS);
+  background-color: var(--IDS-COLOR-NEUTRAL-100);
+  position: relative;
+}
+.ids-navigation-content::after {
+  content: "";
+  position: absolute;
+  height: 1.4rem;
+  width: 1.4rem;
+  clip-path: polygon(0 0, 0% 100%, 100% 100%);
+  top: 1.25rem;
+  left: -0.563rem;
+  background-color: var(--IDS-COLOR-NEUTRAL-100);
+  transform: rotate(45deg);
+  z-index: 1;
+}
+.ids-navigation-content::before {
+  content: "";
+  position: absolute;
+  height: 1.4rem;
+  width: 1.4rem;
+  top: 1.25rem;
+  left: -0.688rem;
+  transform: rotate(45deg);
+  z-index: -1;
+  box-shadow: rgba(27, 27, 27, 0.2) 0 0 0.625rem;
+}
+.ids-navigation-content .ids-navigation-content__border-top {
+  position: absolute;
+  overflow: hidden;
+  border-radius: var(--IDS-CARD__BORDER-RADIUS);
+  top: 0;
+  width: 100%;
+  display: block;
+  height: 1.25rem;
+  left: 0;
+}
+.ids-navigation-content .ids-navigation-content__border-top div {
+  border-top: var(--IDS-CARD--BORDER-2__BORDER-TOP);
+}
+.ids-navigation-content .ids-navigation-content__inner {
+  padding: 1.25rem;
+  border-top: var(--IDS-NAVIGATION-CONTENT__BORDER-TOP);
+  position: relative;
+}
+.ids-navigation-content .ids-navigation-content__inner .ids-navigation-content__inner__headline {
+  font-family: var(--IDS-NAVIGATION-CONTENT__FONT-FAMILY);
+  font-weight: var(--IDS-NAVIGATION-CONTENT__FONT-WEIGHT);
+  font-size: var(--IDS-NAVIGATION-CONTENT__FONT-SIZE);
+  line-height: var(--IDS-NAVIGATION-CONTENT__LINE-HEIGHT);
+  letter-spacing: -0.013rem;
+  color: var(--IDS-NAVIGATION-CONTENT__COLOR);
+  margin: 0 0 0.5rem 0;
+}
+.ids-navigation-content .ids-navigation-content__inner a {
+  border-top: 0.063rem solid var(--IDS-NAVIGATION-CONTENT-SEPARATOR__BACKGROUND-COLOR);
+  display: block;
+  padding: 0.875rem 0;
+}
+.ids-navigation-content .ids-navigation-content__inner ::slotted(*) {
+  border-top: 0.063rem solid var(--IDS-NAVIGATION-CONTENT-SEPARATOR__BACKGROUND-COLOR);
+  display: block;
+  padding: 0.875rem 0;
+}

package/dist/components/navigation/local/navigation-local-lit.js

@@ -0,0 +1,7 @@
+import { css, unsafeCSS } from 'lit';
+
+var css_248z = ".ids-navigation-local{border-bottom:var(--IDS-NAVIGATION-LOCAL__BORDER)}.ids-navigation-local .ids-navigation-local__headline{color:var(--IDS-COLOR-NEUTRAL-20);font-family:var(font-family-2);font-size:1.25rem;font-style:normal;font-weight:700;letter-spacing:-.03125rem;line-height:1.5rem;padding:.875rem 1.25rem .875rem 0}.ids-navigation-local .ids-navigation-local__link,.ids-navigation-local a{border-top:var(--IDS-NAVIGATION-LOCAL__BORDER);color:var(--IDS-NAVIGATION-LOCAL__LINK-COLOR);display:block!important;outline-offset:-.125rem!important;padding:.75rem 1.25rem;position:relative;text-decoration:none}.ids-navigation-local .ids-navigation-local__link.ids-navigation-local__link--active:before,.ids-navigation-local a.ids-navigation-local__link--active:before{background-color:var(--IDS-NAVIGATION-LOCAL--ACTIVE-BACKGROUND-COLOR)}.ids-navigation-local .ids-navigation-local__link:focus,.ids-navigation-local .ids-navigation-local__link:hover,.ids-navigation-local a:focus,.ids-navigation-local a:hover{border-top:var(--IDS-NAVIGATION-LOCAL__HOVER-BORDER)}.ids-navigation-local .ids-navigation-local__link:focus:before,.ids-navigation-local .ids-navigation-local__link:hover:before,.ids-navigation-local a:focus:before,.ids-navigation-local a:hover:before{background-color:var(--IDS-NAVIGATION-LOCAL--ACTIVE-HOVER-BACKGROUND-COLOR)!important}.ids-navigation-local .ids-navigation-local__link:before,.ids-navigation-local a:before{background-color:var(--IDS-COLOR-NEUTRAL-100);content:\"\";display:block;height:calc(100% + .063rem);left:0;position:absolute;top:-.063rem;width:.313rem}.ids-navigation-local ::slotted(a){border-top:var(--IDS-NAVIGATION-LOCAL__BORDER);color:var(--IDS-NAVIGATION-LOCAL__LINK-COLOR);display:block!important;outline-offset:-.125rem!important;padding:.75rem 1.25rem;position:relative;text-decoration:none}.ids-navigation-local ::slotted(a).ids-navigation-local__link--active:before{background-color:var(--IDS-NAVIGATION-LOCAL--ACTIVE-BACKGROUND-COLOR)}.ids-navigation-local ::slotted(a):focus,.ids-navigation-local ::slotted(a):hover{border-top:var(--IDS-NAVIGATION-LOCAL__HOVER-BORDER)}.ids-navigation-local ::slotted(a):focus:before,.ids-navigation-local ::slotted(a):hover:before{background-color:var(--IDS-NAVIGATION-LOCAL--ACTIVE-HOVER-BACKGROUND-COLOR)!important}.ids-navigation-local ::slotted(a):before{background-color:var(--IDS-COLOR-NEUTRAL-100);content:\"\";display:block;height:calc(100% + .063rem);left:0;position:absolute;top:-.063rem;width:.313rem}.ids-navigation-local ::slotted(a:focus),.ids-navigation-local ::slotted(a:hover){border-top:var(--IDS-NAVIGATION-LOCAL__HOVER-BORDER)}.ids-navigation-local ::slotted(a:focus):before,.ids-navigation-local ::slotted(a:hover):before{background-color:var(--IDS-NAVIGATION-LOCAL--ACTIVE-HOVER-BACKGROUND-COLOR)!important}.ids-navigation-local ::slotted(.ids-navigation-local__link--active):before{background-color:var(--IDS-NAVIGATION-LOCAL--ACTIVE-BACKGROUND-COLOR)}";
+
+var navigationLocalLit = css`${unsafeCSS(css_248z)}`;
+
+export { navigationLocalLit as default };

package/{components → dist/components}/navigation/local/navigation-local.css

@@ -1,5 +1,5 @@
 .ids-navigation-local {
-  border-bottom: var(--navigation-local_border-top);
+  border-bottom: var(--IDS-NAVIGATION-LOCAL__BORDER);
 }
 .ids-navigation-local .ids-navigation-local__headline {
   color: var(--IDS-COLOR-NEUTRAL-20);
@@ -9,77 +9,79 @@
   font-weight: 700;
   letter-spacing: -0.03125rem;
   line-height: 1.5rem;
-  padding: 14px 20px 14px 0px;
+  padding: 0.875rem 1.25rem 0.875rem 0;
 }
 .ids-navigation-local a,
 .ids-navigation-local .ids-navigation-local__link {
   display: block !important;
-  padding: 12px 20px;
-  border-top: var(--navigation-local_border-top);
+  padding: 0.75rem 1.25rem;
+  border-top: var(--IDS-NAVIGATION-LOCAL__BORDER);
   position: relative;
-  color: var(--navigation-link_color);
+  color: var(--IDS-NAVIGATION-LOCAL__LINK-COLOR);
   text-decoration: none;
-  outline-offset: -2px !important;
+  outline-offset: -0.125rem !important;
 }
 .ids-navigation-local a.ids-navigation-local__link--active::before,
 .ids-navigation-local .ids-navigation-local__link.ids-navigation-local__link--active::before {
-  background-color: var(--navigation-local-selected_border-left);
+  background-color: var(--IDS-NAVIGATION-LOCAL--ACTIVE-BACKGROUND-COLOR);
 }
 .ids-navigation-local a:focus, .ids-navigation-local a:hover,
 .ids-navigation-local .ids-navigation-local__link:focus,
 .ids-navigation-local .ids-navigation-local__link:hover {
-  border-top: var(--navigation-local-hover_border-top);
+  border-top: var(--IDS-NAVIGATION-LOCAL__HOVER-BORDER);
 }
 .ids-navigation-local a:focus::before, .ids-navigation-local a:hover::before,
 .ids-navigation-local .ids-navigation-local__link:focus::before,
 .ids-navigation-local .ids-navigation-local__link:hover::before {
-  background-color: var(--navigation-local-active_border-left) !important;
+  background-color: var(--IDS-NAVIGATION-LOCAL--ACTIVE-HOVER-BACKGROUND-COLOR) !important;
 }
 .ids-navigation-local a::before,
 .ids-navigation-local .ids-navigation-local__link::before {
   content: "";
   position: absolute;
-  left: 0px;
-  top: -1px;
+  left: 0;
+  top: -0.063rem;
   display: block;
-  height: calc(100% + 1px);
-  width: 5px;
+  height: calc(100% + 0.063rem);
+  width: 0.313rem;
+  background-color: var(--IDS-COLOR-NEUTRAL-100);
 }
 .ids-navigation-local ::slotted(a) {
   display: block !important;
-  padding: 12px 20px;
-  border-top: var(--navigation-local_border-top);
+  padding: 0.75rem 1.25rem;
+  border-top: var(--IDS-NAVIGATION-LOCAL__BORDER);
   position: relative;
-  color: var(--navigation-link_color);
+  color: var(--IDS-NAVIGATION-LOCAL__LINK-COLOR);
   text-decoration: none;
-  outline-offset: -2px !important;
+  outline-offset: -0.125rem !important;
 }
 .ids-navigation-local ::slotted(a).ids-navigation-local__link--active::before {
-  background-color: var(--navigation-local-selected_border-left);
+  background-color: var(--IDS-NAVIGATION-LOCAL--ACTIVE-BACKGROUND-COLOR);
 }
 .ids-navigation-local ::slotted(a):focus, .ids-navigation-local ::slotted(a):hover {
-  border-top: var(--navigation-local-hover_border-top);
+  border-top: var(--IDS-NAVIGATION-LOCAL__HOVER-BORDER);
 }
 .ids-navigation-local ::slotted(a):focus::before, .ids-navigation-local ::slotted(a):hover::before {
-  background-color: var(--navigation-local-active_border-left) !important;
+  background-color: var(--IDS-NAVIGATION-LOCAL--ACTIVE-HOVER-BACKGROUND-COLOR) !important;
 }
 .ids-navigation-local ::slotted(a)::before {
   content: "";
   position: absolute;
-  left: 0px;
-  top: -1px;
+  left: 0;
+  top: -0.063rem;
   display: block;
-  height: calc(100% + 1px);
-  width: 5px;
+  height: calc(100% + 0.063rem);
+  width: 0.313rem;
+  background-color: var(--IDS-COLOR-NEUTRAL-100);
 }
 .ids-navigation-local ::slotted(a:focus),
-.ids-navigation-local ::slotteD(a:hover) {
-  border-top: var(--navigation-local-hover_border-top);
+.ids-navigation-local ::slotted(a:hover) {
+  border-top: var(--IDS-NAVIGATION-LOCAL__HOVER-BORDER);
 }
 .ids-navigation-local ::slotted(a:focus)::before,
-.ids-navigation-local ::slotteD(a:hover)::before {
-  background-color: var(--navigation-local-active_border-left) !important;
+.ids-navigation-local ::slotted(a:hover)::before {
+  background-color: var(--IDS-NAVIGATION-LOCAL--ACTIVE-HOVER-BACKGROUND-COLOR) !important;
 }
 .ids-navigation-local ::slotted(.ids-navigation-local__link--active)::before {
-  background-color: var(--navigation-local-selected_border-left);
+  background-color: var(--IDS-NAVIGATION-LOCAL--ACTIVE-BACKGROUND-COLOR);
 }

package/dist/components/notification-badge/notification-badge-lit.js

@@ -0,0 +1,7 @@
+import { css, unsafeCSS } from 'lit';
+
+var css_248z = ".ids-notification-badge{align-items:center;background-color:var(--IDS-NOTIFICATION-BADGE__BACKGROUND-COLOR);border:.063rem solid var(--IDS-NOTIFICATION-BADGE__BACKGROUND-COLOR);border-radius:1.5rem;box-sizing:border-box;color:var(--IDS-NOTIFICATION-BADGE__COLOR);display:inline-block;font-size:.875rem;font-weight:400;justify-content:center;line-height:1.5rem;min-height:1.5rem;min-width:1.5rem;padding:0 .5rem;text-align:center}.ids-notification-badge.ids-notification-badge--outlined{background-color:var(--IDS-COLOR-NEUTRAL-100);color:var(--IDS-NOTIFICATION-BADGE__BACKGROUND-COLOR)}";
+
+var notificationBadgeLit = css`${unsafeCSS(css_248z)}`;
+
+export { notificationBadgeLit as default };

package/{components → dist/components}/notification-badge/notification-badge.css

@@ -1,6 +1,6 @@
 .ids-notification-badge {
   background-color: var(--IDS-NOTIFICATION-BADGE__BACKGROUND-COLOR);
-  border: 1px solid var(--IDS-NOTIFICATION-BADGE__BACKGROUND-COLOR);
+  border: 0.063rem solid var(--IDS-NOTIFICATION-BADGE__BACKGROUND-COLOR);
   color: var(--IDS-NOTIFICATION-BADGE__COLOR);
   font-size: 0.875rem;
   font-weight: normal;
@@ -17,5 +17,5 @@
 }
 .ids-notification-badge.ids-notification-badge--outlined {
   color: var(--IDS-NOTIFICATION-BADGE__BACKGROUND-COLOR);
-  background-color: white;
+  background-color: var(--IDS-COLOR-NEUTRAL-100);
 }

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

@@ -0,0 +1,7 @@
+import { css, unsafeCSS } from 'lit';
+
+var css_248z = ".ids-data-pagination .ids-data-pagination__next-button ::slotted(button),.ids-data-pagination .ids-data-pagination__next-button button,.ids-data-pagination .ids-data-pagination__prev-button ::slotted(button),.ids-data-pagination .ids-data-pagination__prev-button button{background-color:transparent!important;background-size:1rem 1rem;border:.063rem solid transparent!important;cursor:pointer;height:1.938rem!important;width:1.938rem!important}.ids-data-pagination .ids-data-pagination__next-button :hover::slotted(button),.ids-data-pagination .ids-data-pagination__next-button button:hover,.ids-data-pagination .ids-data-pagination__prev-button :hover::slotted(button),.ids-data-pagination .ids-data-pagination__prev-button button:hover{background-image:var(--IDS-SELECT__CHEVRON-ICON--HOVER)!important}.ids-data-pagination .ids-data-pagination__next-button :active::slotted(button),.ids-data-pagination .ids-data-pagination__next-button :focus-visible::slotted(button),.ids-data-pagination .ids-data-pagination__next-button :focus-within::slotted(button),.ids-data-pagination .ids-data-pagination__next-button :focus::slotted(button),.ids-data-pagination .ids-data-pagination__next-button button:active,.ids-data-pagination .ids-data-pagination__next-button button:focus,.ids-data-pagination .ids-data-pagination__next-button button:focus-visible,.ids-data-pagination .ids-data-pagination__next-button button:focus-within,.ids-data-pagination .ids-data-pagination__prev-button :active::slotted(button),.ids-data-pagination .ids-data-pagination__prev-button :focus-visible::slotted(button),.ids-data-pagination .ids-data-pagination__prev-button :focus-within::slotted(button),.ids-data-pagination .ids-data-pagination__prev-button :focus::slotted(button),.ids-data-pagination .ids-data-pagination__prev-button button:active,.ids-data-pagination .ids-data-pagination__prev-button button:focus,.ids-data-pagination .ids-data-pagination__prev-button button:focus-visible,.ids-data-pagination .ids-data-pagination__prev-button button:focus-within{outline:var(--IDS-FOCUS__OUTLINE)!important}.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;position:relative}.ids-data-pagination .ids-data-pagination__select:after{background-image:var(--IDS-SELECT__CHEVRON-ICON);background-position:50%;background-repeat:no-repeat;content:\"\";display:block;height:100%;pointer-events:none;position:absolute;right:.625rem;top:0;transform:rotate(90deg);width:.5rem}.ids-data-pagination .ids-data-pagination__select ::slotted(label),.ids-data-pagination .ids-data-pagination__select label{color:var(--IDS-INPUT__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-INPUT__BORDER)!important;border-radius:.313rem!important;box-sizing:border-box;color:var(--IDS-INPUT__COLOR);cursor:pointer!important;display:flex!important;font-family:var(--IDS-FONT-FAMILY-BASE)!important;padding:.25rem 1.75rem .25rem .5rem!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-COLOR-NEUTRAL-100)}.ids-data-pagination .ids-data-pagination__summary{color:var(--IDS-INPUT__COLOR);display:flex;font-family:var(--IDS-FONT-FAMILY-BASE)!important;margin-left:2.5rem}.ids-data-pagination .ids-data-pagination__buttons{display:flex;white-space:nowrap}.ids-data-pagination .ids-data-pagination__prev-button{display:flex;margin-left:1.25rem}.ids-data-pagination .ids-data-pagination__prev-button ::slotted(button),.ids-data-pagination .ids-data-pagination__prev-button button{background-image:var(--IDS-SELECT__CHEVRON-ICON)!important;background-position:.438rem .438rem!important;background-repeat:no-repeat!important;rotate:180deg}.ids-data-pagination .ids-data-pagination__prev-button ::slotted(button:disabled),.ids-data-pagination .ids-data-pagination__prev-button button:disabled{background-image:var(--IDS-SELECT--DISABLED__CHEVRON-ICON)!important;cursor:default}.ids-data-pagination .ids-data-pagination__prev-button ::slotted(button:disabled:hover),.ids-data-pagination .ids-data-pagination__prev-button button:disabled:hover{border:.063rem solid transparent!important}.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-image:var(--IDS-SELECT__CHEVRON-ICON)!important;background-position:.438rem .438rem!important;background-repeat:no-repeat!important}.ids-data-pagination .ids-data-pagination__next-button ::slotted(button:disabled),.ids-data-pagination .ids-data-pagination__next-button button:disabled{background-image:var(--IDS-SELECT--DISABLED__CHEVRON-ICON)!important;cursor:default}.ids-data-pagination .ids-data-pagination__next-button ::slotted(button:disabled:hover),.ids-data-pagination .ids-data-pagination__next-button button:disabled:hover{border:.063rem solid transparent!important}";
+
+var dataPaginationLit = css`${unsafeCSS(css_248z)}`;
+
+export { dataPaginationLit as default };

package/{components → dist/components}/pagination/data-pagination/data-pagination.css

@@ -2,11 +2,11 @@
 .ids-data-pagination .ids-data-pagination__next-button ::slotted(button), .ids-data-pagination .ids-data-pagination__prev-button button,
 .ids-data-pagination .ids-data-pagination__prev-button ::slotted(button) {
   cursor: pointer;
-  background-size: 16px 16px;
-  height: 31px !important;
-  width: 31px !important;
+  background-size: 1rem 1rem;
+  height: 1.938rem !important;
+  width: 1.938rem !important;
   background-color: transparent !important;
-  border: 1px solid transparent !important;
+  border: 0.063rem solid transparent !important;
 }
 .ids-data-pagination .ids-data-pagination__next-button button:hover,
 .ids-data-pagination .ids-data-pagination__next-button :hover::slotted(button), .ids-data-pagination .ids-data-pagination__prev-button button:hover,
@@ -22,7 +22,7 @@
 .ids-data-pagination .ids-data-pagination__prev-button :focus-visible::slotted(button), .ids-data-pagination .ids-data-pagination__next-button button:active,
 .ids-data-pagination .ids-data-pagination__next-button :active::slotted(button), .ids-data-pagination .ids-data-pagination__prev-button button:active,
 .ids-data-pagination .ids-data-pagination__prev-button :active::slotted(button) {
-  outline: var(--IDS-FOCUS_OUTLINE) !important;
+  outline: var(--IDS-FOCUS__OUTLINE) !important;
 }
 
 .ids-data-pagination {
@@ -38,13 +38,13 @@
 }
 .ids-data-pagination .ids-data-pagination__select::after {
   content: "";
-  width: 8px;
+  width: 0.5rem;
   height: 100%;
   display: block;
   position: absolute;
   transform: rotate(90deg);
-  right: 10px;
-  top: 0px;
+  right: 0.625rem;
+  top: 0;
   background-position: center;
   background-repeat: no-repeat;
   background-image: var(--IDS-SELECT__CHEVRON-ICON);
@@ -53,10 +53,10 @@
 .ids-data-pagination .ids-data-pagination__select label,
 .ids-data-pagination .ids-data-pagination__select ::slotted(label) {
   display: flex !important;
-  margin-right: 8px !important;
+  margin-right: 0.5rem !important;
   white-space: nowrap !important;
-  font-family: var(--font-family_1) !important;
-  color: var(--IDS-INPUT_COLOR);
+  font-family: var(--IDS-FONT-FAMILY-BASE) !important;
+  color: var(--IDS-INPUT__COLOR);
 }
 .ids-data-pagination .ids-data-pagination__select select,
 .ids-data-pagination .ids-data-pagination__select ::slotted(select) {
@@ -65,28 +65,28 @@
   -moz-appearance: none !important;
   display: flex !important;
   box-sizing: border-box;
-  color: var(--IDS-INPUT_COLOR);
+  color: var(--IDS-INPUT__COLOR);
   cursor: pointer !important;
-  padding: 4px 28px 4px 8px !important;
-  border: var(--IDS-INPUT_BORDER) !important;
-  border-radius: 5px !important;
+  padding: 0.25rem 1.75rem 0.25rem 0.5rem !important;
+  border: var(--IDS-INPUT__BORDER) !important;
+  border-radius: 0.313rem !important;
   width: 100% !important;
-  font-family: var(--font-family_1) !important;
-  background-color: var(--IDS-INPUT_BACKGROUND);
+  font-family: var(--IDS-FONT-FAMILY-BASE) !important;
+  background-color: var(--IDS-INPUT__BACKGROUND-COLOR);
 }
 .ids-data-pagination .ids-data-pagination__select select option,
 .ids-data-pagination .ids-data-pagination__select ::slotted(select) option {
-  height: 20px !important;
+  height: 1.25rem !important;
 }
 .ids-data-pagination.ids-data-pagination--light select,
 .ids-data-pagination.ids-data-pagination--light ::slotted(select) {
-  background-color: white;
+  background-color: var(--IDS-COLOR-NEUTRAL-100);
 }
 .ids-data-pagination .ids-data-pagination__summary {
-  color: var(--IDS-INPUT_COLOR);
+  color: var(--IDS-INPUT__COLOR);
   display: flex;
-  margin-left: 40px;
-  font-family: var(--font-family_1) !important;
+  margin-left: 2.5rem;
+  font-family: var(--IDS-FONT-FAMILY-BASE) !important;
 }
 .ids-data-pagination .ids-data-pagination__buttons {
   white-space: nowrap;
@@ -94,12 +94,12 @@
 }
 .ids-data-pagination .ids-data-pagination__prev-button {
   display: flex;
-  margin-left: 20px;
+  margin-left: 1.25rem;
 }
 .ids-data-pagination .ids-data-pagination__prev-button button,
 .ids-data-pagination .ids-data-pagination__prev-button ::slotted(button) {
   rotate: 180deg;
-  background-position: 7px 7px !important;
+  background-position: 0.438rem 0.438rem !important;
   background-repeat: no-repeat !important;
   background-image: var(--IDS-SELECT__CHEVRON-ICON) !important;
 }
@@ -110,15 +110,15 @@
 }
 .ids-data-pagination .ids-data-pagination__prev-button button:disabled:hover,
 .ids-data-pagination .ids-data-pagination__prev-button ::slotted(button:disabled:hover) {
-  border: 1px solid transparent !important;
+  border: 0.063rem solid transparent !important;
 }
 .ids-data-pagination .ids-data-pagination__next-button {
   display: flex;
-  margin-left: 8px;
+  margin-left: 0.5rem;
 }
 .ids-data-pagination .ids-data-pagination__next-button button,
 .ids-data-pagination .ids-data-pagination__next-button ::slotted(button) {
-  background-position: 7px 7px !important;
+  background-position: 0.438rem 0.438rem !important;
   background-repeat: no-repeat !important;
   background-image: var(--IDS-SELECT__CHEVRON-ICON) !important;
 }
@@ -129,5 +129,5 @@
 }
 .ids-data-pagination .ids-data-pagination__next-button button:disabled:hover,
 .ids-data-pagination .ids-data-pagination__next-button ::slotted(button:disabled:hover) {
-  border: 1px solid transparent !important;
+  border: 0.063rem solid transparent !important;
 }

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

@@ -0,0 +1,9 @@
+import { css, unsafeCSS } from 'lit';
+
+var css_248z = ".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,.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-image:var(--IDS-SELECT__CHEVRON-ICON)!important;background-size:1rem 1rem;border:.063rem solid transparent!important;cursor:pointer;height:1.75rem!important;width:1.75rem!important}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button :active::slotted(button),.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button :focus-visible::slotted(button),.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button :focus-within::slotted(button),.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button :focus::slotted(button),.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button :hover::slotted(button),.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,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button button:hover,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button :active::slotted(button),.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button :focus-visible::slotted(button),.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button :focus-within::slotted(button),.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button :focus::slotted(button),.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button :hover::slotted(button),.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,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button button:hover{background-image:var(--IDS-SELECT__CHEVRON-ICON--HOVER)!important;border-radius:1.75rem;outline:var(--IDS-FOCUS__OUTLINE)!important;outline-offset:.125rem}.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--COLORPRESET-1__COLOR);border:.063rem solid var(--IDS-LINK--COLORPRESET-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--COLORPRESET-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--COLORPRESET-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,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item .ids-list-pagination__button:hover{color:var(--IDS-LINK--COLORPRESET-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-position:.313rem .313rem!important;background-repeat:no-repeat!important;rotate:180deg}.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{background-image:var(--IDS-SELECT--DISABLED__CHEVRON-ICON)!important;cursor:default}.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-position:.313rem .375rem!important;background-repeat:no-repeat!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{background-image:var(--IDS-SELECT--DISABLED__CHEVRON-ICON)!important;cursor:default}";
+
+var listPaginationLit = css`
+  ${unsafeCSS(css_248z)}
+`;
+
+export { listPaginationLit as default };

package/{components → dist/components}/pagination/list-pagination/list-pagination.css

@@ -2,7 +2,7 @@
 * BUTTONS
 ********/
 /*******
-* SCROLLBAR
+* SCROLLBARS
 ********/
 /*******
 * FORM
@@ -14,11 +14,11 @@
 .ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button ::slotted(button), .ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button button,
 .ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button ::slotted(button) {
   cursor: pointer;
-  background-size: 16px 16px;
-  height: 28px !important;
-  width: 28px !important;
+  background-size: 1rem 1rem;
+  height: 1.75rem !important;
+  width: 1.75rem !important;
   background-color: transparent !important;
-  border: 1px solid transparent !important;
+  border: 0.063rem solid transparent !important;
   background-image: var(--IDS-SELECT__CHEVRON-ICON) !important;
 }
 .ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button button:hover,
@@ -32,8 +32,9 @@
 .ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button :focus-visible::slotted(button), .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 :active::slotted(button), .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 :active::slotted(button) {
-  outline: var(--IDS-FOCUS_OUTLINE) !important;
-  outline-offset: 2px;
+  outline: var(--IDS-FOCUS__OUTLINE) !important;
+  outline-offset: 0.125rem;
+  border-radius: 1.75rem;
   background-image: var(--IDS-SELECT__CHEVRON-ICON--HOVER) !important;
 }
 
@@ -43,9 +44,9 @@
 .ids-list-pagination .ids-list-pagination__summary {
   color: var(--IDS-COLOR-NEUTRAL-20);
   text-align: center;
-  font-family: var(--font-family_1) !important;
-  line-height: 24px;
-  margin-bottom: 8px;
+  font-family: var(--IDS-FONT-FAMILY-BASE) !important;
+  line-height: 1.5rem;
+  margin-bottom: 0.5rem;
 }
 .ids-list-pagination .ids-list-pagination__content {
   display: flex;
@@ -64,11 +65,11 @@
   align-items: center;
   justify-content: center;
   text-align: center;
-  margin: 0 2px;
+  margin: 0 0.125rem;
   min-width: 1.75rem;
   min-height: 1.75rem;
   border-radius: 1.75rem;
-  border: 1px solid transparent;
+  border: 0.063rem solid transparent;
   box-sizing: border-box;
 }
 .ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item[hidden] {
@@ -77,62 +78,64 @@
 .ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item[hidden-before]:before {
   content: "..";
   display: block;
-  margin-right: 4px;
-  margin-left: -3px;
+  margin-right: 0.25rem;
+  margin-left: -0.188rem;
   color: var(--IDS-COLOR-NEUTRAL-20);
-  font-family: var(--font-family_1);
-  font-size: 24px;
+  font-family: var(--IDS-FONT-FAMILY-BASE);
+  font-size: 1.5rem;
   font-style: normal;
   font-weight: 700;
-  line-height: 24px;
+  line-height: 1.5rem;
 }
 .ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item.ids-list-pagination__list-item--current {
-  background-color: var(--link-colorpreset-1_color);
-  border: 1px solid var(--link-colorpreset-1_color);
+  background-color: var(--IDS-LINK--COLORPRESET-1__COLOR);
+  border: 0.063rem solid var(--IDS-LINK--COLORPRESET-1__COLOR);
 }
 .ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item .ids-list-pagination__button {
   display: block;
-  min-width: 28px;
-  min-height: 28px;
+  min-width: 1.75rem;
+  min-height: 1.75rem;
   padding: 0 0.5rem;
   background-color: transparent;
   border: 0;
+  border-radius: 1.75rem;
   text-align: center;
-  font-family: var(--IDS-LIST-PAGINATION-LINK--FONT-FAMILY);
-  font-size: 16px;
+  font-family: var(--IDS-LIST-PAGINATION__LINK-FONT-FAMILY);
+  font-size: 1rem;
   font-style: normal;
   font-weight: 700;
+  font-size: 1rem;
   line-height: 1.5rem;
-  color: var(--link-colorpreset-1_color);
-  text-decoration-color: var(--link-colorpreset-1_color);
+  color: var(--IDS-LINK--COLORPRESET-1__COLOR);
+  text-decoration-color: var(--IDS-LINK--COLORPRESET-1__COLOR);
   text-decoration: underline;
-  text-underline-offset: 4px;
+  text-underline-offset: 0.25rem;
   cursor: pointer;
 }
 .ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item .ids-list-pagination__button:focus {
-  outline: var(--IDS-FOCUS_OUTLINE);
-  outline-offset: 2px !important;
+  outline: var(--IDS-FOCUS__OUTLINE);
+  outline-offset: 0.125rem !important;
 }
 .ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item .ids-list-pagination__button:hover, .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-within, .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:active {
-  color: var(--link-colorpreset-1-hover_color);
+  color: var(--IDS-LINK--COLORPRESET-1__HOVER-COLOR);
 }
 .ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item .ids-list-pagination__button--current {
   cursor: default;
-  color: white;
+  color: var(--IDS-COLOR-NEUTRAL-100);
   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-within, .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:hover {
-  color: white;
+  color: var(--IDS-COLOR-NEUTRAL-100);
 }
 .ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button {
   display: flex;
-  margin-right: 4px;
+  margin-right: 0.25rem;
 }
 .ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button button,
 .ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button ::slotted(button) {
   rotate: 180deg;
-  background-position: 5px 5px !important;
+  background-position: 0.313rem 0.313rem !important;
   background-repeat: no-repeat !important;
 }
 .ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button button:disabled,
@@ -142,11 +145,11 @@
 }
 .ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button {
   display: flex;
-  margin-left: 4px;
+  margin-left: 0.25rem;
 }
 .ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button button,
 .ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button ::slotted(button) {
-  background-position: 5px 6px !important;
+  background-position: 0.313rem 0.375rem !important;
   background-repeat: no-repeat !important;
 }
 .ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button button:disabled,

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

@@ -0,0 +1,7 @@
+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-BASE__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-BASE__FONT-COLOR)}.ids-popover-content ::slotted(h3),.ids-popover-content h3{color:var(--IDS-BASE__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__close-btn-wrapper{display:block;height:1.25rem;max-width:100%;z-index:1}.ids-popover-content .ids-popover-content__text-wrapper{display:block;flex-basis:0;flex-grow:1;height:100%;height:calc(100% - 1.25rem);margin-right:-1.12rem;max-width:100%;overflow:auto;overflow-x:hidden;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{background:none;border:none;color:inherit;cursor:pointer;outline:inherit;padding:0}.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: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)}`;
+
+export { popoverContentLit as default };