@inera/ids-design 5.0.2 → 5.1.0

package/components/button/button-lit.js

@@ -1,7 +0,0 @@
-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 .ids-button.ids-button--disabled,.ids .ids-button.ids-button--secondary.ids-button--disabled,.ids .ids-button.ids-button--secondary[disabled],.ids .ids-button[disabled],.ids button.ids-button.ids-button--disabled,.ids button.ids-button.ids-button--secondary.ids-button--disabled,.ids button.ids-button.ids-button--secondary[disabled],.ids button.ids-button[disabled],.ids-button.ids-button--disabled,.ids-button.ids-button--secondary.ids-button--disabled,.ids-button.ids-button--secondary[disabled],.ids-button[disabled]{background-color:#fff!important;border:var(--btn-disabled_border)!important;color:var(--btn-disabled_color)!important}.ids button.ids-button{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 button.ids-button:focus{outline:var(--IDS-FOCUS_OUTLINE);outline-offset:var(--IDS-FOCUS_OUTLINE-OFFSET)!important}.ids .ids-button,.ids button.ids-button,.ids-button{align-items:center;background-color:var(--btn_background-color);border:var(--btn_border);border-radius:var(--btn_border-radius);box-sizing:border-box;color:#fff;cursor:pointer;display:inline-flex;font-family:var(--btn_font-family);font-size:1rem;font-weight:var(--btn_font-weight);gap:8px;justify-content:center;line-height:22px;min-height:var(--btn-m_height);padding:var(--btn-m_padding);text-align:center;text-transform:uppercase;user-select:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none}.ids .ids-button.ids-button--active,.ids .ids-button:active,.ids .ids-button:focus,.ids .ids-button:hover,.ids button.ids-button.ids-button--active,.ids button.ids-button:active,.ids button.ids-button:focus,.ids button.ids-button:hover,.ids-button.ids-button--active,.ids-button:active,.ids-button:focus,.ids-button:hover{background-color:var(--btn-active_background-color);box-shadow:var(--btn-active_box-shadow)}.ids .ids-button.ids-button--s,.ids button.ids-button.ids-button--s,.ids-button.ids-button--s{font-size:.875rem;min-height:var(--btn-s_height);padding:var(--btn-s_padding)}.ids .ids-button.ids-button--l,.ids button.ids-button.ids-button--l,.ids-button.ids-button--l{font-size:1.125rem;min-height:var(--btn-l_height);padding:var(--btn-l_padding)}.ids .ids-button.ids-button--secondary,.ids button.ids-button.ids-button--secondary,.ids-button.ids-button--secondary{background-color:#fff;border:var(--btn-secondary_border);color:var(--btn-secondary_color);min-height:var(--btn-secondary-m_height);padding:var(--btn-secondary-m_padding)}.ids .ids-button.ids-button--secondary.ids-button--s,.ids button.ids-button.ids-button--secondary.ids-button--s,.ids-button.ids-button--secondary.ids-button--s{min-height:var(--btn-secondary-s_height);padding:var(--btn-secondary-s_padding)}.ids .ids-button.ids-button--secondary.ids-button--l,.ids button.ids-button.ids-button--secondary.ids-button--l,.ids-button.ids-button--secondary.ids-button--l{min-height:var(--btn-secondary-l_height);padding:var(--btn-secondary-l_padding)}.ids .ids-button.ids-button--secondary.ids-button--active,.ids .ids-button.ids-button--secondary:active,.ids .ids-button.ids-button--secondary:focus,.ids .ids-button.ids-button--secondary:hover,.ids button.ids-button.ids-button--secondary.ids-button--active,.ids button.ids-button.ids-button--secondary:active,.ids button.ids-button.ids-button--secondary:focus,.ids button.ids-button.ids-button--secondary:hover,.ids-button.ids-button--secondary.ids-button--active,.ids-button.ids-button--secondary:active,.ids-button.ids-button--secondary:focus,.ids-button.ids-button--secondary:hover{background-color:var(--btn-active_background-color);border:1px solid var(--btn-active_background-color);color:#fff}.ids .ids-button.ids-button--tertiary,.ids button.ids-button.ids-button--tertiary,.ids-button.ids-button--tertiary{background:transparent;border:none;border-radius:0;box-shadow:none;color:var(--btn-tertiary_color);font-family:var(--font-family_2);line-height:22px;text-decoration:underline}.ids .ids-button.ids-button--tertiary.ids-button--active,.ids .ids-button.ids-button--tertiary:active,.ids .ids-button.ids-button--tertiary:focus,.ids .ids-button.ids-button--tertiary:hover,.ids button.ids-button.ids-button--tertiary.ids-button--active,.ids button.ids-button.ids-button--tertiary:active,.ids button.ids-button.ids-button--tertiary:focus,.ids button.ids-button.ids-button--tertiary:hover,.ids-button.ids-button--tertiary.ids-button--active,.ids-button.ids-button--tertiary:active,.ids-button.ids-button--tertiary:focus,.ids-button.ids-button--tertiary:hover{background-color:var(--btn-active_background-color);border-radius:var(--btn_border-radius);color:#fff}.ids .ids-button.ids-button--tertiary.ids-button--disabled,.ids .ids-button.ids-button--tertiary[disabled],.ids button.ids-button.ids-button--tertiary.ids-button--disabled,.ids button.ids-button.ids-button--tertiary[disabled],.ids-button.ids-button--tertiary.ids-button--disabled,.ids-button.ids-button--tertiary[disabled]{border:none!important;color:var(--btn-disabled_color);text-decoration:underline!important;text-decoration:none}.ids .ids-button.ids-button--submit,.ids button.ids-button.ids-button--submit,.ids-button.ids-button--submit{height:3.75em!important}.ids .ids-button.ids-button--fab,.ids .ids-button.ids-button--icon,.ids button.ids-button.ids-button--fab,.ids button.ids-button.ids-button--icon,.ids-button.ids-button--fab,.ids-button.ids-button--icon{border-radius:100%;font-size:20px;font-style:normal;font-weight:400;height:44px!important;justify-content:center;line-height:0px!important;padding:0!important;width:44px}.ids .ids-button.ids-button--fab.ids-button--s,.ids .ids-button.ids-button--icon.ids-button--s,.ids button.ids-button.ids-button--fab.ids-button--s,.ids button.ids-button.ids-button--icon.ids-button--s,.ids-button.ids-button--fab.ids-button--s,.ids-button.ids-button--icon.ids-button--s{height:30px!important;width:30px}.ids .ids-button.ids-button--fab.ids-button--l,.ids .ids-button.ids-button--icon.ids-button--l,.ids button.ids-button.ids-button--fab.ids-button--l,.ids button.ids-button.ids-button--icon.ids-button--l,.ids-button.ids-button--fab.ids-button--l,.ids-button.ids-button--icon.ids-button--l{height:60px!important;width:60px}.ids .ids-button.ids-button--fab,.ids button.ids-button.ids-button--fab,.ids-button.ids-button--fab{background-color:#fff;border:var(--btn-fab_border);filter:drop-shadow(0 0 6px rgba(0,0,0,.3))}.ids .ids-button.ids-button--icon.ids-button--secondary,.ids button.ids-button.ids-button--icon.ids-button--secondary,.ids-button.ids-button--icon.ids-button--secondary{background-color:var(--btn-icon-secondary_background-color)}.ids .ids-button.ids-button--icon.ids-button--active,.ids .ids-button.ids-button--icon:active,.ids .ids-button.ids-button--icon:focus,.ids .ids-button.ids-button--icon:hover,.ids button.ids-button.ids-button--icon.ids-button--active,.ids button.ids-button.ids-button--icon:active,.ids button.ids-button.ids-button--icon:focus,.ids button.ids-button.ids-button--icon:hover,.ids-button.ids-button--icon.ids-button--active,.ids-button.ids-button--icon:active,.ids-button.ids-button--icon:focus,.ids-button.ids-button--icon:hover{background-color:var(--btn-icon-secondary--hover_background-color);color:#fff}.ids .ids-button.ids-button--submit,.ids button.ids-button.ids-button--submit,.ids-button.ids-button--submit{border-radius:var(--btn-submit_border-radius);height:var(--btn-submit_height);line-height:var(--btn-submit_height)}.ids .ids-button.ids-button--search,.ids button.ids-button.ids-button--search,.ids-button.ids-button--search{border-radius:var(--btn-search_border-radius);font-size:var(--btn-search_font-size);height:var(--btn-search_height);padding:0 30px!important}.ids .ids-button.ids-button--search.ids-button--s,.ids button.ids-button.ids-button--search.ids-button--s,.ids-button.ids-button--search.ids-button--s{font-size:var(--btn-search-s_font-size);height:var(--btn-search-s_height)}@media (max-width:1024px){.ids .ids-button.ids-button--search,.ids button.ids-button.ids-button--search,.ids-button.ids-button--search{font-size:var(--btn-search-mobile_font-size)!important;height:var(--btn-search-mobile_height)!important;padding:0 14px!important}}.ids .ids-button.ids-button--block,.ids button.ids-button.ids-button--block,.ids-button.ids-button--block{align-items:center;display:flex;justify-content:center;width:100%}@media (max-width:1024px){.ids .ids-button.ids-button--m-block,.ids button.ids-button.ids-button--m-block,.ids-button.ids-button--m-block{align-items:center;display:flex;justify-content:center;width:100%}}@media (max-width:640px){.ids .ids-button.ids-button--s-block,.ids button.ids-button.ids-button--s-block,.ids-button.ids-button--s-block{align-items:center;display:flex;justify-content:center;width:100%}}.ids .ids-button.ids-button--disabled,.ids .ids-button[disabled],.ids button.ids-button.ids-button--disabled,.ids button.ids-button[disabled],.ids-button.ids-button--disabled,.ids-button[disabled]{pointer-events:none}.ids .ids-button:focus,.ids button.ids-button:focus,.ids-button:focus{outline:var(--IDS-FOCUS_OUTLINE);outline-offset:var(--IDS-FOCUS_OUTLINE-OFFSET)!important}";
-
-var buttonLit = css`${unsafeCSS(css_248z)}`;
-
-export { buttonLit as default };

package/components/button/button.css

@@ -1,308 +0,0 @@
-@media (max-width: 1023px) {
-  .ids-desktop {
-    display: none !important;
-  }
-}
-
-@media (min-width: 1024px) {
-  .ids-mobile {
-    display: none !important;
-  }
-}
-
-/* 1177 Typography - no margins */
-/*******
-* FORM
-********/
-/*******
-* Accessibility
-********/
-.ids .ids-button.ids-button--secondary.ids-button--disabled, .ids .ids-button.ids-button--secondary[disabled],
-.ids-button.ids-button--secondary.ids-button--disabled,
-.ids-button.ids-button--secondary[disabled],
-.ids button.ids-button.ids-button--secondary.ids-button--disabled,
-.ids button.ids-button.ids-button--secondary[disabled], .ids .ids-button.ids-button--disabled, .ids .ids-button[disabled],
-.ids-button.ids-button--disabled,
-.ids-button[disabled],
-.ids button.ids-button.ids-button--disabled,
-.ids button.ids-button[disabled] {
-  color: var(--btn-disabled_color) !important;
-  border: var(--btn-disabled_border) !important;
-  background-color: white !important;
-}
-
-.ids button.ids-button {
-  min-width: 24px;
-  min-height: 24px;
-  background: none;
-  color: inherit;
-  border: none;
-  padding: 0;
-  font: inherit;
-  cursor: pointer;
-  outline: inherit;
-  -moz-user-select: -moz-none;
-  -khtml-user-select: none;
-  -webkit-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-}
-.ids button.ids-button:focus {
-  outline: var(--IDS-FOCUS_OUTLINE);
-  outline-offset: var(--IDS-FOCUS_OUTLINE-OFFSET) !important;
-}
-
-.ids .ids-button,
-.ids-button,
-.ids button.ids-button {
-  text-align: center;
-  background-color: var(--btn_background-color);
-  border: var(--btn_border);
-  border-radius: var(--btn_border-radius);
-  box-sizing: border-box;
-  color: white;
-  cursor: pointer;
-  padding: var(--btn-m_padding);
-  gap: 8px;
-  display: inline-flex;
-  justify-content: center;
-  align-items: center;
-  font-family: var(--btn_font-family);
-  font-weight: var(--btn_font-weight);
-  text-transform: uppercase;
-  user-select: none;
-  -webkit-user-select: none;
-  -khtml-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  font-size: 1rem;
-  min-height: var(--btn-m_height);
-  line-height: 22px;
-}
-.ids .ids-button:hover, .ids .ids-button:active, .ids .ids-button:focus, .ids .ids-button.ids-button--active,
-.ids-button:hover,
-.ids-button:active,
-.ids-button:focus,
-.ids-button.ids-button--active,
-.ids button.ids-button:hover,
-.ids button.ids-button:active,
-.ids button.ids-button:focus,
-.ids button.ids-button.ids-button--active {
-  background-color: var(--btn-active_background-color);
-  box-shadow: var(--btn-active_box-shadow);
-}
-.ids .ids-button.ids-button--s,
-.ids-button.ids-button--s,
-.ids button.ids-button.ids-button--s {
-  font-size: 0.875rem;
-  min-height: var(--btn-s_height);
-  padding: var(--btn-s_padding);
-}
-.ids .ids-button.ids-button--l,
-.ids-button.ids-button--l,
-.ids button.ids-button.ids-button--l {
-  font-size: 1.125rem;
-  min-height: var(--btn-l_height);
-  padding: var(--btn-l_padding);
-}
-.ids .ids-button.ids-button--secondary,
-.ids-button.ids-button--secondary,
-.ids button.ids-button.ids-button--secondary {
-  background-color: white;
-  border: var(--btn-secondary_border);
-  color: var(--btn-secondary_color);
-  min-height: var(--btn-secondary-m_height);
-  padding: var(--btn-secondary-m_padding);
-}
-.ids .ids-button.ids-button--secondary.ids-button--s,
-.ids-button.ids-button--secondary.ids-button--s,
-.ids button.ids-button.ids-button--secondary.ids-button--s {
-  min-height: var(--btn-secondary-s_height);
-  padding: var(--btn-secondary-s_padding);
-}
-.ids .ids-button.ids-button--secondary.ids-button--l,
-.ids-button.ids-button--secondary.ids-button--l,
-.ids button.ids-button.ids-button--secondary.ids-button--l {
-  min-height: var(--btn-secondary-l_height);
-  padding: var(--btn-secondary-l_padding);
-}
-.ids .ids-button.ids-button--secondary.ids-button--active, .ids .ids-button.ids-button--secondary:hover, .ids .ids-button.ids-button--secondary:focus, .ids .ids-button.ids-button--secondary:active,
-.ids-button.ids-button--secondary.ids-button--active,
-.ids-button.ids-button--secondary:hover,
-.ids-button.ids-button--secondary:focus,
-.ids-button.ids-button--secondary:active,
-.ids button.ids-button.ids-button--secondary.ids-button--active,
-.ids button.ids-button.ids-button--secondary:hover,
-.ids button.ids-button.ids-button--secondary:focus,
-.ids button.ids-button.ids-button--secondary:active {
-  background-color: var(--btn-active_background-color);
-  color: white;
-  border: 1px solid var(--btn-active_background-color);
-}
-.ids .ids-button.ids-button--tertiary,
-.ids-button.ids-button--tertiary,
-.ids button.ids-button.ids-button--tertiary {
-  background: transparent;
-  border-radius: 0px;
-  border: none;
-  color: var(--btn-tertiary_color);
-  box-shadow: none;
-  line-height: 22px;
-  font-family: var(--font-family_2);
-  text-decoration: underline;
-}
-.ids .ids-button.ids-button--tertiary.ids-button--active, .ids .ids-button.ids-button--tertiary:hover, .ids .ids-button.ids-button--tertiary:active, .ids .ids-button.ids-button--tertiary:focus,
-.ids-button.ids-button--tertiary.ids-button--active,
-.ids-button.ids-button--tertiary:hover,
-.ids-button.ids-button--tertiary:active,
-.ids-button.ids-button--tertiary:focus,
-.ids button.ids-button.ids-button--tertiary.ids-button--active,
-.ids button.ids-button.ids-button--tertiary:hover,
-.ids button.ids-button.ids-button--tertiary:active,
-.ids button.ids-button.ids-button--tertiary:focus {
-  background-color: var(--btn-active_background-color);
-  color: white;
-  border-radius: var(--btn_border-radius);
-}
-.ids .ids-button.ids-button--tertiary.ids-button--disabled, .ids .ids-button.ids-button--tertiary[disabled],
-.ids-button.ids-button--tertiary.ids-button--disabled,
-.ids-button.ids-button--tertiary[disabled],
-.ids button.ids-button.ids-button--tertiary.ids-button--disabled,
-.ids button.ids-button.ids-button--tertiary[disabled] {
-  border: none !important;
-  text-decoration: underline !important;
-  color: var(--btn-disabled_color);
-  text-decoration: none;
-}
-.ids .ids-button.ids-button--submit,
-.ids-button.ids-button--submit,
-.ids button.ids-button.ids-button--submit {
-  height: 3.75em !important;
-  border-radius: var(--btn-submit_border-radius);
-}
-.ids .ids-button.ids-button--icon, .ids .ids-button.ids-button--fab,
-.ids-button.ids-button--icon,
-.ids-button.ids-button--fab,
-.ids button.ids-button.ids-button--icon,
-.ids button.ids-button.ids-button--fab {
-  width: 44px;
-  height: 44px !important;
-  border-radius: 100%;
-  font-style: normal;
-  font-weight: 400;
-  line-height: 0px !important;
-  font-size: 20px;
-  padding: 0px !important;
-  justify-content: center;
-}
-.ids .ids-button.ids-button--icon.ids-button--s, .ids .ids-button.ids-button--fab.ids-button--s,
-.ids-button.ids-button--icon.ids-button--s,
-.ids-button.ids-button--fab.ids-button--s,
-.ids button.ids-button.ids-button--icon.ids-button--s,
-.ids button.ids-button.ids-button--fab.ids-button--s {
-  width: 30px;
-  height: 30px !important;
-}
-.ids .ids-button.ids-button--icon.ids-button--l, .ids .ids-button.ids-button--fab.ids-button--l,
-.ids-button.ids-button--icon.ids-button--l,
-.ids-button.ids-button--fab.ids-button--l,
-.ids button.ids-button.ids-button--icon.ids-button--l,
-.ids button.ids-button.ids-button--fab.ids-button--l {
-  width: 60px;
-  height: 60px !important;
-}
-.ids .ids-button.ids-button--fab,
-.ids-button.ids-button--fab,
-.ids button.ids-button.ids-button--fab {
-  background-color: white;
-  border: var(--btn-fab_border);
-  filter: drop-shadow(0px 0px 6px rgba(0, 0, 0, 0.3));
-}
-.ids .ids-button.ids-button--icon.ids-button--secondary,
-.ids-button.ids-button--icon.ids-button--secondary,
-.ids button.ids-button.ids-button--icon.ids-button--secondary {
-  background-color: var(--btn-icon-secondary_background-color);
-}
-.ids .ids-button.ids-button--icon.ids-button--active, .ids .ids-button.ids-button--icon:hover, .ids .ids-button.ids-button--icon:active, .ids .ids-button.ids-button--icon:focus,
-.ids-button.ids-button--icon.ids-button--active,
-.ids-button.ids-button--icon:hover,
-.ids-button.ids-button--icon:active,
-.ids-button.ids-button--icon:focus,
-.ids button.ids-button.ids-button--icon.ids-button--active,
-.ids button.ids-button.ids-button--icon:hover,
-.ids button.ids-button.ids-button--icon:active,
-.ids button.ids-button.ids-button--icon:focus {
-  background-color: var(--btn-icon-secondary--hover_background-color);
-  color: white;
-}
-.ids .ids-button.ids-button--submit,
-.ids-button.ids-button--submit,
-.ids button.ids-button.ids-button--submit {
-  height: var(--btn-submit_height);
-  border-radius: var(--btn-submit_border-radius);
-  line-height: var(--btn-submit_height);
-}
-.ids .ids-button.ids-button--search,
-.ids-button.ids-button--search,
-.ids button.ids-button.ids-button--search {
-  height: var(--btn-search_height);
-  padding: 0px 30px !important;
-  font-size: var(--btn-search_font-size);
-  border-radius: var(--btn-search_border-radius);
-}
-.ids .ids-button.ids-button--search.ids-button--s,
-.ids-button.ids-button--search.ids-button--s,
-.ids button.ids-button.ids-button--search.ids-button--s {
-  height: var(--btn-search-s_height);
-  font-size: var(--btn-search-s_font-size);
-}
-@media (max-width: 1024px) {
-  .ids .ids-button.ids-button--search,
-  .ids-button.ids-button--search,
-  .ids button.ids-button.ids-button--search {
-    font-size: var(--btn-search-mobile_font-size) !important;
-    padding: 0px 14px !important;
-    height: var(--btn-search-mobile_height) !important;
-  }
-}
-.ids .ids-button.ids-button--block,
-.ids-button.ids-button--block,
-.ids button.ids-button.ids-button--block {
-  display: flex;
-  width: 100%;
-  align-items: center;
-  justify-content: center;
-}
-@media (max-width: 1024px) {
-  .ids .ids-button.ids-button--m-block,
-  .ids-button.ids-button--m-block,
-  .ids button.ids-button.ids-button--m-block {
-    display: flex;
-    width: 100%;
-    align-items: center;
-    justify-content: center;
-  }
-}
-@media (max-width: 640px) {
-  .ids .ids-button.ids-button--s-block,
-  .ids-button.ids-button--s-block,
-  .ids button.ids-button.ids-button--s-block {
-    display: flex;
-    width: 100%;
-    align-items: center;
-    justify-content: center;
-  }
-}
-.ids .ids-button.ids-button--disabled, .ids .ids-button[disabled],
-.ids-button.ids-button--disabled,
-.ids-button[disabled],
-.ids button.ids-button.ids-button--disabled,
-.ids button.ids-button[disabled] {
-  pointer-events: none;
-}
-.ids .ids-button:focus,
-.ids-button:focus,
-.ids button.ids-button:focus {
-  outline: var(--IDS-FOCUS_OUTLINE);
-  outline-offset: var(--IDS-FOCUS_OUTLINE-OFFSET) !important;
-}

package/components/link/link-lit.js

@@ -1,7 +0,0 @@
-import { css, unsafeCSS } from 'lit';
-
-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)}`;
-
-export { linkLit as default };

package/components/link/link.css

@@ -1,131 +0,0 @@
-/* 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/popover-content/popover-content-lit.js

@@ -1,7 +0,0 @@
-import { css, unsafeCSS } from 'lit';
-
-var css_248z = ":host([visible]){display:block}:host{color:var(--IDS-BASE__FONT-COLOR);display:none;position:absolute;width:max-content}.ids-popover-content{background:#fff;border:1px solid var(--popover_border);border-radius:var(--popover-content_border-radius);box-shadow:0 0 10px rgba(0,0,0,.3);box-sizing:border-box;max-height:260px;padding:20px;position:relative;width:260px;z-index:2}.ids-popover-content ::slotted(*){color:var(--IDS-BASE__FONT-COLOR)}.ids-popover-content .ids-headline-4,.ids-popover-content ::slotted(h3){color:var(--IDS-BASE__FONT-COLOR);font-family:var(--header-4-font-family);font-size:var(--header-4-font-size);font-style:normal;font-weight:var(--header-4-font-weight);letter-spacing:var(--header-4-letter-spacing);line-height:var(--header-4-line-height);margin-bottom:8px!important}.ids-popover-content .ids-popover-content__caret{position:absolute}.ids-popover-content .ids-popover-content__caret.hide{display:none}.ids-popover-content .ids-popover-content__caret.ids-popover-content--top{bottom:-27px;left:50%}.ids-popover-content .ids-popover-content__caret.ids-popover-content--top-left{bottom:-28px;left:2px}.ids-popover-content .ids-popover-content__caret.ids-popover-content--top-right{bottom:-28px;right:2px}.ids-popover-content .ids-popover-content__caret.ids-popover-content--left{right:-28px;top:50%}.ids-popover-content .ids-popover-content__caret.ids-popover-content--left-top{bottom:2px;right:-28px}.ids-popover-content .ids-popover-content__caret.ids-popover-content--left-bottom{right:-28px;top:2px}.ids-popover-content .ids-popover-content__caret.ids-popover-content--right{left:-28px;top:50%}.ids-popover-content .ids-popover-content__caret.ids-popover-content--right-top{bottom:2px;left:-28px}.ids-popover-content .ids-popover-content__caret.ids-popover-content--right-bottom{left:-28px;top:2px}.ids-popover-content .ids-popover-content__caret.ids-popover-content--bottom{left:50%;top:-28px}.ids-popover-content .ids-popover-content__caret.ids-popover-content--bottom-left{left:2px;top:-28px}.ids-popover-content .ids-popover-content__caret.ids-popover-content--bottom-right{right:2px;top:-28px}.ids-popover-content .ids-popover-content__caret-body{background:#fff;display:block;position:absolute;z-index:4}.ids-popover-content .ids-popover-content__caret-body.ids-popover-content--top,.ids-popover-content .ids-popover-content__caret-body.ids-popover-content--top-left,.ids-popover-content .ids-popover-content__caret-body.ids-popover-content--top-right{bottom:0;clip-path:polygon(0 0,50% 100%,100% 0);height:.6rem;transform:translateX(-50%);width:1.2rem}.ids-popover-content .ids-popover-content__caret-body.ids-popover-content--left,.ids-popover-content .ids-popover-content__caret-body.ids-popover-content--left-bottom,.ids-popover-content .ids-popover-content__caret-body.ids-popover-content--left-top{clip-path:polygon(0 0,100% 50%,0 100%);height:1.2rem;right:0;transform:translateY(-50%);width:.6rem}.ids-popover-content .ids-popover-content__caret-body.ids-popover-content--right,.ids-popover-content .ids-popover-content__caret-body.ids-popover-content--right-bottom,.ids-popover-content .ids-popover-content__caret-body.ids-popover-content--right-top{clip-path:polygon(0 50%,100% 0,100% 100%);height:1.2rem;left:0;transform:translateY(-50%);width:.6rem}.ids-popover-content .ids-popover-content__caret-body.ids-popover-content--bottom,.ids-popover-content .ids-popover-content__caret-body.ids-popover-content--bottom-left,.ids-popover-content .ids-popover-content__caret-body.ids-popover-content--bottom-right{clip-path:polygon(0 100%,50% 0,100% 100%);height:.6rem;top:0;transform:translateX(-50%);width:1.2rem}.ids-popover-content .ids-popover-content__caret-border{background-color:var(--popover_border);position:absolute;z-index:1}.ids-popover-content .ids-popover-content__caret-border.ids-popover-content--top,.ids-popover-content .ids-popover-content__caret-border.ids-popover-content--top-left,.ids-popover-content .ids-popover-content__caret-border.ids-popover-content--top-right{background-color:var(--popover_border);bottom:-2px;clip-path:polygon(0 0,50% 100%,100% 0);height:.6rem;transform:translateX(-50%);width:1.2rem}.ids-popover-content .ids-popover-content__caret-border.ids-popover-content--left,.ids-popover-content .ids-popover-content__caret-border.ids-popover-content--left-bottom,.ids-popover-content .ids-popover-content__caret-border.ids-popover-content--left-top{background-color:var(--popover_border);clip-path:polygon(0 0,100% 50%,0 100%);height:1.2rem;right:-2px;transform:translateY(-50%);width:.6rem}.ids-popover-content .ids-popover-content__caret-border.ids-popover-content--right,.ids-popover-content .ids-popover-content__caret-border.ids-popover-content--right-bottom,.ids-popover-content .ids-popover-content__caret-border.ids-popover-content--right-top{background-color:var(--popover_border);clip-path:polygon(0 50%,100% 0,100% 100%);height:1.2rem;left:-2px;transform:translateY(-50%);width:.6rem}.ids-popover-content .ids-popover-content__caret-border.ids-popover-content--bottom,.ids-popover-content .ids-popover-content__caret-border.ids-popover-content--bottom-left,.ids-popover-content .ids-popover-content__caret-border.ids-popover-content--bottom-right{clip-path:polygon(0 100%,50% 0,100% 100%);height:.6rem;top:-2px;transform:translateX(-50%);width:1.2rem}.ids-popover-content .ids-popover-content__caret-shadow{filter:blur(3px);height:0;position:absolute;width:0;z-index:1}.ids-popover-content .ids-popover-content__caret-shadow.ids-popover-content--top,.ids-popover-content .ids-popover-content__caret-shadow.ids-popover-content--top-left,.ids-popover-content .ids-popover-content__caret-shadow.ids-popover-content--top-right{border-left:.625rem solid transparent;border-right:.625rem solid transparent;border-top:.625rem solid rgba(0,0,0,.15);bottom:-7px;transform:translateX(-50%)}.ids-popover-content .ids-popover-content__caret-shadow.ids-popover-content--left,.ids-popover-content .ids-popover-content__caret-shadow.ids-popover-content--left-bottom,.ids-popover-content .ids-popover-content__caret-shadow.ids-popover-content--left-top{border-bottom:.5625rem solid transparent;border-right:.5625rem solid rgba(53,53,53,.15);border-top:.5625rem solid transparent;right:-7px;transform:translateY(-50%)}.ids-popover-content .ids-popover-content__caret-shadow.ids-popover-content--right,.ids-popover-content .ids-popover-content__caret-shadow.ids-popover-content--right-bottom,.ids-popover-content .ids-popover-content__caret-shadow.ids-popover-content--right-top{border-bottom:.5625rem solid transparent;border-right:.5625rem solid rgba(53,53,53,.15);border-top:.5625rem solid transparent;left:-7px;transform:translateY(-50%)}.ids-popover-content .ids-popover-content__caret-shadow.ids-popover-content--bottom,.ids-popover-content .ids-popover-content__caret-shadow.ids-popover-content--bottom-left,.ids-popover-content .ids-popover-content__caret-shadow.ids-popover-content--bottom-right{border-bottom:.625rem solid rgba(0,0,0,.15);border-left:.625rem solid transparent;border-right:.625rem solid transparent;top:-7px;transform:translateX(-50%)}.ids-popover-content .ids-popover-content__inner-wrapper{box-sizing:border-box;display:flex;flex:1 1 auto;flex-direction:row-reverse;flex-wrap:wrap;position:relative;z-index:4}.ids-popover-content .ids-popover-content__close-btn-wrapper{display:block;height:20px;max-width:100%;z-index:1}.ids-popover-content .ids-popover-content__text-wrapper{display:block;flex-basis:0;flex-grow:1;height:100%;height:calc(100% - 20px);margin-right:-17px;max-width:100%;overflow:auto;overflow-x:hidden;padding-right:20px;position:relative;text-align:left;width:100%;width:calc(100% - 20px)}.ids-popover-content .ids-popover-content__text-wrapper:focus{outline:var(--focus_outline);outline-offset:10px}.ids-popover-content .ids-popover-content__text-wrapper::-webkit-scrollbar{margin-left:-20px;position:absolute;width:14px}.ids-popover-content .ids-popover-content__text-wrapper::-webkit-scrollbar-track{background:var(--IDS-SCROLL_BACKGROUND-COLOR);border-radius:10px;margin-bottom:10px;margin-top:35px}.ids-popover-content .ids-popover-content__text-wrapper::-webkit-scrollbar-thumb{background:var(--IDS-SCROLL_COLOR);border-radius:10px}.ids-popover-content .ids-popover-content__text-wrapper::-webkit-scrollbar-thumb:hover{background:#555}.ids-popover-content .ids-popover-content__close-btn{background:none;border:none;color:inherit;cursor:pointer;outline:inherit;padding:0}.ids-popover-content .ids-popover-content__close-btn:focus{outline:var(--IDS-FOCUS_OUTLINE);outline-offset:var(--IDS-FOCUS_OUTLINE-OFFSET)!important}.ids-popover-content .ids-popover-content__close-btn:focus,.ids-popover-content .ids-popover-content__close-icon:focus{outline:var(--focus_outline);outline-offset:var(--focus_outline-offset)}";
-
-var popoverContentLit = css`${unsafeCSS(css_248z)}`;
-
-export { popoverContentLit as default };