@inera/ids-design 9.2.1 → 9.2.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (16) hide show
  1. package/components/data-pagination/data-pagination-lit.js +1 -1
  2. package/components/data-pagination/data-pagination-shadow-lit.js +1 -1
  3. package/components/data-pagination/data-pagination-shadow.css +13 -0
  4. package/components/data-pagination/data-pagination.css +12 -0
  5. package/components/form/datepicker/datepicker-lit.js +1 -1
  6. package/components/form/datepicker/datepicker.css +1 -0
  7. package/components/form/group/group-lit.js +1 -1
  8. package/components/form/group/group.css +1 -1
  9. package/components/form/select-multiple/select-multiple-lit.js +1 -1
  10. package/components/form/select-multiple/select-multiple.css +2 -1
  11. package/components/list-pagination/list-pagination-lit.js +1 -1
  12. package/components/list-pagination/list-pagination.css +6 -2
  13. package/components/tabs/tabs-lit.js +1 -1
  14. package/global/global.css +10 -5
  15. package/package.json +1 -1
  16. package/styles.css +11 -5
package/components/data-pagination/data-pagination-lit.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { css, unsafeCSS } from 'lit';
2
2
 
3
- var css_248z = ".ids-data-pagination{align-items:center;display:flex;flex-wrap:wrap;justify-content:flex-end;row-gap:.5rem}.ids-data-pagination .ids-data-pagination__select{align-items:center;display:flex;margin-right:2.5rem;position:relative}.ids-data-pagination .ids-data-pagination__select:after{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-ICON--ACTIVE-COLOR);content:\"\\e936\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1rem;pointer-events:none;position:absolute;right:.5625rem;top:50%;transform:translateY(-50%);z-index:20}.ids-data-pagination .ids-data-pagination__select label{margin-right:.5rem!important;white-space:nowrap!important}.ids-data-pagination .ids-data-pagination__select label,.ids-data-pagination .ids-data-pagination__select select{color:var(--IDS-DATA-PAGINATION-SELECT__COLOR);display:flex!important;font-family:var(--IDS-FONT-FAMILY-BASE)!important}.ids-data-pagination .ids-data-pagination__select select{appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;background-color:var(--IDS-INPUT__BACKGROUND-COLOR);border:var(--IDS-DATA-PAGINATION-SELECT__BORDER-THICKNESS) solid var(--IDS-DATA-PAGINATION-SELECT__BORDER-COLOR)!important;border-radius:var(--IDS-DATA-PAGINATION-SELECT__BORDER-RADIUS)!important;box-sizing:border-box;cursor:pointer!important;padding:var(--IDS-DATA-PAGINATION-SELECT__PADDING)!important;width:100%!important}.ids-data-pagination .ids-data-pagination__select select option{height:1.25rem!important}.ids-data-pagination.ids-data-pagination--light select{background-color:var(--IDS-INPUT--LIGHT__BACKGROUND-COLOR)}.ids-data-pagination .ids-data-pagination__summary{color:var(--IDS-DATA-PAGINATION-SELECT__COLOR);display:flex;font-family:var(--IDS-FONT-FAMILY-BASE)!important}.ids-data-pagination .ids-data-pagination__buttons{display:flex;margin-left:.75rem;white-space:nowrap}.ids-data-pagination .ids-data-pagination__first-page-button{display:flex;margin-left:.5rem}.ids-data-pagination .ids-data-pagination__first-page-button button{background-color:transparent;background-size:1rem 1rem;border:.063rem solid transparent!important;border-radius:var(--IDS-BORDER-RADIUS-100)!important;color:var(--IDS-DATA-PAGINATION-BUTTON__COLOR);cursor:pointer;flex-shrink:0;height:2rem!important;position:relative;width:2rem!important}.ids-data-pagination .ids-data-pagination__first-page-button button:after{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-DATA-PAGINATION-BUTTON__COLOR);content:\"\\e6ff\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1rem;height:1rem;left:50%;line-height:1rem;position:absolute;top:50%;transform:translate(-50%,-50%);width:1rem}.ids-data-pagination .ids-data-pagination__first-page-button button:hover{background-color:var(--IDS-DATA-PAGINATION-BUTTON--HOVER-BACKGROUND-COLOR);color:var(--IDS-DATA-PAGINATION-BUTTON--HOVER-COLOR)}.ids-data-pagination .ids-data-pagination__first-page-button button:hover:after{color:var(--IDS-DATA-PAGINATION-BUTTON-HOVER-COLOR)}.ids-data-pagination .ids-data-pagination__first-page-button button:active{background-color:var(--IDS-DATA-PAGINATION-BUTTON--ACTIVE-BACKGROUND-COLOR)!important;color:var(--IDS-DATA-PAGINATION-BUTTON--ACTIVE-COLOR)!important}.ids-data-pagination .ids-data-pagination__first-page-button button:focus-visible{outline:var(--IDS-FOCUS__OUTLINE)!important;outline-color:var(--IDS-FOCUS__OUTLINE-COLOR)!important}.ids-data-pagination .ids-data-pagination__first-page-button button:disabled{cursor:default;pointer-events:none}.ids-data-pagination .ids-data-pagination__first-page-button button:disabled:after{background-color:transparent;color:var(--IDS-ICON--DISABLED-COLOR)}.ids-data-pagination .ids-data-pagination__prev-button{display:flex;margin-left:.5rem}.ids-data-pagination .ids-data-pagination__prev-button button{background-color:transparent;background-size:1rem 1rem;border:.063rem solid transparent!important;border-radius:var(--IDS-BORDER-RADIUS-100)!important;color:var(--IDS-DATA-PAGINATION-BUTTON__COLOR);cursor:pointer;flex-shrink:0;height:2rem!important;position:relative;width:2rem!important}.ids-data-pagination .ids-data-pagination__prev-button button:after{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-DATA-PAGINATION-BUTTON__COLOR);content:\"\\e937\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1rem;height:1rem;left:50%;line-height:1rem;position:absolute;top:50%;transform:translate(-50%,-50%);width:1rem}.ids-data-pagination .ids-data-pagination__prev-button button:hover{background-color:var(--IDS-DATA-PAGINATION-BUTTON--HOVER-BACKGROUND-COLOR);color:var(--IDS-DATA-PAGINATION-BUTTON--HOVER-COLOR)}.ids-data-pagination .ids-data-pagination__prev-button button:hover:after{color:var(--IDS-DATA-PAGINATION-BUTTON-HOVER-COLOR)}.ids-data-pagination .ids-data-pagination__prev-button button:active{background-color:var(--IDS-DATA-PAGINATION-BUTTON--ACTIVE-BACKGROUND-COLOR)!important;color:var(--IDS-DATA-PAGINATION-BUTTON--ACTIVE-COLOR)!important}.ids-data-pagination .ids-data-pagination__prev-button button:focus-visible{outline:var(--IDS-FOCUS__OUTLINE)!important;outline-color:var(--IDS-FOCUS__OUTLINE-COLOR)!important}.ids-data-pagination .ids-data-pagination__prev-button button:disabled{cursor:default;pointer-events:none}.ids-data-pagination .ids-data-pagination__prev-button button:disabled:after{background-color:transparent;color:var(--IDS-ICON--DISABLED-COLOR)}.ids-data-pagination .ids-data-pagination__next-button{display:flex;margin-left:.5rem}.ids-data-pagination .ids-data-pagination__next-button button{background-color:transparent;background-size:1rem 1rem;border:.063rem solid transparent!important;border-radius:var(--IDS-BORDER-RADIUS-100)!important;color:var(--IDS-DATA-PAGINATION-BUTTON__COLOR);cursor:pointer;flex-shrink:0;height:2rem!important;position:relative;width:2rem!important}.ids-data-pagination .ids-data-pagination__next-button button:after{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-DATA-PAGINATION-BUTTON__COLOR);content:\"\\e938\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1rem;height:1rem;left:50%;line-height:1rem;position:absolute;top:50%;transform:translate(-50%,-50%);width:1rem}.ids-data-pagination .ids-data-pagination__next-button button:hover{background-color:var(--IDS-DATA-PAGINATION-BUTTON--HOVER-BACKGROUND-COLOR);color:var(--IDS-DATA-PAGINATION-BUTTON--HOVER-COLOR)}.ids-data-pagination .ids-data-pagination__next-button button:hover:after{color:var(--IDS-DATA-PAGINATION-BUTTON-HOVER-COLOR)}.ids-data-pagination .ids-data-pagination__next-button button:active{background-color:var(--IDS-DATA-PAGINATION-BUTTON--ACTIVE-BACKGROUND-COLOR)!important;color:var(--IDS-DATA-PAGINATION-BUTTON--ACTIVE-COLOR)!important}.ids-data-pagination .ids-data-pagination__next-button button:focus-visible{outline:var(--IDS-FOCUS__OUTLINE)!important;outline-color:var(--IDS-FOCUS__OUTLINE-COLOR)!important}.ids-data-pagination .ids-data-pagination__next-button button:disabled{cursor:default;pointer-events:none}.ids-data-pagination .ids-data-pagination__next-button button:disabled:after{background-color:transparent;color:var(--IDS-ICON--DISABLED-COLOR)}.ids-data-pagination .ids-data-pagination__last-page-button{display:flex;margin-left:.5rem}.ids-data-pagination .ids-data-pagination__last-page-button button{background-color:transparent;background-size:1rem 1rem;border:.063rem solid transparent!important;border-radius:var(--IDS-BORDER-RADIUS-100)!important;color:var(--IDS-DATA-PAGINATION-BUTTON__COLOR);cursor:pointer;flex-shrink:0;height:2rem!important;position:relative;width:2rem!important}.ids-data-pagination .ids-data-pagination__last-page-button button:after{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-DATA-PAGINATION-BUTTON__COLOR);content:\"\\e6fe\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1rem;height:1rem;left:50%;line-height:1rem;position:absolute;top:50%;transform:translate(-50%,-50%);width:1rem}.ids-data-pagination .ids-data-pagination__last-page-button button:hover{background-color:var(--IDS-DATA-PAGINATION-BUTTON--HOVER-BACKGROUND-COLOR);color:var(--IDS-DATA-PAGINATION-BUTTON--HOVER-COLOR)}.ids-data-pagination .ids-data-pagination__last-page-button button:hover:after{color:var(--IDS-DATA-PAGINATION-BUTTON-HOVER-COLOR)}.ids-data-pagination .ids-data-pagination__last-page-button button:active{background-color:var(--IDS-DATA-PAGINATION-BUTTON--ACTIVE-BACKGROUND-COLOR)!important;color:var(--IDS-DATA-PAGINATION-BUTTON--ACTIVE-COLOR)!important}.ids-data-pagination .ids-data-pagination__last-page-button button:focus-visible{outline:var(--IDS-FOCUS__OUTLINE)!important;outline-color:var(--IDS-FOCUS__OUTLINE-COLOR)!important}.ids-data-pagination .ids-data-pagination__last-page-button button:disabled{cursor:default;pointer-events:none}.ids-data-pagination .ids-data-pagination__last-page-button button:disabled:after{background-color:transparent;color:var(--IDS-ICON--DISABLED-COLOR)}";
3
+ var css_248z = ".ids-data-pagination{align-items:center;display:flex;flex-wrap:wrap;justify-content:flex-end;row-gap:.5rem}.ids-data-pagination .ids-data-pagination__select{align-items:center;display:flex;margin-right:2.5rem;position:relative}.ids-data-pagination .ids-data-pagination__select:after{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-ICON--ACTIVE-COLOR);content:\"\\e936\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1rem;pointer-events:none;position:absolute;right:.5625rem;top:50%;transform:translateY(-50%);z-index:20}.ids-data-pagination .ids-data-pagination__select label{margin-right:.5rem!important;white-space:nowrap!important}.ids-data-pagination .ids-data-pagination__select label,.ids-data-pagination .ids-data-pagination__select select{color:var(--IDS-DATA-PAGINATION-SELECT__COLOR);display:flex!important;font-family:var(--IDS-FONT-FAMILY-BASE)!important}.ids-data-pagination .ids-data-pagination__select select{appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;background-color:var(--IDS-INPUT__BACKGROUND-COLOR);border:var(--IDS-DATA-PAGINATION-SELECT__BORDER-THICKNESS) solid var(--IDS-DATA-PAGINATION-SELECT__BORDER-COLOR)!important;border-radius:var(--IDS-DATA-PAGINATION-SELECT__BORDER-RADIUS)!important;box-sizing:border-box;cursor:pointer!important;padding:var(--IDS-DATA-PAGINATION-SELECT__PADDING)!important;width:100%!important}.ids-data-pagination .ids-data-pagination__select select option{height:1.25rem!important}.ids-data-pagination .ids-data-pagination__select select:hover{background-color:var(--IDS-INPUT__HOVER-BACKGROUND-COLOR)!important;border-color:var(--IDS-INPUT__HOVER-BORDER-COLOR)!important}.ids-data-pagination .ids-data-pagination__select select:active{background-color:var(--IDS-INPUT__ACTIVE-BACKGROUND-COLOR)!important;border-color:var(--IDS-INPUT__ACTIVE-BORDER-COLOR)!important}.ids-data-pagination .ids-data-pagination__select select:focus-visible,.ids-data-pagination .ids-data-pagination__select select:focus-visible:hover{background-color:var(--IDS-INPUT__BACKGROUND-COLOR);border-color:var(--IDS-INPUT__FOCUS-BORDER-COLOR)}.ids-data-pagination.ids-data-pagination--light select{background-color:var(--IDS-INPUT--LIGHT__BACKGROUND-COLOR)}.ids-data-pagination .ids-data-pagination__summary{color:var(--IDS-DATA-PAGINATION-SELECT__COLOR);display:flex;font-family:var(--IDS-FONT-FAMILY-BASE)!important}.ids-data-pagination .ids-data-pagination__buttons{display:flex;margin-left:.75rem;white-space:nowrap}.ids-data-pagination .ids-data-pagination__first-page-button{display:flex;margin-left:.5rem}.ids-data-pagination .ids-data-pagination__first-page-button button{background-color:transparent;background-size:1rem 1rem;border:.063rem solid transparent!important;border-radius:var(--IDS-BORDER-RADIUS-100)!important;color:var(--IDS-DATA-PAGINATION-BUTTON__COLOR);cursor:pointer;flex-shrink:0;height:2rem!important;position:relative;width:2rem!important}.ids-data-pagination .ids-data-pagination__first-page-button button:after{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-DATA-PAGINATION-BUTTON__COLOR);content:\"\\e6ff\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1rem;height:1rem;left:50%;line-height:1rem;position:absolute;top:50%;transform:translate(-50%,-50%);width:1rem}.ids-data-pagination .ids-data-pagination__first-page-button button:hover{background-color:var(--IDS-DATA-PAGINATION-BUTTON--HOVER-BACKGROUND-COLOR);color:var(--IDS-DATA-PAGINATION-BUTTON--HOVER-COLOR)}.ids-data-pagination .ids-data-pagination__first-page-button button:hover:after{color:var(--IDS-DATA-PAGINATION-BUTTON-HOVER-COLOR)}.ids-data-pagination .ids-data-pagination__first-page-button button:active{background-color:var(--IDS-DATA-PAGINATION-BUTTON--ACTIVE-BACKGROUND-COLOR)!important;color:var(--IDS-DATA-PAGINATION-BUTTON--ACTIVE-COLOR)!important}.ids-data-pagination .ids-data-pagination__first-page-button button:focus-visible{outline:var(--IDS-FOCUS__OUTLINE)!important;outline-color:var(--IDS-FOCUS__OUTLINE-COLOR)!important}.ids-data-pagination .ids-data-pagination__first-page-button button:disabled{cursor:default;pointer-events:none}.ids-data-pagination .ids-data-pagination__first-page-button button:disabled:after{background-color:transparent;color:var(--IDS-ICON--DISABLED-COLOR)}.ids-data-pagination .ids-data-pagination__prev-button{display:flex;margin-left:.5rem}.ids-data-pagination .ids-data-pagination__prev-button button{background-color:transparent;background-size:1rem 1rem;border:.063rem solid transparent!important;border-radius:var(--IDS-BORDER-RADIUS-100)!important;color:var(--IDS-DATA-PAGINATION-BUTTON__COLOR);cursor:pointer;flex-shrink:0;height:2rem!important;position:relative;width:2rem!important}.ids-data-pagination .ids-data-pagination__prev-button button:after{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-DATA-PAGINATION-BUTTON__COLOR);content:\"\\e937\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1rem;height:1rem;left:50%;line-height:1rem;position:absolute;top:50%;transform:translate(-50%,-50%);width:1rem}.ids-data-pagination .ids-data-pagination__prev-button button:hover{background-color:var(--IDS-DATA-PAGINATION-BUTTON--HOVER-BACKGROUND-COLOR);color:var(--IDS-DATA-PAGINATION-BUTTON--HOVER-COLOR)}.ids-data-pagination .ids-data-pagination__prev-button button:hover:after{color:var(--IDS-DATA-PAGINATION-BUTTON-HOVER-COLOR)}.ids-data-pagination .ids-data-pagination__prev-button button:active{background-color:var(--IDS-DATA-PAGINATION-BUTTON--ACTIVE-BACKGROUND-COLOR)!important;color:var(--IDS-DATA-PAGINATION-BUTTON--ACTIVE-COLOR)!important}.ids-data-pagination .ids-data-pagination__prev-button button:focus-visible{outline:var(--IDS-FOCUS__OUTLINE)!important;outline-color:var(--IDS-FOCUS__OUTLINE-COLOR)!important}.ids-data-pagination .ids-data-pagination__prev-button button:disabled{cursor:default;pointer-events:none}.ids-data-pagination .ids-data-pagination__prev-button button:disabled:after{background-color:transparent;color:var(--IDS-ICON--DISABLED-COLOR)}.ids-data-pagination .ids-data-pagination__next-button{display:flex;margin-left:.5rem}.ids-data-pagination .ids-data-pagination__next-button button{background-color:transparent;background-size:1rem 1rem;border:.063rem solid transparent!important;border-radius:var(--IDS-BORDER-RADIUS-100)!important;color:var(--IDS-DATA-PAGINATION-BUTTON__COLOR);cursor:pointer;flex-shrink:0;height:2rem!important;position:relative;width:2rem!important}.ids-data-pagination .ids-data-pagination__next-button button:after{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-DATA-PAGINATION-BUTTON__COLOR);content:\"\\e938\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1rem;height:1rem;left:50%;line-height:1rem;position:absolute;top:50%;transform:translate(-50%,-50%);width:1rem}.ids-data-pagination .ids-data-pagination__next-button button:hover{background-color:var(--IDS-DATA-PAGINATION-BUTTON--HOVER-BACKGROUND-COLOR);color:var(--IDS-DATA-PAGINATION-BUTTON--HOVER-COLOR)}.ids-data-pagination .ids-data-pagination__next-button button:hover:after{color:var(--IDS-DATA-PAGINATION-BUTTON-HOVER-COLOR)}.ids-data-pagination .ids-data-pagination__next-button button:active{background-color:var(--IDS-DATA-PAGINATION-BUTTON--ACTIVE-BACKGROUND-COLOR)!important;color:var(--IDS-DATA-PAGINATION-BUTTON--ACTIVE-COLOR)!important}.ids-data-pagination .ids-data-pagination__next-button button:focus-visible{outline:var(--IDS-FOCUS__OUTLINE)!important;outline-color:var(--IDS-FOCUS__OUTLINE-COLOR)!important}.ids-data-pagination .ids-data-pagination__next-button button:disabled{cursor:default;pointer-events:none}.ids-data-pagination .ids-data-pagination__next-button button:disabled:after{background-color:transparent;color:var(--IDS-ICON--DISABLED-COLOR)}.ids-data-pagination .ids-data-pagination__last-page-button{display:flex;margin-left:.5rem}.ids-data-pagination .ids-data-pagination__last-page-button button{background-color:transparent;background-size:1rem 1rem;border:.063rem solid transparent!important;border-radius:var(--IDS-BORDER-RADIUS-100)!important;color:var(--IDS-DATA-PAGINATION-BUTTON__COLOR);cursor:pointer;flex-shrink:0;height:2rem!important;position:relative;width:2rem!important}.ids-data-pagination .ids-data-pagination__last-page-button button:after{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-DATA-PAGINATION-BUTTON__COLOR);content:\"\\e6fe\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1rem;height:1rem;left:50%;line-height:1rem;position:absolute;top:50%;transform:translate(-50%,-50%);width:1rem}.ids-data-pagination .ids-data-pagination__last-page-button button:hover{background-color:var(--IDS-DATA-PAGINATION-BUTTON--HOVER-BACKGROUND-COLOR);color:var(--IDS-DATA-PAGINATION-BUTTON--HOVER-COLOR)}.ids-data-pagination .ids-data-pagination__last-page-button button:hover:after{color:var(--IDS-DATA-PAGINATION-BUTTON-HOVER-COLOR)}.ids-data-pagination .ids-data-pagination__last-page-button button:active{background-color:var(--IDS-DATA-PAGINATION-BUTTON--ACTIVE-BACKGROUND-COLOR)!important;color:var(--IDS-DATA-PAGINATION-BUTTON--ACTIVE-COLOR)!important}.ids-data-pagination .ids-data-pagination__last-page-button button:focus-visible{outline:var(--IDS-FOCUS__OUTLINE)!important;outline-color:var(--IDS-FOCUS__OUTLINE-COLOR)!important}.ids-data-pagination .ids-data-pagination__last-page-button button:disabled{cursor:default;pointer-events:none}.ids-data-pagination .ids-data-pagination__last-page-button button:disabled:after{background-color:transparent;color:var(--IDS-ICON--DISABLED-COLOR)}";
4
4
 
