@inera/ids-design 6.0.0 → 6.0.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 (73) hide show
  1. package/components/accordion/accordion-lit.js +1 -1
  2. package/components/accordion/accordion.css +2 -2
  3. package/components/alert/alert-lit.js +1 -1
  4. package/components/alert/alert.css +36 -22
  5. package/components/alert-global/alert-global-lit.js +1 -1
  6. package/components/alert-global/alert-global.css +2 -2
  7. package/components/breadcrumbs/breadcrumbs-lit.js +1 -1
  8. package/components/breadcrumbs/breadcrumbs.css +1 -1
  9. package/components/carousel/carousel-lit.js +1 -1
  10. package/components/carousel/carousel.css +1 -1
  11. package/components/dialog/dialog-lit.js +1 -1
  12. package/components/dialog/dialog.css +1 -1
  13. package/components/dropdown/dropdown-lit.js +1 -1
  14. package/components/dropdown/dropdown.css +18 -4
  15. package/components/footer-1177/footer-1177-lit.js +1 -1
  16. package/components/footer-1177/footer-1177.css +1 -1
  17. package/components/footer-1177-admin/footer-1177-admin-lit.js +1 -1
  18. package/components/footer-1177-admin/footer-1177-admin.css +1 -1
  19. package/components/footer-1177-pro/footer-1177-pro-lit.js +1 -1
  20. package/components/footer-1177-pro/footer-1177-pro.css +1 -1
  21. package/components/form/error-message/error-message-lit.js +1 -1
  22. package/components/form/error-message/error-message.css +1 -1
  23. package/components/form/select-multiple/select-multiple-lit.js +1 -1
  24. package/components/form/select-multiple/select-multiple.css +1 -1
  25. package/components/header-1177/composite-header-1177.css +8 -8
  26. package/components/header-1177/header-1177-avatar-lit.js +1 -1
  27. package/components/header-1177/header-1177-avatar.css +4 -4
  28. package/components/header-1177/header-1177-lit.js +1 -1
  29. package/components/header-1177/header-1177.css +4 -4
  30. package/components/header-1177-admin/header-1177-admin-avatar-lit.js +1 -1
  31. package/components/header-1177-admin/header-1177-admin-avatar-mobile-lit.js +1 -1
  32. package/components/header-1177-admin/header-1177-admin-avatar-mobile.css +3 -3
  33. package/components/header-1177-admin/header-1177-admin-avatar.css +8 -8
  34. package/components/header-1177-admin/header-1177-admin-lit.js +1 -1
  35. package/components/header-1177-admin/header-1177-admin.css +2 -2
  36. package/components/header-1177-pro/header-1177-pro-avatar-lit.js +1 -1
  37. package/components/header-1177-pro/header-1177-pro-avatar-mobile-lit.js +1 -1
  38. package/components/header-1177-pro/header-1177-pro-avatar-mobile.css +3 -3
  39. package/components/header-1177-pro/header-1177-pro-avatar.css +8 -8
  40. package/components/header-1177-pro/header-1177-pro-lit.js +1 -1
  41. package/components/header-1177-pro/header-1177-pro-region-picker-lit.js +1 -1
  42. package/components/header-1177-pro/header-1177-pro-region-picker.css +10 -10
  43. package/components/header-1177-pro/header-1177-pro.css +2 -2
  44. package/components/header-inera/header-inera-lit.js +1 -1
  45. package/components/header-inera/header-inera.css +1 -1
  46. package/components/header-inera-admin/composite-header-inera-admin.css +1 -1
  47. package/components/header-inera-admin/header-inera-admin-avatar-lit.js +1 -1
  48. package/components/header-inera-admin/header-inera-admin-avatar.css +1 -1
  49. package/components/mobile-menu/mobile-menu-lit.js +1 -1
  50. package/components/mobile-menu/mobile-menu.css +7 -7
  51. package/components/pagination/data-pagination/data-pagination-lit.js +1 -1
  52. package/components/pagination/data-pagination/data-pagination.css +3 -3
  53. package/components/pagination/list-pagination/list-pagination-lit.js +1 -1
  54. package/components/pagination/list-pagination/list-pagination.css +2 -2
  55. package/components/popover/popover-content-lit.js +1 -1
  56. package/components/popover/popover-content.css +1 -1
  57. package/components/puff-list/puff-list-lit.js +1 -1
  58. package/components/puff-list/puff-list.css +1 -1
  59. package/components/side-menu/side-menu-lit.js +1 -1
  60. package/components/side-menu/side-menu.css +2 -2
  61. package/components/side-panel/side-panel-lit.js +1 -1
  62. package/components/side-panel/side-panel.css +1 -1
  63. package/components/stepper/stepper-lit.js +1 -1
  64. package/components/stepper/stepper.css +3 -3
  65. package/components/tabs/tabs-lit.js +1 -1
  66. package/components/tag/tag-lit.js +1 -1
  67. package/components/tag/tag.css +1 -1
  68. package/global/global.css +30 -8
  69. package/package.json +1 -1
  70. package/themes/1177/1177.css +30 -8
  71. package/themes/1177-pro/1177-pro.css +30 -8
  72. package/themes/inera/inera.css +30 -8
  73. package/themes/inera-admin/inera-admin.css +30 -8
