@inera/ids-design 9.2.1 → 9.2.3

package/components/side-panel/side-panel-lit.js

@@ -1,6 +1,6 @@
 import { css, unsafeCSS } from 'lit';
 
-var css_248z = "@media (max-width:1023px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}.ids-side-panel-provider{display:flex;width:100%}.ids-side-panel-provider>:not(.ids-side-panel):not(.ids-side-panel-provider__side-panel){display:flex;flex:1;flex-direction:column;width:100%}.ids-side-panel-provider .ids-side-panel-provider__side-panel{display:flex}.ids-side-panel{background-color:var(--IDS-OVERLAY__BACKGROUND-COLOR);overflow:hidden;transform:translateY(0) translateZ(0);will-change:transform;z-index:1}.ids-side-panel.ids-side-panel--regular{bottom:0;left:0;opacity:0;pointer-events:none;position:fixed;right:0;top:0;transition:opacity 0s linear .2s,visibility .3s,width 0s linear .4s;visibility:hidden;width:100%;z-index:2}.ids-side-panel.ids-side-panel--regular .ids-side-panel__panel{background-color:var(--IDS-SIDE-PANEL__BACKGROUND-COLOR);border-left:0;border-top:var(--IDS-SIDE-PANEL__BORDER-TOP);box-sizing:border-box;display:flex;flex-direction:column;height:70vh;overflow-x:hidden;padding:1.25rem 1rem 0;position:relative;transform:translateY(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);width:100%;will-change:transform}.ids-side-panel.ids-side-panel--regular .ids-side-panel__content::-webkit-scrollbar{width:.625rem}.ids-side-panel.ids-side-panel--regular .ids-side-panel__content::-webkit-scrollbar-thumb{background:var(--IDS-SCROLL__THUMB-COLOR);border:.125rem solid var(--IDS-SCROLL__TRACK-BACKGROUND-COLOR);border-radius:.625rem;cursor:auto}.ids-side-panel.ids-side-panel--regular .ids-side-panel__content::-webkit-scrollbar-thumb:hover{background:var(--IDS-SCROLL__THUMB-HOVER-COLOR)}.ids-side-panel.ids-side-panel--regular .ids-side-panel__content::-webkit-scrollbar-track{background:var(--IDS-SCROLL__TRACK-BACKGROUND-COLOR);border-radius:.625rem;margin-top:0;outline:.0625rem solid var(--IDS-SCROLL__TRACK-OUTLINE-COLOR)}.ids-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{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:has(.ids-side-panel__footer){display:flex;flex-direction:column;justify-content:space-between}.ids-side-panel.ids-side-panel--regular .ids-side-panel__content:focus-visible{outline:.125rem solid var(--IDS-FOCUS__OUTLINE-COLOR);outline-offset:-.125rem!important}.ids-side-panel.ids-side-panel--regular .ids-side-panel__inner{margin:.5rem 1rem .5rem .5rem}.ids-side-panel.ids-side-panel--regular .ids-side-panel__actions{order:0;padding-bottom:.25rem;text-align:right;width:100%}.ids-side-panel.ids-side-panel--regular .ids-side-panel__close-button{background:none;border:none;cursor:pointer;height:1.25rem;position:relative;width:1.25rem}.ids-side-panel.ids-side-panel--regular .ids-side-panel__close-button:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-ICON--ACTIVE-COLOR);content:\"\\e916\";cursor:pointer;display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1rem;font-size:1.25rem;left:0;position:absolute;top:0}.ids-side-panel.ids-side-panel--regular .ids-side-panel__close-button:hover:before{color:var(--IDS-ICON--ACTIVE-HOVER-COLOR)}.ids-side-panel.ids-side-panel--regular .ids-side-panel__close-button:focus-visible{border-radius:var(--IDS-BORDER-RADIUS-100);outline:.125rem solid var(--IDS-FOCUS__OUTLINE-COLOR);outline-offset:.375rem!important}.ids-side-panel.ids-side-panel--regular.ids-side-panel--show{height:100%;height:-webkit-fill-available;height:-moz-fill-available;min-height:100vh;opacity:1;pointer-events:all;transition:width 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:100%;height:-webkit-fill-available;height:-moz-fill-available;min-height:100vh}.ids-side-panel.ids-side-panel--regular.ids-side-panel--show .ids-side-panel__panel{transform:translateY(100vh)}}@media (min-width:1024px){.ids-side-panel.ids-side-panel--regular{background-color:var(--IDS-SIDE-PANEL__BACKGROUND-COLOR);border-left:var(--IDS-SIDE-PANEL__BORDER);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{border-top:0;height:100%;height:-webkit-fill-available;height:-moz-fill-available;min-height:100vh;padding:1.25rem 0 0 1rem;top:0;transform:none;transition:none}.ids-side-panel.ids-side-panel--regular.ids-side-panel--show{height:100%;height:-webkit-fill-available;height:-moz-fill-available;min-height:100vh;transform:none;transition:width .3s ease-in-out,visibility 0s,opacity 0s,transform 0s linear}.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--show.ids-side-panel--s{width:14.75rem}.ids-side-panel.ids-side-panel--regular.ids-side-panel--show.ids-side-panel--s .ids-side-panel__actions,.ids-side-panel.ids-side-panel--regular.ids-side-panel--show.ids-side-panel--s .ids-side-panel__content{width:12.875rem}.ids-side-panel.ids-side-panel--regular.ids-side-panel--show.ids-side-panel--m{width:22.125rem}.ids-side-panel.ids-side-panel--regular.ids-side-panel--show.ids-side-panel--m .ids-side-panel__actions,.ids-side-panel.ids-side-panel--regular.ids-side-panel--show.ids-side-panel--m .ids-side-panel__content{width:20.25rem}.ids-side-panel.ids-side-panel--regular.ids-side-panel--show.ids-side-panel--l{width:29.5rem}.ids-side-panel.ids-side-panel--regular.ids-side-panel--show.ids-side-panel--l .ids-side-panel__actions,.ids-side-panel.ids-side-panel--regular.ids-side-panel--show.ids-side-panel--l .ids-side-panel__content{width:27.625rem}.ids-side-panel.ids-side-panel--regular.ids-side-panel--left{border-left:0;border-right:var(--IDS-SIDE-PANEL__BORDER)}.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{background-color:var(--IDS-SIDE-PANEL__BACKGROUND-COLOR);border-left:var(--IDS-SIDE-PANEL__BORDER);border-right:0;bottom:0;box-shadow:var(--IDS-BOX-SHADOW-ELEVATED-2-LEFT);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-left:0;border-right:var(--IDS-SIDE-PANEL__BORDER);box-shadow:var(--IDS-BOX-SHADOW-ELEVATED-2-RIGHT);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.ids-side-panel--s{width:14.75rem}.ids-side-panel.ids-side-panel--regular.ids-side-panel--elevated.ids-side-panel--show.ids-side-panel--m{width:22.125rem}.ids-side-panel.ids-side-panel--regular.ids-side-panel--elevated.ids-side-panel--show.ids-side-panel--l{width:29.5rem}}.ids-side-panel.ids-side-panel--menu{background-color:var(--IDS-SIDE-PANEL__BACKGROUND-COLOR);border-right:var(--IDS-SIDE-PANEL__BORDER);display:flex;height:100%;height:-webkit-fill-available;height:-moz-fill-available;padding:0;position:relative;width:3.125rem}.ids-side-panel.ids-side-panel--menu .ids-side-panel__inner{padding:.5rem .75rem .5rem .5rem}.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::-webkit-scrollbar{width:.625rem}.ids-side-panel.ids-side-panel--menu .ids-side-panel__content::-webkit-scrollbar-thumb{background:var(--IDS-SCROLL__THUMB-COLOR);border:.125rem solid var(--IDS-SCROLL__TRACK-BACKGROUND-COLOR);border-radius:.625rem;cursor:auto}.ids-side-panel.ids-side-panel--menu .ids-side-panel__content::-webkit-scrollbar-thumb:hover{background:var(--IDS-SCROLL__THUMB-HOVER-COLOR)}.ids-side-panel.ids-side-panel--menu .ids-side-panel__content::-webkit-scrollbar-track{background:var(--IDS-SCROLL__TRACK-BACKGROUND-COLOR);border-radius:.625rem;margin-top:0;outline:.0625rem solid var(--IDS-SCROLL__TRACK-OUTLINE-COLOR)}.ids-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{box-sizing:border-box;height:100%;height:-webkit-fill-available;height:-moz-fill-available;opacity:0;overflow-x:hidden;overflow-y:auto;transition:visibility 0s,opacity 0s;visibility:hidden;width:100%}.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__content:focus-visible{outline:.125rem solid var(--IDS-FOCUS__OUTLINE-COLOR);outline-offset:-.125rem!important}.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;font-family:var(--IDS-FONT-FAMILY-BASE);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{font-family:var(--IDS-FONT-FAMILY-BASE);line-height:1.5rem}.ids-side-panel.ids-side-panel--menu .ids-side-panel__hamburger .ids-hamburger{cursor:pointer;flex-shrink:0;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-SIDE-PANEL__HAMBURGER-COLOR);border-radius:.125rem;cursor:pointer;display:block;height:.125rem;position:relative;transition:all .2s;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-SIDE-PANEL__HAMBURGER-COLOR);border-radius:.125rem;content:\"\";display:inline-block;height:.125rem;left:0;position:absolute;-webkit-transform-origin:.1px center;transform-origin:.1px center;-webkit-transform-origin:.13393rem center;transform-origin:.13393rem center;transition:all .2s;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:hover .ids-hamburger__lines,.ids-side-panel.ids-side-panel--menu .ids-side-panel__hamburger:hover .ids-hamburger__lines:after,.ids-side-panel.ids-side-panel--menu .ids-side-panel__hamburger:hover .ids-hamburger__lines:before{background-color:var(--IDS-SIDE-PANEL__HAMBURGER-COLOR)}.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-visible{border-radius:var(--IDS-FOCUS__BORDER-RADIUS);outline:.125rem solid var(--IDS-FOCUS__OUTLINE-COLOR);outline-offset:0!important}.ids-side-panel.ids-side-panel--menu .ids-side-panel__hamburger:focus-visible[aria-expanded=true]{border-radius:var(--IDS-BORDER-RADIUS-100)}.ids-side-panel.ids-side-panel--menu .ids-side-panel__hamburger{background-color:transparent;border:0;cursor:pointer;height:1.875rem;margin-right:-.25rem;padding:0 .25rem}.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__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__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:var(--IDS-SIDE-PANEL__BORDER);height:100%;height:-webkit-fill-available;height:-moz-fill-available;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:var(--IDS-SIDE-PANEL__BORDER)}.ids-side-panel.ids-side-panel--menu.ids-side-panel--elevated.ids-side-panel--show{box-shadow:var(--IDS-BOX-SHADOW-ELEVATED-2-RIGHT);position:fixed;transform:translateX(20.625rem);transition:transform .3s cubic-bezier(.4,0,.2,1);width:23.75rem}}";
+var css_248z = "@media (max-width:1023px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}.ids-side-panel-provider{display:flex;width:100%}.ids-side-panel-provider>:not(.ids-side-panel):not(.ids-side-panel-provider__side-panel){display:flex;flex:1;flex-direction:column;width:100%}.ids-side-panel-provider .ids-side-panel-provider__side-panel{display:flex}.ids-side-panel{background-color:var(--IDS-OVERLAY__BACKGROUND-COLOR);overflow:hidden;transform:translateY(0) translateZ(0);will-change:transform;z-index:1}.ids-side-panel.ids-side-panel--regular{bottom:0;left:0;opacity:0;pointer-events:none;position:fixed;right:0;top:0;transition:opacity 0s linear .2s,visibility .3s,width 0s linear .4s;visibility:hidden;width:100%;z-index:2}.ids-side-panel.ids-side-panel--regular .ids-side-panel__panel{background-color:var(--IDS-SIDE-PANEL__BACKGROUND-COLOR);border-left:0;border-top:var(--IDS-SIDE-PANEL__BORDER-TOP);box-sizing:border-box;display:flex;flex-direction:column;height:70vh;overflow-x:hidden;padding:1rem 1rem 0;position:relative;transform:translateY(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);width:100%;will-change:transform}.ids-side-panel.ids-side-panel--regular .ids-side-panel__content::-webkit-scrollbar{width:.625rem}.ids-side-panel.ids-side-panel--regular .ids-side-panel__content::-webkit-scrollbar-thumb{background:var(--IDS-SCROLL__THUMB-COLOR);border:.125rem solid var(--IDS-SCROLL__TRACK-BACKGROUND-COLOR);border-radius:.625rem;cursor:auto}.ids-side-panel.ids-side-panel--regular .ids-side-panel__content::-webkit-scrollbar-thumb:hover{background:var(--IDS-SCROLL__THUMB-HOVER-COLOR)}.ids-side-panel.ids-side-panel--regular .ids-side-panel__content::-webkit-scrollbar-track{background:var(--IDS-SCROLL__TRACK-BACKGROUND-COLOR);border-radius:.625rem;margin-top:0;outline:.0625rem solid var(--IDS-SCROLL__TRACK-OUTLINE-COLOR)}.ids-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{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:has(.ids-side-panel__footer){display:flex;flex-direction:column;justify-content:space-between}.ids-side-panel.ids-side-panel--regular .ids-side-panel__content:focus-visible{outline:.125rem solid var(--IDS-FOCUS__OUTLINE-COLOR);outline-offset:-.125rem!important}.ids-side-panel.ids-side-panel--regular .ids-side-panel__inner{margin:.5rem 1rem .5rem .5rem}.ids-side-panel.ids-side-panel--regular .ids-side-panel__actions{order:0;padding-bottom:.25rem;text-align:right;width:100%}.ids-side-panel.ids-side-panel--regular .ids-side-panel__close-button{background:none;border:none;cursor:pointer;height:1.5rem;position:relative;width:1.5rem}.ids-side-panel.ids-side-panel--regular .ids-side-panel__close-button:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-ICON--ACTIVE-COLOR);content:\"\\e916\";cursor:pointer;display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1rem;font-size:1.5rem;left:0;position:absolute;top:0}.ids-side-panel.ids-side-panel--regular .ids-side-panel__close-button:hover:before{color:var(--IDS-ICON--ACTIVE-HOVER-COLOR)}.ids-side-panel.ids-side-panel--regular .ids-side-panel__close-button:focus-visible{border-radius:var(--IDS-BORDER-RADIUS-100);outline:.125rem solid var(--IDS-FOCUS__OUTLINE-COLOR);outline-offset:.125rem!important}.ids-side-panel.ids-side-panel--regular.ids-side-panel--show{height:100%;height:-webkit-fill-available;height:-moz-fill-available;min-height:100vh;opacity:1;pointer-events:all;transition:width 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:1024px){.ids-side-panel.ids-side-panel--regular .ids-side-panel__panel{height:100%;height:-webkit-fill-available;height:-moz-fill-available;min-height:100vh}.ids-side-panel.ids-side-panel--regular.ids-side-panel--show .ids-side-panel__panel{transform:translateY(100vh)}.ids-side-panel.ids-side-panel--regular{background-color:var(--IDS-SIDE-PANEL__BACKGROUND-COLOR);border-left:var(--IDS-SIDE-PANEL__BORDER);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{border-top:0;height:100%;height:-webkit-fill-available;height:-moz-fill-available;min-height:100vh;padding:1.25rem 0 0 1rem;top:0;transform:none;transition:none}.ids-side-panel.ids-side-panel--regular.ids-side-panel--show{height:100%;height:-webkit-fill-available;height:-moz-fill-available;min-height:100vh;transform:none;transition:width .3s ease-in-out,visibility 0s,opacity 0s,transform 0s linear}.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--show.ids-side-panel--s{width:14.75rem}.ids-side-panel.ids-side-panel--regular.ids-side-panel--show.ids-side-panel--s .ids-side-panel__actions,.ids-side-panel.ids-side-panel--regular.ids-side-panel--show.ids-side-panel--s .ids-side-panel__content{width:12.875rem}.ids-side-panel.ids-side-panel--regular.ids-side-panel--show.ids-side-panel--m{width:22.125rem}.ids-side-panel.ids-side-panel--regular.ids-side-panel--show.ids-side-panel--m .ids-side-panel__actions,.ids-side-panel.ids-side-panel--regular.ids-side-panel--show.ids-side-panel--m .ids-side-panel__content{width:20.25rem}.ids-side-panel.ids-side-panel--regular.ids-side-panel--show.ids-side-panel--l{width:29.5rem}.ids-side-panel.ids-side-panel--regular.ids-side-panel--show.ids-side-panel--l .ids-side-panel__actions,.ids-side-panel.ids-side-panel--regular.ids-side-panel--show.ids-side-panel--l .ids-side-panel__content{width:27.625rem}.ids-side-panel.ids-side-panel--regular.ids-side-panel--left{border-left:0;border-right:var(--IDS-SIDE-PANEL__BORDER)}.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{background-color:var(--IDS-SIDE-PANEL__BACKGROUND-COLOR);border-left:var(--IDS-SIDE-PANEL__BORDER);border-right:0;bottom:0;box-shadow:var(--IDS-BOX-SHADOW-ELEVATED-2-LEFT);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-left:0;border-right:var(--IDS-SIDE-PANEL__BORDER);box-shadow:var(--IDS-BOX-SHADOW-ELEVATED-2-RIGHT);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.ids-side-panel--s{width:14.75rem}.ids-side-panel.ids-side-panel--regular.ids-side-panel--elevated.ids-side-panel--show.ids-side-panel--m{width:22.125rem}.ids-side-panel.ids-side-panel--regular.ids-side-panel--elevated.ids-side-panel--show.ids-side-panel--l{width:29.5rem}}.ids-side-panel.ids-side-panel--menu{background-color:var(--IDS-SIDE-PANEL__BACKGROUND-COLOR);border-right:var(--IDS-SIDE-PANEL__BORDER);display:flex;height:100%;height:-webkit-fill-available;height:-moz-fill-available;padding:0;position:relative;width:3.125rem}.ids-side-panel.ids-side-panel--menu .ids-side-panel__inner{padding:.5rem .75rem .5rem .5rem}.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::-webkit-scrollbar{width:.625rem}.ids-side-panel.ids-side-panel--menu .ids-side-panel__content::-webkit-scrollbar-thumb{background:var(--IDS-SCROLL__THUMB-COLOR);border:.125rem solid var(--IDS-SCROLL__TRACK-BACKGROUND-COLOR);border-radius:.625rem;cursor:auto}.ids-side-panel.ids-side-panel--menu .ids-side-panel__content::-webkit-scrollbar-thumb:hover{background:var(--IDS-SCROLL__THUMB-HOVER-COLOR)}.ids-side-panel.ids-side-panel--menu .ids-side-panel__content::-webkit-scrollbar-track{background:var(--IDS-SCROLL__TRACK-BACKGROUND-COLOR);border-radius:.625rem;margin-top:0;outline:.0625rem solid var(--IDS-SCROLL__TRACK-OUTLINE-COLOR)}.ids-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{box-sizing:border-box;height:100%;height:-webkit-fill-available;height:-moz-fill-available;opacity:0;overflow-x:hidden;overflow-y:auto;transition:visibility 0s,opacity 0s;visibility:hidden;width:100%}.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__content:focus-visible{outline:.125rem solid var(--IDS-FOCUS__OUTLINE-COLOR);outline-offset:-.125rem!important}.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;font-family:var(--IDS-FONT-FAMILY-BASE);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{font-family:var(--IDS-FONT-FAMILY-BASE);line-height:1.5rem}.ids-side-panel.ids-side-panel--menu .ids-side-panel__hamburger .ids-hamburger{cursor:pointer;flex-shrink:0;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-SIDE-PANEL__HAMBURGER-COLOR);border-radius:.125rem;cursor:pointer;display:block;height:.125rem;position:relative;transition:all .2s;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-SIDE-PANEL__HAMBURGER-COLOR);border-radius:.125rem;content:\"\";display:inline-block;height:.125rem;left:0;position:absolute;-webkit-transform-origin:.1px center;transform-origin:.1px center;-webkit-transform-origin:.13393rem center;transform-origin:.13393rem center;transition:all .2s;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:hover .ids-hamburger__lines,.ids-side-panel.ids-side-panel--menu .ids-side-panel__hamburger:hover .ids-hamburger__lines:after,.ids-side-panel.ids-side-panel--menu .ids-side-panel__hamburger:hover .ids-hamburger__lines:before{background-color:var(--IDS-SIDE-PANEL__HAMBURGER-COLOR)}.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-visible{border-radius:var(--IDS-FOCUS__BORDER-RADIUS);outline:.125rem solid var(--IDS-FOCUS__OUTLINE-COLOR);outline-offset:0!important}.ids-side-panel.ids-side-panel--menu .ids-side-panel__hamburger:focus-visible[aria-expanded=true]{border-radius:var(--IDS-BORDER-RADIUS-100)}.ids-side-panel.ids-side-panel--menu .ids-side-panel__hamburger{background-color:transparent;border:0;cursor:pointer;height:1.875rem;margin-right:-.25rem;padding:0 .25rem}.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__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__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:var(--IDS-SIDE-PANEL__BORDER);height:100%;height:-webkit-fill-available;height:-moz-fill-available;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:var(--IDS-SIDE-PANEL__BORDER)}.ids-side-panel.ids-side-panel--menu.ids-side-panel--elevated.ids-side-panel--show{box-shadow:var(--IDS-BOX-SHADOW-ELEVATED-2-RIGHT);position:fixed;transform:translateX(20.625rem);transition:transform .3s cubic-bezier(.4,0,.2,1);width:23.75rem}}";
 
 var sidePanelLit = css`${unsafeCSS(css_248z)}`;
 

