@inera/ids-design 8.1.0 → 8.2.1

package/styles.css

@@ -212,6 +212,7 @@
   box-sizing: border-box;
   width: 1em;
   height: 1em;
+  flex-shrink: 0;
 }
 [class^=ids-icon-]:before,
 [class*=" ids-icon-"]:before {
@@ -4569,6 +4570,7 @@ button.ids-button:not(.ids-button--fab) {
   justify-content: center;
   align-items: center;
   width: fit-content;
+  vertical-align: bottom;
   flex-shrink: 0;
   text-transform: uppercase;
   user-select: none;
@@ -4605,7 +4607,7 @@ button.ids-button:not(.ids-button--fab):focus-visible {
 button.ids-button:not(.ids-button--fab).ids-button--disabled,
 button.ids-button:not(.ids-button--fab)[disabled] {
   color: var(--IDS-BUTTON--DISABLED__COLOR) !important;
-  border: var(--IDS-BUTTON__BORDER-THICKNESS) solid var(--IDS-BUTTON--DISABLED__BORDER-COLOR);
+  border: var(--IDS-BUTTON__BORDER-THICKNESS) solid var(--IDS-BUTTON--DISABLED__BORDER-COLOR) !important;
   background-color: var(--IDS-BUTTON--DISABLED__BACKGROUND-COLOR) !important;
   pointer-events: none;
 }
@@ -4671,7 +4673,7 @@ button.ids-button:not(.ids-button--fab).ids-button--secondary:focus-visible {
 button.ids-button:not(.ids-button--fab).ids-button--secondary.ids-button--disabled,
 button.ids-button:not(.ids-button--fab).ids-button--secondary[disabled] {
   color: var(--IDS-BUTTON--DISABLED__COLOR) !important;
-  border: var(--IDS-BUTTON__BORDER-THICKNESS) solid var(--IDS-BUTTON--DISABLED__BORDER-COLOR);
+  border: var(--IDS-BUTTON__BORDER-THICKNESS) solid var(--IDS-BUTTON--DISABLED__BORDER-COLOR) !important;
   background-color: var(--IDS-BUTTON--DISABLED__BACKGROUND-COLOR) !important;
   pointer-events: none;
 }
@@ -4708,8 +4710,8 @@ button.ids-button:not(.ids-button--fab).ids-button--tertiary:focus-visible {
 button.ids-button:not(.ids-button--fab).ids-button--tertiary.ids-button--disabled,
 button.ids-button:not(.ids-button--fab).ids-button--tertiary[disabled] {
   color: var(--IDS-BUTTON--DISABLED__COLOR) !important;
-  border: var(--IDS-BUTTON__BORDER-THICKNESS) solid transparent;
-  background-color: var(--IDS-BUTTON--DISABLED__BACKGROUND-COLOR) !important;
+  border: var(--IDS-BUTTON__BORDER-THICKNESS) solid transparent !important;
+  background-color: transparent !important;
   pointer-events: none;
 }
 .ids-button:not(.ids-button--fab).ids-button--icon,
@@ -4751,7 +4753,7 @@ button.ids-button:not(.ids-button--fab).ids-button--icon:focus-visible {
 button.ids-button:not(.ids-button--fab).ids-button--icon.ids-button--disabled,
 button.ids-button:not(.ids-button--fab).ids-button--icon[disabled] {
   color: var(--IDS-BUTTON--DISABLED__COLOR) !important;
-  border: var(--IDS-BUTTON__BORDER-THICKNESS) solid var(--IDS-BUTTON--DISABLED__BORDER-COLOR);
+  border: var(--IDS-BUTTON__BORDER-THICKNESS) solid var(--IDS-BUTTON--DISABLED__BORDER-COLOR) !important;
   background-color: var(--IDS-BUTTON--DISABLED__BACKGROUND-COLOR) !important;
   pointer-events: none;
 }
@@ -4778,7 +4780,7 @@ button.ids-button:not(.ids-button--fab).ids-button--icon.ids-button--tertiary:fo
 button.ids-button:not(.ids-button--fab).ids-button--icon.ids-button--tertiary.ids-button--disabled,
 button.ids-button:not(.ids-button--fab).ids-button--icon.ids-button--tertiary[disabled] {
   color: var(--IDS-BUTTON--DISABLED__COLOR) !important;
-  border: var(--IDS-BUTTON__BORDER-THICKNESS) solid transparent;
+  border: var(--IDS-BUTTON__BORDER-THICKNESS) solid transparent !important;
   background-color: transparent !important;
   pointer-events: none;
 }
@@ -5148,12 +5150,6 @@ button.ids-button:not(.ids-button--fab).ids-button--submit.ids-button--s {
   top: -0.1875rem;
 }
 
-input::placeholder,
-textarea::placeholder,
-select::placeholder {
-  color: var(--IDS-FORM-PLACEHOLDER__COLOR);
-}
-
 .ids-input {
   position: relative;
   display: flex;
@@ -5241,9 +5237,12 @@ select::placeholder {
   border: var(--IDS-INPUT__BORDER-THICKNESS) solid var(--IDS-INPUT__BORDER-COLOR);
   border-radius: var(--IDS-BORDER-RADIUS);
   font-size: 1rem;
-  color: var(--IDS-INPUT__COLOR);
+  color: var(--IDS-FORM__COLOR);
   display: block;
 }
+.ids-input__input::placeholder {
+  color: var(--IDS-FORM__COLOR);
+}
 .ids-input__input:hover {
   background-color: var(--IDS-INPUT__HOVER-BACKGROUND-COLOR);
 }
@@ -5255,13 +5254,16 @@ select::placeholder {
   background-color: var(--IDS-INPUT__BACKGROUND-COLOR);
   border-color: var(--IDS-INPUT__FOCUS-BORDER-COLOR);
 }
-.ids-input__input:disabled, .ids-input__input[readonly] {
+.ids-input__input:disabled, .ids-input__input[readonly], .ids-input__input[readonly]:focus-visible, .ids-input__input[readonly]:focus-visible:hover {
   color: var(--IDS-FORM--DISABLED__COLOR);
   font-style: italic !important;
   background: var(--IDS-FORM--DISABLED__BACKGROUND-COLOR);
   border: var(--IDS-FORM--DISABLED__BORDER);
   opacity: 1;
 }
+.ids-input__input:disabled::placeholder, .ids-input__input[readonly]::placeholder, .ids-input__input[readonly]:focus-visible::placeholder, .ids-input__input[readonly]:focus-visible:hover::placeholder {
+  color: var(--IDS-FORM--DISABLED__COLOR);
+}
 .ids-input__input.ids-input--invalid, .ids-input__input[aria-invalid=true] {
   background: var(--IDS-FORM--INVALID__BACKGROUND-COLOR) !important;
   border: var(--IDS-FORM--INVALID__BORDER);
@@ -5279,14 +5281,17 @@ select::placeholder {
 .ids-input__input.ids-input--light:focus-visible, .ids-input__input.ids-input--light:focus-visible:hover {
   background-color: var(--IDS-INPUT--LIGHT__BACKGROUND-COLOR);
 }
-.ids-input__input.ids-input--light:disabled, .ids-input__input.ids-input--light[readonly] {
+.ids-input__input.ids-input--light:disabled, .ids-input__input.ids-input--light[readonly], .ids-input__input.ids-input--light[readonly]:focus-visible, .ids-input__input.ids-input--light[readonly]:focus-visible:hover {
   color: var(--IDS-FORM--DISABLED__COLOR);
   font-style: italic !important;
   background: var(--IDS-FORM--DISABLED__BACKGROUND-COLOR);
   border: var(--IDS-FORM--DISABLED__BORDER);
   opacity: 1;
 }
-.ids-input__input.ids-input--light.ids-input--invalid {
+.ids-input__input.ids-input--light:disabled::placeholder, .ids-input__input.ids-input--light[readonly]::placeholder, .ids-input__input.ids-input--light[readonly]:focus-visible::placeholder, .ids-input__input.ids-input--light[readonly]:focus-visible:hover::placeholder {
+  color: var(--IDS-FORM--DISABLED__COLOR);
+}
+.ids-input__input.ids-input--light.ids-input--invalid, .ids-input__input.ids-input--light[aria-invalid=true] {
   background-color: var(--IDS-FORM--INVALID__BACKGROUND-COLOR);
 }
 .ids-input__input:focus-visible {
@@ -5348,9 +5353,13 @@ ids-input input[type=search]::-webkit-search-results-decoration {
   border: var(--IDS-INPUT__BORDER-THICKNESS) solid var(--IDS-INPUT__BORDER-COLOR);
   border-radius: var(--IDS-BORDER-RADIUS);
   font-size: 1rem;
-  color: var(--IDS-INPUT__COLOR);
+  color: var(--IDS-FORM__COLOR);
   display: block;
 }
+.ids-textarea textarea::placeholder,
+.ids-textarea .ids-textarea__textarea::placeholder {
+  color: var(--IDS-FORM__COLOR);
+}
 .ids-textarea textarea:hover,
 .ids-textarea .ids-textarea__textarea:hover {
   background-color: var(--IDS-INPUT__HOVER-BACKGROUND-COLOR);
@@ -5366,15 +5375,24 @@ ids-input input[type=search]::-webkit-search-results-decoration {
   background-color: var(--IDS-INPUT__BACKGROUND-COLOR);
   border-color: var(--IDS-INPUT__FOCUS-BORDER-COLOR);
 }
-.ids-textarea textarea:disabled, .ids-textarea textarea[readonly],
+.ids-textarea textarea:disabled, .ids-textarea textarea[readonly], .ids-textarea textarea[readonly]:focus-visible, .ids-textarea textarea[readonly]:focus-visible:hover,
 .ids-textarea .ids-textarea__textarea:disabled,
-.ids-textarea .ids-textarea__textarea[readonly] {
+.ids-textarea .ids-textarea__textarea[readonly],
+.ids-textarea .ids-textarea__textarea[readonly]:focus-visible,
+.ids-textarea .ids-textarea__textarea[readonly]:focus-visible:hover {
   color: var(--IDS-FORM--DISABLED__COLOR);
   font-style: italic !important;
   background: var(--IDS-FORM--DISABLED__BACKGROUND-COLOR);
   border: var(--IDS-FORM--DISABLED__BORDER);
   opacity: 1;
 }
+.ids-textarea textarea:disabled::placeholder, .ids-textarea textarea[readonly]::placeholder, .ids-textarea textarea[readonly]:focus-visible::placeholder, .ids-textarea textarea[readonly]:focus-visible:hover::placeholder,
+.ids-textarea .ids-textarea__textarea:disabled::placeholder,
+.ids-textarea .ids-textarea__textarea[readonly]::placeholder,
+.ids-textarea .ids-textarea__textarea[readonly]:focus-visible::placeholder,
+.ids-textarea .ids-textarea__textarea[readonly]:focus-visible:hover::placeholder {
+  color: var(--IDS-FORM--DISABLED__COLOR);
+}
 .ids-textarea textarea.ids-input--invalid, .ids-textarea textarea[aria-invalid=true],
 .ids-textarea .ids-textarea__textarea.ids-input--invalid,
 .ids-textarea .ids-textarea__textarea[aria-invalid=true] {
@@ -5399,17 +5417,27 @@ ids-input input[type=search]::-webkit-search-results-decoration {
 .ids-textarea .ids-textarea__textarea.ids-input--light:focus-visible:hover {
   background-color: var(--IDS-INPUT--LIGHT__BACKGROUND-COLOR);
 }
-.ids-textarea textarea.ids-input--light:disabled, .ids-textarea textarea.ids-input--light[readonly],
+.ids-textarea textarea.ids-input--light:disabled, .ids-textarea textarea.ids-input--light[readonly], .ids-textarea textarea.ids-input--light[readonly]:focus-visible, .ids-textarea textarea.ids-input--light[readonly]:focus-visible:hover,
 .ids-textarea .ids-textarea__textarea.ids-input--light:disabled,
-.ids-textarea .ids-textarea__textarea.ids-input--light[readonly] {
+.ids-textarea .ids-textarea__textarea.ids-input--light[readonly],
+.ids-textarea .ids-textarea__textarea.ids-input--light[readonly]:focus-visible,
+.ids-textarea .ids-textarea__textarea.ids-input--light[readonly]:focus-visible:hover {
   color: var(--IDS-FORM--DISABLED__COLOR);
   font-style: italic !important;
   background: var(--IDS-FORM--DISABLED__BACKGROUND-COLOR);
   border: var(--IDS-FORM--DISABLED__BORDER);
   opacity: 1;
 }
-.ids-textarea textarea.ids-input--light.ids-input--invalid,
-.ids-textarea .ids-textarea__textarea.ids-input--light.ids-input--invalid {
+.ids-textarea textarea.ids-input--light:disabled::placeholder, .ids-textarea textarea.ids-input--light[readonly]::placeholder, .ids-textarea textarea.ids-input--light[readonly]:focus-visible::placeholder, .ids-textarea textarea.ids-input--light[readonly]:focus-visible:hover::placeholder,
+.ids-textarea .ids-textarea__textarea.ids-input--light:disabled::placeholder,
+.ids-textarea .ids-textarea__textarea.ids-input--light[readonly]::placeholder,
+.ids-textarea .ids-textarea__textarea.ids-input--light[readonly]:focus-visible::placeholder,
+.ids-textarea .ids-textarea__textarea.ids-input--light[readonly]:focus-visible:hover::placeholder {
+  color: var(--IDS-FORM--DISABLED__COLOR);
+}
+.ids-textarea textarea.ids-input--light.ids-input--invalid, .ids-textarea textarea.ids-input--light[aria-invalid=true],
+.ids-textarea .ids-textarea__textarea.ids-input--light.ids-input--invalid,
+.ids-textarea .ids-textarea__textarea.ids-input--light[aria-invalid=true] {
   background-color: var(--IDS-FORM--INVALID__BACKGROUND-COLOR);
 }
 .ids-textarea textarea::-webkit-scrollbar,
@@ -5773,15 +5801,13 @@ ids-input input[type=search]::-webkit-search-results-decoration {
 .ids-radio input[type=radio]:active:after {
   background-color: var(--IDS-RADIO__ACTIVE-BACKGROUND-COLOR);
 }
-.ids-radio input:checked:after, .ids-radio input[checked]:after,
-.ids-radio input[type=radio]:checked:after,
-.ids-radio input[type=radio][checked]:after {
+.ids-radio input:checked:after,
+.ids-radio input[type=radio]:checked:after {
   border-color: var(--IDS-RADIO__BACKGROUND-COLOR);
   background-color: var(--IDS-RADIO--CHECKED__BACKGROUND-COLOR);
 }
-.ids-radio input:checked:hover:after, .ids-radio input[checked]:hover:after,
-.ids-radio input[type=radio]:checked:hover:after,
-.ids-radio input[type=radio][checked]:hover:after {
+.ids-radio input:checked:hover:after,
+.ids-radio input[type=radio]:checked:hover:after {
   border-color: var(--IDS-RADIO__BACKGROUND-COLOR);
   background-color: var(--IDS-RADIO--CHECKED__HOVER-BACKGROUND-COLOR);
 }
@@ -5914,7 +5940,7 @@ ids-input input[type=search]::-webkit-search-results-decoration {
   letter-spacing: 0;
   color: var(--IDS-FORM-LABEL__COLOR);
   display: inline-flex;
-  align-items: center;
+  align-items: flex-start;
   gap: 0.5rem;
   margin-bottom: 0.625rem;
 }
@@ -6006,6 +6032,7 @@ ids-input input[type=search]::-webkit-search-results-decoration {
   pointer-events: none;
   font-style: normal;
   background-color: var(--IDS-FORM--DISABLED__BACKGROUND-COLOR);
+  color: var(--IDS-FORM--DISABLED__COLOR);
 }
 .ids-radio-button:has(.ids-radio-button__input:disabled) {
   pointer-events: none;
@@ -6073,8 +6100,18 @@ ids-input input[type=search]::-webkit-search-results-decoration {
   display: block;
 }
 .ids-range .ids-range-ticks.ids-range-ticks--disabled .ids-range-tick {
+  font-style: normal;
+  color: var(--IDS-FORM--DISABLED__COLOR);
+  font-family: var(--ids-font-family-body-text);
+  font-size: var(--ids-font-size-body-text);
+  line-height: var(--ids-line-height-body-text);
+  font-weight: var(--ids-font-weight-body-text);
+  letter-spacing: 0;
   font-style: italic;
 }
+.ids-range .ids-range-ticks.ids-range-ticks--disabled .ids-range-tick:before {
+  background-color: var(--IDS-FORM--DISABLED__COLOR);
+}
 
 .ids-range__input,
 input[type=range] {
@@ -6159,7 +6196,7 @@ input[type=range]::-ms-thumb:active {
 .ids-range__input:disabled,
 input[type=range]:disabled {
   cursor: default;
-  border: 0.0625rem dashed var(--IDS-RANGE--DISABLED__BORDER-COLOR);
+  border: 0.0625rem solid var(--IDS-RANGE--DISABLED__BORDER-COLOR);
   background-color: transparent;
   background-image: linear-gradient(var(--IDS-RANGE--DISABLED__SELECTION-BACKGROUND-COLOR), var(--IDS-RANGE--DISABLED__SELECTION-BACKGROUND-COLOR));
 }
@@ -6189,9 +6226,12 @@ input[type=range]:disabled::-ms-thumb {
   border: var(--IDS-INPUT__BORDER-THICKNESS) solid var(--IDS-INPUT__BORDER-COLOR);
   border-radius: var(--IDS-BORDER-RADIUS);
   font-size: 1rem;
-  color: var(--IDS-INPUT__COLOR);
+  color: var(--IDS-FORM__COLOR);
   display: block;
 }
+.ids-select__select::placeholder {
+  color: var(--IDS-FORM__COLOR);
+}
 .ids-select__select:hover {
   background-color: var(--IDS-INPUT__HOVER-BACKGROUND-COLOR);
 }
@@ -6203,13 +6243,16 @@ input[type=range]:disabled::-ms-thumb {
   background-color: var(--IDS-INPUT__BACKGROUND-COLOR);
   border-color: var(--IDS-INPUT__FOCUS-BORDER-COLOR);
 }
-.ids-select__select:disabled, .ids-select__select[readonly] {
+.ids-select__select:disabled, .ids-select__select[readonly], .ids-select__select[readonly]:focus-visible, .ids-select__select[readonly]:focus-visible:hover {
   color: var(--IDS-FORM--DISABLED__COLOR);
   font-style: italic !important;
   background: var(--IDS-FORM--DISABLED__BACKGROUND-COLOR);
   border: var(--IDS-FORM--DISABLED__BORDER);
   opacity: 1;
 }
+.ids-select__select:disabled::placeholder, .ids-select__select[readonly]::placeholder, .ids-select__select[readonly]:focus-visible::placeholder, .ids-select__select[readonly]:focus-visible:hover::placeholder {
+  color: var(--IDS-FORM--DISABLED__COLOR);
+}
 .ids-select__select.ids-input--invalid, .ids-select__select[aria-invalid=true] {
   background: var(--IDS-FORM--INVALID__BACKGROUND-COLOR) !important;
   border: var(--IDS-FORM--INVALID__BORDER);
@@ -6227,14 +6270,17 @@ input[type=range]:disabled::-ms-thumb {
 .ids-select__select.ids-input--light:focus-visible, .ids-select__select.ids-input--light:focus-visible:hover {
   background-color: var(--IDS-INPUT--LIGHT__BACKGROUND-COLOR);
 }
-.ids-select__select.ids-input--light:disabled, .ids-select__select.ids-input--light[readonly] {
+.ids-select__select.ids-input--light:disabled, .ids-select__select.ids-input--light[readonly], .ids-select__select.ids-input--light[readonly]:focus-visible, .ids-select__select.ids-input--light[readonly]:focus-visible:hover {
   color: var(--IDS-FORM--DISABLED__COLOR);
   font-style: italic !important;
   background: var(--IDS-FORM--DISABLED__BACKGROUND-COLOR);
   border: var(--IDS-FORM--DISABLED__BORDER);
   opacity: 1;
 }
-.ids-select__select.ids-input--light.ids-input--invalid {
+.ids-select__select.ids-input--light:disabled::placeholder, .ids-select__select.ids-input--light[readonly]::placeholder, .ids-select__select.ids-input--light[readonly]:focus-visible::placeholder, .ids-select__select.ids-input--light[readonly]:focus-visible:hover::placeholder {
+  color: var(--IDS-FORM--DISABLED__COLOR);
+}
+.ids-select__select.ids-input--light.ids-input--invalid, .ids-select__select.ids-input--light[aria-invalid=true] {
   background-color: var(--IDS-FORM--INVALID__BACKGROUND-COLOR);
 }
 .ids-select__select:focus-visible {
@@ -6253,6 +6299,9 @@ input[type=range]:disabled::-ms-thumb {
   border: var(--IDS-INPUT__BORDER-THICKNESS) solid var(--IDS-INPUT__BORDER-COLOR);
   width: 100% !important;
 }
+.ids-select__select::placeholder {
+  color: var(--IDS-FORM__COLOR);
+}
 .ids-select__select.ids-input--invalid, .ids-select__select[aria-invalid=true] {
   background: var(--IDS-FORM--INVALID__BACKGROUND-COLOR) !important;
   border: var(--IDS-FORM--INVALID__BORDER);
@@ -6271,9 +6320,15 @@ input[type=range]:disabled::-ms-thumb {
   border: var(--IDS-FORM--DISABLED__BORDER);
   opacity: 1;
 }
+.ids-select__select[aria-disabled=true]::placeholder {
+  color: var(--IDS-FORM--DISABLED__COLOR);
+}
 .ids-select__select:disabled {
   cursor: default;
 }
+.ids-select__select:disabled::placeholder {
+  color: var(--IDS-FORM--DISABLED__COLOR);
+}
 .ids-select__select:disabled.ids-input--light {
   background-color: var(--IDS-INPUT--LIGHT__BACKGROUND-COLOR);
   color: var(--IDS-FORM--DISABLED__COLOR);
@@ -6282,6 +6337,9 @@ input[type=range]:disabled::-ms-thumb {
   border: var(--IDS-FORM--DISABLED__BORDER);
   opacity: 1;
 }
+.ids-select__select:disabled.ids-input--light::placeholder {
+  color: var(--IDS-FORM--DISABLED__COLOR);
+}
 
 .ids-select__wrapper {
   position: relative;
@@ -6300,7 +6358,7 @@ input[type=range]:disabled::-ms-thumb {
   top: 50%;
   transform: translateY(-50%);
   right: var(--IDS-INPUT__ICON-RIGHT);
-  z-index: 20;
+  z-index: 2;
 }
 .ids-select__wrapper:has(select:disabled)::after, .ids-select__wrapper:has(select[aria-disabled=true])::after {
   color: var(--IDS-FORM--DISABLED__COLOR) !important;
@@ -6316,9 +6374,12 @@ input[type=range]:disabled::-ms-thumb {
   border: var(--IDS-INPUT__BORDER-THICKNESS) solid var(--IDS-INPUT__BORDER-COLOR);
   border-radius: var(--IDS-BORDER-RADIUS);
   font-size: 1rem;
-  color: var(--IDS-INPUT__COLOR);
+  color: var(--IDS-FORM__COLOR);
   display: block;
 }
+.ids-select-multiple__select::placeholder {
+  color: var(--IDS-FORM__COLOR);
+}
 .ids-select-multiple__select:hover {
   background-color: var(--IDS-INPUT__HOVER-BACKGROUND-COLOR);
 }
@@ -6330,13 +6391,16 @@ input[type=range]:disabled::-ms-thumb {
   background-color: var(--IDS-INPUT__BACKGROUND-COLOR);
   border-color: var(--IDS-INPUT__FOCUS-BORDER-COLOR);
 }
-.ids-select-multiple__select:disabled, .ids-select-multiple__select[readonly] {
+.ids-select-multiple__select:disabled, .ids-select-multiple__select[readonly], .ids-select-multiple__select[readonly]:focus-visible, .ids-select-multiple__select[readonly]:focus-visible:hover {
   color: var(--IDS-FORM--DISABLED__COLOR);
   font-style: italic !important;
   background: var(--IDS-FORM--DISABLED__BACKGROUND-COLOR);
   border: var(--IDS-FORM--DISABLED__BORDER);
   opacity: 1;
 }
+.ids-select-multiple__select:disabled::placeholder, .ids-select-multiple__select[readonly]::placeholder, .ids-select-multiple__select[readonly]:focus-visible::placeholder, .ids-select-multiple__select[readonly]:focus-visible:hover::placeholder {
+  color: var(--IDS-FORM--DISABLED__COLOR);
+}
 .ids-select-multiple__select.ids-input--invalid, .ids-select-multiple__select[aria-invalid=true] {
   background: var(--IDS-FORM--INVALID__BACKGROUND-COLOR) !important;
   border: var(--IDS-FORM--INVALID__BORDER);
@@ -6354,14 +6418,17 @@ input[type=range]:disabled::-ms-thumb {
 .ids-select-multiple__select.ids-input--light:focus-visible, .ids-select-multiple__select.ids-input--light:focus-visible:hover {
   background-color: var(--IDS-INPUT--LIGHT__BACKGROUND-COLOR);
 }
-.ids-select-multiple__select.ids-input--light:disabled, .ids-select-multiple__select.ids-input--light[readonly] {
+.ids-select-multiple__select.ids-input--light:disabled, .ids-select-multiple__select.ids-input--light[readonly], .ids-select-multiple__select.ids-input--light[readonly]:focus-visible, .ids-select-multiple__select.ids-input--light[readonly]:focus-visible:hover {
   color: var(--IDS-FORM--DISABLED__COLOR);
   font-style: italic !important;
   background: var(--IDS-FORM--DISABLED__BACKGROUND-COLOR);
   border: var(--IDS-FORM--DISABLED__BORDER);
   opacity: 1;
 }
-.ids-select-multiple__select.ids-input--light.ids-input--invalid {
+.ids-select-multiple__select.ids-input--light:disabled::placeholder, .ids-select-multiple__select.ids-input--light[readonly]::placeholder, .ids-select-multiple__select.ids-input--light[readonly]:focus-visible::placeholder, .ids-select-multiple__select.ids-input--light[readonly]:focus-visible:hover::placeholder {
+  color: var(--IDS-FORM--DISABLED__COLOR);
+}
+.ids-select-multiple__select.ids-input--light.ids-input--invalid, .ids-select-multiple__select.ids-input--light[aria-invalid=true] {
   background-color: var(--IDS-FORM--INVALID__BACKGROUND-COLOR);
 }
 .ids-select-multiple__select:focus-visible {
@@ -6380,6 +6447,9 @@ input[type=range]:disabled::-ms-thumb {
   border: var(--IDS-INPUT__BORDER-THICKNESS) solid var(--IDS-INPUT__BORDER-COLOR);
   width: 100% !important;
 }
+.ids-select-multiple__select::placeholder {
+  color: var(--IDS-FORM__COLOR);
+}
 .ids-select-multiple__select.ids-input--invalid, .ids-select-multiple__select[aria-invalid=true] {
   background: var(--IDS-FORM--INVALID__BACKGROUND-COLOR) !important;
   border: var(--IDS-FORM--INVALID__BORDER);
@@ -6398,9 +6468,15 @@ input[type=range]:disabled::-ms-thumb {
   border: var(--IDS-FORM--DISABLED__BORDER);
   opacity: 1;
 }
+.ids-select-multiple__select[aria-disabled=true]::placeholder {
+  color: var(--IDS-FORM--DISABLED__COLOR);
+}
 .ids-select-multiple__select:disabled {
   cursor: default;
 }
+.ids-select-multiple__select:disabled::placeholder {
+  color: var(--IDS-FORM--DISABLED__COLOR);
+}
 .ids-select-multiple__select:disabled.ids-input--light {
   background-color: var(--IDS-INPUT--LIGHT__BACKGROUND-COLOR);
   color: var(--IDS-FORM--DISABLED__COLOR);
@@ -6409,6 +6485,9 @@ input[type=range]:disabled::-ms-thumb {
   border: var(--IDS-FORM--DISABLED__BORDER);
   opacity: 1;
 }
+.ids-select-multiple__select:disabled.ids-input--light::placeholder {
+  color: var(--IDS-FORM--DISABLED__COLOR);
+}
 
 .ids-select-multiple__select-wrapper {
   position: relative;
@@ -6427,7 +6506,7 @@ input[type=range]:disabled::-ms-thumb {
   top: 50%;
   transform: translateY(-50%);
   right: var(--IDS-INPUT__ICON-RIGHT);
-  z-index: 20;
+  z-index: 2;
 }
 .ids-select-multiple__select-wrapper:has(.ids-input--invalid)::after, .ids-select-multiple__select-wrapper:has(input[aria-invalid=true])::after {
   color: var(--IDS-FORM--INVALID__COLOR);
@@ -6446,7 +6525,7 @@ input[type=range]:disabled::-ms-thumb {
   color: var(--IDS-FONT-COLOR);
   border-radius: var(--IDS-BORDER-RADIUS);
   position: absolute;
-  z-index: 10;
+  z-index: 3;
   left: 0;
   right: 0;
   display: none;
@@ -6487,6 +6566,9 @@ input[type=range]:disabled::-ms-thumb {
   border: var(--IDS-FORM--DISABLED__BORDER);
   opacity: 1;
 }
+:host([disabled]) input::placeholder {
+  color: var(--IDS-FORM--DISABLED__COLOR);
+}
 
 .ids-select-multiple-label-wrapper .ids-label-tooltip-wrapper {
   display: inline-flex;
@@ -6644,6 +6726,7 @@ input[type=range]:disabled::-ms-thumb {
   -moz-osx-font-smoothing: grayscale;
   content: "\e913";
   font-size: 1.25rem;
+  line-height: 1.5rem;
   color: var(--IDS-ERROR-MESSAGE__COLOR);
   left: 0;
   top: 0;
@@ -6692,9 +6775,12 @@ input.ids-time__input {
   border: var(--IDS-INPUT__BORDER-THICKNESS) solid var(--IDS-INPUT__BORDER-COLOR);
   border-radius: var(--IDS-BORDER-RADIUS);
   font-size: 1rem;
-  color: var(--IDS-INPUT__COLOR);
+  color: var(--IDS-FORM__COLOR);
   display: block;
 }
+input.ids-time__input::placeholder {
+  color: var(--IDS-FORM__COLOR);
+}
 input.ids-time__input:hover {
   background-color: var(--IDS-INPUT__HOVER-BACKGROUND-COLOR);
 }
@@ -6706,13 +6792,16 @@ input.ids-time__input:focus-visible, input.ids-time__input:focus-visible:hover {
   background-color: var(--IDS-INPUT__BACKGROUND-COLOR);
   border-color: var(--IDS-INPUT__FOCUS-BORDER-COLOR);
 }
-input.ids-time__input:disabled, input.ids-time__input[readonly] {
+input.ids-time__input:disabled, input.ids-time__input[readonly], input.ids-time__input[readonly]:focus-visible, input.ids-time__input[readonly]:focus-visible:hover {
   color: var(--IDS-FORM--DISABLED__COLOR);
   font-style: italic !important;
   background: var(--IDS-FORM--DISABLED__BACKGROUND-COLOR);
   border: var(--IDS-FORM--DISABLED__BORDER);
   opacity: 1;
 }
+input.ids-time__input:disabled::placeholder, input.ids-time__input[readonly]::placeholder, input.ids-time__input[readonly]:focus-visible::placeholder, input.ids-time__input[readonly]:focus-visible:hover::placeholder {
+  color: var(--IDS-FORM--DISABLED__COLOR);
+}
 input.ids-time__input.ids-input--invalid, input.ids-time__input[aria-invalid=true] {
   background: var(--IDS-FORM--INVALID__BACKGROUND-COLOR) !important;
   border: var(--IDS-FORM--INVALID__BORDER);
@@ -6730,14 +6819,17 @@ input.ids-time__input.ids-input--light:active {
 input.ids-time__input.ids-input--light:focus-visible, input.ids-time__input.ids-input--light:focus-visible:hover {
   background-color: var(--IDS-INPUT--LIGHT__BACKGROUND-COLOR);
 }
-input.ids-time__input.ids-input--light:disabled, input.ids-time__input.ids-input--light[readonly] {
+input.ids-time__input.ids-input--light:disabled, input.ids-time__input.ids-input--light[readonly], input.ids-time__input.ids-input--light[readonly]:focus-visible, input.ids-time__input.ids-input--light[readonly]:focus-visible:hover {
   color: var(--IDS-FORM--DISABLED__COLOR);
   font-style: italic !important;
   background: var(--IDS-FORM--DISABLED__BACKGROUND-COLOR);
   border: var(--IDS-FORM--DISABLED__BORDER);
   opacity: 1;
 }
-input.ids-time__input.ids-input--light.ids-input--invalid {
+input.ids-time__input.ids-input--light:disabled::placeholder, input.ids-time__input.ids-input--light[readonly]::placeholder, input.ids-time__input.ids-input--light[readonly]:focus-visible::placeholder, input.ids-time__input.ids-input--light[readonly]:focus-visible:hover::placeholder {
+  color: var(--IDS-FORM--DISABLED__COLOR);
+}
+input.ids-time__input.ids-input--light.ids-input--invalid, input.ids-time__input.ids-input--light[aria-invalid=true] {
   background-color: var(--IDS-FORM--INVALID__BACKGROUND-COLOR);
 }
 input.ids-time__input {
@@ -6759,7 +6851,7 @@ input.ids-time__input:disabled {
 
 .ids-toggle {
   display: inline-flex;
-  align-items: center;
+  align-items: flex-start;
   justify-content: flex-start;
   gap: 0.5rem;
   margin-bottom: 0.25rem;
@@ -6771,14 +6863,21 @@ input.ids-time__input:disabled {
   align-items: center;
   justify-content: flex-start;
   margin-bottom: 0;
+  bottom: -0.25rem;
 }
 .ids-toggle .ids-label-tooltip-wrapper {
   position: relative;
-  top: 0.375rem;
+  min-height: 1.875rem;
+  align-items: center;
 }
 .ids-toggle .ids-label-tooltip-wrapper label {
-  top: -0.25rem;
-  margin-right: 0.5rem;
+  top: 0;
+}
+.ids-toggle .ids-label-tooltip-wrapper.ids-label-tooltip-wrapper--inline {
+  display: inline-flex;
+}
+.ids-toggle .ids-label-tooltip-wrapper.ids-label-tooltip-wrapper--inline label {
+  margin-right: 0;
 }
 .ids-toggle input[type=checkbox],
 .ids-toggle input {
@@ -7059,6 +7158,32 @@ input[type=search]::-webkit-search-results-decoration {
   --IDS-ACCORDION__COLOR: var(--ids-color-surface-text-on-default);
 }
 
+.ids--light,
+.ids--dark {
+  --IDS-ACTION-LINK__BORDER-RADIUS: 0.625rem;
+  --IDS-ACTION-LINK__BORDER-COLOR: var(--ids-color-interactive-border-default);
+  --IDS-ACTION-LINK__BACKGROUND-COLOR: var(--ids-color-surface-background-elevated-1);
+  --IDS-ACTION-LINK__COLOR: var(--ids-color-interactive-text-default);
+  --IDS-ACTION-LINK__HOVER-BORDER-COLOR: var(--ids-color-interactive-border-hover);
+  --IDS-ACTION-LINK__HOVER-COLOR: var(--ids-color-interactive-text-hover);
+  --IDS-ACTION-LINK__ACTIVE-COLOR: var(--ids-color-interactive-text-active);
+  --IDS-ACTION-LINK__ACTIVE-BORDER-COLOR: var(--ids-color-interactive-border-active);
+  --IDS-ACTION-LINK__IMAGE-BACKGROUND-COLOR: var(--ids-color-brand-background-secondary);
+  --IDS-ACTION-LINK__IMAGE-BORDER-RADIUS: 0.3125rem;
+  --IDS-ACTION-LINK__ICON-COLOR: var(--ids-color-interactive-text-default);
+  --IDS-ACTION-LINK__ICON-BACKGROUND-COLOR: transparent;
+  --IDS-ACTION-LINK__ICON-HOVER-COLOR: var(--ids-color-interactive-text-on-hover);
+  --IDS-ACTION-LINK__ICON-HOVER-BACKGROUND-COLOR: var(--ids-color-interactive-background-hover);
+  --IDS-ACTION-LINK__ICON-ACTIVE-COLOR: var(--ids-color-interactive-text-on-hover);
+  --IDS-ACTION-LINK__ICON-ACTIVE-BACKGROUND-COLOR: var(--ids-color-interactive-background-active);
+}
+.ids--light.ids--inera, .ids--light.ids--inera-admin,
+.ids--dark.ids--inera,
+.ids--dark.ids--inera-admin {
+  --IDS-ACTION-LINK__BORDER-RADIUS: 0.1875rem;
+  --IDS-ACTION-LINK__IMAGE-BORDER-RADIUS: 0.1875rem;
+}
+
 .ids--light, .ids--dark {
   --IDS-ALERT__PADDING: 1.25rem 1rem;
   --IDS-ALERT__PADDING-COLLAPSIBLE: 0.0625rem;
@@ -7103,7 +7228,8 @@ input[type=search]::-webkit-search-results-decoration {
   --IDS-ALERT__BORDER-THICKNESS: 0.125rem;
 }
 
-.ids--light, .ids--dark {
+.ids--light,
+.ids--dark {
   --IDS-BADGE__PADDING-DESKTOP: 0.188rem 0.438rem;
   --IDS-BADGE__PADDING-MOBILE: 0.3125rem 0.4375rem;
   --IDS-BADGE__BORDER-THICKNESS: 0.0625rem;
@@ -7114,7 +7240,7 @@ input[type=search]::-webkit-search-results-decoration {
   --IDS-BADGE--SECONDARY__BORDER-COLOR: var(--ids-color-surface-border-default);
   --IDS-BADGE--SECONDARY__COLOR: var(--ids-color-surface-text-on-default);
   --IDS-BADGE--NEUTRAL__BACKGROUND-COLOR: var(--ids-palette-neutral-90);
-  --IDS-BADGE--NEUTRAL__BORDER-COLOR: var(--ids-palette-neutral-50);
+  --IDS-BADGE--NEUTRAL__BORDER-COLOR: var(--ids-palette-neutral-60);
   --IDS-BADGE--NEUTRAL__COLOR: var(--ids-palette-neutral-20);
   --IDS-BADGE--INFO__BACKGROUND-COLOR: var(--ids-color-feedback-background-information);
   --IDS-BADGE--INFO__BORDER-COLOR: var(--ids-color-feedback-border-information);
@@ -7129,10 +7255,13 @@ input[type=search]::-webkit-search-results-decoration {
   --IDS-BADGE--ERROR__BORDER-COLOR: var(--ids-color-feedback-border-error);
   --IDS-BADGE--ERROR__COLOR: var(--ids-color-feedback-text-on-error);
 }
-.ids--light.ids--inera, .ids--light.ids--inera-admin, .ids--dark.ids--inera, .ids--dark.ids--inera-admin {
+.ids--light.ids--inera, .ids--light.ids--inera-admin,
+.ids--dark.ids--inera,
+.ids--dark.ids--inera-admin {
   --IDS-BADGE--NEUTRAL__BORDER-COLOR: var(--ids-palette-neutral-40);
 }
-.ids--light.ids--dark, .ids--dark.ids--dark {
+.ids--light.ids--dark,
+.ids--dark.ids--dark {
   --IDS-BADGE__PADDING-DESKTOP: 0.125rem 0.375rem;
   --IDS-BADGE__PADDING-MOBILE: 0.25rem 0.375rem;
   --IDS-BADGE__BORDER-THICKNESS: 0.125rem;
@@ -7318,15 +7447,18 @@ input[type=search]::-webkit-search-results-decoration {
   --IDS-DATA-TABLE__ROW--SELECTED__COLOR: var(--ids-color-surface-background-alternative-elevated-1);
 }
 
-.ids--light, .ids--dark {
+.ids--light,
+.ids--dark {
   --IDS-DATE-LABEL__DAY-COLOR: var(--ids-color-surface-text-on-elevated-1);
   --IDS-DATE-LABEL__MONTH-COLOR: var(--ids-color-surface-text-subtle-on-elevated-1);
   --IDS-DATE-LABEL__YEAR-COLOR: var(--ids-color-surface-text-subtle-on-elevated-1);
   --IDS-DATE-LABEL__BACKGROUND-COLOR: var(--ids-color-surface-background-elevated-1);
-  --IDS-DATE-LABEL__BORDER: 0.0625rem solid var(--ids-palette-neutral-50);
+  --IDS-DATE-LABEL__BORDER: 0.0625rem solid var(--ids-palette-neutral-60);
   --IDS-DATE-LABEL__SEPARATOR-COLOR: var(--ids-color-surface-text-subtle-on-elevated-1);
 }
-.ids--light.ids--inera, .ids--light.ids--inera-admin, .ids--dark.ids--inera, .ids--dark.ids--inera-admin {
+.ids--light.ids--inera, .ids--light.ids--inera-admin,
+.ids--dark.ids--inera,
+.ids--dark.ids--inera-admin {
   --IDS-DATE-LABEL__BORDER: 0.0625rem solid var(--ids-palette-neutral-40);
 }
 
@@ -7348,8 +7480,9 @@ input[type=search]::-webkit-search-results-decoration {
   --IDS-DIALOG__BORDER-WIDTH: 0.125rem;
 }
 
-.ids--light, .ids--dark {
-  --IDS-DROPDOWN__BORDER-COLOR: var(--ids-palette-neutral-50);
+.ids--light,
+.ids--dark {
+  --IDS-DROPDOWN__BORDER-COLOR: var(--ids-palette-neutral-60);
   --IDS-DROPDOWN__CONTENT-BACKGROUND-COLOR: var(--ids-color-surface-background-elevated-2);
   --IDS-DROPDOWN__LINK-BORDER-RADIUS: 0.313rem;
   --IDS-DROPDOWN__LINK-COLOR: var(--ids-color-interactive-text-default);
@@ -7358,11 +7491,14 @@ input[type=search]::-webkit-search-results-decoration {
   --IDS-DROPDOWN__LINK-HOVER-BACKGROUND-COLOR: var(--ids-color-interactive-background-hover);
   --IDS-DROPDOWN__LINK-OUTLINE-COLOR: var(--ids-palette-neutral-100);
 }
-.ids--light.ids--inera, .ids--light.ids--inera-admin, .ids--dark.ids--inera, .ids--dark.ids--inera-admin {
+.ids--light.ids--inera, .ids--light.ids--inera-admin,
+.ids--dark.ids--inera,
+.ids--dark.ids--inera-admin {
   --IDS-DROPDOWN__BORDER-COLOR: var(--ids-palette-neutral-40);
   --IDS-DROPDOWN__LINK-BORDER-RADIUS: 0.188rem;
 }
-.ids--light.ids--dark, .ids--dark.ids--dark {
+.ids--light.ids--dark,
+.ids--dark.ids--dark {
   --IDS-DROPDOWN__LINK-HOVER-COLOR: var(--ids-color-surface-background-elevated-2);
   --IDS-DROPDOWN__LINK-HOVER-BACKGROUND-COLOR: var(--ids-color-interactive-text-default);
 }
@@ -7379,8 +7515,8 @@ input[type=search]::-webkit-search-results-decoration {
 }
 .ids--light.ids--dark, .ids--dark.ids--dark {
   --IDS-FOOTER-1177-SUB__COLOR: var(--ids-palette-neutral-100);
-  --IDS-FOOTER-1177-SUB__BEFORE: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1440' preserveAspectRatio='none' height='30'%3E%3Cpath d='M0 0c251.387 7.408 495.186 11.112 731.395 11.112C967.605 11.112 1203.806 7.408 1440 0v30H0V0z' fill='%23353535' fill-rule='evenodd'/%3E%3C/svg%3E");
-  --IDS-FOOTER-1177__AFTER: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1440' preserveAspectRatio='none' height='30'%3E%3Cpath d='M0 0c251.387 7.408 495.186 11.112 731.395 11.112C967.605 11.112 1203.806 7.408 1440 0v30H0V0z' fill='%23252525' fill-rule='evenodd'/%3E%3C/svg%3E");
+  --IDS-FOOTER-1177-SUB__BEFORE: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1440' preserveAspectRatio='none' height='30'%3E%3Cpath d='M0 0c251.387 7.408 495.186 11.112 731.395 11.112C967.605 11.112 1203.806 7.408 1440 0v30H0V0z' fill='%23393d42' fill-rule='evenodd'/%3E%3C/svg%3E");
+  --IDS-FOOTER-1177__AFTER: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1440' preserveAspectRatio='none' height='30'%3E%3Cpath d='M0 0c251.387 7.408 495.186 11.112 731.395 11.112C967.605 11.112 1203.806 7.408 1440 0v30H0V0z' fill='%23222529' fill-rule='evenodd'/%3E%3C/svg%3E");
 }
 
 .ids--light, .ids--dark {
@@ -7441,25 +7577,27 @@ input[type=search]::-webkit-search-results-decoration {
   --IDS-FOOTER-INERA-ADMIN-MOBILE__AFTER: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='154' height='78' viewBox='0 0 154 78' fill='none'%3E%3Cpath d='M154 77.7737C154 77.7522 154 77.7307 154 77.7092C154 35.2188 119.526 0.773669 77 0.773673C34.474 0.773677 -3.72026e-06 35.2188 -5.63531e-09 77.7092C-3.7567e-09 77.7307 1.52569e-05 77.7522 3.05176e-05 77.7737L48.4356 77.7737C48.4355 77.7522 48.4355 77.7307 48.4355 77.7092C48.4355 61.9466 61.2241 49.1686 77 49.1686C92.7758 49.1686 105.565 61.9466 105.565 77.7092C105.565 77.7307 105.564 77.7522 105.564 77.7737L154 77.7737Z' fill='%23151515'/%3E%3C/svg%3E");
 }
 
-.ids--light, .ids--dark {
+.ids--light,
+.ids--dark {
   --IDS-FORM-LABEL__FONT-FAMILY: var(--IDS-FONT-FAMILY-BASE);
   --IDS-FORM-LABEL__FONT-SIZE: 1rem;
   --IDS-FORM-LABEL__FONT-WEIGHT: 400;
   --IDS-FORM-LABEL__LETTER-SPACING: 0;
   --IDS-FORM-LABEL__HEIGHT: 1.25rem;
-  --IDS-FORM--DISABLED__BORDER: 0.0625rem dashed var(--ids-color-form-border-disabled);
+  --IDS-FORM__COLOR: var(--ids-color-form-text-on-default);
   --IDS-FORM--DISABLED__COLOR: var(--ids-color-interactive-text-disabled);
   --IDS-FORM--DISABLED__BACKGROUND-COLOR: var(--ids-color-form-background-disabled);
+  --IDS-FORM--DISABLED__BORDER: 0.0625rem solid var(--ids-color-form-border-disabled);
   --IDS-FORM--INVALID__COLOR: var(--ids-color-feedback-text-error);
   --IDS-FORM--INVALID__BORDER: 0.0625rem solid var(--ids-color-form-border-invalid);
   --IDS-FORM--INVALID__BORDER-COLOR: var(--ids-color-form-message-border-invalid);
   --IDS-FORM--INVALID__BACKGROUND-COLOR: var(--ids-color-form-background-invalid);
-  --IDS-FORM-PLACEHOLDER__COLOR: var(--ids-color-form-text-on-default);
   --IDS-FORM-LABEL__COLOR: var(--ids-color-surface-text-on-default);
   --IDS-FORM-LABEL--DISABLED-COLOR: var(--ids-color-form-text-on-disabled);
 }
-.ids--light.ids--dark, .ids--dark.ids--dark {
-  --IDS-FORM--DISABLED__BORDER: 0.125rem dashed var(--ids-color-form-border-disabled);
+.ids--light.ids--dark,
+.ids--dark.ids--dark {
+  --IDS-FORM--DISABLED__BORDER: 0.125rem solid var(--ids-color-form-border-disabled);
   --IDS-FORM--INVALID__BORDER: 0.125rem solid var(--ids-color-form-border-invalid);
 }
 
@@ -7515,6 +7653,45 @@ input[type=search]::-webkit-search-results-decoration {
   --IDS-CHECKBOX__BORDER-THICKNESS: 0.125rem;
 }
 
+:root {
+  --IDS-DATEPICKER__TRIGGER-BUTTON-BORDER-COLOR: var(--ids-color-interactive-background-default);
+  --IDS-DATEPICKER__TRIGGER-BUTTON-BACKGROUND-COLOR: var(--ids-color-interactive-background-default);
+  --IDS-DATEPICKER__TRIGGER-BUTTON-COLOR: var(--ids-color-interactive-text-on-default);
+  --IDS-DATEPICKER__TRIGGER-BUTTON-BORDER-RADIUS: 0.5625rem;
+  --IDS-DATEPICKER__TRIGGER-BUTTON-DISABLED-BORDER-COLOR: var(--ids-color-interactive-border-disabled);
+  --IDS-DATEPICKER__TRIGGER-BUTTON-DISABLED-BACKGROUND-COLOR: var(--ids-color-interactive-background-disabled);
+  --IDS-DATEPICKER__TRIGGER-BUTTON-DISABLED-COLOR: var(--ids-color-interactive-text-on-disabled);
+  --IDS-DATEPICKER__DATE-BUTTON-BACKGROUND-COLOR: transparent;
+  --IDS-DATEPICKER__DATE-BUTTON-COLOR: var(--ids-color-interactive-text-default);
+  --IDS-DATEPICKER__MONTH-BUTTON-COLOR: var(--ids-color-surface-text-on-elevated-1);
+  --IDS-DATEPICKER__MONTH-BUTTON-FONT-WEIGHT: 700;
+  --IDS-DATEPICKER__MONTH-BUTTON-CHEVRON-COLOR: var(--ids-color-interactive-text-default);
+  --IDS-DATEPICKER__SELECT-BACKGROUND-COLOR: var(--ids-color-surface-background-elevated-1);
+  --IDS-DATEPICKER__SELECT-DISABLED-COLOR: var(--ids-color-interactive-text-disabled);
+  --IDS-DATEPICKER-CALENDAR__BORDER-COLOR: var(--ids-color-surface-border-elevated-1);
+  --IDS-DATEPICKER-CALENDAR__BORDER-RADIUS: 0.1875rem;
+  --IDS-DATEPICKER-CALENDAR__BACKGROUND-COLOR: var(--ids-color-surface-background-elevated-1);
+  --IDS-DATEPICKER-CALENDAR__MOBILE-DIVIDER-COLOR: var(--ids-color-surface-border-default);
+  --IDS-DATEPICKER__BUTTON-COLOR: var(--ids-color-surface-text-on-default);
+  --IDS-DATEPICKER__BUTTON-HOVER-COLOR: var(--ids-color-interactive-text-on-hover);
+  --IDS-DATEPICKER__BUTTON-HOVER-BACKGROUND-COLOR: var(--ids-color-interactive-background-hover);
+  --IDS-DATEPICKER__BUTTON-HOVER-BORDER-COLOR: var(--ids-color-interactive-background-hover);
+  --IDS-DATEPICKER__BUTTON-ACTIVE-COLOR: var(--ids-color-interactive-text-on-active);
+  --IDS-DATEPICKER__BUTTON-ACTIVE-BACKGROUND-COLOR: var(--ids-color-interactive-background-active);
+  --IDS-DATEPICKER__BUTTON-ACTIVE-BORDER-COLOR: var(--ids-color-interactive-background-active);
+  --IDS-DATEPICKER__BUTTON-DISABLED-BACKGROUND-COLOR: var(--ids-color-surface-background-elevated-1);
+  --IDS-DATEPICKER__BUTTON-DISABLED-COLOR: var(--ids-color-interactive-text-disabled);
+  --IDS-DATEPICKER__BUTTON-DISABLED-BORDER-COLOR: var(--ids-color-interactive-border-disabled);
+  --IDS-DATEPICKER__BUTTON-TODAY-BORDER-COLOR: var(--ids-color-interactive-text-default);
+  --IDS-DATEPICKER__BUTTON-TODAY-HOVER-BORDER-COLOR: var(--ids-color-interactive-background-hover);
+  --IDS-DATEPICKER__BUTTON-SELECTED-COLOR: var(--ids-color-interactive-text-on-default);
+  --IDS-DATEPICKER__BUTTON-SELECTED-BACKGROUND-COLOR: var(--ids-color-interactive-background-default);
+  --IDS-DATEPICKER__BUTTON-SELECTED-BORDER-COLOR: var(--ids-color-interactive-background-default);
+}
+:root.ids--inera, :root.ids--inera-admin {
+  --IDS-DATEPICKER__TRIGGER-BUTTON-BORDER-RADIUS: 0.125rem;
+}
+
 .ids--light, .ids--dark {
   --IDS-ERROR-MESSAGE__MARGIN-TOP: 0.8rem;
   --IDS-ERROR-MESSAGE__PADDING: 0.875rem 1.25rem;
@@ -7529,7 +7706,8 @@ input[type=search]::-webkit-search-results-decoration {
   --IDS-ERROR-MESSAGE__BORDER-THICKNESS: 0.125rem;
 }
 
-.ids--light, .ids--dark {
+.ids--light,
+.ids--dark {
   --IDS-INPUT__HEIGHT: 3rem;
   --IDS-INPUT__ICON-RIGHT: 1.25rem;
   --IDS-INPUT__ICON-PADDING-RIGHT: 2.75rem;
@@ -7540,7 +7718,6 @@ input[type=search]::-webkit-search-results-decoration {
   --IDS-INPUT--SEARCH__FONT-SIZE-DESKTOP: 1.125rem;
   --IDS-INPUT--SEARCH__PADDING-LEFT: 3.625rem;
   --IDS-INPUT--SEARCH__ICON-COLOR: var(--ids-color-surface-text-on-default);
-  --IDS-INPUT__COLOR: var(--ids-color-form-text-on-default);
   --IDS-INPUT__BACKGROUND-COLOR: var(--ids-color-form-background-default);
   --IDS-INPUT__BORDER-COLOR: var(--ids-color-form-border-default);
   --IDS-INPUT__BORDER-THICKNESS: 0.0625rem;
@@ -7553,12 +7730,15 @@ input[type=search]::-webkit-search-results-decoration {
   --IDS-INPUT--LIGHT__BACKGROUND-COLOR: var(--ids-color-form-background-light-default);
   --IDS-INPUT--LIGHT__ACTIVE-BACKGROUND-COLOR: var(--ids-color-form-background-light-active);
 }
-.ids--light.ids--1177-admin, .ids--dark.ids--1177-admin {
+.ids--light.ids--1177-admin,
+.ids--dark.ids--1177-admin {
   --IDS-INPUT__HEIGHT: 2.25rem;
   --IDS-INPUT__PADDING: 0 1rem;
   --IDS-INPUT__ICON-RIGHT: 1.125rem;
 }
-.ids--light.ids--inera, .ids--light.ids--inera-admin, .ids--dark.ids--inera, .ids--dark.ids--inera-admin {
+.ids--light.ids--inera, .ids--light.ids--inera-admin,
+.ids--dark.ids--inera,
+.ids--dark.ids--inera-admin {
   --IDS-INPUT__HEIGHT: 3rem;
   --IDS-INPUT__ICON-RIGHT: 1.25rem;
   --IDS-INPUT__ICON-PADDING-RIGHT: 2.75rem;
@@ -7569,16 +7749,20 @@ input[type=search]::-webkit-search-results-decoration {
   --IDS-INPUT--SEARCH__FONT-SIZE-DESKTOP: 1.125rem;
   --IDS-INPUT--SEARCH__PADDING-LEFT: 3.625rem;
 }
-.ids--light.ids--inera-admin, .ids--dark.ids--inera-admin {
+.ids--light.ids--inera-admin,
+.ids--dark.ids--inera-admin {
   --IDS-INPUT__HEIGHT: 2.25rem;
   --IDS-INPUT__PADDING: 0 1rem;
   --IDS-INPUT__ICON-RIGHT: 1.125rem;
 }
-.ids--light.ids--dark, .ids--dark.ids--dark {
+.ids--light.ids--dark,
+.ids--dark.ids--dark {
   --IDS-INPUT__BORDER-THICKNESS: 0.125rem;
   --IDS-INPUT__PADDING: 0 1.1875rem;
 }
-.ids--light.ids--dark.ids--1177-admin, .ids--light.ids--dark.ids--inera-admin, .ids--dark.ids--dark.ids--1177-admin, .ids--dark.ids--dark.ids--inera-admin {
+.ids--light.ids--dark.ids--1177-admin, .ids--light.ids--dark.ids--inera-admin,
+.ids--dark.ids--dark.ids--1177-admin,
+.ids--dark.ids--dark.ids--inera-admin {
   --IDS-INPUT__PADDING: 0 0.9375rem;
 }
 
@@ -7605,48 +7789,28 @@ input[type=search]::-webkit-search-results-decoration {
   --IDS-RADIO__AFTER_WIDTH: 1.0625rem;
 }
 
-.ids--light, .ids--dark {
+.ids--light,
+.ids--dark {
   --IDS-RADIO-BUTTON__BORDER-THICKNESS: 0.0625rem;
-  --IDS-RADIO-BUTTON__BORDER-COLOR: var(--ids-palette-primary-40);
-  --IDS-RADIO-BUTTON__COLOR: var(--ids-palette-neutral-20);
-  --IDS-RADIO-BUTTON__BACKGROUND-COLOR: var(--ids-palette-neutral-100);
-  --IDS-RADIO-BUTTON--CHECKED__BACKGROUND-COLOR: var(--ids-palette-primary-40);
-  --IDS-RADIO-BUTTON--CHECKED__BORDER-COLOR: var(--ids-palette-primary-40);
-  --IDS-RADIO-BUTTON--CHECKED__COLOR: var(--ids-palette-neutral-100);
-  --IDS-RADIO-BUTTON--HOVER__COLOR: var(--ids-palette-neutral-100);
-  --IDS-RADIO-BUTTON--HOVER__BORDER-COLOR: var(--ids-palette-primary-30);
-  --IDS-RADIO-BUTTON--HOVER__BACKGROUND-COLOR: var(--ids-palette-primary-30);
-  --IDS-RADIO-BUTTON--ACTIVE__BORDER-COLOR: var(--ids-palette-primary-20);
-  --IDS-RADIO-BUTTON--ACTIVE__BACKGROUND-COLOR: var(--ids-palette-primary-20);
+  --IDS-RADIO-BUTTON__BORDER-COLOR: var(--ids-color-navigation-border-default);
+  --IDS-RADIO-BUTTON__COLOR: var(--ids-color-text-on-default);
+  --IDS-RADIO-BUTTON__BACKGROUND-COLOR: var(--ids-color-surface-background-default);
+  --IDS-RADIO-BUTTON--CHECKED__BACKGROUND-COLOR: var(--ids-color-navigation-background-default);
+  --IDS-RADIO-BUTTON--CHECKED__BORDER-COLOR: var(--ids-color-navigation-border-default);
+  --IDS-RADIO-BUTTON--CHECKED__COLOR: var(--ids-color-navigation-text-on-default);
+  --IDS-RADIO-BUTTON--HOVER__COLOR: var(--ids-color-navigation-text-on-default);
+  --IDS-RADIO-BUTTON--HOVER__BORDER-COLOR: var(--ids-color-navigation-border-default);
+  --IDS-RADIO-BUTTON--HOVER__BACKGROUND-COLOR: var(--ids-color-navigation-border-default);
+  --IDS-RADIO-BUTTON--ACTIVE__BORDER-COLOR: var(--ids-color-navigation-border-default);
+  --IDS-RADIO-BUTTON--ACTIVE__BACKGROUND-COLOR: var(--ids-color-navigation-border-default);
   --IDS-RADIO-BUTTON--DISABLED-BACKGROUND-COLOR: var(--ids-color-interactive-background-disabled);
   --IDS-RADIO-BUTTON--DISABLED__BORDER-COLOR: var(--ids-color-interactive-text-on-disabled);
   --IDS-RADIO-BUTTON--DISABLED-COLOR: var(--ids-color-interactive-text-on-disabled);
 }
-.ids--light.ids--inera, .ids--light.ids--inera-admin, .ids--dark.ids--inera, .ids--dark.ids--inera-admin {
-  --IDS-RADIO-BUTTON__BORDER-THICKNESS: 0.0625rem;
-  --IDS-RADIO-BUTTON--DISABLED__BORDER-COLOR: var(--ids-color-interactive-background-disabled);
-}
-.ids--light.ids--dark, .ids--dark.ids--dark {
+.ids--light.ids--dark,
+.ids--dark.ids--dark {
   --IDS-RADIO-BUTTON__BORDER-THICKNESS: 0.125rem;
-  --IDS-RADIO-BUTTON__BORDER-COLOR: var(--ids-palette-error-40);
-  --IDS-RADIO-BUTTON__COLOR: var(--ids-palette-neutral-100);
-  --IDS-RADIO-BUTTON__BACKGROUND-COLOR: var(--ids-palette-neutral-10);
-  --IDS-RADIO-BUTTON--CHECKED__BACKGROUND-COLOR: var(--ids-palette-neutral-10);
-  --IDS-RADIO-BUTTON--CHECKED__BORDER-COLOR: var(--ids-surface-background-elevated-2);
-  --IDS-RADIO-BUTTON--CHECKED__COLOR: var(--ids-palette-neutral-100);
-  --IDS-RADIO-BUTTON--HOVER__COLOR: var(--ids-palette-neutral-100);
-  --IDS-RADIO-BUTTON--HOVER__BORDER-COLOR: var(--ids-palette-error-40);
-  --IDS-RADIO-BUTTON--HOVER__BACKGROUND-COLOR: var(--ids-palette-error-40);
-  --IDS-RADIO-BUTTON--ACTIVE__BORDER-COLOR: var(--ids-palette-primary-20);
-  --IDS-RADIO-BUTTON--ACTIVE__BACKGROUND-COLOR: var(--ids-palette-primary-20);
-  --IDS-RADIO-BUTTON--DISABLED-BACKGROUND-COLOR: var(--ids-color-interactive-background-disabled);
-  --IDS-RADIO-BUTTON--DISABLED__BORDER-COLOR: var(--ids-color-interactive-text-on-disabled);
-  --IDS-RADIO-BUTTON--DISABLED-COLOR: var(--ids-color-interactive-text-on-disabled);
-}
-.ids--light.ids--dark.ids--inera, .ids--light.ids--dark.ids--inera-admin, .ids--dark.ids--dark.ids--inera, .ids--dark.ids--dark.ids--inera-admin {
-  --IDS-RADIO-BUTTON__BORDER-COLOR: var(--ids-palette-primary-30);
-  --IDS-RADIO-BUTTON--HOVER__BORDER-COLOR: var(--ids-palette-primary-30);
-  --IDS-RADIO-BUTTON--HOVER__BACKGROUND-COLOR: var(--ids-palette-primary-30);
+  --IDS-RADIO-BUTTON--CHECKED__BACKGROUND-COLOR: var(--ids-color-surface-background-elevated-2);
 }
 
 .ids--light, .ids--dark {
@@ -7715,10 +7879,11 @@ input[type=search]::-webkit-search-results-decoration {
   --IDS-TEXTAREA__PADDING: 0.4375rem 0.5625rem;
 }
 
-.ids--light, .ids--dark {
+.ids--light,
+.ids--dark {
   --IDS-TOGGLE__BORDER-THICKNESS: 0.0625rem;
-  --IDS-TOGGLE__BORDER-COLOR: var(--ids-palette-neutral-50);
-  --IDS-TOGGLE__BACKGROUND-COLOR: var(--ids-palette-neutral-50);
+  --IDS-TOGGLE__BORDER-COLOR: var(--ids-palette-neutral-60);
+  --IDS-TOGGLE__BACKGROUND-COLOR: var(--ids-palette-neutral-60);
   --IDS-TOGGLE__HOVER-BORDER-COLOR: var(--ids-palette-neutral-40);
   --IDS-TOGGLE__HOVER-BACKGROUND-COLOR: var(--ids-palette-neutral-40);
   --IDS-TOGGLE__ACTIVE-BORDER-COLOR: var(--ids-palette-neutral-40);
@@ -7734,15 +7899,20 @@ input[type=search]::-webkit-search-results-decoration {
   --IDS-TOGGLE--CHECKED__KNOB-COLOR: var(--ids-color-interactive-text-default);
   --IDS-TOGGLE--CHECKED__KNOB-BACKGROUND-COLOR: var(--ids-palette-neutral-100);
   --IDS-TOGGLE--CHECKED__KNOB-LEFT: calc(100% - 1.6875rem);
-  --IDS-TOGGLE--DISABLED__KNOB-BACKGROUND-COLOR: var(--ids-palette-neutral-90);
-  --IDS-TOGGLE--DISABLED__COLOR: var(--ids-palette-neutral-40);
+  --IDS-TOGGLE--DISABLED__KNOB-BACKGROUND-COLOR: var(--ids-color-interactive-toggle-marker-disabled);
+  --IDS-TOGGLE--DISABLED__COLOR: var(--ids-color-interactive-text-disabled);
 }
-.ids--light.ids--inera, .ids--light.ids--inera-admin, .ids--dark.ids--inera, .ids--dark.ids--inera-admin {
-  --IDS-TOGGLE__BORDER-COLOR: var(--ids-palette-neutral-40);
-  --IDS-TOGGLE__BACKGROUND-COLOR: var(--ids-palette-neutral-40);
+.ids--light.ids--inera, .ids--light.ids--inera-admin,
+.ids--dark.ids--inera,
+.ids--dark.ids--inera-admin {
+  --IDS-TOGGLE__BORDER-COLOR: var(--ids-palette-neutral-60);
+  --IDS-TOGGLE__BACKGROUND-COLOR: var(--ids-palette-neutral-60);
 }
-.ids--light.ids--dark, .ids--dark.ids--dark {
+.ids--light.ids--dark,
+.ids--dark.ids--dark {
   --IDS-TOGGLE__BORDER-THICKNESS: 0.125rem;
+  --IDS-TOGGLE__BORDER-COLOR: var(--ids-palette-neutral-60);
+  --IDS-TOGGLE__BACKGROUND-COLOR: var(--ids-palette-neutral-60);
   --IDS-TOGGLE--CHECKED__KNOB-LEFT: calc(100% - 1.75rem);
   --IDS-TOGGLE--CHECKED__KNOB-BACKGROUND-COLOR: var(--ids-color-surface-background-default);
 }
@@ -8095,7 +8265,7 @@ input[type=search]::-webkit-search-results-decoration {
   --IDS-MOBILE-MENU-2-ITEM__COLOR: var(--ids-color-navigation-text-default);
   --IDS-MOBILE-MENU-2-ITEM--HOVER__COLOR: var(--ids-color-navigation-text-hover);
   --IDS-MOBILE-MENU-2-ITEM__BACKGROUND-COLOR: var(--ids-color-brand-background-secondary);
-  --IDS-MOBILE-MENU-2-ITEM__BORDER-BOTTOM-COLOR: var(--ids-color-surface-border-elevated-1);
+  --IDS-MOBILE-MENU-2-ITEM__BORDER-BOTTOM-COLOR: var(--ids-color-navigation-border-default);
   --IDS-MOBILE-MENU-2-ITEM__BEFORE-BACKGROUND-COLOR: var(--ids-color-brand-background-secondary);
   --IDS-MOBILE-MENU-2-ITEM__BEFORE-HOVER-BACKGROUND-COLOR: var(--ids-color-navigation-border-default);
   /* VARIATION 2 - Level 2 & 3 */
@@ -8110,40 +8280,40 @@ input[type=search]::-webkit-search-results-decoration {
   --IDS-MOBILE-MENU--FOCUS-OUTLINE-COLOR: var(--IDS-FOCUS__OUTLINE-COLOR);
   /* Level 1 */
   --IDS-MOBILE-MENU-ITEM__FONT-WEIGHT: 700;
-  --IDS-MOBILE-MENU-ITEM__COLOR: var(--ids-color-interactive-text-default);
-  --IDS-MOBILE-MENU-ITEM--HOVER__COLOR: var(--ids-color-interactive-text-hover);
+  --IDS-MOBILE-MENU-ITEM__COLOR: var(--ids-color-navigation-text-default);
+  --IDS-MOBILE-MENU-ITEM--HOVER__COLOR: var(--ids-color-navigation-text-hover);
   --IDS-MOBILE-MENU-ITEM__BACKGROUND-COLOR: var(--ids-color-surface-background-elevated-1);
   --IDS-MOBILE-MENU-ITEM__BEFORE-BACKGROUND-COLOR: var(--ids-color-surface-background-elevated-1);
   --IDS-MOBILE-MENU-ITEM__BORDER-BOTTOM-COLOR: var(--ids-color-surface-border-elevated-1);
-  --IDS-MOBILE-MENU-ITEM__BEFORE-HOVER-BACKGROUND-COLOR: var(--ids-color-interactive-border-default);
+  --IDS-MOBILE-MENU-ITEM__BEFORE-HOVER-BACKGROUND-COLOR: var(--ids-color-navigation-border-default);
   /* Secondary */
-  --IDS-MOBILE-MENU-ITEM-SECONDARY__COLOR: var(--ids-color-interactive-text-default);
-  --IDS-MOBILE-MENU-ITEM-SECONDARY--HOVER__COLOR: var(--ids-color-interactive-text-hover);
+  --IDS-MOBILE-MENU-ITEM-SECONDARY__COLOR: var(--ids-color-navigation-text-default);
+  --IDS-MOBILE-MENU-ITEM-SECONDARY--HOVER__COLOR: var(--ids-color-navigation-text-hover);
   --IDS-MOBILE-MENU-ITEM-SECONDARY__BACKGROUND-COLOR: var(--ids-color-brand-background-secondary);
-  --IDS-MOBILE-MENU-ITEM-SECONDARY__BORDER-BOTTOM-COLOR: var(--ids-color-interactive-border-default);
+  --IDS-MOBILE-MENU-ITEM-SECONDARY__BORDER-BOTTOM-COLOR: var(--ids-color-navigation-border-default);
   --IDS-MOBILE-MENU-ITEM-SECONDARY__BEFORE-BACKGROUND-COLOR: var(--ids-color-brand-background-secondary);
-  --IDS-MOBILE-MENU-ITEM-SECONDARY__BEFORE-HOVER-BACKGROUND-COLOR: var(--ids-color-interactive-border-default);
+  --IDS-MOBILE-MENU-ITEM-SECONDARY__BEFORE-HOVER-BACKGROUND-COLOR: var(--ids-color-navigation-border-default);
   /* Level 2 */
-  --IDS-MOBILE-MENU-ITEM--L2__COLOR: var(--ids-color-interactive-text-default);
+  --IDS-MOBILE-MENU-ITEM--L2__COLOR: var(--ids-color-navigation-text-default);
   --IDS-MOBILE-MENU-ITEM--L2__BACKGROUND-COLOR: var(--ids-color-surface-background-elevated-1);
   --IDS-MOBILE-MENU-ITEM--L2__BORDER-BOTTOM-COLOR: var(--ids-color-surface-border-elevated-1);
   --IDS-MOBILE-MENU-ITEM--L2__BEFORE-BACKGROUND-COLOR: var(--ids-color-surface-border-elevated-1);
-  --IDS-MOBILE-MENU-ITEM--L2__BEFORE-HOVER-BACKGROUND-COLOR: var(--ids-color-interactive-border-default);
+  --IDS-MOBILE-MENU-ITEM--L2__BEFORE-HOVER-BACKGROUND-COLOR: var(--ids-color-navigation-border-default);
   /* VARIATION 2 */
   --IDS-MOBILE-MENU-2--FOCUS-OUTLINE-COLOR: var(--IDS-FOCUS__OUTLINE-COLOR);
   /* Level 1 */
   --IDS-MOBILE-MENU-2-ITEM__FONT-WEIGHT: 700;
-  --IDS-MOBILE-MENU-2-ITEM__COLOR: var(--ids-color-interactive-text-default);
-  --IDS-MOBILE-MENU-2-ITEM--HOVER__COLOR: var(--ids-color-interactive-text-hover);
+  --IDS-MOBILE-MENU-2-ITEM__COLOR: var(--ids-color-navigation-text-default);
+  --IDS-MOBILE-MENU-2-ITEM--HOVER__COLOR: var(--ids-color-navigation-text-hover);
   --IDS-MOBILE-MENU-2-ITEM__BACKGROUND-COLOR: var(--ids-color-brand-background-secondary);
-  --IDS-MOBILE-MENU-2-ITEM__BORDER-BOTTOM-COLOR: var(--ids-color-surface-border-elevated-1);
+  --IDS-MOBILE-MENU-2-ITEM__BORDER-BOTTOM-COLOR: var(--ids-color-navigation-border-default);
   --IDS-MOBILE-MENU-2-ITEM__BEFORE-BACKGROUND-COLOR: var(--ids-color-brand-background-secondary);
-  --IDS-MOBILE-MENU-2-ITEM__BEFORE-HOVER-BACKGROUND-COLOR: var(--ids-color-interactive-border-default);
+  --IDS-MOBILE-MENU-2-ITEM__BEFORE-HOVER-BACKGROUND-COLOR: var(--ids-color-navigation-border-default);
   /* VARIATION 2 - Level 2 & 3 */
-  --IDS-MOBILE-MENU-2-ITEM--L2__COLOR: var(--ids-color-interactive-text-default);
+  --IDS-MOBILE-MENU-2-ITEM--L2__COLOR: var(--ids-color-navigation-text-default);
   --IDS-MOBILE-MENU-2-ITEM--L2__BACKGROUND-COLOR: var(--ids-color-brand-background-secondary);
   --IDS-MOBILE-MENU-2-ITEM--L2__BEFORE-BACKGROUND-COLOR: var(--ids-color-brand-background-secondary);
-  --IDS-MOBILE-MENU-2-ITEM--L2__BEFORE-HOVER-BACKGROUND-COLOR: var(--ids-color-interactive-border-default);
+  --IDS-MOBILE-MENU-2-ITEM--L2__BEFORE-HOVER-BACKGROUND-COLOR: var(--ids-color-navigation-border-default);
 }
 .ids--light.ids--inera, .ids--dark.ids--inera {
   /* VARIATION 1 */
@@ -8253,7 +8423,7 @@ input[type=search]::-webkit-search-results-decoration {
   --IDS-NAVIGATION-CONTENT__DECORATION-TOP-HEIGHT: 1.25rem;
   --IDS-NAVIGATION-CONTENT__BORDER-COLOR: var(--ids-color-surface-border-elevated-1);
   --IDS-NAVIGATION-CONTENT__BACKGROUND-COLOR: var(--ids-color-surface-background-elevated-1);
-  --IDS-NAVIGATION-CONTENT__HEADLINE-COLOR: var(--ids-color-surface-text-on-default);
+  --IDS-NAVIGATION-CONTENT__HEADLINE-COLOR: var(--ids-color-surface-text-on-elevated-1);
   --IDS-NAVIGATION-CONTENT__ITEM-BORDER-TOP: 0.063rem solid var(--ids-palette-accent-90);
 }
 .ids--light.ids--inera, .ids--light.ids--inera-admin, .ids--dark.ids--inera, .ids--dark.ids--inera-admin {
@@ -8279,7 +8449,8 @@ input[type=search]::-webkit-search-results-decoration {
   --IDS-NAVIGATION-LOCAL--ACTIVE-BEFORE-COLOR: var(--ids-color-brand-border-primary);
 }
 
-.ids--light, .ids--dark {
+.ids--light,
+.ids--dark {
   --IDS-NOTIFICATION-BADGE__PADDING: 0.0625rem 0.5rem;
   --IDS-NOTIFICATION-BADGE__BORDER-THICKNESS: 0.0625rem;
   --IDS-NOTIFICATION-BADGE--PRIMARY__BACKGROUND-COLOR: var(--ids-color-feedback-background-notification);
@@ -8289,7 +8460,7 @@ input[type=search]::-webkit-search-results-decoration {
   --IDS-NOTIFICATION-BADGE--SECONDARY__BORDER-COLOR: var(--ids-color-surface-border-default);
   --IDS-NOTIFICATION-BADGE--SECONDARY__COLOR: var(--ids-color-surface-text-on-default);
   --IDS-NOTIFICATION-BADGE--NEUTRAL__BACKGROUND-COLOR: var(--ids-palette-neutral-90);
-  --IDS-NOTIFICATION-BADGE--NEUTRAL__BORDER-COLOR: var(--ids-palette-neutral-50);
+  --IDS-NOTIFICATION-BADGE--NEUTRAL__BORDER-COLOR: var(--ids-palette-neutral-60);
   --IDS-NOTIFICATION-BADGE--NEUTRAL__COLOR: var(--ids-palette-neutral-20);
   --IDS-NOTIFICATION-BADGE--INFO__BACKGROUND-COLOR: var(--ids-color-feedback-background-information);
   --IDS-NOTIFICATION-BADGE--INFO__BORDER-COLOR: var(--ids-color-feedback-border-information);
@@ -8304,10 +8475,13 @@ input[type=search]::-webkit-search-results-decoration {
   --IDS-NOTIFICATION-BADGE--ERROR__BORDER-COLOR: var(--ids-color-feedback-border-error);
   --IDS-NOTIFICATION-BADGE--ERROR__COLOR: var(--ids-color-feedback-text-on-error);
 }
-.ids--light.ids--inera, .ids--light.ids--inera-admin, .ids--dark.ids--inera, .ids--dark.ids--inera-admin {
+.ids--light.ids--inera, .ids--light.ids--inera-admin,
+.ids--dark.ids--inera,
+.ids--dark.ids--inera-admin {
   --IDS-NOTIFICATION-BADGE--NEUTRAL__BORDER-COLOR: var(--ids-palette-neutral-40);
 }
-.ids--light.ids--dark, .ids--dark.ids--dark {
+.ids--light.ids--dark,
+.ids--dark.ids--dark {
   --IDS-NOTIFICATION-BADGE__PADDING: 0 0.4375rem;
   --IDS-NOTIFICATION-BADGE__BORDER-THICKNESS: 0.125rem;
 }
@@ -8408,15 +8582,14 @@ input[type=search]::-webkit-search-results-decoration {
   --IDS-STEP__HEADLINE-COLOR: var(--ids-color-interactive-text-default);
   --IDS-STEP__HEADLINE-FONT-FAMILY: var(--IDS-FONT-FAMILY-HEADING);
   --IDS-STEP__HEADLINE-LETTER-SPACING: -0.25rem;
-  --IDS-STEP__BACKGROUND-COLOR: var(--ids-color-surface-background-elevated-1);
   --IDS-STEP__LABEL-COLOR: var(--ids-color-surface-text-on-default);
   --IDS-STEP--DISABLED__HEADLINE-COLOR: var(--ids-color-interactive-text-disabled);
   --IDS-STEP--DISABLED__LABEL-COLOR: var(--ids-color-interactive-text-disabled);
   --IDS-STEP__AFTER-BACKGROUND-COLOR: var(--ids-color-surface-border-default);
-  --IDS-STEP__BUTTON-PADDING-MOBILE: 0.75rem 1rem;
-  --IDS-STEP__BUTTON-PADDING-DESKTOP: 1rem 1.25rem;
-  --IDS-STEP__CONTENT-PADDING-MOBILE: 0 1rem 0.75rem 1rem;
-  --IDS-STEP__CONTENT-PADDING-DESKTOP: 0 1.25rem 1rem 5rem;
+  --IDS-STEP__BUTTON-PADDING-MOBILE: 0.75rem 0;
+  --IDS-STEP__BUTTON-PADDING-DESKTOP: 1rem 0;
+  --IDS-STEP__CONTENT-PADDING-MOBILE: 0 0 0.75rem 0;
+  --IDS-STEP__CONTENT-PADDING-DESKTOP: 0 0 1rem 0;
   --IDS-STEP__INDICATOR-BACKGROUND-COLOR: transparent;
   --IDS-STEP__INDICATOR-BORDER-COLOR: var(--ids-color-interactive-border-default);
   --IDS-STEP__INDICATOR-COLOR: var(--ids-color-interactive-text-default);
@@ -8435,10 +8608,10 @@ input[type=search]::-webkit-search-results-decoration {
 }
 .ids--light.ids--dark, .ids--dark.ids--dark {
   --IDS-STEP__BORDER-THICKNESS: 0.125rem;
-  --IDS-STEP__BUTTON-PADDING-MOBILE: 0.6875rem 0.9375rem;
-  --IDS-STEP__BUTTON-PADDING-DESKTOP: 0.9375rem 1.1875rem;
-  --IDS-STEP__CONTENT-PADDING-MOBILE: 0 0.9375rem 0.6875rem 0.9375rem;
-  --IDS-STEP__CONTENT-PADDING-DESKTOP: 0 1.1875rem 0.9375rem 4.9375rem;
+  --IDS-STEP__BUTTON-PADDING-MOBILE: 0.6875rem 0;
+  --IDS-STEP__BUTTON-PADDING-DESKTOP: 0.9375rem 0;
+  --IDS-STEP__CONTENT-PADDING-MOBILE: 0 0 0.6875rem 0;
+  --IDS-STEP__CONTENT-PADDING-DESKTOP: 0 0 0.9375rem 0;
 }
 
 .ids--light, .ids--dark {