@inera/ids-design 4.10.0 → 5.0.0

package/components/header-1177-pro/header-1177-pro.css

@@ -0,0 +1,272 @@
+/* 1177 Typography - no margins */
+/*******
+* FORM
+********/
+/*******
+* Accessibility
+********/
+@media (max-width: 1023px) {
+  .ids-desktop {
+    display: none !important;
+  }
+}
+
+@media (min-width: 1024px) {
+  .ids-mobile {
+    display: none !important;
+  }
+}
+
+header.ids-header-1177-pro {
+  background: white;
+  position: relative;
+  z-index: 1;
+  border-top: 4px solid var(--IDS-COLOR-ACCENT-40);
+}
+header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__container {
+  padding: var(--header-main_padding);
+  position: relative;
+  z-index: 2;
+}
+@media (max-width: 1024px) {
+  header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__container {
+    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
+  }
+}
+header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__container .ids-header-1177-pro__inner {
+  max-width: var(--IDS_MAX-WIDTH);
+  box-sizing: border-box;
+  margin-left: auto;
+  margin-right: auto;
+  width: 100%;
+  height: 7.25rem;
+  position: relative;
+  margin-left: auto;
+  margin-right: auto;
+  align-items: center;
+  display: grid;
+  grid-template-columns: auto auto 1fr;
+}
+@media (max-width: 1024px) {
+  header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__container .ids-header-1177-pro__inner {
+    padding: 0px 20px;
+    grid-template-columns: auto 1fr;
+    height: 3rem;
+  }
+  header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__container .ids-header-1177-pro__inner:has(.ids-header-1177-pro__items) {
+    grid-template-columns: auto 1fr;
+  }
+}
+header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__container .ids-header-1177-pro__inner .ids-header-1177-pro__logo-col {
+  display: grid;
+  align-items: center;
+  grid-template-columns: auto auto;
+}
+header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__container .ids-header-1177-pro__inner .ids-header-1177-pro__logo-col .ids-header-1177-pro__logo {
+  width: 103px;
+  height: 40px;
+  position: relative;
+  align-items: center;
+  justify-content: center;
+  display: flex;
+  margin-left: 20px;
+  margin-right: 24px;
+}
+@media (max-width: 1024px) {
+  header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__container .ids-header-1177-pro__inner .ids-header-1177-pro__logo-col .ids-header-1177-pro__logo {
+    width: 41px;
+    margin-left: 0px;
+    margin-right: 12px;
+  }
+}
+header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__container .ids-header-1177-pro__inner .ids-header-1177-pro__logo-col .ids-header-1177-pro__logo a {
+  display: block;
+}
+header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__container .ids-header-1177-pro__inner .ids-header-1177-pro__logo-col .ids-header-1177-pro__logo a:focus {
+  outline: var(--IDS-FOCUS_OUTLINE);
+  outline-offset: var(--IDS-FOCUS_OUTLINE-OFFSET) !important;
+}
+header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__container .ids-header-1177-pro__inner .ids-header-1177-pro__logo-col .ids-header-1177-pro__logo ::slotted([slot=logo]:focus) {
+  display: block;
+  outline: var(--IDS-FOCUS_OUTLINE) !important;
+  outline-offset: var(--IDS-FOCUS_OUTLINE-OFFSET);
+}
+header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__container .ids-header-1177-pro__inner .ids-header-1177-pro__logo-text {
+  color: var(--IDS-COLOR-ACCENT-30);
+  font-family: var(--font-family_2);
+  font-weight: 700;
+  font-size: 1.25rem;
+  margin-left: 24px;
+  margin-right: 24px;
+  position: relative;
+}
+header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__container .ids-header-1177-pro__inner .ids-header-1177-pro__logo-text::before {
+  left: -24px;
+  content: "";
+  position: absolute;
+  display: block;
+  height: 64px;
+  width: 1px;
+  top: 50%;
+  transform: translateY(-50%);
+  background: var(--IDS-COLOR-ACCENT-30);
+}
+@media (max-width: 1024px) {
+  header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__container .ids-header-1177-pro__inner .ids-header-1177-pro__logo-text::before {
+    height: 32px;
+  }
+}
+header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__container .ids-header-1177-pro__inner .ids-header-1177-pro__logo-text::after {
+  right: -24px;
+  content: "";
+  position: absolute;
+  display: block;
+  height: 64px;
+  width: 1px;
+  top: 50%;
+  transform: translateY(-50%);
+  background: var(--IDS-COLOR-ACCENT-30);
+}
+@media (max-width: 1024px) {
+  header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__container .ids-header-1177-pro__inner .ids-header-1177-pro__logo-text::after {
+    height: 32px;
+  }
+}
+@media (max-width: 1024px) {
+  header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__container .ids-header-1177-pro__inner .ids-header-1177-pro__logo-text {
+    margin-left: 12px;
+    margin-right: 12px;
+    font-size: 0.875rem;
+  }
+  header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__container .ids-header-1177-pro__inner .ids-header-1177-pro__logo-text::before {
+    height: 32px;
+    left: -12px;
+    content: "";
+    position: absolute;
+    display: block;
+    height: 64px;
+    width: 1px;
+    top: 50%;
+    transform: translateY(-50%);
+    background: var(--IDS-COLOR-ACCENT-30);
+  }
+}
+@media (max-width: 1024px) and (max-width: 1024px) {
+  header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__container .ids-header-1177-pro__inner .ids-header-1177-pro__logo-text::before {
+    height: 32px;
+  }
+}
+@media (max-width: 1024px) {
+  header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__container .ids-header-1177-pro__inner .ids-header-1177-pro__logo-text::after {
+    display: none;
+  }
+}
+header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__container .ids-header-1177-pro__inner .ids-header-1177-pro__items {
+  justify-self: end;
+  display: grid;
+  align-items: center;
+  grid-auto-flow: column;
+  gap: 40px;
+  padding-right: 20px;
+}
+@media (max-width: 1024px) {
+  header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__container .ids-header-1177-pro__inner .ids-header-1177-pro__items:not(.ids-header-1177-pro__items__item--mobile) {
+    gap: 0px;
+    margin-right: 0px;
+    padding-right: 0px;
+  }
+}
+@media (max-width: 1024px) {
+  header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) {
+    border-top: 4px solid var(--IDS-COLOR-ACCENT-40);
+    box-shadow: none;
+  }
+}
+header.ids-header-1177-pro.ids-header-1177-pro--unresponsive .ids-header-1177-pro__container {
+  padding: var(--header-main_padding);
+  position: relative;
+  z-index: 2;
+}
+header.ids-header-1177-pro.ids-header-1177-pro--unresponsive .ids-header-1177-pro__container .ids-header-1177-pro__inner {
+  max-width: var(--IDS_MAX-WIDTH);
+  box-sizing: border-box;
+  margin-left: auto;
+  margin-right: auto;
+  width: 100%;
+  height: 7.25rem;
+  position: relative;
+  margin-left: auto;
+  margin-right: auto;
+  align-items: center;
+  display: grid;
+  grid-template-columns: auto auto 1fr;
+}
+header.ids-header-1177-pro.ids-header-1177-pro--unresponsive .ids-header-1177-pro__container .ids-header-1177-pro__inner .ids-header-1177-pro__logo-col {
+  display: grid;
+  align-items: center;
+  grid-template-columns: auto auto;
+}
+header.ids-header-1177-pro.ids-header-1177-pro--unresponsive .ids-header-1177-pro__container .ids-header-1177-pro__inner .ids-header-1177-pro__logo-col .ids-header-1177-pro__logo {
+  width: 103px;
+  height: 40px;
+  position: relative;
+  align-items: center;
+  justify-content: center;
+  display: flex;
+  margin-left: 20px;
+  margin-right: 24px;
+}
+header.ids-header-1177-pro.ids-header-1177-pro--unresponsive .ids-header-1177-pro__container .ids-header-1177-pro__inner .ids-header-1177-pro__logo-col .ids-header-1177-pro__logo a {
+  display: block;
+}
+header.ids-header-1177-pro.ids-header-1177-pro--unresponsive .ids-header-1177-pro__container .ids-header-1177-pro__inner .ids-header-1177-pro__logo-col .ids-header-1177-pro__logo a:focus {
+  outline: var(--IDS-FOCUS_OUTLINE);
+  outline-offset: var(--IDS-FOCUS_OUTLINE-OFFSET) !important;
+}
+header.ids-header-1177-pro.ids-header-1177-pro--unresponsive .ids-header-1177-pro__container .ids-header-1177-pro__inner .ids-header-1177-pro__logo-col .ids-header-1177-pro__logo ::slotted([slot=logo]:focus) {
+  display: block;
+  outline: var(--IDS-FOCUS_OUTLINE) !important;
+  outline-offset: var(--IDS-FOCUS_OUTLINE-OFFSET);
+}
+header.ids-header-1177-pro.ids-header-1177-pro--unresponsive .ids-header-1177-pro__container .ids-header-1177-pro__inner .ids-header-1177-pro__logo-text {
+  color: var(--IDS-COLOR-ACCENT-30);
+  font-family: var(--font-family_2);
+  font-weight: 700;
+  font-size: 1.25rem;
+  margin-left: 24px;
+  margin-right: 24px;
+  position: relative;
+}
+header.ids-header-1177-pro.ids-header-1177-pro--unresponsive .ids-header-1177-pro__container .ids-header-1177-pro__inner .ids-header-1177-pro__logo-text::before {
+  left: -24px;
+  content: "";
+  position: absolute;
+  display: block;
+  height: 64px;
+  width: 1px;
+  top: 50%;
+  transform: translateY(-50%);
+  background: var(--IDS-COLOR-ACCENT-30);
+}
+header.ids-header-1177-pro.ids-header-1177-pro--unresponsive .ids-header-1177-pro__container .ids-header-1177-pro__inner .ids-header-1177-pro__logo-text::after {
+  right: -24px;
+  content: "";
+  position: absolute;
+  display: block;
+  height: 64px;
+  width: 1px;
+  top: 50%;
+  transform: translateY(-50%);
+  background: var(--IDS-COLOR-ACCENT-30);
+}
+header.ids-header-1177-pro.ids-header-1177-pro--unresponsive .ids-header-1177-pro__container .ids-header-1177-pro__inner .ids-header-1177-pro__items {
+  justify-self: end;
+  display: grid;
+  align-items: center;
+  grid-auto-flow: column;
+  gap: 40px;
+  padding-right: 20px;
+}
+header.ids-header-1177-pro.ids-header-1177-pro--fluid .ids-header-1177-pro__container .ids-header-1177-pro__inner {
+  max-width: 100% !important;
+}

