@inera/ids-design 5.5.1 → 6.0.0

package/components/footer-inera/footer-inera.css

@@ -10,6 +10,9 @@
   }
 }
 
+/*******
+* ICONS
+********/
 /*******
 * BUTTONS
 ********/
@@ -72,8 +75,13 @@
   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;
+  font-style: normal;
+  color: var(--IDS-COLOR-NEUTRAL-100);
+  font-family: var(--IDS-BODY__FONT-FAMILY);
+  font-size: var(--IDS-BODY__FONT-SIZE);
+  line-height: var(--IDS-BODY__LINE-HEIGHT);
+  font-weight: 400;
+  letter-spacing: 0;
   flex: 0 0 40%;
   max-width: 40%;
   margin-right: 8.3%;
@@ -226,18 +234,16 @@
   z-index: 1;
 }
 .ids-footer-inera .ids-footer-inera__mobile-links {
-  font-size: 0.875rem;
   display: none;
-  padding-left: 1.25rem;
-  padding-right: 1.25rem;
-  padding-top: 1.25rem;
+  font-size: 0.875rem;
+  padding: 2rem 1.25rem;
+  gap: 2rem;
   flex-direction: column;
 }
 .ids-footer-inera .ids-footer-inera__mobile-links ::slotted(*),
 .ids-footer-inera .ids-footer-inera__mobile-links a {
-  display: flex;
+  display: block;
   width: 100%;
-  padding: 1rem 0 !important;
 }
 @media (max-width: 1024px) {
   .ids-footer-inera .ids-footer-inera__mobile-links {

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

@@ -1,6 +1,6 @@
 import { css, unsafeCSS } from 'lit';
 
-var css_248z = "@media (max-width:1023px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}.ids-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 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-NEUTRAL-20);flex:0 0 40%;font-family:var(--IDS-BODY__FONT-FAMILY);font-size:var(--IDS-BODY__FONT-SIZE);font-style:normal;font-weight:400;letter-spacing:0;line-height:var(--IDS-BODY__LINE-HEIGHT);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;gap:2rem;padding:2rem 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:block;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)}`;
 

package/components/footer-inera-admin/footer-inera-admin.css

@@ -10,6 +10,9 @@
   }
 }
 
+/*******
+* ICONS
+********/
 /*******
 * BUTTONS
 ********/
@@ -67,8 +70,13 @@
   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;
+  font-style: normal;
+  color: var(--IDS-COLOR-NEUTRAL-20);
+  font-family: var(--IDS-BODY__FONT-FAMILY);
+  font-size: var(--IDS-BODY__FONT-SIZE);
+  line-height: var(--IDS-BODY__LINE-HEIGHT);
+  font-weight: 400;
+  letter-spacing: 0;
   flex: 0 0 40%;
   max-width: 40%;
   margin-right: 8.3%;
