@sapudex/web-components 2.55.0 → 2.56.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/cypress/specs/HeroBanner.cy.tsx +35 -1
- package/cypress/specs/List.cy.tsx +63 -1
- package/cypress/specs/ListItem.cy.tsx +44 -0
- package/cypress/specs/MastheadShell.cy.tsx +39 -0
- package/cypress/specs/PhoneNumberField.cy.tsx +29 -1
- package/cypress/specs/SelectBox.cy.tsx +99 -0
- package/dist/CountrySelectorTemplate.js +1 -1
- package/dist/CountrySelectorTemplate.js.map +1 -1
- package/dist/FilterMenu.js +5 -1
- package/dist/FilterMenu.js.map +1 -1
- package/dist/HeroBanner.d.ts +12 -0
- package/dist/HeroBanner.js +54 -0
- package/dist/HeroBanner.js.map +1 -1
- package/dist/List.d.ts +5 -0
- package/dist/List.js +7 -0
- package/dist/List.js.map +1 -1
- package/dist/ListItem.js +5 -1
- package/dist/ListItem.js.map +1 -1
- package/dist/ListTemplate.js +1 -1
- package/dist/ListTemplate.js.map +1 -1
- package/dist/MastheadShell.d.ts +7 -0
- package/dist/MastheadShell.js +38 -0
- package/dist/MastheadShell.js.map +1 -1
- package/dist/PhoneNumberField.d.ts +3 -3
- package/dist/PhoneNumberField.js +18 -21
- package/dist/PhoneNumberField.js.map +1 -1
- package/dist/PhoneNumberFieldTemplate.d.ts +2 -0
- package/dist/PhoneNumberFieldTemplate.js +12 -0
- package/dist/PhoneNumberFieldTemplate.js.map +1 -0
- package/dist/Search.d.ts +2 -0
- package/dist/Search.js +21 -0
- package/dist/Search.js.map +1 -1
- package/dist/SearchableListBase.d.ts +4 -0
- package/dist/SearchableListBase.js +66 -6
- package/dist/SearchableListBase.js.map +1 -1
- package/dist/SearchableListBaseTemplate.js +1 -1
- package/dist/SearchableListBaseTemplate.js.map +1 -1
- package/dist/SelectBase.js +14 -22
- package/dist/SelectBase.js.map +1 -1
- package/dist/SelectBoxTemplate.js +1 -1
- package/dist/SelectBoxTemplate.js.map +1 -1
- package/dist/StatusMessage.d.ts +2 -2
- package/dist/StatusMessage.js +1 -1
- package/dist/StatusMessage.js.map +1 -1
- package/dist/TextAreaTemplate.js +1 -1
- package/dist/TextAreaTemplate.js.map +1 -1
- package/dist/TextFieldTemplate.js +1 -1
- package/dist/TextFieldTemplate.js.map +1 -1
- package/dist/Upload.js +6 -9
- package/dist/Upload.js.map +1 -1
- package/dist/UploadItem.d.ts +2 -2
- package/dist/UploadItem.js +6 -9
- package/dist/UploadItem.js.map +1 -1
- package/dist/UploadItemTemplate.d.ts +2 -0
- package/dist/UploadItemTemplate.js +14 -0
- package/dist/UploadItemTemplate.js.map +1 -0
- package/dist/UploadTemplate.d.ts +2 -0
- package/dist/UploadTemplate.js +11 -0
- package/dist/UploadTemplate.js.map +1 -0
- package/dist/assets/{InputSuggestions-DPiJnNLn.js → InputSuggestions-ChhTxYh4.js} +1 -1
- package/dist/assets/{ListItemStandardExpandableTextTemplate-B-v72jL6.js → ListItemStandardExpandableTextTemplate-Bh1HxZfH.js} +1 -1
- package/dist/assets/{bundle-C7Yft7IG.css → bundle-CdO3MnjQ.css} +1 -1
- package/dist/assets/{bundle.esm-DPppjwN7.js → bundle.esm-DCX_ohoZ.js} +253 -241
- package/dist/assets/messagebundle_uk-CCv57GhV.js +1 -0
- package/dist/css/themes/AccordionItem.css +1 -1
- package/dist/css/themes/AccordionSpotlight.css +1 -1
- package/dist/css/themes/Avatar.css +1 -1
- package/dist/css/themes/CountrySelector.css +1 -1
- package/dist/css/themes/EventRibbon.css +1 -1
- package/dist/css/themes/FilterMenu.css +1 -1
- package/dist/css/themes/HeroBanner.css +1 -1
- package/dist/css/themes/ImageGridTicker.css +1 -1
- package/dist/css/themes/ListItem.css +1 -1
- package/dist/css/themes/MastheadCountrySelector.css +1 -1
- package/dist/css/themes/MastheadItem.css +1 -1
- package/dist/css/themes/MastheadProfileMenu.css +1 -1
- package/dist/css/themes/MastheadShell.css +1 -1
- package/dist/css/themes/MediaPlayer.css +1 -1
- package/dist/css/themes/Modal.css +1 -1
- package/dist/css/themes/PhoneNumberField.css +1 -1
- package/dist/css/themes/Search.css +1 -1
- package/dist/css/themes/SecondaryNavigationItem.css +1 -1
- package/dist/css/themes/SelectBase.css +1 -1
- package/dist/css/themes/StepInput.css +1 -1
- package/dist/css/themes/TabInOverflow.css +1 -1
- package/dist/css/themes/TabNavigation.css +1 -1
- package/dist/css/themes/TableCellBase.css +1 -1
- package/dist/css/themes/TagGroup.css +1 -1
- package/dist/css/themes/TextArea.css +1 -1
- package/dist/css/themes/TextField.css +1 -1
- package/dist/css/themes/Wizard.css +1 -1
- package/dist/custom-elements-internal.json +1138 -117
- package/dist/custom-elements.json +740 -123
- package/dist/generated/assets/i18n/messagebundle_uk.json +1 -1
- package/dist/generated/themes/AccordionItem.css.d.ts +1 -1
- package/dist/generated/themes/AccordionItem.css.js +1 -1
- package/dist/generated/themes/AccordionItem.css.js.map +1 -1
- package/dist/generated/themes/AccordionSpotlight.css.d.ts +1 -1
- package/dist/generated/themes/AccordionSpotlight.css.js +1 -1
- package/dist/generated/themes/AccordionSpotlight.css.js.map +1 -1
- package/dist/generated/themes/Avatar.css.d.ts +1 -1
- package/dist/generated/themes/Avatar.css.js +1 -1
- package/dist/generated/themes/Avatar.css.js.map +1 -1
- package/dist/generated/themes/CountrySelector.css.d.ts +1 -1
- package/dist/generated/themes/CountrySelector.css.js +1 -1
- package/dist/generated/themes/CountrySelector.css.js.map +1 -1
- package/dist/generated/themes/EventRibbon.css.d.ts +1 -1
- package/dist/generated/themes/EventRibbon.css.js +1 -1
- package/dist/generated/themes/EventRibbon.css.js.map +1 -1
- package/dist/generated/themes/FilterMenu.css.d.ts +1 -1
- package/dist/generated/themes/FilterMenu.css.js +1 -1
- package/dist/generated/themes/FilterMenu.css.js.map +1 -1
- package/dist/generated/themes/HeroBanner.css.d.ts +1 -1
- package/dist/generated/themes/HeroBanner.css.js +1 -1
- package/dist/generated/themes/HeroBanner.css.js.map +1 -1
- package/dist/generated/themes/ImageGridTicker.css.d.ts +1 -1
- package/dist/generated/themes/ImageGridTicker.css.js +1 -1
- package/dist/generated/themes/ImageGridTicker.css.js.map +1 -1
- package/dist/generated/themes/ListItem.css.d.ts +1 -1
- package/dist/generated/themes/ListItem.css.js +1 -1
- package/dist/generated/themes/ListItem.css.js.map +1 -1
- package/dist/generated/themes/MastheadCountrySelector.css.d.ts +1 -1
- package/dist/generated/themes/MastheadCountrySelector.css.js +1 -1
- package/dist/generated/themes/MastheadCountrySelector.css.js.map +1 -1
- package/dist/generated/themes/MastheadItem.css.d.ts +1 -1
- package/dist/generated/themes/MastheadItem.css.js +1 -1
- package/dist/generated/themes/MastheadItem.css.js.map +1 -1
- package/dist/generated/themes/MastheadProfileMenu.css.d.ts +1 -1
- package/dist/generated/themes/MastheadProfileMenu.css.js +1 -1
- package/dist/generated/themes/MastheadProfileMenu.css.js.map +1 -1
- package/dist/generated/themes/MastheadShell.css.d.ts +1 -1
- package/dist/generated/themes/MastheadShell.css.js +1 -1
- package/dist/generated/themes/MastheadShell.css.js.map +1 -1
- package/dist/generated/themes/MediaPlayer.css.d.ts +1 -1
- package/dist/generated/themes/MediaPlayer.css.js +1 -1
- package/dist/generated/themes/MediaPlayer.css.js.map +1 -1
- package/dist/generated/themes/Modal.css.d.ts +1 -1
- package/dist/generated/themes/Modal.css.js +1 -1
- package/dist/generated/themes/Modal.css.js.map +1 -1
- package/dist/generated/themes/PhoneNumberField.css.d.ts +1 -1
- package/dist/generated/themes/PhoneNumberField.css.js +1 -1
- package/dist/generated/themes/PhoneNumberField.css.js.map +1 -1
- package/dist/generated/themes/Search.css.d.ts +1 -1
- package/dist/generated/themes/Search.css.js +1 -1
- package/dist/generated/themes/Search.css.js.map +1 -1
- package/dist/generated/themes/SecondaryNavigationItem.css.d.ts +1 -1
- package/dist/generated/themes/SecondaryNavigationItem.css.js +1 -1
- package/dist/generated/themes/SecondaryNavigationItem.css.js.map +1 -1
- package/dist/generated/themes/SelectBase.css.d.ts +1 -1
- package/dist/generated/themes/SelectBase.css.js +1 -1
- package/dist/generated/themes/SelectBase.css.js.map +1 -1
- package/dist/generated/themes/StepInput.css.d.ts +1 -1
- package/dist/generated/themes/StepInput.css.js +1 -1
- package/dist/generated/themes/StepInput.css.js.map +1 -1
- package/dist/generated/themes/TabInOverflow.css.d.ts +1 -1
- package/dist/generated/themes/TabInOverflow.css.js +1 -1
- package/dist/generated/themes/TabInOverflow.css.js.map +1 -1
- package/dist/generated/themes/TabNavigation.css.d.ts +1 -1
- package/dist/generated/themes/TabNavigation.css.js +1 -1
- package/dist/generated/themes/TabNavigation.css.js.map +1 -1
- package/dist/generated/themes/TableCellBase.css.d.ts +1 -1
- package/dist/generated/themes/TableCellBase.css.js +1 -1
- package/dist/generated/themes/TableCellBase.css.js.map +1 -1
- package/dist/generated/themes/TagGroup.css.d.ts +1 -1
- package/dist/generated/themes/TagGroup.css.js +1 -1
- package/dist/generated/themes/TagGroup.css.js.map +1 -1
- package/dist/generated/themes/TextArea.css.d.ts +1 -1
- package/dist/generated/themes/TextArea.css.js +1 -1
- package/dist/generated/themes/TextArea.css.js.map +1 -1
- package/dist/generated/themes/TextField.css.d.ts +1 -1
- package/dist/generated/themes/TextField.css.js +1 -1
- package/dist/generated/themes/TextField.css.js.map +1 -1
- package/dist/generated/themes/Wizard.css.d.ts +1 -1
- package/dist/generated/themes/Wizard.css.js +1 -1
- package/dist/generated/themes/Wizard.css.js.map +1 -1
- package/dist/messagebundle_uk.properties +8 -0
- package/dist/utils/searchBackdrop.d.ts +1 -0
- package/dist/utils/searchBackdrop.js +23 -0
- package/dist/utils/searchBackdrop.js.map +1 -0
- package/dist/vscode.html-custom-data.json +165 -2
- package/dist/web-types.json +363 -6
- package/package.json +1 -1
- package/src/CountrySelectorTemplate.tsx +2 -2
- package/src/FilterMenu.ts +5 -1
- package/src/HeroBanner.ts +66 -0
- package/src/List.ts +8 -0
- package/src/ListItem.ts +5 -1
- package/src/ListTemplate.tsx +1 -1
- package/src/MastheadShell.ts +44 -0
- package/src/PhoneNumberField.ts +23 -22
- package/src/PhoneNumberFieldTemplate.tsx +128 -0
- package/src/Search.ts +21 -1
- package/src/SearchableListBase.ts +62 -7
- package/src/SearchableListBaseTemplate.tsx +1 -0
- package/src/SelectBase.ts +14 -21
- package/src/SelectBoxTemplate.tsx +1 -1
- package/src/StatusMessage.ts +4 -3
- package/src/TextAreaTemplate.tsx +1 -1
- package/src/TextFieldTemplate.tsx +1 -1
- package/src/Upload.ts +7 -10
- package/src/UploadItem.ts +7 -9
- package/src/UploadItemTemplate.tsx +62 -0
- package/src/UploadTemplate.tsx +53 -0
- package/src/generated/themes/AccordionItem.css.ts +1 -1
- package/src/generated/themes/AccordionSpotlight.css.ts +1 -1
- package/src/generated/themes/Avatar.css.ts +1 -1
- package/src/generated/themes/CountrySelector.css.ts +1 -1
- package/src/generated/themes/EventRibbon.css.ts +1 -1
- package/src/generated/themes/FilterMenu.css.ts +1 -1
- package/src/generated/themes/HeroBanner.css.ts +1 -1
- package/src/generated/themes/ImageGridTicker.css.ts +1 -1
- package/src/generated/themes/ListItem.css.ts +1 -1
- package/src/generated/themes/MastheadCountrySelector.css.ts +1 -1
- package/src/generated/themes/MastheadItem.css.ts +1 -1
- package/src/generated/themes/MastheadProfileMenu.css.ts +1 -1
- package/src/generated/themes/MastheadShell.css.ts +1 -1
- package/src/generated/themes/MediaPlayer.css.ts +1 -1
- package/src/generated/themes/Modal.css.ts +1 -1
- package/src/generated/themes/PhoneNumberField.css.ts +1 -1
- package/src/generated/themes/Search.css.ts +1 -1
- package/src/generated/themes/SecondaryNavigationItem.css.ts +1 -1
- package/src/generated/themes/SelectBase.css.ts +1 -1
- package/src/generated/themes/StepInput.css.ts +1 -1
- package/src/generated/themes/TabInOverflow.css.ts +1 -1
- package/src/generated/themes/TabNavigation.css.ts +1 -1
- package/src/generated/themes/TableCellBase.css.ts +1 -1
- package/src/generated/themes/TagGroup.css.ts +1 -1
- package/src/generated/themes/TextArea.css.ts +1 -1
- package/src/generated/themes/TextField.css.ts +1 -1
- package/src/generated/themes/Wizard.css.ts +1 -1
- package/src/i18n/messagebundle_uk.properties +8 -0
- package/src/themes/AccordionItem.css +1 -1
- package/src/themes/AccordionSpotlight.css +1 -1
- package/src/themes/Avatar.css +1 -1
- package/src/themes/CountrySelector.css +12 -2
- package/src/themes/EventRibbon.css +1 -1
- package/src/themes/FilterMenu.css +3 -2
- package/src/themes/HeroBanner.css +1 -1
- package/src/themes/ImageGridTicker.css +1 -1
- package/src/themes/ListItem.css +10 -2
- package/src/themes/MastheadCountrySelector.css +1 -1
- package/src/themes/MastheadItem.css +1 -1
- package/src/themes/MastheadProfileMenu.css +1 -1
- package/src/themes/MastheadShell.css +1 -1
- package/src/themes/MediaPlayer.css +10 -10
- package/src/themes/Modal.css +5 -3
- package/src/themes/PhoneNumberField.css +16 -6
- package/src/themes/Search.css +9 -9
- package/src/themes/SecondaryNavigationItem.css +1 -1
- package/src/themes/SelectBase.css +2 -2
- package/src/themes/StepInput.css +1 -1
- package/src/themes/TabInOverflow.css +2 -2
- package/src/themes/TabNavigation.css +7 -7
- package/src/themes/TableCellBase.css +1 -1
- package/src/themes/TagGroup.css +1 -1
- package/src/themes/TextArea.css +1 -1
- package/src/themes/TextField.css +1 -1
- package/src/themes/Wizard.css +1 -1
- package/src/utils/searchBackdrop.ts +23 -0
- package/dist/assets/messagebundle_uk-GmdhsMsP.js +0 -1
- package/dist/generated/templates/PhoneNumberFieldTemplate.lit.d.ts +0 -3
- package/dist/generated/templates/PhoneNumberFieldTemplate.lit.js +0 -16
- package/dist/generated/templates/PhoneNumberFieldTemplate.lit.js.map +0 -1
- package/dist/generated/templates/UploadItemTemplate.lit.d.ts +0 -3
- package/dist/generated/templates/UploadItemTemplate.lit.js +0 -12
- package/dist/generated/templates/UploadItemTemplate.lit.js.map +0 -1
- package/dist/generated/templates/UploadTemplate.lit.d.ts +0 -3
- package/dist/generated/templates/UploadTemplate.lit.js +0 -10
- package/dist/generated/templates/UploadTemplate.lit.js.map +0 -1
- package/src/PhoneNumberField.hbs +0 -119
- package/src/Upload.hbs +0 -21
- package/src/UploadItem.hbs +0 -32
- package/src/generated/templates/PhoneNumberFieldTemplate.lit.ts +0 -20
- package/src/generated/templates/UploadItemTemplate.lit.ts +0 -16
- package/src/generated/templates/UploadTemplate.lit.ts +0 -14
|
@@ -1 +1 @@
|
|
|
1
|
-
{"COPYRIGHT":"© {0} SAP SE або афілійована компанія SAP. Усі права захищено.","OVERVIEW":"Огляд","LOGOUT":"Вихід","MAIN_LINKS":"Головні посилання","BACK_TO_TOP":"На початок","COUNT":"Кількість","OF":"з","PAGINATION_PAGE":"Сторінка","SELECTED":"Вибрано","UNSELECTED":"Вибір скасовано","INDETERMINATE":"Не визначено","EDIT_BUTTON":"Редагувати","DELETE_BUTTON":"Видалити","BACK_TO_REGION_LIST":"Повернутися до списку регіонів","BUTTON_ARIA_TYPE_PRIMARY":"Первинний","BUTTON_ARIA_TYPE_SECONDARY":"Вторинний","BUTTON_ARIA_TYPE_TERTIARY":"Третинний","BUTTON_ARIA_TYPE_WARNING":"Застереження","BUTTON_ARIA_TYPE_POSITIVE":"Позитивний","BUTTON_ARIA_TYPE_NEGATIVE":"Негативний","BUTTON_ARIA_EMPHASIZED":"Підкреслений","BUTTON_ARIA_DEFAULT":"Усталений","BUTTON_ARIA_TRANSPARENT":"Прозорий","BUTTON_ARIA_ATTENTION":"Увага","DATEPICKER_DATE_DESCRIPTION":"Введення дати","TOGGLED":"Перемкнуто","FIRST_PAGE":"Перша сторінка","LAST_PAGE":"Остання сторінка","PREVIOUS_PAGE":"Попередня сторінка","NEXT_PAGE":"Наступна сторінка","CURRENT_PAGE":"Поточна сторінка","ACTIVATE_PAGE":"Активувати номер сторінки","SUGGESTED_TEXT":"пошукові рекомендації","ACCESSIBLE_NAME_SEARCH_ICON":"Пошук","TOOLTIP_VOICE_BUTTON":"Голос","TOOLTIP_SUBMIT_BUTTON":"Надсилати","LISTENING":"Слухання","AVAILABLE_VALUES":"Доступні значення","RECOMMENDED_TEXT":"Рекомендовані сторінки","EXPAND_ALL":"Розгорнути все","COLLAPSE_ALL":"Згорнути все","MORE":"Більше","ATTENTION_BADGE":"Значок уваги","READ_MORE":"Читати далі","READ_LESS":"Приховати частину тексту","SHOW_MORE":"Докладніше","SHOW_LESS":"Стисло","RATING_INDICATOR_TEXT":"Індикатор оцінки","RATING_INDICATOR_TOOLTIP_TEXT":"Оцінка","RATING_INDICATOR_ARIA_DESCRIPTION":"Обов`язкове","TOTAL":"Усього","RATING_COUNT_TITLE":"Оцінка","ARIA_LABEL_LIST_MULTISELECTABLE":"Містить позиції з можливістю множинного вибору","ARIA_LABEL_LIST_SELECTABLE":"Містить позиції з можливістю вибору","SHOW_RESULTS":"Показати результати","RESET":"Скинути","MESSAGE_STRIP_CLOSE_BUTTON":"Кнопка закриття смуги повідомлень","MESSAGE_STRIP_INFORMATION":"Інформаційна панель","MESSAGE_STRIP_SUCCESS":"Позитивна панель","MESSAGE_STRIP_WARNING":"Панель застережень","MESSAGE_STRIP_ERROR":"Негативна панель","MESSAGE_STRIP_ACTION":"Панель дій","REVIEWS":"огляди","STARS":"зірки","SELECT_OPTIONS":"Вибрати варіанти","SELECT_ALL":"Вибрати все","TEXTAREA_CHARACTERS_LEFT":"Залишилося символів: {0}","VALUE_STATE_TYPE_ERROR":"Помилка стану поля","VALUE_STATE_TYPE_WARNING":"Застереження щодо стану поля","VALUE_STATE_TYPE_SUCCESS":"Статус поля: успіх","VALUE_STATE_TYPE_STANDARD":"Стандарт стану поля","CAROUSEL_PREVIOUS_ARROW_TEXT":"Попередня сторінка","CAROUSEL_NEXT_ARROW_TEXT":"Наступна сторінка","NO_MATCHES_FOUND":"Збігів не знайдено.","BREADCRUMBS_ARIA_LABEL":"Навігаційний ланцюжок","BREADCRUMBS_OVERFLOW_ARIA_LABEL":"Більше","STEPINPUT_INC_ICON_TITLE":"Збільшити кількість на","STEPINPUT_DEC_ICON_TITLE":"Зменшити кількість на","TABLE_NO_DATA_FOUND":"Дані не знайдено","VALUE_STATE_ERROR":"Неприпустимий запис","VALUE_STATE_WARNING":"Видано застереження","VALUE_STATE_INFORMATION":"Інформативний запис","VALUE_STATE_SUCCESS":"Запис успішно перевірено","READ_ONLY":"Лише для читання","SWITCH_ACCOUNT":"Змінити обліковий запис","BACK":"Назад","OTHER_IDENTITIES":"Інші ідентифікатори","ADD_OR_REMOVE_ACCOUNT":"Додати або вилучити обліковий запис","COUNTRY_SELECT":"Вибрати країну","CART":"Кошик","COUNTRY_SELECTOR":"Значок вибору країни","PHONE_NUMBER":"Номер телефону","CONTACT_US":"Зв`яжіться з нами","EMAIL":"Електронна пошта","CHAT_WITH_US":"Спілкуйтеся з нами","QUICK_LINKS":"Швидкі посилання","TRENDING":"Тенденції","ABOUT_SAP":"Про SAP","SITE_INFORMATION":"Відомості про сайт","SEE_COMPLETE_LIST":"Або перегляньте повний перелік","LOCAL_COUNTRY_NAMES":"місцевих номерів країн","AVATAR_TEXT":"Аватар","CALENDAR_ICON":"Піктограма \"Відкрити календар\"","LIST_ITEM_EDIT_ICON":"Редагувати запис елемента списку","LIST_ITEM_DELETE_ICON":"Видалити запис елемента списку","BACK_BUTTON_LABEL":"кнопка \"Назад\"","STATUS_BADGE_TEXT":"Значок статусу","STATUS_BADGE_EDIT_TITLE":"Клацніть, щоб редагувати профіль","STATUS_BADGE_INFORMATION_TITLE":"Клацніть, щоб відкрити інформацію профілю","STATUS_BADGE_WARNING_TITLE":"Застереження, потенційний ризик із профілем","STATUS_BADGE_ERROR_TITLE":"Сталася помилка в профілі","STATUS_BADGE_SUCCESS_TITLE":"Профіль успішно перевірено","PROFILE":"Профіль","OPENS_IN_A_NEW_WINDOW":"відкривається в новому вікні","TEXT_FIELD":"Текстове поле","UPLOADING_FILE_STATUS_TEXT":"Вивантаження","TERMINATED_FILE_STATUS_TEXT":"Припинено","REMOVE_FILE_TEXT":"Вилучити файл","UPLOAD_BUTTON_LABEL":"Вивантажити файл","COMPLETE_LIST_OF":"Повний список","CALL_US_TODAY":"Зателефонуйте нам уже сьогодні!","SEARCH":"Пошук","RESULT_RETURNED":"результатів повернуто.","SOCIAL_MEDIA_BUTTON":"Кнопка соціальних мереж","PROMO_TILE":"Рекламна плитка","PROMO_TILE_ICON":"Піктограма рекламної плитки","PLAY_BUTTON_ACCESSIBLE_NAME":"Кнопка запуску, яка запускає обертання логотипів клієнтів","PAUSE_BUTTON_ACCESSIBLE_NAME":"Кнопка паузи, яка зупиняє обертання логотипів клієнтів","LOCATION":"Розташування","TOAST_CLOSE_ACCESSIBLE_NAME":"Закрити","DISABLED":"Вимкнуто","EXPAND":"Розгорнути","COLLAPSE":"Згорнути"}
|
|
1
|
+
{"ASK_JOULE":"Запитати Joule","SHOW_PASSWORD":"Показати пароль","HIDE_PASSWORD":"Приховати пароль","SUPPORT":"Підтримка","ACCESSIBLE_NAME_RESET_ICON":"Очистити","TOOLTIP_RESET_BUTTON":"Очистити","CAROUSEL_AUTOPLAY_TOGGLE_START":"Розпочати автовідтворення каруселі","CAROUSEL_AUTOPLAY_TOGGLE_STOP":"Зупинити автовідтворення каруселі","COPYRIGHT":"© {0} SAP SE або афілійована компанія SAP. Усі права захищено.","OVERVIEW":"Огляд","LOGOUT":"Вихід","MAIN_LINKS":"Головні посилання","BACK_TO_TOP":"На початок","COUNT":"Кількість","OF":"з","PAGINATION_PAGE":"Сторінка","SELECTED":"Вибрано","UNSELECTED":"Вибір скасовано","INDETERMINATE":"Не визначено","EDIT_BUTTON":"Редагувати","DELETE_BUTTON":"Видалити","BACK_TO_REGION_LIST":"Повернутися до списку регіонів","BUTTON_ARIA_TYPE_PRIMARY":"Первинний","BUTTON_ARIA_TYPE_SECONDARY":"Вторинний","BUTTON_ARIA_TYPE_TERTIARY":"Третинний","BUTTON_ARIA_TYPE_WARNING":"Застереження","BUTTON_ARIA_TYPE_POSITIVE":"Позитивний","BUTTON_ARIA_TYPE_NEGATIVE":"Негативний","BUTTON_ARIA_EMPHASIZED":"Підкреслений","BUTTON_ARIA_DEFAULT":"Усталений","BUTTON_ARIA_TRANSPARENT":"Прозорий","BUTTON_ARIA_ATTENTION":"Увага","DATEPICKER_DATE_DESCRIPTION":"Введення дати","TOGGLED":"Перемкнуто","FIRST_PAGE":"Перша сторінка","LAST_PAGE":"Остання сторінка","PREVIOUS_PAGE":"Попередня сторінка","NEXT_PAGE":"Наступна сторінка","CURRENT_PAGE":"Поточна сторінка","ACTIVATE_PAGE":"Активувати номер сторінки","SUGGESTED_TEXT":"пошукові рекомендації","ACCESSIBLE_NAME_SEARCH_ICON":"Пошук","TOOLTIP_VOICE_BUTTON":"Голос","TOOLTIP_SUBMIT_BUTTON":"Надсилати","LISTENING":"Слухання","AVAILABLE_VALUES":"Доступні значення","RECOMMENDED_TEXT":"Рекомендовані сторінки","EXPAND_ALL":"Розгорнути все","COLLAPSE_ALL":"Згорнути все","MORE":"Більше","ATTENTION_BADGE":"Значок уваги","READ_MORE":"Читати далі","READ_LESS":"Приховати частину тексту","SHOW_MORE":"Докладніше","SHOW_LESS":"Стисло","RATING_INDICATOR_TEXT":"Індикатор оцінки","RATING_INDICATOR_TOOLTIP_TEXT":"Оцінка","RATING_INDICATOR_ARIA_DESCRIPTION":"Обов`язкове","TOTAL":"Усього","RATING_COUNT_TITLE":"Оцінка","ARIA_LABEL_LIST_MULTISELECTABLE":"Містить позиції з можливістю множинного вибору","ARIA_LABEL_LIST_SELECTABLE":"Містить позиції з можливістю вибору","SHOW_RESULTS":"Показати результати","RESET":"Скинути","MESSAGE_STRIP_CLOSE_BUTTON":"Кнопка закриття смуги повідомлень","MESSAGE_STRIP_INFORMATION":"Інформаційна панель","MESSAGE_STRIP_SUCCESS":"Позитивна панель","MESSAGE_STRIP_WARNING":"Панель застережень","MESSAGE_STRIP_ERROR":"Негативна панель","MESSAGE_STRIP_ACTION":"Панель дій","REVIEWS":"огляди","STARS":"зірки","SELECT_OPTIONS":"Вибрати варіанти","SELECT_ALL":"Вибрати все","TEXTAREA_CHARACTERS_LEFT":"Залишилося символів: {0}","VALUE_STATE_TYPE_ERROR":"Помилка стану поля","VALUE_STATE_TYPE_WARNING":"Застереження щодо стану поля","VALUE_STATE_TYPE_SUCCESS":"Статус поля: успіх","VALUE_STATE_TYPE_STANDARD":"Стандарт стану поля","CAROUSEL_PREVIOUS_ARROW_TEXT":"Попередня сторінка","CAROUSEL_NEXT_ARROW_TEXT":"Наступна сторінка","NO_MATCHES_FOUND":"Збігів не знайдено.","BREADCRUMBS_ARIA_LABEL":"Навігаційний ланцюжок","BREADCRUMBS_OVERFLOW_ARIA_LABEL":"Більше","STEPINPUT_INC_ICON_TITLE":"Збільшити кількість на","STEPINPUT_DEC_ICON_TITLE":"Зменшити кількість на","TABLE_NO_DATA_FOUND":"Дані не знайдено","VALUE_STATE_ERROR":"Неприпустимий запис","VALUE_STATE_WARNING":"Видано застереження","VALUE_STATE_INFORMATION":"Інформативний запис","VALUE_STATE_SUCCESS":"Запис успішно перевірено","READ_ONLY":"Лише для читання","SWITCH_ACCOUNT":"Змінити обліковий запис","BACK":"Назад","OTHER_IDENTITIES":"Інші ідентифікатори","ADD_OR_REMOVE_ACCOUNT":"Додати або вилучити обліковий запис","COUNTRY_SELECT":"Вибрати країну","CART":"Кошик","COUNTRY_SELECTOR":"Значок вибору країни","PHONE_NUMBER":"Номер телефону","CONTACT_US":"Зв`яжіться з нами","EMAIL":"Електронна пошта","CHAT_WITH_US":"Спілкуйтеся з нами","QUICK_LINKS":"Швидкі посилання","TRENDING":"Тенденції","ABOUT_SAP":"Про SAP","SITE_INFORMATION":"Відомості про сайт","SEE_COMPLETE_LIST":"Або перегляньте повний перелік","LOCAL_COUNTRY_NAMES":"місцевих номерів країн","AVATAR_TEXT":"Аватар","CALENDAR_ICON":"Піктограма \"Відкрити календар\"","LIST_ITEM_EDIT_ICON":"Редагувати запис елемента списку","LIST_ITEM_DELETE_ICON":"Видалити запис елемента списку","BACK_BUTTON_LABEL":"кнопка \"Назад\"","STATUS_BADGE_TEXT":"Значок статусу","STATUS_BADGE_EDIT_TITLE":"Клацніть, щоб редагувати профіль","STATUS_BADGE_INFORMATION_TITLE":"Клацніть, щоб відкрити інформацію профілю","STATUS_BADGE_WARNING_TITLE":"Застереження, потенційний ризик із профілем","STATUS_BADGE_ERROR_TITLE":"Сталася помилка в профілі","STATUS_BADGE_SUCCESS_TITLE":"Профіль успішно перевірено","PROFILE":"Профіль","OPENS_IN_A_NEW_WINDOW":"відкривається в новому вікні","TEXT_FIELD":"Текстове поле","UPLOADING_FILE_STATUS_TEXT":"Вивантаження","TERMINATED_FILE_STATUS_TEXT":"Припинено","REMOVE_FILE_TEXT":"Вилучити файл","UPLOAD_BUTTON_LABEL":"Вивантажити файл","COMPLETE_LIST_OF":"Повний список","CALL_US_TODAY":"Зателефонуйте нам уже сьогодні!","SEARCH":"Пошук","RESULT_RETURNED":"результатів повернуто.","SOCIAL_MEDIA_BUTTON":"Кнопка соціальних мереж","PROMO_TILE":"Рекламна плитка","PROMO_TILE_ICON":"Піктограма рекламної плитки","PLAY_BUTTON_ACCESSIBLE_NAME":"Кнопка запуску, яка запускає обертання логотипів клієнтів","PAUSE_BUTTON_ACCESSIBLE_NAME":"Кнопка паузи, яка зупиняє обертання логотипів клієнтів","LOCATION":"Розташування","TOAST_CLOSE_ACCESSIBLE_NAME":"Закрити","DISABLED":"Вимкнуто","EXPAND":"Розгорнути","COLLAPSE":"Згорнути"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
declare const _default: ":host{--udex-accordion-item-icon-color: var(--udexColorBlue8, #0057D2);--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-title-font-weight: var(--udexTypographyFontWeightMedium, 500);--udex-accordion-item-border-color: var(--sapShell_BorderColor, var(--udexColorGrey3));--udex-accordion-item-border-width: 1px;--udex-accordion-item-background-color: transparent;--udex-accordion-item-hover-background-color: var(--udexColorNeutralWhite0, #FFFFFF00);--udex-accordion-item-header-padding: var(--udexSpacer20, 20px) var(--udexSpacer16, 16px) var(--udexSpacer20, 20px) var(--udexSpacer16, 16px);--udex-accordion-item-icon-width: 16px;--udex-accordion-item-icon-height: 16px;--udex-accordion-item-label-icon-width: 24px;--udex-accordion-item-label-icon-height: 24px;--udex-accordion-item-content-padding:
|
|
1
|
+
declare const _default: ":host{--udex-accordion-item-icon-color: var(--udexColorBlue8, #0057D2);--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-title-font-weight: var(--udexTypographyFontWeightMedium, 500);--udex-accordion-item-border-color: var(--sapShell_BorderColor, var(--udexColorGrey3));--udex-accordion-item-border-width: 1px;--udex-accordion-item-background-color: transparent;--udex-accordion-item-hover-background-color: var(--udexColorNeutralWhite0, #FFFFFF00);--udex-accordion-item-header-padding: var(--udexSpacer20, 20px) var(--udexSpacer16, 16px) var(--udexSpacer20, 20px) var(--udexSpacer16, 16px);--udex-accordion-item-icon-width: 16px;--udex-accordion-item-icon-height: 16px;--udex-accordion-item-label-icon-width: 24px;--udex-accordion-item-label-icon-height: 24px;--udex-accordion-item-content-padding: var(--udexSpacer4, 4px) var(--udexSpacer16, 16px) 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)}:host{display:block}[udex-divider]{--udex-divider-transition: border-color .3s ease-in;--udex-divider-padding: 0;--udex-divider-color: var(--udex-accordion-item-border-color)}.udex-accordion-item{list-style-type:none}.udex-accordion-item__header{display:flex;align-items:center;cursor:pointer;border:none;background:var(--udex-accordion-item-background-color);width:100%;font-family:inherit;color:var(--udex-accordion-item-headline-color);font-size:var(--udex-accordion-item-headline-font-size);gap:var(--udexSpacer12, 12px);padding:var(--udex-accordion-item-header-padding);line-height:var(--udexTypographyHeadingLineHeight, 1.1);transition:color .3s ease-in}.udex-accordion-item__header--large{font-size:var(--udex-accordion-item-headline-large-font-size)}.udex-accordion-item__header:hover{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-accordion-item__header:hover{background-color:var(--udex-accordion-item-hover-background-color)}:host([desktop]) .udex-accordion-item__header:focus,.udex-accordion-item__header:focus-visible{outline:2px solid var(--udexColorBlue10, #002A86);border-radius:var(--udexRadiusM, 8px)}.udex-accordion-item__icon:not(.udex-accordion-item__label-icon){transform:rotate(-270deg)}: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(-270deg)}.udex-accordion-item__icon{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);transition:transform .4s ease-in}.udex-accordion-item__icon-wrapper{min-width:var(--udex-accordion-item-icon-width);height:var(--udex-accordion-item-icon-height);display:inline-flex;align-items:center;justify-content:center}.udex-accordion-item__label-icon-wrapper{min-width:var(--udex-accordion-item-label-icon-width);height:var(--udex-accordion-item-label-icon-height)}.udex-accordion-item__icon-wrapper:not(.udex-accordion-item__label-icon-wrapper){margin-inline-start:auto}.udex-accordion-item__title{font-weight:var(--udex-accordion-item-title-font-weight);align-items:center;display:flex;text-align:start;min-height:18px}.udex-accordion-item__content{max-height:0;overflow:hidden;opacity:0;transition:max-height .4s ease-in,opacity .4s ease-in}.udex-accordion-item__content-inner{padding:var(--udex-accordion-item-content-padding)}.udex-accordion-item--with-title .udex-accordion-item__content-inner{padding:var(--udex-accordion-item-with-icon-content-margin)}:host([expanded]) .udex-accordion-item__content{max-height:var(--udex-accordion-item-content-max-height);opacity:1}.udex-accordion-item__badge{display:inline-flex;margin-inline-start:var(--udexSpacer8)}\n";
|
|
2
2
|
export default _default;
|
|
@@ -3,6 +3,6 @@ import defaultThemeBase from "@ui5/webcomponents-theming/dist/generated/themes/s
|
|
|
3
3
|
import defaultTheme from "./sap_horizon/parameters-bundle.css.js";
|
|
4
4
|
registerThemePropertiesLoader("@" + "ui5" + "/" + "webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
|
|
5
5
|
registerThemePropertiesLoader("@" + "s" + "a" + "p" + "u" + "d" + "e" + "x" + "/" + "w" + "e" + "b" + "-" + "c" + "o" + "m" + "p" + "o" + "n" + "e" + "n" + "t" + "s", "sap_horizon", async () => defaultTheme, "host");
|
|
6
|
-
export default `:host{--udex-accordion-item-icon-color: var(--udexColorBlue8, #0057D2);--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-title-font-weight: var(--udexTypographyFontWeightMedium, 500);--udex-accordion-item-border-color: var(--sapShell_BorderColor, var(--udexColorGrey3));--udex-accordion-item-border-width: 1px;--udex-accordion-item-background-color: transparent;--udex-accordion-item-hover-background-color: var(--udexColorNeutralWhite0, #FFFFFF00);--udex-accordion-item-header-padding: var(--udexSpacer20, 20px) var(--udexSpacer16, 16px) var(--udexSpacer20, 20px) var(--udexSpacer16, 16px);--udex-accordion-item-icon-width: 16px;--udex-accordion-item-icon-height: 16px;--udex-accordion-item-label-icon-width: 24px;--udex-accordion-item-label-icon-height: 24px;--udex-accordion-item-content-padding:
|
|
6
|
+
export default `:host{--udex-accordion-item-icon-color: var(--udexColorBlue8, #0057D2);--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-title-font-weight: var(--udexTypographyFontWeightMedium, 500);--udex-accordion-item-border-color: var(--sapShell_BorderColor, var(--udexColorGrey3));--udex-accordion-item-border-width: 1px;--udex-accordion-item-background-color: transparent;--udex-accordion-item-hover-background-color: var(--udexColorNeutralWhite0, #FFFFFF00);--udex-accordion-item-header-padding: var(--udexSpacer20, 20px) var(--udexSpacer16, 16px) var(--udexSpacer20, 20px) var(--udexSpacer16, 16px);--udex-accordion-item-icon-width: 16px;--udex-accordion-item-icon-height: 16px;--udex-accordion-item-label-icon-width: 24px;--udex-accordion-item-label-icon-height: 24px;--udex-accordion-item-content-padding: var(--udexSpacer4, 4px) var(--udexSpacer16, 16px) 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)}:host{display:block}[udex-divider]{--udex-divider-transition: border-color .3s ease-in;--udex-divider-padding: 0;--udex-divider-color: var(--udex-accordion-item-border-color)}.udex-accordion-item{list-style-type:none}.udex-accordion-item__header{display:flex;align-items:center;cursor:pointer;border:none;background:var(--udex-accordion-item-background-color);width:100%;font-family:inherit;color:var(--udex-accordion-item-headline-color);font-size:var(--udex-accordion-item-headline-font-size);gap:var(--udexSpacer12, 12px);padding:var(--udex-accordion-item-header-padding);line-height:var(--udexTypographyHeadingLineHeight, 1.1);transition:color .3s ease-in}.udex-accordion-item__header--large{font-size:var(--udex-accordion-item-headline-large-font-size)}.udex-accordion-item__header:hover{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-accordion-item__header:hover{background-color:var(--udex-accordion-item-hover-background-color)}:host([desktop]) .udex-accordion-item__header:focus,.udex-accordion-item__header:focus-visible{outline:2px solid var(--udexColorBlue10, #002A86);border-radius:var(--udexRadiusM, 8px)}.udex-accordion-item__icon:not(.udex-accordion-item__label-icon){transform:rotate(-270deg)}: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(-270deg)}.udex-accordion-item__icon{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);transition:transform .4s ease-in}.udex-accordion-item__icon-wrapper{min-width:var(--udex-accordion-item-icon-width);height:var(--udex-accordion-item-icon-height);display:inline-flex;align-items:center;justify-content:center}.udex-accordion-item__label-icon-wrapper{min-width:var(--udex-accordion-item-label-icon-width);height:var(--udex-accordion-item-label-icon-height)}.udex-accordion-item__icon-wrapper:not(.udex-accordion-item__label-icon-wrapper){margin-inline-start:auto}.udex-accordion-item__title{font-weight:var(--udex-accordion-item-title-font-weight);align-items:center;display:flex;text-align:start;min-height:18px}.udex-accordion-item__content{max-height:0;overflow:hidden;opacity:0;transition:max-height .4s ease-in,opacity .4s ease-in}.udex-accordion-item__content-inner{padding:var(--udex-accordion-item-content-padding)}.udex-accordion-item--with-title .udex-accordion-item__content-inner{padding:var(--udex-accordion-item-with-icon-content-margin)}:host([expanded]) .udex-accordion-item__content{max-height:var(--udex-accordion-item-content-max-height);opacity:1}.udex-accordion-item__badge{display:inline-flex;margin-inline-start:var(--udexSpacer8)}
|
|
7
7
|
`;
|
|
8
8
|
//# sourceMappingURL=AccordionItem.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AccordionItem.css.js","sourceRoot":"","sources":["../../../src/generated/themes/AccordionItem.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,6BAA6B,EAAE,MAAM,yDAAyD,CAAC;AAExG,OAAO,gBAAgB,MAAM,uFAAuF,CAAC;AACrH,OAAO,YAAY,MAAM,wCAAwC,CAAC;AAElE,6BAA6B,CAAC,GAAG,GAAG,KAAK,GAAG,GAAG,GAAG,uBAAuB,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,gBAAgB,CAAC,CAAC;AACxH,6BAA6B,CAAC,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC;AACxN,eAAe;CACd,CAAA","sourcesContent":["import { registerThemePropertiesLoader } from \"@ui5/webcomponents-base/dist/asset-registries/Themes.js\";\n\nimport defaultThemeBase from \"@ui5/webcomponents-theming/dist/generated/themes/sap_horizon/parameters-bundle.css.js\";\nimport defaultTheme from \"./sap_horizon/parameters-bundle.css.js\";\n\nregisterThemePropertiesLoader(\"@\" + \"ui5\" + \"/\" + \"webcomponents-theming\", \"sap_horizon\", async () => defaultThemeBase);\nregisterThemePropertiesLoader(\"@\" + \"s\" + \"a\" + \"p\" + \"u\" + \"d\" + \"e\" + \"x\" + \"/\" + \"w\" + \"e\" + \"b\" + \"-\" + \"c\" + \"o\" + \"m\" + \"p\" + \"o\" + \"n\" + \"e\" + \"n\" + \"t\" + \"s\", \"sap_horizon\", async () => defaultTheme, \"host\");\nexport default `:host{--udex-accordion-item-icon-color: var(--udexColorBlue8, #0057D2);--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-title-font-weight: var(--udexTypographyFontWeightMedium, 500);--udex-accordion-item-border-color: var(--sapShell_BorderColor, var(--udexColorGrey3));--udex-accordion-item-border-width: 1px;--udex-accordion-item-background-color: transparent;--udex-accordion-item-hover-background-color: var(--udexColorNeutralWhite0, #FFFFFF00);--udex-accordion-item-header-padding: var(--udexSpacer20, 20px) var(--udexSpacer16, 16px) var(--udexSpacer20, 20px) var(--udexSpacer16, 16px);--udex-accordion-item-icon-width: 16px;--udex-accordion-item-icon-height: 16px;--udex-accordion-item-label-icon-width: 24px;--udex-accordion-item-label-icon-height: 24px;--udex-accordion-item-content-padding:
|
|
1
|
+
{"version":3,"file":"AccordionItem.css.js","sourceRoot":"","sources":["../../../src/generated/themes/AccordionItem.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,6BAA6B,EAAE,MAAM,yDAAyD,CAAC;AAExG,OAAO,gBAAgB,MAAM,uFAAuF,CAAC;AACrH,OAAO,YAAY,MAAM,wCAAwC,CAAC;AAElE,6BAA6B,CAAC,GAAG,GAAG,KAAK,GAAG,GAAG,GAAG,uBAAuB,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,gBAAgB,CAAC,CAAC;AACxH,6BAA6B,CAAC,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC;AACxN,eAAe;CACd,CAAA","sourcesContent":["import { registerThemePropertiesLoader } from \"@ui5/webcomponents-base/dist/asset-registries/Themes.js\";\n\nimport defaultThemeBase from \"@ui5/webcomponents-theming/dist/generated/themes/sap_horizon/parameters-bundle.css.js\";\nimport defaultTheme from \"./sap_horizon/parameters-bundle.css.js\";\n\nregisterThemePropertiesLoader(\"@\" + \"ui5\" + \"/\" + \"webcomponents-theming\", \"sap_horizon\", async () => defaultThemeBase);\nregisterThemePropertiesLoader(\"@\" + \"s\" + \"a\" + \"p\" + \"u\" + \"d\" + \"e\" + \"x\" + \"/\" + \"w\" + \"e\" + \"b\" + \"-\" + \"c\" + \"o\" + \"m\" + \"p\" + \"o\" + \"n\" + \"e\" + \"n\" + \"t\" + \"s\", \"sap_horizon\", async () => defaultTheme, \"host\");\nexport default `:host{--udex-accordion-item-icon-color: var(--udexColorBlue8, #0057D2);--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-title-font-weight: var(--udexTypographyFontWeightMedium, 500);--udex-accordion-item-border-color: var(--sapShell_BorderColor, var(--udexColorGrey3));--udex-accordion-item-border-width: 1px;--udex-accordion-item-background-color: transparent;--udex-accordion-item-hover-background-color: var(--udexColorNeutralWhite0, #FFFFFF00);--udex-accordion-item-header-padding: var(--udexSpacer20, 20px) var(--udexSpacer16, 16px) var(--udexSpacer20, 20px) var(--udexSpacer16, 16px);--udex-accordion-item-icon-width: 16px;--udex-accordion-item-icon-height: 16px;--udex-accordion-item-label-icon-width: 24px;--udex-accordion-item-label-icon-height: 24px;--udex-accordion-item-content-padding: var(--udexSpacer4, 4px) var(--udexSpacer16, 16px) 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)}:host{display:block}[udex-divider]{--udex-divider-transition: border-color .3s ease-in;--udex-divider-padding: 0;--udex-divider-color: var(--udex-accordion-item-border-color)}.udex-accordion-item{list-style-type:none}.udex-accordion-item__header{display:flex;align-items:center;cursor:pointer;border:none;background:var(--udex-accordion-item-background-color);width:100%;font-family:inherit;color:var(--udex-accordion-item-headline-color);font-size:var(--udex-accordion-item-headline-font-size);gap:var(--udexSpacer12, 12px);padding:var(--udex-accordion-item-header-padding);line-height:var(--udexTypographyHeadingLineHeight, 1.1);transition:color .3s ease-in}.udex-accordion-item__header--large{font-size:var(--udex-accordion-item-headline-large-font-size)}.udex-accordion-item__header:hover{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-accordion-item__header:hover{background-color:var(--udex-accordion-item-hover-background-color)}:host([desktop]) .udex-accordion-item__header:focus,.udex-accordion-item__header:focus-visible{outline:2px solid var(--udexColorBlue10, #002A86);border-radius:var(--udexRadiusM, 8px)}.udex-accordion-item__icon:not(.udex-accordion-item__label-icon){transform:rotate(-270deg)}: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(-270deg)}.udex-accordion-item__icon{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);transition:transform .4s ease-in}.udex-accordion-item__icon-wrapper{min-width:var(--udex-accordion-item-icon-width);height:var(--udex-accordion-item-icon-height);display:inline-flex;align-items:center;justify-content:center}.udex-accordion-item__label-icon-wrapper{min-width:var(--udex-accordion-item-label-icon-width);height:var(--udex-accordion-item-label-icon-height)}.udex-accordion-item__icon-wrapper:not(.udex-accordion-item__label-icon-wrapper){margin-inline-start:auto}.udex-accordion-item__title{font-weight:var(--udex-accordion-item-title-font-weight);align-items:center;display:flex;text-align:start;min-height:18px}.udex-accordion-item__content{max-height:0;overflow:hidden;opacity:0;transition:max-height .4s ease-in,opacity .4s ease-in}.udex-accordion-item__content-inner{padding:var(--udex-accordion-item-content-padding)}.udex-accordion-item--with-title .udex-accordion-item__content-inner{padding:var(--udex-accordion-item-with-icon-content-margin)}:host([expanded]) .udex-accordion-item__content{max-height:var(--udex-accordion-item-content-max-height);opacity:1}.udex-accordion-item__badge{display:inline-flex;margin-inline-start:var(--udexSpacer8)}\n`"]}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
declare const _default: ":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 .2s ease-in;--udex-accordion-spotlight-panel-duration: .5s;--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)}}\n";
|
|
1
|
+
declare const _default: ":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 .2s ease-in;--udex-accordion-spotlight-panel-duration: .5s;--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:var(--udexZIndex1, 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)}}\n";
|
|
2
2
|
export default _default;
|
|
@@ -3,6 +3,6 @@ import defaultThemeBase from "@ui5/webcomponents-theming/dist/generated/themes/s
|
|
|
3
3
|
import defaultTheme from "./sap_horizon/parameters-bundle.css.js";
|
|
4
4
|
registerThemePropertiesLoader("@" + "ui5" + "/" + "webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
|
|
5
5
|
registerThemePropertiesLoader("@" + "s" + "a" + "p" + "u" + "d" + "e" + "x" + "/" + "w" + "e" + "b" + "-" + "c" + "o" + "m" + "p" + "o" + "n" + "e" + "n" + "t" + "s", "sap_horizon", async () => defaultTheme, "host");
|
|
6
|
-
export default `: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 .2s ease-in;--udex-accordion-spotlight-panel-duration: .5s;--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)}}
|
|
6
|
+
export default `: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 .2s ease-in;--udex-accordion-spotlight-panel-duration: .5s;--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:var(--udexZIndex1, 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)}}
|
|
7
7
|
`;
|
|
8
8
|
//# sourceMappingURL=AccordionSpotlight.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AccordionSpotlight.css.js","sourceRoot":"","sources":["../../../src/generated/themes/AccordionSpotlight.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,6BAA6B,EAAE,MAAM,yDAAyD,CAAC;AAExG,OAAO,gBAAgB,MAAM,uFAAuF,CAAC;AACrH,OAAO,YAAY,MAAM,wCAAwC,CAAC;AAElE,6BAA6B,CAAC,GAAG,GAAG,KAAK,GAAG,GAAG,GAAG,uBAAuB,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,gBAAgB,CAAC,CAAC;AACxH,6BAA6B,CAAC,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC;AACxN,eAAe;CACd,CAAA","sourcesContent":["import { registerThemePropertiesLoader } from \"@ui5/webcomponents-base/dist/asset-registries/Themes.js\";\n\nimport defaultThemeBase from \"@ui5/webcomponents-theming/dist/generated/themes/sap_horizon/parameters-bundle.css.js\";\nimport defaultTheme from \"./sap_horizon/parameters-bundle.css.js\";\n\nregisterThemePropertiesLoader(\"@\" + \"ui5\" + \"/\" + \"webcomponents-theming\", \"sap_horizon\", async () => defaultThemeBase);\nregisterThemePropertiesLoader(\"@\" + \"s\" + \"a\" + \"p\" + \"u\" + \"d\" + \"e\" + \"x\" + \"/\" + \"w\" + \"e\" + \"b\" + \"-\" + \"c\" + \"o\" + \"m\" + \"p\" + \"o\" + \"n\" + \"e\" + \"n\" + \"t\" + \"s\", \"sap_horizon\", async () => defaultTheme, \"host\");\nexport default `: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 .2s ease-in;--udex-accordion-spotlight-panel-duration: .5s;--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)}}\n`"]}
|
|
1
|
+
{"version":3,"file":"AccordionSpotlight.css.js","sourceRoot":"","sources":["../../../src/generated/themes/AccordionSpotlight.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,6BAA6B,EAAE,MAAM,yDAAyD,CAAC;AAExG,OAAO,gBAAgB,MAAM,uFAAuF,CAAC;AACrH,OAAO,YAAY,MAAM,wCAAwC,CAAC;AAElE,6BAA6B,CAAC,GAAG,GAAG,KAAK,GAAG,GAAG,GAAG,uBAAuB,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,gBAAgB,CAAC,CAAC;AACxH,6BAA6B,CAAC,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC;AACxN,eAAe;CACd,CAAA","sourcesContent":["import { registerThemePropertiesLoader } from \"@ui5/webcomponents-base/dist/asset-registries/Themes.js\";\n\nimport defaultThemeBase from \"@ui5/webcomponents-theming/dist/generated/themes/sap_horizon/parameters-bundle.css.js\";\nimport defaultTheme from \"./sap_horizon/parameters-bundle.css.js\";\n\nregisterThemePropertiesLoader(\"@\" + \"ui5\" + \"/\" + \"webcomponents-theming\", \"sap_horizon\", async () => defaultThemeBase);\nregisterThemePropertiesLoader(\"@\" + \"s\" + \"a\" + \"p\" + \"u\" + \"d\" + \"e\" + \"x\" + \"/\" + \"w\" + \"e\" + \"b\" + \"-\" + \"c\" + \"o\" + \"m\" + \"p\" + \"o\" + \"n\" + \"e\" + \"n\" + \"t\" + \"s\", \"sap_horizon\", async () => defaultTheme, \"host\");\nexport default `: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 .2s ease-in;--udex-accordion-spotlight-panel-duration: .5s;--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:var(--udexZIndex1, 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)}}\n`"]}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
declare const _default: ":host{--udex-avatar-badge-size-background-xs-and-s-and-m: 18px;--udex-avatar-badge-size-background-l: 20px;--udex-avatar-badge-size-background-xl: 28px;--udex-avatar-badge-size-icon-xs-and-s-and-m: 12px;--udex-avatar-badge-size-icon-l: 14px;--udex-avatar-badge-size-icon-xl: 16px;--udex-avatar-size-xs: 32px;--udex-avatar-size-s: 48px;--udex-avatar-size-m: 64px;--udex-avatar-size-l: 84px;--udex-avatar-size-xl: 120px;--udex-avatar-font-size-xs: 12px;--udex-avatar-font-size-s: 18px;--udex-avatar-font-size-m: 24px;--udex-avatar-font-size-l: 32px;--udex-avatar-font-size-xl: 48px;--udex-avatar-radius-xs: var(--udexRadiusXS, 4px);--udex-avatar-radius-s: var(--udexRadiusXS, 4px);--udex-avatar-radius-m: var(--udexRadiusM, 8px);--udex-avatar-radius-l: var(--udexRadiusM, 8px);--udex-avatar-radius-xl: var(--udexRadiusXL, 16px);--udex-avatar-image-default-border-color: var(--udexColorGrey2, #EAECEE);--udex-avatar-image-hover-border-color: var(--udexColorGrey7, #475E75);--udex-avatar-blue-default-background-color: var(--sapAvatar_6_Background, var(--udexColorBlue2));--udex-avatar-blue-default-border-color: var(--sapAvatar_6_Background, var(--udexColorBlue2));--udex-avatar-blue-icon-color: var(--sapAvatar_6_TextColor, var(--udexColorBlue8));--udex-avatar-blue-hover-backgound-color: var(--sapAvatar_6_Background, var(--udexColorBlue2));--udex-avatar-blue-hover-border-color: var(--sapAvatar_6_TextColor, var(--udexColorBlue8));--udex-avatar-mango-default-background-color: var(--sapAvatar_1_Background, var(--udexColorMango2));--udex-avatar-mango-default-border-color: var(--sapAvatar_1_Background, var(--udexColorMango2));--udex-avatar-mango-icon-color: var(--sapAvatar_1_TextColor, var(--udexColorMango8));--udex-avatar-mango-hover-backgound-color: var(--sapAvatar_1_Background, var(--udexColorMango2));--udex-avatar-mango-hover-border-color: var(--sapAvatar_1_TextColor, var(--udexColorMango8));--udex-avatar-red-default-background-color: var(--sapAvatar_2_Background, var(--udexColorRed2));--udex-avatar-red-default-border-color: var(--sapAvatar_2_Background, var(--udexColorRed2));--udex-avatar-red-icon-color: var(--sapAvatar_2_TextColor, var(--udexColorRed8));--udex-avatar-red-hover-backgound-color: var(--sapAvatar_2_Background, var(--udexColorRed2));--udex-avatar-red-hover-border-color: var(--sapAvatar_2_TextColor, var(--udexColorRed8));--udex-avatar-raspberry-default-background-color: var(--sapAvatar_3_Background, var(--udexColorRaspberry2));--udex-avatar-raspberry-default-border-color: var(--sapAvatar_3_Background, var(--udexColorRaspberry2));--udex-avatar-raspberry-icon-color: var(--sapAvatar_3_TextColor, var(--udexColorRaspberry8));--udex-avatar-raspberry-hover-backgound-color: var(--sapAvatar_3_Background, var(--udexColorRaspberry2));--udex-avatar-raspberry-hover-border-color: var(--sapAvatar_3_TextColor, var(--udexColorRaspberry8));--udex-avatar-pink-default-background-color: var(--sapAvatar_4_Background, var(--udexColorPink2));--udex-avatar-pink-default-border-color: var(--sapAvatar_4_Background, var(--udexColorPink2));--udex-avatar-pink-icon-color: var(--sapAvatar_4_TextColor, var(--udexColorPink8));--udex-avatar-pink-hover-backgound-color: var(--sapAvatar_4_Background, var(--udexColorPink2));--udex-avatar-pink-hover-border-color: var(--sapAvatar_4_TextColor, var(--udexColorPink8));--udex-avatar-indigo-default-background-color: var(--sapAvatar_5_Background, var(--udexColorIndigo2));--udex-avatar-indigo-default-border-color: var(--sapAvatar_5_Background, var(--udexColorIndigo2));--udex-avatar-indigo-icon-color: var(--sapAvatar_5_TextColor, var(--udexColorIndigo8));--udex-avatar-indigo-hover-backgound-color: var(--sapAvatar_5_Background, var(--udexColorIndigo2));--udex-avatar-indigo-hover-border-color: var(--sapAvatar_5_TextColor, var(--udexColorIndigo8));--udex-avatar-teal-default-background-color: var(--sapAvatar_7_Background, var(--udexColorTeal2));--udex-avatar-teal-default-border-color: var(--sapAvatar_7_Background, var(--udexColorTeal2));--udex-avatar-teal-icon-color: var(--sapAvatar_7_TextColor, var(--udexColorTeal8));--udex-avatar-teal-hover-backgound-color: var(--sapAvatar_7_Background, var(--udexColorTeal2));--udex-avatar-teal-hover-border-color: var(--sapAvatar_7_TextColor, var(--udexColorTeal8));--udex-avatar-green-default-background-color: var(--sapAvatar_8_Background, var(--udexColorGreen2));--udex-avatar-green-default-border-color: var(--sapAvatar_8_Background, var(--udexColorGreen2));--udex-avatar-green-icon-color: var(--sapAvatar_8_TextColor, var(--udexColorGreen8));--udex-avatar-green-hover-backgound-color: var(--sapAvatar_8_Background, var(--udexColorGreen2));--udex-avatar-green-hover-border-color: var(--sapAvatar_8_TextColor, var(--udexColorGreen8));--udex-avatar-grey-default-background-color: var(--sapAvatar_9_Background, var(--udexColorGrey2));--udex-avatar-grey-default-border-color: var(--sapAvatar_9_Background, var(--udexColorGrey2));--udex-avatar-grey-icon-color: var(--sapAvatar_9_TextColor, var(--udexColorGrey8));--udex-avatar-grey-hover-backgound-color: var(--sapAvatar_9_Background, var(--udexColorGrey2));--udex-avatar-grey-hover-border-color: var(--sapAvatar_9_TextColor, var(--udexColorGrey8));--udex-avatar-transparent-default-background-color: hsla(0, 0%, 0%, 0);--udex-avatar-transparent-default-border-color: hsla(0, 0%, 0%, 0);--udex-avatar-transparent-default-icon-color: var(--udexColorGrey9, #223548);--udex-avatar-transparent-hover-backgound-color: hsla(0, 0%, 0%, 0);--udex-avatar-transparent-hover-border-color: var(--udexColorGrey9, #223548);--udex-avatar-transparent-hover-icon-color: var(--udexColorGrey9, #223548);--udex-avatar-neutral-default-background-color: var(--sapAvatar_10_Background, var(--udexColorNeuturalWhite));--udex-avatar-neutral-default-border-color: var(--sapAvatar_10_BorderColor, var(--udexColorGrey3));--udex-avatar-neutral-default-icon-color: var(--sapAvatar_10_TextColor , #0070F2);--udex-avatar-neutral-hover-backgound-color: var(--sapAvatar_10_Background, var(--udexColorNeuturalWhite));--udex-avatar-neutral-hover-border-color: var(--udexColorGrey5, #8396a8);--udex-avatar-neutral-hover-icon-color: var(--sapAvatar_10_TextColor, #0070F2);--udex-avatar-neutral-active-border-color: var(--udexColorBlue9, #0040B0);--udex-avatar-neutral-active-background-color: var(--sapAvatar_10_Background, var(--udexColorNeuturalWhite));--udex-avatar-neutral-active-icon-color: var(--udexColorBlue9, #0040B0)}:host([disabled]){pointer-events:none}:host([shape=\"Square\"]) .udex-avatar{border-radius:var(--udex-avatar-radius-s)}:host{font-family:var(--sapFontFamily, sans-serif);font-size:var(--sapFontSize, 16px);display:inline-flex}:host([hidden]){display:none}:host([interactive]) .udex-avatar:hover{box-shadow:none}::slotted(*){pointer-events:none}:host([color-scheme]) .udex-avatar.udex-avatar--with-image{background-color:#0000;border-color:var(--udex-avatar-image-default-border-color)}.udex-avatar ::slotted([slot=\"badge\"]){display:flex;justify-content:center;align-items:center;bottom:0;right:0;pointer-events:all}:host([size=\"XS\"]) .udex-avatar ::slotted([slot=\"badge\"]){width:var(--udex-avatar-badge-size-background-xs-and-s-and-m);height:var(--udex-avatar-badge-size-background-xs-and-s-and-m);font-size:var(--udex-avatar-badge-size-icon-xs-and-s-and-m);padding:3px}:host([size=\"S\"]) .udex-avatar ::slotted([slot=\"badge\"]){width:var(--udex-avatar-badge-size-background-xs-and-s-and-m);height:var(--udex-avatar-badge-size-background-xs-and-s-and-m);font-size:var(--udex-avatar-badge-size-icon-xs-and-s-and-m);padding:3px}:host([size=\"M\"]) .udex-avatar ::slotted([slot=\"badge\"]){width:var(--udex-avatar-badge-size-background-xs-and-s-and-m);height:var(--udex-avatar-badge-size-background-xs-and-s-and-m);font-size:var(--udex-avatar-badge-size-icon-xs-and-s-and-m);padding:3px}:host([size=\"L\"]) .udex-avatar ::slotted([slot=\"badge\"]){width:var(--udex-avatar-badge-size-background-l);height:var(--udex-avatar-badge-size-background-l);font-size:var(--udex-avatar-badge-size-icon-l);padding:3px}:host([size=\"XL\"]) .udex-avatar ::slotted([slot=\"badge\"]){width:var(--udex-avatar-badge-size-background-xl);height:var(--udex-avatar-badge-size-background-xl);font-size:var(--udex-avatar-badge-size-icon-xl);padding:6px}:host([show-attention-badge][size=\"XS\"]) .udex-avatar:before{position:absolute;content:\"\";inset-block-start:0;inset-inline-end:0;z-index:1;width:6px;height:6px;border:1px solid #fff;border-radius:50%;background-color:var(--udexColorRed7)}:host([size=\"XS\"]) .udex-avatar{width:var(--udex-avatar-size-xs);height:var(--udex-avatar-size-xs);font-size:var(--udex-avatar-font-size-xs)}:host([size=\"S\"]) .udex-avatar{width:var(--udex-avatar-size-s);height:var(--udex-avatar-size-s);font-size:var(--udex-avatar-font-size-s)}:host([size=\"M\"]) .udex-avatar{width:var(--udex-avatar-size-m);height:var(--udex-avatar-size-m);font-size:var(--udex-avatar-font-size-m)}:host([size=\"L\"]) .udex-avatar{width:var(--udex-avatar-size-l);height:var(--udex-avatar-size-l);font-size:var(--udex-avatar-font-size-l)}:host([size=\"XL\"]) .udex-avatar{width:var(--udex-avatar-size-xl);height:var(--udex-avatar-size-xl);font-size:var(--udex-avatar-font-size-xl)}:host([size=\"XS\"][shape=\"Square\"]) .udex-avatar{border-radius:var(--udex-avatar-radius-xs)}:host([size=\"XS\"][shape=\"Square\"]) .udex-avatar ::slotted(*:not([slot=\"badge\"])){border-radius:var(--udex-avatar-radius-xs)}:host([size=\"S\"][shape=\"Square\"]) .udex-avatar{border-radius:var(--udex-avatar-radius-s)}:host([size=\"S\"][shape=\"Square\"]) .udex-avatar ::slotted(*:not([slot=\"badge\"])){border-radius:var(--udex-avatar-radius-s)}:host([size=\"M\"][shape=\"Square\"]) .udex-avatar{border-radius:var(--udex-avatar-radius-m)}:host([size=\"M\"][shape=\"Square\"]) .udex-avatar ::slotted(*:not([slot=\"badge\"])){border-radius:var(--udex-avatar-radius-m)}:host([size=\"L\"][shape=\"Square\"]) .udex-avatar{border-radius:var(--udex-avatar-radius-l)}:host([size=\"L\"][shape=\"Square\"]) .udex-avatar ::slotted(*:not([slot=\"badge\"])){border-radius:var(--udex-avatar-radius-l)}:host([size=\"XL\"][shape=\"Square\"]) .udex-avatar{border-radius:var(--udex-avatar-radius-xl)}:host([size=\"XL\"][shape=\"Square\"]) .udex-avatar ::slotted(*:not([slot=\"badge\"])){border-radius:var(--udex-avatar-radius-xl)}:host([color-scheme=\"Blue\"]) .udex-avatar{background-color:var(--udex-avatar-blue-default-background-color);color:var(--udex-avatar-blue-icon-color);border-color:var(--udex-avatar-blue-default-border-color)}:host([hover][color-scheme=\"Blue\"]) .udex-avatar,:host([color-scheme=\"Blue\"][interactive]) .udex-avatar:hover{background-color:var(--udex-avatar-blue-default-background-color);border-color:var(--udex-avatar-blue-hover-border-color);color:var(--udex-avatar-blue-icon-color)}:host([color-scheme=\"Mango\"]) .udex-avatar{background-color:var(--udex-avatar-mango-default-background-color);color:var(--udex-avatar-mango-icon-color);border-color:var(--udex-avatar-mango-default-border-color)}:host([hover][color-scheme=\"Mango\"]) .udex-avatar,:host([color-scheme=\"Mango\"][interactive]) .udex-avatar:hover{background-color:var(--udex-avatar-mango-default-background-color);border-color:var(--udex-avatar-mango-hover-border-color);color:var(--udex-avatar-mango-icon-color)}:host([disabled]) .udex-avatar:hover{border:0}:host([color-scheme=\"Red\"]) .udex-avatar{background-color:var(--udex-avatar-red-default-background-color);color:var(--udex-avatar-red-icon-color);border-color:var(--udex-avatar-red-default-border-color)}:host([hover][color-scheme=\"Red\"]) .udex-avatar,:host([color-scheme=\"Red\"][interactive]) .udex-avatar:hover{background-color:var(--udex-avatar-red-default-background-color);border-color:var(--udex-avatar-red-hover-border-color);color:var(--udex-avatar-red-icon-color)}:host([color-scheme=\"Raspberry\"]) .udex-avatar{background-color:var(--udex-avatar-raspberry-default-background-color);color:var(--udex-avatar-raspberry-icon-color);border-color:var(--udex-avatar-raspberry-default-border-color)}:host([hover][color-scheme=\"Raspberry\"]) .udex-avatar,:host([color-scheme=\"Raspberry\"][interactive]) .udex-avatar:hover{background-color:var(--udex-avatar-raspberry-default-background-color);border-color:var(--udex-avatar-raspberry-hover-border-color);color:var(--udex-avatar-raspberry-icon-color)}:host([color-scheme=\"Pink\"]) .udex-avatar{background-color:var(--udex-avatar-pink-default-background-color);color:var(--udex-avatar-pink-icon-color);border-color:var(--udex-avatar-pink-default-border-color)}:host([hover][color-scheme=\"Pink\"]) .udex-avatar,:host([color-scheme=\"Pink\"][interactive]) .udex-avatar:hover{background-color:var(--udex-avatar-pink-default-background-color);border-color:var(--udex-avatar-pink-hover-border-color);color:var(--udex-avatar-pink-icon-color)}:host([color-scheme=\"Indigo\"]) .udex-avatar{background-color:var(--udex-avatar-indigo-default-background-color);color:var(--udex-avatar-indigo-icon-color);border-color:var(--udex-avatar-indigo-default-border-color)}:host([hover][color-scheme=\"Indigo\"]) .udex-avatar,:host([color-scheme=\"Indigo\"][interactive]) .udex-avatar:hover{background-color:var(--udex-avatar-indigo-default-background-color);border-color:var(--udex-avatar-indigo-hover-border-color);color:var(--udex-avatar-indigo-icon-color)}:host([color-scheme=\"Teal\"]) .udex-avatar{background-color:var(--udex-avatar-teal-default-background-color);color:var(--udex-avatar-teal-icon-color);border-color:var(--udex-avatar-teal-default-border-color)}:host([hover][color-scheme=\"Teal\"]) .udex-avatar,:host([color-scheme=\"Teal\"][interactive]) .udex-avatar:hover{background-color:var(--udex-avatar-teal-default-background-color);border-color:var(--udex-avatar-teal-hover-border-color);color:var(--udex-avatar-teal-icon-color)}:host([color-scheme=\"Green\"]) .udex-avatar{background-color:var(--udex-avatar-green-default-background-color);color:var(--udex-avatar-green-icon-color);border-color:var(--udex-avatar-green-default-border-color)}:host([hover][color-scheme=\"Green\"]) .udex-avatar,:host([color-scheme=\"Green\"][interactive]) .udex-avatar:hover{background-color:var(--udex-avatar-green-default-background-color);border-color:var(--udex-avatar-green-hover-border-color);color:var(--udex-avatar-green-icon-color)}:host([color-scheme=\"Grey\"]) .udex-avatar{background-color:var(--udex-avatar-grey-default-background-color);color:var(--udex-avatar-grey-icon-color);border-color:var(--udex-avatar-grey-default-border-color)}:host([hover][color-scheme=\"Grey\"]) .udex-avatar,:host([color-scheme=\"Grey\"][interactive]) .udex-avatar:hover{background-color:var(--udex-avatar-grey-default-background-color);border-color:var(--udex-avatar-grey-hover-border-color);color:var(--udex-avatar-grey-icon-color)}:host([color-scheme=\"Transparent\"]) .udex-avatar{background-color:var(--udex-avatar-transparent-default-background-color);color:var(--udex-avatar-transparent-default-icon-color);border-color:var(--udex-avatar-transparent-default-border-color)}:host([hover][color-scheme=\"Transparent\"]) .udex-avatar,:host([color-scheme=\"Transparent\"][interactive]) .udex-avatar:hover{background-color:var(--udex-avatar-transparent-default-background-color);border-color:var(--udex-avatar-transparent-hover-border-color);color:var(--udex-avatar-transparent-default-icon-color)}:host([color-scheme=\"Neutral\"]) .udex-avatar{background-color:var(--udex-avatar-neutral-default-background-color);color:var(--udex-avatar-neutral-default-icon-color);border-color:var(--udex-avatar-neutral-default-border-color)}:host([hover][color-scheme=\"Neutral\"]) .udex-avatar,:host([color-scheme=\"Neutral\"][interactive]) .udex-avatar:hover{background-color:var(--udex-avatar-neutral-default-background-color);border-color:var(--udex-avatar-neutral-hover-border-color);color:var(--udex-avatar-neutral-default-icon-color)}:host([hover]) .udex-avatar.udex-avatar--with-image,:host([color-scheme][interactive]) .udex-avatar.udex-avatar--with-image:hover{border-color:var(--udex-avatar-image-hover-border-color);background-color:#0000}:host([interactive]:not([hidden])) .udex-avatar:active,:host([interactive]:not([hidden])) .udex-avatar.udex-avatar--with-image:active{border-color:var(--udex-avatar-neutral-active-border-color);background-color:var(--udex-avatar-neutral-active-background-color);color:var(--udex-avatar-neutral-active-icon-color)}\n";
|
|
1
|
+
declare const _default: ":host{--udex-avatar-badge-size-background-xs-and-s-and-m: 18px;--udex-avatar-badge-size-background-l: 20px;--udex-avatar-badge-size-background-xl: 28px;--udex-avatar-badge-size-icon-xs-and-s-and-m: 12px;--udex-avatar-badge-size-icon-l: 14px;--udex-avatar-badge-size-icon-xl: 16px;--udex-avatar-size-xs: 32px;--udex-avatar-size-s: 48px;--udex-avatar-size-m: 64px;--udex-avatar-size-l: 84px;--udex-avatar-size-xl: 120px;--udex-avatar-font-size-xs: 12px;--udex-avatar-font-size-s: 18px;--udex-avatar-font-size-m: 24px;--udex-avatar-font-size-l: 32px;--udex-avatar-font-size-xl: 48px;--udex-avatar-radius-xs: var(--udexRadiusXS, 4px);--udex-avatar-radius-s: var(--udexRadiusXS, 4px);--udex-avatar-radius-m: var(--udexRadiusM, 8px);--udex-avatar-radius-l: var(--udexRadiusM, 8px);--udex-avatar-radius-xl: var(--udexRadiusXL, 16px);--udex-avatar-image-default-border-color: var(--udexColorGrey2, #EAECEE);--udex-avatar-image-hover-border-color: var(--udexColorGrey7, #475E75);--udex-avatar-blue-default-background-color: var(--sapAvatar_6_Background, var(--udexColorBlue2));--udex-avatar-blue-default-border-color: var(--sapAvatar_6_Background, var(--udexColorBlue2));--udex-avatar-blue-icon-color: var(--sapAvatar_6_TextColor, var(--udexColorBlue8));--udex-avatar-blue-hover-backgound-color: var(--sapAvatar_6_Background, var(--udexColorBlue2));--udex-avatar-blue-hover-border-color: var(--sapAvatar_6_TextColor, var(--udexColorBlue8));--udex-avatar-mango-default-background-color: var(--sapAvatar_1_Background, var(--udexColorMango2));--udex-avatar-mango-default-border-color: var(--sapAvatar_1_Background, var(--udexColorMango2));--udex-avatar-mango-icon-color: var(--sapAvatar_1_TextColor, var(--udexColorMango8));--udex-avatar-mango-hover-backgound-color: var(--sapAvatar_1_Background, var(--udexColorMango2));--udex-avatar-mango-hover-border-color: var(--sapAvatar_1_TextColor, var(--udexColorMango8));--udex-avatar-red-default-background-color: var(--sapAvatar_2_Background, var(--udexColorRed2));--udex-avatar-red-default-border-color: var(--sapAvatar_2_Background, var(--udexColorRed2));--udex-avatar-red-icon-color: var(--sapAvatar_2_TextColor, var(--udexColorRed8));--udex-avatar-red-hover-backgound-color: var(--sapAvatar_2_Background, var(--udexColorRed2));--udex-avatar-red-hover-border-color: var(--sapAvatar_2_TextColor, var(--udexColorRed8));--udex-avatar-raspberry-default-background-color: var(--sapAvatar_3_Background, var(--udexColorRaspberry2));--udex-avatar-raspberry-default-border-color: var(--sapAvatar_3_Background, var(--udexColorRaspberry2));--udex-avatar-raspberry-icon-color: var(--sapAvatar_3_TextColor, var(--udexColorRaspberry8));--udex-avatar-raspberry-hover-backgound-color: var(--sapAvatar_3_Background, var(--udexColorRaspberry2));--udex-avatar-raspberry-hover-border-color: var(--sapAvatar_3_TextColor, var(--udexColorRaspberry8));--udex-avatar-pink-default-background-color: var(--sapAvatar_4_Background, var(--udexColorPink2));--udex-avatar-pink-default-border-color: var(--sapAvatar_4_Background, var(--udexColorPink2));--udex-avatar-pink-icon-color: var(--sapAvatar_4_TextColor, var(--udexColorPink8));--udex-avatar-pink-hover-backgound-color: var(--sapAvatar_4_Background, var(--udexColorPink2));--udex-avatar-pink-hover-border-color: var(--sapAvatar_4_TextColor, var(--udexColorPink8));--udex-avatar-indigo-default-background-color: var(--sapAvatar_5_Background, var(--udexColorIndigo2));--udex-avatar-indigo-default-border-color: var(--sapAvatar_5_Background, var(--udexColorIndigo2));--udex-avatar-indigo-icon-color: var(--sapAvatar_5_TextColor, var(--udexColorIndigo8));--udex-avatar-indigo-hover-backgound-color: var(--sapAvatar_5_Background, var(--udexColorIndigo2));--udex-avatar-indigo-hover-border-color: var(--sapAvatar_5_TextColor, var(--udexColorIndigo8));--udex-avatar-teal-default-background-color: var(--sapAvatar_7_Background, var(--udexColorTeal2));--udex-avatar-teal-default-border-color: var(--sapAvatar_7_Background, var(--udexColorTeal2));--udex-avatar-teal-icon-color: var(--sapAvatar_7_TextColor, var(--udexColorTeal8));--udex-avatar-teal-hover-backgound-color: var(--sapAvatar_7_Background, var(--udexColorTeal2));--udex-avatar-teal-hover-border-color: var(--sapAvatar_7_TextColor, var(--udexColorTeal8));--udex-avatar-green-default-background-color: var(--sapAvatar_8_Background, var(--udexColorGreen2));--udex-avatar-green-default-border-color: var(--sapAvatar_8_Background, var(--udexColorGreen2));--udex-avatar-green-icon-color: var(--sapAvatar_8_TextColor, var(--udexColorGreen8));--udex-avatar-green-hover-backgound-color: var(--sapAvatar_8_Background, var(--udexColorGreen2));--udex-avatar-green-hover-border-color: var(--sapAvatar_8_TextColor, var(--udexColorGreen8));--udex-avatar-grey-default-background-color: var(--sapAvatar_9_Background, var(--udexColorGrey2));--udex-avatar-grey-default-border-color: var(--sapAvatar_9_Background, var(--udexColorGrey2));--udex-avatar-grey-icon-color: var(--sapAvatar_9_TextColor, var(--udexColorGrey8));--udex-avatar-grey-hover-backgound-color: var(--sapAvatar_9_Background, var(--udexColorGrey2));--udex-avatar-grey-hover-border-color: var(--sapAvatar_9_TextColor, var(--udexColorGrey8));--udex-avatar-transparent-default-background-color: hsla(0, 0%, 0%, 0);--udex-avatar-transparent-default-border-color: hsla(0, 0%, 0%, 0);--udex-avatar-transparent-default-icon-color: var(--udexColorGrey9, #223548);--udex-avatar-transparent-hover-backgound-color: hsla(0, 0%, 0%, 0);--udex-avatar-transparent-hover-border-color: var(--udexColorGrey9, #223548);--udex-avatar-transparent-hover-icon-color: var(--udexColorGrey9, #223548);--udex-avatar-neutral-default-background-color: var(--sapAvatar_10_Background, var(--udexColorNeuturalWhite));--udex-avatar-neutral-default-border-color: var(--sapAvatar_10_BorderColor, var(--udexColorGrey3));--udex-avatar-neutral-default-icon-color: var(--sapAvatar_10_TextColor , #0070F2);--udex-avatar-neutral-hover-backgound-color: var(--sapAvatar_10_Background, var(--udexColorNeuturalWhite));--udex-avatar-neutral-hover-border-color: var(--udexColorGrey5, #8396a8);--udex-avatar-neutral-hover-icon-color: var(--sapAvatar_10_TextColor, #0070F2);--udex-avatar-neutral-active-border-color: var(--udexColorBlue9, #0040B0);--udex-avatar-neutral-active-background-color: var(--sapAvatar_10_Background, var(--udexColorNeuturalWhite));--udex-avatar-neutral-active-icon-color: var(--udexColorBlue9, #0040B0)}:host([disabled]){pointer-events:none}:host([shape=\"Square\"]) .udex-avatar{border-radius:var(--udex-avatar-radius-s)}:host{font-family:var(--sapFontFamily, sans-serif);font-size:var(--sapFontSize, 16px);display:inline-flex}:host([hidden]){display:none}:host([interactive]) .udex-avatar:hover{box-shadow:none}::slotted(*){pointer-events:none}:host([color-scheme]) .udex-avatar.udex-avatar--with-image{background-color:#0000;border-color:var(--udex-avatar-image-default-border-color)}.udex-avatar ::slotted([slot=\"badge\"]){display:flex;justify-content:center;align-items:center;bottom:0;right:0;pointer-events:all}:host([size=\"XS\"]) .udex-avatar ::slotted([slot=\"badge\"]){width:var(--udex-avatar-badge-size-background-xs-and-s-and-m);height:var(--udex-avatar-badge-size-background-xs-and-s-and-m);font-size:var(--udex-avatar-badge-size-icon-xs-and-s-and-m);padding:3px}:host([size=\"S\"]) .udex-avatar ::slotted([slot=\"badge\"]){width:var(--udex-avatar-badge-size-background-xs-and-s-and-m);height:var(--udex-avatar-badge-size-background-xs-and-s-and-m);font-size:var(--udex-avatar-badge-size-icon-xs-and-s-and-m);padding:3px}:host([size=\"M\"]) .udex-avatar ::slotted([slot=\"badge\"]){width:var(--udex-avatar-badge-size-background-xs-and-s-and-m);height:var(--udex-avatar-badge-size-background-xs-and-s-and-m);font-size:var(--udex-avatar-badge-size-icon-xs-and-s-and-m);padding:3px}:host([size=\"L\"]) .udex-avatar ::slotted([slot=\"badge\"]){width:var(--udex-avatar-badge-size-background-l);height:var(--udex-avatar-badge-size-background-l);font-size:var(--udex-avatar-badge-size-icon-l);padding:3px}:host([size=\"XL\"]) .udex-avatar ::slotted([slot=\"badge\"]){width:var(--udex-avatar-badge-size-background-xl);height:var(--udex-avatar-badge-size-background-xl);font-size:var(--udex-avatar-badge-size-icon-xl);padding:6px}:host([show-attention-badge][size=\"XS\"]) .udex-avatar:before{position:absolute;content:\"\";inset-block-start:0;inset-inline-end:0;z-index:var(--udexZIndex1, 1);width:6px;height:6px;border:1px solid #fff;border-radius:50%;background-color:var(--udexColorRed7)}:host([size=\"XS\"]) .udex-avatar{width:var(--udex-avatar-size-xs);height:var(--udex-avatar-size-xs);font-size:var(--udex-avatar-font-size-xs)}:host([size=\"S\"]) .udex-avatar{width:var(--udex-avatar-size-s);height:var(--udex-avatar-size-s);font-size:var(--udex-avatar-font-size-s)}:host([size=\"M\"]) .udex-avatar{width:var(--udex-avatar-size-m);height:var(--udex-avatar-size-m);font-size:var(--udex-avatar-font-size-m)}:host([size=\"L\"]) .udex-avatar{width:var(--udex-avatar-size-l);height:var(--udex-avatar-size-l);font-size:var(--udex-avatar-font-size-l)}:host([size=\"XL\"]) .udex-avatar{width:var(--udex-avatar-size-xl);height:var(--udex-avatar-size-xl);font-size:var(--udex-avatar-font-size-xl)}:host([size=\"XS\"][shape=\"Square\"]) .udex-avatar{border-radius:var(--udex-avatar-radius-xs)}:host([size=\"XS\"][shape=\"Square\"]) .udex-avatar ::slotted(*:not([slot=\"badge\"])){border-radius:var(--udex-avatar-radius-xs)}:host([size=\"S\"][shape=\"Square\"]) .udex-avatar{border-radius:var(--udex-avatar-radius-s)}:host([size=\"S\"][shape=\"Square\"]) .udex-avatar ::slotted(*:not([slot=\"badge\"])){border-radius:var(--udex-avatar-radius-s)}:host([size=\"M\"][shape=\"Square\"]) .udex-avatar{border-radius:var(--udex-avatar-radius-m)}:host([size=\"M\"][shape=\"Square\"]) .udex-avatar ::slotted(*:not([slot=\"badge\"])){border-radius:var(--udex-avatar-radius-m)}:host([size=\"L\"][shape=\"Square\"]) .udex-avatar{border-radius:var(--udex-avatar-radius-l)}:host([size=\"L\"][shape=\"Square\"]) .udex-avatar ::slotted(*:not([slot=\"badge\"])){border-radius:var(--udex-avatar-radius-l)}:host([size=\"XL\"][shape=\"Square\"]) .udex-avatar{border-radius:var(--udex-avatar-radius-xl)}:host([size=\"XL\"][shape=\"Square\"]) .udex-avatar ::slotted(*:not([slot=\"badge\"])){border-radius:var(--udex-avatar-radius-xl)}:host([color-scheme=\"Blue\"]) .udex-avatar{background-color:var(--udex-avatar-blue-default-background-color);color:var(--udex-avatar-blue-icon-color);border-color:var(--udex-avatar-blue-default-border-color)}:host([hover][color-scheme=\"Blue\"]) .udex-avatar,:host([color-scheme=\"Blue\"][interactive]) .udex-avatar:hover{background-color:var(--udex-avatar-blue-default-background-color);border-color:var(--udex-avatar-blue-hover-border-color);color:var(--udex-avatar-blue-icon-color)}:host([color-scheme=\"Mango\"]) .udex-avatar{background-color:var(--udex-avatar-mango-default-background-color);color:var(--udex-avatar-mango-icon-color);border-color:var(--udex-avatar-mango-default-border-color)}:host([hover][color-scheme=\"Mango\"]) .udex-avatar,:host([color-scheme=\"Mango\"][interactive]) .udex-avatar:hover{background-color:var(--udex-avatar-mango-default-background-color);border-color:var(--udex-avatar-mango-hover-border-color);color:var(--udex-avatar-mango-icon-color)}:host([disabled]) .udex-avatar:hover{border:0}:host([color-scheme=\"Red\"]) .udex-avatar{background-color:var(--udex-avatar-red-default-background-color);color:var(--udex-avatar-red-icon-color);border-color:var(--udex-avatar-red-default-border-color)}:host([hover][color-scheme=\"Red\"]) .udex-avatar,:host([color-scheme=\"Red\"][interactive]) .udex-avatar:hover{background-color:var(--udex-avatar-red-default-background-color);border-color:var(--udex-avatar-red-hover-border-color);color:var(--udex-avatar-red-icon-color)}:host([color-scheme=\"Raspberry\"]) .udex-avatar{background-color:var(--udex-avatar-raspberry-default-background-color);color:var(--udex-avatar-raspberry-icon-color);border-color:var(--udex-avatar-raspberry-default-border-color)}:host([hover][color-scheme=\"Raspberry\"]) .udex-avatar,:host([color-scheme=\"Raspberry\"][interactive]) .udex-avatar:hover{background-color:var(--udex-avatar-raspberry-default-background-color);border-color:var(--udex-avatar-raspberry-hover-border-color);color:var(--udex-avatar-raspberry-icon-color)}:host([color-scheme=\"Pink\"]) .udex-avatar{background-color:var(--udex-avatar-pink-default-background-color);color:var(--udex-avatar-pink-icon-color);border-color:var(--udex-avatar-pink-default-border-color)}:host([hover][color-scheme=\"Pink\"]) .udex-avatar,:host([color-scheme=\"Pink\"][interactive]) .udex-avatar:hover{background-color:var(--udex-avatar-pink-default-background-color);border-color:var(--udex-avatar-pink-hover-border-color);color:var(--udex-avatar-pink-icon-color)}:host([color-scheme=\"Indigo\"]) .udex-avatar{background-color:var(--udex-avatar-indigo-default-background-color);color:var(--udex-avatar-indigo-icon-color);border-color:var(--udex-avatar-indigo-default-border-color)}:host([hover][color-scheme=\"Indigo\"]) .udex-avatar,:host([color-scheme=\"Indigo\"][interactive]) .udex-avatar:hover{background-color:var(--udex-avatar-indigo-default-background-color);border-color:var(--udex-avatar-indigo-hover-border-color);color:var(--udex-avatar-indigo-icon-color)}:host([color-scheme=\"Teal\"]) .udex-avatar{background-color:var(--udex-avatar-teal-default-background-color);color:var(--udex-avatar-teal-icon-color);border-color:var(--udex-avatar-teal-default-border-color)}:host([hover][color-scheme=\"Teal\"]) .udex-avatar,:host([color-scheme=\"Teal\"][interactive]) .udex-avatar:hover{background-color:var(--udex-avatar-teal-default-background-color);border-color:var(--udex-avatar-teal-hover-border-color);color:var(--udex-avatar-teal-icon-color)}:host([color-scheme=\"Green\"]) .udex-avatar{background-color:var(--udex-avatar-green-default-background-color);color:var(--udex-avatar-green-icon-color);border-color:var(--udex-avatar-green-default-border-color)}:host([hover][color-scheme=\"Green\"]) .udex-avatar,:host([color-scheme=\"Green\"][interactive]) .udex-avatar:hover{background-color:var(--udex-avatar-green-default-background-color);border-color:var(--udex-avatar-green-hover-border-color);color:var(--udex-avatar-green-icon-color)}:host([color-scheme=\"Grey\"]) .udex-avatar{background-color:var(--udex-avatar-grey-default-background-color);color:var(--udex-avatar-grey-icon-color);border-color:var(--udex-avatar-grey-default-border-color)}:host([hover][color-scheme=\"Grey\"]) .udex-avatar,:host([color-scheme=\"Grey\"][interactive]) .udex-avatar:hover{background-color:var(--udex-avatar-grey-default-background-color);border-color:var(--udex-avatar-grey-hover-border-color);color:var(--udex-avatar-grey-icon-color)}:host([color-scheme=\"Transparent\"]) .udex-avatar{background-color:var(--udex-avatar-transparent-default-background-color);color:var(--udex-avatar-transparent-default-icon-color);border-color:var(--udex-avatar-transparent-default-border-color)}:host([hover][color-scheme=\"Transparent\"]) .udex-avatar,:host([color-scheme=\"Transparent\"][interactive]) .udex-avatar:hover{background-color:var(--udex-avatar-transparent-default-background-color);border-color:var(--udex-avatar-transparent-hover-border-color);color:var(--udex-avatar-transparent-default-icon-color)}:host([color-scheme=\"Neutral\"]) .udex-avatar{background-color:var(--udex-avatar-neutral-default-background-color);color:var(--udex-avatar-neutral-default-icon-color);border-color:var(--udex-avatar-neutral-default-border-color)}:host([hover][color-scheme=\"Neutral\"]) .udex-avatar,:host([color-scheme=\"Neutral\"][interactive]) .udex-avatar:hover{background-color:var(--udex-avatar-neutral-default-background-color);border-color:var(--udex-avatar-neutral-hover-border-color);color:var(--udex-avatar-neutral-default-icon-color)}:host([hover]) .udex-avatar.udex-avatar--with-image,:host([color-scheme][interactive]) .udex-avatar.udex-avatar--with-image:hover{border-color:var(--udex-avatar-image-hover-border-color);background-color:#0000}:host([interactive]:not([hidden])) .udex-avatar:active,:host([interactive]:not([hidden])) .udex-avatar.udex-avatar--with-image:active{border-color:var(--udex-avatar-neutral-active-border-color);background-color:var(--udex-avatar-neutral-active-background-color);color:var(--udex-avatar-neutral-active-icon-color)}\n";
|
|
2
2
|
export default _default;
|
|
@@ -3,6 +3,6 @@ import defaultThemeBase from "@ui5/webcomponents-theming/dist/generated/themes/s
|
|
|
3
3
|
import defaultTheme from "./sap_horizon/parameters-bundle.css.js";
|
|
4
4
|
registerThemePropertiesLoader("@" + "ui5" + "/" + "webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
|
|
5
5
|
registerThemePropertiesLoader("@" + "s" + "a" + "p" + "u" + "d" + "e" + "x" + "/" + "w" + "e" + "b" + "-" + "c" + "o" + "m" + "p" + "o" + "n" + "e" + "n" + "t" + "s", "sap_horizon", async () => defaultTheme, "host");
|
|
6
|
-
export default `:host{--udex-avatar-badge-size-background-xs-and-s-and-m: 18px;--udex-avatar-badge-size-background-l: 20px;--udex-avatar-badge-size-background-xl: 28px;--udex-avatar-badge-size-icon-xs-and-s-and-m: 12px;--udex-avatar-badge-size-icon-l: 14px;--udex-avatar-badge-size-icon-xl: 16px;--udex-avatar-size-xs: 32px;--udex-avatar-size-s: 48px;--udex-avatar-size-m: 64px;--udex-avatar-size-l: 84px;--udex-avatar-size-xl: 120px;--udex-avatar-font-size-xs: 12px;--udex-avatar-font-size-s: 18px;--udex-avatar-font-size-m: 24px;--udex-avatar-font-size-l: 32px;--udex-avatar-font-size-xl: 48px;--udex-avatar-radius-xs: var(--udexRadiusXS, 4px);--udex-avatar-radius-s: var(--udexRadiusXS, 4px);--udex-avatar-radius-m: var(--udexRadiusM, 8px);--udex-avatar-radius-l: var(--udexRadiusM, 8px);--udex-avatar-radius-xl: var(--udexRadiusXL, 16px);--udex-avatar-image-default-border-color: var(--udexColorGrey2, #EAECEE);--udex-avatar-image-hover-border-color: var(--udexColorGrey7, #475E75);--udex-avatar-blue-default-background-color: var(--sapAvatar_6_Background, var(--udexColorBlue2));--udex-avatar-blue-default-border-color: var(--sapAvatar_6_Background, var(--udexColorBlue2));--udex-avatar-blue-icon-color: var(--sapAvatar_6_TextColor, var(--udexColorBlue8));--udex-avatar-blue-hover-backgound-color: var(--sapAvatar_6_Background, var(--udexColorBlue2));--udex-avatar-blue-hover-border-color: var(--sapAvatar_6_TextColor, var(--udexColorBlue8));--udex-avatar-mango-default-background-color: var(--sapAvatar_1_Background, var(--udexColorMango2));--udex-avatar-mango-default-border-color: var(--sapAvatar_1_Background, var(--udexColorMango2));--udex-avatar-mango-icon-color: var(--sapAvatar_1_TextColor, var(--udexColorMango8));--udex-avatar-mango-hover-backgound-color: var(--sapAvatar_1_Background, var(--udexColorMango2));--udex-avatar-mango-hover-border-color: var(--sapAvatar_1_TextColor, var(--udexColorMango8));--udex-avatar-red-default-background-color: var(--sapAvatar_2_Background, var(--udexColorRed2));--udex-avatar-red-default-border-color: var(--sapAvatar_2_Background, var(--udexColorRed2));--udex-avatar-red-icon-color: var(--sapAvatar_2_TextColor, var(--udexColorRed8));--udex-avatar-red-hover-backgound-color: var(--sapAvatar_2_Background, var(--udexColorRed2));--udex-avatar-red-hover-border-color: var(--sapAvatar_2_TextColor, var(--udexColorRed8));--udex-avatar-raspberry-default-background-color: var(--sapAvatar_3_Background, var(--udexColorRaspberry2));--udex-avatar-raspberry-default-border-color: var(--sapAvatar_3_Background, var(--udexColorRaspberry2));--udex-avatar-raspberry-icon-color: var(--sapAvatar_3_TextColor, var(--udexColorRaspberry8));--udex-avatar-raspberry-hover-backgound-color: var(--sapAvatar_3_Background, var(--udexColorRaspberry2));--udex-avatar-raspberry-hover-border-color: var(--sapAvatar_3_TextColor, var(--udexColorRaspberry8));--udex-avatar-pink-default-background-color: var(--sapAvatar_4_Background, var(--udexColorPink2));--udex-avatar-pink-default-border-color: var(--sapAvatar_4_Background, var(--udexColorPink2));--udex-avatar-pink-icon-color: var(--sapAvatar_4_TextColor, var(--udexColorPink8));--udex-avatar-pink-hover-backgound-color: var(--sapAvatar_4_Background, var(--udexColorPink2));--udex-avatar-pink-hover-border-color: var(--sapAvatar_4_TextColor, var(--udexColorPink8));--udex-avatar-indigo-default-background-color: var(--sapAvatar_5_Background, var(--udexColorIndigo2));--udex-avatar-indigo-default-border-color: var(--sapAvatar_5_Background, var(--udexColorIndigo2));--udex-avatar-indigo-icon-color: var(--sapAvatar_5_TextColor, var(--udexColorIndigo8));--udex-avatar-indigo-hover-backgound-color: var(--sapAvatar_5_Background, var(--udexColorIndigo2));--udex-avatar-indigo-hover-border-color: var(--sapAvatar_5_TextColor, var(--udexColorIndigo8));--udex-avatar-teal-default-background-color: var(--sapAvatar_7_Background, var(--udexColorTeal2));--udex-avatar-teal-default-border-color: var(--sapAvatar_7_Background, var(--udexColorTeal2));--udex-avatar-teal-icon-color: var(--sapAvatar_7_TextColor, var(--udexColorTeal8));--udex-avatar-teal-hover-backgound-color: var(--sapAvatar_7_Background, var(--udexColorTeal2));--udex-avatar-teal-hover-border-color: var(--sapAvatar_7_TextColor, var(--udexColorTeal8));--udex-avatar-green-default-background-color: var(--sapAvatar_8_Background, var(--udexColorGreen2));--udex-avatar-green-default-border-color: var(--sapAvatar_8_Background, var(--udexColorGreen2));--udex-avatar-green-icon-color: var(--sapAvatar_8_TextColor, var(--udexColorGreen8));--udex-avatar-green-hover-backgound-color: var(--sapAvatar_8_Background, var(--udexColorGreen2));--udex-avatar-green-hover-border-color: var(--sapAvatar_8_TextColor, var(--udexColorGreen8));--udex-avatar-grey-default-background-color: var(--sapAvatar_9_Background, var(--udexColorGrey2));--udex-avatar-grey-default-border-color: var(--sapAvatar_9_Background, var(--udexColorGrey2));--udex-avatar-grey-icon-color: var(--sapAvatar_9_TextColor, var(--udexColorGrey8));--udex-avatar-grey-hover-backgound-color: var(--sapAvatar_9_Background, var(--udexColorGrey2));--udex-avatar-grey-hover-border-color: var(--sapAvatar_9_TextColor, var(--udexColorGrey8));--udex-avatar-transparent-default-background-color: hsla(0, 0%, 0%, 0);--udex-avatar-transparent-default-border-color: hsla(0, 0%, 0%, 0);--udex-avatar-transparent-default-icon-color: var(--udexColorGrey9, #223548);--udex-avatar-transparent-hover-backgound-color: hsla(0, 0%, 0%, 0);--udex-avatar-transparent-hover-border-color: var(--udexColorGrey9, #223548);--udex-avatar-transparent-hover-icon-color: var(--udexColorGrey9, #223548);--udex-avatar-neutral-default-background-color: var(--sapAvatar_10_Background, var(--udexColorNeuturalWhite));--udex-avatar-neutral-default-border-color: var(--sapAvatar_10_BorderColor, var(--udexColorGrey3));--udex-avatar-neutral-default-icon-color: var(--sapAvatar_10_TextColor , #0070F2);--udex-avatar-neutral-hover-backgound-color: var(--sapAvatar_10_Background, var(--udexColorNeuturalWhite));--udex-avatar-neutral-hover-border-color: var(--udexColorGrey5, #8396a8);--udex-avatar-neutral-hover-icon-color: var(--sapAvatar_10_TextColor, #0070F2);--udex-avatar-neutral-active-border-color: var(--udexColorBlue9, #0040B0);--udex-avatar-neutral-active-background-color: var(--sapAvatar_10_Background, var(--udexColorNeuturalWhite));--udex-avatar-neutral-active-icon-color: var(--udexColorBlue9, #0040B0)}:host([disabled]){pointer-events:none}:host([shape="Square"]) .udex-avatar{border-radius:var(--udex-avatar-radius-s)}:host{font-family:var(--sapFontFamily, sans-serif);font-size:var(--sapFontSize, 16px);display:inline-flex}:host([hidden]){display:none}:host([interactive]) .udex-avatar:hover{box-shadow:none}::slotted(*){pointer-events:none}:host([color-scheme]) .udex-avatar.udex-avatar--with-image{background-color:#0000;border-color:var(--udex-avatar-image-default-border-color)}.udex-avatar ::slotted([slot="badge"]){display:flex;justify-content:center;align-items:center;bottom:0;right:0;pointer-events:all}:host([size="XS"]) .udex-avatar ::slotted([slot="badge"]){width:var(--udex-avatar-badge-size-background-xs-and-s-and-m);height:var(--udex-avatar-badge-size-background-xs-and-s-and-m);font-size:var(--udex-avatar-badge-size-icon-xs-and-s-and-m);padding:3px}:host([size="S"]) .udex-avatar ::slotted([slot="badge"]){width:var(--udex-avatar-badge-size-background-xs-and-s-and-m);height:var(--udex-avatar-badge-size-background-xs-and-s-and-m);font-size:var(--udex-avatar-badge-size-icon-xs-and-s-and-m);padding:3px}:host([size="M"]) .udex-avatar ::slotted([slot="badge"]){width:var(--udex-avatar-badge-size-background-xs-and-s-and-m);height:var(--udex-avatar-badge-size-background-xs-and-s-and-m);font-size:var(--udex-avatar-badge-size-icon-xs-and-s-and-m);padding:3px}:host([size="L"]) .udex-avatar ::slotted([slot="badge"]){width:var(--udex-avatar-badge-size-background-l);height:var(--udex-avatar-badge-size-background-l);font-size:var(--udex-avatar-badge-size-icon-l);padding:3px}:host([size="XL"]) .udex-avatar ::slotted([slot="badge"]){width:var(--udex-avatar-badge-size-background-xl);height:var(--udex-avatar-badge-size-background-xl);font-size:var(--udex-avatar-badge-size-icon-xl);padding:6px}:host([show-attention-badge][size="XS"]) .udex-avatar:before{position:absolute;content:"";inset-block-start:0;inset-inline-end:0;z-index:1;width:6px;height:6px;border:1px solid #fff;border-radius:50%;background-color:var(--udexColorRed7)}:host([size="XS"]) .udex-avatar{width:var(--udex-avatar-size-xs);height:var(--udex-avatar-size-xs);font-size:var(--udex-avatar-font-size-xs)}:host([size="S"]) .udex-avatar{width:var(--udex-avatar-size-s);height:var(--udex-avatar-size-s);font-size:var(--udex-avatar-font-size-s)}:host([size="M"]) .udex-avatar{width:var(--udex-avatar-size-m);height:var(--udex-avatar-size-m);font-size:var(--udex-avatar-font-size-m)}:host([size="L"]) .udex-avatar{width:var(--udex-avatar-size-l);height:var(--udex-avatar-size-l);font-size:var(--udex-avatar-font-size-l)}:host([size="XL"]) .udex-avatar{width:var(--udex-avatar-size-xl);height:var(--udex-avatar-size-xl);font-size:var(--udex-avatar-font-size-xl)}:host([size="XS"][shape="Square"]) .udex-avatar{border-radius:var(--udex-avatar-radius-xs)}:host([size="XS"][shape="Square"]) .udex-avatar ::slotted(*:not([slot="badge"])){border-radius:var(--udex-avatar-radius-xs)}:host([size="S"][shape="Square"]) .udex-avatar{border-radius:var(--udex-avatar-radius-s)}:host([size="S"][shape="Square"]) .udex-avatar ::slotted(*:not([slot="badge"])){border-radius:var(--udex-avatar-radius-s)}:host([size="M"][shape="Square"]) .udex-avatar{border-radius:var(--udex-avatar-radius-m)}:host([size="M"][shape="Square"]) .udex-avatar ::slotted(*:not([slot="badge"])){border-radius:var(--udex-avatar-radius-m)}:host([size="L"][shape="Square"]) .udex-avatar{border-radius:var(--udex-avatar-radius-l)}:host([size="L"][shape="Square"]) .udex-avatar ::slotted(*:not([slot="badge"])){border-radius:var(--udex-avatar-radius-l)}:host([size="XL"][shape="Square"]) .udex-avatar{border-radius:var(--udex-avatar-radius-xl)}:host([size="XL"][shape="Square"]) .udex-avatar ::slotted(*:not([slot="badge"])){border-radius:var(--udex-avatar-radius-xl)}:host([color-scheme="Blue"]) .udex-avatar{background-color:var(--udex-avatar-blue-default-background-color);color:var(--udex-avatar-blue-icon-color);border-color:var(--udex-avatar-blue-default-border-color)}:host([hover][color-scheme="Blue"]) .udex-avatar,:host([color-scheme="Blue"][interactive]) .udex-avatar:hover{background-color:var(--udex-avatar-blue-default-background-color);border-color:var(--udex-avatar-blue-hover-border-color);color:var(--udex-avatar-blue-icon-color)}:host([color-scheme="Mango"]) .udex-avatar{background-color:var(--udex-avatar-mango-default-background-color);color:var(--udex-avatar-mango-icon-color);border-color:var(--udex-avatar-mango-default-border-color)}:host([hover][color-scheme="Mango"]) .udex-avatar,:host([color-scheme="Mango"][interactive]) .udex-avatar:hover{background-color:var(--udex-avatar-mango-default-background-color);border-color:var(--udex-avatar-mango-hover-border-color);color:var(--udex-avatar-mango-icon-color)}:host([disabled]) .udex-avatar:hover{border:0}:host([color-scheme="Red"]) .udex-avatar{background-color:var(--udex-avatar-red-default-background-color);color:var(--udex-avatar-red-icon-color);border-color:var(--udex-avatar-red-default-border-color)}:host([hover][color-scheme="Red"]) .udex-avatar,:host([color-scheme="Red"][interactive]) .udex-avatar:hover{background-color:var(--udex-avatar-red-default-background-color);border-color:var(--udex-avatar-red-hover-border-color);color:var(--udex-avatar-red-icon-color)}:host([color-scheme="Raspberry"]) .udex-avatar{background-color:var(--udex-avatar-raspberry-default-background-color);color:var(--udex-avatar-raspberry-icon-color);border-color:var(--udex-avatar-raspberry-default-border-color)}:host([hover][color-scheme="Raspberry"]) .udex-avatar,:host([color-scheme="Raspberry"][interactive]) .udex-avatar:hover{background-color:var(--udex-avatar-raspberry-default-background-color);border-color:var(--udex-avatar-raspberry-hover-border-color);color:var(--udex-avatar-raspberry-icon-color)}:host([color-scheme="Pink"]) .udex-avatar{background-color:var(--udex-avatar-pink-default-background-color);color:var(--udex-avatar-pink-icon-color);border-color:var(--udex-avatar-pink-default-border-color)}:host([hover][color-scheme="Pink"]) .udex-avatar,:host([color-scheme="Pink"][interactive]) .udex-avatar:hover{background-color:var(--udex-avatar-pink-default-background-color);border-color:var(--udex-avatar-pink-hover-border-color);color:var(--udex-avatar-pink-icon-color)}:host([color-scheme="Indigo"]) .udex-avatar{background-color:var(--udex-avatar-indigo-default-background-color);color:var(--udex-avatar-indigo-icon-color);border-color:var(--udex-avatar-indigo-default-border-color)}:host([hover][color-scheme="Indigo"]) .udex-avatar,:host([color-scheme="Indigo"][interactive]) .udex-avatar:hover{background-color:var(--udex-avatar-indigo-default-background-color);border-color:var(--udex-avatar-indigo-hover-border-color);color:var(--udex-avatar-indigo-icon-color)}:host([color-scheme="Teal"]) .udex-avatar{background-color:var(--udex-avatar-teal-default-background-color);color:var(--udex-avatar-teal-icon-color);border-color:var(--udex-avatar-teal-default-border-color)}:host([hover][color-scheme="Teal"]) .udex-avatar,:host([color-scheme="Teal"][interactive]) .udex-avatar:hover{background-color:var(--udex-avatar-teal-default-background-color);border-color:var(--udex-avatar-teal-hover-border-color);color:var(--udex-avatar-teal-icon-color)}:host([color-scheme="Green"]) .udex-avatar{background-color:var(--udex-avatar-green-default-background-color);color:var(--udex-avatar-green-icon-color);border-color:var(--udex-avatar-green-default-border-color)}:host([hover][color-scheme="Green"]) .udex-avatar,:host([color-scheme="Green"][interactive]) .udex-avatar:hover{background-color:var(--udex-avatar-green-default-background-color);border-color:var(--udex-avatar-green-hover-border-color);color:var(--udex-avatar-green-icon-color)}:host([color-scheme="Grey"]) .udex-avatar{background-color:var(--udex-avatar-grey-default-background-color);color:var(--udex-avatar-grey-icon-color);border-color:var(--udex-avatar-grey-default-border-color)}:host([hover][color-scheme="Grey"]) .udex-avatar,:host([color-scheme="Grey"][interactive]) .udex-avatar:hover{background-color:var(--udex-avatar-grey-default-background-color);border-color:var(--udex-avatar-grey-hover-border-color);color:var(--udex-avatar-grey-icon-color)}:host([color-scheme="Transparent"]) .udex-avatar{background-color:var(--udex-avatar-transparent-default-background-color);color:var(--udex-avatar-transparent-default-icon-color);border-color:var(--udex-avatar-transparent-default-border-color)}:host([hover][color-scheme="Transparent"]) .udex-avatar,:host([color-scheme="Transparent"][interactive]) .udex-avatar:hover{background-color:var(--udex-avatar-transparent-default-background-color);border-color:var(--udex-avatar-transparent-hover-border-color);color:var(--udex-avatar-transparent-default-icon-color)}:host([color-scheme="Neutral"]) .udex-avatar{background-color:var(--udex-avatar-neutral-default-background-color);color:var(--udex-avatar-neutral-default-icon-color);border-color:var(--udex-avatar-neutral-default-border-color)}:host([hover][color-scheme="Neutral"]) .udex-avatar,:host([color-scheme="Neutral"][interactive]) .udex-avatar:hover{background-color:var(--udex-avatar-neutral-default-background-color);border-color:var(--udex-avatar-neutral-hover-border-color);color:var(--udex-avatar-neutral-default-icon-color)}:host([hover]) .udex-avatar.udex-avatar--with-image,:host([color-scheme][interactive]) .udex-avatar.udex-avatar--with-image:hover{border-color:var(--udex-avatar-image-hover-border-color);background-color:#0000}:host([interactive]:not([hidden])) .udex-avatar:active,:host([interactive]:not([hidden])) .udex-avatar.udex-avatar--with-image:active{border-color:var(--udex-avatar-neutral-active-border-color);background-color:var(--udex-avatar-neutral-active-background-color);color:var(--udex-avatar-neutral-active-icon-color)}
|
|
6
|
+
export default `:host{--udex-avatar-badge-size-background-xs-and-s-and-m: 18px;--udex-avatar-badge-size-background-l: 20px;--udex-avatar-badge-size-background-xl: 28px;--udex-avatar-badge-size-icon-xs-and-s-and-m: 12px;--udex-avatar-badge-size-icon-l: 14px;--udex-avatar-badge-size-icon-xl: 16px;--udex-avatar-size-xs: 32px;--udex-avatar-size-s: 48px;--udex-avatar-size-m: 64px;--udex-avatar-size-l: 84px;--udex-avatar-size-xl: 120px;--udex-avatar-font-size-xs: 12px;--udex-avatar-font-size-s: 18px;--udex-avatar-font-size-m: 24px;--udex-avatar-font-size-l: 32px;--udex-avatar-font-size-xl: 48px;--udex-avatar-radius-xs: var(--udexRadiusXS, 4px);--udex-avatar-radius-s: var(--udexRadiusXS, 4px);--udex-avatar-radius-m: var(--udexRadiusM, 8px);--udex-avatar-radius-l: var(--udexRadiusM, 8px);--udex-avatar-radius-xl: var(--udexRadiusXL, 16px);--udex-avatar-image-default-border-color: var(--udexColorGrey2, #EAECEE);--udex-avatar-image-hover-border-color: var(--udexColorGrey7, #475E75);--udex-avatar-blue-default-background-color: var(--sapAvatar_6_Background, var(--udexColorBlue2));--udex-avatar-blue-default-border-color: var(--sapAvatar_6_Background, var(--udexColorBlue2));--udex-avatar-blue-icon-color: var(--sapAvatar_6_TextColor, var(--udexColorBlue8));--udex-avatar-blue-hover-backgound-color: var(--sapAvatar_6_Background, var(--udexColorBlue2));--udex-avatar-blue-hover-border-color: var(--sapAvatar_6_TextColor, var(--udexColorBlue8));--udex-avatar-mango-default-background-color: var(--sapAvatar_1_Background, var(--udexColorMango2));--udex-avatar-mango-default-border-color: var(--sapAvatar_1_Background, var(--udexColorMango2));--udex-avatar-mango-icon-color: var(--sapAvatar_1_TextColor, var(--udexColorMango8));--udex-avatar-mango-hover-backgound-color: var(--sapAvatar_1_Background, var(--udexColorMango2));--udex-avatar-mango-hover-border-color: var(--sapAvatar_1_TextColor, var(--udexColorMango8));--udex-avatar-red-default-background-color: var(--sapAvatar_2_Background, var(--udexColorRed2));--udex-avatar-red-default-border-color: var(--sapAvatar_2_Background, var(--udexColorRed2));--udex-avatar-red-icon-color: var(--sapAvatar_2_TextColor, var(--udexColorRed8));--udex-avatar-red-hover-backgound-color: var(--sapAvatar_2_Background, var(--udexColorRed2));--udex-avatar-red-hover-border-color: var(--sapAvatar_2_TextColor, var(--udexColorRed8));--udex-avatar-raspberry-default-background-color: var(--sapAvatar_3_Background, var(--udexColorRaspberry2));--udex-avatar-raspberry-default-border-color: var(--sapAvatar_3_Background, var(--udexColorRaspberry2));--udex-avatar-raspberry-icon-color: var(--sapAvatar_3_TextColor, var(--udexColorRaspberry8));--udex-avatar-raspberry-hover-backgound-color: var(--sapAvatar_3_Background, var(--udexColorRaspberry2));--udex-avatar-raspberry-hover-border-color: var(--sapAvatar_3_TextColor, var(--udexColorRaspberry8));--udex-avatar-pink-default-background-color: var(--sapAvatar_4_Background, var(--udexColorPink2));--udex-avatar-pink-default-border-color: var(--sapAvatar_4_Background, var(--udexColorPink2));--udex-avatar-pink-icon-color: var(--sapAvatar_4_TextColor, var(--udexColorPink8));--udex-avatar-pink-hover-backgound-color: var(--sapAvatar_4_Background, var(--udexColorPink2));--udex-avatar-pink-hover-border-color: var(--sapAvatar_4_TextColor, var(--udexColorPink8));--udex-avatar-indigo-default-background-color: var(--sapAvatar_5_Background, var(--udexColorIndigo2));--udex-avatar-indigo-default-border-color: var(--sapAvatar_5_Background, var(--udexColorIndigo2));--udex-avatar-indigo-icon-color: var(--sapAvatar_5_TextColor, var(--udexColorIndigo8));--udex-avatar-indigo-hover-backgound-color: var(--sapAvatar_5_Background, var(--udexColorIndigo2));--udex-avatar-indigo-hover-border-color: var(--sapAvatar_5_TextColor, var(--udexColorIndigo8));--udex-avatar-teal-default-background-color: var(--sapAvatar_7_Background, var(--udexColorTeal2));--udex-avatar-teal-default-border-color: var(--sapAvatar_7_Background, var(--udexColorTeal2));--udex-avatar-teal-icon-color: var(--sapAvatar_7_TextColor, var(--udexColorTeal8));--udex-avatar-teal-hover-backgound-color: var(--sapAvatar_7_Background, var(--udexColorTeal2));--udex-avatar-teal-hover-border-color: var(--sapAvatar_7_TextColor, var(--udexColorTeal8));--udex-avatar-green-default-background-color: var(--sapAvatar_8_Background, var(--udexColorGreen2));--udex-avatar-green-default-border-color: var(--sapAvatar_8_Background, var(--udexColorGreen2));--udex-avatar-green-icon-color: var(--sapAvatar_8_TextColor, var(--udexColorGreen8));--udex-avatar-green-hover-backgound-color: var(--sapAvatar_8_Background, var(--udexColorGreen2));--udex-avatar-green-hover-border-color: var(--sapAvatar_8_TextColor, var(--udexColorGreen8));--udex-avatar-grey-default-background-color: var(--sapAvatar_9_Background, var(--udexColorGrey2));--udex-avatar-grey-default-border-color: var(--sapAvatar_9_Background, var(--udexColorGrey2));--udex-avatar-grey-icon-color: var(--sapAvatar_9_TextColor, var(--udexColorGrey8));--udex-avatar-grey-hover-backgound-color: var(--sapAvatar_9_Background, var(--udexColorGrey2));--udex-avatar-grey-hover-border-color: var(--sapAvatar_9_TextColor, var(--udexColorGrey8));--udex-avatar-transparent-default-background-color: hsla(0, 0%, 0%, 0);--udex-avatar-transparent-default-border-color: hsla(0, 0%, 0%, 0);--udex-avatar-transparent-default-icon-color: var(--udexColorGrey9, #223548);--udex-avatar-transparent-hover-backgound-color: hsla(0, 0%, 0%, 0);--udex-avatar-transparent-hover-border-color: var(--udexColorGrey9, #223548);--udex-avatar-transparent-hover-icon-color: var(--udexColorGrey9, #223548);--udex-avatar-neutral-default-background-color: var(--sapAvatar_10_Background, var(--udexColorNeuturalWhite));--udex-avatar-neutral-default-border-color: var(--sapAvatar_10_BorderColor, var(--udexColorGrey3));--udex-avatar-neutral-default-icon-color: var(--sapAvatar_10_TextColor , #0070F2);--udex-avatar-neutral-hover-backgound-color: var(--sapAvatar_10_Background, var(--udexColorNeuturalWhite));--udex-avatar-neutral-hover-border-color: var(--udexColorGrey5, #8396a8);--udex-avatar-neutral-hover-icon-color: var(--sapAvatar_10_TextColor, #0070F2);--udex-avatar-neutral-active-border-color: var(--udexColorBlue9, #0040B0);--udex-avatar-neutral-active-background-color: var(--sapAvatar_10_Background, var(--udexColorNeuturalWhite));--udex-avatar-neutral-active-icon-color: var(--udexColorBlue9, #0040B0)}:host([disabled]){pointer-events:none}:host([shape="Square"]) .udex-avatar{border-radius:var(--udex-avatar-radius-s)}:host{font-family:var(--sapFontFamily, sans-serif);font-size:var(--sapFontSize, 16px);display:inline-flex}:host([hidden]){display:none}:host([interactive]) .udex-avatar:hover{box-shadow:none}::slotted(*){pointer-events:none}:host([color-scheme]) .udex-avatar.udex-avatar--with-image{background-color:#0000;border-color:var(--udex-avatar-image-default-border-color)}.udex-avatar ::slotted([slot="badge"]){display:flex;justify-content:center;align-items:center;bottom:0;right:0;pointer-events:all}:host([size="XS"]) .udex-avatar ::slotted([slot="badge"]){width:var(--udex-avatar-badge-size-background-xs-and-s-and-m);height:var(--udex-avatar-badge-size-background-xs-and-s-and-m);font-size:var(--udex-avatar-badge-size-icon-xs-and-s-and-m);padding:3px}:host([size="S"]) .udex-avatar ::slotted([slot="badge"]){width:var(--udex-avatar-badge-size-background-xs-and-s-and-m);height:var(--udex-avatar-badge-size-background-xs-and-s-and-m);font-size:var(--udex-avatar-badge-size-icon-xs-and-s-and-m);padding:3px}:host([size="M"]) .udex-avatar ::slotted([slot="badge"]){width:var(--udex-avatar-badge-size-background-xs-and-s-and-m);height:var(--udex-avatar-badge-size-background-xs-and-s-and-m);font-size:var(--udex-avatar-badge-size-icon-xs-and-s-and-m);padding:3px}:host([size="L"]) .udex-avatar ::slotted([slot="badge"]){width:var(--udex-avatar-badge-size-background-l);height:var(--udex-avatar-badge-size-background-l);font-size:var(--udex-avatar-badge-size-icon-l);padding:3px}:host([size="XL"]) .udex-avatar ::slotted([slot="badge"]){width:var(--udex-avatar-badge-size-background-xl);height:var(--udex-avatar-badge-size-background-xl);font-size:var(--udex-avatar-badge-size-icon-xl);padding:6px}:host([show-attention-badge][size="XS"]) .udex-avatar:before{position:absolute;content:"";inset-block-start:0;inset-inline-end:0;z-index:var(--udexZIndex1, 1);width:6px;height:6px;border:1px solid #fff;border-radius:50%;background-color:var(--udexColorRed7)}:host([size="XS"]) .udex-avatar{width:var(--udex-avatar-size-xs);height:var(--udex-avatar-size-xs);font-size:var(--udex-avatar-font-size-xs)}:host([size="S"]) .udex-avatar{width:var(--udex-avatar-size-s);height:var(--udex-avatar-size-s);font-size:var(--udex-avatar-font-size-s)}:host([size="M"]) .udex-avatar{width:var(--udex-avatar-size-m);height:var(--udex-avatar-size-m);font-size:var(--udex-avatar-font-size-m)}:host([size="L"]) .udex-avatar{width:var(--udex-avatar-size-l);height:var(--udex-avatar-size-l);font-size:var(--udex-avatar-font-size-l)}:host([size="XL"]) .udex-avatar{width:var(--udex-avatar-size-xl);height:var(--udex-avatar-size-xl);font-size:var(--udex-avatar-font-size-xl)}:host([size="XS"][shape="Square"]) .udex-avatar{border-radius:var(--udex-avatar-radius-xs)}:host([size="XS"][shape="Square"]) .udex-avatar ::slotted(*:not([slot="badge"])){border-radius:var(--udex-avatar-radius-xs)}:host([size="S"][shape="Square"]) .udex-avatar{border-radius:var(--udex-avatar-radius-s)}:host([size="S"][shape="Square"]) .udex-avatar ::slotted(*:not([slot="badge"])){border-radius:var(--udex-avatar-radius-s)}:host([size="M"][shape="Square"]) .udex-avatar{border-radius:var(--udex-avatar-radius-m)}:host([size="M"][shape="Square"]) .udex-avatar ::slotted(*:not([slot="badge"])){border-radius:var(--udex-avatar-radius-m)}:host([size="L"][shape="Square"]) .udex-avatar{border-radius:var(--udex-avatar-radius-l)}:host([size="L"][shape="Square"]) .udex-avatar ::slotted(*:not([slot="badge"])){border-radius:var(--udex-avatar-radius-l)}:host([size="XL"][shape="Square"]) .udex-avatar{border-radius:var(--udex-avatar-radius-xl)}:host([size="XL"][shape="Square"]) .udex-avatar ::slotted(*:not([slot="badge"])){border-radius:var(--udex-avatar-radius-xl)}:host([color-scheme="Blue"]) .udex-avatar{background-color:var(--udex-avatar-blue-default-background-color);color:var(--udex-avatar-blue-icon-color);border-color:var(--udex-avatar-blue-default-border-color)}:host([hover][color-scheme="Blue"]) .udex-avatar,:host([color-scheme="Blue"][interactive]) .udex-avatar:hover{background-color:var(--udex-avatar-blue-default-background-color);border-color:var(--udex-avatar-blue-hover-border-color);color:var(--udex-avatar-blue-icon-color)}:host([color-scheme="Mango"]) .udex-avatar{background-color:var(--udex-avatar-mango-default-background-color);color:var(--udex-avatar-mango-icon-color);border-color:var(--udex-avatar-mango-default-border-color)}:host([hover][color-scheme="Mango"]) .udex-avatar,:host([color-scheme="Mango"][interactive]) .udex-avatar:hover{background-color:var(--udex-avatar-mango-default-background-color);border-color:var(--udex-avatar-mango-hover-border-color);color:var(--udex-avatar-mango-icon-color)}:host([disabled]) .udex-avatar:hover{border:0}:host([color-scheme="Red"]) .udex-avatar{background-color:var(--udex-avatar-red-default-background-color);color:var(--udex-avatar-red-icon-color);border-color:var(--udex-avatar-red-default-border-color)}:host([hover][color-scheme="Red"]) .udex-avatar,:host([color-scheme="Red"][interactive]) .udex-avatar:hover{background-color:var(--udex-avatar-red-default-background-color);border-color:var(--udex-avatar-red-hover-border-color);color:var(--udex-avatar-red-icon-color)}:host([color-scheme="Raspberry"]) .udex-avatar{background-color:var(--udex-avatar-raspberry-default-background-color);color:var(--udex-avatar-raspberry-icon-color);border-color:var(--udex-avatar-raspberry-default-border-color)}:host([hover][color-scheme="Raspberry"]) .udex-avatar,:host([color-scheme="Raspberry"][interactive]) .udex-avatar:hover{background-color:var(--udex-avatar-raspberry-default-background-color);border-color:var(--udex-avatar-raspberry-hover-border-color);color:var(--udex-avatar-raspberry-icon-color)}:host([color-scheme="Pink"]) .udex-avatar{background-color:var(--udex-avatar-pink-default-background-color);color:var(--udex-avatar-pink-icon-color);border-color:var(--udex-avatar-pink-default-border-color)}:host([hover][color-scheme="Pink"]) .udex-avatar,:host([color-scheme="Pink"][interactive]) .udex-avatar:hover{background-color:var(--udex-avatar-pink-default-background-color);border-color:var(--udex-avatar-pink-hover-border-color);color:var(--udex-avatar-pink-icon-color)}:host([color-scheme="Indigo"]) .udex-avatar{background-color:var(--udex-avatar-indigo-default-background-color);color:var(--udex-avatar-indigo-icon-color);border-color:var(--udex-avatar-indigo-default-border-color)}:host([hover][color-scheme="Indigo"]) .udex-avatar,:host([color-scheme="Indigo"][interactive]) .udex-avatar:hover{background-color:var(--udex-avatar-indigo-default-background-color);border-color:var(--udex-avatar-indigo-hover-border-color);color:var(--udex-avatar-indigo-icon-color)}:host([color-scheme="Teal"]) .udex-avatar{background-color:var(--udex-avatar-teal-default-background-color);color:var(--udex-avatar-teal-icon-color);border-color:var(--udex-avatar-teal-default-border-color)}:host([hover][color-scheme="Teal"]) .udex-avatar,:host([color-scheme="Teal"][interactive]) .udex-avatar:hover{background-color:var(--udex-avatar-teal-default-background-color);border-color:var(--udex-avatar-teal-hover-border-color);color:var(--udex-avatar-teal-icon-color)}:host([color-scheme="Green"]) .udex-avatar{background-color:var(--udex-avatar-green-default-background-color);color:var(--udex-avatar-green-icon-color);border-color:var(--udex-avatar-green-default-border-color)}:host([hover][color-scheme="Green"]) .udex-avatar,:host([color-scheme="Green"][interactive]) .udex-avatar:hover{background-color:var(--udex-avatar-green-default-background-color);border-color:var(--udex-avatar-green-hover-border-color);color:var(--udex-avatar-green-icon-color)}:host([color-scheme="Grey"]) .udex-avatar{background-color:var(--udex-avatar-grey-default-background-color);color:var(--udex-avatar-grey-icon-color);border-color:var(--udex-avatar-grey-default-border-color)}:host([hover][color-scheme="Grey"]) .udex-avatar,:host([color-scheme="Grey"][interactive]) .udex-avatar:hover{background-color:var(--udex-avatar-grey-default-background-color);border-color:var(--udex-avatar-grey-hover-border-color);color:var(--udex-avatar-grey-icon-color)}:host([color-scheme="Transparent"]) .udex-avatar{background-color:var(--udex-avatar-transparent-default-background-color);color:var(--udex-avatar-transparent-default-icon-color);border-color:var(--udex-avatar-transparent-default-border-color)}:host([hover][color-scheme="Transparent"]) .udex-avatar,:host([color-scheme="Transparent"][interactive]) .udex-avatar:hover{background-color:var(--udex-avatar-transparent-default-background-color);border-color:var(--udex-avatar-transparent-hover-border-color);color:var(--udex-avatar-transparent-default-icon-color)}:host([color-scheme="Neutral"]) .udex-avatar{background-color:var(--udex-avatar-neutral-default-background-color);color:var(--udex-avatar-neutral-default-icon-color);border-color:var(--udex-avatar-neutral-default-border-color)}:host([hover][color-scheme="Neutral"]) .udex-avatar,:host([color-scheme="Neutral"][interactive]) .udex-avatar:hover{background-color:var(--udex-avatar-neutral-default-background-color);border-color:var(--udex-avatar-neutral-hover-border-color);color:var(--udex-avatar-neutral-default-icon-color)}:host([hover]) .udex-avatar.udex-avatar--with-image,:host([color-scheme][interactive]) .udex-avatar.udex-avatar--with-image:hover{border-color:var(--udex-avatar-image-hover-border-color);background-color:#0000}:host([interactive]:not([hidden])) .udex-avatar:active,:host([interactive]:not([hidden])) .udex-avatar.udex-avatar--with-image:active{border-color:var(--udex-avatar-neutral-active-border-color);background-color:var(--udex-avatar-neutral-active-background-color);color:var(--udex-avatar-neutral-active-icon-color)}
|
|
7
7
|
`;
|
|
8
8
|
//# sourceMappingURL=Avatar.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Avatar.css.js","sourceRoot":"","sources":["../../../src/generated/themes/Avatar.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,6BAA6B,EAAE,MAAM,yDAAyD,CAAC;AAExG,OAAO,gBAAgB,MAAM,uFAAuF,CAAC;AACrH,OAAO,YAAY,MAAM,wCAAwC,CAAC;AAElE,6BAA6B,CAAC,GAAG,GAAG,KAAK,GAAG,GAAG,GAAG,uBAAuB,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,gBAAgB,CAAC,CAAC;AACxH,6BAA6B,CAAC,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC;AACxN,eAAe;CACd,CAAA","sourcesContent":["import { registerThemePropertiesLoader } from \"@ui5/webcomponents-base/dist/asset-registries/Themes.js\";\n\nimport defaultThemeBase from \"@ui5/webcomponents-theming/dist/generated/themes/sap_horizon/parameters-bundle.css.js\";\nimport defaultTheme from \"./sap_horizon/parameters-bundle.css.js\";\n\nregisterThemePropertiesLoader(\"@\" + \"ui5\" + \"/\" + \"webcomponents-theming\", \"sap_horizon\", async () => defaultThemeBase);\nregisterThemePropertiesLoader(\"@\" + \"s\" + \"a\" + \"p\" + \"u\" + \"d\" + \"e\" + \"x\" + \"/\" + \"w\" + \"e\" + \"b\" + \"-\" + \"c\" + \"o\" + \"m\" + \"p\" + \"o\" + \"n\" + \"e\" + \"n\" + \"t\" + \"s\", \"sap_horizon\", async () => defaultTheme, \"host\");\nexport default `:host{--udex-avatar-badge-size-background-xs-and-s-and-m: 18px;--udex-avatar-badge-size-background-l: 20px;--udex-avatar-badge-size-background-xl: 28px;--udex-avatar-badge-size-icon-xs-and-s-and-m: 12px;--udex-avatar-badge-size-icon-l: 14px;--udex-avatar-badge-size-icon-xl: 16px;--udex-avatar-size-xs: 32px;--udex-avatar-size-s: 48px;--udex-avatar-size-m: 64px;--udex-avatar-size-l: 84px;--udex-avatar-size-xl: 120px;--udex-avatar-font-size-xs: 12px;--udex-avatar-font-size-s: 18px;--udex-avatar-font-size-m: 24px;--udex-avatar-font-size-l: 32px;--udex-avatar-font-size-xl: 48px;--udex-avatar-radius-xs: var(--udexRadiusXS, 4px);--udex-avatar-radius-s: var(--udexRadiusXS, 4px);--udex-avatar-radius-m: var(--udexRadiusM, 8px);--udex-avatar-radius-l: var(--udexRadiusM, 8px);--udex-avatar-radius-xl: var(--udexRadiusXL, 16px);--udex-avatar-image-default-border-color: var(--udexColorGrey2, #EAECEE);--udex-avatar-image-hover-border-color: var(--udexColorGrey7, #475E75);--udex-avatar-blue-default-background-color: var(--sapAvatar_6_Background, var(--udexColorBlue2));--udex-avatar-blue-default-border-color: var(--sapAvatar_6_Background, var(--udexColorBlue2));--udex-avatar-blue-icon-color: var(--sapAvatar_6_TextColor, var(--udexColorBlue8));--udex-avatar-blue-hover-backgound-color: var(--sapAvatar_6_Background, var(--udexColorBlue2));--udex-avatar-blue-hover-border-color: var(--sapAvatar_6_TextColor, var(--udexColorBlue8));--udex-avatar-mango-default-background-color: var(--sapAvatar_1_Background, var(--udexColorMango2));--udex-avatar-mango-default-border-color: var(--sapAvatar_1_Background, var(--udexColorMango2));--udex-avatar-mango-icon-color: var(--sapAvatar_1_TextColor, var(--udexColorMango8));--udex-avatar-mango-hover-backgound-color: var(--sapAvatar_1_Background, var(--udexColorMango2));--udex-avatar-mango-hover-border-color: var(--sapAvatar_1_TextColor, var(--udexColorMango8));--udex-avatar-red-default-background-color: var(--sapAvatar_2_Background, var(--udexColorRed2));--udex-avatar-red-default-border-color: var(--sapAvatar_2_Background, var(--udexColorRed2));--udex-avatar-red-icon-color: var(--sapAvatar_2_TextColor, var(--udexColorRed8));--udex-avatar-red-hover-backgound-color: var(--sapAvatar_2_Background, var(--udexColorRed2));--udex-avatar-red-hover-border-color: var(--sapAvatar_2_TextColor, var(--udexColorRed8));--udex-avatar-raspberry-default-background-color: var(--sapAvatar_3_Background, var(--udexColorRaspberry2));--udex-avatar-raspberry-default-border-color: var(--sapAvatar_3_Background, var(--udexColorRaspberry2));--udex-avatar-raspberry-icon-color: var(--sapAvatar_3_TextColor, var(--udexColorRaspberry8));--udex-avatar-raspberry-hover-backgound-color: var(--sapAvatar_3_Background, var(--udexColorRaspberry2));--udex-avatar-raspberry-hover-border-color: var(--sapAvatar_3_TextColor, var(--udexColorRaspberry8));--udex-avatar-pink-default-background-color: var(--sapAvatar_4_Background, var(--udexColorPink2));--udex-avatar-pink-default-border-color: var(--sapAvatar_4_Background, var(--udexColorPink2));--udex-avatar-pink-icon-color: var(--sapAvatar_4_TextColor, var(--udexColorPink8));--udex-avatar-pink-hover-backgound-color: var(--sapAvatar_4_Background, var(--udexColorPink2));--udex-avatar-pink-hover-border-color: var(--sapAvatar_4_TextColor, var(--udexColorPink8));--udex-avatar-indigo-default-background-color: var(--sapAvatar_5_Background, var(--udexColorIndigo2));--udex-avatar-indigo-default-border-color: var(--sapAvatar_5_Background, var(--udexColorIndigo2));--udex-avatar-indigo-icon-color: var(--sapAvatar_5_TextColor, var(--udexColorIndigo8));--udex-avatar-indigo-hover-backgound-color: var(--sapAvatar_5_Background, var(--udexColorIndigo2));--udex-avatar-indigo-hover-border-color: var(--sapAvatar_5_TextColor, var(--udexColorIndigo8));--udex-avatar-teal-default-background-color: var(--sapAvatar_7_Background, var(--udexColorTeal2));--udex-avatar-teal-default-border-color: var(--sapAvatar_7_Background, var(--udexColorTeal2));--udex-avatar-teal-icon-color: var(--sapAvatar_7_TextColor, var(--udexColorTeal8));--udex-avatar-teal-hover-backgound-color: var(--sapAvatar_7_Background, var(--udexColorTeal2));--udex-avatar-teal-hover-border-color: var(--sapAvatar_7_TextColor, var(--udexColorTeal8));--udex-avatar-green-default-background-color: var(--sapAvatar_8_Background, var(--udexColorGreen2));--udex-avatar-green-default-border-color: var(--sapAvatar_8_Background, var(--udexColorGreen2));--udex-avatar-green-icon-color: var(--sapAvatar_8_TextColor, var(--udexColorGreen8));--udex-avatar-green-hover-backgound-color: var(--sapAvatar_8_Background, var(--udexColorGreen2));--udex-avatar-green-hover-border-color: var(--sapAvatar_8_TextColor, var(--udexColorGreen8));--udex-avatar-grey-default-background-color: var(--sapAvatar_9_Background, var(--udexColorGrey2));--udex-avatar-grey-default-border-color: var(--sapAvatar_9_Background, var(--udexColorGrey2));--udex-avatar-grey-icon-color: var(--sapAvatar_9_TextColor, var(--udexColorGrey8));--udex-avatar-grey-hover-backgound-color: var(--sapAvatar_9_Background, var(--udexColorGrey2));--udex-avatar-grey-hover-border-color: var(--sapAvatar_9_TextColor, var(--udexColorGrey8));--udex-avatar-transparent-default-background-color: hsla(0, 0%, 0%, 0);--udex-avatar-transparent-default-border-color: hsla(0, 0%, 0%, 0);--udex-avatar-transparent-default-icon-color: var(--udexColorGrey9, #223548);--udex-avatar-transparent-hover-backgound-color: hsla(0, 0%, 0%, 0);--udex-avatar-transparent-hover-border-color: var(--udexColorGrey9, #223548);--udex-avatar-transparent-hover-icon-color: var(--udexColorGrey9, #223548);--udex-avatar-neutral-default-background-color: var(--sapAvatar_10_Background, var(--udexColorNeuturalWhite));--udex-avatar-neutral-default-border-color: var(--sapAvatar_10_BorderColor, var(--udexColorGrey3));--udex-avatar-neutral-default-icon-color: var(--sapAvatar_10_TextColor , #0070F2);--udex-avatar-neutral-hover-backgound-color: var(--sapAvatar_10_Background, var(--udexColorNeuturalWhite));--udex-avatar-neutral-hover-border-color: var(--udexColorGrey5, #8396a8);--udex-avatar-neutral-hover-icon-color: var(--sapAvatar_10_TextColor, #0070F2);--udex-avatar-neutral-active-border-color: var(--udexColorBlue9, #0040B0);--udex-avatar-neutral-active-background-color: var(--sapAvatar_10_Background, var(--udexColorNeuturalWhite));--udex-avatar-neutral-active-icon-color: var(--udexColorBlue9, #0040B0)}:host([disabled]){pointer-events:none}:host([shape=\"Square\"]) .udex-avatar{border-radius:var(--udex-avatar-radius-s)}:host{font-family:var(--sapFontFamily, sans-serif);font-size:var(--sapFontSize, 16px);display:inline-flex}:host([hidden]){display:none}:host([interactive]) .udex-avatar:hover{box-shadow:none}::slotted(*){pointer-events:none}:host([color-scheme]) .udex-avatar.udex-avatar--with-image{background-color:#0000;border-color:var(--udex-avatar-image-default-border-color)}.udex-avatar ::slotted([slot=\"badge\"]){display:flex;justify-content:center;align-items:center;bottom:0;right:0;pointer-events:all}:host([size=\"XS\"]) .udex-avatar ::slotted([slot=\"badge\"]){width:var(--udex-avatar-badge-size-background-xs-and-s-and-m);height:var(--udex-avatar-badge-size-background-xs-and-s-and-m);font-size:var(--udex-avatar-badge-size-icon-xs-and-s-and-m);padding:3px}:host([size=\"S\"]) .udex-avatar ::slotted([slot=\"badge\"]){width:var(--udex-avatar-badge-size-background-xs-and-s-and-m);height:var(--udex-avatar-badge-size-background-xs-and-s-and-m);font-size:var(--udex-avatar-badge-size-icon-xs-and-s-and-m);padding:3px}:host([size=\"M\"]) .udex-avatar ::slotted([slot=\"badge\"]){width:var(--udex-avatar-badge-size-background-xs-and-s-and-m);height:var(--udex-avatar-badge-size-background-xs-and-s-and-m);font-size:var(--udex-avatar-badge-size-icon-xs-and-s-and-m);padding:3px}:host([size=\"L\"]) .udex-avatar ::slotted([slot=\"badge\"]){width:var(--udex-avatar-badge-size-background-l);height:var(--udex-avatar-badge-size-background-l);font-size:var(--udex-avatar-badge-size-icon-l);padding:3px}:host([size=\"XL\"]) .udex-avatar ::slotted([slot=\"badge\"]){width:var(--udex-avatar-badge-size-background-xl);height:var(--udex-avatar-badge-size-background-xl);font-size:var(--udex-avatar-badge-size-icon-xl);padding:6px}:host([show-attention-badge][size=\"XS\"]) .udex-avatar:before{position:absolute;content:\"\";inset-block-start:0;inset-inline-end:0;z-index:1;width:6px;height:6px;border:1px solid #fff;border-radius:50%;background-color:var(--udexColorRed7)}:host([size=\"XS\"]) .udex-avatar{width:var(--udex-avatar-size-xs);height:var(--udex-avatar-size-xs);font-size:var(--udex-avatar-font-size-xs)}:host([size=\"S\"]) .udex-avatar{width:var(--udex-avatar-size-s);height:var(--udex-avatar-size-s);font-size:var(--udex-avatar-font-size-s)}:host([size=\"M\"]) .udex-avatar{width:var(--udex-avatar-size-m);height:var(--udex-avatar-size-m);font-size:var(--udex-avatar-font-size-m)}:host([size=\"L\"]) .udex-avatar{width:var(--udex-avatar-size-l);height:var(--udex-avatar-size-l);font-size:var(--udex-avatar-font-size-l)}:host([size=\"XL\"]) .udex-avatar{width:var(--udex-avatar-size-xl);height:var(--udex-avatar-size-xl);font-size:var(--udex-avatar-font-size-xl)}:host([size=\"XS\"][shape=\"Square\"]) .udex-avatar{border-radius:var(--udex-avatar-radius-xs)}:host([size=\"XS\"][shape=\"Square\"]) .udex-avatar ::slotted(*:not([slot=\"badge\"])){border-radius:var(--udex-avatar-radius-xs)}:host([size=\"S\"][shape=\"Square\"]) .udex-avatar{border-radius:var(--udex-avatar-radius-s)}:host([size=\"S\"][shape=\"Square\"]) .udex-avatar ::slotted(*:not([slot=\"badge\"])){border-radius:var(--udex-avatar-radius-s)}:host([size=\"M\"][shape=\"Square\"]) .udex-avatar{border-radius:var(--udex-avatar-radius-m)}:host([size=\"M\"][shape=\"Square\"]) .udex-avatar ::slotted(*:not([slot=\"badge\"])){border-radius:var(--udex-avatar-radius-m)}:host([size=\"L\"][shape=\"Square\"]) .udex-avatar{border-radius:var(--udex-avatar-radius-l)}:host([size=\"L\"][shape=\"Square\"]) .udex-avatar ::slotted(*:not([slot=\"badge\"])){border-radius:var(--udex-avatar-radius-l)}:host([size=\"XL\"][shape=\"Square\"]) .udex-avatar{border-radius:var(--udex-avatar-radius-xl)}:host([size=\"XL\"][shape=\"Square\"]) .udex-avatar ::slotted(*:not([slot=\"badge\"])){border-radius:var(--udex-avatar-radius-xl)}:host([color-scheme=\"Blue\"]) .udex-avatar{background-color:var(--udex-avatar-blue-default-background-color);color:var(--udex-avatar-blue-icon-color);border-color:var(--udex-avatar-blue-default-border-color)}:host([hover][color-scheme=\"Blue\"]) .udex-avatar,:host([color-scheme=\"Blue\"][interactive]) .udex-avatar:hover{background-color:var(--udex-avatar-blue-default-background-color);border-color:var(--udex-avatar-blue-hover-border-color);color:var(--udex-avatar-blue-icon-color)}:host([color-scheme=\"Mango\"]) .udex-avatar{background-color:var(--udex-avatar-mango-default-background-color);color:var(--udex-avatar-mango-icon-color);border-color:var(--udex-avatar-mango-default-border-color)}:host([hover][color-scheme=\"Mango\"]) .udex-avatar,:host([color-scheme=\"Mango\"][interactive]) .udex-avatar:hover{background-color:var(--udex-avatar-mango-default-background-color);border-color:var(--udex-avatar-mango-hover-border-color);color:var(--udex-avatar-mango-icon-color)}:host([disabled]) .udex-avatar:hover{border:0}:host([color-scheme=\"Red\"]) .udex-avatar{background-color:var(--udex-avatar-red-default-background-color);color:var(--udex-avatar-red-icon-color);border-color:var(--udex-avatar-red-default-border-color)}:host([hover][color-scheme=\"Red\"]) .udex-avatar,:host([color-scheme=\"Red\"][interactive]) .udex-avatar:hover{background-color:var(--udex-avatar-red-default-background-color);border-color:var(--udex-avatar-red-hover-border-color);color:var(--udex-avatar-red-icon-color)}:host([color-scheme=\"Raspberry\"]) .udex-avatar{background-color:var(--udex-avatar-raspberry-default-background-color);color:var(--udex-avatar-raspberry-icon-color);border-color:var(--udex-avatar-raspberry-default-border-color)}:host([hover][color-scheme=\"Raspberry\"]) .udex-avatar,:host([color-scheme=\"Raspberry\"][interactive]) .udex-avatar:hover{background-color:var(--udex-avatar-raspberry-default-background-color);border-color:var(--udex-avatar-raspberry-hover-border-color);color:var(--udex-avatar-raspberry-icon-color)}:host([color-scheme=\"Pink\"]) .udex-avatar{background-color:var(--udex-avatar-pink-default-background-color);color:var(--udex-avatar-pink-icon-color);border-color:var(--udex-avatar-pink-default-border-color)}:host([hover][color-scheme=\"Pink\"]) .udex-avatar,:host([color-scheme=\"Pink\"][interactive]) .udex-avatar:hover{background-color:var(--udex-avatar-pink-default-background-color);border-color:var(--udex-avatar-pink-hover-border-color);color:var(--udex-avatar-pink-icon-color)}:host([color-scheme=\"Indigo\"]) .udex-avatar{background-color:var(--udex-avatar-indigo-default-background-color);color:var(--udex-avatar-indigo-icon-color);border-color:var(--udex-avatar-indigo-default-border-color)}:host([hover][color-scheme=\"Indigo\"]) .udex-avatar,:host([color-scheme=\"Indigo\"][interactive]) .udex-avatar:hover{background-color:var(--udex-avatar-indigo-default-background-color);border-color:var(--udex-avatar-indigo-hover-border-color);color:var(--udex-avatar-indigo-icon-color)}:host([color-scheme=\"Teal\"]) .udex-avatar{background-color:var(--udex-avatar-teal-default-background-color);color:var(--udex-avatar-teal-icon-color);border-color:var(--udex-avatar-teal-default-border-color)}:host([hover][color-scheme=\"Teal\"]) .udex-avatar,:host([color-scheme=\"Teal\"][interactive]) .udex-avatar:hover{background-color:var(--udex-avatar-teal-default-background-color);border-color:var(--udex-avatar-teal-hover-border-color);color:var(--udex-avatar-teal-icon-color)}:host([color-scheme=\"Green\"]) .udex-avatar{background-color:var(--udex-avatar-green-default-background-color);color:var(--udex-avatar-green-icon-color);border-color:var(--udex-avatar-green-default-border-color)}:host([hover][color-scheme=\"Green\"]) .udex-avatar,:host([color-scheme=\"Green\"][interactive]) .udex-avatar:hover{background-color:var(--udex-avatar-green-default-background-color);border-color:var(--udex-avatar-green-hover-border-color);color:var(--udex-avatar-green-icon-color)}:host([color-scheme=\"Grey\"]) .udex-avatar{background-color:var(--udex-avatar-grey-default-background-color);color:var(--udex-avatar-grey-icon-color);border-color:var(--udex-avatar-grey-default-border-color)}:host([hover][color-scheme=\"Grey\"]) .udex-avatar,:host([color-scheme=\"Grey\"][interactive]) .udex-avatar:hover{background-color:var(--udex-avatar-grey-default-background-color);border-color:var(--udex-avatar-grey-hover-border-color);color:var(--udex-avatar-grey-icon-color)}:host([color-scheme=\"Transparent\"]) .udex-avatar{background-color:var(--udex-avatar-transparent-default-background-color);color:var(--udex-avatar-transparent-default-icon-color);border-color:var(--udex-avatar-transparent-default-border-color)}:host([hover][color-scheme=\"Transparent\"]) .udex-avatar,:host([color-scheme=\"Transparent\"][interactive]) .udex-avatar:hover{background-color:var(--udex-avatar-transparent-default-background-color);border-color:var(--udex-avatar-transparent-hover-border-color);color:var(--udex-avatar-transparent-default-icon-color)}:host([color-scheme=\"Neutral\"]) .udex-avatar{background-color:var(--udex-avatar-neutral-default-background-color);color:var(--udex-avatar-neutral-default-icon-color);border-color:var(--udex-avatar-neutral-default-border-color)}:host([hover][color-scheme=\"Neutral\"]) .udex-avatar,:host([color-scheme=\"Neutral\"][interactive]) .udex-avatar:hover{background-color:var(--udex-avatar-neutral-default-background-color);border-color:var(--udex-avatar-neutral-hover-border-color);color:var(--udex-avatar-neutral-default-icon-color)}:host([hover]) .udex-avatar.udex-avatar--with-image,:host([color-scheme][interactive]) .udex-avatar.udex-avatar--with-image:hover{border-color:var(--udex-avatar-image-hover-border-color);background-color:#0000}:host([interactive]:not([hidden])) .udex-avatar:active,:host([interactive]:not([hidden])) .udex-avatar.udex-avatar--with-image:active{border-color:var(--udex-avatar-neutral-active-border-color);background-color:var(--udex-avatar-neutral-active-background-color);color:var(--udex-avatar-neutral-active-icon-color)}\n`"]}
|
|
1
|
+
{"version":3,"file":"Avatar.css.js","sourceRoot":"","sources":["../../../src/generated/themes/Avatar.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,6BAA6B,EAAE,MAAM,yDAAyD,CAAC;AAExG,OAAO,gBAAgB,MAAM,uFAAuF,CAAC;AACrH,OAAO,YAAY,MAAM,wCAAwC,CAAC;AAElE,6BAA6B,CAAC,GAAG,GAAG,KAAK,GAAG,GAAG,GAAG,uBAAuB,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,gBAAgB,CAAC,CAAC;AACxH,6BAA6B,CAAC,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC;AACxN,eAAe;CACd,CAAA","sourcesContent":["import { registerThemePropertiesLoader } from \"@ui5/webcomponents-base/dist/asset-registries/Themes.js\";\n\nimport defaultThemeBase from \"@ui5/webcomponents-theming/dist/generated/themes/sap_horizon/parameters-bundle.css.js\";\nimport defaultTheme from \"./sap_horizon/parameters-bundle.css.js\";\n\nregisterThemePropertiesLoader(\"@\" + \"ui5\" + \"/\" + \"webcomponents-theming\", \"sap_horizon\", async () => defaultThemeBase);\nregisterThemePropertiesLoader(\"@\" + \"s\" + \"a\" + \"p\" + \"u\" + \"d\" + \"e\" + \"x\" + \"/\" + \"w\" + \"e\" + \"b\" + \"-\" + \"c\" + \"o\" + \"m\" + \"p\" + \"o\" + \"n\" + \"e\" + \"n\" + \"t\" + \"s\", \"sap_horizon\", async () => defaultTheme, \"host\");\nexport default `:host{--udex-avatar-badge-size-background-xs-and-s-and-m: 18px;--udex-avatar-badge-size-background-l: 20px;--udex-avatar-badge-size-background-xl: 28px;--udex-avatar-badge-size-icon-xs-and-s-and-m: 12px;--udex-avatar-badge-size-icon-l: 14px;--udex-avatar-badge-size-icon-xl: 16px;--udex-avatar-size-xs: 32px;--udex-avatar-size-s: 48px;--udex-avatar-size-m: 64px;--udex-avatar-size-l: 84px;--udex-avatar-size-xl: 120px;--udex-avatar-font-size-xs: 12px;--udex-avatar-font-size-s: 18px;--udex-avatar-font-size-m: 24px;--udex-avatar-font-size-l: 32px;--udex-avatar-font-size-xl: 48px;--udex-avatar-radius-xs: var(--udexRadiusXS, 4px);--udex-avatar-radius-s: var(--udexRadiusXS, 4px);--udex-avatar-radius-m: var(--udexRadiusM, 8px);--udex-avatar-radius-l: var(--udexRadiusM, 8px);--udex-avatar-radius-xl: var(--udexRadiusXL, 16px);--udex-avatar-image-default-border-color: var(--udexColorGrey2, #EAECEE);--udex-avatar-image-hover-border-color: var(--udexColorGrey7, #475E75);--udex-avatar-blue-default-background-color: var(--sapAvatar_6_Background, var(--udexColorBlue2));--udex-avatar-blue-default-border-color: var(--sapAvatar_6_Background, var(--udexColorBlue2));--udex-avatar-blue-icon-color: var(--sapAvatar_6_TextColor, var(--udexColorBlue8));--udex-avatar-blue-hover-backgound-color: var(--sapAvatar_6_Background, var(--udexColorBlue2));--udex-avatar-blue-hover-border-color: var(--sapAvatar_6_TextColor, var(--udexColorBlue8));--udex-avatar-mango-default-background-color: var(--sapAvatar_1_Background, var(--udexColorMango2));--udex-avatar-mango-default-border-color: var(--sapAvatar_1_Background, var(--udexColorMango2));--udex-avatar-mango-icon-color: var(--sapAvatar_1_TextColor, var(--udexColorMango8));--udex-avatar-mango-hover-backgound-color: var(--sapAvatar_1_Background, var(--udexColorMango2));--udex-avatar-mango-hover-border-color: var(--sapAvatar_1_TextColor, var(--udexColorMango8));--udex-avatar-red-default-background-color: var(--sapAvatar_2_Background, var(--udexColorRed2));--udex-avatar-red-default-border-color: var(--sapAvatar_2_Background, var(--udexColorRed2));--udex-avatar-red-icon-color: var(--sapAvatar_2_TextColor, var(--udexColorRed8));--udex-avatar-red-hover-backgound-color: var(--sapAvatar_2_Background, var(--udexColorRed2));--udex-avatar-red-hover-border-color: var(--sapAvatar_2_TextColor, var(--udexColorRed8));--udex-avatar-raspberry-default-background-color: var(--sapAvatar_3_Background, var(--udexColorRaspberry2));--udex-avatar-raspberry-default-border-color: var(--sapAvatar_3_Background, var(--udexColorRaspberry2));--udex-avatar-raspberry-icon-color: var(--sapAvatar_3_TextColor, var(--udexColorRaspberry8));--udex-avatar-raspberry-hover-backgound-color: var(--sapAvatar_3_Background, var(--udexColorRaspberry2));--udex-avatar-raspberry-hover-border-color: var(--sapAvatar_3_TextColor, var(--udexColorRaspberry8));--udex-avatar-pink-default-background-color: var(--sapAvatar_4_Background, var(--udexColorPink2));--udex-avatar-pink-default-border-color: var(--sapAvatar_4_Background, var(--udexColorPink2));--udex-avatar-pink-icon-color: var(--sapAvatar_4_TextColor, var(--udexColorPink8));--udex-avatar-pink-hover-backgound-color: var(--sapAvatar_4_Background, var(--udexColorPink2));--udex-avatar-pink-hover-border-color: var(--sapAvatar_4_TextColor, var(--udexColorPink8));--udex-avatar-indigo-default-background-color: var(--sapAvatar_5_Background, var(--udexColorIndigo2));--udex-avatar-indigo-default-border-color: var(--sapAvatar_5_Background, var(--udexColorIndigo2));--udex-avatar-indigo-icon-color: var(--sapAvatar_5_TextColor, var(--udexColorIndigo8));--udex-avatar-indigo-hover-backgound-color: var(--sapAvatar_5_Background, var(--udexColorIndigo2));--udex-avatar-indigo-hover-border-color: var(--sapAvatar_5_TextColor, var(--udexColorIndigo8));--udex-avatar-teal-default-background-color: var(--sapAvatar_7_Background, var(--udexColorTeal2));--udex-avatar-teal-default-border-color: var(--sapAvatar_7_Background, var(--udexColorTeal2));--udex-avatar-teal-icon-color: var(--sapAvatar_7_TextColor, var(--udexColorTeal8));--udex-avatar-teal-hover-backgound-color: var(--sapAvatar_7_Background, var(--udexColorTeal2));--udex-avatar-teal-hover-border-color: var(--sapAvatar_7_TextColor, var(--udexColorTeal8));--udex-avatar-green-default-background-color: var(--sapAvatar_8_Background, var(--udexColorGreen2));--udex-avatar-green-default-border-color: var(--sapAvatar_8_Background, var(--udexColorGreen2));--udex-avatar-green-icon-color: var(--sapAvatar_8_TextColor, var(--udexColorGreen8));--udex-avatar-green-hover-backgound-color: var(--sapAvatar_8_Background, var(--udexColorGreen2));--udex-avatar-green-hover-border-color: var(--sapAvatar_8_TextColor, var(--udexColorGreen8));--udex-avatar-grey-default-background-color: var(--sapAvatar_9_Background, var(--udexColorGrey2));--udex-avatar-grey-default-border-color: var(--sapAvatar_9_Background, var(--udexColorGrey2));--udex-avatar-grey-icon-color: var(--sapAvatar_9_TextColor, var(--udexColorGrey8));--udex-avatar-grey-hover-backgound-color: var(--sapAvatar_9_Background, var(--udexColorGrey2));--udex-avatar-grey-hover-border-color: var(--sapAvatar_9_TextColor, var(--udexColorGrey8));--udex-avatar-transparent-default-background-color: hsla(0, 0%, 0%, 0);--udex-avatar-transparent-default-border-color: hsla(0, 0%, 0%, 0);--udex-avatar-transparent-default-icon-color: var(--udexColorGrey9, #223548);--udex-avatar-transparent-hover-backgound-color: hsla(0, 0%, 0%, 0);--udex-avatar-transparent-hover-border-color: var(--udexColorGrey9, #223548);--udex-avatar-transparent-hover-icon-color: var(--udexColorGrey9, #223548);--udex-avatar-neutral-default-background-color: var(--sapAvatar_10_Background, var(--udexColorNeuturalWhite));--udex-avatar-neutral-default-border-color: var(--sapAvatar_10_BorderColor, var(--udexColorGrey3));--udex-avatar-neutral-default-icon-color: var(--sapAvatar_10_TextColor , #0070F2);--udex-avatar-neutral-hover-backgound-color: var(--sapAvatar_10_Background, var(--udexColorNeuturalWhite));--udex-avatar-neutral-hover-border-color: var(--udexColorGrey5, #8396a8);--udex-avatar-neutral-hover-icon-color: var(--sapAvatar_10_TextColor, #0070F2);--udex-avatar-neutral-active-border-color: var(--udexColorBlue9, #0040B0);--udex-avatar-neutral-active-background-color: var(--sapAvatar_10_Background, var(--udexColorNeuturalWhite));--udex-avatar-neutral-active-icon-color: var(--udexColorBlue9, #0040B0)}:host([disabled]){pointer-events:none}:host([shape=\"Square\"]) .udex-avatar{border-radius:var(--udex-avatar-radius-s)}:host{font-family:var(--sapFontFamily, sans-serif);font-size:var(--sapFontSize, 16px);display:inline-flex}:host([hidden]){display:none}:host([interactive]) .udex-avatar:hover{box-shadow:none}::slotted(*){pointer-events:none}:host([color-scheme]) .udex-avatar.udex-avatar--with-image{background-color:#0000;border-color:var(--udex-avatar-image-default-border-color)}.udex-avatar ::slotted([slot=\"badge\"]){display:flex;justify-content:center;align-items:center;bottom:0;right:0;pointer-events:all}:host([size=\"XS\"]) .udex-avatar ::slotted([slot=\"badge\"]){width:var(--udex-avatar-badge-size-background-xs-and-s-and-m);height:var(--udex-avatar-badge-size-background-xs-and-s-and-m);font-size:var(--udex-avatar-badge-size-icon-xs-and-s-and-m);padding:3px}:host([size=\"S\"]) .udex-avatar ::slotted([slot=\"badge\"]){width:var(--udex-avatar-badge-size-background-xs-and-s-and-m);height:var(--udex-avatar-badge-size-background-xs-and-s-and-m);font-size:var(--udex-avatar-badge-size-icon-xs-and-s-and-m);padding:3px}:host([size=\"M\"]) .udex-avatar ::slotted([slot=\"badge\"]){width:var(--udex-avatar-badge-size-background-xs-and-s-and-m);height:var(--udex-avatar-badge-size-background-xs-and-s-and-m);font-size:var(--udex-avatar-badge-size-icon-xs-and-s-and-m);padding:3px}:host([size=\"L\"]) .udex-avatar ::slotted([slot=\"badge\"]){width:var(--udex-avatar-badge-size-background-l);height:var(--udex-avatar-badge-size-background-l);font-size:var(--udex-avatar-badge-size-icon-l);padding:3px}:host([size=\"XL\"]) .udex-avatar ::slotted([slot=\"badge\"]){width:var(--udex-avatar-badge-size-background-xl);height:var(--udex-avatar-badge-size-background-xl);font-size:var(--udex-avatar-badge-size-icon-xl);padding:6px}:host([show-attention-badge][size=\"XS\"]) .udex-avatar:before{position:absolute;content:\"\";inset-block-start:0;inset-inline-end:0;z-index:var(--udexZIndex1, 1);width:6px;height:6px;border:1px solid #fff;border-radius:50%;background-color:var(--udexColorRed7)}:host([size=\"XS\"]) .udex-avatar{width:var(--udex-avatar-size-xs);height:var(--udex-avatar-size-xs);font-size:var(--udex-avatar-font-size-xs)}:host([size=\"S\"]) .udex-avatar{width:var(--udex-avatar-size-s);height:var(--udex-avatar-size-s);font-size:var(--udex-avatar-font-size-s)}:host([size=\"M\"]) .udex-avatar{width:var(--udex-avatar-size-m);height:var(--udex-avatar-size-m);font-size:var(--udex-avatar-font-size-m)}:host([size=\"L\"]) .udex-avatar{width:var(--udex-avatar-size-l);height:var(--udex-avatar-size-l);font-size:var(--udex-avatar-font-size-l)}:host([size=\"XL\"]) .udex-avatar{width:var(--udex-avatar-size-xl);height:var(--udex-avatar-size-xl);font-size:var(--udex-avatar-font-size-xl)}:host([size=\"XS\"][shape=\"Square\"]) .udex-avatar{border-radius:var(--udex-avatar-radius-xs)}:host([size=\"XS\"][shape=\"Square\"]) .udex-avatar ::slotted(*:not([slot=\"badge\"])){border-radius:var(--udex-avatar-radius-xs)}:host([size=\"S\"][shape=\"Square\"]) .udex-avatar{border-radius:var(--udex-avatar-radius-s)}:host([size=\"S\"][shape=\"Square\"]) .udex-avatar ::slotted(*:not([slot=\"badge\"])){border-radius:var(--udex-avatar-radius-s)}:host([size=\"M\"][shape=\"Square\"]) .udex-avatar{border-radius:var(--udex-avatar-radius-m)}:host([size=\"M\"][shape=\"Square\"]) .udex-avatar ::slotted(*:not([slot=\"badge\"])){border-radius:var(--udex-avatar-radius-m)}:host([size=\"L\"][shape=\"Square\"]) .udex-avatar{border-radius:var(--udex-avatar-radius-l)}:host([size=\"L\"][shape=\"Square\"]) .udex-avatar ::slotted(*:not([slot=\"badge\"])){border-radius:var(--udex-avatar-radius-l)}:host([size=\"XL\"][shape=\"Square\"]) .udex-avatar{border-radius:var(--udex-avatar-radius-xl)}:host([size=\"XL\"][shape=\"Square\"]) .udex-avatar ::slotted(*:not([slot=\"badge\"])){border-radius:var(--udex-avatar-radius-xl)}:host([color-scheme=\"Blue\"]) .udex-avatar{background-color:var(--udex-avatar-blue-default-background-color);color:var(--udex-avatar-blue-icon-color);border-color:var(--udex-avatar-blue-default-border-color)}:host([hover][color-scheme=\"Blue\"]) .udex-avatar,:host([color-scheme=\"Blue\"][interactive]) .udex-avatar:hover{background-color:var(--udex-avatar-blue-default-background-color);border-color:var(--udex-avatar-blue-hover-border-color);color:var(--udex-avatar-blue-icon-color)}:host([color-scheme=\"Mango\"]) .udex-avatar{background-color:var(--udex-avatar-mango-default-background-color);color:var(--udex-avatar-mango-icon-color);border-color:var(--udex-avatar-mango-default-border-color)}:host([hover][color-scheme=\"Mango\"]) .udex-avatar,:host([color-scheme=\"Mango\"][interactive]) .udex-avatar:hover{background-color:var(--udex-avatar-mango-default-background-color);border-color:var(--udex-avatar-mango-hover-border-color);color:var(--udex-avatar-mango-icon-color)}:host([disabled]) .udex-avatar:hover{border:0}:host([color-scheme=\"Red\"]) .udex-avatar{background-color:var(--udex-avatar-red-default-background-color);color:var(--udex-avatar-red-icon-color);border-color:var(--udex-avatar-red-default-border-color)}:host([hover][color-scheme=\"Red\"]) .udex-avatar,:host([color-scheme=\"Red\"][interactive]) .udex-avatar:hover{background-color:var(--udex-avatar-red-default-background-color);border-color:var(--udex-avatar-red-hover-border-color);color:var(--udex-avatar-red-icon-color)}:host([color-scheme=\"Raspberry\"]) .udex-avatar{background-color:var(--udex-avatar-raspberry-default-background-color);color:var(--udex-avatar-raspberry-icon-color);border-color:var(--udex-avatar-raspberry-default-border-color)}:host([hover][color-scheme=\"Raspberry\"]) .udex-avatar,:host([color-scheme=\"Raspberry\"][interactive]) .udex-avatar:hover{background-color:var(--udex-avatar-raspberry-default-background-color);border-color:var(--udex-avatar-raspberry-hover-border-color);color:var(--udex-avatar-raspberry-icon-color)}:host([color-scheme=\"Pink\"]) .udex-avatar{background-color:var(--udex-avatar-pink-default-background-color);color:var(--udex-avatar-pink-icon-color);border-color:var(--udex-avatar-pink-default-border-color)}:host([hover][color-scheme=\"Pink\"]) .udex-avatar,:host([color-scheme=\"Pink\"][interactive]) .udex-avatar:hover{background-color:var(--udex-avatar-pink-default-background-color);border-color:var(--udex-avatar-pink-hover-border-color);color:var(--udex-avatar-pink-icon-color)}:host([color-scheme=\"Indigo\"]) .udex-avatar{background-color:var(--udex-avatar-indigo-default-background-color);color:var(--udex-avatar-indigo-icon-color);border-color:var(--udex-avatar-indigo-default-border-color)}:host([hover][color-scheme=\"Indigo\"]) .udex-avatar,:host([color-scheme=\"Indigo\"][interactive]) .udex-avatar:hover{background-color:var(--udex-avatar-indigo-default-background-color);border-color:var(--udex-avatar-indigo-hover-border-color);color:var(--udex-avatar-indigo-icon-color)}:host([color-scheme=\"Teal\"]) .udex-avatar{background-color:var(--udex-avatar-teal-default-background-color);color:var(--udex-avatar-teal-icon-color);border-color:var(--udex-avatar-teal-default-border-color)}:host([hover][color-scheme=\"Teal\"]) .udex-avatar,:host([color-scheme=\"Teal\"][interactive]) .udex-avatar:hover{background-color:var(--udex-avatar-teal-default-background-color);border-color:var(--udex-avatar-teal-hover-border-color);color:var(--udex-avatar-teal-icon-color)}:host([color-scheme=\"Green\"]) .udex-avatar{background-color:var(--udex-avatar-green-default-background-color);color:var(--udex-avatar-green-icon-color);border-color:var(--udex-avatar-green-default-border-color)}:host([hover][color-scheme=\"Green\"]) .udex-avatar,:host([color-scheme=\"Green\"][interactive]) .udex-avatar:hover{background-color:var(--udex-avatar-green-default-background-color);border-color:var(--udex-avatar-green-hover-border-color);color:var(--udex-avatar-green-icon-color)}:host([color-scheme=\"Grey\"]) .udex-avatar{background-color:var(--udex-avatar-grey-default-background-color);color:var(--udex-avatar-grey-icon-color);border-color:var(--udex-avatar-grey-default-border-color)}:host([hover][color-scheme=\"Grey\"]) .udex-avatar,:host([color-scheme=\"Grey\"][interactive]) .udex-avatar:hover{background-color:var(--udex-avatar-grey-default-background-color);border-color:var(--udex-avatar-grey-hover-border-color);color:var(--udex-avatar-grey-icon-color)}:host([color-scheme=\"Transparent\"]) .udex-avatar{background-color:var(--udex-avatar-transparent-default-background-color);color:var(--udex-avatar-transparent-default-icon-color);border-color:var(--udex-avatar-transparent-default-border-color)}:host([hover][color-scheme=\"Transparent\"]) .udex-avatar,:host([color-scheme=\"Transparent\"][interactive]) .udex-avatar:hover{background-color:var(--udex-avatar-transparent-default-background-color);border-color:var(--udex-avatar-transparent-hover-border-color);color:var(--udex-avatar-transparent-default-icon-color)}:host([color-scheme=\"Neutral\"]) .udex-avatar{background-color:var(--udex-avatar-neutral-default-background-color);color:var(--udex-avatar-neutral-default-icon-color);border-color:var(--udex-avatar-neutral-default-border-color)}:host([hover][color-scheme=\"Neutral\"]) .udex-avatar,:host([color-scheme=\"Neutral\"][interactive]) .udex-avatar:hover{background-color:var(--udex-avatar-neutral-default-background-color);border-color:var(--udex-avatar-neutral-hover-border-color);color:var(--udex-avatar-neutral-default-icon-color)}:host([hover]) .udex-avatar.udex-avatar--with-image,:host([color-scheme][interactive]) .udex-avatar.udex-avatar--with-image:hover{border-color:var(--udex-avatar-image-hover-border-color);background-color:#0000}:host([interactive]:not([hidden])) .udex-avatar:active,:host([interactive]:not([hidden])) .udex-avatar.udex-avatar--with-image:active{border-color:var(--udex-avatar-neutral-active-border-color);background-color:var(--udex-avatar-neutral-active-background-color);color:var(--udex-avatar-neutral-active-icon-color)}\n`"]}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
declare const _default: ":host{--udex-country-selector-flag-width: 30px;--udex-country-selector-flag-height: 20px;--udex-country-selector-padding-start: 50px;--udex-country-selector-padding-end: 12px;--udex-country-selector-text-offset:
|
|
1
|
+
declare const _default: ":host{--udex-country-selector-flag-width: 30px;--udex-country-selector-flag-height: 20px;--udex-country-selector-padding-start: 50px;--udex-country-selector-padding-end: 12px;--udex-country-selector-text-offset: 40px;--udex-country-selector-search-inset-end: 42px;--udex-country-selector-search-inset-start: 36px;--udex-country-selector-active-text-offset-y: -21px;--udex-country-selector-label-offset-y: 96px;--udex-country-selector-flag-border-color: var(--udexColorGrey2, #EAECEE)}:host([_country-selector]) .udex-text-field__label{max-width:calc(100% - var(--udex-country-selector-label-offset-y))}:host(:dir(rtl)[_country-selector]) .udex-text-field__label{transform:translate(calc(var(--udex-country-selector-text-offset) * -1))}:host([_country-selector]) .udex-text-field__label{transform:translate(var(--udex-country-selector-text-offset))}:host([_country-selector]) .udex-text-field__label.udex-text-field__label_active{transform:translateY(var(--udex-country-selector-active-text-offset-y))}:host([_country-selector]) .udex-text-field__text-holder{inset:0 1px}:host([_country-selector]) [udex-list-item]::part(item){padding:var(--udexSpacer8) var(--udexSpacer12) var(--udexSpacer8) var(--udex-country-selector-padding-start)}:host([_country-selector]) .udex-text-field__search{inset:0;padding:var(--udexSpacer8) 0}:host([_country-selector][hide-flag-images]) .udex-text-field__search{--udex-country-selector-search-inset-start: 0;padding:var(--udexSpacer8) var(--udexSpacer12);inset:0 42px 0 0}:host([_country-selector][hide-flag-images]) .udex-text-field__text-holder{inset:0 13px}:host([_country-selector][hide-flag-images]) .udex-text-field__label{--udex-country-selector-text-offset: 0}:host([_country-selector][hide-flag-images]) [udex-list-item]::part(item),:host([_country-selector][hide-flag-images]) .udex-text-field__text-holder{--udex-country-selector-padding-start: var(--udexSpacer12);--udex-country-selector-padding-end: var(--udexSpacer12)}:host([_country-selector][hide-flag-images]) .udex-text-field__label{--udex-country-selector-label-offset-y: 56px}.udex-text-field__image{background-color:var(--udexColorGrey4, #A9B4BE);background-image:url(https://cdn.udex.services.sap.com/dds/design-tokens/assets/country_flag_iso3166.webp);background-repeat:no-repeat;background-position:1000px 0;position:absolute;top:0;transform:translateY(50%);z-index:var(--udexZIndex1, 1);min-width:var(--udex-country-selector-flag-width);width:var(--udex-country-selector-flag-width);height:var(--udex-country-selector-flag-height);inset-inline-start:var(--udexSpacer12);inset-inline-end:30px;pointer-events:none}.udex-text-field__image:before{border:1px solid var(--udex-country-selector-flag-border-color);content:\"\";position:absolute;inset:0;pointer-events:none}.udex-text-field__input>.udex-text-field__image{position:relative;transform:translate(0);inset-inline-start:0;inset-inline-end:0;margin-inline-start:var(--udexSpacer12);margin-inline-end:var(--udexSpacer8)}\n";
|
|
2
2
|
export default _default;
|
|
@@ -3,6 +3,6 @@ import defaultThemeBase from "@ui5/webcomponents-theming/dist/generated/themes/s
|
|
|
3
3
|
import defaultTheme from "./sap_horizon/parameters-bundle.css.js";
|
|
4
4
|
registerThemePropertiesLoader("@" + "ui5" + "/" + "webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
|
|
5
5
|
registerThemePropertiesLoader("@" + "s" + "a" + "p" + "u" + "d" + "e" + "x" + "/" + "w" + "e" + "b" + "-" + "c" + "o" + "m" + "p" + "o" + "n" + "e" + "n" + "t" + "s", "sap_horizon", async () => defaultTheme, "host");
|
|
6
|
-
export default `:host{--udex-country-selector-flag-width: 30px;--udex-country-selector-flag-height: 20px;--udex-country-selector-padding-start: 50px;--udex-country-selector-padding-end: 12px;--udex-country-selector-text-offset:
|
|
6
|
+
export default `:host{--udex-country-selector-flag-width: 30px;--udex-country-selector-flag-height: 20px;--udex-country-selector-padding-start: 50px;--udex-country-selector-padding-end: 12px;--udex-country-selector-text-offset: 40px;--udex-country-selector-search-inset-end: 42px;--udex-country-selector-search-inset-start: 36px;--udex-country-selector-active-text-offset-y: -21px;--udex-country-selector-label-offset-y: 96px;--udex-country-selector-flag-border-color: var(--udexColorGrey2, #EAECEE)}:host([_country-selector]) .udex-text-field__label{max-width:calc(100% - var(--udex-country-selector-label-offset-y))}:host(:dir(rtl)[_country-selector]) .udex-text-field__label{transform:translate(calc(var(--udex-country-selector-text-offset) * -1))}:host([_country-selector]) .udex-text-field__label{transform:translate(var(--udex-country-selector-text-offset))}:host([_country-selector]) .udex-text-field__label.udex-text-field__label_active{transform:translateY(var(--udex-country-selector-active-text-offset-y))}:host([_country-selector]) .udex-text-field__text-holder{inset:0 1px}:host([_country-selector]) [udex-list-item]::part(item){padding:var(--udexSpacer8) var(--udexSpacer12) var(--udexSpacer8) var(--udex-country-selector-padding-start)}:host([_country-selector]) .udex-text-field__search{inset:0;padding:var(--udexSpacer8) 0}:host([_country-selector][hide-flag-images]) .udex-text-field__search{--udex-country-selector-search-inset-start: 0;padding:var(--udexSpacer8) var(--udexSpacer12);inset:0 42px 0 0}:host([_country-selector][hide-flag-images]) .udex-text-field__text-holder{inset:0 13px}:host([_country-selector][hide-flag-images]) .udex-text-field__label{--udex-country-selector-text-offset: 0}:host([_country-selector][hide-flag-images]) [udex-list-item]::part(item),:host([_country-selector][hide-flag-images]) .udex-text-field__text-holder{--udex-country-selector-padding-start: var(--udexSpacer12);--udex-country-selector-padding-end: var(--udexSpacer12)}:host([_country-selector][hide-flag-images]) .udex-text-field__label{--udex-country-selector-label-offset-y: 56px}.udex-text-field__image{background-color:var(--udexColorGrey4, #A9B4BE);background-image:url(https://cdn.udex.services.sap.com/dds/design-tokens/assets/country_flag_iso3166.webp);background-repeat:no-repeat;background-position:1000px 0;position:absolute;top:0;transform:translateY(50%);z-index:var(--udexZIndex1, 1);min-width:var(--udex-country-selector-flag-width);width:var(--udex-country-selector-flag-width);height:var(--udex-country-selector-flag-height);inset-inline-start:var(--udexSpacer12);inset-inline-end:30px;pointer-events:none}.udex-text-field__image:before{border:1px solid var(--udex-country-selector-flag-border-color);content:"";position:absolute;inset:0;pointer-events:none}.udex-text-field__input>.udex-text-field__image{position:relative;transform:translate(0);inset-inline-start:0;inset-inline-end:0;margin-inline-start:var(--udexSpacer12);margin-inline-end:var(--udexSpacer8)}
|
|
7
7
|
`;
|
|
8
8
|
//# sourceMappingURL=CountrySelector.css.js.map
|