package/components/link/link-lit.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("lit").CSSResult;
+export default _default;

package/components/link/link-lit.js

@@ -1,6 +1,6 @@
 import { css, unsafeCSS } from 'lit';
 
-var css_248z = ".ids-link:focus{outline:var(--focus_outline);outline-offset:var(--focus_outline-offset)}.ids-link{align-items:flex-start;color:var(--link-colorpreset-1_color);cursor:pointer;display:inline-flex;gap:10px;line-height:1.5rem;text-decoration-color:var(--link-colorpreset-1_color);text-decoration:none}.ids-link:not(:has(.ids-link__icon)){text-decoration:underline}.ids-link:focus,.ids-link:hover{color:var(--link-colorpreset-1-hover_color);text-decoration:underline}.ids-link:focus .ids-link__icon:has(+.ids-link__icon--hover),.ids-link:hover .ids-link__icon:has(+.ids-link__icon--hover){display:none}.ids-link:focus .ids-link__icon--hover,.ids-link:hover .ids-link__icon--hover{display:inline-flex}.ids-link.ids-link--block{display:flex}.ids-link.ids-link--underlined{text-decoration:underline}.ids-link.ids-link--active-icon .ids-link__icon .ids-link__icon__wrap,.ids-link.ids-link--active-icon .ids-link__icon--hover .ids-link__icon__wrap{align-items:center;border-radius:100%;justify-content:center;padding:3px}.ids-link.ids-link--active-icon:focus-within .ids-link__icon .ids-link__icon__wrap,.ids-link.ids-link--active-icon:hover .ids-link__icon .ids-link__icon__wrap{background-color:var(--link-colorpreset-1-hover_color)}.ids-link.ids-link--active-icon.ids-link--active .ids-link__icon:has(+.ids-link__icon--hover){display:none}.ids-link.ids-link--active-icon.ids-link--active .ids-link__icon--hover{display:inline-flex}.ids-link.ids-link--active-icon.ids-link--active .ids-link__icon .ids-link__icon__wrap{background-color:var(--link-colorpreset-1_color)}.ids-link.ids-link--active-icon .ids-link__icon--hover .ids-link__icon__wrap,.ids-link.ids-link--active-icon.ids-link--active:hover .ids-link__icon .ids-link__icon__wrap{background-color:var(--link-colorpreset-1-hover_color)}.ids-link.ids-link--active-icon.ids-link--color-2 .ids-link__icon .ids-link__icon__wrap,.ids-link.ids-link--active-icon.ids-link--color-2 .ids-link__icon--hover .ids-link__icon__wrap{align-items:center;border-radius:100%;justify-content:center;padding:3px}.ids-link.ids-link--active-icon.ids-link--color-2:focus-within .ids-link__icon .ids-link__icon__wrap,.ids-link.ids-link--active-icon.ids-link--color-2:hover .ids-link__icon .ids-link__icon__wrap{background-color:var(--link-colorpreset-2-hover_color)}.ids-link.ids-link--active-icon.ids-link--color-2.ids-link--active .ids-link__icon:has(+.ids-link__icon--hover){display:none}.ids-link.ids-link--active-icon.ids-link--color-2.ids-link--active .ids-link__icon--hover{display:inline-flex}.ids-link.ids-link--active-icon.ids-link--color-2.ids-link--active .ids-link__icon .ids-link__icon__wrap{background-color:var(--link-colorpreset-2_color)}.ids-link.ids-link--active-icon.ids-link--color-2 .ids-link__icon--hover .ids-link__icon__wrap,.ids-link.ids-link--active-icon.ids-link--color-2.ids-link--active:hover .ids-link__icon .ids-link__icon__wrap{background-color:var(--link-colorpreset-2-hover_color)}.ids-link.ids-link--color-2{color:var(--link-colorpreset-2_color);text-decoration-color:var(--link-colorpreset-2_color)}.ids-link.ids-link--color-2:focus,.ids-link.ids-link--color-2:hover{color:var(--link-colorpreset-2-hover_color);text-decoration-color:var(--link-colorpreset-2-hover_color)}.ids-link.ids-link--light{color:#fff;text-decoration-color:#fff}.ids-link.ids-link--light:focus{outline-color:#fff}.ids-link.ids-link--light:hover{color:#fff}.ids-link .ids-link__icon,.ids-link .ids-link__icon--hover{align-items:center;display:inline-flex;height:1.5rem;justify-content:center}.ids-link .ids-link__text{display:inline}.ids-link .ids-link__text .ids-link__icon,.ids-link .ids-link__text .ids-link__icon--hover{margin-left:5px;margin-right:0}.ids-link .ids-link__icon{display:inline-flex}.ids-link .ids-link__icon--hover{display:none}";
+var css_248z = ".ids-link{align-items:flex-start;color:var(--link-colorpreset-1_color);cursor:pointer;display:inline-flex;font-family:var(--IDS-LINK--FONT-FAMILY);gap:10px;line-height:1.5rem;position:relative;text-decoration-color:var(--link-colorpreset-1_color);text-decoration:none}.ids-link:not(:has(.ids-link__icon)){text-decoration:underline}.ids-link:focus:focus{outline:var(--IDS-FOCUS_OUTLINE);outline-offset:var(--IDS-FOCUS_OUTLINE-OFFSET)!important}.ids-link:focus,.ids-link:hover{color:var(--link-colorpreset-1-hover_color);text-decoration:underline}.ids-link:focus .ids-link__icon:has(+.ids-link__icon--hover),.ids-link:hover .ids-link__icon:has(+.ids-link__icon--hover){display:none}.ids-link:focus .ids-link__icon--hover,.ids-link:hover .ids-link__icon--hover{display:inline-flex}.ids-link.ids-link--block{display:flex}.ids-link.ids-link--underlined{text-decoration:underline}.ids-link.ids-link--active-icon .ids-link__icon .ids-link__icon__wrap,.ids-link.ids-link--active-icon .ids-link__icon--hover .ids-link__icon__wrap{align-items:center;border-radius:100%;justify-content:center;padding:3px}.ids-link.ids-link--active-icon:focus-within .ids-link__icon .ids-link__icon__wrap,.ids-link.ids-link--active-icon:hover .ids-link__icon .ids-link__icon__wrap{background-color:var(--link-colorpreset-1-hover_color)}.ids-link.ids-link--active-icon.ids-link--active .ids-link__icon:has(+.ids-link__icon--hover){display:none}.ids-link.ids-link--active-icon.ids-link--active .ids-link__icon--hover{display:inline-flex}.ids-link.ids-link--active-icon.ids-link--active .ids-link__icon .ids-link__icon__wrap{background-color:var(--link-colorpreset-1_color)}.ids-link.ids-link--active-icon .ids-link__icon--hover .ids-link__icon__wrap,.ids-link.ids-link--active-icon.ids-link--active:hover .ids-link__icon .ids-link__icon__wrap{background-color:var(--link-colorpreset-1-hover_color)}.ids-link.ids-link--active-icon.ids-link--color-2 .ids-link__icon .ids-link__icon__wrap,.ids-link.ids-link--active-icon.ids-link--color-2 .ids-link__icon--hover .ids-link__icon__wrap{align-items:center;border-radius:100%;justify-content:center;padding:3px}.ids-link.ids-link--active-icon.ids-link--color-2:focus-within .ids-link__icon .ids-link__icon__wrap,.ids-link.ids-link--active-icon.ids-link--color-2:hover .ids-link__icon .ids-link__icon__wrap{background-color:var(--link-colorpreset-2-hover_color)}.ids-link.ids-link--active-icon.ids-link--color-2.ids-link--active .ids-link__icon:has(+.ids-link__icon--hover){display:none}.ids-link.ids-link--active-icon.ids-link--color-2.ids-link--active .ids-link__icon--hover{display:inline-flex}.ids-link.ids-link--active-icon.ids-link--color-2.ids-link--active .ids-link__icon .ids-link__icon__wrap{background-color:var(--link-colorpreset-2_color)}.ids-link.ids-link--active-icon.ids-link--color-2 .ids-link__icon--hover .ids-link__icon__wrap,.ids-link.ids-link--active-icon.ids-link--color-2.ids-link--active:hover .ids-link__icon .ids-link__icon__wrap{background-color:var(--link-colorpreset-2-hover_color)}.ids-link.ids-link--color-2{color:var(--link-colorpreset-2_color);text-decoration-color:var(--link-colorpreset-2_color)}.ids-link.ids-link--color-2:focus,.ids-link.ids-link--color-2:hover{color:var(--link-colorpreset-2-hover_color);text-decoration-color:var(--link-colorpreset-2-hover_color)}.ids-link.ids-link--light{color:#fff;text-decoration-color:#fff}.ids-link.ids-link--light:focus{outline-color:#fff}.ids-link.ids-link--light:hover{color:#fff}.ids-link .ids-link__icon,.ids-link .ids-link__icon--hover{align-items:center;display:inline-flex;height:1.5rem;justify-content:center}.ids-link .ids-link__text{display:inline}.ids-link .ids-link__text .ids-link__icon,.ids-link .ids-link__text .ids-link__icon--hover{margin-left:5px;margin-right:0}.ids-link .ids-link__icon{display:inline-flex}.ids-link .ids-link__icon--hover{display:none}";
 
 var linkLit = css`${unsafeCSS(css_248z)}`;
 

