@sapudex/web-components 2.47.0 → 2.49.0

package/src/i18n/messagebundle_no.properties

@@ -3,4 +3,129 @@ OVERVIEW=Oversikt
 LOGOUT=Logg av
 MAIN_LINKS=Hovedkoblinger
 BACK_TO_TOP=Tilbake til toppen
-
+COUNT=Antall
+OF=av
+PAGINATION_PAGE=Side
+SELECTED=Valgt
+UNSELECTED=Ikke valgt
+INDETERMINATE=Ikke fastsatt
+EDIT_BUTTON=Rediger
+DELETE_BUTTON=Slett
+BACK_TO_REGION_LIST=Tilbake til regionsliste
+BUTTON_ARIA_TYPE_PRIMARY=Primær
+BUTTON_ARIA_TYPE_SECONDARY=Sekundær
+BUTTON_ARIA_TYPE_TERTIARY=Tertiær
+BUTTON_ARIA_TYPE_WARNING=Advarsel
+BUTTON_ARIA_TYPE_POSITIVE=Positiv
+BUTTON_ARIA_TYPE_NEGATIVE=Negativ
+BUTTON_ARIA_EMPHASIZED=Uthevet
+BUTTON_ARIA_DEFAULT=Standard
+BUTTON_ARIA_TRANSPARENT=Transparent
+BUTTON_ARIA_ATTENTION=Obs
+DATEPICKER_DATE_DESCRIPTION=Datoangivelse
+TOGGLED=Veksling
+FIRST_PAGE=Første side
+LAST_PAGE=Siste side
+PREVIOUS_PAGE=Forrige side
+NEXT_PAGE=Neste side
+CURRENT_PAGE=Denne siden
+ACTIVATE_PAGE=Aktiver sidetall
+SUGGESTED_TEXT=foreslåtte søk
+ACCESSIBLE_NAME_SEARCH_ICON=Søk
+TOOLTIP_VOICE_BUTTON=Tale
+TOOLTIP_SUBMIT_BUTTON=Send
+LISTENING=Lytting
+AVAILABLE_VALUES=Tilgjengelige verdier
+RECOMMENDED_TEXT=Anbefalte sider
+EXPAND_ALL=Utvid alt
+COLLAPSE_ALL=Komprimer alt
+MORE=Mer
+ATTENTION_BADGE=Obs-merke
+READ_MORE=Les mer
+READ_LESS=Les mindre
+SHOW_MORE=Vis mer
+SHOW_LESS=Vis mindre
+RATING_INDICATOR_TEXT=Vurderingsindikator
+RATING_INDICATOR_TOOLTIP_TEXT=Vurdering
+RATING_INDICATOR_ARIA_DESCRIPTION=Kreves
+TOTAL=Totalt
+RATING_COUNT_TITLE=Vurdering
+ARIA_LABEL_LIST_MULTISELECTABLE=Inneholder elementer som det kan velges flere av
+ARIA_LABEL_LIST_SELECTABLE=Inneholder elementer som kan velges
+SHOW_RESULTS=Vis resultater
+RESET=Tilbakestill
+MESSAGE_STRIP_CLOSE_BUTTON=Lukk-knapp på meldingslinje
+MESSAGE_STRIP_INFORMATION=Informasjonslinje
+MESSAGE_STRIP_SUCCESS=Positiv linje
+MESSAGE_STRIP_WARNING=Advarselslinje
+MESSAGE_STRIP_ERROR=Negativ linje
+MESSAGE_STRIP_ACTION=Aktivitetslinje
+REVIEWS=vurderinger
+STARS=stjerner
+SELECT_OPTIONS=Velg alternativer
+SELECT_ALL=Velg alle
+TEXTAREA_CHARACTERS_LEFT={0} tegn igjen
+VALUE_STATE_TYPE_ERROR=Feltstatus "Feil"
+VALUE_STATE_TYPE_WARNING=Feltstatus "Advarsel"
+VALUE_STATE_TYPE_SUCCESS=Feltstatus "Utført"
+VALUE_STATE_TYPE_STANDARD=Feltstatus "Standard"
+CAROUSEL_PREVIOUS_ARROW_TEXT=Forrige side
+CAROUSEL_NEXT_ARROW_TEXT=Neste side
+NO_MATCHES_FOUND=Finner ingen treff.
+BREADCRUMBS_ARIA_LABEL=Brødsmulespor
+BREADCRUMBS_OVERFLOW_ARIA_LABEL=Mer
+STEPINPUT_INC_ICON_TITLE=Øk kvantum med
+STEPINPUT_DEC_ICON_TITLE=Reduser kvantum med
+TABLE_NO_DATA_FOUND=Finner ingen data
+VALUE_STATE_ERROR=Ugyldige data
+VALUE_STATE_WARNING=Advarsel gitt
+VALUE_STATE_INFORMATION=Informative data
+VALUE_STATE_SUCCESS=Dataene er validert
+READ_ONLY=Skrivebeskyttet
+SWITCH_ACCOUNT=Bytt konto
+BACK=Tilbake
+OTHER_IDENTITIES=Andre identiteter
+ADD_OR_REMOVE_ACCOUNT=Legg til eller fjern konto
+COUNTRY_SELECT=Velg land
+CART=Handlekurv
+COUNTRY_SELECTOR=Landvelger
+PHONE_NUMBER=Telefonnummer
+CONTACT_US=Kontakt oss
+EMAIL=E-post
+CHAT_WITH_US=Chat med oss
+QUICK_LINKS=Hurtigkoblinger
+TRENDING=Trender
+ABOUT_SAP=Om SAP
+SITE_INFORMATION=Informasjon om nettstedet
+AVATAR_TEXT=Avatar
+CALENDAR_ICON=Åpne kalenderikon
+LIST_ITEM_EDIT_ICON=Rediger angivelse av listeelement
+LIST_ITEM_DELETE_ICON=Slett angivelse av listeelement
+BACK_BUTTON_LABEL=Tilbake-knapp
+STATUS_BADGE_TEXT=Statusmerke
+STATUS_BADGE_EDIT_TITLE=Klikk for å redigere profil
+STATUS_BADGE_INFORMATION_TITLE=Klikk for å åpne profilinformasjon
+STATUS_BADGE_WARNING_TITLE=Advarsel, mulig risiko med profilen
+STATUS_BADGE_ERROR_TITLE=Det er en feil med profilen
+STATUS_BADGE_SUCCESS_TITLE=Verifisert profil
+PROFILE=Profil
+OPENS_IN_A_NEW_WINDOW=åpnes i et nytt vindu
+TEXT_FIELD=Tekstfelt
+UPLOADING_FILE_STATUS_TEXT=Laster opp
+TERMINATED_FILE_STATUS_TEXT=Avbrutt
+REMOVE_FILE_TEXT=Fjern fil
+UPLOAD_BUTTON_LABEL=Last opp fil
+COMPLETE_LIST_OF=Fullstendig liste over
+CALL_US_TODAY=Kontakt oss i dag!
+SEARCH=Søk
+RESULT_RETURNED=treff.
+SOCIAL_MEDIA_BUTTON=Knapp for sosiale medier
+PROMO_TILE=Kampanjerute
+PROMO_TILE_ICON=Kampanjeruteikon
+PLAY_BUTTON_ACCESSIBLE_NAME=Startknapp for å starte rotasjon av kundelogoer
+PAUSE_BUTTON_ACCESSIBLE_NAME=Pauseknapp for å stoppe rotasjon av kundelogoer
+LOCATION=Sted
+TOAST_CLOSE_ACCESSIBLE_NAME=Lukk
+DISABLED=Deaktivert
+EXPAND=Utvid
+COLLAPSE=Komprimer