@@ -235,18 +243,16 @@
   z-index: 1;
 }
 .ids-footer-inera-admin .ids-footer-inera-admin__mobile-links {
-  font-size: 0.875rem;
   display: none;
-  padding-left: 1.25rem;
-  padding-right: 1.25rem;
-  padding-top: 1.25rem;
+  font-size: 0.875rem;
+  padding: 2rem 1.25rem;
+  gap: 2rem;
   flex-direction: column;
 }
 .ids-footer-inera-admin .ids-footer-inera-admin__mobile-links ::slotted(*),
 .ids-footer-inera-admin .ids-footer-inera-admin__mobile-links a {
-  display: flex;
+  display: block;
   width: 100%;
-  padding: 1rem 0 !important;
 }
 @media (max-width: 1024px) {
   .ids-footer-inera-admin .ids-footer-inera-admin__mobile-links {

package/components/form/error-message/error-message-lit.js

@@ -1,6 +1,6 @@
 import { css, unsafeCSS } from 'lit';
 
-var css_248z = ".ids-error-message{align-items:center;background-color:var(--IDS-ERROR-MESSAGE__BACKGROUND-COLOR);border:var(--IDS-ERROR-MESSAGE__BORDER);border-radius:var(--IDS-BORDER-RADIUS);color:var(--IDS-ERROR-MESSAGE__COLOR);display:none;gap:.5rem;margin-top:var(--IDS-ERROR-MESSAGE__MARGIN-TOP);padding:var(--IDS-ERROR-MESSAGE__PADDING);position:relative}.ids-error-message.ids-error-message--show{display:inline-flex}.ids-error-message:after,.ids-error-message:before{content:\"\";display:block;height:.75rem;left:2.563rem;position:absolute;transform:rotate(45deg);width:.75rem;z-index:9}.ids-error-message:after{background-color:var(--IDS-COLOR-NEUTRAL-100);top:-.375rem}.ids-error-message:before{background-color:var(--IDS-ERROR-MESSAGE__BORDER-COLOR);top:-.438rem}.ids-error-message .ids-error-message__icon{background-image:var(--IDS-ERROR-MESSAGE__ICON-BACKGROUND-IMAGE);background-repeat:no-repeat;min-height:1.25rem;min-width:1.25rem}";
+var css_248z = ".ids-error-message{align-items:center;background-color:var(--IDS-ERROR-MESSAGE__BACKGROUND-COLOR);border:var(--IDS-ERROR-MESSAGE__BORDER);border-radius:var(--IDS-BORDER-RADIUS);color:var(--IDS-ERROR-MESSAGE__COLOR);display:none;gap:.5rem;margin-top:var(--IDS-ERROR-MESSAGE__MARGIN-TOP);padding:var(--IDS-ERROR-MESSAGE__PADDING);position:relative}.ids-error-message.ids-error-message--show{display:inline-flex}.ids-error-message:after,.ids-error-message:before{content:\"\";display:block;height:.75rem;left:2.563rem;position:absolute;transform:rotate(45deg);width:.75rem;z-index:9}.ids-error-message:after{background-color:var(--IDS-COLOR-NEUTRAL-100);top:-.375rem}.ids-error-message:before{background-color:var(--IDS-ERROR-MESSAGE__BORDER-COLOR);top:-.438rem}.ids-error-message .ids-error-message__text{padding-left:1.75rem;position:relative}.ids-error-message .ids-error-message__text:before{color:var(--IDS-ICON--INVALID-COLOR);content:\"\\e913\";display:block;font:icon;font-family:Inera-Design-Icons;font-size:1.25rem;left:0;pointer-events:none;position:absolute;top:0}";
 
 var errorMessageLit = css`${unsafeCSS(css_248z)}`;
 

package/components/form/error-message/error-message.css

@@ -1,3 +1,18 @@
+/*******
+* ICONS
+********/
+/*******
+* BUTTONS
+********/
+/*******
+* SCROLLBARS
+********/
+/*******
+* FORM
+********/
+/*******
+* A11Y
+********/
 .ids-error-message {
   background-color: var(--IDS-ERROR-MESSAGE__BACKGROUND-COLOR);
   border-radius: var(--IDS-BORDER-RADIUS);
@@ -31,9 +46,19 @@
   background-color: var(--IDS-ERROR-MESSAGE__BORDER-COLOR);
   top: -0.438rem;
 }
-.ids-error-message .ids-error-message__icon {
-  min-width: 1.25rem;
-  min-height: 1.25rem;
-  background-repeat: no-repeat;
-  background-image: var(--IDS-ERROR-MESSAGE__ICON-BACKGROUND-IMAGE);
+.ids-error-message .ids-error-message__text {
+  position: relative;
+  padding-left: 1.75rem;
+}
+.ids-error-message .ids-error-message__text:before {
+  font: icon;
+  font-family: "Inera-Design-Icons";
+  display: block;
+  position: absolute;
+  pointer-events: none;
+  content: "\e913";
+  font-size: 1.25rem;
+  color: var(--IDS-ICON--INVALID-COLOR);
+  left: 0;
+  top: 0;
 }

package/components/form/range/range-lit.js

@@ -1,6 +1,6 @@
 import { css, unsafeCSS } from 'lit';
 
-var css_248z = ".ids-range-wrapper{box-sizing:border-box;margin:0 1rem}.ids-range-ticks{display:flex;justify-content:space-between;margin-left:.75rem;margin-right:.75rem;margin-top:1.563rem;max-width:100%}.ids-range-ticks .ids-range-tick{color:var(--IDS-RANGE__TICK-COLOR);display:flex;font-family:var(--IDS-FONT-FAMILY-BASE);font-size:1rem;justify-content:center;position:relative;text-align:center;width:.063rem}.ids-range-ticks .ids-range-tick:before{background-color:var(--IDS-RANGE__TICK-LINE-COLOR);content:\"\";display:block;height:.625rem;margin:auto;position:absolute;top:-.938rem;width:.063rem}";
+var css_248z = ".ids-range-wrapper{box-sizing:border-box}.ids-range-ticks{display:flex;justify-content:space-between;margin-left:.75rem;margin-right:.75rem;margin-top:1.563rem;max-width:100%}.ids-range-ticks .ids-range-tick{color:var(--IDS-RANGE__TICK-COLOR);display:flex;font-family:var(--IDS-FONT-FAMILY-BASE);font-size:1rem;justify-content:center;position:relative;text-align:center;width:.063rem}.ids-range-ticks .ids-range-tick:before{background-color:var(--IDS-RANGE__TICK-LINE-COLOR);content:\"\";display:block;height:.625rem;margin:auto;position:absolute;top:-.938rem;width:.063rem}";
 
 var rangeLit = css`${unsafeCSS(css_248z)}`;
 

package/components/form/range/range.css

@@ -1,5 +1,4 @@
 .ids-range-wrapper {
-  margin: 0 1rem;
   box-sizing: border-box;
 }
 

package/components/form/select-multiple/select-multiple-lit.js

@@ -1,6 +1,6 @@
 import { css, unsafeCSS } from 'lit';
 
-var css_248z = ".ids-select-multiple__select{background-color:var(--IDS-INPUT__BACKGROUND-COLOR);border:var(--IDS-INPUT__BORDER);border-radius:var(--IDS-INPUT__BORDER-RADIUS);color:var(--IDS-INPUT__COLOR);cursor:pointer;display:block;display:inline-block!important;font-family:var(--IDS-FONT-FAMILY-BASE)!important;font-size:1rem;height:var(--IDS-INPUT__HEIGHT);overflow:hidden;padding:var(--IDS-INPUT__PADDING);padding-right:var(--IDS-INPUT__ICON-PADDING-RIGHT)!important;text-align:left;text-overflow:ellipsis;width:100%!important}.ids-select-multiple__select.ids-input--light:disabled,.ids-select-multiple__select:disabled{background:var(--IDS-FORM--DISABLED__BACKGROUND-COLOR);border:var(--IDS-FORM--DISABLED__BORDER);color:var(--IDS-FORM--DISABLED__COLOR);font-style:italic!important}.ids-select-multiple__select.ids-input--light.ids-input--invalid{background-color:var(--IDS-FORM--INVALID__BACKGROUND-COLOR)}.ids-select-multiple__select.ids-input--invalid{background:var(--IDS-FORM--INVALID__BACKGROUND-COLOR);border:var(--IDS-FORM--INVALID__BORDER);box-shadow:inset 0 0 0 .0625rem var(--IDS-FORM--INVALID__BORDER-COLOR)}.ids-select-multiple__select.ids-input--light{background-color:var(--IDS-COLOR-NEUTRAL-100)}.ids-select-multiple__select.ids-input--light.ids-input--invalid{background:var(--IDS-FORM--INVALID__BACKGROUND-COLOR);border:var(--IDS-FORM--INVALID__BORDER);box-shadow:inset 0 0 0 .0625rem var(--IDS-FORM--INVALID__BORDER-COLOR)}.ids-select-multiple__select:disabled{cursor:default}.ids-select-multiple__select:disabled.ids-input--light{background-color:var(--IDS-COLOR-NEUTRAL-100);background:var(--IDS-FORM--DISABLED__BACKGROUND-COLOR);border:var(--IDS-FORM--DISABLED__BORDER);color:var(--IDS-FORM--DISABLED__COLOR);font-style:italic!important}.ids-select-multiple__select:focus{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)!important}.ids-select-multiple-wrapper{display:flex;position:relative}.ids-select-multiple-wrapper:after{background-image:var(--IDS-SELECT__CHEVRON-ICON);background-position:50%;background-repeat:no-repeat;bottom:0;content:\"\";display:block;height:100%;pointer-events:none;position:absolute;right:var(--IDS-INPUT__ICON-RIGHT);top:0;transform:rotate(90deg);width:.75rem}.ids-select-multiple-wrapper:has(.ids-input--invalid):after{background-image:var(--IDS-SELECT--INVALID__CHEVRON-ICON)}.ids-select-multiple-wrapper:has(input:disabled):after{background-image:var(--IDS-SELECT--DISABLED__CHEVRON-ICON)}.ids-select-multiple__dropdown__wrapper{background-color:var(--IDS-COLOR-NEUTRAL-100);position:relative}.ids-select-multiple__dropdown__wrapper .ids-select-multiple__dropdown{background-color:var(--IDS-COLOR-NEUTRAL-100);border-radius:var(--IDS-SELECT-MULTIPLE__DROPDOWN-BORDER-RADIUS);box-shadow:0 0 .375rem rgba(0,0,0,.3);left:0;position:absolute;right:0;z-index:10}.ids-select-multiple__dropdown__wrapper .ids-select-multiple__dropdown.ids-select-multiple__dropdown--hide{display:none}.ids-select-multiple__dropdown__wrapper .ids-select-multiple__dropdown .ids-select-multiple__dropdown__inner{overflow-y:auto;padding:.625rem}.ids-select-multiple__dropdown__wrapper .ids-select-multiple__dropdown .ids-select-multiple__dropdown__inner::-webkit-scrollbar{margin-left:-1.25rem;position:absolute;width:1rem}.ids-select-multiple__dropdown__wrapper .ids-select-multiple__dropdown .ids-select-multiple__dropdown__inner::-webkit-scrollbar-track{background:var(--IDS-COLOR-NEUTRAL-99);border-radius:.625rem;margin-bottom:0}.ids-select-multiple__dropdown__wrapper .ids-select-multiple__dropdown .ids-select-multiple__dropdown__inner::-webkit-scrollbar-thumb{background:var(--IDS-SCROLL__COLOR);border:.125rem solid var(--IDS-COLOR-NEUTRAL-99);border-radius:.625rem;box-sizing:border-box;cursor:auto}.ids-select-multiple__dropdown__wrapper .ids-select-multiple__dropdown .ids-select-multiple__dropdown__inner::-webkit-scrollbar-thumb:hover{background:var(--IDS-SCROLL__HOVER-COLOR)}.ids-select-multiple__dropdown__wrapper .ids-select-multiple__dropdown .ids-select-multiple__dropdown__inner::-webkit-scrollbar-corner{background-color:transparent}:host([disabled]) input{background:var(--IDS-FORM--DISABLED__BACKGROUND-COLOR);border:var(--IDS-FORM--DISABLED__BORDER);color:var(--IDS-FORM--DISABLED__COLOR);font-style:italic!important}.ids-select-multiple-label-wrapper{align-items:flex-start;display:inline-flex;gap:.5rem;margin-bottom:.313rem;margin-right:.5rem}.ids-select-multiple-label-wrapper .ids-label-tooltip-wrapper label{display:inline;margin-right:.5rem;margin-right:.25rem;position:relative;top:-.188rem}";
+var css_248z = ".ids-select-multiple__select{background-color:var(--IDS-INPUT__BACKGROUND-COLOR);border:var(--IDS-INPUT__BORDER);border-radius:var(--IDS-INPUT__BORDER-RADIUS);color:var(--IDS-INPUT__COLOR);cursor:pointer;display:block;display:inline-block!important;font-family:var(--IDS-FONT-FAMILY-BASE)!important;font-size:1rem;height:var(--IDS-INPUT__HEIGHT);overflow:hidden;padding:var(--IDS-INPUT__PADDING);padding-right:var(--IDS-INPUT__ICON-PADDING-RIGHT)!important;text-align:left;text-overflow:ellipsis;width:100%!important}.ids-select-multiple__select.ids-input--light:disabled,.ids-select-multiple__select:disabled{background:var(--IDS-FORM--DISABLED__BACKGROUND-COLOR);border:var(--IDS-FORM--DISABLED__BORDER);color:var(--IDS-FORM--DISABLED__COLOR);font-style:italic!important;opacity:1}.ids-select-multiple__select.ids-input--light.ids-input--invalid{background-color:var(--IDS-FORM--INVALID__BACKGROUND-COLOR)}.ids-select-multiple__select.ids-input--invalid{background:var(--IDS-FORM--INVALID__BACKGROUND-COLOR);border:var(--IDS-FORM--INVALID__BORDER);box-shadow:inset 0 0 0 .0625rem var(--IDS-FORM--INVALID__BORDER-COLOR)}.ids-select-multiple__select.ids-input--light{background-color:var(--IDS-COLOR-NEUTRAL-100)}.ids-select-multiple__select.ids-input--light.ids-input--invalid{background:var(--IDS-FORM--INVALID__BACKGROUND-COLOR);border:var(--IDS-FORM--INVALID__BORDER);box-shadow:inset 0 0 0 .0625rem var(--IDS-FORM--INVALID__BORDER-COLOR)}.ids-select-multiple__select[aria-disabled=true]{background:var(--IDS-FORM--DISABLED__BACKGROUND-COLOR);border:var(--IDS-FORM--DISABLED__BORDER);color:var(--IDS-FORM--DISABLED__COLOR);font-style:italic!important;opacity:1}.ids-select-multiple__select:disabled{cursor:default}.ids-select-multiple__select:disabled.ids-input--light{background-color:var(--IDS-COLOR-NEUTRAL-100);background:var(--IDS-FORM--DISABLED__BACKGROUND-COLOR);border:var(--IDS-FORM--DISABLED__BORDER);color:var(--IDS-FORM--DISABLED__COLOR);font-style:italic!important;opacity:1}.ids-select-multiple__select:focus{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)!important}.ids-select-multiple-wrapper{display:flex;position:relative}.ids-select-multiple-wrapper:after{color:var(--IDS-ICON__COLOR);content:\"\\e936\";display:block;font:icon;font-family:Inera-Design-Icons;height:1rem;pointer-events:none;position:absolute;right:var(--IDS-INPUT__ICON-RIGHT);top:50%;transform:translateY(-50%);width:1rem}.ids-select-multiple-wrapper:has(.ids-input--invalid):after{color:var(--IDS-ICON--INVALID-COLOR)}.ids-select-multiple-wrapper:has([aria-disabled=true]):after,.ids-select-multiple-wrapper:has(input:disabled):after{color:var(--IDS-ICON--DISABLED-COLOR)}.ids-select-multiple__dropdown__wrapper{background-color:var(--IDS-COLOR-NEUTRAL-100);position:relative}.ids-select-multiple__dropdown__wrapper .ids-select-multiple__dropdown{background-color:var(--IDS-COLOR-NEUTRAL-100);border-radius:var(--IDS-SELECT-MULTIPLE__DROPDOWN-BORDER-RADIUS);box-shadow:0 0 .375rem rgba(0,0,0,.3);left:0;position:absolute;right:0;z-index:10}.ids-select-multiple__dropdown__wrapper .ids-select-multiple__dropdown.ids-select-multiple__dropdown--hide{display:none}.ids-select-multiple__dropdown__wrapper .ids-select-multiple__dropdown .ids-select-multiple__dropdown__inner{overflow-y:auto;padding:.625rem}.ids-select-multiple__dropdown__wrapper .ids-select-multiple__dropdown .ids-select-multiple__dropdown__inner::-webkit-scrollbar{margin-left:-1.25rem;position:absolute;width:1rem}.ids-select-multiple__dropdown__wrapper .ids-select-multiple__dropdown .ids-select-multiple__dropdown__inner::-webkit-scrollbar-track{background:var(--IDS-COLOR-NEUTRAL-99);border-radius:.625rem;margin-bottom:0}.ids-select-multiple__dropdown__wrapper .ids-select-multiple__dropdown .ids-select-multiple__dropdown__inner::-webkit-scrollbar-thumb{background:var(--IDS-SCROLL__COLOR);border:.125rem solid var(--IDS-COLOR-NEUTRAL-99);border-radius:.625rem;box-sizing:border-box;cursor:auto}.ids-select-multiple__dropdown__wrapper .ids-select-multiple__dropdown .ids-select-multiple__dropdown__inner::-webkit-scrollbar-thumb:hover{background:var(--IDS-SCROLL__HOVER-COLOR)}.ids-select-multiple__dropdown__wrapper .ids-select-multiple__dropdown .ids-select-multiple__dropdown__inner::-webkit-scrollbar-corner{background-color:transparent}:host([disabled]) input{background:var(--IDS-FORM--DISABLED__BACKGROUND-COLOR);border:var(--IDS-FORM--DISABLED__BORDER);color:var(--IDS-FORM--DISABLED__COLOR);font-style:italic!important;opacity:1}.ids-select-multiple-label-wrapper{align-items:flex-start;display:inline-flex;gap:.5rem;margin-bottom:.25rem;margin-right:.25rem}.ids-select-multiple-label-wrapper .ids-label-tooltip-wrapper{margin-bottom:-.25rem}.ids-select-multiple-label-wrapper .ids-label-tooltip-wrapper label{display:inline;margin-right:.25rem;position:relative;top:-.188rem}";
 
 var selectMultipleLit = css`${unsafeCSS(css_248z)}`;
 

package/components/form/select-multiple/select-multiple.css

@@ -1,4 +1,7 @@
 /*******
+* ICONS
+********/
+/*******
 * BUTTONS
 ********/
 /*******
@@ -34,6 +37,7 @@
   font-style: italic !important;
   background: var(--IDS-FORM--DISABLED__BACKGROUND-COLOR);
   border: var(--IDS-FORM--DISABLED__BORDER);
+  opacity: 1;
 }
 .ids-select-multiple__select.ids-input--invalid {
   background: var(--IDS-FORM--INVALID__BACKGROUND-COLOR);
@@ -48,6 +52,7 @@
   font-style: italic !important;
   background: var(--IDS-FORM--DISABLED__BACKGROUND-COLOR);
   border: var(--IDS-FORM--DISABLED__BORDER);
+  opacity: 1;
 }
 .ids-select-multiple__select.ids-input--light.ids-input--invalid {
   background-color: var(--IDS-FORM--INVALID__BACKGROUND-COLOR);
@@ -65,6 +70,13 @@
   border: var(--IDS-FORM--INVALID__BORDER);
   box-shadow: inset 0 0 0 0.0625rem var(--IDS-FORM--INVALID__BORDER-COLOR);
 }
+.ids-select-multiple__select[aria-disabled=true] {
+  color: var(--IDS-FORM--DISABLED__COLOR);
+  font-style: italic !important;
+  background: var(--IDS-FORM--DISABLED__BACKGROUND-COLOR);
+  border: var(--IDS-FORM--DISABLED__BORDER);
+  opacity: 1;
+}
 .ids-select-multiple__select:disabled {
   cursor: default;
 }
@@ -74,6 +86,7 @@
   font-style: italic !important;
   background: var(--IDS-FORM--DISABLED__BACKGROUND-COLOR);
   border: var(--IDS-FORM--DISABLED__BORDER);
+  opacity: 1;
 }
 .ids-select-multiple__select:focus {
   outline: var(--IDS-FOCUS__OUTLINE);
@@ -85,25 +98,24 @@
   display: flex;
 }
 .ids-select-multiple-wrapper::after {
-  content: "";
-  width: 0.75rem;
-  height: 100%;
+  font: icon;
+  font-family: "Inera-Design-Icons";
   display: block;
   position: absolute;
-  transform: rotate(90deg);
-  right: var(--IDS-INPUT__ICON-RIGHT);
-  top: 0;
-  bottom: 0;
-  background-position: center;
-  background-repeat: no-repeat;
-  background-image: var(--IDS-SELECT__CHEVRON-ICON);
   pointer-events: none;
+  content: "\e936";
+  color: var(--IDS-ICON__COLOR);
+  width: 1rem;
+  height: 1rem;
+  top: 50%;
+  transform: translateY(-50%);
+  right: var(--IDS-INPUT__ICON-RIGHT);
 }
 .ids-select-multiple-wrapper:has(.ids-input--invalid)::after {
-  background-image: var(--IDS-SELECT--INVALID__CHEVRON-ICON);
+  color: var(--IDS-ICON--INVALID-COLOR);
 }
-.ids-select-multiple-wrapper:has(input:disabled)::after {
-  background-image: var(--IDS-SELECT--DISABLED__CHEVRON-ICON);
+.ids-select-multiple-wrapper:has(input:disabled)::after, .ids-select-multiple-wrapper:has([aria-disabled=true])::after {
+  color: var(--IDS-ICON--DISABLED-COLOR);
 }
 
 .ids-select-multiple__dropdown__wrapper {
@@ -155,20 +167,25 @@
   font-style: italic !important;
   background: var(--IDS-FORM--DISABLED__BACKGROUND-COLOR);
   border: var(--IDS-FORM--DISABLED__BORDER);
+  opacity: 1;
 }
 
 .ids-select-multiple-label-wrapper {
+  margin-bottom: -0.25rem;
   display: inline-flex;
   align-items: flex-start;
   gap: 0.5rem;
-  margin-bottom: 0.313rem;
-  margin-right: 0.5rem;
+  margin-bottom: 0.25rem;
+  margin-right: 0.25rem;
+}
+.ids-select-multiple-label-wrapper .ids-label-tooltip-wrapper {
+  margin-bottom: -0.25rem;
 }
 .ids-select-multiple-label-wrapper .ids-label-tooltip-wrapper label {
   display: inline;
   top: -0.188rem;
   position: relative;
-  margin-right: 0.5rem;
+  margin-right: 0.25rem;
 }
 .ids-select-multiple-label-wrapper .ids-label-tooltip-wrapper label {
   margin-right: 0.25rem;