5
5
  var dataPaginationLit = css`${unsafeCSS(css_248z)}`;
6
6
 
package/components/data-pagination/data-pagination-shadow-lit.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { css, unsafeCSS } from 'lit';
2
2
 
3
- var css_248z = ".ids-data-pagination ::slotted(label){color:var(--IDS-DATA-PAGINATION-SELECT__COLOR);display:flex!important;font-family:var(--IDS-FONT-FAMILY-BASE)!important;margin-right:.5rem!important;white-space:nowrap!important}.ids-data-pagination ::slotted(select){appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;background-color:var(--IDS-INPUT__BACKGROUND-COLOR);border:var(--IDS-DATA-PAGINATION-SELECT__BORDER-THICKNESS) solid var(--IDS-DATA-PAGINATION-SELECT__BORDER-COLOR)!important;border-radius:var(--IDS-DATA-PAGINATION-SELECT__BORDER-RADIUS)!important;box-sizing:border-box;color:var(--IDS-DATA-PAGINATION-SELECT__COLOR);cursor:pointer!important;display:flex!important;font-family:var(--IDS-FONT-FAMILY-BASE)!important;padding:var(--IDS-DATA-PAGINATION-SELECT__PADDING)!important;width:100%!important}.ids-data-pagination ::slotted(select) option{height:1.25rem!important}.ids-data-pagination.ids-data-pagination--light ::slotted(select){background-color:var(--IDS-INPUT--LIGHT__BACKGROUND-COLOR)}.ids-data-pagination .ids-data-pagination__first-page-button ::slotted(button){background-color:transparent;background-size:1rem 1rem;border:.063rem solid transparent!important;border-radius:var(--IDS-BORDER-RADIUS-100)!important;color:var(--IDS-DATA-PAGINATION-BUTTON__COLOR);cursor:pointer;flex-shrink:0;height:2rem!important;position:relative;width:2rem!important}.ids-data-pagination .ids-data-pagination__first-page-button ::slotted(button):after{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-DATA-PAGINATION-BUTTON__COLOR);content:\"\\e6ff\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1rem;height:1rem;left:50%;line-height:1rem;position:absolute;top:50%;transform:translate(-50%,-50%);width:1rem}.ids-data-pagination .ids-data-pagination__first-page-button ::slotted(button:hover){background-color:var(--IDS-DATA-PAGINATION-BUTTON--HOVER-BACKGROUND-COLOR);color:var(--IDS-DATA-PAGINATION-BUTTON--HOVER-COLOR)}.ids-data-pagination .ids-data-pagination__first-page-button ::slotted(button:hover):after{color:var(--IDS-DATA-PAGINATION-BUTTON-HOVER-COLOR)}.ids-data-pagination .ids-data-pagination__first-page-button ::slotted(button:active){background-color:var(--IDS-DATA-PAGINATION-BUTTON--ACTIVE-BACKGROUND-COLOR)!important;color:var(--IDS-DATA-PAGINATION-BUTTON--ACTIVE-COLOR)!important}.ids-data-pagination .ids-data-pagination__first-page-button ::slotted(button:focus-visible){outline:var(--IDS-FOCUS__OUTLINE)!important;outline-color:var(--IDS-FOCUS__OUTLINE-COLOR)!important}.ids-data-pagination .ids-data-pagination__first-page-button ::slotted(button:disabled){cursor:default;pointer-events:none}.ids-data-pagination .ids-data-pagination__first-page-button ::slotted(button:disabled):after{background-color:transparent;color:var(--IDS-ICON--DISABLED-COLOR)}.ids-data-pagination .ids-data-pagination__prev-button ::slotted(button){background-color:transparent;background-size:1rem 1rem;border:.063rem solid transparent!important;border-radius:var(--IDS-BORDER-RADIUS-100)!important;color:var(--IDS-DATA-PAGINATION-BUTTON__COLOR);cursor:pointer;flex-shrink:0;height:2rem!important;position:relative;width:2rem!important}.ids-data-pagination .ids-data-pagination__prev-button ::slotted(button):after{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-DATA-PAGINATION-BUTTON__COLOR);content:\"\\e937\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1rem;height:1rem;left:50%;line-height:1rem;position:absolute;top:50%;transform:translate(-50%,-50%);width:1rem}.ids-data-pagination .ids-data-pagination__prev-button ::slotted(button:hover){background-color:var(--IDS-DATA-PAGINATION-BUTTON--HOVER-BACKGROUND-COLOR);color:var(--IDS-DATA-PAGINATION-BUTTON--HOVER-COLOR)}.ids-data-pagination .ids-data-pagination__prev-button ::slotted(button:hover):after{color:var(--IDS-DATA-PAGINATION-BUTTON-HOVER-COLOR)}.ids-data-pagination .ids-data-pagination__prev-button ::slotted(button:active){background-color:var(--IDS-DATA-PAGINATION-BUTTON--ACTIVE-BACKGROUND-COLOR)!important;color:var(--IDS-DATA-PAGINATION-BUTTON--ACTIVE-COLOR)!important}.ids-data-pagination .ids-data-pagination__prev-button ::slotted(button:focus-visible){outline:var(--IDS-FOCUS__OUTLINE)!important;outline-color:var(--IDS-FOCUS__OUTLINE-COLOR)!important}.ids-data-pagination .ids-data-pagination__prev-button ::slotted(button:disabled){cursor:default;pointer-events:none}.ids-data-pagination .ids-data-pagination__prev-button ::slotted(button:disabled):after{background-color:transparent;color:var(--IDS-ICON--DISABLED-COLOR)}.ids-data-pagination .ids-data-pagination__next-button ::slotted(button){background-color:transparent;background-size:1rem 1rem;border:.063rem solid transparent!important;border-radius:var(--IDS-BORDER-RADIUS-100)!important;color:var(--IDS-DATA-PAGINATION-BUTTON__COLOR);cursor:pointer;flex-shrink:0;height:2rem!important;position:relative;width:2rem!important}.ids-data-pagination .ids-data-pagination__next-button ::slotted(button):after{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-DATA-PAGINATION-BUTTON__COLOR);content:\"\\e938\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1rem;height:1rem;left:50%;line-height:1rem;position:absolute;top:50%;transform:translate(-50%,-50%);width:1rem}.ids-data-pagination .ids-data-pagination__next-button ::slotted(button:hover){background-color:var(--IDS-DATA-PAGINATION-BUTTON--HOVER-BACKGROUND-COLOR);color:var(--IDS-DATA-PAGINATION-BUTTON--HOVER-COLOR)}.ids-data-pagination .ids-data-pagination__next-button ::slotted(button:hover):after{color:var(--IDS-DATA-PAGINATION-BUTTON-HOVER-COLOR)}.ids-data-pagination .ids-data-pagination__next-button ::slotted(button:active){background-color:var(--IDS-DATA-PAGINATION-BUTTON--ACTIVE-BACKGROUND-COLOR)!important;color:var(--IDS-DATA-PAGINATION-BUTTON--ACTIVE-COLOR)!important}.ids-data-pagination .ids-data-pagination__next-button ::slotted(button:focus-visible){outline:var(--IDS-FOCUS__OUTLINE)!important;outline-color:var(--IDS-FOCUS__OUTLINE-COLOR)!important}.ids-data-pagination .ids-data-pagination__next-button ::slotted(button:disabled){cursor:default;pointer-events:none}.ids-data-pagination .ids-data-pagination__next-button ::slotted(button:disabled):after{background-color:transparent;color:var(--IDS-ICON--DISABLED-COLOR)}.ids-data-pagination .ids-data-pagination__last-page-button ::slotted(button){background-color:transparent;background-size:1rem 1rem;border:.063rem solid transparent!important;border-radius:var(--IDS-BORDER-RADIUS-100)!important;color:var(--IDS-DATA-PAGINATION-BUTTON__COLOR);cursor:pointer;flex-shrink:0;height:2rem!important;position:relative;width:2rem!important}.ids-data-pagination .ids-data-pagination__last-page-button ::slotted(button):after{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-DATA-PAGINATION-BUTTON__COLOR);content:\"\\e6fe\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1rem;height:1rem;left:50%;line-height:1rem;position:absolute;top:50%;transform:translate(-50%,-50%);width:1rem}.ids-data-pagination .ids-data-pagination__last-page-button ::slotted(button:hover){background-color:var(--IDS-DATA-PAGINATION-BUTTON--HOVER-BACKGROUND-COLOR);color:var(--IDS-DATA-PAGINATION-BUTTON--HOVER-COLOR)}.ids-data-pagination .ids-data-pagination__last-page-button ::slotted(button:hover):after{color:var(--IDS-DATA-PAGINATION-BUTTON-HOVER-COLOR)}.ids-data-pagination .ids-data-pagination__last-page-button ::slotted(button:active){background-color:var(--IDS-DATA-PAGINATION-BUTTON--ACTIVE-BACKGROUND-COLOR)!important;color:var(--IDS-DATA-PAGINATION-BUTTON--ACTIVE-COLOR)!important}.ids-data-pagination .ids-data-pagination__last-page-button ::slotted(button:focus-visible){outline:var(--IDS-FOCUS__OUTLINE)!important;outline-color:var(--IDS-FOCUS__OUTLINE-COLOR)!important}.ids-data-pagination .ids-data-pagination__last-page-button ::slotted(button:disabled){cursor:default;pointer-events:none}.ids-data-pagination .ids-data-pagination__last-page-button ::slotted(button:disabled):after{background-color:transparent;color:var(--IDS-ICON--DISABLED-COLOR)}";
3
+ var css_248z = ".ids-data-pagination ::slotted(label){color:var(--IDS-DATA-PAGINATION-SELECT__COLOR);display:flex!important;font-family:var(--IDS-FONT-FAMILY-BASE)!important;margin-right:.5rem!important;white-space:nowrap!important}.ids-data-pagination ::slotted(select){appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;background-color:var(--IDS-INPUT__BACKGROUND-COLOR);border:var(--IDS-DATA-PAGINATION-SELECT__BORDER-THICKNESS) solid var(--IDS-DATA-PAGINATION-SELECT__BORDER-COLOR)!important;border-radius:var(--IDS-DATA-PAGINATION-SELECT__BORDER-RADIUS)!important;box-sizing:border-box;color:var(--IDS-DATA-PAGINATION-SELECT__COLOR);cursor:pointer!important;display:flex!important;font-family:var(--IDS-FONT-FAMILY-BASE)!important;padding:var(--IDS-DATA-PAGINATION-SELECT__PADDING)!important;width:100%!important}.ids-data-pagination ::slotted(select) option{height:1.25rem!important}.ids-data-pagination ::slotted(select:hover){background-color:var(--IDS-INPUT__HOVER-BACKGROUND-COLOR)!important;border-color:var(--IDS-INPUT__HOVER-BORDER-COLOR)!important}.ids-data-pagination ::slotted(select:active){background-color:var(--IDS-INPUT__ACTIVE-BACKGROUND-COLOR)!important;border-color:var(--IDS-INPUT__ACTIVE-BORDER-COLOR)!important}.ids-data-pagination ::slotted(select:focus-visible),.ids-data-pagination ::slotted(select:focus-visible:hover){background-color:var(--IDS-INPUT__BACKGROUND-COLOR);border-color:var(--IDS-INPUT__FOCUS-BORDER-COLOR)}.ids-data-pagination.ids-data-pagination--light ::slotted(select){background-color:var(--IDS-INPUT--LIGHT__BACKGROUND-COLOR)}.ids-data-pagination .ids-data-pagination__first-page-button ::slotted(button){background-color:transparent;background-size:1rem 1rem;border:.063rem solid transparent!important;border-radius:var(--IDS-BORDER-RADIUS-100)!important;color:var(--IDS-DATA-PAGINATION-BUTTON__COLOR);cursor:pointer;flex-shrink:0;height:2rem!important;position:relative;width:2rem!important}.ids-data-pagination .ids-data-pagination__first-page-button ::slotted(button):after{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-DATA-PAGINATION-BUTTON__COLOR);content:\"\\e6ff\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1rem;height:1rem;left:50%;line-height:1rem;position:absolute;top:50%;transform:translate(-50%,-50%);width:1rem}.ids-data-pagination .ids-data-pagination__first-page-button ::slotted(button:hover){background-color:var(--IDS-DATA-PAGINATION-BUTTON--HOVER-BACKGROUND-COLOR);color:var(--IDS-DATA-PAGINATION-BUTTON--HOVER-COLOR)}.ids-data-pagination .ids-data-pagination__first-page-button ::slotted(button:hover):after{color:var(--IDS-DATA-PAGINATION-BUTTON-HOVER-COLOR)}.ids-data-pagination .ids-data-pagination__first-page-button ::slotted(button:active){background-color:var(--IDS-DATA-PAGINATION-BUTTON--ACTIVE-BACKGROUND-COLOR)!important;color:var(--IDS-DATA-PAGINATION-BUTTON--ACTIVE-COLOR)!important}.ids-data-pagination .ids-data-pagination__first-page-button ::slotted(button:focus-visible){outline:var(--IDS-FOCUS__OUTLINE)!important;outline-color:var(--IDS-FOCUS__OUTLINE-COLOR)!important}.ids-data-pagination .ids-data-pagination__first-page-button ::slotted(button:disabled){cursor:default;pointer-events:none}.ids-data-pagination .ids-data-pagination__first-page-button ::slotted(button:disabled):after{background-color:transparent;color:var(--IDS-ICON--DISABLED-COLOR)}.ids-data-pagination .ids-data-pagination__prev-button ::slotted(button){background-color:transparent;background-size:1rem 1rem;border:.063rem solid transparent!important;border-radius:var(--IDS-BORDER-RADIUS-100)!important;color:var(--IDS-DATA-PAGINATION-BUTTON__COLOR);cursor:pointer;flex-shrink:0;height:2rem!important;position:relative;width:2rem!important}.ids-data-pagination .ids-data-pagination__prev-button ::slotted(button):after{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-DATA-PAGINATION-BUTTON__COLOR);content:\"\\e937\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1rem;height:1rem;left:50%;line-height:1rem;position:absolute;top:50%;transform:translate(-50%,-50%);width:1rem}.ids-data-pagination .ids-data-pagination__prev-button ::slotted(button:hover){background-color:var(--IDS-DATA-PAGINATION-BUTTON--HOVER-BACKGROUND-COLOR);color:var(--IDS-DATA-PAGINATION-BUTTON--HOVER-COLOR)}.ids-data-pagination .ids-data-pagination__prev-button ::slotted(button:hover):after{color:var(--IDS-DATA-PAGINATION-BUTTON-HOVER-COLOR)}.ids-data-pagination .ids-data-pagination__prev-button ::slotted(button:active){background-color:var(--IDS-DATA-PAGINATION-BUTTON--ACTIVE-BACKGROUND-COLOR)!important;color:var(--IDS-DATA-PAGINATION-BUTTON--ACTIVE-COLOR)!important}.ids-data-pagination .ids-data-pagination__prev-button ::slotted(button:focus-visible){outline:var(--IDS-FOCUS__OUTLINE)!important;outline-color:var(--IDS-FOCUS__OUTLINE-COLOR)!important}.ids-data-pagination .ids-data-pagination__prev-button ::slotted(button:disabled){cursor:default;pointer-events:none}.ids-data-pagination .ids-data-pagination__prev-button ::slotted(button:disabled):after{background-color:transparent;color:var(--IDS-ICON--DISABLED-COLOR)}.ids-data-pagination .ids-data-pagination__next-button ::slotted(button){background-color:transparent;background-size:1rem 1rem;border:.063rem solid transparent!important;border-radius:var(--IDS-BORDER-RADIUS-100)!important;color:var(--IDS-DATA-PAGINATION-BUTTON__COLOR);cursor:pointer;flex-shrink:0;height:2rem!important;position:relative;width:2rem!important}.ids-data-pagination .ids-data-pagination__next-button ::slotted(button):after{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-DATA-PAGINATION-BUTTON__COLOR);content:\"\\e938\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1rem;height:1rem;left:50%;line-height:1rem;position:absolute;top:50%;transform:translate(-50%,-50%);width:1rem}.ids-data-pagination .ids-data-pagination__next-button ::slotted(button:hover){background-color:var(--IDS-DATA-PAGINATION-BUTTON--HOVER-BACKGROUND-COLOR);color:var(--IDS-DATA-PAGINATION-BUTTON--HOVER-COLOR)}.ids-data-pagination .ids-data-pagination__next-button ::slotted(button:hover):after{color:var(--IDS-DATA-PAGINATION-BUTTON-HOVER-COLOR)}.ids-data-pagination .ids-data-pagination__next-button ::slotted(button:active){background-color:var(--IDS-DATA-PAGINATION-BUTTON--ACTIVE-BACKGROUND-COLOR)!important;color:var(--IDS-DATA-PAGINATION-BUTTON--ACTIVE-COLOR)!important}.ids-data-pagination .ids-data-pagination__next-button ::slotted(button:focus-visible){outline:var(--IDS-FOCUS__OUTLINE)!important;outline-color:var(--IDS-FOCUS__OUTLINE-COLOR)!important}.ids-data-pagination .ids-data-pagination__next-button ::slotted(button:disabled){cursor:default;pointer-events:none}.ids-data-pagination .ids-data-pagination__next-button ::slotted(button:disabled):after{background-color:transparent;color:var(--IDS-ICON--DISABLED-COLOR)}.ids-data-pagination .ids-data-pagination__last-page-button ::slotted(button){background-color:transparent;background-size:1rem 1rem;border:.063rem solid transparent!important;border-radius:var(--IDS-BORDER-RADIUS-100)!important;color:var(--IDS-DATA-PAGINATION-BUTTON__COLOR);cursor:pointer;flex-shrink:0;height:2rem!important;position:relative;width:2rem!important}.ids-data-pagination .ids-data-pagination__last-page-button ::slotted(button):after{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-DATA-PAGINATION-BUTTON__COLOR);content:\"\\e6fe\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1rem;height:1rem;left:50%;line-height:1rem;position:absolute;top:50%;transform:translate(-50%,-50%);width:1rem}.ids-data-pagination .ids-data-pagination__last-page-button ::slotted(button:hover){background-color:var(--IDS-DATA-PAGINATION-BUTTON--HOVER-BACKGROUND-COLOR);color:var(--IDS-DATA-PAGINATION-BUTTON--HOVER-COLOR)}.ids-data-pagination .ids-data-pagination__last-page-button ::slotted(button:hover):after{color:var(--IDS-DATA-PAGINATION-BUTTON-HOVER-COLOR)}.ids-data-pagination .ids-data-pagination__last-page-button ::slotted(button:active){background-color:var(--IDS-DATA-PAGINATION-BUTTON--ACTIVE-BACKGROUND-COLOR)!important;color:var(--IDS-DATA-PAGINATION-BUTTON--ACTIVE-COLOR)!important}.ids-data-pagination .ids-data-pagination__last-page-button ::slotted(button:focus-visible){outline:var(--IDS-FOCUS__OUTLINE)!important;outline-color:var(--IDS-FOCUS__OUTLINE-COLOR)!important}.ids-data-pagination .ids-data-pagination__last-page-button ::slotted(button:disabled){cursor:default;pointer-events:none}.ids-data-pagination .ids-data-pagination__last-page-button ::slotted(button:disabled):after{background-color:transparent;color:var(--IDS-ICON--DISABLED-COLOR)}";
4
4
 
5
5
  var dataPaginationShadowLit = css`${unsafeCSS(css_248z)}`;
6
6
 
package/components/data-pagination/data-pagination-shadow.css CHANGED
@@ -23,6 +23,19 @@
23
23
  .ids-data-pagination ::slotted(select) option {
24
24
  height: 1.25rem !important;
25
25
  }
26
+ .ids-data-pagination ::slotted(select:hover) {
27
+ border-color: var(--IDS-INPUT__HOVER-BORDER-COLOR) !important;
28
+ background-color: var(--IDS-INPUT__HOVER-BACKGROUND-COLOR) !important;
29
+ }
30
+ .ids-data-pagination ::slotted(select:active) {
31
+ border-color: var(--IDS-INPUT__ACTIVE-BORDER-COLOR) !important;
32
+ background-color: var(--IDS-INPUT__ACTIVE-BACKGROUND-COLOR) !important;
33
+ }
34
+ .ids-data-pagination ::slotted(select:focus-visible),
35
+ .ids-data-pagination ::slotted(select:focus-visible:hover) {
36
+ background-color: var(--IDS-INPUT__BACKGROUND-COLOR);
37
+ border-color: var(--IDS-INPUT__FOCUS-BORDER-COLOR);
38
+ }
26
39
  .ids-data-pagination.ids-data-pagination--light ::slotted(select) {
27
40
  background-color: var(--IDS-INPUT--LIGHT__BACKGROUND-COLOR);
28
41
  }