package/components/popover/popover-content-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}}:host([show]){display:block}:host{color:var(--IDS-FONT-COLOR);display:none;position:absolute;width:max-content}.ids-popover-content{background-color:var(--IDS-COLOR-NEUTRAL-100);border:.063rem solid var(--IDS-POPOVER-CONTENT__BORDER);border-radius:var(--IDS-POPOVER-CONTENT__BORDER-RADIUS);box-shadow:0 0 .625rem rgba(0,0,0,.3);box-sizing:border-box;max-height:16.25rem;padding:1.25rem;position:relative;width:16.25rem;z-index:2}.ids-popover-content ::slotted(*){color:var(--IDS-FONT-COLOR)}.ids-popover-content ::slotted(h3),.ids-popover-content h3{color:var(--IDS-FONT-COLOR)!important;color:var(--IDS-HEADING-XS__COLOR);font-family:var(--IDS-HEADING-XS__FONT-FAMILY)!important;font-size:var(--IDS-HEADING-XS__FONT-SIZE)!important;font-style:normal!important;font-weight:var(--IDS-HEADING-XS__FONT-WEIGHT)!important;letter-spacing:var(--IDS-HEADING-XS__LETTER-SPACING)!important;line-height:var(--IDS-HEADING-XS__LINE-HEIGHT)!important;margin-bottom:.5rem!important}.ids-popover-content .ids-popover-content__caret{position:absolute}.ids-popover-content .ids-popover-content__caret.hide{display:none}.ids-popover-content .ids-popover-content__caret.ids-popover-content--top{bottom:-1.688rem;left:50%}.ids-popover-content .ids-popover-content__caret.ids-popover-content--top-left{bottom:-1.75rem;left:.125rem}.ids-popover-content .ids-popover-content__caret.ids-popover-content--top-right{bottom:-1.75rem;right:.125rem}.ids-popover-content .ids-popover-content__caret.ids-popover-content--left{right:-1.75rem;top:50%}.ids-popover-content .ids-popover-content__caret.ids-popover-content--left-top{bottom:.125rem;right:-1.75rem}.ids-popover-content .ids-popover-content__caret.ids-popover-content--left-bottom{right:-1.75rem;top:.125rem}.ids-popover-content .ids-popover-content__caret.ids-popover-content--right{left:-1.75rem;top:50%}.ids-popover-content .ids-popover-content__caret.ids-popover-content--right-top{bottom:.125rem;left:-1.75rem}.ids-popover-content .ids-popover-content__caret.ids-popover-content--right-bottom{left:-1.75rem;top:.125rem}.ids-popover-content .ids-popover-content__caret.ids-popover-content--bottom{left:50%;top:-1.75rem}.ids-popover-content .ids-popover-content__caret.ids-popover-content--bottom-left{left:.125rem;top:-1.75rem}.ids-popover-content .ids-popover-content__caret.ids-popover-content--bottom-right{right:.125rem;top:-1.75rem}.ids-popover-content .ids-popover-content__caret-body{background:var(--IDS-COLOR-NEUTRAL-100);display:block;position:absolute;z-index:4}.ids-popover-content .ids-popover-content__caret-body.ids-popover-content--top,.ids-popover-content .ids-popover-content__caret-body.ids-popover-content--top-left,.ids-popover-content .ids-popover-content__caret-body.ids-popover-content--top-right{bottom:0;clip-path:polygon(0 0,50% 100%,100% 0);height:.6rem;transform:translateX(-50%);width:1.2rem}.ids-popover-content .ids-popover-content__caret-body.ids-popover-content--left,.ids-popover-content .ids-popover-content__caret-body.ids-popover-content--left-bottom,.ids-popover-content .ids-popover-content__caret-body.ids-popover-content--left-top{clip-path:polygon(0 0,100% 50%,0 100%);height:1.2rem;right:0;transform:translateY(-50%);width:.6rem}.ids-popover-content .ids-popover-content__caret-body.ids-popover-content--right,.ids-popover-content .ids-popover-content__caret-body.ids-popover-content--right-bottom,.ids-popover-content .ids-popover-content__caret-body.ids-popover-content--right-top{clip-path:polygon(0 50%,100% 0,100% 100%);height:1.2rem;left:0;transform:translateY(-50%);width:.6rem}.ids-popover-content .ids-popover-content__caret-body.ids-popover-content--bottom,.ids-popover-content .ids-popover-content__caret-body.ids-popover-content--bottom-left,.ids-popover-content .ids-popover-content__caret-body.ids-popover-content--bottom-right{clip-path:polygon(0 100%,50% 0,100% 100%);height:.6rem;top:0;transform:translateX(-50%);width:1.2rem}.ids-popover-content .ids-popover-content__caret-border{background-color:var(--IDS-POPOVER-CONTENT__BORDER);position:absolute;z-index:1}.ids-popover-content .ids-popover-content__caret-border.ids-popover-content--top,.ids-popover-content .ids-popover-content__caret-border.ids-popover-content--top-left,.ids-popover-content .ids-popover-content__caret-border.ids-popover-content--top-right{background-color:var(--IDS-POPOVER-CONTENT__BORDER);bottom:-.125rem;clip-path:polygon(0 0,50% 100%,100% 0);height:.6rem;transform:translateX(-50%);width:1.2rem}.ids-popover-content .ids-popover-content__caret-border.ids-popover-content--left,.ids-popover-content .ids-popover-content__caret-border.ids-popover-content--left-bottom,.ids-popover-content .ids-popover-content__caret-border.ids-popover-content--left-top{background-color:var(--IDS-POPOVER-CONTENT__BORDER);clip-path:polygon(0 0,100% 50%,0 100%);height:1.2rem;right:-.125rem;transform:translateY(-50%);width:.6rem}.ids-popover-content .ids-popover-content__caret-border.ids-popover-content--right,.ids-popover-content .ids-popover-content__caret-border.ids-popover-content--right-bottom,.ids-popover-content .ids-popover-content__caret-border.ids-popover-content--right-top{background-color:var(--IDS-POPOVER-CONTENT__BORDER);clip-path:polygon(0 50%,100% 0,100% 100%);height:1.2rem;left:-.125rem;transform:translateY(-50%);width:.6rem}.ids-popover-content .ids-popover-content__caret-border.ids-popover-content--bottom,.ids-popover-content .ids-popover-content__caret-border.ids-popover-content--bottom-left,.ids-popover-content .ids-popover-content__caret-border.ids-popover-content--bottom-right{clip-path:polygon(0 100%,50% 0,100% 100%);height:.6rem;top:-.125rem;transform:translateX(-50%);width:1.2rem}.ids-popover-content .ids-popover-content__caret-shadow{filter:blur(.188rem);height:0;position:absolute;width:0;z-index:1}.ids-popover-content .ids-popover-content__caret-shadow.ids-popover-content--top,.ids-popover-content .ids-popover-content__caret-shadow.ids-popover-content--top-left,.ids-popover-content .ids-popover-content__caret-shadow.ids-popover-content--top-right{border-left:.625rem solid transparent;border-right:.625rem solid transparent;border-top:.625rem solid rgba(0,0,0,.15);bottom:-.438rem;transform:translateX(-50%)}.ids-popover-content .ids-popover-content__caret-shadow.ids-popover-content--left,.ids-popover-content .ids-popover-content__caret-shadow.ids-popover-content--left-bottom,.ids-popover-content .ids-popover-content__caret-shadow.ids-popover-content--left-top{border-bottom:.5625rem solid transparent;border-right:.5625rem solid rgba(53,53,53,.15);border-top:.5625rem solid transparent;right:-.438rem;transform:translateY(-50%)}.ids-popover-content .ids-popover-content__caret-shadow.ids-popover-content--right,.ids-popover-content .ids-popover-content__caret-shadow.ids-popover-content--right-bottom,.ids-popover-content .ids-popover-content__caret-shadow.ids-popover-content--right-top{border-bottom:.5625rem solid transparent;border-right:.5625rem solid rgba(53,53,53,.15);border-top:.5625rem solid transparent;left:-.438rem;transform:translateY(-50%)}.ids-popover-content .ids-popover-content__caret-shadow.ids-popover-content--bottom,.ids-popover-content .ids-popover-content__caret-shadow.ids-popover-content--bottom-left,.ids-popover-content .ids-popover-content__caret-shadow.ids-popover-content--bottom-right{border-bottom:.625rem solid rgba(0,0,0,.15);border-left:.625rem solid transparent;border-right:.625rem solid transparent;top:-.438rem;transform:translateX(-50%)}.ids-popover-content .ids-popover-content__inner-wrapper{box-sizing:border-box;display:flex;flex:1 1 auto;flex-direction:row-reverse;flex-wrap:wrap;position:relative;z-index:4}.ids-popover-content .ids-popover-content__text-wrapper{box-sizing:border-box;display:block;flex-basis:0;flex-grow:1;height:100%;height:calc(100% - 1.25rem);margin-bottom:-.125rem;margin-left:-.125rem;margin-right:-1.3125rem;max-width:100%;overflow:auto;overflow-x:hidden;padding-bottom:.375rem;padding-left:.375rem;padding-right:1.25rem;position:relative;text-align:left;width:100%;width:calc(100% - 1.25rem)}.ids-popover-content .ids-popover-content__text-wrapper::-webkit-scrollbar{margin-left:-1.25rem;position:absolute;width:1rem}.ids-popover-content .ids-popover-content__text-wrapper::-webkit-scrollbar-track{background:var(--IDS-COLOR-NEUTRAL-99);border-radius:.625rem;margin-bottom:0;margin-top:1.5rem}.ids-popover-content .ids-popover-content__text-wrapper::-webkit-scrollbar-thumb{background:var(--IDS-SCROLL__COLOR);border:.125rem solid var(--IDS-COLOR-NEUTRAL-99);border-radius:.625rem;box-sizing:border-box;cursor:auto}.ids-popover-content .ids-popover-content__text-wrapper::-webkit-scrollbar-thumb:hover{background:var(--IDS-SCROLL__HOVER-COLOR)}.ids-popover-content .ids-popover-content__text-wrapper::-webkit-scrollbar-corner{background-color:transparent}.ids-popover-content .ids-popover-content__text-wrapper:focus{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:.625rem}.ids-popover-content .ids-popover-content__close-btn-wrapper{display:block;height:1.25rem;max-width:100%;z-index:1}.ids-popover-content .ids-popover-content__close-btn{background:none;border:none;cursor:pointer;height:1.25rem;padding:0;position:relative;width:1.25rem}.ids-popover-content .ids-popover-content__close-btn:focus{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)!important}.ids-popover-content .ids-popover-content__close-btn:before{color:var(--IDS-ICON__COLOR);content:\"\\e916\";display:block;font:icon;font-family:Inera-Design-Icons;font-size:1.25rem;left:0;pointer-events:none;position:absolute;top:0}.ids-popover-content .ids-popover-content__close-btn:active:before,.ids-popover-content .ids-popover-content__close-btn:focus:before,.ids-popover-content .ids-popover-content__close-btn:hover:before{color:var(--IDS-ICON--ACTIVE-COLOR)}.ids-popover-content .ids-popover-content__close-btn:focus,.ids-popover-content .ids-popover-content__close-icon:focus{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)}";
3
+ var css_248z = "@media (max-width:1023px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}:host([show]){display:block}:host{color:var(--IDS-FONT-COLOR);display:none;position:absolute;width:max-content}.ids-popover-content{background-color:var(--IDS-COLOR-NEUTRAL-100);border:.063rem solid var(--IDS-POPOVER-CONTENT__BORDER);border-radius:var(--IDS-POPOVER-CONTENT__BORDER-RADIUS);box-shadow:0 0 .625rem rgba(0,0,0,.3);box-sizing:border-box;max-height:16.25rem;padding:1.25rem;position:relative;width:16.25rem;z-index:2}.ids-popover-content ::slotted(*){color:var(--IDS-FONT-COLOR)}.ids-popover-content ::slotted(h3),.ids-popover-content h3{color:var(--IDS-FONT-COLOR)!important;color:var(--IDS-HEADING-XS__COLOR);font-family:var(--IDS-HEADING-XS__FONT-FAMILY)!important;font-size:var(--IDS-HEADING-XS__FONT-SIZE)!important;font-style:normal!important;font-weight:var(--IDS-HEADING-XS__FONT-WEIGHT)!important;letter-spacing:var(--IDS-HEADING-XS__LETTER-SPACING)!important;line-height:var(--IDS-HEADING-XS__LINE-HEIGHT)!important;margin-bottom:.5rem!important}.ids-popover-content .ids-popover-content__caret{position:absolute}.ids-popover-content .ids-popover-content__caret.hide{display:none}.ids-popover-content .ids-popover-content__caret.ids-popover-content--top{bottom:-1.688rem;left:50%}.ids-popover-content .ids-popover-content__caret.ids-popover-content--top-left{bottom:-1.75rem;left:.125rem}.ids-popover-content .ids-popover-content__caret.ids-popover-content--top-right{bottom:-1.75rem;right:.125rem}.ids-popover-content .ids-popover-content__caret.ids-popover-content--left{right:-1.75rem;top:50%}.ids-popover-content .ids-popover-content__caret.ids-popover-content--left-top{bottom:.125rem;right:-1.75rem}.ids-popover-content .ids-popover-content__caret.ids-popover-content--left-bottom{right:-1.75rem;top:.125rem}.ids-popover-content .ids-popover-content__caret.ids-popover-content--right{left:-1.75rem;top:50%}.ids-popover-content .ids-popover-content__caret.ids-popover-content--right-top{bottom:.125rem;left:-1.75rem}.ids-popover-content .ids-popover-content__caret.ids-popover-content--right-bottom{left:-1.75rem;top:.125rem}.ids-popover-content .ids-popover-content__caret.ids-popover-content--bottom{left:50%;top:-1.75rem}.ids-popover-content .ids-popover-content__caret.ids-popover-content--bottom-left{left:.125rem;top:-1.75rem}.ids-popover-content .ids-popover-content__caret.ids-popover-content--bottom-right{right:.125rem;top:-1.75rem}.ids-popover-content .ids-popover-content__caret-body{background:var(--IDS-COLOR-NEUTRAL-100);display:block;position:absolute;z-index:4}.ids-popover-content .ids-popover-content__caret-body.ids-popover-content--top,.ids-popover-content .ids-popover-content__caret-body.ids-popover-content--top-left,.ids-popover-content .ids-popover-content__caret-body.ids-popover-content--top-right{bottom:0;clip-path:polygon(0 0,50% 100%,100% 0);height:.6rem;transform:translateX(-50%);width:1.2rem}.ids-popover-content .ids-popover-content__caret-body.ids-popover-content--left,.ids-popover-content .ids-popover-content__caret-body.ids-popover-content--left-bottom,.ids-popover-content .ids-popover-content__caret-body.ids-popover-content--left-top{clip-path:polygon(0 0,100% 50%,0 100%);height:1.2rem;right:0;transform:translateY(-50%);width:.6rem}.ids-popover-content .ids-popover-content__caret-body.ids-popover-content--right,.ids-popover-content .ids-popover-content__caret-body.ids-popover-content--right-bottom,.ids-popover-content .ids-popover-content__caret-body.ids-popover-content--right-top{clip-path:polygon(0 50%,100% 0,100% 100%);height:1.2rem;left:0;transform:translateY(-50%);width:.6rem}.ids-popover-content .ids-popover-content__caret-body.ids-popover-content--bottom,.ids-popover-content .ids-popover-content__caret-body.ids-popover-content--bottom-left,.ids-popover-content .ids-popover-content__caret-body.ids-popover-content--bottom-right{clip-path:polygon(0 100%,50% 0,100% 100%);height:.6rem;top:0;transform:translateX(-50%);width:1.2rem}.ids-popover-content .ids-popover-content__caret-border{background-color:var(--IDS-POPOVER-CONTENT__BORDER);position:absolute;z-index:1}.ids-popover-content .ids-popover-content__caret-border.ids-popover-content--top,.ids-popover-content .ids-popover-content__caret-border.ids-popover-content--top-left,.ids-popover-content .ids-popover-content__caret-border.ids-popover-content--top-right{background-color:var(--IDS-POPOVER-CONTENT__BORDER);bottom:-.125rem;clip-path:polygon(0 0,50% 100%,100% 0);height:.6rem;transform:translateX(-50%);width:1.2rem}.ids-popover-content .ids-popover-content__caret-border.ids-popover-content--left,.ids-popover-content .ids-popover-content__caret-border.ids-popover-content--left-bottom,.ids-popover-content .ids-popover-content__caret-border.ids-popover-content--left-top{background-color:var(--IDS-POPOVER-CONTENT__BORDER);clip-path:polygon(0 0,100% 50%,0 100%);height:1.2rem;right:-.125rem;transform:translateY(-50%);width:.6rem}.ids-popover-content .ids-popover-content__caret-border.ids-popover-content--right,.ids-popover-content .ids-popover-content__caret-border.ids-popover-content--right-bottom,.ids-popover-content .ids-popover-content__caret-border.ids-popover-content--right-top{background-color:var(--IDS-POPOVER-CONTENT__BORDER);clip-path:polygon(0 50%,100% 0,100% 100%);height:1.2rem;left:-.125rem;transform:translateY(-50%);width:.6rem}.ids-popover-content .ids-popover-content__caret-border.ids-popover-content--bottom,.ids-popover-content .ids-popover-content__caret-border.ids-popover-content--bottom-left,.ids-popover-content .ids-popover-content__caret-border.ids-popover-content--bottom-right{clip-path:polygon(0 100%,50% 0,100% 100%);height:.6rem;top:-.125rem;transform:translateX(-50%);width:1.2rem}.ids-popover-content .ids-popover-content__caret-shadow{filter:blur(.188rem);height:0;position:absolute;width:0;z-index:1}.ids-popover-content .ids-popover-content__caret-shadow.ids-popover-content--top,.ids-popover-content .ids-popover-content__caret-shadow.ids-popover-content--top-left,.ids-popover-content .ids-popover-content__caret-shadow.ids-popover-content--top-right{border-left:.625rem solid transparent;border-right:.625rem solid transparent;border-top:.625rem solid rgba(0,0,0,.15);bottom:-.438rem;transform:translateX(-50%)}.ids-popover-content .ids-popover-content__caret-shadow.ids-popover-content--left,.ids-popover-content .ids-popover-content__caret-shadow.ids-popover-content--left-bottom,.ids-popover-content .ids-popover-content__caret-shadow.ids-popover-content--left-top{border-bottom:.5625rem solid transparent;border-right:.5625rem solid rgba(53,53,53,.15);border-top:.5625rem solid transparent;right:-.438rem;transform:translateY(-50%)}.ids-popover-content .ids-popover-content__caret-shadow.ids-popover-content--right,.ids-popover-content .ids-popover-content__caret-shadow.ids-popover-content--right-bottom,.ids-popover-content .ids-popover-content__caret-shadow.ids-popover-content--right-top{border-bottom:.5625rem solid transparent;border-right:.5625rem solid rgba(53,53,53,.15);border-top:.5625rem solid transparent;left:-.438rem;transform:translateY(-50%)}.ids-popover-content .ids-popover-content__caret-shadow.ids-popover-content--bottom,.ids-popover-content .ids-popover-content__caret-shadow.ids-popover-content--bottom-left,.ids-popover-content .ids-popover-content__caret-shadow.ids-popover-content--bottom-right{border-bottom:.625rem solid rgba(0,0,0,.15);border-left:.625rem solid transparent;border-right:.625rem solid transparent;top:-.438rem;transform:translateX(-50%)}.ids-popover-content .ids-popover-content__inner-wrapper{box-sizing:border-box;display:flex;flex:1 1 auto;flex-direction:row-reverse;flex-wrap:wrap;position:relative;z-index:4}.ids-popover-content .ids-popover-content__text-wrapper{box-sizing:border-box;display:block;flex-basis:0;flex-grow:1;height:100%;height:calc(100% - 1.25rem);margin-bottom:-.125rem;margin-left:-.125rem;margin-right:-1.3125rem;max-width:100%;overflow:auto;overflow-x:hidden;padding-bottom:.375rem;padding-left:.375rem;padding-right:1.25rem;position:relative;text-align:left;width:100%;width:calc(100% - 1.25rem)}.ids-popover-content .ids-popover-content__text-wrapper::-webkit-scrollbar{margin-left:-1.25rem;position:absolute;width:1rem}.ids-popover-content .ids-popover-content__text-wrapper::-webkit-scrollbar-track{background:var(--IDS-COLOR-NEUTRAL-99);border-radius:.625rem;margin-bottom:0;margin-top:1.5rem}.ids-popover-content .ids-popover-content__text-wrapper::-webkit-scrollbar-thumb{background:var(--IDS-SCROLL__COLOR);border:.125rem solid var(--IDS-COLOR-NEUTRAL-99);border-radius:.625rem;box-sizing:border-box;cursor:auto}.ids-popover-content .ids-popover-content__text-wrapper::-webkit-scrollbar-thumb:hover{background:var(--IDS-SCROLL__HOVER-COLOR)}.ids-popover-content .ids-popover-content__text-wrapper::-webkit-scrollbar-corner{background-color:transparent}.ids-popover-content .ids-popover-content__text-wrapper:focus{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:.625rem}.ids-popover-content .ids-popover-content__close-btn-wrapper{display:block;height:1.25rem;max-width:100%;z-index:1}.ids-popover-content .ids-popover-content__close-btn{background:none;border:none;cursor:pointer;height:1.25rem;padding:0;position:relative;width:1.25rem}.ids-popover-content .ids-popover-content__close-btn:focus{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)!important}.ids-popover-content .ids-popover-content__close-btn:before{color:var(--IDS-ICON__COLOR);content:\"\\e916\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1.25rem;left:0;pointer-events:none;position:absolute;top:0}.ids-popover-content .ids-popover-content__close-btn:active:before,.ids-popover-content .ids-popover-content__close-btn:focus:before,.ids-popover-content .ids-popover-content__close-btn:hover:before{color:var(--IDS-ICON--ACTIVE-COLOR)}.ids-popover-content .ids-popover-content__close-btn:focus,.ids-popover-content .ids-popover-content__close-icon:focus{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)}";
4
4
 
5
5
  var popoverContentLit = css`${unsafeCSS(css_248z)}`;
6
6
 
package/components/popover/popover-content.css CHANGED
@@ -325,7 +325,7 @@
325
325
  }
