@inera/ids-design 6.0.1 → 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 (71) 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 +6 -6
  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/footer-1177/footer-1177-lit.js +1 -1
  14. package/components/footer-1177/footer-1177.css +1 -1
  15. package/components/footer-1177-admin/footer-1177-admin-lit.js +1 -1
  16. package/components/footer-1177-admin/footer-1177-admin.css +1 -1
  17. package/components/footer-1177-pro/footer-1177-pro-lit.js +1 -1
  18. package/components/footer-1177-pro/footer-1177-pro.css +1 -1
  19. package/components/form/error-message/error-message-lit.js +1 -1
  20. package/components/form/error-message/error-message.css +1 -1
  21. package/components/form/select-multiple/select-multiple-lit.js +1 -1
  22. package/components/form/select-multiple/select-multiple.css +1 -1
  23. package/components/header-1177/composite-header-1177.css +8 -8
  24. package/components/header-1177/header-1177-avatar-lit.js +1 -1
  25. package/components/header-1177/header-1177-avatar.css +4 -4
  26. package/components/header-1177/header-1177-lit.js +1 -1
  27. package/components/header-1177/header-1177.css +4 -4
  28. package/components/header-1177-admin/header-1177-admin-avatar-lit.js +1 -1
  29. package/components/header-1177-admin/header-1177-admin-avatar-mobile-lit.js +1 -1
  30. package/components/header-1177-admin/header-1177-admin-avatar-mobile.css +3 -3
  31. package/components/header-1177-admin/header-1177-admin-avatar.css +8 -8
  32. package/components/header-1177-admin/header-1177-admin-lit.js +1 -1
  33. package/components/header-1177-admin/header-1177-admin.css +2 -2
  34. package/components/header-1177-pro/header-1177-pro-avatar-lit.js +1 -1
  35. package/components/header-1177-pro/header-1177-pro-avatar-mobile-lit.js +1 -1
  36. package/components/header-1177-pro/header-1177-pro-avatar-mobile.css +3 -3
  37. package/components/header-1177-pro/header-1177-pro-avatar.css +8 -8
  38. package/components/header-1177-pro/header-1177-pro-lit.js +1 -1
  39. package/components/header-1177-pro/header-1177-pro-region-picker-lit.js +1 -1
  40. package/components/header-1177-pro/header-1177-pro-region-picker.css +10 -10
  41. package/components/header-1177-pro/header-1177-pro.css +2 -2
  42. package/components/header-inera/header-inera-lit.js +1 -1
  43. package/components/header-inera/header-inera.css +1 -1
  44. package/components/header-inera-admin/composite-header-inera-admin.css +1 -1
  45. package/components/header-inera-admin/header-inera-admin-avatar-lit.js +1 -1
  46. package/components/header-inera-admin/header-inera-admin-avatar.css +1 -1
  47. package/components/mobile-menu/mobile-menu-lit.js +1 -1
  48. package/components/mobile-menu/mobile-menu.css +7 -7
  49. package/components/pagination/data-pagination/data-pagination-lit.js +1 -1
  50. package/components/pagination/data-pagination/data-pagination.css +3 -3
  51. package/components/pagination/list-pagination/list-pagination-lit.js +1 -1
  52. package/components/pagination/list-pagination/list-pagination.css +2 -2
  53. package/components/popover/popover-content-lit.js +1 -1
  54. package/components/popover/popover-content.css +1 -1
  55. package/components/puff-list/puff-list-lit.js +1 -1
  56. package/components/puff-list/puff-list.css +1 -1
  57. package/components/side-menu/side-menu-lit.js +1 -1
  58. package/components/side-menu/side-menu.css +2 -2
  59. package/components/side-panel/side-panel-lit.js +1 -1
  60. package/components/side-panel/side-panel.css +1 -1
  61. package/components/stepper/stepper-lit.js +1 -1
  62. package/components/stepper/stepper.css +3 -3
  63. package/components/tabs/tabs-lit.js +1 -1
  64. package/components/tag/tag-lit.js +1 -1
  65. package/components/tag/tag.css +1 -1
  66. package/global/global.css +18 -8
  67. package/package.json +1 -1
  68. package/themes/1177/1177.css +18 -8
  69. package/themes/1177-pro/1177-pro.css +18 -8
  70. package/themes/inera/inera.css +18 -8
  71. package/themes/inera-admin/inera-admin.css +18 -8
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;
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "type": "module",
3
3
  "name": "@inera/ids-design",
4
- "version": "6.0.1",
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;
package/themes/1177-pro/1177-pro.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;
package/themes/inera/inera.css CHANGED
@@ -2450,6 +2450,11 @@ body.ids {
2450
2450
  text-decoration: none;
2451
2451
  }