package/src/i18n/messagebundle_pl.properties

@@ -2,4 +2,137 @@ 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
+BACK_TO_TOP=Powrót do góry
+COUNT=Liczba
+OF= z
+PAGINATION_PAGE=Strona
+SELECTED=Wybrano
+UNSELECTED=Niezaznaczone
+INDETERMINATE=Nieokreślone
+EDIT_BUTTON=Edytuj
+DELETE_BUTTON=Usuń
+BACK_TO_REGION_LIST=Wróć do listy regionów
+BUTTON_ARIA_TYPE_PRIMARY=Główny
+BUTTON_ARIA_TYPE_SECONDARY=Drugorzędny
+BUTTON_ARIA_TYPE_TERTIARY=Trzeciorzędny
+BUTTON_ARIA_TYPE_WARNING=Ostrzeżenie
+BUTTON_ARIA_TYPE_POSITIVE=Pozytywny
+BUTTON_ARIA_TYPE_NEGATIVE=Negatywny
+BUTTON_ARIA_EMPHASIZED=Wyróżniony
+BUTTON_ARIA_DEFAULT=Domyślny
+BUTTON_ARIA_TRANSPARENT=Przezroczysty
+BUTTON_ARIA_ATTENTION=Ostrzeżenie
+DATEPICKER_DATE_DESCRIPTION=Wprowadzona data
+TOGGLED=Przełączony
+FIRST_PAGE=Pierwsza strona
+LAST_PAGE=Ostatnia strona
+PREVIOUS_PAGE=Poprzednia strona
+NEXT_PAGE=Następna strona
+CURRENT_PAGE=Bieżąca strona
+ACTIVATE_PAGE=Aktywuj stronę numer
+SUGGESTED_TEXT=sugerowane zapytania
+ACCESSIBLE_NAME_SEARCH_ICON=Wyszukaj
+TOOLTIP_VOICE_BUTTON=Głos
+TOOLTIP_SUBMIT_BUTTON=Prześlij
+LISTENING=Słuchanie
+AVAILABLE_VALUES=Dostępne wartości
+RECOMMENDED_TEXT=Zalecane strony
+EXPAND_ALL=Rozwiń wszystko
+COLLAPSE_ALL=Zwin wszystko
+MORE=Więcej
+ATTENTION_BADGE=Znacznik ostrzeżenia
+READ_MORE=Czytaj więcej
+READ_LESS=Czytaj mniej
+SHOW_MORE=Pokaż więcej
+SHOW_LESS=Pokaż mniej
+RATING_INDICATOR_TEXT=Wskaźnik oceny
+RATING_INDICATOR_TOOLTIP_TEXT=Ocena
+RATING_INDICATOR_ARIA_DESCRIPTION=Wymagane
+TOTAL=Ogółem
+RATING_COUNT_TITLE=Ocena
+ARIA_LABEL_LIST_MULTISELECTABLE=Zawiera elementy wielokrotnego wyboru
+ARIA_LABEL_LIST_SELECTABLE=Zawiera elementy do wyboru
+SHOW_RESULTS=Wyświetl wyniki
+RESET=Reset
+MESSAGE_STRIP_CLOSE_BUTTON=Przycisk zamknięcia paska z komunikatem
+MESSAGE_STRIP_INFORMATION=Pasek informacji
+MESSAGE_STRIP_SUCCESS=Pasek pozytywny
+MESSAGE_STRIP_WARNING=Pasek ostrzegawczy
+MESSAGE_STRIP_ERROR=Pasek negatywny
+MESSAGE_STRIP_ACTION=Pasek działań
+REVIEWS=opinie
+STARS=gwiazdki
+SELECT_OPTIONS=Wybierz opcje
+SELECT_ALL=Zaznacz wszystkie
+TEXTAREA_CHARACTERS_LEFT=Pozostałe znaki: {0}
+VALUE_STATE_TYPE_ERROR=Błąd stanu pola
+VALUE_STATE_TYPE_WARNING=Ostrzeżenie dotyczące stanu pola
+VALUE_STATE_TYPE_SUCCESS=Stan pola: poprawny
+VALUE_STATE_TYPE_STANDARD=Stan pola: standardowy
+CAROUSEL_PREVIOUS_ARROW_TEXT=Poprzednia strona
+CAROUSEL_NEXT_ARROW_TEXT=Następna strona
+NO_MATCHES_FOUND=Nie znaleziono pasujących wyników.
+BREADCRUMBS_ARIA_LABEL=Ścieżka nawigacyjna
+BREADCRUMBS_OVERFLOW_ARIA_LABEL=Więcej
+STEPINPUT_INC_ICON_TITLE=Zwiększ ilość o
+STEPINPUT_DEC_ICON_TITLE=Zmniejsz ilość o
+TABLE_NO_DATA_FOUND=Nie znaleziono daty
+VALUE_STATE_ERROR=Nieprawidłowy wpis
+VALUE_STATE_WARNING=Wyświetlono ostrzeżenie
+VALUE_STATE_INFORMATION=Wpis informacyjny
+VALUE_STATE_SUCCESS=Wpis został zweryfikowany
+READ_ONLY=Tylko do odczytu
+SWITCH_ACCOUNT=Przełącz konto
+BACK=Powrót
+OTHER_IDENTITIES=Inne tożsamości
+ADD_OR_REMOVE_ACCOUNT=Dodaj lub usuń konto
+COUNTRY_SELECT=Wybierz kraj
+CART=Koszyk
+COUNTRY_SELECTOR=Selektor kraju
+PHONE_NUMBER=Numer telefonu do miejsca konferencji
+CONTACT_US=Skontaktuj się z nami
+EMAIL=E-mail
+CHAT_WITH_US=Porozmawiaj z nami
+QUICK_LINKS=Szybkie łącza
+TRENDING=Popularne
+ABOUT_SAP=O SAP
+SITE_INFORMATION=Informacje o witrynie
+AVATAR_TEXT=Awatar
+CALENDAR_ICON=Ikona Otwórz kalendarz
+LIST_ITEM_EDIT_ICON=Edytuj wprowadzony element listy
+LIST_ITEM_DELETE_ICON=Usuń wprowadzony element listy
+BACK_BUTTON_LABEL=Przycisk Wstecz
+STATUS_BADGE_TEXT=Znacznik stanu
+STATUS_BADGE_EDIT_TITLE=Kliknij, aby edytować profil
+STATUS_BADGE_INFORMATION_TITLE=Kliknij, aby otworzyć informacje o profilu
+STATUS_BADGE_WARNING_TITLE=Ostrzeżenie, potencjalne ryzyko dotyczące profilu
+STATUS_BADGE_ERROR_TITLE=Wystąpił błąd dotyczący profilu
+STATUS_BADGE_SUCCESS_TITLE=Zweryfikowano profil
+PROFILE=Profil
+OPENS_IN_A_NEW_WINDOW=otwiera się w nowym oknie
+TEXT_FIELD=Pole tekstowe
+UPLOADING_FILE_STATUS_TEXT=Przesyłanie
+TERMINATED_FILE_STATUS_TEXT=Zakończone
+REMOVE_FILE_TEXT=Usuń plik
+UPLOAD_BUTTON_LABEL=Prześlij plik
+COMPLETE_LIST_OF=Pełna lista
+CALL_US_TODAY=Zadzwoń do nas już dziś
+SEARCH=Wyszukaj
+RESULT_RETURNED=zwróconych wyników.
+SOCIAL_MEDIA_BUTTON=Przycisk Media społecznościowe
+PROMO_TILE=Kafelek promocyjny
+PROMO_TILE_ICON=Ikona kafelka promocyjnego
+PLAY_BUTTON_ACCESSIBLE_NAME=Przycisk rozpoczynający rotację logo klientów
+PAUSE_BUTTON_ACCESSIBLE_NAME=Przycisk wstrzymujący rotację logo klientów
+LOCATION=Miejsce konferencji
+TOAST_CLOSE_ACCESSIBLE_NAME=Zamknij
+DISABLED=Wyłączone
+EXPAND=Rozwiń
+COLLAPSE=Zwiń
+SHOW_PASSWORD=Pokaż hasło
+HIDE_PASSWORD=Ukryj hasło
+SUPPORT=Wsparcie
+ACCESSIBLE_NAME_RESET_ICON=Wyczyść
+TOOLTIP_RESET_BUTTON=Wyczyść
+SEE_COMPLETE_LIST=Lub zobacz pełną listę
+LOCAL_COUNTRY_NAMES=lokalnych numerów krajowych