326
326
  .ids-popover-content .ids-popover-content__close-btn:before {
327
327
  font: icon;
328
- font-family: "Inera-Design-Icons";
328
+ font-family: "Inera-Design-Icons" !important;
329
329
  display: block;
330
330
  position: absolute;
331
331
  pointer-events: none;
package/components/puff-list/puff-list-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-puff-list{border-top:.063rem solid var(--IDS-LIST__BORDER);display:flex;flex-direction:column}.ids-puff-list-item-separator{background-color:var(--IDS-LIST__BORDER);height:.0625rem;width:100%}.ids-puff-list-item{color:var(--IDS-LIST__COLOR)!important;display:flex;gap:1.25rem;margin:1.25rem 0;padding:0;position:relative}.ids-puff-list-item .ids-puff-list-item__date{font-family:Open Sans;font-size:.875rem;font-style:normal;font-weight:400;letter-spacing:.0625rem;line-height:1.25rem;text-transform:uppercase}.ids-puff-list-item .date-label-col{padding-right:1.25rem}.ids-puff-list-item .ids-puff-list-item__header,.ids-puff-list-item ::slotted([slot=headline]){color:var(--IDS-LINK--COLOR-PRESET-1__COLOR);cursor:pointer;display:inline-flex!important;font-family:var(--IDS-HEADING-M__FONT-FAMILY);font-size:var(--IDS-HEADING-M__FONT-SIZE);font-style:normal;font-weight:var(--IDS-HEADING-M__FONT-WEIGHT);letter-spacing:var(--IDS-HEADING-M__LETTER-SPACING);line-height:var(--IDS-HEADING-M__LINE-HEIGHT);margin-bottom:0!important;margin-top:0!important;position:relative;text-decoration:none!important}@media (min-width:1024px){.ids-puff-list-item .ids-puff-list-item__header,.ids-puff-list-item ::slotted([slot=headline]){font-size:var(--IDS-HEADING-M__FONT-SIZE-DESKTOP);letter-spacing:var(--IDS-HEADING-M__LETTER-SPACING-DESKTOP);line-height:var(--IDS-HEADING-M__LINE-HEIGHT-DESKTOP)}}.ids-puff-list-item .ids-puff-list-item__header{padding-left:1.375rem}.ids-puff-list-item .ids-puff-list-item__header:before{content:\"\\e947\";display:block;font:icon;font-family:Inera-Design-Icons;left:0;pointer-events:none;position:absolute;top:.4375rem}.ids-puff-list-item .ids-puff-list-item__body{margin-top:.5rem}.ids-puff-list-item.ids-puff-list-item--interactive{cursor:pointer}.ids-puff-list-item.ids-puff-list-item--interactive ::slotted([slot=interactive]){bottom:0!important;left:0!important;opacity:0!important;position:absolute!important;right:0!important;top:0!important}.ids-puff-list-item.ids-puff-list-item--interactive:focus-within{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)}.ids-puff-list-item.ids-puff-list-item--interactive:focus-within .ids-puff-list-item__icon{display:none}.ids-puff-list-item.ids-puff-list-item--interactive:focus-within .ids-puff-list-item__icon--hover{display:flex}.ids-puff-list-item.ids-puff-list-item--interactive:hover .ids-puff-list-item__header,.ids-puff-list-item.ids-puff-list-item--interactive:hover ::slotted([slot=headline]){color:var(--IDS-LINK--COLOR-PRESET-1__HOVER-COLOR)!important;text-decoration:underline!important}.ids-puff-list-item.ids-puff-list-item--interactive:hover .ids-puff-list-item__icon{display:none}.ids-puff-list-item.ids-puff-list-item--interactive:hover .ids-puff-list-item__icon--hover{display:flex}.ids-puff-list-item.ids-puff-list-item--interactive .ids-puff-list-item__header{outline:none}.ids-puff-list-item:not(.ids-puff-list-item--interactive) .ids-puff-list-item__header{position:relative}.ids-puff-list-item:not(.ids-puff-list-item--interactive) .ids-puff-list-item__header ::slotted([slot=interactive]){bottom:.1875rem!important;left:0!important;position:absolute!important;right:0!important;top:.1875rem!important}.ids-puff-list-item:not(.ids-puff-list-item--interactive) .ids-puff-list-item__header:focus{outline-offset:0}.ids-puff-list-item:not(.ids-puff-list-item--interactive) .ids-puff-list-item__header:hover{color:var(--IDS-LINK--COLOR-PRESET-1__HOVER-COLOR)!important;text-decoration:underline!important}.ids-puff-list-item:not(.ids-puff-list-item--interactive) .ids-puff-list-item__header:hover .ids-puff-list-item__icon{display:none}.ids-puff-list-item:not(.ids-puff-list-item--interactive) .ids-puff-list-item__header:hover .ids-puff-list-item__icon--hover{display:flex}.ids-puff-list-item__info{color:var(--IDS-LIST__ITEM-INFO-COLOR);display:block;font-family:var(--IDS-FONT-FAMILY-BASE);font-size:1rem;font-style:italic;font-weight:400;margin-bottom:0;margin-top:.625rem}";
3
+ var css_248z = "@media (max-width:1023px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}.ids-puff-list{border-top:.063rem solid var(--IDS-LIST__BORDER);display:flex;flex-direction:column}.ids-puff-list-item-separator{background-color:var(--IDS-LIST__BORDER);height:.0625rem;width:100%}.ids-puff-list-item{color:var(--IDS-LIST__COLOR)!important;display:flex;gap:1.25rem;margin:1.25rem 0;padding:0;position:relative}.ids-puff-list-item .ids-puff-list-item__date{font-family:Open Sans;font-size:.875rem;font-style:normal;font-weight:400;letter-spacing:.0625rem;line-height:1.25rem;text-transform:uppercase}.ids-puff-list-item .date-label-col{padding-right:1.25rem}.ids-puff-list-item .ids-puff-list-item__header,.ids-puff-list-item ::slotted([slot=headline]){color:var(--IDS-LINK--COLOR-PRESET-1__COLOR);cursor:pointer;display:inline-flex!important;font-family:var(--IDS-HEADING-M__FONT-FAMILY);font-size:var(--IDS-HEADING-M__FONT-SIZE);font-style:normal;font-weight:var(--IDS-HEADING-M__FONT-WEIGHT);letter-spacing:var(--IDS-HEADING-M__LETTER-SPACING);line-height:var(--IDS-HEADING-M__LINE-HEIGHT);margin-bottom:0!important;margin-top:0!important;position:relative;text-decoration:none!important}@media (min-width:1024px){.ids-puff-list-item .ids-puff-list-item__header,.ids-puff-list-item ::slotted([slot=headline]){font-size:var(--IDS-HEADING-M__FONT-SIZE-DESKTOP);letter-spacing:var(--IDS-HEADING-M__LETTER-SPACING-DESKTOP);line-height:var(--IDS-HEADING-M__LINE-HEIGHT-DESKTOP)}}.ids-puff-list-item .ids-puff-list-item__header{padding-left:1.375rem}.ids-puff-list-item .ids-puff-list-item__header:before{content:\"\\e947\";display:block;font:icon;font-family:Inera-Design-Icons!important;left:0;pointer-events:none;position:absolute;top:.4375rem}.ids-puff-list-item .ids-puff-list-item__body{margin-top:.5rem}.ids-puff-list-item.ids-puff-list-item--interactive{cursor:pointer}.ids-puff-list-item.ids-puff-list-item--interactive ::slotted([slot=interactive]){bottom:0!important;left:0!important;opacity:0!important;position:absolute!important;right:0!important;top:0!important}.ids-puff-list-item.ids-puff-list-item--interactive:focus-within{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)}.ids-puff-list-item.ids-puff-list-item--interactive:focus-within .ids-puff-list-item__icon{display:none}.ids-puff-list-item.ids-puff-list-item--interactive:focus-within .ids-puff-list-item__icon--hover{display:flex}.ids-puff-list-item.ids-puff-list-item--interactive:hover .ids-puff-list-item__header,.ids-puff-list-item.ids-puff-list-item--interactive:hover ::slotted([slot=headline]){color:var(--IDS-LINK--COLOR-PRESET-1__HOVER-COLOR)!important;text-decoration:underline!important}.ids-puff-list-item.ids-puff-list-item--interactive:hover .ids-puff-list-item__icon{display:none}.ids-puff-list-item.ids-puff-list-item--interactive:hover .ids-puff-list-item__icon--hover{display:flex}.ids-puff-list-item.ids-puff-list-item--interactive .ids-puff-list-item__header{outline:none}.ids-puff-list-item:not(.ids-puff-list-item--interactive) .ids-puff-list-item__header{position:relative}.ids-puff-list-item:not(.ids-puff-list-item--interactive) .ids-puff-list-item__header ::slotted([slot=interactive]){bottom:.1875rem!important;left:0!important;position:absolute!important;right:0!important;top:.1875rem!important}.ids-puff-list-item:not(.ids-puff-list-item--interactive) .ids-puff-list-item__header:focus{outline-offset:0}.ids-puff-list-item:not(.ids-puff-list-item--interactive) .ids-puff-list-item__header:hover{color:var(--IDS-LINK--COLOR-PRESET-1__HOVER-COLOR)!important;text-decoration:underline!important}.ids-puff-list-item:not(.ids-puff-list-item--interactive) .ids-puff-list-item__header:hover .ids-puff-list-item__icon{display:none}.ids-puff-list-item:not(.ids-puff-list-item--interactive) .ids-puff-list-item__header:hover .ids-puff-list-item__icon--hover{display:flex}.ids-puff-list-item__info{color:var(--IDS-LIST__ITEM-INFO-COLOR);display:block;font-family:var(--IDS-FONT-FAMILY-BASE);font-size:1rem;font-style:italic;font-weight:400;margin-bottom:0;margin-top:.625rem}";
4
4
 
5
5
  var puffListLit = css`${unsafeCSS(css_248z)}`;
6
6
 
package/components/puff-list/puff-list.css CHANGED
@@ -86,7 +86,7 @@
86
86
  }
87
87
  .ids-puff-list-item .ids-puff-list-item__header:before {
88
88
  font: icon;
89
- font-family: "Inera-Design-Icons";
89
+ font-family: "Inera-Design-Icons" !important;
90
90
  display: block;
91
91
  position: absolute;
92
92
  pointer-events: none;
package/components/side-menu/side-menu-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}}@media (max-width:1024px){.ids-side-menu.ids-side-menu--hide-on-mobile{display:none}}.ids-side-menu .ids-side-menu__header{background-color:var(--IDS-COLOR-NEUTRAL-100);border-bottom-right-radius:.313rem;border-left:.5rem solid var(--IDS-COLOR-NEUTRAL-100);border-top-right-radius:.313rem;display:flex}.ids-side-menu .ids-side-menu__header .ids-side-menu__header-inner{box-sizing:border-box;color:var(--IDS-SIDE-MENU__LINK-COLOR);display:flex;margin-right:.5rem;width:100%}.ids-side-menu .ids-side-menu__header .ids-icon{padding:.125rem}.ids-side-menu .ids-side-menu__header .ids-side-menu__chevron-button{background:none;border:none;box-sizing:border-box;color:inherit;cursor:pointer;font:inherit;height:2.75rem;margin-left:.25rem;outline:inherit;padding:0 1.125rem;position:relative}.ids-side-menu .ids-side-menu__header .ids-side-menu__chevron-button:focus{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:-.125rem!important}.ids-side-menu .ids-side-menu__header .ids-side-menu__chevron-button:before{color:var(--IDS-SIDE-MENU__ICON-COLOR);content:\"\\e938\";display:block;font:icon;font-family:Inera-Design-Icons;pointer-events:none;position:absolute;right:.8125rem;text-align:center;top:1rem}.ids-side-menu .ids-side-menu__header .ids-side-menu__chevron-button.ids-side-menu__chevron-button--expanded:before{content:\"\\e936\"}.ids-side-menu .ids-side-menu__header .ids-side-menu__leaf-icon{align-items:flex-start;color:var(--IDS-SIDE-MENU__ICON-COLOR);cursor:pointer;display:flex;margin:.25rem 0;padding:.625rem .625rem .25rem 0}.ids-side-menu .ids-side-menu__header .ids-side-menu__leaf-icon--empty{margin-left:1.375rem}.ids-side-menu .ids-side-menu__header .ids-side-menu__label-button{background:none;border:none;color:inherit;cursor:pointer;display:flex;font:inherit;min-height:2.75rem;outline:inherit;padding:0;position:relative;width:100%}.ids-side-menu .ids-side-menu__header .ids-side-menu__label-button:focus{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:0!important}.ids-side-menu .ids-side-menu__header .ids-side-menu__label-chevron{box-sizing:border-box;cursor:pointer;height:2.75rem;margin-left:.25rem;padding-left:1.125rem;padding-right:1.125rem;position:relative}.ids-side-menu .ids-side-menu__header .ids-side-menu__label-chevron:before{color:var(--IDS-SIDE-MENU__ICON-COLOR);content:\"\\e938\";display:block;font:icon;font-family:Inera-Design-Icons;pointer-events:none;position:absolute;right:.8125rem;text-align:center;top:1rem}.ids-side-menu .ids-side-menu__header .ids-side-menu__label-chevron.ids-side-menu__label-chevron--expanded:before{content:\"\\e936\"}.ids-side-menu .ids-side-menu__header .ids-side-menu__label{display:grid;font-size:1rem;grid-template-columns:1fr auto;line-height:1.75rem;margin:.25rem 0;padding:.25rem 0;text-align:left;width:100%}.ids-side-menu .ids-side-menu__header .ids-side-menu__label-text{font-size:1rem;line-height:1.75rem}.ids-side-menu .ids-side-menu__header .ids-side-menu__link{display:grid;font-size:1rem;grid-template-columns:1fr auto;width:100%}.ids-side-menu .ids-side-menu__header .ids-side-menu__link ::slotted(a),.ids-side-menu .ids-side-menu__header .ids-side-menu__link a{align-items:flex-start;box-sizing:border-box;color:var(--IDS-SIDE-MENU__LINK-COLOR);cursor:pointer;display:flex;gap:.5rem;justify-content:space-between;line-height:1.75rem;margin:.25rem 0;padding:.25rem 0;text-align:left;text-decoration:none!important;width:100%}.ids-side-menu .ids-side-menu__header .ids-side-menu__link ::slotted(a):focus,.ids-side-menu .ids-side-menu__header .ids-side-menu__link a:focus{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:-.125rem!important}.ids-side-menu .ids-side-menu__header .ids-side-menu__link ::slotted(button),.ids-side-menu .ids-side-menu__header .ids-side-menu__link button{align-items:flex-start;background-color:transparent;border:0;border-radius:0;box-sizing:border-box;color:var(--IDS-SIDE-MENU__LINK-COLOR);cursor:pointer;display:flex;gap:.5rem;justify-content:space-between;line-height:1.75rem!important;margin:.25rem 0;padding:.25rem 0;text-align:left;width:100%}.ids-side-menu .ids-side-menu__header .ids-side-menu__link ::slotted(button):focus,.ids-side-menu .ids-side-menu__header .ids-side-menu__link button:focus{outline:var(--IDS-FOCUS__OUTLINE)}.ids-side-menu .ids-side-menu__header .ids-side-menu__link ::slotted(button):focus,.ids-side-menu .ids-side-menu__header .ids-side-menu__link button:focus{outline:var(--IDS-FOCUS__OUTLINE)!important;outline-color:var(--IDS-COLOR-NEUTRAL-40)!important;outline-offset:-.125rem!important}.ids-side-menu .ids-side-menu__header:hover{background-color:var(--IDS-SIDE-MENU__LABEL--ACTIVE-BACKGROUND-COLOR);border-color:var(--IDS-SIDE-MENU__LABEL--ACTIVE-BACKGROUND-COLOR)}.ids-side-menu .ids-side-menu__header:hover ::slotted(a),.ids-side-menu .ids-side-menu__header:hover a{color:var(--IDS-SIDE-MENU__LINK--HOVER-COLOR);text-decoration:none!important}.ids-side-menu .ids-side-menu__header:hover ::slotted(button),.ids-side-menu .ids-side-menu__header:hover button{color:var(--IDS-SIDE-MENU__LINK--HOVER-COLOR);text-decoration:none!important}.ids-side-menu .ids-side-menu__header.ids-side-menu--active{background-color:var(--IDS-SIDE-MENU__LABEL--ACTIVE-BACKGROUND-COLOR);border-color:var(--IDS-SIDE-MENU--ACTIVE__HEADER-BORDER-COLOR)}.ids-side-menu .ids-side-menu__header.ids-side-menu--active .ids-side-menu__label,.ids-side-menu .ids-side-menu__header.ids-side-menu--active .ids-side-menu__link{font-weight:700}.ids-side-menu .ids-side-menu__header.ids-side-menu--active .ids-side-menu__link:hover ::slotted(a),.ids-side-menu .ids-side-menu__header.ids-side-menu--active .ids-side-menu__link:hover ::slotted(button),.ids-side-menu .ids-side-menu__header.ids-side-menu--active .ids-side-menu__link:hover a,.ids-side-menu .ids-side-menu__header.ids-side-menu--active .ids-side-menu__link:hover button{color:var(--IDS-SIDE-MENU__LINK-COLOR);cursor:default;text-decoration:none!important}.ids-side-menu .ids-side-menu__header.ids-side-menu--level-2 .ids-side-menu__chevron-button{margin-left:1.875rem}.ids-side-menu .ids-side-menu__header.ids-side-menu--level-2 .ids-side-menu__leaf-icon,.ids-side-menu .ids-side-menu__header.ids-side-menu--level-2 .ids-side-menu__leaf-icon--empty{margin-left:2.5rem}.ids-side-menu .ids-side-menu__header.ids-side-menu--level-2 .ids-side-menu__label-button{padding-left:1.6875rem}.ids-side-menu .ids-side-menu__header.ids-side-menu--level-3 .ids-side-menu__leaf-icon,.ids-side-menu .ids-side-menu__header.ids-side-menu--level-3 .ids-side-menu__leaf-icon--empty{margin-left:4.125rem}.ids-side-menu.ids-side-menu--disabled{cursor:default}.ids-side-menu ::slotted(button):focus,.ids-side-menu ::slotted(button):focus-visible,.ids-side-menu button:focus,.ids-side-menu button:focus-visible{outline:var(--IDS-FOCUS__OUTLINE)!important;outline-color:var(--IDS-COLOR-NEUTRAL-40)!important;outline-offset:-.125rem!important}";
3
+ var css_248z = "@media (max-width:1023px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}@media (max-width:1024px){.ids-side-menu.ids-side-menu--hide-on-mobile{display:none}}.ids-side-menu .ids-side-menu__header{background-color:var(--IDS-COLOR-NEUTRAL-100);border-bottom-right-radius:.313rem;border-left:.5rem solid var(--IDS-COLOR-NEUTRAL-100);border-top-right-radius:.313rem;display:flex}.ids-side-menu .ids-side-menu__header .ids-side-menu__header-inner{box-sizing:border-box;color:var(--IDS-SIDE-MENU__LINK-COLOR);display:flex;margin-right:.5rem;width:100%}.ids-side-menu .ids-side-menu__header .ids-icon{padding:.125rem}.ids-side-menu .ids-side-menu__header .ids-side-menu__chevron-button{background:none;border:none;box-sizing:border-box;color:inherit;cursor:pointer;font:inherit;height:2.75rem;margin-left:.25rem;outline:inherit;padding:0 1.125rem;position:relative}.ids-side-menu .ids-side-menu__header .ids-side-menu__chevron-button:focus{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:-.125rem!important}.ids-side-menu .ids-side-menu__header .ids-side-menu__chevron-button:before{color:var(--IDS-SIDE-MENU__ICON-COLOR);content:\"\\e938\";display:block;font:icon;font-family:Inera-Design-Icons!important;pointer-events:none;position:absolute;right:.8125rem;text-align:center;top:1rem}.ids-side-menu .ids-side-menu__header .ids-side-menu__chevron-button.ids-side-menu__chevron-button--expanded:before{content:\"\\e936\"}.ids-side-menu .ids-side-menu__header .ids-side-menu__leaf-icon{align-items:flex-start;color:var(--IDS-SIDE-MENU__ICON-COLOR);cursor:pointer;display:flex;margin:.25rem 0;padding:.625rem .625rem .25rem 0}.ids-side-menu .ids-side-menu__header .ids-side-menu__leaf-icon--empty{margin-left:1.375rem}.ids-side-menu .ids-side-menu__header .ids-side-menu__label-button{background:none;border:none;color:inherit;cursor:pointer;display:flex;font:inherit;min-height:2.75rem;outline:inherit;padding:0;position:relative;width:100%}.ids-side-menu .ids-side-menu__header .ids-side-menu__label-button:focus{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:0!important}.ids-side-menu .ids-side-menu__header .ids-side-menu__label-chevron{box-sizing:border-box;cursor:pointer;height:2.75rem;margin-left:.25rem;padding-left:1.125rem;padding-right:1.125rem;position:relative}.ids-side-menu .ids-side-menu__header .ids-side-menu__label-chevron:before{color:var(--IDS-SIDE-MENU__ICON-COLOR);content:\"\\e938\";display:block;font:icon;font-family:Inera-Design-Icons!important;pointer-events:none;position:absolute;right:.8125rem;text-align:center;top:1rem}.ids-side-menu .ids-side-menu__header .ids-side-menu__label-chevron.ids-side-menu__label-chevron--expanded:before{content:\"\\e936\"}.ids-side-menu .ids-side-menu__header .ids-side-menu__label{display:grid;font-size:1rem;grid-template-columns:1fr auto;line-height:1.75rem;margin:.25rem 0;padding:.25rem 0;text-align:left;width:100%}.ids-side-menu .ids-side-menu__header .ids-side-menu__label-text{font-size:1rem;line-height:1.75rem}.ids-side-menu .ids-side-menu__header .ids-side-menu__link{display:grid;font-size:1rem;grid-template-columns:1fr auto;width:100%}.ids-side-menu .ids-side-menu__header .ids-side-menu__link ::slotted(a),.ids-side-menu .ids-side-menu__header .ids-side-menu__link a{align-items:flex-start;box-sizing:border-box;color:var(--IDS-SIDE-MENU__LINK-COLOR);cursor:pointer;display:flex;gap:.5rem;justify-content:space-between;line-height:1.75rem;margin:.25rem 0;padding:.25rem 0;text-align:left;text-decoration:none!important;width:100%}.ids-side-menu .ids-side-menu__header .ids-side-menu__link ::slotted(a):focus,.ids-side-menu .ids-side-menu__header .ids-side-menu__link a:focus{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:-.125rem!important}.ids-side-menu .ids-side-menu__header .ids-side-menu__link ::slotted(button),.ids-side-menu .ids-side-menu__header .ids-side-menu__link button{align-items:flex-start;background-color:transparent;border:0;border-radius:0;box-sizing:border-box;color:var(--IDS-SIDE-MENU__LINK-COLOR);cursor:pointer;display:flex;gap:.5rem;justify-content:space-between;line-height:1.75rem!important;margin:.25rem 0;padding:.25rem 0;text-align:left;width:100%}.ids-side-menu .ids-side-menu__header .ids-side-menu__link ::slotted(button):focus,.ids-side-menu .ids-side-menu__header .ids-side-menu__link button:focus{outline:var(--IDS-FOCUS__OUTLINE)}.ids-side-menu .ids-side-menu__header .ids-side-menu__link ::slotted(button):focus,.ids-side-menu .ids-side-menu__header .ids-side-menu__link button:focus{outline:var(--IDS-FOCUS__OUTLINE)!important;outline-color:var(--IDS-COLOR-NEUTRAL-40)!important;outline-offset:-.125rem!important}.ids-side-menu .ids-side-menu__header:hover{background-color:var(--IDS-SIDE-MENU__LABEL--ACTIVE-BACKGROUND-COLOR);border-color:var(--IDS-SIDE-MENU__LABEL--ACTIVE-BACKGROUND-COLOR)}.ids-side-menu .ids-side-menu__header:hover ::slotted(a),.ids-side-menu .ids-side-menu__header:hover a{color:var(--IDS-SIDE-MENU__LINK--HOVER-COLOR);text-decoration:none!important}.ids-side-menu .ids-side-menu__header:hover ::slotted(button),.ids-side-menu .ids-side-menu__header:hover button{color:var(--IDS-SIDE-MENU__LINK--HOVER-COLOR);text-decoration:none!important}.ids-side-menu .ids-side-menu__header.ids-side-menu--active{background-color:var(--IDS-SIDE-MENU__LABEL--ACTIVE-BACKGROUND-COLOR);border-color:var(--IDS-SIDE-MENU--ACTIVE__HEADER-BORDER-COLOR)}.ids-side-menu .ids-side-menu__header.ids-side-menu--active .ids-side-menu__label,.ids-side-menu .ids-side-menu__header.ids-side-menu--active .ids-side-menu__link{font-weight:700}.ids-side-menu .ids-side-menu__header.ids-side-menu--active .ids-side-menu__link:hover ::slotted(a),.ids-side-menu .ids-side-menu__header.ids-side-menu--active .ids-side-menu__link:hover ::slotted(button),.ids-side-menu .ids-side-menu__header.ids-side-menu--active .ids-side-menu__link:hover a,.ids-side-menu .ids-side-menu__header.ids-side-menu--active .ids-side-menu__link:hover button{color:var(--IDS-SIDE-MENU__LINK-COLOR);cursor:default;text-decoration:none!important}.ids-side-menu .ids-side-menu__header.ids-side-menu--level-2 .ids-side-menu__chevron-button{margin-left:1.875rem}.ids-side-menu .ids-side-menu__header.ids-side-menu--level-2 .ids-side-menu__leaf-icon,.ids-side-menu .ids-side-menu__header.ids-side-menu--level-2 .ids-side-menu__leaf-icon--empty{margin-left:2.5rem}.ids-side-menu .ids-side-menu__header.ids-side-menu--level-2 .ids-side-menu__label-button{padding-left:1.6875rem}.ids-side-menu .ids-side-menu__header.ids-side-menu--level-3 .ids-side-menu__leaf-icon,.ids-side-menu .ids-side-menu__header.ids-side-menu--level-3 .ids-side-menu__leaf-icon--empty{margin-left:4.125rem}.ids-side-menu.ids-side-menu--disabled{cursor:default}.ids-side-menu ::slotted(button):focus,.ids-side-menu ::slotted(button):focus-visible,.ids-side-menu button:focus,.ids-side-menu button:focus-visible{outline:var(--IDS-FOCUS__OUTLINE)!important;outline-color:var(--IDS-COLOR-NEUTRAL-40)!important;outline-offset:-.125rem!important}";
4
4
 
5
5
  var sideMenuLit = css`${unsafeCSS(css_248z)}`;
6
6
 
package/components/side-menu/side-menu.css CHANGED
@@ -69,7 +69,7 @@
69
69
  }
