@sapudex/web-components 2.17.0 → 2.18.0

package/src/i18n/messagebundle.properties

@@ -202,6 +202,7 @@ SITE_INFORMATION=Site Information
 SEE_COMPLETE_LIST=Or see our complete list of
 LOCAL_COUNTRY_NAMES=local country numbers
 COPYRIGHT=© {0} SAP SE or an SAP affiliate company. All rights reserved.
+BACK_TO_TOP=Back to top
 PUBLIC_SECURITY_NETWORK_NUMBER=
 ICP_NUMBER=
 

package/src/i18n/messagebundle_ar.properties

@@ -2,3 +2,4 @@ COPYRIGHT=حقوق النشر © {0} لشركة SAP SE أو إحدى الشرك
 OVERVIEW=نظرة عامة
 LOGOUT=تسجيل الخروج
 MAIN_LINKS=الارتباطات الرئيسية
+BACK_TO_TOP=العودة لأعلى

package/src/i18n/messagebundle_bg.properties

@@ -2,3 +2,4 @@ COPYRIGHT=© {0} SAP SE или филиал на SAP. Всички права з
 OVERVIEW=Преглед
 LOGOUT=Изход
 MAIN_LINKS=Основни връзки
+BACK_TO_TOP=Обратно най-горе

package/src/i18n/messagebundle_cs.properties

@@ -2,3 +2,4 @@ COPYRIGHT=© {0} SAP SE či přidružená společnost SAP. Všechna práva vyhra
 OVERVIEW=Přehled
 LOGOUT=Odhlásit se
 MAIN_LINKS=Hlavní odkazy
+BACK_TO_TOP=Zpět na začátek

package/src/i18n/messagebundle_da.properties

@@ -2,3 +2,4 @@ COPYRIGHT=© {0} SAP SE eller en tilknyttet SAP-virksomhed. Alle rettigheder for
 OVERVIEW=Oversigt
 LOGOUT=Log af
 MAIN_LINKS=Hovedlinks
+BACK_TO_TOP=Tilbage til toppen

package/src/i18n/messagebundle_de.properties

@@ -9,3 +9,4 @@ COPYRIGHT=© {0} SAP SE oder ein SAP-Konzernunternehmen. Alle Rechte vorbehalten
 OVERVIEW=Übersicht
 LOGOUT=Abmelden
 MAIN_LINKS=Hauptlinks
+BACK_TO_TOP=Zum Seitenanfang

package/src/i18n/messagebundle_el.properties

@@ -2,3 +2,4 @@ COPYRIGHT=© {0} SAP SE ή θυγατρική εταιρία της SAP. Με τ
 OVERVIEW=Επισκόπηση
 LOGOUT=Αποσύνδεση
 MAIN_LINKS=Κύριοι σύνδεσμοι
+BACK_TO_TOP=Επιστροφή στην αρχή

package/src/i18n/messagebundle_en.properties

@@ -124,3 +124,4 @@ RESULT_RETURNED=results returned.
 SOCIAL_MEDIA_BUTTON=Social Media Button
 PROMO_TILE=Promo Tile
 PROMO_TILE_ICON=Promo Tile Icon
+BACK_TO_TOP=Back to top

package/src/i18n/messagebundle_es.properties

@@ -9,3 +9,4 @@ COPYRIGHT=© {0} SAP SE o una empresa afiliada de SAP. Todos los derechos reserv
 OVERVIEW=Generalidades
 LOGOUT=Cerrar sesión
 MAIN_LINKS=Enlaces principales
+BACK_TO_TOP=Volver al inicio

package/src/i18n/messagebundle_et.properties

@@ -2,3 +2,4 @@ COPYRIGHT=© {0} SAP SE või SAP sidusettevõte. Kõik õigused on kaitstud.
 OVERVIEW=Ülevaade
 LOGOUT=Logi välja
 MAIN_LINKS=Põhilingid
+BACK_TO_TOP=Tagasi algusse

package/src/i18n/messagebundle_fi.properties