package/components/data-pagination/data-pagination.css CHANGED
@@ -52,6 +52,18 @@
52
52
  .ids-data-pagination .ids-data-pagination__select select option {
53
53
  height: 1.25rem !important;
54
54
  }
55
+ .ids-data-pagination .ids-data-pagination__select select:hover {
56
+ border-color: var(--IDS-INPUT__HOVER-BORDER-COLOR) !important;
57
+ background-color: var(--IDS-INPUT__HOVER-BACKGROUND-COLOR) !important;
58
+ }
59
+ .ids-data-pagination .ids-data-pagination__select select:active {
60
+ border-color: var(--IDS-INPUT__ACTIVE-BORDER-COLOR) !important;
61
+ background-color: var(--IDS-INPUT__ACTIVE-BACKGROUND-COLOR) !important;
62
+ }
63
+ .ids-data-pagination .ids-data-pagination__select select:focus-visible, .ids-data-pagination .ids-data-pagination__select select:focus-visible:hover {
64
+ background-color: var(--IDS-INPUT__BACKGROUND-COLOR);
65
+ border-color: var(--IDS-INPUT__FOCUS-BORDER-COLOR);
66
+ }
55
67
  .ids-data-pagination.ids-data-pagination--light select {
56
68
  background-color: var(--IDS-INPUT--LIGHT__BACKGROUND-COLOR);
57
69
  }
package/components/form/datepicker/datepicker-lit.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { css, unsafeCSS } from 'lit';
2
2
 
