@inera/ids-design 8.2.0 → 9.0.0

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

@@ -1,4 +1,4 @@
-@media (max-width: 1023px) {
+@media (max-width: 639px) {
   .ids-desktop {
     display: none !important;
   }
@@ -25,6 +25,20 @@
 /*******
 * A11Y
 ********/
+.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;
+  width: 100%;
+  flex-direction: column;
+}
+.ids-side-panel-provider .ids-side-panel-provider__side-panel {
+  display: flex;
+}
+
 .ids-side-panel {
   overflow: hidden;
   z-index: 1;
@@ -40,8 +54,7 @@
   bottom: 0;
   z-index: 2;
   width: 0;
-  height: 0;
-  transition: opacity 0s linear 0.2s, visibility 0.3s, width 0s linear 0.4s, height 0s linear 0.4s;
+  transition: opacity 0s linear 0.2s, visibility 0.3s, width 0s linear 0.4s;
 }
 .ids-side-panel.ids-side-panel--regular .ids-side-panel__panel {
   background-color: var(--IDS-SIDE-PANEL__BACKGROUND-COLOR);
@@ -107,22 +120,17 @@
 }
 .ids-side-panel.ids-side-panel--regular .ids-side-panel__close-button {
   background: none;
-  color: inherit;
   border: none;
-  padding: 0;
-  font: inherit;
-  cursor: pointer;
-  outline: inherit;
   position: relative;
   width: 1.25rem;
   height: 1.25rem;
+  cursor: pointer;
 }
 .ids-side-panel.ids-side-panel--regular .ids-side-panel__close-button:before {
   font: icon;
   font-family: "Inera-Design-Icons" !important;
   display: block;
   position: absolute;
-  pointer-events: none;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   content: "\e916";
@@ -130,6 +138,7 @@
   color: var(--IDS-ICON--ACTIVE-COLOR);
   top: 0;
   left: 0;
+  cursor: pointer;
 }
 .ids-side-panel.ids-side-panel--regular .ids-side-panel__close-button:hover:before {
   color: var(--IDS-ICON--ACTIVE-HOVER-COLOR);
@@ -143,8 +152,11 @@
   opacity: 1;
   visibility: visible;
   width: 100%;
-  height: 100vh;
-  transition: width 0s, height 0s;
+  min-height: 100vh;
+  height: 100%;
+  height: -webkit-fill-available;
+  height: -moz-fill-available;
+  transition: width 0s;
 }
 .ids-side-panel.ids-side-panel--regular.ids-side-panel--show .ids-side-panel__panel {
   transform: translateY(30vh);
@@ -152,7 +164,10 @@
 }
 @media (min-width: 640px) {
   .ids-side-panel.ids-side-panel--regular .ids-side-panel__panel {
-    height: 50vh;
+    min-height: 100vh;
+    height: 100%;
+    height: -webkit-fill-available;
+    height: -moz-fill-available;
   }
   .ids-side-panel.ids-side-panel--regular.ids-side-panel--show .ids-side-panel__panel {
     transform: translateY(50vh);
@@ -174,11 +189,17 @@
     padding: 1.25rem 0 0 1rem;
     transform: none;
     transition: none;
+    min-height: 100vh;
     height: 100%;
+    height: -webkit-fill-available;
+    height: -moz-fill-available;
     border-top: 0;
   }
   .ids-side-panel.ids-side-panel--regular.ids-side-panel--show {
+    min-height: 100vh;
     height: 100%;
+    height: -webkit-fill-available;
+    height: -moz-fill-available;
     transform: none;
     transition: width 0.3s ease-in-out, visibility 0s, opacity 0s, transform linear 0s;
   }
@@ -257,6 +278,8 @@
   display: flex;
   width: 3.125rem;
   height: 100%;
+  height: -webkit-fill-available;
+  height: -moz-fill-available;
   background-color: var(--IDS-SIDE-PANEL__BACKGROUND-COLOR);
   border-right: var(--IDS-SIDE-PANEL__BORDER);
   padding: 0;
@@ -296,6 +319,8 @@
 .ids-side-panel.ids-side-panel--menu .ids-side-panel__content {
   width: 100%;
   height: 100%;
+  height: -webkit-fill-available;
+  height: -moz-fill-available;
   box-sizing: border-box;
   overflow-x: hidden;
   overflow-y: auto;
@@ -318,6 +343,7 @@
   width: 2.25rem;
 }
 .ids-side-panel.ids-side-panel--menu .ids-side-panel__footer {
+  font-family: var(--IDS-FONT-FAMILY-BASE);
   text-align: left;
   box-sizing: border-box;
   display: flex;
@@ -341,7 +367,7 @@
 }
 .ids-side-panel.ids-side-panel--menu .ids-side-panel__footer-text {
   line-height: 1.5rem;
-  margin-top: 1.25rem;
+  font-family: var(--IDS-FONT-FAMILY-BASE);
 }
 .ids-side-panel.ids-side-panel--menu .ids-side-panel__hamburger .ids-hamburger {
   transition: all 0.2s;
@@ -419,7 +445,6 @@
 .ids-side-panel.ids-side-panel--menu .ids-side-panel__hamburger:focus-visible {
   outline: 0.125rem solid var(--IDS-FOCUS__OUTLINE-COLOR);
   outline-offset: 0 !important;
-  outline-color: var(--IDS-SIDE-PANEL__HAMBURGER-COLOR) !important;
   border-radius: 0.0625rem;
 }
 .ids-side-panel.ids-side-panel--menu .ids-side-panel__hamburger:focus-visible[aria-expanded=true] {
@@ -483,6 +508,8 @@
     position: relative;
     width: 23.75rem;
     height: 100%;
+    height: -webkit-fill-available;
+    height: -moz-fill-available;
     transform: none;
     transition: width 0.3s ease-in-out;
     border-right: var(--IDS-SIDE-PANEL__BORDER);

package/components/stepper/stepper-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--dark,.ids--light{--IDS-FONT-FAMILY-BASE:\"Open Sans\";--IDS-FONT-FAMILY-HEADING:\"Inter\";--IDS-FONT-COLOR:var(--ids-color-surface-text-on-default);--IDS-HEADING-XXL__MARGIN-BOTTOM:1.875rem;--IDS-HEADING-XL__MARGIN-BOTTOM:1.875rem;--IDS-HEADING-L__MARGIN-BOTTOM:1.875rem;--IDS-PAGE-LIST__COLOR:var(--ids-color-brand-text-primary);--IDS-PAGE-LIST__FONT-FAMILY:var(--IDS-FONT-FAMILY-HEADING);--IDS-PAGE-LIST__FONT-SIZE:1.25rem;--IDS-PAGE-LIST__LINE-HEIGHT:1.5rem;--IDS-PAGE-LIST__FONT-WEIGHT:700;--IDS-PAGE-LIST__LETTER-SPACING:-0.025rem;--IDS-BULLET-LIST__MARKER-COLOR:var(--ids-color-brand-text-primary);--IDS-BULLET-LIST__MARKER-FONT-WEIGHT:bold;--IDS-BULLET-LIST__LINE-HEIGHT:1.5rem;--IDS-DIVIDER__COLOR:var(--ids-color-surface-border-default)}.ids--dark.ids--1177-admin,.ids--dark.ids--1177-pro,.ids--light.ids--1177-admin,.ids--light.ids--1177-pro{--IDS-PAGE-LIST__COLOR:var(--ids-color-interactive-text-default)}.ids--dark.ids--inera,.ids--dark.ids--inera-admin,.ids--light.ids--inera,.ids--light.ids--inera-admin{--IDS-FONT-FAMILY-BASE:\"Open Sans\";--IDS-FONT-FAMILY-HEADING:\"Poppins\";--IDS-HEADING-XXL__MARGIN-BOTTOM:1.25rem;--IDS-HEADING-XL__MARGIN-BOTTOM:1.25rem;--IDS-HEADING-L__MARGIN-BOTTOM:1.25rem;--IDS-PAGE-LIST__FONT-WEIGHT:600;--IDS-PAGE-LIST__LETTER-SPACING:0;--IDS-BULLET-LIST__MARKER-FONT-WEIGHT:normal;--IDS-BULLET-LIST__LINE-HEIGHT:1.625rem;--IDS-DESCRIPTION-LIST__TERM-FONT-WEIGHT:600}.ids--dark.ids--dark,.ids--light.ids--dark{--IDS-PAGE-LIST__COLOR:var(--ids-color-navigation-text-default)}.ids--dark.ids--dark.ids--1177-admin,.ids--dark.ids--dark.ids--1177-pro,.ids--dark.ids--dark.ids--inera,.ids--dark.ids--dark.ids--inera-admin,.ids--light.ids--dark.ids--1177-admin,.ids--light.ids--dark.ids--1177-pro,.ids--light.ids--dark.ids--inera,.ids--light.ids--dark.ids--inera-admin{--IDS-PAGE-LIST__COLOR:var(--ids-color-interactive-text-default)}.ids-step{border-bottom:var(--IDS-STEP__BORDER-THICKNESS) solid var(--IDS-STEP__BORDER-COLOR);display:flex;flex-direction:column;margin-bottom:1rem;position:relative}.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:.1875rem;box-sizing:border-box;cursor:pointer;display:block;padding:var(--IDS-STEP__BUTTON-PADDING-MOBILE);width:100%}.ids-step .ids-step__button:focus-visible{outline:.125rem solid var(--IDS-FOCUS__OUTLINE-COLOR);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,.ids-step .ids-step__button.ids-step__button--disabled .ids-step__headline h1,.ids-step .ids-step__button.ids-step__button--disabled .ids-step__headline h2,.ids-step .ids-step__button.ids-step__button--disabled .ids-step__headline h3,.ids-step .ids-step__button.ids-step__button--disabled .ids-step__headline h4{color:var(--IDS-STEP--DISABLED__HEADLINE-COLOR);font-family:var(--ids-font-family-heading);font-size:var(--ids-font-size-heading-m);font-style:italic!important;font-style:normal;font-weight:var(--ids-font-weight-heading-m);letter-spacing:var(--ids-font-letter-spacing-heading-m);line-height:var(--ids-font-line-height-heading-m)}.ids-step .ids-step__button.ids-step__button--disabled .ids-step__chevron{display:none}.ids-step .ids-step__button-inner{align-items:flex-start;display:flex;gap:1rem;width:100%}.ids-step .ids-step__button-text{align-items:flex-start;display:flex;gap:.5rem;justify-content:space-between;min-height:2.625rem;width:calc(100% - 3.75rem)}.ids-step .ids-step__headline-label{align-self:center!important;display:flex;flex-direction:column}.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__BORDER-THICKNESS) solid var(--IDS-STEP__INDICATOR-BORDER-COLOR);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);border:var(--IDS-STEP__BORDER-THICKNESS) solid var(--IDS-STEP__SELECTED__INDICATOR-BORDER-COLOR);color:var(--IDS-STEP--SELECTED__INDICATOR-COLOR)}.ids-step .ids-step__indicator.ids-step__indicator--valid{background-color:var(--IDS-STEP--VALID__INDICATOR-BACKGROUND-COLOR);border:var(--IDS-STEP__BORDER-THICKNESS) solid var(--IDS-STEP--VALID__INDICATOR-BORDER-COLOR)}.ids-step .ids-step__indicator.ids-step__indicator--valid:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;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__BORDER-THICKNESS) solid var(--IDS-STEP--INVALID__INDICATOR-BORDER-COLOR)}.ids-step .ids-step__indicator.ids-step__indicator--invalid:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;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__label{align-self:flex-start;display:flex}.ids-step .ids-step__headline,.ids-step .ids-step__headline h1,.ids-step .ids-step__headline h2,.ids-step .ids-step__headline h3,.ids-step .ids-step__headline h4,.ids-step ::slotted([slot=headline]){color:var(--IDS-STEP__HEADLINE-COLOR);font-family:var(--ids-font-family-heading);font-size:var(--ids-font-size-heading-m);font-style:normal;font-weight:var(--ids-font-weight-heading-m);letter-spacing:var(--ids-font-letter-spacing-heading-m);line-height:var(--ids-font-line-height-heading-m);margin:0!important;word-break:break-word}.ids-step .ids-step__chevron{flex-shrink:0;height:2.625rem;position:relative;width:1.25rem}.ids-step .ids-step__chevron:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-STEP__CHEVRON-COLOR);content:\"\\e936\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1.25rem;left:50%;pointer-events:none;position:absolute;top:.625rem;transform:translateX(-50%)}.ids-step .ids-step__chevron.ids-step__chevron--expanded:before{content:\"\\e939\"}.ids-step .ids-step__content{color:var(--IDS-FONT-COLOR);display:none;padding:var(--IDS-STEP__CONTENT-PADDING-MOBILE)}.ids-step .ids-step__content.ids-step__content--expanded{display:block}@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__button{padding:var(--IDS-STEP__BUTTON-PADDING-DESKTOP)}.ids-step .ids-step__content{padding:var(--IDS-STEP__CONTENT-PADDING-DESKTOP)}}";
+var css_248z = "@media (max-width:639px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}.ids--dark,.ids--light{--IDS-FONT-FAMILY-BASE:\"Open Sans\";--IDS-FONT-FAMILY-HEADING:\"Inter\";--IDS-FONT-COLOR:var(--ids-color-surface-text-on-default);--IDS-HEADING-XXL__MARGIN-BOTTOM:1.875rem;--IDS-HEADING-XL__MARGIN-BOTTOM:1.875rem;--IDS-HEADING-L__MARGIN-BOTTOM:1.875rem;--IDS-PAGE-LIST__COLOR:var(--ids-color-brand-text-primary);--IDS-PAGE-LIST__FONT-FAMILY:var(--IDS-FONT-FAMILY-HEADING);--IDS-PAGE-LIST__FONT-SIZE:1.25rem;--IDS-PAGE-LIST__LINE-HEIGHT:1.5rem;--IDS-PAGE-LIST__FONT-WEIGHT:700;--IDS-PAGE-LIST__LETTER-SPACING:-0.025rem;--IDS-BULLET-LIST__MARKER-COLOR:var(--ids-color-brand-text-primary);--IDS-BULLET-LIST__MARKER-FONT-WEIGHT:bold;--IDS-BULLET-LIST__LINE-HEIGHT:1.5rem;--IDS-DIVIDER__COLOR:var(--ids-color-surface-border-default)}.ids--dark.ids--1177-admin,.ids--dark.ids--1177-pro,.ids--light.ids--1177-admin,.ids--light.ids--1177-pro{--IDS-PAGE-LIST__COLOR:var(--ids-color-interactive-text-default)}.ids--dark.ids--inera,.ids--dark.ids--inera-admin,.ids--light.ids--inera,.ids--light.ids--inera-admin{--IDS-FONT-FAMILY-BASE:\"Open Sans\";--IDS-FONT-FAMILY-HEADING:\"Poppins\";--IDS-HEADING-XXL__MARGIN-BOTTOM:1.25rem;--IDS-HEADING-XL__MARGIN-BOTTOM:1.25rem;--IDS-HEADING-L__MARGIN-BOTTOM:1.25rem;--IDS-PAGE-LIST__FONT-WEIGHT:600;--IDS-PAGE-LIST__LETTER-SPACING:0;--IDS-BULLET-LIST__MARKER-FONT-WEIGHT:normal;--IDS-BULLET-LIST__LINE-HEIGHT:1.625rem;--IDS-DESCRIPTION-LIST__TERM-FONT-WEIGHT:600}.ids--dark.ids--dark,.ids--light.ids--dark{--IDS-PAGE-LIST__COLOR:var(--ids-color-navigation-text-default)}.ids--dark.ids--dark.ids--1177-admin,.ids--dark.ids--dark.ids--1177-pro,.ids--dark.ids--dark.ids--inera,.ids--dark.ids--dark.ids--inera-admin,.ids--light.ids--dark.ids--1177-admin,.ids--light.ids--dark.ids--1177-pro,.ids--light.ids--dark.ids--inera,.ids--light.ids--dark.ids--inera-admin{--IDS-PAGE-LIST__COLOR:var(--ids-color-interactive-text-default)}.ids-step{border-bottom:var(--IDS-STEP__BORDER-THICKNESS) solid var(--IDS-STEP__BORDER-COLOR);display:flex;flex-direction:column;position:relative}.ids-step .ids-step__label{color:var(--IDS-STEP__LABEL-COLOR);font-family:var(--IDS-FONT-FAMILY-BASE);font-size:1rem}.ids-step .ids-step__button{background:none;border:none;border-radius:.1875rem;box-sizing:border-box;cursor:pointer;display:block;padding:var(--IDS-STEP__BUTTON-PADDING-MOBILE);width:100%}.ids-step .ids-step__button:focus-visible{outline:.125rem solid var(--IDS-FOCUS__OUTLINE-COLOR);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,.ids-step .ids-step__button.ids-step__button--disabled .ids-step__headline :is(h1,h2,h3,h4,h5,h6){color:var(--IDS-STEP--DISABLED__HEADLINE-COLOR);font-family:var(--ids-font-family-heading);font-size:var(--ids-font-size-heading-m);font-style:italic!important;font-style:normal;font-weight:var(--ids-font-weight-heading-m);letter-spacing:var(--ids-font-letter-spacing-heading-m);line-height:var(--ids-font-line-height-heading-m)}.ids-step .ids-step__button.ids-step__button--disabled .ids-step__chevron{display:none}.ids-step .ids-step__button-inner{align-items:flex-start;display:flex;gap:1rem;width:100%}.ids-step .ids-step__button-text{align-items:center;display:flex;gap:.5rem;justify-content:space-between;min-height:2.625rem;width:calc(100% - 3.75rem)}.ids-step .ids-step__headline-label{align-self:center!important;display:flex;flex-direction:column}.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__BORDER-THICKNESS) solid var(--IDS-STEP__INDICATOR-BORDER-COLOR);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);border:var(--IDS-STEP__BORDER-THICKNESS) solid var(--IDS-STEP__SELECTED__INDICATOR-BORDER-COLOR);color:var(--IDS-STEP--SELECTED__INDICATOR-COLOR)}.ids-step .ids-step__indicator.ids-step__indicator--valid{background-color:var(--IDS-STEP--VALID__INDICATOR-BACKGROUND-COLOR);border:var(--IDS-STEP__BORDER-THICKNESS) solid var(--IDS-STEP--VALID__INDICATOR-BORDER-COLOR)}.ids-step .ids-step__indicator.ids-step__indicator--valid:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;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;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__BORDER-THICKNESS) solid var(--IDS-STEP--INVALID__INDICATOR-BORDER-COLOR)}.ids-step .ids-step__indicator.ids-step__indicator--invalid:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;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;position:absolute}.ids-step .ids-step__label{align-self:flex-start;display:flex}.ids-step .ids-step__headline,.ids-step .ids-step__headline :is(h1,h2,h3,h4,h5,h6){color:var(--IDS-STEP__HEADLINE-COLOR);font-family:var(--ids-font-family-heading);font-size:var(--ids-font-size-heading-m);font-style:normal;font-weight:var(--ids-font-weight-heading-m);letter-spacing:var(--ids-font-letter-spacing-heading-m);line-height:var(--ids-font-line-height-heading-m);margin:0!important;word-break:break-word}.ids-step .ids-step__chevron{flex-shrink:0;height:2.625rem;position:relative;width:1.25rem}.ids-step .ids-step__chevron:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-STEP__CHEVRON-COLOR);content:\"\\e936\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1.25rem;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.ids-step .ids-step__chevron.ids-step__chevron--expanded:before{content:\"\\e939\"}.ids-step .ids-step__content{color:var(--IDS-FONT-COLOR);display:none;font-family:var(--IDS-FONT-FAMILY-BASE);padding:var(--IDS-STEP__CONTENT-PADDING-MOBILE)}.ids-step .ids-step__content.ids-step__content--expanded{display:block}@media (min-width:1024px){.ids-step:after{bottom:-1.3125rem;height:1.25rem}.ids-step .ids-step__button{padding:var(--IDS-STEP__BUTTON-PADDING-DESKTOP)}.ids-step .ids-step__content{padding:var(--IDS-STEP__CONTENT-PADDING-DESKTOP)}}";
 
 var stepperLit = css`${unsafeCSS(css_248z)}`;
 

package/components/stepper/stepper-shadow-lit.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("lit").CSSResult;
+export default _default;

package/components/stepper/stepper-shadow-lit.js

@@ -0,0 +1,7 @@
+import { css, unsafeCSS } from 'lit';
+
+var css_248z = ".ids--dark,.ids--light{--IDS-FONT-FAMILY-BASE:\"Open Sans\";--IDS-FONT-FAMILY-HEADING:\"Inter\";--IDS-FONT-COLOR:var(--ids-color-surface-text-on-default);--IDS-HEADING-XXL__MARGIN-BOTTOM:1.875rem;--IDS-HEADING-XL__MARGIN-BOTTOM:1.875rem;--IDS-HEADING-L__MARGIN-BOTTOM:1.875rem;--IDS-PAGE-LIST__COLOR:var(--ids-color-brand-text-primary);--IDS-PAGE-LIST__FONT-FAMILY:var(--IDS-FONT-FAMILY-HEADING);--IDS-PAGE-LIST__FONT-SIZE:1.25rem;--IDS-PAGE-LIST__LINE-HEIGHT:1.5rem;--IDS-PAGE-LIST__FONT-WEIGHT:700;--IDS-PAGE-LIST__LETTER-SPACING:-0.025rem;--IDS-BULLET-LIST__MARKER-COLOR:var(--ids-color-brand-text-primary);--IDS-BULLET-LIST__MARKER-FONT-WEIGHT:bold;--IDS-BULLET-LIST__LINE-HEIGHT:1.5rem;--IDS-DIVIDER__COLOR:var(--ids-color-surface-border-default)}.ids--dark.ids--1177-admin,.ids--dark.ids--1177-pro,.ids--light.ids--1177-admin,.ids--light.ids--1177-pro{--IDS-PAGE-LIST__COLOR:var(--ids-color-interactive-text-default)}.ids--dark.ids--inera,.ids--dark.ids--inera-admin,.ids--light.ids--inera,.ids--light.ids--inera-admin{--IDS-FONT-FAMILY-BASE:\"Open Sans\";--IDS-FONT-FAMILY-HEADING:\"Poppins\";--IDS-HEADING-XXL__MARGIN-BOTTOM:1.25rem;--IDS-HEADING-XL__MARGIN-BOTTOM:1.25rem;--IDS-HEADING-L__MARGIN-BOTTOM:1.25rem;--IDS-PAGE-LIST__FONT-WEIGHT:600;--IDS-PAGE-LIST__LETTER-SPACING:0;--IDS-BULLET-LIST__MARKER-FONT-WEIGHT:normal;--IDS-BULLET-LIST__LINE-HEIGHT:1.625rem;--IDS-DESCRIPTION-LIST__TERM-FONT-WEIGHT:600}.ids--dark.ids--dark,.ids--light.ids--dark{--IDS-PAGE-LIST__COLOR:var(--ids-color-navigation-text-default)}.ids--dark.ids--dark.ids--1177-admin,.ids--dark.ids--dark.ids--1177-pro,.ids--dark.ids--dark.ids--inera,.ids--dark.ids--dark.ids--inera-admin,.ids--light.ids--dark.ids--1177-admin,.ids--light.ids--dark.ids--1177-pro,.ids--light.ids--dark.ids--inera,.ids--light.ids--dark.ids--inera-admin{--IDS-PAGE-LIST__COLOR:var(--ids-color-interactive-text-default)}@media (max-width:639px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}.ids-step ::slotted([slot=headline]){color:var(--IDS-STEP__HEADLINE-COLOR);font-family:var(--ids-font-family-heading);font-size:var(--ids-font-size-heading-m);font-style:normal;font-weight:var(--ids-font-weight-heading-m);letter-spacing:var(--ids-font-letter-spacing-heading-m);line-height:var(--ids-font-line-height-heading-m);margin:0!important;word-break:break-word}";
+
+var stepperShadowLit = css`${unsafeCSS(css_248z)}`;
+
+export { stepperShadowLit as default };

package/components/stepper/stepper-shadow.css

@@ -0,0 +1,63 @@
+.ids--light, .ids--dark {
+  --IDS-FONT-FAMILY-BASE: "Open Sans";
+  --IDS-FONT-FAMILY-HEADING: "Inter";
+  --IDS-FONT-COLOR: var(--ids-color-surface-text-on-default);
+  --IDS-HEADING-XXL__MARGIN-BOTTOM: 1.875rem;
+  --IDS-HEADING-XL__MARGIN-BOTTOM: 1.875rem;
+  --IDS-HEADING-L__MARGIN-BOTTOM: 1.875rem;
+  --IDS-PAGE-LIST__COLOR: var(--ids-color-brand-text-primary);
+  --IDS-PAGE-LIST__FONT-FAMILY: var(--IDS-FONT-FAMILY-HEADING);
+  --IDS-PAGE-LIST__FONT-SIZE: 1.25rem;
+  --IDS-PAGE-LIST__LINE-HEIGHT: 1.5rem;
+  --IDS-PAGE-LIST__FONT-WEIGHT: 700;
+  --IDS-PAGE-LIST__LETTER-SPACING: -0.025rem;
+  --IDS-BULLET-LIST__MARKER-COLOR: var(--ids-color-brand-text-primary);
+  --IDS-BULLET-LIST__MARKER-FONT-WEIGHT: bold;
+  --IDS-BULLET-LIST__LINE-HEIGHT: 1.5rem;
+  --IDS-DIVIDER__COLOR: var(--ids-color-surface-border-default);
+}
+.ids--light.ids--1177-pro, .ids--light.ids--1177-admin, .ids--dark.ids--1177-pro, .ids--dark.ids--1177-admin {
+  --IDS-PAGE-LIST__COLOR: var(--ids-color-interactive-text-default);
+}
+.ids--light.ids--inera, .ids--light.ids--inera-admin, .ids--dark.ids--inera, .ids--dark.ids--inera-admin {
+  --IDS-FONT-FAMILY-BASE: "Open Sans";
+  --IDS-FONT-FAMILY-HEADING: "Poppins";
+  --IDS-HEADING-XXL__MARGIN-BOTTOM: 1.25rem;
+  --IDS-HEADING-XL__MARGIN-BOTTOM: 1.25rem;
+  --IDS-HEADING-L__MARGIN-BOTTOM: 1.25rem;
+  --IDS-PAGE-LIST__FONT-WEIGHT: 600;
+  --IDS-PAGE-LIST__LETTER-SPACING: 0;
+  --IDS-BULLET-LIST__MARKER-FONT-WEIGHT: normal;
+  --IDS-BULLET-LIST__LINE-HEIGHT: 1.625rem;
+  --IDS-DESCRIPTION-LIST__TERM-FONT-WEIGHT: 600;
+}
+.ids--light.ids--dark, .ids--dark.ids--dark {
+  --IDS-PAGE-LIST__COLOR: var(--ids-color-navigation-text-default);
+}
+.ids--light.ids--dark.ids--1177-pro, .ids--light.ids--dark.ids--1177-admin, .ids--light.ids--dark.ids--inera, .ids--light.ids--dark.ids--inera-admin, .ids--dark.ids--dark.ids--1177-pro, .ids--dark.ids--dark.ids--1177-admin, .ids--dark.ids--dark.ids--inera, .ids--dark.ids--dark.ids--inera-admin {
+  --IDS-PAGE-LIST__COLOR: var(--ids-color-interactive-text-default);
+}
+
+@media (max-width: 639px) {
+  .ids-desktop {
+    display: none !important;
+  }
+}
+
+@media (min-width: 1024px) {
+  .ids-mobile {
+    display: none !important;
+  }
+}
+
+.ids-step ::slotted([slot=headline]) {
+  margin: 0 !important;
+  word-break: break-word;
+  font-style: normal;
+  color: var(--IDS-STEP__HEADLINE-COLOR);
+  font-family: var(--ids-font-family-heading);
+  font-size: var(--ids-font-size-heading-m);
+  line-height: var(--ids-font-line-height-heading-m);
+  letter-spacing: var(--ids-font-letter-spacing-heading-m);
+  font-weight: var(--ids-font-weight-heading-m);
+}

package/components/stepper/stepper.css

@@ -1,4 +1,4 @@
-@media (max-width: 1023px) {
+@media (max-width: 639px) {
   .ids-desktop {
     display: none !important;
   }
@@ -66,7 +66,6 @@
 }
 
 .ids-step {
-  margin-bottom: 1rem;
   position: relative;
   border-bottom: var(--IDS-STEP__BORDER-THICKNESS) solid var(--IDS-STEP__BORDER-COLOR);
   display: flex;
@@ -75,6 +74,7 @@
 .ids-step .ids-step__label {
   font-size: 1rem;
   color: var(--IDS-STEP__LABEL-COLOR);
+  font-family: var(--IDS-FONT-FAMILY-BASE);
 }
 .ids-step .ids-step__button {
   padding: var(--IDS-STEP__BUTTON-PADDING-MOBILE);
@@ -99,10 +99,7 @@
   color: var(--IDS-STEP--DISABLED__LABEL-COLOR);
 }
 .ids-step .ids-step__button.ids-step__button--disabled .ids-step__headline,
-.ids-step .ids-step__button.ids-step__button--disabled .ids-step__headline h1,
-.ids-step .ids-step__button.ids-step__button--disabled .ids-step__headline h2,
-.ids-step .ids-step__button.ids-step__button--disabled .ids-step__headline h3,
-.ids-step .ids-step__button.ids-step__button--disabled .ids-step__headline h4 {
+.ids-step .ids-step__button.ids-step__button--disabled .ids-step__headline *:is(h1, h2, h3, h4, h5, h6) {
   font-style: italic !important;
   font-style: normal;
   color: var(--IDS-STEP--DISABLED__HEADLINE-COLOR);
@@ -124,7 +121,7 @@
 .ids-step .ids-step__button-text {
   display: flex;
   justify-content: space-between;
-  align-items: flex-start;
+  align-items: center;
   gap: 0.5rem;
   width: calc(100% - 3.75rem);
   min-height: 2.625rem;
@@ -168,7 +165,6 @@
   font-family: "Inera-Design-Icons" !important;
   display: block;
   position: absolute;
-  pointer-events: none;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   content: "\e93a";
@@ -184,7 +180,6 @@
   font-family: "Inera-Design-Icons" !important;
   display: block;
   position: absolute;
-  pointer-events: none;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   content: "\e91d";
@@ -196,11 +191,7 @@
   align-self: flex-start;
 }
 .ids-step .ids-step__headline,
-.ids-step .ids-step__headline h1,
-.ids-step .ids-step__headline h2,
-.ids-step .ids-step__headline h3,
-.ids-step .ids-step__headline h4,
-.ids-step ::slotted([slot=headline]) {
+.ids-step .ids-step__headline *:is(h1, h2, h3, h4, h5, h6) {
   margin: 0 !important;
   word-break: break-word;
   font-style: normal;
@@ -222,14 +213,13 @@
   font-family: "Inera-Design-Icons" !important;
   display: block;
   position: absolute;
-  pointer-events: none;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   content: "\e936";
   font-size: 1.25rem;
-  top: 0.625rem;
+  top: 50%;
   left: 50%;
-  transform: translateX(-50%);
+  transform: translate(-50%, -50%);
   color: var(--IDS-STEP__CHEVRON-COLOR);
 }
 .ids-step .ids-step__chevron.ids-step__chevron--expanded:before {
@@ -237,16 +227,14 @@
 }
 .ids-step .ids-step__content {
   padding: var(--IDS-STEP__CONTENT-PADDING-MOBILE);
+  font-family: var(--IDS-FONT-FAMILY-BASE);
   display: none;
   color: var(--IDS-FONT-COLOR);
 }
 .ids-step .ids-step__content.ids-step__content--expanded {
   display: block;
 }
-@media only screen and (min-width: 1024px) {
-  .ids-step {
-    margin-bottom: 1.25rem;
-  }
+@media (min-width: 1024px) {
   .ids-step::after {
     height: 1.25rem;
     bottom: -1.3125rem;

package/components/table/table.css

@@ -9,7 +9,7 @@
   border-spacing: 0;
   overflow: hidden;
 }
-.ids-table th {
+.ids-table thead th {
   background-color: var(--IDS-TABLE__HEAD-BACKGROUND-COLOR);
   text-align: start;
   border-bottom: var(--IDS-TABLE__HEAD-BORDER-BOTTOM);
@@ -18,19 +18,25 @@
 .ids-table td {
   padding: 0.75rem 1.25rem;
 }
-.ids-table td,
-.ids-table th {
+.ids-table th,
+.ids-table td {
   border-left: var(--IDS-TABLE__CELL-BORDER);
   border-top: var(--IDS-TABLE__CELL-BORDER);
   color: var(--IDS-TABLE__CELL-COLOR);
 }
-.ids-table tr:first-child th {
+.ids-table thead tr:first-child th {
   border-top: 0;
 }
+.ids-table tbody tr:first-child th,
 .ids-table tbody tr:first-child td {
   border-top: var(--IDS-TABLE__FIRST-ROW-CELL-BORDER-TOP);
 }
-.ids-table tr td:first-child,
-.ids-table tr th:first-child {
+.ids-table tbody tr td:first-child,
+.ids-table thead tr th:first-child {
   border-left: 0;
+}
+.ids-table tbody tr th {
+  border-bottom: 0;
+  text-align: left;
+  background-color: var(--IDS-TABLE__HEAD-BACKGROUND-COLOR);
 }

package/components/tabs/tab-panel-shadow-lit.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("lit").CSSResult;
+export default _default;

package/components/tabs/tab-panel-shadow-lit.js

@@ -0,0 +1,7 @@
+import { css, unsafeCSS } from 'lit';
+
+var css_248z = ":host([selected=true]) .ids-tab-panel{display:block}";
+
+var tabPanelShadowLit = css`${unsafeCSS(css_248z)}`;
+
+export { tabPanelShadowLit as default };

package/components/tabs/tab-panel-shadow.css

@@ -0,0 +1,3 @@
+:host([selected=true]) .ids-tab-panel {
+  display: block;
+}

package/components/tabs/tab-shadow-lit.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("lit").CSSResult;
+export default _default;

package/components/tabs/tab-shadow-lit.js

@@ -0,0 +1,7 @@
+import { css, unsafeCSS } from 'lit';
+
+var css_248z = ":host(.ids-tab){border-radius:var(--IDS-TAB__BORDER-RADIUS)}:host(.ids-tab:focus-visible),:host(.ids-tab:not([selected]):focus-visible){outline:var(--IDS-FOCUS__OUTLINE);outline-offset:0;z-index:10}.ids-tab ::slotted([slot=icon]){align-self:center!important;color:var(--IDS-TAB-ICON__COLOR);display:flex!important;font-size:1.25rem!important;margin-right:.5rem}";
+
+var tabShadowLit = css`${unsafeCSS(css_248z)}`;
+
+export { tabShadowLit as default };

package/components/tabs/tab-shadow.css

@@ -0,0 +1,33 @@
+/*******
+* ICONS
+********/
+/*******
+* BUTTONS
+********/
+/*******
+* SCROLLBAR
+********/
+/*******
+* FORM
+********/
+/*******
+* A11Y
+********/
+:host(.ids-tab) {
+  border-radius: var(--IDS-TAB__BORDER-RADIUS);
+}
+
+:host(.ids-tab:not([selected]):focus-visible),
+:host(.ids-tab:focus-visible) {
+  outline: var(--IDS-FOCUS__OUTLINE);
+  outline-offset: 0;
+  z-index: 10;
+}
+
+.ids-tab ::slotted([slot=icon]) {
+  display: flex !important;
+  align-self: center !important;
+  font-size: 1.25rem !important;
+  color: var(--IDS-TAB-ICON__COLOR);
+  margin-right: 0.5rem;
+}

package/components/tabs/tabs-lit.js

@@ -1,9 +1,9 @@
 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-tabs__select--light select{background-color:var(--IDS-TABS--LIGHT__BACKGROUND)}.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}";
+var css_248z$1 = "@media (max-width:639px){.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-tabs__select--light select{background-color:var(--IDS-TABS--LIGHT__BACKGROUND)}.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__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);color:var(--IDS-FORM__COLOR);display:block;font-family:var(--IDS-FONT-FAMILY-BASE)!important;font-size:1rem;padding:var(--IDS-INPUT__PADDING)}.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{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{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.ids-input--light.ids-input--invalid,.ids-select__select.ids-input--light[aria-invalid=true]{background-color:var(--IDS-FORM--INVALID__BACKGROUND-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)}.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)}.ids-select__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__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{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;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);color:var(--IDS-FORM__COLOR);display:block;font-family:var(--IDS-FONT-FAMILY-BASE)!important;font-size:1rem;padding:var(--IDS-INPUT__PADDING)}.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;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)} ${unsafeCSS(css_248z$1)}`;
+var tabsLit = css`${unsafeCSS(css_248z$1)} ${unsafeCSS(css_248z)}`;
 
 export { tabsLit as default };