@@ -2,3 +2,4 @@ COPYRIGHT=© {0} SAP SE tai SAP:n tytäryhtiö. Kaikki oikeudet pidätetään.
 OVERVIEW=Yleiskatsaus
 LOGOUT=Kirjaudu ulos
 MAIN_LINKS=Tärkeimmät linkit
+BACK_TO_TOP=Takaisin alkuun

package/src/i18n/messagebundle_fr.properties

@@ -9,3 +9,4 @@ COPYRIGHT=© {0} SAP SE ou société affiliée SAP. Tous droits réservés.
 OVERVIEW=Vue d''ensemble
 LOGOUT=Se déconnecter
 MAIN_LINKS=Liens principaux
+BACK_TO_TOP=Haut de page

package/src/i18n/messagebundle_hr.properties

@@ -2,3 +2,4 @@ COPYRIGHT=© {0} SAP SE ili povezano poduzeće SAP-a. Sva prava pridržana.
 OVERVIEW=Pregled
 LOGOUT=Odjavi se
 MAIN_LINKS=Glavne veze
+BACK_TO_TOP=Povratak na vrh

package/src/i18n/messagebundle_hu.properties

@@ -2,3 +2,4 @@ COPYRIGHT=© {0} SAP SE vagy az SAP kapcsolódó vállalata. Minden jog fenntart
 OVERVIEW=Áttekintés
 LOGOUT=Logout
 MAIN_LINKS=Főbb hivatkozások
+BACK_TO_TOP=Az oldal tetejére

package/src/i18n/messagebundle_it.properties

@@ -2,3 +2,4 @@ COPYRIGHT=© {0} SAP SE o società affiliate SAP. Tutti i diritti riservati.
 OVERVIEW=Panoramica
 LOGOUT=Logout
 MAIN_LINKS=Link principali
+BACK_TO_TOP=Torna all''inizio

package/src/i18n/messagebundle_iw.properties

@@ -2,3 +2,4 @@ COPYRIGHT=© {0} SAP SE או חברה המסונפת ל-SAP. כל הזכויות
 OVERVIEW=סקירה
 LOGOUT=יציאה
 MAIN_LINKS=קישורים ראשיים
+BACK_TO_TOP=חזור למעלה

package/src/i18n/messagebundle_ja.properties

@@ -0,0 +1,5 @@
+COPYRIGHT=© {0} SAP SE or an SAP affiliate company. All rights reserved.
+OVERVIEW=概要
+LOGOUT=ログアウト
+MAIN_LINKS=メインリンク
+BACK_TO_TOP=先頭に戻る

package/src/i18n/messagebundle_ko.properties

@@ -2,3 +2,4 @@ COPYRIGHT=© {0} SAP SE 및 SAP 계열사. 모든 권한 보유.
 OVERVIEW=개요
 LOGOUT=로그아웃
 MAIN_LINKS=기본 링크
+BACK_TO_TOP=맨 위로

package/src/i18n/messagebundle_lt.properties

@@ -2,3 +2,4 @@ COPYRIGHT=© {0} SAP SE arba SAP asocijuotoji įmonė. Visos teisės saugomos.
 OVERVIEW=Apžvalga
 LOGOUT=Atsijungti
 MAIN_LINKS=Pagrindinės nuorodos
+BACK_TO_TOP=Grįžti aukštyn

package/src/i18n/messagebundle_lv.properties

@@ -2,3 +2,4 @@ COPYRIGHT=© {0} SAP SE vai ar SAP saistīts uzņēmums. Visas tiesības paturē
 OVERVIEW=Apskats
 LOGOUT=Iziet
 MAIN_LINKS=Galvenās saites
+BACK_TO_TOP=Atpakaļ uz sākumu

package/src/i18n/messagebundle_nl.properties

@@ -2,3 +2,4 @@ COPYRIGHT=© {0} SAP SE of een aan SAP gelieerde onderneming. Alle rechten voorb
 OVERVIEW=Overzicht
 LOGOUT=Afmelden
 MAIN_LINKS=Belangrijkste links
+BACK_TO_TOP=Terug naar boven

package/src/i18n/messagebundle_no.properties