package/components/link/link.css

@@ -1 +1,131 @@
-.ids-link:focus{outline:var(--focus_outline);outline-offset:var(--focus_outline-offset)}.ids-link{color:var(--link-colorpreset-1_color);text-decoration-color:var(--link-colorpreset-1_color);line-height:1.5rem;cursor:pointer;display:inline-flex;gap:10px;align-items:flex-start;text-decoration:none}.ids-link:not(:has(.ids-link__icon)){text-decoration:underline}.ids-link:hover,.ids-link:focus{text-decoration:underline;color:var(--link-colorpreset-1-hover_color)}.ids-link:hover .ids-link__icon:has(+.ids-link__icon--hover),.ids-link:focus .ids-link__icon:has(+.ids-link__icon--hover){display:none}.ids-link:hover .ids-link__icon--hover,.ids-link:focus .ids-link__icon--hover{display:inline-flex}.ids-link.ids-link--block{display:flex}.ids-link.ids-link--underlined{text-decoration:underline}.ids-link.ids-link--active-icon .ids-link__icon .ids-link__icon__wrap,.ids-link.ids-link--active-icon .ids-link__icon--hover .ids-link__icon__wrap{border-radius:100%;padding:3px;align-items:center;justify-content:center}.ids-link.ids-link--active-icon:hover .ids-link__icon .ids-link__icon__wrap,.ids-link.ids-link--active-icon:focus-within .ids-link__icon .ids-link__icon__wrap{background-color:var(--link-colorpreset-1-hover_color)}.ids-link.ids-link--active-icon.ids-link--active .ids-link__icon:has(+.ids-link__icon--hover){display:none}.ids-link.ids-link--active-icon.ids-link--active .ids-link__icon--hover{display:inline-flex}.ids-link.ids-link--active-icon.ids-link--active .ids-link__icon .ids-link__icon__wrap{background-color:var(--link-colorpreset-1_color)}.ids-link.ids-link--active-icon.ids-link--active:hover .ids-link__icon .ids-link__icon__wrap{background-color:var(--link-colorpreset-1-hover_color)}.ids-link.ids-link--active-icon .ids-link__icon--hover .ids-link__icon__wrap{background-color:var(--link-colorpreset-1-hover_color)}.ids-link.ids-link--active-icon.ids-link--color-2 .ids-link__icon .ids-link__icon__wrap,.ids-link.ids-link--active-icon.ids-link--color-2 .ids-link__icon--hover .ids-link__icon__wrap{border-radius:100%;padding:3px;align-items:center;justify-content:center}.ids-link.ids-link--active-icon.ids-link--color-2:hover .ids-link__icon .ids-link__icon__wrap,.ids-link.ids-link--active-icon.ids-link--color-2:focus-within .ids-link__icon .ids-link__icon__wrap{background-color:var(--link-colorpreset-2-hover_color)}.ids-link.ids-link--active-icon.ids-link--color-2.ids-link--active .ids-link__icon:has(+.ids-link__icon--hover){display:none}.ids-link.ids-link--active-icon.ids-link--color-2.ids-link--active .ids-link__icon--hover{display:inline-flex}.ids-link.ids-link--active-icon.ids-link--color-2.ids-link--active .ids-link__icon .ids-link__icon__wrap{background-color:var(--link-colorpreset-2_color)}.ids-link.ids-link--active-icon.ids-link--color-2.ids-link--active:hover .ids-link__icon .ids-link__icon__wrap{background-color:var(--link-colorpreset-2-hover_color)}.ids-link.ids-link--active-icon.ids-link--color-2 .ids-link__icon--hover .ids-link__icon__wrap{background-color:var(--link-colorpreset-2-hover_color)}.ids-link.ids-link--color-2{color:var(--link-colorpreset-2_color);text-decoration-color:var(--link-colorpreset-2_color)}.ids-link.ids-link--color-2:hover,.ids-link.ids-link--color-2:focus{color:var(--link-colorpreset-2-hover_color);text-decoration-color:var(--link-colorpreset-2-hover_color)}.ids-link.ids-link--light{color:white;text-decoration-color:white}.ids-link.ids-link--light:focus{outline-color:white}.ids-link.ids-link--light:hover{color:white}.ids-link .ids-link__icon,.ids-link .ids-link__icon--hover{display:inline-flex;justify-content:center;align-items:center;height:1.5rem}.ids-link .ids-link__text{display:inline}.ids-link .ids-link__text .ids-link__icon,.ids-link .ids-link__text .ids-link__icon--hover{margin-right:0px;margin-left:5px}.ids-link .ids-link__icon{display:inline-flex}.ids-link .ids-link__icon--hover{display:none}
+/* 1177 Typography - no margins */
+/*******
+* FORM
+********/
+/*******
+* Accessibility
+********/
+.ids-link {
+  font-family: var(--IDS-LINK--FONT-FAMILY);
+  color: var(--link-colorpreset-1_color);
+  text-decoration-color: var(--link-colorpreset-1_color);
+  line-height: 1.5rem;
+  cursor: pointer;
+  display: inline-flex;
+  gap: 10px;
+  align-items: flex-start;
+  text-decoration: none;
+  position: relative;
+}
+.ids-link:not(:has(.ids-link__icon)) {
+  text-decoration: underline;
+}
+.ids-link:focus:focus {
+  outline: var(--IDS-FOCUS_OUTLINE);
+  outline-offset: var(--IDS-FOCUS_OUTLINE-OFFSET) !important;
+}
+.ids-link:hover, .ids-link:focus {
+  text-decoration: underline;
+  color: var(--link-colorpreset-1-hover_color);
+}
+.ids-link:hover .ids-link__icon:has(+ .ids-link__icon--hover), .ids-link:focus .ids-link__icon:has(+ .ids-link__icon--hover) {
+  display: none;
+}
+.ids-link:hover .ids-link__icon--hover, .ids-link:focus .ids-link__icon--hover {
+  display: inline-flex;
+}
+.ids-link.ids-link--block {
+  display: flex;
+}
+.ids-link.ids-link--underlined {
+  text-decoration: underline;
+}
+.ids-link.ids-link--active-icon .ids-link__icon .ids-link__icon__wrap,
+.ids-link.ids-link--active-icon .ids-link__icon--hover .ids-link__icon__wrap {
+  border-radius: 100%;
+  padding: 3px;
+  align-items: center;
+  justify-content: center;
+}
+.ids-link.ids-link--active-icon:hover .ids-link__icon .ids-link__icon__wrap, .ids-link.ids-link--active-icon:focus-within .ids-link__icon .ids-link__icon__wrap {
+  background-color: var(--link-colorpreset-1-hover_color);
+}
+.ids-link.ids-link--active-icon.ids-link--active .ids-link__icon:has(+ .ids-link__icon--hover) {
+  display: none;
+}
+.ids-link.ids-link--active-icon.ids-link--active .ids-link__icon--hover {
+  display: inline-flex;
+}
+.ids-link.ids-link--active-icon.ids-link--active .ids-link__icon .ids-link__icon__wrap {
+  background-color: var(--link-colorpreset-1_color);
+}
+.ids-link.ids-link--active-icon.ids-link--active:hover .ids-link__icon .ids-link__icon__wrap {
+  background-color: var(--link-colorpreset-1-hover_color);
+}
+.ids-link.ids-link--active-icon .ids-link__icon--hover .ids-link__icon__wrap {
+  background-color: var(--link-colorpreset-1-hover_color);
+}
+.ids-link.ids-link--active-icon.ids-link--color-2 .ids-link__icon .ids-link__icon__wrap,
+.ids-link.ids-link--active-icon.ids-link--color-2 .ids-link__icon--hover .ids-link__icon__wrap {
+  border-radius: 100%;
+  padding: 3px;
+  align-items: center;
+  justify-content: center;
+}
+.ids-link.ids-link--active-icon.ids-link--color-2:hover .ids-link__icon .ids-link__icon__wrap, .ids-link.ids-link--active-icon.ids-link--color-2:focus-within .ids-link__icon .ids-link__icon__wrap {
+  background-color: var(--link-colorpreset-2-hover_color);
+}
+.ids-link.ids-link--active-icon.ids-link--color-2.ids-link--active .ids-link__icon:has(+ .ids-link__icon--hover) {
+  display: none;
+}
+.ids-link.ids-link--active-icon.ids-link--color-2.ids-link--active .ids-link__icon--hover {
+  display: inline-flex;
+}
+.ids-link.ids-link--active-icon.ids-link--color-2.ids-link--active .ids-link__icon .ids-link__icon__wrap {
+  background-color: var(--link-colorpreset-2_color);
+}
+.ids-link.ids-link--active-icon.ids-link--color-2.ids-link--active:hover .ids-link__icon .ids-link__icon__wrap {
+  background-color: var(--link-colorpreset-2-hover_color);
+}
+.ids-link.ids-link--active-icon.ids-link--color-2 .ids-link__icon--hover .ids-link__icon__wrap {
+  background-color: var(--link-colorpreset-2-hover_color);
+}
+.ids-link.ids-link--color-2 {
+  color: var(--link-colorpreset-2_color);
+  text-decoration-color: var(--link-colorpreset-2_color);
+}
+.ids-link.ids-link--color-2:hover, .ids-link.ids-link--color-2:focus {
+  color: var(--link-colorpreset-2-hover_color);
+  text-decoration-color: var(--link-colorpreset-2-hover_color);
+}
+.ids-link.ids-link--light {
+  color: white;
+  text-decoration-color: white;
+}
+.ids-link.ids-link--light:focus {
+  outline-color: white;
+}
+.ids-link.ids-link--light:hover {
+  color: white;
+}
+.ids-link .ids-link__icon,
+.ids-link .ids-link__icon--hover {
+  display: inline-flex;
+  justify-content: center;
+  align-items: center;
+  height: 1.5rem;
+}
+.ids-link .ids-link__text {
+  display: inline;
+}
+.ids-link .ids-link__text .ids-link__icon,
+.ids-link .ids-link__text .ids-link__icon--hover {
+  margin-right: 0px;
+  margin-left: 5px;
+}
+.ids-link .ids-link__icon {
+  display: inline-flex;
+}
+.ids-link .ids-link__icon--hover {
+  display: none;
+}

