@inera/ids-design 9.0.0 → 9.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (12) hide show
  1. package/components/accordion/accordion-lit.js +1 -1
  2. package/components/accordion/accordion.css +1 -0
  3. package/components/form/datepicker/datepicker-lit.js +1 -1
  4. package/components/form/datepicker/datepicker.css +2 -0
  5. package/components/form/select-multiple/select-multiple-lit.js +1 -1
  6. package/components/form/select-multiple/select-multiple.css +2 -0
  7. package/components/header-patient/header-patient-lit.js +1 -1
  8. package/components/header-patient/header-patient.css +1 -1
  9. package/components/tabs/tabs-lit.js +1 -1
  10. package/global/global.css +20 -6
  11. package/package.json +1 -1
  12. package/styles.css +20 -6
package/components/accordion/accordion-lit.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { css, unsafeCSS } from 'lit';
2
2
 
3
- 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-accordion{border-bottom:var(--IDS-ACCORDION__BORDER-BOTTOM);display:block}.ids-accordion .ids-accordion__headline{position:relative}.ids-accordion .ids-accordion__headline:before{color:var(--IDS-ACCORDION__HEADLINE-COLOR)}.ids-accordion .ids-accordion__headline.ids-accordion__headline-1:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:\"\\e936\";display:block;font:icon;font-family:Inera-Design-Icons!important;left:0;position:absolute;top:50%;transform:translateY(-50%)}.ids-accordion .ids-accordion__headline.ids-accordion__headline-1.ids-accordion__headline--expanded:before{content:\"\\e939\"}.ids-accordion .ids-accordion__headline.ids-accordion__headline-1.ids-accordion__headline--s{padding-left:2rem}.ids-accordion .ids-accordion__headline.ids-accordion__headline-1.ids-accordion__headline--s:before{content:\"\\e936\";font-size:1rem!important}.ids-accordion .ids-accordion__headline.ids-accordion__headline-1.ids-accordion__headline--s.ids-accordion__headline--expanded:before{content:\"\\e939\"}.ids-accordion .ids-accordion__headline.ids-accordion__headline-1.ids-accordion__headline--s h1,.ids-accordion .ids-accordion__headline.ids-accordion__headline-1.ids-accordion__headline--s h2,.ids-accordion .ids-accordion__headline.ids-accordion__headline-1.ids-accordion__headline--s h3,.ids-accordion .ids-accordion__headline.ids-accordion__headline-1.ids-accordion__headline--s h4{color:var(--IDS-ACCORDION__HEADLINE-COLOR);font-family:var(--ids-font-family-heading);font-size:var(--ids-font-size-heading-s);font-style:normal;font-weight:var(--ids-font-weight-heading-s);letter-spacing:var(--ids-font-letter-spacing-heading-s);line-height:var(--ids-font-line-height-heading-s)}.ids-accordion .ids-accordion__headline.ids-accordion__headline-1.ids-accordion__headline--xs{padding-left:2rem}.ids-accordion .ids-accordion__headline.ids-accordion__headline-1.ids-accordion__headline--xs:before{content:\"\\e936\";font-size:1rem!important}.ids-accordion .ids-accordion__headline.ids-accordion__headline-1.ids-accordion__headline--xs.ids-accordion__headline--expanded:before{content:\"\\e939\"}.ids-accordion .ids-accordion__headline.ids-accordion__headline-1.ids-accordion__headline--xs h1,.ids-accordion .ids-accordion__headline.ids-accordion__headline-1.ids-accordion__headline--xs h2,.ids-accordion .ids-accordion__headline.ids-accordion__headline-1.ids-accordion__headline--xs h3,.ids-accordion .ids-accordion__headline.ids-accordion__headline-1.ids-accordion__headline--xs h4{color:var(--IDS-ACCORDION__HEADLINE-COLOR);font-family:var(--ids-font-family-heading);font-size:var(--ids-font-size-heading-xs);font-style:normal;font-weight:var(--ids-font-weight-heading-xs);letter-spacing:var(--ids-font-letter-spacing-heading-xs);line-height:var(--ids-font-line-height-heading-xs)}.ids-accordion .ids-accordion__headline.ids-accordion__headline-2:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:\"\\e918\";display:block;font:icon;font-family:Inera-Design-Icons!important;left:0;position:absolute;top:50%;transform:translateY(-50%)}.ids-accordion .ids-accordion__headline.ids-accordion__headline-2.ids-accordion__headline--expanded:before{content:\"\\e917\"}.ids-accordion .ids-accordion__headline.ids-accordion__headline-2.ids-accordion__headline--s{padding-left:2rem}.ids-accordion .ids-accordion__headline.ids-accordion__headline-2.ids-accordion__headline--s:before{content:\"\\e92c\";font-size:1rem!important}.ids-accordion .ids-accordion__headline.ids-accordion__headline-2.ids-accordion__headline--s.ids-accordion__headline--expanded:before{content:\"\\e92b\"}.ids-accordion .ids-accordion__headline.ids-accordion__headline-2.ids-accordion__headline--s h1,.ids-accordion .ids-accordion__headline.ids-accordion__headline-2.ids-accordion__headline--s h2,.ids-accordion .ids-accordion__headline.ids-accordion__headline-2.ids-accordion__headline--s h3,.ids-accordion .ids-accordion__headline.ids-accordion__headline-2.ids-accordion__headline--s h4{color:var(--IDS-ACCORDION__HEADLINE-COLOR);font-family:var(--ids-font-family-heading);font-size:var(--ids-font-size-heading-s);font-style:normal;font-weight:var(--ids-font-weight-heading-s);letter-spacing:var(--ids-font-letter-spacing-heading-s);line-height:var(--ids-font-line-height-heading-s)}.ids-accordion .ids-accordion__headline.ids-accordion__headline-2.ids-accordion__headline--xs{padding-left:2rem}.ids-accordion .ids-accordion__headline.ids-accordion__headline-2.ids-accordion__headline--xs:before{content:\"\\e92c\";font-size:1rem!important}.ids-accordion .ids-accordion__headline.ids-accordion__headline-2.ids-accordion__headline--xs.ids-accordion__headline--expanded:before{content:\"\\e92b\"}.ids-accordion .ids-accordion__headline.ids-accordion__headline-2.ids-accordion__headline--xs h1,.ids-accordion .ids-accordion__headline.ids-accordion__headline-2.ids-accordion__headline--xs h2,.ids-accordion .ids-accordion__headline.ids-accordion__headline-2.ids-accordion__headline--xs h3,.ids-accordion .ids-accordion__headline.ids-accordion__headline-2.ids-accordion__headline--xs h4{color:var(--IDS-ACCORDION__HEADLINE-COLOR);font-family:var(--ids-font-family-heading);font-size:var(--ids-font-size-heading-xs);font-style:normal;font-weight:var(--ids-font-weight-heading-xs);letter-spacing:var(--ids-font-letter-spacing-heading-xs);line-height:var(--ids-font-line-height-heading-xs)}.ids-accordion .ids-accordion__headline.ids-accordion__headline--m{padding-left:2.5rem}.ids-accordion .ids-accordion__headline.ids-accordion__headline--m:before{font-size:1.25rem!important}.ids-accordion .ids-accordion__headline.ids-accordion__headline--m h1,.ids-accordion .ids-accordion__headline.ids-accordion__headline--m h2,.ids-accordion .ids-accordion__headline.ids-accordion__headline--m h3,.ids-accordion .ids-accordion__headline.ids-accordion__headline--m h4{color:var(--IDS-ACCORDION__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)}.ids-accordion .ids-accordion__button{background:none;color:inherit;font:inherit;outline:inherit;padding:0}.ids-accordion .ids-accordion__button:focus-visible{outline:.125rem solid var(--IDS-FOCUS__OUTLINE-COLOR);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)!important}.ids-accordion .ids-accordion__button{align-items:center;border:none;border-radius:.0625rem;cursor:pointer;display:flex;flex-wrap:wrap;gap:1.25rem;margin:1rem 0;text-align:start;width:100%}.ids-accordion .ids-accordion__button.ids-accordion__button--m{margin:1rem 0}.ids-accordion .ids-accordion__button.ids-accordion__button--s{margin:1rem 0 .75rem}.ids-accordion .ids-accordion__button.ids-accordion__button--xs{margin:1rem 0 .5rem}.ids-accordion .ids-accordion__button:hover .ids-accordion__headline:before,.ids-accordion .ids-accordion__button:hover h1,.ids-accordion .ids-accordion__button:hover h2,.ids-accordion .ids-accordion__button:hover h3,.ids-accordion .ids-accordion__button:hover h4{color:var(--IDS-ACCORDION__HEADLINE-HOVER-COLOR)!important}.ids-accordion .ids-accordion__content{color:var(--IDS-ACCORDION__COLOR);display:none;font-family:var(--IDS-FONT-FAMILY-BASE);margin-bottom:1rem}.ids-accordion.ids-accordion--expanded>.ids-accordion__content{display:block}.ids-accordion.ids-accordion--expanded.ids-accordion--has-children,.ids-accordion.ids-accordion--no-border{border-bottom:none}.ids-accordion.ids-accordion--lean>.ids-accordion__button{margin:.5rem 0}";
3
+ 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-accordion{border-bottom:var(--IDS-ACCORDION__BORDER-BOTTOM);display:block}.ids-accordion .ids-accordion__headline{position:relative;width:100%}.ids-accordion .ids-accordion__headline:before{color:var(--IDS-ACCORDION__HEADLINE-COLOR)}.ids-accordion .ids-accordion__headline.ids-accordion__headline-1:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:\"\\e936\";display:block;font:icon;font-family:Inera-Design-Icons!important;left:0;position:absolute;top:50%;transform:translateY(-50%)}.ids-accordion .ids-accordion__headline.ids-accordion__headline-1.ids-accordion__headline--expanded:before{content:\"\\e939\"}.ids-accordion .ids-accordion__headline.ids-accordion__headline-1.ids-accordion__headline--s{padding-left:2rem}.ids-accordion .ids-accordion__headline.ids-accordion__headline-1.ids-accordion__headline--s:before{content:\"\\e936\";font-size:1rem!important}.ids-accordion .ids-accordion__headline.ids-accordion__headline-1.ids-accordion__headline--s.ids-accordion__headline--expanded:before{content:\"\\e939\"}.ids-accordion .ids-accordion__headline.ids-accordion__headline-1.ids-accordion__headline--s h1,.ids-accordion .ids-accordion__headline.ids-accordion__headline-1.ids-accordion__headline--s h2,.ids-accordion .ids-accordion__headline.ids-accordion__headline-1.ids-accordion__headline--s h3,.ids-accordion .ids-accordion__headline.ids-accordion__headline-1.ids-accordion__headline--s h4{color:var(--IDS-ACCORDION__HEADLINE-COLOR);font-family:var(--ids-font-family-heading);font-size:var(--ids-font-size-heading-s);font-style:normal;font-weight:var(--ids-font-weight-heading-s);letter-spacing:var(--ids-font-letter-spacing-heading-s);line-height:var(--ids-font-line-height-heading-s)}.ids-accordion .ids-accordion__headline.ids-accordion__headline-1.ids-accordion__headline--xs{padding-left:2rem}.ids-accordion .ids-accordion__headline.ids-accordion__headline-1.ids-accordion__headline--xs:before{content:\"\\e936\";font-size:1rem!important}.ids-accordion .ids-accordion__headline.ids-accordion__headline-1.ids-accordion__headline--xs.ids-accordion__headline--expanded:before{content:\"\\e939\"}.ids-accordion .ids-accordion__headline.ids-accordion__headline-1.ids-accordion__headline--xs h1,.ids-accordion .ids-accordion__headline.ids-accordion__headline-1.ids-accordion__headline--xs h2,.ids-accordion .ids-accordion__headline.ids-accordion__headline-1.ids-accordion__headline--xs h3,.ids-accordion .ids-accordion__headline.ids-accordion__headline-1.ids-accordion__headline--xs h4{color:var(--IDS-ACCORDION__HEADLINE-COLOR);font-family:var(--ids-font-family-heading);font-size:var(--ids-font-size-heading-xs);font-style:normal;font-weight:var(--ids-font-weight-heading-xs);letter-spacing:var(--ids-font-letter-spacing-heading-xs);line-height:var(--ids-font-line-height-heading-xs)}.ids-accordion .ids-accordion__headline.ids-accordion__headline-2:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:\"\\e918\";display:block;font:icon;font-family:Inera-Design-Icons!important;left:0;position:absolute;top:50%;transform:translateY(-50%)}.ids-accordion .ids-accordion__headline.ids-accordion__headline-2.ids-accordion__headline--expanded:before{content:\"\\e917\"}.ids-accordion .ids-accordion__headline.ids-accordion__headline-2.ids-accordion__headline--s{padding-left:2rem}.ids-accordion .ids-accordion__headline.ids-accordion__headline-2.ids-accordion__headline--s:before{content:\"\\e92c\";font-size:1rem!important}.ids-accordion .ids-accordion__headline.ids-accordion__headline-2.ids-accordion__headline--s.ids-accordion__headline--expanded:before{content:\"\\e92b\"}.ids-accordion .ids-accordion__headline.ids-accordion__headline-2.ids-accordion__headline--s h1,.ids-accordion .ids-accordion__headline.ids-accordion__headline-2.ids-accordion__headline--s h2,.ids-accordion .ids-accordion__headline.ids-accordion__headline-2.ids-accordion__headline--s h3,.ids-accordion .ids-accordion__headline.ids-accordion__headline-2.ids-accordion__headline--s h4{color:var(--IDS-ACCORDION__HEADLINE-COLOR);font-family:var(--ids-font-family-heading);font-size:var(--ids-font-size-heading-s);font-style:normal;font-weight:var(--ids-font-weight-heading-s);letter-spacing:var(--ids-font-letter-spacing-heading-s);line-height:var(--ids-font-line-height-heading-s)}.ids-accordion .ids-accordion__headline.ids-accordion__headline-2.ids-accordion__headline--xs{padding-left:2rem}.ids-accordion .ids-accordion__headline.ids-accordion__headline-2.ids-accordion__headline--xs:before{content:\"\\e92c\";font-size:1rem!important}.ids-accordion .ids-accordion__headline.ids-accordion__headline-2.ids-accordion__headline--xs.ids-accordion__headline--expanded:before{content:\"\\e92b\"}.ids-accordion .ids-accordion__headline.ids-accordion__headline-2.ids-accordion__headline--xs h1,.ids-accordion .ids-accordion__headline.ids-accordion__headline-2.ids-accordion__headline--xs h2,.ids-accordion .ids-accordion__headline.ids-accordion__headline-2.ids-accordion__headline--xs h3,.ids-accordion .ids-accordion__headline.ids-accordion__headline-2.ids-accordion__headline--xs h4{color:var(--IDS-ACCORDION__HEADLINE-COLOR);font-family:var(--ids-font-family-heading);font-size:var(--ids-font-size-heading-xs);font-style:normal;font-weight:var(--ids-font-weight-heading-xs);letter-spacing:var(--ids-font-letter-spacing-heading-xs);line-height:var(--ids-font-line-height-heading-xs)}.ids-accordion .ids-accordion__headline.ids-accordion__headline--m{padding-left:2.5rem}.ids-accordion .ids-accordion__headline.ids-accordion__headline--m:before{font-size:1.25rem!important}.ids-accordion .ids-accordion__headline.ids-accordion__headline--m h1,.ids-accordion .ids-accordion__headline.ids-accordion__headline--m h2,.ids-accordion .ids-accordion__headline.ids-accordion__headline--m h3,.ids-accordion .ids-accordion__headline.ids-accordion__headline--m h4{color:var(--IDS-ACCORDION__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)}.ids-accordion .ids-accordion__button{background:none;color:inherit;font:inherit;outline:inherit;padding:0}.ids-accordion .ids-accordion__button:focus-visible{outline:.125rem solid var(--IDS-FOCUS__OUTLINE-COLOR);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)!important}.ids-accordion .ids-accordion__button{align-items:center;border:none;border-radius:.0625rem;cursor:pointer;display:flex;flex-wrap:wrap;gap:1.25rem;margin:1rem 0;text-align:start;width:100%}.ids-accordion .ids-accordion__button.ids-accordion__button--m{margin:1rem 0}.ids-accordion .ids-accordion__button.ids-accordion__button--s{margin:1rem 0 .75rem}.ids-accordion .ids-accordion__button.ids-accordion__button--xs{margin:1rem 0 .5rem}.ids-accordion .ids-accordion__button:hover .ids-accordion__headline:before,.ids-accordion .ids-accordion__button:hover h1,.ids-accordion .ids-accordion__button:hover h2,.ids-accordion .ids-accordion__button:hover h3,.ids-accordion .ids-accordion__button:hover h4{color:var(--IDS-ACCORDION__HEADLINE-HOVER-COLOR)!important}.ids-accordion .ids-accordion__content{color:var(--IDS-ACCORDION__COLOR);display:none;font-family:var(--IDS-FONT-FAMILY-BASE);margin-bottom:1rem}.ids-accordion.ids-accordion--expanded>.ids-accordion__content{display:block}.ids-accordion.ids-accordion--expanded.ids-accordion--has-children,.ids-accordion.ids-accordion--no-border{border-bottom:none}.ids-accordion.ids-accordion--lean>.ids-accordion__button{margin:.5rem 0}";
4
4
 