package/components/side-panel/side-panel.css

@@ -49,7 +49,7 @@
   border-left: 0;
   border-top: var(--IDS-SIDE-PANEL__BORDER-TOP);
   box-sizing: border-box;
-  padding: 1.25rem 1rem 0 1rem;
+  padding: 1rem 1rem 0 1rem;
   display: flex;
   flex-direction: column;
   overflow-x: hidden;
@@ -111,8 +111,8 @@
   background: none;
   border: none;
   position: relative;
-  width: 1.25rem;
-  height: 1.25rem;
+  width: 1.5rem;
+  height: 1.5rem;
   cursor: pointer;
 }
 .ids-side-panel.ids-side-panel--regular .ids-side-panel__close-button:before {
@@ -124,7 +124,7 @@
   -moz-osx-font-smoothing: grayscale;
   font-size: 1rem;
   content: "\e916";
-  font-size: 1.25rem;
+  font-size: 1.5rem;
   color: var(--IDS-ICON--ACTIVE-COLOR);
   top: 0;
   left: 0;
@@ -135,7 +135,7 @@
 }
 .ids-side-panel.ids-side-panel--regular .ids-side-panel__close-button:focus-visible {
   outline: 0.125rem solid var(--IDS-FOCUS__OUTLINE-COLOR);
-  outline-offset: 0.375rem !important;
+  outline-offset: 0.125rem !important;
   border-radius: var(--IDS-BORDER-RADIUS-100);
 }
 .ids-side-panel.ids-side-panel--regular.ids-side-panel--show {
@@ -153,7 +153,7 @@
   transform: translateY(30vh);
   transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
 }