70
70
  .ids-side-menu .ids-side-menu__header .ids-side-menu__chevron-button:before {
71
71
  font: icon;
72
- font-family: "Inera-Design-Icons";
72
+ font-family: "Inera-Design-Icons" !important;
73
73
  display: block;
74
74
  position: absolute;
75
75
  pointer-events: none;
@@ -122,7 +122,7 @@
122
122
  }
123
123
  .ids-side-menu .ids-side-menu__header .ids-side-menu__label-chevron:before {
124
124
  font: icon;
125
- font-family: "Inera-Design-Icons";
125
+ font-family: "Inera-Design-Icons" !important;
126
126
  display: block;
127
127
  position: absolute;
128
128
  pointer-events: none;
package/components/side-panel/side-panel-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-side-panel{background-color:var(--IDS-OVERLAY__BACKGROUND-COLOR);overflow:hidden;z-index:1}.ids-side-panel .ids-side-panel__mobile-menu{background-color:var(--IDS-COLOR-NEUTRAL-100);display:none}.ids-side-panel.ids-side-panel--regular{bottom:0;height:0;left:0;opacity:0;position:fixed;right:0;top:0;transition:opacity 0s linear .2s,visibility .3s,width 0s linear .4s,height 0s linear .4s;visibility:hidden;width:0;z-index:2}.ids-side-panel.ids-side-panel--regular .ids-side-panel__panel{background-color:var(--IDS-COLOR-NEUTRAL-100);border-left:0;box-sizing:border-box;display:flex;flex-direction:column;height:70vh;overflow-x:hidden;padding:1.25rem 1rem 0;position:relative;transform:translateY(100vh);transition:transform .3s cubic-bezier(.4,0,.2,1);width:100%}.ids-side-panel.ids-side-panel--regular .ids-side-panel__content{box-sizing:border-box;order:1;overflow-x:hidden;overflow-y:auto;padding-bottom:1.25rem;width:100%}.ids-side-panel.ids-side-panel--regular .ids-side-panel__content::-webkit-scrollbar{margin-left:-1.25rem;position:absolute;width:1rem}.ids-side-panel.ids-side-panel--regular .ids-side-panel__content::-webkit-scrollbar-track{background:var(--IDS-COLOR-NEUTRAL-99);border-radius:.625rem;margin-bottom:0}.ids-side-panel.ids-side-panel--regular .ids-side-panel__content::-webkit-scrollbar-thumb{background:var(--IDS-SCROLL__COLOR);border:.125rem solid var(--IDS-COLOR-NEUTRAL-99);border-radius:.625rem;box-sizing:border-box;cursor:auto}.ids-side-panel.ids-side-panel--regular .ids-side-panel__content::-webkit-scrollbar-thumb:hover{background:var(--IDS-SCROLL__HOVER-COLOR)}.ids-side-panel.ids-side-panel--regular .ids-side-panel__content::-webkit-scrollbar-corner{background-color:transparent}.ids-side-panel.ids-side-panel--regular .ids-side-panel__content:has(.ids-side-panel__footer){display:flex;flex-direction:column;justify-content:space-between}.ids-side-panel.ids-side-panel--regular .ids-side-panel__inner{padding:.5rem}.ids-side-panel.ids-side-panel--regular .ids-side-panel__actions{margin-right:.313rem;order:0;text-align:right;width:100%}.ids-side-panel.ids-side-panel--regular .ids-side-panel__close-button{background:none;border:none;color:inherit;cursor:pointer;font:inherit;height:1.25rem;outline:inherit;padding:0;position:relative;width:1.25rem}.ids-side-panel.ids-side-panel--regular .ids-side-panel__close-button:focus{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)!important}.ids-side-panel.ids-side-panel--regular .ids-side-panel__close-button:before{color:var(--IDS-ICON__COLOR);content:\"\\e916\";display:block;font:icon;font-family:Inera-Design-Icons;font-size:1.25rem;left:0;pointer-events:none;position:absolute;top:0}.ids-side-panel.ids-side-panel--regular .ids-side-panel__close-button:active:before,.ids-side-panel.ids-side-panel--regular .ids-side-panel__close-button:focus:before,.ids-side-panel.ids-side-panel--regular .ids-side-panel__close-button:hover:before{color:var(--IDS-ICON--ACTIVE-COLOR)}.ids-side-panel.ids-side-panel--regular.ids-side-panel--show{height:100vh;opacity:1;transition:width 0s,height 0s;visibility:visible;width:100%}.ids-side-panel.ids-side-panel--regular.ids-side-panel--show .ids-side-panel__panel{transform:translateY(30vh);transition:transform .3s cubic-bezier(.4,0,.2,1)}@media (min-width:640px){.ids-side-panel.ids-side-panel--regular .ids-side-panel__panel{height:50vh}.ids-side-panel.ids-side-panel--regular.ids-side-panel--show .ids-side-panel__panel{transform:translateY(50vh)}}@media (min-width:1024px){.ids-side-panel.ids-side-panel--regular{background-color:var(--IDS-COLOR-NEUTRAL-100);border-left:.063rem solid var(--IDS-SIDE-PANEL__BORDER-COLOR);display:flex;overflow-x:hidden;position:relative;transform:none;transition:width .3s ease-in-out,opacity 0s linear .3s,height .4s,visibility .4s,transform 0s linear;width:0}.ids-side-panel.ids-side-panel--regular .ids-side-panel__panel{height:100%;padding:1.25rem 0 0 1rem;top:0;transform:none;transition:none}.ids-side-panel.ids-side-panel--regular .ids-side-panel__actions,.ids-side-panel.ids-side-panel--regular .ids-side-panel__content{width:21.875rem}.ids-side-panel.ids-side-panel--regular.ids-side-panel--show{height:100%;transform:none;transition:width .3s ease-in-out,visibility 0s,opacity 0s,transform 0s linear;width:23.75rem}.ids-side-panel.ids-side-panel--regular.ids-side-panel--show .ids-side-panel__panel{transform:none;transition:none}.ids-side-panel.ids-side-panel--regular.ids-side-panel--left{border-left:0;border-right:.063rem solid var(--IDS-SIDE-PANEL__BORDER-COLOR)}.ids-side-panel.ids-side-panel--regular.ids-side-panel--left .ids-side-panel__panel{direction:rtl;padding:1.25rem 1rem 1.25rem 0}.ids-side-panel.ids-side-panel--regular.ids-side-panel--left .ids-side-panel__panel .ids-side-panel__content{direction:ltr}.ids-side-panel.ids-side-panel--regular.ids-side-panel--elevated{border-left:0;bottom:0;box-shadow:-.188rem 0 .25rem -.125rem rgba(0,0,0,.2);height:100%;left:auto;position:fixed;right:0;top:0;width:0;z-index:2}.ids-side-panel.ids-side-panel--regular.ids-side-panel--elevated.ids-side-panel--left{border-right:0;box-shadow:.188rem 0 .25rem -.125rem rgba(0,0,0,.2);left:0;right:auto}.ids-side-panel.ids-side-panel--regular.ids-side-panel--elevated.ids-side-panel--left .ids-side-panel__panel{padding:1.25rem 1rem 1.25rem 0}.ids-side-panel.ids-side-panel--regular.ids-side-panel--elevated.ids-side-panel--show{width:23.75rem}}.ids-side-panel.ids-side-panel--menu{background-color:var(--IDS-COLOR-NEUTRAL-100);border-right:.063rem solid var(--IDS-SIDE-PANEL__BORDER-COLOR);display:flex;height:100%;padding:0;position:relative;width:3.125rem}.ids-side-panel.ids-side-panel--menu .ids-side-panel__panel{box-sizing:border-box;display:flex;flex-direction:column;padding:1.25rem 0 0;position:relative;width:100%}.ids-side-panel.ids-side-panel--menu .ids-side-panel__content{border-bottom:.25rem solid transparent;border-top:.25rem solid transparent;box-sizing:border-box;height:100%;margin:-.5rem 0 0 -.5rem;opacity:0;overflow-x:hidden;overflow-y:auto;padding:.5rem;transition:visibility 0s,opacity 0s;visibility:hidden;width:100%}.ids-side-panel.ids-side-panel--menu .ids-side-panel__content::-webkit-scrollbar{margin-left:-1.25rem;position:absolute;width:1rem}.ids-side-panel.ids-side-panel--menu .ids-side-panel__content::-webkit-scrollbar-track{background:var(--IDS-COLOR-NEUTRAL-99);border-radius:.625rem;margin-bottom:0}.ids-side-panel.ids-side-panel--menu .ids-side-panel__content::-webkit-scrollbar-thumb{background:var(--IDS-SCROLL__COLOR);border:.125rem solid var(--IDS-COLOR-NEUTRAL-99);border-radius:.625rem;box-sizing:border-box;cursor:auto}.ids-side-panel.ids-side-panel--menu .ids-side-panel__content::-webkit-scrollbar-thumb:hover{background:var(--IDS-SCROLL__HOVER-COLOR)}.ids-side-panel.ids-side-panel--menu .ids-side-panel__content::-webkit-scrollbar-corner{background-color:transparent}.ids-side-panel.ids-side-panel--menu .ids-side-panel__content:has(.ids-side-panel__footer){display:flex;flex-direction:column;justify-content:space-between}.ids-side-panel.ids-side-panel--menu .ids-side-panel__actions{margin-right:1.25rem;text-align:right;width:2.25rem}.ids-side-panel.ids-side-panel--menu .ids-side-panel__footer{border-bottom:.5rem solid var(--IDS-SIDE-PANEL__FOOTER-BORDER-BOTTOM-COLOR);border-top:.063rem solid var(--IDS-SIDE-PANEL__FOOTER-BORDER-TOP-COLOR);box-sizing:border-box;display:flex;flex-direction:column;gap:1.25rem;opacity:0;padding:1.25rem;text-align:left;transition:visibility 0s,opacity 0s;visibility:hidden}.ids-side-panel.ids-side-panel--menu .ids-side-panel__footer-links{display:flex;flex-direction:column;gap:1.25rem}.ids-side-panel.ids-side-panel--menu .ids-side-panel__footer-links ::slotted(*){display:block;width:100%}.ids-side-panel.ids-side-panel--menu .ids-side-panel__footer-text{line-height:1.5rem;margin-top:1.25rem}.ids-side-panel.ids-side-panel--menu .ids-side-panel__hamburger{background-color:transparent;border:0;height:1.875rem;margin-right:-.25rem;padding:0 .25rem}.ids-side-panel.ids-side-panel--menu .ids-side-panel__hamburger .ids-hamburger{cursor:pointer;position:relative;transition:all .2s;user-select:none}.ids-side-panel.ids-side-panel--menu .ids-side-panel__hamburger .ids-hamburger__lines{background-color:var(--IDS-COLOR-ACCENT-40);border-radius:.125rem;display:block;height:.125rem;position:relative;transition:all .2s;width:1.3125rem;width:1.25rem}.ids-side-panel.ids-side-panel--menu .ids-side-panel__hamburger .ids-hamburger__lines:after,.ids-side-panel.ids-side-panel--menu .ids-side-panel__hamburger .ids-hamburger__lines:before{background-color:var(--IDS-COLOR-ACCENT-40);border-radius:.125rem;content:\"\";display:inline-block;height:.125rem;left:0;position:absolute;-webkit-transform-origin:.09375rem center;transform-origin:.09375rem center;-webkit-transform-origin:.13393rem center;transform-origin:.13393rem center;transition:all .2s;width:1.3125rem;width:1.25rem}.ids-side-panel.ids-side-panel--menu .ids-side-panel__hamburger .ids-hamburger__lines:before{top:.5rem}.ids-side-panel.ids-side-panel--menu .ids-side-panel__hamburger .ids-hamburger__lines:after{top:-.5rem}.ids-side-panel.ids-side-panel--menu .ids-side-panel__hamburger[aria-expanded=true] .ids-hamburger .ids-hamburger__lines{background:transparent}.ids-side-panel.ids-side-panel--menu .ids-side-panel__hamburger[aria-expanded=true] .ids-hamburger .ids-hamburger__lines:after,.ids-side-panel.ids-side-panel--menu .ids-side-panel__hamburger[aria-expanded=true] .ids-hamburger .ids-hamburger__lines:before{left:-.1rem;top:0;-ms-transform-origin:50% 50%;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;width:1.5rem}.ids-side-panel.ids-side-panel--menu .ids-side-panel__hamburger[aria-expanded=true] .ids-hamburger .ids-hamburger__lines:before{-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg)}.ids-side-panel.ids-side-panel--menu .ids-side-panel__hamburger[aria-expanded=true] .ids-hamburger .ids-hamburger__lines:after{-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.ids-side-panel.ids-side-panel--menu .ids-side-panel__hamburger:focus{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:-.125rem!important}.ids-side-panel.ids-side-panel--menu.ids-side-panel--show{border-right:0;bottom:0;left:0;position:fixed;right:0;top:0;width:100%}.ids-side-panel.ids-side-panel--menu.ids-side-panel--show .ids-side-panel__actions{width:auto}.ids-side-panel.ids-side-panel--menu.ids-side-panel--show .ids-side-panel__mobile-menu{display:block;margin-top:2.5rem}.ids-side-panel.ids-side-panel--menu.ids-side-panel--show .ids-side-panel__content,.ids-side-panel.ids-side-panel--menu.ids-side-panel--show .ids-side-panel__footer{opacity:1;transition:visibility 0s,opacity 0s;visibility:visible}.ids-side-panel.ids-side-panel--menu.ids-side-panel--elevated{bottom:0;left:auto;position:fixed;right:calc(100% - 3.125rem);top:0;transition:transform .3s cubic-bezier(.4,0,.2,1);width:3.125rem;z-index:2}.ids-side-panel.ids-side-panel--menu.ids-side-panel--elevated.ids-side-panel--show{transform:translateX(calc(100% - 3.125rem));width:100%}@media (min-width:1024px){.ids-side-panel.ids-side-panel--menu{transition:width .3s ease-in-out}.ids-side-panel.ids-side-panel--menu .ids-side-panel__mobile-menu{display:none!important}.ids-side-panel.ids-side-panel--menu .ids-side-panel__panel{position:relative;transform:none;transition:none;width:23.75rem}.ids-side-panel.ids-side-panel--menu .ids-side-panel__content{width:23.75rem}.ids-side-panel.ids-side-panel--menu.ids-side-panel--show{border-right:.063rem solid var(--IDS-SIDE-PANEL__BORDER-COLOR);height:100%;position:relative;transform:none;transition:width .3s ease-in-out;width:23.75rem}.ids-side-panel.ids-side-panel--menu.ids-side-panel--elevated{border-right:0;box-shadow:.188rem 0 .25rem -.125rem rgba(0,0,0,.2)}.ids-side-panel.ids-side-panel--menu.ids-side-panel--elevated.ids-side-panel--show{position:fixed;transform:translateX(20.625rem);transition:transform .3s cubic-bezier(.4,0,.2,1);width:23.75rem}}";
3
+ var css_248z = "@media (max-width:1023px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}.ids-side-panel{background-color:var(--IDS-OVERLAY__BACKGROUND-COLOR);overflow:hidden;z-index:1}.ids-side-panel .ids-side-panel__mobile-menu{background-color:var(--IDS-COLOR-NEUTRAL-100);display:none}.ids-side-panel.ids-side-panel--regular{bottom:0;height:0;left:0;opacity:0;position:fixed;right:0;top:0;transition:opacity 0s linear .2s,visibility .3s,width 0s linear .4s,height 0s linear .4s;visibility:hidden;width:0;z-index:2}.ids-side-panel.ids-side-panel--regular .ids-side-panel__panel{background-color:var(--IDS-COLOR-NEUTRAL-100);border-left:0;box-sizing:border-box;display:flex;flex-direction:column;height:70vh;overflow-x:hidden;padding:1.25rem 1rem 0;position:relative;transform:translateY(100vh);transition:transform .3s cubic-bezier(.4,0,.2,1);width:100%}.ids-side-panel.ids-side-panel--regular .ids-side-panel__content{box-sizing:border-box;order:1;overflow-x:hidden;overflow-y:auto;padding-bottom:1.25rem;width:100%}.ids-side-panel.ids-side-panel--regular .ids-side-panel__content::-webkit-scrollbar{margin-left:-1.25rem;position:absolute;width:1rem}.ids-side-panel.ids-side-panel--regular .ids-side-panel__content::-webkit-scrollbar-track{background:var(--IDS-COLOR-NEUTRAL-99);border-radius:.625rem;margin-bottom:0}.ids-side-panel.ids-side-panel--regular .ids-side-panel__content::-webkit-scrollbar-thumb{background:var(--IDS-SCROLL__COLOR);border:.125rem solid var(--IDS-COLOR-NEUTRAL-99);border-radius:.625rem;box-sizing:border-box;cursor:auto}.ids-side-panel.ids-side-panel--regular .ids-side-panel__content::-webkit-scrollbar-thumb:hover{background:var(--IDS-SCROLL__HOVER-COLOR)}.ids-side-panel.ids-side-panel--regular .ids-side-panel__content::-webkit-scrollbar-corner{background-color:transparent}.ids-side-panel.ids-side-panel--regular .ids-side-panel__content:has(.ids-side-panel__footer){display:flex;flex-direction:column;justify-content:space-between}.ids-side-panel.ids-side-panel--regular .ids-side-panel__inner{padding:.5rem}.ids-side-panel.ids-side-panel--regular .ids-side-panel__actions{margin-right:.313rem;order:0;text-align:right;width:100%}.ids-side-panel.ids-side-panel--regular .ids-side-panel__close-button{background:none;border:none;color:inherit;cursor:pointer;font:inherit;height:1.25rem;outline:inherit;padding:0;position:relative;width:1.25rem}.ids-side-panel.ids-side-panel--regular .ids-side-panel__close-button:focus{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)!important}.ids-side-panel.ids-side-panel--regular .ids-side-panel__close-button:before{color:var(--IDS-ICON__COLOR);content:\"\\e916\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1.25rem;left:0;pointer-events:none;position:absolute;top:0}.ids-side-panel.ids-side-panel--regular .ids-side-panel__close-button:active:before,.ids-side-panel.ids-side-panel--regular .ids-side-panel__close-button:focus:before,.ids-side-panel.ids-side-panel--regular .ids-side-panel__close-button:hover:before{color:var(--IDS-ICON--ACTIVE-COLOR)}.ids-side-panel.ids-side-panel--regular.ids-side-panel--show{height:100vh;opacity:1;transition:width 0s,height 0s;visibility:visible;width:100%}.ids-side-panel.ids-side-panel--regular.ids-side-panel--show .ids-side-panel__panel{transform:translateY(30vh);transition:transform .3s cubic-bezier(.4,0,.2,1)}@media (min-width:640px){.ids-side-panel.ids-side-panel--regular .ids-side-panel__panel{height:50vh}.ids-side-panel.ids-side-panel--regular.ids-side-panel--show .ids-side-panel__panel{transform:translateY(50vh)}}@media (min-width:1024px){.ids-side-panel.ids-side-panel--regular{background-color:var(--IDS-COLOR-NEUTRAL-100);border-left:.063rem solid var(--IDS-SIDE-PANEL__BORDER-COLOR);display:flex;overflow-x:hidden;position:relative;transform:none;transition:width .3s ease-in-out,opacity 0s linear .3s,height .4s,visibility .4s,transform 0s linear;width:0}.ids-side-panel.ids-side-panel--regular .ids-side-panel__panel{height:100%;padding:1.25rem 0 0 1rem;top:0;transform:none;transition:none}.ids-side-panel.ids-side-panel--regular .ids-side-panel__actions,.ids-side-panel.ids-side-panel--regular .ids-side-panel__content{width:21.875rem}.ids-side-panel.ids-side-panel--regular.ids-side-panel--show{height:100%;transform:none;transition:width .3s ease-in-out,visibility 0s,opacity 0s,transform 0s linear;width:23.75rem}.ids-side-panel.ids-side-panel--regular.ids-side-panel--show .ids-side-panel__panel{transform:none;transition:none}.ids-side-panel.ids-side-panel--regular.ids-side-panel--left{border-left:0;border-right:.063rem solid var(--IDS-SIDE-PANEL__BORDER-COLOR)}.ids-side-panel.ids-side-panel--regular.ids-side-panel--left .ids-side-panel__panel{direction:rtl;padding:1.25rem 1rem 1.25rem 0}.ids-side-panel.ids-side-panel--regular.ids-side-panel--left .ids-side-panel__panel .ids-side-panel__content{direction:ltr}.ids-side-panel.ids-side-panel--regular.ids-side-panel--elevated{border-left:0;bottom:0;box-shadow:-.188rem 0 .25rem -.125rem rgba(0,0,0,.2);height:100%;left:auto;position:fixed;right:0;top:0;width:0;z-index:2}.ids-side-panel.ids-side-panel--regular.ids-side-panel--elevated.ids-side-panel--left{border-right:0;box-shadow:.188rem 0 .25rem -.125rem rgba(0,0,0,.2);left:0;right:auto}.ids-side-panel.ids-side-panel--regular.ids-side-panel--elevated.ids-side-panel--left .ids-side-panel__panel{padding:1.25rem 1rem 1.25rem 0}.ids-side-panel.ids-side-panel--regular.ids-side-panel--elevated.ids-side-panel--show{width:23.75rem}}.ids-side-panel.ids-side-panel--menu{background-color:var(--IDS-COLOR-NEUTRAL-100);border-right:.063rem solid var(--IDS-SIDE-PANEL__BORDER-COLOR);display:flex;height:100%;padding:0;position:relative;width:3.125rem}.ids-side-panel.ids-side-panel--menu .ids-side-panel__panel{box-sizing:border-box;display:flex;flex-direction:column;padding:1.25rem 0 0;position:relative;width:100%}.ids-side-panel.ids-side-panel--menu .ids-side-panel__content{border-bottom:.25rem solid transparent;border-top:.25rem solid transparent;box-sizing:border-box;height:100%;margin:-.5rem 0 0 -.5rem;opacity:0;overflow-x:hidden;overflow-y:auto;padding:.5rem;transition:visibility 0s,opacity 0s;visibility:hidden;width:100%}.ids-side-panel.ids-side-panel--menu .ids-side-panel__content::-webkit-scrollbar{margin-left:-1.25rem;position:absolute;width:1rem}.ids-side-panel.ids-side-panel--menu .ids-side-panel__content::-webkit-scrollbar-track{background:var(--IDS-COLOR-NEUTRAL-99);border-radius:.625rem;margin-bottom:0}.ids-side-panel.ids-side-panel--menu .ids-side-panel__content::-webkit-scrollbar-thumb{background:var(--IDS-SCROLL__COLOR);border:.125rem solid var(--IDS-COLOR-NEUTRAL-99);border-radius:.625rem;box-sizing:border-box;cursor:auto}.ids-side-panel.ids-side-panel--menu .ids-side-panel__content::-webkit-scrollbar-thumb:hover{background:var(--IDS-SCROLL__HOVER-COLOR)}.ids-side-panel.ids-side-panel--menu .ids-side-panel__content::-webkit-scrollbar-corner{background-color:transparent}.ids-side-panel.ids-side-panel--menu .ids-side-panel__content:has(.ids-side-panel__footer){display:flex;flex-direction:column;justify-content:space-between}.ids-side-panel.ids-side-panel--menu .ids-side-panel__actions{margin-right:1.25rem;text-align:right;width:2.25rem}.ids-side-panel.ids-side-panel--menu .ids-side-panel__footer{border-bottom:.5rem solid var(--IDS-SIDE-PANEL__FOOTER-BORDER-BOTTOM-COLOR);border-top:.063rem solid var(--IDS-SIDE-PANEL__FOOTER-BORDER-TOP-COLOR);box-sizing:border-box;display:flex;flex-direction:column;gap:1.25rem;opacity:0;padding:1.25rem;text-align:left;transition:visibility 0s,opacity 0s;visibility:hidden}.ids-side-panel.ids-side-panel--menu .ids-side-panel__footer-links{display:flex;flex-direction:column;gap:1.25rem}.ids-side-panel.ids-side-panel--menu .ids-side-panel__footer-links ::slotted(*){display:block;width:100%}.ids-side-panel.ids-side-panel--menu .ids-side-panel__footer-text{line-height:1.5rem;margin-top:1.25rem}.ids-side-panel.ids-side-panel--menu .ids-side-panel__hamburger{background-color:transparent;border:0;height:1.875rem;margin-right:-.25rem;padding:0 .25rem}.ids-side-panel.ids-side-panel--menu .ids-side-panel__hamburger .ids-hamburger{cursor:pointer;position:relative;transition:all .2s;user-select:none}.ids-side-panel.ids-side-panel--menu .ids-side-panel__hamburger .ids-hamburger__lines{background-color:var(--IDS-COLOR-ACCENT-40);border-radius:.125rem;display:block;height:.125rem;position:relative;transition:all .2s;width:1.3125rem;width:1.25rem}.ids-side-panel.ids-side-panel--menu .ids-side-panel__hamburger .ids-hamburger__lines:after,.ids-side-panel.ids-side-panel--menu .ids-side-panel__hamburger .ids-hamburger__lines:before{background-color:var(--IDS-COLOR-ACCENT-40);border-radius:.125rem;content:\"\";display:inline-block;height:.125rem;left:0;position:absolute;-webkit-transform-origin:.09375rem center;transform-origin:.09375rem center;-webkit-transform-origin:.13393rem center;transform-origin:.13393rem center;transition:all .2s;width:1.3125rem;width:1.25rem}.ids-side-panel.ids-side-panel--menu .ids-side-panel__hamburger .ids-hamburger__lines:before{top:.5rem}.ids-side-panel.ids-side-panel--menu .ids-side-panel__hamburger .ids-hamburger__lines:after{top:-.5rem}.ids-side-panel.ids-side-panel--menu .ids-side-panel__hamburger[aria-expanded=true] .ids-hamburger .ids-hamburger__lines{background:transparent}.ids-side-panel.ids-side-panel--menu .ids-side-panel__hamburger[aria-expanded=true] .ids-hamburger .ids-hamburger__lines:after,.ids-side-panel.ids-side-panel--menu .ids-side-panel__hamburger[aria-expanded=true] .ids-hamburger .ids-hamburger__lines:before{left:-.1rem;top:0;-ms-transform-origin:50% 50%;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;width:1.5rem}.ids-side-panel.ids-side-panel--menu .ids-side-panel__hamburger[aria-expanded=true] .ids-hamburger .ids-hamburger__lines:before{-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg)}.ids-side-panel.ids-side-panel--menu .ids-side-panel__hamburger[aria-expanded=true] .ids-hamburger .ids-hamburger__lines:after{-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.ids-side-panel.ids-side-panel--menu .ids-side-panel__hamburger:focus{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:-.125rem!important}.ids-side-panel.ids-side-panel--menu.ids-side-panel--show{border-right:0;bottom:0;left:0;position:fixed;right:0;top:0;width:100%}.ids-side-panel.ids-side-panel--menu.ids-side-panel--show .ids-side-panel__actions{width:auto}.ids-side-panel.ids-side-panel--menu.ids-side-panel--show .ids-side-panel__mobile-menu{display:block;margin-top:2.5rem}.ids-side-panel.ids-side-panel--menu.ids-side-panel--show .ids-side-panel__content,.ids-side-panel.ids-side-panel--menu.ids-side-panel--show .ids-side-panel__footer{opacity:1;transition:visibility 0s,opacity 0s;visibility:visible}.ids-side-panel.ids-side-panel--menu.ids-side-panel--elevated{bottom:0;left:auto;position:fixed;right:calc(100% - 3.125rem);top:0;transition:transform .3s cubic-bezier(.4,0,.2,1);width:3.125rem;z-index:2}.ids-side-panel.ids-side-panel--menu.ids-side-panel--elevated.ids-side-panel--show{transform:translateX(calc(100% - 3.125rem));width:100%}@media (min-width:1024px){.ids-side-panel.ids-side-panel--menu{transition:width .3s ease-in-out}.ids-side-panel.ids-side-panel--menu .ids-side-panel__mobile-menu{display:none!important}.ids-side-panel.ids-side-panel--menu .ids-side-panel__panel{position:relative;transform:none;transition:none;width:23.75rem}.ids-side-panel.ids-side-panel--menu .ids-side-panel__content{width:23.75rem}.ids-side-panel.ids-side-panel--menu.ids-side-panel--show{border-right:.063rem solid var(--IDS-SIDE-PANEL__BORDER-COLOR);height:100%;position:relative;transform:none;transition:width .3s ease-in-out;width:23.75rem}.ids-side-panel.ids-side-panel--menu.ids-side-panel--elevated{border-right:0;box-shadow:.188rem 0 .25rem -.125rem rgba(0,0,0,.2)}.ids-side-panel.ids-side-panel--menu.ids-side-panel--elevated.ids-side-panel--show{position:fixed;transform:translateX(20.625rem);transition:transform .3s cubic-bezier(.4,0,.2,1);width:23.75rem}}";
4
4
 
5
5
  var sidePanelLit = css`${unsafeCSS(css_248z)}`;
6
6
 
package/components/side-panel/side-panel.css CHANGED
@@ -124,7 +124,7 @@
124
124
  }
