@sapudex/web-components 2.48.0 → 2.49.0

package/src/themes/MediaPlayer.css

@@ -1465,52 +1465,23 @@ video::-webkit-media-text-track-display {
 }
 
 .vjs-loading-spinner {
-  background-clip: padding-box;
-  border: .6em solid #2b333fb3;
-  border-radius: 50%;
   box-sizing: border-box;
   display: none;
-  height: 5em;
-  left: 50%;
-  opacity: .85;
   position: absolute;
-  text-align: left;
-  top: 50%;
-  transform: translate(-50%,-50%);
+  inset: 0;
   visibility: hidden;
-  width: 5em
+  background: color-mix(in oklch, transparent, var(--sapBlockLayer_Background) 60%);
+  align-items: center;
+  justify-content: center;
 }
 
 .vjs-seeking .vjs-loading-spinner,.vjs-waiting .vjs-loading-spinner {
-  align-items: center;
   animation: vjs-spinner-show 0s linear .3s forwards;
   display: flex;
-  justify-content: center
 }
 
 .vjs-loading-spinner:after,.vjs-loading-spinner:before {
-  border: inherit;
-  border-color: #fff #0000 #0000;
-  border-radius: inherit;
-  box-sizing: inherit;
-  content: "";
-  height: inherit;
-  opacity: 1;
-  position: absolute;
-  width: inherit
-}
-
-.vjs-seeking .vjs-loading-spinner:after,.vjs-seeking .vjs-loading-spinner:before,.vjs-waiting .vjs-loading-spinner:after,.vjs-waiting .vjs-loading-spinner:before {
-  animation: vjs-spinner-spin 1.1s cubic-bezier(.6,.2,0,.8) infinite,vjs-spinner-fade 1.1s linear infinite
-}
-
-.vjs-seeking .vjs-loading-spinner:before,.vjs-waiting .vjs-loading-spinner:before {
-  border-top-color: #fff
-}
-
-.vjs-seeking .vjs-loading-spinner:after,.vjs-waiting .vjs-loading-spinner:after {
-  animation-delay: .44s;
-  border-top-color: #fff
+  content: none;
 }
 
 .vjs-chapters-button .vjs-menu ul {

package/src/themes/PhoneNumberField.css

@@ -12,16 +12,16 @@
   --udex-phone-number-field-color-standard-active-icon: var(--sapSelectedColor, #0040b0);
 
   --udex-phone-number-field-color-error-default-background: var(--sapField_InvalidBackground, #fff);
-  --udex-phone-number-field-color-error-default-border: var(--udexCoreSemanticError6, #ee3939);
-  --udex-phone-number-field-color-error-default-control-button-border: var(--udexCoreSemanticError4, #ff8cb2);
+  --udex-phone-number-field-color-error-default-border: var(--udexColorRed6, #ee3939);
+  --udex-phone-number-field-color-error-default-control-button-border: var(--udexColorRed4, #ff8cb2);
 
   --udex-phone-number-field-color-error-hover-border: var(--sapField_InvalidColor, #d20a0a);
-  --udex-phone-number-field-color-error-active-border: var(--udexCoreSemanticError9, #840606);
-  --udex-phone-number-field-color-error-active-icon: var(--udexCoreSemanticError9, #840606);
+  --udex-phone-number-field-color-error-active-border: var(--udexColorRed9, #840606);
+  --udex-phone-number-field-color-error-active-icon: var(--udexColorRed9, #840606);
 
   --udex-phone-number-field-color-success-default-background: var(--sapField_SuccessBackground, #fff);
-  --udex-phone-number-field-color-success-default-border: var(--udexCoreSemanticSuccess6, #36a41d);
-  --udex-phone-number-field-color-success-default-control-button-border: var(--udexCoreSemanticSuccess6, #36a41d);
+  --udex-phone-number-field-color-success-default-border: var(--udexColorGreen6, #36a41d);
+  --udex-phone-number-field-color-success-default-control-button-border: var(--udexColorGreen6, #36a41d);
 
   --udex-phone-number-field-color-success-hover-border: var(--sapField_SuccessColor, #188918);
   --udex-phone-number-field-color-success-active-border: var(--sapSuccessColor, #1e592f);

package/src/themes/ProgressBar.css

@@ -8,6 +8,10 @@
   --udex-progress-bar-icon-right-position: -24px;
 }
 
+:host([value-state="Information"]) .ui5-progress-indicator-bar {
+  background-color:  var(--udexColorBlue7);
+}
+
 .ui5-progress-indicator-icon {
   width: var(--udex-progress-bar-icon-size);
   height: var(--udex-progress-bar-icon-size);

package/src/themes/PromoTile.css

@@ -14,10 +14,10 @@
   --udex-promo-tile-icon-height: 100%;
   --udex-promo-tile-icon-fill-color: inherit;
   --udex-promo-tile-eyebrow-color: var(--udexColorBlue8, #0057D2);
-  --udex-promo-tile-header-color-light: var(--udexCoreHeadingLight, #FFFFFF);
-  --udex-promo-tile-header-color-dark: var(--udexCoreHeadingDark, #000000);
-  --udex-promo-tile-text-color-light: var(--udexCoreTextLight, #FFFFFF);
-  --udex-promo-tile-text-color-dark: var(--udexCoreTextDark, #223548);
+  --udex-promo-tile-header-color-light: var(--udexColorNeutralWhite, #FFFFFF);
+  --udex-promo-tile-header-color-dark: var(--udexColorNeutralBlack, #000000);
+  --udex-promo-tile-text-color-light: var(--udexColorNeutralWhite, #FFFFFF);
+  --udex-promo-tile-text-color-dark: var(--udexColorGrey9, #223548);
 }
 
 :host ::slotted([slot="pictogram"]) {

package/src/themes/Review.css

@@ -1,6 +1,6 @@
 :host {
-  --udex-review-color: var(--udexCoreTextDark, #223548);
-  --udex-review-rating-color: var(--udexCoreHeadingDark, #000000);
+  --udex-review-color: var(--udexColorGrey9, #223548);
+  --udex-review-rating-color: var(--udexColorNeutralBlack, #000000);
   --udex-review-container-inline-padding: 0;
   --udex-review-container-vertical-padding: var(--udexSpacer32);
   --udex-review-container-vertical-padding-xs: var(--udexSpacer24);

package/src/themes/ReviewItem.css

@@ -4,10 +4,10 @@
   --udex-review-item-column-space-s-xs: var(--udexSpacer24, 24px);
   --udex-review-item-underline-color: var(--udexColorGrey1);
   --udex-review-item-text-font-family: var(--sapFontFamily, sans-serif);
-  --udex-review-item-text-color: var(--udexCoreTextDark, #223548);
+  --udex-review-item-text-color: var(--udexColorGrey9, #223548);
   --udex-review-item-text-gradient: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
   --udex-review-item-text-gradient-height: 80px;
-  --udex-review-item-title-color: var(--udexCoreHeadingDark, #000000);
+  --udex-review-item-title-color: var(--udexColorNeutralBlack, #000000);
   --udex-review-item-date-and-author-color: var(--udexColorGrey6);
   --udex-review-item-max-text-height: 90px;
   --udex-review-item-color: var(--udexColorGrey9, #223548);

package/src/themes/Search.css

@@ -12,7 +12,7 @@
   --udex-input-font-weight-label-active: var(--udexTypographyFontWeightRegular, 400);
   --udex-input-line-height-label-active: var(--udexTypographyBodyLineHeight, 1.5);
 
-  --udex-input-color-typed-text: var(--sapField_TextColor, var(--udexCoreTextDark));
+  --udex-input-color-typed-text: var(--sapField_TextColor, var(--udexColorGrey9));
   --udex-input-color-background-light: var(--sapField_Background, var(--udexColorNeutralWhite));
   --udex-input-color-hover-border: var(--sapField_Hover_BorderColor, var(--udexColorBlue6));
   --udex-input-color-active-border: var(--sapField_Active_BorderColor, var(--udexColorBlue9));
@@ -395,7 +395,7 @@ input[type="search"]::-webkit-search-results-decoration {
 
 .udex-search__prefix-button:hover {
   cursor: pointer;
-  background-color: var(--udexCoreBase);
+  background-color: var(--udexColorNeutralWhite);
   color: var(--udexColorBlue8)
 }
 
@@ -406,7 +406,7 @@ input[type="search"]::-webkit-search-results-decoration {
 }
 
 .udex-search__prefix-button--active {
-  background-color: var(--udexCoreBase);
+  background-color: var(--udexColorNeutralWhite);
   color: var(--udexColorBlue10)
 }
 
@@ -427,7 +427,7 @@ input[type="search"]::-webkit-search-results-decoration {
 .udex-search__prefix-popover {
   border-start-start-radius: 0;
   border-start-end-radius: 0;
-  border: 1px solid var(--udexCoreBorderDefault);
+  border: 1px solid var(--udexColorGrey6);
   border-block-start: 0;
   box-shadow: var(--sapContent_Shadow1, 0px 2px 8px 0px rgba(34,54,73,0.3));
   background-color: var(--udexColorNeutralWhite, #fff);
@@ -437,7 +437,7 @@ input[type="search"]::-webkit-search-results-decoration {
 .udex-search__prefix-popover-top {
   border-end-start-radius: 0;
   border-end-end-radius: 0;
-  border: 1px solid var(--udexCoreBorderDefault);
+  border: 1px solid var(--udexColorGrey6);
   border-block-end: 0;
   box-shadow: none;
   background-color: var(--udexColorNeutralWhite, #fff);

package/src/themes/SelectBase.css

@@ -1,10 +1,10 @@
 :host {
   --udex-select-box-popover-min-width: 0px;
   --udex-select-box-popover-shadow: var(--sapContent_Shadow1, 0 2px 8px 0 rgba(34,54,73,0.3));
-  --udex-select-box-popover-border-color: var(--sapField_BorderColor, var(--udexCoreBorderDefault));
+  --udex-select-box-popover-border-color: var(--sapField_BorderColor, var(--udexColorGrey6));
   --udex-select-box-popover-border-width: var(--sapElement_BorderWidth, 1px);
   --udex-select-box-popover-border-radius: var(--udexRadiusM, 8px);
-  --udex-select-box-input-color-typed-text: var(--sapField_TextColor, var(--udexCoreTextDark));
+  --udex-select-box-input-color-typed-text: var(--sapField_TextColor, var(--udexColorGrey9));
   --udex-select-box-input-background: var(--sapField_Background, var(--udexColorNeutralWhite));
   --udex-select-box-input-autocomplete-background: transparent;
 }
@@ -57,37 +57,37 @@
 
 :host([value-state="Error"]) .udex-text-field__input[open] .udex-text-field__trigger:hover,
 :host([value-state="Error"]) .udex-text-field__input[open] .udex-text-field__trigger {
-  border-left: 1px solid var(--udexCoreSemanticError4, #FF8CB2);
-  color:  var(--udexCoreSemanticError9, #840606);
+  border-left: 1px solid var(--udexColorRed4, #FF8CB2);
+  color:  var(--udexColorRed9, #840606);
 }
 
 :host([value-state="Error"]:dir(rtl)) .udex-text-field__input[open] .udex-text-field__trigger {
-  border-right: 1px solid var(--udexCoreSemanticError4, #FF8CB2);
-  color:  var(--udexCoreSemanticError9, #840606);
+  border-right: 1px solid var(--udexColorRed4, #FF8CB2);
+  color:  var(--udexColorRed9, #840606);
   border-left: none;
 }
 
 :host([value-state="Success"]) .udex-text-field__input[open] .udex-text-field__trigger:hover,
 :host([value-state="Success"]) .udex-text-field__input[open] .udex-text-field__trigger {
-  border-left: 1px solid var(--udexCoreSemanticSuccess6, #36a41d);
-  color: var(--udexCoreSemanticSuccess9, #1E592F);
+  border-left: 1px solid var(--udexColorGreen6, #36a41d);
+  color: var(--udexColorGreen9, #1E592F);
 }
 
 :host([value-state="Success"]:dir(rtl)) .udex-text-field__input[open] .udex-text-field__trigger {
-  border-right: 1px solid var(--udexCoreSemanticSuccess6, #36a41d);
-  color: var(--udexCoreSemanticSuccess9, #1E592F);
+  border-right: 1px solid var(--udexColorGreen6, #36a41d);
+  color: var(--udexColorGreen9, #1E592F);
   border-left: none;
 }
 
 :host([value-state="Warning"]) .udex-text-field__input[open] .udex-text-field__trigger:hover,
 :host([value-state="Warning"]) .udex-text-field__input[open] .udex-text-field__trigger {
-  border-left: 1px solid var(--udexCoreSemanticWarning6, #E76500);
-  color: var(--udexCoreSemanticWarning9, #8D2A00);
+  border-left: 1px solid var(--udexColorMango6, #E76500);
+  color: var(--udexColorMango9, #8D2A00);
 }
 
 :host([value-state="Warning"]:dir(rtl)) .udex-text-field__input[open] .udex-text-field__trigger {
-  border-right: 1px solid var(--udexCoreSemanticWarning6, #E76500);
-  color: var(--udexCoreSemanticWarning9, #8D2A00);
+  border-right: 1px solid var(--udexColorMango6, #E76500);
+  color: var(--udexColorMango9, #8D2A00);
   border-left: none;
 }
 

package/src/themes/SelectBox.css

@@ -40,7 +40,7 @@
   font-weight: var(--udexTypographyFontWeightRegular);
   line-height: var(--udexTypographyBodyLineHeight);
   padding-inline-end: var(--udexSpacer8, 8px);
-  color: var(--udexCoreTextDark, #223548);
+  color: var(--udexColorGrey9, #223548);
 }
 
 .udex-truncatable-tag-content__icon {

package/src/themes/SideNavigation.css

@@ -2,7 +2,7 @@
   --udex-side-navigation-box-shadow: none;
   --udex-side-navigation-padding: var(--udexSpacer40);
   --udex-side-navigation-navigation-separator-radius: 0;
-  --udex-side-navigation-navigation-separator-background-color: var(--udexCoreDividerLight);
+  --udex-side-navigation-navigation-separator-background-color: var(--udexColorGrey3);
   --udex-side-navigation-navigation-separator-height: 1px;
   --udex-side-navigation-navigation-separator-margin: var(--udexSpacer16) 0;
   --udex-grid-gutter: 3rem;

package/src/themes/SideNavigationGroup.css

@@ -6,7 +6,7 @@
 }
 
 .ui5-sn-item-separator:has(+ .ui5-sn-item-group) {
-  background-color: var(--udexCoreDividerLight);
+  background-color: var(--udexColorGrey3);
   margin: var(--udexSpacer16) 0;
   min-height: auto;
   height: 1px;

package/src/themes/SocialMediaButton.css

@@ -3,7 +3,7 @@
   --udex-social-media-button-height: var(--udexSpacer32, 32px);
   --udex-social-media-button-image-width: var(--udexSpacer16, 16px);
   --udex-social-media-button-image-height: var(--udexSpacer16, 16px);
-  --udex-social-media-button-border-width: var(--udexCoreSizeBorderXS, 1px);
+  --udex-social-media-button-border-width: var(--udexButtonBorder, 1px);
   --udex-social-media-button-border-color: var(--sapButton_Neutral_Selected_Background, #FFFFFF);
   --udex-social-media-button-border-radius: var(--udexRadiusXS, 4px);
   --udex-social-media-button-background-color: var(--sapButton_Neutral_Background, #FFFFFF);
@@ -50,4 +50,4 @@
 
 .hidden {
   display: none;
-}
+}

package/src/themes/StepInput.css

@@ -6,14 +6,14 @@
     --udex-step-input-color-standard-hover-border: var(--sapField_Hover_BorderColor, var(--udexColorBlue6));
     --udex-step-input-color-standard-active-border: var(--sapField_Active_BorderColor, var(--udexColorBlue9));
 
-    --udex-step-input-color-error-hover-border: var(--sapField_InvalidColor, var(--udexCoreSemanticError7));
-    --udex-step-input-color-error-active-border: var(--udexCoreSemanticError9, #840606);
+    --udex-step-input-color-error-hover-border: var(--sapField_InvalidColor, var(--udexColorRed7));
+    --udex-step-input-color-error-active-border: var(--udexColorRed9, #840606);
 
-    --udex-step-input-color-warning-hover-border: var(--sapField_WarningColor, var(--udexCoreSemanticWarning7));
-    --udex-step-input-color-warning-active-border: var(--udexCoreSemanticWarning9, #8D2A00);
+    --udex-step-input-color-warning-hover-border: var(--sapField_WarningColor, var(--udexColorMango7));
+    --udex-step-input-color-warning-active-border: var(--udexColorMango9, #8D2A00);
 
-    --udex-step-input-color-success-hover-border: var(--sapField_SuccessColor, var(--udexCoreSemanticSuccess7));
-    --udex-step-input-color-success-active-border: var(--udexCoreSemanticSuccess9, #1E592F);
+    --udex-step-input-color-success-hover-border: var(--sapField_SuccessColor, var(--udexColorGreen7));
+    --udex-step-input-color-success-active-border: var(--udexColorGreen9, #1E592F);
 }
 
 :host [udex-text-field] {
@@ -29,7 +29,7 @@
     --udex-input-color-success-hover-border: var(--udex-step-input-color-success-hover-border);
     --udex-input-color-success-active-border: var(--udex-step-input-color-success-active-border);
 }
- 
+
 :host(:not([displayonly])) .udex-step-input__root {
     display: flex;
     align-items: flex-start;
@@ -134,4 +134,4 @@
     position: absolute;
     z-index: -1;
     color: transparent;
-}
+}

package/src/themes/Switch.css

@@ -21,23 +21,23 @@
 
   /* Reject */
   --udex-switch-color-reject-default-handle-background: var(--sapButton_Handle_Negative_Background, var(--udexColorNeutralWhite));
-  --udex-switch-color-reject-default-icon: var(--sapButton_Handle_Negative_TextColor, var(--udexCoreSemanticError8));
-  --udex-switch-color-reject-default-track-background: var(--sapButton_Track_Negative_Background, var(--udexCoreSemanticError6));
+  --udex-switch-color-reject-default-icon: var(--sapButton_Handle_Negative_TextColor, var(--udexColorRed8));
+  --udex-switch-color-reject-default-track-background: var(--sapButton_Track_Negative_Background, var(--udexColorRed6));
 
   --udex-switch-color-reject-hover-handle-background: var(--sapButton_Handle_Negative_Hover_Background, var(--udexColorNeutralWhite));
   --udex-switch-color-reject-hover-handle-border: var(--sapButton_Handle_Negative_Hover_BorderColor, var(--udexColorNeutralWhite40));
-  --udex-switch-color-reject-hover-icon: var(--sapButton_Track_Negative_TextColor, var(--udexCoreSemanticError8));
-  --udex-switch-color-reject-hover-track-background: var(--sapButton_Track_Negative_Hover_Background, var(--udexCoreSemanticError7));
+  --udex-switch-color-reject-hover-icon: var(--sapButton_Track_Negative_TextColor, var(--udexColorRed8));
+  --udex-switch-color-reject-hover-track-background: var(--sapButton_Track_Negative_Hover_Background, var(--udexColorRed7));
 
   /* Accept */
   --udex-switch-color-accept-default-handle-background: var(--sapButton_Handle_Positive_Background, var(--udexColorNeutralWhite));
-  --udex-switch-color-accept-default-icon: var(--sapButton_Handle_Positive_TextColor, var(--udexCoreSemanticSuccess8));
-  --udex-switch-color-accept-default-track-background: var(--sapButton_Track_Positive_Background, var(--udexCoreSemanticSuccess7));
+  --udex-switch-color-accept-default-icon: var(--sapButton_Handle_Positive_TextColor, var(--udexColorGreen8));
+  --udex-switch-color-accept-default-track-background: var(--sapButton_Track_Positive_Background, var(--udexColorGreen7));
 
   --udex-switch-color-accept-hover-handle-background: var(--sapButton_Handle_Positive_Hover_Background, var(--udexColorNeutralWhite));
   --udex-switch-color-accept-hover-handle-border: var(--sapButton_Handle_Positive_Hover_BorderColor, var(--udexColorNeutralWhite40));
-  --udex-switch-color-accept-hover-icon: var(--sapButton_Handle_Positive_TextColor, var(--udexCoreSemanticSuccess8));
-  --udex-switch-color-accept-hover-track-background: var(--sapButton_Track_Positive_Hover_Background, var(--udexCoreSemanticSuccess8));
+  --udex-switch-color-accept-hover-icon: var(--sapButton_Handle_Positive_TextColor, var(--udexColorGreen8));
+  --udex-switch-color-accept-hover-track-background: var(--sapButton_Track_Positive_Hover_Background, var(--udexColorGreen8));
 }
 
 :host {
@@ -51,7 +51,7 @@
 
   font-family: var(--sapFontFamily);
   gap: var(--udexSpacer12, 12px);
-  color: var(--udexCoreTextDark, #223548);
+  color: var(--udexColorGrey9, #223548);
 }
 :host([desktop]) .udex-switch__container:focus,
 .udex-switch__container:focus-visible {

package/src/themes/TabNavigation.css

@@ -32,7 +32,7 @@
 
   --udex-button-tab-with-icon-font-weight: var(--udexTypographyFontWeightMedium, 500);
 
-  --udex-button-tab-with-icon-text-color-active: var(--sapTextColor, --udexCoreNavigation);
+  --udex-button-tab-with-icon-text-color-active: var(--sapTextColor, --udexColorGrey9);
 
   --udex-tab-navigation-tab-with-icon-without-background-color: transparent;
   --udex-tab-navigation-tab-with-icon-without-background-color-active: transparent;

package/src/themes/Tag.css

@@ -26,10 +26,10 @@
   --udex-tags-outlined-default-background-color: var(--udexColorNeutralWhite, #FFFFFF);
   --udex-tags-outlined-default-border-color: var(--udexColorGrey4, #A9B4BE);
   --udex-tags-outlined-default-border-width: var(--sapButton_BorderWidth);
-  --udex-tags-outlined-default-caption-color: var(--udexCoreTextDark, #223548);
+  --udex-tags-outlined-default-caption-color: var(--udexColorGrey9, #223548);
   --udex-tags-outlined-hover-background-color: var(--udexColorGrey1, #F5F6F7);
   --udex-tags-outlined-hover-border-color: var(--udexColorGrey4, #A9B4BE);
-  --udex-tags-outlined-hover-caption-color: var(--udexCoreTextDark, #223548);;
+  --udex-tags-outlined-hover-caption-color: var(--udexColorGrey9, #223548);;
   --udex-tags-outlined-selected-background-color: var(--udexColorNeutralWhite, #FFFFFF);
   --udex-tags-outlined-selected-border-color: var(--udexColorBlue7, #0070F2);
   --udex-tags-outlined-selected-caption-color: var(--udexColorBlue7, #0070F2);
@@ -45,9 +45,9 @@
   --udex-tags-text-only-read-only-caption-color:	var(--udexColorGrey6, #5B738B);
   --udex-tags-text-only-selected-caption-color:	var(--udexColorBlue10, #002A86);
   --udex-tags-white-default-background-color: var(--udexColorNeutralWhite, #FFFFFF);
-  --udex-tags-white-default-caption-color: var(--udexCoreTextDark, #223548);
+  --udex-tags-white-default-caption-color: var(--udexColorGrey9, #223548);
   --udex-tags-white-hover-background-color: var(--udexColorGrey2, #EAECEE);
-  --udex-tags-white-hover-caption-color: var(--udexCoreTextDark, #223548);
+  --udex-tags-white-hover-caption-color: var(--udexColorGrey9, #223548);
   --udex-tags-white-hover-selected-background-color: var(--udexColorBlue2, #D1EFFF);
   --udex-tags-white-hover-selected-caption-color: var(--udexColorBlue8, #0057D2);
   --udex-tags-white-read-only-background-color: var(--udexColorNeutralWhite, #FFFFFF);

package/src/themes/TagGroup.css

@@ -11,6 +11,7 @@
 
 ::part(n-more-text) {
   font-size: var(--udexTypographyBodyXXSFontSize);
+  color: var(--udexColorBlue7);
 }
 
 :host([disabled]) {

package/src/themes/TextArea.css

@@ -8,19 +8,19 @@
   --udex-textarea-color-standard-actives-border: var(--sapField_Active_BorderColor, #0040b0);
 
   --udex-textarea-color-warning-default-background: var(--sapField_WarningBackground, #fff);
-  --udex-textarea-color-warning-default-border: var(--udexCoreSemanticWarning6, #e76500);
+  --udex-textarea-color-warning-default-border: var(--udexColorMango6, #e76500);
 
   --udex-textarea-color-warning-hover-border: var(--sapField_WarningColor, #c35500);
   --udex-textarea-color-warning-actives-border: var(--sapWarningColor, #8d2a00);
 
   --udex-textarea-color-error-default-background: var(--sapField_InvalidBackground, #fff);
-  --udex-textarea-color-error-default-border: var(--udexCoreSemanticError6, #ee3939);
+  --udex-textarea-color-error-default-border: var(--udexColorRed6, #ee3939);
 
   --udex-textarea-color-error-hover-border: var(--sapField_InvalidColor, #d20a0a);
-  --udex-textarea-color-error-actives-border: var(--udexCoreSemanticError9, #840606);
+  --udex-textarea-color-error-actives-border: var(--udexColorRed9, #840606);
 
   --udex-textarea-color-success-default-background: var(--sapField_SuccessBackground, #fff);
-  --udex-textarea-color-success-default-border: var(--udexCoreSemanticSuccess6, #36a41d);
+  --udex-textarea-color-success-default-border: var(--udexColorGreen6, #36a41d);
 
   --udex-textarea-color-success-hover-border: var(--sapField_SuccessColor, #188918);
   --udex-textarea-color-success-actives-border: var(--sapSuccessColor, #1e592f);

package/src/themes/TextField.css

@@ -2,25 +2,25 @@
   --udex-input-color-standard-default-border: var(--sapField_BorderColor, var(--udexColorGrey6));
   --udex-input-color-standard-default-label: var(--sapField_PlaceholderTextColor, var(--udexColorGrey7));
   --udex-input-color-standard-default-supporting-text: var(--sapField_PlaceholderTextColor, var(--udexColorGrey7));
-  --udex-input-color-standard-default-typed-text: var(--sapField_TextColor, var(--udexCoreTextDark));
+  --udex-input-color-standard-default-typed-text: var(--sapField_TextColor, var(--udexColorGrey9));
   --udex-input-color-standard-default-background-light: var(--sapField_Background, var(--udexColorNeutralWhite));
   --udex-input-color-standard-hover-border: var(--sapField_Hover_BorderColor, var(--udexColorBlue6));
   --udex-input-color-standard-active-border: var(--sapField_Active_BorderColor, var(--udexColorBlue9));
 
-  --udex-input-color-error-default-border: var(--udexCoreSemanticError6, #EE3939);
-  --udex-input-color-error-hover-border: var(--sapField_InvalidColor, var(--udexCoreSemanticError7));
-  --udex-input-color-error-active-border: var(--udexCoreSemanticError9, #840606);
-  --udex-input-color-error-default-supporting-text: var(--sapField_InvalidColor, var(--udexCoreSemanticError7));
+  --udex-input-color-error-default-border: var(--udexColorRed6, #EE3939);
+  --udex-input-color-error-hover-border: var(--sapField_InvalidColor, var(--udexColorRed7));
+  --udex-input-color-error-active-border: var(--udexColorRed9, #840606);
+  --udex-input-color-error-default-supporting-text: var(--sapField_InvalidColor, var(--udexColorRed7));
 
-  --udex-input-color-warning-default-border: var(--udexCoreSemanticWarning6, #E76500);
-  --udex-input-color-warning-hover-border: var(--sapField_WarningColor, var(--udexCoreSemanticWarning7));
-  --udex-input-color-warning-active-border: var(--udexCoreSemanticWarning9, #8D2A00);
-  --udex-input-color-warning-default-supporting-text: var(--sapField_WarningColor, var(--udexCoreSemanticWarning7));
+  --udex-input-color-warning-default-border: var(--udexColorMango6, #E76500);
+  --udex-input-color-warning-hover-border: var(--sapField_WarningColor, var(--udexColorMango7));
+  --udex-input-color-warning-active-border: var(--udexColorMango9, #8D2A00);
+  --udex-input-color-warning-default-supporting-text: var(--sapField_WarningColor, var(--udexColorMango7));
 
-  --udex-input-color-success-default-border: var(--udexCoreSemanticSuccess6, #36A41D);
-  --udex-input-color-success-hover-border: var(--sapField_SuccessColor, var(--udexCoreSemanticSuccess7));
-  --udex-input-color-success-active-border: var(--udexCoreSemanticSuccess9, #1E592F);
-  --udex-input-color-success-default-supporting-text: var(--sapField_SuccessColor, var(--udexCoreSemanticSuccess7));
+  --udex-input-color-success-default-border: var(--udexColorGreen6, #36A41D);
+  --udex-input-color-success-hover-border: var(--sapField_SuccessColor, var(--udexColorGreen7));
+  --udex-input-color-success-active-border: var(--udexColorGreen9, #1E592F);
+  --udex-input-color-success-default-supporting-text: var(--sapField_SuccessColor, var(--udexColorGreen7));
 
   --udex-input-color-disabled-border: var(--udexColorGrey6, #5B738B);
   --udex-input-color-disabled-label: var(--sapField_PlaceholderTextColor, var(--udexColorGrey7));

package/src/themes/Toast.css

@@ -5,7 +5,7 @@
   --udex-toast-border-width: 1px;
   --udex-toast-border-color: var(--udexColorGrey3, #D5DADD);
   --udex-toast-close-icon-color: var(--udexColorGrey7, #475E75);
-  --udex-toast-status-icon-size: var(--udexCoreSizeIconInput, 18px);
+  --udex-toast-status-icon-size: 18px;
   --udex-toast-vertical-offset: 2.5rem;
   --udex-toast-background:var(--udexColorNeutralWhite, #FFF);
   --udex-toast-shadow:var(--sapContent_Shadow2, 0 10px 30px 0 rgba(34, 54, 73, 0.25));

package/dist/assets/messagebundle_ar-BNhVFt1-.js

@@ -1 +0,0 @@
-const O="حقوق النشر © {0} لشركة SAP SE أو إحدى الشركات التابعة لشركة SAP. جميع الحقوق محفوظة.",s="نظرة عامة",t="تسجيل الخروج",I="الارتباطات الرئيسية",T="العودة لأعلى",n={COPYRIGHT:O,OVERVIEW:s,LOGOUT:t,MAIN_LINKS:I,BACK_TO_TOP:T};export{T as BACK_TO_TOP,O as COPYRIGHT,t as LOGOUT,I as MAIN_LINKS,s as OVERVIEW,n as default};

package/dist/assets/messagebundle_no-BIUfmTWJ.js

@@ -1 +0,0 @@
-const e="© {0} SAP SE eller et datterselskap av SAP. Med enerett.",t="Oversikt",O="Logg av",o="Hovedkoblinger",s="Tilbake til toppen",n={COPYRIGHT:e,OVERVIEW:t,LOGOUT:O,MAIN_LINKS:o,BACK_TO_TOP:s};export{s as BACK_TO_TOP,e as COPYRIGHT,O as LOGOUT,o as MAIN_LINKS,t as OVERVIEW,n as default};