package/src/i18n/messagebundle_pt_PT.properties

@@ -4,4 +4,129 @@ OVERVIEW=Visão geral
 LOGOUT=Sair
 MAIN_LINKS=Ligações principais
 BACK_TO_TOP=Voltar ao início
-
+COUNT=Contagem
+OF=de
+PAGINATION_PAGE=Página
+SELECTED=Selecionado
+UNSELECTED=Não selecionado
+INDETERMINATE=Indeterminado
+EDIT_BUTTON=Editar
+DELETE_BUTTON=Eliminar
+BACK_TO_REGION_LIST=Voltar à lista de regiões
+BUTTON_ARIA_TYPE_PRIMARY=Primário
+BUTTON_ARIA_TYPE_SECONDARY=Secundário
+BUTTON_ARIA_TYPE_TERTIARY=Terciário
+BUTTON_ARIA_TYPE_WARNING=Aviso
+BUTTON_ARIA_TYPE_POSITIVE=Positivo
+BUTTON_ARIA_TYPE_NEGATIVE=Negativo
+BUTTON_ARIA_EMPHASIZED=Destacado
+BUTTON_ARIA_DEFAULT=Predefinido
+BUTTON_ARIA_TRANSPARENT=Transparente
+BUTTON_ARIA_ATTENTION=Atenção
+DATEPICKER_DATE_DESCRIPTION=Entrada de data
+TOGGLED=Alternado
+FIRST_PAGE=Primeira página
+LAST_PAGE=Última página
+PREVIOUS_PAGE=Página anterior
+NEXT_PAGE=Página seguinte
+CURRENT_PAGE=Página atual
+ACTIVATE_PAGE=Ativar número da página
+SUGGESTED_TEXT=pesquisas sugeridas
+ACCESSIBLE_NAME_SEARCH_ICON=Pesquisar
+TOOLTIP_VOICE_BUTTON=Voz
+TOOLTIP_SUBMIT_BUTTON=Enviar
+LISTENING=Escuta
+AVAILABLE_VALUES=Valores disponíveis
+RECOMMENDED_TEXT=Páginas recomendadas
+EXPAND_ALL=Expandir tudo
+COLLAPSE_ALL=Comprimir tudo
+MORE=Mais
+ATTENTION_BADGE=Crachá de atenção
+READ_MORE=Ler mais
+READ_LESS=Ler menos
+SHOW_MORE=Mostrar mais
+SHOW_LESS=Mostrar menos
+RATING_INDICATOR_TEXT=Indicador de classificação
+RATING_INDICATOR_TOOLTIP_TEXT=Classificação
+RATING_INDICATOR_ARIA_DESCRIPTION=Obrigatório
+TOTAL=Total
+RATING_COUNT_TITLE=Classificação
+ARIA_LABEL_LIST_MULTISELECTABLE=Contém itens de seleção múltipla
+ARIA_LABEL_LIST_SELECTABLE=Contém itens selecionáveis
+SHOW_RESULTS=Mostrar resultados
+RESET=Repor
+MESSAGE_STRIP_CLOSE_BUTTON=Botão Fechar da faixa de mensagens
+MESSAGE_STRIP_INFORMATION=Barra de informação
+MESSAGE_STRIP_SUCCESS=Barra positiva
+MESSAGE_STRIP_WARNING=Barra de aviso
+MESSAGE_STRIP_ERROR=Barra negativa
+MESSAGE_STRIP_ACTION=Barra de ação
+REVIEWS=avaliações
+STARS=estrelas
+SELECT_OPTIONS=Selecionar opções
+SELECT_ALL=Selecionar todos
+TEXTAREA_CHARACTERS_LEFT=Restam {0} carateres
+VALUE_STATE_TYPE_ERROR=Erro de estado do campo
+VALUE_STATE_TYPE_WARNING=Aviso de estado do campo
+VALUE_STATE_TYPE_SUCCESS=Sucesso de estado do campo
+VALUE_STATE_TYPE_STANDARD=Padrão de estado do campo
+CAROUSEL_PREVIOUS_ARROW_TEXT=Página anterior
+CAROUSEL_NEXT_ARROW_TEXT=Página seguinte
+NO_MATCHES_FOUND=Nenhuma correspondência encontrada.
+BREADCRUMBS_ARIA_LABEL=Trilho de navegação
+BREADCRUMBS_OVERFLOW_ARIA_LABEL=Mais
+STEPINPUT_INC_ICON_TITLE=Aumentar a quantidade em
+STEPINPUT_DEC_ICON_TITLE=Diminuir a quantidade em
+TABLE_NO_DATA_FOUND=Não foram encontrados dados
+VALUE_STATE_ERROR=Entrada inválida
+VALUE_STATE_WARNING=Aviso emitido
+VALUE_STATE_INFORMATION=Entrada informativa
+VALUE_STATE_SUCCESS=Entrada validada com sucesso
+READ_ONLY=Só de leitura
+SWITCH_ACCOUNT=Mudar de conta
+BACK=Voltar
+OTHER_IDENTITIES=Outras identidades
+ADD_OR_REMOVE_ACCOUNT=Adicionar ou remover conta
+COUNTRY_SELECT=Selecionar país
+CART=Carrinho
+COUNTRY_SELECTOR=Seletor de país
+PHONE_NUMBER=Nº de telefone
+CONTACT_US=Contacte-nos
+EMAIL=E-mail
+CHAT_WITH_US=Fale connosco
+QUICK_LINKS=Ligações rápidas
+TRENDING=Tendências
+ABOUT_SAP=Sobre a SAP
+SITE_INFORMATION=Informações sobre o sítio
+AVATAR_TEXT=Avatar
+CALENDAR_ICON=Ícone Abrir calendário
+LIST_ITEM_EDIT_ICON=Editar entrada do item da lista
+LIST_ITEM_DELETE_ICON=Eliminar entrada do item da lista
+BACK_BUTTON_LABEL=botão Voltar
+STATUS_BADGE_TEXT=Crachá de estado
+STATUS_BADGE_EDIT_TITLE=Clique para editar o perfil
+STATUS_BADGE_INFORMATION_TITLE=Clique para abrir as informações de perfil
+STATUS_BADGE_WARNING_TITLE=Aviso, risco potencial com o perfil
+STATUS_BADGE_ERROR_TITLE=Ocorreu um erro com o perfil
+STATUS_BADGE_SUCCESS_TITLE=Perfil verificado com sucesso
+PROFILE=Perfil
+OPENS_IN_A_NEW_WINDOW=abre numa nova janela
+TEXT_FIELD=Campo de texto
+UPLOADING_FILE_STATUS_TEXT=A carregar
+TERMINATED_FILE_STATUS_TEXT=Terminado
+REMOVE_FILE_TEXT=Remover ficheiro
+UPLOAD_BUTTON_LABEL=Carregar ficheiro
+COMPLETE_LIST_OF=Lista completa de
+CALL_US_TODAY=Contacte-nos hoje mesmo!
+SEARCH=Pesquisar
+RESULT_RETURNED=resultados devolvidos.
+SOCIAL_MEDIA_BUTTON=Botão de Redes sociais
+PROMO_TILE=Mosaico promocional
+PROMO_TILE_ICON=Ícone de mosaico promocional
+PLAY_BUTTON_ACCESSIBLE_NAME=Botão de início para iniciar a rotação de logótipos de cliente
+PAUSE_BUTTON_ACCESSIBLE_NAME=Botão de pausa para interromper a rotação de logótipos de cliente
+LOCATION=Localização
+TOAST_CLOSE_ACCESSIBLE_NAME=Fechar
+DISABLED=Desativado
+EXPAND=Expandir
+COLLAPSE=Comprimir

