@inera/ids-design 8.2.0 → 8.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 (4) hide show
  1. package/components/footer-1177/footer-1177-lit.js +1 -1
  2. package/components/footer-1177/footer-1177.css +1 -0
  3. package/package.json +1 -1
  4. package/styles.css +18 -18
package/components/footer-1177/footer-1177-lit.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { css, unsafeCSS } from 'lit';
2
2
 
3
- 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-footer-1177{background-color:var(--IDS-FOOTER-1177__BACKGROUND-COLOR);position:relative}.ids-footer-1177 .ids-footer-1177__inner{margin:0 auto;max-width:var(--IDS__MAX-WIDTH);padding:var(--IDS__CONTAINER-PADDING);padding-bottom:6.25rem;padding-top:1.875rem}@media (max-width:1024px){.ids-footer-1177 .ids-footer-1177__inner{padding-bottom:2.5rem}}.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__headline-wrapper{padding-bottom:1.25rem}.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__headline-wrapper .ids-footer-1177__headline{color:var(--IDS-FOOTER-1177__HEADLINE-COLOR);display:inline;font-family:var(--IDS-FONT-FAMILY-HEADING);font-size:1.5rem;font-weight:700;line-height:1.875rem}.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__headline-wrapper .ids-footer-1177__headline .ids-footer-1177__headline--sub{color:var(--IDS-FOOTER-1177__BYLINE-COLOR)}.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__headline-wrapper .ids-footer-1177__headline--sr{clip:rect(0,0,0,0);border:0;height:.063rem;margin:-.063rem;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:.063rem}.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__content{display:flex;gap:6.5rem}.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__content .ids-footer-1177__text{color:var(--IDS-FOOTER-1177__COLOR);flex:0 0 40%;font-family:var(--ids-font-family-body-text);font-size:var(--ids-font-size-body-text);font-style:normal;font-weight:var(--ids-font-weight-body-text);letter-spacing:0;line-height:var(--ids-line-height-body-text);max-width:40%}@media (max-width:1024px){.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__content .ids-footer-1177__text{flex:0 0 100%;margin-right:0;max-width:100%}}.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__content .ids-footer-1177__cols{display:flex;flex-grow:1;gap:3.5rem;justify-content:space-between}.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__content .ids-footer-1177__link-col .ids-link{margin-bottom:.625rem!important}.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__content .ids-footer-1177__link-col ::slotted([slot=link-col-1]),.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__content .ids-footer-1177__link-col ::slotted([slot=link-col-2]),.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__content .ids-footer-1177__link-col ::slotted([slot=link-col-3]){display:block;margin-bottom:.625rem!important}.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__content .ids-footer-1177__link-col.ids-footer-1177__link-col--100{width:100%}.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__content .ids-footer-1177__link-col.ids-footer-1177__link-col--50{width:50%}.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__content .ids-footer-1177__link-col.ids-footer-1177__link-col--33{width:33%}@media (max-width:1024px){.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__content .ids-footer-1177__link-col{display:none}.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__content{gap:0}}.ids-footer-1177 .ids-footer-1177__mobile-menu{display:none}@media (max-width:1024px){.ids-footer-1177 .ids-footer-1177__mobile-menu{display:block;padding-bottom:1.25rem}}.ids-footer-1177 .ids-footer-1177__sub-footer{background-color:var(--IDS-FOOTER-1177-SUB__BACKGROUND-COLOR);position:relative}.ids-footer-1177 .ids-footer-1177__sub-footer ::slotted(button),.ids-footer-1177 .ids-footer-1177__sub-footer button{background:none;border:none;border-radius:.0625rem;box-sizing:border-box;color:inherit;color:var(--IDS-LINK--COLOR-PRESET-3__COLOR);cursor:pointer;display:inline-block!important;font:inherit;font-family:var(--IDS-LINK__FONT-FAMILY);font-size:.875rem!important;line-height:1.25rem!important;outline:inherit;padding:0;text-align:left;text-decoration:underline;text-underline-offset:.125rem;width:auto}.ids-footer-1177 .ids-footer-1177__sub-footer ::slotted(button:focus-visible),.ids-footer-1177 .ids-footer-1177__sub-footer button:focus-visible{outline:.125rem solid var(--IDS-FOCUS__OUTLINE--LIGHT-COLOR)!important}@media (max-width:1024px){.ids-footer-1177 .ids-footer-1177__sub-footer{border-top:none}}.ids-footer-1177 .ids-footer-1177__sub-footer .ids-footer-1177__sub-footer-container{margin:0 auto;max-width:var(--IDS__MAX-WIDTH);padding:var(--IDS__CONTAINER-PADDING);padding-bottom:1rem;position:relative;z-index:4}.ids-footer-1177 .ids-footer-1177__sub-footer .ids-footer-1177__sub-footer-container .ids-footer-1177__sub-footer-inner{align-items:center;display:flex;justify-content:space-between}@media (max-width:1024px){.ids-footer-1177 .ids-footer-1177__sub-footer .ids-footer-1177__sub-footer-container .ids-footer-1177__sub-footer-inner{align-items:unset;flex-direction:column}}.ids-footer-1177 .ids-footer-1177__sub-footer .ids-footer-1177__sub-footer-container .ids-footer-1177__sub-footer-inner .ids-footer-1177__sub-footer-left{display:flex;flex:60%;flex-wrap:wrap;gap:.25rem 3rem}.ids-footer-1177 .ids-footer-1177__sub-footer .ids-footer-1177__sub-footer-container .ids-footer-1177__sub-footer-inner .ids-footer-1177__sub-footer-left .ids-link,.ids-footer-1177 .ids-footer-1177__sub-footer .ids-footer-1177__sub-footer-container .ids-footer-1177__sub-footer-inner .ids-footer-1177__sub-footer-left ::slotted(a){display:block;white-space:nowrap}@media (max-width:1024px){.ids-footer-1177 .ids-footer-1177__sub-footer .ids-footer-1177__sub-footer-container .ids-footer-1177__sub-footer-inner .ids-footer-1177__sub-footer-left{display:none}}.ids-footer-1177 .ids-footer-1177__sub-footer .ids-footer-1177__sub-footer-container .ids-footer-1177__sub-footer-inner .ids-footer-1177__sub-footer-right,.ids-footer-1177 .ids-footer-1177__sub-footer .ids-footer-1177__sub-footer-container .ids-footer-1177__sub-footer-inner .ids-footer-1177__sub-footer-right p{color:var(--IDS-FOOTER-1177-SUB__COLOR)!important;flex:auto;font-size:.875rem!important;line-height:1.125rem!important;text-align:end}@media (max-width:1024px){.ids-footer-1177 .ids-footer-1177__sub-footer .ids-footer-1177__sub-footer-container .ids-footer-1177__sub-footer-inner .ids-footer-1177__sub-footer-right,.ids-footer-1177 .ids-footer-1177__sub-footer .ids-footer-1177__sub-footer-container .ids-footer-1177__sub-footer-inner .ids-footer-1177__sub-footer-right p{display:none}.ids-footer-1177 .ids-footer-1177__sub-footer .ids-footer-1177__sub-footer-container{height:auto;padding:0}}.ids-footer-1177 .ids-footer-1177__mobile-links{background-color:var(--IDS-FOOTER-1177-SUB__BACKGROUND-COLOR);display:none;flex-direction:column;font-size:.875rem;gap:2rem;padding-left:1.25rem;padding-right:1.25rem;padding-top:2rem}.ids-footer-1177 .ids-footer-1177__mobile-links ::slotted(a),.ids-footer-1177 .ids-footer-1177__mobile-links a{display:block;font-size:1rem!important;line-height:1.5rem!important;width:100%}.ids-footer-1177 .ids-footer-1177__mobile-links ::slotted(button),.ids-footer-1177 .ids-footer-1177__mobile-links button{font-size:1rem!important;line-height:1.5rem!important}@media (max-width:1024px){.ids-footer-1177 .ids-footer-1177__mobile-links{display:flex}}.ids-footer-1177 .ids-footer-1177__sub-footer-mobile{align-items:center;background-color:var(--IDS-FOOTER-1177-SUB__BACKGROUND-COLOR);color:var(--IDS-FOOTER-1177-SUB__COLOR);display:none;flex-direction:column;font-size:.875rem;justify-content:center;line-height:1.25rem;margin-top:2.5rem;padding:2.125rem 2.5rem 2.5rem;position:relative;text-align:center}.ids-footer-1177 .ids-footer-1177__sub-footer-mobile .ids-footer-1177__sub-footer-mobile-text{margin-top:2rem}.ids-footer-1177 .ids-footer-1177__sub-footer-mobile:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-FOOTER-1177-SUB__COLOR);content:\"\\e91e\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:5.625rem;pointer-events:none;position:absolute;top:-1.75rem}@media (max-width:1024px){.ids-footer-1177 .ids-footer-1177__sub-footer-mobile{display:flex}}.ids-footer-1177:after{background-image:var(--IDS-FOOTER-1177__AFTER);top:-1.875rem;z-index:2}.ids-footer-1177 .ids-footer-1177__sub-footer:before,.ids-footer-1177:after{background-color:transparent;background-size:100% 1.875rem;content:\"\";height:1.875rem;position:absolute;width:100%}.ids-footer-1177 .ids-footer-1177__sub-footer:before{background-image:var(--IDS-FOOTER-1177-SUB__BEFORE);top:-1.8125rem;z-index:3}@media (max-width:1024px){.ids-footer-1177 .ids-footer-1177__sub-footer:before{content:none!important}}";
3
+ 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-footer-1177{background-color:var(--IDS-FOOTER-1177__BACKGROUND-COLOR);margin-top:30px;position:relative}.ids-footer-1177 .ids-footer-1177__inner{margin:0 auto;max-width:var(--IDS__MAX-WIDTH);padding:var(--IDS__CONTAINER-PADDING);padding-bottom:6.25rem;padding-top:1.875rem}@media (max-width:1024px){.ids-footer-1177 .ids-footer-1177__inner{padding-bottom:2.5rem}}.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__headline-wrapper{padding-bottom:1.25rem}.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__headline-wrapper .ids-footer-1177__headline{color:var(--IDS-FOOTER-1177__HEADLINE-COLOR);display:inline;font-family:var(--IDS-FONT-FAMILY-HEADING);font-size:1.5rem;font-weight:700;line-height:1.875rem}.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__headline-wrapper .ids-footer-1177__headline .ids-footer-1177__headline--sub{color:var(--IDS-FOOTER-1177__BYLINE-COLOR)}.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__headline-wrapper .ids-footer-1177__headline--sr{clip:rect(0,0,0,0);border:0;height:.063rem;margin:-.063rem;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:.063rem}.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__content{display:flex;gap:6.5rem}.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__content .ids-footer-1177__text{color:var(--IDS-FOOTER-1177__COLOR);flex:0 0 40%;font-family:var(--ids-font-family-body-text);font-size:var(--ids-font-size-body-text);font-style:normal;font-weight:var(--ids-font-weight-body-text);letter-spacing:0;line-height:var(--ids-line-height-body-text);max-width:40%}@media (max-width:1024px){.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__content .ids-footer-1177__text{flex:0 0 100%;margin-right:0;max-width:100%}}.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__content .ids-footer-1177__cols{display:flex;flex-grow:1;gap:3.5rem;justify-content:space-between}.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__content .ids-footer-1177__link-col .ids-link{margin-bottom:.625rem!important}.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__content .ids-footer-1177__link-col ::slotted([slot=link-col-1]),.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__content .ids-footer-1177__link-col ::slotted([slot=link-col-2]),.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__content .ids-footer-1177__link-col ::slotted([slot=link-col-3]){display:block;margin-bottom:.625rem!important}.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__content .ids-footer-1177__link-col.ids-footer-1177__link-col--100{width:100%}.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__content .ids-footer-1177__link-col.ids-footer-1177__link-col--50{width:50%}.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__content .ids-footer-1177__link-col.ids-footer-1177__link-col--33{width:33%}@media (max-width:1024px){.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__content .ids-footer-1177__link-col{display:none}.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__content{gap:0}}.ids-footer-1177 .ids-footer-1177__mobile-menu{display:none}@media (max-width:1024px){.ids-footer-1177 .ids-footer-1177__mobile-menu{display:block;padding-bottom:1.25rem}}.ids-footer-1177 .ids-footer-1177__sub-footer{background-color:var(--IDS-FOOTER-1177-SUB__BACKGROUND-COLOR);position:relative}.ids-footer-1177 .ids-footer-1177__sub-footer ::slotted(button),.ids-footer-1177 .ids-footer-1177__sub-footer button{background:none;border:none;border-radius:.0625rem;box-sizing:border-box;color:inherit;color:var(--IDS-LINK--COLOR-PRESET-3__COLOR);cursor:pointer;display:inline-block!important;font:inherit;font-family:var(--IDS-LINK__FONT-FAMILY);font-size:.875rem!important;line-height:1.25rem!important;outline:inherit;padding:0;text-align:left;text-decoration:underline;text-underline-offset:.125rem;width:auto}.ids-footer-1177 .ids-footer-1177__sub-footer ::slotted(button:focus-visible),.ids-footer-1177 .ids-footer-1177__sub-footer button:focus-visible{outline:.125rem solid var(--IDS-FOCUS__OUTLINE--LIGHT-COLOR)!important}@media (max-width:1024px){.ids-footer-1177 .ids-footer-1177__sub-footer{border-top:none}}.ids-footer-1177 .ids-footer-1177__sub-footer .ids-footer-1177__sub-footer-container{margin:0 auto;max-width:var(--IDS__MAX-WIDTH);padding:var(--IDS__CONTAINER-PADDING);padding-bottom:1rem;position:relative;z-index:4}.ids-footer-1177 .ids-footer-1177__sub-footer .ids-footer-1177__sub-footer-container .ids-footer-1177__sub-footer-inner{align-items:center;display:flex;justify-content:space-between}@media (max-width:1024px){.ids-footer-1177 .ids-footer-1177__sub-footer .ids-footer-1177__sub-footer-container .ids-footer-1177__sub-footer-inner{align-items:unset;flex-direction:column}}.ids-footer-1177 .ids-footer-1177__sub-footer .ids-footer-1177__sub-footer-container .ids-footer-1177__sub-footer-inner .ids-footer-1177__sub-footer-left{display:flex;flex:60%;flex-wrap:wrap;gap:.25rem 3rem}.ids-footer-1177 .ids-footer-1177__sub-footer .ids-footer-1177__sub-footer-container .ids-footer-1177__sub-footer-inner .ids-footer-1177__sub-footer-left .ids-link,.ids-footer-1177 .ids-footer-1177__sub-footer .ids-footer-1177__sub-footer-container .ids-footer-1177__sub-footer-inner .ids-footer-1177__sub-footer-left ::slotted(a){display:block;white-space:nowrap}@media (max-width:1024px){.ids-footer-1177 .ids-footer-1177__sub-footer .ids-footer-1177__sub-footer-container .ids-footer-1177__sub-footer-inner .ids-footer-1177__sub-footer-left{display:none}}.ids-footer-1177 .ids-footer-1177__sub-footer .ids-footer-1177__sub-footer-container .ids-footer-1177__sub-footer-inner .ids-footer-1177__sub-footer-right,.ids-footer-1177 .ids-footer-1177__sub-footer .ids-footer-1177__sub-footer-container .ids-footer-1177__sub-footer-inner .ids-footer-1177__sub-footer-right p{color:var(--IDS-FOOTER-1177-SUB__COLOR)!important;flex:auto;font-size:.875rem!important;line-height:1.125rem!important;text-align:end}@media (max-width:1024px){.ids-footer-1177 .ids-footer-1177__sub-footer .ids-footer-1177__sub-footer-container .ids-footer-1177__sub-footer-inner .ids-footer-1177__sub-footer-right,.ids-footer-1177 .ids-footer-1177__sub-footer .ids-footer-1177__sub-footer-container .ids-footer-1177__sub-footer-inner .ids-footer-1177__sub-footer-right p{display:none}.ids-footer-1177 .ids-footer-1177__sub-footer .ids-footer-1177__sub-footer-container{height:auto;padding:0}}.ids-footer-1177 .ids-footer-1177__mobile-links{background-color:var(--IDS-FOOTER-1177-SUB__BACKGROUND-COLOR);display:none;flex-direction:column;font-size:.875rem;gap:2rem;padding-left:1.25rem;padding-right:1.25rem;padding-top:2rem}.ids-footer-1177 .ids-footer-1177__mobile-links ::slotted(a),.ids-footer-1177 .ids-footer-1177__mobile-links a{display:block;font-size:1rem!important;line-height:1.5rem!important;width:100%}.ids-footer-1177 .ids-footer-1177__mobile-links ::slotted(button),.ids-footer-1177 .ids-footer-1177__mobile-links button{font-size:1rem!important;line-height:1.5rem!important}@media (max-width:1024px){.ids-footer-1177 .ids-footer-1177__mobile-links{display:flex}}.ids-footer-1177 .ids-footer-1177__sub-footer-mobile{align-items:center;background-color:var(--IDS-FOOTER-1177-SUB__BACKGROUND-COLOR);color:var(--IDS-FOOTER-1177-SUB__COLOR);display:none;flex-direction:column;font-size:.875rem;justify-content:center;line-height:1.25rem;margin-top:2.5rem;padding:2.125rem 2.5rem 2.5rem;position:relative;text-align:center}.ids-footer-1177 .ids-footer-1177__sub-footer-mobile .ids-footer-1177__sub-footer-mobile-text{margin-top:2rem}.ids-footer-1177 .ids-footer-1177__sub-footer-mobile:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-FOOTER-1177-SUB__COLOR);content:\"\\e91e\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:5.625rem;pointer-events:none;position:absolute;top:-1.75rem}@media (max-width:1024px){.ids-footer-1177 .ids-footer-1177__sub-footer-mobile{display:flex}}.ids-footer-1177:after{background-image:var(--IDS-FOOTER-1177__AFTER);top:-1.875rem;z-index:2}.ids-footer-1177 .ids-footer-1177__sub-footer:before,.ids-footer-1177:after{background-color:transparent;background-size:100% 1.875rem;content:\"\";height:1.875rem;position:absolute;width:100%}.ids-footer-1177 .ids-footer-1177__sub-footer:before{background-image:var(--IDS-FOOTER-1177-SUB__BEFORE);top:-1.8125rem;z-index:3}@media (max-width:1024px){.ids-footer-1177 .ids-footer-1177__sub-footer:before{content:none!important}}";
4
4
 
