@inera/ids-design 4.9.1 → 5.0.0

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

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

package/components/date-label/date-label-lit.d.ts

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

package/components/date-label/date-label-lit.js

@@ -1,6 +1,6 @@
 import { css, unsafeCSS } from 'lit';
 
-var css_248z = "time.ids-time{align-items:center;align-self:flex-start;background-color:#fff;border-radius:.625rem;box-shadow:0 .125rem .375rem 0 rgba(0,0,0,.3);display:inline-flex;flex-direction:column;gap:4px;justify-content:center;padding:15px}@media (max-width:1024px){time.ids-time{gap:4px;padding:10px}}time.ids-time .ids-time__day{color:var(--IDS-DATE-LABEL__DAY__COLOR);font-family:var(--IDS-DATE-LABEL__DAY__FONT-FAMILY);font-size:2.1875rem;font-style:normal;font-weight:700;letter-spacing:-1px;line-height:2.1875rem}@media (max-width:1024px){time.ids-time .ids-time__day{font-size:1.5625rem;letter-spacing:-1.25px;line-height:1.5625rem}}time.ids-time .ids-time__month{color:var(--IDS-DATE-LABEL__MONTH__COLOR);font-family:var(--IDS-DATE-LABEL__MONTH__FONT-FAMILY);font-size:1.25rem;font-style:normal;font-weight:400;line-height:1.25rem;text-transform:uppercase}@media (max-width:1024px){time.ids-time .ids-time__month{font-size:.9375rem;line-height:.9375rem}}time.ids-time .ids-time__year{color:var(--IDS-DATE-LABEL__YEAR__COLOR);font-family:var(--IDS-DATE-LABEL__YEAR__FONT-FAMILY);font-size:1rem;font-style:normal;font-weight:400;line-height:1rem}@media (max-width:1024px){time.ids-time .ids-time__year{font-size:.75rem;line-height:.75rem}}";
+var css_248z = "@media (max-width:1023px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}time.ids-time{align-items:center;align-self:flex-start;background-color:#fff;border-radius:.625rem;box-shadow:0 .125rem .375rem 0 rgba(0,0,0,.3);display:inline-flex;flex-direction:column;gap:4px;justify-content:center;padding:15px}@media (max-width:1024px){time.ids-time{gap:4px;padding:10px}}time.ids-time .ids-time__day{color:var(--IDS-DATE-LABEL__DAY__COLOR);font-family:var(--IDS-DATE-LABEL__DAY__FONT-FAMILY);font-size:2.1875rem;font-style:normal;font-weight:700;letter-spacing:-1px;line-height:2.1875rem}@media (max-width:1024px){time.ids-time .ids-time__day{font-size:1.5625rem;letter-spacing:-1.25px;line-height:1.5625rem}}time.ids-time .ids-time__month{color:var(--IDS-DATE-LABEL__MONTH__COLOR);font-family:var(--IDS-DATE-LABEL__MONTH__FONT-FAMILY);font-size:1.25rem;font-style:normal;font-weight:400;line-height:1.25rem;text-transform:uppercase}@media (max-width:1024px){time.ids-time .ids-time__month{font-size:.9375rem;line-height:.9375rem}}time.ids-time .ids-time__year{color:var(--IDS-DATE-LABEL__YEAR__COLOR);font-family:var(--IDS-DATE-LABEL__YEAR__FONT-FAMILY);font-size:1rem;font-style:normal;font-weight:400;line-height:1rem}@media (max-width:1024px){time.ids-time .ids-time__year{font-size:.75rem;line-height:.75rem}}";
 
 var dateLabelLit = css`${unsafeCSS(css_248z)}`;
 

package/components/date-label/date-label.css

