npm - @inera/ids-design - Versions diffs - 5.3.0 → 5.4.0 - Mend

@inera/ids-design 5.3.0 → 5.4.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 (524) hide show

package/{components → dist/components}/footer-1177/footer-1177.css RENAMED Viewed

@@ -11,17 +11,17 @@
 }
 .ids-container {
-  max-width: var(--IDS_MAX-WIDTH);
+  max-width: var(--IDS__MAX-WIDTH);
   display: grid;
   margin-left: auto;
   margin-right: auto;
-  padding-left: 20px;
-  padding-right: 20px;
+  padding-left: 1.25rem;
+  padding-right: 1.25rem;
 }
 .ids-container.ids-container--gutterless {
-  padding-left: 0px !important;
-  padding-right: 0px !important;
+  padding-left: 0 !important;
+  padding-right: 0 !important;
 }
 .ids-container.ids-container--fluid {
@@ -32,7 +32,7 @@
 * BUTTONS
 ********/
 /*******
-* SCROLLBAR
+* SCROLLBARS
 ********/
 /*******
 * FORM
@@ -40,51 +40,45 @@
 /*******
 * A11Y
 ********/
-/* Footer 1177 */
 .ids-footer-1177 {
-  background-color: var(--footer_background-color);
+  background-color: var(--IDS-COLOR-PRIMARY-90);
   position: relative;
-  margin-top: var(--footer_margin-top);
-  box-shadow: var(--footer_box-shadow);
+  margin-top: 1.875rem;
 }
 .ids-footer-1177 .ids-footer-1177__inner {
-  max-width: var(--IDS_MAX-WIDTH);
-  display: grid;
+  max-width: var(--IDS__MAX-WIDTH);
   margin-left: auto;
   margin-right: auto;
-  padding-left: 20px;
-  padding-right: 20px;
-  padding-top: var(--footer-inner_padding-top);
-  padding-bottom: var(--footer-inner_padding-bottom);
+  padding-left: 1.25rem;
+  padding-right: 1.25rem;
+  padding-top: 1.875rem;
+  padding-bottom: 6.25rem;
 }
 @media (max-width: 1024px) {
   .ids-footer-1177 .ids-footer-1177__inner {
-    padding-bottom: var(--footer-inner-mobile_padding-bottom);
+    padding-bottom: 3.125rem;
   }
 }
 .ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__headline-row {
-  padding-bottom: 20px;
+  padding-bottom: 1.25rem;
 }
 .ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__headline-row .ids-footer-1177__headline {
   display: inline;
   font-size: 1.5rem;
-  line-height: 1.25;
-  font-size: var(--footer-headline_font-size);
-  line-height: var(--footer-headline_line-height);
-  letter-spacing: var(--footer-headline_letter-spacing);
-  font-weight: var(--footer-headline_font-weight);
-  font-family: var(--footer-headline_font-family);
-  color: var(--footer-headline_color);
+  line-height: 1.875rem;
+  font-weight: bold;
+  font-family: var(--IDS-FONT-FAMILY-HEADING);
+  color: var(--IDS-COLOR-PRIMARY-40);
 }
 .ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__headline-row .ids-footer-1177__headline .ids-footer-1177__headline--sub {
-  color: var(--footer-headline-sub_color);
+  color: var(--IDS-COLOR-PRIMARY-30);
 }
 .ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__headline-row .ids-footer-1177__headline--sr {
   position: absolute;
-  width: 1px;
-  height: 1px;
+  width: 0.063rem;
+  height: 0.063rem;
   padding: 0;
-  margin: -1px;
+  margin: -0.063rem;
   overflow: hidden;
   clip: rect(0, 0, 0, 0);
   white-space: nowrap;
@@ -95,7 +89,8 @@
   flex-wrap: wrap;
 }
 .ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__content .ids-footer-1177__text {
-  color: var(--footer-content_color) !important;
+  font-size: 1rem;
+  color: var(--IDS-COLOR-NEUTRAL-20) !important;
   flex: 0 0 41.6%;
   max-width: 41.6%;
   margin-right: 8.3%;
@@ -104,13 +99,27 @@
   .ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__content .ids-footer-1177__text {
     flex: 0 0 100%;
     max-width: 100%;
-    margin-right: 0%;
+    margin-right: 0;
   }
 }
 .ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__content .ids-footer-1177__link-col {
   flex: 0 0 16%;
   max-width: 16%;
 }
+.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__content .ids-footer-1177__link-col ul {
+  margin: 0;
+  list-style: none;
+  padding: 0;
+}
+.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__content .ids-footer-1177__link-col .ids-link {
+  margin-bottom: 0.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: 0.625rem !important;
+}
 .ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__content .ids-footer-1177__link-col.ids-footer-1177__link-col--2 {
   flex: 0 0 25%;
   max-width: 25%;
@@ -147,14 +156,6 @@
   flex: 0 0 50%;
   max-width: 50%;
 }
-.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__content .ids-footer-1177__link-col ul {
-  margin: 0px;
-  list-style: none;
-  padding: 0px;
-}
-.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__content .ids-footer-1177__link-col .ids-link {
-  margin-bottom: 10px !important;
-}
 @media (max-width: 1024px) {
   .ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__content .ids-footer-1177__link-col {
     display: none;
@@ -162,10 +163,9 @@
 }
 .ids-footer-1177 .ids-footer-1177__sub-footer {
   position: relative;
-  background-color: var(--footer-sub_background-color);
-  border-top: var(--footer-sub_border-top);
-  padding-bottom: var(--footer-sub_padding-bottom);
-  padding-top: var(--footer-sub_padding-top);
+  background-color: var(--IDS-COLOR-PRIMARY-40);
+  padding-bottom: 1.25rem;
+  padding-top: 0.313rem;
 }
 .ids-footer-1177 .ids-footer-1177__sub-footer .ids-footer-1177__mobile-menu {
   display: none;
@@ -177,22 +177,20 @@
 }
 @media (max-width: 1024px) {
   .ids-footer-1177 .ids-footer-1177__sub-footer {
-    background-color: var(--footer-sub-mobile_background-color);
-    padding-top: var(--footer-sub-mobile_padding-top);
+    background-color: var(--IDS-COLOR-PRIMARY-40);
     border-top: none;
   }
 }
 .ids-footer-1177 .ids-footer-1177__sub-footer .ids-footer-1177__sub-footer-container {
-  max-width: var(--IDS_MAX-WIDTH);
-  display: grid;
+  max-width: var(--IDS__MAX-WIDTH);
   margin-left: auto;
   margin-right: auto;
-  padding-left: 20px;
-  padding-right: 20px;
+  padding-left: 1.25rem;
+  padding-right: 1.25rem;
 }
 .ids-footer-1177 .ids-footer-1177__sub-footer .ids-footer-1177__sub-footer-container .ids-footer-1177_sub-footer-mobile-text {
-  color: var(--footer-sub-mobile_color);
-  padding: 30px 40px 10px;
+  color: var(--IDS-COLOR-NEUTRAL-100);
+  padding: 1.875rem 2.5rem 0.625rem;
   font-size: 0.875rem;
   text-align: center;
   line-height: 1.25rem;
@@ -210,9 +208,10 @@
   }
 }
 .ids-footer-1177 .ids-footer-1177__sub-footer .ids-footer-1177__sub-footer-container .ids-footer-1177__sub-footer-row .ids-footer-1177__sub-footer-left {
+  flex: 50%;
   font-size: 0.875rem !important;
-  line-height: 0.875rem !important;
-  color: var(--footer-sub-text_color) !important;
+  line-height: 1.125rem !important;
+  color: var(--IDS-COLOR-NEUTRAL-100) !important;
 }
 @media (max-width: 1024px) {
   .ids-footer-1177 .ids-footer-1177__sub-footer .ids-footer-1177__sub-footer-container .ids-footer-1177__sub-footer-row .ids-footer-1177__sub-footer-left {
@@ -220,12 +219,15 @@
   }
 }
 .ids-footer-1177 .ids-footer-1177__sub-footer .ids-footer-1177__sub-footer-container .ids-footer-1177__sub-footer-row .ids-footer-1177__sub-footer-right {
+  flex: auto;
   text-align: end;
 }
+.ids-footer-1177 .ids-footer-1177__sub-footer .ids-footer-1177__sub-footer-container .ids-footer-1177__sub-footer-row .ids-footer-1177__sub-footer-right ::slotted(*),
 .ids-footer-1177 .ids-footer-1177__sub-footer .ids-footer-1177__sub-footer-container .ids-footer-1177__sub-footer-row .ids-footer-1177__sub-footer-right .ids-link {
+  display: inline-block !important;
   font-size: 0.875rem;
-  color: var(--footer-sub-text_color);
-  margin-left: 20px !important;
+  color: var(--IDS-COLOR-NEUTRAL-100);
+  margin-left: 1.25rem !important;
 }
 @media (max-width: 1024px) {
   .ids-footer-1177 .ids-footer-1177__sub-footer .ids-footer-1177__sub-footer-container .ids-footer-1177__sub-footer-row .ids-footer-1177__sub-footer-right {
@@ -235,8 +237,8 @@
 @media (max-width: 1024px) {
   .ids-footer-1177 .ids-footer-1177__sub-footer .ids-footer-1177__sub-footer-container {
     height: auto;
-    padding-left: 0px;
-    padding-right: 0px;
+    padding-left: 0;
+    padding-right: 0;
   }
 }
 .ids-footer-1177 .ids-footer-1177__content-row {
@@ -245,8 +247,8 @@
 .ids-footer-1177 .ids-footer-1177__mobile-links {
   font-size: 0.875rem;
   display: none;
-  padding-left: 20px;
-  padding-right: 20px;
+  padding-left: 1.25rem;
+  padding-right: 1.25rem;
   padding-top: 1.25rem;
   flex-direction: column;
 }
@@ -254,7 +256,7 @@
 .ids-footer-1177 .ids-footer-1177__mobile-links a {
   display: flex;
   width: 100%;
-  padding: 16px 0 !important;
+  padding: 1rem 0 !important;
 }
 @media (max-width: 1024px) {
   .ids-footer-1177 .ids-footer-1177__mobile-links {
@@ -272,22 +274,22 @@
     flex-direction: column;
     padding-bottom: 1rem;
     padding-top: 1rem;
-    color: var(--footer-sub-mobile_color);
+    color: var(--IDS-COLOR-NEUTRAL-100);
     font-size: 0.875rem;
     text-align: center;
     line-height: 1.25rem;
-    padding-left: 40px;
-    padding-right: 40px;
+    padding-left: 2.5rem;
+    padding-right: 2.5rem;
   }
   .ids-footer-1177 .ids-footer-1177__sub-footer-mobile .ids-footer-1177__sub-footer-mobile-text {
-    margin-top: 30px;
+    margin-top: 1.875rem;
   }
 }
 .ids-footer-1177:after {
   background-image: 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='%23FAEEF0' fill-rule='evenodd'/%3E%3C/svg%3E");
-  background-size: 100% 30px;
-  height: 30px;
-  top: -30px;
+  background-size: 100% 1.875rem;
+  height: 1.875rem;
+  top: -1.875rem;
   content: "";
   position: absolute;
   z-index: 2;
@@ -296,9 +298,9 @@
 }
 .ids-footer-1177 .ids-footer-1177__sub-footer:after {
   background-image: 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='%23C12143' fill-rule='evenodd'/%3E%3C/svg%3E");
-  background-size: 100% 30px;
-  height: 30px;
-  top: -30px;
+  background-size: 100% 1.875rem;
+  height: 1.875rem;
+  top: -1.875rem;
   content: "";
   position: absolute;
   z-index: 3;

package/dist/components/footer-1177-admin/footer-1177-admin-lit.js ADDED Viewed

@@ -0,0 +1,7 @@
+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-container{display:grid;margin-left:auto;margin-right:auto;max-width:var(--IDS__MAX-WIDTH);padding-left:1.25rem;padding-right:1.25rem}.ids-container.ids-container--gutterless{padding-left:0!important;padding-right:0!important}.ids-container.ids-container--fluid{max-width:100%}.ids-footer-1177-admin{background-color:var(--IDS-COLOR-NEUTRAL-100);box-shadow:0 0 .625rem rgba(0,0,0,.3);position:relative}.ids-footer-1177-admin .ids-footer-1177-admin__inner{margin-left:auto;margin-right:auto;max-width:var(--IDS__MAX-WIDTH);padding:2.5rem 1.25rem 3.75rem}@media (max-width:1024px){.ids-footer-1177-admin .ids-footer-1177-admin__inner{padding-bottom:3.125rem}}.ids-footer-1177-admin .ids-footer-1177-admin__inner .ids-footer-1177-admin__headline-row{padding-bottom:1.25rem}.ids-footer-1177-admin .ids-footer-1177-admin__inner .ids-footer-1177-admin__headline-row .ids-footer-1177-admin__headline{color:var(--IDS-COLOR-ACCENT-30);display:inline;font-family:var(--IDS-FONT-FAMILY-HEADING);font-size:1.5rem;font-weight:700;line-height:1.875rem}.ids-footer-1177-admin .ids-footer-1177-admin__inner .ids-footer-1177-admin__headline-row .ids-footer-1177-admin__headline .ids-footer-1177-admin__headline--sub{color:var(--IDS-COLOR-PRIMARY-30)}.ids-footer-1177-admin .ids-footer-1177-admin__inner .ids-footer-1177-admin__headline-row .ids-footer-1177-admin__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-admin .ids-footer-1177-admin__inner .ids-footer-1177-admin__content{display:flex;gap:.5rem}.ids-footer-1177-admin .ids-footer-1177-admin__inner .ids-footer-1177-admin__content .ids-footer-1177-admin__text{color:var(--IDS-COLOR-NEUTRAL-20)!important;flex:0 0 41.6%;font-size:1rem;margin-right:8.3%;max-width:41.6%}@media (max-width:1024px){.ids-footer-1177-admin .ids-footer-1177-admin__inner .ids-footer-1177-admin__content .ids-footer-1177-admin__text{flex:0 0 100%;margin-right:0;max-width:100%}}.ids-footer-1177-admin .ids-footer-1177-admin__inner .ids-footer-1177-admin__content .ids-footer-1177-admin__link-col{flex:0 0 16%;max-width:16%}.ids-footer-1177-admin .ids-footer-1177-admin__inner .ids-footer-1177-admin__content .ids-footer-1177-admin__link-col ul{list-style:none;margin:0;padding:0}.ids-footer-1177-admin .ids-footer-1177-admin__inner .ids-footer-1177-admin__content .ids-footer-1177-admin__link-col .ids-link{margin-bottom:.625rem!important}.ids-footer-1177-admin .ids-footer-1177-admin__inner .ids-footer-1177-admin__content .ids-footer-1177-admin__link-col ::slotted([slot=link-col-1]),.ids-footer-1177-admin .ids-footer-1177-admin__inner .ids-footer-1177-admin__content .ids-footer-1177-admin__link-col ::slotted([slot=link-col-2]),.ids-footer-1177-admin .ids-footer-1177-admin__inner .ids-footer-1177-admin__content .ids-footer-1177-admin__link-col ::slotted([slot=link-col-3]){display:block;margin-bottom:.625rem!important}.ids-footer-1177-admin .ids-footer-1177-admin__inner .ids-footer-1177-admin__content .ids-footer-1177-admin__link-col.ids-footer-1177-admin__link-col--1{flex:0 0 50%;max-width:50%}.ids-footer-1177-admin .ids-footer-1177-admin__inner .ids-footer-1177-admin__content .ids-footer-1177-admin__link-col.ids-footer-1177-admin__link-col--2{flex:0 0 25%;max-width:25%}.ids-footer-1177-admin .ids-footer-1177-admin__inner .ids-footer-1177-admin__content .ids-footer-1177-admin__link-col.ids-footer-1177-admin__col-size-auto{flex:0 0 auto;width:auto}.ids-footer-1177-admin .ids-footer-1177-admin__inner .ids-footer-1177-admin__content .ids-footer-1177-admin__link-col.ids-footer-1177-admin__col-size-1{flex:0 0 8.3%;max-width:8.3%}.ids-footer-1177-admin .ids-footer-1177-admin__inner .ids-footer-1177-admin__content .ids-footer-1177-admin__link-col.ids-footer-1177-admin__col-size-2{flex:0 0 16%;max-width:16%}.ids-footer-1177-admin .ids-footer-1177-admin__inner .ids-footer-1177-admin__content .ids-footer-1177-admin__link-col.ids-footer-1177-admin__col-size-3{flex:0 0 25%;max-width:25%}.ids-footer-1177-admin .ids-footer-1177-admin__inner .ids-footer-1177-admin__content .ids-footer-1177-admin__link-col.ids-footer-1177-admin__col-size-4{flex:0 0 33.3%;max-width:33.3%}.ids-footer-1177-admin .ids-footer-1177-admin__inner .ids-footer-1177-admin__content .ids-footer-1177-admin__link-col.ids-footer-1177-admin__col-size-5{flex:0 0 41.6%;max-width:41.6%}.ids-footer-1177-admin .ids-footer-1177-admin__inner .ids-footer-1177-admin__content .ids-footer-1177-admin__link-col.ids-footer-1177-admin__col-size-6{flex:0 0 50%;max-width:50%}@media (max-width:1024px){.ids-footer-1177-admin .ids-footer-1177-admin__inner .ids-footer-1177-admin__content .ids-footer-1177-admin__link-col{display:none}}.ids-footer-1177-admin .ids-footer-1177-admin__sub-footer{background-color:var(--IDS-COLOR-ACCENT-40);padding-bottom:.625rem;padding-top:.625rem;position:relative}.ids-footer-1177-admin .ids-footer-1177-admin__sub-footer .ids-footer-1177-admin__mobile-menu{display:none}@media (max-width:1024px){.ids-footer-1177-admin .ids-footer-1177-admin__sub-footer .ids-footer-1177-admin__mobile-menu{display:block}.ids-footer-1177-admin .ids-footer-1177-admin__sub-footer{background-color:var(--IDS-COLOR-NEUTRAL-100);border-top:none}}.ids-footer-1177-admin .ids-footer-1177-admin__sub-footer .ids-footer-1177-admin__sub-footer-container{margin-left:auto;margin-right:auto;max-width:var(--IDS__MAX-WIDTH);padding-left:1.25rem;padding-right:1.25rem}.ids-footer-1177-admin .ids-footer-1177-admin__sub-footer .ids-footer-1177-admin__sub-footer-container .ids-footer_sub-footer-mobile-text{color:var(--IDS-COLOR-NEUTRAL-40);display:inline-block;font-size:.875rem!important;line-height:1.25rem;padding:1.875rem 2.5rem .625rem;text-align:center}.ids-footer-1177-admin .ids-footer-1177-admin__sub-footer .ids-footer-1177-admin__sub-footer-container .ids-footer-1177-admin__sub-footer-row{align-items:center;display:flex;justify-content:space-between}@media (max-width:1024px){.ids-footer-1177-admin .ids-footer-1177-admin__sub-footer .ids-footer-1177-admin__sub-footer-container .ids-footer-1177-admin__sub-footer-row{align-items:unset;flex-direction:column}}.ids-footer-1177-admin .ids-footer-1177-admin__sub-footer .ids-footer-1177-admin__sub-footer-container .ids-footer-1177-admin__sub-footer-row .ids-footer-1177-admin__sub-footer-left{color:var(--IDS-COLOR-NEUTRAL-100)!important;flex:50%;font-size:.875rem!important;line-height:1.125rem!important}@media (max-width:1024px){.ids-footer-1177-admin .ids-footer-1177-admin__sub-footer .ids-footer-1177-admin__sub-footer-container .ids-footer-1177-admin__sub-footer-row .ids-footer-1177-admin__sub-footer-left{display:none}}.ids-footer-1177-admin .ids-footer-1177-admin__sub-footer .ids-footer-1177-admin__sub-footer-container .ids-footer-1177-admin__sub-footer-row .ids-footer-1177-admin__sub-footer-right{flex:auto;text-align:end}.ids-footer-1177-admin .ids-footer-1177-admin__sub-footer .ids-footer-1177-admin__sub-footer-container .ids-footer-1177-admin__sub-footer-row .ids-footer-1177-admin__sub-footer-right .ids-link,.ids-footer-1177-admin .ids-footer-1177-admin__sub-footer .ids-footer-1177-admin__sub-footer-container .ids-footer-1177-admin__sub-footer-row .ids-footer-1177-admin__sub-footer-right ::slotted(*){color:var(--IDS-COLOR-NEUTRAL-100);display:inline-block!important;font-size:.875rem;margin-left:1.25rem!important}@media (max-width:1024px){.ids-footer-1177-admin .ids-footer-1177-admin__sub-footer .ids-footer-1177-admin__sub-footer-container .ids-footer-1177-admin__sub-footer-row .ids-footer-1177-admin__sub-footer-right{display:none}.ids-footer-1177-admin .ids-footer-1177-admin__sub-footer .ids-footer-1177-admin__sub-footer-container{height:auto;padding-left:0;padding-right:0}}.ids-footer-1177-admin .ids-footer-1177-admin__content-row{z-index:1}.ids-footer-1177-admin .ids-footer-1177-admin__mobile-links{display:none;flex-direction:column;font-size:.875rem;padding-left:1.25rem;padding-right:1.25rem;padding-top:1.25rem}.ids-footer-1177-admin .ids-footer-1177-admin__mobile-links ::slotted(*),.ids-footer-1177-admin .ids-footer-1177-admin__mobile-links a{display:block;padding:.5rem 0!important}@media (max-width:1024px){.ids-footer-1177-admin .ids-footer-1177-admin__mobile-links{display:flex}}.ids-footer-1177-admin .ids-footer-1177-admin__sub-footer-mobile{display:none}@media (max-width:1024px){.ids-footer-1177-admin .ids-footer-1177-admin__sub-footer-mobile{align-items:center;color:var(--IDS-COLOR-NEUTRAL-40);display:flex;flex-direction:column;font-size:.875rem;justify-content:center;line-height:1.25rem;padding:1rem 2.5rem;text-align:center}.ids-footer-1177-admin .ids-footer-1177-admin__sub-footer-mobile .ids-footer-1177-admin__sub-footer-mobile-text{margin-top:1.875rem}}.ids-footer-1177-admin .ids-footer-1177-admin__sub-footer-mobile-icon{align-items:center;display:flex;flex-wrap:wrap}.ids-footer-1177-admin .ids-footer-1177-admin__sub-footer-mobile-service-name{align-items:center;border-left:.063rem solid var(--IDS-COLOR-ACCENT-30);display:flex;font-size:.75rem;font-weight:700;height:2.5rem;letter-spacing:-.016rem;line-height:.813rem;margin-left:1rem;padding-left:1rem}";
+var footer1177AdminLit = css`${unsafeCSS(css_248z)}`;
+export { footer1177AdminLit as default };

package/{components → dist/components}/footer-1177-admin/footer-1177-admin.css RENAMED Viewed

@@ -11,17 +11,17 @@
 }
 .ids-container {
-  max-width: var(--IDS_MAX-WIDTH);
+  max-width: var(--IDS__MAX-WIDTH);
   display: grid;
   margin-left: auto;
   margin-right: auto;
-  padding-left: 20px;
-  padding-right: 20px;
+  padding-left: 1.25rem;
+  padding-right: 1.25rem;
 }
 .ids-container.ids-container--gutterless {
-  padding-left: 0px !important;
-  padding-right: 0px !important;
+  padding-left: 0 !important;
+  padding-right: 0 !important;
 }
 .ids-container.ids-container--fluid {
@@ -32,7 +32,7 @@
 * BUTTONS
 ********/
 /*******
-* SCROLLBAR
+* SCROLLBARS
 ********/
 /*******
 * FORM
@@ -40,51 +40,45 @@
 /*******
 * A11Y
 ********/
-/* Footer 1177 admin */
 .ids-footer-1177-admin {
-  background-color: var(--footer_background-color);
+  background-color: var(--IDS-COLOR-NEUTRAL-100);
   position: relative;
-  margin-top: var(--footer_margin-top);
-  box-shadow: var(--footer_box-shadow);
+  box-shadow: 0 0 0.625rem rgba(0, 0, 0, 0.3);
 }
 .ids-footer-1177-admin .ids-footer-1177-admin__inner {
-  max-width: var(--IDS_MAX-WIDTH);
-  display: grid;
+  max-width: var(--IDS__MAX-WIDTH);
   margin-left: auto;
   margin-right: auto;
-  padding-left: 20px;
-  padding-right: 20px;
-  padding-top: var(--footer-inner_padding-top);
-  padding-bottom: var(--footer-inner_padding-bottom);
+  padding-left: 1.25rem;
+  padding-right: 1.25rem;
+  padding-top: 2.5rem;
+  padding-bottom: 3.75rem;
 }
 @media (max-width: 1024px) {
   .ids-footer-1177-admin .ids-footer-1177-admin__inner {
-    padding-bottom: var(--footer-inner-mobile_padding-bottom);
+    padding-bottom: 3.125rem;
   }
 }
 .ids-footer-1177-admin .ids-footer-1177-admin__inner .ids-footer-1177-admin__headline-row {
-  padding-bottom: 20px;
+  padding-bottom: 1.25rem;
 }
 .ids-footer-1177-admin .ids-footer-1177-admin__inner .ids-footer-1177-admin__headline-row .ids-footer-1177-admin__headline {
   display: inline;
   font-size: 1.5rem;
-  line-height: 1.25;
-  font-size: var(--footer-headline_font-size);
-  line-height: var(--footer-headline_line-height);
-  letter-spacing: var(--footer-headline_letter-spacing);
-  font-weight: var(--footer-headline_font-weight);
-  font-family: var(--footer-headline_font-family);
-  color: var(--footer-headline_color);
+  line-height: 1.875rem;
+  font-weight: bold;
+  font-family: var(--IDS-FONT-FAMILY-HEADING);
+  color: var(--IDS-COLOR-ACCENT-30);
 }
 .ids-footer-1177-admin .ids-footer-1177-admin__inner .ids-footer-1177-admin__headline-row .ids-footer-1177-admin__headline .ids-footer-1177-admin__headline--sub {
-  color: var(--footer-headline-sub_color);
+  color: var(--IDS-COLOR-PRIMARY-30);
 }
 .ids-footer-1177-admin .ids-footer-1177-admin__inner .ids-footer-1177-admin__headline-row .ids-footer-1177-admin__headline--sr {
   position: absolute;
-  width: 1px;
-  height: 1px;
+  width: 0.063rem;
+  height: 0.063rem;
   padding: 0;
-  margin: -1px;
+  margin: -0.063rem;
   overflow: hidden;
   clip: rect(0, 0, 0, 0);
   white-space: nowrap;
@@ -92,10 +86,11 @@
 }
 .ids-footer-1177-admin .ids-footer-1177-admin__inner .ids-footer-1177-admin__content {
   display: flex;
-  gap: 8px;
+  gap: 0.5rem;
 }
 .ids-footer-1177-admin .ids-footer-1177-admin__inner .ids-footer-1177-admin__content .ids-footer-1177-admin__text {
-  color: var(--footer-content_color) !important;
+  font-size: 1rem;
+  color: var(--IDS-COLOR-NEUTRAL-20) !important;
   flex: 0 0 41.6%;
   max-width: 41.6%;
   margin-right: 8.3%;
@@ -111,6 +106,20 @@
   flex: 0 0 16%;
   max-width: 16%;
 }
+.ids-footer-1177-admin .ids-footer-1177-admin__inner .ids-footer-1177-admin__content .ids-footer-1177-admin__link-col ul {
+  margin: 0;
+  list-style: none;
+  padding: 0;
+}
+.ids-footer-1177-admin .ids-footer-1177-admin__inner .ids-footer-1177-admin__content .ids-footer-1177-admin__link-col .ids-link {
+  margin-bottom: 0.625rem !important;
+}
+.ids-footer-1177-admin .ids-footer-1177-admin__inner .ids-footer-1177-admin__content .ids-footer-1177-admin__link-col ::slotted([slot=link-col-1]),
+.ids-footer-1177-admin .ids-footer-1177-admin__inner .ids-footer-1177-admin__content .ids-footer-1177-admin__link-col ::slotted([slot=link-col-2]),
+.ids-footer-1177-admin .ids-footer-1177-admin__inner .ids-footer-1177-admin__content .ids-footer-1177-admin__link-col ::slotted([slot=link-col-3]) {
+  display: block;
+  margin-bottom: 0.625rem !important;
+}
 .ids-footer-1177-admin .ids-footer-1177-admin__inner .ids-footer-1177-admin__content .ids-footer-1177-admin__link-col.ids-footer-1177-admin__link-col--1 {
   flex: 0 0 50%;
   max-width: 50%;
@@ -147,14 +156,6 @@
   flex: 0 0 50%;
   max-width: 50%;
 }
-.ids-footer-1177-admin .ids-footer-1177-admin__inner .ids-footer-1177-admin__content .ids-footer-1177-admin__link-col ul {
-  margin: 0px;
-  list-style: none;
-  padding: 0px;
-}
-.ids-footer-1177-admin .ids-footer-1177-admin__inner .ids-footer-1177-admin__content .ids-footer-1177-admin__link-col .ids-link {
-  margin-bottom: 10px !important;
-}
 @media (max-width: 1024px) {
   .ids-footer-1177-admin .ids-footer-1177-admin__inner .ids-footer-1177-admin__content .ids-footer-1177-admin__link-col {
     display: none;
@@ -162,10 +163,9 @@
 }
 .ids-footer-1177-admin .ids-footer-1177-admin__sub-footer {
   position: relative;
-  background-color: var(--footer-sub_background-color);
-  border-top: var(--footer-sub_border-top);
-  padding-bottom: var(--footer-sub_padding-bottom);
-  padding-top: var(--footer-sub_padding-top);
+  background-color: var(--IDS-COLOR-ACCENT-40);
+  padding-bottom: 0.625rem;
+  padding-top: 0.625rem;
 }
 .ids-footer-1177-admin .ids-footer-1177-admin__sub-footer .ids-footer-1177-admin__mobile-menu {
   display: none;
@@ -177,23 +177,21 @@
 }
 @media (max-width: 1024px) {
   .ids-footer-1177-admin .ids-footer-1177-admin__sub-footer {
-    background-color: var(--footer-sub-mobile_background-color);
-    padding-top: var(--footer-sub-mobile_padding-top);
+    background-color: var(--IDS-COLOR-NEUTRAL-100);
     border-top: none;
   }
 }
 .ids-footer-1177-admin .ids-footer-1177-admin__sub-footer .ids-footer-1177-admin__sub-footer-container {
-  max-width: var(--IDS_MAX-WIDTH);
-  display: grid;
+  max-width: var(--IDS__MAX-WIDTH);
   margin-left: auto;
   margin-right: auto;
-  padding-left: 20px;
-  padding-right: 20px;
+  padding-left: 1.25rem;
+  padding-right: 1.25rem;
 }
 .ids-footer-1177-admin .ids-footer-1177-admin__sub-footer .ids-footer-1177-admin__sub-footer-container .ids-footer_sub-footer-mobile-text {
-  color: var(--footer-sub-mobile_color);
-  padding: 30px 40px 10px;
-  font-size: 0.875rem;
+  color: var(--IDS-COLOR-NEUTRAL-40);
+  padding: 1.875rem 2.5rem 0.625rem;
+  font-size: 0.875rem !important;
   text-align: center;
   line-height: 1.25rem;
   display: inline-block;
@@ -210,9 +208,10 @@
   }
 }
 .ids-footer-1177-admin .ids-footer-1177-admin__sub-footer .ids-footer-1177-admin__sub-footer-container .ids-footer-1177-admin__sub-footer-row .ids-footer-1177-admin__sub-footer-left {
+  flex: 50%;
   font-size: 0.875rem !important;
-  line-height: 0.875rem !important;
-  color: var(--footer-sub-text_color) !important;
+  line-height: 1.125rem !important;
+  color: var(--IDS-COLOR-NEUTRAL-100) !important;
 }
 @media (max-width: 1024px) {
   .ids-footer-1177-admin .ids-footer-1177-admin__sub-footer .ids-footer-1177-admin__sub-footer-container .ids-footer-1177-admin__sub-footer-row .ids-footer-1177-admin__sub-footer-left {
@@ -220,12 +219,15 @@
   }
 }
 .ids-footer-1177-admin .ids-footer-1177-admin__sub-footer .ids-footer-1177-admin__sub-footer-container .ids-footer-1177-admin__sub-footer-row .ids-footer-1177-admin__sub-footer-right {
+  flex: auto;
   text-align: end;
 }
+.ids-footer-1177-admin .ids-footer-1177-admin__sub-footer .ids-footer-1177-admin__sub-footer-container .ids-footer-1177-admin__sub-footer-row .ids-footer-1177-admin__sub-footer-right ::slotted(*),
 .ids-footer-1177-admin .ids-footer-1177-admin__sub-footer .ids-footer-1177-admin__sub-footer-container .ids-footer-1177-admin__sub-footer-row .ids-footer-1177-admin__sub-footer-right .ids-link {
+  display: inline-block !important;
   font-size: 0.875rem;
-  color: var(--footer-sub-text_color);
-  margin-left: 20px !important;
+  color: var(--IDS-COLOR-NEUTRAL-100);
+  margin-left: 1.25rem !important;
 }
 @media (max-width: 1024px) {
   .ids-footer-1177-admin .ids-footer-1177-admin__sub-footer .ids-footer-1177-admin__sub-footer-container .ids-footer-1177-admin__sub-footer-row .ids-footer-1177-admin__sub-footer-right {
@@ -235,8 +237,8 @@
 @media (max-width: 1024px) {
   .ids-footer-1177-admin .ids-footer-1177-admin__sub-footer .ids-footer-1177-admin__sub-footer-container {
     height: auto;
-    padding-left: 0px;
-    padding-right: 0px;
+    padding-left: 0;
+    padding-right: 0;
   }
 }
 .ids-footer-1177-admin .ids-footer-1177-admin__content-row {
@@ -245,15 +247,15 @@
 .ids-footer-1177-admin .ids-footer-1177-admin__mobile-links {
   font-size: 0.875rem;
   display: none;
-  padding-left: 20px;
-  padding-right: 20px;
+  padding-left: 1.25rem;
+  padding-right: 1.25rem;
   padding-top: 1.25rem;
   flex-direction: column;
 }
 .ids-footer-1177-admin .ids-footer-1177-admin__mobile-links ::slotted(*),
 .ids-footer-1177-admin .ids-footer-1177-admin__mobile-links a {
   display: block;
-  padding: 8px 0 !important;
+  padding: 0.5rem 0 !important;
 }
 @media (max-width: 1024px) {
   .ids-footer-1177-admin .ids-footer-1177-admin__mobile-links {
@@ -271,29 +273,31 @@
     flex-direction: column;
     padding-bottom: 1rem;
     padding-top: 1rem;
-    color: var(--footer-sub-mobile_color);
+    color: var(--IDS-COLOR-NEUTRAL-40);
     font-size: 0.875rem;
     text-align: center;
     line-height: 1.25rem;
-    padding-left: 40px;
-    padding-right: 40px;
+    padding-left: 2.5rem;
+    padding-right: 2.5rem;
   }
   .ids-footer-1177-admin .ids-footer-1177-admin__sub-footer-mobile .ids-footer-1177-admin__sub-footer-mobile-text {
-    margin-top: 30px;
+    margin-top: 1.875rem;
   }
 }
 .ids-footer-1177-admin .ids-footer-1177-admin__sub-footer-mobile-icon {
   display: flex;
+  flex-wrap: wrap;
   align-items: center;
 }
 .ids-footer-1177-admin .ids-footer-1177-admin__sub-footer-mobile-service-name {
-  margin-left: 16px;
-  padding-left: 16px;
-  border-left: 1px solid var(--IDS-COLOR-ACCENT-30);
-  height: 40px;
+  margin-left: 1rem;
+  padding-left: 1rem;
+  border-left: 0.063rem solid var(--IDS-COLOR-ACCENT-30);
+  height: 2.5rem;
   display: flex;
   align-items: center;
   font-weight: 700;
-  line-height: 13px;
-  letter-spacing: -0.253846px;
+  line-height: 0.813rem;
+  font-size: 0.75rem;
+  letter-spacing: -0.016rem;
 }

package/dist/components/footer-1177-pro/footer-1177-pro-lit.js ADDED Viewed

@@ -0,0 +1,7 @@
+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-footer-1177-pro{background-color:var(--IDS-COLOR-ACCENT-95)}.ids-footer-1177-pro .ids-footer-1177-pro__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-pro .ids-footer-1177-pro__mobile-content{background-color:var(--IDS-COLOR-ACCENT-95);padding:2.5rem 0}@media (min-width:1024px){.ids-footer-1177-pro .ids-footer-1177-pro__mobile-content{display:none}}.ids-footer-1177-pro .ids-footer-1177-pro__desktop-content{display:flex;flex-direction:row;flex-wrap:wrap;padding:3.5rem 5.5rem}.ids-footer-1177-pro .ids-footer-1177-pro__desktop-content .ids-link,.ids-footer-1177-pro .ids-footer-1177-pro__desktop-content ::slotted([slot=desktop-col-1]),.ids-footer-1177-pro .ids-footer-1177-pro__desktop-content ::slotted([slot=desktop-col-2]),.ids-footer-1177-pro .ids-footer-1177-pro__desktop-content ::slotted([slot=desktop-col-3]){display:flex;margin-top:1rem!important}.ids-footer-1177-pro .ids-footer-1177-pro__desktop-content .ids-footer-1177-pro__desktop-col{padding:1.25rem 0}.ids-footer-1177-pro .ids-footer-1177-pro__desktop-content .ids-footer-1177-pro__desktop-col .ids-footer-1177-pro__footer-headline h2,.ids-footer-1177-pro .ids-footer-1177-pro__desktop-content .ids-footer-1177-pro__desktop-col .ids-footer-1177-pro__footer-headline h3,.ids-footer-1177-pro .ids-footer-1177-pro__desktop-content .ids-footer-1177-pro__desktop-col ::slotted([slot=desktop-col-1-headline]),.ids-footer-1177-pro .ids-footer-1177-pro__desktop-content .ids-footer-1177-pro__desktop-col ::slotted([slot=desktop-col-2-headline]),.ids-footer-1177-pro .ids-footer-1177-pro__desktop-content .ids-footer-1177-pro__desktop-col ::slotted([slot=desktop-col-3-headline]){color:var(--IDS-COLOR-ACCENT-30)!important;color:var(--IDS-HEADING-S__COLOR);font-family:var(--IDS-HEADING-S__FONT-FAMILY);font-size:var(--IDS-HEADING-S__FONT-SIZE);font-style:normal;font-weight:var(--IDS-HEADING-S__FONT-WEIGHT);letter-spacing:var(--IDS-HEADING-S__LETTER-SPACING);line-height:var(--IDS-HEADING-S__LINE-HEIGHT);margin:0 0 .25rem!important}@media (min-width:1024px){.ids-footer-1177-pro .ids-footer-1177-pro__desktop-content .ids-footer-1177-pro__desktop-col .ids-footer-1177-pro__footer-headline h2,.ids-footer-1177-pro .ids-footer-1177-pro__desktop-content .ids-footer-1177-pro__desktop-col .ids-footer-1177-pro__footer-headline h3,.ids-footer-1177-pro .ids-footer-1177-pro__desktop-content .ids-footer-1177-pro__desktop-col ::slotted([slot=desktop-col-1-headline]),.ids-footer-1177-pro .ids-footer-1177-pro__desktop-content .ids-footer-1177-pro__desktop-col ::slotted([slot=desktop-col-2-headline]),.ids-footer-1177-pro .ids-footer-1177-pro__desktop-content .ids-footer-1177-pro__desktop-col ::slotted([slot=desktop-col-3-headline]){font-size:var(--IDS-HEADING-S__FONT-SIZE-DESKTOP);letter-spacing:var(--IDS-HEADING-S__LETTER-SPACING-DESKTOP);line-height:var(--IDS-HEADING-S__LINE-HEIGHT-DESKTOP)}}.ids-footer-1177-pro .ids-footer-1177-pro__desktop-content .ids-footer-1177-pro__desktop-col ul{list-style:none;margin:0;padding:0}.ids-footer-1177-pro .ids-footer-1177-pro__desktop-content .ids-footer-1177-pro__desktop-col.ids-footer-1177-pro__desktop-col--1{flex:0 0 25%;max-width:50%}.ids-footer-1177-pro .ids-footer-1177-pro__desktop-content .ids-footer-1177-pro__desktop-col.ids-footer-1177-pro__desktop-col--2{flex:0 0 50%;max-width:50%}.ids-footer-1177-pro .ids-footer-1177-pro__desktop-content .ids-footer-1177-pro__desktop-col.ids-footer-1177-pro__desktop-col--3{flex:0 0 33%}@media (max-width:1024px){.ids-footer-1177-pro .ids-footer-1177-pro__desktop-content{display:none}}.ids-footer-1177-pro .ids-footer-1177-pro__bottom-footer{background-color:var(--IDS-COLOR-ACCENT-40);color:var(--IDS-COLOR-BACKGROUND-40);padding:3rem 2.5rem}.ids-footer-1177-pro .ids-footer-1177-pro__bottom-footer,.ids-footer-1177-pro .ids-footer-1177-pro__bottom-footer .ids-footer-1177-pro__bottom-footer-inner{align-items:center;display:flex;flex-direction:column;justify-content:center}.ids-footer-1177-pro .ids-footer-1177-pro__bottom-footer .ids-footer-1177-pro__bottom-footer-logo{display:inline-block}.ids-footer-1177-pro .ids-footer-1177-pro__bottom-footer .ids-footer-1177-pro__bottom-footer-headline h2,.ids-footer-1177-pro .ids-footer-1177-pro__bottom-footer .ids-footer-1177-pro__bottom-footer-headline h3,.ids-footer-1177-pro .ids-footer-1177-pro__bottom-footer ::slotted([slot=bottom-footer-headline]){color:var(--IDS-COLOR-NEUTRAL-100)!important;color:var(--IDS-HEADING-M__COLOR);font-family:var(--IDS-HEADING-M__FONT-FAMILY);font-size:var(--IDS-HEADING-M__FONT-SIZE);font-style:normal;font-weight:var(--IDS-HEADING-M__FONT-WEIGHT);letter-spacing:var(--IDS-HEADING-M__LETTER-SPACING);line-height:var(--IDS-HEADING-M__LINE-HEIGHT);margin-bottom:2rem!important;margin-top:1rem!important;text-align:center}@media (min-width:1024px){.ids-footer-1177-pro .ids-footer-1177-pro__bottom-footer .ids-footer-1177-pro__bottom-footer-headline h2,.ids-footer-1177-pro .ids-footer-1177-pro__bottom-footer .ids-footer-1177-pro__bottom-footer-headline h3,.ids-footer-1177-pro .ids-footer-1177-pro__bottom-footer ::slotted([slot=bottom-footer-headline]){font-size:var(--IDS-HEADING-M__FONT-SIZE-DESKTOP);letter-spacing:var(--IDS-HEADING-M__LETTER-SPACING-DESKTOP);line-height:var(--IDS-HEADING-M__LINE-HEIGHT-DESKTOP)}}.ids-footer-1177-pro .ids-footer-1177-pro__bottom-footer .ids-footer-1177-pro__bottom-footer-text,.ids-footer-1177-pro .ids-footer-1177-pro__bottom-footer ::slotted([slot=bottom-footer-text]){color:var(--IDS-COLOR-NEUTRAL-100);font-family:var(--IDS-FONT-FAMILY-BASE);font-size:.875rem;font-style:normal;font-weight:400;letter-spacing:0;line-height:1.25rem;max-width:61.25rem;text-align:center}";
+var footer1177ProLit = css`${unsafeCSS(css_248z)}`;
+export { footer1177ProLit as default };