3
- var css_248z = "@media (max-width:1023px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}.ids--dark,.ids--light{--IDS-FONT-FAMILY-BASE:\"Open Sans\";--IDS-FONT-FAMILY-HEADING:\"Inter\";--IDS-FONT-COLOR:var(--ids-color-surface-text-on-default);--IDS-HEADING-XXL__MARGIN-BOTTOM:1.875rem;--IDS-HEADING-XL__MARGIN-BOTTOM:1.875rem;--IDS-HEADING-L__MARGIN-BOTTOM:1.875rem;--IDS-PAGE-LIST__COLOR:var(--ids-color-brand-text-primary);--IDS-PAGE-LIST__FONT-FAMILY:var(--IDS-FONT-FAMILY-HEADING);--IDS-PAGE-LIST__FONT-SIZE:1.25rem;--IDS-PAGE-LIST__LINE-HEIGHT:1.5rem;--IDS-PAGE-LIST__FONT-WEIGHT:700;--IDS-PAGE-LIST__LETTER-SPACING:-0.025rem;--IDS-BULLET-LIST__MARKER-COLOR:var(--ids-color-brand-text-primary);--IDS-BULLET-LIST__MARKER-FONT-WEIGHT:bold;--IDS-BULLET-LIST__LINE-HEIGHT:1.5rem;--IDS-DIVIDER__COLOR:var(--ids-color-surface-border-default)}.ids--dark.ids--1177-admin,.ids--dark.ids--1177-pro,.ids--light.ids--1177-admin,.ids--light.ids--1177-pro{--IDS-PAGE-LIST__COLOR:var(--ids-color-interactive-text-default)}.ids--dark.ids--inera,.ids--dark.ids--inera-admin,.ids--dark.ids--inera-general,.ids--light.ids--inera,.ids--light.ids--inera-admin,.ids--light.ids--inera-general{--IDS-FONT-FAMILY-BASE:\"Open Sans\";--IDS-FONT-FAMILY-HEADING:\"Poppins\";--IDS-HEADING-XXL__MARGIN-BOTTOM:1.25rem;--IDS-HEADING-XL__MARGIN-BOTTOM:1.25rem;--IDS-HEADING-L__MARGIN-BOTTOM:1.25rem;--IDS-PAGE-LIST__FONT-WEIGHT:600;--IDS-PAGE-LIST__LETTER-SPACING:0;--IDS-BULLET-LIST__MARKER-FONT-WEIGHT:normal;--IDS-BULLET-LIST__LINE-HEIGHT:1.625rem;--IDS-DESCRIPTION-LIST__TERM-FONT-WEIGHT:600}.ids--dark.ids--dark,.ids--light.ids--dark{--IDS-PAGE-LIST__COLOR:var(--ids-color-navigation-text-default)}.ids--dark.ids--dark.ids--1177-admin,.ids--dark.ids--dark.ids--1177-pro,.ids--dark.ids--dark.ids--inera,.ids--dark.ids--dark.ids--inera-admin,.ids--dark.ids--dark.ids--inera-general,.ids--light.ids--dark.ids--1177-admin,.ids--light.ids--dark.ids--1177-pro,.ids--light.ids--dark.ids--inera,.ids--light.ids--dark.ids--inera-admin,.ids--light.ids--dark.ids--inera-general{--IDS-PAGE-LIST__COLOR:var(--ids-color-interactive-text-default)}.ids-datepicker .ids-datepicker__input-wrapper{position:relative}.ids-datepicker .ids-datepicker__input{background-color:var(--IDS-INPUT__BACKGROUND-COLOR);border:var(--IDS-INPUT__BORDER-THICKNESS) solid var(--IDS-INPUT__BORDER-COLOR);border-radius:var(--IDS-BORDER-RADIUS-MEDIUM)!important;box-sizing:border-box;color:var(--IDS-FORM__COLOR);display:block;font-family:var(--IDS-FONT-FAMILY-BASE)!important;font-size:1rem;padding:var(--IDS-INPUT__PADDING);width:100%}.ids-datepicker .ids-datepicker__input::placeholder{color:var(--IDS-FORM__COLOR)}.ids-datepicker .ids-datepicker__input:hover{background-color:var(--IDS-INPUT__HOVER-BACKGROUND-COLOR)}.ids-datepicker .ids-datepicker__input:active{background-color:var(--IDS-INPUT__ACTIVE-BACKGROUND-COLOR);border-color:var(--IDS-INPUT__ACTIVE-BORDER-COLOR)}.ids-datepicker .ids-datepicker__input:focus-visible,.ids-datepicker .ids-datepicker__input:focus-visible:hover{background-color:var(--IDS-INPUT__BACKGROUND-COLOR);border-color:var(--IDS-INPUT__FOCUS-BORDER-COLOR)}.ids-datepicker .ids-datepicker__input:disabled,.ids-datepicker .ids-datepicker__input[readonly],.ids-datepicker .ids-datepicker__input[readonly]:focus-visible,.ids-datepicker .ids-datepicker__input[readonly]:focus-visible:hover{-webkit-text-fill-color:inherit;background:var(--IDS-FORM--DISABLED__BACKGROUND-COLOR);border:var(--IDS-FORM--DISABLED__BORDER);color:var(--IDS-FORM--DISABLED__COLOR);font-style:italic!important;opacity:1}.ids-datepicker .ids-datepicker__input:disabled::placeholder,.ids-datepicker .ids-datepicker__input[readonly]::placeholder,.ids-datepicker .ids-datepicker__input[readonly]:focus-visible::placeholder,.ids-datepicker .ids-datepicker__input[readonly]:focus-visible:hover::placeholder{color:var(--IDS-FORM--DISABLED__COLOR)}.ids-datepicker .ids-datepicker__input.ids-input--invalid,.ids-datepicker .ids-datepicker__input[aria-invalid=true]{background:var(--IDS-FORM--INVALID__BACKGROUND-COLOR)!important;border:var(--IDS-FORM--INVALID__BORDER);box-shadow:var(--IDS-FORM--INVALID-BOX-SHADOW)}.ids-datepicker .ids-datepicker__input.ids-input--light{background-color:var(--IDS-INPUT--LIGHT__BACKGROUND-COLOR)}.ids-datepicker .ids-datepicker__input.ids-input--light:hover{background-color:var(--IDS-INPUT--LIGHT__HOVER-BACKGROUND-COLOR)}.ids-datepicker .ids-datepicker__input.ids-input--light:active{background-color:var(--IDS-INPUT--LIGHT__ACTIVE-BACKGROUND-COLOR);border-color:var(--IDS-INPUT__ACTIVE-BORDER-COLOR)}.ids-datepicker .ids-datepicker__input.ids-input--light:focus-visible,.ids-datepicker .ids-datepicker__input.ids-input--light:focus-visible:hover{background-color:var(--IDS-INPUT--LIGHT__BACKGROUND-COLOR)}.ids-datepicker .ids-datepicker__input.ids-input--light:disabled,.ids-datepicker .ids-datepicker__input.ids-input--light[readonly],.ids-datepicker .ids-datepicker__input.ids-input--light[readonly]:focus-visible,.ids-datepicker .ids-datepicker__input.ids-input--light[readonly]:focus-visible:hover{-webkit-text-fill-color:inherit;background:var(--IDS-FORM--DISABLED__BACKGROUND-COLOR);border:var(--IDS-FORM--DISABLED__BORDER);color:var(--IDS-FORM--DISABLED__COLOR);font-style:italic!important;opacity:1}.ids-datepicker .ids-datepicker__input.ids-input--light:disabled::placeholder,.ids-datepicker .ids-datepicker__input.ids-input--light[readonly]::placeholder,.ids-datepicker .ids-datepicker__input.ids-input--light[readonly]:focus-visible::placeholder,.ids-datepicker .ids-datepicker__input.ids-input--light[readonly]:focus-visible:hover::placeholder{color:var(--IDS-FORM--DISABLED__COLOR)}.ids-datepicker .ids-datepicker__input.ids-input--light.ids-input--invalid,.ids-datepicker .ids-datepicker__input.ids-input--light[aria-invalid=true]{background:var(--IDS-FORM--INVALID__BACKGROUND-COLOR)!important;border:var(--IDS-FORM--INVALID__BORDER);box-shadow:var(--IDS-FORM--INVALID-BOX-SHADOW)}.ids-datepicker .ids-datepicker__input:focus-visible{outline:.125rem solid var(--IDS-FOCUS__OUTLINE-COLOR);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)!important}.ids-datepicker .ids-datepicker__input{height:var(--IDS-INPUT__HEIGHT);padding-right:4.25rem;width:100%!important}.ids-datepicker.ids-datepicker--invalid .ids-datepicker__input{background:var(--IDS-FORM--INVALID__BACKGROUND-COLOR)!important;border:var(--IDS-FORM--INVALID__BORDER);box-shadow:var(--IDS-FORM--INVALID-BOX-SHADOW)}.ids-datepicker.ids-datepicker--invalid .ids-datepicker__trigger:before{color:var(--IDS-DATEPICKER__TRIGGER-BUTTON-INVALID-COLOR)}.ids-datepicker .ids-datepicker__trigger{background-color:var(--IDS-DATEPICKER__TRIGGER-BUTTON-BACKGROUND-COLOR);border:0;border-radius:100%;cursor:pointer;height:calc(var(--IDS-INPUT__HEIGHT) - .5rem);position:absolute;right:.75rem;top:.25rem;width:calc(var(--IDS-INPUT__HEIGHT) - .5rem)}.ids-datepicker .ids-datepicker__trigger:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-DATEPICKER__TRIGGER-BUTTON-COLOR);content:\"\\e944\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1rem;font-size:1.25rem;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.ids-datepicker .ids-datepicker__trigger:hover{background-color:var(--IDS-DATEPICKER__BUTTON-HOVER-BACKGROUND-COLOR)}.ids-datepicker .ids-datepicker__trigger:hover,.ids-datepicker .ids-datepicker__trigger:hover:before{color:var(--IDS-DATEPICKER__BUTTON-HOVER-COLOR)!important}.ids-datepicker .ids-datepicker__trigger:active,.ids-datepicker .ids-datepicker__trigger:active:hover{background-color:var(--IDS-DATEPICKER__BUTTON-ACTIVE-BACKGROUND-COLOR);color:var(--IDS-DATEPICKER__BUTTON-ACTIVE-COLOR)!important}.ids-datepicker .ids-datepicker__trigger:active:before,.ids-datepicker .ids-datepicker__trigger:active:hover:before{color:var(--IDS-DATEPICKER__BUTTON-ACTIVE-COLOR)!important}.ids-datepicker .ids-datepicker__trigger:disabled:before{color:var(--IDS-DATEPICKER__BUTTON-DISABLED-COLOR)}.ids-datepicker .ids-datepicker__trigger:focus-visible{border-radius:100%;outline:.125rem solid var(--IDS-FOCUS__OUTLINE-COLOR);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)}.ids-datepicker .ids-datepicker__dialog{background-color:var(--IDS-DATEPICKER-CALENDAR__BACKGROUND-COLOR);border:.0625rem solid var(--IDS-DATEPICKER-CALENDAR__BORDER-COLOR);border-radius:var(--IDS-DATEPICKER__TRIGGER-BUTTON-BORDER-RADIUS);box-shadow:var(--IDS-BOX-SHADOW-ELEVATED-2);display:none;margin-top:.25rem;padding:1rem;position:absolute;right:0;top:var(--IDS-INPUT__HEIGHT);z-index:200}.ids-datepicker .ids-datepicker__dialog.ids-datepicker__dialog--show{display:block}.ids-datepicker .ids-datepicker__dialog-bar{align-items:center;border-bottom:.0625rem solid var(--IDS-DATEPICKER-CALENDAR__BORDER-COLOR);display:flex;justify-content:space-between;margin-bottom:.5rem;padding-bottom:.75rem}.ids-datepicker .ids-datepicker__dialog-bar .ids-datepicker__dialog-header{color:var(--IDS-DATEPICKER__MONTH-BUTTON-COLOR);font-family:var(--IDS-FONT-FAMILY-BASE);font-size:1rem;font-weight:var(--IDS-DATEPICKER__MONTH-BUTTON-FONT-WEIGHT)}.ids-datepicker .ids-datepicker__dialog-bar .ids-datepicker__dialog-header:focus,.ids-datepicker .ids-datepicker__dialog-bar .ids-datepicker__dialog-header:focus-visible{outline:none}.ids-datepicker .ids-datepicker__dialog-close-button{align-items:center;background-color:var(--IDS-DATEPICKER-CALENDAR__BACKGROUND-COLOR);border-color:transparent;border-radius:var(--IDS-BORDER-RADIUS-100);cursor:pointer;display:flex;font-family:var(--IDS-FONT-FAMILY-BASE);font-size:1rem;font-weight:700;height:2.5rem;height:2.25rem;justify-content:center;line-height:1.5rem;position:absolute;right:.5rem;top:.5rem;width:2.5rem;width:2.25rem}.ids-datepicker .ids-datepicker__dialog-close-button:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-DATEPICKER__MONTH-BUTTON-CHEVRON-COLOR);content:\"\\e934\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1rem;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.ids-datepicker .rdp-dropdowns{align-items:center;display:flex;gap:.5rem;justify-content:space-between}.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-dropdowns{align-items:center;display:flex;gap:.5rem;justify-content:flex-start}.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-dropdowns .rdp-dropdown_root{cursor:pointer;position:relative}.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-dropdowns .rdp-dropdown_root:first-of-type{margin-right:.5rem}.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-dropdowns select.rdp-dropdown{background-color:var(--IDS-DATEPICKER__SELECT-BACKGROUND-COLOR);border-color:transparent;border-radius:var(--IDS-FOCUS__BORDER-RADIUS);cursor:pointer;padding:.125rem .25rem}.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-dropdowns select.rdp-dropdown:active{border-color:transparent}.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-dropdowns select.rdp-dropdown:disabled{pointer-events:none}.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-dropdowns .ids-datepicker__month-select{width:7.25rem}.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-dropdowns .ids-datepicker__year-select{width:4.5rem}.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-dropdowns .rdp-caption_label{background-color:var(--IDS-DATEPICKER-CALENDAR__BACKGROUND-COLOR);color:var(--IDS-DATEPICKER__MONTH-BUTTON-COLOR);cursor:pointer;font-family:var(--IDS-FONT-FAMILY-BASE);font-size:1rem;font-weight:var(--IDS-DATEPICKER__MONTH-BUTTON-FONT-WEIGHT);left:.25rem;pointer-events:none;position:absolute;right:.25rem;text-transform:capitalize;top:.25rem}.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-dropdowns .rdp-caption_label:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-DATEPICKER__MONTH-BUTTON-CHEVRON-COLOR);content:\"\\e936\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1rem;position:absolute;right:.125rem;top:50%;transform:translateY(-50%)}.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-dropdowns .rdp-caption_label svg{display:none}.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-dropdowns:has(select:disabled) .rdp-dropdown_root{cursor:default}.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-dropdowns:has(select:disabled) .rdp-caption_label{color:var(--IDS-DATEPICKER__SELECT-DISABLED-COLOR)!important;pointer-events:none}.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-dropdowns:has(select:disabled) .rdp-caption_label:before{color:var(--IDS-DATEPICKER__SELECT-DISABLED-COLOR)!important}.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons{align-items:center;display:flex;gap:.5rem;justify-content:flex-end}.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-next,.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-prev{background-color:var(--IDS-DATEPICKER__DATE-BUTTON-BACKGROUND-COLOR);border:.125rem solid transparent;color:var(--IDS-DATEPICKER__BUTTON-COLOR);cursor:pointer}.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-next:hover,.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-prev:hover{background-color:var(--IDS-DATEPICKER__BUTTON-HOVER-BACKGROUND-COLOR);border:.125rem solid var(--IDS-DATEPICKER__BUTTON-HOVER-BORDER-COLOR);color:var(--IDS-DATEPICKER__BUTTON-HOVER-COLOR)!important}.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-next:hover:before,.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-prev:hover:before{color:var(--IDS-DATEPICKER__BUTTON-HOVER-COLOR)!important}.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-next:active,.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-next:active:hover,.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-prev:active,.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-prev:active:hover{background-color:var(--IDS-DATEPICKER__BUTTON-ACTIVE-BACKGROUND-COLOR);border:.125rem solid var(--IDS-DATEPICKER__BUTTON-ACTIVE-BORDER-COLOR);color:var(--IDS-DATEPICKER__BUTTON-ACTIVE-COLOR)!important}.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-next:active:before,.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-next:active:hover:before,.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-prev:active:before,.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-prev:active:hover:before{color:var(--IDS-DATEPICKER__BUTTON-ACTIVE-COLOR)!important}.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-next:disabled,.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-next[aria-disabled=true],.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-next[disabled],.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-prev:disabled,.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-prev[aria-disabled=true],.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-prev[disabled]{background-color:var(--IDS-DATEPICKER__BUTTON-DISABLED-BACKGROUND-COLOR)!important;border-color:transparent;color:var(--IDS-DATEPICKER__BUTTON-DISABLED-COLOR)!important;font-weight:400;pointer-events:none}.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-next:disabled:before,.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-next[aria-disabled=true]:before,.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-next[disabled]:before,.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-prev:disabled:before,.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-prev[aria-disabled=true]:before,.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-prev[disabled]:before{color:var(--IDS-DATEPICKER__BUTTON-DISABLED-COLOR)!important}.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-next,.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-prev{align-items:center;border:.0625rem solid transparent;border-radius:var(--IDS-BORDER-RADIUS-100);display:flex;font-family:var(--IDS-FONT-FAMILY-BASE);font-size:1rem;font-weight:700;height:2.5rem;height:2.25rem;justify-content:center;line-height:1.5rem;padding:0;position:relative;width:2.5rem;width:2.25rem}.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-next:before,.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-prev:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-DATEPICKER__MONTH-BUTTON-CHEVRON-COLOR);content:\"\\e937\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1rem;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-next:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-DATEPICKER__MONTH-BUTTON-CHEVRON-COLOR);content:\"\\e938\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1rem;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.ids-datepicker .rdp-month_grid{margin-top:.75rem}.ids-datepicker .ids-datepicker__week-number-header,.ids-datepicker .rdp-week_number{color:var(--IDS-DATEPICKER__BUTTON-DISABLED-COLOR);font-family:var(--IDS-FONT-FAMILY-BASE);font-size:.75rem;font-weight:400;padding-right:.25rem}.ids-datepicker .rdp-weekday{color:var(--IDS-DATEPICKER__MONTH-BUTTON-COLOR);font-family:var(--IDS-FONT-FAMILY-BASE);font-size:.75rem;font-weight:var(--IDS-DATEPICKER__MONTH-BUTTON-FONT-WEIGHT);text-transform:uppercase}.ids-datepicker .rdp-day .rdp-day_button{background-color:var(--IDS-DATEPICKER__DATE-BUTTON-BACKGROUND-COLOR);border:.125rem solid transparent;color:var(--IDS-DATEPICKER__BUTTON-COLOR);cursor:pointer}.ids-datepicker .rdp-day .rdp-day_button:hover{background-color:var(--IDS-DATEPICKER__BUTTON-HOVER-BACKGROUND-COLOR);border:.125rem solid var(--IDS-DATEPICKER__BUTTON-HOVER-BORDER-COLOR)}.ids-datepicker .rdp-day .rdp-day_button:hover,.ids-datepicker .rdp-day .rdp-day_button:hover:before{color:var(--IDS-DATEPICKER__BUTTON-HOVER-COLOR)!important}.ids-datepicker .rdp-day .rdp-day_button:active,.ids-datepicker .rdp-day .rdp-day_button:active:hover{background-color:var(--IDS-DATEPICKER__BUTTON-ACTIVE-BACKGROUND-COLOR);border:.125rem solid var(--IDS-DATEPICKER__BUTTON-ACTIVE-BORDER-COLOR);color:var(--IDS-DATEPICKER__BUTTON-ACTIVE-COLOR)!important}.ids-datepicker .rdp-day .rdp-day_button:active:before,.ids-datepicker .rdp-day .rdp-day_button:active:hover:before{color:var(--IDS-DATEPICKER__BUTTON-ACTIVE-COLOR)!important}.ids-datepicker .rdp-day .rdp-day_button:disabled,.ids-datepicker .rdp-day .rdp-day_button[aria-disabled=true],.ids-datepicker .rdp-day .rdp-day_button[disabled]{background-color:var(--IDS-DATEPICKER__BUTTON-DISABLED-BACKGROUND-COLOR)!important;border-color:transparent;color:var(--IDS-DATEPICKER__BUTTON-DISABLED-COLOR)!important;font-weight:400;pointer-events:none}.ids-datepicker .rdp-day .rdp-day_button:disabled:before,.ids-datepicker .rdp-day .rdp-day_button[aria-disabled=true]:before,.ids-datepicker .rdp-day .rdp-day_button[disabled]:before{color:var(--IDS-DATEPICKER__BUTTON-DISABLED-COLOR)!important}.ids-datepicker .rdp-day .rdp-day_button{align-items:center;border-radius:var(--IDS-BORDER-RADIUS-100);display:flex;font-family:var(--IDS-FONT-FAMILY-BASE);font-size:1rem;font-weight:700;height:2.5rem;justify-content:center;justify-self:center;line-height:1.5rem;width:2.5rem}.ids-datepicker .rdp-day.rdp-today .rdp-day_button{border:.125rem solid var(--IDS-DATEPICKER__BUTTON-TODAY-BORDER-COLOR)}.ids-datepicker .rdp-day.rdp-today .rdp-day_button:hover{border-color:var(--IDS-DATEPICKER__BUTTON-TODAY-HOVER-BORDER-COLOR)}.ids-datepicker .rdp-day:focus-visible,.ids-datepicker .rdp-day[aria-focused=true]{border-radius:var(--IDS-BORDER-RADIUS-100);outline:.125rem solid var(--IDS-FOCUS__OUTLINE-COLOR)}.ids-datepicker .rdp-day[aria-selected=true] .rdp-day_button{background-color:var(--IDS-DATEPICKER__BUTTON-SELECTED-BACKGROUND-COLOR);border:.125rem solid var(--IDS-DATEPICKER__BUTTON-SELECTED-BORDER-COLOR);color:var(--IDS-DATEPICKER__BUTTON-SELECTED-COLOR)}.ids-datepicker .rdp-day[aria-selected=true] .rdp-day_button:disabled{border-color:var(--IDS-DATEPICKER__BUTTON-DISABLED-BORDER-COLOR)!important}@media (max-width:639px){.ids-datepicker .ids-datepicker__overlay{background-color:var(--IDS-OVERLAY__BACKGROUND-COLOR);bottom:0;left:0;position:fixed;right:0;top:0;z-index:200}.ids-datepicker .ids-datepicker__dialog{border-bottom-left-radius:0;border-bottom-right-radius:0;bottom:0;left:0;min-height:21rem!important;padding-left:1rem!important;padding-right:1rem!important;position:fixed;right:0;top:auto;z-index:210}.ids-datepicker .rdp-month_grid{table-layout:fixed;width:100%}}";
3
+ var css_248z = "@media (max-width:1023px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}.ids--dark,.ids--light{--IDS-FONT-FAMILY-BASE:\"Open Sans\";--IDS-FONT-FAMILY-HEADING:\"Inter\";--IDS-FONT-COLOR:var(--ids-color-surface-text-on-default);--IDS-HEADING-XXL__MARGIN-BOTTOM:1.875rem;--IDS-HEADING-XL__MARGIN-BOTTOM:1.875rem;--IDS-HEADING-L__MARGIN-BOTTOM:1.875rem;--IDS-PAGE-LIST__COLOR:var(--ids-color-brand-text-primary);--IDS-PAGE-LIST__FONT-FAMILY:var(--IDS-FONT-FAMILY-HEADING);--IDS-PAGE-LIST__FONT-SIZE:1.25rem;--IDS-PAGE-LIST__LINE-HEIGHT:1.5rem;--IDS-PAGE-LIST__FONT-WEIGHT:700;--IDS-PAGE-LIST__LETTER-SPACING:-0.025rem;--IDS-BULLET-LIST__MARKER-COLOR:var(--ids-color-brand-text-primary);--IDS-BULLET-LIST__MARKER-FONT-WEIGHT:bold;--IDS-BULLET-LIST__LINE-HEIGHT:1.5rem;--IDS-DIVIDER__COLOR:var(--ids-color-surface-border-default)}.ids--dark.ids--1177-admin,.ids--dark.ids--1177-pro,.ids--light.ids--1177-admin,.ids--light.ids--1177-pro{--IDS-PAGE-LIST__COLOR:var(--ids-color-interactive-text-default)}.ids--dark.ids--inera,.ids--dark.ids--inera-admin,.ids--dark.ids--inera-general,.ids--light.ids--inera,.ids--light.ids--inera-admin,.ids--light.ids--inera-general{--IDS-FONT-FAMILY-BASE:\"Open Sans\";--IDS-FONT-FAMILY-HEADING:\"Poppins\";--IDS-HEADING-XXL__MARGIN-BOTTOM:1.25rem;--IDS-HEADING-XL__MARGIN-BOTTOM:1.25rem;--IDS-HEADING-L__MARGIN-BOTTOM:1.25rem;--IDS-PAGE-LIST__FONT-WEIGHT:600;--IDS-PAGE-LIST__LETTER-SPACING:0;--IDS-BULLET-LIST__MARKER-FONT-WEIGHT:normal;--IDS-BULLET-LIST__LINE-HEIGHT:1.625rem;--IDS-DESCRIPTION-LIST__TERM-FONT-WEIGHT:600}.ids--dark.ids--dark,.ids--light.ids--dark{--IDS-PAGE-LIST__COLOR:var(--ids-color-navigation-text-default)}.ids--dark.ids--dark.ids--1177-admin,.ids--dark.ids--dark.ids--1177-pro,.ids--dark.ids--dark.ids--inera,.ids--dark.ids--dark.ids--inera-admin,.ids--dark.ids--dark.ids--inera-general,.ids--light.ids--dark.ids--1177-admin,.ids--light.ids--dark.ids--1177-pro,.ids--light.ids--dark.ids--inera,.ids--light.ids--dark.ids--inera-admin,.ids--light.ids--dark.ids--inera-general{--IDS-PAGE-LIST__COLOR:var(--ids-color-interactive-text-default)}.ids-datepicker .ids-datepicker__input-wrapper{position:relative}.ids-datepicker .ids-datepicker__input{background-color:var(--IDS-INPUT__BACKGROUND-COLOR);border:var(--IDS-INPUT__BORDER-THICKNESS) solid var(--IDS-INPUT__BORDER-COLOR);border-radius:var(--IDS-BORDER-RADIUS-MEDIUM)!important;box-sizing:border-box;color:var(--IDS-FORM__COLOR);display:block;font-family:var(--IDS-FONT-FAMILY-BASE)!important;font-size:1rem;padding:var(--IDS-INPUT__PADDING);width:100%}.ids-datepicker .ids-datepicker__input::placeholder{color:var(--IDS-FORM__COLOR)}.ids-datepicker .ids-datepicker__input:hover{background-color:var(--IDS-INPUT__HOVER-BACKGROUND-COLOR);border-color:var(--IDS-INPUT__HOVER-BORDER-COLOR)}.ids-datepicker .ids-datepicker__input:active{background-color:var(--IDS-INPUT__ACTIVE-BACKGROUND-COLOR);border-color:var(--IDS-INPUT__ACTIVE-BORDER-COLOR)}.ids-datepicker .ids-datepicker__input:focus-visible,.ids-datepicker .ids-datepicker__input:focus-visible:hover{background-color:var(--IDS-INPUT__BACKGROUND-COLOR);border-color:var(--IDS-INPUT__FOCUS-BORDER-COLOR)}.ids-datepicker .ids-datepicker__input:disabled,.ids-datepicker .ids-datepicker__input[readonly],.ids-datepicker .ids-datepicker__input[readonly]:focus-visible,.ids-datepicker .ids-datepicker__input[readonly]:focus-visible:hover{-webkit-text-fill-color:inherit;background:var(--IDS-FORM--DISABLED__BACKGROUND-COLOR);border:var(--IDS-FORM--DISABLED__BORDER);color:var(--IDS-FORM--DISABLED__COLOR);font-style:italic!important;opacity:1}.ids-datepicker .ids-datepicker__input:disabled::placeholder,.ids-datepicker .ids-datepicker__input[readonly]::placeholder,.ids-datepicker .ids-datepicker__input[readonly]:focus-visible::placeholder,.ids-datepicker .ids-datepicker__input[readonly]:focus-visible:hover::placeholder{color:var(--IDS-FORM--DISABLED__COLOR)}.ids-datepicker .ids-datepicker__input.ids-input--invalid,.ids-datepicker .ids-datepicker__input[aria-invalid=true]{background:var(--IDS-FORM--INVALID__BACKGROUND-COLOR)!important;border:var(--IDS-FORM--INVALID__BORDER);box-shadow:var(--IDS-FORM--INVALID-BOX-SHADOW)}.ids-datepicker .ids-datepicker__input.ids-input--light{background-color:var(--IDS-INPUT--LIGHT__BACKGROUND-COLOR)}.ids-datepicker .ids-datepicker__input.ids-input--light:hover{background-color:var(--IDS-INPUT--LIGHT__HOVER-BACKGROUND-COLOR)}.ids-datepicker .ids-datepicker__input.ids-input--light:active{background-color:var(--IDS-INPUT--LIGHT__ACTIVE-BACKGROUND-COLOR);border-color:var(--IDS-INPUT__ACTIVE-BORDER-COLOR)}.ids-datepicker .ids-datepicker__input.ids-input--light:focus-visible,.ids-datepicker .ids-datepicker__input.ids-input--light:focus-visible:hover{background-color:var(--IDS-INPUT--LIGHT__BACKGROUND-COLOR)}.ids-datepicker .ids-datepicker__input.ids-input--light:disabled,.ids-datepicker .ids-datepicker__input.ids-input--light[readonly],.ids-datepicker .ids-datepicker__input.ids-input--light[readonly]:focus-visible,.ids-datepicker .ids-datepicker__input.ids-input--light[readonly]:focus-visible:hover{-webkit-text-fill-color:inherit;background:var(--IDS-FORM--DISABLED__BACKGROUND-COLOR);border:var(--IDS-FORM--DISABLED__BORDER);color:var(--IDS-FORM--DISABLED__COLOR);font-style:italic!important;opacity:1}.ids-datepicker .ids-datepicker__input.ids-input--light:disabled::placeholder,.ids-datepicker .ids-datepicker__input.ids-input--light[readonly]::placeholder,.ids-datepicker .ids-datepicker__input.ids-input--light[readonly]:focus-visible::placeholder,.ids-datepicker .ids-datepicker__input.ids-input--light[readonly]:focus-visible:hover::placeholder{color:var(--IDS-FORM--DISABLED__COLOR)}.ids-datepicker .ids-datepicker__input.ids-input--light.ids-input--invalid,.ids-datepicker .ids-datepicker__input.ids-input--light[aria-invalid=true]{background:var(--IDS-FORM--INVALID__BACKGROUND-COLOR)!important;border:var(--IDS-FORM--INVALID__BORDER);box-shadow:var(--IDS-FORM--INVALID-BOX-SHADOW)}.ids-datepicker .ids-datepicker__input:focus-visible{outline:.125rem solid var(--IDS-FOCUS__OUTLINE-COLOR);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)!important}.ids-datepicker .ids-datepicker__input{height:var(--IDS-INPUT__HEIGHT);padding-right:4.25rem;width:100%!important}.ids-datepicker.ids-datepicker--invalid .ids-datepicker__input{background:var(--IDS-FORM--INVALID__BACKGROUND-COLOR)!important;border:var(--IDS-FORM--INVALID__BORDER);box-shadow:var(--IDS-FORM--INVALID-BOX-SHADOW)}.ids-datepicker.ids-datepicker--invalid .ids-datepicker__trigger:before{color:var(--IDS-DATEPICKER__TRIGGER-BUTTON-INVALID-COLOR)}.ids-datepicker .ids-datepicker__trigger{background-color:var(--IDS-DATEPICKER__TRIGGER-BUTTON-BACKGROUND-COLOR);border:0;border-radius:100%;cursor:pointer;height:calc(var(--IDS-INPUT__HEIGHT) - .5rem);position:absolute;right:.75rem;top:.25rem;width:calc(var(--IDS-INPUT__HEIGHT) - .5rem)}.ids-datepicker .ids-datepicker__trigger:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-DATEPICKER__TRIGGER-BUTTON-COLOR);content:\"\\e944\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1rem;font-size:1.25rem;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.ids-datepicker .ids-datepicker__trigger:hover{background-color:var(--IDS-DATEPICKER__BUTTON-HOVER-BACKGROUND-COLOR)}.ids-datepicker .ids-datepicker__trigger:hover,.ids-datepicker .ids-datepicker__trigger:hover:before{color:var(--IDS-DATEPICKER__BUTTON-HOVER-COLOR)!important}.ids-datepicker .ids-datepicker__trigger:active,.ids-datepicker .ids-datepicker__trigger:active:hover{background-color:var(--IDS-DATEPICKER__BUTTON-ACTIVE-BACKGROUND-COLOR);color:var(--IDS-DATEPICKER__BUTTON-ACTIVE-COLOR)!important}.ids-datepicker .ids-datepicker__trigger:active:before,.ids-datepicker .ids-datepicker__trigger:active:hover:before{color:var(--IDS-DATEPICKER__BUTTON-ACTIVE-COLOR)!important}.ids-datepicker .ids-datepicker__trigger:disabled:before{color:var(--IDS-DATEPICKER__BUTTON-DISABLED-COLOR)}.ids-datepicker .ids-datepicker__trigger:focus-visible{border-radius:100%;outline:.125rem solid var(--IDS-FOCUS__OUTLINE-COLOR);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)}.ids-datepicker .ids-datepicker__dialog{background-color:var(--IDS-DATEPICKER-CALENDAR__BACKGROUND-COLOR);border:.0625rem solid var(--IDS-DATEPICKER-CALENDAR__BORDER-COLOR);border-radius:var(--IDS-DATEPICKER__TRIGGER-BUTTON-BORDER-RADIUS);box-shadow:var(--IDS-BOX-SHADOW-ELEVATED-2);display:none;margin-top:.25rem;padding:1rem;position:absolute;right:0;top:var(--IDS-INPUT__HEIGHT);z-index:200}.ids-datepicker .ids-datepicker__dialog.ids-datepicker__dialog--show{display:block}.ids-datepicker .ids-datepicker__dialog-bar{align-items:center;border-bottom:.0625rem solid var(--IDS-DATEPICKER-CALENDAR__BORDER-COLOR);display:flex;justify-content:space-between;margin-bottom:.5rem;padding-bottom:.75rem}.ids-datepicker .ids-datepicker__dialog-bar .ids-datepicker__dialog-header{color:var(--IDS-DATEPICKER__MONTH-BUTTON-COLOR);font-family:var(--IDS-FONT-FAMILY-BASE);font-size:1rem;font-weight:var(--IDS-DATEPICKER__MONTH-BUTTON-FONT-WEIGHT)}.ids-datepicker .ids-datepicker__dialog-bar .ids-datepicker__dialog-header:focus,.ids-datepicker .ids-datepicker__dialog-bar .ids-datepicker__dialog-header:focus-visible{outline:none}.ids-datepicker .ids-datepicker__dialog-close-button{align-items:center;background-color:var(--IDS-DATEPICKER-CALENDAR__BACKGROUND-COLOR);border-color:transparent;border-radius:var(--IDS-BORDER-RADIUS-100);cursor:pointer;display:flex;font-family:var(--IDS-FONT-FAMILY-BASE);font-size:1rem;font-weight:700;height:2.5rem;height:2.25rem;justify-content:center;line-height:1.5rem;position:absolute;right:.5rem;top:.5rem;width:2.5rem;width:2.25rem}.ids-datepicker .ids-datepicker__dialog-close-button:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-DATEPICKER__MONTH-BUTTON-CHEVRON-COLOR);content:\"\\e934\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1rem;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.ids-datepicker .rdp-dropdowns{align-items:center;display:flex;gap:.5rem;justify-content:space-between}.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-dropdowns{align-items:center;display:flex;gap:.5rem;justify-content:flex-start}.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-dropdowns .rdp-dropdown_root{cursor:pointer;position:relative}.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-dropdowns .rdp-dropdown_root:first-of-type{margin-right:.5rem}.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-dropdowns select.rdp-dropdown{background-color:var(--IDS-DATEPICKER__SELECT-BACKGROUND-COLOR);border-color:transparent;border-radius:var(--IDS-FOCUS__BORDER-RADIUS);cursor:pointer;padding:.125rem .25rem}.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-dropdowns select.rdp-dropdown:active{border-color:transparent}.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-dropdowns select.rdp-dropdown:disabled{pointer-events:none}.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-dropdowns .ids-datepicker__month-select{width:7.25rem}.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-dropdowns .ids-datepicker__year-select{width:4.5rem}.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-dropdowns .rdp-caption_label{background-color:var(--IDS-DATEPICKER-CALENDAR__BACKGROUND-COLOR);color:var(--IDS-DATEPICKER__MONTH-BUTTON-COLOR);cursor:pointer;font-family:var(--IDS-FONT-FAMILY-BASE);font-size:1rem;font-weight:var(--IDS-DATEPICKER__MONTH-BUTTON-FONT-WEIGHT);left:.25rem;pointer-events:none;position:absolute;right:.25rem;text-transform:capitalize;top:.25rem}.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-dropdowns .rdp-caption_label:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-DATEPICKER__MONTH-BUTTON-CHEVRON-COLOR);content:\"\\e936\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1rem;position:absolute;right:.125rem;top:50%;transform:translateY(-50%)}.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-dropdowns .rdp-caption_label svg{display:none}.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-dropdowns:has(select:disabled) .rdp-dropdown_root{cursor:default}.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-dropdowns:has(select:disabled) .rdp-caption_label{color:var(--IDS-DATEPICKER__SELECT-DISABLED-COLOR)!important;pointer-events:none}.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-dropdowns:has(select:disabled) .rdp-caption_label:before{color:var(--IDS-DATEPICKER__SELECT-DISABLED-COLOR)!important}.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons{align-items:center;display:flex;gap:.5rem;justify-content:flex-end}.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-next,.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-prev{background-color:var(--IDS-DATEPICKER__DATE-BUTTON-BACKGROUND-COLOR);border:.125rem solid transparent;color:var(--IDS-DATEPICKER__BUTTON-COLOR);cursor:pointer}.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-next:hover,.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-prev:hover{background-color:var(--IDS-DATEPICKER__BUTTON-HOVER-BACKGROUND-COLOR);border:.125rem solid var(--IDS-DATEPICKER__BUTTON-HOVER-BORDER-COLOR);color:var(--IDS-DATEPICKER__BUTTON-HOVER-COLOR)!important}.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-next:hover:before,.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-prev:hover:before{color:var(--IDS-DATEPICKER__BUTTON-HOVER-COLOR)!important}.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-next:active,.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-next:active:hover,.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-prev:active,.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-prev:active:hover{background-color:var(--IDS-DATEPICKER__BUTTON-ACTIVE-BACKGROUND-COLOR);border:.125rem solid var(--IDS-DATEPICKER__BUTTON-ACTIVE-BORDER-COLOR);color:var(--IDS-DATEPICKER__BUTTON-ACTIVE-COLOR)!important}.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-next:active:before,.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-next:active:hover:before,.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-prev:active:before,.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-prev:active:hover:before{color:var(--IDS-DATEPICKER__BUTTON-ACTIVE-COLOR)!important}.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-next:disabled,.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-next[aria-disabled=true],.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-next[disabled],.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-prev:disabled,.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-prev[aria-disabled=true],.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-prev[disabled]{background-color:var(--IDS-DATEPICKER__BUTTON-DISABLED-BACKGROUND-COLOR)!important;border-color:transparent;color:var(--IDS-DATEPICKER__BUTTON-DISABLED-COLOR)!important;font-weight:400;pointer-events:none}.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-next:disabled:before,.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-next[aria-disabled=true]:before,.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-next[disabled]:before,.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-prev:disabled:before,.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-prev[aria-disabled=true]:before,.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-prev[disabled]:before{color:var(--IDS-DATEPICKER__BUTTON-DISABLED-COLOR)!important}.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-next,.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-prev{align-items:center;border:.0625rem solid transparent;border-radius:var(--IDS-BORDER-RADIUS-100);display:flex;font-family:var(--IDS-FONT-FAMILY-BASE);font-size:1rem;font-weight:700;height:2.5rem;height:2.25rem;justify-content:center;line-height:1.5rem;padding:0;position:relative;width:2.5rem;width:2.25rem}.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-next:before,.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-prev:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-DATEPICKER__MONTH-BUTTON-CHEVRON-COLOR);content:\"\\e937\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1rem;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-next:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-DATEPICKER__MONTH-BUTTON-CHEVRON-COLOR);content:\"\\e938\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1rem;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.ids-datepicker .rdp-month_grid{margin-top:.75rem}.ids-datepicker .ids-datepicker__week-number-header,.ids-datepicker .rdp-week_number{color:var(--IDS-DATEPICKER__BUTTON-DISABLED-COLOR);font-family:var(--IDS-FONT-FAMILY-BASE);font-size:.75rem;font-weight:400;padding-right:.25rem}.ids-datepicker .rdp-weekday{color:var(--IDS-DATEPICKER__MONTH-BUTTON-COLOR);font-family:var(--IDS-FONT-FAMILY-BASE);font-size:.75rem;font-weight:var(--IDS-DATEPICKER__MONTH-BUTTON-FONT-WEIGHT);text-transform:uppercase}.ids-datepicker .rdp-day .rdp-day_button{background-color:var(--IDS-DATEPICKER__DATE-BUTTON-BACKGROUND-COLOR);border:.125rem solid transparent;color:var(--IDS-DATEPICKER__BUTTON-COLOR);cursor:pointer}.ids-datepicker .rdp-day .rdp-day_button:hover{background-color:var(--IDS-DATEPICKER__BUTTON-HOVER-BACKGROUND-COLOR);border:.125rem solid var(--IDS-DATEPICKER__BUTTON-HOVER-BORDER-COLOR)}.ids-datepicker .rdp-day .rdp-day_button:hover,.ids-datepicker .rdp-day .rdp-day_button:hover:before{color:var(--IDS-DATEPICKER__BUTTON-HOVER-COLOR)!important}.ids-datepicker .rdp-day .rdp-day_button:active,.ids-datepicker .rdp-day .rdp-day_button:active:hover{background-color:var(--IDS-DATEPICKER__BUTTON-ACTIVE-BACKGROUND-COLOR);border:.125rem solid var(--IDS-DATEPICKER__BUTTON-ACTIVE-BORDER-COLOR);color:var(--IDS-DATEPICKER__BUTTON-ACTIVE-COLOR)!important}.ids-datepicker .rdp-day .rdp-day_button:active:before,.ids-datepicker .rdp-day .rdp-day_button:active:hover:before{color:var(--IDS-DATEPICKER__BUTTON-ACTIVE-COLOR)!important}.ids-datepicker .rdp-day .rdp-day_button:disabled,.ids-datepicker .rdp-day .rdp-day_button[aria-disabled=true],.ids-datepicker .rdp-day .rdp-day_button[disabled]{background-color:var(--IDS-DATEPICKER__BUTTON-DISABLED-BACKGROUND-COLOR)!important;border-color:transparent;color:var(--IDS-DATEPICKER__BUTTON-DISABLED-COLOR)!important;font-weight:400;pointer-events:none}.ids-datepicker .rdp-day .rdp-day_button:disabled:before,.ids-datepicker .rdp-day .rdp-day_button[aria-disabled=true]:before,.ids-datepicker .rdp-day .rdp-day_button[disabled]:before{color:var(--IDS-DATEPICKER__BUTTON-DISABLED-COLOR)!important}.ids-datepicker .rdp-day .rdp-day_button{align-items:center;border-radius:var(--IDS-BORDER-RADIUS-100);display:flex;font-family:var(--IDS-FONT-FAMILY-BASE);font-size:1rem;font-weight:700;height:2.5rem;justify-content:center;justify-self:center;line-height:1.5rem;width:2.5rem}.ids-datepicker .rdp-day.rdp-today .rdp-day_button{border:.125rem solid var(--IDS-DATEPICKER__BUTTON-TODAY-BORDER-COLOR)}.ids-datepicker .rdp-day.rdp-today .rdp-day_button:hover{border-color:var(--IDS-DATEPICKER__BUTTON-TODAY-HOVER-BORDER-COLOR)}.ids-datepicker .rdp-day:focus-visible,.ids-datepicker .rdp-day[aria-focused=true]{border-radius:var(--IDS-BORDER-RADIUS-100);outline:.125rem solid var(--IDS-FOCUS__OUTLINE-COLOR)}.ids-datepicker .rdp-day[aria-selected=true] .rdp-day_button{background-color:var(--IDS-DATEPICKER__BUTTON-SELECTED-BACKGROUND-COLOR);border:.125rem solid var(--IDS-DATEPICKER__BUTTON-SELECTED-BORDER-COLOR);color:var(--IDS-DATEPICKER__BUTTON-SELECTED-COLOR)}.ids-datepicker .rdp-day[aria-selected=true] .rdp-day_button:disabled{border-color:var(--IDS-DATEPICKER__BUTTON-DISABLED-BORDER-COLOR)!important}@media (max-width:639px){.ids-datepicker .ids-datepicker__overlay{background-color:var(--IDS-OVERLAY__BACKGROUND-COLOR);bottom:0;left:0;position:fixed;right:0;top:0;z-index:200}.ids-datepicker .ids-datepicker__dialog{border-bottom-left-radius:0;border-bottom-right-radius:0;bottom:0;left:0;min-height:21rem!important;padding-left:1rem!important;padding-right:1rem!important;position:fixed;right:0;top:auto;z-index:210}.ids-datepicker .rdp-month_grid{table-layout:fixed;width:100%}}";
4
4
 