-@media (min-width: 640px) {
+@media (min-width: 1024px) {
   .ids-side-panel.ids-side-panel--regular .ids-side-panel__panel {
     min-height: 100vh;
     height: 100%;

package/components/tabs/tabs-lit.js

@@ -2,7 +2,7 @@ import { css, unsafeCSS } from 'lit';
 
 var css_248z$1 = "@media (max-width:1023px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}.ids-tabs .ids-tabs__select{display:block}.ids-tabs .ids-tabs__select .ids-label-wrapper{margin-bottom:.25rem}.ids-tabs .ids-tabs__tabs{align-items:flex-end;display:none;flex-wrap:wrap;justify-content:flex-start;padding:0 1.25rem;position:relative}.ids-tabs .ids-tabs__tabs:after{background-color:var(--IDS-TABS__BORDER-BOTTOM-COLOR);bottom:0;content:\"\";height:.25rem;left:0;position:absolute;right:0;width:100%}.ids-tabs .ids-tabs__tabs:before{bottom:0;content:var(--IDS-TAB--SELECTED__BEFORE-CONTENT);height:.625rem;left:0;pointer-events:none;position:absolute;right:0}@media (min-width:1024px){.ids-tabs .ids-tabs__select{display:none}.ids-tabs .ids-tabs__tabs{display:flex}}.ids-tabs.ids-tabs--unresponsive .ids-tabs__select{display:none}.ids-tabs.ids-tabs--unresponsive .ids-tabs__tabs{display:flex!important}@media (min-width:640px){.ids-tabs.ids-tabs--responsive-on-s .ids-tabs__select{display:none}.ids-tabs.ids-tabs--responsive-on-s .ids-tabs__tabs{display:flex}}@media (min-width:1024px){.ids-tabs.ids-tabs--responsive-on-m .ids-tabs__select{display:none}.ids-tabs.ids-tabs--responsive-on-m .ids-tabs__tabs{display:flex}}.ids-tabs .ids-tabs__panels{position:relative}.ids-tab{background:none;border:none;color:inherit;font:inherit;min-height:1.5rem;min-width:1.5rem;outline:inherit;padding:0;-moz-user-select:-moz-none}.ids-tab:focus-visible{outline:.125rem solid var(--IDS-FOCUS__OUTLINE-COLOR);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)!important}.ids-tab{-webkit-touch-callout:none;align-items:center;background-color:var(--IDS-TABS__BACKGROUND-COLOR);border-left:var(--IDS-TAB__BORDER);border-radius:var(--IDS-TAB__BORDER-RADIUS);border-right:var(--IDS-TAB__BORDER);border-top:var(--IDS-TAB__BORDER);color:var(--IDS-TAB__COLOR);cursor:pointer;display:flex;font-family:var(--IDS-FONT-FAMILY-BASE);justify-content:center;outline:none;overflow:hidden;padding:.4375rem 1.4375rem;position:relative;text-decoration:none!important;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:1}.ids-tab:after{background-color:var(--IDS-TABS__BORDER-BOTTOM-COLOR);bottom:0;content:\"\";height:.25rem;left:0;position:absolute;right:0;z-index:2}.ids-tab:focus-visible{z-index:2}.ids-tab .ids-tab__label{align-items:center;background-color:var(--IDS-TABS__BACKGROUND-COLOR);color:var(--IDS-TAB__COLOR);display:flex;flex-direction:row;font-size:1rem;font-weight:400;justify-content:center;line-height:1.6875rem;text-align:center}.ids-tab .ids-tab__label:before{background-color:transparent;content:\"\";height:var(--IDS-TAB--SELECTED__TOP-BORDER-HEIGHT);left:0;position:absolute;right:0;top:0;width:100%}.ids-tab:hover{border-left:var(--IDS-TAB--HOVER-BORDER);border-right:var(--IDS-TAB--HOVER-BORDER);border-top:var(--IDS-TAB--HOVER-BORDER-TOP);padding:.4375rem 1.375rem}.ids-tab:hover .ids-tab__label{color:var(--IDS-TAB--HOVER-COLOR)}.ids-tab:hover .ids-tab__label:before{background-color:var(--IDS-TAB--HOVER-BEFORE-COLOR)}.ids-tab.ids-tab--selected{border-left:var(--IDS-TAB--SELECTED__BORDER);border-right:var(--IDS-TAB--SELECTED__BORDER);border-top:var(--IDS-TAB--SELECTED__BORDER-TOP);padding:.4375rem 1.375rem}.ids-tab.ids-tab--selected,.ids-tab.ids-tab--selected .ids-tab__label{background-color:var(--IDS-TAB--SELECTED__BACKGROUND-COLOR);color:var(--IDS-TAB--SELECTED__COLOR)}.ids-tab.ids-tab--selected .ids-tab__label:before{background-color:var(--IDS-TAB--SELECTED__BORDER-COLOR)}.ids-tab.ids-tab--selected:after{background-color:var(--IDS-TAB--SELECTED__BORDER-BOTTOM-COLOR)}.ids-tab .ids-tab-icon{align-self:center!important;color:var(--IDS-TAB-ICON__COLOR);display:flex!important;font-size:1.25rem!important;margin-right:.5rem}.ids-tab .ids-tab-extra{margin-left:.5rem}.ids-tab-panel{color:var(--IDS-TAB-PANEL__COLOR);display:none;font-family:var(--IDS-FONT-FAMILY-BASE);margin-top:1.5rem;outline-color:var(--IDS-FOCUS__OUTLINE-COLOR);outline-offset:.125rem}.ids-tab-panel .ids-tab-panel--hidden{display:none}.ids-tab-panel.ids-tab-panel--compact{margin-top:.125rem}.ids-tab-panel.ids-tab-panel--selected{display:block}";
 
-var css_248z = ".ids-select:has(select:disabled) label{color:var(--IDS-FORM-LABEL--DISABLED-COLOR);cursor:default!important;font-style:italic}.ids-select__select{appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;background-color:var(--IDS-INPUT__BACKGROUND-COLOR);border-radius:var(--IDS-BORDER-RADIUS-MEDIUM)!important;box-sizing:border-box;color:var(--IDS-FORM__COLOR);display:block;font-family:var(--IDS-FONT-FAMILY-BASE)!important;font-size:1rem;padding:var(--IDS-INPUT__PADDING);width:100%}.ids-select__select:hover{background-color:var(--IDS-INPUT__HOVER-BACKGROUND-COLOR)}.ids-select__select:active{background-color:var(--IDS-INPUT__ACTIVE-BACKGROUND-COLOR);border-color:var(--IDS-INPUT__ACTIVE-BORDER-COLOR)}.ids-select__select:focus-visible,.ids-select__select:focus-visible:hover{background-color:var(--IDS-INPUT__BACKGROUND-COLOR);border-color:var(--IDS-INPUT__FOCUS-BORDER-COLOR)}.ids-select__select:disabled,.ids-select__select[readonly],.ids-select__select[readonly]:focus-visible,.ids-select__select[readonly]:focus-visible:hover{-webkit-text-fill-color:inherit;background:var(--IDS-FORM--DISABLED__BACKGROUND-COLOR);border:var(--IDS-FORM--DISABLED__BORDER);color:var(--IDS-FORM--DISABLED__COLOR);font-style:italic!important;opacity:1}.ids-select__select:disabled::placeholder,.ids-select__select[readonly]::placeholder,.ids-select__select[readonly]:focus-visible::placeholder,.ids-select__select[readonly]:focus-visible:hover::placeholder{color:var(--IDS-FORM--DISABLED__COLOR)}.ids-select__select.ids-input--light{background-color:var(--IDS-INPUT--LIGHT__BACKGROUND-COLOR)}.ids-select__select.ids-input--light:hover{background-color:var(--IDS-INPUT--LIGHT__HOVER-BACKGROUND-COLOR)}.ids-select__select.ids-input--light:active{background-color:var(--IDS-INPUT--LIGHT__ACTIVE-BACKGROUND-COLOR);border-color:var(--IDS-INPUT__ACTIVE-BORDER-COLOR)}.ids-select__select.ids-input--light:focus-visible,.ids-select__select.ids-input--light:focus-visible:hover{background-color:var(--IDS-INPUT--LIGHT__BACKGROUND-COLOR)}.ids-select__select.ids-input--light:disabled,.ids-select__select.ids-input--light[readonly],.ids-select__select.ids-input--light[readonly]:focus-visible,.ids-select__select.ids-input--light[readonly]:focus-visible:hover{-webkit-text-fill-color:inherit;background:var(--IDS-FORM--DISABLED__BACKGROUND-COLOR);border:var(--IDS-FORM--DISABLED__BORDER);color:var(--IDS-FORM--DISABLED__COLOR);font-style:italic!important;opacity:1}.ids-select__select.ids-input--light:disabled::placeholder,.ids-select__select.ids-input--light[readonly]::placeholder,.ids-select__select.ids-input--light[readonly]:focus-visible::placeholder,.ids-select__select.ids-input--light[readonly]:focus-visible:hover::placeholder{color:var(--IDS-FORM--DISABLED__COLOR)}.ids-select__select:focus-visible{outline:.125rem solid var(--IDS-FOCUS__OUTLINE-COLOR);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)!important}.ids-select__select{border:var(--IDS-INPUT__BORDER-THICKNESS) solid var(--IDS-INPUT__BORDER-COLOR);cursor:pointer;display:inline-block!important;height:var(--IDS-INPUT__HEIGHT);overflow:hidden;padding-left:var(--IDS-SELECT__PADDING-LEFT)!important;padding-right:var(--IDS-INPUT__ICON-PADDING-RIGHT)!important;text-align:left;text-overflow:ellipsis;width:100%!important}.ids-select__select::placeholder{color:var(--IDS-FORM__COLOR)}.ids-select__select.ids-input--invalid,.ids-select__select[aria-invalid=true]{background:var(--IDS-FORM--INVALID__BACKGROUND-COLOR)!important;border:var(--IDS-FORM--INVALID__BORDER);box-shadow:var(--IDS-FORM--INVALID-BOX-SHADOW)}.ids-select__select.ids-input--light{background-color:var(--IDS-SELECT--LIGHT__BACKGROUND-COLOR)}.ids-select__select.ids-input--light.ids-input--invalid,.ids-select__select.ids-input--light[aria-invalid=true]{background:var(--IDS-FORM--INVALID__BACKGROUND-COLOR)!important;border:var(--IDS-FORM--INVALID__BORDER);box-shadow:var(--IDS-FORM--INVALID-BOX-SHADOW)}.ids-select__select[aria-disabled=true]{-webkit-text-fill-color:inherit;background:var(--IDS-FORM--DISABLED__BACKGROUND-COLOR);border:var(--IDS-FORM--DISABLED__BORDER);color:var(--IDS-FORM--DISABLED__COLOR);font-style:italic!important;opacity:1}.ids-select__select[aria-disabled=true]::placeholder{color:var(--IDS-FORM--DISABLED__COLOR)}.ids-select__select:disabled{cursor:default}.ids-select__select:disabled::placeholder{color:var(--IDS-FORM--DISABLED__COLOR)}.ids-select__select:disabled.ids-input--light{-webkit-text-fill-color:inherit;background-color:var(--IDS-INPUT--LIGHT__BACKGROUND-COLOR);background:var(--IDS-FORM--DISABLED__BACKGROUND-COLOR);border:var(--IDS-FORM--DISABLED__BORDER);color:var(--IDS-FORM--DISABLED__COLOR);font-style:italic!important;opacity:1}.ids-select__select:disabled.ids-input--light::placeholder{color:var(--IDS-FORM--DISABLED__COLOR)}.ids-select__wrapper{display:flex;position:relative}.ids-select__wrapper:after{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-ICON--ACTIVE-COLOR);content:\"\\e936\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1rem;pointer-events:none;position:absolute;right:var(--IDS-INPUT__ICON-RIGHT);top:50%;transform:translateY(-50%);z-index:2}.ids-select__wrapper:has(select:disabled):after,.ids-select__wrapper:has(select[aria-disabled=true]):after{color:var(--IDS-FORM--DISABLED__COLOR)!important}.ids-select__wrapper:has(select[aria-invalid=true]):after{color:var(--IDS-FORM--INVALID__COLOR)!important}";
+var css_248z = ".ids-select:has(select:disabled) label{color:var(--IDS-FORM-LABEL--DISABLED-COLOR);cursor:default!important;font-style:italic}.ids-select__select{appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;background-color:var(--IDS-INPUT__BACKGROUND-COLOR);border-radius:var(--IDS-BORDER-RADIUS-MEDIUM)!important;box-sizing:border-box;color:var(--IDS-FORM__COLOR);display:block;font-family:var(--IDS-FONT-FAMILY-BASE)!important;font-size:1rem;padding:var(--IDS-INPUT__PADDING);width:100%}.ids-select__select:hover{background-color:var(--IDS-INPUT__HOVER-BACKGROUND-COLOR);border-color:var(--IDS-INPUT__HOVER-BORDER-COLOR)}.ids-select__select:active{background-color:var(--IDS-INPUT__ACTIVE-BACKGROUND-COLOR);border-color:var(--IDS-INPUT__ACTIVE-BORDER-COLOR)}.ids-select__select:focus-visible,.ids-select__select:focus-visible:hover{background-color:var(--IDS-INPUT__BACKGROUND-COLOR);border-color:var(--IDS-INPUT__FOCUS-BORDER-COLOR)}.ids-select__select:disabled,.ids-select__select[readonly],.ids-select__select[readonly]:focus-visible,.ids-select__select[readonly]:focus-visible:hover{-webkit-text-fill-color:inherit;background:var(--IDS-FORM--DISABLED__BACKGROUND-COLOR);border:var(--IDS-FORM--DISABLED__BORDER);color:var(--IDS-FORM--DISABLED__COLOR);font-style:italic!important;opacity:1}.ids-select__select:disabled::placeholder,.ids-select__select[readonly]::placeholder,.ids-select__select[readonly]:focus-visible::placeholder,.ids-select__select[readonly]:focus-visible:hover::placeholder{color:var(--IDS-FORM--DISABLED__COLOR)}.ids-select__select.ids-input--light{background-color:var(--IDS-INPUT--LIGHT__BACKGROUND-COLOR)}.ids-select__select.ids-input--light:hover{background-color:var(--IDS-INPUT--LIGHT__HOVER-BACKGROUND-COLOR)}.ids-select__select.ids-input--light:active{background-color:var(--IDS-INPUT--LIGHT__ACTIVE-BACKGROUND-COLOR);border-color:var(--IDS-INPUT__ACTIVE-BORDER-COLOR)}.ids-select__select.ids-input--light:focus-visible,.ids-select__select.ids-input--light:focus-visible:hover{background-color:var(--IDS-INPUT--LIGHT__BACKGROUND-COLOR)}.ids-select__select.ids-input--light:disabled,.ids-select__select.ids-input--light[readonly],.ids-select__select.ids-input--light[readonly]:focus-visible,.ids-select__select.ids-input--light[readonly]:focus-visible:hover{-webkit-text-fill-color:inherit;background:var(--IDS-FORM--DISABLED__BACKGROUND-COLOR);border:var(--IDS-FORM--DISABLED__BORDER);color:var(--IDS-FORM--DISABLED__COLOR);font-style:italic!important;opacity:1}.ids-select__select.ids-input--light:disabled::placeholder,.ids-select__select.ids-input--light[readonly]::placeholder,.ids-select__select.ids-input--light[readonly]:focus-visible::placeholder,.ids-select__select.ids-input--light[readonly]:focus-visible:hover::placeholder{color:var(--IDS-FORM--DISABLED__COLOR)}.ids-select__select:focus-visible{outline:.125rem solid var(--IDS-FOCUS__OUTLINE-COLOR);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)!important}.ids-select__select{border:var(--IDS-INPUT__BORDER-THICKNESS) solid var(--IDS-INPUT__BORDER-COLOR);cursor:pointer;display:inline-block!important;height:var(--IDS-INPUT__HEIGHT);overflow:hidden;padding-left:var(--IDS-SELECT__PADDING-LEFT)!important;padding-right:var(--IDS-INPUT__ICON-PADDING-RIGHT)!important;text-align:left;text-overflow:ellipsis;width:100%!important}.ids-select__select::placeholder{color:var(--IDS-FORM__COLOR)}.ids-select__select.ids-input--invalid,.ids-select__select[aria-invalid=true]{background:var(--IDS-FORM--INVALID__BACKGROUND-COLOR)!important;border:var(--IDS-FORM--INVALID__BORDER);box-shadow:var(--IDS-FORM--INVALID-BOX-SHADOW)}.ids-select__select.ids-input--light{background-color:var(--IDS-SELECT--LIGHT__BACKGROUND-COLOR)}.ids-select__select.ids-input--light.ids-input--invalid,.ids-select__select.ids-input--light[aria-invalid=true]{background:var(--IDS-FORM--INVALID__BACKGROUND-COLOR)!important;border:var(--IDS-FORM--INVALID__BORDER);box-shadow:var(--IDS-FORM--INVALID-BOX-SHADOW)}.ids-select__select[aria-disabled=true]{-webkit-text-fill-color:inherit;background:var(--IDS-FORM--DISABLED__BACKGROUND-COLOR);border:var(--IDS-FORM--DISABLED__BORDER);color:var(--IDS-FORM--DISABLED__COLOR);font-style:italic!important;opacity:1}.ids-select__select[aria-disabled=true]::placeholder{color:var(--IDS-FORM--DISABLED__COLOR)}.ids-select__select:disabled{cursor:default}.ids-select__select:disabled::placeholder{color:var(--IDS-FORM--DISABLED__COLOR)}.ids-select__select:disabled.ids-input--light{-webkit-text-fill-color:inherit;background-color:var(--IDS-INPUT--LIGHT__BACKGROUND-COLOR);background:var(--IDS-FORM--DISABLED__BACKGROUND-COLOR);border:var(--IDS-FORM--DISABLED__BORDER);color:var(--IDS-FORM--DISABLED__COLOR);font-style:italic!important;opacity:1}.ids-select__select:disabled.ids-input--light::placeholder{color:var(--IDS-FORM--DISABLED__COLOR)}.ids-select__wrapper{display:flex;position:relative}.ids-select__wrapper:after{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-ICON--ACTIVE-COLOR);content:\"\\e936\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1rem;pointer-events:none;position:absolute;right:var(--IDS-INPUT__ICON-RIGHT);top:50%;transform:translateY(-50%);z-index:2}.ids-select__wrapper:has(select:disabled):after,.ids-select__wrapper:has(select[aria-disabled=true]):after{color:var(--IDS-FORM--DISABLED__COLOR)!important}.ids-select__wrapper:has(select[aria-invalid=true]):after{color:var(--IDS-FORM--INVALID__COLOR)!important}";
 
 var tabsLit = css`${unsafeCSS(css_248z$1)} ${unsafeCSS(css_248z)}`;
 

package/global/global.css

@@ -1684,6 +1684,10 @@ a [class*=" ids-icon-"]::before {
   text-underline-offset: 0.125rem;
   text-decoration-thickness: 0.0938rem;
 }
+.ids--light .ids-small.ids-subtle,
+.ids--dark .ids-small.ids-subtle {
+  color: var(--ids-color-surface-text-subtle-on-default) !important;
+}
 .ids--light .ids-pagelist,
 .ids--dark .ids-pagelist {
   font-style: normal;
@@ -12134,7 +12138,7 @@ button.ids-button.ids-button--fab:focus-visible [class^=ids-icon-] {
   bottom: -0.1875rem;
 }
 .ids-label-wrapper.ids-label-wrapper--margin-bottom {
-  bottom: 0.25rem;
+  margin-bottom: 0.25rem;
 }
 .ids-label-wrapper.ids-label-wrapper--block {
   width: 100%;
@@ -12200,8 +12204,7 @@ button.ids-button.ids-button--fab:focus-visible [class^=ids-icon-] {
   margin-left: 0.75rem;
 }
 .ids-input .ids-input__wrapper {
-  display: flex;
-  flex-direction: column;
+  display: block;
   width: 100%;
   flex-grow: 1;
 }
@@ -12275,6 +12278,7 @@ button.ids-button.ids-button--fab:focus-visible [class^=ids-icon-] {
   color: var(--IDS-FORM__COLOR);
 }
 .ids-input__input:hover {
+  border-color: var(--IDS-INPUT__HOVER-BORDER-COLOR);
   background-color: var(--IDS-INPUT__HOVER-BACKGROUND-COLOR);
 }
 .ids-input__input:active {
@@ -12405,6 +12409,7 @@ ids-input input[type=search]::-webkit-search-results-decoration {
 }
 .ids-textarea textarea:hover,
 .ids-textarea .ids-textarea__textarea:hover {
+  border-color: var(--IDS-INPUT__HOVER-BORDER-COLOR);
   background-color: var(--IDS-INPUT__HOVER-BACKGROUND-COLOR);
 }
 .ids-textarea textarea:active,
@@ -13017,7 +13022,7 @@ ids-input input[type=search]::-webkit-search-results-decoration {
   bottom: -0.1875rem;
 }
 .ids-form-group__fieldset .ids-label-wrapper.ids-label-wrapper--margin-bottom {
-  bottom: 0.25rem;
+  margin-bottom: 0.25rem;
 }
 .ids-form-group__fieldset .ids-label-wrapper.ids-label-wrapper--block {
   width: 100%;
@@ -13342,6 +13347,7 @@ input[type=range]:disabled::-ms-thumb {
   color: var(--IDS-FORM__COLOR);
 }
 .ids-select__select:hover {
+  border-color: var(--IDS-INPUT__HOVER-BORDER-COLOR);
   background-color: var(--IDS-INPUT__HOVER-BACKGROUND-COLOR);
 }
 .ids-select__select:active {
@@ -13503,6 +13509,7 @@ input[type=range]:disabled::-ms-thumb {
   color: var(--IDS-FORM__COLOR);
 }
 .ids-select-multiple__select:hover {
+  border-color: var(--IDS-INPUT__HOVER-BORDER-COLOR);
   background-color: var(--IDS-INPUT__HOVER-BACKGROUND-COLOR);
 }
 .ids-select-multiple__select:active {
@@ -13707,7 +13714,7 @@ input[type=range]:disabled::-ms-thumb {
   bottom: -0.1875rem;
 }
 .ids-select-multiple-label-wrapper .ids-label-wrapper.ids-label-wrapper--margin-bottom {
-  bottom: 0.25rem;
+  margin-bottom: 0.25rem;
 }
 .ids-select-multiple-label-wrapper .ids-label-wrapper.ids-label-wrapper--block {
   width: 100%;
@@ -13916,6 +13923,7 @@ input.ids-time__input::placeholder {
   color: var(--IDS-FORM__COLOR);
 }
 input.ids-time__input:hover {
+  border-color: var(--IDS-INPUT__HOVER-BORDER-COLOR);
   background-color: var(--IDS-INPUT__HOVER-BACKGROUND-COLOR);
 }
 input.ids-time__input:active {
@@ -14340,6 +14348,7 @@ input:focus-visible + .ids-darkmode-toggle input:before {
   color: var(--IDS-FORM__COLOR);
 }
 .ids-datepicker .ids-datepicker__input:hover {
+  border-color: var(--IDS-INPUT__HOVER-BORDER-COLOR);
   background-color: var(--IDS-INPUT__HOVER-BACKGROUND-COLOR);
 }
 .ids-datepicker .ids-datepicker__input:active {

package/package.json

@@ -1,7 +1,7 @@
 {
   "type": "module",
   "name": "@inera/ids-design",
-  "version": "9.2.1",
+  "version": "9.2.3",
   "license": "SEE LICENSE IN LICENSE.md",
   "publishConfig": {
     "access": "public"

package/styles.css

@@ -1781,6 +1781,10 @@ a [class*=" ids-icon-"]::before {
   text-underline-offset: 0.125rem;
   text-decoration-thickness: 0.0938rem;
 }
+.ids--light .ids-small.ids-subtle,
+.ids--dark .ids-small.ids-subtle {
+  color: var(--ids-color-surface-text-subtle-on-default) !important;
+}
 .ids--light .ids-pagelist,
 .ids--dark .ids-pagelist {
   font-style: normal;
@@ -12231,7 +12235,7 @@ button.ids-button.ids-button--fab:focus-visible [class^=ids-icon-] {
   bottom: -0.1875rem;
 }
 .ids-label-wrapper.ids-label-wrapper--margin-bottom {
-  bottom: 0.25rem;
+  margin-bottom: 0.25rem;
 }
 .ids-label-wrapper.ids-label-wrapper--block {
   width: 100%;
@@ -12297,8 +12301,7 @@ button.ids-button.ids-button--fab:focus-visible [class^=ids-icon-] {
   margin-left: 0.75rem;
 }
 .ids-input .ids-input__wrapper {
-  display: flex;
-  flex-direction: column;
+  display: block;
   width: 100%;
   flex-grow: 1;
 }
@@ -12372,6 +12375,7 @@ button.ids-button.ids-button--fab:focus-visible [class^=ids-icon-] {
   color: var(--IDS-FORM__COLOR);
 }
 .ids-input__input:hover {
+  border-color: var(--IDS-INPUT__HOVER-BORDER-COLOR);
   background-color: var(--IDS-INPUT__HOVER-BACKGROUND-COLOR);
 }
 .ids-input__input:active {
@@ -12502,6 +12506,7 @@ ids-input input[type=search]::-webkit-search-results-decoration {
 }
 .ids-textarea textarea:hover,
 .ids-textarea .ids-textarea__textarea:hover {
+  border-color: var(--IDS-INPUT__HOVER-BORDER-COLOR);
   background-color: var(--IDS-INPUT__HOVER-BACKGROUND-COLOR);
 }
 .ids-textarea textarea:active,
@@ -13114,7 +13119,7 @@ ids-input input[type=search]::-webkit-search-results-decoration {
   bottom: -0.1875rem;
 }
 .ids-form-group__fieldset .ids-label-wrapper.ids-label-wrapper--margin-bottom {
-  bottom: 0.25rem;
+  margin-bottom: 0.25rem;
 }
 .ids-form-group__fieldset .ids-label-wrapper.ids-label-wrapper--block {
   width: 100%;
@@ -13439,6 +13444,7 @@ input[type=range]:disabled::-ms-thumb {
   color: var(--IDS-FORM__COLOR);
 }
 .ids-select__select:hover {
+  border-color: var(--IDS-INPUT__HOVER-BORDER-COLOR);
   background-color: var(--IDS-INPUT__HOVER-BACKGROUND-COLOR);
 }
 .ids-select__select:active {
@@ -13600,6 +13606,7 @@ input[type=range]:disabled::-ms-thumb {
   color: var(--IDS-FORM__COLOR);
 }
 .ids-select-multiple__select:hover {
+  border-color: var(--IDS-INPUT__HOVER-BORDER-COLOR);
   background-color: var(--IDS-INPUT__HOVER-BACKGROUND-COLOR);
 }
 .ids-select-multiple__select:active {
@@ -13804,7 +13811,7 @@ input[type=range]:disabled::-ms-thumb {
   bottom: -0.1875rem;
 }
 .ids-select-multiple-label-wrapper .ids-label-wrapper.ids-label-wrapper--margin-bottom {
-  bottom: 0.25rem;
+  margin-bottom: 0.25rem;
 }
 .ids-select-multiple-label-wrapper .ids-label-wrapper.ids-label-wrapper--block {
   width: 100%;
@@ -14013,6 +14020,7 @@ input.ids-time__input::placeholder {
   color: var(--IDS-FORM__COLOR);
 }
 input.ids-time__input:hover {
+  border-color: var(--IDS-INPUT__HOVER-BORDER-COLOR);
   background-color: var(--IDS-INPUT__HOVER-BACKGROUND-COLOR);
 }
 input.ids-time__input:active {
@@ -14437,6 +14445,7 @@ input:focus-visible + .ids-darkmode-toggle input:before {
   color: var(--IDS-FORM__COLOR);
 }
 .ids-datepicker .ids-datepicker__input:hover {
+  border-color: var(--IDS-INPUT__HOVER-BORDER-COLOR);
   background-color: var(--IDS-INPUT__HOVER-BACKGROUND-COLOR);
 }
 .ids-datepicker .ids-datepicker__input:active {
@@ -15482,7 +15491,8 @@ input[type=search]::-webkit-search-results-decoration {
   --IDS-DROPDOWN__LINK-HOVER-COLOR: var(--ids-color-surface-background-elevated-2);
 }
 
-.ids--light, .ids--dark {
+.ids--light,
+.ids--dark {
   --IDS-FOOTER-1177__BACKGROUND-COLOR: var(--ids-color-brand-background-secondary);
   --IDS-FOOTER-1177__HEADLINE-COLOR: var(--ids-color-brand-text-primary);
   --IDS-FOOTER-1177__BYLINE-COLOR: var(--ids-color-brand-text-primary-subtle);
@@ -15557,7 +15567,8 @@ input[type=search]::-webkit-search-results-decoration {
   --IDS-FOOTER-INERA-GENERAL-SUB-MOBILE__COLOR: var(--ids-color-brand-text-on-primary);
 }
 
-.ids--light, .ids--dark {
+.ids--light,
+.ids--dark {
   --IDS-FOOTER-INERA-ADMIN__BACKGROUND-COLOR: var(--ids-color-brand-background-footer);
   --IDS-FOOTER-INERA-ADMIN__BORDER-COLOR: var(--ids-color-surface-border-elevated-1);
   --IDS-FOOTER-INERA-ADMIN-HEADLINE__COLOR: var(--ids-color-brand-text-primary);
@@ -15735,6 +15746,7 @@ input[type=search]::-webkit-search-results-decoration {
   --IDS-INPUT__BORDER-THICKNESS: 0.0625rem;
   --IDS-INPUT__PADDING: 0 1.25rem;
   --IDS-INPUT__HOVER-BACKGROUND-COLOR: var(--ids-color-form-background-hover);
+  --IDS-INPUT__HOVER-BORDER-COLOR: var(--ids-color-form-border-hover);
   --IDS-INPUT--LIGHT__HOVER-BACKGROUND-COLOR: var(--ids-color-form-background-light-hover);
   --IDS-INPUT__ACTIVE-BACKGROUND-COLOR: var(--ids-color-form-background-active);
   --IDS-INPUT__ACTIVE-BORDER-COLOR: var(--ids-color-form-border-active);