5
5
  var accordionLit = css`
6
6
  ${unsafeCSS(css_248z)}
package/components/accordion/accordion.css CHANGED
@@ -71,6 +71,7 @@
71
71
  }
72
72
  .ids-accordion .ids-accordion__headline {
73
73
  position: relative;
74
+ width: 100%;
74
75
  }
75
76
  .ids-accordion .ids-accordion__headline:before {
76
77
  color: var(--IDS-ACCORDION__HEADLINE-COLOR);
package/components/form/datepicker/datepicker-lit.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { css, unsafeCSS } from 'lit';
2
2
 
3
- var css_248z = "@media (max-width: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-datepicker .ids-datepicker__input-wrapper{position:relative}.ids-datepicker .ids-datepicker__input{background-color:var(--IDS-INPUT__BACKGROUND-COLOR);border:var(--IDS-INPUT__BORDER-THICKNESS) solid var(--IDS-INPUT__BORDER-COLOR);border-radius:var(--IDS-BORDER-RADIUS);color:var(--IDS-FORM__COLOR);display:block;font-family:var(--IDS-FONT-FAMILY-BASE)!important;font-size:1rem;padding:var(--IDS-INPUT__PADDING)}.ids-datepicker .ids-datepicker__input::placeholder{color:var(--IDS-FORM__COLOR)}.ids-datepicker .ids-datepicker__input:hover{background-color:var(--IDS-INPUT__HOVER-BACKGROUND-COLOR)}.ids-datepicker .ids-datepicker__input:active{background-color:var(--IDS-INPUT__ACTIVE-BACKGROUND-COLOR);border-color:var(--IDS-INPUT__ACTIVE-BORDER-COLOR)}.ids-datepicker .ids-datepicker__input:focus-visible,.ids-datepicker .ids-datepicker__input:focus-visible:hover{background-color:var(--IDS-INPUT__BACKGROUND-COLOR);border-color:var(--IDS-INPUT__FOCUS-BORDER-COLOR)}.ids-datepicker .ids-datepicker__input:disabled,.ids-datepicker .ids-datepicker__input[readonly],.ids-datepicker .ids-datepicker__input[readonly]:focus-visible,.ids-datepicker .ids-datepicker__input[readonly]:focus-visible:hover{-webkit-text-fill-color:inherit;background:var(--IDS-FORM--DISABLED__BACKGROUND-COLOR);border:var(--IDS-FORM--DISABLED__BORDER);color:var(--IDS-FORM--DISABLED__COLOR);font-style:italic!important;opacity:1}.ids-datepicker .ids-datepicker__input:disabled::placeholder,.ids-datepicker .ids-datepicker__input[readonly]::placeholder,.ids-datepicker .ids-datepicker__input[readonly]:focus-visible::placeholder,.ids-datepicker .ids-datepicker__input[readonly]:focus-visible:hover::placeholder{color:var(--IDS-FORM--DISABLED__COLOR)}.ids-datepicker .ids-datepicker__input.ids-input--invalid,.ids-datepicker .ids-datepicker__input[aria-invalid=true]{background:var(--IDS-FORM--INVALID__BACKGROUND-COLOR)!important;border:var(--IDS-FORM--INVALID__BORDER);box-shadow:var(--IDS-FORM--INVALID-BOX-SHADOW)}.ids-datepicker .ids-datepicker__input.ids-input--light{background-color:var(--IDS-INPUT--LIGHT__BACKGROUND-COLOR)}.ids-datepicker .ids-datepicker__input.ids-input--light:hover{background-color:var(--IDS-INPUT--LIGHT__HOVER-BACKGROUND-COLOR)}.ids-datepicker .ids-datepicker__input.ids-input--light:active{background-color:var(--IDS-INPUT--LIGHT__ACTIVE-BACKGROUND-COLOR);border-color:var(--IDS-INPUT__ACTIVE-BORDER-COLOR)}.ids-datepicker .ids-datepicker__input.ids-input--light:focus-visible,.ids-datepicker .ids-datepicker__input.ids-input--light:focus-visible:hover{background-color:var(--IDS-INPUT--LIGHT__BACKGROUND-COLOR)}.ids-datepicker .ids-datepicker__input.ids-input--light:disabled,.ids-datepicker .ids-datepicker__input.ids-input--light[readonly],.ids-datepicker .ids-datepicker__input.ids-input--light[readonly]:focus-visible,.ids-datepicker .ids-datepicker__input.ids-input--light[readonly]:focus-visible:hover{-webkit-text-fill-color:inherit;background:var(--IDS-FORM--DISABLED__BACKGROUND-COLOR);border:var(--IDS-FORM--DISABLED__BORDER);color:var(--IDS-FORM--DISABLED__COLOR);font-style:italic!important;opacity:1}.ids-datepicker .ids-datepicker__input.ids-input--light:disabled::placeholder,.ids-datepicker .ids-datepicker__input.ids-input--light[readonly]::placeholder,.ids-datepicker .ids-datepicker__input.ids-input--light[readonly]:focus-visible::placeholder,.ids-datepicker .ids-datepicker__input.ids-input--light[readonly]:focus-visible:hover::placeholder{color:var(--IDS-FORM--DISABLED__COLOR)}.ids-datepicker .ids-datepicker__input.ids-input--light.ids-input--invalid,.ids-datepicker .ids-datepicker__input.ids-input--light[aria-invalid=true]{background:var(--IDS-FORM--INVALID__BACKGROUND-COLOR)!important;border:var(--IDS-FORM--INVALID__BORDER);box-shadow:var(--IDS-FORM--INVALID-BOX-SHADOW)}.ids-datepicker .ids-datepicker__input:focus-visible{outline:.125rem solid var(--IDS-FOCUS__OUTLINE-COLOR);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)!important}.ids-datepicker .ids-datepicker__input{height:var(--IDS-INPUT__HEIGHT);padding-right:4.25rem;width:100%!important}.ids-datepicker.ids-datepicker--invalid .ids-datepicker__input{background:var(--IDS-FORM--INVALID__BACKGROUND-COLOR)!important;border:var(--IDS-FORM--INVALID__BORDER);box-shadow:var(--IDS-FORM--INVALID-BOX-SHADOW)}.ids-datepicker .ids-datepicker__trigger{background-color:var(--IDS-DATEPICKER__DATE-BUTTON-BACKGROUND-COLOR);border:.125rem solid transparent;color:var(--IDS-DATEPICKER__BUTTON-COLOR);font-family:var(--IDS-FONT-FAMILY-BASE)}.ids-datepicker .ids-datepicker__trigger:hover{background-color:var(--IDS-DATEPICKER__BUTTON-HOVER-BACKGROUND-COLOR);border:.125rem solid var(--IDS-DATEPICKER__BUTTON-HOVER-BORDER-COLOR)}.ids-datepicker .ids-datepicker__trigger:hover,.ids-datepicker .ids-datepicker__trigger:hover:before{color:var(--IDS-DATEPICKER__BUTTON-HOVER-COLOR)!important}.ids-datepicker .ids-datepicker__trigger:active,.ids-datepicker .ids-datepicker__trigger:active:hover{background-color:var(--IDS-DATEPICKER__BUTTON-ACTIVE-BACKGROUND-COLOR);border:.125rem solid var(--IDS-DATEPICKER__BUTTON-ACTIVE-BORDER-COLOR);color:var(--IDS-DATEPICKER__BUTTON-ACTIVE-COLOR)!important}.ids-datepicker .ids-datepicker__trigger:active:before,.ids-datepicker .ids-datepicker__trigger:active:hover:before{color:var(--IDS-DATEPICKER__BUTTON-ACTIVE-COLOR)!important}.ids-datepicker .ids-datepicker__trigger:disabled,.ids-datepicker .ids-datepicker__trigger[aria-disabled=true],.ids-datepicker .ids-datepicker__trigger[disabled]{background-color:var(--IDS-DATEPICKER__BUTTON-DISABLED-BACKGROUND-COLOR)!important;border-color:transparent;color:var(--IDS-DATEPICKER__BUTTON-DISABLED-COLOR)!important;font-weight:400;pointer-events:none}.ids-datepicker .ids-datepicker__trigger:disabled:before,.ids-datepicker .ids-datepicker__trigger[aria-disabled=true]:before,.ids-datepicker .ids-datepicker__trigger[disabled]:before{color:var(--IDS-DATEPICKER__BUTTON-DISABLED-COLOR)!important}.ids-datepicker .ids-datepicker__trigger{background-color:var(--IDS-DATEPICKER__TRIGGER-BUTTON-BACKGROUND-COLOR);border-bottom-right-radius:var(--IDS-DATEPICKER__TRIGGER-BUTTON-BORDER-RADIUS);border-top-right-radius:var(--IDS-DATEPICKER__TRIGGER-BUTTON-BORDER-RADIUS);cursor:pointer;height:var(--IDS-INPUT__HEIGHT);position:absolute;right:0;top:0;width:3.25rem}.ids-datepicker .ids-datepicker__trigger:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-DATEPICKER__TRIGGER-BUTTON-COLOR);content:\"\\e944\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1.25rem;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.ids-datepicker .ids-datepicker__trigger:disabled{border:.125rem solid var(--IDS-DATEPICKER__BUTTON-DISABLED-BORDER-COLOR)}.ids-datepicker .ids-datepicker__trigger:disabled:before{color:var(--IDS-DATEPICKER__BUTTON-DISABLED-COLOR)}.ids-datepicker .ids-datepicker__dialog{background-color:var(--IDS-DATEPICKER-CALENDAR__BACKGROUND-COLOR);border:.0625rem solid var(--IDS-DATEPICKER-CALENDAR__BORDER-COLOR);border-radius:var(--IDS-DATEPICKER__TRIGGER-BUTTON-BORDER-RADIUS);box-shadow:var(--IDS-BOX-SHADOW-ELEVATED-2);display:none;margin-top:.25rem;padding:1rem;position:absolute;right:0;top:var(--IDS-INPUT__HEIGHT);z-index:200}.ids-datepicker .ids-datepicker__dialog.ids-datepicker__dialog--show{display:block}.ids-datepicker .ids-datepicker__dialog-bar{align-items:center;border-bottom:.0625rem solid var(--IDS-DATEPICKER-CALENDAR__BORDER-COLOR);display:flex;justify-content:space-between;margin-bottom:.5rem;padding-bottom:.75rem}.ids-datepicker .ids-datepicker__dialog-bar .ids-datepicker__dialog-header{color:var(--IDS-DATEPICKER__MONTH-BUTTON-COLOR);font-family:var(--IDS-FONT-FAMILY-BASE);font-size:1rem;font-weight:var(--IDS-DATEPICKER__MONTH-BUTTON-FONT-WEIGHT)}.ids-datepicker .ids-datepicker__dialog-bar .ids-datepicker__dialog-header:focus,.ids-datepicker .ids-datepicker__dialog-bar .ids-datepicker__dialog-header:focus-visible{outline:none}.ids-datepicker .ids-datepicker__dialog-close-button{align-items:center;background-color:var(--IDS-DATEPICKER-CALENDAR__BACKGROUND-COLOR);border-color:transparent;border-radius:100%;cursor:pointer;display:flex;font-family:var(--IDS-FONT-FAMILY-BASE);font-size:1rem;font-weight:700;height:2.5rem;height:2.25rem;justify-content:center;line-height:1.5rem;position:absolute;right:.5rem;top:.5rem;width:2.5rem;width:2.25rem}.ids-datepicker .ids-datepicker__dialog-close-button:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-DATEPICKER__MONTH-BUTTON-CHEVRON-COLOR);content:\"\\e934\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1rem;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.ids-datepicker .rdp-dropdowns{align-items:center;display:flex;gap:.5rem;justify-content:space-between}.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-dropdowns{align-items:center;display:flex;gap:.5rem;justify-content:flex-start}.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-dropdowns .rdp-dropdown_root{cursor:pointer;position:relative}.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-dropdowns .rdp-dropdown_root:first-of-type{margin-right:.5rem}.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-dropdowns select.rdp-dropdown{background-color:var(--IDS-DATEPICKER__SELECT-BACKGROUND-COLOR);border-color:transparent;border-radius:.0625rem;cursor:pointer;padding:.125rem .25rem}.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-dropdowns select.rdp-dropdown:active{border-color:transparent}.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-dropdowns select.rdp-dropdown:disabled{pointer-events:none}.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-dropdowns .ids-datepicker__month-select{width:7.25rem}.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-dropdowns .ids-datepicker__year-select{width:4.5rem}.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-dropdowns .rdp-caption_label{background-color:var(--IDS-DATEPICKER-CALENDAR__BACKGROUND-COLOR);color:var(--IDS-DATEPICKER__MONTH-BUTTON-COLOR);cursor:pointer;font-family:var(--IDS-FONT-FAMILY-BASE);font-size:1rem;font-weight:var(--IDS-DATEPICKER__MONTH-BUTTON-FONT-WEIGHT);left:.25rem;pointer-events:none;position:absolute;right:.25rem;text-transform:capitalize;top:.25rem}.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-dropdowns .rdp-caption_label:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-DATEPICKER__MONTH-BUTTON-CHEVRON-COLOR);content:\"\\e936\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1rem;position:absolute;right:.125rem;top:50%;transform:translateY(-50%)}.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-dropdowns .rdp-caption_label svg{display:none}.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-dropdowns:has(select:disabled) .rdp-dropdown_root{cursor:default}.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-dropdowns:has(select:disabled) .rdp-caption_label{color:var(--IDS-DATEPICKER__SELECT-DISABLED-COLOR)!important;pointer-events:none}.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-dropdowns:has(select:disabled) .rdp-caption_label:before{color:var(--IDS-DATEPICKER__SELECT-DISABLED-COLOR)!important}.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons{align-items:center;display:flex;gap:.5rem;justify-content:flex-end}.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-next,.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-prev{background-color:var(--IDS-DATEPICKER__DATE-BUTTON-BACKGROUND-COLOR);border:.125rem solid transparent;color:var(--IDS-DATEPICKER__BUTTON-COLOR);cursor:pointer}.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-next:hover,.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-prev:hover{background-color:var(--IDS-DATEPICKER__BUTTON-HOVER-BACKGROUND-COLOR);border:.125rem solid var(--IDS-DATEPICKER__BUTTON-HOVER-BORDER-COLOR);color:var(--IDS-DATEPICKER__BUTTON-HOVER-COLOR)!important}.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-next:hover:before,.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-prev:hover:before{color:var(--IDS-DATEPICKER__BUTTON-HOVER-COLOR)!important}.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-next:active,.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-next:active:hover,.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-prev:active,.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-prev:active:hover{background-color:var(--IDS-DATEPICKER__BUTTON-ACTIVE-BACKGROUND-COLOR);border:.125rem solid var(--IDS-DATEPICKER__BUTTON-ACTIVE-BORDER-COLOR);color:var(--IDS-DATEPICKER__BUTTON-ACTIVE-COLOR)!important}.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-next:active:before,.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-next:active:hover:before,.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-prev:active:before,.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-prev:active:hover:before{color:var(--IDS-DATEPICKER__BUTTON-ACTIVE-COLOR)!important}.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-next:disabled,.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-next[aria-disabled=true],.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-next[disabled],.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-prev:disabled,.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-prev[aria-disabled=true],.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-prev[disabled]{background-color:var(--IDS-DATEPICKER__BUTTON-DISABLED-BACKGROUND-COLOR)!important;border-color:transparent;color:var(--IDS-DATEPICKER__BUTTON-DISABLED-COLOR)!important;font-weight:400;pointer-events:none}.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-next:disabled:before,.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-next[aria-disabled=true]:before,.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-next[disabled]:before,.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-prev:disabled:before,.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-prev[aria-disabled=true]:before,.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-prev[disabled]:before{color:var(--IDS-DATEPICKER__BUTTON-DISABLED-COLOR)!important}.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-next,.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-prev{align-items:center;border:.0625rem solid transparent;border-radius:100%;display:flex;font-family:var(--IDS-FONT-FAMILY-BASE);font-size:1rem;font-weight:700;height:2.5rem;height:2.25rem;justify-content:center;line-height:1.5rem;padding:0;position:relative;width:2.5rem;width:2.25rem}.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-next:before,.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-prev:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-DATEPICKER__MONTH-BUTTON-CHEVRON-COLOR);content:\"\\e937\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1rem;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-next:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-DATEPICKER__MONTH-BUTTON-CHEVRON-COLOR);content:\"\\e938\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1rem;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.ids-datepicker .rdp-month_grid{margin-top:.75rem}.ids-datepicker .ids-datepicker__week-number-header,.ids-datepicker .rdp-week_number{color:var(--IDS-DATEPICKER__BUTTON-DISABLED-COLOR);font-family:var(--IDS-FONT-FAMILY-BASE);font-size:.75rem;font-weight:400;padding-right:.25rem}.ids-datepicker .rdp-weekday{color:var(--IDS-DATEPICKER__MONTH-BUTTON-COLOR);font-family:var(--IDS-FONT-FAMILY-BASE);font-size:.75rem;font-weight:var(--IDS-DATEPICKER__MONTH-BUTTON-FONT-WEIGHT);text-transform:uppercase}.ids-datepicker .rdp-day .rdp-day_button{background-color:var(--IDS-DATEPICKER__DATE-BUTTON-BACKGROUND-COLOR);border:.125rem solid transparent;color:var(--IDS-DATEPICKER__BUTTON-COLOR);cursor:pointer}.ids-datepicker .rdp-day .rdp-day_button:hover{background-color:var(--IDS-DATEPICKER__BUTTON-HOVER-BACKGROUND-COLOR);border:.125rem solid var(--IDS-DATEPICKER__BUTTON-HOVER-BORDER-COLOR)}.ids-datepicker .rdp-day .rdp-day_button:hover,.ids-datepicker .rdp-day .rdp-day_button:hover:before{color:var(--IDS-DATEPICKER__BUTTON-HOVER-COLOR)!important}.ids-datepicker .rdp-day .rdp-day_button:active,.ids-datepicker .rdp-day .rdp-day_button:active:hover{background-color:var(--IDS-DATEPICKER__BUTTON-ACTIVE-BACKGROUND-COLOR);border:.125rem solid var(--IDS-DATEPICKER__BUTTON-ACTIVE-BORDER-COLOR);color:var(--IDS-DATEPICKER__BUTTON-ACTIVE-COLOR)!important}.ids-datepicker .rdp-day .rdp-day_button:active:before,.ids-datepicker .rdp-day .rdp-day_button:active:hover:before{color:var(--IDS-DATEPICKER__BUTTON-ACTIVE-COLOR)!important}.ids-datepicker .rdp-day .rdp-day_button:disabled,.ids-datepicker .rdp-day .rdp-day_button[aria-disabled=true],.ids-datepicker .rdp-day .rdp-day_button[disabled]{background-color:var(--IDS-DATEPICKER__BUTTON-DISABLED-BACKGROUND-COLOR)!important;border-color:transparent;color:var(--IDS-DATEPICKER__BUTTON-DISABLED-COLOR)!important;font-weight:400;pointer-events:none}.ids-datepicker .rdp-day .rdp-day_button:disabled:before,.ids-datepicker .rdp-day .rdp-day_button[aria-disabled=true]:before,.ids-datepicker .rdp-day .rdp-day_button[disabled]:before{color:var(--IDS-DATEPICKER__BUTTON-DISABLED-COLOR)!important}.ids-datepicker .rdp-day .rdp-day_button{align-items:center;border-radius:100%;display:flex;font-family:var(--IDS-FONT-FAMILY-BASE);font-size:1rem;font-weight:700;height:2.5rem;justify-content:center;justify-self:center;line-height:1.5rem;width:2.5rem}.ids-datepicker .rdp-day.rdp-today .rdp-day_button{border:.125rem solid var(--IDS-DATEPICKER__BUTTON-TODAY-BORDER-COLOR)}.ids-datepicker .rdp-day.rdp-today .rdp-day_button:hover{border-color:var(--IDS-DATEPICKER__BUTTON-TODAY-HOVER-BORDER-COLOR)}.ids-datepicker .rdp-day:focus-visible,.ids-datepicker .rdp-day[aria-focused=true]{border-radius:100%;outline:.125rem solid var(--IDS-FOCUS__OUTLINE-COLOR)}.ids-datepicker .rdp-day[aria-selected=true] .rdp-day_button{background-color:var(--IDS-DATEPICKER__BUTTON-SELECTED-BACKGROUND-COLOR);border:.125rem solid var(--IDS-DATEPICKER__BUTTON-SELECTED-BORDER-COLOR);color:var(--IDS-DATEPICKER__BUTTON-SELECTED-COLOR)}.ids-datepicker .rdp-day[aria-selected=true] .rdp-day_button:disabled{border-color:var(--IDS-DATEPICKER__BUTTON-DISABLED-BORDER-COLOR)!important}@media (max-width:640px){.ids-datepicker .ids-datepicker__overlay{background-color:var(--IDS-OVERLAY__BACKGROUND-COLOR);bottom:0;left:0;position:fixed;right:0;top:0;z-index:200}.ids-datepicker .ids-datepicker__dialog{border-bottom-left-radius:0;border-bottom-right-radius:0;bottom:0;left:0;min-height:21rem!important;padding-left:1rem!important;padding-right:1rem!important;position:fixed;right:0;top:auto;z-index:210}.ids-datepicker .rdp-month_grid{table-layout:fixed;width:100%}}";
3
+ var css_248z = "@media (max-width: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-datepicker .ids-datepicker__input-wrapper{position:relative}.ids-datepicker .ids-datepicker__input{background-color:var(--IDS-INPUT__BACKGROUND-COLOR);border:var(--IDS-INPUT__BORDER-THICKNESS) solid var(--IDS-INPUT__BORDER-COLOR);border-radius:var(--IDS-BORDER-RADIUS);box-sizing:border-box;color:var(--IDS-FORM__COLOR);display:block;font-family:var(--IDS-FONT-FAMILY-BASE)!important;font-size:1rem;padding:var(--IDS-INPUT__PADDING);width:100%}.ids-datepicker .ids-datepicker__input::placeholder{color:var(--IDS-FORM__COLOR)}.ids-datepicker .ids-datepicker__input:hover{background-color:var(--IDS-INPUT__HOVER-BACKGROUND-COLOR)}.ids-datepicker .ids-datepicker__input:active{background-color:var(--IDS-INPUT__ACTIVE-BACKGROUND-COLOR);border-color:var(--IDS-INPUT__ACTIVE-BORDER-COLOR)}.ids-datepicker .ids-datepicker__input:focus-visible,.ids-datepicker .ids-datepicker__input:focus-visible:hover{background-color:var(--IDS-INPUT__BACKGROUND-COLOR);border-color:var(--IDS-INPUT__FOCUS-BORDER-COLOR)}.ids-datepicker .ids-datepicker__input:disabled,.ids-datepicker .ids-datepicker__input[readonly],.ids-datepicker .ids-datepicker__input[readonly]:focus-visible,.ids-datepicker .ids-datepicker__input[readonly]:focus-visible:hover{-webkit-text-fill-color:inherit;background:var(--IDS-FORM--DISABLED__BACKGROUND-COLOR);border:var(--IDS-FORM--DISABLED__BORDER);color:var(--IDS-FORM--DISABLED__COLOR);font-style:italic!important;opacity:1}.ids-datepicker .ids-datepicker__input:disabled::placeholder,.ids-datepicker .ids-datepicker__input[readonly]::placeholder,.ids-datepicker .ids-datepicker__input[readonly]:focus-visible::placeholder,.ids-datepicker .ids-datepicker__input[readonly]:focus-visible:hover::placeholder{color:var(--IDS-FORM--DISABLED__COLOR)}.ids-datepicker .ids-datepicker__input.ids-input--invalid,.ids-datepicker .ids-datepicker__input[aria-invalid=true]{background:var(--IDS-FORM--INVALID__BACKGROUND-COLOR)!important;border:var(--IDS-FORM--INVALID__BORDER);box-shadow:var(--IDS-FORM--INVALID-BOX-SHADOW)}.ids-datepicker .ids-datepicker__input.ids-input--light{background-color:var(--IDS-INPUT--LIGHT__BACKGROUND-COLOR)}.ids-datepicker .ids-datepicker__input.ids-input--light:hover{background-color:var(--IDS-INPUT--LIGHT__HOVER-BACKGROUND-COLOR)}.ids-datepicker .ids-datepicker__input.ids-input--light:active{background-color:var(--IDS-INPUT--LIGHT__ACTIVE-BACKGROUND-COLOR);border-color:var(--IDS-INPUT__ACTIVE-BORDER-COLOR)}.ids-datepicker .ids-datepicker__input.ids-input--light:focus-visible,.ids-datepicker .ids-datepicker__input.ids-input--light:focus-visible:hover{background-color:var(--IDS-INPUT--LIGHT__BACKGROUND-COLOR)}.ids-datepicker .ids-datepicker__input.ids-input--light:disabled,.ids-datepicker .ids-datepicker__input.ids-input--light[readonly],.ids-datepicker .ids-datepicker__input.ids-input--light[readonly]:focus-visible,.ids-datepicker .ids-datepicker__input.ids-input--light[readonly]:focus-visible:hover{-webkit-text-fill-color:inherit;background:var(--IDS-FORM--DISABLED__BACKGROUND-COLOR);border:var(--IDS-FORM--DISABLED__BORDER);color:var(--IDS-FORM--DISABLED__COLOR);font-style:italic!important;opacity:1}.ids-datepicker .ids-datepicker__input.ids-input--light:disabled::placeholder,.ids-datepicker .ids-datepicker__input.ids-input--light[readonly]::placeholder,.ids-datepicker .ids-datepicker__input.ids-input--light[readonly]:focus-visible::placeholder,.ids-datepicker .ids-datepicker__input.ids-input--light[readonly]:focus-visible:hover::placeholder{color:var(--IDS-FORM--DISABLED__COLOR)}.ids-datepicker .ids-datepicker__input.ids-input--light.ids-input--invalid,.ids-datepicker .ids-datepicker__input.ids-input--light[aria-invalid=true]{background:var(--IDS-FORM--INVALID__BACKGROUND-COLOR)!important;border:var(--IDS-FORM--INVALID__BORDER);box-shadow:var(--IDS-FORM--INVALID-BOX-SHADOW)}.ids-datepicker .ids-datepicker__input:focus-visible{outline:.125rem solid var(--IDS-FOCUS__OUTLINE-COLOR);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)!important}.ids-datepicker .ids-datepicker__input{height:var(--IDS-INPUT__HEIGHT);padding-right:4.25rem;width:100%!important}.ids-datepicker.ids-datepicker--invalid .ids-datepicker__input{background:var(--IDS-FORM--INVALID__BACKGROUND-COLOR)!important;border:var(--IDS-FORM--INVALID__BORDER);box-shadow:var(--IDS-FORM--INVALID-BOX-SHADOW)}.ids-datepicker .ids-datepicker__trigger{background-color:var(--IDS-DATEPICKER__DATE-BUTTON-BACKGROUND-COLOR);border:.125rem solid transparent;color:var(--IDS-DATEPICKER__BUTTON-COLOR);font-family:var(--IDS-FONT-FAMILY-BASE)}.ids-datepicker .ids-datepicker__trigger:hover{background-color:var(--IDS-DATEPICKER__BUTTON-HOVER-BACKGROUND-COLOR);border:.125rem solid var(--IDS-DATEPICKER__BUTTON-HOVER-BORDER-COLOR)}.ids-datepicker .ids-datepicker__trigger:hover,.ids-datepicker .ids-datepicker__trigger:hover:before{color:var(--IDS-DATEPICKER__BUTTON-HOVER-COLOR)!important}.ids-datepicker .ids-datepicker__trigger:active,.ids-datepicker .ids-datepicker__trigger:active:hover{background-color:var(--IDS-DATEPICKER__BUTTON-ACTIVE-BACKGROUND-COLOR);border:.125rem solid var(--IDS-DATEPICKER__BUTTON-ACTIVE-BORDER-COLOR);color:var(--IDS-DATEPICKER__BUTTON-ACTIVE-COLOR)!important}.ids-datepicker .ids-datepicker__trigger:active:before,.ids-datepicker .ids-datepicker__trigger:active:hover:before{color:var(--IDS-DATEPICKER__BUTTON-ACTIVE-COLOR)!important}.ids-datepicker .ids-datepicker__trigger:disabled,.ids-datepicker .ids-datepicker__trigger[aria-disabled=true],.ids-datepicker .ids-datepicker__trigger[disabled]{background-color:var(--IDS-DATEPICKER__BUTTON-DISABLED-BACKGROUND-COLOR)!important;border-color:transparent;color:var(--IDS-DATEPICKER__BUTTON-DISABLED-COLOR)!important;font-weight:400;pointer-events:none}.ids-datepicker .ids-datepicker__trigger:disabled:before,.ids-datepicker .ids-datepicker__trigger[aria-disabled=true]:before,.ids-datepicker .ids-datepicker__trigger[disabled]:before{color:var(--IDS-DATEPICKER__BUTTON-DISABLED-COLOR)!important}.ids-datepicker .ids-datepicker__trigger{background-color:var(--IDS-DATEPICKER__TRIGGER-BUTTON-BACKGROUND-COLOR);border-bottom-right-radius:var(--IDS-DATEPICKER__TRIGGER-BUTTON-BORDER-RADIUS);border-top-right-radius:var(--IDS-DATEPICKER__TRIGGER-BUTTON-BORDER-RADIUS);cursor:pointer;height:var(--IDS-INPUT__HEIGHT);position:absolute;right:0;top:0;width:3.25rem}.ids-datepicker .ids-datepicker__trigger:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-DATEPICKER__TRIGGER-BUTTON-COLOR);content:\"\\e944\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1.25rem;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.ids-datepicker .ids-datepicker__trigger:disabled{border:.125rem solid var(--IDS-DATEPICKER__BUTTON-DISABLED-BORDER-COLOR)}.ids-datepicker .ids-datepicker__trigger:disabled:before{color:var(--IDS-DATEPICKER__BUTTON-DISABLED-COLOR)}.ids-datepicker .ids-datepicker__dialog{background-color:var(--IDS-DATEPICKER-CALENDAR__BACKGROUND-COLOR);border:.0625rem solid var(--IDS-DATEPICKER-CALENDAR__BORDER-COLOR);border-radius:var(--IDS-DATEPICKER__TRIGGER-BUTTON-BORDER-RADIUS);box-shadow:var(--IDS-BOX-SHADOW-ELEVATED-2);display:none;margin-top:.25rem;padding:1rem;position:absolute;right:0;top:var(--IDS-INPUT__HEIGHT);z-index:200}.ids-datepicker .ids-datepicker__dialog.ids-datepicker__dialog--show{display:block}.ids-datepicker .ids-datepicker__dialog-bar{align-items:center;border-bottom:.0625rem solid var(--IDS-DATEPICKER-CALENDAR__BORDER-COLOR);display:flex;justify-content:space-between;margin-bottom:.5rem;padding-bottom:.75rem}.ids-datepicker .ids-datepicker__dialog-bar .ids-datepicker__dialog-header{color:var(--IDS-DATEPICKER__MONTH-BUTTON-COLOR);font-family:var(--IDS-FONT-FAMILY-BASE);font-size:1rem;font-weight:var(--IDS-DATEPICKER__MONTH-BUTTON-FONT-WEIGHT)}.ids-datepicker .ids-datepicker__dialog-bar .ids-datepicker__dialog-header:focus,.ids-datepicker .ids-datepicker__dialog-bar .ids-datepicker__dialog-header:focus-visible{outline:none}.ids-datepicker .ids-datepicker__dialog-close-button{align-items:center;background-color:var(--IDS-DATEPICKER-CALENDAR__BACKGROUND-COLOR);border-color:transparent;border-radius:100%;cursor:pointer;display:flex;font-family:var(--IDS-FONT-FAMILY-BASE);font-size:1rem;font-weight:700;height:2.5rem;height:2.25rem;justify-content:center;line-height:1.5rem;position:absolute;right:.5rem;top:.5rem;width:2.5rem;width:2.25rem}.ids-datepicker .ids-datepicker__dialog-close-button:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-DATEPICKER__MONTH-BUTTON-CHEVRON-COLOR);content:\"\\e934\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1rem;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.ids-datepicker .rdp-dropdowns{align-items:center;display:flex;gap:.5rem;justify-content:space-between}.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-dropdowns{align-items:center;display:flex;gap:.5rem;justify-content:flex-start}.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-dropdowns .rdp-dropdown_root{cursor:pointer;position:relative}.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-dropdowns .rdp-dropdown_root:first-of-type{margin-right:.5rem}.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-dropdowns select.rdp-dropdown{background-color:var(--IDS-DATEPICKER__SELECT-BACKGROUND-COLOR);border-color:transparent;border-radius:.0625rem;cursor:pointer;padding:.125rem .25rem}.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-dropdowns select.rdp-dropdown:active{border-color:transparent}.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-dropdowns select.rdp-dropdown:disabled{pointer-events:none}.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-dropdowns .ids-datepicker__month-select{width:7.25rem}.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-dropdowns .ids-datepicker__year-select{width:4.5rem}.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-dropdowns .rdp-caption_label{background-color:var(--IDS-DATEPICKER-CALENDAR__BACKGROUND-COLOR);color:var(--IDS-DATEPICKER__MONTH-BUTTON-COLOR);cursor:pointer;font-family:var(--IDS-FONT-FAMILY-BASE);font-size:1rem;font-weight:var(--IDS-DATEPICKER__MONTH-BUTTON-FONT-WEIGHT);left:.25rem;pointer-events:none;position:absolute;right:.25rem;text-transform:capitalize;top:.25rem}.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-dropdowns .rdp-caption_label:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-DATEPICKER__MONTH-BUTTON-CHEVRON-COLOR);content:\"\\e936\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1rem;position:absolute;right:.125rem;top:50%;transform:translateY(-50%)}.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-dropdowns .rdp-caption_label svg{display:none}.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-dropdowns:has(select:disabled) .rdp-dropdown_root{cursor:default}.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-dropdowns:has(select:disabled) .rdp-caption_label{color:var(--IDS-DATEPICKER__SELECT-DISABLED-COLOR)!important;pointer-events:none}.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-dropdowns:has(select:disabled) .rdp-caption_label:before{color:var(--IDS-DATEPICKER__SELECT-DISABLED-COLOR)!important}.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons{align-items:center;display:flex;gap:.5rem;justify-content:flex-end}.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-next,.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-prev{background-color:var(--IDS-DATEPICKER__DATE-BUTTON-BACKGROUND-COLOR);border:.125rem solid transparent;color:var(--IDS-DATEPICKER__BUTTON-COLOR);cursor:pointer}.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-next:hover,.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-prev:hover{background-color:var(--IDS-DATEPICKER__BUTTON-HOVER-BACKGROUND-COLOR);border:.125rem solid var(--IDS-DATEPICKER__BUTTON-HOVER-BORDER-COLOR);color:var(--IDS-DATEPICKER__BUTTON-HOVER-COLOR)!important}.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-next:hover:before,.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-prev:hover:before{color:var(--IDS-DATEPICKER__BUTTON-HOVER-COLOR)!important}.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-next:active,.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-next:active:hover,.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-prev:active,.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-prev:active:hover{background-color:var(--IDS-DATEPICKER__BUTTON-ACTIVE-BACKGROUND-COLOR);border:.125rem solid var(--IDS-DATEPICKER__BUTTON-ACTIVE-BORDER-COLOR);color:var(--IDS-DATEPICKER__BUTTON-ACTIVE-COLOR)!important}.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-next:active:before,.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-next:active:hover:before,.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-prev:active:before,.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-prev:active:hover:before{color:var(--IDS-DATEPICKER__BUTTON-ACTIVE-COLOR)!important}.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-next:disabled,.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-next[aria-disabled=true],.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-next[disabled],.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-prev:disabled,.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-prev[aria-disabled=true],.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-prev[disabled]{background-color:var(--IDS-DATEPICKER__BUTTON-DISABLED-BACKGROUND-COLOR)!important;border-color:transparent;color:var(--IDS-DATEPICKER__BUTTON-DISABLED-COLOR)!important;font-weight:400;pointer-events:none}.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-next:disabled:before,.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-next[aria-disabled=true]:before,.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-next[disabled]:before,.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-prev:disabled:before,.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-prev[aria-disabled=true]:before,.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-prev[disabled]:before{color:var(--IDS-DATEPICKER__BUTTON-DISABLED-COLOR)!important}.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-next,.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-prev{align-items:center;border:.0625rem solid transparent;border-radius:100%;display:flex;font-family:var(--IDS-FONT-FAMILY-BASE);font-size:1rem;font-weight:700;height:2.5rem;height:2.25rem;justify-content:center;line-height:1.5rem;padding:0;position:relative;width:2.5rem;width:2.25rem}.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-next:before,.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-prev:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-DATEPICKER__MONTH-BUTTON-CHEVRON-COLOR);content:\"\\e937\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1rem;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-next:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-DATEPICKER__MONTH-BUTTON-CHEVRON-COLOR);content:\"\\e938\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1rem;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.ids-datepicker .rdp-month_grid{margin-top:.75rem}.ids-datepicker .ids-datepicker__week-number-header,.ids-datepicker .rdp-week_number{color:var(--IDS-DATEPICKER__BUTTON-DISABLED-COLOR);font-family:var(--IDS-FONT-FAMILY-BASE);font-size:.75rem;font-weight:400;padding-right:.25rem}.ids-datepicker .rdp-weekday{color:var(--IDS-DATEPICKER__MONTH-BUTTON-COLOR);font-family:var(--IDS-FONT-FAMILY-BASE);font-size:.75rem;font-weight:var(--IDS-DATEPICKER__MONTH-BUTTON-FONT-WEIGHT);text-transform:uppercase}.ids-datepicker .rdp-day .rdp-day_button{background-color:var(--IDS-DATEPICKER__DATE-BUTTON-BACKGROUND-COLOR);border:.125rem solid transparent;color:var(--IDS-DATEPICKER__BUTTON-COLOR);cursor:pointer}.ids-datepicker .rdp-day .rdp-day_button:hover{background-color:var(--IDS-DATEPICKER__BUTTON-HOVER-BACKGROUND-COLOR);border:.125rem solid var(--IDS-DATEPICKER__BUTTON-HOVER-BORDER-COLOR)}.ids-datepicker .rdp-day .rdp-day_button:hover,.ids-datepicker .rdp-day .rdp-day_button:hover:before{color:var(--IDS-DATEPICKER__BUTTON-HOVER-COLOR)!important}.ids-datepicker .rdp-day .rdp-day_button:active,.ids-datepicker .rdp-day .rdp-day_button:active:hover{background-color:var(--IDS-DATEPICKER__BUTTON-ACTIVE-BACKGROUND-COLOR);border:.125rem solid var(--IDS-DATEPICKER__BUTTON-ACTIVE-BORDER-COLOR);color:var(--IDS-DATEPICKER__BUTTON-ACTIVE-COLOR)!important}.ids-datepicker .rdp-day .rdp-day_button:active:before,.ids-datepicker .rdp-day .rdp-day_button:active:hover:before{color:var(--IDS-DATEPICKER__BUTTON-ACTIVE-COLOR)!important}.ids-datepicker .rdp-day .rdp-day_button:disabled,.ids-datepicker .rdp-day .rdp-day_button[aria-disabled=true],.ids-datepicker .rdp-day .rdp-day_button[disabled]{background-color:var(--IDS-DATEPICKER__BUTTON-DISABLED-BACKGROUND-COLOR)!important;border-color:transparent;color:var(--IDS-DATEPICKER__BUTTON-DISABLED-COLOR)!important;font-weight:400;pointer-events:none}.ids-datepicker .rdp-day .rdp-day_button:disabled:before,.ids-datepicker .rdp-day .rdp-day_button[aria-disabled=true]:before,.ids-datepicker .rdp-day .rdp-day_button[disabled]:before{color:var(--IDS-DATEPICKER__BUTTON-DISABLED-COLOR)!important}.ids-datepicker .rdp-day .rdp-day_button{align-items:center;border-radius:100%;display:flex;font-family:var(--IDS-FONT-FAMILY-BASE);font-size:1rem;font-weight:700;height:2.5rem;justify-content:center;justify-self:center;line-height:1.5rem;width:2.5rem}.ids-datepicker .rdp-day.rdp-today .rdp-day_button{border:.125rem solid var(--IDS-DATEPICKER__BUTTON-TODAY-BORDER-COLOR)}.ids-datepicker .rdp-day.rdp-today .rdp-day_button:hover{border-color:var(--IDS-DATEPICKER__BUTTON-TODAY-HOVER-BORDER-COLOR)}.ids-datepicker .rdp-day:focus-visible,.ids-datepicker .rdp-day[aria-focused=true]{border-radius:100%;outline:.125rem solid var(--IDS-FOCUS__OUTLINE-COLOR)}.ids-datepicker .rdp-day[aria-selected=true] .rdp-day_button{background-color:var(--IDS-DATEPICKER__BUTTON-SELECTED-BACKGROUND-COLOR);border:.125rem solid var(--IDS-DATEPICKER__BUTTON-SELECTED-BORDER-COLOR);color:var(--IDS-DATEPICKER__BUTTON-SELECTED-COLOR)}.ids-datepicker .rdp-day[aria-selected=true] .rdp-day_button:disabled{border-color:var(--IDS-DATEPICKER__BUTTON-DISABLED-BORDER-COLOR)!important}@media (max-width:640px){.ids-datepicker .ids-datepicker__overlay{background-color:var(--IDS-OVERLAY__BACKGROUND-COLOR);bottom:0;left:0;position:fixed;right:0;top:0;z-index:200}.ids-datepicker .ids-datepicker__dialog{border-bottom-left-radius:0;border-bottom-right-radius:0;bottom:0;left:0;min-height:21rem!important;padding-left:1rem!important;padding-right:1rem!important;position:fixed;right:0;top:auto;z-index:210}.ids-datepicker .rdp-month_grid{table-layout:fixed;width:100%}}";
4
4
 
5
5
  var datepickerLit = css`
