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

@inera/ids-design 9.1.0 → 9.2.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (261) hide show

package/components/header-1177/header-1177-region-picker-mobile-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-header-1177-region-picker-mobile{align-items:center;display:none;flex-grow:1}.ids-header-1177-region-picker-mobile .ids-header-1177-region-picker-mobile__button{align-items:center;background-color:transparent;border:none;border-radius:var(--IDS-FOCUS__BORDER-RADIUS);color:var(--IDS-HEADER-1177-REGION-PICKER__TEXT-COLOR-MOBILE);cursor:pointer;font-family:var(--IDS-FONT-FAMILY-HEADING);font-size:.875rem;height:2.375rem;justify-content:center;padding-left:2rem;padding-right:1.875rem;position:relative;white-space:nowrap}.ids-header-1177-region-picker-mobile .ids-header-1177-region-picker-mobile__button:focus-visible{outline:.125rem solid var(--IDS-FOCUS__OUTLINE-COLOR);outline-offset:.125rem!important}.ids-header-1177-region-picker-mobile .ids-header-1177-region-picker-mobile__button:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-HEADER-1177-REGION-PICKER__TEXT-COLOR-MOBILE);content:\"\\e921\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1.5rem;left:0;position:absolute;top:50%;transform:translateY(-50%)}.ids-header-1177-region-picker-mobile .ids-header-1177-region-picker-mobile__button:after{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-HEADER-1177-REGION-PICKER__TEXT-COLOR-MOBILE);content:\"\\e936\";display:block;font:icon;font-family:Inera-Design-Icons!important;position:absolute;right:.125rem;top:50%;transform:translateY(-50%)}.ids-header-1177-region-picker-mobile .ids-header-1177-region-picker-mobile__button:hover .ids-header-1177-region-picker-mobile__button-text{text-decoration:underline;text-underline-offset:.125rem}.ids-header-1177-region-picker-mobile .ids-header-1177-region-picker-mobile__button.ids-header-1177-region-picker-mobile__button--expanded:after{content:\"\\e939\"}.ids-header-1177-region-picker-mobile .ids-header-1177-region-picker-mobile__region-icon{background-color:transparent;padding:0}.ids-header-1177-region-picker-mobile .ids-header-1177-region-picker-mobile__region-icon:after{display:none}.ids-header-1177-region-picker-mobile.ids-header-1177-region-picker-mobile--selected-region .ids-header-1177-region-picker-mobile__button{color:var(--IDS-HEADER-1177-REGION-PICKER--SELECTED__TEXT-COLOR-MOBILE);padding:0 1.75rem 0 .25rem}.ids-header-1177-region-picker-mobile.ids-header-1177-region-picker-mobile--selected-region .ids-header-1177-region-picker-mobile__button:before{display:none}.ids-header-1177-region-picker-mobile.ids-header-1177-region-picker-mobile--selected-region .ids-header-1177-region-picker-mobile__button:after{color:var(--IDS-HEADER-1177-REGION-PICKER--SELECTED__TEXT-COLOR-MOBILE)}.ids-header-1177-region-picker-mobile.ids-header-1177-region-picker-mobile--selected-region .ids-header-1177-region-picker-mobile__button .ids-header-1177-region-picker-mobile__button-text{display:none}@media (max-width:1023px){.ids-header-1177-region-picker-mobile{display:flex}}";
+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-header-1177-region-picker-mobile{align-items:center;display:none;flex-grow:1}.ids-header-1177-region-picker-mobile .ids-header-1177-region-picker-mobile__button{align-items:center;background-color:transparent;border:none;border-radius:var(--IDS-FOCUS__BORDER-RADIUS);color:var(--IDS-HEADER-1177-REGION-PICKER__TEXT-COLOR-MOBILE);cursor:pointer;font-family:var(--IDS-FONT-FAMILY-HEADING);font-size:.875rem;height:2.375rem;justify-content:center;padding-left:2rem;padding-right:1.875rem;position:relative;white-space:nowrap}.ids-header-1177-region-picker-mobile .ids-header-1177-region-picker-mobile__button:focus-visible{outline:.125rem solid var(--IDS-FOCUS__OUTLINE-COLOR);outline-offset:.125rem!important}.ids-header-1177-region-picker-mobile .ids-header-1177-region-picker-mobile__button:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-HEADER-1177-REGION-PICKER__TEXT-COLOR-MOBILE);content:\"\\e921\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1rem;font-size:1.5rem;left:0;position:absolute;top:50%;transform:translateY(-50%)}.ids-header-1177-region-picker-mobile .ids-header-1177-region-picker-mobile__button:after{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-HEADER-1177-REGION-PICKER__TEXT-COLOR-MOBILE);content:\"\\e936\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1rem;position:absolute;right:.125rem;top:50%;transform:translateY(-50%)}.ids-header-1177-region-picker-mobile .ids-header-1177-region-picker-mobile__button:hover .ids-header-1177-region-picker-mobile__button-text{text-decoration:underline!important;text-decoration-thickness:.0938rem!important;text-underline-offset:.125rem!important}.ids-header-1177-region-picker-mobile .ids-header-1177-region-picker-mobile__button.ids-header-1177-region-picker-mobile__button--expanded:after{content:\"\\e939\"}.ids-header-1177-region-picker-mobile .ids-header-1177-region-picker-mobile__region-icon{background-color:transparent;padding:0}.ids-header-1177-region-picker-mobile .ids-header-1177-region-picker-mobile__region-icon:after{display:none}.ids-header-1177-region-picker-mobile.ids-header-1177-region-picker-mobile--selected-region .ids-header-1177-region-picker-mobile__button{color:var(--IDS-HEADER-1177-REGION-PICKER--SELECTED__TEXT-COLOR-MOBILE);padding:0 1.75rem 0 .25rem}.ids-header-1177-region-picker-mobile.ids-header-1177-region-picker-mobile--selected-region .ids-header-1177-region-picker-mobile__button:before{display:none}.ids-header-1177-region-picker-mobile.ids-header-1177-region-picker-mobile--selected-region .ids-header-1177-region-picker-mobile__button:after{color:var(--IDS-HEADER-1177-REGION-PICKER--SELECTED__TEXT-COLOR-MOBILE)}.ids-header-1177-region-picker-mobile.ids-header-1177-region-picker-mobile--selected-region .ids-header-1177-region-picker-mobile__button .ids-header-1177-region-picker-mobile__button-text{display:none}@media (max-width:1023px){.ids-header-1177-region-picker-mobile{display:flex}}";
 var header1177RegionPickerMobileLit = css`
   ${unsafeCSS(css_248z)}

package/components/header-1177/header-1177-region-picker-mobile.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);
 }
@@ -82,6 +94,7 @@
   position: absolute;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
+  font-size: 1rem;
   content: "\e921";
   font-size: 1.5rem;
   color: var(--IDS-HEADER-1177-REGION-PICKER__TEXT-COLOR-MOBILE);
@@ -96,15 +109,18 @@
   position: absolute;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
+  font-size: 1rem;
   content: "\e936";
   color: var(--IDS-HEADER-1177-REGION-PICKER__TEXT-COLOR-MOBILE);
   right: 0.125rem;
   top: 50%;
   transform: translateY(-50%);
+  font-size: 1rem;
 }
 .ids-header-1177-region-picker-mobile .ids-header-1177-region-picker-mobile__button:hover .ids-header-1177-region-picker-mobile__button-text {
-  text-decoration: underline;
-  text-underline-offset: 0.125rem;
+  text-decoration: underline !important;
+  text-underline-offset: 0.125rem !important;
+  text-decoration-thickness: 0.0938rem !important;
 }
 .ids-header-1177-region-picker-mobile .ids-header-1177-region-picker-mobile__button.ids-header-1177-region-picker-mobile__button--expanded:after {
   content: "\e939";

package/components/header-1177/header-1177-region-picker.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);
 }
@@ -78,6 +90,7 @@
   position: absolute;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
+  font-size: 1rem;
   content: "\e936";
   color: var(--IDS-HEADER-1177-REGION-PICKER__TEXT-COLOR-DESKTOP);
   right: 0.125rem;
@@ -89,8 +102,9 @@
 }
 .ids-header-1177-region-picker .ids-header-1177-region-picker__button:hover {
   color: var(--IDS-HEADER-1177-REGION-PICKER__TEXT-HOVER-COLOR-DESKTOP);
-  text-decoration: underline;
-  text-underline-offset: 0.125rem;
+  text-decoration: underline !important;
+  text-underline-offset: 0.125rem !important;
+  text-decoration-thickness: 0.0938rem !important;
 }
 .ids-header-1177-region-picker .ids-header-1177-region-picker__button:hover:after, .ids-header-1177-region-picker .ids-header-1177-region-picker__button:hover:before {
   color: var(--IDS-HEADER-1177-REGION-PICKER__TEXT-HOVER-COLOR-DESKTOP);

package/components/header-1177/header-1177-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)}header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__logo-wrapper .ids-header-1177__logo ::slotted([slot=logo]):focus-visible{outline:var(--IDS-FOCUS__OUTLINE--LIGHT);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)!important}header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__logo-wrapper .ids-header-1177__logo ::slotted([slot=logo]){align-items:center;border-radius:var(--IDS-FOCUS__BORDER-RADIUS);color:var(--IDS-HEADER-1177__LOGO-COLOR);display:flex;font-size:6.625rem}header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__logo-wrapper .ids-header-1177__logo ::slotted([slot=logo]:focus-visible){outline:var(--IDS-FOCUS__OUTLINE--LIGHT);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)!important}@media (max-width:1023px){header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__logo-wrapper .ids-header-1177__logo ::slotted([slot=logo]){font-size:3rem}}header.ids-header-1177.ids-header-1177--unresponsive .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__logo-wrapper .ids-header-1177__logo ::slotted([slot=logo]):focus-visible{outline:var(--IDS-FOCUS__OUTLINE--LIGHT);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)!important}header.ids-header-1177.ids-header-1177--unresponsive .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__logo-wrapper .ids-header-1177__logo ::slotted([slot=logo]){align-items:center;border-radius:var(--IDS-FOCUS__BORDER-RADIUS);color:var(--IDS-HEADER-1177__LOGO-COLOR);display:flex;font-size:6.625rem}header.ids-header-1177.ids-header-1177--unresponsive .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__logo-wrapper .ids-header-1177__logo ::slotted([slot=logo]:focus-visible){outline:var(--IDS-FOCUS__OUTLINE--LIGHT);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)!important}";
+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)}header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__logo-wrapper .ids-header-1177__logo ::slotted([slot=logo]):focus-visible{outline:var(--IDS-FOCUS__OUTLINE--LIGHT);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)!important}header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__logo-wrapper .ids-header-1177__logo ::slotted([slot=logo]){align-items:center;border-radius:var(--IDS-FOCUS__BORDER-RADIUS);color:var(--IDS-HEADER-1177__LOGO-COLOR);display:flex;font-size:6.625rem}header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__logo-wrapper .ids-header-1177__logo ::slotted([slot=logo]:focus-visible){outline:var(--IDS-FOCUS__OUTLINE--LIGHT);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)!important}@media (max-width:1023px){header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__logo-wrapper .ids-header-1177__logo ::slotted([slot=logo]){font-size:3rem}}header.ids-header-1177.ids-header-1177--unresponsive .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__logo-wrapper .ids-header-1177__logo ::slotted([slot=logo]):focus-visible{outline:var(--IDS-FOCUS__OUTLINE--LIGHT);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)!important}header.ids-header-1177.ids-header-1177--unresponsive .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__logo-wrapper .ids-header-1177__logo ::slotted([slot=logo]){align-items:center;border-radius:var(--IDS-FOCUS__BORDER-RADIUS);color:var(--IDS-HEADER-1177__LOGO-COLOR);display:flex;font-size:6.625rem}header.ids-header-1177.ids-header-1177--unresponsive .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__logo-wrapper .ids-header-1177__logo ::slotted([slot=logo]:focus-visible){outline:var(--IDS-FOCUS__OUTLINE--LIGHT);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)!important}";
 var header1177ShadowLit = css`${unsafeCSS(css_248z)}`;

package/components/header-1177/header-1177-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);
 }

package/components/header-1177/header-1177.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);
 }
@@ -205,6 +217,7 @@ header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__con
   position: absolute;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
+  font-size: 1rem;
   content: "\e91e";
   color: var(--IDS-HEADER-1177__LOGO-COLOR);
   font-size: 6.625rem;
@@ -408,6 +421,7 @@ header.ids-header-1177.ids-header-1177--unresponsive .ids-header-1177__container
   position: absolute;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
+  font-size: 1rem;
   content: "\e91e";
   color: var(--IDS-HEADER-1177__LOGO-COLOR);
   font-size: 6.625rem;