npm - @inera/ids-design - Versions diffs - 9.1.0 → 9.2.0 - Mend

@inera/ids-design 9.1.0 → 9.2.0

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 (261) hide show

package/components/popover/popover.css CHANGED Viewed

@@ -1,4 +1,5 @@
-.ids--light, .ids--dark {
+.ids--light,
+.ids--dark {
   --IDS-FONT-FAMILY-BASE: "Open Sans";
   --IDS-FONT-FAMILY-HEADING: "Inter";
   --IDS-FONT-COLOR: var(--ids-color-surface-text-on-default);
@@ -16,10 +17,15 @@
   --IDS-BULLET-LIST__LINE-HEIGHT: 1.5rem;
   --IDS-DIVIDER__COLOR: var(--ids-color-surface-border-default);
 }
-.ids--light.ids--1177-pro, .ids--light.ids--1177-admin, .ids--dark.ids--1177-pro, .ids--dark.ids--1177-admin {
+.ids--light.ids--1177-pro, .ids--light.ids--1177-admin,
+.ids--dark.ids--1177-pro,
+.ids--dark.ids--1177-admin {
   --IDS-PAGE-LIST__COLOR: var(--ids-color-interactive-text-default);
 }
-.ids--light.ids--inera, .ids--light.ids--inera-admin, .ids--dark.ids--inera, .ids--dark.ids--inera-admin {
+.ids--light.ids--inera, .ids--light.ids--inera-general, .ids--light.ids--inera-admin,
+.ids--dark.ids--inera,
+.ids--dark.ids--inera-general,
+.ids--dark.ids--inera-admin {
   --IDS-FONT-FAMILY-BASE: "Open Sans";
   --IDS-FONT-FAMILY-HEADING: "Poppins";
   --IDS-HEADING-XXL__MARGIN-BOTTOM: 1.25rem;
@@ -31,10 +37,16 @@
   --IDS-BULLET-LIST__LINE-HEIGHT: 1.625rem;
   --IDS-DESCRIPTION-LIST__TERM-FONT-WEIGHT: 600;
 }
-.ids--light.ids--dark, .ids--dark.ids--dark {
+.ids--light.ids--dark,
+.ids--dark.ids--dark {
   --IDS-PAGE-LIST__COLOR: var(--ids-color-navigation-text-default);
 }
-.ids--light.ids--dark.ids--1177-pro, .ids--light.ids--dark.ids--1177-admin, .ids--light.ids--dark.ids--inera, .ids--light.ids--dark.ids--inera-admin, .ids--dark.ids--dark.ids--1177-pro, .ids--dark.ids--dark.ids--1177-admin, .ids--dark.ids--dark.ids--inera, .ids--dark.ids--dark.ids--inera-admin {
+.ids--light.ids--dark.ids--1177-pro, .ids--light.ids--dark.ids--1177-admin, .ids--light.ids--dark.ids--inera, .ids--light.ids--dark.ids--inera-general, .ids--light.ids--dark.ids--inera-admin,
+.ids--dark.ids--dark.ids--1177-pro,
+.ids--dark.ids--dark.ids--1177-admin,
+.ids--dark.ids--dark.ids--inera,
+.ids--dark.ids--dark.ids--inera-general,
+.ids--dark.ids--dark.ids--inera-admin {
   --IDS-PAGE-LIST__COLOR: var(--ids-color-interactive-text-default);
 }
@@ -70,7 +82,6 @@
   padding: 1.25rem 1rem 1.25rem 1.25rem;
   position: relative;
   z-index: 150;
-  max-height: 16.25rem;
   width: 16.25rem;
   max-width: 100vw;
   box-sizing: border-box;
@@ -323,6 +334,7 @@
   position: absolute;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
+  font-size: 1rem;
   content: "\e916";
   font-size: 1.25rem;
   color: var(--IDS-ICON--ACTIVE-COLOR);

package/components/progressbar/progressbar-lit.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { css, unsafeCSS } from 'lit';
-var css_248z = "@media (max-width:1023px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}.ids--dark,.ids--light{--IDS-FONT-FAMILY-BASE:\"Open Sans\";--IDS-FONT-FAMILY-HEADING:\"Inter\";--IDS-FONT-COLOR:var(--ids-color-surface-text-on-default);--IDS-HEADING-XXL__MARGIN-BOTTOM:1.875rem;--IDS-HEADING-XL__MARGIN-BOTTOM:1.875rem;--IDS-HEADING-L__MARGIN-BOTTOM:1.875rem;--IDS-PAGE-LIST__COLOR:var(--ids-color-brand-text-primary);--IDS-PAGE-LIST__FONT-FAMILY:var(--IDS-FONT-FAMILY-HEADING);--IDS-PAGE-LIST__FONT-SIZE:1.25rem;--IDS-PAGE-LIST__LINE-HEIGHT:1.5rem;--IDS-PAGE-LIST__FONT-WEIGHT:700;--IDS-PAGE-LIST__LETTER-SPACING:-0.025rem;--IDS-BULLET-LIST__MARKER-COLOR:var(--ids-color-brand-text-primary);--IDS-BULLET-LIST__MARKER-FONT-WEIGHT:bold;--IDS-BULLET-LIST__LINE-HEIGHT:1.5rem;--IDS-DIVIDER__COLOR:var(--ids-color-surface-border-default)}.ids--dark.ids--1177-admin,.ids--dark.ids--1177-pro,.ids--light.ids--1177-admin,.ids--light.ids--1177-pro{--IDS-PAGE-LIST__COLOR:var(--ids-color-interactive-text-default)}.ids--dark.ids--inera,.ids--dark.ids--inera-admin,.ids--light.ids--inera,.ids--light.ids--inera-admin{--IDS-FONT-FAMILY-BASE:\"Open Sans\";--IDS-FONT-FAMILY-HEADING:\"Poppins\";--IDS-HEADING-XXL__MARGIN-BOTTOM:1.25rem;--IDS-HEADING-XL__MARGIN-BOTTOM:1.25rem;--IDS-HEADING-L__MARGIN-BOTTOM:1.25rem;--IDS-PAGE-LIST__FONT-WEIGHT:600;--IDS-PAGE-LIST__LETTER-SPACING:0;--IDS-BULLET-LIST__MARKER-FONT-WEIGHT:normal;--IDS-BULLET-LIST__LINE-HEIGHT:1.625rem;--IDS-DESCRIPTION-LIST__TERM-FONT-WEIGHT:600}.ids--dark.ids--dark,.ids--light.ids--dark{--IDS-PAGE-LIST__COLOR:var(--ids-color-navigation-text-default)}.ids--dark.ids--dark.ids--1177-admin,.ids--dark.ids--dark.ids--1177-pro,.ids--dark.ids--dark.ids--inera,.ids--dark.ids--dark.ids--inera-admin,.ids--light.ids--dark.ids--1177-admin,.ids--light.ids--dark.ids--1177-pro,.ids--light.ids--dark.ids--inera,.ids--light.ids--dark.ids--inera-admin{--IDS-PAGE-LIST__COLOR:var(--ids-color-interactive-text-default)}.ids-progressbar .ids-progressbar__bar{border:var(--IDS-PROGRESSBAR__BORDER-THICKNESS) solid var(--IDS-PROGRESSBAR__BORDER-COLOR);border-radius:.75rem;box-sizing:border-box;height:var(--IDS-PROGRESSBAR__HEIGHT);position:relative}@media (max-width:1023px){.ids-progressbar .ids-progressbar__bar{border-radius:.5rem;height:var(--IDS-PROGRESSBAR__HEIGHT--TABLET)}}.ids-progressbar .ids-progressbar__progress{background-color:var(--IDS-PROGRESSBAR__PROGRESS-COLOR);border-radius:.75rem;display:block;height:.75rem;left:0;margin-left:-.063rem;margin-top:-.063rem;position:absolute;transition:width .3s ease;width:15%}@media (max-width:1023px){.ids-progressbar .ids-progressbar__progress{border-radius:.5rem;height:.5rem}}.ids-progressbar .ids-progressbar__progress--none{display:none}.ids-progressbar .ids-progressbar__label{color:var(--ids-color-surface-text-on-default);display:flex;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);justify-content:start;letter-spacing:0;line-height:var(--ids-font-line-height-body-text);margin-bottom:.25rem}";
+var css_248z = "@media (max-width:1023px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}.ids--dark,.ids--light{--IDS-FONT-FAMILY-BASE:\"Open Sans\";--IDS-FONT-FAMILY-HEADING:\"Inter\";--IDS-FONT-COLOR:var(--ids-color-surface-text-on-default);--IDS-HEADING-XXL__MARGIN-BOTTOM:1.875rem;--IDS-HEADING-XL__MARGIN-BOTTOM:1.875rem;--IDS-HEADING-L__MARGIN-BOTTOM:1.875rem;--IDS-PAGE-LIST__COLOR:var(--ids-color-brand-text-primary);--IDS-PAGE-LIST__FONT-FAMILY:var(--IDS-FONT-FAMILY-HEADING);--IDS-PAGE-LIST__FONT-SIZE:1.25rem;--IDS-PAGE-LIST__LINE-HEIGHT:1.5rem;--IDS-PAGE-LIST__FONT-WEIGHT:700;--IDS-PAGE-LIST__LETTER-SPACING:-0.025rem;--IDS-BULLET-LIST__MARKER-COLOR:var(--ids-color-brand-text-primary);--IDS-BULLET-LIST__MARKER-FONT-WEIGHT:bold;--IDS-BULLET-LIST__LINE-HEIGHT:1.5rem;--IDS-DIVIDER__COLOR:var(--ids-color-surface-border-default)}.ids--dark.ids--1177-admin,.ids--dark.ids--1177-pro,.ids--light.ids--1177-admin,.ids--light.ids--1177-pro{--IDS-PAGE-LIST__COLOR:var(--ids-color-interactive-text-default)}.ids--dark.ids--inera,.ids--dark.ids--inera-admin,.ids--dark.ids--inera-general,.ids--light.ids--inera,.ids--light.ids--inera-admin,.ids--light.ids--inera-general{--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--dark.ids--dark.ids--inera-general,.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--light.ids--dark.ids--inera-general{--IDS-PAGE-LIST__COLOR:var(--ids-color-interactive-text-default)}.ids-progressbar .ids-progressbar__bar{border:var(--IDS-PROGRESSBAR__BORDER-THICKNESS) solid var(--IDS-PROGRESSBAR__BORDER-COLOR);border-radius:.75rem;box-sizing:border-box;height:var(--IDS-PROGRESSBAR__HEIGHT);position:relative}@media (max-width:1023px){.ids-progressbar .ids-progressbar__bar{border-radius:.5rem;height:var(--IDS-PROGRESSBAR__HEIGHT--TABLET)}}.ids-progressbar .ids-progressbar__progress{background-color:var(--IDS-PROGRESSBAR__PROGRESS-COLOR);border-radius:.75rem;display:block;height:.75rem;left:0;margin-left:-.063rem;margin-top:-.063rem;position:absolute;transition:width .3s ease;width:15%}@media (max-width:1023px){.ids-progressbar .ids-progressbar__progress{border-radius:.5rem;height:.5rem}}.ids-progressbar .ids-progressbar__progress--none{display:none}.ids-progressbar .ids-progressbar__label{color:var(--ids-color-surface-text-on-default);display:flex;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);justify-content:start;letter-spacing:0;line-height:var(--ids-font-line-height-body-text);margin-bottom:.25rem}";
 var progressbarLit = css`${unsafeCSS(css_248z)}`;

package/components/progressbar/progressbar.css CHANGED Viewed

@@ -10,7 +10,8 @@
   }
 }
-.ids--light, .ids--dark {
+.ids--light,
+.ids--dark {
   --IDS-FONT-FAMILY-BASE: "Open Sans";
   --IDS-FONT-FAMILY-HEADING: "Inter";
   --IDS-FONT-COLOR: var(--ids-color-surface-text-on-default);
@@ -28,10 +29,15 @@
   --IDS-BULLET-LIST__LINE-HEIGHT: 1.5rem;
   --IDS-DIVIDER__COLOR: var(--ids-color-surface-border-default);
 }
-.ids--light.ids--1177-pro, .ids--light.ids--1177-admin, .ids--dark.ids--1177-pro, .ids--dark.ids--1177-admin {
+.ids--light.ids--1177-pro, .ids--light.ids--1177-admin,
+.ids--dark.ids--1177-pro,
+.ids--dark.ids--1177-admin {
   --IDS-PAGE-LIST__COLOR: var(--ids-color-interactive-text-default);
 }
-.ids--light.ids--inera, .ids--light.ids--inera-admin, .ids--dark.ids--inera, .ids--dark.ids--inera-admin {
+.ids--light.ids--inera, .ids--light.ids--inera-general, .ids--light.ids--inera-admin,
+.ids--dark.ids--inera,
+.ids--dark.ids--inera-general,
+.ids--dark.ids--inera-admin {
   --IDS-FONT-FAMILY-BASE: "Open Sans";
   --IDS-FONT-FAMILY-HEADING: "Poppins";
   --IDS-HEADING-XXL__MARGIN-BOTTOM: 1.25rem;
@@ -43,10 +49,16 @@
   --IDS-BULLET-LIST__LINE-HEIGHT: 1.625rem;
   --IDS-DESCRIPTION-LIST__TERM-FONT-WEIGHT: 600;
 }
-.ids--light.ids--dark, .ids--dark.ids--dark {
+.ids--light.ids--dark,
+.ids--dark.ids--dark {
   --IDS-PAGE-LIST__COLOR: var(--ids-color-navigation-text-default);
 }
-.ids--light.ids--dark.ids--1177-pro, .ids--light.ids--dark.ids--1177-admin, .ids--light.ids--dark.ids--inera, .ids--light.ids--dark.ids--inera-admin, .ids--dark.ids--dark.ids--1177-pro, .ids--dark.ids--dark.ids--1177-admin, .ids--dark.ids--dark.ids--inera, .ids--dark.ids--dark.ids--inera-admin {
+.ids--light.ids--dark.ids--1177-pro, .ids--light.ids--dark.ids--1177-admin, .ids--light.ids--dark.ids--inera, .ids--light.ids--dark.ids--inera-general, .ids--light.ids--dark.ids--inera-admin,
+.ids--dark.ids--dark.ids--1177-pro,
+.ids--dark.ids--dark.ids--1177-admin,
+.ids--dark.ids--dark.ids--inera,
+.ids--dark.ids--dark.ids--inera-general,
+.ids--dark.ids--dark.ids--inera-admin {
   --IDS-PAGE-LIST__COLOR: var(--ids-color-interactive-text-default);
 }

package/components/puff-list/puff-list-lit.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { css, unsafeCSS } from 'lit';
-var css_248z = "@media (max-width:1023px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}.ids--dark,.ids--light{--IDS-FONT-FAMILY-BASE:\"Open Sans\";--IDS-FONT-FAMILY-HEADING:\"Inter\";--IDS-FONT-COLOR:var(--ids-color-surface-text-on-default);--IDS-HEADING-XXL__MARGIN-BOTTOM:1.875rem;--IDS-HEADING-XL__MARGIN-BOTTOM:1.875rem;--IDS-HEADING-L__MARGIN-BOTTOM:1.875rem;--IDS-PAGE-LIST__COLOR:var(--ids-color-brand-text-primary);--IDS-PAGE-LIST__FONT-FAMILY:var(--IDS-FONT-FAMILY-HEADING);--IDS-PAGE-LIST__FONT-SIZE:1.25rem;--IDS-PAGE-LIST__LINE-HEIGHT:1.5rem;--IDS-PAGE-LIST__FONT-WEIGHT:700;--IDS-PAGE-LIST__LETTER-SPACING:-0.025rem;--IDS-BULLET-LIST__MARKER-COLOR:var(--ids-color-brand-text-primary);--IDS-BULLET-LIST__MARKER-FONT-WEIGHT:bold;--IDS-BULLET-LIST__LINE-HEIGHT:1.5rem;--IDS-DIVIDER__COLOR:var(--ids-color-surface-border-default)}.ids--dark.ids--1177-admin,.ids--dark.ids--1177-pro,.ids--light.ids--1177-admin,.ids--light.ids--1177-pro{--IDS-PAGE-LIST__COLOR:var(--ids-color-interactive-text-default)}.ids--dark.ids--inera,.ids--dark.ids--inera-admin,.ids--light.ids--inera,.ids--light.ids--inera-admin{--IDS-FONT-FAMILY-BASE:\"Open Sans\";--IDS-FONT-FAMILY-HEADING:\"Poppins\";--IDS-HEADING-XXL__MARGIN-BOTTOM:1.25rem;--IDS-HEADING-XL__MARGIN-BOTTOM:1.25rem;--IDS-HEADING-L__MARGIN-BOTTOM:1.25rem;--IDS-PAGE-LIST__FONT-WEIGHT:600;--IDS-PAGE-LIST__LETTER-SPACING:0;--IDS-BULLET-LIST__MARKER-FONT-WEIGHT:normal;--IDS-BULLET-LIST__LINE-HEIGHT:1.625rem;--IDS-DESCRIPTION-LIST__TERM-FONT-WEIGHT:600}.ids--dark.ids--dark,.ids--light.ids--dark{--IDS-PAGE-LIST__COLOR:var(--ids-color-navigation-text-default)}.ids--dark.ids--dark.ids--1177-admin,.ids--dark.ids--dark.ids--1177-pro,.ids--dark.ids--dark.ids--inera,.ids--dark.ids--dark.ids--inera-admin,.ids--light.ids--dark.ids--1177-admin,.ids--light.ids--dark.ids--1177-pro,.ids--light.ids--dark.ids--inera,.ids--light.ids--dark.ids--inera-admin{--IDS-PAGE-LIST__COLOR:var(--ids-color-interactive-text-default)}.ids-puff-list{list-style:none;padding-left:0}.ids-puff-list:has(>:first-child:not(.ids-puff-list-item--lean)){border-top:var(--IDS-PUFF-LIST__BORDER)}.ids-puff-list-item{list-style:none}.ids-puff-list-item .ids-puff-list-item__inner{display:flex;gap:1.25rem;margin:1.25rem 0;padding:0;position:relative}.ids-puff-list-item .ids-puff-list-item__content-wrapper{display:flex;gap:1.25rem}@media (max-width:320px){.ids-puff-list-item .ids-puff-list-item__content-wrapper{flex-wrap:wrap}}.ids-puff-list-item .ids-puff-list-item__content{width:100%}.ids-puff-list-item .ids-puff-list-item__body{color:var(--IDS-PUFF-LIST__COLOR)!important;font-family:var(--IDS-FONT-FAMILY-BASE)}.ids-puff-list-item .ids-puff-list-item__date{display:inline-flex;font-family:var(--IDS-FONT-FAMILY-BASE);font-size:.875rem;font-style:normal;font-weight:400;letter-spacing:.0625rem;line-height:1.25rem;margin-bottom:.25rem;text-transform:uppercase}.ids-puff-list-item .ids-puff-list-item__time{margin-left:.75rem}.ids-puff-list-item .ids-puff-list-item__date-spacer{margin:0 .5rem}.ids-puff-list-item .ids-puff-list-item__extra-content{align-items:center;display:flex;flex-direction:column;gap:.5rem;justify-content:center}.ids-puff-list-item.ids-puff-list-item--interactive .ids-puff-list-item__item-link{border:none;border-radius:var(--IDS-FOCUS__BORDER-RADIUS);color:var(--IDS-FONT__COLOR);cursor:pointer;display:block;font-family:inherit;font-size:inherit;text-decoration:none}.ids-puff-list-item.ids-puff-list-item--interactive .ids-puff-list-item__item-link:hover{color:var(--IDS-FONT__COLOR)}.ids-puff-list-item.ids-puff-list-item--interactive .ids-puff-list-item__item-link:hover .ids-puff-list-item-header__headline,.ids-puff-list-item.ids-puff-list-item--interactive .ids-puff-list-item__item-link:hover :is(h1,h2,h3,h4,h5,h6){color:var(--IDS-PUFF-LIST-HEADER-LINK__HOVER-COLOR)!important;text-decoration:underline!important}.ids-puff-list-item .ids-puff-list-item-separator{border-bottom:var(--IDS-PUFF-LIST__BORDER);height:.0625rem;width:100%}.ids-puff-list-item.ids-puff-list-item--lean .ids-puff-list-item__inner{margin:0}.ids-puff-list-item.ids-puff-list-item--lean .ids-puff-list-item-separator{display:none}li.ids-puff-list-item:not(.ids-puff-list-item--lean){border-bottom:var(--IDS-PUFF-LIST__BORDER)}.ids-puff-list-item-header{display:flex;width:100%}.ids-puff-list-item-header .ids-puff-list-item-header__headline,.ids-puff-list-item-header :is(h1,h2,h3,h4,h5,h6){color:var(--IDS-PUFF-LIST-HEADER-LINK__COLOR);display:inline;font-family:var(--ids-font-family-heading)!important;font-size:var(--ids-font-size-heading-s)!important;font-style:normal;font-weight:var(--ids-font-weight-heading-s)!important;letter-spacing:var(--ids-font-letter-spacing-heading-s)!important;line-height:var(--ids-font-line-height-heading-s)!important;margin-bottom:.25rem!important;margin-top:0!important;padding-left:1.75rem;position:relative;text-underline-offset:.125rem}.ids-puff-list-item-header .ids-puff-list-item-header__headline a,.ids-puff-list-item-header :is(h1,h2,h3,h4,h5,h6) a{border:none;color:var(--IDS-PUFF-LIST-HEADER-LINK__COLOR);cursor:pointer;display:inline;font-family:var(--ids-font-family-heading)!important;font-size:var(--ids-font-size-heading-s)!important;font-style:normal;font-weight:var(--ids-font-weight-heading-s)!important;letter-spacing:var(--ids-font-letter-spacing-heading-s)!important;line-height:var(--ids-font-line-height-heading-s)!important;text-decoration:none!important;text-underline-offset:.125rem;width:100%}.ids-puff-list-item-header .ids-puff-list-item-header__headline:before,.ids-puff-list-item-header :is(h1,h2,h3,h4,h5,h6):before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:\"\\e93d\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1.25rem;left:0;position:absolute;top:.125rem}@-moz-document url-prefix(){.ids-puff-list-item-header .ids-puff-list-item-header__headline:before,.ids-puff-list-item-header :is(h1,h2,h3,h4,h5,h6):before{top:.125rem}}.ids-puff-list-item-header .ids-puff-list-item-header__headline a:hover,.ids-puff-list-item-header :is(h1,h2,h3,h4,h5,h6) a:hover{color:var(--IDS-PUFF-LIST-HEADER-LINK__HOVER-COLOR);font-family:var(--ids-font-family-heading)!important;font-size:var(--ids-font-size-heading-s)!important;font-style:normal;font-weight:var(--ids-font-weight-heading-s)!important;letter-spacing:var(--ids-font-letter-spacing-heading-s)!important;line-height:var(--ids-font-line-height-heading-s)!important;text-decoration:underline!important}.ids-puff-list-item-header .ids-puff-list-item-header__headline a:focus-visible,.ids-puff-list-item-header :is(h1,h2,h3,h4,h5,h6) a:focus-visible{border-radius:var(--IDS-FOCUS__BORDER-RADIUS);outline-offset:.25rem!important}.ids-puff-list-item-header .ids-puff-list-item-header__headline.ids-puff-list-item-header__headline--hover,.ids-puff-list-item-header :is(h1,h2,h3,h4,h5,h6).ids-puff-list-item-header__headline--hover{color:var(--IDS-PUFF-LIST-HEADER-LINK__HOVER-COLOR);font-family:var(--ids-font-family-heading)!important;font-size:var(--ids-font-size-heading-s)!important;font-style:normal;font-weight:var(--ids-font-weight-heading-s)!important;letter-spacing:var(--ids-font-letter-spacing-heading-s)!important;line-height:var(--ids-font-line-height-heading-s)!important;text-decoration:underline!important}.ids-puff-list-item-header .ids-puff-list-item-header__headline.ids-puff-list-item-header__headline--hover:before,.ids-puff-list-item-header :is(h1,h2,h3,h4,h5,h6).ids-puff-list-item-header__headline--hover:before{color:var(--IDS-PUFF-LIST-HEADER-LINK__HOVER-COLOR)}.ids-puff-list-item-header .ids-puff-list-item-header__headline:hover:before,.ids-puff-list-item-header :is(h1,h2,h3,h4,h5,h6):hover:before{color:var(--IDS-PUFF-LIST-HEADER-LINK__HOVER-COLOR)}.ids-puff-list-item-header .ids-puff-list-item-header__headline .ids-puff-list-item-header__extra-content>*,.ids-puff-list-item-header :is(h1,h2,h3,h4,h5,h6) .ids-puff-list-item-header__extra-content>*{position:relative;top:-.0625rem}.ids-puff-list-item-header .ids-puff-list-item-header__headline.ids-puff-list-item-header__headline--no-margin,.ids-puff-list-item-header :is(h1,h2,h3,h4,h5,h6).ids-puff-list-item-header__headline--no-margin{margin-bottom:0!important}.ids-puff-list-item-header:has(.ids-puff-list-item-header__extra-content) .ids-puff-list-item-header__headline-content{margin-right:1rem}@media (max-width:1023px){.ids-puff-list-item-header:has(.ids-puff-list-item-header__extra-content) .ids-puff-list-item-header__headline-content{margin-right:.5rem}}.ids-puff-list-item__info{color:var(--IDS-LIST__ITEM-INFO-COLOR)!important;display:block;font-family:var(--IDS-FONT-FAMILY-BASE);font-size:1rem;font-style:italic;font-weight:400;margin-bottom:.5rem;margin-top:0}.ids-puff-list-item__info.ids-puff-list-item__info--bottom{margin-bottom:0;margin-top:.5rem}";
+var css_248z = "@media (max-width:1023px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}.ids--dark,.ids--light{--IDS-FONT-FAMILY-BASE:\"Open Sans\";--IDS-FONT-FAMILY-HEADING:\"Inter\";--IDS-FONT-COLOR:var(--ids-color-surface-text-on-default);--IDS-HEADING-XXL__MARGIN-BOTTOM:1.875rem;--IDS-HEADING-XL__MARGIN-BOTTOM:1.875rem;--IDS-HEADING-L__MARGIN-BOTTOM:1.875rem;--IDS-PAGE-LIST__COLOR:var(--ids-color-brand-text-primary);--IDS-PAGE-LIST__FONT-FAMILY:var(--IDS-FONT-FAMILY-HEADING);--IDS-PAGE-LIST__FONT-SIZE:1.25rem;--IDS-PAGE-LIST__LINE-HEIGHT:1.5rem;--IDS-PAGE-LIST__FONT-WEIGHT:700;--IDS-PAGE-LIST__LETTER-SPACING:-0.025rem;--IDS-BULLET-LIST__MARKER-COLOR:var(--ids-color-brand-text-primary);--IDS-BULLET-LIST__MARKER-FONT-WEIGHT:bold;--IDS-BULLET-LIST__LINE-HEIGHT:1.5rem;--IDS-DIVIDER__COLOR:var(--ids-color-surface-border-default)}.ids--dark.ids--1177-admin,.ids--dark.ids--1177-pro,.ids--light.ids--1177-admin,.ids--light.ids--1177-pro{--IDS-PAGE-LIST__COLOR:var(--ids-color-interactive-text-default)}.ids--dark.ids--inera,.ids--dark.ids--inera-admin,.ids--dark.ids--inera-general,.ids--light.ids--inera,.ids--light.ids--inera-admin,.ids--light.ids--inera-general{--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--dark.ids--dark.ids--inera-general,.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--light.ids--dark.ids--inera-general{--IDS-PAGE-LIST__COLOR:var(--ids-color-interactive-text-default)}.ids-puff-list{list-style:none;margin:0;padding:0!important}.ids-puff-list:has(>:first-child:not(.ids-puff-list-item--lean)){border-top:var(--IDS-PUFF-LIST__BORDER)}.ids-puff-list-item{list-style:none}.ids-puff-list-item .ids-puff-list-item__inner{display:flex;gap:1.25rem;padding:1.25rem 0;position:relative}.ids-puff-list-item .ids-puff-list-item__content-wrapper{display:flex;flex:1}@media (max-width:320px){.ids-puff-list-item .ids-puff-list-item__content-wrapper{flex-wrap:wrap}}.ids-puff-list-item .ids-puff-list-item__content{width:100%}.ids-puff-list-item .ids-puff-list-item__body{color:var(--IDS-PUFF-LIST__COLOR)!important;font-family:var(--IDS-FONT-FAMILY-BASE)}.ids-puff-list-item .ids-puff-list-item__date{display:inline-flex;font-family:var(--IDS-FONT-FAMILY-BASE);font-size:.875rem;font-style:normal;font-weight:400;letter-spacing:.0625rem;line-height:1.25rem;margin-bottom:.5rem;text-transform:uppercase}.ids-puff-list-item .ids-puff-list-item__time{margin-left:.75rem}.ids-puff-list-item .ids-puff-list-item__date-spacer{margin:0 .5rem}.ids-puff-list-item .ids-puff-list-item__extra-content{align-items:center;display:flex;flex-direction:column;gap:.5rem;justify-content:center;margin-left:1.25rem}.ids-puff-list-item.ids-puff-list-item--interactive .ids-puff-list-item__item-link{border:none;border-radius:var(--IDS-FOCUS__BORDER-RADIUS);color:var(--IDS-FONT__COLOR);cursor:pointer;display:block;font-family:inherit;font-size:inherit;text-decoration:none}.ids-puff-list-item.ids-puff-list-item--interactive .ids-puff-list-item__item-link:hover{color:var(--IDS-FONT__COLOR)}.ids-puff-list-item.ids-puff-list-item--interactive .ids-puff-list-item__item-link:hover .ids-puff-list-item-header__headline,.ids-puff-list-item.ids-puff-list-item--interactive .ids-puff-list-item__item-link:hover :is(h1,h2,h3,h4,h5,h6){color:var(--IDS-PUFF-LIST-HEADER-LINK__HOVER-COLOR)!important;text-decoration:underline!important}.ids-puff-list-item .ids-puff-list-item-separator{border-bottom:var(--IDS-PUFF-LIST__BORDER);height:.0625rem;width:100%}.ids-puff-list-item.ids-puff-list-item--lean .ids-puff-list-item__inner{margin:0;padding:0}.ids-puff-list-item.ids-puff-list-item--lean .ids-puff-list-item-separator{display:none}li.ids-puff-list-item:not(.ids-puff-list-item--lean){border-bottom:var(--IDS-PUFF-LIST__BORDER)}.ids-puff-list-item-header{display:flex;width:100%}.ids-puff-list-item-header .ids-puff-list-item-header__headline,.ids-puff-list-item-header :is(h1,h2,h3,h4,h5,h6){color:var(--IDS-PUFF-LIST-HEADER-LINK__COLOR);display:inline-block;font-family:var(--ids-font-family-heading)!important;font-size:var(--ids-font-size-heading-s)!important;font-style:normal;font-weight:var(--ids-font-weight-heading-s)!important;letter-spacing:var(--ids-font-letter-spacing-heading-s)!important;line-height:var(--ids-font-line-height-heading-s)!important;margin-bottom:.5rem!important;margin-top:0!important;padding-left:1.75rem;position:relative}.ids-puff-list-item-header .ids-puff-list-item-header__headline a,.ids-puff-list-item-header :is(h1,h2,h3,h4,h5,h6) a{border:none;color:var(--IDS-PUFF-LIST-HEADER-LINK__COLOR);cursor:pointer;display:inline;font-family:var(--ids-font-family-heading)!important;font-size:var(--ids-font-size-heading-s)!important;font-style:normal;font-weight:var(--ids-font-weight-heading-s)!important;letter-spacing:var(--ids-font-letter-spacing-heading-s)!important;line-height:var(--ids-font-line-height-heading-s)!important;text-decoration:none!important;width:100%}.ids-puff-list-item-header .ids-puff-list-item-header__headline:before,.ids-puff-list-item-header :is(h1,h2,h3,h4,h5,h6):before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:\"\\e93d\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1rem;font-size:1.25rem;left:0;position:absolute;top:.125rem}@-moz-document url-prefix(){.ids-puff-list-item-header .ids-puff-list-item-header__headline:before,.ids-puff-list-item-header :is(h1,h2,h3,h4,h5,h6):before{top:.125rem}}.ids-puff-list-item-header .ids-puff-list-item-header__headline a:hover,.ids-puff-list-item-header :is(h1,h2,h3,h4,h5,h6) a:hover{color:var(--IDS-PUFF-LIST-HEADER-LINK__HOVER-COLOR);font-family:var(--ids-font-family-heading)!important;font-size:var(--ids-font-size-heading-s)!important;font-style:normal;font-weight:var(--ids-font-weight-heading-s)!important;letter-spacing:var(--ids-font-letter-spacing-heading-s)!important;line-height:var(--ids-font-line-height-heading-s)!important;text-decoration:underline!important}.ids-puff-list-item-header .ids-puff-list-item-header__headline a:focus-visible,.ids-puff-list-item-header :is(h1,h2,h3,h4,h5,h6) a:focus-visible{border-radius:var(--IDS-FOCUS__BORDER-RADIUS);outline-offset:.25rem!important}.ids-puff-list-item-header .ids-puff-list-item-header__headline.ids-puff-list-item-header__headline--hover,.ids-puff-list-item-header :is(h1,h2,h3,h4,h5,h6).ids-puff-list-item-header__headline--hover{color:var(--IDS-PUFF-LIST-HEADER-LINK__HOVER-COLOR);font-family:var(--ids-font-family-heading)!important;font-size:var(--ids-font-size-heading-s)!important;font-style:normal;font-weight:var(--ids-font-weight-heading-s)!important;letter-spacing:var(--ids-font-letter-spacing-heading-s)!important;line-height:var(--ids-font-line-height-heading-s)!important;text-decoration:underline!important}.ids-puff-list-item-header .ids-puff-list-item-header__headline.ids-puff-list-item-header__headline--hover:before,.ids-puff-list-item-header :is(h1,h2,h3,h4,h5,h6).ids-puff-list-item-header__headline--hover:before{color:var(--IDS-PUFF-LIST-HEADER-LINK__HOVER-COLOR)}.ids-puff-list-item-header .ids-puff-list-item-header__headline:hover:before,.ids-puff-list-item-header :is(h1,h2,h3,h4,h5,h6):hover:before{color:var(--IDS-PUFF-LIST-HEADER-LINK__HOVER-COLOR)}.ids-puff-list-item-header .ids-puff-list-item-header__headline .ids-puff-list-item-header__extra-content>*,.ids-puff-list-item-header :is(h1,h2,h3,h4,h5,h6) .ids-puff-list-item-header__extra-content>*{position:relative;top:-.0625rem}.ids-puff-list-item-header .ids-puff-list-item-header__headline.ids-puff-list-item-header__headline--no-margin,.ids-puff-list-item-header :is(h1,h2,h3,h4,h5,h6).ids-puff-list-item-header__headline--no-margin{margin-bottom:0!important}.ids-puff-list-item-header:has(.ids-puff-list-item-header__extra-content) .ids-puff-list-item-header__headline-content{margin-right:1rem}@media (max-width:1023px){.ids-puff-list-item-header:has(.ids-puff-list-item-header__extra-content) .ids-puff-list-item-header__headline-content{margin-right:.5rem}}.ids-puff-list-item__info{color:var(--IDS-LIST__ITEM-INFO-COLOR)!important;display:block;font-family:var(--IDS-FONT-FAMILY-BASE);font-size:1rem;font-style:italic;font-weight:400;margin-bottom:.5rem;margin-top:0}.ids-puff-list-item__info.ids-puff-list-item__info--bottom{margin-bottom:0;margin-top:.5rem}";
 var puffListLit = css`${unsafeCSS(css_248z)}`;

package/components/puff-list/puff-list-shadow-lit.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { css, unsafeCSS } from 'lit';
-var css_248z = "@media (max-width:1023px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}.ids--dark,.ids--light{--IDS-FONT-FAMILY-BASE:\"Open Sans\";--IDS-FONT-FAMILY-HEADING:\"Inter\";--IDS-FONT-COLOR:var(--ids-color-surface-text-on-default);--IDS-HEADING-XXL__MARGIN-BOTTOM:1.875rem;--IDS-HEADING-XL__MARGIN-BOTTOM:1.875rem;--IDS-HEADING-L__MARGIN-BOTTOM:1.875rem;--IDS-PAGE-LIST__COLOR:var(--ids-color-brand-text-primary);--IDS-PAGE-LIST__FONT-FAMILY:var(--IDS-FONT-FAMILY-HEADING);--IDS-PAGE-LIST__FONT-SIZE:1.25rem;--IDS-PAGE-LIST__LINE-HEIGHT:1.5rem;--IDS-PAGE-LIST__FONT-WEIGHT:700;--IDS-PAGE-LIST__LETTER-SPACING:-0.025rem;--IDS-BULLET-LIST__MARKER-COLOR:var(--ids-color-brand-text-primary);--IDS-BULLET-LIST__MARKER-FONT-WEIGHT:bold;--IDS-BULLET-LIST__LINE-HEIGHT:1.5rem;--IDS-DIVIDER__COLOR:var(--ids-color-surface-border-default)}.ids--dark.ids--1177-admin,.ids--dark.ids--1177-pro,.ids--light.ids--1177-admin,.ids--light.ids--1177-pro{--IDS-PAGE-LIST__COLOR:var(--ids-color-interactive-text-default)}.ids--dark.ids--inera,.ids--dark.ids--inera-admin,.ids--light.ids--inera,.ids--light.ids--inera-admin{--IDS-FONT-FAMILY-BASE:\"Open Sans\";--IDS-FONT-FAMILY-HEADING:\"Poppins\";--IDS-HEADING-XXL__MARGIN-BOTTOM:1.25rem;--IDS-HEADING-XL__MARGIN-BOTTOM:1.25rem;--IDS-HEADING-L__MARGIN-BOTTOM:1.25rem;--IDS-PAGE-LIST__FONT-WEIGHT:600;--IDS-PAGE-LIST__LETTER-SPACING:0;--IDS-BULLET-LIST__MARKER-FONT-WEIGHT:normal;--IDS-BULLET-LIST__LINE-HEIGHT:1.625rem;--IDS-DESCRIPTION-LIST__TERM-FONT-WEIGHT:600}.ids--dark.ids--dark,.ids--light.ids--dark{--IDS-PAGE-LIST__COLOR:var(--ids-color-navigation-text-default)}.ids--dark.ids--dark.ids--1177-admin,.ids--dark.ids--dark.ids--1177-pro,.ids--dark.ids--dark.ids--inera,.ids--dark.ids--dark.ids--inera-admin,.ids--light.ids--dark.ids--1177-admin,.ids--light.ids--dark.ids--1177-pro,.ids--light.ids--dark.ids--inera,.ids--light.ids--dark.ids--inera-admin{--IDS-PAGE-LIST__COLOR:var(--ids-color-interactive-text-default)}.ids-puff-list-item.ids-puff-list-item--interactive ::slotted([slot=item-link]){border:none;border-radius:var(--IDS-FOCUS__BORDER-RADIUS);color:var(--IDS-FONT__COLOR);cursor:pointer;display:block;font-family:inherit;font-size:inherit;text-decoration:none}.ids-puff-list-item.ids-puff-list-item--interactive ::slotted([slot=item-link]):hover{color:var(--IDS-FONT__COLOR)}.ids-puff-list-item-header .ids-puff-list-item-header__headline ::slotted(a),.ids-puff-list-item-header :is(h1,h2,h3,h4,h5,h6) ::slotted(a){border:none;color:var(--IDS-PUFF-LIST-HEADER-LINK__COLOR);cursor:pointer;display:inline;font-family:var(--ids-font-family-heading)!important;font-size:var(--ids-font-size-heading-s)!important;font-style:normal;font-weight:var(--ids-font-weight-heading-s)!important;letter-spacing:var(--ids-font-letter-spacing-heading-s)!important;line-height:var(--ids-font-line-height-heading-s)!important;text-decoration:none!important;text-underline-offset:.125rem;width:100%}.ids-puff-list-item-header .ids-puff-list-item-header__headline ::slotted(a:hover),.ids-puff-list-item-header :is(h1,h2,h3,h4,h5,h6) ::slotted(a:hover){color:var(--IDS-PUFF-LIST-HEADER-LINK__HOVER-COLOR);font-family:var(--ids-font-family-heading)!important;font-size:var(--ids-font-size-heading-s)!important;font-style:normal;font-weight:var(--ids-font-weight-heading-s)!important;letter-spacing:var(--ids-font-letter-spacing-heading-s)!important;line-height:var(--ids-font-line-height-heading-s)!important;text-decoration:underline!important}.ids-puff-list-item-header .ids-puff-list-item-header__headline ::slotted(a:focus-visible),.ids-puff-list-item-header :is(h1,h2,h3,h4,h5,h6) ::slotted(a:focus-visible){border-radius:var(--IDS-FOCUS__BORDER-RADIUS);outline-offset:.25rem!important}.ids-puff-list-item-header .ids-puff-list-item-header__headline .ids-puff-list-item-header__extra-content>::slotted(*),.ids-puff-list-item-header :is(h1,h2,h3,h4,h5,h6) .ids-puff-list-item-header__extra-content>::slotted(*){position:relative;top:-.0625rem}.ids-puff-list-item-header:has(.ids-puff-list-item-header__extra-content) :is(h1,h2,h3,h4,h5,h6) ::slotted(a){margin-right:1rem}@media (max-width:1023px){.ids-puff-list-item-header:has(.ids-puff-list-item-header__extra-content) :is(h1,h2,h3,h4,h5,h6) ::slotted(a){margin-right:.5rem}}";
+var css_248z = "@media (max-width:1023px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}.ids--dark,.ids--light{--IDS-FONT-FAMILY-BASE:\"Open Sans\";--IDS-FONT-FAMILY-HEADING:\"Inter\";--IDS-FONT-COLOR:var(--ids-color-surface-text-on-default);--IDS-HEADING-XXL__MARGIN-BOTTOM:1.875rem;--IDS-HEADING-XL__MARGIN-BOTTOM:1.875rem;--IDS-HEADING-L__MARGIN-BOTTOM:1.875rem;--IDS-PAGE-LIST__COLOR:var(--ids-color-brand-text-primary);--IDS-PAGE-LIST__FONT-FAMILY:var(--IDS-FONT-FAMILY-HEADING);--IDS-PAGE-LIST__FONT-SIZE:1.25rem;--IDS-PAGE-LIST__LINE-HEIGHT:1.5rem;--IDS-PAGE-LIST__FONT-WEIGHT:700;--IDS-PAGE-LIST__LETTER-SPACING:-0.025rem;--IDS-BULLET-LIST__MARKER-COLOR:var(--ids-color-brand-text-primary);--IDS-BULLET-LIST__MARKER-FONT-WEIGHT:bold;--IDS-BULLET-LIST__LINE-HEIGHT:1.5rem;--IDS-DIVIDER__COLOR:var(--ids-color-surface-border-default)}.ids--dark.ids--1177-admin,.ids--dark.ids--1177-pro,.ids--light.ids--1177-admin,.ids--light.ids--1177-pro{--IDS-PAGE-LIST__COLOR:var(--ids-color-interactive-text-default)}.ids--dark.ids--inera,.ids--dark.ids--inera-admin,.ids--dark.ids--inera-general,.ids--light.ids--inera,.ids--light.ids--inera-admin,.ids--light.ids--inera-general{--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--dark.ids--dark.ids--inera-general,.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--light.ids--dark.ids--inera-general{--IDS-PAGE-LIST__COLOR:var(--ids-color-interactive-text-default)}.ids-puff-list-item.ids-puff-list-item--interactive ::slotted([slot=item-link]){border:none;border-radius:var(--IDS-FOCUS__BORDER-RADIUS);color:var(--IDS-FONT__COLOR);cursor:pointer;display:block;font-family:inherit;font-size:inherit;text-decoration:none}.ids-puff-list-item.ids-puff-list-item--interactive ::slotted([slot=item-link]):hover{color:var(--IDS-FONT__COLOR)}.ids-puff-list-item-header .ids-puff-list-item-header__headline ::slotted(a),.ids-puff-list-item-header :is(h1,h2,h3,h4,h5,h6) ::slotted(a){border:none;color:var(--IDS-PUFF-LIST-HEADER-LINK__COLOR);cursor:pointer;display:inline;font-family:var(--ids-font-family-heading)!important;font-size:var(--ids-font-size-heading-s)!important;font-style:normal;font-weight:var(--ids-font-weight-heading-s)!important;letter-spacing:var(--ids-font-letter-spacing-heading-s)!important;line-height:var(--ids-font-line-height-heading-s)!important;text-decoration:none!important;width:100%}.ids-puff-list-item-header .ids-puff-list-item-header__headline ::slotted(a:hover),.ids-puff-list-item-header :is(h1,h2,h3,h4,h5,h6) ::slotted(a:hover){color:var(--IDS-PUFF-LIST-HEADER-LINK__HOVER-COLOR);font-family:var(--ids-font-family-heading)!important;font-size:var(--ids-font-size-heading-s)!important;font-style:normal;font-weight:var(--ids-font-weight-heading-s)!important;letter-spacing:var(--ids-font-letter-spacing-heading-s)!important;line-height:var(--ids-font-line-height-heading-s)!important;text-decoration:underline!important}.ids-puff-list-item-header .ids-puff-list-item-header__headline ::slotted(a:focus-visible),.ids-puff-list-item-header :is(h1,h2,h3,h4,h5,h6) ::slotted(a:focus-visible){border-radius:var(--IDS-FOCUS__BORDER-RADIUS);outline-offset:.25rem!important}.ids-puff-list-item-header .ids-puff-list-item-header__headline .ids-puff-list-item-header__extra-content>::slotted(*),.ids-puff-list-item-header :is(h1,h2,h3,h4,h5,h6) .ids-puff-list-item-header__extra-content>::slotted(*){position:relative;top:-.0625rem}";
 var puffListShadowLit = css`${unsafeCSS(css_248z)}`;

package/components/puff-list/puff-list-shadow.css CHANGED Viewed

@@ -10,7 +10,8 @@
   }
 }
-.ids--light, .ids--dark {
+.ids--light,
+.ids--dark {
   --IDS-FONT-FAMILY-BASE: "Open Sans";
   --IDS-FONT-FAMILY-HEADING: "Inter";
   --IDS-FONT-COLOR: var(--ids-color-surface-text-on-default);
@@ -28,10 +29,15 @@
   --IDS-BULLET-LIST__LINE-HEIGHT: 1.5rem;
   --IDS-DIVIDER__COLOR: var(--ids-color-surface-border-default);
 }
-.ids--light.ids--1177-pro, .ids--light.ids--1177-admin, .ids--dark.ids--1177-pro, .ids--dark.ids--1177-admin {
+.ids--light.ids--1177-pro, .ids--light.ids--1177-admin,
+.ids--dark.ids--1177-pro,
+.ids--dark.ids--1177-admin {
   --IDS-PAGE-LIST__COLOR: var(--ids-color-interactive-text-default);
 }
-.ids--light.ids--inera, .ids--light.ids--inera-admin, .ids--dark.ids--inera, .ids--dark.ids--inera-admin {
+.ids--light.ids--inera, .ids--light.ids--inera-general, .ids--light.ids--inera-admin,
+.ids--dark.ids--inera,
+.ids--dark.ids--inera-general,
+.ids--dark.ids--inera-admin {
   --IDS-FONT-FAMILY-BASE: "Open Sans";
   --IDS-FONT-FAMILY-HEADING: "Poppins";
   --IDS-HEADING-XXL__MARGIN-BOTTOM: 1.25rem;
@@ -43,10 +49,16 @@
   --IDS-BULLET-LIST__LINE-HEIGHT: 1.625rem;
   --IDS-DESCRIPTION-LIST__TERM-FONT-WEIGHT: 600;
 }
-.ids--light.ids--dark, .ids--dark.ids--dark {
+.ids--light.ids--dark,
+.ids--dark.ids--dark {
   --IDS-PAGE-LIST__COLOR: var(--ids-color-navigation-text-default);
 }
-.ids--light.ids--dark.ids--1177-pro, .ids--light.ids--dark.ids--1177-admin, .ids--light.ids--dark.ids--inera, .ids--light.ids--dark.ids--inera-admin, .ids--dark.ids--dark.ids--1177-pro, .ids--dark.ids--dark.ids--1177-admin, .ids--dark.ids--dark.ids--inera, .ids--dark.ids--dark.ids--inera-admin {
+.ids--light.ids--dark.ids--1177-pro, .ids--light.ids--dark.ids--1177-admin, .ids--light.ids--dark.ids--inera, .ids--light.ids--dark.ids--inera-general, .ids--light.ids--dark.ids--inera-admin,
+.ids--dark.ids--dark.ids--1177-pro,
+.ids--dark.ids--dark.ids--1177-admin,
+.ids--dark.ids--dark.ids--inera,
+.ids--dark.ids--dark.ids--inera-general,
+.ids--dark.ids--dark.ids--inera-admin {
   --IDS-PAGE-LIST__COLOR: var(--ids-color-interactive-text-default);
 }
@@ -71,7 +83,6 @@
   text-decoration: none !important;
   width: 100%;
   border: none;
-  text-underline-offset: 0.125rem;
   font-style: normal;
   color: var(--IDS-PUFF-LIST-HEADER-LINK__COLOR);
   font-family: var(--ids-font-family-heading) !important;
@@ -100,12 +111,4 @@
 .ids-puff-list-item-header *:is(h1, h2, h3, h4, h5, h6) .ids-puff-list-item-header__extra-content > ::slotted(*) {
   top: -0.0625rem;
   position: relative;
-}
-.ids-puff-list-item-header:has(.ids-puff-list-item-header__extra-content) *:is(h1, h2, h3, h4, h5, h6) ::slotted(a) {
-  margin-right: 1rem;
-}
-@media (max-width: 1023px) {
-  .ids-puff-list-item-header:has(.ids-puff-list-item-header__extra-content) *:is(h1, h2, h3, h4, h5, h6) ::slotted(a) {
-    margin-right: 0.5rem;
-  }
 }

package/components/puff-list/puff-list.css CHANGED Viewed

@@ -10,7 +10,8 @@
   }
 }
-.ids--light, .ids--dark {
+.ids--light,
+.ids--dark {
   --IDS-FONT-FAMILY-BASE: "Open Sans";
   --IDS-FONT-FAMILY-HEADING: "Inter";
   --IDS-FONT-COLOR: var(--ids-color-surface-text-on-default);
@@ -28,10 +29,15 @@
   --IDS-BULLET-LIST__LINE-HEIGHT: 1.5rem;
   --IDS-DIVIDER__COLOR: var(--ids-color-surface-border-default);
 }
-.ids--light.ids--1177-pro, .ids--light.ids--1177-admin, .ids--dark.ids--1177-pro, .ids--dark.ids--1177-admin {
+.ids--light.ids--1177-pro, .ids--light.ids--1177-admin,
+.ids--dark.ids--1177-pro,
+.ids--dark.ids--1177-admin {
   --IDS-PAGE-LIST__COLOR: var(--ids-color-interactive-text-default);
 }
-.ids--light.ids--inera, .ids--light.ids--inera-admin, .ids--dark.ids--inera, .ids--dark.ids--inera-admin {
+.ids--light.ids--inera, .ids--light.ids--inera-general, .ids--light.ids--inera-admin,
+.ids--dark.ids--inera,
+.ids--dark.ids--inera-general,
+.ids--dark.ids--inera-admin {
   --IDS-FONT-FAMILY-BASE: "Open Sans";
   --IDS-FONT-FAMILY-HEADING: "Poppins";
   --IDS-HEADING-XXL__MARGIN-BOTTOM: 1.25rem;
@@ -43,16 +49,23 @@
   --IDS-BULLET-LIST__LINE-HEIGHT: 1.625rem;
   --IDS-DESCRIPTION-LIST__TERM-FONT-WEIGHT: 600;
 }
-.ids--light.ids--dark, .ids--dark.ids--dark {
+.ids--light.ids--dark,
+.ids--dark.ids--dark {
   --IDS-PAGE-LIST__COLOR: var(--ids-color-navigation-text-default);
 }
-.ids--light.ids--dark.ids--1177-pro, .ids--light.ids--dark.ids--1177-admin, .ids--light.ids--dark.ids--inera, .ids--light.ids--dark.ids--inera-admin, .ids--dark.ids--dark.ids--1177-pro, .ids--dark.ids--dark.ids--1177-admin, .ids--dark.ids--dark.ids--inera, .ids--dark.ids--dark.ids--inera-admin {
+.ids--light.ids--dark.ids--1177-pro, .ids--light.ids--dark.ids--1177-admin, .ids--light.ids--dark.ids--inera, .ids--light.ids--dark.ids--inera-general, .ids--light.ids--dark.ids--inera-admin,
+.ids--dark.ids--dark.ids--1177-pro,
+.ids--dark.ids--dark.ids--1177-admin,
+.ids--dark.ids--dark.ids--inera,
+.ids--dark.ids--dark.ids--inera-general,
+.ids--dark.ids--dark.ids--inera-admin {
   --IDS-PAGE-LIST__COLOR: var(--ids-color-interactive-text-default);
 }
 .ids-puff-list {
   list-style: none;
-  padding-left: 0;
+  padding: 0 !important;
+  margin: 0;
 }
 .ids-puff-list:has(> :first-child:not(.ids-puff-list-item--lean)) {
@@ -63,15 +76,14 @@
   list-style: none;
 }
 .ids-puff-list-item .ids-puff-list-item__inner {
-  padding: 0;
-  margin: 1.25rem 0;
+  padding: 1.25rem 0;
   display: flex;
   gap: 1.25rem;
   position: relative;
 }
 .ids-puff-list-item .ids-puff-list-item__content-wrapper {
   display: flex;
-  gap: 1.25rem;
+  flex: 1;
 }
 @media (max-width: 320px) {
   .ids-puff-list-item .ids-puff-list-item__content-wrapper {
@@ -93,7 +105,7 @@
   line-height: 1.25rem;
   letter-spacing: 0.0625rem;
   text-transform: uppercase;
-  margin-bottom: 0.25rem;
+  margin-bottom: 0.5rem;
   display: inline-flex;
 }
 .ids-puff-list-item .ids-puff-list-item__time {
@@ -108,6 +120,7 @@
   gap: 0.5rem;
   align-items: center;
   justify-content: center;
+  margin-left: 1.25rem;
 }
 .ids-puff-list-item.ids-puff-list-item--interactive .ids-puff-list-item__item-link {
   color: var(--IDS-FONT__COLOR);
@@ -134,6 +147,7 @@
 }
 .ids-puff-list-item.ids-puff-list-item--lean .ids-puff-list-item__inner {
   margin: 0;
+  padding: 0;
 }
 .ids-puff-list-item.ids-puff-list-item--lean .ids-puff-list-item-separator {
   display: none;
@@ -150,11 +164,10 @@ li.ids-puff-list-item:not(.ids-puff-list-item--lean) {
 .ids-puff-list-item-header .ids-puff-list-item-header__headline,
 .ids-puff-list-item-header *:is(h1, h2, h3, h4, h5, h6) {
   position: relative;
-  display: inline;
+  display: inline-block;
   margin-top: 0 !important;
-  margin-bottom: 0.25rem !important;
+  margin-bottom: 0.5rem !important;
   padding-left: 1.75rem;
-  text-underline-offset: 0.125rem;
   font-style: normal;
   color: var(--IDS-PUFF-LIST-HEADER-LINK__COLOR);
   font-family: var(--ids-font-family-heading) !important;
@@ -170,7 +183,6 @@ li.ids-puff-list-item:not(.ids-puff-list-item--lean) {
   text-decoration: none !important;
   width: 100%;
   border: none;
-  text-underline-offset: 0.125rem;
   font-style: normal;
   color: var(--IDS-PUFF-LIST-HEADER-LINK__COLOR);
   font-family: var(--ids-font-family-heading) !important;
@@ -187,6 +199,7 @@ li.ids-puff-list-item:not(.ids-puff-list-item--lean) {
   position: absolute;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
+  font-size: 1rem;
   content: "\e93d";
   font-size: 1.25rem;
   top: 0.125rem;

package/components/side-menu/side-menu-lit.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { css, unsafeCSS } from 'lit';
-var css_248z = "@media (max-width:1023px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}@media (max-width:1023px){.ids-side-menu.ids-side-menu--hide-on-mobile{display:none}}.ids-side-menu .ids-side-menu__header{border-bottom-right-radius:.313rem;border-left:var(--IDS-SIDE-MENU__BORDER);border-top-right-radius:.313rem;display:flex}.ids-side-menu .ids-side-menu__header .ids-side-menu__header-inner{box-sizing:border-box;color:var(--IDS-SIDE-MENU__LINK-COLOR);display:flex;margin-right:.25rem;padding-left:.25rem;width:100%}.ids-side-menu .ids-side-menu__header .ids-side-menu__chevron-button{background:none;border:none;color:inherit;font:inherit;outline:inherit;padding:0}.ids-side-menu .ids-side-menu__header .ids-side-menu__chevron-button:focus-visible{outline:.125rem solid var(--IDS-FOCUS__OUTLINE-COLOR);outline-offset:-.125rem!important}.ids-side-menu .ids-side-menu__header .ids-side-menu__chevron-button{border-radius:var(--IDS-FOCUS__BORDER-RADIUS);box-sizing:border-box;cursor:pointer;flex-shrink:0;height:2.75rem;margin-right:.25rem;position:relative;width:1.5rem}.ids-side-menu .ids-side-menu__header .ids-side-menu__chevron-button:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-SIDE-MENU__ICON-COLOR);content:\"\\e938\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1rem;position:absolute;right:.25rem;text-align:center;top:.875rem}.ids-side-menu .ids-side-menu__header .ids-side-menu__chevron-button.ids-side-menu__chevron-button--expanded:before{content:\"\\e936\"}.ids-side-menu .ids-side-menu__header .ids-side-menu__chevron-button--empty{flex-shrink:0;width:.25rem}.ids-side-menu .ids-side-menu__header .ids-side-menu__label-icon{align-items:center;color:var(--IDS-SIDE-MENU__ICON-COLOR);display:flex;flex-shrink:0;height:2.75rem;justify-content:center;margin-right:.25rem;width:1.5rem}.ids-side-menu .ids-side-menu__header .ids-side-menu__label-button{background:none;border:none;color:inherit;font:inherit;outline:inherit;padding:0}.ids-side-menu .ids-side-menu__header .ids-side-menu__label-button:focus-visible{outline:.125rem solid var(--IDS-FOCUS__OUTLINE-COLOR);outline-offset:0!important}.ids-side-menu .ids-side-menu__header .ids-side-menu__label-button{cursor:pointer;display:flex;font-family:var(--IDS-FONT-FAMILY-BASE);min-height:2.75rem;position:relative;width:100%}.ids-side-menu .ids-side-menu__header .ids-side-menu__label-chevron{border-radius:var(--IDS-FOCUS__BORDER-RADIUS);box-sizing:border-box;cursor:pointer;height:2.75rem;margin-right:.25rem;position:relative;width:1.5rem}.ids-side-menu .ids-side-menu__header .ids-side-menu__label-chevron:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-SIDE-MENU__ICON-COLOR);content:\"\\e938\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:.875rem;position:absolute;right:.25rem;text-align:center;top:.9375rem}.ids-side-menu .ids-side-menu__header .ids-side-menu__label-chevron.ids-side-menu__label-chevron--expanded:before{content:\"\\e936\"}.ids-side-menu .ids-side-menu__header .ids-side-menu__label{display:grid;font-family:var(--IDS-FONT-FAMILY-BASE);font-size:1rem;grid-template-columns:1fr auto;line-height:1.75rem;margin:.25rem 0;padding:.25rem 0;text-align:left;width:100%}.ids-side-menu .ids-side-menu__header .ids-side-menu__label-text{font-size:1rem;line-height:1.75rem;margin-left:.1875rem}.ids-side-menu .ids-side-menu__header .ids-side-menu__link{width:100%}.ids-side-menu .ids-side-menu__header .ids-side-menu__link .ids-badge,.ids-side-menu .ids-side-menu__header .ids-side-menu__link .ids-notification-badge{margin-left:auto}.ids-side-menu .ids-side-menu__header .ids-side-menu__link a:focus-visible{outline:.125rem solid var(--IDS-FOCUS__OUTLINE-COLOR)}.ids-side-menu .ids-side-menu__header .ids-side-menu__link a{align-items:flex-start;box-sizing:border-box;color:var(--IDS-SIDE-MENU__LINK-COLOR);cursor:pointer!important;display:flex;font-family:var(--IDS-FONT-FAMILY-BASE);gap:.5rem;justify-content:flex-start;line-height:1.75rem;margin:.25rem 0;padding:.25rem 0;text-align:left;text-decoration:none!important;width:100%}.ids-side-menu .ids-side-menu__header .ids-side-menu__link a:hover{color:var(--IDS-SIDE-MENU__LINK--HOVER-COLOR);text-decoration:none!important}.ids-side-menu .ids-side-menu__header .ids-side-menu__link a:focus-visible{outline:var(--IDS-FOCUS__OUTLINE)!important;outline-offset:-.125rem!important}.ids-side-menu .ids-side-menu__header .ids-side-menu__link button:focus-visible{outline:.125rem solid var(--IDS-FOCUS__OUTLINE-COLOR)}.ids-side-menu .ids-side-menu__header .ids-side-menu__link button{align-items:flex-start;background-color:transparent;border:0;border-radius:0;box-sizing:border-box;color:var(--IDS-SIDE-MENU__LINK-COLOR);cursor:pointer;display:flex;font-family:var(--IDS-FONT-FAMILY-BASE);gap:.5rem;justify-content:flex-start;line-height:1.75rem!important;margin:.25rem 0;padding:.25rem 0;text-align:left;width:100%}.ids-side-menu .ids-side-menu__header .ids-side-menu__link button:hover{color:var(--IDS-SIDE-MENU__LINK--HOVER-COLOR);text-decoration:none!important}.ids-side-menu .ids-side-menu__header .ids-side-menu__link button:focus-visible{outline:var(--IDS-FOCUS__OUTLINE)!important;outline-offset:-.125rem!important}.ids-side-menu .ids-side-menu__header:hover{background-color:var(--IDS-SIDE-MENU--ACTIVE-BACKGROUND-COLOR);border-left:var(--IDS-SIDE-MENU--HOVER-BORDER)}.ids-side-menu.ids-side-menu--level-2 .ids-side-menu__chevron-button,.ids-side-menu.ids-side-menu--level-2 .ids-side-menu__chevron-button--empty,.ids-side-menu.ids-side-menu--level-2 .ids-side-menu__label-button,.ids-side-menu.ids-side-menu--level-2 .ids-side-menu__label-icon{margin-left:1.5rem}.ids-side-menu.ids-side-menu--level-3 .ids-side-menu__label-icon{margin-left:2.9375rem}.ids-side-menu.ids-side-menu--level-3 .ids-side-menu__chevron-button--empty{margin-left:3rem}.ids-side-menu.ids-side-menu--active .ids-side-menu__header{background-color:var(--IDS-SIDE-MENU--ACTIVE-BACKGROUND-COLOR);border-left:var(--IDS-SIDE-MENU--ACTIVE-BORDER)}.ids-side-menu.ids-side-menu--active .ids-side-menu__header .ids-side-menu__label,.ids-side-menu.ids-side-menu--active .ids-side-menu__header .ids-side-menu__link{font-weight:700}.ids-side-menu.ids-side-menu--active .ids-side-menu__header .ids-side-menu__link:hover a,.ids-side-menu.ids-side-menu--active .ids-side-menu__header .ids-side-menu__link:hover button{color:var(--IDS-SIDE-MENU__LINK-COLOR);cursor:default;text-decoration:none!important}.ids-side-menu.ids-side-menu--disabled{cursor:default}";
+var css_248z = "@media (max-width:1023px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}@media (max-width:1023px){.ids-side-menu.ids-side-menu--hide-on-mobile{display:none}}.ids-side-menu .ids-side-menu__header{border-bottom-right-radius:.313rem;border-left:var(--IDS-SIDE-MENU__BORDER);border-top-right-radius:.313rem;display:flex}.ids-side-menu .ids-side-menu__header .ids-side-menu__header-inner{box-sizing:border-box;color:var(--IDS-SIDE-MENU__LINK-COLOR);display:flex;margin-right:.25rem;padding-left:.25rem;width:100%}.ids-side-menu .ids-side-menu__header .ids-side-menu__chevron-button{background:none;border:none;color:inherit;font:inherit;outline:inherit;padding:0}.ids-side-menu .ids-side-menu__header .ids-side-menu__chevron-button:focus-visible{outline:.125rem solid var(--IDS-FOCUS__OUTLINE-COLOR);outline-offset:-.125rem!important}.ids-side-menu .ids-side-menu__header .ids-side-menu__chevron-button{border-radius:var(--IDS-FOCUS__BORDER-RADIUS);box-sizing:border-box;cursor:pointer;flex-shrink:0;height:2.75rem;margin-right:.25rem;position:relative;width:1.5rem}.ids-side-menu .ids-side-menu__header .ids-side-menu__chevron-button:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-SIDE-MENU__ICON-COLOR);content:\"\\e938\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1rem;position:absolute;right:.25rem;text-align:center;top:.875rem}.ids-side-menu .ids-side-menu__header .ids-side-menu__chevron-button.ids-side-menu__chevron-button--expanded:before{content:\"\\e936\"}.ids-side-menu .ids-side-menu__header .ids-side-menu__chevron-button--empty{flex-shrink:0;width:.25rem}.ids-side-menu .ids-side-menu__header .ids-side-menu__label-icon{align-items:center;color:var(--IDS-SIDE-MENU__ICON-COLOR);display:flex;flex-shrink:0;height:2.75rem;justify-content:center;margin-right:.25rem;width:1.5rem}.ids-side-menu .ids-side-menu__header .ids-side-menu__label-button{background:none;border:none;color:inherit;font:inherit;outline:inherit;padding:0}.ids-side-menu .ids-side-menu__header .ids-side-menu__label-button:focus-visible{outline:.125rem solid var(--IDS-FOCUS__OUTLINE-COLOR);outline-offset:0!important}.ids-side-menu .ids-side-menu__header .ids-side-menu__label-button{cursor:pointer;display:flex;font-family:var(--IDS-FONT-FAMILY-BASE);min-height:2.75rem;position:relative;width:100%}.ids-side-menu .ids-side-menu__header .ids-side-menu__label-chevron{border-radius:var(--IDS-FOCUS__BORDER-RADIUS);box-sizing:border-box;cursor:pointer;height:2.75rem;margin-right:.25rem;position:relative;width:1.5rem}.ids-side-menu .ids-side-menu__header .ids-side-menu__label-chevron:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-SIDE-MENU__ICON-COLOR);content:\"\\e938\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1rem;font-size:.875rem;position:absolute;right:.25rem;text-align:center;top:.9375rem}.ids-side-menu .ids-side-menu__header .ids-side-menu__label-chevron.ids-side-menu__label-chevron--expanded:before{content:\"\\e936\"}.ids-side-menu .ids-side-menu__header .ids-side-menu__label{display:grid;font-family:var(--IDS-FONT-FAMILY-BASE);font-size:1rem;grid-template-columns:1fr auto;line-height:1.75rem;margin:.25rem 0;padding:.25rem 0;text-align:left;width:100%}.ids-side-menu .ids-side-menu__header .ids-side-menu__label-text{font-size:1rem;line-height:1.75rem;margin-left:.1875rem}.ids-side-menu .ids-side-menu__header .ids-side-menu__link{width:100%}.ids-side-menu .ids-side-menu__header .ids-side-menu__link .ids-badge,.ids-side-menu .ids-side-menu__header .ids-side-menu__link .ids-notification-badge{margin-left:auto}.ids-side-menu .ids-side-menu__header .ids-side-menu__link a:focus-visible{outline:.125rem solid var(--IDS-FOCUS__OUTLINE-COLOR)}.ids-side-menu .ids-side-menu__header .ids-side-menu__link a{align-items:flex-start;box-sizing:border-box;color:var(--IDS-SIDE-MENU__LINK-COLOR);cursor:pointer!important;display:flex;font-family:var(--IDS-FONT-FAMILY-BASE);gap:.5rem;justify-content:flex-start;line-height:1.75rem;margin:.25rem 0;padding:.25rem 0;text-align:left;text-decoration:none!important;width:100%}.ids-side-menu .ids-side-menu__header .ids-side-menu__link a:hover{color:var(--IDS-SIDE-MENU__LINK--HOVER-COLOR);text-decoration:none!important}.ids-side-menu .ids-side-menu__header .ids-side-menu__link a:focus-visible{outline:var(--IDS-FOCUS__OUTLINE)!important;outline-offset:-.125rem!important}.ids-side-menu .ids-side-menu__header .ids-side-menu__link button:focus-visible{outline:.125rem solid var(--IDS-FOCUS__OUTLINE-COLOR)}.ids-side-menu .ids-side-menu__header .ids-side-menu__link button{align-items:flex-start;background-color:transparent;border:0;border-radius:0;box-sizing:border-box;color:var(--IDS-SIDE-MENU__LINK-COLOR);cursor:pointer;display:flex;font-family:var(--IDS-FONT-FAMILY-BASE);gap:.5rem;justify-content:flex-start;line-height:1.75rem!important;margin:.25rem 0;padding:.25rem 0;text-align:left;width:100%}.ids-side-menu .ids-side-menu__header .ids-side-menu__link button:hover{color:var(--IDS-SIDE-MENU__LINK--HOVER-COLOR);text-decoration:none!important}.ids-side-menu .ids-side-menu__header .ids-side-menu__link button:focus-visible{outline:var(--IDS-FOCUS__OUTLINE)!important;outline-offset:-.125rem!important}.ids-side-menu .ids-side-menu__header:hover{background-color:var(--IDS-SIDE-MENU--ACTIVE-BACKGROUND-COLOR);border-left:var(--IDS-SIDE-MENU--HOVER-BORDER)}.ids-side-menu.ids-side-menu--level-2 .ids-side-menu__chevron-button,.ids-side-menu.ids-side-menu--level-2 .ids-side-menu__chevron-button--empty,.ids-side-menu.ids-side-menu--level-2 .ids-side-menu__label-button,.ids-side-menu.ids-side-menu--level-2 .ids-side-menu__label-icon{margin-left:1.5rem}.ids-side-menu.ids-side-menu--level-3 .ids-side-menu__label-icon{margin-left:2.9375rem}.ids-side-menu.ids-side-menu--level-3 .ids-side-menu__chevron-button--empty{margin-left:3rem}.ids-side-menu.ids-side-menu--active .ids-side-menu__header{background-color:var(--IDS-SIDE-MENU--ACTIVE-BACKGROUND-COLOR);border-left:var(--IDS-SIDE-MENU--ACTIVE-BORDER)}.ids-side-menu.ids-side-menu--active .ids-side-menu__header .ids-side-menu__label,.ids-side-menu.ids-side-menu--active .ids-side-menu__header .ids-side-menu__link{font-weight:700}.ids-side-menu.ids-side-menu--active .ids-side-menu__header .ids-side-menu__link:hover a,.ids-side-menu.ids-side-menu--active .ids-side-menu__header .ids-side-menu__link:hover button{color:var(--IDS-SIDE-MENU__LINK-COLOR);cursor:default;text-decoration:none!important}.ids-side-menu.ids-side-menu--disabled{cursor:default}";
 var sideMenuLit = css`${unsafeCSS(css_248z)}`;

package/components/side-menu/side-menu.css CHANGED Viewed

@@ -59,8 +59,8 @@
   position: absolute;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
-  content: "\e938";
   font-size: 1rem;
+  content: "\e938";
   text-align: center;
   right: 0.25rem;
   top: 0.875rem;
@@ -120,6 +120,7 @@
   position: absolute;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
+  font-size: 1rem;
   content: "\e938";
   font-size: 0.875rem;
   text-align: center;

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

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

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

@@ -122,6 +122,7 @@
   position: absolute;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
+  font-size: 1rem;
   content: "\e916";
   font-size: 1.25rem;
   color: var(--IDS-ICON--ACTIVE-COLOR);

package/components/stepper/stepper-lit.js CHANGED Viewed

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

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

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