package/components/list/list-lit.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("lit").CSSResult;
+export default _default;

package/components/list/list-lit.js

@@ -1,6 +1,6 @@
 import { css, unsafeCSS } from 'lit';
 
-var css_248z = ".ids-list{border-top:1px solid var(--list_border);display:flex;flex-direction:column}.ids-list-item{border-bottom:1px solid var(--list_border);color:var(--list_color)!important;display:flex;gap:20px;padding:20px 0;position:relative}.ids-list-item.ids-list-item--interactive:focus-within{outline:var(--focus_outline);outline-offset:var(--focus_outline-offset)}.ids-list-item.ids-list-item--interactive:focus-within .ids-list-item__icon{display:none}.ids-list-item.ids-list-item--interactive:focus-within .ids-list-item__icon--hover{display:flex}.ids-list-item.ids-list-item--interactive:hover{cursor:pointer}.ids-list-item.ids-list-item--interactive:hover .ids-list-item__header,.ids-list-item.ids-list-item--interactive:hover ::slotted([slot=headline]){color:var(--link-colorpreset-1-hover_color)!important;text-decoration:underline!important}.ids-list-item.ids-list-item--interactive:hover .ids-list-item__icon{display:none}.ids-list-item.ids-list-item--interactive:hover .ids-list-item__icon--hover{display:flex}.ids-list-item.ids-list-item--interactive .ids-list-item__header,.ids-list-item.ids-list-item--interactive ::slotted(ids-link){outline:none}.ids-list-item:not(.ids-list-item--interactive) .ids-list-item__header:focus{outline:var(--focus_outline);outline-offset:var(--focus_outline-offset)}.ids-list-item:not(.ids-list-item--interactive) .ids-list-item__header:hover{color:var(--link-colorpreset-1-hover_color)!important;text-decoration:underline!important}.ids-list-item:not(.ids-list-item--interactive) .ids-list-item__header:hover .ids-list-item__icon{display:none}.ids-list-item:not(.ids-list-item--interactive) .ids-list-item__header:hover .ids-list-item__icon--hover{display:flex}.ids-list-item .ids-list-item__header,.ids-list-item ::slotted([slot=headline]),.ids-list-item ::slotted(ids-link){align-items:center!important;color:var(--link-colorpreset-1_color)!important;display:flex!important;font-family:Inter!important;font-size:1.25rem!important;font-style:normal!important;font-weight:700!important;line-height:28px!important;margin-bottom:0!important;margin-top:0!important;text-decoration:none}.ids-list-item .ids-list-item__body{margin-top:15px}.ids-list-item .ids-list-item__icon--hover{display:none}.ids-list-item ::slotted([slot=interactive]){bottom:0!important;left:0!important;opacity:0!important;position:absolute!important;right:0!important;top:0!important}.ids-list-item .ids-icon,.ids-list-item .ids-list-item__icon,.ids-list-item .ids-list-item__icon--hover{margin-right:10px}.ids-list-item .ids-list-item__date{font-family:Open Sans;font-size:.875rem;font-style:normal;font-weight:400;letter-spacing:1px;line-height:19px;text-transform:uppercase}.ids-list-item .date-label-col{padding-right:20px}.ids-list-item__info{color:var(--list-item-info_color);display:block;font-family:Open Sans;font-size:1rem;font-style:italic;font-weight:400;margin-bottom:10px;margin-top:10px}";
+var css_248z = "@media (max-width:1023px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}.ids-list{border-top:1px solid var(--list_border);display:flex;flex-direction:column}.ids-list-item{border-bottom:1px solid var(--list_border);color:var(--list_color)!important;display:flex;gap:20px;padding:20px 0;position:relative}.ids-list-item .ids-list-item__icon--hover{display:none}.ids-list-item .ids-icon,.ids-list-item .ids-list-item__icon,.ids-list-item .ids-list-item__icon--hover{align-self:flex-start;margin-right:8px;margin-top:.525rem}.ids-list-item .ids-list-item__date{font-family:Open Sans;font-size:.875rem;font-style:normal;font-weight:400;letter-spacing:1px;line-height:19px;text-transform:uppercase}.ids-list-item .date-label-col{padding-right:20px}.ids-list-item .ids-list-item__header,.ids-list-item ::slotted([slot=headline]){align-items:center!important;color:var(--link-colorpreset-1_color)!important;cursor:pointer;display:inline-flex!important;font-family:var(--header-3-font-family)!important;font-size:1.375rem!important;font-style:normal!important;font-weight:var(--header-3-font-weight)!important;letter-spacing:var(--header-3-letter-spacing)!important;line-height:1.875rem!important;margin-bottom:0!important;margin-top:0!important;text-decoration:none}.ids-list-item .ids-list-item__body{margin-top:15px}.ids-list-item.ids-list-item--interactive{cursor:pointer}.ids-list-item.ids-list-item--interactive ::slotted([slot=interactive]){bottom:0!important;left:0!important;opacity:0!important;position:absolute!important;right:0!important;top:0!important}.ids-list-item.ids-list-item--interactive:focus-within{outline:var(--focus_outline);outline-offset:var(--focus_outline-offset)}.ids-list-item.ids-list-item--interactive:focus-within .ids-list-item__icon{display:none}.ids-list-item.ids-list-item--interactive:focus-within .ids-list-item__icon--hover{display:flex}.ids-list-item.ids-list-item--interactive:hover .ids-list-item__header,.ids-list-item.ids-list-item--interactive:hover ::slotted([slot=headline]){color:var(--link-colorpreset-1-hover_color)!important;text-decoration:underline!important}.ids-list-item.ids-list-item--interactive:hover .ids-list-item__icon{display:none}.ids-list-item.ids-list-item--interactive:hover .ids-list-item__icon--hover{display:flex}.ids-list-item.ids-list-item--interactive .ids-list-item__header{outline:none}.ids-list-item:not(.ids-list-item--interactive) .ids-list-item__header:focus{outline:var(--focus_outline);outline-offset:var(--focus_outline-offset)}.ids-list-item:not(.ids-list-item--interactive) .ids-list-item__header:hover{color:var(--link-colorpreset-1-hover_color)!important;text-decoration:underline!important}.ids-list-item:not(.ids-list-item--interactive) .ids-list-item__header:hover .ids-list-item__icon{display:none}.ids-list-item:not(.ids-list-item--interactive) .ids-list-item__header:hover .ids-list-item__icon--hover{display:flex}.ids-list-item__info{color:var(--list-item-info_color);display:block;font-family:Open Sans;font-size:1rem;font-style:italic;font-weight:400;margin-bottom:10px;margin-top:10px}";
 
 var listLit = css`${unsafeCSS(css_248z)}`;
 

