@inera/ids-design 5.4.0 → 5.5.0

package/components/footer-1177-admin/footer-1177-admin-lit.js

@@ -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-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/{dist/components → components}/footer-1177-admin/footer-1177-admin.css

@@ -10,24 +10,6 @@
   }
 }
 
-.ids-container {
-  max-width: var(--IDS__MAX-WIDTH);
-  display: grid;
-  margin-left: auto;
-  margin-right: auto;
-  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%;
-}
-
 /*******
 * BUTTONS
 ********/

package/components/footer-inera/footer-inera-lit.js

@@ -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-inera{background-color:var(--IDS-COLOR-PRIMARY-40);position:relative}.ids-footer-inera .ids-footer-inera__inner{margin-left:auto;margin-right:auto;max-width:var(--IDS__MAX-WIDTH);padding:4.375rem 1.25rem 5.313rem}@media (max-width:1024px){.ids-footer-inera .ids-footer-inera__inner{padding-bottom:3.125rem}}.ids-footer-inera .ids-footer-inera__inner .ids-footer-inera__headline-row{padding-bottom:1.25rem}.ids-footer-inera .ids-footer-inera__inner .ids-footer-inera__headline-row .ids-footer-inera__headline{color:var(--IDS-COLOR-ON-PRIMARY-40);display:inline;font-family:var(--IDS-FONT-FAMILY-HEADING);font-size:1.625rem;font-weight:700;letter-spacing:-.031rem;line-height:2rem}.ids-footer-inera .ids-footer-inera__inner .ids-footer-inera__headline-row .ids-footer-inera__headline .ids-footer-inera__headline--sub{color:var(--IDS-COLOR-ON-PRIMARY-40)}.ids-footer-inera .ids-footer-inera__inner .ids-footer-inera__headline-row .ids-footer-inera__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-inera .ids-footer-inera__inner .ids-footer-inera__content{display:flex;flex-wrap:wrap;gap:.5rem}.ids-footer-inera .ids-footer-inera__inner .ids-footer-inera__content .ids-footer-inera__text{color:var(--IDS-COLOR-ON-PRIMARY-40)!important;flex:0 0 40%;font-size:1rem;margin-right:8.3%;max-width:40%}@media (max-width:1024px){.ids-footer-inera .ids-footer-inera__inner .ids-footer-inera__content .ids-footer-inera__text{flex:0 0 100%;margin-right:0;max-width:100%}}.ids-footer-inera .ids-footer-inera__inner .ids-footer-inera__content ul{list-style:none;margin:0;padding:0}.ids-footer-inera .ids-footer-inera__inner .ids-footer-inera__content .ids-link{margin-bottom:.625rem!important}.ids-footer-inera .ids-footer-inera__inner .ids-footer-inera__content ::slotted([slot=link-col-1]),.ids-footer-inera .ids-footer-inera__inner .ids-footer-inera__content ::slotted([slot=link-col-2]),.ids-footer-inera .ids-footer-inera__inner .ids-footer-inera__content ::slotted([slot=link-col-3]){display:block;margin-bottom:.625rem!important}.ids-footer-inera .ids-footer-inera__inner .ids-footer-inera__content .ids-footer-inera__link-col{flex:0 0 16%;max-width:16%}.ids-footer-inera .ids-footer-inera__inner .ids-footer-inera__content .ids-footer-inera__link-col.ids-footer-inera__link-col--2{flex:0 0 25%;max-width:25%}.ids-footer-inera .ids-footer-inera__inner .ids-footer-inera__content .ids-footer-inera__link-col.ids-footer-inera__link-col--1{flex:0 0 50%;max-width:50%}.ids-footer-inera .ids-footer-inera__inner .ids-footer-inera__content .ids-footer-inera__link-col.ids-footer-inera__col-size-auto{flex:0 0 auto;width:auto}.ids-footer-inera .ids-footer-inera__inner .ids-footer-inera__content .ids-footer-inera__link-col.ids-footer-inera__col-size-1{flex:0 0 8.3%;max-width:8.3%}.ids-footer-inera .ids-footer-inera__inner .ids-footer-inera__content .ids-footer-inera__link-col.ids-footer-inera__col-size-2{flex:0 0 16%;max-width:16%}.ids-footer-inera .ids-footer-inera__inner .ids-footer-inera__content .ids-footer-inera__link-col.ids-footer-inera__col-size-3{flex:0 0 25%;max-width:25%}.ids-footer-inera .ids-footer-inera__inner .ids-footer-inera__content .ids-footer-inera__link-col.ids-footer-inera__col-size-4{flex:0 0 33.3%;max-width:33.3%}.ids-footer-inera .ids-footer-inera__inner .ids-footer-inera__content .ids-footer-inera__link-col.ids-footer-inera__col-size-5{flex:0 0 41.6%;max-width:41.6%}.ids-footer-inera .ids-footer-inera__inner .ids-footer-inera__content .ids-footer-inera__link-col.ids-footer-inera__col-size-6{flex:0 0 50%;max-width:50%}@media (max-width:1024px){.ids-footer-inera .ids-footer-inera__inner .ids-footer-inera__content .ids-footer-inera__link-col{display:none}}.ids-footer-inera .ids-footer-inera__sub-footer{background-color:var(--IDS-COLOR-PRIMARY-30);position:relative}.ids-footer-inera .ids-footer-inera__sub-footer .ids-footer-inera__mobile-menu{display:none}@media (max-width:1024px){.ids-footer-inera .ids-footer-inera__sub-footer .ids-footer-inera__mobile-menu{display:block}}.ids-footer-inera .ids-footer-inera__sub-footer .ids-footer-inera__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-inera .ids-footer-inera__sub-footer .ids-footer-inera__sub-footer-container .ids-footer-inera_sub-footer-mobile-text{color:var(--IDS-COLOR-NEUTRAL-100);display:inline-block;font-size:.875rem;line-height:1.25rem;padding:1.875rem 2.5rem .625rem;text-align:center}.ids-footer-inera .ids-footer-inera__sub-footer .ids-footer-inera__sub-footer-container .ids-footer-inera__sub-footer-row{align-items:center;display:flex;justify-content:space-between}@media (max-width:1024px){.ids-footer-inera .ids-footer-inera__sub-footer .ids-footer-inera__sub-footer-container .ids-footer-inera__sub-footer-row{align-items:unset;flex-direction:column}}.ids-footer-inera .ids-footer-inera__sub-footer .ids-footer-inera__sub-footer-container .ids-footer-inera__sub-footer-row .ids-footer-inera__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-inera .ids-footer-inera__sub-footer .ids-footer-inera__sub-footer-container .ids-footer-inera__sub-footer-row .ids-footer-inera__sub-footer-left{display:none}}.ids-footer-inera .ids-footer-inera__sub-footer .ids-footer-inera__sub-footer-container .ids-footer-inera__sub-footer-row .ids-footer-inera__sub-footer-right{flex:auto;text-align:end}.ids-footer-inera .ids-footer-inera__sub-footer .ids-footer-inera__sub-footer-container .ids-footer-inera__sub-footer-row .ids-footer-inera__sub-footer-right .ids-link,.ids-footer-inera .ids-footer-inera__sub-footer .ids-footer-inera__sub-footer-container .ids-footer-inera__sub-footer-row .ids-footer-inera__sub-footer-right ::slotted(*){color:var(--IDS-COLOR-NEUTRAL-100);display:inline-block;font-size:.875rem;margin-left:1.25rem!important}@media (max-width:1024px){.ids-footer-inera .ids-footer-inera__sub-footer .ids-footer-inera__sub-footer-container .ids-footer-inera__sub-footer-row .ids-footer-inera__sub-footer-right{display:none}.ids-footer-inera .ids-footer-inera__sub-footer .ids-footer-inera__sub-footer-container{height:auto;padding-left:0;padding-right:0}}@media (min-width:1024px){.ids-footer-inera .ids-footer-inera__sub-footer{padding-bottom:.625rem;padding-top:.625rem}}.ids-footer-inera .ids-footer-inera__content-row{z-index:1}.ids-footer-inera .ids-footer-inera__mobile-links{display:none;flex-direction:column;font-size:.875rem;padding-left:1.25rem;padding-right:1.25rem;padding-top:1.25rem}.ids-footer-inera .ids-footer-inera__mobile-links ::slotted(*),.ids-footer-inera .ids-footer-inera__mobile-links a{display:flex;padding:1rem 0!important;width:100%}@media (max-width:1024px){.ids-footer-inera .ids-footer-inera__mobile-links{display:flex}}.ids-footer-inera .ids-footer-inera__sub-footer-mobile{display:none}@media (max-width:1024px){.ids-footer-inera .ids-footer-inera__sub-footer-mobile{align-items:center;color:var(--IDS-COLOR-NEUTRAL-100);display:flex;flex-direction:column;font-size:.875rem;justify-content:center;line-height:1.25rem;padding:1rem 2.5rem;text-align:center}.ids-footer-inera .ids-footer-inera__sub-footer-mobile .ids-footer-inera__sub-footer-mobile-text{margin-top:1.875rem}}.ids-footer-inera .ids-footer-inera__sub-footer-container:after{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='82' fill='none'%3E%3Cpath d='M0 81.691C.21 36.677 40.424.245 90 .245s89.79 36.432 90 81.446h-56.615c-.209-16.596-15.076-29.99-33.385-29.99-18.31 0-33.176 13.394-33.385 29.99H0Z' fill='%23C03F73'/%3E%3C/svg%3E\");background-repeat:no-repeat;content:\"\";display:block;height:6.25rem;left:calc(50% - 15.625rem);position:absolute;top:-5.125rem;width:15.625rem}@media (max-width:1024px){.ids-footer-inera .ids-footer-inera__sub-footer-container:after{content:none}}.ids-footer-inera .ids-footer-inera__mobile-menu{background-color:var(--IDS-COLOR-PRIMARY-40);padding-bottom:6.25rem;position:relative}@media (max-width:1024px){.ids-footer-inera .ids-footer-inera__mobile-menu:after{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='154' height='78' fill='none'%3E%3Cpath d='M154 77.774v-.065C154 35.22 119.526.774 77 .774S0 35.219 0 77.709v.065h48.436v-.065c0-15.762 12.788-28.54 28.564-28.54s28.565 12.778 28.565 28.54l-.001.065H154Z' fill='%23C03F73'/%3E%3C/svg%3E\");background-repeat:no-repeat;bottom:0;content:\"\";display:block;height:4.813rem;left:1.25rem;position:absolute;width:9.625rem}}.ids-footer-inera .ids-footer-inera__inner-wrapper{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='69' fill='none'%3E%3Cpath d='M0 0c0 37.69 31.34 68.245 70 68.245S140 37.69 140 0H95.968c0 13.982-11.626 25.317-25.968 25.317S44.032 13.982 44.032 0H0Z' fill='%23C03F73'/%3E%3C/svg%3E\");background-position-x:calc(50% - 14.063rem);background-repeat:no-repeat}@media (max-width:1024px){.ids-footer-inera .ids-footer-inera__inner-wrapper{background-position-x:calc(100% - 1.25rem)}}";
+
+var footerIneraLit = css`${unsafeCSS(css_248z)}`;
+
+export { footerIneraLit as default };

package/{dist/components → components}/footer-inera/footer-inera.css

@@ -10,24 +10,6 @@
   }
 }
 