6
6
  ${unsafeCSS(css_248z)}
package/components/form/datepicker/datepicker.css CHANGED
@@ -77,6 +77,8 @@
77
77
  font-size: 1rem;
78
78
  color: var(--IDS-FORM__COLOR);
79
79
  display: block;
80
+ width: 100%;
81
+ box-sizing: border-box;
80
82
  }
81
83
  .ids-datepicker .ids-datepicker__input::placeholder {
82
84
  color: var(--IDS-FORM__COLOR);
package/components/form/select-multiple/select-multiple-lit.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { css, unsafeCSS } from 'lit';
2
2
 
3
- var css_248z = ".ids-select-multiple__select{background-color:var(--IDS-INPUT__BACKGROUND-COLOR);border-radius:var(--IDS-BORDER-RADIUS);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-multiple__select:hover{background-color:var(--IDS-INPUT__HOVER-BACKGROUND-COLOR)}.ids-select-multiple__select:active{background-color:var(--IDS-INPUT__ACTIVE-BACKGROUND-COLOR);border-color:var(--IDS-INPUT__ACTIVE-BORDER-COLOR)}.ids-select-multiple__select:focus-visible,.ids-select-multiple__select:focus-visible:hover{background-color:var(--IDS-INPUT__BACKGROUND-COLOR);border-color:var(--IDS-INPUT__FOCUS-BORDER-COLOR)}.ids-select-multiple__select:disabled,.ids-select-multiple__select[readonly],.ids-select-multiple__select[readonly]:focus-visible,.ids-select-multiple__select[readonly]:focus-visible:hover{-webkit-text-fill-color:inherit;background:var(--IDS-FORM--DISABLED__BACKGROUND-COLOR);border:var(--IDS-FORM--DISABLED__BORDER);color:var(--IDS-FORM--DISABLED__COLOR);font-style:italic!important;opacity:1}.ids-select-multiple__select:disabled::placeholder,.ids-select-multiple__select[readonly]::placeholder,.ids-select-multiple__select[readonly]:focus-visible::placeholder,.ids-select-multiple__select[readonly]:focus-visible:hover::placeholder{color:var(--IDS-FORM--DISABLED__COLOR)}.ids-select-multiple__select.ids-input--light{background-color:var(--IDS-INPUT--LIGHT__BACKGROUND-COLOR)}.ids-select-multiple__select.ids-input--light:hover{background-color:var(--IDS-INPUT--LIGHT__HOVER-BACKGROUND-COLOR)}.ids-select-multiple__select.ids-input--light:active{background-color:var(--IDS-INPUT--LIGHT__ACTIVE-BACKGROUND-COLOR);border-color:var(--IDS-INPUT__ACTIVE-BORDER-COLOR)}.ids-select-multiple__select.ids-input--light:focus-visible,.ids-select-multiple__select.ids-input--light:focus-visible:hover{background-color:var(--IDS-INPUT--LIGHT__BACKGROUND-COLOR)}.ids-select-multiple__select.ids-input--light:disabled,.ids-select-multiple__select.ids-input--light[readonly],.ids-select-multiple__select.ids-input--light[readonly]:focus-visible,.ids-select-multiple__select.ids-input--light[readonly]:focus-visible:hover{-webkit-text-fill-color:inherit;background:var(--IDS-FORM--DISABLED__BACKGROUND-COLOR);border:var(--IDS-FORM--DISABLED__BORDER);color:var(--IDS-FORM--DISABLED__COLOR);font-style:italic!important;opacity:1}.ids-select-multiple__select.ids-input--light:disabled::placeholder,.ids-select-multiple__select.ids-input--light[readonly]::placeholder,.ids-select-multiple__select.ids-input--light[readonly]:focus-visible::placeholder,.ids-select-multiple__select.ids-input--light[readonly]:focus-visible:hover::placeholder{color:var(--IDS-FORM--DISABLED__COLOR)}.ids-select-multiple__select:focus-visible{outline:.125rem solid var(--IDS-FOCUS__OUTLINE-COLOR);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)!important}.ids-select-multiple__select{border:var(--IDS-INPUT__BORDER-THICKNESS) solid var(--IDS-INPUT__BORDER-COLOR);cursor:pointer;display:inline-block!important;height:var(--IDS-INPUT__HEIGHT);overflow:hidden;padding-left:var(--IDS-SELECT__PADDING-LEFT)!important;padding-right:var(--IDS-INPUT__ICON-PADDING-RIGHT)!important;text-align:left;text-overflow:ellipsis;width:100%!important}.ids-select-multiple__select::placeholder{color:var(--IDS-FORM__COLOR)}.ids-select-multiple__select.ids-input--invalid,.ids-select-multiple__select[aria-invalid=true]{background:var(--IDS-FORM--INVALID__BACKGROUND-COLOR)!important;border:var(--IDS-FORM--INVALID__BORDER);box-shadow:var(--IDS-FORM--INVALID-BOX-SHADOW)}.ids-select-multiple__select.ids-input--light{background-color:var(--IDS-SELECT--LIGHT__BACKGROUND-COLOR)}.ids-select-multiple__select.ids-input--light.ids-input--invalid,.ids-select-multiple__select.ids-input--light[aria-invalid=true]{background:var(--IDS-FORM--INVALID__BACKGROUND-COLOR)!important;border:var(--IDS-FORM--INVALID__BORDER);box-shadow:var(--IDS-FORM--INVALID-BOX-SHADOW)}.ids-select-multiple__select[aria-disabled=true]{-webkit-text-fill-color:inherit;background:var(--IDS-FORM--DISABLED__BACKGROUND-COLOR);border:var(--IDS-FORM--DISABLED__BORDER);color:var(--IDS-FORM--DISABLED__COLOR);font-style:italic!important;opacity:1}.ids-select-multiple__select[aria-disabled=true]::placeholder{color:var(--IDS-FORM--DISABLED__COLOR)}.ids-select-multiple__select:disabled{cursor:default}.ids-select-multiple__select:disabled::placeholder{color:var(--IDS-FORM--DISABLED__COLOR)}.ids-select-multiple__select:disabled.ids-input--light{-webkit-text-fill-color:inherit;background-color:var(--IDS-INPUT--LIGHT__BACKGROUND-COLOR);background:var(--IDS-FORM--DISABLED__BACKGROUND-COLOR);border:var(--IDS-FORM--DISABLED__BORDER);color:var(--IDS-FORM--DISABLED__COLOR);font-style:italic!important;opacity:1}.ids-select-multiple__select:disabled.ids-input--light::placeholder{color:var(--IDS-FORM--DISABLED__COLOR)}.ids-select-multiple__select-wrapper{display:flex;position:relative}.ids-select-multiple__select-wrapper:after{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-ICON--ACTIVE-COLOR);content:\"\\e936\";display:block;font:icon;font-family:Inera-Design-Icons!important;pointer-events:none;position:absolute;right:var(--IDS-INPUT__ICON-RIGHT);top:50%;transform:translateY(-50%);z-index:2}.ids-select-multiple__select-wrapper:has(.ids-input--invalid):after,.ids-select-multiple__select-wrapper:has(input[aria-invalid=true]):after{color:var(--IDS-FORM--INVALID__COLOR)}.ids-select-multiple__select-wrapper:has(input:disabled):after,.ids-select-multiple__select-wrapper:has(input[aria-disabled=true]):after{color:var(--IDS-FORM--DISABLED__COLOR)}.ids-select-multiple__dropdown-wrapper{position:relative}.ids-select-multiple__dropdown-wrapper .ids-select-multiple__dropdown{background-color:var(--IDS-SELECT-MULTIPLE-DROPDOWN__BACKGROUND-COLOR);border:1px solid var(--IDS-SELECT-MULTIPLE-DROPDOWN__BORDER-COLOR);border-radius:var(--IDS-BORDER-RADIUS);box-shadow:var(--IDS-BOX-SHADOW-ELEVATED-2);color:var(--IDS-FONT-COLOR);display:none;left:0;position:absolute;right:0;z-index:3}.ids-select-multiple__dropdown-wrapper .ids-select-multiple__dropdown.ids-select-multiple__dropdown--expanded{display:block}.ids-select-multiple__dropdown-wrapper .ids-select-multiple__dropdown .ids-select-multiple__dropdown-scroll-area::-webkit-scrollbar{width:.625rem}.ids-select-multiple__dropdown-wrapper .ids-select-multiple__dropdown .ids-select-multiple__dropdown-scroll-area::-webkit-scrollbar-thumb{background:var(--IDS-SCROLL__THUMB-COLOR);border:.125rem solid var(--IDS-SCROLL__TRACK-BACKGROUND-COLOR);border-radius:.625rem;cursor:auto}.ids-select-multiple__dropdown-wrapper .ids-select-multiple__dropdown .ids-select-multiple__dropdown-scroll-area::-webkit-scrollbar-thumb:hover{background:var(--IDS-SCROLL__THUMB-HOVER-COLOR)}.ids-select-multiple__dropdown-wrapper .ids-select-multiple__dropdown .ids-select-multiple__dropdown-scroll-area::-webkit-scrollbar-track{background:var(--IDS-SCROLL__TRACK-BACKGROUND-COLOR);border-radius:.625rem;margin-top:0;outline:.0625rem solid var(--IDS-SCROLL__TRACK-OUTLINE-COLOR)}.ids-select-multiple__dropdown-wrapper .ids-select-multiple__dropdown .ids-select-multiple__dropdown-scroll-area::-webkit-scrollbar-corner{background-color:transparent}.ids-select-multiple__dropdown-wrapper .ids-select-multiple__dropdown .ids-select-multiple__dropdown-scroll-area{overflow-y:auto;padding:.625rem}.ids-select-multiple-label-wrapper .ids-label-wrapper{display:inline;margin-bottom:0;position:relative}.ids-select-multiple-label-wrapper .ids-label-wrapper .ids-label__tooltip{bottom:-.1875rem;margin-left:.5rem;position:relative}.ids-select-multiple-label-wrapper .ids-label-wrapper.ids-label-wrapper--margin-bottom{bottom:.25rem}.ids-select-multiple-label-wrapper .ids-label-wrapper.ids-label-wrapper--block{width:100%}.ids-select-multiple-label-wrapper .ids-label-wrapper.ids-label-wrapper--block label{display:block!important;width:100%}.ids-select-multiple-label-wrapper .ids-label{color:var(--IDS-FORM-LABEL__COLOR);display:inline!important;font-family:var(--IDS-FORM-LABEL__FONT-FAMILY);font-size:var(--IDS-FORM-LABEL__FONT-SIZE);font-style:normal;font-weight:var(--IDS-FORM-LABEL__FONT-WEIGHT);letter-spacing:var(--IDS-FORM-LABEL__LETTER-SPACING);line-height:var(--IDS-FORM-LABEL__HEIGHT);padding:0}.ids-select-multiple-label-wrapper .ids-label.ids-label--clickable{cursor:pointer!important}.ids-select-multiple-label-wrapper .ids-label.ids-label--disabled{color:var(--IDS-FORM-LABEL--DISABLED-COLOR);cursor:default!important;font-style:italic}.ids-select-multiple-label-wrapper:has(input:disabled) .ids-label{color:var(--IDS-FORM-LABEL--DISABLED-COLOR);cursor:default!important;font-style:italic}";
3
+ var css_248z = ".ids-select-multiple__select{background-color:var(--IDS-INPUT__BACKGROUND-COLOR);border-radius:var(--IDS-BORDER-RADIUS);box-sizing:border-box;color:var(--IDS-FORM__COLOR);display:block;font-family:var(--IDS-FONT-FAMILY-BASE)!important;font-size:1rem;padding:var(--IDS-INPUT__PADDING);width:100%}.ids-select-multiple__select:hover{background-color:var(--IDS-INPUT__HOVER-BACKGROUND-COLOR)}.ids-select-multiple__select:active{background-color:var(--IDS-INPUT__ACTIVE-BACKGROUND-COLOR);border-color:var(--IDS-INPUT__ACTIVE-BORDER-COLOR)}.ids-select-multiple__select:focus-visible,.ids-select-multiple__select:focus-visible:hover{background-color:var(--IDS-INPUT__BACKGROUND-COLOR);border-color:var(--IDS-INPUT__FOCUS-BORDER-COLOR)}.ids-select-multiple__select:disabled,.ids-select-multiple__select[readonly],.ids-select-multiple__select[readonly]:focus-visible,.ids-select-multiple__select[readonly]:focus-visible:hover{-webkit-text-fill-color:inherit;background:var(--IDS-FORM--DISABLED__BACKGROUND-COLOR);border:var(--IDS-FORM--DISABLED__BORDER);color:var(--IDS-FORM--DISABLED__COLOR);font-style:italic!important;opacity:1}.ids-select-multiple__select:disabled::placeholder,.ids-select-multiple__select[readonly]::placeholder,.ids-select-multiple__select[readonly]:focus-visible::placeholder,.ids-select-multiple__select[readonly]:focus-visible:hover::placeholder{color:var(--IDS-FORM--DISABLED__COLOR)}.ids-select-multiple__select.ids-input--light{background-color:var(--IDS-INPUT--LIGHT__BACKGROUND-COLOR)}.ids-select-multiple__select.ids-input--light:hover{background-color:var(--IDS-INPUT--LIGHT__HOVER-BACKGROUND-COLOR)}.ids-select-multiple__select.ids-input--light:active{background-color:var(--IDS-INPUT--LIGHT__ACTIVE-BACKGROUND-COLOR);border-color:var(--IDS-INPUT__ACTIVE-BORDER-COLOR)}.ids-select-multiple__select.ids-input--light:focus-visible,.ids-select-multiple__select.ids-input--light:focus-visible:hover{background-color:var(--IDS-INPUT--LIGHT__BACKGROUND-COLOR)}.ids-select-multiple__select.ids-input--light:disabled,.ids-select-multiple__select.ids-input--light[readonly],.ids-select-multiple__select.ids-input--light[readonly]:focus-visible,.ids-select-multiple__select.ids-input--light[readonly]:focus-visible:hover{-webkit-text-fill-color:inherit;background:var(--IDS-FORM--DISABLED__BACKGROUND-COLOR);border:var(--IDS-FORM--DISABLED__BORDER);color:var(--IDS-FORM--DISABLED__COLOR);font-style:italic!important;opacity:1}.ids-select-multiple__select.ids-input--light:disabled::placeholder,.ids-select-multiple__select.ids-input--light[readonly]::placeholder,.ids-select-multiple__select.ids-input--light[readonly]:focus-visible::placeholder,.ids-select-multiple__select.ids-input--light[readonly]:focus-visible:hover::placeholder{color:var(--IDS-FORM--DISABLED__COLOR)}.ids-select-multiple__select:focus-visible{outline:.125rem solid var(--IDS-FOCUS__OUTLINE-COLOR);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)!important}.ids-select-multiple__select{border:var(--IDS-INPUT__BORDER-THICKNESS) solid var(--IDS-INPUT__BORDER-COLOR);cursor:pointer;display:inline-block!important;height:var(--IDS-INPUT__HEIGHT);overflow:hidden;padding-left:var(--IDS-SELECT__PADDING-LEFT)!important;padding-right:var(--IDS-INPUT__ICON-PADDING-RIGHT)!important;text-align:left;text-overflow:ellipsis;width:100%!important}.ids-select-multiple__select::placeholder{color:var(--IDS-FORM__COLOR)}.ids-select-multiple__select.ids-input--invalid,.ids-select-multiple__select[aria-invalid=true]{background:var(--IDS-FORM--INVALID__BACKGROUND-COLOR)!important;border:var(--IDS-FORM--INVALID__BORDER);box-shadow:var(--IDS-FORM--INVALID-BOX-SHADOW)}.ids-select-multiple__select.ids-input--light{background-color:var(--IDS-SELECT--LIGHT__BACKGROUND-COLOR)}.ids-select-multiple__select.ids-input--light.ids-input--invalid,.ids-select-multiple__select.ids-input--light[aria-invalid=true]{background:var(--IDS-FORM--INVALID__BACKGROUND-COLOR)!important;border:var(--IDS-FORM--INVALID__BORDER);box-shadow:var(--IDS-FORM--INVALID-BOX-SHADOW)}.ids-select-multiple__select[aria-disabled=true]{-webkit-text-fill-color:inherit;background:var(--IDS-FORM--DISABLED__BACKGROUND-COLOR);border:var(--IDS-FORM--DISABLED__BORDER);color:var(--IDS-FORM--DISABLED__COLOR);font-style:italic!important;opacity:1}.ids-select-multiple__select[aria-disabled=true]::placeholder{color:var(--IDS-FORM--DISABLED__COLOR)}.ids-select-multiple__select:disabled{cursor:default}.ids-select-multiple__select:disabled::placeholder{color:var(--IDS-FORM--DISABLED__COLOR)}.ids-select-multiple__select:disabled.ids-input--light{-webkit-text-fill-color:inherit;background-color:var(--IDS-INPUT--LIGHT__BACKGROUND-COLOR);background:var(--IDS-FORM--DISABLED__BACKGROUND-COLOR);border:var(--IDS-FORM--DISABLED__BORDER);color:var(--IDS-FORM--DISABLED__COLOR);font-style:italic!important;opacity:1}.ids-select-multiple__select:disabled.ids-input--light::placeholder{color:var(--IDS-FORM--DISABLED__COLOR)}.ids-select-multiple__select-wrapper{display:flex;position:relative}.ids-select-multiple__select-wrapper:after{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-ICON--ACTIVE-COLOR);content:\"\\e936\";display:block;font:icon;font-family:Inera-Design-Icons!important;pointer-events:none;position:absolute;right:var(--IDS-INPUT__ICON-RIGHT);top:50%;transform:translateY(-50%);z-index:2}.ids-select-multiple__select-wrapper:has(.ids-input--invalid):after,.ids-select-multiple__select-wrapper:has(input[aria-invalid=true]):after{color:var(--IDS-FORM--INVALID__COLOR)}.ids-select-multiple__select-wrapper:has(input:disabled):after,.ids-select-multiple__select-wrapper:has(input[aria-disabled=true]):after{color:var(--IDS-FORM--DISABLED__COLOR)}.ids-select-multiple__dropdown-wrapper{position:relative}.ids-select-multiple__dropdown-wrapper .ids-select-multiple__dropdown{background-color:var(--IDS-SELECT-MULTIPLE-DROPDOWN__BACKGROUND-COLOR);border:1px solid var(--IDS-SELECT-MULTIPLE-DROPDOWN__BORDER-COLOR);border-radius:var(--IDS-BORDER-RADIUS);box-shadow:var(--IDS-BOX-SHADOW-ELEVATED-2);color:var(--IDS-FONT-COLOR);display:none;left:0;position:absolute;right:0;z-index:3}.ids-select-multiple__dropdown-wrapper .ids-select-multiple__dropdown.ids-select-multiple__dropdown--expanded{display:block}.ids-select-multiple__dropdown-wrapper .ids-select-multiple__dropdown .ids-select-multiple__dropdown-scroll-area::-webkit-scrollbar{width:.625rem}.ids-select-multiple__dropdown-wrapper .ids-select-multiple__dropdown .ids-select-multiple__dropdown-scroll-area::-webkit-scrollbar-thumb{background:var(--IDS-SCROLL__THUMB-COLOR);border:.125rem solid var(--IDS-SCROLL__TRACK-BACKGROUND-COLOR);border-radius:.625rem;cursor:auto}.ids-select-multiple__dropdown-wrapper .ids-select-multiple__dropdown .ids-select-multiple__dropdown-scroll-area::-webkit-scrollbar-thumb:hover{background:var(--IDS-SCROLL__THUMB-HOVER-COLOR)}.ids-select-multiple__dropdown-wrapper .ids-select-multiple__dropdown .ids-select-multiple__dropdown-scroll-area::-webkit-scrollbar-track{background:var(--IDS-SCROLL__TRACK-BACKGROUND-COLOR);border-radius:.625rem;margin-top:0;outline:.0625rem solid var(--IDS-SCROLL__TRACK-OUTLINE-COLOR)}.ids-select-multiple__dropdown-wrapper .ids-select-multiple__dropdown .ids-select-multiple__dropdown-scroll-area::-webkit-scrollbar-corner{background-color:transparent}.ids-select-multiple__dropdown-wrapper .ids-select-multiple__dropdown .ids-select-multiple__dropdown-scroll-area{overflow-y:auto;padding:.625rem}.ids-select-multiple-label-wrapper .ids-label-wrapper{display:inline;margin-bottom:0;position:relative}.ids-select-multiple-label-wrapper .ids-label-wrapper .ids-label__tooltip{bottom:-.1875rem;margin-left:.5rem;position:relative}.ids-select-multiple-label-wrapper .ids-label-wrapper.ids-label-wrapper--margin-bottom{bottom:.25rem}.ids-select-multiple-label-wrapper .ids-label-wrapper.ids-label-wrapper--block{width:100%}.ids-select-multiple-label-wrapper .ids-label-wrapper.ids-label-wrapper--block label{display:block!important;width:100%}.ids-select-multiple-label-wrapper .ids-label{color:var(--IDS-FORM-LABEL__COLOR);display:inline!important;font-family:var(--IDS-FORM-LABEL__FONT-FAMILY);font-size:var(--IDS-FORM-LABEL__FONT-SIZE);font-style:normal;font-weight:var(--IDS-FORM-LABEL__FONT-WEIGHT);letter-spacing:var(--IDS-FORM-LABEL__LETTER-SPACING);line-height:var(--IDS-FORM-LABEL__HEIGHT);padding:0}.ids-select-multiple-label-wrapper .ids-label.ids-label--clickable{cursor:pointer!important}.ids-select-multiple-label-wrapper .ids-label.ids-label--disabled{color:var(--IDS-FORM-LABEL--DISABLED-COLOR);cursor:default!important;font-style:italic}.ids-select-multiple-label-wrapper:has(input:disabled) .ids-label{color:var(--IDS-FORM-LABEL--DISABLED-COLOR);cursor:default!important;font-style:italic}";
4
4
 
5
5
  var selectMultipleLit = css`${unsafeCSS(css_248z)}`;
6
6
 
package/components/form/select-multiple/select-multiple.css CHANGED
@@ -22,6 +22,8 @@
22
22
  font-size: 1rem;
23
23
  color: var(--IDS-FORM__COLOR);
24
24
  display: block;
25
+ width: 100%;
26
+ box-sizing: border-box;
25
27
  }