5
5
  var footer1177Lit = css`${unsafeCSS(css_248z)}`;
6
6
 
package/components/footer-1177/footer-1177.css CHANGED
@@ -68,6 +68,7 @@
68
68
  .ids-footer-1177 {
69
69
  background-color: var(--IDS-FOOTER-1177__BACKGROUND-COLOR);
70
70
  position: relative;
71
+ margin-top: 30px;
71
72
  }
72
73
  .ids-footer-1177 .ids-footer-1177__inner {
73
74
  max-width: var(--IDS__MAX-WIDTH);
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "type": "module",
3
3
  "name": "@inera/ids-design",
4
- "version": "8.2.0",
4
+ "version": "8.2.1",
5
5
  "license": "SEE LICENSE IN LICENSE.md",
6
6
  "publishConfig": {
7
7
  "access": "public"
package/styles.css CHANGED
@@ -7515,8 +7515,8 @@ input[type=search]::-webkit-search-results-decoration {
7515
7515
  }
7516
7516
  .ids--light.ids--dark, .ids--dark.ids--dark {
7517
7517
  --IDS-FOOTER-1177-SUB__COLOR: var(--ids-palette-neutral-100);
7518
- --IDS-FOOTER-1177-SUB__BEFORE: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1440' preserveAspectRatio='none' height='30'%3E%3Cpath d='M0 0c251.387 7.408 495.186 11.112 731.395 11.112C967.605 11.112 1203.806 7.408 1440 0v30H0V0z' fill='%23353535' fill-rule='evenodd'/%3E%3C/svg%3E");
7519
- --IDS-FOOTER-1177__AFTER: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1440' preserveAspectRatio='none' height='30'%3E%3Cpath d='M0 0c251.387 7.408 495.186 11.112 731.395 11.112C967.605 11.112 1203.806 7.408 1440 0v30H0V0z' fill='%23252525' fill-rule='evenodd'/%3E%3C/svg%3E");
7518
+ --IDS-FOOTER-1177-SUB__BEFORE: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1440' preserveAspectRatio='none' height='30'%3E%3Cpath d='M0 0c251.387 7.408 495.186 11.112 731.395 11.112C967.605 11.112 1203.806 7.408 1440 0v30H0V0z' fill='%23393d42' fill-rule='evenodd'/%3E%3C/svg%3E");
7519
+ --IDS-FOOTER-1177__AFTER: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1440' preserveAspectRatio='none' height='30'%3E%3Cpath d='M0 0c251.387 7.408 495.186 11.112 731.395 11.112C967.605 11.112 1203.806 7.408 1440 0v30H0V0z' fill='%23222529' fill-rule='evenodd'/%3E%3C/svg%3E");
7520
7520
  }
7521
7521
 
7522
7522
  .ids--light, .ids--dark {
@@ -8265,7 +8265,7 @@ input[type=search]::-webkit-search-results-decoration {
8265
8265
  --IDS-MOBILE-MENU-2-ITEM__COLOR: var(--ids-color-navigation-text-default);
8266
8266
  --IDS-MOBILE-MENU-2-ITEM--HOVER__COLOR: var(--ids-color-navigation-text-hover);
8267
8267
  --IDS-MOBILE-MENU-2-ITEM__BACKGROUND-COLOR: var(--ids-color-brand-background-secondary);
8268
- --IDS-MOBILE-MENU-2-ITEM__BORDER-BOTTOM-COLOR: var(--ids-color-surface-border-elevated-1);
8268
+ --IDS-MOBILE-MENU-2-ITEM__BORDER-BOTTOM-COLOR: var(--ids-color-navigation-border-default);
8269
8269
  --IDS-MOBILE-MENU-2-ITEM__BEFORE-BACKGROUND-COLOR: var(--ids-color-brand-background-secondary);
8270
8270
  --IDS-MOBILE-MENU-2-ITEM__BEFORE-HOVER-BACKGROUND-COLOR: var(--ids-color-navigation-border-default);
8271
8271
  /* VARIATION 2 - Level 2 & 3 */
@@ -8280,40 +8280,40 @@ input[type=search]::-webkit-search-results-decoration {
8280
8280
  --IDS-MOBILE-MENU--FOCUS-OUTLINE-COLOR: var(--IDS-FOCUS__OUTLINE-COLOR);
8281
8281
  /* Level 1 */
8282
8282
  --IDS-MOBILE-MENU-ITEM__FONT-WEIGHT: 700;
8283
- --IDS-MOBILE-MENU-ITEM__COLOR: var(--ids-color-interactive-text-default);
8284
- --IDS-MOBILE-MENU-ITEM--HOVER__COLOR: var(--ids-color-interactive-text-hover);
8283
+ --IDS-MOBILE-MENU-ITEM__COLOR: var(--ids-color-navigation-text-default);
8284
+ --IDS-MOBILE-MENU-ITEM--HOVER__COLOR: var(--ids-color-navigation-text-hover);
8285
8285
  --IDS-MOBILE-MENU-ITEM__BACKGROUND-COLOR: var(--ids-color-surface-background-elevated-1);
8286
8286
  --IDS-MOBILE-MENU-ITEM__BEFORE-BACKGROUND-COLOR: var(--ids-color-surface-background-elevated-1);
8287
8287
  --IDS-MOBILE-MENU-ITEM__BORDER-BOTTOM-COLOR: var(--ids-color-surface-border-elevated-1);
8288
- --IDS-MOBILE-MENU-ITEM__BEFORE-HOVER-BACKGROUND-COLOR: var(--ids-color-interactive-border-default);
8288
+ --IDS-MOBILE-MENU-ITEM__BEFORE-HOVER-BACKGROUND-COLOR: var(--ids-color-navigation-border-default);
8289
8289
  /* Secondary */
8290
- --IDS-MOBILE-MENU-ITEM-SECONDARY__COLOR: var(--ids-color-interactive-text-default);
8291
- --IDS-MOBILE-MENU-ITEM-SECONDARY--HOVER__COLOR: var(--ids-color-interactive-text-hover);
8290
+ --IDS-MOBILE-MENU-ITEM-SECONDARY__COLOR: var(--ids-color-navigation-text-default);
8291
+ --IDS-MOBILE-MENU-ITEM-SECONDARY--HOVER__COLOR: var(--ids-color-navigation-text-hover);
8292
8292
  --IDS-MOBILE-MENU-ITEM-SECONDARY__BACKGROUND-COLOR: var(--ids-color-brand-background-secondary);
8293
- --IDS-MOBILE-MENU-ITEM-SECONDARY__BORDER-BOTTOM-COLOR: var(--ids-color-interactive-border-default);
8293
+ --IDS-MOBILE-MENU-ITEM-SECONDARY__BORDER-BOTTOM-COLOR: var(--ids-color-navigation-border-default);
8294
8294
  --IDS-MOBILE-MENU-ITEM-SECONDARY__BEFORE-BACKGROUND-COLOR: var(--ids-color-brand-background-secondary);
8295
- --IDS-MOBILE-MENU-ITEM-SECONDARY__BEFORE-HOVER-BACKGROUND-COLOR: var(--ids-color-interactive-border-default);
8295
+ --IDS-MOBILE-MENU-ITEM-SECONDARY__BEFORE-HOVER-BACKGROUND-COLOR: var(--ids-color-navigation-border-default);
8296
8296
  /* Level 2 */
8297
- --IDS-MOBILE-MENU-ITEM--L2__COLOR: var(--ids-color-interactive-text-default);
8297
+ --IDS-MOBILE-MENU-ITEM--L2__COLOR: var(--ids-color-navigation-text-default);
8298
8298
  --IDS-MOBILE-MENU-ITEM--L2__BACKGROUND-COLOR: var(--ids-color-surface-background-elevated-1);
8299
8299
  --IDS-MOBILE-MENU-ITEM--L2__BORDER-BOTTOM-COLOR: var(--ids-color-surface-border-elevated-1);
8300
8300
  --IDS-MOBILE-MENU-ITEM--L2__BEFORE-BACKGROUND-COLOR: var(--ids-color-surface-border-elevated-1);
8301
- --IDS-MOBILE-MENU-ITEM--L2__BEFORE-HOVER-BACKGROUND-COLOR: var(--ids-color-interactive-border-default);
8301
+ --IDS-MOBILE-MENU-ITEM--L2__BEFORE-HOVER-BACKGROUND-COLOR: var(--ids-color-navigation-border-default);
8302
8302
  /* VARIATION 2 */
8303
8303
  --IDS-MOBILE-MENU-2--FOCUS-OUTLINE-COLOR: var(--IDS-FOCUS__OUTLINE-COLOR);
8304
8304
  /* Level 1 */
8305
8305
  --IDS-MOBILE-MENU-2-ITEM__FONT-WEIGHT: 700;
8306
- --IDS-MOBILE-MENU-2-ITEM__COLOR: var(--ids-color-interactive-text-default);
8307
- --IDS-MOBILE-MENU-2-ITEM--HOVER__COLOR: var(--ids-color-interactive-text-hover);
8306
+ --IDS-MOBILE-MENU-2-ITEM__COLOR: var(--ids-color-navigation-text-default);
8307
+ --IDS-MOBILE-MENU-2-ITEM--HOVER__COLOR: var(--ids-color-navigation-text-hover);
8308
8308
  --IDS-MOBILE-MENU-2-ITEM__BACKGROUND-COLOR: var(--ids-color-brand-background-secondary);
8309
- --IDS-MOBILE-MENU-2-ITEM__BORDER-BOTTOM-COLOR: var(--ids-color-surface-border-elevated-1);
8309
+ --IDS-MOBILE-MENU-2-ITEM__BORDER-BOTTOM-COLOR: var(--ids-color-navigation-border-default);
8310
8310
  --IDS-MOBILE-MENU-2-ITEM__BEFORE-BACKGROUND-COLOR: var(--ids-color-brand-background-secondary);
8311
- --IDS-MOBILE-MENU-2-ITEM__BEFORE-HOVER-BACKGROUND-COLOR: var(--ids-color-interactive-border-default);
8311
+ --IDS-MOBILE-MENU-2-ITEM__BEFORE-HOVER-BACKGROUND-COLOR: var(--ids-color-navigation-border-default);
8312
8312
  /* VARIATION 2 - Level 2 & 3 */
8313
- --IDS-MOBILE-MENU-2-ITEM--L2__COLOR: var(--ids-color-interactive-text-default);
8313
+ --IDS-MOBILE-MENU-2-ITEM--L2__COLOR: var(--ids-color-navigation-text-default);
8314
8314
  --IDS-MOBILE-MENU-2-ITEM--L2__BACKGROUND-COLOR: var(--ids-color-brand-background-secondary);
8315
8315
  --IDS-MOBILE-MENU-2-ITEM--L2__BEFORE-BACKGROUND-COLOR: var(--ids-color-brand-background-secondary);
8316
- --IDS-MOBILE-MENU-2-ITEM--L2__BEFORE-HOVER-BACKGROUND-COLOR: var(--ids-color-interactive-border-default);
8316
+ --IDS-MOBILE-MENU-2-ITEM--L2__BEFORE-HOVER-BACKGROUND-COLOR: var(--ids-color-navigation-border-default);
8317
8317
  }
8318
8318
  .ids--light.ids--inera, .ids--dark.ids--inera {
8319
8319
  /* VARIATION 1 */