@@ -2,3 +2,5 @@ COPYRIGHT=© {0} SAP SE eller et datterselskap av SAP. Med enerett.
 OVERVIEW=Oversikt
 LOGOUT=Logg av
 MAIN_LINKS=Hovedkoblinger
+BACK_TO_TOP=Tilbake til toppen
+

package/src/i18n/messagebundle_pl.properties

@@ -2,3 +2,4 @@ COPYRIGHT=© {0} SAP SE lub podmiot powiązany SAP. Wszelkie prawa zastrzeżone.
 OVERVIEW=Przegląd
 LOGOUT=Wyloguj się
 MAIN_LINKS=Główne łącza
+BACK_TO_TOP=Powrót do góry

package/src/i18n/messagebundle_pt.properties

@@ -1,4 +1,6 @@
-COPYRIGHT=© {0} SAP SE ou uma empresa associada da SAP. Todos os direitos reservados.
-OVERVIEW=Visão geral
+# Portuguese - Brasil
+COPYRIGHT=© {0} SAP SE ou empresa afiliada SAP. Todos os direitos reservados.
+OVERVIEW=Síntese
 LOGOUT=Sair
-MAIN_LINKS=Ligações principais
+MAIN_LINKS=Principais links
+BACK_TO_TOP=Voltar ao início

package/src/i18n/messagebundle_pt_PT.properties

@@ -0,0 +1,7 @@
+# Portuguese - Portugal
+COPYRIGHT=© {0} SAP SE ou uma empresa associada da SAP. Todos os direitos reservados.
+OVERVIEW=Visão geral
+LOGOUT=Sair
+MAIN_LINKS=Ligações principais
+BACK_TO_TOP=Voltar ao início
+

package/src/i18n/messagebundle_ro.properties

@@ -2,3 +2,4 @@ COPYRIGHT=© {0} SAP SE sau o companie afiliată a SAP. Toate drepturile rezerva
 OVERVIEW=Imagine generală
 LOGOUT=Ieșire
 MAIN_LINKS=Linkuri principale
+BACK_TO_TOP=Înapoi sus

package/src/i18n/messagebundle_ru.properties

@@ -2,3 +2,4 @@ COPYRIGHT=© SAP SE или аффилированная компания SAP. В
 OVERVIEW=Обзор
 LOGOUT=Выход
 MAIN_LINKS=Основные ссылки
+BACK_TO_TOP=Наверх

package/src/i18n/messagebundle_sk.properties

@@ -2,3 +2,4 @@ COPYRIGHT=© {0} SAP SE alebo sesterská spoločnosť spoločnosti SAP. Všetky
 OVERVIEW=Prehľad
 LOGOUT=Odhlásiť
 MAIN_LINKS=Hlavné odkazy
+BACK_TO_TOP=Na začiatok

package/src/i18n/messagebundle_sl.properties

@@ -2,3 +2,4 @@ COPYRIGHT=© {0} SAP SE ali SAP-jevo povezano podjetje. Vse pravice pridržane.
 OVERVIEW=Pregled
 OVERVIEW=Izpiši me
 MAIN_LINKS=Glavne povezave
+BACK_TO_TOP=Nazaj na vrh

package/src/i18n/messagebundle_sr.properties

@@ -2,3 +2,4 @@ COPYRIGHT=© {0} SAP SE ili povezano lice kompanije SAP. Sva prava zadržana.
 OVERVIEW=Pregled
 LOGOUT=Izloguj se
 MAIN_LINKS=Glavne veze
+BACK_TO_TOP=Nazad na vrh

package/src/i18n/messagebundle_sv.properties

@@ -2,3 +2,4 @@ COPYRIGHT=© {0} SAP SE eller ett SAP-dotterbolag. Med ensamrätt.
 OVERVIEW=Översikt
 LOGOUT=Logga ut
 MAIN_LINKS=Huvudlänkar
+BACK_TO_TOP=Tillbaka till början

package/src/i18n/messagebundle_tr.properties

@@ -2,3 +2,4 @@ COPYRIGHT=© {0} SAP SE veya bir SAP bağlı ortaklığı. Tüm hakları saklıd
 OVERVIEW=Genel bakış
 LOGOUT=Çıkış
 MAIN_LINKS=Ana bağlantılar
