npm - @inera/ids-design - Versions diffs - 9.1.0 → 9.2.0 - Mend

@inera/ids-design 9.1.0 → 9.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (261) hide show

package/components/data-pagination/data-pagination-shadow.css CHANGED Viewed

@@ -45,8 +45,8 @@
   position: absolute;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
-  content: "\e6ff";
   font-size: 1rem;
+  content: "\e6ff";
   line-height: 1rem;
   color: var(--IDS-DATA-PAGINATION-BUTTON__COLOR);
   width: 1rem;
@@ -97,8 +97,8 @@
   position: absolute;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
-  content: "\e937";
   font-size: 1rem;
+  content: "\e937";
   line-height: 1rem;
   color: var(--IDS-DATA-PAGINATION-BUTTON__COLOR);
   width: 1rem;
@@ -149,8 +149,8 @@
   position: absolute;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
-  content: "\e938";
   font-size: 1rem;
+  content: "\e938";
   line-height: 1rem;
   color: var(--IDS-DATA-PAGINATION-BUTTON__COLOR);
   width: 1rem;
@@ -201,8 +201,8 @@
   position: absolute;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
-  content: "\e6fe";
   font-size: 1rem;
+  content: "\e6fe";
   line-height: 1rem;
   color: var(--IDS-DATA-PAGINATION-BUTTON__COLOR);
   width: 1rem;

package/components/data-pagination/data-pagination.css CHANGED Viewed

@@ -18,6 +18,7 @@
   position: absolute;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
+  font-size: 1rem;
   content: "\e936";
   color: var(--IDS-ICON--ACTIVE-COLOR);
   right: 0.5625rem;
@@ -87,8 +88,8 @@
   position: absolute;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
-  content: "\e6ff";
   font-size: 1rem;
+  content: "\e6ff";
   line-height: 1rem;
   color: var(--IDS-DATA-PAGINATION-BUTTON__COLOR);
   width: 1rem;
@@ -143,8 +144,8 @@
   position: absolute;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
-  content: "\e937";
   font-size: 1rem;
+  content: "\e937";
   line-height: 1rem;
   color: var(--IDS-DATA-PAGINATION-BUTTON__COLOR);
   width: 1rem;
@@ -199,8 +200,8 @@
   position: absolute;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
-  content: "\e938";
   font-size: 1rem;
+  content: "\e938";
   line-height: 1rem;
   color: var(--IDS-DATA-PAGINATION-BUTTON__COLOR);
   width: 1rem;
@@ -255,8 +256,8 @@
   position: absolute;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
-  content: "\e6fe";
   font-size: 1rem;
+  content: "\e6fe";
   line-height: 1rem;
   color: var(--IDS-DATA-PAGINATION-BUTTON__COLOR);
   width: 1rem;