26
28
  .ids-select-multiple__select::placeholder {
27
29
  color: var(--IDS-FORM__COLOR);
package/components/header-patient/header-patient-lit.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { css, unsafeCSS } from 'lit';
2
2
 
3
- 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-header-patient{background:var(--IDS-HEADER-PATIENT__BACKGROUND-COLOR);border-bottom:.0625rem solid var(--IDS-HEADER-PATIENT__BORDER-COLOR);box-shadow:var(--IDS-BOX-SHADOW-ELEVATED-1);box-sizing:border-box;position:relative;width:100%;z-index:2}.ids-header-patient .ids-patient-header__inner{box-sizing:border-box;display:flex;flex-direction:row;gap:1rem;justify-content:space-between;margin:0 auto;max-width:var(--IDS__MAX-WIDTH);padding:var(--IDS__CONTAINER-PADDING);padding-bottom:1rem;padding-top:1rem}.ids-header-patient .ids-header-patient__content{display:flex;margin-top:.125rem}.ids-header-patient .ids-header-patient__id{align-items:flex-start;display:flex;flex-shrink:0;flex-wrap:wrap;margin:.25rem;padding-left:1.75rem;position:relative}.ids-header-patient .ids-header-patient__id:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-HEADER-PATIENT__COLOR);content:\"\\e923\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1.25rem;left:0;position:absolute;top:0}.ids-header-patient .ids-header-patient__name{color:var(--ids-color-heading-text-s);display:flex;font-family:var(--ids-font-family-heading);font-size:var(--ids-font-size-heading-xs);font-style:normal;font-weight:var(--ids-font-weight-heading-xs);letter-spacing:var(--ids-font-letter-spacing-heading-xs);line-height:var(--ids-font-line-height-heading-xs);margin-right:.5rem}.ids-header-patient .ids-header-patient__ssn{display:flex;line-height:var(--ids-font-line-height-body-text);line-height:var(--ids-font-line-height-heading-xs);white-space:nowrap}.ids-header-patient .ids-header-patient__info,.ids-header-patient .ids-header-patient__ssn{color:var(--ids-color-surface-text-on-default);font-family:var(--ids-font-family-body-text);font-size:var(--ids-font-size-body-text);font-style:normal;font-weight:var(--ids-font-weight-body-text);letter-spacing:0}.ids-header-patient .ids-header-patient__info{line-height:var(--ids-font-line-height-body-text);margin:0 0 0 1.5rem}.ids-header-patient .ids-header-patient__buttons{align-items:flex-start;display:flex;flex-wrap:wrap;gap:.25rem 1rem;justify-content:flex-start;min-width:17.5rem}.ids-header-patient .ids-header-patient__buttons .ids-button{display:inline-block;white-space:nowrap}.ids-header-patient.ids-header-patient--long-name .ids-header-patient__id{flex-direction:column!important;flex-shrink:inherit}.ids-header-patient.ids-header-patient--stack .ids-header-patient__id{flex-direction:column!important}.ids-header-patient.ids-header-patient--collapse{box-shadow:none}.ids-header-patient.ids-header-patient--collapse .ids-header-patient__buttons,.ids-header-patient.ids-header-patient--collapse .ids-header-patient__info{display:none}.ids-header-patient.ids-header-patient--collapse.ids-header-patient--long-name:not(.ids-header-patient--stack) .ids-header-patient__ssn{display:inline}@media (max-width:1024px){.ids-header-patient .ids-patient-header__inner{flex-direction:column;padding:.75rem 1rem}.ids-header-patient .ids-header-patient__content{flex-direction:column;margin-top:0}.ids-header-patient .ids-header-patient__buttons{align-items:center;justify-content:center;min-width:none;white-space:normal}.ids-header-patient .ids-header-patient__info{margin:.5rem 0}.ids-header-patient.ids-header-patient--stack .ids-header-patient__ssn{margin-left:0}}";
3
+ 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-header-patient{background:var(--IDS-HEADER-PATIENT__BACKGROUND-COLOR);border-bottom:.0625rem solid var(--IDS-HEADER-PATIENT__BORDER-COLOR);box-shadow:var(--IDS-BOX-SHADOW-ELEVATED-1);box-sizing:border-box;position:relative;width:100%;z-index:2}.ids-header-patient .ids-patient-header__inner{box-sizing:border-box;display:flex;flex-direction:row;gap:1rem;justify-content:space-between;margin:0 auto;max-width:var(--IDS__MAX-WIDTH);padding:var(--IDS__CONTAINER-PADDING);padding-bottom:1rem;padding-top:1rem}.ids-header-patient .ids-header-patient__content{display:flex;margin-top:.125rem}.ids-header-patient .ids-header-patient__id{align-items:flex-start;display:flex;flex-shrink:0;flex-wrap:wrap;margin:.25rem;padding-left:1.75rem;position:relative}.ids-header-patient .ids-header-patient__id:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-HEADER-PATIENT__COLOR);content:\"\\e923\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1.25rem;left:0;position:absolute;top:0}.ids-header-patient .ids-header-patient__name{color:var(--ids-color-heading-text-s);display:flex;font-family:var(--ids-font-family-heading);font-size:var(--ids-font-size-heading-xs);font-style:normal;font-weight:var(--ids-font-weight-heading-xs);letter-spacing:var(--ids-font-letter-spacing-heading-xs);line-height:var(--ids-font-line-height-heading-xs);margin-right:.5rem}.ids-header-patient .ids-header-patient__ssn{display:flex;line-height:var(--ids-font-line-height-body-text);line-height:var(--ids-font-line-height-heading-xs);white-space:nowrap}.ids-header-patient .ids-header-patient__info,.ids-header-patient .ids-header-patient__ssn{color:var(--ids-color-surface-text-on-default);font-family:var(--ids-font-family-body-text);font-size:var(--ids-font-size-body-text);font-style:normal;font-weight:var(--ids-font-weight-body-text);letter-spacing:0}.ids-header-patient .ids-header-patient__info{line-height:var(--ids-font-line-height-body-text);margin:0 0 0 1.5rem}.ids-header-patient .ids-header-patient__buttons{align-items:flex-start;display:flex;flex-wrap:wrap;gap:.25rem 1rem;justify-content:flex-start;min-width:17.5rem}.ids-header-patient .ids-header-patient__buttons .ids-button{display:inline-block;white-space:nowrap}.ids-header-patient.ids-header-patient--long-name .ids-header-patient__id{flex-direction:column!important;flex-shrink:inherit}.ids-header-patient.ids-header-patient--stack .ids-header-patient__id{flex-direction:column!important}.ids-header-patient.ids-header-patient--collapse{box-shadow:none}.ids-header-patient.ids-header-patient--collapse .ids-header-patient__buttons,.ids-header-patient.ids-header-patient--collapse .ids-header-patient__info{display:none}.ids-header-patient.ids-header-patient--collapse.ids-header-patient--long-name:not(.ids-header-patient--stack) .ids-header-patient__ssn{display:inline}@media (max-width:1024px){.ids-header-patient .ids-patient-header__inner{flex-direction:column;padding:.75rem 1rem}.ids-header-patient .ids-header-patient__content{flex-direction:column;margin-top:0}.ids-header-patient .ids-header-patient__buttons{align-items:center;justify-content:center;min-width:0;white-space:normal}.ids-header-patient .ids-header-patient__info{margin:.5rem 0}.ids-header-patient.ids-header-patient--stack .ids-header-patient__ssn{margin-left:0}}";
4
4
 