125
125
  .ids-side-panel.ids-side-panel--regular .ids-side-panel__close-button:before {
126
126
  font: icon;
127
- font-family: "Inera-Design-Icons";
127
+ font-family: "Inera-Design-Icons" !important;
128
128
  display: block;
129
129
  position: absolute;
130
130
  pointer-events: none;
package/components/stepper/stepper-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}}:host([last]) .ids-step:after{content:none}.ids-stepper .ids-step:last-child:after{display:none}.ids-step{background-color:var(--IDS-COLOR-NEUTRAL-100);border:var(--IDS-STEP__BORDER);border-radius:.3125rem;display:flex;flex-direction:column;margin-bottom:1rem;padding:1rem;position:relative}.ids-step:after{background-color:var(--IDS-STEP__AFTER-BACKGROUND-COLOR);bottom:-1.0625rem;content:\"\";height:1rem;left:2.25rem;position:absolute;width:.25rem}.ids-step .ids-step__label{color:var(--IDS-STEP__LABEL-COLOR);font-size:1rem}.ids-step .ids-step__button{background:none;border:none;border-radius:.3125rem;cursor:pointer;display:block;width:100%}.ids-step .ids-step__button:focus{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)!important}.ids-step .ids-step__button.ids-step__button--disabled{cursor:default;pointer-events:none}.ids-step .ids-step__button.ids-step__button--disabled .ids-step__label{color:var(--IDS-STEP--DISABLED__LABEL-COLOR);font-style:italic}.ids-step .ids-step__button.ids-step__button--disabled .ids-step__headline{color:var(--IDS-STEP--DISABLED__HEADLINE-COLOR);font-style:italic}.ids-step .ids-step__button.ids-step__button--disabled .ids-step__chevron{display:none}.ids-step .ids-step__button-inner{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.ids-step .ids-step__button-text{align-items:center;display:flex;flex:1 auto;flex-wrap:wrap;justify-content:space-between}.ids-step .ids-step__indicator-wrapper{align-items:flex-start;display:flex}.ids-step .ids-step__indicator{align-items:center;background-color:var(--IDS-STEP__INDICATOR-BACKGROUND-COLOR);border:var(--IDS-STEP__INDICATOR-BORDER);border-radius:6.25rem;color:var(--IDS-STEP__INDICATOR-COLOR);display:flex;flex-direction:column;font-family:var(--IDS-STEP__INDICATOR-FONT-FAMILY);font-size:1.25rem!important;font-weight:400!important;height:2.625rem;justify-content:center;position:relative;width:2.625rem}.ids-step .ids-step__indicator.ids-step__indicator--selected{background-color:var(--IDS-STEP--SELECTED__INDICATOR-BACKGROUND-COLOR);color:var(--IDS-COLOR-NEUTRAL-100)}.ids-step .ids-step__indicator.ids-step__indicator--valid{background-color:var(--IDS-STEP--VALID__INDICATOR-BACKGROUND-COLOR);border:var(--IDS-STEP--VALID__INDICATOR-BORDER)}.ids-step .ids-step__indicator.ids-step__indicator--valid:before{color:var(--IDS-STEP--VALID__INDICATOR-ICON-COLOR);content:\"\\e93a\";display:block;font:icon;font-family:Inera-Design-Icons;font-size:1.25rem!important;pointer-events:none;position:absolute}.ids-step .ids-step__indicator.ids-step__indicator--invalid{background-color:var(--IDS-STEP--INVALID__INDICATOR-BACKGROUND-COLOR);border:var(--IDS-STEP--INVALID__INDICATOR-BORDER);box-shadow:inset 0 0 0 .0625rem var(--IDS-STEP--INVALID__INDICATOR-ICON-COLOR)}.ids-step .ids-step__indicator.ids-step__indicator--invalid:before{color:var(--IDS-STEP--INVALID__INDICATOR-ICON-COLOR);content:\"\\e91d\";display:block;font:icon;font-family:Inera-Design-Icons;font-size:1.25rem!important;pointer-events:none;position:absolute}.ids-step .ids-step__headline-label{align-self:center;display:flex;flex-direction:column}.ids-step .ids-step__label{align-self:flex-start;display:flex}.ids-step .ids-step__headline,.ids-step ::slotted([slot=headline]){color:var(--IDS-STEP__HEADLINE-COLOR);font-family:var(--IDS-STEP__HEADLINE-FONT-FAMILY);font-size:1.25rem;font-style:normal;font-weight:700;line-height:1.5rem;margin:0}.ids-step .ids-step__chevron{height:2.625rem;position:relative;width:1.25rem}.ids-step .ids-step__chevron:before{color:var(--IDS-STEP__CHEVRON-COLOR);content:\"\\e906\";display:block;font:icon;font-family:Inera-Design-Icons;font-size:1.25rem;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%)}.ids-step .ids-step__chevron.ids-step__chevron--expanded:before{content:\"\\e909\"}.ids-step .ids-step__content{padding:1rem 0 0}@media only screen and (min-width:1024px){.ids-step{margin-bottom:1.25rem}.ids-step:after{bottom:-1.3125rem;height:1.25rem}.ids-step .ids-step__headline-label{padding-left:1.25rem}.ids-step .ids-step__content{padding:1.25rem 0 0 4rem}}";
3
+ var css_248z = "@media (max-width:1023px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}:host([last]) .ids-step:after{content:none}.ids-stepper .ids-step:last-child:after{display:none}.ids-step{background-color:var(--IDS-COLOR-NEUTRAL-100);border:var(--IDS-STEP__BORDER);border-radius:.3125rem;display:flex;flex-direction:column;margin-bottom:1rem;padding:1rem;position:relative}.ids-step:after{background-color:var(--IDS-STEP__AFTER-BACKGROUND-COLOR);bottom:-1.0625rem;content:\"\";height:1rem;left:2.25rem;position:absolute;width:.25rem}.ids-step .ids-step__label{color:var(--IDS-STEP__LABEL-COLOR);font-size:1rem}.ids-step .ids-step__button{background:none;border:none;border-radius:.3125rem;cursor:pointer;display:block;width:100%}.ids-step .ids-step__button:focus{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)!important}.ids-step .ids-step__button.ids-step__button--disabled{cursor:default;pointer-events:none}.ids-step .ids-step__button.ids-step__button--disabled .ids-step__label{color:var(--IDS-STEP--DISABLED__LABEL-COLOR);font-style:italic}.ids-step .ids-step__button.ids-step__button--disabled .ids-step__headline{color:var(--IDS-STEP--DISABLED__HEADLINE-COLOR);font-style:italic}.ids-step .ids-step__button.ids-step__button--disabled .ids-step__chevron{display:none}.ids-step .ids-step__button-inner{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.ids-step .ids-step__button-text{align-items:center;display:flex;flex:1 auto;flex-wrap:wrap;justify-content:space-between}.ids-step .ids-step__indicator-wrapper{align-items:flex-start;display:flex}.ids-step .ids-step__indicator{align-items:center;background-color:var(--IDS-STEP__INDICATOR-BACKGROUND-COLOR);border:var(--IDS-STEP__INDICATOR-BORDER);border-radius:6.25rem;color:var(--IDS-STEP__INDICATOR-COLOR);display:flex;flex-direction:column;font-family:var(--IDS-STEP__INDICATOR-FONT-FAMILY);font-size:1.25rem!important;font-weight:400!important;height:2.625rem;justify-content:center;position:relative;width:2.625rem}.ids-step .ids-step__indicator.ids-step__indicator--selected{background-color:var(--IDS-STEP--SELECTED__INDICATOR-BACKGROUND-COLOR);color:var(--IDS-COLOR-NEUTRAL-100)}.ids-step .ids-step__indicator.ids-step__indicator--valid{background-color:var(--IDS-STEP--VALID__INDICATOR-BACKGROUND-COLOR);border:var(--IDS-STEP--VALID__INDICATOR-BORDER)}.ids-step .ids-step__indicator.ids-step__indicator--valid:before{color:var(--IDS-STEP--VALID__INDICATOR-ICON-COLOR);content:\"\\e93a\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1.25rem!important;pointer-events:none;position:absolute}.ids-step .ids-step__indicator.ids-step__indicator--invalid{background-color:var(--IDS-STEP--INVALID__INDICATOR-BACKGROUND-COLOR);border:var(--IDS-STEP--INVALID__INDICATOR-BORDER);box-shadow:inset 0 0 0 .0625rem var(--IDS-STEP--INVALID__INDICATOR-ICON-COLOR)}.ids-step .ids-step__indicator.ids-step__indicator--invalid:before{color:var(--IDS-STEP--INVALID__INDICATOR-ICON-COLOR);content:\"\\e91d\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1.25rem!important;pointer-events:none;position:absolute}.ids-step .ids-step__headline-label{align-self:center;display:flex;flex-direction:column}.ids-step .ids-step__label{align-self:flex-start;display:flex}.ids-step .ids-step__headline,.ids-step ::slotted([slot=headline]){color:var(--IDS-STEP__HEADLINE-COLOR);font-family:var(--IDS-STEP__HEADLINE-FONT-FAMILY);font-size:1.25rem;font-style:normal;font-weight:700;line-height:1.5rem;margin:0}.ids-step .ids-step__chevron{height:2.625rem;position:relative;width:1.25rem}.ids-step .ids-step__chevron:before{color:var(--IDS-STEP__CHEVRON-COLOR);content:\"\\e906\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1.25rem;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%)}.ids-step .ids-step__chevron.ids-step__chevron--expanded:before{content:\"\\e909\"}.ids-step .ids-step__content{padding:1rem 0 0}@media only screen and (min-width:1024px){.ids-step{margin-bottom:1.25rem}.ids-step:after{bottom:-1.3125rem;height:1.25rem}.ids-step .ids-step__headline-label{padding-left:1.25rem}.ids-step .ids-step__content{padding:1.25rem 0 0 4rem}}";
4
4
 
5
5
  var stepperLit = css`${unsafeCSS(css_248z)}`;
6
6
 
package/components/stepper/stepper.css CHANGED
@@ -126,7 +126,7 @@
126
126
  }