5
5
  var datepickerLit = css`
6
6
  ${unsafeCSS(css_248z)}
package/components/form/datepicker/datepicker.css CHANGED
@@ -81,6 +81,7 @@
81
81
  color: var(--IDS-FORM__COLOR);
82
82
  }
83
83
  .ids-datepicker .ids-datepicker__input:hover {
84
+ border-color: var(--IDS-INPUT__HOVER-BORDER-COLOR);
84
85
  background-color: var(--IDS-INPUT__HOVER-BACKGROUND-COLOR);
85
86
  }
86
87
  .ids-datepicker .ids-datepicker__input:active {
package/components/form/group/group-lit.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { css, unsafeCSS } from 'lit';
2
2
 
3
- var css_248z = ".ids-form-group__fieldset{border:none;display:flex;flex-direction:column;gap:1.25rem;margin:0;padding:0}.ids-form-group__fieldset.ids-form-group__fieldset--compact{gap:.5rem}.ids-form-group__fieldset legend{color:var(--IDS-FORM-LABEL__COLOR);display:inline!important;font-family:var(--IDS-FORM-LABEL__FONT-FAMILY);font-size:var(--IDS-FORM-LABEL__FONT-SIZE);font-style:normal;font-weight:var(--IDS-FORM-LABEL__FONT-WEIGHT);letter-spacing:var(--IDS-FORM-LABEL__LETTER-SPACING);line-height:var(--IDS-FORM-LABEL__HEIGHT);padding:0}.ids-form-group__fieldset legend.ids-label--clickable{cursor:pointer!important}.ids-form-group__fieldset legend.ids-label--disabled{color:var(--IDS-FORM-LABEL--DISABLED-COLOR);cursor:default!important;font-style:italic}.ids-form-group__fieldset .ids-label-wrapper{display:inline;margin-bottom:0;position:relative}.ids-form-group__fieldset .ids-label-wrapper .ids-label__tooltip{bottom:-.1875rem;margin-left:.5rem;position:relative}.ids-form-group__fieldset .ids-label-wrapper.ids-label-wrapper--margin-bottom{bottom:.25rem}.ids-form-group__fieldset .ids-label-wrapper.ids-label-wrapper--block{width:100%}.ids-form-group__fieldset .ids-label-wrapper.ids-label-wrapper--block label{display:block!important;width:100%}.ids-form-group__fieldset .ids-label-wrapper.ids-label-wrapper--sr-only{clip:rect(0,0,0,0);border:0;height:.063rem;margin:-.063rem;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:.063rem}.ids-form-group__fieldset .ids-legend__tooltip{bottom:-.1875rem;margin-left:.5rem;position:relative}";
3
+ var css_248z = ".ids-form-group__fieldset{border:none;display:flex;flex-direction:column;gap:1.25rem;margin:0;padding:0}.ids-form-group__fieldset.ids-form-group__fieldset--compact{gap:.5rem}.ids-form-group__fieldset legend{color:var(--IDS-FORM-LABEL__COLOR);display:inline!important;font-family:var(--IDS-FORM-LABEL__FONT-FAMILY);font-size:var(--IDS-FORM-LABEL__FONT-SIZE);font-style:normal;font-weight:var(--IDS-FORM-LABEL__FONT-WEIGHT);letter-spacing:var(--IDS-FORM-LABEL__LETTER-SPACING);line-height:var(--IDS-FORM-LABEL__HEIGHT);padding:0}.ids-form-group__fieldset legend.ids-label--clickable{cursor:pointer!important}.ids-form-group__fieldset legend.ids-label--disabled{color:var(--IDS-FORM-LABEL--DISABLED-COLOR);cursor:default!important;font-style:italic}.ids-form-group__fieldset .ids-label-wrapper{display:inline;margin-bottom:0;position:relative}.ids-form-group__fieldset .ids-label-wrapper .ids-label__tooltip{bottom:-.1875rem;margin-left:.5rem;position:relative}.ids-form-group__fieldset .ids-label-wrapper.ids-label-wrapper--margin-bottom{margin-bottom:.25rem}.ids-form-group__fieldset .ids-label-wrapper.ids-label-wrapper--block{width:100%}.ids-form-group__fieldset .ids-label-wrapper.ids-label-wrapper--block label{display:block!important;width:100%}.ids-form-group__fieldset .ids-label-wrapper.ids-label-wrapper--sr-only{clip:rect(0,0,0,0);border:0;height:.063rem;margin:-.063rem;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:.063rem}.ids-form-group__fieldset .ids-legend__tooltip{bottom:-.1875rem;margin-left:.5rem;position:relative}";
4
4
 
5
5
  var groupLit = css`${unsafeCSS(css_248z)}`;
6
6
 
package/components/form/group/group.css CHANGED
@@ -39,7 +39,7 @@
39
39
  bottom: -0.1875rem;
40
40
  }
41
41
  .ids-form-group__fieldset .ids-label-wrapper.ids-label-wrapper--margin-bottom {
42
- bottom: 0.25rem;
42
+ margin-bottom: 0.25rem;
43
43
  }
44
44
  .ids-form-group__fieldset .ids-label-wrapper.ids-label-wrapper--block {
45
45
  width: 100%;
package/components/form/select-multiple/select-multiple-lit.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { css, unsafeCSS } from 'lit';
2
2
 
3
- var css_248z = ".ids-select-multiple__select{background-color:var(--IDS-INPUT__BACKGROUND-COLOR);border-radius:var(--IDS-BORDER-RADIUS-MEDIUM)!important;box-sizing:border-box;color:var(--IDS-FORM__COLOR);display:block;font-family:var(--IDS-FONT-FAMILY-BASE)!important;font-size:1rem;padding:var(--IDS-INPUT__PADDING);width:100%}.ids-select-multiple__select:hover{background-color:var(--IDS-INPUT__HOVER-BACKGROUND-COLOR)}.ids-select-multiple__select:active{background-color:var(--IDS-INPUT__ACTIVE-BACKGROUND-COLOR);border-color:var(--IDS-INPUT__ACTIVE-BORDER-COLOR)}.ids-select-multiple__select:focus-visible,.ids-select-multiple__select:focus-visible:hover{background-color:var(--IDS-INPUT__BACKGROUND-COLOR);border-color:var(--IDS-INPUT__FOCUS-BORDER-COLOR)}.ids-select-multiple__select:disabled,.ids-select-multiple__select[readonly],.ids-select-multiple__select[readonly]:focus-visible,.ids-select-multiple__select[readonly]:focus-visible:hover{-webkit-text-fill-color:inherit;background:var(--IDS-FORM--DISABLED__BACKGROUND-COLOR);border:var(--IDS-FORM--DISABLED__BORDER);color:var(--IDS-FORM--DISABLED__COLOR);font-style:italic!important;opacity:1}.ids-select-multiple__select:disabled::placeholder,.ids-select-multiple__select[readonly]::placeholder,.ids-select-multiple__select[readonly]:focus-visible::placeholder,.ids-select-multiple__select[readonly]:focus-visible:hover::placeholder{color:var(--IDS-FORM--DISABLED__COLOR)}.ids-select-multiple__select.ids-input--light{background-color:var(--IDS-INPUT--LIGHT__BACKGROUND-COLOR)}.ids-select-multiple__select.ids-input--light:hover{background-color:var(--IDS-INPUT--LIGHT__HOVER-BACKGROUND-COLOR)}.ids-select-multiple__select.ids-input--light:active{background-color:var(--IDS-INPUT--LIGHT__ACTIVE-BACKGROUND-COLOR);border-color:var(--IDS-INPUT__ACTIVE-BORDER-COLOR)}.ids-select-multiple__select.ids-input--light:focus-visible,.ids-select-multiple__select.ids-input--light:focus-visible:hover{background-color:var(--IDS-INPUT--LIGHT__BACKGROUND-COLOR)}.ids-select-multiple__select.ids-input--light:disabled,.ids-select-multiple__select.ids-input--light[readonly],.ids-select-multiple__select.ids-input--light[readonly]:focus-visible,.ids-select-multiple__select.ids-input--light[readonly]:focus-visible:hover{-webkit-text-fill-color:inherit;background:var(--IDS-FORM--DISABLED__BACKGROUND-COLOR);border:var(--IDS-FORM--DISABLED__BORDER);color:var(--IDS-FORM--DISABLED__COLOR);font-style:italic!important;opacity:1}.ids-select-multiple__select.ids-input--light:disabled::placeholder,.ids-select-multiple__select.ids-input--light[readonly]::placeholder,.ids-select-multiple__select.ids-input--light[readonly]:focus-visible::placeholder,.ids-select-multiple__select.ids-input--light[readonly]:focus-visible:hover::placeholder{color:var(--IDS-FORM--DISABLED__COLOR)}.ids-select-multiple__select:focus-visible{outline:.125rem solid var(--IDS-FOCUS__OUTLINE-COLOR);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)!important}.ids-select-multiple__select{border:var(--IDS-INPUT__BORDER-THICKNESS) solid var(--IDS-INPUT__BORDER-COLOR);cursor:pointer;display:inline-block!important;height:var(--IDS-INPUT__HEIGHT);overflow:hidden;padding-left:var(--IDS-SELECT__PADDING-LEFT)!important;padding-right:var(--IDS-INPUT__ICON-PADDING-RIGHT)!important;text-align:left;text-overflow:ellipsis;width:100%!important}.ids-select-multiple__select::placeholder{color:var(--IDS-FORM__COLOR)}.ids-select-multiple__select.ids-input--invalid,.ids-select-multiple__select[aria-invalid=true]{background:var(--IDS-FORM--INVALID__BACKGROUND-COLOR)!important;border:var(--IDS-FORM--INVALID__BORDER);box-shadow:var(--IDS-FORM--INVALID-BOX-SHADOW)}.ids-select-multiple__select.ids-input--light{background-color:var(--IDS-SELECT--LIGHT__BACKGROUND-COLOR)}.ids-select-multiple__select.ids-input--light.ids-input--invalid,.ids-select-multiple__select.ids-input--light[aria-invalid=true]{background:var(--IDS-FORM--INVALID__BACKGROUND-COLOR)!important;border:var(--IDS-FORM--INVALID__BORDER);box-shadow:var(--IDS-FORM--INVALID-BOX-SHADOW)}.ids-select-multiple__select[aria-disabled=true]{-webkit-text-fill-color:inherit;background:var(--IDS-FORM--DISABLED__BACKGROUND-COLOR);border:var(--IDS-FORM--DISABLED__BORDER);color:var(--IDS-FORM--DISABLED__COLOR);font-style:italic!important;opacity:1}.ids-select-multiple__select[aria-disabled=true]::placeholder{color:var(--IDS-FORM--DISABLED__COLOR)}.ids-select-multiple__select:disabled{cursor:default}.ids-select-multiple__select:disabled::placeholder{color:var(--IDS-FORM--DISABLED__COLOR)}.ids-select-multiple__select:disabled.ids-input--light{-webkit-text-fill-color:inherit;background-color:var(--IDS-INPUT--LIGHT__BACKGROUND-COLOR);background:var(--IDS-FORM--DISABLED__BACKGROUND-COLOR);border:var(--IDS-FORM--DISABLED__BORDER);color:var(--IDS-FORM--DISABLED__COLOR);font-style:italic!important;opacity:1}.ids-select-multiple__select:disabled.ids-input--light::placeholder{color:var(--IDS-FORM--DISABLED__COLOR)}.ids-select-multiple__select{white-space:nowrap}.ids-select-multiple__select-wrapper{display:flex;position:relative}.ids-select-multiple__select-wrapper:after{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-ICON--ACTIVE-COLOR);content:\"\\e936\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1rem;pointer-events:none;position:absolute;right:var(--IDS-INPUT__ICON-RIGHT);top:50%;transform:translateY(-50%);z-index:2}.ids-select-multiple__select-wrapper:has(.ids-input--invalid):after,.ids-select-multiple__select-wrapper:has(input[aria-invalid=true]):after{color:var(--IDS-FORM--INVALID__COLOR)}.ids-select-multiple__select-wrapper:has(input:disabled):after,.ids-select-multiple__select-wrapper:has(input[aria-disabled=true]):after{color:var(--IDS-FORM--DISABLED__COLOR)}.ids-select-multiple__dropdown-wrapper{position:relative}.ids-select-multiple__dropdown-wrapper .ids-select-multiple__dropdown{background-color:var(--IDS-SELECT-MULTIPLE-DROPDOWN__BACKGROUND-COLOR);border:.0625rem solid var(--IDS-SELECT-MULTIPLE-DROPDOWN__BORDER-COLOR);border-radius:var(--IDS-BORDER-RADIUS-MEDIUM);box-shadow:var(--IDS-BOX-SHADOW-ELEVATED-2);color:var(--IDS-FONT-COLOR);display:none;left:0;position:absolute;right:0;top:.0625rem;z-index:3}.ids-select-multiple__dropdown-wrapper .ids-select-multiple__dropdown.ids-select-multiple__dropdown--expanded{display:block}.ids-select-multiple__dropdown-wrapper .ids-select-multiple__dropdown .ids-select-multiple__dropdown-scroll-area::-webkit-scrollbar{width:.625rem}.ids-select-multiple__dropdown-wrapper .ids-select-multiple__dropdown .ids-select-multiple__dropdown-scroll-area::-webkit-scrollbar-thumb{background:var(--IDS-SCROLL__THUMB-COLOR);border:.125rem solid var(--IDS-SCROLL__TRACK-BACKGROUND-COLOR);border-radius:.625rem;cursor:auto}.ids-select-multiple__dropdown-wrapper .ids-select-multiple__dropdown .ids-select-multiple__dropdown-scroll-area::-webkit-scrollbar-thumb:hover{background:var(--IDS-SCROLL__THUMB-HOVER-COLOR)}.ids-select-multiple__dropdown-wrapper .ids-select-multiple__dropdown .ids-select-multiple__dropdown-scroll-area::-webkit-scrollbar-track{background:var(--IDS-SCROLL__TRACK-BACKGROUND-COLOR);border-radius:.625rem;margin-top:0;outline:.0625rem solid var(--IDS-SCROLL__TRACK-OUTLINE-COLOR)}.ids-select-multiple__dropdown-wrapper .ids-select-multiple__dropdown .ids-select-multiple__dropdown-scroll-area::-webkit-scrollbar-corner{background-color:transparent}.ids-select-multiple__dropdown-wrapper .ids-select-multiple__dropdown .ids-select-multiple__dropdown-scroll-area{overflow-y:auto;padding:.625rem}.ids-select-multiple-label-wrapper .ids-label-wrapper{display:inline;margin-bottom:0;position:relative}.ids-select-multiple-label-wrapper .ids-label-wrapper .ids-label__tooltip{bottom:-.1875rem;margin-left:.5rem;position:relative}.ids-select-multiple-label-wrapper .ids-label-wrapper.ids-label-wrapper--margin-bottom{bottom:.25rem}.ids-select-multiple-label-wrapper .ids-label-wrapper.ids-label-wrapper--block{width:100%}.ids-select-multiple-label-wrapper .ids-label-wrapper.ids-label-wrapper--block label{display:block!important;width:100%}.ids-select-multiple-label-wrapper .ids-label{color:var(--IDS-FORM-LABEL__COLOR);display:inline!important;font-family:var(--IDS-FORM-LABEL__FONT-FAMILY);font-size:var(--IDS-FORM-LABEL__FONT-SIZE);font-style:normal;font-weight:var(--IDS-FORM-LABEL__FONT-WEIGHT);letter-spacing:var(--IDS-FORM-LABEL__LETTER-SPACING);line-height:var(--IDS-FORM-LABEL__HEIGHT);padding:0}.ids-select-multiple-label-wrapper .ids-label.ids-label--clickable{cursor:pointer!important}.ids-select-multiple-label-wrapper .ids-label.ids-label--disabled{color:var(--IDS-FORM-LABEL--DISABLED-COLOR);cursor:default!important;font-style:italic}.ids-select-multiple-label-wrapper:has(input:disabled) .ids-label{color:var(--IDS-FORM-LABEL--DISABLED-COLOR);cursor:default!important;font-style:italic}";
3
+ var css_248z = ".ids-select-multiple__select{background-color:var(--IDS-INPUT__BACKGROUND-COLOR);border-radius:var(--IDS-BORDER-RADIUS-MEDIUM)!important;box-sizing:border-box;color:var(--IDS-FORM__COLOR);display:block;font-family:var(--IDS-FONT-FAMILY-BASE)!important;font-size:1rem;padding:var(--IDS-INPUT__PADDING);width:100%}.ids-select-multiple__select:hover{background-color:var(--IDS-INPUT__HOVER-BACKGROUND-COLOR);border-color:var(--IDS-INPUT__HOVER-BORDER-COLOR)}.ids-select-multiple__select:active{background-color:var(--IDS-INPUT__ACTIVE-BACKGROUND-COLOR);border-color:var(--IDS-INPUT__ACTIVE-BORDER-COLOR)}.ids-select-multiple__select:focus-visible,.ids-select-multiple__select:focus-visible:hover{background-color:var(--IDS-INPUT__BACKGROUND-COLOR);border-color:var(--IDS-INPUT__FOCUS-BORDER-COLOR)}.ids-select-multiple__select:disabled,.ids-select-multiple__select[readonly],.ids-select-multiple__select[readonly]:focus-visible,.ids-select-multiple__select[readonly]:focus-visible:hover{-webkit-text-fill-color:inherit;background:var(--IDS-FORM--DISABLED__BACKGROUND-COLOR);border:var(--IDS-FORM--DISABLED__BORDER);color:var(--IDS-FORM--DISABLED__COLOR);font-style:italic!important;opacity:1}.ids-select-multiple__select:disabled::placeholder,.ids-select-multiple__select[readonly]::placeholder,.ids-select-multiple__select[readonly]:focus-visible::placeholder,.ids-select-multiple__select[readonly]:focus-visible:hover::placeholder{color:var(--IDS-FORM--DISABLED__COLOR)}.ids-select-multiple__select.ids-input--light{background-color:var(--IDS-INPUT--LIGHT__BACKGROUND-COLOR)}.ids-select-multiple__select.ids-input--light:hover{background-color:var(--IDS-INPUT--LIGHT__HOVER-BACKGROUND-COLOR)}.ids-select-multiple__select.ids-input--light:active{background-color:var(--IDS-INPUT--LIGHT__ACTIVE-BACKGROUND-COLOR);border-color:var(--IDS-INPUT__ACTIVE-BORDER-COLOR)}.ids-select-multiple__select.ids-input--light:focus-visible,.ids-select-multiple__select.ids-input--light:focus-visible:hover{background-color:var(--IDS-INPUT--LIGHT__BACKGROUND-COLOR)}.ids-select-multiple__select.ids-input--light:disabled,.ids-select-multiple__select.ids-input--light[readonly],.ids-select-multiple__select.ids-input--light[readonly]:focus-visible,.ids-select-multiple__select.ids-input--light[readonly]:focus-visible:hover{-webkit-text-fill-color:inherit;background:var(--IDS-FORM--DISABLED__BACKGROUND-COLOR);border:var(--IDS-FORM--DISABLED__BORDER);color:var(--IDS-FORM--DISABLED__COLOR);font-style:italic!important;opacity:1}.ids-select-multiple__select.ids-input--light:disabled::placeholder,.ids-select-multiple__select.ids-input--light[readonly]::placeholder,.ids-select-multiple__select.ids-input--light[readonly]:focus-visible::placeholder,.ids-select-multiple__select.ids-input--light[readonly]:focus-visible:hover::placeholder{color:var(--IDS-FORM--DISABLED__COLOR)}.ids-select-multiple__select:focus-visible{outline:.125rem solid var(--IDS-FOCUS__OUTLINE-COLOR);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)!important}.ids-select-multiple__select{border:var(--IDS-INPUT__BORDER-THICKNESS) solid var(--IDS-INPUT__BORDER-COLOR);cursor:pointer;display:inline-block!important;height:var(--IDS-INPUT__HEIGHT);overflow:hidden;padding-left:var(--IDS-SELECT__PADDING-LEFT)!important;padding-right:var(--IDS-INPUT__ICON-PADDING-RIGHT)!important;text-align:left;text-overflow:ellipsis;width:100%!important}.ids-select-multiple__select::placeholder{color:var(--IDS-FORM__COLOR)}.ids-select-multiple__select.ids-input--invalid,.ids-select-multiple__select[aria-invalid=true]{background:var(--IDS-FORM--INVALID__BACKGROUND-COLOR)!important;border:var(--IDS-FORM--INVALID__BORDER);box-shadow:var(--IDS-FORM--INVALID-BOX-SHADOW)}.ids-select-multiple__select.ids-input--light{background-color:var(--IDS-SELECT--LIGHT__BACKGROUND-COLOR)}.ids-select-multiple__select.ids-input--light.ids-input--invalid,.ids-select-multiple__select.ids-input--light[aria-invalid=true]{background:var(--IDS-FORM--INVALID__BACKGROUND-COLOR)!important;border:var(--IDS-FORM--INVALID__BORDER);box-shadow:var(--IDS-FORM--INVALID-BOX-SHADOW)}.ids-select-multiple__select[aria-disabled=true]{-webkit-text-fill-color:inherit;background:var(--IDS-FORM--DISABLED__BACKGROUND-COLOR);border:var(--IDS-FORM--DISABLED__BORDER);color:var(--IDS-FORM--DISABLED__COLOR);font-style:italic!important;opacity:1}.ids-select-multiple__select[aria-disabled=true]::placeholder{color:var(--IDS-FORM--DISABLED__COLOR)}.ids-select-multiple__select:disabled{cursor:default}.ids-select-multiple__select:disabled::placeholder{color:var(--IDS-FORM--DISABLED__COLOR)}.ids-select-multiple__select:disabled.ids-input--light{-webkit-text-fill-color:inherit;background-color:var(--IDS-INPUT--LIGHT__BACKGROUND-COLOR);background:var(--IDS-FORM--DISABLED__BACKGROUND-COLOR);border:var(--IDS-FORM--DISABLED__BORDER);color:var(--IDS-FORM--DISABLED__COLOR);font-style:italic!important;opacity:1}.ids-select-multiple__select:disabled.ids-input--light::placeholder{color:var(--IDS-FORM--DISABLED__COLOR)}.ids-select-multiple__select{white-space:nowrap}.ids-select-multiple__select-wrapper{display:flex;position:relative}.ids-select-multiple__select-wrapper:after{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-ICON--ACTIVE-COLOR);content:\"\\e936\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1rem;pointer-events:none;position:absolute;right:var(--IDS-INPUT__ICON-RIGHT);top:50%;transform:translateY(-50%);z-index:2}.ids-select-multiple__select-wrapper:has(.ids-input--invalid):after,.ids-select-multiple__select-wrapper:has(input[aria-invalid=true]):after{color:var(--IDS-FORM--INVALID__COLOR)}.ids-select-multiple__select-wrapper:has(input:disabled):after,.ids-select-multiple__select-wrapper:has(input[aria-disabled=true]):after{color:var(--IDS-FORM--DISABLED__COLOR)}.ids-select-multiple__dropdown-wrapper{position:relative}.ids-select-multiple__dropdown-wrapper .ids-select-multiple__dropdown{background-color:var(--IDS-SELECT-MULTIPLE-DROPDOWN__BACKGROUND-COLOR);border:.0625rem solid var(--IDS-SELECT-MULTIPLE-DROPDOWN__BORDER-COLOR);border-radius:var(--IDS-BORDER-RADIUS-MEDIUM);box-shadow:var(--IDS-BOX-SHADOW-ELEVATED-2);color:var(--IDS-FONT-COLOR);display:none;left:0;position:absolute;right:0;top:.0625rem;z-index:3}.ids-select-multiple__dropdown-wrapper .ids-select-multiple__dropdown.ids-select-multiple__dropdown--expanded{display:block}.ids-select-multiple__dropdown-wrapper .ids-select-multiple__dropdown .ids-select-multiple__dropdown-scroll-area::-webkit-scrollbar{width:.625rem}.ids-select-multiple__dropdown-wrapper .ids-select-multiple__dropdown .ids-select-multiple__dropdown-scroll-area::-webkit-scrollbar-thumb{background:var(--IDS-SCROLL__THUMB-COLOR);border:.125rem solid var(--IDS-SCROLL__TRACK-BACKGROUND-COLOR);border-radius:.625rem;cursor:auto}.ids-select-multiple__dropdown-wrapper .ids-select-multiple__dropdown .ids-select-multiple__dropdown-scroll-area::-webkit-scrollbar-thumb:hover{background:var(--IDS-SCROLL__THUMB-HOVER-COLOR)}.ids-select-multiple__dropdown-wrapper .ids-select-multiple__dropdown .ids-select-multiple__dropdown-scroll-area::-webkit-scrollbar-track{background:var(--IDS-SCROLL__TRACK-BACKGROUND-COLOR);border-radius:.625rem;margin-top:0;outline:.0625rem solid var(--IDS-SCROLL__TRACK-OUTLINE-COLOR)}.ids-select-multiple__dropdown-wrapper .ids-select-multiple__dropdown .ids-select-multiple__dropdown-scroll-area::-webkit-scrollbar-corner{background-color:transparent}.ids-select-multiple__dropdown-wrapper .ids-select-multiple__dropdown .ids-select-multiple__dropdown-scroll-area{overflow-y:auto;padding:.625rem}.ids-select-multiple-label-wrapper .ids-label-wrapper{display:inline;margin-bottom:0;position:relative}.ids-select-multiple-label-wrapper .ids-label-wrapper .ids-label__tooltip{bottom:-.1875rem;margin-left:.5rem;position:relative}.ids-select-multiple-label-wrapper .ids-label-wrapper.ids-label-wrapper--margin-bottom{margin-bottom:.25rem}.ids-select-multiple-label-wrapper .ids-label-wrapper.ids-label-wrapper--block{width:100%}.ids-select-multiple-label-wrapper .ids-label-wrapper.ids-label-wrapper--block label{display:block!important;width:100%}.ids-select-multiple-label-wrapper .ids-label{color:var(--IDS-FORM-LABEL__COLOR);display:inline!important;font-family:var(--IDS-FORM-LABEL__FONT-FAMILY);font-size:var(--IDS-FORM-LABEL__FONT-SIZE);font-style:normal;font-weight:var(--IDS-FORM-LABEL__FONT-WEIGHT);letter-spacing:var(--IDS-FORM-LABEL__LETTER-SPACING);line-height:var(--IDS-FORM-LABEL__HEIGHT);padding:0}.ids-select-multiple-label-wrapper .ids-label.ids-label--clickable{cursor:pointer!important}.ids-select-multiple-label-wrapper .ids-label.ids-label--disabled{color:var(--IDS-FORM-LABEL--DISABLED-COLOR);cursor:default!important;font-style:italic}.ids-select-multiple-label-wrapper:has(input:disabled) .ids-label{color:var(--IDS-FORM-LABEL--DISABLED-COLOR);cursor:default!important;font-style:italic}";
4
4
 
5
5
  var selectMultipleLit = css`${unsafeCSS(css_248z)}`;
6
6
 
package/components/form/select-multiple/select-multiple.css CHANGED
@@ -14,6 +14,7 @@
14
14
  color: var(--IDS-FORM__COLOR);
15
15
  }
16
16
  .ids-select-multiple__select:hover {
17
+ border-color: var(--IDS-INPUT__HOVER-BORDER-COLOR);
17
18
  background-color: var(--IDS-INPUT__HOVER-BACKGROUND-COLOR);
18
19
  }
19
20
  .ids-select-multiple__select:active {
@@ -218,7 +219,7 @@
218
219
  bottom: -0.1875rem;
219
220
  }
220
221
  .ids-select-multiple-label-wrapper .ids-label-wrapper.ids-label-wrapper--margin-bottom {
221
- bottom: 0.25rem;
222
+ margin-bottom: 0.25rem;
222
223
  }
223
224
  .ids-select-multiple-label-wrapper .ids-label-wrapper.ids-label-wrapper--block {
224
225
  width: 100%;
package/components/list-pagination/list-pagination-lit.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { css, unsafeCSS } from 'lit';
2
2
 
3
- var css_248z = ".ids-list-pagination{text-align:center}.ids-list-pagination .ids-list-pagination__summary{color:var(--IDS-FONT-COLOR);font-family:var(--IDS-FONT-FAMILY-BASE)!important;line-height:1.5rem;margin-bottom:.5rem;text-align:center}.ids-list-pagination .ids-list-pagination__content{align-items:center;display:flex;justify-content:center}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;margin:0;padding:0}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item{align-items:center;background-color:var(--IDS-LIST-PAGINATION__BACKGROUND-COLOR);border:0;border-radius:2rem;box-sizing:border-box;color:var(--IDS-LIST-PAGINATION__COLOR);display:flex;justify-content:center;margin:0 .125rem;min-height:2rem;min-width:2rem;text-align:center}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item[hidden]{display:none}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item[data-hidden-before]:before,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item[hidden-before]:before{color:var(--IDS-FONT-COLOR);content:\"..\";display:block;font-family:var(--IDS-FONT-FAMILY-BASE);font-size:1.5rem;font-style:normal;font-weight:600;line-height:1.5rem;margin-left:-.188rem;margin-right:.25rem}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item.ids-list-pagination__list-item--current{background-color:var(--IDS-LIST-PAGINATION__COLOR);color:var(--ids-color-interactive-text-on-hover)}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item .ids-list-pagination__button,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item .ids-list-pagination__link{align-items:center;background-color:transparent;border:0;border-radius:2rem;color:var(--IDS-LIST-PAGINATION__COLOR);cursor:pointer;display:flex;flex-shrink:0;font-family:var(--IDS-LIST-PAGINATION__LINK-FONT-FAMILY);font-size:1rem;font-style:normal;font-weight:600;justify-content:center;line-height:1.5rem;min-height:2rem;min-width:2rem;padding:0 .5rem;text-align:center;text-decoration-color:var(--IDS-LIST-PAGINATION__COLOR);text-decoration:underline!important;text-decoration-thickness:.0938rem!important;text-underline-offset:.125rem!important}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item .ids-list-pagination__button:focus-visible,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item .ids-list-pagination__link:focus-visible{outline:.125rem solid var(--IDS-FOCUS__OUTLINE-COLOR);outline-offset:.125rem!important}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item .ids-list-pagination__button:active:not(:disabled):not([aria-disabled=true]),.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item .ids-list-pagination__link:active:not(:disabled):not([aria-disabled=true]){background-color:var(--IDS-LIST-PAGINATION--ACTIVE__BACKGROUND-COLOR)!important;color:var(--IDS-LIST-PAGINATION--ACTIVE__COLOR)!important}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item .ids-list-pagination__button:focus-visible,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item .ids-list-pagination__link:focus-visible{outline:var(--IDS-FOCUS__OUTLINE)!important;outline-color:var(--IDS-FOCUS__OUTLINE-COLOR)!important}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item .ids-list-pagination__button:hover:not(:disabled):not([aria-disabled=true]),.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item .ids-list-pagination__link:hover:not(:disabled):not([aria-disabled=true]){background-color:var(--IDS-LIST-PAGINATION--HOVER__BACKGROUND-COLOR);color:var(--IDS-LIST-PAGINATION--HOVER-COLOR);cursor:pointer;text-decoration:none}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item .ids-list-pagination__button:hover:not(:disabled):not([aria-disabled=true]):after,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item .ids-list-pagination__link:hover:not(:disabled):not([aria-disabled=true]):after{color:var(--IDS-LIST-PAGINATION--HOVER-COLOR)}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item .ids-list-pagination__button.ids-list-pagination__button--current,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item .ids-list-pagination__button.ids-list-pagination__link--current,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item .ids-list-pagination__link.ids-list-pagination__button--current,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item .ids-list-pagination__link.ids-list-pagination__link--current{color:var(--IDS-LIST-PAGINATION__CURRENT-COLOR);cursor:default;font-weight:400;text-decoration:none}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item .ids-list-pagination__button.ids-list-pagination__button--current:focus-visible,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item .ids-list-pagination__button.ids-list-pagination__link--current:focus-visible,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item .ids-list-pagination__link.ids-list-pagination__button--current:focus-visible,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item .ids-list-pagination__link.ids-list-pagination__link--current:focus-visible{outline:var(--IDS-FOCUS__OUTLINE)!important;outline-color:var(--IDS-FOCUS__OUTLINE-COLOR)!important}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item .ids-list-pagination__button.ids-list-pagination__button--current:hover,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item .ids-list-pagination__button.ids-list-pagination__link--current:hover,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item .ids-list-pagination__link.ids-list-pagination__button--current:hover,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item .ids-list-pagination__link.ids-list-pagination__link--current:hover{cursor:default}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-link{display:flex;margin-right:.25rem}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button a,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button button,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-link a,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-link button{align-items:center;background-color:var(--IDS-LIST-PAGINATION__BACKGROUND-COLOR);background-size:1rem 1rem;border:0!important;border-radius:1.75rem!important;color:var(--IDS-LIST-PAGINATION-COLOR);cursor:pointer;display:flex;flex-shrink:0;height:1.9375rem!important;justify-content:center;position:relative;width:1.9375rem!important}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button a:after,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button button:after,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-link a:after,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-link button:after{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-LIST-PAGINATION__COLOR);content:\"\\e937\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1rem;height:1rem;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:1rem}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button a:hover:not([aria-disabled=true]),.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button button:hover:not(:disabled),.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-link a:hover:not([aria-disabled=true]),.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-link button:hover:not(:disabled){background-color:var(--IDS-LIST-PAGINATION--HOVER__BACKGROUND-COLOR);color:var(--IDS-LIST-PAGINATION--HOVER-COLOR);cursor:pointer;text-decoration:none}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button a:hover:not([aria-disabled=true]):after,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button button:hover:not(:disabled):after,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-link a:hover:not([aria-disabled=true]):after,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-link button:hover:not(:disabled):after{color:var(--IDS-LIST-PAGINATION--HOVER-COLOR)}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button a:active:not([aria-disabled=true]),.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button button:active:not(:disabled),.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-link a:active:not([aria-disabled=true]),.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-link button:active:not(:disabled){background-color:var(--IDS-LIST-PAGINATION--ACTIVE__BACKGROUND-COLOR)!important;color:var(--IDS-LIST-PAGINATION--ACTIVE__COLOR)!important}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button a:focus-visible,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button button:focus-visible,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-link a:focus-visible,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-link button:focus-visible{outline:var(--IDS-FOCUS__OUTLINE)!important;outline-color:var(--IDS-FOCUS__OUTLINE-COLOR)!important}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button a[aria-disabled=true],.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button button:disabled,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-link a[aria-disabled=true],.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-link button:disabled{color:var(--IDS-LIST-PAGINATION--DISABLED-COLOR);pointer-events:none}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button a[aria-disabled=true]:after,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button button:disabled:after,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-link a[aria-disabled=true]:after,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-link button:disabled:after{color:var(--IDS-LIST-PAGINATION--DISABLED-COLOR)}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-link{display:flex;margin-left:.25rem}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button a,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button button,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-link a,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-link button{align-items:center;background-color:var(--IDS-LIST-PAGINATION__BACKGROUND-COLOR);background-size:1rem 1rem;border:0!important;border-radius:1.75rem!important;color:var(--IDS-LIST-PAGINATION-COLOR);cursor:pointer;display:flex;flex-shrink:0;height:1.9375rem!important;justify-content:center;position:relative;width:1.9375rem!important}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button a:after,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button button:after,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-link a:after,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-link button:after{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-LIST-PAGINATION__COLOR);content:\"\\e938\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1rem;height:1rem;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:1rem}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button a:hover:not([aria-disabled=true]),.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button button:hover:not(:disabled),.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-link a:hover:not([aria-disabled=true]),.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-link button:hover:not(:disabled){background-color:var(--IDS-LIST-PAGINATION--HOVER__BACKGROUND-COLOR);color:var(--IDS-LIST-PAGINATION--HOVER-COLOR);cursor:pointer;text-decoration:none}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button a:hover:not([aria-disabled=true]):after,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button button:hover:not(:disabled):after,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-link a:hover:not([aria-disabled=true]):after,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-link button:hover:not(:disabled):after{color:var(--IDS-LIST-PAGINATION--HOVER-COLOR)}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button a:active:not([aria-disabled=true]),.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button button:active:not(:disabled),.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-link a:active:not([aria-disabled=true]),.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-link button:active:not(:disabled){background-color:var(--IDS-LIST-PAGINATION--ACTIVE__BACKGROUND-COLOR)!important;color:var(--IDS-LIST-PAGINATION--ACTIVE__COLOR)!important}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button a:focus-visible,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button button:focus-visible,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-link a:focus-visible,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-link button:focus-visible{outline:var(--IDS-FOCUS__OUTLINE)!important;outline-color:var(--IDS-FOCUS__OUTLINE-COLOR)!important}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button a[aria-disabled=true],.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button button:disabled,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-link a[aria-disabled=true],.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-link button:disabled{color:var(--IDS-LIST-PAGINATION--DISABLED-COLOR);pointer-events:none}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button a[aria-disabled=true]:after,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button button:disabled:after,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-link a[aria-disabled=true]:after,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-link button:disabled:after{color:var(--IDS-LIST-PAGINATION--DISABLED-COLOR)}";
3
+ var css_248z = ".ids-list-pagination{text-align:center}.ids-list-pagination .ids-list-pagination__summary{color:var(--IDS-FONT-COLOR);font-family:var(--IDS-FONT-FAMILY-BASE)!important;line-height:1.5rem;margin-bottom:.5rem;text-align:center}.ids-list-pagination .ids-list-pagination__content{align-items:center;display:flex;justify-content:center}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;margin:0;padding:0}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item{align-items:center;background-color:var(--IDS-LIST-PAGINATION__BACKGROUND-COLOR);border:0;border-radius:2rem;box-sizing:border-box;color:var(--IDS-LIST-PAGINATION__COLOR);display:flex;justify-content:center;margin:0 .125rem;min-height:2rem;min-width:2rem;position:relative;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],.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item[hidden-before]{margin-left:1rem}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item[data-hidden-before]:before,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item[hidden-before]:before{color:var(--IDS-FONT-COLOR);content:\"..\";display:block;font-family:var(--IDS-FONT-FAMILY-BASE);font-size:1.5rem;font-style:normal;font-weight:600;left:-1rem;line-height:1.5rem;position:absolute}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item.ids-list-pagination__list-item--current{background-color:var(--IDS-LIST-PAGINATION__COLOR);color:var(--ids-color-interactive-text-on-hover)}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item .ids-list-pagination__button,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item .ids-list-pagination__link{align-items:center;background-color:transparent;border:0;border-radius:2rem;color:var(--IDS-LIST-PAGINATION__COLOR);cursor:pointer;display:flex;flex-shrink:0;font-family:var(--IDS-LIST-PAGINATION__LINK-FONT-FAMILY);font-size:1rem;font-style:normal;font-weight:600;justify-content:center;line-height:1.5rem;min-height:2rem;min-width:2rem;padding:0 .5rem;text-align:center;text-decoration-color:var(--IDS-LIST-PAGINATION__COLOR);text-decoration:underline!important;text-decoration-thickness:.0938rem!important;text-underline-offset:.125rem!important}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item .ids-list-pagination__button:focus-visible,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item .ids-list-pagination__link:focus-visible{outline:.125rem solid var(--IDS-FOCUS__OUTLINE-COLOR);outline-offset:.125rem!important}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item .ids-list-pagination__button:active:not(:disabled):not([aria-disabled=true]),.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item .ids-list-pagination__link:active:not(:disabled):not([aria-disabled=true]){background-color:var(--IDS-LIST-PAGINATION--ACTIVE__BACKGROUND-COLOR)!important;color:var(--IDS-LIST-PAGINATION--ACTIVE__COLOR)!important}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item .ids-list-pagination__button:focus-visible,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item .ids-list-pagination__link:focus-visible{outline:var(--IDS-FOCUS__OUTLINE)!important;outline-color:var(--IDS-FOCUS__OUTLINE-COLOR)!important}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item .ids-list-pagination__button:hover:not(:disabled):not([aria-disabled=true]),.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item .ids-list-pagination__link:hover:not(:disabled):not([aria-disabled=true]){background-color:var(--IDS-LIST-PAGINATION--HOVER__BACKGROUND-COLOR);color:var(--IDS-LIST-PAGINATION--HOVER-COLOR);cursor:pointer;text-decoration:none}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item .ids-list-pagination__button:hover:not(:disabled):not([aria-disabled=true]):after,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item .ids-list-pagination__link:hover:not(:disabled):not([aria-disabled=true]):after{color:var(--IDS-LIST-PAGINATION--HOVER-COLOR)}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item .ids-list-pagination__button.ids-list-pagination__button--current,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item .ids-list-pagination__button.ids-list-pagination__link--current,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item .ids-list-pagination__link.ids-list-pagination__button--current,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item .ids-list-pagination__link.ids-list-pagination__link--current{color:var(--IDS-LIST-PAGINATION__CURRENT-COLOR);cursor:default;font-weight:400;text-decoration:none}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item .ids-list-pagination__button.ids-list-pagination__button--current:focus-visible,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item .ids-list-pagination__button.ids-list-pagination__link--current:focus-visible,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item .ids-list-pagination__link.ids-list-pagination__button--current:focus-visible,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item .ids-list-pagination__link.ids-list-pagination__link--current:focus-visible{outline:var(--IDS-FOCUS__OUTLINE)!important;outline-color:var(--IDS-FOCUS__OUTLINE-COLOR)!important}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item .ids-list-pagination__button.ids-list-pagination__button--current:hover,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item .ids-list-pagination__button.ids-list-pagination__link--current:hover,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item .ids-list-pagination__link.ids-list-pagination__button--current:hover,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item .ids-list-pagination__link.ids-list-pagination__link--current:hover{cursor:default}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-link{display:flex;margin-right:.25rem}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button a,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button button,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-link a,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-link button{align-items:center;background-color:var(--IDS-LIST-PAGINATION__BACKGROUND-COLOR);background-size:1rem 1rem;border:0!important;border-radius:1.75rem!important;color:var(--IDS-LIST-PAGINATION-COLOR);cursor:pointer;display:flex;flex-shrink:0;height:1.9375rem!important;justify-content:center;position:relative;width:1.9375rem!important}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button a:after,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button button:after,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-link a:after,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-link button:after{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-LIST-PAGINATION__COLOR);content:\"\\e937\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1rem;height:1rem;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:1rem}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button a:hover:not([aria-disabled=true]),.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button button:hover:not(:disabled),.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-link a:hover:not([aria-disabled=true]),.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-link button:hover:not(:disabled){background-color:var(--IDS-LIST-PAGINATION--HOVER__BACKGROUND-COLOR);color:var(--IDS-LIST-PAGINATION--HOVER-COLOR);cursor:pointer;text-decoration:none}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button a:hover:not([aria-disabled=true]):after,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button button:hover:not(:disabled):after,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-link a:hover:not([aria-disabled=true]):after,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-link button:hover:not(:disabled):after{color:var(--IDS-LIST-PAGINATION--HOVER-COLOR)}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button a:active:not([aria-disabled=true]),.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button button:active:not(:disabled),.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-link a:active:not([aria-disabled=true]),.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-link button:active:not(:disabled){background-color:var(--IDS-LIST-PAGINATION--ACTIVE__BACKGROUND-COLOR)!important;color:var(--IDS-LIST-PAGINATION--ACTIVE__COLOR)!important}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button a:focus-visible,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button button:focus-visible,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-link a:focus-visible,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-link button:focus-visible{outline:var(--IDS-FOCUS__OUTLINE)!important;outline-color:var(--IDS-FOCUS__OUTLINE-COLOR)!important}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button a[aria-disabled=true],.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button button:disabled,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-link a[aria-disabled=true],.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-link button:disabled{color:var(--IDS-LIST-PAGINATION--DISABLED-COLOR);pointer-events:none}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button a[aria-disabled=true]:after,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button button:disabled:after,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-link a[aria-disabled=true]:after,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-link button:disabled:after{color:var(--IDS-LIST-PAGINATION--DISABLED-COLOR)}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-link{display:flex;margin-left:.25rem}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button a,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button button,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-link a,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-link button{align-items:center;background-color:var(--IDS-LIST-PAGINATION__BACKGROUND-COLOR);background-size:1rem 1rem;border:0!important;border-radius:1.75rem!important;color:var(--IDS-LIST-PAGINATION-COLOR);cursor:pointer;display:flex;flex-shrink:0;height:1.9375rem!important;justify-content:center;position:relative;width:1.9375rem!important}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button a:after,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button button:after,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-link a:after,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-link button:after{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-LIST-PAGINATION__COLOR);content:\"\\e938\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1rem;height:1rem;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:1rem}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button a:hover:not([aria-disabled=true]),.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button button:hover:not(:disabled),.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-link a:hover:not([aria-disabled=true]),.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-link button:hover:not(:disabled){background-color:var(--IDS-LIST-PAGINATION--HOVER__BACKGROUND-COLOR);color:var(--IDS-LIST-PAGINATION--HOVER-COLOR);cursor:pointer;text-decoration:none}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button a:hover:not([aria-disabled=true]):after,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button button:hover:not(:disabled):after,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-link a:hover:not([aria-disabled=true]):after,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-link button:hover:not(:disabled):after{color:var(--IDS-LIST-PAGINATION--HOVER-COLOR)}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button a:active:not([aria-disabled=true]),.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button button:active:not(:disabled),.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-link a:active:not([aria-disabled=true]),.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-link button:active:not(:disabled){background-color:var(--IDS-LIST-PAGINATION--ACTIVE__BACKGROUND-COLOR)!important;color:var(--IDS-LIST-PAGINATION--ACTIVE__COLOR)!important}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button a:focus-visible,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button button:focus-visible,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-link a:focus-visible,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-link button:focus-visible{outline:var(--IDS-FOCUS__OUTLINE)!important;outline-color:var(--IDS-FOCUS__OUTLINE-COLOR)!important}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button a[aria-disabled=true],.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button button:disabled,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-link a[aria-disabled=true],.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-link button:disabled{color:var(--IDS-LIST-PAGINATION--DISABLED-COLOR);pointer-events:none}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button a[aria-disabled=true]:after,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button button:disabled:after,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-link a[aria-disabled=true]:after,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-link button:disabled:after{color:var(--IDS-LIST-PAGINATION--DISABLED-COLOR)}";
4
4
 
5
5
  var listPaginationLit = css`