5
5
  var headerPatientLit = css`${unsafeCSS(css_248z)}`;
6
6
 
package/components/header-patient/header-patient.css CHANGED
@@ -189,7 +189,7 @@
189
189
  white-space: normal;
190
190
  align-items: center;
191
191
  justify-content: center;
192
- min-width: none;
192
+ min-width: 0;
193
193
  }
194
194
  .ids-header-patient .ids-header-patient__info {
195
195
  margin: 0.5rem 0;
package/components/tabs/tabs-lit.js CHANGED
@@ -2,7 +2,7 @@ import { css, unsafeCSS } from 'lit';
2
2
 
3
3
  var css_248z$1 = "@media (max-width: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}";
4
4
 
5
- var css_248z = ".ids-select:has(select:disabled) label{color:var(--IDS-FORM-LABEL--DISABLED-COLOR);cursor:default!important;font-style:italic}.ids-select__select{appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;background-color:var(--IDS-INPUT__BACKGROUND-COLOR);border-radius:var(--IDS-BORDER-RADIUS);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}";
5
+ var css_248z = ".ids-select:has(select:disabled) label{color:var(--IDS-FORM-LABEL--DISABLED-COLOR);cursor:default!important;font-style:italic}.ids-select__select{appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;background-color:var(--IDS-INPUT__BACKGROUND-COLOR);border-radius:var(--IDS-BORDER-RADIUS);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;pointer-events:none;position:absolute;right:var(--IDS-INPUT__ICON-RIGHT);top:50%;transform:translateY(-50%);z-index:2}.ids-select__wrapper:has(select:disabled):after,.ids-select__wrapper:has(select[aria-disabled=true]):after{color:var(--IDS-FORM--DISABLED__COLOR)!important}.ids-select__wrapper:has(select[aria-invalid=true]):after{color:var(--IDS-FORM--INVALID__COLOR)!important}";
6
6
 
7
7
  var tabsLit = css`${unsafeCSS(css_248z$1)} ${unsafeCSS(css_248z)}`;
8
8
 
package/global/global.css CHANGED
@@ -11961,6 +11961,7 @@ button.ids-button:not(.ids-button--fab).ids-button--submit.ids-button--s {
11961
11961
  top: 50%;
11962
11962
  right: var(--IDS-INPUT__ICON-RIGHT);
11963
11963
  transform: translateY(-50%);
11964
+ flex-shrink: 0;
11964
11965
  color: var(--IDS-ICON--ACTIVE-COLOR);
11965
11966
  font-size: 1.25rem;
11966
11967
  }
@@ -12038,6 +12039,8 @@ button.ids-button:not(.ids-button--fab).ids-button--submit.ids-button--s {
12038
12039
  font-size: 1rem;
12039
12040
  color: var(--IDS-FORM__COLOR);
12040
12041
  display: block;
12042
+ width: 100%;
12043
+ box-sizing: border-box;
12041
12044
  }
12042
12045
  .ids-input__input::placeholder {
12043
12046
  color: var(--IDS-FORM__COLOR);
@@ -12159,6 +12162,8 @@ ids-input input[type=search]::-webkit-search-results-decoration {
12159
12162
  font-size: 1rem;
12160
12163
  color: var(--IDS-FORM__COLOR);
12161
12164
  display: block;
12165
+ width: 100%;
12166
+ box-sizing: border-box;
12162
12167
  }
12163
12168
  .ids-textarea textarea::placeholder,
12164
12169
  .ids-textarea .ids-textarea__textarea::placeholder {
@@ -13047,6 +13052,8 @@ input[type=range]:disabled::-ms-thumb {
13047
13052
  font-size: 1rem;
13048
13053
  color: var(--IDS-FORM__COLOR);
13049
13054
  display: block;
13055
+ width: 100%;
13056
+ box-sizing: border-box;
13050
13057
  }
13051
13058
  .ids-select__select::placeholder {
13052
13059
  color: var(--IDS-FORM__COLOR);
@@ -13204,6 +13211,8 @@ input[type=range]:disabled::-ms-thumb {
13204
13211
  font-size: 1rem;
13205
13212
  color: var(--IDS-FORM__COLOR);
13206
13213
  display: block;
13214
+ width: 100%;
13215
+ box-sizing: border-box;
13207
13216
  }
13208
13217
  .ids-select-multiple__select::placeholder {
13209
13218
  color: var(--IDS-FORM__COLOR);
@@ -13560,6 +13569,10 @@ input[type=range]:disabled::-ms-thumb {
13560
13569
 
13561
13570
  .ids-time .ids-time__input-wrapper {
13562
13571
  position: relative;
13572
+ display: flex;
13573
+ align-items: flex-start;
13574
+ width: 100%;
13575
+ flex: 1;
13563
13576
  }
13564
13577
  .ids-time .ids-time__input-wrapper:after {
13565
13578
  font: icon;
@@ -13603,6 +13616,8 @@ input.ids-time__input {
13603
13616
  font-size: 1rem;
13604
13617
  color: var(--IDS-FORM__COLOR);
13605
13618
  display: block;
13619
+ width: 100%;
13620
+ box-sizing: border-box;
13606
13621
  }
13607
13622
  input.ids-time__input::placeholder {
13608
13623
  color: var(--IDS-FORM__COLOR);
@@ -13664,13 +13679,10 @@ input.ids-time__input.ids-input--light.ids-input--invalid, input.ids-time__input
13664
13679
  box-shadow: var(--IDS-FORM--INVALID-BOX-SHADOW);
13665
13680
  }
13666
13681
  input.ids-time__input {
13667
- cursor: default;
13668
- display: inline-block;
13669
- box-sizing: border-box;
13670
- width: 100%;
13671
- line-height: 2.375rem;
13672
13682
  height: var(--IDS-INPUT__HEIGHT);
13673
- padding-right: 0;
13683
+ line-height: var(--IDS-INPUT__HEIGHT);
13684
+ flex: 1;
13685
+ min-width: 0;
13674
13686
  }
13675
13687
  input.ids-time__input::-webkit-calendar-picker-indicator {
13676
13688
  opacity: 0;
@@ -14016,6 +14028,8 @@ input:focus-visible + .ids-darkmode-toggle input:before {
14016
14028
  font-size: 1rem;
14017
14029
  color: var(--IDS-FORM__COLOR);
14018
14030
  display: block;
14031
+ width: 100%;
14032
+ box-sizing: border-box;
14019
14033
  }
14020
14034
  .ids-datepicker .ids-datepicker__input::placeholder {
14021
14035
  color: var(--IDS-FORM__COLOR);
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "type": "module",
3
3
  "name": "@inera/ids-design",
4
- "version": "9.0.0",
4
+ "version": "9.0.1",
5
5
  "license": "SEE LICENSE IN LICENSE.md",
6
6
  "publishConfig": {
7
7
  "access": "public"
package/styles.css CHANGED
@@ -12052,6 +12052,7 @@ button.ids-button:not(.ids-button--fab).ids-button--submit.ids-button--s {
12052
12052
  top: 50%;
12053
12053
  right: var(--IDS-INPUT__ICON-RIGHT);
12054
12054
  transform: translateY(-50%);
12055
+ flex-shrink: 0;
12055
12056
  color: var(--IDS-ICON--ACTIVE-COLOR);
12056
12057
  font-size: 1.25rem;
12057
12058
  }
@@ -12129,6 +12130,8 @@ button.ids-button:not(.ids-button--fab).ids-button--submit.ids-button--s {
12129
12130
  font-size: 1rem;
12130
12131
  color: var(--IDS-FORM__COLOR);
12131
12132
  display: block;
12133
+ width: 100%;
12134
+ box-sizing: border-box;
12132
12135
  }
12133
12136
  .ids-input__input::placeholder {
12134
12137
  color: var(--IDS-FORM__COLOR);
@@ -12250,6 +12253,8 @@ ids-input input[type=search]::-webkit-search-results-decoration {
12250
12253
  font-size: 1rem;
12251
12254
  color: var(--IDS-FORM__COLOR);
12252
12255
  display: block;
12256
+ width: 100%;
12257
+ box-sizing: border-box;
12253
12258
  }
12254
12259
  .ids-textarea textarea::placeholder,
12255
12260
  .ids-textarea .ids-textarea__textarea::placeholder {
@@ -13138,6 +13143,8 @@ input[type=range]:disabled::-ms-thumb {
13138
13143
  font-size: 1rem;
13139
13144
  color: var(--IDS-FORM__COLOR);
13140
13145
  display: block;
13146
+ width: 100%;
13147
+ box-sizing: border-box;
13141
13148
  }
13142
13149
  .ids-select__select::placeholder {
13143
13150
  color: var(--IDS-FORM__COLOR);
@@ -13295,6 +13302,8 @@ input[type=range]:disabled::-ms-thumb {
13295
13302
  font-size: 1rem;
13296
13303
  color: var(--IDS-FORM__COLOR);
13297
13304
  display: block;
13305
+ width: 100%;
13306
+ box-sizing: border-box;
13298
13307
  }
13299
13308
  .ids-select-multiple__select::placeholder {
13300
13309
  color: var(--IDS-FORM__COLOR);
@@ -13651,6 +13660,10 @@ input[type=range]:disabled::-ms-thumb {
13651
13660
 
13652
13661
  .ids-time .ids-time__input-wrapper {
13653
13662
  position: relative;
13663
+ display: flex;
13664
+ align-items: flex-start;
13665
+ width: 100%;
13666
+ flex: 1;
13654
13667
  }
13655
13668
  .ids-time .ids-time__input-wrapper:after {
13656
13669
  font: icon;
@@ -13694,6 +13707,8 @@ input.ids-time__input {
13694
13707
  font-size: 1rem;
13695
13708
  color: var(--IDS-FORM__COLOR);
13696
13709
  display: block;
13710
+ width: 100%;
13711
+ box-sizing: border-box;
13697
13712
  }
13698
13713
  input.ids-time__input::placeholder {
13699
13714
  color: var(--IDS-FORM__COLOR);
@@ -13755,13 +13770,10 @@ input.ids-time__input.ids-input--light.ids-input--invalid, input.ids-time__input
13755
13770
  box-shadow: var(--IDS-FORM--INVALID-BOX-SHADOW);
13756
13771
  }
13757
13772
  input.ids-time__input {
13758
- cursor: default;
13759
- display: inline-block;
13760
- box-sizing: border-box;
13761
- width: 100%;
13762
- line-height: 2.375rem;
13763
13773
  height: var(--IDS-INPUT__HEIGHT);
13764
- padding-right: 0;
13774
+ line-height: var(--IDS-INPUT__HEIGHT);
13775
+ flex: 1;
13776
+ min-width: 0;
13765
13777
  }
13766
13778
  input.ids-time__input::-webkit-calendar-picker-indicator {
13767
13779
  opacity: 0;
@@ -14107,6 +14119,8 @@ input:focus-visible + .ids-darkmode-toggle input:before {
14107
14119
  font-size: 1rem;
14108
14120
  color: var(--IDS-FORM__COLOR);
14109
14121
  display: block;
14122
+ width: 100%;
14123
+ box-sizing: border-box;
14110
14124
  }
14111
14125
  .ids-datepicker .ids-datepicker__input::placeholder {
14112
14126
  color: var(--IDS-FORM__COLOR);