@inera/ids-design 4.9.1 → 5.0.0

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

@@ -0,0 +1,350 @@
+@media (max-width: 1023px) {
+  .ids-desktop {
+    display: none !important;
+  }
+}
+
+@media (min-width: 1024px) {
+  .ids-mobile {
+    display: none !important;
+  }
+}
+
+.ids-container {
+  max-width: var(--IDS_MAX-WIDTH);
+  display: grid;
+  margin-left: auto;
+  margin-right: auto;
+  padding-left: 20px;
+  padding-right: 20px;
+}
+
+.ids-container.ids-container--gutterless {
+  padding-left: 0px !important;
+  padding-right: 0px !important;
+}
+
+.ids-container.ids-container--fluid {
+  max-width: 100%;
+}
+
+/* 1177 Typography - no margins */
+/*******
+* FORM
+********/
+/*******
+* Accessibility
+********/
+.ids-footer-inera-admin .ids-footer-inera-admin__inner .ids-footer-inera-admin__headline-row .ids-footer-inera-admin__headline--sr {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  white-space: nowrap;
+  border: 0;
+}
+
+.ids-footer-inera-admin .ids-footer-inera-admin__inner .ids-footer-inera-admin__content .ids-footer-inera-admin__link-col.ids-footer-inera-admin__col-size-auto {
+  flex: 0 0 auto;
+  width: auto;
+}
+
+.ids-footer-inera-admin .ids-footer-inera-admin__inner .ids-footer-inera-admin__content .ids-footer-inera-admin__link-col.ids-footer-inera-admin__col-size-1 {
+  flex: 0 0 8.3%;
+  max-width: 8.3%;
+}
+
+.ids-footer-inera-admin .ids-footer-inera-admin__inner .ids-footer-inera-admin__content .ids-footer-inera-admin__link-col.ids-footer-inera-admin__col-size-2 {
+  flex: 0 0 16%;
+  max-width: 16%;
+}
+
+.ids-footer-inera-admin .ids-footer-inera-admin__inner .ids-footer-inera-admin__content .ids-footer-inera-admin__link-col.ids-footer-inera-admin__col-size-3 {
+  flex: 0 0 25%;
+  max-width: 25%;
+}
+
+.ids-footer-inera-admin .ids-footer-inera-admin__inner .ids-footer-inera-admin__content .ids-footer-inera-admin__link-col.ids-footer-inera-admin__col-size-4 {
+  flex: 0 0 33.3%;
+  max-width: 33.3%;
+}
+
+.ids-footer-inera-admin .ids-footer-inera-admin__inner .ids-footer-inera-admin__content .ids-footer-inera-admin__link-col.ids-footer-inera-admin__col-size-5 {
+  flex: 0 0 41.6%;
+  max-width: 41.6%;
+}
+
+.ids-footer-inera-admin .ids-footer-inera-admin__inner .ids-footer-inera-admin__content .ids-footer-inera-admin__link-col.ids-footer-inera-admin__col-size-6 {
+  flex: 0 0 50%;
+  max-width: 50%;
+}
+
+/* Footer inera admin */
+.ids-footer-inera-admin {
+  background-color: var(--footer_background-color);
+  position: relative;
+  margin-top: var(--footer_margin-top);
+  box-shadow: var(--footer_box-shadow);
+}
+.ids-footer-inera-admin .ids-footer-inera-admin__inner {
+  max-width: var(--IDS_MAX-WIDTH);
+  display: grid;
+  margin-left: auto;
+  margin-right: auto;
+  padding-left: 20px;
+  padding-right: 20px;
+  padding-top: var(--footer-inner_padding-top);
+  padding-bottom: var(--footer-inner_padding-bottom);
+}
+@media (max-width: 1024px) {
+  .ids-footer-inera-admin .ids-footer-inera-admin__inner {
+    padding-bottom: var(--footer-inner-mobile_padding-bottom);
+  }
+}
+.ids-footer-inera-admin .ids-footer-inera-admin__inner .ids-footer-inera-admin__headline-row {
+  padding-bottom: 20px;
+}
+.ids-footer-inera-admin .ids-footer-inera-admin__inner .ids-footer-inera-admin__headline-row .ids-footer-inera-admin__headline {
+  display: inline;
+  font-size: 1.5rem;
+  line-height: 1.25;
+  font-size: var(--footer-headline_font-size);
+  line-height: var(--footer-headline_line-height);
+  letter-spacing: var(--footer-headline_letter-spacing);
+  font-weight: var(--footer-headline_font-weight);
+  font-family: var(--footer-headline_font-family);
+  color: var(--footer-headline_color);
+}
+.ids-footer-inera-admin .ids-footer-inera-admin__inner .ids-footer-inera-admin__headline-row .ids-footer-inera-admin__headline .ids-footer-inera-admin__headline--sub {
+  color: var(--footer-headline-sub_color);
+}
+.ids-footer-inera-admin .ids-footer-inera-admin__inner .ids-footer-inera-admin__content {
+  display: flex;
+  flex-wrap: wrap;
+}
+.ids-footer-inera-admin .ids-footer-inera-admin__inner .ids-footer-inera-admin__content .ids-footer-inera-admin__text {
+  color: var(--footer-content_color) !important;
+  flex: 0 0 41.6%;
+  max-width: 41.6%;
+  margin-right: 8.3%;
+}
+@media (max-width: 1024px) {
+  .ids-footer-inera-admin .ids-footer-inera-admin__inner .ids-footer-inera-admin__content .ids-footer-inera-admin__text {
+    flex: 0 0 100%;
+    max-width: 100%;
+    margin-right: 0%;
+  }
+}
+.ids-footer-inera-admin .ids-footer-inera-admin__inner .ids-footer-inera-admin__content .ids-footer-inera-admin__link-col {
+  flex: 0 0 16%;
+  max-width: 16%;
+}
+.ids-footer-inera-admin .ids-footer-inera-admin__inner .ids-footer-inera-admin__content .ids-footer-inera-admin__link-col.ids-footer-inera-admin__link-col--2 {
+  flex: 0 0 25%;
+  max-width: 25%;
+}
+.ids-footer-inera-admin .ids-footer-inera-admin__inner .ids-footer-inera-admin__content .ids-footer-inera-admin__link-col.ids-footer-inera-admin__link-col--1 {
+  flex: 0 0 50%;
+  max-width: 50%;
+}
+.ids-footer-inera-admin .ids-footer-inera-admin__inner .ids-footer-inera-admin__content .ids-footer-inera-admin__link-col ul {
+  margin: 0px;
+  list-style: none;
+  padding: 0px;
+}
+.ids-footer-inera-admin .ids-footer-inera-admin__inner .ids-footer-inera-admin__content .ids-footer-inera-admin__link-col .ids-link {
+  margin-bottom: 10px !important;
+}
+@media (max-width: 1024px) {
+  .ids-footer-inera-admin .ids-footer-inera-admin__inner .ids-footer-inera-admin__content .ids-footer-inera-admin__link-col {
+    display: none;
+  }
+}
+.ids-footer-inera-admin .ids-footer-inera-admin__sub-footer {
+  position: relative;
+  background-color: var(--footer-sub_background-color);
+  border-top: var(--footer-sub_border-top);
+  padding-bottom: var(--footer-sub_padding-bottom);
+  padding-top: var(--footer-sub_padding-top);
+}
+.ids-footer-inera-admin .ids-footer-inera-admin__sub-footer .ids-footer-inera-admin__mobile-menu {
+  display: none;
+}
+@media (max-width: 1024px) {
+  .ids-footer-inera-admin .ids-footer-inera-admin__sub-footer .ids-footer-inera-admin__mobile-menu {
+    display: block;
+  }
+}
+@media (max-width: 1024px) {
+  .ids-footer-inera-admin .ids-footer-inera-admin__sub-footer {
+    background-color: var(--footer-sub-mobile_background-color);
+    padding-top: var(--footer-sub-mobile_padding-top);
+    border-top: none;
+  }
+}
+.ids-footer-inera-admin .ids-footer-inera-admin__sub-footer .ids-footer-inera-admin__sub-footer-container {
+  max-width: var(--IDS_MAX-WIDTH);
+  display: grid;
+  margin-left: auto;
+  margin-right: auto;
+  padding-left: 20px;
+  padding-right: 20px;
+}
+.ids-footer-inera-admin .ids-footer-inera-admin__sub-footer .ids-footer-inera-admin__sub-footer-container .ids-footer-inera-admin_sub-footer-mobile-text {
+  color: var(--footer-sub-mobile_color);
+  padding: 30px 40px 10px;
+  font-size: 0.875rem;
+  text-align: center;
+  line-height: 1.25rem;
+  display: inline-block;
+}
+.ids-footer-inera-admin .ids-footer-inera-admin__sub-footer .ids-footer-inera-admin__sub-footer-container .ids-footer-inera-admin__sub-footer-row {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+@media (max-width: 1024px) {
+  .ids-footer-inera-admin .ids-footer-inera-admin__sub-footer .ids-footer-inera-admin__sub-footer-container .ids-footer-inera-admin__sub-footer-row {
+    align-items: unset;
+    flex-direction: column;
+  }
+}
+.ids-footer-inera-admin .ids-footer-inera-admin__sub-footer .ids-footer-inera-admin__sub-footer-container .ids-footer-inera-admin__sub-footer-row .ids-footer-inera-admin__sub-footer-left {
+  font-size: 0.875rem !important;
+  line-height: 0.875rem !important;
+  color: var(--footer-sub-text_color) !important;
+}
+@media (max-width: 1024px) {
+  .ids-footer-inera-admin .ids-footer-inera-admin__sub-footer .ids-footer-inera-admin__sub-footer-container .ids-footer-inera-admin__sub-footer-row .ids-footer-inera-admin__sub-footer-left {
+    display: none;
+  }
+}
+.ids-footer-inera-admin .ids-footer-inera-admin__sub-footer .ids-footer-inera-admin__sub-footer-container .ids-footer-inera-admin__sub-footer-row .ids-footer-inera-admin__sub-footer-right {
+  text-align: end;
+}
+.ids-footer-inera-admin .ids-footer-inera-admin__sub-footer .ids-footer-inera-admin__sub-footer-container .ids-footer-inera-admin__sub-footer-row .ids-footer-inera-admin__sub-footer-right .ids-link {
+  font-size: 0.875rem;
+  color: var(--footer-sub-text_color);
+  margin-left: 20px !important;
+}
+@media (max-width: 1024px) {
+  .ids-footer-inera-admin .ids-footer-inera-admin__sub-footer .ids-footer-inera-admin__sub-footer-container .ids-footer-inera-admin__sub-footer-row .ids-footer-inera-admin__sub-footer-right {
+    display: none;
+  }
+}
+@media (max-width: 1024px) {
+  .ids-footer-inera-admin .ids-footer-inera-admin__sub-footer .ids-footer-inera-admin__sub-footer-container {
+    height: auto;
+    padding-left: 0px;
+    padding-right: 0px;
+  }
+}
+.ids-footer-inera-admin .ids-footer-inera-admin__content-row {
+  z-index: 1;
+}
+.ids-footer-inera-admin .footer-sub-text {
+  text-align: center;
+}
+.ids-footer-inera-admin .ids-footer-inera-admin__mobile-links {
+  font-size: 0.875rem;
+  display: none;
+  padding-left: 20px;
+  padding-right: 20px;
+  padding-top: 1.25rem;
+  flex-direction: column;
+}
+.ids-footer-inera-admin .ids-footer-inera-admin__mobile-links .ids-link {
+  padding-top: 15px;
+  padding-bottom: 15px;
+}
+@media (max-width: 1024px) {
+  .ids-footer-inera-admin .ids-footer-inera-admin__mobile-links {
+    display: flex;
+  }
+}
+.ids-footer-inera-admin .ids-footer-inera-admin__sub-footer-mobile {
+  display: none;
+}
+@media (max-width: 1024px) {
+  .ids-footer-inera-admin .ids-footer-inera-admin__sub-footer-mobile {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    flex-direction: column;
+    padding-bottom: 1rem;
+    padding-top: 1rem;
+    color: var(--footer-sub-mobile_color);
+    font-size: 0.875rem;
+    text-align: center;
+    line-height: 1.25rem;
+    padding-left: 40px;
+    padding-right: 40px;
+  }
+  .ids-footer-inera-admin .ids-footer-inera-admin__sub-footer-mobile .ids-footer-inera-admin__sub-footer-mobile-text {
+    margin-top: 30px;
+  }
+}
+.ids-footer-inera-admin .ids-footer-inera-admin__inner-wrapper {
+  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='69' viewBox='0 0 140 69' fill='none'%3E%3Cpath d='M0 0C0 37.6907 31.34 68.2449 70 68.2449C108.66 68.2449 140 37.6907 140 0H95.9677C95.9677 13.9821 84.3417 25.3166 70 25.3166C55.6583 25.3166 44.0323 13.9821 44.0323 0H0Z' fill='white'/%3E%3C/svg%3E");
+  background-position-x: calc(50% - 225px);
+  background-repeat: no-repeat;
+}
+@media (max-width: 1024px) {
+  .ids-footer-inera-admin .ids-footer-inera-admin__inner-wrapper {
+    background-position-x: calc(100% - 20px);
+  }
+}
+.ids-footer-inera-admin .sub-footer-container::after {
+  content: none;
+}
+.ids-footer-inera-admin .ids-footer-inera-admin__sub-footer {
+  background-color: var(--IDS-COLOR-PRIMARY-40);
+}
+.ids-footer-inera-admin .ids-footer-inera-admin__sub-footer .sub-footer-container {
+  min-height: 40px;
+}
+.ids-footer-inera-admin .ids-footer-inera-admin__sub-footer .ids-footer-inera-admin__sub-footer__mobile-text {
+  color: var(--footer-sub-mobile_color);
+  padding: 30px 40px 10px 40px;
+  font-size: 0.875rem;
+  text-align: center;
+  line-height: 1.25rem;
+  display: inline-block;
+}
+.ids-footer-inera-admin .ids-footer-inera-admin__sub-footer .ids-footer-inera-admin__sub-footer-container::after {
+  content: " ";
+  display: block;
+  position: absolute;
+  width: 250px;
+  height: 100px;
+  left: calc(50% - 250px);
+  top: -82px;
+  background-repeat: no-repeat;
+  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='82' viewBox='0 0 180 82' fill='none'%3E%3Cpath d='M0 81.6913C0.209931 36.677 40.4238 0.244873 90 0.244873C139.576 0.244873 179.79 36.677 180 81.6913H123.385C123.176 65.0951 108.309 51.7001 90 51.7001C71.6905 51.7001 56.8235 65.0951 56.6148 81.6913H0Z' fill='white'/%3E%3C/svg%3E");
+}
+@media (max-width: 1024px) {
+  .ids-footer-inera-admin .ids-footer-inera-admin__sub-footer .ids-footer-inera-admin__sub-footer-container::after {
+    content: none;
+  }
+}
+.ids-footer-inera-admin .ids-footer-inera-admin__mobile-menu {
+  padding-bottom: 100px;
+  background-color: var(--footer_background-color);
+  position: relative;
+}
+@media (max-width: 1024px) {
+  .ids-footer-inera-admin .ids-footer-inera-admin__mobile-menu::after {
+    content: " ";
+    display: block;
+    position: absolute;
+    width: 154px;
+    height: 77px;
+    left: 20px;
+    bottom: 0px;
+    background-repeat: no-repeat;
+    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='154' height='78' viewBox='0 0 154 78' fill='none'%3E%3Cpath d='M154 77.7737C154 77.7522 154 77.7307 154 77.7092C154 35.2188 119.526 0.773669 77 0.773673C34.474 0.773677 -3.72026e-06 35.2188 -5.63531e-09 77.7092C-3.7567e-09 77.7307 1.52569e-05 77.7522 3.05176e-05 77.7737L48.4356 77.7737C48.4355 77.7522 48.4355 77.7307 48.4355 77.7092C48.4355 61.9466 61.2241 49.1686 77 49.1686C92.7758 49.1686 105.565 61.9466 105.565 77.7092C105.565 77.7307 105.564 77.7522 105.564 77.7737L154 77.7737Z' fill='%23fff'/%3E%3C/svg%3E");
+  }
+}

package/components/form/error-message/error-message-lit.d.ts

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

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

@@ -1 +1,39 @@
-.ids-error-message{background-color:var(--IDS-ERROR-MESSAGE__BACKGROUND-COLOR);border-radius:var(--IDS_BORDER-RADIUS);border:var(--IDS-ERROR-MESSAGE__BORDER);margin-top:var(--IDS-ERROR-MESSAGE__MARGIN-TOP);padding:var(--IDS-ERROR-MESSAGE__PADDING);position:relative;align-items:center;display:none;color:var(--IDS-ERROR-MESSAGE__COLOR);gap:5px}.ids-error-message.ids-error-message--show{display:inline-flex}.ids-error-message::after,.ids-error-message::before{content:"";display:block;width:12px;height:12px;position:absolute;left:41px;transform:rotate(45deg);z-index:9}.ids-error-message::after{background-color:#fff;top:-6px}.ids-error-message::before{background-color:var(--IDS-ERROR-MESSAGE__BORDER-COLOR);top:-7px}.ids-error-message .ids-error-message__icon{min-width:20px;min-height:20px;background-repeat:no-repeat;background-image:var(--IDS-ERROR-MESSAGE__ICON__BACKGROUND-IMAGE)}
+.ids-error-message {
+  background-color: var(--IDS-ERROR-MESSAGE__BACKGROUND-COLOR);
+  border-radius: var(--IDS_BORDER-RADIUS);
+  border: var(--IDS-ERROR-MESSAGE__BORDER);
+  margin-top: var(--IDS-ERROR-MESSAGE__MARGIN-TOP);
+  padding: var(--IDS-ERROR-MESSAGE__PADDING);
+  position: relative;
+  align-items: center;
+  display: none;
+  color: var(--IDS-ERROR-MESSAGE__COLOR);
+  gap: 5px;
+}
+.ids-error-message.ids-error-message--show {
+  display: inline-flex;
+}
+.ids-error-message::after, .ids-error-message::before {
+  content: "";
+  display: block;
+  width: 12px;
+  height: 12px;
+  position: absolute;
+  left: 41px;
+  transform: rotate(45deg);
+  z-index: 9;
+}
+.ids-error-message::after {
+  background-color: #fff;
+  top: -6px;
+}
+.ids-error-message::before {
+  background-color: var(--IDS-ERROR-MESSAGE__BORDER-COLOR);
+  top: -7px;
+}
+.ids-error-message .ids-error-message__icon {
+  min-width: 20px;
+  min-height: 20px;
+  background-repeat: no-repeat;
+  background-image: var(--IDS-ERROR-MESSAGE__ICON__BACKGROUND-IMAGE);
+}

package/components/form/group/group-lit.d.ts

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

package/components/form/group/group.css

@@ -1 +1,19 @@
-.ids-form-group__fieldset{border:none;margin:0px;padding:0px;display:flex;flex-direction:column;gap:10px}.ids-form-group__fieldset.ids-form-group__fieldset--compact{gap:0px}.ids-form-group__fieldset legend{padding:0px;display:inline-flex;font-family:var(--font-family_1);color:var(--IDS-FORM__LABEL__COLOR);gap:10px;margin-bottom:10px}
+.ids-form-group__fieldset {
+  border: none;
+  margin: 0px;
+  padding: 0px;
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+}
+.ids-form-group__fieldset.ids-form-group__fieldset--compact {
+  gap: 0px;
+}
+.ids-form-group__fieldset legend {
+  padding: 0px;
+  display: inline-flex;
+  font-family: var(--font-family_1);
+  color: var(--IDS-FORM__LABEL__COLOR);
+  gap: 10px;
+  margin-bottom: 10px;
+}

package/components/form/range/range-lit.d.ts

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

package/components/form/range/range.css

@@ -1 +1,34 @@
-.ids-range-ticks{display:flex;justify-content:space-between;max-width:100%;margin-left:15px;margin-right:15px;margin-top:25px}.ids-range-ticks.ids-range-tick:first-child{margin-left:-4px}.ids-range-ticks.ids-range-ticks .ids-range-tick:last-child{margin-right:-4px}.ids-range-ticks .ids-range-tick{display:flex;justify-content:center;text-align:center;position:relative;width:1px;font-size:1rem;font-family:var(--font-family_1);color:var(--IDS-RANGE-TICK__COLOR)}.ids-range-ticks .ids-range-tick:before{content:"";position:absolute;width:1px;height:10px;display:block;background-color:var(--IDS-RANGE-TICK-LINE__COLOR);margin:auto;top:-15px}
+.ids-range-ticks {
+  display: flex;
+  justify-content: space-between;
+  max-width: 100%;
+  margin-left: 15px;
+  margin-right: 15px;
+  margin-top: 25px;
+}
+.ids-range-ticks.ids-range-tick:first-child {
+  margin-left: -4px;
+}
+.ids-range-ticks.ids-range-ticks .ids-range-tick:last-child {
+  margin-right: -4px;
+}
+.ids-range-ticks .ids-range-tick {
+  display: flex;
+  justify-content: center;
+  text-align: center;
+  position: relative;
+  width: 1px;
+  font-size: 1rem;
+  font-family: var(--font-family_1);
+  color: var(--IDS-RANGE-TICK__COLOR);
+}
+.ids-range-ticks .ids-range-tick:before {
+  content: "";
+  position: absolute;
+  width: 1px;
+  height: 10px;
+  display: block;
+  background-color: var(--IDS-RANGE-TICK-LINE__COLOR);
+  margin: auto;
+  top: -15px;
+}

package/components/form/select-multiple/select-multiple-lit.d.ts

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

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

@@ -1,6 +1,6 @@
 import { css, unsafeCSS } from 'lit';
 
-var css_248z = ".ids-select:focus{outline:var(--focus_outline);outline-offset:var(--focus_outline-offset)}.ids-select{background:var(--IDS-INPUT_BACKGROUND);border:var(--IDS-INPUT_BORDER);border-radius:var(--IDS-INPUT_BORDER-RADIUS);color:var(--IDS-INPUT_COLOR);display:block;font-family:var(--font-family_1)!important;font-size:16px;padding:.75rem 1.25rem}.ids-select:disabled{background:var(--IDS-INPUT--DISABLED_BACKGROUND-COLOR);background-image:var(--IDS-INPUT--DISABLED_BACKGROUND-IMAGE);border:none}.ids-label-wrapper{align-items:center;display:inline-flex;gap:10px}.ids-select :after,.ids-select-wrapper:after{background-image:var(--IDS-SELECT__CHEVRON-ICON);background-position:50%;background-repeat:no-repeat;bottom:0;content:\"\";display:block;height:100%;pointer-events:none;position:absolute;right:25px;top:0;transform:rotate(90deg);width:12px}.ids-select{-webkit-appearance:none!important;-moz-appearance:none!important;border:var(--select_border);border-bottom:var(--IDS-INPUT_BORDER-BOTTOM);display:inline-block!important;overflow:hidden;padding-right:40px;text-overflow:ellipsis;width:100%!important}.ids-select.ids-input--invalid{background-color:var(--IDS-FORM--INVALID__BACKGROUND-COLOR);background-image:var(--IDS-FORM--INVALID__BACKGROUND-IMAGE);border:none}.ids-select:disabled{background-color:var(--IDS-FORM--DISABLED__BACKGROUND-COLOR)!important;background-image:var(--IDS-FORM--DISABLED__BACKGROUND-IMAGE);border:var(--IDS-FORM-DISABLED_BORDER);color:var(--IDS-FORM--DISABLED__COLOR);font-style:italic!important}.ids-select.ids-input--light{background-color:#fff}.ids-select-wrapper{position:relative}.ids-select-wrapper:has(.ids-input--invalid):after{background-image:var(--IDS-SELECT--INVALID__CHEVRON-ICON)}.ids-select-wrapper:has(.ids-select:disabled):after{background-image:var(--IDS-SELECT--DISABLED__CHEVRON-ICON)}.ids-select{text-align:left}.ids-select-multiple__dropdown__wrapper{position:relative}.ids-select-multiple__dropdown__wrapper .ids-select-multiple__dropdown{background:#fff;border-radius:var(--select-multiple-dropdown_border-radius);box-shadow:0 0 6px rgba(0,0,0,.3);left:0;padding:10px;position:absolute;right:0;z-index:10}.ids-select-multiple__dropdown__wrapper .ids-select-multiple__dropdown.ids-select-multiple__dropdown--hide{display:none}.ids-select-multiple__dropdown__wrapper .ids-select-multiple__dropdown .ids-select-multiple__dropdown__inner{overflow-y:auto}#ids-label-wrapper{align-items:center;display:inline-flex;gap:10px;margin-bottom:5px}.placeholder{color:var(--IDS-FORM__PLACEHOLDER__COLOR)}label{color:var(--IDS-FORM__LABEL__COLOR);font-family:var(--font-family_1)}:host([disabled]) input{background-color:var(--IDS-FORM--DISABLED__BACKGROUND-COLOR)!important;background-image:var(--IDS-FORM--DISABLED__BACKGROUND-IMAGE);border:var(--IDS-FORM-DISABLED_BORDER);color:var(--IDS-FORM--DISABLED__COLOR);font-style:italic!important}";
+var css_248z = ".ids-select{background-color:var(--IDS-INPUT_BACKGROUND);border:var(--IDS-INPUT_BORDER);border-radius:var(--IDS-INPUT_BORDER-RADIUS);color:var(--IDS-INPUT_COLOR);display:block;font-family:var(--font-family_1)!important;font-size:16px;padding:.75rem 1.25rem}.ids-select:disabled{background:var(--IDS-INPUT--DISABLED_BACKGROUND-COLOR);background-image:var(--IDS-INPUT--DISABLED_BACKGROUND-IMAGE);border:1px solid transparent}.ids-label-wrapper{align-items:center;display:inline-flex;gap:10px}.ids-select :after,.ids-select-wrapper:after{background-image:var(--IDS-SELECT__CHEVRON-ICON);background-position:50%;background-repeat:no-repeat;bottom:0;content:\"\";display:block;height:100%;pointer-events:none;position:absolute;right:25px;top:0;transform:rotate(90deg);width:12px}.ids-select.ids-input--invalid{background-color:var(--IDS-FORM--INVALID__BACKGROUND-COLOR);background-image:var(--IDS-FORM--INVALID__BACKGROUND-IMAGE);border:1px solid transparent}.ids-select:disabled{background-color:var(--IDS-FORM--DISABLED__BACKGROUND-COLOR)!important;background-image:var(--IDS-FORM--DISABLED__BACKGROUND-IMAGE);border:var(--IDS-FORM-DISABLED_BORDER);color:var(--IDS-FORM--DISABLED__COLOR);font-style:italic!important}.ids-select{appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;border:var(--select_border);border-bottom:var(--IDS-INPUT_BORDER-BOTTOM);cursor:pointer;display:inline-block!important;overflow:hidden;padding-right:50px!important;text-overflow:ellipsis;width:100%!important}.ids-select.ids-input--light{background-color:#fff}.ids-select:focus{outline:var(--IDS-FOCUS_OUTLINE);outline-offset:var(--IDS-FOCUS_OUTLINE-OFFSET)!important}.ids-select-wrapper{display:flex;position:relative}.ids-select-wrapper:has(.ids-input--invalid):after{background-image:var(--IDS-SELECT--INVALID__CHEVRON-ICON)}.ids-select-wrapper:has(.ids-select:disabled):after{background-image:var(--IDS-SELECT--DISABLED__CHEVRON-ICON)}.ids-select:disabled{cursor:default}.ids-select{text-align:left}.ids-select-multiple__dropdown__wrapper{position:relative}.ids-select-multiple__dropdown__wrapper .ids-select-multiple__dropdown{background:#fff;border-radius:var(--select-multiple-dropdown_border-radius);box-shadow:0 0 6px rgba(0,0,0,.3);left:0;position:absolute;right:0;z-index:10}.ids-select-multiple__dropdown__wrapper .ids-select-multiple__dropdown.ids-select-multiple__dropdown--hide{display:none}.ids-select-multiple__dropdown__wrapper .ids-select-multiple__dropdown .ids-select-multiple__dropdown__inner{overflow-y:auto;padding:10px}#ids-label-wrapper{align-items:center;display:inline-flex;gap:10px;margin-bottom:5px}.placeholder{color:var(--IDS-FORM__PLACEHOLDER__COLOR)}label{color:var(--IDS-FORM__LABEL__COLOR);font-family:var(--font-family_1)}:host([disabled]) input{background-color:var(--IDS-FORM--DISABLED__BACKGROUND-COLOR)!important;background-image:var(--IDS-FORM--DISABLED__BACKGROUND-IMAGE);border:var(--IDS-FORM-DISABLED_BORDER);color:var(--IDS-FORM--DISABLED__COLOR);font-style:italic!important}";
 
 var selectMultipleLit = css`${unsafeCSS(css_248z)}`;
 

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

@@ -1 +1,189 @@
-.ids-select:focus{outline:var(--focus_outline);outline-offset:var(--focus_outline-offset)}.ids-select{font-family:var(--font-family_1) !important;padding:0.75rem 1.25rem;background:var(--IDS-INPUT_BACKGROUND);border:var(--IDS-INPUT_BORDER);border-bottom:var(--IDS-INPUT_BORDER-BOTTOM);border-radius:var(--IDS-INPUT_BORDER-RADIUS);font-size:16px;color:var(--IDS-INPUT_COLOR);display:block}.ids-select:disabled{background:var(--IDS-INPUT--DISABLED_BACKGROUND-COLOR);border:none;background-image:var(--IDS-INPUT--DISABLED_BACKGROUND-IMAGE)}.ids-label-wrapper{display:inline-flex;gap:10px;align-items:center}.ids-select ::after,.ids-select-wrapper::after{content:"";width:12px;height:100%;display:block;position:absolute;transform:rotate(90deg);right:25px;top:0px;bottom:0px;background-position:center;background-repeat:no-repeat;background-image:var(--IDS-SELECT__CHEVRON-ICON);pointer-events:none}.ids-select:focus{outline:var(--focus_outline);outline-offset:var(--focus_outline-offset)}.ids-select{font-family:var(--font-family_1) !important;padding:0.75rem 1.25rem;background:var(--IDS-INPUT_BACKGROUND);border:var(--IDS-INPUT_BORDER);border-bottom:var(--IDS-INPUT_BORDER-BOTTOM);border-radius:var(--IDS-INPUT_BORDER-RADIUS);font-size:16px;color:var(--IDS-INPUT_COLOR);display:block}.ids-select:disabled{background:var(--IDS-INPUT--DISABLED_BACKGROUND-COLOR);border:none;background-image:var(--IDS-INPUT--DISABLED_BACKGROUND-IMAGE)}.ids-label-wrapper{display:inline-flex;gap:10px;align-items:center}.ids-select ::after,.ids-select-wrapper::after{content:"";width:12px;height:100%;display:block;position:absolute;transform:rotate(90deg);right:25px;top:0px;bottom:0px;background-position:center;background-repeat:no-repeat;background-image:var(--IDS-SELECT__CHEVRON-ICON);pointer-events:none}.ids-select{-webkit-appearance:none !important;-moz-appearance:none !important;display:inline-block !important;padding-right:40px;overflow:hidden;text-overflow:ellipsis;border:var(--select_border);border-bottom:var(--IDS-INPUT_BORDER-BOTTOM);width:100% !important}.ids-select.ids-input--invalid{background-color:var(--IDS-FORM--INVALID__BACKGROUND-COLOR);background-image:var(--IDS-FORM--INVALID__BACKGROUND-IMAGE);border:none}.ids-select:disabled{color:var(--IDS-FORM--DISABLED__COLOR);background-color:var(--IDS-FORM--DISABLED__BACKGROUND-COLOR) !important;border:var(--IDS-FORM-DISABLED_BORDER);font-style:italic !important;background-image:var(--IDS-FORM--DISABLED__BACKGROUND-IMAGE)}.ids-select.ids-input--light{background-color:white}.ids-select-wrapper{position:relative}.ids-select-wrapper:has(.ids-input--invalid)::after{background-image:var(--IDS-SELECT--INVALID__CHEVRON-ICON)}.ids-select-wrapper:has(.ids-select:disabled)::after{background-image:var(--IDS-SELECT--DISABLED__CHEVRON-ICON)}.ids-select{text-align:left}.ids-select-multiple__dropdown__wrapper{position:relative}.ids-select-multiple__dropdown__wrapper .ids-select-multiple__dropdown{background:#FFFFFF;box-shadow:0px 0px 6px rgba(0,0,0,0.3);border-radius:var(--select-multiple-dropdown_border-radius);padding:10px;position:absolute;z-index:10;left:0;right:0}.ids-select-multiple__dropdown__wrapper .ids-select-multiple__dropdown.ids-select-multiple__dropdown--hide{display:none}.ids-select-multiple__dropdown__wrapper .ids-select-multiple__dropdown .ids-select-multiple__dropdown__inner{overflow-y:auto}#ids-label-wrapper{display:inline-flex;gap:10px;align-items:center;margin-bottom:5px}.placeholder{color:var(--IDS-FORM__PLACEHOLDER__COLOR)}label{font-family:var(--font-family_1);color:var(--IDS-FORM__LABEL__COLOR)}:host([disabled]) input{color:var(--IDS-FORM--DISABLED__COLOR);background-color:var(--IDS-FORM--DISABLED__BACKGROUND-COLOR) !important;border:var(--IDS-FORM-DISABLED_BORDER);font-style:italic !important;background-image:var(--IDS-FORM--DISABLED__BACKGROUND-IMAGE)}
+/* 1177 Typography - no margins */
+/*******
+* FORM
+********/
+.ids-select {
+  font-family: var(--font-family_1) !important;
+  padding: 0.75rem 1.25rem;
+  background-color: var(--IDS-INPUT_BACKGROUND);
+  border: var(--IDS-INPUT_BORDER);
+  border-bottom: var(--IDS-INPUT_BORDER-BOTTOM);
+  border-radius: var(--IDS-INPUT_BORDER-RADIUS);
+  font-size: 16px;
+  color: var(--IDS-INPUT_COLOR);
+  display: block;
+}
+.ids-select:disabled {
+  background: var(--IDS-INPUT--DISABLED_BACKGROUND-COLOR);
+  border: 1px solid transparent;
+  background-image: var(--IDS-INPUT--DISABLED_BACKGROUND-IMAGE);
+}
+
+.ids-label-wrapper {
+  display: inline-flex;
+  gap: 10px;
+  align-items: center;
+}
+
+.ids-select-wrapper::after, .ids-select ::after {
+  content: "";
+  width: 12px;
+  height: 100%;
+  display: block;
+  position: absolute;
+  transform: rotate(90deg);
+  right: 25px;
+  top: 0px;
+  bottom: 0px;
+  background-position: center;
+  background-repeat: no-repeat;
+  background-image: var(--IDS-SELECT__CHEVRON-ICON);
+  pointer-events: none;
+}
+
+/*******
+* Accessibility
+********/
+/* 1177 Typography - no margins */
+/*******
+* FORM
+********/
+.ids-select {
+  font-family: var(--font-family_1) !important;
+  padding: 0.75rem 1.25rem;
+  background-color: var(--IDS-INPUT_BACKGROUND);
+  border: var(--IDS-INPUT_BORDER);
+  border-bottom: var(--IDS-INPUT_BORDER-BOTTOM);
+  border-radius: var(--IDS-INPUT_BORDER-RADIUS);
+  font-size: 16px;
+  color: var(--IDS-INPUT_COLOR);
+  display: block;
+}
+.ids-select:disabled {
+  background: var(--IDS-INPUT--DISABLED_BACKGROUND-COLOR);
+  border: 1px solid transparent;
+  background-image: var(--IDS-INPUT--DISABLED_BACKGROUND-IMAGE);
+}
+
+.ids-label-wrapper {
+  display: inline-flex;
+  gap: 10px;
+  align-items: center;
+}
+
+.ids-select-wrapper::after, .ids-select ::after {
+  content: "";
+  width: 12px;
+  height: 100%;
+  display: block;
+  position: absolute;
+  transform: rotate(90deg);
+  right: 25px;
+  top: 0px;
+  bottom: 0px;
+  background-position: center;
+  background-repeat: no-repeat;
+  background-image: var(--IDS-SELECT__CHEVRON-ICON);
+  pointer-events: none;
+}
+
+/*******
+* Accessibility
+********/
+.ids-select.ids-input--invalid {
+  background-color: var(--IDS-FORM--INVALID__BACKGROUND-COLOR);
+  background-image: var(--IDS-FORM--INVALID__BACKGROUND-IMAGE);
+  border: 1px solid transparent;
+}
+
+.ids-select:disabled {
+  color: var(--IDS-FORM--DISABLED__COLOR);
+  background-color: var(--IDS-FORM--DISABLED__BACKGROUND-COLOR) !important;
+  border: var(--IDS-FORM-DISABLED_BORDER);
+  font-style: italic !important;
+  background-image: var(--IDS-FORM--DISABLED__BACKGROUND-IMAGE);
+}
+
+.ids-select {
+  cursor: pointer;
+  appearance: none !important;
+  -webkit-appearance: none !important;
+  -moz-appearance: none !important;
+  display: inline-block !important;
+  padding-right: 50px !important;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  border: var(--select_border);
+  border-bottom: var(--IDS-INPUT_BORDER-BOTTOM);
+  width: 100% !important;
+}
+.ids-select.ids-input--light {
+  background-color: white;
+}
+.ids-select:focus {
+  outline: var(--IDS-FOCUS_OUTLINE);
+  outline-offset: var(--IDS-FOCUS_OUTLINE-OFFSET) !important;
+}
+
+.ids-select-wrapper {
+  position: relative;
+  display: flex;
+}
+.ids-select-wrapper:has(.ids-input--invalid)::after {
+  background-image: var(--IDS-SELECT--INVALID__CHEVRON-ICON);
+}
+.ids-select-wrapper:has(.ids-select:disabled)::after {
+  background-image: var(--IDS-SELECT--DISABLED__CHEVRON-ICON);
+}
+
+.ids-select:disabled {
+  cursor: default;
+}
+
+.ids-select {
+  text-align: left;
+}
+
+.ids-select-multiple__dropdown__wrapper {
+  position: relative;
+}
+.ids-select-multiple__dropdown__wrapper .ids-select-multiple__dropdown {
+  background: #ffffff;
+  box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
+  border-radius: var(--select-multiple-dropdown_border-radius);
+  position: absolute;
+  z-index: 10;
+  left: 0;
+  right: 0;
+}
+.ids-select-multiple__dropdown__wrapper .ids-select-multiple__dropdown.ids-select-multiple__dropdown--hide {
+  display: none;
+}
+.ids-select-multiple__dropdown__wrapper .ids-select-multiple__dropdown .ids-select-multiple__dropdown__inner {
+  padding: 10px;
+  overflow-y: auto;
+}
+
+#ids-label-wrapper {
+  display: inline-flex;
+  gap: 10px;
+  align-items: center;
+  margin-bottom: 5px;
+}
+
+.placeholder {
+  color: var(--IDS-FORM__PLACEHOLDER__COLOR);
+}
+
+label {
+  font-family: var(--font-family_1);
+  color: var(--IDS-FORM__LABEL__COLOR);
+}
+
+:host([disabled]) input {
+  color: var(--IDS-FORM--DISABLED__COLOR);
+  background-color: var(--IDS-FORM--DISABLED__BACKGROUND-COLOR) !important;
+  border: var(--IDS-FORM-DISABLED_BORDER);
+  font-style: italic !important;
+  background-image: var(--IDS-FORM--DISABLED__BACKGROUND-IMAGE);
+}

package/components/form/spinner/spinner-lit.d.ts

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