2452
2452
  .ids-link.ids-link--start-icon:before {
2453
+ font: icon;
2454
+ font-family: "Inera-Design-Icons" !important;
2455
+ display: block;
2456
+ position: absolute;
2457
+ pointer-events: none;
2453
2458
  position: absolute !important;
2454
2459
  top: 0.1875rem;
2455
2460
  left: 0;
@@ -2460,6 +2465,11 @@ body.ids {
2460
2465
  text-decoration: none;
2461
2466
  }
2462
2467
  .ids-link.ids-link--end-icon:before {
2468
+ font: icon;
2469
+ font-family: "Inera-Design-Icons" !important;
2470
+ display: block;
2471
+ position: absolute;
2472
+ pointer-events: none;
2463
2473
  position: absolute !important;
2464
2474
  bottom: 0.125rem;
2465
2475
  right: 0;
@@ -3171,7 +3181,7 @@ input:focus + .ids-checkbox input::before {
3171
3181
  .ids-checkbox input[type=checkbox]:checked::after,
3172
3182
  .ids-checkbox input:checked::after {
3173
3183
  font: icon;
3174
- font-family: "Inera-Design-Icons";
3184
+ font-family: "Inera-Design-Icons" !important;
3175
3185
  display: block;
3176
3186
  position: absolute;
3177
3187
  pointer-events: none;
@@ -3185,7 +3195,7 @@ input:focus + .ids-checkbox input::before {
3185
3195
  .ids-checkbox input[type=checkbox]:indeterminate::after,
3186
3196
  .ids-checkbox input:indeterminate::after {
3187
3197
  font: icon;
3188
- font-family: "Inera-Design-Icons";
3198
+ font-family: "Inera-Design-Icons" !important;
3189
3199
  display: block;
3190
3200
  position: absolute;
3191
3201
  pointer-events: none;
@@ -3282,7 +3292,7 @@ input:focus + .ids-checkbox input::before {
3282
3292
  .ids-check-button .ids-check-button__input[type=checkbox]:checked + .ids-check-button__label::before,
3283
3293
  .ids-check-button .ids-check-button__input:checked + .ids-check-button__label::before {
3284
3294
  font: icon;
3285
- font-family: "Inera-Design-Icons";
3295
+ font-family: "Inera-Design-Icons" !important;
3286
3296
  display: block;
3287
3297
  position: absolute;
3288
3298
  pointer-events: none;
@@ -3371,7 +3381,7 @@ input:focus + .ids-checkbox input::before {
3371
3381
  }
3372
3382
  .ids-input-wrapper .ids-input__inner-wrapper .ids-input__search-icon:before {
3373
3383
  font: icon;
3374
- font-family: "Inera-Design-Icons";
3384
+ font-family: "Inera-Design-Icons" !important;
3375
3385
  display: block;
3376
3386
  position: absolute;
3377
3387
  pointer-events: none;
@@ -3608,7 +3618,7 @@ input.ids-range:disabled::-ms-thumb {
3608
3618
  }
3609
3619
  .ids-select-wrapper::after {
3610
3620
  font: icon;
3611
- font-family: "Inera-Design-Icons";
3621
+ font-family: "Inera-Design-Icons" !important;
3612
3622
  display: block;
3613
3623
  position: absolute;
3614
3624
  pointer-events: none;
@@ -3722,7 +3732,7 @@ input.ids-range:disabled::-ms-thumb {
3722
3732
  }
3723
3733
  .ids-time .ids-time__input-wrapper:after {
3724
3734
  font: icon;
3725
- font-family: "Inera-Design-Icons";
3735
+ font-family: "Inera-Design-Icons" !important;
3726
3736
  display: block;
3727
3737
  position: absolute;
3728
3738
  pointer-events: none;
@@ -3860,7 +3870,7 @@ input:focus + .ids-toggle input:before {
3860
3870
  .ids-toggle input[type=checkbox]:after,
3861
3871
  .ids-toggle input:after {
3862
3872
  font: icon;
3863
- font-family: "Inera-Design-Icons";
3873
+ font-family: "Inera-Design-Icons" !important;
3864
3874
  display: block;
3865
3875
  position: absolute;
3866
3876
  pointer-events: none;
@@ -3886,7 +3896,7 @@ input:focus + .ids-toggle input:before {
3886
3896
  .ids-toggle input[type=checkbox]:checked:after,
3887
3897
  .ids-toggle input:checked:after {
3888
3898
  font: icon;
3889
- font-family: "Inera-Design-Icons";
3899
+ font-family: "Inera-Design-Icons" !important;
3890
3900
  display: block;
3891
3901
  position: absolute;
3892
3902
  pointer-events: none;
package/themes/inera-admin/inera-admin.css CHANGED
@@ -2450,6 +2450,11 @@ body.ids {
2450
2450
  text-decoration: none;
2451
2451
  }
2452
2452
  .ids-link.ids-link--start-icon:before {
2453
+ font: icon;
2454
+ font-family: "Inera-Design-Icons" !important;
2455
+ display: block;
2456
+ position: absolute;
2457
+ pointer-events: none;
2453
2458
  position: absolute !important;
2454
2459
  top: 0.1875rem;
2455
2460
  left: 0;
@@ -2460,6 +2465,11 @@ body.ids {
2460
2465
  text-decoration: none;
2461
2466
  }
2462
2467
  .ids-link.ids-link--end-icon:before {
2468
+ font: icon;
2469
+ font-family: "Inera-Design-Icons" !important;
2470
+ display: block;
2471
+ position: absolute;
2472
+ pointer-events: none;
2463
2473
  position: absolute !important;
2464
2474
  bottom: 0.125rem;
2465
2475
  right: 0;
@@ -3171,7 +3181,7 @@ input:focus + .ids-checkbox input::before {
3171
3181
  .ids-checkbox input[type=checkbox]:checked::after,
3172
3182
  .ids-checkbox input:checked::after {
3173
3183
  font: icon;
3174
- font-family: "Inera-Design-Icons";
3184
+ font-family: "Inera-Design-Icons" !important;
3175
3185
  display: block;
3176
3186
  position: absolute;
3177
3187
  pointer-events: none;
@@ -3185,7 +3195,7 @@ input:focus + .ids-checkbox input::before {
3185
3195
  .ids-checkbox input[type=checkbox]:indeterminate::after,
3186
3196
  .ids-checkbox input:indeterminate::after {
3187
3197
  font: icon;
3188
- font-family: "Inera-Design-Icons";
3198
+ font-family: "Inera-Design-Icons" !important;
3189
3199
  display: block;
3190
3200
  position: absolute;
3191
3201
  pointer-events: none;
@@ -3282,7 +3292,7 @@ input:focus + .ids-checkbox input::before {
3282
3292
  .ids-check-button .ids-check-button__input[type=checkbox]:checked + .ids-check-button__label::before,
3283
3293
  .ids-check-button .ids-check-button__input:checked + .ids-check-button__label::before {
3284
3294
  font: icon;
3285
- font-family: "Inera-Design-Icons";
3295
+ font-family: "Inera-Design-Icons" !important;
3286
3296
  display: block;
3287
3297
  position: absolute;
3288
3298
  pointer-events: none;
@@ -3371,7 +3381,7 @@ input:focus + .ids-checkbox input::before {
3371
3381
  }
3372
3382
  .ids-input-wrapper .ids-input__inner-wrapper .ids-input__search-icon:before {
3373
3383
  font: icon;
3374
- font-family: "Inera-Design-Icons";
3384
+ font-family: "Inera-Design-Icons" !important;
3375
3385
  display: block;
3376
3386
  position: absolute;
3377
3387
  pointer-events: none;
@@ -3608,7 +3618,7 @@ input.ids-range:disabled::-ms-thumb {
3608
3618
  }
3609
3619
  .ids-select-wrapper::after {
3610
3620
  font: icon;
3611
- font-family: "Inera-Design-Icons";
3621
+ font-family: "Inera-Design-Icons" !important;
3612
3622
  display: block;
3613
3623
  position: absolute;
3614
3624
  pointer-events: none;
@@ -3722,7 +3732,7 @@ input.ids-range:disabled::-ms-thumb {
3722
3732
  }
3723
3733
  .ids-time .ids-time__input-wrapper:after {
3724
3734
  font: icon;
3725
- font-family: "Inera-Design-Icons";
3735
+ font-family: "Inera-Design-Icons" !important;
3726
3736
  display: block;
3727
3737
  position: absolute;
3728
3738
  pointer-events: none;
@@ -3860,7 +3870,7 @@ input:focus + .ids-toggle input:before {
3860
3870
  .ids-toggle input[type=checkbox]:after,
3861
3871
  .ids-toggle input:after {
3862
3872
  font: icon;
3863
- font-family: "Inera-Design-Icons";
3873
+ font-family: "Inera-Design-Icons" !important;
3864
3874
  display: block;
3865
3875
  position: absolute;
3866
3876
  pointer-events: none;
@@ -3886,7 +3896,7 @@ input:focus + .ids-toggle input:before {
3886
3896
  .ids-toggle input[type=checkbox]:checked:after,
3887
3897
  .ids-toggle input:checked:after {
3888
3898
  font: icon;
3889
- font-family: "Inera-Design-Icons";
3899
+ font-family: "Inera-Design-Icons" !important;
3890
3900
  display: block;
3891
3901
  position: absolute;
3892
3902
  pointer-events: none;