package/src/themes/Accordion.css

@@ -1,5 +1,5 @@
 :host {
-  --udex-accordion-heading-color: var(--sapTitleColor, var(--udexCoreHeadingDark));
+  --udex-accordion-heading-color: var(--sapTitleColor, var(--udexColorNeutralBlack));
   font-family: var(--sapFontFamily, sans-serif);
   font-size: var(--sapFontSize, 16px);
 }

package/src/themes/AccordionItem.css

@@ -1,9 +1,9 @@
 :host {
   --udex-accordion-item-icon-color: var(--udexColorBlue8, #0057D2);
-  --udex-accordion-item-headline-color: var(--sapTitleColor, var(--udexCoreHeadingDark));
+  --udex-accordion-item-headline-color: var(--sapTitleColor, var(--udexColorNeutralBlack));
   --udex-accordion-item-headline-hover-color: var(--udexColorBlue8, #0057D2);
-  --udex-accordion-item-headline-font-size: var(--sapFontHeader5Size, var(--udexTypographyHeadingMediumXXXSFontSize, 18px)); 
-  --udex-accordion-item-headline-large-font-size: var(--sapFontHeader4Size, var(--udexTypographyHeadingMediumXXSFontSize, 20px)); 
+  --udex-accordion-item-headline-font-size: var(--sapFontHeader5Size, var(--udexTypographyHeadingMediumXXXSFontSize, 18px));
+  --udex-accordion-item-headline-large-font-size: var(--sapFontHeader4Size, var(--udexTypographyHeadingMediumXXSFontSize, 20px));
   --udex-accordion-item-title-font-weight: var(--udexTypographyFontWeightMedium, 500);
   --udex-accordion-item-border-color: var(--sapShell_BorderColor, var(--udexColorGrey3));
   --udex-accordion-item-border-width: 1px;
@@ -58,7 +58,7 @@
   color: var(--udex-accordion-item-headline-hover-color);
 }
 .udex-accordion-item__header:hover ~ [udex-divider] {
-  --udex-divider-color: var(--udex-accordion-item-headline-hover-color); 
+  --udex-divider-color: var(--udex-accordion-item-headline-hover-color);
 }
 
 .udex-accordion-item__header:hover {

package/src/themes/AccordionSpotlight.css

@@ -0,0 +1,264 @@
+:host {
+  --udex-accordion-spotlight-nav-width: 25%;
+  --udex-accordion-spotlight-nav-gap: var(--udexSpacer16, 16px);
+  --udex-accordion-spotlight-nav-gap-mobile: var(--udexSpacer16, 16px);
+  --udex-accordion-spotlight-nav-color: var(--udexColorGrey7, #475E75);
+  --udex-accordion-spotlight-nav-font-size: var(--udexTypographyBodyXSFontSize, 14px);
+  --udex-accordion-spotlight-nav-font-family: var(--sapFontFamily, sans-serif);
+  --udex-accordion-spotlight-gap: var(--udexSpacer48, 48px);
+  --udex-accordion-spotlight-btn-color: var(--udexColorNeutralBlack, #000);
+  --udex-accordion-spotlight-btn-color-hover: var(--udexColorBlue8, #0057D2);
+  --udex-accordion-spotlight-btn-color-active: var(--udexColorBlue8, #0057D2);
+  --udex-accordion-spotlight-btn-font-size: var(--udexTypographyHeadingRegularXXSFontSize, 20px);
+  --udex-accordion-spotlight-btn-font-weight: var(--udexTypographyFontWeightMedium, 500);
+  --udex-accordion-spotlight-btn-font-family: var(--sapFontFamily, sans-serif);
+  --udex-accordion-spotlight-btn-line-height: 1.1;
+  --udex-accordion-spotlight-btn-padding: var(--udexSpacer16, 16px);
+  --udex-accordion-spotlight-indicator-color: var(--udexColorBlue8, #0057D2);
+  --udex-accordion-spotlight-indicator-width: 3px;
+  --udex-accordion-spotlight-border-color: var(--udexColorGrey3, #D5DADD);
+  --udex-accordion-spotlight-content-font-family: var(--sapFontFamily, sans-serif);
+  --udex-accordion-spotlight-content-font-size: var(--udexTypographyBodyXSFontSize, 14px);
+  --udex-accordion-spotlight-content-line-height: var(--udexTypographyBodyLineHeight, 1.5);
+  --udex-accordion-spotlight-transition: color 200ms ease-in;
+  --udex-accordion-spotlight-panel-duration: 500ms;
+  --udex-accordion-spotlight-panel-easing: ease;
+  --udex-accordion-spotlight-media-width: 100%;
+  --udex-accordion-spotlight-border-radius: var(--udexRadiusM, 8px);
+
+  display: block;
+}
+
+.udex-accordion-spotlight {
+  display: flex;
+  gap: var(--udex-accordion-spotlight-gap);
+  width: 100%;
+  overflow: hidden;
+}
+
+.udex-accordion-spotlight__nav {
+  flex: 0 0 var(--udex-accordion-spotlight-nav-width);
+  align-self: var(--udex-accordion-spotlight-nav-alignment, flex-start);
+  font-family: var(--udex-accordion-spotlight-nav-font-family);
+  font-size: var(--udex-accordion-spotlight-nav-font-size);
+  font-weight: var(--udexTypographyFontWeightRegular, 400);
+  color: var(--udex-accordion-spotlight-nav-color);
+  line-height: var(--udex-accordion-spotlight-content-line-height);
+}
+
+.udex-accordion-spotlight__nav-holder {
+  gap: var(--udex-accordion-spotlight-nav-gap);
+  border-inline-start: 1px solid var(--udex-accordion-spotlight-border-color);
+  box-sizing: border-box;
+  display: flex;
+  flex-direction: column;
+}
+
+.udex-accordion-spotlight__play-button {
+  margin-block-end: var(--udexSpacer16, 16px);
+  align-self: flex-start;
+  margin-inline-start: var(--udexSpacer16, 16px);
+}
+
+:host([vertical-alignment="Center"]) {
+  --udex-accordion-spotlight-nav-alignment: center;
+}
+
+:host([placement="End"]) .udex-accordion-spotlight__nav {
+  order: 1;
+}
+
+.udex-accordion-spotlight__nav-item {
+  position: relative;
+  padding: var(--udex-accordion-spotlight-btn-padding);
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+}
+
+.udex-accordion-spotlight-item__expand {
+  display: grid;
+  grid-template-rows: 0fr;
+  opacity: 0;
+  width: 100%;
+  margin-block-start: 0;
+  transition:
+    grid-template-rows var(--udex-accordion-spotlight-panel-duration) var(--udex-accordion-spotlight-panel-easing),
+    opacity var(--udex-accordion-spotlight-panel-duration) var(--udex-accordion-spotlight-panel-easing),
+    margin-block-start var(--udex-accordion-spotlight-panel-duration) var(--udex-accordion-spotlight-panel-easing);
+}
+
+.udex-accordion-spotlight-item__expand--open {
+  grid-template-rows: 1fr;
+  opacity: 1;
+  margin-block-start: var(--udexSpacer16, 16px);
+}
+
+.udex-accordion-spotlight-item__expand-inner {
+  overflow: hidden;
+  display: flex;
+  flex-direction: column;
+  gap: var(--udexSpacer16, 16px);
+  padding-inline: 4px;
+  margin-inline: -4px;
+  padding-block-end: 4px;
+  margin-block-end: -4px;
+}
+
+.udex-accordion-spotlight-item__button {
+  background: none;
+  border: 0;
+  padding: 0;
+  border-radius: 0;
+  cursor: pointer;
+  display: flex;
+  flex-direction: column;
+  text-align: start;
+  color: var(--udex-accordion-spotlight-btn-color);
+  font-family: var(--udex-accordion-spotlight-btn-font-family);
+  font-size: var(--udex-accordion-spotlight-btn-font-size);
+  font-weight: var(--udex-accordion-spotlight-btn-font-weight);
+  line-height: var(--udex-accordion-spotlight-btn-line-height);
+}
+
+.udex-accordion-spotlight-item__button:hover {
+  color: var(--udex-accordion-spotlight-btn-color-hover);
+}
+
+.udex-accordion-spotlight-item__button:focus,
+.udex-accordion-spotlight-item__button:focus-visible {
+  outline: none;
+}
+
+:host([desktop]) .udex-accordion-spotlight-item__button:focus,
+.udex-accordion-spotlight-item__button:focus-visible {
+  outline: 2px solid var(--udex-accordion-spotlight-indicator-color);
+  border-radius: var(--udexRadiusXXS, 2px);
+}
+
+.udex-accordion-spotlight-item__button--active {
+  color: var(--udex-accordion-spotlight-btn-color-active);
+}
+
+.udex-accordion-spotlight-item__button--active::before {
+  content: '';
+  position: absolute;
+  inset-inline-start: -1px;
+  inset-block: 0;
+  width: var(--udex-accordion-spotlight-indicator-width);
+  background-color: var(--udex-accordion-spotlight-indicator-color);
+  border-start-end-radius: var(--udexRadiusXXS, 2px);
+  border-end-end-radius: var(--udexRadiusXXS, 2px);
+  z-index: 1;
+}
+
+.udex-accordion-spotlight__content {
+  flex: 1 1 0;
+  font-family: var(--udex-accordion-spotlight-content-font-family);
+  font-size: var(--udex-accordion-spotlight-content-font-size);
+  line-height: var(--udex-accordion-spotlight-content-line-height);
+  padding-inline-start: var(--udexSpacer16, 16px);
+  display: grid;
+}
+
+.udex-accordion-spotlight__content > .udex-accordion-spotlight__panel {
+  grid-area: 1 / 1;
+  display: block;
+  transition: opacity var(--udex-accordion-spotlight-panel-duration) var(--udex-accordion-spotlight-panel-easing);
+}
+
+.udex-accordion-spotlight__panel {
+  opacity: 0;
+  height: 0;
+  pointer-events: none;
+}
+
+.udex-accordion-spotlight__panel--open {
+  opacity: 1;
+  height: auto;
+  pointer-events: auto;
+}
+
+.udex-accordion-spotlight__panel-inner {
+  overflow: hidden;
+}
+
+.udex-accordion-spotlight-item__links {
+  display: flex;
+  flex-direction: column;
+  gap: var(--udexSpacer4, 4px);
+}
+
+.udex-accordion-spotlight__footer {
+  margin-block-start: var(--udexSpacer20, 20px);
+  margin-inline-start: var(--udexSpacer16, 16px);
+}
+
+.udex-accordion-spotlight__media {
+  flex: 1 1 0;
+  display: flex;
+  align-items: var(--udex-accordion-spotlight-nav-alignment, flex-start);
+  overflow: hidden;
+}
+
+.udex-accordion-spotlight__media ::slotted(img),
+.udex-accordion-spotlight__media ::slotted(video) {
+  display: block;
+  width: var(--udex-accordion-spotlight-media-width);
+  border-radius: var(--udex-accordion-spotlight-border-radius);
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .udex-accordion-spotlight__panel,
+  .udex-accordion-spotlight-item__expand,
+  .udex-accordion-spotlight-item__button {
+    transition: none;
+  }
+}
+
+@media (max-width: 979px) {
+  .udex-accordion-spotlight__nav-item:has(~ .udex-accordion-spotlight__nav-item) {
+    margin-bottom: var(--udex-accordion-spotlight-nav-gap-mobile);
+  }
+
+  .udex-accordion-spotlight__nav-holder {
+    gap: 0;
+  }
+
+  .udex-accordion-spotlight__media {
+    width: 100%;
+    flex: 0 0 auto;
+    margin-block-start: var(--udexSpacer16, 16px);
+  }
+
+  .udex-accordion-spotlight {
+    flex-direction: column;
+    gap: 0;
+  }
+
+  .udex-accordion-spotlight__nav {
+    flex: 0 0 100%;
+    width: 100%;
+  }
+
+  .udex-accordion-spotlight__panel {
+    height: inherit;
+    display: grid;
+    grid-template-rows: 0fr;
+    transition:
+      grid-template-rows var(--udex-accordion-spotlight-panel-duration) var(--udex-accordion-spotlight-panel-easing),
+      opacity var(--udex-accordion-spotlight-panel-duration) var(--udex-accordion-spotlight-panel-easing);
+  }
+
+  .udex-accordion-spotlight__panel--open {
+    grid-template-rows: 1fr;
+    margin: var(--udexSpacer8, 8px) 0 var(--udexSpacer24, 24px);
+  }
+
+  .udex-accordion-spotlight__panel-inner {
+    padding-inline-start: var(--udexSpacer16, 16px);
+    font-family: var(--udex-accordion-spotlight-content-font-family);
+    font-size: var(--udex-accordion-spotlight-content-font-size);
+    line-height: var(--udex-accordion-spotlight-content-line-height);
+  }
+}

package/src/themes/AccordionSpotlightItem.css

@@ -0,0 +1,3 @@
+:host {
+  display: contents;
+}