-.ids-container {
-  max-width: var(--IDS__MAX-WIDTH);
-  display: grid;
-  margin-left: auto;
-  margin-right: auto;
-  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%;
-}
-
 /*******
 * BUTTONS
 ********/
@@ -87,12 +69,13 @@
 .ids-footer-inera .ids-footer-inera__inner .ids-footer-inera__content {
   display: flex;
   flex-wrap: wrap;
+  gap: 0.5rem;
 }
 .ids-footer-inera .ids-footer-inera__inner .ids-footer-inera__content .ids-footer-inera__text {
   font-size: 1rem;
   color: var(--IDS-COLOR-ON-PRIMARY-40) !important;
-  flex: 0 0 41.6%;
-  max-width: 41.6%;
+  flex: 0 0 40%;
+  max-width: 40%;
   margin-right: 8.3%;
 }
 @media (max-width: 1024px) {

package/components/footer-inera-admin/footer-inera-admin-lit.js

@@ -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-inera-admin{background-color:var(--IDS-COLOR-SECONDARY-90);position:relative}.ids-footer-inera-admin .ids-footer-inera-admin__inner{margin-left:auto;margin-right:auto;max-width:var(--IDS__MAX-WIDTH);padding:4.375rem 1.25rem 3.125rem}.ids-footer-inera-admin .ids-footer-inera-admin__inner .ids-footer-inera-admin__headline-row{padding-bottom:1.25rem}.ids-footer-inera-admin .ids-footer-inera-admin__inner .ids-footer-inera-admin__headline-row .ids-footer-inera-admin__headline{color:var(--IDS-COLOR-PRIMARY-40);display:inline;font-family:var(--IDS-FONT-FAMILY-HEADING);font-size:1.625rem;font-weight:700;letter-spacing:-.031rem;line-height:2rem}.ids-footer-inera-admin .ids-footer-inera-admin__inner .ids-footer-inera-admin__headline-row .ids-footer-inera-admin__headline .ids-footer-inera-admin__headline--sub{color:var(--IDS-COLOR-PRIMARY-40)}.ids-footer-inera-admin .ids-footer-inera-admin__inner .ids-footer-inera-admin__headline-row .ids-footer-inera-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-inera-admin .ids-footer-inera-admin__inner .ids-footer-inera-admin__content{display:flex;flex-wrap:wrap;gap:.5rem}.ids-footer-inera-admin .ids-footer-inera-admin__inner .ids-footer-inera-admin__content .ids-footer-inera-admin__text{color:var(--IDS-COLOR-ON-SECONDARY-90)!important;flex:0 0 40%;font-size:1rem;margin-right:8.3%;max-width:40%}@media (max-width:1024px){.ids-footer-inera-admin .ids-footer-inera-admin__inner .ids-footer-inera-admin__content .ids-footer-inera-admin__text{flex:0 0 100%;margin-right:0;max-width:100%}}.ids-footer-inera-admin .ids-footer-inera-admin__inner .ids-footer-inera-admin__content ::slotted([slot=link-col-1]),.ids-footer-inera-admin .ids-footer-inera-admin__inner .ids-footer-inera-admin__content ::slotted([slot=link-col-2]),.ids-footer-inera-admin .ids-footer-inera-admin__inner .ids-footer-inera-admin__content ::slotted([slot=link-col-3]){color:var(--IDS-COLOR-NEUTRAL-20)!important;display:block;margin-bottom:.625rem!important}.ids-footer-inera-admin .ids-footer-inera-admin__inner .ids-footer-inera-admin__content .ids-footer-inera-admin__link-col{flex:0 0 16%;max-width:16%}.ids-footer-inera-admin .ids-footer-inera-admin__inner .ids-footer-inera-admin__content .ids-footer-inera-admin__link-col ul{list-style:none;margin:0;padding:0}.ids-footer-inera-admin .ids-footer-inera-admin__inner .ids-footer-inera-admin__content .ids-footer-inera-admin__link-col .ids-link{color:var(--IDS-COLOR-NEUTRAL-20)!important;margin-bottom:.625rem!important}.ids-footer-inera-admin .ids-footer-inera-admin__inner .ids-footer-inera-admin__content .ids-footer-inera-admin__link-col ::slotted([slot=link-col-1]),.ids-footer-inera-admin .ids-footer-inera-admin__inner .ids-footer-inera-admin__content .ids-footer-inera-admin__link-col ::slotted([slot=link-col-2]),.ids-footer-inera-admin .ids-footer-inera-admin__inner .ids-footer-inera-admin__content .ids-footer-inera-admin__link-col ::slotted([slot=link-col-3]){display:block;margin-bottom:.625rem!important}.ids-footer-inera-admin .ids-footer-inera-admin__inner .ids-footer-inera-admin__content .ids-footer-inera-admin__link-col.ids-footer-inera-admin__link-col--1{flex:0 0 50%;max-width:50%}.ids-footer-inera-admin .ids-footer-inera-admin__inner .ids-footer-inera-admin__content .ids-footer-inera-admin__link-col.ids-footer-inera-admin__link-col--2{flex:0 0 25%;max-width:25%}.ids-footer-inera-admin .ids-footer-inera-admin__inner .ids-footer-inera-admin__content .ids-footer-inera-admin__link-col.ids-footer-inera-admin__col-size-auto{flex:0 0 auto;width:auto}.ids-footer-inera-admin .ids-footer-inera-admin__inner .ids-footer-inera-admin__content .ids-footer-inera-admin__link-col.ids-footer-inera-admin__col-size-1{flex:0 0 8.3%;max-width:8.3%}.ids-footer-inera-admin .ids-footer-inera-admin__inner .ids-footer-inera-admin__content .ids-footer-inera-admin__link-col.ids-footer-inera-admin__col-size-2{flex:0 0 16%;max-width:16%}.ids-footer-inera-admin .ids-footer-inera-admin__inner .ids-footer-inera-admin__content .ids-footer-inera-admin__link-col.ids-footer-inera-admin__col-size-3{flex:0 0 25%;max-width:25%}.ids-footer-inera-admin .ids-footer-inera-admin__inner .ids-footer-inera-admin__content .ids-footer-inera-admin__link-col.ids-footer-inera-admin__col-size-4{flex:0 0 33.3%;max-width:33.3%}.ids-footer-inera-admin .ids-footer-inera-admin__inner .ids-footer-inera-admin__content .ids-footer-inera-admin__link-col.ids-footer-inera-admin__col-size-5{flex:0 0 41.6%;max-width:41.6%}.ids-footer-inera-admin .ids-footer-inera-admin__inner .ids-footer-inera-admin__content .ids-footer-inera-admin__link-col.ids-footer-inera-admin__col-size-6{flex:0 0 50%;max-width:50%}@media (max-width:1024px){.ids-footer-inera-admin .ids-footer-inera-admin__inner .ids-footer-inera-admin__content .ids-footer-inera-admin__link-col{display:none}.ids-footer-inera-admin .ids-footer-inera-admin__inner{padding-bottom:5.313rem}}.ids-footer-inera-admin .ids-footer-inera-admin__sub-footer{background-color:var(--IDS-COLOR-PRIMARY-30);position:relative}.ids-footer-inera-admin .ids-footer-inera-admin__sub-footer .ids-footer-inera-admin__mobile-menu{display:none}@media (max-width:1024px){.ids-footer-inera-admin .ids-footer-inera-admin__sub-footer .ids-footer-inera-admin__mobile-menu{display:block}}.ids-footer-inera-admin .ids-footer-inera-admin__sub-footer .ids-footer-inera-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-inera-admin .ids-footer-inera-admin__sub-footer .ids-footer-inera-admin__sub-footer-container .ids-footer-inera-admin_sub-footer-mobile-text{color:var(--IDS-COLOR-NEUTRAL-100);display:inline-block;font-size:.875rem;line-height:1.25rem;padding:1.875rem 2.5rem .625rem;text-align:center}.ids-footer-inera-admin .ids-footer-inera-admin__sub-footer .ids-footer-inera-admin__sub-footer-container .ids-footer-inera-admin__sub-footer-row{align-items:center;display:flex;justify-content:space-between}@media (max-width:1024px){.ids-footer-inera-admin .ids-footer-inera-admin__sub-footer .ids-footer-inera-admin__sub-footer-container .ids-footer-inera-admin__sub-footer-row{align-items:unset;flex-direction:column}}.ids-footer-inera-admin .ids-footer-inera-admin__sub-footer .ids-footer-inera-admin__sub-footer-container .ids-footer-inera-admin__sub-footer-row .ids-footer-inera-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-inera-admin .ids-footer-inera-admin__sub-footer .ids-footer-inera-admin__sub-footer-container .ids-footer-inera-admin__sub-footer-row .ids-footer-inera-admin__sub-footer-left{display:none}}.ids-footer-inera-admin .ids-footer-inera-admin__sub-footer .ids-footer-inera-admin__sub-footer-container .ids-footer-inera-admin__sub-footer-row .ids-footer-inera-admin__sub-footer-right{flex:auto;text-align:end}.ids-footer-inera-admin .ids-footer-inera-admin__sub-footer .ids-footer-inera-admin__sub-footer-container .ids-footer-inera-admin__sub-footer-row .ids-footer-inera-admin__sub-footer-right ::slotted(*),.ids-footer-inera-admin .ids-footer-inera-admin__sub-footer .ids-footer-inera-admin__sub-footer-container .ids-footer-inera-admin__sub-footer-row .ids-footer-inera-admin__sub-footer-right a{color:var(--IDS-COLOR-NEUTRAL-100);display:inline-block!important;font-size:.875rem!important;margin-left:1rem!important}@media (max-width:1024px){.ids-footer-inera-admin .ids-footer-inera-admin__sub-footer .ids-footer-inera-admin__sub-footer-container .ids-footer-inera-admin__sub-footer-row .ids-footer-inera-admin__sub-footer-right{display:none}.ids-footer-inera-admin .ids-footer-inera-admin__sub-footer .ids-footer-inera-admin__sub-footer-container{height:auto;padding-left:0;padding-right:0}}@media (min-width:1024px){.ids-footer-inera-admin .ids-footer-inera-admin__sub-footer{background-color:var(--IDS-COLOR-PRIMARY-40);padding-bottom:.625rem;padding-top:.625rem}}.ids-footer-inera-admin .ids-footer-inera-admin__content-row{z-index:1}.ids-footer-inera-admin .ids-footer-inera-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-inera-admin .ids-footer-inera-admin__mobile-links ::slotted(*),.ids-footer-inera-admin .ids-footer-inera-admin__mobile-links a{display:flex;padding:1rem 0!important;width:100%}@media (max-width:1024px){.ids-footer-inera-admin .ids-footer-inera-admin__mobile-links{display:flex}}.ids-footer-inera-admin .ids-footer-inera-admin__sub-footer-mobile{display:none}@media (max-width:1024px){.ids-footer-inera-admin .ids-footer-inera-admin__sub-footer-mobile{align-items:center;color:var(--IDS-COLOR-NEUTRAL-100);display:flex;flex-direction:column;font-size:.875rem;justify-content:center;line-height:1.25rem;padding:1rem 2.5rem;text-align:center}.ids-footer-inera-admin .ids-footer-inera-admin__sub-footer-mobile .ids-footer-inera-admin__sub-footer-mobile-text{margin-top:1.875rem}}.ids-footer-inera-admin .ids-footer-inera-admin__inner-wrapper{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='69' fill='none'%3E%3Cpath d='M0 0c0 37.69 31.34 68.245 70 68.245S140 37.69 140 0H95.968c0 13.982-11.626 25.317-25.968 25.317S44.032 13.982 44.032 0H0Z' fill='%23fff'/%3E%3C/svg%3E\");background-position-x:calc(100% - 1.25rem);background-repeat:no-repeat;position:relative}@media (min-width:1024px){.ids-footer-inera-admin .ids-footer-inera-admin__inner-wrapper{background-position-x:calc(50% - 14.063rem)}}.ids-footer-inera-admin .ids-footer-inera-admin__inner-wrapper:before{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='82' fill='none'%3E%3Cpath d='M0 81.691C.21 36.677 40.424.245 90 .245s89.79 36.432 90 81.446h-56.615c-.209-16.596-15.076-29.99-33.385-29.99-18.31 0-33.176 13.394-33.385 29.99H0Z' fill='%23fff'/%3E%3C/svg%3E\");background-repeat:no-repeat;content:\"\";display:block;height:5.125rem;left:calc(50% - 6.25rem);position:absolute;top:calc(100% - 5.125rem);width:6.25rem}@media (max-width:1024px){.ids-footer-inera-admin .ids-footer-inera-admin__inner-wrapper:before{content:none}}.ids-footer-inera-admin .sub-footer-container:after{content:none}.ids-footer-inera-admin .ids-footer-inera-admin__sub-footer{background-color:var(--IDS-COLOR-PRIMARY-40)}.ids-footer-inera-admin .ids-footer-inera-admin__sub-footer .sub-footer-container{min-height:2.5rem}.ids-footer-inera-admin .ids-footer-inera-admin__sub-footer .ids-footer-inera-admin__sub-footer__mobile-text{color:var(--IDS-COLOR-NEUTRAL-100);display:inline-block;font-size:.875rem;line-height:1.25rem;padding:1.875rem 2.5rem .625rem;text-align:center}.ids-footer-inera-admin .ids-footer-inera-admin__mobile-menu{background-color:var(--IDS-COLOR-SECONDARY-90);padding-bottom:6.25rem;position:relative}@media (max-width:1024px){.ids-footer-inera-admin .ids-footer-inera-admin__mobile-menu:after{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='154' height='78' fill='none'%3E%3Cpath d='M154 77.774v-.065C154 35.22 119.526.774 77 .774S0 35.219 0 77.709v.065h48.436v-.065c0-15.762 12.788-28.54 28.564-28.54s28.565 12.778 28.565 28.54l-.001.065H154Z' fill='%23fff'/%3E%3C/svg%3E\");background-repeat:no-repeat;bottom:0;content:\"\";display:block;height:4.875rem;left:1.5rem;position:absolute;width:9.625rem}}";
+
+var footerIneraAdminLit = css`${unsafeCSS(css_248z)}`;
+
+export { footerIneraAdminLit as default };

package/{dist/components → components}/footer-inera-admin/footer-inera-admin.css

@@ -10,24 +10,6 @@
   }
 }
 