+BACK_TO_TOP=Başa dön

package/src/i18n/messagebundle_uk.properties

@@ -2,3 +2,4 @@ COPYRIGHT=© {0} SAP SE або афілійована компанія SAP. Ус
 OVERVIEW=Огляд
 LOGOUT=Вихід
 MAIN_LINKS=Головні посилання
+BACK_TO_TOP=На початок

package/src/i18n/messagebundle_zh_CN.properties

@@ -4,3 +4,4 @@ PUBLIC_SECURITY_NETWORK_NUMBER=沪公网安备31010602003068号
 OVERVIEW=概览
 LOGOUT=退出
 MAIN_LINKS=主要链接
+BACK_TO_TOP=返回顶部

package/src/i18n/messagebundle_zh_TW.properties

@@ -2,3 +2,4 @@ COPYRIGHT=© {0} SAP SE 或 SAP 附屬公司。保留所有權利。
 OVERVIEW=概覽
 LOGOUT=登出
 MAIN_LINKS=主要連結
+BACK_TO_TOP=返回頂部

package/src/themes/AccordionItem.css

@@ -17,6 +17,7 @@
   --udex-accordion-item-content-margin: var(--udexSpacer20, 20px) var(--udexSpacer16, 16px);
   --udex-accordion-item-with-icon-content-margin: var(--udexSpacer20, 20px) var(--udexSpacer16, 16px) var(--udexSpacer20, 20px) calc(var(--udexSpacer16, 16px) + var(--udex-accordion-item-label-icon-width, 24px) + var(--udexSpacer12, 12px));
   --udex-accordion-item-content-max-height: 1000px;
+  --udex-accordion-item-button-icon-m-size: 16px;
   font-family: var(--sapFontFamily, sans-serif);
   font-size: var(--sapProgress_FontSize, 16px);
 }
@@ -74,13 +75,21 @@
   transform: rotate(90deg);
 }
 
+:host(:dir(rtl)) .udex-accordion-item__icon:not(.udex-accordion-item__label-icon) {
+  transform: rotate(-90deg);
+}
+
 :host([expanded]) .udex-accordion-item__icon:not(.udex-accordion-item__label-icon) {
   transform: rotate(-90deg);
 }
 
+:host([expanded]:dir(rtl)) .udex-accordion-item__icon:not(.udex-accordion-item__label-icon) {
+  transform: rotate(90deg);
+}
+
 .udex-accordion-item__icon {
-  height: var(--udex-button-icon-m-size, 16px);
-  width: var(--udex-button-icon-m-size, 16px);
+  height: var(--udex-accordion-item-button-icon-m-size);
+  width: var(--udex-accordion-item-button-icon-m-size);
   color: var(--udex-accordion-item-icon-color);
 }
 

package/src/themes/Badge.css

@@ -21,7 +21,7 @@
   --udex-badge-icon-color: inherit;
   --udex-badge-icon-size: var(--udexSpacer12, 12px);
 