127
127
  .ids-step .ids-step__indicator.ids-step__indicator--valid:before {
128
128
  font: icon;
129
- font-family: "Inera-Design-Icons";
129
+ font-family: "Inera-Design-Icons" !important;
130
130
  display: block;
131
131
  position: absolute;
132
132
  pointer-events: none;
@@ -141,7 +141,7 @@
141
141
  }
142
142
  .ids-step .ids-step__indicator.ids-step__indicator--invalid:before {
143
143
  font: icon;
144
- font-family: "Inera-Design-Icons";
144
+ font-family: "Inera-Design-Icons" !important;
145
145
  display: block;
146
146
  position: absolute;
147
147
  pointer-events: none;
@@ -175,7 +175,7 @@
175
175
  }
176
176
  .ids-step .ids-step__chevron:before {
177
177
  font: icon;
178
- font-family: "Inera-Design-Icons";
178
+ font-family: "Inera-Design-Icons" !important;
179
179
  display: block;
180
180
  position: absolute;
181
181
  pointer-events: none;
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__tabs{align-items:flex-end;border-bottom:var(--IDS-TABS__BORDER-BOTTOM);display:none;flex-wrap:wrap;gap:.25rem;padding:0 1.25rem;position:relative}.ids-tabs .ids-tabs__tabs:before{bottom:0;box-shadow:inset 0 -.25rem .25rem -.25rem rgba(0,0,0,.2);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;z-index:1}";
4
4
 
5
- var css_248z = ".ids-select{appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;background-color:var(--IDS-INPUT__BACKGROUND-COLOR);border:var(--IDS-INPUT__BORDER);border-radius:var(--IDS-INPUT__BORDER-RADIUS);color:var(--IDS-INPUT__COLOR);cursor:pointer;display:block;display:inline-block!important;font-family:var(--IDS-FONT-FAMILY-BASE)!important;font-size:1rem;height:var(--IDS-INPUT__HEIGHT);overflow:hidden;padding:var(--IDS-INPUT__PADDING);padding-right:var(--IDS-INPUT__ICON-PADDING-RIGHT)!important;text-align:left;text-overflow:ellipsis;width:100%!important}.ids-select.ids-input--light:disabled,.ids-select:disabled{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.ids-input--light.ids-input--invalid{background-color:var(--IDS-FORM--INVALID__BACKGROUND-COLOR)}.ids-select.ids-input--invalid{background:var(--IDS-FORM--INVALID__BACKGROUND-COLOR);border:var(--IDS-FORM--INVALID__BORDER);box-shadow:inset 0 0 0 .0625rem var(--IDS-FORM--INVALID__BORDER-COLOR)}.ids-select.ids-input--light{background-color:var(--IDS-COLOR-NEUTRAL-100)}.ids-select.ids-input--light.ids-input--invalid{background:var(--IDS-FORM--INVALID__BACKGROUND-COLOR);border:var(--IDS-FORM--INVALID__BORDER);box-shadow:inset 0 0 0 .0625rem var(--IDS-FORM--INVALID__BORDER-COLOR)}.ids-select[aria-disabled=true]{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:disabled{cursor:default}.ids-select:disabled.ids-input--light{background-color:var(--IDS-COLOR-NEUTRAL-100);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:focus{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)!important}.ids-select-wrapper{display:flex;position:relative}.ids-select-wrapper:after{color:var(--IDS-ICON__COLOR);content:\"\\e936\";display:block;font:icon;font-family:Inera-Design-Icons;height:1rem;pointer-events:none;position:absolute;right:var(--IDS-INPUT__ICON-RIGHT);top:50%;transform:translateY(-50%);width:1rem}.ids-select-wrapper:has(.ids-input--invalid):after{color:var(--IDS-ICON--INVALID-COLOR)}.ids-select-wrapper:has([aria-disabled=true]):after,.ids-select-wrapper:has(select:disabled):after{color:var(--IDS-ICON--DISABLED-COLOR)}";
5
+ var css_248z = ".ids-select{appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;background-color:var(--IDS-INPUT__BACKGROUND-COLOR);border:var(--IDS-INPUT__BORDER);border-radius:var(--IDS-INPUT__BORDER-RADIUS);color:var(--IDS-INPUT__COLOR);cursor:pointer;display:block;display:inline-block!important;font-family:var(--IDS-FONT-FAMILY-BASE)!important;font-size:1rem;height:var(--IDS-INPUT__HEIGHT);overflow:hidden;padding:var(--IDS-INPUT__PADDING);padding-right:var(--IDS-INPUT__ICON-PADDING-RIGHT)!important;text-align:left;text-overflow:ellipsis;width:100%!important}.ids-select.ids-input--light:disabled,.ids-select:disabled{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.ids-input--light.ids-input--invalid{background-color:var(--IDS-FORM--INVALID__BACKGROUND-COLOR)}.ids-select.ids-input--invalid{background:var(--IDS-FORM--INVALID__BACKGROUND-COLOR);border:var(--IDS-FORM--INVALID__BORDER);box-shadow:inset 0 0 0 .0625rem var(--IDS-FORM--INVALID__BORDER-COLOR)}.ids-select.ids-input--light{background-color:var(--IDS-COLOR-NEUTRAL-100)}.ids-select.ids-input--light.ids-input--invalid{background:var(--IDS-FORM--INVALID__BACKGROUND-COLOR);border:var(--IDS-FORM--INVALID__BORDER);box-shadow:inset 0 0 0 .0625rem var(--IDS-FORM--INVALID__BORDER-COLOR)}.ids-select[aria-disabled=true]{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:disabled{cursor:default}.ids-select:disabled.ids-input--light{background-color:var(--IDS-COLOR-NEUTRAL-100);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:focus{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)!important}.ids-select-wrapper{display:flex;position:relative}.ids-select-wrapper:after{color:var(--IDS-ICON__COLOR);content:\"\\e936\";display:block;font:icon;font-family:Inera-Design-Icons!important;height:1rem;pointer-events:none;position:absolute;right:var(--IDS-INPUT__ICON-RIGHT);top:50%;transform:translateY(-50%);width:1rem}.ids-select-wrapper:has(.ids-input--invalid):after{color:var(--IDS-ICON--INVALID-COLOR)}.ids-select-wrapper:has([aria-disabled=true]):after,.ids-select-wrapper:has(select:disabled):after{color:var(--IDS-ICON--DISABLED-COLOR)}";
6
6
 
7
7
  var tabsLit = css`${unsafeCSS(css_248z)} ${unsafeCSS(css_248z$1)}`;
8
8
 
package/components/tag/tag-lit.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { css, unsafeCSS } from 'lit';
2
2
 
3
- var css_248z = ".ids-tag{background-color:var(--IDS-TAG__BACKGROUND-COLOR);border:.063rem solid var(--IDS-TAG__BORDER-COLOR);border-radius:var(--IDS-TAG__BORDER-RADIUS);color:var(--IDS-TAG__COLOR);display:inline-flex;flex-direction:row;font-family:var(--IDS-TAG__FONT-FAMILY);font-weight:400;gap:.5rem;justify-content:space-between;line-height:1rem;padding:var(--IDS-TAG__PADDING)}.ids-tag .ids-tag__content{display:flex}.ids-tag.ids-tag--clickable{border-color:var(--IDS-TAG--INTERACTIVE__BORDER-COLOR);color:var(--IDS-TAG--INTERACTIVE__COLOR);cursor:pointer;font-weight:var(--IDS-TAG--INTERACTIVE__FONT-WEIGHT)}.ids-tag.ids-tag--clickable:focus{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)}.ids-tag.ids-tag--clickable:hover{color:var(--IDS-TAG--INTERACTIVE-HOVER__COLOR)}.ids-tag.ids-tag--clickable ::slotted(button){background:none;border:none;border-radius:var(--IDS-TAG__BORDER-RADIUS);color:inherit;cursor:pointer;font:inherit;min-height:1.5rem;min-width:1.5rem;outline:inherit;padding:0;padding:var(--IDS-TAG__PADDING);-moz-user-select:-moz-none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.ids-tag .ids-tag__close-btn{align-items:center;background:none;border:none;border-radius:1.25rem;color:inherit;cursor:pointer;display:flex;font:inherit;height:.875rem;justify-content:center;margin:-.25rem -.25rem -.5rem;min-height:1.5rem;min-width:1.5rem;outline:inherit;padding:0;position:relative;-moz-user-select:-moz-none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;width:.875rem}.ids-tag .ids-tag__close-btn:focus{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)!important}.ids-tag .ids-tag__close-btn:before{color:var(--IDS-ICON__COLOR);content:\"\\e934\";display:block;font:icon;font-family:Inera-Design-Icons;font-size:.875rem;pointer-events:none;position:absolute}.ids-tag .ids-tag__close-btn:active:before,.ids-tag .ids-tag__close-btn:focus:before,.ids-tag .ids-tag__close-btn:hover:before{color:var(--IDS-ICON--ACTIVE-COLOR)}";
3
+ var css_248z = ".ids-tag{background-color:var(--IDS-TAG__BACKGROUND-COLOR);border:.063rem solid var(--IDS-TAG__BORDER-COLOR);border-radius:var(--IDS-TAG__BORDER-RADIUS);color:var(--IDS-TAG__COLOR);display:inline-flex;flex-direction:row;font-family:var(--IDS-TAG__FONT-FAMILY);font-weight:400;gap:.5rem;justify-content:space-between;line-height:1rem;padding:var(--IDS-TAG__PADDING)}.ids-tag .ids-tag__content{display:flex}.ids-tag.ids-tag--clickable{border-color:var(--IDS-TAG--INTERACTIVE__BORDER-COLOR);color:var(--IDS-TAG--INTERACTIVE__COLOR);cursor:pointer;font-weight:var(--IDS-TAG--INTERACTIVE__FONT-WEIGHT)}.ids-tag.ids-tag--clickable:focus{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)}.ids-tag.ids-tag--clickable:hover{color:var(--IDS-TAG--INTERACTIVE-HOVER__COLOR)}.ids-tag.ids-tag--clickable ::slotted(button){background:none;border:none;border-radius:var(--IDS-TAG__BORDER-RADIUS);color:inherit;cursor:pointer;font:inherit;min-height:1.5rem;min-width:1.5rem;outline:inherit;padding:0;padding:var(--IDS-TAG__PADDING);-moz-user-select:-moz-none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.ids-tag .ids-tag__close-btn{align-items:center;background:none;border:none;border-radius:1.25rem;color:inherit;cursor:pointer;display:flex;font:inherit;height:.875rem;justify-content:center;margin:-.25rem -.25rem -.5rem;min-height:1.5rem;min-width:1.5rem;outline:inherit;padding:0;position:relative;-moz-user-select:-moz-none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;width:.875rem}.ids-tag .ids-tag__close-btn:focus{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)!important}.ids-tag .ids-tag__close-btn:before{color:var(--IDS-ICON__COLOR);content:\"\\e934\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:.875rem;pointer-events:none;position:absolute}.ids-tag .ids-tag__close-btn:active:before,.ids-tag .ids-tag__close-btn:focus:before,.ids-tag .ids-tag__close-btn:hover:before{color:var(--IDS-ICON--ACTIVE-COLOR)}";
4
4
 
5
5
  var tagLit = css`${unsafeCSS(css_248z)}`;
6
6
 
package/components/tag/tag.css CHANGED
@@ -91,7 +91,7 @@
91
91
  }