-.ids-container {
-  max-width: var(--IDS__MAX-WIDTH);
-  display: grid;
-  margin-left: auto;
-  margin-right: auto;
-  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%;
-}
-
 /*******
 * BUTTONS
 ********/
@@ -82,12 +64,13 @@
 .ids-footer-inera-admin .ids-footer-inera-admin__inner .ids-footer-inera-admin__content {
   display: flex;
   flex-wrap: wrap;
+  gap: 0.5rem;
 }
 .ids-footer-inera-admin .ids-footer-inera-admin__inner .ids-footer-inera-admin__content .ids-footer-inera-admin__text {
   font-size: 1rem;
   color: var(--IDS-COLOR-ON-SECONDARY-90) !important;
-  flex: 0 0 41.6%;
-  max-width: 41.6%;
+  flex: 0 0 40%;
+  max-width: 40%;
   margin-right: 8.3%;
 }
 @media (max-width: 1024px) {
@@ -303,7 +286,7 @@
     background-position-x: calc(50% - 14.063rem);
   }
 }
-.ids-footer-inera-admin .ids-footer-inera-admin__inner-wrapper::after {
+.ids-footer-inera-admin .ids-footer-inera-admin__inner-wrapper::before {
   content: "";
   display: block;
   position: absolute;
@@ -315,7 +298,7 @@
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='82' viewBox='0 0 180 82' fill='none'%3E%3Cpath d='M0 81.6913C0.209931 36.677 40.4238 0.244873 90 0.244873C139.576 0.244873 179.79 36.677 180 81.6913H123.385C123.176 65.0951 108.309 51.7001 90 51.7001C71.6905 51.7001 56.8235 65.0951 56.6148 81.6913H0Z' fill='white'/%3E%3C/svg%3E");
 }
 @media (max-width: 1024px) {
-  .ids-footer-inera-admin .ids-footer-inera-admin__inner-wrapper::after {
+  .ids-footer-inera-admin .ids-footer-inera-admin__inner-wrapper::before {
     content: none;
   }
 }

package/components/grid/column/column-lit.js

@@ -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-col,:host(.ids-col){display:block;flex-basis:0;flex-grow:1;max-width:100%}.ids-col.ids-col--auto,:host(.ids-col.ids-col--auto){flex:0 0 auto;width:auto}.ids-col.ids-col--1,:host(.ids-col.ids-col--1){flex:0 0 8.3%;max-width:8.3%}.ids-col.ids-col--2,:host(.ids-col.ids-col--2){flex:0 0 16%;max-width:16%}.ids-col.ids-col--3,:host(.ids-col.ids-col--3){flex:0 0 25%;max-width:25%}.ids-col.ids-col--4,:host(.ids-col.ids-col--4){flex:0 0 33.3%;max-width:33.3%}.ids-col.ids-col--5,:host(.ids-col.ids-col--5){flex:0 0 41.6%;max-width:41.6%}.ids-col.ids-col--6,:host(.ids-col.ids-col--6){flex:0 0 50%;max-width:50%}.ids-col.ids-col--7,:host(.ids-col.ids-col--7){flex:0 0 58%;max-width:58.3%}.ids-col.ids-col--8,:host(.ids-col.ids-col--8){flex:0 0 66.6%;max-width:66.6%}.ids-col.ids-col--9,:host(.ids-col.ids-col--9){flex:0 0 75%;max-width:75%}.ids-col.ids-col--10,:host(.ids-col.ids-col--10){flex:0 0 83.3%;max-width:83.3%}.ids-col.ids-col--11,:host(.ids-col.ids-col--11){flex:0 0 91.6%;max-width:91.6%}.ids-col.ids-col--12,:host(.ids-col.ids-col--12){flex:0 0 100%;max-width:100%}.ids-col.ids-col--offset-none,:host(.ids-col.ids-col--offset-none){margin-left:0}.ids-col.ids-col--offset-1,:host(.ids-col.ids-col--offset-1){margin-left:8.3%}.ids-col.ids-col--offset-2,:host(.ids-col.ids-col--offset-2){margin-left:16%}.ids-col.ids-col--offset-3,:host(.ids-col.ids-col--offset-3){margin-left:25%}.ids-col.ids-col--offset-4,:host(.ids-col.ids-col--offset-4){margin-left:33.3%}.ids-col.ids-col--offset-5,:host(.ids-col.ids-col--offset-5){margin-left:41.6%}.ids-col.ids-col--offset-6,:host(.ids-col.ids-col--offset-6){margin-left:50%}.ids-col.ids-col--offset-7,:host(.ids-col.ids-col--offset-7){margin-left:58.3%}.ids-col.ids-col--offset-8,:host(.ids-col.ids-col--offset-8){margin-left:66.6%}.ids-col.ids-col--offset-9,:host(.ids-col.ids-col--offset-9){margin-left:75%}.ids-col.ids-col--offset-10,:host(.ids-col.ids-col--offset-10){margin-left:83.3%}.ids-col.ids-col--offset-11,:host(.ids-col.ids-col--offset-11){margin-left:91.6%}.ids-col.ids-col--offset-12,:host(.ids-col.ids-col--offset-12){margin-left:100%}.ids-col.ids-col--align-start,:host(.ids-col.ids-col--align-start){align-self:start}.ids-col.ids-col--align-center,:host(.ids-col.ids-col--align-center){align-self:center}.ids-col.ids-col--align-end,:host(.ids-col.ids-col--align-end){align-self:end}.ids-col.ids-col--align-auto,:host(.ids-col.ids-col--align-auto){align-self:auto}.ids-col.ids-col--align-baseline,:host(.ids-col.ids-col--align-baseline){align-self:baseline}.ids-col.ids-col--align-stretch,:host(.ids-col.ids-col--align-stretch){align-self:stretch}@media only screen and (max-width:1024px){.ids-col.ids-col--m-auto,:host(.ids-col.ids-col--m-auto){flex:0 0 auto;width:auto}.ids-col.ids-col--m-1,:host(.ids-col.ids-col--m-1){flex:0 0 8.3%;max-width:8.3%}.ids-col.ids-col--m-2,:host(.ids-col.ids-col--m-2){flex:0 0 16%;max-width:16%}.ids-col.ids-col--m-3,:host(.ids-col.ids-col--m-3){flex:0 0 25%;max-width:25%}.ids-col.ids-col--m-4,:host(.ids-col.ids-col--m-4){flex:0 0 33.3%;max-width:33.3%}.ids-col.ids-col--m-5,:host(.ids-col.ids-col--m-5){flex:0 0 41.6%;max-width:41.6%}.ids-col.ids-col--m-6,:host(.ids-col.ids-col--m-6){flex:0 0 50%;max-width:50%}.ids-col.ids-col--m-7,:host(.ids-col.ids-col--m-7){flex:0 0 58%;max-width:58.3%}.ids-col.ids-col--m-8,:host(.ids-col.ids-col--m-8){flex:0 0 66.6%;max-width:66.6%}.ids-col.ids-col--m-9,:host(.ids-col.ids-col--m-9){flex:0 0 75%;max-width:75%}.ids-col.ids-col--m-10,:host(.ids-col.ids-col--m-10){flex:0 0 83.3%;max-width:83.3%}.ids-col.ids-col--m-11,:host(.ids-col.ids-col--m-11){flex:0 0 91.6%;max-width:91.6%}.ids-col.ids-col--m-12,:host(.ids-col.ids-col--m-12){flex:0 0 100%;max-width:100%}.ids-col.ids-col--m-offset-none,:host(.ids-col.ids-col--m-offset-none){margin-left:0}.ids-col.ids-col--m-offset-1,:host(.ids-col.ids-col--m-offset-1){margin-left:8.3%}.ids-col.ids-col--m-offset-2,:host(.ids-col.ids-col--m-offset-2){margin-left:16%}.ids-col.ids-col--m-offset-3,:host(.ids-col.ids-col--m-offset-3){margin-left:25%}.ids-col.ids-col--m-offset-4,:host(.ids-col.ids-col--m-offset-4){margin-left:33.3%}.ids-col.ids-col--m-offset-5,:host(.ids-col.ids-col--m-offset-5){margin-left:41.6%}.ids-col.ids-col--m-offset-6,:host(.ids-col.ids-col--m-offset-6){margin-left:50%}.ids-col.ids-col--m-offset-7,:host(.ids-col.ids-col--m-offset-7){margin-left:58.3%}.ids-col.ids-col--m-offset-8,:host(.ids-col.ids-col--m-offset-8){margin-left:66.6%}.ids-col.ids-col--m-offset-9,:host(.ids-col.ids-col--m-offset-9){margin-left:75%}.ids-col.ids-col--m-offset-10,:host(.ids-col.ids-col--m-offset-10){margin-left:83.3%}.ids-col.ids-col--m-offset-11,:host(.ids-col.ids-col--m-offset-11){margin-left:91.6%}.ids-col.ids-col--m-offset-12,:host(.ids-col.ids-col--m-offset-12){margin-left:100%}}@media only screen and (max-width:640px){.ids-col.ids-col--s-auto,:host(.ids-col.ids-col--s-auto){flex:0 0 auto;width:auto}.ids-col.ids-col--s-1,:host(.ids-col.ids-col--s-1){flex:0 0 8.3%;max-width:8.3%}.ids-col.ids-col--s-2,:host(.ids-col.ids-col--s-2){flex:0 0 16%;max-width:16%}.ids-col.ids-col--s-3,:host(.ids-col.ids-col--s-3){flex:0 0 25%;max-width:25%}.ids-col.ids-col--s-4,:host(.ids-col.ids-col--s-4){flex:0 0 33.3%;max-width:33.3%}.ids-col.ids-col--s-5,:host(.ids-col.ids-col--s-5){flex:0 0 41.6%;max-width:41.6%}.ids-col.ids-col--s-6,:host(.ids-col.ids-col--s-6){flex:0 0 50%;max-width:50%}.ids-col.ids-col--s-7,:host(.ids-col.ids-col--s-7){flex:0 0 58%;max-width:58.3%}.ids-col.ids-col--s-8,:host(.ids-col.ids-col--s-8){flex:0 0 66.6%;max-width:66.6%}.ids-col.ids-col--s-9,:host(.ids-col.ids-col--s-9){flex:0 0 75%;max-width:75%}.ids-col.ids-col--s-10,:host(.ids-col.ids-col--s-10){flex:0 0 83.3%;max-width:83.3%}.ids-col.ids-col--s-11,:host(.ids-col.ids-col--s-11){flex:0 0 91.6%;max-width:91.6%}.ids-col.ids-col--s-12,:host(.ids-col.ids-col--s-12){flex:0 0 100%;max-width:100%}.ids-col.ids-col--s-offset-none,:host(.ids-col.ids-col--s-offset-none){margin-left:0}.ids-col.ids-col--s-offset-1,:host(.ids-col.ids-col--s-offset-1){margin-left:8.3%}.ids-col.ids-col--s-offset-2,:host(.ids-col.ids-col--s-offset-3){margin-left:16%}.ids-col.ids-col--s-offset-3,:host(.ids-col.ids-col--s-offset-3){margin-left:25%}.ids-col.ids-col--s-offset-4,:host(.ids-col.ids-col--s-offset-4){margin-left:33.3%}.ids-col.ids-col--s-offset-5,:host(.ids-col.ids-col--s-offset-5){margin-left:41.6%}.ids-col.ids-col--s-offset-6,:host(.ids-col.ids-col--s-offset-6){margin-left:50%}.ids-col.ids-col--s-offset-7,:host(.ids-col.ids-col--s-offset-7){margin-left:58.3%}.ids-col.ids-col--s-offset-8,:host(.ids-col.ids-col--s-offset-8){margin-left:66.6%}.ids-col.ids-col--s-offset-9,:host(.ids-col.ids-col--s-offset-9){margin-left:75%}.ids-col.ids-col--s-offset-10,:host(.ids-col.ids-col--s-offset-10){margin-left:83.3%}.ids-col.ids-col--s-offset-11,:host(.ids-col.ids-col--s-offset-11){margin-left:91.6%}.ids-col.ids-col--s-offset-12,:host(.ids-col.ids-col--s-offset-12){margin-left:100%}}";
+
+var columnLit = css`${unsafeCSS(css_248z)}`;
+
+export { columnLit as default };

package/components/grid/column/column.css

@@ -0,0 +1,431 @@
+@media (max-width: 1023px) {
+  .ids-desktop {
+    display: none !important;
+  }
+}
+
+@media (min-width: 1024px) {
+  .ids-mobile {
+    display: none !important;
+  }
+}
+
+.ids-col,
+:host(.ids-col) {
+  display: block;
+  flex-basis: 0;
+  flex-grow: 1;
+  max-width: 100%;
+}
+
+.ids-col.ids-col--auto,
+:host(.ids-col.ids-col--auto) {
+  flex: 0 0 auto;
+  width: auto;
+}
+
+.ids-col.ids-col--1,
+:host(.ids-col.ids-col--1) {
+  flex: 0 0 8.3%;
+  max-width: 8.3%;
+}
+
+.ids-col.ids-col--2,
+:host(.ids-col.ids-col--2) {
+  flex: 0 0 16%;
+  max-width: 16%;
+}
+
+.ids-col.ids-col--3,
+:host(.ids-col.ids-col--3) {
+  flex: 0 0 25%;
+  max-width: 25%;
+}
+
+.ids-col.ids-col--4,
+:host(.ids-col.ids-col--4) {
+  flex: 0 0 33.3%;
+  max-width: 33.3%;
+}
+
+.ids-col.ids-col--5,
+:host(.ids-col.ids-col--5) {
+  flex: 0 0 41.6%;
+  max-width: 41.6%;
+}
+
+.ids-col.ids-col--6,
+:host(.ids-col.ids-col--6) {
+  flex: 0 0 50%;
+  max-width: 50%;
+}
+
+.ids-col.ids-col--7,
+:host(.ids-col.ids-col--7) {
+  flex: 0 0 58%;
+  max-width: 58.3%;
+}
+
+.ids-col.ids-col--8,
+:host(.ids-col.ids-col--8) {
+  flex: 0 0 66.6%;
+  max-width: 66.6%;
+}
+
+.ids-col.ids-col--9,
+:host(.ids-col.ids-col--9) {
+  flex: 0 0 75%;
+  max-width: 75%;
+}
+
+.ids-col.ids-col--10,
+:host(.ids-col.ids-col--10) {
+  flex: 0 0 83.3%;
+  max-width: 83.3%;
+}
+
+.ids-col.ids-col--11,
+:host(.ids-col.ids-col--11) {
+  flex: 0 0 91.6%;
+  max-width: 91.6%;
+}
+
+.ids-col.ids-col--12,
+:host(.ids-col.ids-col--12) {
+  flex: 0 0 100%;
+  max-width: 100%;
+}
+
+.ids-col.ids-col--offset-none,
+:host(.ids-col.ids-col--offset-none) {
+  margin-left: 0%;
+}
+
+.ids-col.ids-col--offset-1,
+:host(.ids-col.ids-col--offset-1) {
+  margin-left: 8.3%;
+}
+
+.ids-col.ids-col--offset-2,
+:host(.ids-col.ids-col--offset-2) {
+  margin-left: 16%;
+}
+
+.ids-col.ids-col--offset-3,
+:host(.ids-col.ids-col--offset-3) {
+  margin-left: 25%;
+}
+
+.ids-col.ids-col--offset-4,
+:host(.ids-col.ids-col--offset-4) {
+  margin-left: 33.3%;
+}
+
+.ids-col.ids-col--offset-5,
+:host(.ids-col.ids-col--offset-5) {
+  margin-left: 41.6%;
+}
+
+.ids-col.ids-col--offset-6,
+:host(.ids-col.ids-col--offset-6) {
+  margin-left: 50%;
+}
+
+.ids-col.ids-col--offset-7,
+:host(.ids-col.ids-col--offset-7) {
+  margin-left: 58.3%;
+}
+
+.ids-col.ids-col--offset-8,
+:host(.ids-col.ids-col--offset-8) {
+  margin-left: 66.6%;
+}
+
+.ids-col.ids-col--offset-9,
+:host(.ids-col.ids-col--offset-9) {
+  margin-left: 75%;
+}
+
+.ids-col.ids-col--offset-10,
+:host(.ids-col.ids-col--offset-10) {
+  margin-left: 83.3%;
+}
+
+.ids-col.ids-col--offset-11,
+:host(.ids-col.ids-col--offset-11) {
+  margin-left: 91.6%;
+}
+
+.ids-col.ids-col--offset-12,
+:host(.ids-col.ids-col--offset-12) {
+  margin-left: 100%;
+}
+
+.ids-col.ids-col--align-start,
+:host(.ids-col.ids-col--align-start) {
+  align-self: start;
+}
+
+.ids-col.ids-col--align-center,
+:host(.ids-col.ids-col--align-center) {
+  align-self: center;
+}
+
+.ids-col.ids-col--align-end,
+:host(.ids-col.ids-col--align-end) {
+  align-self: end;
+}
+
+.ids-col.ids-col--align-auto,
+:host(.ids-col.ids-col--align-auto) {
+  align-self: auto;
+}
+
+.ids-col.ids-col--align-baseline,
+:host(.ids-col.ids-col--align-baseline) {
+  align-self: baseline;
+}
+
+.ids-col.ids-col--align-stretch,
+:host(.ids-col.ids-col--align-stretch) {
+  align-self: stretch;
+}
+
+@media only screen and (max-width: 1024px) {
+  .ids-col.ids-col--m-auto,
+  :host(.ids-col.ids-col--m-auto) {
+    flex: 0 0 auto;
+    width: auto;
+  }
+  .ids-col.ids-col--m-1,
+  :host(.ids-col.ids-col--m-1) {
+    flex: 0 0 8.3%;
+    max-width: 8.3%;
+  }
+  .ids-col.ids-col--m-2,
+  :host(.ids-col.ids-col--m-2) {
+    flex: 0 0 16%;
+    max-width: 16%;
+  }
+  .ids-col.ids-col--m-3,
+  :host(.ids-col.ids-col--m-3) {
+    flex: 0 0 25%;
+    max-width: 25%;
+  }
+  .ids-col.ids-col--m-4,
+  :host(.ids-col.ids-col--m-4) {
+    flex: 0 0 33.3%;
+    max-width: 33.3%;
+  }
+  .ids-col.ids-col--m-5,
+  :host(.ids-col.ids-col--m-5) {
+    flex: 0 0 41.6%;
+    max-width: 41.6%;
+  }
+  .ids-col.ids-col--m-6,
+  :host(.ids-col.ids-col--m-6) {
+    flex: 0 0 50%;
+    max-width: 50%;
+  }
+  .ids-col.ids-col--m-7,
+  :host(.ids-col.ids-col--m-7) {
+    flex: 0 0 58%;
+    max-width: 58.3%;
+  }
+  .ids-col.ids-col--m-8,
+  :host(.ids-col.ids-col--m-8) {
+    flex: 0 0 66.6%;
+    max-width: 66.6%;
+  }
+  .ids-col.ids-col--m-9,
+  :host(.ids-col.ids-col--m-9) {
+    flex: 0 0 75%;
+    max-width: 75%;
+  }
+  .ids-col.ids-col--m-10,
+  :host(.ids-col.ids-col--m-10) {
+    flex: 0 0 83.3%;
+    max-width: 83.3%;
+  }
+  .ids-col.ids-col--m-11,
+  :host(.ids-col.ids-col--m-11) {
+    flex: 0 0 91.6%;
+    max-width: 91.6%;
+  }
+  .ids-col.ids-col--m-12,
+  :host(.ids-col.ids-col--m-12) {
+    flex: 0 0 100%;
+    max-width: 100%;
+  }
+  .ids-col.ids-col--m-offset-none,
+  :host(.ids-col.ids-col--m-offset-none) {
+    margin-left: 0%;
+  }
+  .ids-col.ids-col--m-offset-1,
+  :host(.ids-col.ids-col--m-offset-1) {
+    margin-left: 8.3%;
+  }
+  .ids-col.ids-col--m-offset-2,
+  :host(.ids-col.ids-col--m-offset-2) {
+    margin-left: 16%;
+  }
+  .ids-col.ids-col--m-offset-3,
+  :host(.ids-col.ids-col--m-offset-3) {
+    margin-left: 25%;
+  }
+  .ids-col.ids-col--m-offset-4,
+  :host(.ids-col.ids-col--m-offset-4) {
+    margin-left: 33.3%;
+  }
+  .ids-col.ids-col--m-offset-5,
+  :host(.ids-col.ids-col--m-offset-5) {
+    margin-left: 41.6%;
+  }
+  .ids-col.ids-col--m-offset-6,
+  :host(.ids-col.ids-col--m-offset-6) {
+    margin-left: 50%;
+  }
+  .ids-col.ids-col--m-offset-7,
+  :host(.ids-col.ids-col--m-offset-7) {
+    margin-left: 58.3%;
+  }
+  .ids-col.ids-col--m-offset-8,
+  :host(.ids-col.ids-col--m-offset-8) {
+    margin-left: 66.6%;
+  }
+  .ids-col.ids-col--m-offset-9,
+  :host(.ids-col.ids-col--m-offset-9) {
+    margin-left: 75%;
+  }
+  .ids-col.ids-col--m-offset-10,
+  :host(.ids-col.ids-col--m-offset-10) {
+    margin-left: 83.3%;
+  }
+  .ids-col.ids-col--m-offset-11,
+  :host(.ids-col.ids-col--m-offset-11) {
+    margin-left: 91.6%;
+  }
+  .ids-col.ids-col--m-offset-12,
+  :host(.ids-col.ids-col--m-offset-12) {
+    margin-left: 100%;
+  }
+}
+@media only screen and (max-width: 640px) {
+  .ids-col.ids-col--s-auto,
+  :host(.ids-col.ids-col--s-auto) {
+    flex: 0 0 auto;
+    width: auto;
+  }
+  .ids-col.ids-col--s-1,
+  :host(.ids-col.ids-col--s-1) {
+    flex: 0 0 8.3%;
+    max-width: 8.3%;
+  }
+  .ids-col.ids-col--s-2,
+  :host(.ids-col.ids-col--s-2) {
+    flex: 0 0 16%;
+    max-width: 16%;
+  }
+  .ids-col.ids-col--s-3,
+  :host(.ids-col.ids-col--s-3) {
+    flex: 0 0 25%;
+    max-width: 25%;
+  }
+  .ids-col.ids-col--s-4,
+  :host(.ids-col.ids-col--s-4) {
+    flex: 0 0 33.3%;
+    max-width: 33.3%;
+  }
+  .ids-col.ids-col--s-5,
+  :host(.ids-col.ids-col--s-5) {
+    flex: 0 0 41.6%;
+    max-width: 41.6%;
+  }
+  .ids-col.ids-col--s-6,
+  :host(.ids-col.ids-col--s-6) {
+    flex: 0 0 50%;
+    max-width: 50%;
+  }
+  .ids-col.ids-col--s-7,
+  :host(.ids-col.ids-col--s-7) {
+    flex: 0 0 58%;
+    max-width: 58.3%;
+  }
+  .ids-col.ids-col--s-8,
+  :host(.ids-col.ids-col--s-8) {
+    flex: 0 0 66.6%;
+    max-width: 66.6%;
+  }
+  .ids-col.ids-col--s-9,
+  :host(.ids-col.ids-col--s-9) {
+    flex: 0 0 75%;
+    max-width: 75%;
+  }
+  .ids-col.ids-col--s-10,
+  :host(.ids-col.ids-col--s-10) {
+    flex: 0 0 83.3%;
+    max-width: 83.3%;
+  }
+  .ids-col.ids-col--s-11,
+  :host(.ids-col.ids-col--s-11) {
+    flex: 0 0 91.6%;
+    max-width: 91.6%;
+  }
+  .ids-col.ids-col--s-12,
+  :host(.ids-col.ids-col--s-12) {
+    flex: 0 0 100%;
+    max-width: 100%;
+  }
+  .ids-col.ids-col--s-offset-none,
+  :host(.ids-col.ids-col--s-offset-none) {
+    margin-left: 0%;
+  }
+  .ids-col.ids-col--s-offset-1,
+  :host(.ids-col.ids-col--s-offset-1) {
+    margin-left: 8.3%;
+  }
+  .ids-col.ids-col--s-offset-2,
+  :host(.ids-col.ids-col--s-offset-3) {
+    margin-left: 16%;
+  }
+  .ids-col.ids-col--s-offset-3,
+  :host(.ids-col.ids-col--s-offset-3) {
+    margin-left: 25%;
+  }
+  .ids-col.ids-col--s-offset-4,
+  :host(.ids-col.ids-col--s-offset-4) {
+    margin-left: 33.3%;
+  }
+  .ids-col.ids-col--s-offset-5,
+  :host(.ids-col.ids-col--s-offset-5) {
+    margin-left: 41.6%;
+  }
+  .ids-col.ids-col--s-offset-6,
+  :host(.ids-col.ids-col--s-offset-6) {
+    margin-left: 50%;
+  }
+  .ids-col.ids-col--s-offset-7,
+  :host(.ids-col.ids-col--s-offset-7) {
+    margin-left: 58.3%;
+  }
+  .ids-col.ids-col--s-offset-8,
+  :host(.ids-col.ids-col--s-offset-8) {
+    margin-left: 66.6%;
+  }
+  .ids-col.ids-col--s-offset-9,
+  :host(.ids-col.ids-col--s-offset-9) {
+    margin-left: 75%;
+  }
+  .ids-col.ids-col--s-offset-10,
+  :host(.ids-col.ids-col--s-offset-10) {
+    margin-left: 83.3%;
+  }
+  .ids-col.ids-col--s-offset-11,
+  :host(.ids-col.ids-col--s-offset-11) {
+    margin-left: 91.6%;
+  }
+  .ids-col.ids-col--s-offset-12,
+  :host(.ids-col.ids-col--s-offset-12) {
+    margin-left: 100%;
+  }
+}

package/components/grid/container/container-lit.js

@@ -0,0 +1,7 @@
+import { css, unsafeCSS } from 'lit';
+
+var css_248z = ".ids-container,:host(.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,:host(.ids-container.ids-container--gutterless){padding-left:0!important;padding-right:0!important}.ids-container.ids-container--fluid,:host(.ids-container.ids-container--fluid){max-width:100%}";
+
+var containerLit = css`${unsafeCSS(css_248z)}`;
+
+export { containerLit as default };