6
6
  ${unsafeCSS(css_248z)}
package/components/list-pagination/list-pagination.css CHANGED
@@ -34,15 +34,19 @@
34
34
  box-sizing: border-box;
35
35
  color: var(--IDS-LIST-PAGINATION__COLOR);
36
36
  background-color: var(--IDS-LIST-PAGINATION__BACKGROUND-COLOR);
37
+ position: relative;
37
38
  }
38
39
  .ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item[hidden] {
39
40
  display: none;
40
41
  }
42
+ .ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item[hidden-before], .ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item[data-hidden-before] {
43
+ margin-left: 1rem;
44
+ }
41
45
  .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 {
42
46
  content: "..";
43
47
  display: block;
44
- margin-right: 0.25rem;
45
- margin-left: -0.188rem;
48
+ position: absolute;
49
+ left: -1rem;
46
50
  color: var(--IDS-FONT-COLOR);
47
51
  font-family: var(--IDS-FONT-FAMILY-BASE);
48
52
  font-size: 1.5rem;
package/components/tabs/tabs-lit.js CHANGED
@@ -2,7 +2,7 @@ import { css, unsafeCSS } from 'lit';
2
2
 
3
3
  var css_248z$1 = "@media (max-width:1023px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}.ids-tabs .ids-tabs__select{display:block}.ids-tabs .ids-tabs__select .ids-label-wrapper{margin-bottom:.25rem}.ids-tabs .ids-tabs__tabs{align-items:flex-end;display:none;flex-wrap:wrap;justify-content:flex-start;padding:0 1.25rem;position:relative}.ids-tabs .ids-tabs__tabs:after{background-color:var(--IDS-TABS__BORDER-BOTTOM-COLOR);bottom:0;content:\"\";height:.25rem;left:0;position:absolute;right:0;width:100%}.ids-tabs .ids-tabs__tabs:before{bottom:0;content:var(--IDS-TAB--SELECTED__BEFORE-CONTENT);height:.625rem;left:0;pointer-events:none;position:absolute;right:0}@media (min-width:1024px){.ids-tabs .ids-tabs__select{display:none}.ids-tabs .ids-tabs__tabs{display:flex}}.ids-tabs.ids-tabs--unresponsive .ids-tabs__select{display:none}.ids-tabs.ids-tabs--unresponsive .ids-tabs__tabs{display:flex!important}@media (min-width:640px){.ids-tabs.ids-tabs--responsive-on-s .ids-tabs__select{display:none}.ids-tabs.ids-tabs--responsive-on-s .ids-tabs__tabs{display:flex}}@media (min-width:1024px){.ids-tabs.ids-tabs--responsive-on-m .ids-tabs__select{display:none}.ids-tabs.ids-tabs--responsive-on-m .ids-tabs__tabs{display:flex}}.ids-tabs .ids-tabs__panels{position:relative}.ids-tab{background:none;border:none;color:inherit;font:inherit;min-height:1.5rem;min-width:1.5rem;outline:inherit;padding:0;-moz-user-select:-moz-none}.ids-tab:focus-visible{outline:.125rem solid var(--IDS-FOCUS__OUTLINE-COLOR);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)!important}.ids-tab{-webkit-touch-callout:none;align-items:center;background-color:var(--IDS-TABS__BACKGROUND-COLOR);border-left:var(--IDS-TAB__BORDER);border-radius:var(--IDS-TAB__BORDER-RADIUS);border-right:var(--IDS-TAB__BORDER);border-top:var(--IDS-TAB__BORDER);color:var(--IDS-TAB__COLOR);cursor:pointer;display:flex;font-family:var(--IDS-FONT-FAMILY-BASE);justify-content:center;outline:none;overflow:hidden;padding:.4375rem 1.4375rem;position:relative;text-decoration:none!important;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:1}.ids-tab:after{background-color:var(--IDS-TABS__BORDER-BOTTOM-COLOR);bottom:0;content:\"\";height:.25rem;left:0;position:absolute;right:0;z-index:2}.ids-tab:focus-visible{z-index:2}.ids-tab .ids-tab__label{align-items:center;background-color:var(--IDS-TABS__BACKGROUND-COLOR);color:var(--IDS-TAB__COLOR);display:flex;flex-direction:row;font-size:1rem;font-weight:400;justify-content:center;line-height:1.6875rem;text-align:center}.ids-tab .ids-tab__label:before{background-color:transparent;content:\"\";height:var(--IDS-TAB--SELECTED__TOP-BORDER-HEIGHT);left:0;position:absolute;right:0;top:0;width:100%}.ids-tab:hover{border-left:var(--IDS-TAB--HOVER-BORDER);border-right:var(--IDS-TAB--HOVER-BORDER);border-top:var(--IDS-TAB--HOVER-BORDER-TOP);padding:.4375rem 1.375rem}.ids-tab:hover .ids-tab__label{color:var(--IDS-TAB--HOVER-COLOR)}.ids-tab:hover .ids-tab__label:before{background-color:var(--IDS-TAB--HOVER-BEFORE-COLOR)}.ids-tab.ids-tab--selected{border-left:var(--IDS-TAB--SELECTED__BORDER);border-right:var(--IDS-TAB--SELECTED__BORDER);border-top:var(--IDS-TAB--SELECTED__BORDER-TOP);padding:.4375rem 1.375rem}.ids-tab.ids-tab--selected,.ids-tab.ids-tab--selected .ids-tab__label{background-color:var(--IDS-TAB--SELECTED__BACKGROUND-COLOR);color:var(--IDS-TAB--SELECTED__COLOR)}.ids-tab.ids-tab--selected .ids-tab__label:before{background-color:var(--IDS-TAB--SELECTED__BORDER-COLOR)}.ids-tab.ids-tab--selected:after{background-color:var(--IDS-TAB--SELECTED__BORDER-BOTTOM-COLOR)}.ids-tab .ids-tab-icon{align-self:center!important;color:var(--IDS-TAB-ICON__COLOR);display:flex!important;font-size:1.25rem!important;margin-right:.5rem}.ids-tab .ids-tab-extra{margin-left:.5rem}.ids-tab-panel{color:var(--IDS-TAB-PANEL__COLOR);display:none;font-family:var(--IDS-FONT-FAMILY-BASE);margin-top:1.5rem;outline-color:var(--IDS-FOCUS__OUTLINE-COLOR);outline-offset:.125rem}.ids-tab-panel .ids-tab-panel--hidden{display:none}.ids-tab-panel.ids-tab-panel--compact{margin-top:.125rem}.ids-tab-panel.ids-tab-panel--selected{display:block}";
4
4
 
5
- var css_248z = ".ids-select:has(select:disabled) label{color:var(--IDS-FORM-LABEL--DISABLED-COLOR);cursor:default!important;font-style:italic}.ids-select__select{appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;background-color:var(--IDS-INPUT__BACKGROUND-COLOR);border-radius:var(--IDS-BORDER-RADIUS-MEDIUM)!important;box-sizing:border-box;color:var(--IDS-FORM__COLOR);display:block;font-family:var(--IDS-FONT-FAMILY-BASE)!important;font-size:1rem;padding:var(--IDS-INPUT__PADDING);width:100%}.ids-select__select:hover{background-color:var(--IDS-INPUT__HOVER-BACKGROUND-COLOR)}.ids-select__select:active{background-color:var(--IDS-INPUT__ACTIVE-BACKGROUND-COLOR);border-color:var(--IDS-INPUT__ACTIVE-BORDER-COLOR)}.ids-select__select:focus-visible,.ids-select__select:focus-visible:hover{background-color:var(--IDS-INPUT__BACKGROUND-COLOR);border-color:var(--IDS-INPUT__FOCUS-BORDER-COLOR)}.ids-select__select:disabled,.ids-select__select[readonly],.ids-select__select[readonly]:focus-visible,.ids-select__select[readonly]:focus-visible:hover{-webkit-text-fill-color:inherit;background:var(--IDS-FORM--DISABLED__BACKGROUND-COLOR);border:var(--IDS-FORM--DISABLED__BORDER);color:var(--IDS-FORM--DISABLED__COLOR);font-style:italic!important;opacity:1}.ids-select__select:disabled::placeholder,.ids-select__select[readonly]::placeholder,.ids-select__select[readonly]:focus-visible::placeholder,.ids-select__select[readonly]:focus-visible:hover::placeholder{color:var(--IDS-FORM--DISABLED__COLOR)}.ids-select__select.ids-input--light{background-color:var(--IDS-INPUT--LIGHT__BACKGROUND-COLOR)}.ids-select__select.ids-input--light:hover{background-color:var(--IDS-INPUT--LIGHT__HOVER-BACKGROUND-COLOR)}.ids-select__select.ids-input--light:active{background-color:var(--IDS-INPUT--LIGHT__ACTIVE-BACKGROUND-COLOR);border-color:var(--IDS-INPUT__ACTIVE-BORDER-COLOR)}.ids-select__select.ids-input--light:focus-visible,.ids-select__select.ids-input--light:focus-visible:hover{background-color:var(--IDS-INPUT--LIGHT__BACKGROUND-COLOR)}.ids-select__select.ids-input--light:disabled,.ids-select__select.ids-input--light[readonly],.ids-select__select.ids-input--light[readonly]:focus-visible,.ids-select__select.ids-input--light[readonly]:focus-visible:hover{-webkit-text-fill-color:inherit;background:var(--IDS-FORM--DISABLED__BACKGROUND-COLOR);border:var(--IDS-FORM--DISABLED__BORDER);color:var(--IDS-FORM--DISABLED__COLOR);font-style:italic!important;opacity:1}.ids-select__select.ids-input--light:disabled::placeholder,.ids-select__select.ids-input--light[readonly]::placeholder,.ids-select__select.ids-input--light[readonly]:focus-visible::placeholder,.ids-select__select.ids-input--light[readonly]:focus-visible:hover::placeholder{color:var(--IDS-FORM--DISABLED__COLOR)}.ids-select__select:focus-visible{outline:.125rem solid var(--IDS-FOCUS__OUTLINE-COLOR);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)!important}.ids-select__select{border:var(--IDS-INPUT__BORDER-THICKNESS) solid var(--IDS-INPUT__BORDER-COLOR);cursor:pointer;display:inline-block!important;height:var(--IDS-INPUT__HEIGHT);overflow:hidden;padding-left:var(--IDS-SELECT__PADDING-LEFT)!important;padding-right:var(--IDS-INPUT__ICON-PADDING-RIGHT)!important;text-align:left;text-overflow:ellipsis;width:100%!important}.ids-select__select::placeholder{color:var(--IDS-FORM__COLOR)}.ids-select__select.ids-input--invalid,.ids-select__select[aria-invalid=true]{background:var(--IDS-FORM--INVALID__BACKGROUND-COLOR)!important;border:var(--IDS-FORM--INVALID__BORDER);box-shadow:var(--IDS-FORM--INVALID-BOX-SHADOW)}.ids-select__select.ids-input--light{background-color:var(--IDS-SELECT--LIGHT__BACKGROUND-COLOR)}.ids-select__select.ids-input--light.ids-input--invalid,.ids-select__select.ids-input--light[aria-invalid=true]{background:var(--IDS-FORM--INVALID__BACKGROUND-COLOR)!important;border:var(--IDS-FORM--INVALID__BORDER);box-shadow:var(--IDS-FORM--INVALID-BOX-SHADOW)}.ids-select__select[aria-disabled=true]{-webkit-text-fill-color:inherit;background:var(--IDS-FORM--DISABLED__BACKGROUND-COLOR);border:var(--IDS-FORM--DISABLED__BORDER);color:var(--IDS-FORM--DISABLED__COLOR);font-style:italic!important;opacity:1}.ids-select__select[aria-disabled=true]::placeholder{color:var(--IDS-FORM--DISABLED__COLOR)}.ids-select__select:disabled{cursor:default}.ids-select__select:disabled::placeholder{color:var(--IDS-FORM--DISABLED__COLOR)}.ids-select__select:disabled.ids-input--light{-webkit-text-fill-color:inherit;background-color:var(--IDS-INPUT--LIGHT__BACKGROUND-COLOR);background:var(--IDS-FORM--DISABLED__BACKGROUND-COLOR);border:var(--IDS-FORM--DISABLED__BORDER);color:var(--IDS-FORM--DISABLED__COLOR);font-style:italic!important;opacity:1}.ids-select__select:disabled.ids-input--light::placeholder{color:var(--IDS-FORM--DISABLED__COLOR)}.ids-select__wrapper{display:flex;position:relative}.ids-select__wrapper:after{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-ICON--ACTIVE-COLOR);content:\"\\e936\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1rem;pointer-events:none;position:absolute;right:var(--IDS-INPUT__ICON-RIGHT);top:50%;transform:translateY(-50%);z-index:2}.ids-select__wrapper:has(select:disabled):after,.ids-select__wrapper:has(select[aria-disabled=true]):after{color:var(--IDS-FORM--DISABLED__COLOR)!important}.ids-select__wrapper:has(select[aria-invalid=true]):after{color:var(--IDS-FORM--INVALID__COLOR)!important}";
5
+ var css_248z = ".ids-select:has(select:disabled) label{color:var(--IDS-FORM-LABEL--DISABLED-COLOR);cursor:default!important;font-style:italic}.ids-select__select{appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;background-color:var(--IDS-INPUT__BACKGROUND-COLOR);border-radius:var(--IDS-BORDER-RADIUS-MEDIUM)!important;box-sizing:border-box;color:var(--IDS-FORM__COLOR);display:block;font-family:var(--IDS-FONT-FAMILY-BASE)!important;font-size:1rem;padding:var(--IDS-INPUT__PADDING);width:100%}.ids-select__select:hover{background-color:var(--IDS-INPUT__HOVER-BACKGROUND-COLOR);border-color:var(--IDS-INPUT__HOVER-BORDER-COLOR)}.ids-select__select:active{background-color:var(--IDS-INPUT__ACTIVE-BACKGROUND-COLOR);border-color:var(--IDS-INPUT__ACTIVE-BORDER-COLOR)}.ids-select__select:focus-visible,.ids-select__select:focus-visible:hover{background-color:var(--IDS-INPUT__BACKGROUND-COLOR);border-color:var(--IDS-INPUT__FOCUS-BORDER-COLOR)}.ids-select__select:disabled,.ids-select__select[readonly],.ids-select__select[readonly]:focus-visible,.ids-select__select[readonly]:focus-visible:hover{-webkit-text-fill-color:inherit;background:var(--IDS-FORM--DISABLED__BACKGROUND-COLOR);border:var(--IDS-FORM--DISABLED__BORDER);color:var(--IDS-FORM--DISABLED__COLOR);font-style:italic!important;opacity:1}.ids-select__select:disabled::placeholder,.ids-select__select[readonly]::placeholder,.ids-select__select[readonly]:focus-visible::placeholder,.ids-select__select[readonly]:focus-visible:hover::placeholder{color:var(--IDS-FORM--DISABLED__COLOR)}.ids-select__select.ids-input--light{background-color:var(--IDS-INPUT--LIGHT__BACKGROUND-COLOR)}.ids-select__select.ids-input--light:hover{background-color:var(--IDS-INPUT--LIGHT__HOVER-BACKGROUND-COLOR)}.ids-select__select.ids-input--light:active{background-color:var(--IDS-INPUT--LIGHT__ACTIVE-BACKGROUND-COLOR);border-color:var(--IDS-INPUT__ACTIVE-BORDER-COLOR)}.ids-select__select.ids-input--light:focus-visible,.ids-select__select.ids-input--light:focus-visible:hover{background-color:var(--IDS-INPUT--LIGHT__BACKGROUND-COLOR)}.ids-select__select.ids-input--light:disabled,.ids-select__select.ids-input--light[readonly],.ids-select__select.ids-input--light[readonly]:focus-visible,.ids-select__select.ids-input--light[readonly]:focus-visible:hover{-webkit-text-fill-color:inherit;background:var(--IDS-FORM--DISABLED__BACKGROUND-COLOR);border:var(--IDS-FORM--DISABLED__BORDER);color:var(--IDS-FORM--DISABLED__COLOR);font-style:italic!important;opacity:1}.ids-select__select.ids-input--light:disabled::placeholder,.ids-select__select.ids-input--light[readonly]::placeholder,.ids-select__select.ids-input--light[readonly]:focus-visible::placeholder,.ids-select__select.ids-input--light[readonly]:focus-visible:hover::placeholder{color:var(--IDS-FORM--DISABLED__COLOR)}.ids-select__select:focus-visible{outline:.125rem solid var(--IDS-FOCUS__OUTLINE-COLOR);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)!important}.ids-select__select{border:var(--IDS-INPUT__BORDER-THICKNESS) solid var(--IDS-INPUT__BORDER-COLOR);cursor:pointer;display:inline-block!important;height:var(--IDS-INPUT__HEIGHT);overflow:hidden;padding-left:var(--IDS-SELECT__PADDING-LEFT)!important;padding-right:var(--IDS-INPUT__ICON-PADDING-RIGHT)!important;text-align:left;text-overflow:ellipsis;width:100%!important}.ids-select__select::placeholder{color:var(--IDS-FORM__COLOR)}.ids-select__select.ids-input--invalid,.ids-select__select[aria-invalid=true]{background:var(--IDS-FORM--INVALID__BACKGROUND-COLOR)!important;border:var(--IDS-FORM--INVALID__BORDER);box-shadow:var(--IDS-FORM--INVALID-BOX-SHADOW)}.ids-select__select.ids-input--light{background-color:var(--IDS-SELECT--LIGHT__BACKGROUND-COLOR)}.ids-select__select.ids-input--light.ids-input--invalid,.ids-select__select.ids-input--light[aria-invalid=true]{background:var(--IDS-FORM--INVALID__BACKGROUND-COLOR)!important;border:var(--IDS-FORM--INVALID__BORDER);box-shadow:var(--IDS-FORM--INVALID-BOX-SHADOW)}.ids-select__select[aria-disabled=true]{-webkit-text-fill-color:inherit;background:var(--IDS-FORM--DISABLED__BACKGROUND-COLOR);border:var(--IDS-FORM--DISABLED__BORDER);color:var(--IDS-FORM--DISABLED__COLOR);font-style:italic!important;opacity:1}.ids-select__select[aria-disabled=true]::placeholder{color:var(--IDS-FORM--DISABLED__COLOR)}.ids-select__select:disabled{cursor:default}.ids-select__select:disabled::placeholder{color:var(--IDS-FORM--DISABLED__COLOR)}.ids-select__select:disabled.ids-input--light{-webkit-text-fill-color:inherit;background-color:var(--IDS-INPUT--LIGHT__BACKGROUND-COLOR);background:var(--IDS-FORM--DISABLED__BACKGROUND-COLOR);border:var(--IDS-FORM--DISABLED__BORDER);color:var(--IDS-FORM--DISABLED__COLOR);font-style:italic!important;opacity:1}.ids-select__select:disabled.ids-input--light::placeholder{color:var(--IDS-FORM--DISABLED__COLOR)}.ids-select__wrapper{display:flex;position:relative}.ids-select__wrapper:after{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-ICON--ACTIVE-COLOR);content:\"\\e936\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1rem;pointer-events:none;position:absolute;right:var(--IDS-INPUT__ICON-RIGHT);top:50%;transform:translateY(-50%);z-index:2}.ids-select__wrapper:has(select:disabled):after,.ids-select__wrapper:has(select[aria-disabled=true]):after{color:var(--IDS-FORM--DISABLED__COLOR)!important}.ids-select__wrapper:has(select[aria-invalid=true]):after{color:var(--IDS-FORM--INVALID__COLOR)!important}";
6
6
 
7
7
  var tabsLit = css`${unsafeCSS(css_248z$1)} ${unsafeCSS(css_248z)}`;
8
8
 
package/global/global.css CHANGED
@@ -12134,7 +12134,7 @@ button.ids-button.ids-button--fab:focus-visible [class^=ids-icon-] {
12134
12134
  bottom: -0.1875rem;
12135
12135
  }
12136
12136
  .ids-label-wrapper.ids-label-wrapper--margin-bottom {
12137
- bottom: 0.25rem;
12137
+ margin-bottom: 0.25rem;
12138
12138
  }
12139
12139
  .ids-label-wrapper.ids-label-wrapper--block {
12140
12140
  width: 100%;
@@ -12200,8 +12200,7 @@ button.ids-button.ids-button--fab:focus-visible [class^=ids-icon-] {
12200
12200
  margin-left: 0.75rem;
12201
12201
  }
12202
12202
  .ids-input .ids-input__wrapper {
12203
- display: flex;
12204
- flex-direction: column;
12203
+ display: block;
12205
12204
  width: 100%;
12206
12205
  flex-grow: 1;
12207
12206
  }
@@ -12275,6 +12274,7 @@ button.ids-button.ids-button--fab:focus-visible [class^=ids-icon-] {
12275
12274
  color: var(--IDS-FORM__COLOR);
12276
12275
  }
12277
12276
  .ids-input__input:hover {
12277
+ border-color: var(--IDS-INPUT__HOVER-BORDER-COLOR);
12278
12278
  background-color: var(--IDS-INPUT__HOVER-BACKGROUND-COLOR);
12279
12279
  }
12280
12280
  .ids-input__input:active {
@@ -12405,6 +12405,7 @@ ids-input input[type=search]::-webkit-search-results-decoration {
12405
12405
  }
12406
12406
  .ids-textarea textarea:hover,
12407
12407
  .ids-textarea .ids-textarea__textarea:hover {
12408
+ border-color: var(--IDS-INPUT__HOVER-BORDER-COLOR);
12408
12409
  background-color: var(--IDS-INPUT__HOVER-BACKGROUND-COLOR);
12409
12410
  }
12410
12411
  .ids-textarea textarea:active,
@@ -13017,7 +13018,7 @@ ids-input input[type=search]::-webkit-search-results-decoration {
13017
13018
  bottom: -0.1875rem;
13018
13019
  }
13019
13020
  .ids-form-group__fieldset .ids-label-wrapper.ids-label-wrapper--margin-bottom {
13020
- bottom: 0.25rem;
13021
+ margin-bottom: 0.25rem;
13021
13022
  }
13022
13023
  .ids-form-group__fieldset .ids-label-wrapper.ids-label-wrapper--block {
13023
13024
  width: 100%;
@@ -13342,6 +13343,7 @@ input[type=range]:disabled::-ms-thumb {
13342
13343
  color: var(--IDS-FORM__COLOR);
13343
13344
  }
13344
13345
  .ids-select__select:hover {
13346
+ border-color: var(--IDS-INPUT__HOVER-BORDER-COLOR);
13345
13347
  background-color: var(--IDS-INPUT__HOVER-BACKGROUND-COLOR);
13346
13348
  }
13347
13349
  .ids-select__select:active {
@@ -13503,6 +13505,7 @@ input[type=range]:disabled::-ms-thumb {
13503
13505
  color: var(--IDS-FORM__COLOR);
13504
13506
  }
13505
13507
  .ids-select-multiple__select:hover {
13508
+ border-color: var(--IDS-INPUT__HOVER-BORDER-COLOR);
13506
13509
  background-color: var(--IDS-INPUT__HOVER-BACKGROUND-COLOR);
13507
13510
  }
13508
13511
  .ids-select-multiple__select:active {
@@ -13707,7 +13710,7 @@ input[type=range]:disabled::-ms-thumb {
13707
13710
  bottom: -0.1875rem;
13708
13711
  }
13709
13712
  .ids-select-multiple-label-wrapper .ids-label-wrapper.ids-label-wrapper--margin-bottom {
13710
- bottom: 0.25rem;
13713
+ margin-bottom: 0.25rem;
13711
13714
  }
13712
13715
  .ids-select-multiple-label-wrapper .ids-label-wrapper.ids-label-wrapper--block {
13713
13716
  width: 100%;
@@ -13916,6 +13919,7 @@ input.ids-time__input::placeholder {
13916
13919
  color: var(--IDS-FORM__COLOR);
13917
13920
  }
13918
13921
  input.ids-time__input:hover {
13922
+ border-color: var(--IDS-INPUT__HOVER-BORDER-COLOR);
13919
13923
  background-color: var(--IDS-INPUT__HOVER-BACKGROUND-COLOR);
13920
13924
  }
13921
13925
  input.ids-time__input:active {
@@ -14340,6 +14344,7 @@ input:focus-visible + .ids-darkmode-toggle input:before {
14340
14344
  color: var(--IDS-FORM__COLOR);
14341
14345
  }
14342
14346
  .ids-datepicker .ids-datepicker__input:hover {
14347
+ border-color: var(--IDS-INPUT__HOVER-BORDER-COLOR);
14343
14348
  background-color: var(--IDS-INPUT__HOVER-BACKGROUND-COLOR);
14344
14349
  }
14345
14350
  .ids-datepicker .ids-datepicker__input:active {
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "type": "module",
3
3
  "name": "@inera/ids-design",
4
- "version": "9.2.1",
4
+ "version": "9.2.2",
5
5
  "license": "SEE LICENSE IN LICENSE.md",
6
6
  "publishConfig": {
7
7
  "access": "public"
package/styles.css CHANGED
@@ -12231,7 +12231,7 @@ button.ids-button.ids-button--fab:focus-visible [class^=ids-icon-] {
12231
12231
  bottom: -0.1875rem;
12232
12232
  }
12233
12233
  .ids-label-wrapper.ids-label-wrapper--margin-bottom {
12234
- bottom: 0.25rem;
12234
+ margin-bottom: 0.25rem;
12235
12235
  }
12236
12236
  .ids-label-wrapper.ids-label-wrapper--block {
12237
12237
  width: 100%;
@@ -12297,8 +12297,7 @@ button.ids-button.ids-button--fab:focus-visible [class^=ids-icon-] {
12297
12297
  margin-left: 0.75rem;
12298
12298
  }
12299
12299
  .ids-input .ids-input__wrapper {
12300
- display: flex;
12301
- flex-direction: column;
12300
+ display: block;
12302
12301
  width: 100%;
12303
12302
  flex-grow: 1;
12304
12303
  }
@@ -12372,6 +12371,7 @@ button.ids-button.ids-button--fab:focus-visible [class^=ids-icon-] {
12372
12371
  color: var(--IDS-FORM__COLOR);
12373
12372
  }
12374
12373
  .ids-input__input:hover {
12374
+ border-color: var(--IDS-INPUT__HOVER-BORDER-COLOR);
12375
12375
  background-color: var(--IDS-INPUT__HOVER-BACKGROUND-COLOR);
12376
12376
  }
12377
12377
  .ids-input__input:active {
@@ -12502,6 +12502,7 @@ ids-input input[type=search]::-webkit-search-results-decoration {
12502
12502
  }
12503
12503
  .ids-textarea textarea:hover,
12504
12504
  .ids-textarea .ids-textarea__textarea:hover {
12505
+ border-color: var(--IDS-INPUT__HOVER-BORDER-COLOR);
12505
12506
  background-color: var(--IDS-INPUT__HOVER-BACKGROUND-COLOR);
12506
12507
  }
12507
12508
  .ids-textarea textarea:active,
@@ -13114,7 +13115,7 @@ ids-input input[type=search]::-webkit-search-results-decoration {
13114
13115
  bottom: -0.1875rem;
13115
13116
  }
13116
13117
  .ids-form-group__fieldset .ids-label-wrapper.ids-label-wrapper--margin-bottom {
13117
- bottom: 0.25rem;
13118
+ margin-bottom: 0.25rem;
13118
13119
  }
13119
13120
  .ids-form-group__fieldset .ids-label-wrapper.ids-label-wrapper--block {
13120
13121
  width: 100%;
@@ -13439,6 +13440,7 @@ input[type=range]:disabled::-ms-thumb {
13439
13440
  color: var(--IDS-FORM__COLOR);
13440
13441
  }
13441
13442
  .ids-select__select:hover {
13443
+ border-color: var(--IDS-INPUT__HOVER-BORDER-COLOR);
13442
13444
  background-color: var(--IDS-INPUT__HOVER-BACKGROUND-COLOR);
13443
13445
  }
13444
13446
  .ids-select__select:active {
@@ -13600,6 +13602,7 @@ input[type=range]:disabled::-ms-thumb {
13600
13602
  color: var(--IDS-FORM__COLOR);
13601
13603
  }
13602
13604
  .ids-select-multiple__select:hover {
13605
+ border-color: var(--IDS-INPUT__HOVER-BORDER-COLOR);
13603
13606
  background-color: var(--IDS-INPUT__HOVER-BACKGROUND-COLOR);
13604
13607
  }
13605
13608
  .ids-select-multiple__select:active {
@@ -13804,7 +13807,7 @@ input[type=range]:disabled::-ms-thumb {
13804
13807
  bottom: -0.1875rem;
13805
13808
  }
13806
13809
  .ids-select-multiple-label-wrapper .ids-label-wrapper.ids-label-wrapper--margin-bottom {
13807
- bottom: 0.25rem;
13810
+ margin-bottom: 0.25rem;
13808
13811
  }
13809
13812
  .ids-select-multiple-label-wrapper .ids-label-wrapper.ids-label-wrapper--block {
13810
13813
  width: 100%;
@@ -14013,6 +14016,7 @@ input.ids-time__input::placeholder {
14013
14016
  color: var(--IDS-FORM__COLOR);
14014
14017
  }
14015
14018
  input.ids-time__input:hover {
14019
+ border-color: var(--IDS-INPUT__HOVER-BORDER-COLOR);
14016
14020
  background-color: var(--IDS-INPUT__HOVER-BACKGROUND-COLOR);
14017
14021
  }
14018
14022
  input.ids-time__input:active {
@@ -14437,6 +14441,7 @@ input:focus-visible + .ids-darkmode-toggle input:before {
14437
14441
  color: var(--IDS-FORM__COLOR);
14438
14442
  }
14439
14443
  .ids-datepicker .ids-datepicker__input:hover {
14444
+ border-color: var(--IDS-INPUT__HOVER-BORDER-COLOR);
14440
14445
  background-color: var(--IDS-INPUT__HOVER-BACKGROUND-COLOR);
14441
14446
  }
14442
14447
  .ids-datepicker .ids-datepicker__input:active {
@@ -15735,6 +15740,7 @@ input[type=search]::-webkit-search-results-decoration {
15735
15740
  --IDS-INPUT__BORDER-THICKNESS: 0.0625rem;
15736
15741
  --IDS-INPUT__PADDING: 0 1.25rem;
15737
15742
  --IDS-INPUT__HOVER-BACKGROUND-COLOR: var(--ids-color-form-background-hover);
15743
+ --IDS-INPUT__HOVER-BORDER-COLOR: var(--ids-color-form-border-hover);
15738
15744
  --IDS-INPUT--LIGHT__HOVER-BACKGROUND-COLOR: var(--ids-color-form-background-light-hover);
15739
15745
  --IDS-INPUT__ACTIVE-BACKGROUND-COLOR: var(--ids-color-form-background-active);
15740
15746
  --IDS-INPUT__ACTIVE-BORDER-COLOR: var(--ids-color-form-border-active);