package/components/data-table/data-table-lit.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { css, unsafeCSS } from 'lit';
-var css_248z = "@media (max-width:1023px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}table.ids-data-table{border:.063rem solid var(--IDS-DATA-TABLE__CELL-BORDER-COLOR);border-collapse:separate;border-radius:var(--IDS-DATA-TABLE__BORDER-RADIUS);border-spacing:0;overflow:visible;width:100%}table.ids-data-table td,table.ids-data-table th{border-bottom:.063rem solid var(--IDS-DATA-TABLE__CELL-BORDER-COLOR);border-right:none;line-height:1.25rem;padding:.5rem;text-align:left}table.ids-data-table td:first-child,table.ids-data-table th:first-child{padding-left:1rem}table.ids-data-table td:last-child,table.ids-data-table th:last-child{padding-right:1rem}table.ids-data-table td.ids-data-table__col--wide,table.ids-data-table th.ids-data-table__col--wide{width:30em}table.ids-data-table td .ids-data-table__icon,table.ids-data-table th .ids-data-table__icon{color:var(--IDS-DATA-TABLE__ICON-COLOR);margin-bottom:-.125rem}table.ids-data-table td:hover .ids-data-table__icon,table.ids-data-table th:hover .ids-data-table__icon{color:var(--IDS-DATA-TABLE__ICON-HOVER-COLOR)}table.ids-data-table th{background-color:var(--IDS-DATA-TABLE__HEAD-BACKGROUND-COLOR);border-bottom:.125rem solid var(--IDS-DATA-TABLE__CELL-BORDER-COLOR);color:var(--IDS-DATA-TABLE__HEAD-COLOR);cursor:pointer;font-family:var(--IDS-DATA-TABLE__HEAD-FONT-FAMILY);font-weight:700;white-space:nowrap}table.ids-data-table th:not(:first-child):not(:last-child){padding:.75rem .5rem}table.ids-data-table th:focus-visible{outline:.125rem solid var(--IDS-FOCUS__OUTLINE-COLOR);outline-offset:-.313rem!important;z-index:2}table.ids-data-table thead tr{border-top-right-radius:var(--IDS-DATA-TABLE__BORDER-TOP-RADIUS)}table.ids-data-table thead tr,table.ids-data-table thead tr th:first-child{border-top-left-radius:var(--IDS-DATA-TABLE__BORDER-TOP-RADIUS)}table.ids-data-table thead tr th:last-child{border-top-right-radius:var(--IDS-DATA-TABLE__BORDER-TOP-RADIUS)}table.ids-data-table tbody tr{border-bottom:.063rem solid var(--IDS-DATA-TABLE__CELL-BORDER-COLOR)}table.ids-data-table tbody tr td{color:var(--IDS-DATA-TABLE__CELL-COLOR);font-size:.875rem;vertical-align:middle}table.ids-data-table tbody tr td.ids-data-table__td--flex{align-items:center;display:flex}table.ids-data-table tbody tr td.ids-data-table__td--align-top{vertical-align:top}table.ids-data-table tbody tr[selected]{background-color:var(--IDS-DATA-TABLE__ROW--SELECTED__COLOR)}table.ids-data-table tbody tr:last-child{border-bottom-left-radius:var(--IDS-DATA-TABLE__BORDER-BOTTOM-RADIUS);border-bottom-right-radius:var(--IDS-DATA-TABLE__BORDER-BOTTOM-RADIUS)}table.ids-data-table tbody tr:last-child td{border-bottom:none}table.ids-data-table tbody tr:last-child td:first-child{border-bottom-left-radius:var(--IDS-DATA-TABLE__BORDER-BOTTOM-RADIUS)}table.ids-data-table tbody tr:last-child td:last-child{border-bottom-right-radius:var(--IDS-DATA-TABLE__BORDER-BOTTOM-RADIUS)}table.ids-data-table tbody tr td.ids-table__sub-row{border-left:.5rem solid var(--ids-color-surface-border-default);margin:-.5rem -1rem;padding:.5rem 1rem}table.ids-data-table.ids-data-table--interactive tbody tr:hover{background-color:var(--IDS-DATA-TABLE__ROW--SELECTED__COLOR);cursor:pointer;position:relative;z-index:2}table.ids-data-table.ids-data-table--interactive tbody tr:focus-visible{background-color:var(--IDS-DATA-TABLE__ROW--SELECTED__COLOR);outline:.125rem solid var(--IDS-FOCUS__OUTLINE-COLOR);outline-offset:-.25rem!important}table.ids-data-table.ids-data-table--interactive tbody tr:focus-visible:last-child{border-radius:0 0 var(--IDS-DATA-TABLE__BORDER-BOTTOM-RADIUS) var(--IDS-DATA-TABLE__BORDER-BOTTOM-RADIUS)}table.ids-data-table.ids-data-table--empty td{padding:1em}@media (max-width:1023px){table.ids-data-table{width:100%}}@media (max-width:639px){table.ids-data-table .ids-data-table__col--wide{width:auto}}";
+var css_248z = "@media (max-width:1023px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}.ids--dark,.ids--light{--IDS-FONT-FAMILY-BASE:\"Open Sans\";--IDS-FONT-FAMILY-HEADING:\"Inter\";--IDS-FONT-COLOR:var(--ids-color-surface-text-on-default);--IDS-HEADING-XXL__MARGIN-BOTTOM:1.875rem;--IDS-HEADING-XL__MARGIN-BOTTOM:1.875rem;--IDS-HEADING-L__MARGIN-BOTTOM:1.875rem;--IDS-PAGE-LIST__COLOR:var(--ids-color-brand-text-primary);--IDS-PAGE-LIST__FONT-FAMILY:var(--IDS-FONT-FAMILY-HEADING);--IDS-PAGE-LIST__FONT-SIZE:1.25rem;--IDS-PAGE-LIST__LINE-HEIGHT:1.5rem;--IDS-PAGE-LIST__FONT-WEIGHT:700;--IDS-PAGE-LIST__LETTER-SPACING:-0.025rem;--IDS-BULLET-LIST__MARKER-COLOR:var(--ids-color-brand-text-primary);--IDS-BULLET-LIST__MARKER-FONT-WEIGHT:bold;--IDS-BULLET-LIST__LINE-HEIGHT:1.5rem;--IDS-DIVIDER__COLOR:var(--ids-color-surface-border-default)}.ids--dark.ids--1177-admin,.ids--dark.ids--1177-pro,.ids--light.ids--1177-admin,.ids--light.ids--1177-pro{--IDS-PAGE-LIST__COLOR:var(--ids-color-interactive-text-default)}.ids--dark.ids--inera,.ids--dark.ids--inera-admin,.ids--dark.ids--inera-general,.ids--light.ids--inera,.ids--light.ids--inera-admin,.ids--light.ids--inera-general{--IDS-FONT-FAMILY-BASE:\"Open Sans\";--IDS-FONT-FAMILY-HEADING:\"Poppins\";--IDS-HEADING-XXL__MARGIN-BOTTOM:1.25rem;--IDS-HEADING-XL__MARGIN-BOTTOM:1.25rem;--IDS-HEADING-L__MARGIN-BOTTOM:1.25rem;--IDS-PAGE-LIST__FONT-WEIGHT:600;--IDS-PAGE-LIST__LETTER-SPACING:0;--IDS-BULLET-LIST__MARKER-FONT-WEIGHT:normal;--IDS-BULLET-LIST__LINE-HEIGHT:1.625rem;--IDS-DESCRIPTION-LIST__TERM-FONT-WEIGHT:600}.ids--dark.ids--dark,.ids--light.ids--dark{--IDS-PAGE-LIST__COLOR:var(--ids-color-navigation-text-default)}.ids--dark.ids--dark.ids--1177-admin,.ids--dark.ids--dark.ids--1177-pro,.ids--dark.ids--dark.ids--inera,.ids--dark.ids--dark.ids--inera-admin,.ids--dark.ids--dark.ids--inera-general,.ids--light.ids--dark.ids--1177-admin,.ids--light.ids--dark.ids--1177-pro,.ids--light.ids--dark.ids--inera,.ids--light.ids--dark.ids--inera-admin,.ids--light.ids--dark.ids--inera-general{--IDS-PAGE-LIST__COLOR:var(--ids-color-interactive-text-default)}table.ids-data-table{border:.063rem solid var(--IDS-DATA-TABLE__CELL-BORDER-COLOR);border-collapse:separate;border-radius:var(--IDS-DATA-TABLE__BORDER-RADIUS);border-spacing:0;overflow:visible;width:100%}table.ids-data-table caption{color:var(--IDS-DATA-TABLE__CAPTION-COLOR);font-family:var(--ids-font-family-body-text);font-size:var(--ids-font-size-body-text);font-size:.875rem;font-style:normal;font-weight:var(--ids-font-weight-body-text);letter-spacing:0;line-height:var(--ids-font-line-height-body-text);margin-bottom:.25rem;margin-left:.25rem;text-align:left}table.ids-data-table td,table.ids-data-table th{border-bottom:.063rem solid var(--IDS-DATA-TABLE__CELL-BORDER-COLOR);border-right:none;line-height:1.25rem;padding:.5rem;text-align:left}table.ids-data-table td:first-child,table.ids-data-table th:first-child{padding-left:1rem}table.ids-data-table td:last-child,table.ids-data-table th:last-child{padding-right:1rem}table.ids-data-table td.ids-data-table__col--wide,table.ids-data-table th.ids-data-table__col--wide{width:30em}table.ids-data-table td .ids-data-table__sort-button,table.ids-data-table th .ids-data-table__sort-button{background:transparent;background-color:var(--IDS-BUTTON--TERTIARY__BACKGROUND-COLOR);border:var(--IDS-BUTTON__BORDER-THICKNESS) solid var(--IDS-BUTTON--TERTIARY__BORDER-COLOR);border-radius:var(--IDS-BUTTON__BORDER-RADIUS);color:var(--IDS-BUTTON--TERTIARY__COLOR);text-decoration:underline;text-decoration-thickness:.0938rem;text-underline-offset:.125rem}table.ids-data-table td .ids-data-table__sort-button:hover,table.ids-data-table th .ids-data-table__sort-button:hover{background-color:var(--IDS-BUTTON--HOVER__BACKGROUND-COLOR)!important;border:var(--IDS-BUTTON__BORDER-THICKNESS) solid var(--IDS-BUTTON--HOVER__BORDER-COLOR)!important;color:var(--IDS-BUTTON--HOVER__COLOR)!important}table.ids-data-table td .ids-data-table__sort-button.ids-button--active,table.ids-data-table td .ids-data-table__sort-button:active,table.ids-data-table th .ids-data-table__sort-button.ids-button--active,table.ids-data-table th .ids-data-table__sort-button:active{background-color:var(--IDS-BUTTON--ACTIVE__BACKGROUND-COLOR)!important;border:var(--IDS-BUTTON__BORDER-THICKNESS) solid var(--IDS-BUTTON--ACTIVE__BORDER-COLOR)!important;color:var(--IDS-BUTTON--ACTIVE__COLOR)!important}table.ids-data-table td .ids-data-table__sort-button:focus-visible,table.ids-data-table th .ids-data-table__sort-button:focus-visible{border-radius:var(--IDS-BUTTON__BORDER-RADIUS);outline:.125rem solid var(--IDS-FOCUS__OUTLINE-COLOR);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)!important}table.ids-data-table td .ids-data-table__sort-button.ids-button--disabled,table.ids-data-table td .ids-data-table__sort-button[disabled],table.ids-data-table th .ids-data-table__sort-button.ids-button--disabled,table.ids-data-table th .ids-data-table__sort-button[disabled]{background-color:transparent!important;border:var(--IDS-BUTTON__BORDER-THICKNESS) solid transparent!important;color:var(--IDS-BUTTON--DISABLED__COLOR)!important;pointer-events:none}table.ids-data-table td .ids-data-table__sort-button [class*=\" ids-icon-\"]:before,table.ids-data-table td .ids-data-table__sort-button [class^=ids-icon-]:before,table.ids-data-table th .ids-data-table__sort-button [class*=\" ids-icon-\"]:before,table.ids-data-table th .ids-data-table__sort-button [class^=ids-icon-]:before{position:absolute}table.ids-data-table td .ids-data-table__sort-button,table.ids-data-table th .ids-data-table__sort-button{border-radius:100%;cursor:pointer;height:2rem;margin-bottom:-.5rem;margin-top:-.5rem;text-decoration:none!important;width:2rem}table.ids-data-table td .ids-data-table__sort-button:focus-visible,table.ids-data-table th .ids-data-table__sort-button:focus-visible{border-radius:100%}table.ids-data-table thead tr{border-top-left-radius:var(--IDS-DATA-TABLE__BORDER-TOP-RADIUS);border-top-right-radius:var(--IDS-DATA-TABLE__BORDER-TOP-RADIUS)}table.ids-data-table thead tr th{background-color:var(--IDS-DATA-TABLE__HEAD-BACKGROUND-COLOR);border-bottom:.125rem solid var(--IDS-DATA-TABLE__CELL-BORDER-COLOR);color:var(--IDS-DATA-TABLE__HEAD-COLOR);font-family:var(--IDS-DATA-TABLE__HEAD-FONT-FAMILY);font-weight:700;white-space:nowrap}table.ids-data-table thead tr th:not(:first-child):not(:last-child){padding:.75rem .5rem}table.ids-data-table thead tr th:focus-visible{outline:.125rem solid var(--IDS-FOCUS__OUTLINE-COLOR);outline-offset:-.313rem!important;z-index:2}table.ids-data-table thead tr th:first-child{border-top-left-radius:var(--IDS-DATA-TABLE__BORDER-TOP-RADIUS)}table.ids-data-table thead tr th:last-child{border-top-right-radius:var(--IDS-DATA-TABLE__BORDER-TOP-RADIUS)}table.ids-data-table tbody tr{border-bottom:.063rem solid var(--IDS-DATA-TABLE__CELL-BORDER-COLOR)}table.ids-data-table tbody tr td,table.ids-data-table tbody tr th{color:var(--IDS-DATA-TABLE__CELL-COLOR);font-size:.875rem;vertical-align:middle}table.ids-data-table tbody tr td.ids-data-table__td--flex,table.ids-data-table tbody tr th.ids-data-table__td--flex{align-items:center;display:flex}table.ids-data-table tbody tr td.ids-data-table__td--align-top,table.ids-data-table tbody tr th.ids-data-table__td--align-top{vertical-align:top}table.ids-data-table tbody tr[selected]{background-color:var(--IDS-DATA-TABLE__ROW--SELECTED__COLOR)}table.ids-data-table tbody tr:last-child{border-bottom-left-radius:var(--IDS-DATA-TABLE__BORDER-BOTTOM-RADIUS);border-bottom-right-radius:var(--IDS-DATA-TABLE__BORDER-BOTTOM-RADIUS)}table.ids-data-table tbody tr:last-child td,table.ids-data-table tbody tr:last-child th{border-bottom:none}table.ids-data-table tbody tr:last-child td:first-child,table.ids-data-table tbody tr:last-child th:first-child{border-bottom-left-radius:var(--IDS-DATA-TABLE__BORDER-BOTTOM-RADIUS)}table.ids-data-table tbody tr:last-child td:last-child,table.ids-data-table tbody tr:last-child th:last-child{border-bottom-right-radius:var(--IDS-DATA-TABLE__BORDER-BOTTOM-RADIUS)}table.ids-data-table tbody tr td.ids-table__sub-row{border-left:.5rem solid var(--ids-color-surface-border-default);margin:-.5rem -1rem;padding:.5rem 1rem}table.ids-data-table.ids-data-table--interactive tbody tr:hover{background-color:var(--IDS-DATA-TABLE__ROW--SELECTED__COLOR);cursor:pointer;position:relative;z-index:2}table.ids-data-table.ids-data-table--interactive tbody tr:focus-within{background-color:var(--IDS-DATA-TABLE__ROW--SELECTED__COLOR)}table.ids-data-table.ids-data-table--interactive tbody tr:focus-within:last-child{border-radius:0 0 var(--IDS-DATA-TABLE__BORDER-BOTTOM-RADIUS) var(--IDS-DATA-TABLE__BORDER-BOTTOM-RADIUS)}table.ids-data-table.ids-data-table--empty td{padding:1em}@media (max-width:1023px){table.ids-data-table{width:100%}}@media (max-width:639px){table.ids-data-table .ids-data-table__col--wide{width:auto}}";
 var dataTableLit = css`${unsafeCSS(css_248z)}`;

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

@@ -10,6 +10,58 @@
   }
 }