package/components/list/list.css

@@ -1 +1,134 @@
-.ids-list{border-top:1px solid var(--list_border);display:flex;flex-direction:column}.ids-list-item{padding:20px 0px;display:flex;gap:20px;border-bottom:1px solid var(--list_border);position:relative;color:var(--list_color) !important}.ids-list-item.ids-list-item--interactive:focus-within{outline:var(--focus_outline);outline-offset:var(--focus_outline-offset)}.ids-list-item.ids-list-item--interactive:focus-within .ids-list-item__icon{display:none}.ids-list-item.ids-list-item--interactive:focus-within .ids-list-item__icon--hover{display:flex}.ids-list-item.ids-list-item--interactive:hover{cursor:pointer}.ids-list-item.ids-list-item--interactive:hover .ids-list-item__header,.ids-list-item.ids-list-item--interactive:hover ::slotted([slot=headline]){color:var(--link-colorpreset-1-hover_color) !important;text-decoration:underline !important}.ids-list-item.ids-list-item--interactive:hover .ids-list-item__icon{display:none}.ids-list-item.ids-list-item--interactive:hover .ids-list-item__icon--hover{display:flex}.ids-list-item.ids-list-item--interactive .ids-list-item__header,.ids-list-item.ids-list-item--interactive ::slotted(ids-link){outline:none}.ids-list-item:not(.ids-list-item--interactive) .ids-list-item__header:focus{outline:var(--focus_outline);outline-offset:var(--focus_outline-offset)}.ids-list-item:not(.ids-list-item--interactive) .ids-list-item__header:hover{color:var(--link-colorpreset-1-hover_color) !important;text-decoration:underline !important}.ids-list-item:not(.ids-list-item--interactive) .ids-list-item__header:hover .ids-list-item__icon{display:none}.ids-list-item:not(.ids-list-item--interactive) .ids-list-item__header:hover .ids-list-item__icon--hover{display:flex}.ids-list-item .ids-list-item__header,.ids-list-item ::slotted(ids-link),.ids-list-item ::slotted([slot=headline]){display:flex !important;align-items:center !important;margin-bottom:0px !important;text-decoration:none;font-family:'Inter' !important;font-style:normal !important;font-weight:700 !important;font-size:1.25rem !important;line-height:28px !important;color:var(--link-colorpreset-1_color) !important;margin-top:0px !important}.ids-list-item .ids-list-item__body{margin-top:15px}.ids-list-item .ids-list-item__icon--hover{display:none}.ids-list-item ::slotted([slot="interactive"]){position:absolute !important;left:0px !important;right:0px !important;top:0px !important;bottom:0px !important;opacity:0 !important}.ids-list-item .ids-list-item__icon,.ids-list-item .ids-list-item__icon--hover,.ids-list-item .ids-icon{margin-right:10px}.ids-list-item .ids-list-item__date{font-family:'Open Sans';font-style:normal;font-weight:400;font-size:0.875rem;line-height:19px;letter-spacing:1px;text-transform:uppercase}.ids-list-item .date-label-col{padding-right:20px}.ids-list-item__info{font-family:'Open Sans';font-style:italic;font-weight:400;font-size:1rem;color:var(--list-item-info_color);display:block;margin-bottom:10px;margin-top:10px}
+/* 1177 Typography - no margins */
+/*******
+* FORM
+********/
+/*******
+* Accessibility
+********/
+@media (max-width: 1023px) {
+  .ids-desktop {
+    display: none !important;
+  }
+}
+
+@media (min-width: 1024px) {
+  .ids-mobile {
+    display: none !important;
+  }
+}
+
+.ids-list {
+  border-top: 1px solid var(--list_border);
+  display: flex;
+  flex-direction: column;
+}
+
+.ids-list-item {
+  padding: 20px 0px;
+  display: flex;
+  gap: 20px;
+  border-bottom: 1px solid var(--list_border);
+  position: relative;
+  color: var(--list_color) !important;
+}
+.ids-list-item .ids-list-item__icon--hover {
+  display: none;
+}
+.ids-list-item .ids-list-item__icon,
+.ids-list-item .ids-list-item__icon--hover,
+.ids-list-item .ids-icon {
+  margin-right: 8px;
+  align-self: flex-start;
+  margin-top: 0.525rem;
+}
+.ids-list-item .ids-list-item__date {
+  font-family: "Open Sans";
+  font-style: normal;
+  font-weight: 400;
+  font-size: 0.875rem;
+  line-height: 19px;
+  letter-spacing: 1px;
+  text-transform: uppercase;
+}
+.ids-list-item .date-label-col {
+  padding-right: 20px;
+}
+.ids-list-item .ids-list-item__header,
+.ids-list-item ::slotted([slot=headline]) {
+  cursor: pointer;
+  display: inline-flex !important;
+  align-items: center !important;
+  margin-bottom: 0px !important;
+  text-decoration: none;
+  margin-top: 0px !important;
+  color: var(--link-colorpreset-1_color) !important;
+  font-style: normal !important;
+  font-family: var(--header-3-font-family) !important;
+  font-weight: var(--header-3-font-weight) !important;
+  letter-spacing: var(--header-3-letter-spacing) !important;
+  font-size: 1.375rem !important;
+  line-height: 1.875rem !important;
+}
+.ids-list-item .ids-list-item__body {
+  margin-top: 15px;
+}
+.ids-list-item.ids-list-item--interactive {
+  cursor: pointer;
+}
+.ids-list-item.ids-list-item--interactive ::slotted([slot=interactive]) {
+  position: absolute !important;
+  left: 0px !important;
+  right: 0px !important;
+  top: 0px !important;
+  bottom: 0px !important;
+  opacity: 0 !important;
+}
+.ids-list-item.ids-list-item--interactive:focus-within {
+  outline: var(--focus_outline);
+  outline-offset: var(--focus_outline-offset);
+}
+.ids-list-item.ids-list-item--interactive:focus-within .ids-list-item__icon {
+  display: none;
+}
+.ids-list-item.ids-list-item--interactive:focus-within .ids-list-item__icon--hover {
+  display: flex;
+}
+.ids-list-item.ids-list-item--interactive:hover .ids-list-item__header,
+.ids-list-item.ids-list-item--interactive:hover ::slotted([slot=headline]) {
+  color: var(--link-colorpreset-1-hover_color) !important;
+  text-decoration: underline !important;
+}
+.ids-list-item.ids-list-item--interactive:hover .ids-list-item__icon {
+  display: none;
+}
+.ids-list-item.ids-list-item--interactive:hover .ids-list-item__icon--hover {
+  display: flex;
+}
+.ids-list-item.ids-list-item--interactive .ids-list-item__header {
+  outline: none;
+}
+.ids-list-item:not(.ids-list-item--interactive) .ids-list-item__header:focus {
+  outline: var(--focus_outline);
+  outline-offset: var(--focus_outline-offset);
+}
+.ids-list-item:not(.ids-list-item--interactive) .ids-list-item__header:hover {
+  color: var(--link-colorpreset-1-hover_color) !important;
+  text-decoration: underline !important;
+}
+.ids-list-item:not(.ids-list-item--interactive) .ids-list-item__header:hover .ids-list-item__icon {
+  display: none;
+}
+.ids-list-item:not(.ids-list-item--interactive) .ids-list-item__header:hover .ids-list-item__icon--hover {
+  display: flex;
+}
+
+.ids-list-item__info {
+  font-family: "Open Sans";
+  font-style: italic;
+  font-weight: 400;
+  font-size: 1rem;
+  color: var(--list-item-info_color);
+  display: block;
+  margin-bottom: 10px;
+  margin-top: 10px;
+}

package/components/mobile-menu/mobile-menu-lit.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("lit").CSSResult;
+export default _default;