92
92
  .ids-tag .ids-tag__close-btn:before {
93
93
  font: icon;
94
- font-family: "Inera-Design-Icons";
94
+ font-family: "Inera-Design-Icons" !important;
95
95
  display: block;
96
96
  position: absolute;
97
97
  pointer-events: none;
package/global/global.css CHANGED
@@ -2335,6 +2335,11 @@
2335
2335
  text-decoration: none;
2336
2336
  }
2337
2337
  .ids-link.ids-link--start-icon:before {
2338
+ font: icon;
2339
+ font-family: "Inera-Design-Icons" !important;
2340
+ display: block;
2341
+ position: absolute;
2342
+ pointer-events: none;
2338
2343
  position: absolute !important;
2339
2344
  top: 0.1875rem;
2340
2345
  left: 0;
@@ -2345,6 +2350,11 @@
2345
2350
  text-decoration: none;
2346
2351
  }
2347
2352
  .ids-link.ids-link--end-icon:before {
2353
+ font: icon;
2354
+ font-family: "Inera-Design-Icons" !important;
2355
+ display: block;
2356
+ position: absolute;
2357
+ pointer-events: none;
2348
2358
  position: absolute !important;
2349
2359
  bottom: 0.125rem;
2350
2360
  right: 0;
@@ -3056,7 +3066,7 @@ input:focus + .ids-checkbox input::before {
3056
3066
  .ids-checkbox input[type=checkbox]:checked::after,
3057
3067
  .ids-checkbox input:checked::after {
3058
3068
  font: icon;
3059
- font-family: "Inera-Design-Icons";
3069
+ font-family: "Inera-Design-Icons" !important;
3060
3070
  display: block;
3061
3071
  position: absolute;
3062
3072
  pointer-events: none;
@@ -3070,7 +3080,7 @@ input:focus + .ids-checkbox input::before {
3070
3080
  .ids-checkbox input[type=checkbox]:indeterminate::after,
3071
3081
  .ids-checkbox input:indeterminate::after {
3072
3082
  font: icon;
3073
- font-family: "Inera-Design-Icons";
3083
+ font-family: "Inera-Design-Icons" !important;
3074
3084
  display: block;
3075
3085
  position: absolute;
3076
3086
  pointer-events: none;
@@ -3167,7 +3177,7 @@ input:focus + .ids-checkbox input::before {
3167
3177
  .ids-check-button .ids-check-button__input[type=checkbox]:checked + .ids-check-button__label::before,
3168
3178
  .ids-check-button .ids-check-button__input:checked + .ids-check-button__label::before {
3169
3179
  font: icon;
3170
- font-family: "Inera-Design-Icons";
3180
+ font-family: "Inera-Design-Icons" !important;
3171
3181
  display: block;
3172
3182
  position: absolute;
3173
3183
  pointer-events: none;
@@ -3256,7 +3266,7 @@ input:focus + .ids-checkbox input::before {
3256
3266
  }
3257
3267
  .ids-input-wrapper .ids-input__inner-wrapper .ids-input__search-icon:before {
3258
3268
  font: icon;
3259
- font-family: "Inera-Design-Icons";
3269
+ font-family: "Inera-Design-Icons" !important;
3260
3270
  display: block;
3261
3271
  position: absolute;
3262
3272
  pointer-events: none;
@@ -3493,7 +3503,7 @@ input.ids-range:disabled::-ms-thumb {
3493
3503
  }
3494
3504
  .ids-select-wrapper::after {
3495
3505
  font: icon;
3496
- font-family: "Inera-Design-Icons";
3506
+ font-family: "Inera-Design-Icons" !important;
3497
3507
  display: block;
3498
3508
  position: absolute;
3499
3509
  pointer-events: none;
@@ -3607,7 +3617,7 @@ input.ids-range:disabled::-ms-thumb {
3607
3617
  }
3608
3618
  .ids-time .ids-time__input-wrapper:after {
3609
3619
  font: icon;
3610
- font-family: "Inera-Design-Icons";
3620
+ font-family: "Inera-Design-Icons" !important;
3611
3621
  display: block;
3612
3622
  position: absolute;
3613
3623
  pointer-events: none;
@@ -3745,7 +3755,7 @@ input:focus + .ids-toggle input:before {
3745
3755
  .ids-toggle input[type=checkbox]:after,
3746
3756
  .ids-toggle input:after {
3747
3757
  font: icon;
3748
- font-family: "Inera-Design-Icons";
3758
+ font-family: "Inera-Design-Icons" !important;
3749
3759
  display: block;
3750
3760
  position: absolute;
3751
3761
  pointer-events: none;
@@ -3771,7 +3781,7 @@ input:focus + .ids-toggle input:before {
3771
3781
  .ids-toggle input[type=checkbox]:checked:after,
3772
3782
  .ids-toggle input:checked:after {
3773
3783
  font: icon;
3774
- font-family: "Inera-Design-Icons";
3784
+ font-family: "Inera-Design-Icons" !important;
3775
3785
  display: block;
3776
3786
  position: absolute;
3777
3787
  pointer-events: none;
@@ -4560,10 +4570,21 @@ input:focus + .ids-toggle input:before {
4560
4570
  [class^=ids-icon-].ids-icon--light, [class^=ids-icon-].ids-icon--color-preset-4 {
4561
4571
  color: var(--IDS-ICON__COLOR-PRESET-4);
4562
4572
  }
4573
+ [class^=ids-icon-].ids-icon--text-align {
4574
+ position: relative;
4575
+ bottom: -0.3125rem;
4576
+ flex-shrink: 0;
4577
+ }
4578
+ [class^=ids-icon-].ids-icon--text-align:before {
4579
+ top: 50%;
4580
+ left: 50%;
4581
+ transform: translate(-50%, -50%);
4582
+ }
4563
4583
  [class^=ids-icon-].ids-icon--text-start {
4564
4584
  margin-right: 0.5rem;
4565
4585
  position: relative;
4566
4586
  bottom: -0.125rem;
4587
+ flex-shrink: 0;
4567
4588
  }
4568
4589
  [class^=ids-icon-].ids-icon--text-start:before {
4569
4590
  top: 50%;
@@ -4574,6 +4595,7 @@ input:focus + .ids-toggle input:before {
4574
4595
  margin-left: 0.5rem;
4575
4596
  position: relative;
4576
4597
  bottom: -0.125rem;
4598
+ flex-shrink: 0;
4577
4599
  }
4578
4600
  [class^=ids-icon-].ids-icon--text-end:before {
4579
4601
  top: 50%;
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "type": "module",
3
3
  "name": "@inera/ids-design",
4
- "version": "6.0.0",
4
+ "version": "6.0.2",
5
5
  "license": "SEE LICENSE IN LICENSE.md",
6
6
  "publishConfig": {
7
7
  "access": "public"
package/themes/1177/1177.css CHANGED
@@ -2423,6 +2423,11 @@ body.ids {
2423
2423
  text-decoration: none;
2424
2424
  }
2425
2425
  .ids-link.ids-link--start-icon:before {
2426
+ font: icon;
2427
+ font-family: "Inera-Design-Icons" !important;
2428
+ display: block;
2429
+ position: absolute;
2430
+ pointer-events: none;
2426
2431
  position: absolute !important;
2427
2432
  top: 0.1875rem;
2428
2433
  left: 0;
@@ -2433,6 +2438,11 @@ body.ids {
2433
2438
  text-decoration: none;
2434
2439
  }
2435
2440
  .ids-link.ids-link--end-icon:before {
2441
+ font: icon;
2442
+ font-family: "Inera-Design-Icons" !important;
2443
+ display: block;
2444
+ position: absolute;
2445
+ pointer-events: none;
2436
2446
  position: absolute !important;
2437
2447
  bottom: 0.125rem;
2438
2448
  right: 0;
@@ -3144,7 +3154,7 @@ input:focus + .ids-checkbox input::before {
3144
3154
  .ids-checkbox input[type=checkbox]:checked::after,
3145
3155
  .ids-checkbox input:checked::after {
3146
3156
  font: icon;
3147
- font-family: "Inera-Design-Icons";
3157
+ font-family: "Inera-Design-Icons" !important;
3148
3158
  display: block;
3149
3159
  position: absolute;
3150
3160
  pointer-events: none;
@@ -3158,7 +3168,7 @@ input:focus + .ids-checkbox input::before {
3158
3168
  .ids-checkbox input[type=checkbox]:indeterminate::after,
3159
3169
  .ids-checkbox input:indeterminate::after {
3160
3170
  font: icon;
3161
- font-family: "Inera-Design-Icons";
3171
+ font-family: "Inera-Design-Icons" !important;
3162
3172
  display: block;
3163
3173
  position: absolute;
3164
3174
  pointer-events: none;
@@ -3255,7 +3265,7 @@ input:focus + .ids-checkbox input::before {
3255
3265
  .ids-check-button .ids-check-button__input[type=checkbox]:checked + .ids-check-button__label::before,
3256
3266
  .ids-check-button .ids-check-button__input:checked + .ids-check-button__label::before {
3257
3267
  font: icon;
3258
- font-family: "Inera-Design-Icons";
3268
+ font-family: "Inera-Design-Icons" !important;
3259
3269
  display: block;
3260
3270
  position: absolute;
3261
3271
  pointer-events: none;
@@ -3344,7 +3354,7 @@ input:focus + .ids-checkbox input::before {
3344
3354
  }
3345
3355
  .ids-input-wrapper .ids-input__inner-wrapper .ids-input__search-icon:before {
3346
3356
  font: icon;
3347
- font-family: "Inera-Design-Icons";
3357
+ font-family: "Inera-Design-Icons" !important;
3348
3358
  display: block;
3349
3359
  position: absolute;
3350
3360
  pointer-events: none;
@@ -3581,7 +3591,7 @@ input.ids-range:disabled::-ms-thumb {
3581
3591
  }
3582
3592
  .ids-select-wrapper::after {
3583
3593
  font: icon;
3584
- font-family: "Inera-Design-Icons";
3594
+ font-family: "Inera-Design-Icons" !important;
3585
3595
  display: block;
3586
3596
  position: absolute;
3587
3597
  pointer-events: none;
@@ -3695,7 +3705,7 @@ input.ids-range:disabled::-ms-thumb {
3695
3705
  }
3696
3706
  .ids-time .ids-time__input-wrapper:after {
3697
3707
  font: icon;
3698
- font-family: "Inera-Design-Icons";
3708
+ font-family: "Inera-Design-Icons" !important;
3699
3709
  display: block;
3700
3710
  position: absolute;
3701
3711
  pointer-events: none;
@@ -3833,7 +3843,7 @@ input:focus + .ids-toggle input:before {
3833
3843
  .ids-toggle input[type=checkbox]:after,
3834
3844
  .ids-toggle input:after {
3835
3845
  font: icon;
3836
- font-family: "Inera-Design-Icons";
3846
+ font-family: "Inera-Design-Icons" !important;
3837
3847
  display: block;
3838
3848
  position: absolute;
3839
3849
  pointer-events: none;
@@ -3859,7 +3869,7 @@ input:focus + .ids-toggle input:before {
3859
3869
  .ids-toggle input[type=checkbox]:checked:after,
3860
3870
  .ids-toggle input:checked:after {
3861
3871
  font: icon;
3862
- font-family: "Inera-Design-Icons";
3872
+ font-family: "Inera-Design-Icons" !important;
3863
3873
  display: block;
3864
3874
  position: absolute;
3865
3875
  pointer-events: none;
@@ -4648,10 +4658,21 @@ input:focus + .ids-toggle input:before {
4648
4658
  [class^=ids-icon-].ids-icon--light, [class^=ids-icon-].ids-icon--color-preset-4 {
4649
4659
  color: var(--IDS-ICON__COLOR-PRESET-4);
4650
4660
  }
4661
+ [class^=ids-icon-].ids-icon--text-align {
4662
+ position: relative;
4663
+ bottom: -0.3125rem;
4664
+ flex-shrink: 0;
4665
+ }
4666
+ [class^=ids-icon-].ids-icon--text-align:before {
4667
+ top: 50%;
4668
+ left: 50%;
4669
+ transform: translate(-50%, -50%);
4670
+ }
4651
4671
  [class^=ids-icon-].ids-icon--text-start {
4652
4672
  margin-right: 0.5rem;
4653
4673
  position: relative;
4654
4674
  bottom: -0.125rem;
4675
+ flex-shrink: 0;
4655
4676
  }
4656
4677
  [class^=ids-icon-].ids-icon--text-start:before {
4657
4678
  top: 50%;
@@ -4662,6 +4683,7 @@ input:focus + .ids-toggle input:before {
4662
4683
  margin-left: 0.5rem;
4663
4684
  position: relative;
4664
4685
  bottom: -0.125rem;
4686
+ flex-shrink: 0;
4665
4687
  }
4666
4688
  [class^=ids-icon-].ids-icon--text-end:before {
4667
4689
  top: 50%;