+.ids--light,
+.ids--dark {
+  --IDS-FONT-FAMILY-BASE: "Open Sans";
+  --IDS-FONT-FAMILY-HEADING: "Inter";
+  --IDS-FONT-COLOR: var(--ids-color-surface-text-on-default);
+  --IDS-HEADING-XXL__MARGIN-BOTTOM: 1.875rem;
+  --IDS-HEADING-XL__MARGIN-BOTTOM: 1.875rem;
+  --IDS-HEADING-L__MARGIN-BOTTOM: 1.875rem;
+  --IDS-PAGE-LIST__COLOR: var(--ids-color-brand-text-primary);
+  --IDS-PAGE-LIST__FONT-FAMILY: var(--IDS-FONT-FAMILY-HEADING);
+  --IDS-PAGE-LIST__FONT-SIZE: 1.25rem;
+  --IDS-PAGE-LIST__LINE-HEIGHT: 1.5rem;
+  --IDS-PAGE-LIST__FONT-WEIGHT: 700;
+  --IDS-PAGE-LIST__LETTER-SPACING: -0.025rem;
+  --IDS-BULLET-LIST__MARKER-COLOR: var(--ids-color-brand-text-primary);
+  --IDS-BULLET-LIST__MARKER-FONT-WEIGHT: bold;
+  --IDS-BULLET-LIST__LINE-HEIGHT: 1.5rem;
+  --IDS-DIVIDER__COLOR: var(--ids-color-surface-border-default);
+}
+.ids--light.ids--1177-pro, .ids--light.ids--1177-admin,
+.ids--dark.ids--1177-pro,
+.ids--dark.ids--1177-admin {
+  --IDS-PAGE-LIST__COLOR: var(--ids-color-interactive-text-default);
+}
+.ids--light.ids--inera, .ids--light.ids--inera-general, .ids--light.ids--inera-admin,
+.ids--dark.ids--inera,
+.ids--dark.ids--inera-general,
+.ids--dark.ids--inera-admin {
+  --IDS-FONT-FAMILY-BASE: "Open Sans";
+  --IDS-FONT-FAMILY-HEADING: "Poppins";
+  --IDS-HEADING-XXL__MARGIN-BOTTOM: 1.25rem;
+  --IDS-HEADING-XL__MARGIN-BOTTOM: 1.25rem;
+  --IDS-HEADING-L__MARGIN-BOTTOM: 1.25rem;
+  --IDS-PAGE-LIST__FONT-WEIGHT: 600;
+  --IDS-PAGE-LIST__LETTER-SPACING: 0;
+  --IDS-BULLET-LIST__MARKER-FONT-WEIGHT: normal;
+  --IDS-BULLET-LIST__LINE-HEIGHT: 1.625rem;
+  --IDS-DESCRIPTION-LIST__TERM-FONT-WEIGHT: 600;
+}
+.ids--light.ids--dark,
+.ids--dark.ids--dark {
+  --IDS-PAGE-LIST__COLOR: var(--ids-color-navigation-text-default);
+}
+.ids--light.ids--dark.ids--1177-pro, .ids--light.ids--dark.ids--1177-admin, .ids--light.ids--dark.ids--inera, .ids--light.ids--dark.ids--inera-general, .ids--light.ids--dark.ids--inera-admin,
+.ids--dark.ids--dark.ids--1177-pro,
+.ids--dark.ids--dark.ids--1177-admin,
+.ids--dark.ids--dark.ids--inera,
+.ids--dark.ids--dark.ids--inera-general,
+.ids--dark.ids--dark.ids--inera-admin {
+  --IDS-PAGE-LIST__COLOR: var(--ids-color-interactive-text-default);
+}
 table.ids-data-table {
   width: 100%;
   border-collapse: separate;
@@ -18,6 +70,19 @@ table.ids-data-table {
   border-radius: var(--IDS-DATA-TABLE__BORDER-RADIUS);
   overflow: visible;
 }
+table.ids-data-table caption {
+  font-style: normal;
+  color: var(--IDS-DATA-TABLE__CAPTION-COLOR);
+  font-family: var(--ids-font-family-body-text);
+  font-size: var(--ids-font-size-body-text);
+  line-height: var(--ids-font-line-height-body-text);
+  font-weight: var(--ids-font-weight-body-text);
+  letter-spacing: 0;
+  text-align: left;
+  font-size: 0.875rem;
+  margin-bottom: 0.25rem;
+  margin-left: 0.25rem;
+}
 table.ids-data-table th,
 table.ids-data-table td {
   padding: 0.5rem;
@@ -38,17 +103,69 @@ table.ids-data-table th.ids-data-table__col--wide,
 table.ids-data-table td.ids-data-table__col--wide {
   width: 30em;
 }
-table.ids-data-table th .ids-data-table__icon,
-table.ids-data-table td .ids-data-table__icon {
-  margin-bottom: -0.125rem;
-  color: var(--IDS-DATA-TABLE__ICON-COLOR);
+table.ids-data-table th .ids-data-table__sort-button,
+table.ids-data-table td .ids-data-table__sort-button {
+  background: transparent;
+  border: var(--IDS-BUTTON__BORDER-THICKNESS) solid var(--IDS-BUTTON--TERTIARY__BORDER-COLOR);
+  border-radius: var(--IDS-BUTTON__BORDER-RADIUS);
+  color: var(--IDS-BUTTON--TERTIARY__COLOR);
+  background-color: var(--IDS-BUTTON--TERTIARY__BACKGROUND-COLOR);
+  text-decoration: underline;
+  text-underline-offset: 0.125rem;
+  text-decoration-thickness: 0.0938rem;
+}
+table.ids-data-table th .ids-data-table__sort-button:hover,
+table.ids-data-table td .ids-data-table__sort-button:hover {
+  color: var(--IDS-BUTTON--HOVER__COLOR) !important;
+  background-color: var(--IDS-BUTTON--HOVER__BACKGROUND-COLOR) !important;
+  border: var(--IDS-BUTTON__BORDER-THICKNESS) solid var(--IDS-BUTTON--HOVER__BORDER-COLOR) !important;
+}
+table.ids-data-table th .ids-data-table__sort-button:active, table.ids-data-table th .ids-data-table__sort-button.ids-button--active,
+table.ids-data-table td .ids-data-table__sort-button:active,
+table.ids-data-table td .ids-data-table__sort-button.ids-button--active {
+  color: var(--IDS-BUTTON--ACTIVE__COLOR) !important;
+  background-color: var(--IDS-BUTTON--ACTIVE__BACKGROUND-COLOR) !important;
+  border: var(--IDS-BUTTON__BORDER-THICKNESS) solid var(--IDS-BUTTON--ACTIVE__BORDER-COLOR) !important;
+}
+table.ids-data-table th .ids-data-table__sort-button:focus-visible,
+table.ids-data-table td .ids-data-table__sort-button:focus-visible {
+  border-radius: var(--IDS-BUTTON__BORDER-RADIUS);
+  outline: 0.125rem solid var(--IDS-FOCUS__OUTLINE-COLOR);
+  outline-offset: var(--IDS-FOCUS__OUTLINE-OFFSET) !important;
 }
-table.ids-data-table th:hover .ids-data-table__icon,
-table.ids-data-table td:hover .ids-data-table__icon {
-  color: var(--IDS-DATA-TABLE__ICON-HOVER-COLOR);
+table.ids-data-table th .ids-data-table__sort-button.ids-button--disabled, table.ids-data-table th .ids-data-table__sort-button[disabled],
+table.ids-data-table td .ids-data-table__sort-button.ids-button--disabled,
+table.ids-data-table td .ids-data-table__sort-button[disabled] {
+  color: var(--IDS-BUTTON--DISABLED__COLOR) !important;
+  border: var(--IDS-BUTTON__BORDER-THICKNESS) solid transparent !important;
+  background-color: transparent !important;
+  pointer-events: none;
 }
-table.ids-data-table th {
+table.ids-data-table th .ids-data-table__sort-button [class^=ids-icon-]::before,
+table.ids-data-table th .ids-data-table__sort-button [class*=" ids-icon-"]::before,
+table.ids-data-table td .ids-data-table__sort-button [class^=ids-icon-]::before,
+table.ids-data-table td .ids-data-table__sort-button [class*=" ids-icon-"]::before {
+  position: absolute;
+}
+table.ids-data-table th .ids-data-table__sort-button,
+table.ids-data-table td .ids-data-table__sort-button {
+  border-radius: 100%;
+  text-decoration: none !important;
   cursor: pointer;
+  width: 2rem;
+  height: 2rem;
+  margin-top: -0.5rem;
+  margin-bottom: -0.5rem;
+}
+table.ids-data-table th .ids-data-table__sort-button:focus-visible,
+table.ids-data-table td .ids-data-table__sort-button:focus-visible {
+  border-radius: 100%;
+}
+table.ids-data-table thead tr {
+  border-top-left-radius: var(--IDS-DATA-TABLE__BORDER-TOP-RADIUS);
+  border-top-right-radius: var(--IDS-DATA-TABLE__BORDER-TOP-RADIUS);
+}
+table.ids-data-table thead tr th {
   white-space: nowrap;
   font-weight: bold;
   border-bottom: 0.125rem solid var(--IDS-DATA-TABLE__CELL-BORDER-COLOR);
@@ -56,18 +173,14 @@ table.ids-data-table th {
   font-family: var(--IDS-DATA-TABLE__HEAD-FONT-FAMILY);
   color: var(--IDS-DATA-TABLE__HEAD-COLOR);
 }
-table.ids-data-table th:not(:first-child):not(:last-child) {
+table.ids-data-table thead tr th:not(:first-child):not(:last-child) {
   padding: 0.75rem 0.5rem 0.75rem 0.5rem;
 }
-table.ids-data-table th:focus-visible {
+table.ids-data-table thead tr th:focus-visible {
   outline: 0.125rem solid var(--IDS-FOCUS__OUTLINE-COLOR);
   outline-offset: -0.313rem !important;
   z-index: 2;
 }
-table.ids-data-table thead tr {
-  border-top-left-radius: var(--IDS-DATA-TABLE__BORDER-TOP-RADIUS);
-  border-top-right-radius: var(--IDS-DATA-TABLE__BORDER-TOP-RADIUS);
-}
 table.ids-data-table thead tr th:first-child {
   border-top-left-radius: var(--IDS-DATA-TABLE__BORDER-TOP-RADIUS);
 }
@@ -77,15 +190,18 @@ table.ids-data-table thead tr th:last-child {
 table.ids-data-table tbody tr {
   border-bottom: 0.063rem solid var(--IDS-DATA-TABLE__CELL-BORDER-COLOR);
 }
+table.ids-data-table tbody tr th,
 table.ids-data-table tbody tr td {
   color: var(--IDS-DATA-TABLE__CELL-COLOR);
   font-size: 0.875rem;
   vertical-align: middle;
 }
+table.ids-data-table tbody tr th.ids-data-table__td--flex,
 table.ids-data-table tbody tr td.ids-data-table__td--flex {
   display: flex;
   align-items: center;
 }
+table.ids-data-table tbody tr th.ids-data-table__td--align-top,
 table.ids-data-table tbody tr td.ids-data-table__td--align-top {
   vertical-align: top;
 }
@@ -96,12 +212,15 @@ table.ids-data-table tbody tr:last-child {
   border-bottom-left-radius: var(--IDS-DATA-TABLE__BORDER-BOTTOM-RADIUS);
   border-bottom-right-radius: var(--IDS-DATA-TABLE__BORDER-BOTTOM-RADIUS);
 }
+table.ids-data-table tbody tr:last-child th,
 table.ids-data-table tbody tr:last-child td {
   border-bottom: none;
 }
+table.ids-data-table tbody tr:last-child th:first-child,
 table.ids-data-table tbody tr:last-child td:first-child {
   border-bottom-left-radius: var(--IDS-DATA-TABLE__BORDER-BOTTOM-RADIUS);
 }
+table.ids-data-table tbody tr:last-child th:last-child,
 table.ids-data-table tbody tr:last-child td:last-child {
   border-bottom-right-radius: var(--IDS-DATA-TABLE__BORDER-BOTTOM-RADIUS);
 }
@@ -116,12 +235,10 @@ table.ids-data-table.ids-data-table--interactive tbody tr:hover {
   background-color: var(--IDS-DATA-TABLE__ROW--SELECTED__COLOR);
   cursor: pointer;
 }
-table.ids-data-table.ids-data-table--interactive tbody tr:focus-visible {
-  outline: 0.125rem solid var(--IDS-FOCUS__OUTLINE-COLOR);
-  outline-offset: -0.25rem !important;
+table.ids-data-table.ids-data-table--interactive tbody tr:focus-within {
   background-color: var(--IDS-DATA-TABLE__ROW--SELECTED__COLOR);
 }
-table.ids-data-table.ids-data-table--interactive tbody tr:focus-visible:last-child {
+table.ids-data-table.ids-data-table--interactive tbody tr:focus-within:last-child {
   border-radius: 0 0 var(--IDS-DATA-TABLE__BORDER-BOTTOM-RADIUS) var(--IDS-DATA-TABLE__BORDER-BOTTOM-RADIUS);
 }
 table.ids-data-table.ids-data-table--empty td {

package/components/dialog/dialog-lit.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { css, unsafeCSS } from 'lit';
-var css_248z = "@media (max-width:1023px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}.ids-dialog{align-items:flex-start;background-color:var(--IDS-DIALOG__BACKGROUND-COLOR);border:var(--IDS-DIALOG__BORDER-WIDTH) solid var(--IDS-DIALOG__BORDER-COLOR);border-radius:var(--IDS-BORDER-RADIUS-LARGE);box-shadow:var(--IDS-BOX-SHADOW-ELEVATED-2);box-sizing:border-box;color:var(--IDS-DIALOG__COLOR);display:flex;flex-direction:column;left:50%;max-height:calc(100% - 10rem);max-width:calc(100% - 3.75rem);padding:1.75rem 1.25rem;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}.ids-dialog.ids-dialog--hidden{display:none}.ids-dialog .ids-dialog__dismissible{background-color:var(--IDS-DIALOG__BACKGROUND-COLOR);position:absolute;right:.75rem;top:1rem}.ids-dialog .ids-dialog__dismissible .ids-dialog__close-button{background:none;border:none;color:inherit;font:inherit;min-height:1.5rem;min-width:1.5rem;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__dismissible .ids-dialog__close-button:focus-visible{outline:.125rem solid var(--IDS-FOCUS__OUTLINE-COLOR);outline-offset:.375rem!important}.ids-dialog .ids-dialog__dismissible .ids-dialog__close-button{align-items:center;border-radius:var(--IDS-BORDER-RADIUS-100);cursor:pointer;display:flex;height:1.25rem;justify-content:center;position:relative;width:1.25rem}.ids-dialog .ids-dialog__dismissible .ids-dialog__close-button:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-ICON--ACTIVE-COLOR);content:\"\\e916\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1.25rem;position:absolute}.ids-dialog .ids-dialog__dismissible .ids-dialog__close-button:hover:before{color:var(--IDS-ICON--ACTIVE-HOVER-COLOR)}.ids-dialog .ids-dialog__body::-webkit-scrollbar{width:.625rem}.ids-dialog .ids-dialog__body::-webkit-scrollbar-thumb{background:var(--IDS-SCROLL__THUMB-COLOR);border:.125rem solid var(--IDS-SCROLL__TRACK-BACKGROUND-COLOR);border-radius:.625rem;cursor:auto}.ids-dialog .ids-dialog__body::-webkit-scrollbar-thumb:hover{background:var(--IDS-SCROLL__THUMB-HOVER-COLOR)}.ids-dialog .ids-dialog__body::-webkit-scrollbar-track{background:var(--IDS-SCROLL__TRACK-BACKGROUND-COLOR);border-radius:.625rem;margin-top:0;outline:.0625rem solid var(--IDS-SCROLL__TRACK-OUTLINE-COLOR)}.ids-dialog .ids-dialog__body::-webkit-scrollbar-corner{background-color:transparent}.ids-dialog .ids-dialog__body{box-sizing:content-box;color:var(--ids-color-surface-text-on-default);font-family:var(--IDS-FONT-FAMILY-BASE);height:100%;margin-right:-.4375rem;overflow-y:auto;padding:0 .75rem 0 .25rem;width:-webkit-fill-available;width:-moz-available}.ids-dialog .ids-dialog__body.ids-dialog__body--scroll-area-focus:focus-visible{outline:.125rem solid var(--IDS-FOCUS__OUTLINE-COLOR);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)!important}.ids-dialog .ids-dialog__body .ids-dialog__body-headline{align-self:center;margin:0}.ids-dialog .ids-dialog__body .ids-dialog__body-content{margin-top:1.25rem}.ids-dialog.ids-dialog--dismissible .ids-dialog__body-headline{margin-right:1rem}.ids-dialog.ids-dialog--dismissible .ids-dialog__body::-webkit-scrollbar{width:.625rem}.ids-dialog.ids-dialog--dismissible .ids-dialog__body::-webkit-scrollbar-thumb{background:var(--IDS-SCROLL__THUMB-COLOR);border:.125rem solid var(--IDS-SCROLL__TRACK-BACKGROUND-COLOR);border-radius:.625rem;cursor:auto}.ids-dialog.ids-dialog--dismissible .ids-dialog__body::-webkit-scrollbar-thumb:hover{background:var(--IDS-SCROLL__THUMB-HOVER-COLOR)}.ids-dialog.ids-dialog--dismissible .ids-dialog__body::-webkit-scrollbar-track{background:var(--IDS-SCROLL__TRACK-BACKGROUND-COLOR);border-radius:.625rem;margin-top:1rem;outline:.0625rem solid var(--IDS-SCROLL__TRACK-OUTLINE-COLOR)}.ids-dialog.ids-dialog--dismissible .ids-dialog__body::-webkit-scrollbar-corner{background-color:transparent}.ids-dialog .ids-dialog__footer{align-items:center;display:flex;flex-wrap:wrap;gap:1.25rem;justify-content:center;margin-top:1.875rem;padding-bottom:.25rem;width:100%}@media (max-width:1023px){.ids-dialog .ids-dialog__footer{flex-direction:column;gap:1.25rem}}@media (max-width:639px){.ids-dialog{max-height:calc(100% - 5rem);width:calc(100% - 3.75rem)}}.ids-dialog-overlay{background-color:var(--IDS-OVERLAY__BACKGROUND-COLOR);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{align-items:flex-start;background-color:var(--IDS-DIALOG__BACKGROUND-COLOR);border:var(--IDS-DIALOG__BORDER-WIDTH) solid var(--IDS-DIALOG__BORDER-COLOR);border-radius:var(--IDS-BORDER-RADIUS-LARGE);box-shadow:var(--IDS-BOX-SHADOW-ELEVATED-2);box-sizing:border-box;color:var(--IDS-DIALOG__COLOR);display:flex;flex-direction:column;left:50%;max-height:calc(100% - 10rem);max-width:calc(100% - 3.75rem);padding:1.75rem 1.25rem;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}.ids-dialog.ids-dialog--hidden{display:none}.ids-dialog .ids-dialog__dismissible{background-color:var(--IDS-DIALOG__BACKGROUND-COLOR);position:absolute;right:.75rem;top:1rem}.ids-dialog .ids-dialog__dismissible .ids-dialog__close-button{background:none;border:none;color:inherit;font:inherit;min-height:1.5rem;min-width:1.5rem;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__dismissible .ids-dialog__close-button:focus-visible{outline:.125rem solid var(--IDS-FOCUS__OUTLINE-COLOR);outline-offset:.375rem!important}.ids-dialog .ids-dialog__dismissible .ids-dialog__close-button{align-items:center;border-radius:var(--IDS-BORDER-RADIUS-100);cursor:pointer;display:flex;height:1.25rem;justify-content:center;position:relative;width:1.25rem}.ids-dialog .ids-dialog__dismissible .ids-dialog__close-button:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-ICON--ACTIVE-COLOR);content:\"\\e916\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1rem;font-size:1.25rem;position:absolute}.ids-dialog .ids-dialog__dismissible .ids-dialog__close-button:hover:before{color:var(--IDS-ICON--ACTIVE-HOVER-COLOR)}.ids-dialog .ids-dialog__body::-webkit-scrollbar{width:.625rem}.ids-dialog .ids-dialog__body::-webkit-scrollbar-thumb{background:var(--IDS-SCROLL__THUMB-COLOR);border:.125rem solid var(--IDS-SCROLL__TRACK-BACKGROUND-COLOR);border-radius:.625rem;cursor:auto}.ids-dialog .ids-dialog__body::-webkit-scrollbar-thumb:hover{background:var(--IDS-SCROLL__THUMB-HOVER-COLOR)}.ids-dialog .ids-dialog__body::-webkit-scrollbar-track{background:var(--IDS-SCROLL__TRACK-BACKGROUND-COLOR);border-radius:.625rem;margin-top:0;outline:.0625rem solid var(--IDS-SCROLL__TRACK-OUTLINE-COLOR)}.ids-dialog .ids-dialog__body::-webkit-scrollbar-corner{background-color:transparent}.ids-dialog .ids-dialog__body{box-sizing:content-box;color:var(--ids-color-surface-text-on-default);font-family:var(--IDS-FONT-FAMILY-BASE);height:100%;margin-right:-.1875rem;overflow-y:auto;padding:0 .75rem 0 .25rem;width:-webkit-fill-available;width:-moz-available}.ids-dialog .ids-dialog__body.ids-dialog__body--scroll-area-focus:focus-visible{outline:.125rem solid var(--IDS-FOCUS__OUTLINE-COLOR);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)!important}.ids-dialog .ids-dialog__body .ids-dialog__body-headline{align-self:center;margin:0}.ids-dialog .ids-dialog__body .ids-dialog__body-content{margin-top:1.25rem}.ids-dialog.ids-dialog--dismissible .ids-dialog__body-headline{margin-right:1rem}.ids-dialog.ids-dialog--dismissible .ids-dialog__body::-webkit-scrollbar{width:.625rem}.ids-dialog.ids-dialog--dismissible .ids-dialog__body::-webkit-scrollbar-thumb{background:var(--IDS-SCROLL__THUMB-COLOR);border:.125rem solid var(--IDS-SCROLL__TRACK-BACKGROUND-COLOR);border-radius:.625rem;cursor:auto}.ids-dialog.ids-dialog--dismissible .ids-dialog__body::-webkit-scrollbar-thumb:hover{background:var(--IDS-SCROLL__THUMB-HOVER-COLOR)}.ids-dialog.ids-dialog--dismissible .ids-dialog__body::-webkit-scrollbar-track{background:var(--IDS-SCROLL__TRACK-BACKGROUND-COLOR);border-radius:.625rem;margin-top:1rem;outline:.0625rem solid var(--IDS-SCROLL__TRACK-OUTLINE-COLOR)}.ids-dialog.ids-dialog--dismissible .ids-dialog__body::-webkit-scrollbar-corner{background-color:transparent}.ids-dialog .ids-dialog__footer{align-items:center;display:flex;flex-wrap:wrap;gap:1.25rem;justify-content:center;margin-top:1.875rem;padding-bottom:.25rem;width:100%}@media (max-width:1023px){.ids-dialog .ids-dialog__footer{flex-direction:column;gap:1.25rem}}@media (max-width:639px){.ids-dialog{max-height:calc(100% - 5rem);width:calc(100% - 3.75rem)}}.ids-dialog-overlay{background-color:var(--IDS-OVERLAY__BACKGROUND-COLOR);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 CHANGED Viewed

@@ -79,6 +79,7 @@
   position: absolute;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
+  font-size: 1rem;
   content: "\e916";
   font-size: 1.25rem;
   color: var(--IDS-ICON--ACTIVE-COLOR);
@@ -111,7 +112,7 @@
   font-family: var(--IDS-FONT-FAMILY-BASE);
   color: var(--ids-color-surface-text-on-default);
   padding: 0 0.75rem 0 0.25rem;
-  margin-right: -0.4375rem;
+  margin-right: -0.1875rem;
   height: 100%;
   box-sizing: content-box;
   overflow-y: auto;

package/components/dropdown/dropdown-lit.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { css, unsafeCSS } from 'lit';
-var css_248z = "@media (max-width:1023px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}.ids-dropdown{display:inline-block;position:relative}.ids-dropdown .ids-dropdown__content{display:none}.ids-dropdown.ids-dropdown--expanded .ids-dropdown__content{display:block}@media (max-width:1023px){.ids-dropdown.ids-dropdown--m-block{display:block;width:100%}}@media (max-width:639px){.ids-dropdown.ids-dropdown--s-block{display:block;width:100%}}.ids-dropdown-content{background-color:var(--IDS-DROPDOWN__CONTENT-BACKGROUND-COLOR);border:.063rem solid var(--IDS-DROPDOWN__BORDER-COLOR);border-radius:var(--IDS-DROPDOWN-CONTENT__BORDER-RADIUS);box-shadow:var(--IDS-BOX-SHADOW-ELEVATED-2);display:none;flex-direction:column;left:0;max-width:-webkit-fill-available;max-width:-moz-available;min-width:fit-content;padding:.5rem;position:absolute;right:auto;top:calc(100% + .25rem);width:-webkit-fill-available;width:-moz-available;z-index:10}.ids-dropdown-content.ids-dropdown-content--show{display:flex}.ids-dropdown-content.ids-dropdown-content--scrollable .ids-dropdown-content__scroll-area:focus-visible{outline:.125rem solid var(--IDS-FOCUS__OUTLINE-COLOR);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)!important}.ids-dropdown-content.ids-dropdown-content--scrollable .ids-dropdown-content__scroll-area::-webkit-scrollbar{width:.625rem}.ids-dropdown-content.ids-dropdown-content--scrollable .ids-dropdown-content__scroll-area::-webkit-scrollbar-thumb{background:var(--IDS-SCROLL__THUMB-COLOR);border:.125rem solid var(--IDS-SCROLL__TRACK-BACKGROUND-COLOR);border-radius:.625rem;cursor:auto}.ids-dropdown-content.ids-dropdown-content--scrollable .ids-dropdown-content__scroll-area::-webkit-scrollbar-thumb:hover{background:var(--IDS-SCROLL__THUMB-HOVER-COLOR)}.ids-dropdown-content.ids-dropdown-content--scrollable .ids-dropdown-content__scroll-area::-webkit-scrollbar-track{background:var(--IDS-SCROLL__TRACK-BACKGROUND-COLOR);border-radius:.625rem;margin-top:0;outline:.0625rem solid var(--IDS-SCROLL__TRACK-OUTLINE-COLOR)}.ids-dropdown-content.ids-dropdown-content--scrollable .ids-dropdown-content__scroll-area::-webkit-scrollbar-corner{background-color:transparent}.ids-dropdown-content.ids-dropdown-content--scrollable .ids-dropdown-content__scroll-area{border-radius:var(--IDS-DROPDOWN-CONTENT__BORDER-RADIUS);margin:0 -.5rem;overflow:auto;padding:0 .5rem}.ids-dropdown-content.ids-dropdown-content--position-right{left:auto;right:0}.ids-dropdown-content .ids-dropdown-content__button,.ids-dropdown-content .ids-dropdown-content__link{background:none;border:none;border-radius:var(--IDS-DROPDOWN__LINK-BORDER-RADIUS);color:var(--IDS-DROPDOWN__LINK-COLOR);cursor:pointer;display:flex;flex-grow:1;font-family:var(--IDS-FONT-FAMILY-BASE)!important;font-size:1rem!important;font-style:normal!important;font-weight:400!important;gap:.5rem;line-height:1.5rem!important;padding:.375rem .75rem!important;text-align:left;text-decoration:none!important;white-space:normal!important;width:100%}.ids-dropdown-content .ids-dropdown-content__button:hover,.ids-dropdown-content .ids-dropdown-content__link:hover{background-color:var(--IDS-DROPDOWN__LINK-HOVER-BACKGROUND-COLOR);border-radius:var(--IDS-DROPDOWN__LINK-BORDER-RADIUS);color:var(--IDS-DROPDOWN__LINK-HOVER-COLOR)}.ids-dropdown-content .ids-dropdown-content__button:active,.ids-dropdown-content .ids-dropdown-content__link:active{background-color:var(--IDS-DROPDOWN__LINK-ACTIVE-BACKGROUND-COLOR);color:var(--IDS-DROPDOWN__LINK-HOVER-COLOR)}.ids-dropdown-content .ids-dropdown-content__button:focus-visible,.ids-dropdown-content .ids-dropdown-content__link:focus-visible,.ids-dropdown-content a:focus-visible,.ids-dropdown-content button:focus-visible{outline:var(--IDS-FOCUS__OUTLINE);outline-color:var(--IDS-DROPDOWN__LINK-HOVER-BACKGROUND-COLOR)!important;outline-offset:-.125rem!important}@media (max-width:1023px){.ids-dropdown-content.ids-dropdown-content--mblock{left:0!important;max-width:none;right:0!important}}@media (max-width:639px){.ids-dropdown-content.ids-dropdown-content--sblock{left:0!important;max-width:none;right:0!important}}";
+var css_248z = "@media (max-width:1023px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}.ids-dropdown{display:inline-block;position:relative}.ids-dropdown .ids-dropdown__content{display:none}.ids-dropdown.ids-dropdown--expanded .ids-dropdown__content{display:block}@media (max-width:1023px){.ids-dropdown.ids-dropdown--m-block{display:block;width:100%}}@media (max-width:639px){.ids-dropdown.ids-dropdown--s-block{display:block;width:100%}}.ids-dropdown-content{background-color:var(--IDS-DROPDOWN__CONTENT-BACKGROUND-COLOR);border:.063rem solid var(--IDS-DROPDOWN__BORDER-COLOR);border-radius:var(--IDS-DROPDOWN-CONTENT__BORDER-RADIUS);box-shadow:var(--IDS-BOX-SHADOW-ELEVATED-2);display:none;flex-direction:column;left:0;max-width:-webkit-fill-available;max-width:-moz-available;min-width:fit-content;padding:.5rem;position:absolute;right:auto;top:calc(100% + .25rem);width:-webkit-fill-available;width:-moz-available;z-index:10}.ids-dropdown-content.ids-dropdown-content--show{display:flex}.ids-dropdown-content.ids-dropdown-content--scrollable .ids-dropdown-content__scroll-area:focus-visible{outline:.125rem solid var(--IDS-FOCUS__OUTLINE-COLOR);outline-offset:-.125rem!important}.ids-dropdown-content.ids-dropdown-content--scrollable .ids-dropdown-content__scroll-area::-webkit-scrollbar{width:.625rem}.ids-dropdown-content.ids-dropdown-content--scrollable .ids-dropdown-content__scroll-area::-webkit-scrollbar-thumb{background:var(--IDS-SCROLL__THUMB-COLOR);border:.125rem solid var(--IDS-SCROLL__TRACK-BACKGROUND-COLOR);border-radius:.625rem;cursor:auto}.ids-dropdown-content.ids-dropdown-content--scrollable .ids-dropdown-content__scroll-area::-webkit-scrollbar-thumb:hover{background:var(--IDS-SCROLL__THUMB-HOVER-COLOR)}.ids-dropdown-content.ids-dropdown-content--scrollable .ids-dropdown-content__scroll-area::-webkit-scrollbar-track{background:var(--IDS-SCROLL__TRACK-BACKGROUND-COLOR);border-radius:.625rem;margin-top:0;outline:.0625rem solid var(--IDS-SCROLL__TRACK-OUTLINE-COLOR)}.ids-dropdown-content.ids-dropdown-content--scrollable .ids-dropdown-content__scroll-area::-webkit-scrollbar-corner{background-color:transparent}.ids-dropdown-content.ids-dropdown-content--scrollable .ids-dropdown-content__scroll-area{border-radius:var(--IDS-DROPDOWN-CONTENT__BORDER-RADIUS);margin:-.125rem;overflow:auto;padding:.125rem}.ids-dropdown-content.ids-dropdown-content--position-right{left:auto;right:0}.ids-dropdown-content .ids-dropdown-content__button,.ids-dropdown-content .ids-dropdown-content__link{background:none;border:none;border-radius:var(--IDS-DROPDOWN__LINK-BORDER-RADIUS);color:var(--IDS-DROPDOWN__LINK-COLOR);cursor:pointer;display:flex;flex-grow:1;font-family:var(--IDS-FONT-FAMILY-BASE)!important;font-size:1rem!important;font-style:normal!important;font-weight:400!important;gap:.5rem;line-height:1.5rem!important;padding:.375rem .75rem!important;text-align:left;text-decoration:none!important;white-space:normal!important;width:100%}.ids-dropdown-content .ids-dropdown-content__button:hover,.ids-dropdown-content .ids-dropdown-content__link:hover{background-color:var(--IDS-DROPDOWN__LINK-HOVER-BACKGROUND-COLOR);border-radius:var(--IDS-DROPDOWN__LINK-BORDER-RADIUS);color:var(--IDS-DROPDOWN__LINK-HOVER-COLOR)}.ids-dropdown-content .ids-dropdown-content__button:active,.ids-dropdown-content .ids-dropdown-content__link:active{background-color:var(--IDS-DROPDOWN__LINK-ACTIVE-BACKGROUND-COLOR);color:var(--IDS-DROPDOWN__LINK-HOVER-COLOR)}.ids-dropdown-content .ids-dropdown-content__button:focus-visible,.ids-dropdown-content .ids-dropdown-content__link:focus-visible,.ids-dropdown-content a:focus-visible,.ids-dropdown-content button:focus-visible{outline:var(--IDS-FOCUS__OUTLINE);outline-color:var(--IDS-DROPDOWN__LINK-HOVER-BACKGROUND-COLOR)!important;outline-offset:-.125rem!important}@media (max-width:1023px){.ids-dropdown-content.ids-dropdown-content--mblock{left:0!important;max-width:none;right:0!important}}@media (max-width:639px){.ids-dropdown-content.ids-dropdown-content--sblock{left:0!important;max-width:none;right:0!important}}";
 var dropdownLit = css`
   ${unsafeCSS(css_248z)}

package/components/dropdown/dropdown.css CHANGED Viewed

@@ -57,7 +57,7 @@
 }
 .ids-dropdown-content.ids-dropdown-content--scrollable .ids-dropdown-content__scroll-area:focus-visible {
   outline: 0.125rem solid var(--IDS-FOCUS__OUTLINE-COLOR);
-  outline-offset: var(--IDS-FOCUS__OUTLINE-OFFSET) !important;
+  outline-offset: -0.125rem !important;
 }
 .ids-dropdown-content.ids-dropdown-content--scrollable .ids-dropdown-content__scroll-area::-webkit-scrollbar {
   width: 0.625rem;
@@ -82,8 +82,8 @@
 }
 .ids-dropdown-content.ids-dropdown-content--scrollable .ids-dropdown-content__scroll-area {
   overflow: auto;
-  padding: 0 0.5rem;
-  margin: 0 -0.5rem;
+  padding: 0.125rem;
+  margin: -0.125rem;
   border-radius: var(--IDS-DROPDOWN-CONTENT__BORDER-RADIUS);
 }
 .ids-dropdown-content.ids-dropdown-content--position-right {

package/components/footer-1177/footer-1177-lit.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { css, unsafeCSS } from 'lit';
-var css_248z = "@media (max-width:1023px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}.ids--dark,.ids--light{--IDS-FONT-FAMILY-BASE:\"Open Sans\";--IDS-FONT-FAMILY-HEADING:\"Inter\";--IDS-FONT-COLOR:var(--ids-color-surface-text-on-default);--IDS-HEADING-XXL__MARGIN-BOTTOM:1.875rem;--IDS-HEADING-XL__MARGIN-BOTTOM:1.875rem;--IDS-HEADING-L__MARGIN-BOTTOM:1.875rem;--IDS-PAGE-LIST__COLOR:var(--ids-color-brand-text-primary);--IDS-PAGE-LIST__FONT-FAMILY:var(--IDS-FONT-FAMILY-HEADING);--IDS-PAGE-LIST__FONT-SIZE:1.25rem;--IDS-PAGE-LIST__LINE-HEIGHT:1.5rem;--IDS-PAGE-LIST__FONT-WEIGHT:700;--IDS-PAGE-LIST__LETTER-SPACING:-0.025rem;--IDS-BULLET-LIST__MARKER-COLOR:var(--ids-color-brand-text-primary);--IDS-BULLET-LIST__MARKER-FONT-WEIGHT:bold;--IDS-BULLET-LIST__LINE-HEIGHT:1.5rem;--IDS-DIVIDER__COLOR:var(--ids-color-surface-border-default)}.ids--dark.ids--1177-admin,.ids--dark.ids--1177-pro,.ids--light.ids--1177-admin,.ids--light.ids--1177-pro{--IDS-PAGE-LIST__COLOR:var(--ids-color-interactive-text-default)}.ids--dark.ids--inera,.ids--dark.ids--inera-admin,.ids--light.ids--inera,.ids--light.ids--inera-admin{--IDS-FONT-FAMILY-BASE:\"Open Sans\";--IDS-FONT-FAMILY-HEADING:\"Poppins\";--IDS-HEADING-XXL__MARGIN-BOTTOM:1.25rem;--IDS-HEADING-XL__MARGIN-BOTTOM:1.25rem;--IDS-HEADING-L__MARGIN-BOTTOM:1.25rem;--IDS-PAGE-LIST__FONT-WEIGHT:600;--IDS-PAGE-LIST__LETTER-SPACING:0;--IDS-BULLET-LIST__MARKER-FONT-WEIGHT:normal;--IDS-BULLET-LIST__LINE-HEIGHT:1.625rem;--IDS-DESCRIPTION-LIST__TERM-FONT-WEIGHT:600}.ids--dark.ids--dark,.ids--light.ids--dark{--IDS-PAGE-LIST__COLOR:var(--ids-color-navigation-text-default)}.ids--dark.ids--dark.ids--1177-admin,.ids--dark.ids--dark.ids--1177-pro,.ids--dark.ids--dark.ids--inera,.ids--dark.ids--dark.ids--inera-admin,.ids--light.ids--dark.ids--1177-admin,.ids--light.ids--dark.ids--1177-pro,.ids--light.ids--dark.ids--inera,.ids--light.ids--dark.ids--inera-admin{--IDS-PAGE-LIST__COLOR:var(--ids-color-interactive-text-default)}.ids-footer-1177{background-color:var(--IDS-FOOTER-1177__BACKGROUND-COLOR);margin-top:30px;position:relative}.ids-footer-1177 .ids-footer-1177__inner{margin:0 auto;max-width:var(--IDS__MAX-WIDTH);padding:var(--IDS__CONTAINER-PADDING);padding-bottom:6.25rem;padding-top:1.875rem}@media (max-width:1023px){.ids-footer-1177 .ids-footer-1177__inner{padding-bottom:2.5rem}}.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__headline-wrapper{padding-bottom:1.25rem}.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__headline-wrapper .ids-footer-1177__headline{color:var(--IDS-FOOTER-1177__HEADLINE-COLOR);display:inline;font-family:var(--IDS-FONT-FAMILY-HEADING);font-size:1.5rem;font-weight:700;line-height:1.875rem}.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__headline-wrapper .ids-footer-1177__headline .ids-footer-1177__headline--sub{color:var(--IDS-FOOTER-1177__BYLINE-COLOR)}.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__headline-wrapper .ids-footer-1177__headline--sr{clip:rect(0,0,0,0);border:0;height:.063rem;margin:-.063rem;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:.063rem}.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__content{display:flex;gap:6.5rem}.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__content .ids-footer-1177__text{color:var(--IDS-FOOTER-1177__COLOR);flex:0 0 40%;font-family:var(--ids-font-family-body-text);font-size:var(--ids-font-size-body-text);font-style:normal;font-weight:var(--ids-font-weight-body-text);letter-spacing:0;line-height:var(--ids-font-line-height-body-text);max-width:40%}@media (max-width:1023px){.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__content .ids-footer-1177__text{flex:0 0 100%;margin-right:0;max-width:100%}}.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__content .ids-footer-1177__darkmode-toggle{margin-top:1rem}.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__content .ids-footer-1177__cols{display:flex;flex-grow:1;gap:3.5rem;justify-content:space-between}.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__content .ids-footer-1177__link-col ul{list-style:none;margin:0!important;padding:0!important}.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__content .ids-footer-1177__link-col .ids-link{margin-bottom:1rem}.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__content .ids-footer-1177__link-col.ids-footer-1177__link-col--100{width:100%}.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__content .ids-footer-1177__link-col.ids-footer-1177__link-col--50{width:50%}.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__content .ids-footer-1177__link-col.ids-footer-1177__link-col--33{width:33%}@media (max-width:1023px){.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__content .ids-footer-1177__link-col{display:none}.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__content{gap:0}}.ids-footer-1177 .ids-footer-1177__mobile-menu{display:none}@media (max-width:1023px){.ids-footer-1177 .ids-footer-1177__mobile-menu{display:block;padding-bottom:1.25rem}}.ids-footer-1177 .ids-footer-1177__sub-footer{background-color:var(--IDS-FOOTER-1177-SUB__BACKGROUND-COLOR);font-family:var(--IDS-FONT-FAMILY-BASE);position:relative}.ids-footer-1177 .ids-footer-1177__sub-footer button{background:none;border:none;border-radius:var(--IDS-FOCUS__BORDER-RADIUS);box-sizing:border-box;color:inherit;color:var(--IDS-LINK--COLOR-PRESET-3__COLOR);cursor:pointer;display:inline-block!important;font:inherit;font-family:var(--IDS-LINK__FONT-FAMILY);font-size:.875rem!important;line-height:1.25rem!important;outline:inherit;padding:0;text-align:left;text-decoration:underline;text-underline-offset:.125rem;width:auto}.ids-footer-1177 .ids-footer-1177__sub-footer button:focus-visible{outline:.125rem solid var(--IDS-FOCUS__OUTLINE--LIGHT-COLOR)!important}@media (max-width:1023px){.ids-footer-1177 .ids-footer-1177__sub-footer{border-top:none}}.ids-footer-1177 .ids-footer-1177__sub-footer .ids-footer-1177__sub-footer-container{margin:0 auto;max-width:var(--IDS__MAX-WIDTH);padding:var(--IDS__CONTAINER-PADDING);padding-bottom:1rem;position:relative;z-index:4}.ids-footer-1177 .ids-footer-1177__sub-footer .ids-footer-1177__sub-footer-container .ids-footer-1177__sub-footer-inner{align-items:center;display:flex;justify-content:space-between}@media (max-width:1023px){.ids-footer-1177 .ids-footer-1177__sub-footer .ids-footer-1177__sub-footer-container .ids-footer-1177__sub-footer-inner{align-items:unset;flex-direction:column}}.ids-footer-1177 .ids-footer-1177__sub-footer .ids-footer-1177__sub-footer-container .ids-footer-1177__sub-footer-inner .ids-footer-1177__sub-footer-left{display:flex;flex:60%;flex-wrap:wrap;gap:.25rem 3rem}.ids-footer-1177 .ids-footer-1177__sub-footer .ids-footer-1177__sub-footer-container .ids-footer-1177__sub-footer-inner .ids-footer-1177__sub-footer-left .ids-link{display:block!important;white-space:nowrap}@media (max-width:1023px){.ids-footer-1177 .ids-footer-1177__sub-footer .ids-footer-1177__sub-footer-container .ids-footer-1177__sub-footer-inner .ids-footer-1177__sub-footer-left{display:none}}.ids-footer-1177 .ids-footer-1177__sub-footer .ids-footer-1177__sub-footer-container .ids-footer-1177__sub-footer-inner .ids-footer-1177__sub-footer-right,.ids-footer-1177 .ids-footer-1177__sub-footer .ids-footer-1177__sub-footer-container .ids-footer-1177__sub-footer-inner .ids-footer-1177__sub-footer-right p{color:var(--IDS-FOOTER-1177-SUB__COLOR)!important;flex:auto;font-family:var(--IDS-FONT-FAMILY-BASE);font-size:.875rem!important;line-height:1.125rem!important;text-align:end}@media (max-width:1023px){.ids-footer-1177 .ids-footer-1177__sub-footer .ids-footer-1177__sub-footer-container .ids-footer-1177__sub-footer-inner .ids-footer-1177__sub-footer-right,.ids-footer-1177 .ids-footer-1177__sub-footer .ids-footer-1177__sub-footer-container .ids-footer-1177__sub-footer-inner .ids-footer-1177__sub-footer-right p{display:none}.ids-footer-1177 .ids-footer-1177__sub-footer .ids-footer-1177__sub-footer-container{height:auto;padding:0}}.ids-footer-1177 .ids-footer-1177__mobile-links{background-color:var(--IDS-FOOTER-1177-SUB__BACKGROUND-COLOR);display:none;flex-direction:column;font-size:.875rem;gap:1.25rem;padding-left:1.25rem;padding-right:1.25rem;padding-top:2rem}.ids-footer-1177 .ids-footer-1177__mobile-links a{display:block;width:100%}.ids-footer-1177 .ids-footer-1177__mobile-links a,.ids-footer-1177 .ids-footer-1177__mobile-links button{font-size:1rem!important;line-height:1.5rem!important}@media (max-width:1023px){.ids-footer-1177 .ids-footer-1177__mobile-links{display:flex}}.ids-footer-1177 .ids-footer-1177__sub-footer-mobile{align-items:center;background-color:var(--IDS-FOOTER-1177-SUB__BACKGROUND-COLOR);color:var(--IDS-FOOTER-1177-SUB__COLOR);display:none;flex-direction:column;font-family:var(--IDS-FONT-FAMILY-BASE);font-size:.875rem;justify-content:center;line-height:1.25rem;margin-top:2.5rem;padding:2.125rem 2.5rem 2.5rem;position:relative;text-align:center}.ids-footer-1177 .ids-footer-1177__sub-footer-mobile .ids-footer-1177__sub-footer-mobile-text{margin-top:2rem}.ids-footer-1177 .ids-footer-1177__sub-footer-mobile:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-FOOTER-1177-SUB__COLOR);content:\"\\e91e\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:5.625rem;position:absolute;top:-1.75rem}@media (max-width:1023px){.ids-footer-1177 .ids-footer-1177__sub-footer-mobile{display:flex}}.ids-footer-1177:after{background-image:var(--IDS-FOOTER-1177__AFTER);top:-1.875rem;z-index:2}.ids-footer-1177 .ids-footer-1177__sub-footer:before,.ids-footer-1177:after{background-color:transparent;background-size:100% 1.875rem;content:\"\";height:1.875rem;position:absolute;width:100%}.ids-footer-1177 .ids-footer-1177__sub-footer:before{background-image:var(--IDS-FOOTER-1177-SUB__BEFORE);top:-1.8125rem;z-index:3}@media (max-width:1023px){.ids-footer-1177 .ids-footer-1177__sub-footer:before{content:none!important}}";
+var css_248z = "@media (max-width:1023px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}.ids--dark,.ids--light{--IDS-FONT-FAMILY-BASE:\"Open Sans\";--IDS-FONT-FAMILY-HEADING:\"Inter\";--IDS-FONT-COLOR:var(--ids-color-surface-text-on-default);--IDS-HEADING-XXL__MARGIN-BOTTOM:1.875rem;--IDS-HEADING-XL__MARGIN-BOTTOM:1.875rem;--IDS-HEADING-L__MARGIN-BOTTOM:1.875rem;--IDS-PAGE-LIST__COLOR:var(--ids-color-brand-text-primary);--IDS-PAGE-LIST__FONT-FAMILY:var(--IDS-FONT-FAMILY-HEADING);--IDS-PAGE-LIST__FONT-SIZE:1.25rem;--IDS-PAGE-LIST__LINE-HEIGHT:1.5rem;--IDS-PAGE-LIST__FONT-WEIGHT:700;--IDS-PAGE-LIST__LETTER-SPACING:-0.025rem;--IDS-BULLET-LIST__MARKER-COLOR:var(--ids-color-brand-text-primary);--IDS-BULLET-LIST__MARKER-FONT-WEIGHT:bold;--IDS-BULLET-LIST__LINE-HEIGHT:1.5rem;--IDS-DIVIDER__COLOR:var(--ids-color-surface-border-default)}.ids--dark.ids--1177-admin,.ids--dark.ids--1177-pro,.ids--light.ids--1177-admin,.ids--light.ids--1177-pro{--IDS-PAGE-LIST__COLOR:var(--ids-color-interactive-text-default)}.ids--dark.ids--inera,.ids--dark.ids--inera-admin,.ids--dark.ids--inera-general,.ids--light.ids--inera,.ids--light.ids--inera-admin,.ids--light.ids--inera-general{--IDS-FONT-FAMILY-BASE:\"Open Sans\";--IDS-FONT-FAMILY-HEADING:\"Poppins\";--IDS-HEADING-XXL__MARGIN-BOTTOM:1.25rem;--IDS-HEADING-XL__MARGIN-BOTTOM:1.25rem;--IDS-HEADING-L__MARGIN-BOTTOM:1.25rem;--IDS-PAGE-LIST__FONT-WEIGHT:600;--IDS-PAGE-LIST__LETTER-SPACING:0;--IDS-BULLET-LIST__MARKER-FONT-WEIGHT:normal;--IDS-BULLET-LIST__LINE-HEIGHT:1.625rem;--IDS-DESCRIPTION-LIST__TERM-FONT-WEIGHT:600}.ids--dark.ids--dark,.ids--light.ids--dark{--IDS-PAGE-LIST__COLOR:var(--ids-color-navigation-text-default)}.ids--dark.ids--dark.ids--1177-admin,.ids--dark.ids--dark.ids--1177-pro,.ids--dark.ids--dark.ids--inera,.ids--dark.ids--dark.ids--inera-admin,.ids--dark.ids--dark.ids--inera-general,.ids--light.ids--dark.ids--1177-admin,.ids--light.ids--dark.ids--1177-pro,.ids--light.ids--dark.ids--inera,.ids--light.ids--dark.ids--inera-admin,.ids--light.ids--dark.ids--inera-general{--IDS-PAGE-LIST__COLOR:var(--ids-color-interactive-text-default)}.ids-footer-1177{background-color:var(--IDS-FOOTER-1177__BACKGROUND-COLOR);margin-top:30px;position:relative}.ids-footer-1177 .ids-footer-1177__inner{margin:0 auto;max-width:var(--IDS__MAX-WIDTH);padding:var(--IDS__CONTAINER-PADDING);padding-bottom:6.25rem;padding-top:1.875rem}@media (max-width:1023px){.ids-footer-1177 .ids-footer-1177__inner{padding-bottom:2.5rem}}.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__headline-wrapper{padding-bottom:1.25rem}.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__headline-wrapper .ids-footer-1177__headline{color:var(--IDS-FOOTER-1177__HEADLINE-COLOR);display:inline;font-family:var(--IDS-FONT-FAMILY-HEADING);font-size:1.5rem;font-weight:700;line-height:1.875rem}.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__headline-wrapper .ids-footer-1177__headline .ids-footer-1177__headline--sub{color:var(--IDS-FOOTER-1177__BYLINE-COLOR)}.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__headline-wrapper .ids-footer-1177__headline--sr{clip:rect(0,0,0,0);border:0;height:.063rem;margin:-.063rem;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:.063rem}.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__content{display:flex;gap:6.5rem}.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__content .ids-footer-1177__text{color:var(--IDS-FOOTER-1177__COLOR);flex:0 0 40%;font-family:var(--ids-font-family-body-text);font-size:var(--ids-font-size-body-text);font-style:normal;font-weight:var(--ids-font-weight-body-text);letter-spacing:0;line-height:var(--ids-font-line-height-body-text);max-width:40%}@media (max-width:1023px){.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__content .ids-footer-1177__text{flex:0 0 100%;margin-right:0;max-width:100%}}.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__content .ids-footer-1177__darkmode-toggle{margin-top:1rem}.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__content .ids-footer-1177__cols{display:flex;flex-grow:1;flex-wrap:wrap;gap:1.25rem;justify-content:flex-start}.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__content .ids-footer-1177__link-col ul{list-style:none;margin:0!important;padding:0!important}.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__content .ids-footer-1177__link-col .ids-link{margin-bottom:1rem}.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__content .ids-footer-1177__link-col.ids-footer-1177__link-col--100{width:100%}.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__content .ids-footer-1177__link-col.ids-footer-1177__link-col--50{flex:1 1 14.375rem;min-width:14.375rem;width:50%}.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__content .ids-footer-1177__link-col.ids-footer-1177__link-col--33{flex:1 1 8.25rem;min-width:8.25rem;width:33%}@media (max-width:1023px){.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__content .ids-footer-1177__link-col{display:none}.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__content{gap:0}}.ids-footer-1177 .ids-footer-1177__mobile-menu{display:none}@media (max-width:1023px){.ids-footer-1177 .ids-footer-1177__mobile-menu{display:block;padding-bottom:1.25rem}}.ids-footer-1177 .ids-footer-1177__sub-footer{background-color:var(--IDS-FOOTER-1177-SUB__BACKGROUND-COLOR);font-family:var(--IDS-FONT-FAMILY-BASE);position:relative}.ids-footer-1177 .ids-footer-1177__sub-footer button{background:none;border:none;border-radius:var(--IDS-FOCUS__BORDER-RADIUS);box-sizing:border-box;color:inherit;color:var(--IDS-LINK--COLOR-PRESET-3__COLOR);cursor:pointer;display:inline!important;font:inherit;font-family:var(--IDS-LINK__FONT-FAMILY);font-size:.875rem!important;gap:.5rem!important;line-height:1.25rem!important;outline:inherit;padding:0;position:relative;text-align:left;text-decoration:underline!important;text-decoration-thickness:.0938rem!important;text-underline-offset:.125rem!important;width:auto}.ids-footer-1177 .ids-footer-1177__sub-footer button [class*=\" ids-icon-\"]:before,.ids-footer-1177 .ids-footer-1177__sub-footer button [class^=ids-icon-]:before{position:absolute}.ids-footer-1177 .ids-footer-1177__sub-footer button:focus-visible{outline:.125rem solid var(--IDS-FOCUS__OUTLINE--LIGHT-COLOR)!important}@media (max-width:1023px){.ids-footer-1177 .ids-footer-1177__sub-footer{border-top:none}}.ids-footer-1177 .ids-footer-1177__sub-footer .ids-footer-1177__sub-footer-container{margin:0 auto;max-width:var(--IDS__MAX-WIDTH);padding:var(--IDS__CONTAINER-PADDING);padding-bottom:1rem;position:relative;z-index:4}.ids-footer-1177 .ids-footer-1177__sub-footer .ids-footer-1177__sub-footer-container .ids-footer-1177__sub-footer-inner{align-items:center;display:flex;justify-content:space-between}@media (max-width:1023px){.ids-footer-1177 .ids-footer-1177__sub-footer .ids-footer-1177__sub-footer-container .ids-footer-1177__sub-footer-inner{align-items:unset;flex-direction:column}}.ids-footer-1177 .ids-footer-1177__sub-footer .ids-footer-1177__sub-footer-container .ids-footer-1177__sub-footer-inner .ids-footer-1177__sub-footer-left{display:flex;flex:60%;flex-wrap:wrap;gap:.25rem 3rem}.ids-footer-1177 .ids-footer-1177__sub-footer .ids-footer-1177__sub-footer-container .ids-footer-1177__sub-footer-inner .ids-footer-1177__sub-footer-left .ids-link{white-space:nowrap}@media (max-width:1023px){.ids-footer-1177 .ids-footer-1177__sub-footer .ids-footer-1177__sub-footer-container .ids-footer-1177__sub-footer-inner .ids-footer-1177__sub-footer-left{display:none}}.ids-footer-1177 .ids-footer-1177__sub-footer .ids-footer-1177__sub-footer-container .ids-footer-1177__sub-footer-inner .ids-footer-1177__sub-footer-right,.ids-footer-1177 .ids-footer-1177__sub-footer .ids-footer-1177__sub-footer-container .ids-footer-1177__sub-footer-inner .ids-footer-1177__sub-footer-right p{color:var(--IDS-FOOTER-1177-SUB__COLOR)!important;flex:auto;font-family:var(--IDS-FONT-FAMILY-BASE);font-size:.875rem!important;line-height:1.125rem!important;text-align:end}@media (max-width:1023px){.ids-footer-1177 .ids-footer-1177__sub-footer .ids-footer-1177__sub-footer-container .ids-footer-1177__sub-footer-inner .ids-footer-1177__sub-footer-right,.ids-footer-1177 .ids-footer-1177__sub-footer .ids-footer-1177__sub-footer-container .ids-footer-1177__sub-footer-inner .ids-footer-1177__sub-footer-right p{display:none}.ids-footer-1177 .ids-footer-1177__sub-footer .ids-footer-1177__sub-footer-container{height:auto;padding:0}}.ids-footer-1177 .ids-footer-1177__mobile-links{background-color:var(--IDS-FOOTER-1177-SUB__BACKGROUND-COLOR);display:none;flex-direction:column;font-size:.875rem;gap:1.25rem;padding-left:1.25rem;padding-right:1.25rem;padding-top:2rem}.ids-footer-1177 .ids-footer-1177__mobile-links a{width:100%}.ids-footer-1177 .ids-footer-1177__mobile-links a,.ids-footer-1177 .ids-footer-1177__mobile-links button{font-size:1rem!important;line-height:1.5rem!important}@media (max-width:1023px){.ids-footer-1177 .ids-footer-1177__mobile-links{display:flex}}.ids-footer-1177 .ids-footer-1177__sub-footer-mobile{align-items:center;background-color:var(--IDS-FOOTER-1177-SUB__BACKGROUND-COLOR);color:var(--IDS-FOOTER-1177-SUB__COLOR);display:none;flex-direction:column;font-family:var(--IDS-FONT-FAMILY-BASE);font-size:.875rem;justify-content:center;line-height:1.25rem;margin-top:2.5rem;padding:2.125rem 2.5rem 2.5rem;position:relative;text-align:center}.ids-footer-1177 .ids-footer-1177__sub-footer-mobile .ids-footer-1177__sub-footer-mobile-text{margin-top:2rem}.ids-footer-1177 .ids-footer-1177__sub-footer-mobile:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-FOOTER-1177-SUB__COLOR);content:\"\\e91e\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1rem;font-size:5.625rem;position:absolute;top:-1.75rem}@media (max-width:1023px){.ids-footer-1177 .ids-footer-1177__sub-footer-mobile{display:flex}}.ids-footer-1177:after{background-image:var(--IDS-FOOTER-1177__AFTER);top:-1.875rem;z-index:2}.ids-footer-1177 .ids-footer-1177__sub-footer:before,.ids-footer-1177:after{background-color:transparent;background-size:100% 1.875rem;content:\"\";height:1.875rem;position:absolute;width:100%}.ids-footer-1177 .ids-footer-1177__sub-footer:before{background-image:var(--IDS-FOOTER-1177-SUB__BEFORE);top:-1.8125rem;z-index:3}@media (max-width:1023px){.ids-footer-1177 .ids-footer-1177__sub-footer:before{content:none!important}}";
 var footer1177Lit = css`${unsafeCSS(css_248z)}`;

package/components/footer-1177/footer-1177-shadow-lit.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { css, unsafeCSS } from 'lit';
-var css_248z = ".ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__content .ids-footer-1177__link-col ::slotted(ul){list-style:none;margin:0!important;padding:0!important}.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__content .ids-footer-1177__link-col ::slotted(ids-link){display:block;margin-bottom:1rem!important}.ids-footer-1177 .ids-footer-1177__sub-footer ::slotted(button){background:none;border:none;border-radius:var(--IDS-FOCUS__BORDER-RADIUS);box-sizing:border-box;color:inherit;color:var(--IDS-LINK--COLOR-PRESET-3__COLOR);cursor:pointer;display:inline-block!important;font:inherit;font-family:var(--IDS-LINK__FONT-FAMILY);font-size:.875rem!important;line-height:1.25rem!important;outline:inherit;padding:0;text-align:left;text-decoration:underline;text-underline-offset:.125rem;width:auto}.ids-footer-1177 .ids-footer-1177__sub-footer ::slotted(button:focus-visible){outline:.125rem solid var(--IDS-FOCUS__OUTLINE--LIGHT-COLOR)!important}.ids-footer-1177 .ids-footer-1177__sub-footer .ids-footer-1177__sub-footer-container .ids-footer-1177__sub-footer-inner .ids-footer-1177__sub-footer-left ::slotted(a){display:block!important;white-space:nowrap}.ids-footer-1177 .ids-footer-1177__mobile-links ::slotted(a){display:block;font-size:1rem!important;line-height:1.5rem!important;width:100%}.ids-footer-1177 .ids-footer-1177__mobile-links ::slotted(button){font-size:1rem!important;line-height:1.5rem!important}";
+var css_248z = ".ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__content .ids-footer-1177__link-col ::slotted(ul){list-style:none;margin:0!important;padding:0!important}.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__content .ids-footer-1177__link-col ::slotted(ids-link){display:block;margin-bottom:1rem!important}.ids-footer-1177 .ids-footer-1177__sub-footer ::slotted(button){background:none;border:none;border-radius:var(--IDS-FOCUS__BORDER-RADIUS);box-sizing:border-box;color:inherit;color:var(--IDS-LINK--COLOR-PRESET-3__COLOR);cursor:pointer;display:inline!important;font:inherit;font-family:var(--IDS-LINK__FONT-FAMILY);font-size:.875rem!important;gap:.5rem!important;line-height:1.25rem!important;outline:inherit;padding:0;position:relative;text-align:left;text-decoration:underline!important;text-decoration-thickness:.0938rem!important;text-underline-offset:.125rem!important;width:auto}.ids-footer-1177 .ids-footer-1177__sub-footer ::slotted(button) [class*=\" ids-icon-\"]:before,.ids-footer-1177 .ids-footer-1177__sub-footer ::slotted(button) [class^=ids-icon-]:before{position:absolute}.ids-footer-1177 .ids-footer-1177__sub-footer ::slotted(button:focus-visible){outline:.125rem solid var(--IDS-FOCUS__OUTLINE--LIGHT-COLOR)!important}.ids-footer-1177 .ids-footer-1177__sub-footer .ids-footer-1177__sub-footer-container .ids-footer-1177__sub-footer-inner .ids-footer-1177__sub-footer-left ::slotted(a){white-space:nowrap}.ids-footer-1177 .ids-footer-1177__mobile-links ::slotted(a){font-size:1rem!important;line-height:1.5rem!important;width:100%}.ids-footer-1177 .ids-footer-1177__mobile-links ::slotted(button){font-size:1rem!important;line-height:1.5rem!important}";
 var footer1177ShadowLit = css`${unsafeCSS(css_248z)}`;

package/components/footer-1177/footer-1177-shadow.css CHANGED Viewed

@@ -15,27 +15,32 @@
   font: inherit;
   cursor: pointer;
   outline: inherit;
+  text-decoration: underline !important;
+  text-underline-offset: 0.125rem !important;
+  text-decoration-thickness: 0.0938rem !important;
   width: auto;
   text-align: left;
-  display: inline-block !important;
+  display: inline !important;
+  gap: 0.5rem !important;
   font-size: 0.875rem !important;
   line-height: 1.25rem !important;
   font-family: var(--IDS-LINK__FONT-FAMILY);
   color: var(--IDS-LINK--COLOR-PRESET-3__COLOR);
-  text-decoration: underline;
-  text-underline-offset: 0.125rem;
   border-radius: var(--IDS-FOCUS__BORDER-RADIUS);
   box-sizing: border-box;
+  position: relative;
+}
+.ids-footer-1177 .ids-footer-1177__sub-footer ::slotted(button) [class^=ids-icon-]::before,
+.ids-footer-1177 .ids-footer-1177__sub-footer ::slotted(button) [class*=" ids-icon-"]::before {
+  position: absolute;
 }
 .ids-footer-1177 .ids-footer-1177__sub-footer ::slotted(button:focus-visible) {
   outline: 0.125rem solid var(--IDS-FOCUS__OUTLINE--LIGHT-COLOR) !important;
 }
 .ids-footer-1177 .ids-footer-1177__sub-footer .ids-footer-1177__sub-footer-container .ids-footer-1177__sub-footer-inner .ids-footer-1177__sub-footer-left ::slotted(a) {
-  display: block !important;
   white-space: nowrap;
 }
 .ids-footer-1177 .ids-footer-1177__mobile-links ::slotted(a) {
-  display: block;
   width: 100%;
   font-size: 1rem !important;
   line-height: 1.5rem !important;