@@ -1 +1,75 @@
-time.ids-time{display:inline-flex;flex-direction:column;box-shadow:0 0.125rem 0.375rem 0 rgba(0,0,0,0.3);background-color:#ffffff;border-radius:0.625rem;padding:15px;align-items:center;align-self:flex-start;justify-content:center;gap:4px}@media (max-width: 1024px){time.ids-time{padding:10px;gap:4px}}time.ids-time .ids-time__day{font-family:var(--IDS-DATE-LABEL__DAY__FONT-FAMILY);color:var(--IDS-DATE-LABEL__DAY__COLOR);font-style:normal;font-weight:700;font-size:2.1875rem;line-height:2.1875rem;letter-spacing:-1px}@media (max-width: 1024px){time.ids-time .ids-time__day{letter-spacing:-1.25px;font-size:1.5625rem;line-height:1.5625rem}}time.ids-time .ids-time__month{font-style:normal;font-weight:400;font-size:1.25rem;line-height:1.25rem;text-transform:uppercase;font-family:var(--IDS-DATE-LABEL__MONTH__FONT-FAMILY);color:var(--IDS-DATE-LABEL__MONTH__COLOR)}@media (max-width: 1024px){time.ids-time .ids-time__month{font-size:0.9375rem;line-height:0.9375rem}}time.ids-time .ids-time__year{font-family:var(--IDS-DATE-LABEL__YEAR__FONT-FAMILY);color:var(--IDS-DATE-LABEL__YEAR__COLOR);font-style:normal;font-weight:400;font-size:1rem;line-height:1rem}@media (max-width: 1024px){time.ids-time .ids-time__year{font-size:0.75rem;line-height:0.75rem}}
+@media (max-width: 1023px) {
+  .ids-desktop {
+    display: none !important;
+  }
+}
+
+@media (min-width: 1024px) {
+  .ids-mobile {
+    display: none !important;
+  }
+}
+
+time.ids-time {
+  display: inline-flex;
+  flex-direction: column;
+  box-shadow: 0 0.125rem 0.375rem 0 rgba(0, 0, 0, 0.3);
+  background-color: #ffffff;
+  border-radius: 0.625rem;
+  padding: 15px;
+  align-items: center;
+  align-self: flex-start;
+  justify-content: center;
+  gap: 4px;
+}
+@media (max-width: 1024px) {
+  time.ids-time {
+    padding: 10px;
+    gap: 4px;
+  }
+}
+time.ids-time .ids-time__day {
+  font-family: var(--IDS-DATE-LABEL__DAY__FONT-FAMILY);
+  color: var(--IDS-DATE-LABEL__DAY__COLOR);
+  font-style: normal;
+  font-weight: 700;
+  font-size: 2.1875rem;
+  line-height: 2.1875rem;
+  letter-spacing: -1px;
+}
+@media (max-width: 1024px) {
+  time.ids-time .ids-time__day {
+    letter-spacing: -1.25px;
+    font-size: 1.5625rem;
+    line-height: 1.5625rem;
+  }
+}
+time.ids-time .ids-time__month {
+  font-style: normal;
+  font-weight: 400;
+  font-size: 1.25rem;
+  line-height: 1.25rem;
+  text-transform: uppercase;
+  font-family: var(--IDS-DATE-LABEL__MONTH__FONT-FAMILY);
+  color: var(--IDS-DATE-LABEL__MONTH__COLOR);
+}
+@media (max-width: 1024px) {
+  time.ids-time .ids-time__month {
+    font-size: 0.9375rem;
+    line-height: 0.9375rem;
+  }
+}
+time.ids-time .ids-time__year {
+  font-family: var(--IDS-DATE-LABEL__YEAR__FONT-FAMILY);
+  color: var(--IDS-DATE-LABEL__YEAR__COLOR);
+  font-style: normal;
+  font-weight: 400;
+  font-size: 1rem;
+  line-height: 1rem;
+}
+@media (max-width: 1024px) {
+  time.ids-time .ids-time__year {
+    font-size: 0.75rem;
+    line-height: 0.75rem;
+  }
+}

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

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

package/components/dialog/dialog-lit.js

@@ -1,6 +1,6 @@
 import { css, unsafeCSS } from 'lit';
 
-var css_248z = ".ids-dialog .ids-dialog__header .ids-dialog__header__button:focus{outline:var(--focus_outline);outline-offset:var(--focus_outline-offset)}.ids-dialog .ids-dialog__body::-webkit-scrollbar-track{background:var(--IDS-SCROLL_BACKGROUND-COLOR);border-radius:10px;margin-bottom:10px;margin-top:10px}.ids-dialog .ids-dialog__body::-webkit-scrollbar-thumb{background:var(--IDS-SCROLL_COLOR);border-radius:10px}.ids-dialog .ids-dialog__body::-webkit-scrollbar-thumb:hover{background:#555}.ids-dialog{align-items:flex-start;background-color:#fff;border:1px solid var(--dialog_border-color);border-radius:var(--dialog_border-radius);box-shadow:0 0 10px rgba(0,0,0,.3);color:var(--dialog_color);display:flex;flex-direction:column;left:50%;max-height:calc(100% - 80px);max-width:calc(100% - 60px);padding:40px 30px;position:fixed;text-align:left;top:50%;-webkit-transform:translateX(-50%) translateY(-50%);-moz-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);z-index:200}@media (max-width:1024px){.ids-dialog{padding:40px 10px}}@media (max-width:640px){.ids-dialog{max-height:calc(100% - 80px);width:calc(100% - 60px)}}.ids-dialog:has(.ids-dialog__header){padding-top:20px}.ids-dialog.ids-dialog--hidden{display:none}.ids-dialog .ids-dialog__header{align-items:flex-end;display:flex;justify-content:flex-end;width:100%}.ids-dialog .ids-dialog__header .ids-dialog__header__button{align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:flex;font:inherit;justify-content:center;min-height:24px;min-width:24px;outline:inherit;padding:0;-moz-user-select:-moz-none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.ids-dialog .ids-dialog__body{height:100%;margin-right:4px;overflow-y:auto;padding:0 6px 10px 10px}.ids-dialog .ids-dialog__body.ids-dialog__body--has-scrollbar{padding-right:20px}.ids-dialog .ids-dialog__body::-webkit-scrollbar{margin-left:-20px;padding:10px;position:absolute;width:14px}.ids-dialog .ids-dialog__body .ids-dialog__body__headline{align-self:center;margin:0;padding-top:6px}@media (max-width:1024px){.ids-dialog .ids-dialog__body .ids-dialog__body__headline{padding-top:0}}.ids-dialog .ids-dialog__body .ids-dialog__body__header{align-items:flex-end;-webkit-align-items:flex-end;box-sizing:border-box;display:flex;-webkit-justify-content:flex-end;padding:20px 0 0;width:100%}.ids-dialog .ids-dialog__body .ids-dialog__body__content{margin-top:20px}.ids-dialog .ids-dialog__footer{align-items:center;display:flex;gap:20px;justify-content:center;margin-top:30px;width:100%}@media (max-width:1024px){.ids-dialog .ids-dialog__footer{flex-direction:column;gap:20px}}.ids-dialog-overlay{background-color:rgba(53,53,53,.6);bottom:0;left:0;position:fixed;right:0;top:0;z-index:200}.ids-dialog-overlay.ids-dialog-overlay--hidden{display:none}";
+var css_248z = "@media (max-width:1023px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}.ids-dialog .ids-dialog__body::-webkit-scrollbar-track{background:var(--IDS-SCROLL_BACKGROUND-COLOR);border-radius:10px;margin-bottom:10px;margin-top:10px}.ids-dialog .ids-dialog__body::-webkit-scrollbar-thumb{background:var(--IDS-SCROLL_COLOR);border-radius:10px}.ids-dialog .ids-dialog__body::-webkit-scrollbar-thumb:hover{background:#555}.ids-dialog{align-items:flex-start;background-color:#fff;border:1px solid var(--dialog_border-color);border-radius:var(--dialog_border-radius);box-shadow:0 0 10px rgba(0,0,0,.3);color:var(--dialog_color);display:flex;flex-direction:column;left:50%;max-height:calc(100% - 80px);max-width:calc(100% - 60px);padding:40px 30px;position:fixed;text-align:left;top:50%;-webkit-transform:translateX(-50%) translateY(-50%);-moz-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);z-index:200}@media (max-width:1024px){.ids-dialog{padding:40px 10px}}@media (max-width:640px){.ids-dialog{max-height:calc(100% - 80px);width:calc(100% - 60px)}}.ids-dialog:has(.ids-dialog__header){padding-top:20px}.ids-dialog.ids-dialog--hidden{display:none}.ids-dialog .ids-dialog__header{align-items:flex-end;display:flex;justify-content:flex-end;width:100%}.ids-dialog .ids-dialog__header .ids-dialog__header__button{align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:flex;font:inherit;justify-content:center;min-height:24px;min-width:24px;outline:inherit;padding:0;-moz-user-select:-moz-none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.ids-dialog .ids-dialog__header .ids-dialog__header__button:focus{outline:var(--IDS-FOCUS_OUTLINE);outline-offset:var(--IDS-FOCUS_OUTLINE-OFFSET)!important}.ids-dialog .ids-dialog__body{height:100%;margin-right:4px;overflow-y:auto;padding:0 6px 10px 10px}.ids-dialog .ids-dialog__body.ids-dialog__body--has-scrollbar{padding-right:20px}.ids-dialog .ids-dialog__body::-webkit-scrollbar{margin-left:-20px;padding:10px;position:absolute;width:14px}.ids-dialog .ids-dialog__body .ids-dialog__body__headline{align-self:center;margin:0;padding-top:6px}@media (max-width:1024px){.ids-dialog .ids-dialog__body .ids-dialog__body__headline{padding-top:0}}.ids-dialog .ids-dialog__body .ids-dialog__body__header{align-items:flex-end;-webkit-align-items:flex-end;box-sizing:border-box;display:flex;-webkit-justify-content:flex-end;padding:20px 0 0;width:100%}.ids-dialog .ids-dialog__body .ids-dialog__body__content{margin-top:20px}.ids-dialog .ids-dialog__footer{align-items:center;display:flex;gap:20px;justify-content:center;margin-top:30px;width:100%}@media (max-width:1024px){.ids-dialog .ids-dialog__footer{flex-direction:column;gap:20px}}.ids-dialog-overlay{background-color:rgba(53,53,53,.6);bottom:0;left:0;position:fixed;right:0;top:0;z-index:200}.ids-dialog-overlay.ids-dialog-overlay--hidden{display:none}";
 
 var dialogLit = css`${unsafeCSS(css_248z)}`;
 

package/components/dialog/dialog.css

@@ -1 +1,178 @@
-.ids-dialog .ids-dialog__header .ids-dialog__header__button:focus{outline:var(--focus_outline);outline-offset:var(--focus_outline-offset)}.ids-dialog .ids-dialog__body::-webkit-scrollbar{width:14px;position:absolute;margin-left:-20px}.ids-dialog .ids-dialog__body::-webkit-scrollbar-track{background:var(--IDS-SCROLL_BACKGROUND-COLOR);margin-top:10px;margin-bottom:10px;border-radius:10px}.ids-dialog .ids-dialog__body::-webkit-scrollbar-thumb{background:var(--IDS-SCROLL_COLOR);border-radius:10px}.ids-dialog .ids-dialog__body::-webkit-scrollbar-thumb:hover{background:#555}.ids-dialog{display:flex;position:fixed;top:50%;left:50%;z-index:200;border:1px solid var(--dialog_border-color);-webkit-transform:translateX(-50%) translateY(-50%);-moz-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);flex-direction:column;align-items:flex-start;background-color:#FFFFFF;box-shadow:0px 0px 10px rgba(0,0,0,0.3);border-radius:var(--dialog_border-radius);padding:40px 30px 40px 30px;max-height:calc(100% - 80px);max-width:calc(100% - 60px);text-align:left;color:var(--dialog_color)}@media (max-width: 1024px){.ids-dialog{padding:40px 10px 40px 10px}}@media (max-width: 640px){.ids-dialog{max-height:calc(100% - 80px);width:calc(100% - 60px)}}.ids-dialog:has(.ids-dialog__header){padding-top:20px}.ids-dialog.ids-dialog--hidden{display:none}.ids-dialog .ids-dialog__header{width:100%;align-items:flex-end;justify-content:flex-end;display:flex}.ids-dialog .ids-dialog__header .ids-dialog__header__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;display:flex;align-items:center;justify-content:center}.ids-dialog .ids-dialog__body{padding:0px 6px 10px 10px;margin-right:4px;height:100%;overflow-y:auto}.ids-dialog .ids-dialog__body.ids-dialog__body--has-scrollbar{padding-right:20px}.ids-dialog .ids-dialog__body::-webkit-scrollbar{width:14px;padding:10px;position:absolute;margin-left:-20px}.ids-dialog .ids-dialog__body .ids-dialog__body__headline{padding-top:6px;margin:0px;align-self:center}@media (max-width: 1024px){.ids-dialog .ids-dialog__body .ids-dialog__body__headline{padding-top:0px}}.ids-dialog .ids-dialog__body .ids-dialog__body__header{box-sizing:border-box;padding:20px 0px 0px 0px;width:100%;display:flex;-webkit-justify-content:flex-end;align-items:flex-end;-webkit-align-items:flex-end}.ids-dialog .ids-dialog__body .ids-dialog__body__content{margin-top:20px}.ids-dialog .ids-dialog__footer{margin-top:30px;display:flex;gap:20px;justify-content:center;align-items:center;width:100%}@media (max-width: 1024px){.ids-dialog .ids-dialog__footer{flex-direction:column;gap:20px}}.ids-dialog-overlay{position:fixed;z-index:200;top:0px;bottom:0px;right:0px;left:0px;background-color:rgba(53,53,53,0.6)}.ids-dialog-overlay.ids-dialog-overlay--hidden{display:none}
+@media (max-width: 1023px) {
+  .ids-desktop {
+    display: none !important;
+  }
+}
+
+@media (min-width: 1024px) {
+  .ids-mobile {
+    display: none !important;
+  }
+}
+
+/* 1177 Typography - no margins */
+.ids-dialog .ids-dialog__body {
+  /* width */
+  /* Track */
+  /* Handle */
+  /* Handle on hover */
+}
+.ids-dialog .ids-dialog__body::-webkit-scrollbar {
+  width: 14px;
+  position: absolute;
+  margin-left: -20px;
+}
+.ids-dialog .ids-dialog__body::-webkit-scrollbar-track {
+  background: var(--IDS-SCROLL_BACKGROUND-COLOR);
+  margin-top: 10px;
+  margin-bottom: 10px;
+  border-radius: 10px;
+}
+.ids-dialog .ids-dialog__body::-webkit-scrollbar-thumb {
+  background: var(--IDS-SCROLL_COLOR);
+  border-radius: 10px;
+}
+.ids-dialog .ids-dialog__body::-webkit-scrollbar-thumb:hover {
+  background: #555;
+}
+
+/*******
+* FORM
+********/
+/*******
+* Accessibility
+********/
+/* Dialog */
+.ids-dialog {
+  display: flex;
+  position: fixed;
+  top: 50%;
+  left: 50%;
+  z-index: 200;
+  border: 1px solid var(--dialog_border-color);
+  -webkit-transform: translateX(-50%) translateY(-50%);
+  -moz-transform: translateX(-50%) translateY(-50%);
+  -ms-transform: translateX(-50%) translateY(-50%);
+  transform: translateX(-50%) translateY(-50%);
+  flex-direction: column;
+  align-items: flex-start;
+  background-color: #ffffff;
+  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
+  border-radius: var(--dialog_border-radius);
+  padding: 40px 30px 40px 30px;
+  max-height: calc(100% - 80px);
+  max-width: calc(100% - 60px);
+  text-align: left;
+  color: var(--dialog_color);
+}
+@media (max-width: 1024px) {
+  .ids-dialog {
+    padding: 40px 10px 40px 10px;
+  }
+}
+@media (max-width: 640px) {
+  .ids-dialog {
+    max-height: calc(100% - 80px);
+    width: calc(100% - 60px);
+  }
+}
+.ids-dialog:has(.ids-dialog__header) {
+  padding-top: 20px;
+}
+.ids-dialog.ids-dialog--hidden {
+  display: none;
+}
+.ids-dialog .ids-dialog__header {
+  width: 100%;
+  align-items: flex-end;
+  justify-content: flex-end;
+  display: flex;
+}
+.ids-dialog .ids-dialog__header .ids-dialog__header__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;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.ids-dialog .ids-dialog__header .ids-dialog__header__button:focus {
+  outline: var(--IDS-FOCUS_OUTLINE);
+  outline-offset: var(--IDS-FOCUS_OUTLINE-OFFSET) !important;
+}
+.ids-dialog .ids-dialog__body {
+  padding: 0px 6px 10px 10px;
+  margin-right: 4px;
+  height: 100%;
+  overflow-y: auto;
+}
+.ids-dialog .ids-dialog__body.ids-dialog__body--has-scrollbar {
+  padding-right: 20px;
+}
+.ids-dialog .ids-dialog__body::-webkit-scrollbar {
+  width: 14px;
+  padding: 10px;
+  position: absolute;
+  margin-left: -20px;
+}
+.ids-dialog .ids-dialog__body .ids-dialog__body__headline {
+  padding-top: 6px;
+  margin: 0px;
+  align-self: center;
+}
+@media (max-width: 1024px) {
+  .ids-dialog .ids-dialog__body .ids-dialog__body__headline {
+    padding-top: 0px;
+  }
+}
+.ids-dialog .ids-dialog__body .ids-dialog__body__header {
+  box-sizing: border-box;
+  padding: 20px 0px 0px 0px;
+  width: 100%;
+  display: flex;
+  -webkit-justify-content: flex-end;
+  align-items: flex-end;
+  -webkit-align-items: flex-end;
+}
+.ids-dialog .ids-dialog__body .ids-dialog__body__content {
+  margin-top: 20px;
+}
+.ids-dialog .ids-dialog__footer {
+  margin-top: 30px;
+  display: flex;
+  gap: 20px;
+  justify-content: center;
+  align-items: center;
+  width: 100%;
+}
+@media (max-width: 1024px) {
+  .ids-dialog .ids-dialog__footer {
+    flex-direction: column;
+    gap: 20px;
+  }
+}
+
+/* Overlay */
+.ids-dialog-overlay {
+  position: fixed;
+  z-index: 200;
+  top: 0px;
+  bottom: 0px;
+  right: 0px;
+  left: 0px;
+  background-color: rgba(53, 53, 53, 0.6);
+}
+.ids-dialog-overlay.ids-dialog-overlay--hidden {
+  display: none;
+}

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

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