-  --udex-neutral-badge-color-neutral-border-color: var(--sapMessage_NeutralBorderColor, var(--udexColorGrey4, #a9b4be));
+  --udex-neutral-badge-color-neutral-border-color: var(--udexColorBlue8, #0057D2);
   --udex-neutral-badge-color-neutral-text-color: var(--udexColorGrey9, #223548);
   --udex-neutral-badge-color-neutral-background: var(--sapNeutralBackground, var(--udexColorNeutralWhite, #ffffff));
 
@@ -42,13 +42,86 @@
   --udex-info-badge-color-negative-background: var(--sapErrorBackground,var(--udexCoreSemanticError1, #ffeaf4));
 
   --udex-number-badge-color-blue-text-color: var(--udexColorNeutralWhite,#ffffff);
-  --udex-number-badge-color-blue-background: var(--udexColorBlue7, #0070f2);
+  --udex-number-badge-color-blue-background: var(--udexColorBlue8, #0057D2);
 
   --udex-number-badge-color-red-text-color: var(--udexColorNeutralWhite,#ffffff);
   --udex-number-badge-color-red-background: var(--sapNegativeBackgroundColor, #d20a0a);
 
   --udex-number-badge-color-neutral-background: var(--udexColorNeutralWhite, #ffffff);
   --udex-number-badge-color-neutral-text-color: var(--udexColorGrey9, #223548);
+
+  --udex-text-badge-grey-light-border-color: var(--udexColorGrey3, #D5DADD);
+  --udex-text-badge-grey-light-text-color: var(--udexColorGrey8, #354A5F);
+  --udex-text-badge-grey-light-background: var(--udexColorGrey1, #F5F6F7);
+
+  --udex-text-badge-grey-dark-border-color: var(--udexColorGrey9, #223548);
+  --udex-text-badge-grey-dark-text-color: var(--udexColorGrey1, #F5F6F7);
+  --udex-text-badge-grey-dark-background: var(--udexColorGrey8, #354A5F);
+
+  --udex-text-badge-red-light-border-color: var(--udexColorRed3, #FFB2D2);
+  --udex-text-badge-red-light-text-color: var(--udexColorRed8, #AA0808);
+  --udex-text-badge-red-light-background: var(--udexColorRed1, #FFEAF4);
+
+  --udex-text-badge-red-dark-border-color: var(--udexColorRed9, #840606);
+  --udex-text-badge-red-dark-text-color: var(--udexColorRed1, #FFEAF4);
+  --udex-text-badge-red-dark-background: var(--udexColorRed8, #AA0808);
+
+  --udex-text-badge-mango-light-border-color: var(--udexColorMango3, #FFDF72);
+  --udex-text-badge-mango-light-text-color: var(--udexColorMango8, #A93E00);
+  --udex-text-badge-mango-light-background: var(--udexColorMango1, #FFF8D6);
+
+  --udex-text-badge-mango-dark-border-color: var(--udexColorMango9, #8D2A00);
+  --udex-text-badge-mango-dark-text-color: var(--udexColorMango1, #FFF8D6);
+  --udex-text-badge-mango-dark-background: var(--udexColorMango8, #A93E00);
+
+  --udex-text-badge-green-light-border-color: var(--udexColorGreen3, #BDE986);
+  --udex-text-badge-green-light-text-color: var(--udexColorGreen8, #256F3A);
+  --udex-text-badge-green-light-background: var(--udexColorGreen1, #F5FAE5);
+
+  --udex-text-badge-green-dark-border-color: var(--udexColorGreen9, #1E592F);
+  --udex-text-badge-green-dark-text-color: var(--udexColorGreen1, #F5FAE5);
+  --udex-text-badge-green-dark-background: var(--udexColorGreen8, #256F3A);
+
+  --udex-text-badge-teal-light-border-color: var(--udexColorTeal3, #64EDD2);
+  --udex-text-badge-teal-light-text-color: var(--udexColorTeal8, #046C7A);
+  --udex-text-badge-teal-light-background: var(--udexColorTeal1, #DAFDF5);
+
+  --udex-text-badge-teal-dark-border-color: var(--udexColorTeal9, #035663);
+  --udex-text-badge-teal-dark-text-color: var(--udexColorTeal1, #DAFDF5);
+  --udex-text-badge-teal-dark-background: var(--udexColorTeal8, #046C7A);
+
+  --udex-text-badge-blue-light-border-color: var(--udexColorBlue3, #A6E0FF);
+  --udex-text-badge-blue-light-text-color: var(--udexColorBlue8, #0057D2);
+  --udex-text-badge-blue-light-background: var(--udexColorBlue1, #EBF8FF);
+
+  --udex-text-badge-blue-dark-border-color: var(--udexColorBlue9, #0040B0);
+  --udex-text-badge-blue-dark-text-color: var(--udexColorBlue1, #EBF8FF);
+  --udex-text-badge-blue-dark-background: var(--udexColorBlue8, #0057D2);
+
+  --udex-text-badge-indigo-light-border-color: var(--udexColorIndigo3, #D3B6FF);
+  --udex-text-badge-indigo-light-text-color: var(--udexColorIndigo8, #470CED);
+  --udex-text-badge-indigo-light-background: var(--udexColorIndigo1, #F1ECFF);
+
+  --udex-text-badge-indigo-dark-border-color: var(--udexColorIndigo9, #2C13AD);
+  --udex-text-badge-indigo-dark-text-color: var(--udexColorIndigo1, #F1ECFF);
+  --udex-text-badge-indigo-dark-background: var(--udexColorIndigo8, #470CED);
+
+  --udex-text-badge-pink-light-border-color: var( --udexColorPink3, #FFAFED);
+  --udex-text-badge-pink-light-text-color: var(--udexColorPink8, #A100C2);
+  --udex-text-badge-pink-light-background: var(--udexColorPink1, #FFF0FA);
+
+  --udex-text-badge-pink-dark-border-color: var(--udexColorPink9, #7800A4);
+  --udex-text-badge-pink-dark-text-color: var(--udexColorPink1, #FFF0FA);
+  --udex-text-badge-pink-dark-background: var(--udexColorPink8, #A100C2);
+
+  --udex-text-badge-raspberry-light-border-color: var(--udexColorRaspberry3, #FECBDA);
+  --udex-text-badge-raspberry-light-text-color: var(--udexColorRaspberry8, #BA066C);
+  --udex-text-badge-raspberry-light-background: var(--udexColorRaspberry1, #FFF0F5);
+
+  --udex-text-badge-raspberry-dark-border-color: var(--udexColorRaspberry9, #9B015D);
+  --udex-text-badge-raspberry-dark-text-color: var(--udexColorRaspberry1, #FFF0F5);
+  --udex-text-badge-raspberry-dark-background: var(--udexColorRaspberry8, #BA066C);
+
 }
 
 .udex-badge {
@@ -94,10 +167,14 @@
 .udex-badge--text.udex-badge--neutral {
   background: var(--udex-neutral-badge-color-neutral-background);
   box-shadow: inset 0 0 0 var(--udex-info-badge-text-border-width)
-    var(--udex-neutral-badge-color-neutral-border-color);
+  var(--udex-neutral-badge-color-neutral-border-color);
   color: var(--udex-neutral-badge-color-neutral-text-color);
 }
 
+.udex-badge--text.udex-badge--neutral .udex-badge__icon {
+  color: var(--udex-neutral-badge-color-neutral-border-color);
+}
+
 .udex-badge--text.udex-badge--positive {
   background: var(--udex-info-badge-color-positive-background);
   box-shadow: inset 0 0 0 var(--udex-info-badge-text-border-width)
@@ -118,6 +195,132 @@
   color: var(--udex-info-badge-color-warning-text-color);
 }
 
+.udex-badge--text.udex-badge--grey-dark {
+  background: var(--udex-text-badge-grey-dark-background);
+  box-shadow: inset 0 0 0 var(--udex-info-badge-text-border-width)
+    var(--udex-text-badge-grey-dark-border-color);
+  color: var(--udex-text-badge-grey-dark-text-color);
+}
+
+.udex-badge--text.udex-badge--grey-light {
+  background: var(--udex-text-badge-grey-light-background);
+  box-shadow: inset 0 0 0 var(--udex-info-badge-text-border-width)
+    var(--udex-text-badge-grey-light-border-color);
+  color: var(--udex-text-badge-grey-light-text-color);
+}
+
+.udex-badge--text.udex-badge--red-dark {
+  background: var(--udex-text-badge-red-dark-background);
+  box-shadow: inset 0 0 0 var(--udex-info-badge-text-border-width)
+    var(--udex-text-badge-red-dark-border-color);
+  color: var(--udex-text-badge-red-dark-text-color);
+}
+
+.udex-badge--text.udex-badge--red-light {
+  background: var(--udex-text-badge-red-light-background);
+  box-shadow: inset 0 0 0 var(--udex-info-badge-text-border-width)
+    var(--udex-text-badge-red-light-border-color);
+  color: var(--udex-text-badge-red-light-text-color);
+}
+
+.udex-badge--text.udex-badge--mango-dark {
+  background: var(--udex-text-badge-mango-dark-background);
+  box-shadow: inset 0 0 0 var(--udex-info-badge-text-border-width)
+    var(--udex-text-badge-mango-dark-border-color);
+  color: var(--udex-text-badge-mango-dark-text-color);
+}
+
+.udex-badge--text.udex-badge--mango-light {
+  background: var(--udex-text-badge-mango-light-background);
+  box-shadow: inset 0 0 0 var(--udex-info-badge-text-border-width)
+    var(--udex-text-badge-mango-light-border-color);
+  color: var(--udex-text-badge-mango-light-text-color);
+}
+
+.udex-badge--text.udex-badge--green-dark {
+  background: var(--udex-text-badge-green-dark-background);
+  box-shadow: inset 0 0 0 var(--udex-info-badge-text-border-width)
+    var(--udex-text-badge-green-dark-border-color);
+  color: var(--udex-text-badge-green-dark-text-color);
+}
+
+.udex-badge--text.udex-badge--green-light {
+  background: var(--udex-text-badge-green-light-background);
+  box-shadow: inset 0 0 0 var(--udex-info-badge-text-border-width)
+    var(--udex-text-badge-green-light-border-color);
+  color: var(--udex-text-badge-green-light-text-color);
+}
+
+.udex-badge--text.udex-badge--teal-dark {
+  background: var(--udex-text-badge-teal-dark-background);
+  box-shadow: inset 0 0 0 var(--udex-info-badge-text-border-width)
+    var(--udex-text-badge-teal-dark-border-color);
+  color: var(--udex-text-badge-teal-dark-text-color);
+}
+
+.udex-badge--text.udex-badge--teal-light {
+  background: var(--udex-text-badge-teal-light-background);
+  box-shadow: inset 0 0 0 var(--udex-info-badge-text-border-width)
+    var(--udex-text-badge-teal-light-border-color);
+  color: var(--udex-text-badge-teal-light-text-color);
+}
+
+.udex-badge--text.udex-badge--blue-dark {
+  background: var(--udex-text-badge-blue-dark-background);
+  box-shadow: inset 0 0 0 var(--udex-info-badge-text-border-width)
+    var(--udex-text-badge-blue-dark-border-color);
+  color: var(--udex-text-badge-blue-dark-text-color);
+}
+
+.udex-badge--text.udex-badge--blue-light {
+  background: var(--udex-text-badge-blue-light-background);
+  box-shadow: inset 0 0 0 var(--udex-info-badge-text-border-width)
+    var(--udex-text-badge-blue-light-border-color);
+  color: var(--udex-text-badge-blue-light-text-color);
+}
+
+.udex-badge--text.udex-badge--indigo-dark {
+  background: var(--udex-text-badge-indigo-dark-background);
+  box-shadow: inset 0 0 0 var(--udex-info-badge-text-border-width)
+    var(--udex-text-badge-indigo-dark-border-color);
+  color: var(--udex-text-badge-indigo-dark-text-color);
+}
+
+.udex-badge--text.udex-badge--indigo-light {
+  background: var(--udex-text-badge-indigo-light-background);
+  box-shadow: inset 0 0 0 var(--udex-info-badge-text-border-width)
+    var(--udex-text-badge-indigo-light-border-color);
+  color: var(--udex-text-badge-indigo-light-text-color);
+}
+
+.udex-badge--text.udex-badge--pink-dark {
+  background: var(--udex-text-badge-pink-dark-background);
+  box-shadow: inset 0 0 0 var(--udex-info-badge-text-border-width)
+    var(--udex-text-badge-pink-dark-border-color);
+  color: var(--udex-text-badge-pink-dark-text-color);
+}
+
+.udex-badge--text.udex-badge--pink-light {
+  background: var(--udex-text-badge-pink-light-background);
+  box-shadow: inset 0 0 0 var(--udex-info-badge-text-border-width)
+    var(--udex-text-badge-pink-light-border-color);
+  color: var(--udex-text-badge-pink-light-text-color);
+}
+
+.udex-badge--text.udex-badge--raspberry-dark {
+  background: var(--udex-text-badge-raspberry-dark-background);
+  box-shadow: inset 0 0 0 var(--udex-info-badge-text-border-width)
+    var(--udex-text-badge-raspberry-dark-border-color);
+  color: var(--udex-text-badge-raspberry-dark-text-color);
+}
+
+.udex-badge--text.udex-badge--raspberry-light {
+  background: var(--udex-text-badge-raspberry-light-background);
+  box-shadow: inset 0 0 0 var(--udex-info-badge-text-border-width)
+    var(--udex-text-badge-raspberry-light-border-color);
+  color: var(--udex-text-badge-raspberry-light-text-color);
+}
+
 .udex-badge--number {
   border-radius: var(--udex-info-badge-number-radius);
 }

package/src/themes/DatePickerPopover.css

@@ -44,6 +44,11 @@
   border: 1px solid var(--udex-button-color-transparent, hsla(0, 0%, 0%, 0));
 }
 
+::part(calendar-header-arrow-button) {
+  border: 1px solid var(--udex-button-color-transparent, hsla(0, 0%, 0%, 0));
+}
+
+::part(calendar-header-arrow-button):hover,
 ::part(calendar-header-middle-button):hover {
   background-color: var(--sapButton_Lite_Hover_Background, var(--udexColorGrey2));
   border-color: var(--sapButton_Lite_Hover_BorderColor, var(--udexColorGrey7));

package/src/themes/EventRibbon.css

@@ -379,6 +379,10 @@
   color: inherit;
 }
 
+.hidden-text {
+  display: none;
+}
+
 @media (max-width: 1599px) {
   .udex-event-ribbon__container {
     max-width: calc(100vw - 2 * var(--udex-event-ribbon-margin-m-l));

package/src/themes/Footer.css

@@ -154,6 +154,9 @@
   display: flex;
   flex-wrap: wrap;
   width: 100%;
+  list-style-type: none;
+  margin-block: 0;
+  padding-inline-start: 0;
   padding-top: var(--udexSpacer20);
   row-gap: var(--udexSpacer12);
   column-gap: var(--udexSpacer12);

package/src/themes/MediaPlayer.css

@@ -458,8 +458,12 @@ body.vjs-pip-window .video-js {
 
 .video-js .vjs-big-play-button:focus,
 .video-js .vjs-big-play-button:focus-within,
-.video-js .vjs-big-play-button:focus:not(:focus-visible) {
-  box-shadow: 0 0 0 2px var(--udexColorBlue9);
+.video-js .vjs-big-play-button:focus-visible {
+  box-shadow: 0 0 0 3px var(--udexColorBlue9);
+  outline-width: 2px;
+  outline-color: var(--udexColorNeutralWhite);
+  outline-offset: 3px;
+  outline-style: solid;
 }
 
 .video-js .vjs-big-play-button {
@@ -1659,11 +1663,6 @@ video::-webkit-media-text-track-display {
   z-index: -1000;
 }
 
-.video-js *:focus:not(:focus-visible),
-.js-focus-visible .video-js *:focus:not(.focus-visible) {
-  outline: none;
-}
-
 .vjs-audio .vjs-control-bar{
   display: flex;
 }

package/src/themes/Quote.css

@@ -16,10 +16,6 @@
   text-align: right;
 }
 
-:host([image-placement='right']) .udex-quote__container {
-  flex-direction: row-reverse;
-}
-
 :host([image-size='small']) .udex-quote__container,
 :host([text-size='small']) .udex-quote__container {
   gap: var(--udexSpacer16);
@@ -59,7 +55,7 @@
 /* Text, author and link styles */
 .udex-quote__text-container {
   position: relative;
-  margin: 0px;
+  margin: 0;
 }
 
 .udex-quote__text {

package/src/themes/Upload.css

@@ -33,6 +33,10 @@
   align-items: center;
 }
 
+.udex-upload__upload-button-container #fileUploader {
+  flex-shrink: 0;
+}
+
 .udex-upload__upload-button input {
   display: none;
 }