@inera/ids-design 5.0.3 → 5.1.0

package/components/alert/alert-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-alert{background-color:var(--IDS-ALERT--INFO__BACKGROUND-COLOR);border-color:var(--IDS-ALERT--INFO__BORDER-COLOR);border-radius:var(--IDS_BORDER-RADIUS);border-style:solid;border-width:.0625rem;color:var(--IDS-ALERT--INFO__COLOR);column-gap:1rem;display:grid;font-size:1rem;grid-template-columns:30px 1fr;line-height:26px;padding:30px}.ids-alert:has(.ids-alert__button){grid-template-columns:30px 1fr auto}.ids-alert .ids-alert__button{grid-column:3;grid-row:1}.ids-alert.ids-alert--collapsed{padding:20px 30px}.ids-alert.ids-alert--collapsed .ids-alert__content{display:none}.ids-alert.ids-alert--attention{background-color:var(--IDS-ALERT--ATTENTION__BACKGROUND-COLOR);border-color:var(--IDS-ALERT--ATTENTION__BORDER-COLOR)}.ids-alert.ids-alert--success{background-color:var(--IDS-ALERT--SUCCESS__BACKGROUND-COLOR);border-color:var(--IDS-ALERT--SUCCESS__BORDER-COLOR)}.ids-alert.ids-alert--error{background-color:var(--IDS-ALERT--ERROR__BACKGROUND-COLOR);border-color:var(--IDS-ALERT--ERROR__BORDER-COLOR)}.ids-alert.ids-alert--compact{grid-template-columns:1fr}.ids-alert.ids-alert--compact:has(.ids-alert__button){grid-template-columns:1fr auto}.ids-alert.ids-alert--compact .ids-alert__button{flex:0 0 auto;grid-column:2;grid-row:1;width:auto}.ids-alert.ids-alert--compact .ids-alert__button .ids-alert__expand{float:right}.ids-alert.ids-alert--compact .ids-alert__content{align-items:center;display:flex;grid-column-end:2;grid-column-start:1;grid-row-start:1;margin-top:0}.ids-alert.ids-alert--compact .ids-alert__content .ids-alert__content__icon{align-self:start;height:50px;margin-right:10px;max-height:50px;max-width:50px;min-height:50px;min-width:50px;width:50px}@media (max-width:1024px){.ids-alert.ids-alert--compact .ids-alert__content .ids-alert__content__icon{float:left;height:30px;margin-top:-5px;max-height:30px;max-width:30px;min-height:30px;min-width:30px;width:30px}.ids-alert.ids-alert--compact .ids-alert__content{display:block}}.ids-alert.ids-alert--ribbon{grid-template-columns:1fr;padding:16px}.ids-alert.ids-alert--ribbon:has(.ids-alert__button){grid-template-columns:1fr auto}.ids-alert.ids-alert--ribbon .ids-alert__button{flex:0 0 auto;grid-column:2;grid-row:1;height:24px;width:24px}.ids-alert.ids-alert--ribbon .ids-alert__button .ids-alert__close{align-items:center;display:flex;height:16px;justify-content:center;width:16px}.ids-alert.ids-alert--ribbon .ids-alert__content{align-items:center;display:flex;grid-column-end:2;grid-column-start:1;grid-row-start:1;margin-top:0}@media (max-width:1024px){.ids-alert.ids-alert--ribbon .ids-alert__content{display:block}}.ids-alert.ids-alert--ribbon .ids-alert__content__icon{align-self:center;height:24px;margin-right:10px;margin-top:0;max-height:24px;max-width:24px;min-height:24px;min-width:24px;width:24px}@media (max-width:1024px){.ids-alert.ids-alert--ribbon .ids-alert__content__icon{float:left}}@media (max-width:640px){.ids-alert.ids-alert--ribbon{padding:8px 12px}}.ids-alert .ids-alert__headline *,.ids-alert .ids-alert__headline ::slotted(*){font-family:var(--IDS-ALERT__HEADLINE__FONT-FAMILY)!important;font-size:1.17rem!important;font-weight:var(--IDS-ALERT__HEADLINE__FONT-WEIGHT)!important;margin:0!important}.ids-alert .ids-alert__expand{align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:flex;font:inherit;justify-content:center;min-height:24px;min-width:24px;outline:inherit;padding:0;-moz-user-select:-moz-none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.ids-alert .ids-alert__expand .ids-icon{align-items:center;display:flex;height:24px;justify-content:center;width:24px}.ids-alert .ids-alert__expand:focus{outline:var(--IDS-FOCUS_OUTLINE);outline-offset:var(--IDS-FOCUS_OUTLINE-OFFSET)!important}.ids-alert .ids-alert__close{background:none;border:none;color:inherit;cursor:pointer;font:inherit;min-height:24px;min-width:24px;outline:inherit;padding:0;-moz-user-select:-moz-none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.ids-alert .ids-alert__close:focus{outline:var(--IDS-FOCUS_OUTLINE);outline-offset:var(--IDS-FOCUS_OUTLINE-OFFSET)!important}.ids-alert .ids-alert__content{grid-column:1/-1;grid-row-start:2;margin-top:.5rem}";
+var css_248z = "@media (max-width:1023px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}.ids-alert{background-color:var(--IDS-ALERT--INFO__BACKGROUND-COLOR);border-color:var(--IDS-ALERT--INFO__BORDER-COLOR);border-radius:var(--IDS-BORDER-RADIUS);border-style:solid;border-width:.0625rem;color:var(--IDS-ALERT--INFO__COLOR);column-gap:1rem;display:grid;font-size:1rem;grid-template-columns:30px 1fr;line-height:26px;padding:30px}.ids-alert:has(.ids-alert__button){grid-template-columns:30px 1fr auto}.ids-alert .ids-alert__button{grid-column:3;grid-row:1}.ids-alert.ids-alert--collapsed{padding:20px 30px}.ids-alert.ids-alert--collapsed .ids-alert__content{display:none}.ids-alert.ids-alert--attention{background-color:var(--IDS-ALERT--ATTENTION__BACKGROUND-COLOR);border-color:var(--IDS-ALERT--ATTENTION__BORDER-COLOR)}.ids-alert.ids-alert--success{background-color:var(--IDS-ALERT--SUCCESS__BACKGROUND-COLOR);border-color:var(--IDS-ALERT--SUCCESS__BORDER-COLOR)}.ids-alert.ids-alert--error{background-color:var(--IDS-ALERT--ERROR__BACKGROUND-COLOR);border-color:var(--IDS-ALERT--ERROR__BORDER-COLOR)}.ids-alert.ids-alert--compact{grid-template-columns:1fr}.ids-alert.ids-alert--compact:has(.ids-alert__button){grid-template-columns:1fr auto}.ids-alert.ids-alert--compact .ids-alert__button{flex:0 0 auto;grid-column:2;grid-row:1;width:auto}.ids-alert.ids-alert--compact .ids-alert__button .ids-alert__expand{float:right}.ids-alert.ids-alert--compact .ids-alert__content{align-items:center;display:flex;grid-column-end:2;grid-column-start:1;grid-row-start:1;margin-top:0}.ids-alert.ids-alert--compact .ids-alert__content .ids-alert__content__icon{align-self:start;height:50px;margin-right:10px;max-height:50px;max-width:50px;min-height:50px;min-width:50px;width:50px}@media (max-width:1024px){.ids-alert.ids-alert--compact .ids-alert__content .ids-alert__content__icon{float:left;height:30px;margin-top:-5px;max-height:30px;max-width:30px;min-height:30px;min-width:30px;width:30px}.ids-alert.ids-alert--compact .ids-alert__content{display:block}}.ids-alert.ids-alert--ribbon{grid-template-columns:1fr;padding:16px}.ids-alert.ids-alert--ribbon:has(.ids-alert__button){grid-template-columns:1fr auto}.ids-alert.ids-alert--ribbon .ids-alert__button{flex:0 0 auto;grid-column:2;grid-row:1;height:24px;width:24px}.ids-alert.ids-alert--ribbon .ids-alert__button .ids-alert__close{align-items:center;display:flex;height:16px;justify-content:center;width:16px}.ids-alert.ids-alert--ribbon .ids-alert__content{align-items:center;display:flex;grid-column-end:2;grid-column-start:1;grid-row-start:1;margin-top:0}@media (max-width:1024px){.ids-alert.ids-alert--ribbon .ids-alert__content{display:block}}.ids-alert.ids-alert--ribbon .ids-alert__content__icon{align-self:center;height:24px;margin-right:10px;margin-top:0;max-height:24px;max-width:24px;min-height:24px;min-width:24px;width:24px}@media (max-width:1024px){.ids-alert.ids-alert--ribbon .ids-alert__content__icon{float:left}}@media (max-width:640px){.ids-alert.ids-alert--ribbon{padding:8px 12px}}.ids-alert .ids-alert__headline *,.ids-alert .ids-alert__headline ::slotted(*){font-family:var(--IDS-ALERT__HEADLINE__FONT-FAMILY)!important;font-size:1.17rem!important;font-weight:var(--IDS-ALERT__HEADLINE__FONT-WEIGHT)!important;margin:0!important}.ids-alert .ids-alert__expand{align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:flex;font:inherit;justify-content:center;min-height:24px;min-width:24px;outline:inherit;padding:0;-moz-user-select:-moz-none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.ids-alert .ids-alert__expand .ids-icon{align-items:center;display:flex;height:24px;justify-content:center;width:24px}.ids-alert .ids-alert__expand:focus{outline:var(--IDS-FOCUS_OUTLINE);outline-offset:var(--IDS-FOCUS_OUTLINE-OFFSET)!important}.ids-alert .ids-alert__close{background:none;border:none;color:inherit;cursor:pointer;font:inherit;min-height:24px;min-width:24px;outline:inherit;padding:0;-moz-user-select:-moz-none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.ids-alert .ids-alert__close:focus{outline:var(--IDS-FOCUS_OUTLINE);outline-offset:var(--IDS-FOCUS_OUTLINE-OFFSET)!important}.ids-alert .ids-alert__content{grid-column:1/-1;grid-row-start:2;margin-top:.5rem}";
 
 var alertLit = css`${unsafeCSS(css_248z)}`;
 

package/components/alert/alert.css

@@ -5,6 +5,7 @@
 /*******
 * Accessibility
 ********/
+/* headings */
 @media (max-width: 1023px) {
   .ids-desktop {
     display: none !important;
@@ -22,7 +23,7 @@
   background-color: var(--IDS-ALERT--INFO__BACKGROUND-COLOR);
   border-color: var(--IDS-ALERT--INFO__BORDER-COLOR);
   padding: 30px;
-  border-radius: var(--IDS_BORDER-RADIUS);
+  border-radius: var(--IDS-BORDER-RADIUS);
   border-style: solid;
   border-width: 0.0625rem;
   font-size: 1rem;

package/components/alert-global/alert-global-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-alert-global{align-items:center;background-color:var(--IDS-ALERT-GLOBAL__BACKGROUND-COLOR);border:none;box-shadow:0 0 10px rgba(0,0,0,.3);color:var(--IDS-ALERT-GLOBAL__COLOR);display:block;flex-wrap:wrap;font-size:1rem;line-height:26px;padding:1.875rem;position:relative;z-index:1}.ids-alert-global.ids-alert-global--collapsed .ids-alert-global__content{display:none}@media (max-width:1024px){.ids-alert-global.ids-alert-global--hide-icon-on-m .ids-alert-global__headline{grid-column-end:3;grid-column-start:1}.ids-alert-global.ids-alert-global--hide-icon-on-m .ids-alert-global__icon{display:none}.ids-alert-global .alert-global-headline{grid-column-end:3;grid-column-start:1}}.ids-alert-global.ids-alert-global--agent{background-color:var(--IDS-ALERT-GLOBAL--AGENT__BACKGROUND-COLOR)!important;color:var(--IDS-ALERT-GLOBAL--AGENT__COLOR)!important}.ids-alert-global.ids-alert-global--agent .ids-alert-global__inner{grid-template-columns:2.5rem 1fr 13.75rem}.ids-alert-global .ids-alert-global__inner{column-gap:1.25rem;display:grid;grid-template-columns:1.875rem 1fr 13.75rem;margin-left:auto;margin-right:auto;max-width:var(--IDS_MAX-WIDTH)}@media (max-width:1024px){.ids-alert-global .ids-alert-global__inner{grid-template-columns:1.25rem 1fr 13.75rem}.ids-alert-global .ids-alert-global__inner .alert-global-icon.hide{display:none}}@media (max-width:640px){.ids-alert-global .ids-alert-global__inner{grid-template-columns:1.25rem 1fr 1.5rem!important}}.ids-alert-global .ids-alert-global__inner .ids-alert-global__content{grid-column:2/-1;margin-top:.25rem}@media (max-width:1024px){.ids-alert-global .ids-alert-global__inner .ids-alert-global__content{grid-column:1/-1}}.ids-alert-global .ids-alert-global__inner .ids-alert-global__expand{align-items:center;background:none;border:none;color:inherit;color:var(--alert-text-toggle_color);cursor:pointer;display:flex;font:inherit;font-size:.875rem;justify-content:center;justify-self:end;letter-spacing:.09375rem;min-height:24px;min-width:24px;outline:inherit;padding:0;text-transform:uppercase;-moz-user-select:-moz-none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.ids-alert-global .ids-alert-global__inner .ids-alert-global__expand .ids-icon{align-items:center;display:flex;height:24px;justify-content:center;width:24px}.ids-alert-global .ids-alert-global__inner .ids-alert-global__expand:focus{outline:var(--IDS-FOCUS_OUTLINE);outline-offset:var(--IDS-FOCUS_OUTLINE-OFFSET)!important}.ids-alert-global .ids-alert-global__headline{display:flex;text-align:left}.ids-alert-global .ids-alert-global__headline *,.ids-alert-global .ids-alert-global__headline ::slotted(*){align-items:center!important;color:var(--IDS-ALERT-GLOBAL__HEADLINE__COLOR);display:flex!important;font-family:var(--IDS-ALERT-GLOBAL__HEADLINE__FONT-FAMILY)!important;font-size:1.125rem!important;font-weight:var(--IDS-ALERT__HEADLINE__FONT-WEIGHT)!important;line-height:28px!important;margin:0!important}@media (max-width:1024px){.ids-alert-global .ids-alert-global__headline * .no-mobile-icon,.ids-alert-global .ids-alert-global__headline ::slotted(*) .no-mobile-icon{grid-column-end:3;grid-column-start:1}}.ids-alert-global .ids-alert-global__expand-text{margin-right:1rem}@media (max-width:1024px){.ids-alert-global .ids-alert-global__expand-text{display:none}}.ids-alert-global .ids-alert-global__sub-content{grid-column-start:2;margin-top:.75rem}@media (max-width:1024px){.ids-alert-global .ids-alert-global__sub-content{grid-column:1/-1}}";
+var css_248z = "@media (max-width:1023px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}.ids-alert-global{align-items:center;background-color:var(--IDS-ALERT-GLOBAL__BACKGROUND-COLOR);border:none;box-shadow:0 0 10px rgba(0,0,0,.3);color:var(--IDS-ALERT-GLOBAL__COLOR);display:block;flex-wrap:wrap;font-size:1rem;line-height:26px;padding:1.875rem;position:relative;z-index:1}.ids-alert-global.ids-alert-global--collapsed .ids-alert-global__content{display:none}@media (max-width:1024px){.ids-alert-global.ids-alert-global--hide-icon-on-m .ids-alert-global__headline{grid-column-end:3;grid-column-start:1}.ids-alert-global.ids-alert-global--hide-icon-on-m .ids-alert-global__icon{display:none}.ids-alert-global .alert-global-headline{grid-column-end:3;grid-column-start:1}}.ids-alert-global.ids-alert-global--agent{background-color:var(--IDS-ALERT-GLOBAL--AGENT__BACKGROUND-COLOR)!important;color:var(--IDS-ALERT-GLOBAL--AGENT__COLOR)!important}.ids-alert-global.ids-alert-global--agent .ids-alert-global__inner{grid-template-columns:2.5rem 1fr 13.75rem}.ids-alert-global .ids-alert-global__inner{column-gap:1.25rem;display:grid;grid-template-columns:1.875rem 1fr 13.75rem;margin-left:auto;margin-right:auto;max-width:var(--IDS_MAX-WIDTH)}@media (max-width:1024px){.ids-alert-global .ids-alert-global__inner{grid-template-columns:1.25rem 1fr 13.75rem}.ids-alert-global .ids-alert-global__inner .alert-global-icon.hide{display:none}}@media (max-width:640px){.ids-alert-global .ids-alert-global__inner{grid-template-columns:1.25rem 1fr 1.5rem!important}}.ids-alert-global .ids-alert-global__inner .ids-alert-global__content{grid-column:2/-1;margin-top:.25rem}@media (max-width:1024px){.ids-alert-global .ids-alert-global__inner .ids-alert-global__content{grid-column:1/-1}}.ids-alert-global .ids-alert-global__inner .ids-alert-global__expand{align-items:center;background:none;border:none;color:inherit;color:var(--alert-text-toggle_color);cursor:pointer;display:flex;font:inherit;font-size:.875rem;justify-content:center;justify-self:end;letter-spacing:.09375rem;min-height:24px;min-width:24px;outline:inherit;padding:0;-moz-user-select:-moz-none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.ids-alert-global .ids-alert-global__inner .ids-alert-global__expand .ids-icon{align-items:center;display:flex;height:24px;justify-content:center;width:24px}.ids-alert-global .ids-alert-global__inner .ids-alert-global__expand:focus{outline:var(--IDS-FOCUS_OUTLINE);outline-offset:var(--IDS-FOCUS_OUTLINE-OFFSET)!important}.ids-alert-global .ids-alert-global__headline{display:flex;text-align:left}.ids-alert-global .ids-alert-global__headline *,.ids-alert-global .ids-alert-global__headline ::slotted(*){align-items:center!important;color:var(--IDS-ALERT-GLOBAL__HEADLINE__COLOR);display:flex!important;font-family:var(--IDS-ALERT-GLOBAL__HEADLINE__FONT-FAMILY)!important;font-size:1.125rem!important;font-weight:var(--IDS-ALERT__HEADLINE__FONT-WEIGHT)!important;line-height:28px!important;margin:0!important}@media (max-width:1024px){.ids-alert-global .ids-alert-global__headline * .no-mobile-icon,.ids-alert-global .ids-alert-global__headline ::slotted(*) .no-mobile-icon{grid-column-end:3;grid-column-start:1}}.ids-alert-global .ids-alert-global__expand-text{margin-right:1rem}@media (max-width:1024px){.ids-alert-global .ids-alert-global__expand-text{display:none}}.ids-alert-global .ids-alert-global__sub-content{grid-column-start:2;margin-top:.75rem}@media (max-width:1024px){.ids-alert-global .ids-alert-global__sub-content{grid-column:1/-1}}";
 
 var alertGlobalLit = css`${unsafeCSS(css_248z)}`;
 

package/components/alert-global/alert-global.css

@@ -5,6 +5,7 @@
 /*******
 * Accessibility
 ********/
+/* headings */
 @media (max-width: 1023px) {
   .ids-desktop {
     display: none !important;
@@ -110,7 +111,6 @@
   cursor: pointer;
   min-height: 24px;
   min-width: 24px;
-  text-transform: uppercase;
   font-size: 0.875rem;
   letter-spacing: 0.09375rem;
   color: var(--alert-text-toggle_color);

package/components/badge/badge-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-badge{align-items:center;border-radius:5px;color:var(--IDS-BADGE__COLOR);display:inline-flex;font-size:.875rem;font-weight:400;height:30px;justify-items:center;padding:0 10px;text-transform:uppercase}.ids-badge.ids-badge--primary{background-color:var(--IDS-BADGE--PRIMARY__BACKGROUND-COLOR);border:var(--IDS-BADGE--PRIMARY__BORDER);color:var(--IDS-BADGE--PRIMARY__COLOR)}.ids-badge.ids-badge--neutral{background-color:var(--IDS-BADGE--NEUTRAL__BACKGROUND-COLOR);border:var(--IDS-BADGE--NEUTRAL__BORDER)}.ids-badge.ids-badge--info{background-color:var(--IDS-BADGE--INFO__BACKGROUND-COLOR);border:var(--IDS-BADGE--INFO__BORDER)}.ids-badge.ids-badge--attention{background-color:var(--IDS-BADGE--ATTENTION__BACKGROUND-COLOR);border:var(--IDS-BADGE--ATTENTION__BORDER)}.ids-badge.ids-badge--success{background-color:var(--IDS-BADGE--SUCCESS__BACKGROUND-COLOR);border:var(--IDS-BADGE--SUCCESS__BORDER)}.ids-badge.ids-badge--error{background-color:var(--IDS-BADGE--ERROR__BACKGROUND-COLOR);border:var(--IDS-BADGE--ERROR__BORDER)}.ids-badge.ids-badge--secondary{background-color:var(--IDS-BADGE--SECONDARY__BACKGROUND-COLOR);border:var(--IDS-BADGE--SECONDARY__BORDER)}@media (max-width:1024px){.ids-badge{font-size:.75em;height:24px;padding:0 10px}}";
+var css_248z = "@media (max-width:1023px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}.ids-badge{align-items:center;border-radius:5px;box-sizing:border-box;color:var(--IDS-BADGE__COLOR);display:inline-flex;font-size:.75rem;font-weight:400;height:24px;justify-items:center;padding:3px 7px}.ids-badge.ids-badge--primary{background-color:var(--IDS-BADGE--PRIMARY__BACKGROUND-COLOR);border:1px solid var(--IDS-BADGE--PRIMARY__BORDER);color:var(--IDS-BADGE--PRIMARY__COLOR)}.ids-badge.ids-badge--neutral{background-color:var(--IDS-BADGE--NEUTRAL__BACKGROUND-COLOR);border:var(--IDS-BADGE--NEUTRAL__BORDER)}.ids-badge.ids-badge--info{background-color:var(--IDS-BADGE--INFO__BACKGROUND-COLOR);border:var(--IDS-BADGE--INFO__BORDER)}.ids-badge.ids-badge--attention{background-color:var(--IDS-BADGE--ATTENTION__BACKGROUND-COLOR);border:var(--IDS-BADGE--ATTENTION__BORDER)}.ids-badge.ids-badge--success{background-color:var(--IDS-BADGE--SUCCESS__BACKGROUND-COLOR);border:var(--IDS-BADGE--SUCCESS__BORDER)}.ids-badge.ids-badge--error{background-color:var(--IDS-BADGE--ERROR__BACKGROUND-COLOR);border:var(--IDS-BADGE--ERROR__BORDER)}.ids-badge.ids-badge--secondary{background-color:var(--IDS-BADGE--SECONDARY__BACKGROUND-COLOR);border:var(--IDS-BADGE--SECONDARY__BORDER)}@media (min-width:1024px){.ids-badge{font-size:.875em;height:28px;padding:6px 8px}}";
 
 var badgeLit = css`${unsafeCSS(css_248z)}`;
 

package/components/badge/badge.css

@@ -11,20 +11,20 @@
 }
 
 .ids-badge {
-  height: 30px;
-  padding: 0px 10px;
+  height: 24px;
+  box-sizing: border-box;
+  padding: 3px 7px;
   display: inline-flex;
   align-items: center;
   justify-items: center;
-  font-size: 0.875rem;
+  font-size: 0.75rem;
   font-weight: 400;
-  text-transform: uppercase;
   color: var(--IDS-BADGE__COLOR);
   border-radius: 5px;
 }
 .ids-badge.ids-badge--primary {
   background-color: var(--IDS-BADGE--PRIMARY__BACKGROUND-COLOR);
-  border: var(--IDS-BADGE--PRIMARY__BORDER);
+  border: 1px solid var(--IDS-BADGE--PRIMARY__BORDER);
   color: var(--IDS-BADGE--PRIMARY__COLOR);
 }
 .ids-badge.ids-badge--neutral {
@@ -51,10 +51,10 @@
   background-color: var(--IDS-BADGE--SECONDARY__BACKGROUND-COLOR);
   border: var(--IDS-BADGE--SECONDARY__BORDER);
 }
-@media (max-width: 1024px) {
+@media (min-width: 1024px) {
   .ids-badge {
-    height: 24px;
-    padding: 0px 10px;
-    font-size: 0.75em;
+    height: 28px;
+    padding: 6px 8px;
+    font-size: 0.875em;
   }
 }

package/components/breadcrumbs/breadcrumbs.css

@@ -17,6 +17,7 @@
 /*******
 * Accessibility
 ********/
+/* headings */
 .ids-breadcrumbs {
   color: var(--IDS-BREADCRUMBS__COLOR);
   line-height: 26px;

package/components/card/card.css

@@ -5,6 +5,7 @@
 /*******
 * Accessibility
 ********/
+/* headings */
 @media (max-width: 1023px) {
   .ids-desktop {
     display: none !important;

package/components/data-table/data-table-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-data-table--empty.ids-table--disabled,.ids-data-table--empty[disabled],.ids-data-table--interactive.ids-table--disabled,.ids-data-table--interactive[disabled],.ids-data-table.ids-table--disabled,.ids-data-table[disabled]{background-color:#fff!important;border:var(--table-disabled_border)!important;color:var(--table-disabled_color)!important}.ids-data-table table{border:1px solid var(--data-table-cell_color);border-collapse:separate;border-radius:var(--data-table_border-radius);border-spacing:0;margin:20px auto 50px;overflow:visible;width:100%}.ids-data-table td,.ids-data-table th{border-bottom:1px solid var(--data-table-cell_color);border-right:none;padding:8px;text-align:left;white-space:nowrap}.ids-data-table th{background-color:var(--data-table-head_background-color);border-bottom:2px solid var(--data-table-cell_color);cursor:pointer;font-family:var(--data-table_font-style);font-weight:700}.ids-data-table th:first-child{padding:12px 8px 12px 16px}.ids-data-table th:last-child{padding:12px 16px 12px 8px}.ids-data-table th:not(:first-child):not(:last-child){padding:12px 8px}.ids-data-table td:first-child{padding:8px 8px 8px 16px}.ids-data-table td:last-child{padding:8px 16px 8px 8px}.ids-data-table td:not(:first-child):not(:last-child){padding:8px}.ids-data-table tr{border-bottom:1px solid #ddd}.ids-data-table td:last-child,.ids-data-table th:last-child{border-right:none}.ids-data-table .ids-data-table__col--wide{width:30em}.ids-data-table table thead tr:first-child th:first-child{border-top-left-radius:10px}.ids-data-table table thead tr:first-child th:last-child{border-top-right-radius:10px}.ids-data-table table tbody tr:last-child td{border-bottom:none}.ids-data-table table tbody tr:last-child td:first-child{border-bottom-left-radius:10px}.ids-data-table table tbody tr:last-child td:last-child{border-bottom-right-radius:10px}.ids-data-table th ids-icon-arrow,.ids-data-table th ids-icon-swap{cursor:pointer;margin-left:5.5px;transform:rotate(-90deg)}.ids-data-table .ids-icon-arrow-opposite{margin-left:6em;transform:rotate(90deg)}.ids-data-table td,.ids-data-table th{color:var(--IDS-COLOR-NEUTRAL-20)}.ids-data-table th:focus{outline:2px solid --focus_outline;outline-offset:-5px;z-index:2}.ids-data-table tr:focus{outline:none}.ids-data-table table:active,.ids-data-table table:focus,.ids-data-table table:hover{background-color:var(--table-active_background-color);box-shadow:var(--table-active_box-shadow)}.ids-data-table.ids-table--s td,.ids-data-table.ids-table--s th{font-size:.875rem;padding:4px}.ids-data-table.ids-table--l td,.ids-data-table.ids-table--l th{font-size:1.125rem;padding:12px}@media (max-width:1024px){.ids-data-table table{width:100%}}@media (max-width:640px){.ids-data-table .ids-data-table__col--wide{width:auto}}.ids-data-table.ids-table--striped tbody tr:nth-child(odd){background-color:var(--table-striped_background-color)}.ids-data-table.ids-table--bordered table{border:2px solid var(--table-bordered_border-color)}.ids-data-table.ids-table--bordered td,.ids-data-table.ids-table--bordered th{border-bottom:2px solid var(--table-bordered_border-color)}.ids-data-table--interactive table{border:1px solid var(--data-table-cell_color);border-collapse:separate;border-radius:var(--data-table_border-radius);border-spacing:0;margin:20px auto 50px;overflow:visible;width:100%}.ids-data-table--interactive td,.ids-data-table--interactive th{border-bottom:1px solid var(--data-table-cell_color);border-right:none;cursor:pointer;padding:8px;text-align:left;white-space:nowrap}.ids-data-table--interactive th{background-color:var(--data-table-head_background-color);border-bottom:2px solid var(--data-table-cell_color);font-family:var(--data-table_font-style);font-weight:700}.ids-data-table--interactive th:first-child{padding:12px 8px 12px 16px}.ids-data-table--interactive th:last-child{padding:12px 16px 12px 8px}.ids-data-table--interactive th:not(:first-child):not(:last-child){padding:12px 8px}.ids-data-table--interactive td:first-child{padding:8px 8px 8px 16px}.ids-data-table--interactive td:last-child{padding:8px 16px 8px 8px}.ids-data-table--interactive td:not(:first-child):not(:last-child){padding:8px}.ids-data-table--interactive tr{border-bottom:1px solid #ddd}.ids-data-table--interactive td:last-child,.ids-data-table--interactive th:last-child{border-right:none}.ids-data-table--interactive .ids-data-table__col--wide{width:30em}.ids-data-table--interactive table thead tr:first-child th:first-child{border-top-left-radius:10px}.ids-data-table--interactive table thead tr:first-child th:last-child{border-top-right-radius:10px}.ids-data-table--interactive table tbody tr:last-child td{border-bottom:none}.ids-data-table--interactive table tbody tr:last-child td:first-child{border-bottom-left-radius:10px}.ids-data-table--interactive table tbody tr:last-child td:last-child{border-bottom-right-radius:10px}.ids-data-table--interactive th ids-icon-arrow,.ids-data-table--interactive th ids-icon-swap{cursor:pointer;margin-left:5.5px;transform:rotate(-90deg)}.ids-data-table--interactive .ids-icon-arrow-opposite{margin-left:6em;transform:rotate(90deg)}.ids-data-table--interactive td,.ids-data-table--interactive th{color:var(--IDS-COLOR-NEUTRAL-20)}.ids-data-table--interactive th:focus,.ids-data-table--interactive tr:focus{outline:2px solid --focus_outline;z-index:2}.ids-data-table--interactive tr:focus:last-child{border-radius:0 0 5px 5px}.ids-data-table--interactive th:focus{outline-offset:-5px}.ids-data-table--interactive tr:focus{outline-offset:-4px}.ids-data-table--interactive tbody tr:hover{box-shadow:0 0 5px #000}.ids-data-table--interactive table:active,.ids-data-table--interactive table:focus,.ids-data-table--interactive table:hover{background-color:var(--table-active_background-color);box-shadow:var(--table-active_box-shadow)}.ids-data-table--interactive tr:hover:last-child{border-radius:0 0 5px 5px}.ids-data-table--interactive.ids-table--s td,.ids-data-table--interactive.ids-table--s th{font-size:.875rem;padding:4px}.ids-data-table--interactive.ids-table--l td,.ids-data-table--interactive.ids-table--l th{font-size:1.125rem;padding:12px}@media (max-width:1024px){.ids-data-table--interactive table{width:100%}}@media (max-width:640px){.ids-data-table--interactive .ids-data-table__col--wide{width:auto}}.ids-data-table--interactive.ids-table--striped tbody tr:nth-child(odd){background-color:var(--table-striped_background-color)}.ids-data-table--interactive.ids-table--bordered table{border:2px solid var(--table-bordered_border-color)}.ids-data-table--interactive.ids-table--bordered td,.ids-data-table--interactive.ids-table--bordered th{border-bottom:2px solid var(--table-bordered_border-color)}.ids-data-table--empty table{border:1px solid var(--data-table-cell_color);border-collapse:separate;border-radius:var(--data-table_border-radius);border-spacing:0;margin:20px auto 50px;overflow:visible;width:100%}.ids-data-table--empty td,.ids-data-table--empty th{border-bottom:1px solid var(--data-table-cell_color);border-right:none;padding:8px;text-align:left;white-space:nowrap}.ids-data-table--empty th{background-color:var(--data-table-head_background-color);border-bottom:2px solid var(--data-table-cell_color);cursor:pointer;font-family:var(--data-table_font-style);font-weight:700}.ids-data-table--empty th:first-child{padding:12px 8px 12px 16px}.ids-data-table--empty th:last-child{padding:12px 16px 12px 8px}.ids-data-table--empty th:not(:first-child):not(:last-child){padding:12px 8px}.ids-data-table--empty tr{border-bottom:1px solid #ddd}.ids-data-table--empty td{padding:1em}.ids-data-table--empty td:last-child,.ids-data-table--empty th:last-child{border-right:none}.ids-data-table--empty .ids-data-table__col--wide{width:30em}.ids-data-table--empty table thead tr:first-child th:first-child{border-top-left-radius:10px}.ids-data-table--empty table thead tr:first-child th:last-child{border-top-right-radius:10px}.ids-data-table--empty table tbody tr:last-child td{border-bottom:none}.ids-data-table--empty table tbody tr:last-child td:first-child{border-bottom-left-radius:10px}.ids-data-table--empty table tbody tr:last-child td:last-child{border-bottom-right-radius:10px}.ids-data-table--empty th ids-icon-arrow,.ids-data-table--empty th ids-icon-swap{cursor:pointer;margin-left:5.5px;transform:rotate(-90deg)}.ids-data-table--empty .ids-icon-arrow-opposite{margin-left:6em;transform:rotate(90deg)}.ids-data-table--empty td,.ids-data-table--empty th{color:var(--IDS-COLOR-NEUTRAL-20)}.ids-data-table--empty .empty-message{text-align:left}.ids-data-table--empty th:focus,.ids-data-table--empty tr:focus{outline:2px solid --focus_outline;z-index:2}.ids-data-table--empty th:focus{outline-offset:-5px}.ids-data-table--empty tr:focus{outline-offset:-1px}.ids-data-table--empty .empty-message:focus{outline:none}.ids-data-table--empty table:active,.ids-data-table--empty table:focus,.ids-data-table--empty table:hover{background-color:var(--table-active_background-color);box-shadow:var(--table-active_box-shadow)}.ids-data-table--empty.ids-table--s td,.ids-data-table--empty.ids-table--s th{font-size:.875rem;padding:4px}.ids-data-table--empty.ids-table--l td,.ids-data-table--empty.ids-table--l th{font-size:1.125rem;padding:12px}@media (max-width:1024px){.ids-data-table--empty table{width:100%}}@media (max-width:640px){.ids-data-table--empty .ids-data-table__col--wide{width:auto}}.ids-data-table--empty.ids-table--striped tbody tr:nth-child(odd){background-color:var(--table-striped_background-color)}.ids-data-table--empty.ids-table--bordered table{border:2px solid var(--table-bordered_border-color)}.ids-data-table--empty.ids-table--bordered td,.ids-data-table--empty.ids-table--bordered th{border-bottom:2px solid var(--table-bordered_border-color)}";
+var css_248z = "@media (max-width:1023px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}.ids-data-table--empty.ids-table--disabled,.ids-data-table--empty[disabled],.ids-data-table--interactive.ids-table--disabled,.ids-data-table--interactive[disabled],.ids-data-table.ids-table--disabled,.ids-data-table[disabled]{background-color:#fff!important;border:var(--table-disabled_border)!important;color:var(--table-disabled_color)!important}.ids-data-table table{background-color:#fff;border:1px solid var(--data-table-cell_color);border-collapse:separate;border-radius:var(--data-table_border-radius);border-spacing:0;margin:20px auto 50px;overflow:visible;width:100%}.ids-data-table td,.ids-data-table th{border-bottom:1px solid var(--data-table-cell_color);border-right:none;padding:8px;text-align:left;white-space:nowrap}.ids-data-table th{background-color:var(--data-table-head_background-color);border-bottom:2px solid var(--data-table-cell_color);cursor:pointer;font-family:var(--data-table_font-style);font-weight:700}.ids-data-table th:first-child{padding:12px 8px 12px 16px}.ids-data-table th:last-child{padding:12px 16px 12px 8px}.ids-data-table th:not(:first-child):not(:last-child){padding:12px 8px}.ids-data-table td:first-child{padding:8px 8px 8px 16px}.ids-data-table td:last-child{padding:8px 16px 8px 8px}.ids-data-table td:not(:first-child):not(:last-child){padding:8px}.ids-data-table tr{border-bottom:1px solid #ddd}.ids-data-table td:last-child,.ids-data-table th:last-child{border-right:none}.ids-data-table .ids-data-table__col--wide{width:30em}.ids-data-table table thead tr:first-child th:first-child{border-top-left-radius:10px}.ids-data-table table thead tr:first-child th:last-child{border-top-right-radius:10px}.ids-data-table table tbody tr:last-child td{border-bottom:none}.ids-data-table table tbody tr:last-child td:first-child{border-bottom-left-radius:10px}.ids-data-table table tbody tr:last-child td:last-child{border-bottom-right-radius:10px}.ids-data-table th ids-icon-arrow,.ids-data-table th ids-icon-swap{cursor:pointer;margin-left:5.5px;transform:rotate(-90deg)}.ids-data-table .ids-icon-arrow-opposite{margin-left:6em;transform:rotate(90deg)}.ids-data-table td,.ids-data-table th{color:var(--IDS-COLOR-NEUTRAL-20)}.ids-data-table th:focus{outline:2px solid --focus_outline;outline-offset:-5px;z-index:2}.ids-data-table tr:focus{outline:none}.ids-data-table table:active,.ids-data-table table:focus,.ids-data-table table:hover{background-color:var(--table-active_background-color);box-shadow:var(--table-active_box-shadow)}.ids-data-table.ids-table--s td,.ids-data-table.ids-table--s th{font-size:.875rem;padding:4px}.ids-data-table.ids-table--l td,.ids-data-table.ids-table--l th{font-size:1.125rem;padding:12px}@media (max-width:1024px){.ids-data-table table{width:100%}}@media (max-width:640px){.ids-data-table .ids-data-table__col--wide{width:auto}}.ids-data-table.ids-table--striped tbody tr:nth-child(odd){background-color:var(--table-striped_background-color)}.ids-data-table.ids-table--bordered table{border:2px solid var(--table-bordered_border-color)}.ids-data-table.ids-table--bordered td,.ids-data-table.ids-table--bordered th{border-bottom:2px solid var(--table-bordered_border-color)}.ids-data-table--interactive table{background-color:#fff;border:1px solid var(--data-table-cell_color);border-collapse:separate;border-radius:var(--data-table_border-radius);border-spacing:0;margin:20px auto 50px;overflow:visible;width:100%}.ids-data-table--interactive td,.ids-data-table--interactive th{border-bottom:1px solid var(--data-table-cell_color);border-right:none;cursor:pointer;padding:8px;text-align:left;white-space:nowrap}.ids-data-table--interactive th{background-color:var(--data-table-head_background-color);border-bottom:2px solid var(--data-table-cell_color);font-family:var(--data-table_font-style);font-weight:700}.ids-data-table--interactive th:first-child{padding:12px 8px 12px 16px}.ids-data-table--interactive th:last-child{padding:12px 16px 12px 8px}.ids-data-table--interactive th:not(:first-child):not(:last-child){padding:12px 8px}.ids-data-table--interactive td:first-child{padding:8px 8px 8px 16px}.ids-data-table--interactive td:last-child{padding:8px 16px 8px 8px}.ids-data-table--interactive td:not(:first-child):not(:last-child){padding:8px}.ids-data-table--interactive tr{border-bottom:1px solid #ddd}.ids-data-table--interactive td:last-child,.ids-data-table--interactive th:last-child{border-right:none}.ids-data-table--interactive .ids-data-table__col--wide{width:30em}.ids-data-table--interactive table thead tr:first-child th:first-child{border-top-left-radius:10px}.ids-data-table--interactive table thead tr:first-child th:last-child{border-top-right-radius:10px}.ids-data-table--interactive table tbody tr:last-child td{border-bottom:none}.ids-data-table--interactive table tbody tr:last-child td:first-child{border-bottom-left-radius:10px}.ids-data-table--interactive table tbody tr:last-child td:last-child{border-bottom-right-radius:10px}.ids-data-table--interactive th ids-icon-arrow,.ids-data-table--interactive th ids-icon-swap{cursor:pointer;margin-left:5.5px;transform:rotate(-90deg)}.ids-data-table--interactive .ids-icon-arrow-opposite{margin-left:6em;transform:rotate(90deg)}.ids-data-table--interactive td,.ids-data-table--interactive th{color:var(--IDS-COLOR-NEUTRAL-20)}.ids-data-table--interactive th:focus,.ids-data-table--interactive tr:focus{outline:2px solid --focus_outline;z-index:2}.ids-data-table--interactive tr:focus:last-child{border-radius:0 0 5px 5px}.ids-data-table--interactive th:focus{outline-offset:-5px}.ids-data-table--interactive tr:focus{outline-offset:-4px}.ids-data-table--interactive tbody tr:hover{box-shadow:0 0 5px #000}.ids-data-table--interactive table:active,.ids-data-table--interactive table:focus,.ids-data-table--interactive table:hover{background-color:var(--table-active_background-color);box-shadow:var(--table-active_box-shadow)}.ids-data-table--interactive tr:hover:last-child{border-radius:0 0 5px 5px}.ids-data-table--interactive.ids-table--s td,.ids-data-table--interactive.ids-table--s th{font-size:.875rem;padding:4px}.ids-data-table--interactive.ids-table--l td,.ids-data-table--interactive.ids-table--l th{font-size:1.125rem;padding:12px}@media (max-width:1024px){.ids-data-table--interactive table{width:100%}}@media (max-width:640px){.ids-data-table--interactive .ids-data-table__col--wide{width:auto}}.ids-data-table--interactive.ids-table--striped tbody tr:nth-child(odd){background-color:var(--table-striped_background-color)}.ids-data-table--interactive.ids-table--bordered table{border:2px solid var(--table-bordered_border-color)}.ids-data-table--interactive.ids-table--bordered td,.ids-data-table--interactive.ids-table--bordered th{border-bottom:2px solid var(--table-bordered_border-color)}.ids-data-table--empty table{background-color:#fff;border:1px solid var(--data-table-cell_color);border-collapse:separate;border-radius:var(--data-table_border-radius);border-spacing:0;margin:20px auto 50px;overflow:visible;width:100%}.ids-data-table--empty td,.ids-data-table--empty th{border-bottom:1px solid var(--data-table-cell_color);border-right:none;padding:8px;text-align:left;white-space:nowrap}.ids-data-table--empty th{background-color:var(--data-table-head_background-color);border-bottom:2px solid var(--data-table-cell_color);cursor:pointer;font-family:var(--data-table_font-style);font-weight:700}.ids-data-table--empty th:first-child{padding:12px 8px 12px 16px}.ids-data-table--empty th:last-child{padding:12px 16px 12px 8px}.ids-data-table--empty th:not(:first-child):not(:last-child){padding:12px 8px}.ids-data-table--empty tr{border-bottom:1px solid #ddd}.ids-data-table--empty td{padding:1em}.ids-data-table--empty td:last-child,.ids-data-table--empty th:last-child{border-right:none}.ids-data-table--empty .ids-data-table__col--wide{width:30em}.ids-data-table--empty table thead tr:first-child th:first-child{border-top-left-radius:10px}.ids-data-table--empty table thead tr:first-child th:last-child{border-top-right-radius:10px}.ids-data-table--empty table tbody tr:last-child td{border-bottom:none}.ids-data-table--empty table tbody tr:last-child td:first-child{border-bottom-left-radius:10px}.ids-data-table--empty table tbody tr:last-child td:last-child{border-bottom-right-radius:10px}.ids-data-table--empty th ids-icon-arrow,.ids-data-table--empty th ids-icon-swap{cursor:pointer;margin-left:5.5px;transform:rotate(-90deg)}.ids-data-table--empty .ids-icon-arrow-opposite{margin-left:6em;transform:rotate(90deg)}.ids-data-table--empty td,.ids-data-table--empty th{color:var(--IDS-COLOR-NEUTRAL-20)}.ids-data-table--empty .empty-message{text-align:left}.ids-data-table--empty th:focus,.ids-data-table--empty tr:focus{outline:2px solid --focus_outline;z-index:2}.ids-data-table--empty th:focus{outline-offset:-5px}.ids-data-table--empty tr:focus{outline-offset:-1px}.ids-data-table--empty .empty-message:focus{outline:none}.ids-data-table--empty table:active,.ids-data-table--empty table:focus,.ids-data-table--empty table:hover{background-color:var(--table-active_background-color);box-shadow:var(--table-active_box-shadow)}.ids-data-table--empty.ids-table--s td,.ids-data-table--empty.ids-table--s th{font-size:.875rem;padding:4px}.ids-data-table--empty.ids-table--l td,.ids-data-table--empty.ids-table--l th{font-size:1.125rem;padding:12px}@media (max-width:1024px){.ids-data-table--empty table{width:100%}}@media (max-width:640px){.ids-data-table--empty .ids-data-table__col--wide{width:auto}}.ids-data-table--empty.ids-table--striped tbody tr:nth-child(odd){background-color:var(--table-striped_background-color)}.ids-data-table--empty.ids-table--bordered table{border:2px solid var(--table-bordered_border-color)}.ids-data-table--empty.ids-table--bordered td,.ids-data-table--empty.ids-table--bordered th{border-bottom:2px solid var(--table-bordered_border-color)}";
 
 var dataTableLit = css`${unsafeCSS(css_248z)}`;
 

package/components/data-table/data-table.css

@@ -18,6 +18,7 @@
 
 .ids-data-table table {
   width: 100%;
+  background-color: white;
   margin: 20px auto 50px;
   border-collapse: separate;
   border-spacing: 0;
@@ -140,6 +141,7 @@
 
 .ids-data-table--interactive table {
   width: 100%;
+  background-color: white;
   margin: 20px auto 50px;
   border-collapse: separate;
   border-spacing: 0;
@@ -271,6 +273,7 @@
 
 .ids-data-table--empty table {
   width: 100%;
+  background-color: white;
   margin: 20px auto 50px;
   border-collapse: separate;
   border-spacing: 0;

package/components/description-list/description-list-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-description-list{border:var(--IDS-DESCRIPTION-LIST__BORDER);border-radius:var(--IDS-DESCRIPTION-LIST__BORDER-RADIUS);display:var(--IDS-DESCRIPTION-LIST__DISPLAY);flex-direction:column;grid-template-columns:40% 60%;margin:0;padding:0;width:100%}.ids-description-list .ids-description-list__term{background-color:var(--IDS-DESCRIPTION-LIST-TERM__BACKGROUND-COLOR);border-bottom:var(--IDS-DESCRIPTION-LIST__BORDER);border-right:var(--IDS-DESCRIPTION-LIST__BORDER);color:var(--IDS-COLOR-NEUTRAL-20);font-family:var(--font-family_1);font-size:16px;font-style:normal;font-weight:700;line-height:24px;overflow-wrap:break-word;padding:var(--IDS-DESCRIPTION-LIST-TERM__PADDING)}.ids-description-list .ids-description-list__term:first-child{border-top-left-radius:var(--IDS-DESCRIPTION-LIST__BORDER-RADIUS)}.ids-description-list .ids-description-list__term:nth-last-child(2){border-bottom:0;border-bottom-left-radius:var(--IDS-DESCRIPTION-LIST__BORDER-RADIUS)}.ids-description-list .ids-description-list__description{border-bottom:var(--IDS-DESCRIPTION-LIST__BORDER);color:var(--IDS-COLOR-NEUTRAL-20);margin-bottom:var(--IDS-DESCRIPTION-LIST-DESCRIPTION__MARGIN-BOTTOM);padding:var(--IDS-DESCRIPTION-LIST-DESCRIPTION__PADDING)}.ids-description-list .ids-description-list__description:first-child{border-top-right-radius:var(--IDS-DESCRIPTION-LIST__BORDER-RADIUS)}.ids-description-list .ids-description-list__description:last-child{border-bottom:0;border-bottom-left-radius:var(--IDS-DESCRIPTION-LIST__BORDER-RADIUS)}.ids-description-list.ids-description-list--column{border:var(--IDS-DESCRIPTION-LIST__BORDER--COLUMN);border-radius:var(--IDS-DESCRIPTION-LIST__BORDER-RADIUS--COLUMN);display:var(--IDS-DESCRIPTION-LIST__DISPLAY--COLUMN)}.ids-description-list.ids-description-list--column .ids-description-list__term{background-color:var(--IDS-DESCRIPTION-LIST-TERM__BACKGROUND-COLOR--COLUMN);border-bottom:var(--IDS-DESCRIPTION-LIST__BORDER--COLUMN);border-right:var(--IDS-DESCRIPTION-LIST__BORDER--COLUMN);padding:var(--IDS-DESCRIPTION-LIST-TERM__PADDING--COLUMN)}.ids-description-list.ids-description-list--column .ids-description-list__term:first-child{border-top-left-radius:var(--IDS-DESCRIPTION-LIST__BORDER-RADIUS--COLUMN)}.ids-description-list.ids-description-list--column .ids-description-list__term:nth-last-child(2){border-bottom:0;border-bottom-left-radius:var(--IDS-DESCRIPTION-LIST__BORDER-RADIUS--COLUMN)}.ids-description-list.ids-description-list--column .ids-description-list__description{border-bottom:var(--IDS-DESCRIPTION-LIST__BORDER--COLUMN);margin-bottom:var(--IDS-DESCRIPTION-LIST-DESCRIPTION__MARGIN-BOTTOM--COLUMN);padding:var(--IDS-DESCRIPTION-LIST-DESCRIPTION__PADDING--COLUMN)}.ids-description-list.ids-description-list--column .ids-description-list__description:first-child{border-top-right-radius:var(--IDS-DESCRIPTION-LIST__BORDER-RADIUS--COLUMN)}.ids-description-list.ids-description-list--column .ids-description-list__description:last-child{border-bottom:0;border-bottom-left-radius:var(--IDS-DESCRIPTION-LIST__BORDER-RADIUS--COLUMN)}@media only screen and (min-width:640px){.ids-description-list{grid-template-columns:25% 75%}}";
+
+var descriptionListLit = css`${unsafeCSS(css_248z)}`;
+
+export { descriptionListLit as default };

package/components/description-list/description-list.css

@@ -0,0 +1,98 @@
+@media (max-width: 1023px) {
+  .ids-desktop {
+    display: none !important;
+  }
+}
+
+@media (min-width: 1024px) {
+  .ids-mobile {
+    display: none !important;
+  }
+}
+
+/* 1177 Typography - no margins */
+/*******
+* FORM
+********/
+/*******
+* Accessibility
+********/
+/* headings */
+.ids-description-list {
+  margin: 0;
+  padding: 0;
+  width: 100%;
+  border: var(--IDS-DESCRIPTION-LIST__BORDER);
+  border-radius: var(--IDS-DESCRIPTION-LIST__BORDER-RADIUS);
+  display: var(--IDS-DESCRIPTION-LIST__DISPLAY);
+  flex-direction: column;
+  grid-template-columns: 40% 60%;
+}
+.ids-description-list .ids-description-list__term {
+  border-right: var(--IDS-DESCRIPTION-LIST__BORDER);
+  border-bottom: var(--IDS-DESCRIPTION-LIST__BORDER);
+  padding: var(--IDS-DESCRIPTION-LIST-TERM__PADDING);
+  background-color: var(--IDS-DESCRIPTION-LIST-TERM__BACKGROUND-COLOR);
+  color: var(--IDS-COLOR-NEUTRAL-20);
+  font-family: var(--font-family_1);
+  font-size: 16px;
+  font-style: normal;
+  font-weight: 700;
+  line-height: 24px;
+  overflow-wrap: break-word;
+}
+.ids-description-list .ids-description-list__term:first-child {
+  border-top-left-radius: var(--IDS-DESCRIPTION-LIST__BORDER-RADIUS);
+}
+.ids-description-list .ids-description-list__term:nth-last-child(2) {
+  border-bottom: 0;
+  border-bottom-left-radius: var(--IDS-DESCRIPTION-LIST__BORDER-RADIUS);
+}
+.ids-description-list .ids-description-list__description {
+  color: var(--IDS-COLOR-NEUTRAL-20);
+  border-bottom: var(--IDS-DESCRIPTION-LIST__BORDER);
+  padding: var(--IDS-DESCRIPTION-LIST-DESCRIPTION__PADDING);
+  margin-bottom: var(--IDS-DESCRIPTION-LIST-DESCRIPTION__MARGIN-BOTTOM);
+}
+.ids-description-list .ids-description-list__description:first-child {
+  border-top-right-radius: var(--IDS-DESCRIPTION-LIST__BORDER-RADIUS);
+}
+.ids-description-list .ids-description-list__description:last-child {
+  border-bottom: 0;
+  border-bottom-left-radius: var(--IDS-DESCRIPTION-LIST__BORDER-RADIUS);
+}
+.ids-description-list.ids-description-list--column {
+  border: var(--IDS-DESCRIPTION-LIST__BORDER--COLUMN);
+  border-radius: var(--IDS-DESCRIPTION-LIST__BORDER-RADIUS--COLUMN);
+  display: var(--IDS-DESCRIPTION-LIST__DISPLAY--COLUMN);
+}
+.ids-description-list.ids-description-list--column .ids-description-list__term {
+  border-right: var(--IDS-DESCRIPTION-LIST__BORDER--COLUMN);
+  border-bottom: var(--IDS-DESCRIPTION-LIST__BORDER--COLUMN);
+  padding: var(--IDS-DESCRIPTION-LIST-TERM__PADDING--COLUMN);
+  background-color: var(--IDS-DESCRIPTION-LIST-TERM__BACKGROUND-COLOR--COLUMN);
+}
+.ids-description-list.ids-description-list--column .ids-description-list__term:first-child {
+  border-top-left-radius: var(--IDS-DESCRIPTION-LIST__BORDER-RADIUS--COLUMN);
+}
+.ids-description-list.ids-description-list--column .ids-description-list__term:nth-last-child(2) {
+  border-bottom: 0;
+  border-bottom-left-radius: var(--IDS-DESCRIPTION-LIST__BORDER-RADIUS--COLUMN);
+}
+.ids-description-list.ids-description-list--column .ids-description-list__description {
+  border-bottom: var(--IDS-DESCRIPTION-LIST__BORDER--COLUMN);
+  padding: var(--IDS-DESCRIPTION-LIST-DESCRIPTION__PADDING--COLUMN);
+  margin-bottom: var(--IDS-DESCRIPTION-LIST-DESCRIPTION__MARGIN-BOTTOM--COLUMN);
+}
+.ids-description-list.ids-description-list--column .ids-description-list__description:first-child {
+  border-top-right-radius: var(--IDS-DESCRIPTION-LIST__BORDER-RADIUS--COLUMN);
+}
+.ids-description-list.ids-description-list--column .ids-description-list__description:last-child {
+  border-bottom: 0;
+  border-bottom-left-radius: var(--IDS-DESCRIPTION-LIST__BORDER-RADIUS--COLUMN);
+}
+@media only screen and (min-width: 640px) {
+  .ids-description-list {
+    grid-template-columns: 25% 75%;
+  }
+}

package/components/dialog/dialog.css

@@ -42,6 +42,7 @@
 /*******
 * Accessibility
 ********/
+/* headings */
 /* Dialog */
 .ids-dialog {
   display: flex;

package/components/dropdown/dropdown-lit.js

@@ -0,0 +1,9 @@
+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-dropdown{display:block;position:relative}.ids-dropdown__content,:host(ids-dropdown-content){background:#fff;border:1px solid var(--IDS-DROPDOWN__BORDER-COLOR);border-radius:var(--IDS-BORDER-RADIUS);box-shadow:0 0 10px 0 rgba(0,0,0,.3);left:0;padding:8px;position:absolute;top:0}.ids-dropdown__content.ids-dropdown__content--hide,:host(ids-dropdown-content).ids-dropdown__content--hide{display:none}@media (max-width:1024px){.ids-dropdown__content.ids-dropdown__content--mblock,.ids-dropdown__content:host([mblock]),:host(ids-dropdown-content).ids-dropdown__content--mblock,:host(ids-dropdown-content):host([mblock]){width:100%}}@media (max-width:640px){.ids-dropdown__content.ids-dropdown__content--sblock,.ids-dropdown__content:host([sblock]),:host(ids-dropdown-content).ids-dropdown__content--sblock,:host(ids-dropdown-content):host([sblock]){width:100%}}.ids-dropdown__content .ids-dropdown__content__link,:host(ids-dropdown-content) .ids-dropdown__content__link{align-items:center!important;border-radius:var(--IDS-DROPDOWN__LINK__BORDER-RADIUS);color:var(--link-colorpreset-1_color);display:flex!important;font-family:var(--font-family_1)!important;font-size:1rem!important;font-style:normal!important;font-weight:400!important;gap:8px!important;letter-spacing:var(--Font-letter-spacing-body-text,0);line-height:1.5rem!important;outline-color:#fff!important;outline-offset:-4px!important;padding:4px 12px!important;text-decoration:none!important}.ids-dropdown__content .ids-dropdown__content__link .ids-dropdown__content__link-icon,:host(ids-dropdown-content) .ids-dropdown__content__link .ids-dropdown__content__link-icon{display:inherit}.ids-dropdown__content .ids-dropdown__content__link .ids-dropdown__content__link-icon--hover,:host(ids-dropdown-content) .ids-dropdown__content__link .ids-dropdown__content__link-icon--hover{display:none}.ids-dropdown__content .ids-dropdown__content__link.ids-dropdown__content__link--active,.ids-dropdown__content .ids-dropdown__content__link:focus,.ids-dropdown__content .ids-dropdown__content__link:hover,:host(ids-dropdown-content) .ids-dropdown__content__link.ids-dropdown__content__link--active,:host(ids-dropdown-content) .ids-dropdown__content__link:focus,:host(ids-dropdown-content) .ids-dropdown__content__link:hover{background-color:var(--IDS-COLOR-ACCENT-30)!important;color:#fff!important}.ids-dropdown__content .ids-dropdown__content__link.ids-dropdown__content__link--active .ids-dropdown__content__link-icon,.ids-dropdown__content .ids-dropdown__content__link:focus .ids-dropdown__content__link-icon,.ids-dropdown__content .ids-dropdown__content__link:hover .ids-dropdown__content__link-icon,:host(ids-dropdown-content) .ids-dropdown__content__link.ids-dropdown__content__link--active .ids-dropdown__content__link-icon,:host(ids-dropdown-content) .ids-dropdown__content__link:focus .ids-dropdown__content__link-icon,:host(ids-dropdown-content) .ids-dropdown__content__link:hover .ids-dropdown__content__link-icon{display:none}.ids-dropdown__content .ids-dropdown__content__link.ids-dropdown__content__link--active .ids-dropdown__content__link-icon--hover,.ids-dropdown__content .ids-dropdown__content__link:focus .ids-dropdown__content__link-icon--hover,.ids-dropdown__content .ids-dropdown__content__link:hover .ids-dropdown__content__link-icon--hover,:host(ids-dropdown-content) .ids-dropdown__content__link.ids-dropdown__content__link--active .ids-dropdown__content__link-icon--hover,:host(ids-dropdown-content) .ids-dropdown__content__link:focus .ids-dropdown__content__link-icon--hover,:host(ids-dropdown-content) .ids-dropdown__content__link:hover .ids-dropdown__content__link-icon--hover{display:inherit}.ids-dropdown__content ::slotted(a),:host(ids-dropdown-content) ::slotted(a){align-items:center!important;border-radius:var(--IDS-DROPDOWN__LINK__BORDER-RADIUS);color:var(--link-colorpreset-1_color);display:flex!important;font-family:var(--font-family_1)!important;font-size:1rem!important;font-style:normal!important;font-weight:400!important;gap:8px!important;letter-spacing:var(--Font-letter-spacing-body-text,0);line-height:1.5rem!important;outline-color:#fff!important;outline-offset:-4px!important;padding:4px 12px!important;text-decoration:none!important}.ids-dropdown__content ::slotted(a.ids-dropdown__content__link--active),.ids-dropdown__content ::slotted(a:focus),.ids-dropdown__content ::slotted(a:hover),:host(ids-dropdown-content) ::slotted(a.ids-dropdown__content__link--active),:host(ids-dropdown-content) ::slotted(a:focus),:host(ids-dropdown-content) ::slotted(a:hover){background-color:var(--IDS-COLOR-ACCENT-30);color:#fff}";
+
+var dropdownLit = css`
+  ${unsafeCSS(css_248z)}
+`;
+
+export { dropdownLit as default };

package/components/dropdown/dropdown.css

@@ -0,0 +1,118 @@
+@media (max-width: 1023px) {
+  .ids-desktop {
+    display: none !important;
+  }
+}
+
+@media (min-width: 1024px) {
+  .ids-mobile {
+    display: none !important;
+  }
+}
+
+.ids-dropdown {
+  position: relative;
+  display: block;
+}
+
+.ids-dropdown__content,
+:host(ids-dropdown-content) {
+  position: absolute;
+  border-radius: var(--IDS-BORDER-RADIUS);
+  border: 1px solid var(--IDS-DROPDOWN__BORDER-COLOR);
+  background: white;
+  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
+  padding: 8px;
+  left: 0px;
+  top: 0;
+}
+.ids-dropdown__content.ids-dropdown__content--hide,
+:host(ids-dropdown-content).ids-dropdown__content--hide {
+  display: none;
+}
+@media (max-width: 1024px) {
+  .ids-dropdown__content.ids-dropdown__content--mblock, .ids-dropdown__content:host([mblock]),
+  :host(ids-dropdown-content).ids-dropdown__content--mblock,
+  :host(ids-dropdown-content):host([mblock]) {
+    width: 100%;
+  }
+}
+@media (max-width: 640px) {
+  .ids-dropdown__content.ids-dropdown__content--sblock, .ids-dropdown__content:host([sblock]),
+  :host(ids-dropdown-content).ids-dropdown__content--sblock,
+  :host(ids-dropdown-content):host([sblock]) {
+    width: 100%;
+  }
+}
+.ids-dropdown__content .ids-dropdown__content__link,
+:host(ids-dropdown-content) .ids-dropdown__content__link {
+  display: flex !important;
+  border-radius: var(--IDS-DROPDOWN__LINK__BORDER-RADIUS);
+  gap: 8px !important;
+  color: var(--link-colorpreset-1_color);
+  align-items: center !important;
+  font-family: var(--font-family_1) !important;
+  font-size: 1rem !important;
+  font-style: normal !important;
+  font-weight: 400 !important;
+  line-height: 1.5rem !important;
+  letter-spacing: var(--Font-letter-spacing-body-text, 0px);
+  padding: 4px 12px !important;
+  outline-offset: -4px !important;
+  outline-color: white !important;
+  text-decoration: none !important;
+}
+.ids-dropdown__content .ids-dropdown__content__link .ids-dropdown__content__link-icon,
+:host(ids-dropdown-content) .ids-dropdown__content__link .ids-dropdown__content__link-icon {
+  display: inherit;
+}
+.ids-dropdown__content .ids-dropdown__content__link .ids-dropdown__content__link-icon--hover,
+:host(ids-dropdown-content) .ids-dropdown__content__link .ids-dropdown__content__link-icon--hover {
+  display: none;
+}
+.ids-dropdown__content .ids-dropdown__content__link:hover, .ids-dropdown__content .ids-dropdown__content__link:focus, .ids-dropdown__content .ids-dropdown__content__link.ids-dropdown__content__link--active,
+:host(ids-dropdown-content) .ids-dropdown__content__link:hover,
+:host(ids-dropdown-content) .ids-dropdown__content__link:focus,
+:host(ids-dropdown-content) .ids-dropdown__content__link.ids-dropdown__content__link--active {
+  color: white !important;
+  background-color: var(--IDS-COLOR-ACCENT-30) !important;
+}
+.ids-dropdown__content .ids-dropdown__content__link:hover .ids-dropdown__content__link-icon, .ids-dropdown__content .ids-dropdown__content__link:focus .ids-dropdown__content__link-icon, .ids-dropdown__content .ids-dropdown__content__link.ids-dropdown__content__link--active .ids-dropdown__content__link-icon,
+:host(ids-dropdown-content) .ids-dropdown__content__link:hover .ids-dropdown__content__link-icon,
+:host(ids-dropdown-content) .ids-dropdown__content__link:focus .ids-dropdown__content__link-icon,
+:host(ids-dropdown-content) .ids-dropdown__content__link.ids-dropdown__content__link--active .ids-dropdown__content__link-icon {
+  display: none;
+}
+.ids-dropdown__content .ids-dropdown__content__link:hover .ids-dropdown__content__link-icon--hover, .ids-dropdown__content .ids-dropdown__content__link:focus .ids-dropdown__content__link-icon--hover, .ids-dropdown__content .ids-dropdown__content__link.ids-dropdown__content__link--active .ids-dropdown__content__link-icon--hover,
+:host(ids-dropdown-content) .ids-dropdown__content__link:hover .ids-dropdown__content__link-icon--hover,
+:host(ids-dropdown-content) .ids-dropdown__content__link:focus .ids-dropdown__content__link-icon--hover,
+:host(ids-dropdown-content) .ids-dropdown__content__link.ids-dropdown__content__link--active .ids-dropdown__content__link-icon--hover {
+  display: inherit;
+}
+.ids-dropdown__content ::slotted(a),
+:host(ids-dropdown-content) ::slotted(a) {
+  display: flex !important;
+  border-radius: var(--IDS-DROPDOWN__LINK__BORDER-RADIUS);
+  gap: 8px !important;
+  color: var(--link-colorpreset-1_color);
+  align-items: center !important;
+  font-family: var(--font-family_1) !important;
+  font-size: 1rem !important;
+  font-style: normal !important;
+  font-weight: 400 !important;
+  line-height: 1.5rem !important;
+  letter-spacing: var(--Font-letter-spacing-body-text, 0px);
+  padding: 4px 12px !important;
+  outline-offset: -4px !important;
+  outline-color: white !important;
+  text-decoration: none !important;
+}
+.ids-dropdown__content ::slotted(a:hover),
+.ids-dropdown__content ::slotted(a:focus),
+.ids-dropdown__content ::slotted(a.ids-dropdown__content__link--active),
+:host(ids-dropdown-content) ::slotted(a:hover),
+:host(ids-dropdown-content) ::slotted(a:focus),
+:host(ids-dropdown-content) ::slotted(a.ids-dropdown__content__link--active) {
+  color: white;
+  background-color: var(--IDS-COLOR-ACCENT-30);
+}

package/components/expandable/expandable-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-expandable .ids-expandable__icon{align-items:center;background-color:var(--expandable-icon-2-icon);border-radius:50%;display:flex;justify-content:center;min-height:30px;min-width:30px}.ids-expandable{border-bottom:var(--expandable_border-bottom)}.ids-expandable.ids-expandable--borderless{border-bottom:1px solid transparent}.ids-expandable .ids-expandable__button:focus{outline:var(--IDS-FOCUS_OUTLINE);outline-offset:var(--IDS-FOCUS_OUTLINE-OFFSET)!important}.ids-expandable.ids-expandable--expanded.ids-expandable--has-children,.ids-expandable.ids-expandable--inside-card.ids-expandable--has-children,.ids-expandable.ids-expandable--inside-card:not(.ids-expandable--child){border-bottom:none}.ids-expandable.ids-expandable.ids-expandable--variation-2 .ids-expandable__headline{color:var(--expandable-headline-2_color);font-size:24px;font-style:normal;font-weight:400;letter-spacing:1.5px;line-height:34px;text-transform:uppercase}.ids-expandable.ids-expandable--expanded>.ids-expandable__content{display:block}.ids-expandable.ids-expandable--child .ids-expandable__headline{font-size:var(--IDS-EXPANDABLE--CHILD__HEADLINE__FONT-SIZE)}.ids-expandable .ids-expandable__inner{align-items:center;cursor:pointer;display:flex;min-height:70px;text-align:start}.ids-expandable .ids-expandable__content{display:none;padding-bottom:20px}.ids-expandable .ids-expandable__headline,.ids-expandable ::slotted([slot=headline]){color:var(--expandable-headline_color);flex-grow:1;font-family:var(--IDS-EXPANDABLE__HEADLINE__FONT-FAMILY);font-size:var(--IDS-EXPANDABLE__HEADLINE__FONT-SIZE);font-weight:var(--IDS-EXPANDABLE__HEADLINE__FONT-WEIGHT);margin:0;padding-bottom:20px;padding-right:10px;padding-top:20px;text-align:start}@media (max-width:1024px){.ids-expandable .ids-expandable__headline,.ids-expandable ::slotted([slot=headline]){font-size:var(--IDS-EXPANDABLE--MOBILE__HEADLINE__FONT-SIZE)}}.ids-expandable.ids-expandable--expanded>.ids-expandable__button>.ids-expandable__inner>.ids-expandable__icon--closed,.ids-expandable.ids-expandable--expanded>.ids-expandable__button>.ids-expandable__inner>.ids-expandable__icon>.ids-expandable__icon--closed,.ids-expandable:not(.ids-expandable--expanded)>.ids-expandable__button>.ids-expandable__inner>.ids-expandable__icon--expanded,.ids-expandable:not(.ids-expandable--expanded)>.ids-expandable__button>.ids-expandable__inner>.ids-expandable__icon>.ids-expandable__icon--expanded{display:none}";
+var css_248z = "@media (max-width:1023px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}.ids-expandable .ids-expandable__icon{align-items:center;background-color:var(--expandable-icon-2-icon);border-radius:50%;display:flex;justify-content:center;min-height:24px;min-width:24px}.ids-expandable{border-bottom:var(--expandable_border-bottom)}.ids-expandable.ids-expandable--borderless{border-bottom:1px solid transparent}.ids-expandable .ids-expandable__button:focus{outline:var(--IDS-FOCUS_OUTLINE);outline-offset:var(--IDS-FOCUS_OUTLINE-OFFSET)!important}.ids-expandable.ids-expandable--expanded.ids-expandable--has-children,.ids-expandable.ids-expandable--inside-card.ids-expandable--has-children,.ids-expandable.ids-expandable--inside-card:not(.ids-expandable--child){border-bottom:none}.ids-expandable.ids-expandable--expanded>.ids-expandable__content{display:block}.ids-expandable.ids-expandable--child .ids-expandable__headline{font-size:var(--IDS-EXPANDABLE--CHILD__HEADLINE__FONT-SIZE)}.ids-expandable .ids-expandable__inner{align-items:center;cursor:pointer;display:flex;min-height:70px;text-align:start}.ids-expandable .ids-expandable__content{display:none;padding-bottom:20px}.ids-expandable .ids-expandable__headline,.ids-expandable ::slotted([slot=headline]){color:var(--expandable-headline_color);flex-grow:1;font-family:var(--IDS-EXPANDABLE__HEADLINE__FONT-FAMILY);font-size:var(--IDS-EXPANDABLE__HEADLINE__FONT-SIZE);font-weight:var(--IDS-EXPANDABLE__HEADLINE__FONT-WEIGHT);margin:0;padding-bottom:20px;padding-right:10px;padding-top:20px;text-align:start}@media (max-width:1024px){.ids-expandable .ids-expandable__headline,.ids-expandable ::slotted([slot=headline]){font-size:var(--IDS-EXPANDABLE--MOBILE__HEADLINE__FONT-SIZE)}}.ids-expandable .ids-expandable__icon .ids-expandable__icon--large{display:none}@media (min-width:640px){.ids-expandable .ids-expandable__icon{min-height:28px;min-width:28px}.ids-expandable .ids-expandable__icon .ids-expandable__icon--small{display:none}.ids-expandable .ids-expandable__icon .ids-expandable__icon--large{display:inline-flex}}.ids-expandable.ids-expandable--expanded>.ids-expandable__button>.ids-expandable__inner>.ids-expandable__icon--closed,.ids-expandable.ids-expandable--expanded>.ids-expandable__button>.ids-expandable__inner>.ids-expandable__icon>.ids-expandable__icon--closed,.ids-expandable:not(.ids-expandable--expanded)>.ids-expandable__button>.ids-expandable__inner>.ids-expandable__icon--expanded,.ids-expandable:not(.ids-expandable--expanded)>.ids-expandable__button>.ids-expandable__inner>.ids-expandable__icon>.ids-expandable__icon--expanded{display:none}";
 
 var expandableLit = css`${unsafeCSS(css_248z)}`;
 

package/components/expandable/expandable.css

@@ -5,6 +5,7 @@
 /*******
 * Accessibility
 ********/
+/* headings */
 @media (max-width: 1023px) {
   .ids-desktop {
     display: none !important;
@@ -20,8 +21,8 @@
 .ids-expandable .ids-expandable__icon {
   background-color: var(--expandable-icon-2-icon);
   border-radius: 50%;
-  min-height: 30px;
-  min-width: 30px;
+  min-height: 24px;
+  min-width: 24px;
   display: flex;
   align-items: center;
   justify-content: center;
@@ -41,15 +42,6 @@
 .ids-expandable.ids-expandable--inside-card.ids-expandable--has-children, .ids-expandable.ids-expandable--inside-card:not(.ids-expandable--child), .ids-expandable.ids-expandable--expanded.ids-expandable--has-children {
   border-bottom: none;
 }
-.ids-expandable.ids-expandable.ids-expandable--variation-2 .ids-expandable__headline {
-  font-style: normal;
-  font-weight: 400;
-  font-size: 24px;
-  line-height: 34px;
-  letter-spacing: 1.5px;
-  text-transform: uppercase;
-  color: var(--expandable-headline-2_color);
-}
 .ids-expandable.ids-expandable--expanded > .ids-expandable__content {
   display: block;
 }
@@ -86,6 +78,21 @@
     font-size: var(--IDS-EXPANDABLE--MOBILE__HEADLINE__FONT-SIZE);
   }
 }
+.ids-expandable .ids-expandable__icon .ids-expandable__icon--large {
+  display: none;
+}
+@media (min-width: 640px) {
+  .ids-expandable .ids-expandable__icon {
+    min-height: 28px;
+    min-width: 28px;
+  }
+  .ids-expandable .ids-expandable__icon .ids-expandable__icon--small {
+    display: none;
+  }
+  .ids-expandable .ids-expandable__icon .ids-expandable__icon--large {
+    display: inline-flex;
+  }
+}
 .ids-expandable:not(.ids-expandable--expanded) > .ids-expandable__button > .ids-expandable__inner > .ids-expandable__icon--expanded, .ids-expandable:not(.ids-expandable--expanded) > .ids-expandable__button > .ids-expandable__inner > .ids-expandable__icon > .ids-expandable__icon--expanded {
   display: none;
 }