@sapudex/web-components 0.225.0 → 2.0.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/.eslintignore +5 -3
- package/.npsrc.json +3 -0
- package/config/{dev-server.js → dev-server.mjs} +5 -5
- package/config/wdio.conf.cjs +3 -0
- package/cypress/fixtures/example.json +5 -0
- package/cypress/fixtures/secondary-navigation-items.ts +121 -0
- package/cypress/specs/Accordion.cy.tsx +142 -0
- package/cypress/specs/AccordionItem.cy.tsx +60 -0
- package/cypress/specs/Avatar.cy.tsx +71 -0
- package/cypress/specs/AvatarGroup.cy.tsx +47 -0
- package/cypress/specs/Badge.cy.tsx +142 -0
- package/cypress/specs/ListItem.cy.tsx +162 -0
- package/cypress/specs/PhoneNumberField.cy.tsx +193 -0
- package/cypress/specs/Review.cy.tsx +49 -0
- package/cypress/specs/ReviewItem.cy.tsx +73 -0
- package/cypress/specs/SecondaryNavigationDesktop.cy.tsx +367 -0
- package/cypress/specs/SecondaryNavigationMobile.cy.tsx +93 -0
- package/cypress/specs/SelectBox.cy.tsx +906 -0
- package/cypress/specs/Slider.cy.tsx +24 -0
- package/cypress/specs/StatusBadge.cy.tsx +28 -0
- package/cypress/specs/StatusMessage.cy.tsx +29 -0
- package/cypress/specs/Switch.cy.tsx +52 -0
- package/cypress/specs/Tag.cy.tsx +122 -0
- package/cypress/specs/TagGroup.cy.tsx +99 -0
- package/cypress/specs/TextField.cy.tsx +180 -0
- package/cypress/specs/Textarea.cy.tsx +205 -0
- package/cypress/specs/Toast.cy.tsx +102 -0
- package/cypress/specs/Tooltip.cy.tsx +75 -0
- package/cypress/specs/TruncatedText.cy.tsx +44 -0
- package/cypress/specs/Upload.cy.tsx +93 -0
- package/cypress/specs/UploadItem.cy.tsx +93 -0
- package/cypress/specs/Wizard.cy.tsx +77 -0
- package/cypress/support/commands.ts +77 -0
- package/cypress/support/component-index.html +12 -0
- package/cypress/support/component.ts +36 -0
- package/cypress/tsconfig.json +19 -0
- package/cypress.config.ts +13 -0
- package/dist/Accordion.d.ts +8 -3
- package/dist/Accordion.js +8 -13
- package/dist/Accordion.js.map +1 -1
- package/dist/AccordionItem.d.ts +7 -7
- package/dist/AccordionItem.js +5 -6
- package/dist/AccordionItem.js.map +1 -1
- package/dist/Assets.js +2 -3
- package/dist/Assets.js.map +1 -1
- package/dist/AssetsVariables.d.ts +2 -0
- package/dist/AssetsVariables.js +51 -0
- package/dist/AssetsVariables.js.map +1 -0
- package/dist/Avatar.d.ts +15 -13
- package/dist/Avatar.js +93 -40
- package/dist/Avatar.js.map +1 -1
- package/dist/AvatarGroup.js +9 -9
- package/dist/AvatarGroup.js.map +1 -1
- package/dist/Badge.d.ts +7 -16
- package/dist/Badge.js +45 -18
- package/dist/Badge.js.map +1 -1
- package/dist/Breadcrumbs.d.ts +24 -22
- package/dist/Breadcrumbs.js +55 -86
- package/dist/Breadcrumbs.js.map +1 -1
- package/dist/BreadcrumbsItem.js +2 -2
- package/dist/BreadcrumbsItem.js.map +1 -1
- package/dist/Button.d.ts +4 -17
- package/dist/Button.js +42 -36
- package/dist/Button.js.map +1 -1
- package/dist/Carousel.d.ts +4 -3
- package/dist/Carousel.js +38 -17
- package/dist/Carousel.js.map +1 -1
- package/dist/Checkbox.d.ts +13 -0
- package/dist/Checkbox.js +38 -6
- package/dist/Checkbox.js.map +1 -1
- package/dist/ControlButton.d.ts +8 -1
- package/dist/ControlButton.js +24 -4
- package/dist/ControlButton.js.map +1 -1
- package/dist/CountrySelector.d.ts +42 -31
- package/dist/CountrySelector.js +116 -118
- package/dist/CountrySelector.js.map +1 -1
- package/dist/DatePicker.d.ts +26 -15
- package/dist/DatePicker.js +115 -58
- package/dist/DatePicker.js.map +1 -1
- package/dist/Divider.js +12 -2
- package/dist/Divider.js.map +1 -1
- package/dist/Dropdown.d.ts +4 -117
- package/dist/Dropdown.js +16 -189
- package/dist/Dropdown.js.map +1 -1
- package/dist/FilterMenu.d.ts +29 -22
- package/dist/FilterMenu.js +98 -55
- package/dist/FilterMenu.js.map +1 -1
- package/dist/Footer.d.ts +40 -65
- package/dist/Footer.js +144 -53
- package/dist/Footer.js.map +1 -1
- package/dist/HeroBanner.d.ts +4 -4
- package/dist/HeroBanner.js +13 -10
- package/dist/HeroBanner.js.map +1 -1
- package/dist/InputGroup.d.ts +9 -13
- package/dist/InputGroup.js +28 -17
- package/dist/InputGroup.js.map +1 -1
- package/dist/Link.d.ts +4 -20
- package/dist/Link.js +12 -28
- package/dist/Link.js.map +1 -1
- package/dist/List.d.ts +18 -12
- package/dist/List.js +53 -32
- package/dist/List.js.map +1 -1
- package/dist/ListGroupHeader.d.ts +6 -0
- package/dist/ListGroupHeader.js +5 -9
- package/dist/ListGroupHeader.js.map +1 -1
- package/dist/ListGroupHeaderBase.js.map +1 -1
- package/dist/ListItem.d.ts +24 -27
- package/dist/ListItem.js +59 -75
- package/dist/ListItem.js.map +1 -1
- package/dist/ListItemBase.d.ts +7 -7
- package/dist/ListItemBase.js +43 -11
- package/dist/ListItemBase.js.map +1 -1
- package/dist/ListSelectAll.d.ts +8 -3
- package/dist/ListSelectAll.js +11 -15
- package/dist/ListSelectAll.js.map +1 -1
- package/dist/MastheadCountrySelector.d.ts +8 -3
- package/dist/MastheadCountrySelector.js +7 -29
- package/dist/MastheadCountrySelector.js.map +1 -1
- package/dist/MastheadItem.d.ts +17 -61
- package/dist/MastheadItem.js +63 -108
- package/dist/MastheadItem.js.map +1 -1
- package/dist/MastheadMenu.d.ts +6 -4
- package/dist/MastheadMenu.js +25 -26
- package/dist/MastheadMenu.js.map +1 -1
- package/dist/MastheadMenuItem.d.ts +6 -5
- package/dist/MastheadMenuItem.js +34 -17
- package/dist/MastheadMenuItem.js.map +1 -1
- package/dist/MastheadMobileMenu.d.ts +17 -16
- package/dist/MastheadMobileMenu.js +16 -37
- package/dist/MastheadMobileMenu.js.map +1 -1
- package/dist/MastheadProfileMenu.d.ts +10 -7
- package/dist/MastheadProfileMenu.js +10 -25
- package/dist/MastheadProfileMenu.js.map +1 -1
- package/dist/MastheadShell.d.ts +27 -26
- package/dist/MastheadShell.js +96 -74
- package/dist/MastheadShell.js.map +1 -1
- package/dist/MediaPlayer.d.ts +21 -3552
- package/dist/MediaPlayer.js +103 -43
- package/dist/MediaPlayer.js.map +1 -1
- package/dist/MediaPlayerVimeo.d.ts +9 -1
- package/dist/MediaPlayerVimeo.js +51 -18
- package/dist/MediaPlayerVimeo.js.map +1 -1
- package/dist/MediaPlayerYoutube.d.ts +14 -3
- package/dist/MediaPlayerYoutube.js +45 -19
- package/dist/MediaPlayerYoutube.js.map +1 -1
- package/dist/MessageStrip.d.ts +6 -12
- package/dist/MessageStrip.js +40 -43
- package/dist/MessageStrip.js.map +1 -1
- package/dist/MessageStripTemplate.d.ts +2 -0
- package/dist/MessageStripTemplate.js +34 -0
- package/dist/MessageStripTemplate.js.map +1 -0
- package/dist/Modal.d.ts +2 -2
- package/dist/Modal.js +20 -11
- package/dist/Modal.js.map +1 -1
- package/dist/Pagination.d.ts +13 -13
- package/dist/Pagination.js +57 -37
- package/dist/Pagination.js.map +1 -1
- package/dist/PasswordField.d.ts +8 -19
- package/dist/PasswordField.js +47 -36
- package/dist/PasswordField.js.map +1 -1
- package/dist/PhoneNumberField.d.ts +18 -24
- package/dist/PhoneNumberField.js +126 -75
- package/dist/PhoneNumberField.js.map +1 -1
- package/dist/ProgressBar.d.ts +11 -0
- package/dist/ProgressBar.js +36 -4
- package/dist/ProgressBar.js.map +1 -1
- package/dist/ProgressBarTemplate.d.ts +2 -0
- package/dist/ProgressBarTemplate.js +30 -0
- package/dist/ProgressBarTemplate.js.map +1 -0
- package/dist/Quote.d.ts +5 -5
- package/dist/Quote.js +37 -13
- package/dist/Quote.js.map +1 -1
- package/dist/RadioButton.d.ts +11 -0
- package/dist/RadioButton.js +37 -4
- package/dist/RadioButton.js.map +1 -1
- package/dist/RangeSlider.js +2 -2
- package/dist/RangeSlider.js.map +1 -1
- package/dist/RatingBar.d.ts +2 -2
- package/dist/RatingBar.js +21 -7
- package/dist/RatingBar.js.map +1 -1
- package/dist/RatingIndicator.d.ts +7 -3
- package/dist/RatingIndicator.js +24 -8
- package/dist/RatingIndicator.js.map +1 -1
- package/dist/Review.d.ts +3 -4
- package/dist/Review.js +21 -9
- package/dist/Review.js.map +1 -1
- package/dist/ReviewItem.d.ts +3 -4
- package/dist/ReviewItem.js +19 -7
- package/dist/ReviewItem.js.map +1 -1
- package/dist/Search.d.ts +29 -10
- package/dist/Search.js +130 -58
- package/dist/Search.js.map +1 -1
- package/dist/SearchableListBase.d.ts +33 -15
- package/dist/SearchableListBase.js +52 -41
- package/dist/SearchableListBase.js.map +1 -1
- package/dist/SecondaryNavigation.d.ts +17 -12
- package/dist/SecondaryNavigation.js +38 -28
- package/dist/SecondaryNavigation.js.map +1 -1
- package/dist/SecondaryNavigationItem.d.ts +15 -2
- package/dist/SecondaryNavigationItem.js +16 -20
- package/dist/SecondaryNavigationItem.js.map +1 -1
- package/dist/SecondaryNavigationItemBase.d.ts +4 -4
- package/dist/SecondaryNavigationItemBase.js +9 -4
- package/dist/SecondaryNavigationItemBase.js.map +1 -1
- package/dist/SecondaryNavigationSubItem.d.ts +12 -4
- package/dist/SecondaryNavigationSubItem.js +24 -17
- package/dist/SecondaryNavigationSubItem.js.map +1 -1
- package/dist/SegmentedButton.d.ts +2 -15
- package/dist/SegmentedButton.js +19 -33
- package/dist/SegmentedButton.js.map +1 -1
- package/dist/SegmentedButtonItem.d.ts +9 -1
- package/dist/SegmentedButtonItem.js +28 -4
- package/dist/SegmentedButtonItem.js.map +1 -1
- package/dist/SelectBox.d.ts +28 -17
- package/dist/SelectBox.js +81 -63
- package/dist/SelectBox.js.map +1 -1
- package/dist/SideNavigation.js +2 -6
- package/dist/SideNavigation.js.map +1 -1
- package/dist/SideNavigationGroup.js +2 -2
- package/dist/SideNavigationGroup.js.map +1 -1
- package/dist/SideNavigationItem.js +6 -2
- package/dist/SideNavigationItem.js.map +1 -1
- package/dist/SideNavigationMobile.d.ts +9 -14
- package/dist/SideNavigationMobile.js +21 -38
- package/dist/SideNavigationMobile.js.map +1 -1
- package/dist/SideNavigationSubItem.js +2 -2
- package/dist/SideNavigationSubItem.js.map +1 -1
- package/dist/Slider.js +2 -2
- package/dist/Slider.js.map +1 -1
- package/dist/StatusBadge.d.ts +6 -5
- package/dist/StatusBadge.js +23 -6
- package/dist/StatusBadge.js.map +1 -1
- package/dist/StatusMessage.d.ts +2 -1
- package/dist/StatusMessage.js +21 -4
- package/dist/StatusMessage.js.map +1 -1
- package/dist/StepInput.d.ts +23 -14
- package/dist/StepInput.js +84 -57
- package/dist/StepInput.js.map +1 -1
- package/dist/StepInputTemplate.d.ts +2 -0
- package/dist/StepInputTemplate.js +7 -0
- package/dist/StepInputTemplate.js.map +1 -0
- package/dist/Switch.d.ts +9 -8
- package/dist/Switch.js +44 -19
- package/dist/Switch.js.map +1 -1
- package/dist/Tab.d.ts +4 -5
- package/dist/Tab.js +15 -6
- package/dist/Tab.js.map +1 -1
- package/dist/TabNavigation.d.ts +14 -7
- package/dist/TabNavigation.js +51 -42
- package/dist/TabNavigation.js.map +1 -1
- package/dist/Table.d.ts +2 -3
- package/dist/Table.js +14 -6
- package/dist/Table.js.map +1 -1
- package/dist/TableCell.d.ts +2 -2
- package/dist/TableCell.js +1 -1
- package/dist/TableCell.js.map +1 -1
- package/dist/TableCellBase.d.ts +1 -2
- package/dist/TableCellBase.js +0 -1
- package/dist/TableCellBase.js.map +1 -1
- package/dist/TableGroupRow.d.ts +1 -0
- package/dist/TableGroupRow.js +2 -2
- package/dist/TableGroupRow.js.map +1 -1
- package/dist/TableHeaderCell.js +16 -2
- package/dist/TableHeaderCell.js.map +1 -1
- package/dist/TableRowBase.d.ts +1 -1
- package/dist/TableRowBase.js +1 -2
- package/dist/TableRowBase.js.map +1 -1
- package/dist/Tag.d.ts +14 -6
- package/dist/Tag.js +59 -27
- package/dist/Tag.js.map +1 -1
- package/dist/TagGroup.d.ts +18 -8
- package/dist/TagGroup.js +33 -22
- package/dist/TagGroup.js.map +1 -1
- package/dist/TextArea.d.ts +12 -5
- package/dist/TextArea.js +86 -24
- package/dist/TextArea.js.map +1 -1
- package/dist/TextField.d.ts +11 -10
- package/dist/TextField.js +88 -33
- package/dist/TextField.js.map +1 -1
- package/dist/Tile.d.ts +7 -1
- package/dist/Tile.js +3 -7
- package/dist/Tile.js.map +1 -1
- package/dist/Toast.d.ts +5 -3
- package/dist/Toast.js +30 -28
- package/dist/Toast.js.map +1 -1
- package/dist/Tooltip.d.ts +13 -21
- package/dist/Tooltip.js +61 -43
- package/dist/Tooltip.js.map +1 -1
- package/dist/TruncatedText.d.ts +3 -5
- package/dist/TruncatedText.js +12 -6
- package/dist/TruncatedText.js.map +1 -1
- package/dist/Upload.d.ts +21 -6
- package/dist/Upload.js +25 -38
- package/dist/Upload.js.map +1 -1
- package/dist/UploadItem.d.ts +7 -5
- package/dist/UploadItem.js +27 -13
- package/dist/UploadItem.js.map +1 -1
- package/dist/Wizard.d.ts +46 -5
- package/dist/Wizard.js +80 -71
- package/dist/Wizard.js.map +1 -1
- package/dist/WizardStep.js +2 -2
- package/dist/WizardStep.js.map +1 -1
- package/dist/WizardTab.d.ts +9 -7
- package/dist/WizardTab.js +24 -10
- package/dist/WizardTab.js.map +1 -1
- package/dist/WizardTemplate.d.ts +2 -0
- package/dist/WizardTemplate.js +10 -0
- package/dist/WizardTemplate.js.map +1 -0
- package/dist/assets/InputSuggestions-pMcXiozG.js +2 -0
- package/dist/assets/ListItemStandardExpandableTextTemplate-BoB9C9hl.js +3 -0
- package/dist/assets/bundle-7XIcgsQH.css +1 -0
- package/dist/assets/bundle.esm-4ejJpC9l.js +380 -0
- package/dist/assets/messagebundle_en-BYIX4tmE.js +1 -0
- package/dist/assets/parameters-bundle.css-BU4Bi-ho.js +2 -0
- package/dist/assets/parameters-bundle.css-BZF5sWSb.js +1 -0
- package/dist/assets/parameters-bundle.css-Beilb2gS.js +2 -0
- package/dist/assets/parameters-bundle.css-BzQMaZUt.js +2 -0
- package/dist/assets/parameters-bundle.css-Bzfv_Fox.js +2 -0
- package/dist/assets/parameters-bundle.css-CLwmjytB.js +2 -0
- package/dist/assets/parameters-bundle.css-CU3plTdF.js +2 -0
- package/dist/assets/parameters-bundle.css-CvaMQVtq.js +1 -0
- package/dist/assets/parameters-bundle.css-DRX-o-Cb.js +2 -0
- package/dist/assets/parameters-bundle.css-DhFMZJhW.js +2 -0
- package/dist/assets/video.es-DIP_dh4I.js +219 -0
- package/dist/css/themes/AccordionItem.css +1 -1
- package/dist/css/themes/Avatar.css +1 -1
- package/dist/css/themes/Badge.css +1 -1
- package/dist/css/themes/Breadcrumbs.css +1 -1
- package/dist/css/themes/BreadcrumbsPopover.css +1 -1
- package/dist/css/themes/Button.css +1 -1
- package/dist/css/themes/Checkbox.css +1 -1
- package/dist/css/themes/ControlButton.css +1 -1
- package/dist/css/themes/DatePicker.css +1 -1
- package/dist/css/themes/Dropdown.css +1 -1
- package/dist/css/themes/Link.css +1 -1
- package/dist/css/themes/ListItem.css +1 -1
- package/dist/css/themes/MessageStrip.css +1 -1
- package/dist/css/themes/Modal.css +1 -1
- package/dist/css/themes/Pagination.css +1 -1
- package/dist/css/themes/PhoneNumberField.css +1 -1
- package/dist/css/themes/ProgressBar.css +1 -1
- package/dist/css/themes/RadioButton.css +1 -1
- package/dist/css/themes/RatingIndicator.css +1 -1
- package/dist/css/themes/Search.css +1 -1
- package/dist/css/themes/SegmentedButtonItem.css +1 -1
- package/dist/css/themes/SelectBox.css +1 -1
- package/dist/css/themes/SideNavigation.css +1 -1
- package/dist/css/themes/SideNavigationGroup.css +1 -1
- package/dist/css/themes/SideNavigationItem.css +1 -1
- package/dist/css/themes/SideNavigationMobileDropdown.css +1 -1
- package/dist/css/themes/SideNavigationSubItem.css +1 -1
- package/dist/css/themes/Slider.css +1 -1
- package/dist/css/themes/TagGroup.css +1 -1
- package/dist/css/themes/TextArea.css +1 -1
- package/dist/css/themes/Tile.css +1 -1
- package/dist/css/themes/Toast.css +1 -1
- package/dist/css/themes/Tooltip.css +1 -1
- package/dist/css/themes/WizardTab.css +1 -1
- package/dist/css/themes/overrides/@ui5/webcomponents/sap_glow/parameters-bundle.css +1 -1
- package/dist/custom-elements-internal.json +2573 -2897
- package/dist/custom-elements.json +1569 -1661
- package/dist/features/SearchSuggestionsPopover.d.ts +2 -2
- package/dist/features/SearchSuggestionsPopover.js +4 -3
- package/dist/features/SearchSuggestionsPopover.js.map +1 -1
- package/dist/generated/assets/i18n/messagebundle_en.json +1 -1
- package/dist/generated/assets/themes/overrides/@ui5/webcomponents/sap_glow/parameters-bundle.css.json +1 -1
- package/dist/generated/assets/themes/sap_fiori_3/parameters-bundle.css.json +1 -1
- package/dist/generated/assets/themes/sap_glow/parameters-bundle.css.json +1 -1
- package/dist/generated/assets/themes/sap_horizon/parameters-bundle.css.json +1 -1
- package/dist/generated/i18n/i18n-defaults.d.ts +2 -4
- package/dist/generated/i18n/i18n-defaults.js +3 -5
- package/dist/generated/i18n/i18n-defaults.js.map +1 -1
- package/dist/generated/json-imports/Themes-fetch.js +19 -0
- package/dist/generated/json-imports/Themes-fetch.js.map +1 -0
- package/dist/generated/json-imports/Themes.js +1 -1
- package/dist/generated/json-imports/Themes.js.map +1 -1
- package/dist/generated/json-imports/i18n-fetch.js +82 -0
- package/dist/generated/json-imports/i18n-fetch.js.map +1 -0
- package/dist/generated/json-imports/i18n.js +1 -1
- package/dist/generated/json-imports/i18n.js.map +1 -1
- package/dist/generated/templates/AccordionItemTemplate.lit.d.ts +2 -3
- package/dist/generated/templates/AccordionItemTemplate.lit.js +5 -3
- package/dist/generated/templates/AccordionItemTemplate.lit.js.map +1 -1
- package/dist/generated/templates/AccordionTemplate.lit.d.ts +2 -3
- package/dist/generated/templates/AccordionTemplate.lit.js +3 -1
- package/dist/generated/templates/AccordionTemplate.lit.js.map +1 -1
- package/dist/generated/templates/AvatarTemplate.lit.d.ts +2 -3
- package/dist/generated/templates/AvatarTemplate.lit.js +4 -2
- package/dist/generated/templates/AvatarTemplate.lit.js.map +1 -1
- package/dist/generated/templates/BadgeTemplate.lit.d.ts +2 -3
- package/dist/generated/templates/BadgeTemplate.lit.js +3 -1
- package/dist/generated/templates/BadgeTemplate.lit.js.map +1 -1
- package/dist/generated/templates/BreadcrumbsPopoverTemplate.lit.d.ts +2 -3
- package/dist/generated/templates/BreadcrumbsPopoverTemplate.lit.js +7 -5
- package/dist/generated/templates/BreadcrumbsPopoverTemplate.lit.js.map +1 -1
- package/dist/generated/templates/BreadcrumbsTemplate.lit.d.ts +2 -3
- package/dist/generated/templates/BreadcrumbsTemplate.lit.js +10 -3
- package/dist/generated/templates/BreadcrumbsTemplate.lit.js.map +1 -1
- package/dist/generated/templates/CarouselTemplate.lit.d.ts +2 -3
- package/dist/generated/templates/CarouselTemplate.lit.js +3 -1
- package/dist/generated/templates/CarouselTemplate.lit.js.map +1 -1
- package/dist/generated/templates/CountrySelectorTemplate.lit.d.ts +2 -3
- package/dist/generated/templates/CountrySelectorTemplate.lit.js +4 -2
- package/dist/generated/templates/CountrySelectorTemplate.lit.js.map +1 -1
- package/dist/generated/templates/DatePickerPopoverTemplate.lit.d.ts +2 -3
- package/dist/generated/templates/DatePickerPopoverTemplate.lit.js +7 -3
- package/dist/generated/templates/DatePickerPopoverTemplate.lit.js.map +1 -1
- package/dist/generated/templates/DatePickerTemplate.lit.d.ts +2 -3
- package/dist/generated/templates/DatePickerTemplate.lit.js +8 -3
- package/dist/generated/templates/DatePickerTemplate.lit.js.map +1 -1
- package/dist/generated/templates/DividerTemplate.lit.d.ts +2 -3
- package/dist/generated/templates/DividerTemplate.lit.js +3 -1
- package/dist/generated/templates/DividerTemplate.lit.js.map +1 -1
- package/dist/generated/templates/FilterMenuTemplate.lit.d.ts +2 -3
- package/dist/generated/templates/FilterMenuTemplate.lit.js +4 -2
- package/dist/generated/templates/FilterMenuTemplate.lit.js.map +1 -1
- package/dist/generated/templates/FooterTemplate.lit.d.ts +2 -3
- package/dist/generated/templates/FooterTemplate.lit.js +10 -8
- package/dist/generated/templates/FooterTemplate.lit.js.map +1 -1
- package/dist/generated/templates/HeroBannerTemplate.lit.d.ts +2 -3
- package/dist/generated/templates/HeroBannerTemplate.lit.js +3 -1
- package/dist/generated/templates/HeroBannerTemplate.lit.js.map +1 -1
- package/dist/generated/templates/InputGroupTemplate.lit.d.ts +2 -3
- package/dist/generated/templates/InputGroupTemplate.lit.js +3 -1
- package/dist/generated/templates/InputGroupTemplate.lit.js.map +1 -1
- package/dist/generated/templates/ListGroupHeaderTemplate.lit.d.ts +2 -3
- package/dist/generated/templates/ListGroupHeaderTemplate.lit.js +3 -1
- package/dist/generated/templates/ListGroupHeaderTemplate.lit.js.map +1 -1
- package/dist/generated/templates/ListItemTemplate.lit.d.ts +2 -3
- package/dist/generated/templates/ListItemTemplate.lit.js +19 -21
- package/dist/generated/templates/ListItemTemplate.lit.js.map +1 -1
- package/dist/generated/templates/ListSelectAllTemplate.lit.d.ts +2 -3
- package/dist/generated/templates/ListSelectAllTemplate.lit.js +4 -2
- package/dist/generated/templates/ListSelectAllTemplate.lit.js.map +1 -1
- package/dist/generated/templates/ListTemplate.lit.d.ts +2 -3
- package/dist/generated/templates/ListTemplate.lit.js +3 -1
- package/dist/generated/templates/ListTemplate.lit.js.map +1 -1
- package/dist/generated/templates/MastheadCountrySelectorTemplate.lit.d.ts +2 -3
- package/dist/generated/templates/MastheadCountrySelectorTemplate.lit.js +3 -1
- package/dist/generated/templates/MastheadCountrySelectorTemplate.lit.js.map +1 -1
- package/dist/generated/templates/MastheadItemTemplate.lit.d.ts +2 -3
- package/dist/generated/templates/MastheadItemTemplate.lit.js +11 -9
- package/dist/generated/templates/MastheadItemTemplate.lit.js.map +1 -1
- package/dist/generated/templates/MastheadMenuItemTemplate.lit.d.ts +2 -3
- package/dist/generated/templates/MastheadMenuItemTemplate.lit.js +10 -8
- package/dist/generated/templates/MastheadMenuItemTemplate.lit.js.map +1 -1
- package/dist/generated/templates/MastheadMenuTemplate.lit.d.ts +2 -3
- package/dist/generated/templates/MastheadMenuTemplate.lit.js +4 -2
- package/dist/generated/templates/MastheadMenuTemplate.lit.js.map +1 -1
- package/dist/generated/templates/MastheadMobileMenuTemplate.lit.d.ts +2 -3
- package/dist/generated/templates/MastheadMobileMenuTemplate.lit.js +5 -3
- package/dist/generated/templates/MastheadMobileMenuTemplate.lit.js.map +1 -1
- package/dist/generated/templates/MastheadProfileMenuTemplate.lit.d.ts +2 -3
- package/dist/generated/templates/MastheadProfileMenuTemplate.lit.js +3 -1
- package/dist/generated/templates/MastheadProfileMenuTemplate.lit.js.map +1 -1
- package/dist/generated/templates/MastheadShellTemplate.lit.d.ts +2 -3
- package/dist/generated/templates/MastheadShellTemplate.lit.js +4 -2
- package/dist/generated/templates/MastheadShellTemplate.lit.js.map +1 -1
- package/dist/generated/templates/MediaPlayerTemplate.lit.d.ts +2 -3
- package/dist/generated/templates/MediaPlayerTemplate.lit.js +3 -1
- package/dist/generated/templates/MediaPlayerTemplate.lit.js.map +1 -1
- package/dist/generated/templates/MediaPlayerVimeoTemplate.lit.d.ts +2 -3
- package/dist/generated/templates/MediaPlayerVimeoTemplate.lit.js +3 -1
- package/dist/generated/templates/MediaPlayerVimeoTemplate.lit.js.map +1 -1
- package/dist/generated/templates/MediaPlayerYoutubeTemplate.lit.d.ts +2 -3
- package/dist/generated/templates/MediaPlayerYoutubeTemplate.lit.js +3 -1
- package/dist/generated/templates/MediaPlayerYoutubeTemplate.lit.js.map +1 -1
- package/dist/generated/templates/PaginationTemplate.lit.d.ts +2 -3
- package/dist/generated/templates/PaginationTemplate.lit.js +7 -7
- package/dist/generated/templates/PaginationTemplate.lit.js.map +1 -1
- package/dist/generated/templates/PasswordFieldTemplate.lit.d.ts +2 -3
- package/dist/generated/templates/PasswordFieldTemplate.lit.js +4 -2
- package/dist/generated/templates/PasswordFieldTemplate.lit.js.map +1 -1
- package/dist/generated/templates/PhoneNumberFieldTemplate.lit.d.ts +2 -3
- package/dist/generated/templates/PhoneNumberFieldTemplate.lit.js +6 -4
- package/dist/generated/templates/PhoneNumberFieldTemplate.lit.js.map +1 -1
- package/dist/generated/templates/QuoteTemplate.lit.d.ts +2 -3
- package/dist/generated/templates/QuoteTemplate.lit.js +3 -1
- package/dist/generated/templates/QuoteTemplate.lit.js.map +1 -1
- package/dist/generated/templates/RatingBarTemplate.lit.d.ts +2 -3
- package/dist/generated/templates/RatingBarTemplate.lit.js +3 -1
- package/dist/generated/templates/RatingBarTemplate.lit.js.map +1 -1
- package/dist/generated/templates/RatingIndicatorTemplate.lit.d.ts +2 -3
- package/dist/generated/templates/RatingIndicatorTemplate.lit.js +3 -1
- package/dist/generated/templates/RatingIndicatorTemplate.lit.js.map +1 -1
- package/dist/generated/templates/ReviewItemTemplate.lit.d.ts +2 -3
- package/dist/generated/templates/ReviewItemTemplate.lit.js +3 -1
- package/dist/generated/templates/ReviewItemTemplate.lit.js.map +1 -1
- package/dist/generated/templates/ReviewTemplate.lit.d.ts +2 -3
- package/dist/generated/templates/ReviewTemplate.lit.js +3 -1
- package/dist/generated/templates/ReviewTemplate.lit.js.map +1 -1
- package/dist/generated/templates/SearchSuggestionsTemplate.lit.d.ts +2 -3
- package/dist/generated/templates/SearchSuggestionsTemplate.lit.js +4 -2
- package/dist/generated/templates/SearchSuggestionsTemplate.lit.js.map +1 -1
- package/dist/generated/templates/SearchTemplate.lit.d.ts +2 -3
- package/dist/generated/templates/SearchTemplate.lit.js +19 -7
- package/dist/generated/templates/SearchTemplate.lit.js.map +1 -1
- package/dist/generated/templates/SearchableListBaseTemplate.lit.d.ts +2 -3
- package/dist/generated/templates/SearchableListBaseTemplate.lit.js +5 -3
- package/dist/generated/templates/SearchableListBaseTemplate.lit.js.map +1 -1
- package/dist/generated/templates/SecondaryNavigationItemTemplate.lit.d.ts +2 -3
- package/dist/generated/templates/SecondaryNavigationItemTemplate.lit.js +4 -2
- package/dist/generated/templates/SecondaryNavigationItemTemplate.lit.js.map +1 -1
- package/dist/generated/templates/SecondaryNavigationSubItemTemplate.lit.d.ts +2 -3
- package/dist/generated/templates/SecondaryNavigationSubItemTemplate.lit.js +5 -3
- package/dist/generated/templates/SecondaryNavigationSubItemTemplate.lit.js.map +1 -1
- package/dist/generated/templates/SecondaryNavigationTemplate.lit.d.ts +2 -3
- package/dist/generated/templates/SecondaryNavigationTemplate.lit.js +7 -5
- package/dist/generated/templates/SecondaryNavigationTemplate.lit.js.map +1 -1
- package/dist/generated/templates/SelectBoxTemplate.lit.d.ts +2 -3
- package/dist/generated/templates/SelectBoxTemplate.lit.js +6 -4
- package/dist/generated/templates/SelectBoxTemplate.lit.js.map +1 -1
- package/dist/generated/templates/SideNavigationMobileTemplate.lit.d.ts +2 -3
- package/dist/generated/templates/SideNavigationMobileTemplate.lit.js +6 -3
- package/dist/generated/templates/SideNavigationMobileTemplate.lit.js.map +1 -1
- package/dist/generated/templates/StatusBadgeTemplate.lit.d.ts +2 -3
- package/dist/generated/templates/StatusBadgeTemplate.lit.js +3 -1
- package/dist/generated/templates/StatusBadgeTemplate.lit.js.map +1 -1
- package/dist/generated/templates/StatusMessageTemplate.lit.d.ts +2 -3
- package/dist/generated/templates/StatusMessageTemplate.lit.js +4 -2
- package/dist/generated/templates/StatusMessageTemplate.lit.js.map +1 -1
- package/dist/generated/templates/SwitchTemplate.lit.d.ts +2 -3
- package/dist/generated/templates/SwitchTemplate.lit.js +8 -6
- package/dist/generated/templates/SwitchTemplate.lit.js.map +1 -1
- package/dist/generated/templates/TabHeaderTemplate.lit.d.ts +2 -3
- package/dist/generated/templates/TabHeaderTemplate.lit.js +5 -3
- package/dist/generated/templates/TabHeaderTemplate.lit.js.map +1 -1
- package/dist/generated/templates/TabInOverflowTemplate.lit.d.ts +2 -3
- package/dist/generated/templates/TabInOverflowTemplate.lit.js +3 -1
- package/dist/generated/templates/TabInOverflowTemplate.lit.js.map +1 -1
- package/dist/generated/templates/TabNavigationPopoverTemplate.lit.d.ts +2 -3
- package/dist/generated/templates/TabNavigationPopoverTemplate.lit.js +4 -2
- package/dist/generated/templates/TabNavigationPopoverTemplate.lit.js.map +1 -1
- package/dist/generated/templates/TabNavigationTemplate.lit.d.ts +2 -3
- package/dist/generated/templates/TabNavigationTemplate.lit.js +8 -5
- package/dist/generated/templates/TabNavigationTemplate.lit.js.map +1 -1
- package/dist/generated/templates/TabTemplate.lit.d.ts +2 -3
- package/dist/generated/templates/TabTemplate.lit.js +3 -1
- package/dist/generated/templates/TabTemplate.lit.js.map +1 -1
- package/dist/generated/templates/TableCellTemplate.lit.d.ts +2 -3
- package/dist/generated/templates/TableCellTemplate.lit.js +3 -1
- package/dist/generated/templates/TableCellTemplate.lit.js.map +1 -1
- package/dist/generated/templates/TableGroupRowTemplate.lit.d.ts +2 -3
- package/dist/generated/templates/TableGroupRowTemplate.lit.js +3 -1
- package/dist/generated/templates/TableGroupRowTemplate.lit.js.map +1 -1
- package/dist/generated/templates/TableHeaderCellTemplate.lit.d.ts +2 -3
- package/dist/generated/templates/TableHeaderCellTemplate.lit.js +3 -1
- package/dist/generated/templates/TableHeaderCellTemplate.lit.js.map +1 -1
- package/dist/generated/templates/TableHeaderRowTemplate.lit.d.ts +2 -3
- package/dist/generated/templates/TableHeaderRowTemplate.lit.js +3 -1
- package/dist/generated/templates/TableHeaderRowTemplate.lit.js.map +1 -1
- package/dist/generated/templates/TableRowTemplate.lit.d.ts +2 -3
- package/dist/generated/templates/TableRowTemplate.lit.js +3 -1
- package/dist/generated/templates/TableRowTemplate.lit.js.map +1 -1
- package/dist/generated/templates/TableTemplate.lit.d.ts +2 -3
- package/dist/generated/templates/TableTemplate.lit.js +3 -1
- package/dist/generated/templates/TableTemplate.lit.js.map +1 -1
- package/dist/generated/templates/TagGroupTemplate.lit.d.ts +2 -3
- package/dist/generated/templates/TagGroupTemplate.lit.js +6 -4
- package/dist/generated/templates/TagGroupTemplate.lit.js.map +1 -1
- package/dist/generated/templates/TagTemplate.lit.d.ts +2 -3
- package/dist/generated/templates/TagTemplate.lit.js +3 -1
- package/dist/generated/templates/TagTemplate.lit.js.map +1 -1
- package/dist/generated/templates/TextAreaTemplate.lit.d.ts +2 -3
- package/dist/generated/templates/TextAreaTemplate.lit.js +5 -3
- package/dist/generated/templates/TextAreaTemplate.lit.js.map +1 -1
- package/dist/generated/templates/TextFieldTemplate.lit.d.ts +2 -3
- package/dist/generated/templates/TextFieldTemplate.lit.js +4 -2
- package/dist/generated/templates/TextFieldTemplate.lit.js.map +1 -1
- package/dist/generated/templates/TileTemplate.lit.d.ts +2 -3
- package/dist/generated/templates/TileTemplate.lit.js +3 -1
- package/dist/generated/templates/TileTemplate.lit.js.map +1 -1
- package/dist/generated/templates/ToastTemplate.lit.d.ts +2 -3
- package/dist/generated/templates/ToastTemplate.lit.js +3 -1
- package/dist/generated/templates/ToastTemplate.lit.js.map +1 -1
- package/dist/generated/templates/TooltipTemplate.lit.d.ts +2 -3
- package/dist/generated/templates/TooltipTemplate.lit.js +4 -2
- package/dist/generated/templates/TooltipTemplate.lit.js.map +1 -1
- package/dist/generated/templates/TruncatedTextTemplate.lit.d.ts +2 -3
- package/dist/generated/templates/TruncatedTextTemplate.lit.js +3 -1
- package/dist/generated/templates/TruncatedTextTemplate.lit.js.map +1 -1
- package/dist/generated/templates/UploadItemTemplate.lit.d.ts +2 -3
- package/dist/generated/templates/UploadItemTemplate.lit.js +3 -1
- package/dist/generated/templates/UploadItemTemplate.lit.js.map +1 -1
- package/dist/generated/templates/UploadTemplate.lit.d.ts +2 -3
- package/dist/generated/templates/UploadTemplate.lit.js +3 -1
- package/dist/generated/templates/UploadTemplate.lit.js.map +1 -1
- package/dist/generated/themes/Accordion.css.d.ts +2 -3
- package/dist/generated/themes/Accordion.css.js +2 -3
- package/dist/generated/themes/Accordion.css.js.map +1 -1
- package/dist/generated/themes/AccordionItem.css.d.ts +2 -3
- package/dist/generated/themes/AccordionItem.css.js +2 -3
- package/dist/generated/themes/AccordionItem.css.js.map +1 -1
- package/dist/generated/themes/Avatar.css.d.ts +2 -3
- package/dist/generated/themes/Avatar.css.js +2 -3
- package/dist/generated/themes/Avatar.css.js.map +1 -1
- package/dist/generated/themes/Badge.css.d.ts +2 -3
- package/dist/generated/themes/Badge.css.js +2 -3
- package/dist/generated/themes/Badge.css.js.map +1 -1
- package/dist/generated/themes/Breadcrumbs.css.d.ts +2 -3
- package/dist/generated/themes/Breadcrumbs.css.js +2 -3
- package/dist/generated/themes/Breadcrumbs.css.js.map +1 -1
- package/dist/generated/themes/BreadcrumbsPopover.css.d.ts +2 -3
- package/dist/generated/themes/BreadcrumbsPopover.css.js +2 -3
- package/dist/generated/themes/BreadcrumbsPopover.css.js.map +1 -1
- package/dist/generated/themes/Button.css.d.ts +2 -3
- package/dist/generated/themes/Button.css.js +2 -3
- package/dist/generated/themes/Button.css.js.map +1 -1
- package/dist/generated/themes/Carousel.css.d.ts +2 -3
- package/dist/generated/themes/Carousel.css.js +2 -3
- package/dist/generated/themes/Carousel.css.js.map +1 -1
- package/dist/generated/themes/Checkbox.css.d.ts +2 -3
- package/dist/generated/themes/Checkbox.css.js +2 -3
- package/dist/generated/themes/Checkbox.css.js.map +1 -1
- package/dist/generated/themes/ControlButton.css.d.ts +2 -3
- package/dist/generated/themes/ControlButton.css.js +2 -3
- package/dist/generated/themes/ControlButton.css.js.map +1 -1
- package/dist/generated/themes/CountrySelector.css.d.ts +2 -3
- package/dist/generated/themes/CountrySelector.css.js +2 -3
- package/dist/generated/themes/CountrySelector.css.js.map +1 -1
- package/dist/generated/themes/DatePicker.css.d.ts +2 -3
- package/dist/generated/themes/DatePicker.css.js +2 -3
- package/dist/generated/themes/DatePicker.css.js.map +1 -1
- package/dist/generated/themes/DatePickerPopover.css.d.ts +2 -3
- package/dist/generated/themes/DatePickerPopover.css.js +2 -3
- package/dist/generated/themes/DatePickerPopover.css.js.map +1 -1
- package/dist/generated/themes/Divider.css.d.ts +2 -3
- package/dist/generated/themes/Divider.css.js +2 -3
- package/dist/generated/themes/Divider.css.js.map +1 -1
- package/dist/generated/themes/Dropdown.css.d.ts +2 -3
- package/dist/generated/themes/Dropdown.css.js +2 -3
- package/dist/generated/themes/Dropdown.css.js.map +1 -1
- package/dist/generated/themes/FilterMenu.css.d.ts +2 -3
- package/dist/generated/themes/FilterMenu.css.js +2 -3
- package/dist/generated/themes/FilterMenu.css.js.map +1 -1
- package/dist/generated/themes/Footer.css.d.ts +2 -3
- package/dist/generated/themes/Footer.css.js +2 -3
- package/dist/generated/themes/Footer.css.js.map +1 -1
- package/dist/generated/themes/HeroBanner.css.d.ts +2 -3
- package/dist/generated/themes/HeroBanner.css.js +2 -3
- package/dist/generated/themes/HeroBanner.css.js.map +1 -1
- package/dist/generated/themes/InputGroup.css.d.ts +2 -3
- package/dist/generated/themes/InputGroup.css.js +2 -3
- package/dist/generated/themes/InputGroup.css.js.map +1 -1
- package/dist/generated/themes/Link.css.d.ts +2 -3
- package/dist/generated/themes/Link.css.js +2 -3
- package/dist/generated/themes/Link.css.js.map +1 -1
- package/dist/generated/themes/List.css.d.ts +2 -3
- package/dist/generated/themes/List.css.js +2 -3
- package/dist/generated/themes/List.css.js.map +1 -1
- package/dist/generated/themes/ListGroupHeader.css.d.ts +2 -3
- package/dist/generated/themes/ListGroupHeader.css.js +2 -3
- package/dist/generated/themes/ListGroupHeader.css.js.map +1 -1
- package/dist/generated/themes/ListItem.css.d.ts +2 -3
- package/dist/generated/themes/ListItem.css.js +2 -3
- package/dist/generated/themes/ListItem.css.js.map +1 -1
- package/dist/generated/themes/MastheadCountrySelector.css.d.ts +2 -3
- package/dist/generated/themes/MastheadCountrySelector.css.js +2 -3
- package/dist/generated/themes/MastheadCountrySelector.css.js.map +1 -1
- package/dist/generated/themes/MastheadItem.css.d.ts +2 -3
- package/dist/generated/themes/MastheadItem.css.js +2 -3
- package/dist/generated/themes/MastheadItem.css.js.map +1 -1
- package/dist/generated/themes/MastheadMenu.css.d.ts +2 -3
- package/dist/generated/themes/MastheadMenu.css.js +2 -3
- package/dist/generated/themes/MastheadMenu.css.js.map +1 -1
- package/dist/generated/themes/MastheadMenuItem.css.d.ts +2 -3
- package/dist/generated/themes/MastheadMenuItem.css.js +2 -3
- package/dist/generated/themes/MastheadMenuItem.css.js.map +1 -1
- package/dist/generated/themes/MastheadMobileMenu.css.d.ts +2 -3
- package/dist/generated/themes/MastheadMobileMenu.css.js +2 -3
- package/dist/generated/themes/MastheadMobileMenu.css.js.map +1 -1
- package/dist/generated/themes/MastheadProfileMenu.css.d.ts +2 -3
- package/dist/generated/themes/MastheadProfileMenu.css.js +2 -3
- package/dist/generated/themes/MastheadProfileMenu.css.js.map +1 -1
- package/dist/generated/themes/MastheadShell.css.d.ts +2 -3
- package/dist/generated/themes/MastheadShell.css.js +2 -3
- package/dist/generated/themes/MastheadShell.css.js.map +1 -1
- package/dist/generated/themes/MediaPlayer.css.d.ts +2 -3
- package/dist/generated/themes/MediaPlayer.css.js +2 -3
- package/dist/generated/themes/MediaPlayer.css.js.map +1 -1
- package/dist/generated/themes/MediaPlayerYoutube.css.d.ts +2 -3
- package/dist/generated/themes/MediaPlayerYoutube.css.js +2 -3
- package/dist/generated/themes/MediaPlayerYoutube.css.js.map +1 -1
- package/dist/generated/themes/MessageStrip.css.d.ts +2 -3
- package/dist/generated/themes/MessageStrip.css.js +2 -3
- package/dist/generated/themes/MessageStrip.css.js.map +1 -1
- package/dist/generated/themes/Modal.css.d.ts +2 -3
- package/dist/generated/themes/Modal.css.js +2 -3
- package/dist/generated/themes/Modal.css.js.map +1 -1
- package/dist/generated/themes/Pagination.css.d.ts +2 -3
- package/dist/generated/themes/Pagination.css.js +2 -3
- package/dist/generated/themes/Pagination.css.js.map +1 -1
- package/dist/generated/themes/PhoneNumberField.css.d.ts +2 -3
- package/dist/generated/themes/PhoneNumberField.css.js +2 -3
- package/dist/generated/themes/PhoneNumberField.css.js.map +1 -1
- package/dist/generated/themes/ProgressBar.css.d.ts +2 -3
- package/dist/generated/themes/ProgressBar.css.js +2 -3
- package/dist/generated/themes/ProgressBar.css.js.map +1 -1
- package/dist/generated/themes/Quote.css.d.ts +2 -3
- package/dist/generated/themes/Quote.css.js +2 -3
- package/dist/generated/themes/Quote.css.js.map +1 -1
- package/dist/generated/themes/RadioButton.css.d.ts +2 -3
- package/dist/generated/themes/RadioButton.css.js +2 -3
- package/dist/generated/themes/RadioButton.css.js.map +1 -1
- package/dist/generated/themes/RatingBar.css.d.ts +2 -3
- package/dist/generated/themes/RatingBar.css.js +2 -3
- package/dist/generated/themes/RatingBar.css.js.map +1 -1
- package/dist/generated/themes/RatingIndicator.css.d.ts +2 -3
- package/dist/generated/themes/RatingIndicator.css.js +2 -3
- package/dist/generated/themes/RatingIndicator.css.js.map +1 -1
- package/dist/generated/themes/Review.css.d.ts +2 -3
- package/dist/generated/themes/Review.css.js +2 -3
- package/dist/generated/themes/Review.css.js.map +1 -1
- package/dist/generated/themes/ReviewItem.css.d.ts +2 -3
- package/dist/generated/themes/ReviewItem.css.js +2 -3
- package/dist/generated/themes/ReviewItem.css.js.map +1 -1
- package/dist/generated/themes/Search.css.d.ts +2 -3
- package/dist/generated/themes/Search.css.js +2 -3
- package/dist/generated/themes/Search.css.js.map +1 -1
- package/dist/generated/themes/SearchSuggestions.css.d.ts +2 -3
- package/dist/generated/themes/SearchSuggestions.css.js +2 -3
- package/dist/generated/themes/SearchSuggestions.css.js.map +1 -1
- package/dist/generated/themes/SearchableList.css.d.ts +2 -3
- package/dist/generated/themes/SearchableList.css.js +2 -3
- package/dist/generated/themes/SearchableList.css.js.map +1 -1
- package/dist/generated/themes/SecondaryNavigation.css.d.ts +2 -3
- package/dist/generated/themes/SecondaryNavigation.css.js +2 -3
- package/dist/generated/themes/SecondaryNavigation.css.js.map +1 -1
- package/dist/generated/themes/SecondaryNavigationItem.css.d.ts +2 -3
- package/dist/generated/themes/SecondaryNavigationItem.css.js +2 -3
- package/dist/generated/themes/SecondaryNavigationItem.css.js.map +1 -1
- package/dist/generated/themes/SecondaryNavigationSubItem.css.d.ts +2 -3
- package/dist/generated/themes/SecondaryNavigationSubItem.css.js +2 -3
- package/dist/generated/themes/SecondaryNavigationSubItem.css.js.map +1 -1
- package/dist/generated/themes/SegmentedButton.css.d.ts +2 -3
- package/dist/generated/themes/SegmentedButton.css.js +2 -3
- package/dist/generated/themes/SegmentedButton.css.js.map +1 -1
- package/dist/generated/themes/SegmentedButtonItem.css.d.ts +2 -3
- package/dist/generated/themes/SegmentedButtonItem.css.js +2 -3
- package/dist/generated/themes/SegmentedButtonItem.css.js.map +1 -1
- package/dist/generated/themes/SelectBox.css.d.ts +2 -3
- package/dist/generated/themes/SelectBox.css.js +2 -3
- package/dist/generated/themes/SelectBox.css.js.map +1 -1
- package/dist/generated/themes/SideNavigation.css.d.ts +2 -3
- package/dist/generated/themes/SideNavigation.css.js +2 -3
- package/dist/generated/themes/SideNavigation.css.js.map +1 -1
- package/dist/generated/themes/SideNavigationGroup.css.d.ts +2 -3
- package/dist/generated/themes/SideNavigationGroup.css.js +2 -3
- package/dist/generated/themes/SideNavigationGroup.css.js.map +1 -1
- package/dist/generated/themes/SideNavigationItem.css.d.ts +2 -3
- package/dist/generated/themes/SideNavigationItem.css.js +2 -3
- package/dist/generated/themes/SideNavigationItem.css.js.map +1 -1
- package/dist/generated/themes/SideNavigationMobile.css.d.ts +2 -3
- package/dist/generated/themes/SideNavigationMobile.css.js +2 -3
- package/dist/generated/themes/SideNavigationMobile.css.js.map +1 -1
- package/dist/generated/themes/SideNavigationMobileDropdown.css.d.ts +2 -3
- package/dist/generated/themes/SideNavigationMobileDropdown.css.js +2 -3
- package/dist/generated/themes/SideNavigationMobileDropdown.css.js.map +1 -1
- package/dist/generated/themes/SideNavigationSubItem.css.d.ts +2 -3
- package/dist/generated/themes/SideNavigationSubItem.css.js +2 -3
- package/dist/generated/themes/SideNavigationSubItem.css.js.map +1 -1
- package/dist/generated/themes/Slider.css.d.ts +2 -3
- package/dist/generated/themes/Slider.css.js +2 -3
- package/dist/generated/themes/Slider.css.js.map +1 -1
- package/dist/generated/themes/StatusBadge.css.d.ts +2 -3
- package/dist/generated/themes/StatusBadge.css.js +2 -3
- package/dist/generated/themes/StatusBadge.css.js.map +1 -1
- package/dist/generated/themes/StatusMessage.css.d.ts +2 -3
- package/dist/generated/themes/StatusMessage.css.js +2 -3
- package/dist/generated/themes/StatusMessage.css.js.map +1 -1
- package/dist/generated/themes/StepInput.css.d.ts +2 -3
- package/dist/generated/themes/StepInput.css.js +2 -3
- package/dist/generated/themes/StepInput.css.js.map +1 -1
- package/dist/generated/themes/Switch.css.d.ts +2 -3
- package/dist/generated/themes/Switch.css.js +2 -3
- package/dist/generated/themes/Switch.css.js.map +1 -1
- package/dist/generated/themes/TabInOverflow.css.d.ts +2 -3
- package/dist/generated/themes/TabInOverflow.css.js +2 -3
- package/dist/generated/themes/TabInOverflow.css.js.map +1 -1
- package/dist/generated/themes/TabNavigation.css.d.ts +2 -3
- package/dist/generated/themes/TabNavigation.css.js +2 -3
- package/dist/generated/themes/TabNavigation.css.js.map +1 -1
- package/dist/generated/themes/Table.css.d.ts +2 -3
- package/dist/generated/themes/Table.css.js +2 -3
- package/dist/generated/themes/Table.css.js.map +1 -1
- package/dist/generated/themes/TableCell.css.d.ts +2 -3
- package/dist/generated/themes/TableCell.css.js +2 -3
- package/dist/generated/themes/TableCell.css.js.map +1 -1
- package/dist/generated/themes/TableCellBase.css.d.ts +2 -3
- package/dist/generated/themes/TableCellBase.css.js +2 -3
- package/dist/generated/themes/TableCellBase.css.js.map +1 -1
- package/dist/generated/themes/TableGroupRow.css.d.ts +2 -3
- package/dist/generated/themes/TableGroupRow.css.js +2 -3
- package/dist/generated/themes/TableGroupRow.css.js.map +1 -1
- package/dist/generated/themes/TableHeaderCell.css.d.ts +2 -3
- package/dist/generated/themes/TableHeaderCell.css.js +2 -3
- package/dist/generated/themes/TableHeaderCell.css.js.map +1 -1
- package/dist/generated/themes/TableRowBase.css.d.ts +2 -3
- package/dist/generated/themes/TableRowBase.css.js +2 -3
- package/dist/generated/themes/TableRowBase.css.js.map +1 -1
- package/dist/generated/themes/Tag.css.d.ts +2 -3
- package/dist/generated/themes/Tag.css.js +2 -3
- package/dist/generated/themes/Tag.css.js.map +1 -1
- package/dist/generated/themes/TagGroup.css.d.ts +2 -3
- package/dist/generated/themes/TagGroup.css.js +2 -3
- package/dist/generated/themes/TagGroup.css.js.map +1 -1
- package/dist/generated/themes/TextArea.css.d.ts +2 -3
- package/dist/generated/themes/TextArea.css.js +2 -3
- package/dist/generated/themes/TextArea.css.js.map +1 -1
- package/dist/generated/themes/TextField.css.d.ts +2 -3
- package/dist/generated/themes/TextField.css.js +2 -3
- package/dist/generated/themes/TextField.css.js.map +1 -1
- package/dist/generated/themes/Tile.css.d.ts +2 -3
- package/dist/generated/themes/Tile.css.js +2 -3
- package/dist/generated/themes/Tile.css.js.map +1 -1
- package/dist/generated/themes/Toast.css.d.ts +2 -3
- package/dist/generated/themes/Toast.css.js +2 -3
- package/dist/generated/themes/Toast.css.js.map +1 -1
- package/dist/generated/themes/Tooltip.css.d.ts +2 -3
- package/dist/generated/themes/Tooltip.css.js +2 -3
- package/dist/generated/themes/Tooltip.css.js.map +1 -1
- package/dist/generated/themes/TruncatedText.css.d.ts +2 -3
- package/dist/generated/themes/TruncatedText.css.js +2 -3
- package/dist/generated/themes/TruncatedText.css.js.map +1 -1
- package/dist/generated/themes/Upload.css.d.ts +2 -3
- package/dist/generated/themes/Upload.css.js +2 -3
- package/dist/generated/themes/Upload.css.js.map +1 -1
- package/dist/generated/themes/UploadItem.css.d.ts +2 -3
- package/dist/generated/themes/UploadItem.css.js +2 -3
- package/dist/generated/themes/UploadItem.css.js.map +1 -1
- package/dist/generated/themes/Wizard.css.d.ts +2 -3
- package/dist/generated/themes/Wizard.css.js +2 -3
- package/dist/generated/themes/Wizard.css.js.map +1 -1
- package/dist/generated/themes/WizardTab.css.d.ts +2 -3
- package/dist/generated/themes/WizardTab.css.js +2 -3
- package/dist/generated/themes/WizardTab.css.js.map +1 -1
- package/dist/generated/themes/overrides/@ui5/webcomponents/sap_glow/parameters-bundle.css.d.ts +2 -3
- package/dist/generated/themes/overrides/@ui5/webcomponents/sap_glow/parameters-bundle.css.js +2 -3
- package/dist/generated/themes/overrides/@ui5/webcomponents/sap_glow/parameters-bundle.css.js.map +1 -1
- package/dist/generated/themes/sap_fiori_3/parameters-bundle.css.d.ts +2 -3
- package/dist/generated/themes/sap_fiori_3/parameters-bundle.css.js +1 -2
- package/dist/generated/themes/sap_fiori_3/parameters-bundle.css.js.map +1 -1
- package/dist/generated/themes/sap_glow/parameters-bundle.css.d.ts +2 -3
- package/dist/generated/themes/sap_glow/parameters-bundle.css.js +1 -2
- package/dist/generated/themes/sap_glow/parameters-bundle.css.js.map +1 -1
- package/dist/generated/themes/sap_horizon/parameters-bundle.css.d.ts +2 -3
- package/dist/generated/themes/sap_horizon/parameters-bundle.css.js +1 -2
- package/dist/generated/themes/sap_horizon/parameters-bundle.css.js.map +1 -1
- package/dist/mediaPlayerLanguageMapping.d.ts +0 -3382
- package/dist/mediaPlayerLanguageMapping.js.map +1 -1
- package/dist/{i18n/messagebundle.properties → messagebundle.properties} +1 -6
- package/dist/{i18n/messagebundle_en.properties → messagebundle_en.properties} +1 -4
- package/dist/types/BadgeDesign.d.ts +17 -8
- package/dist/types/BadgeDesign.js +28 -17
- package/dist/types/BadgeDesign.js.map +1 -1
- package/dist/types/Button.d.ts +28 -0
- package/dist/types/Button.js +33 -0
- package/dist/types/Button.js.map +1 -0
- package/dist/types/Checkbox.d.ts +6 -0
- package/dist/types/Checkbox.js +8 -0
- package/dist/types/Checkbox.js.map +1 -0
- package/dist/types/Dropdown.d.ts +8 -12
- package/dist/types/Dropdown.js +8 -14
- package/dist/types/Dropdown.js.map +1 -1
- package/dist/types/FileUploadState.d.ts +2 -2
- package/dist/types/FileUploadState.js +7 -7
- package/dist/types/FileUploadState.js.map +1 -1
- package/dist/types/IconPlacement.d.ts +2 -2
- package/dist/types/IconPlacement.js +6 -6
- package/dist/types/IconPlacement.js.map +1 -1
- package/dist/types/List.d.ts +4 -4
- package/dist/types/List.js +27 -27
- package/dist/types/List.js.map +1 -1
- package/dist/types/MessageStrip.d.ts +2 -2
- package/dist/types/MessageStrip.js +14 -14
- package/dist/types/MessageStrip.js.map +1 -1
- package/dist/types/ProgressBar.d.ts +8 -0
- package/dist/types/ProgressBar.js +10 -0
- package/dist/types/ProgressBar.js.map +1 -0
- package/dist/types/RadioButton.d.ts +8 -0
- package/dist/types/RadioButton.js +10 -0
- package/dist/types/RadioButton.js.map +1 -0
- package/dist/types/SearchableListBase.d.ts +3 -3
- package/dist/types/SearchableListBase.js.map +1 -1
- package/dist/types/Table.d.ts +2 -2
- package/dist/types/Table.js +9 -9
- package/dist/types/Table.js.map +1 -1
- package/dist/types/common.d.ts +15 -3
- package/dist/types/common.js +35 -15
- package/dist/types/common.js.map +1 -1
- package/dist/utils/ListWithFirstLetterFocus.js.map +1 -1
- package/dist/utils/debounce.d.ts +2 -2
- package/dist/utils/debounce.js.map +1 -1
- package/dist/utils/listItemLabelStartsWithKeyFocus.d.ts +1 -0
- package/dist/utils/listItemLabelStartsWithKeyFocus.js +2 -0
- package/dist/utils/listItemLabelStartsWithKeyFocus.js.map +1 -0
- package/dist/utils/listItemLabelUtils.js.map +1 -1
- package/dist/utils/parseRelativeUnits.js.map +1 -1
- package/dist/utils/redirectAttributes.js.map +1 -1
- package/dist/utils/retryUntilSuccessful.d.ts +1 -1
- package/dist/utils/retryUntilSuccessful.js.map +1 -1
- package/dist/vscode.html-custom-data.json +176 -205
- package/dist/web-types.json +521 -600
- package/{package-scripts.js → package-scripts.cjs} +1 -1
- package/package.json +14 -8
- package/run-cypress.js +12 -0
- package/src/Accordion.ts +15 -19
- package/src/AccordionItem.hbs +4 -3
- package/src/AccordionItem.ts +10 -10
- package/src/Assets.ts +2 -5
- package/src/AssetsVariables.ts +52 -0
- package/src/Avatar.hbs +1 -1
- package/src/Avatar.ts +40 -31
- package/src/AvatarGroup.ts +11 -10
- package/src/Badge.ts +15 -23
- package/src/Breadcrumbs.hbs +9 -5
- package/src/Breadcrumbs.ts +65 -103
- package/src/BreadcrumbsItem.ts +2 -2
- package/src/BreadcrumbsPopover.hbs +6 -8
- package/src/Button.ts +31 -42
- package/src/Carousel.ts +13 -18
- package/src/Checkbox.ts +34 -4
- package/src/ControlButton.ts +14 -5
- package/src/CountrySelector.hbs +9 -7
- package/src/CountrySelector.ts +142 -145
- package/src/DatePicker.hbs +12 -11
- package/src/DatePicker.ts +93 -79
- package/src/DatePickerPopover.hbs +22 -19
- package/src/Divider.ts +3 -3
- package/src/Dropdown.ts +18 -272
- package/src/FilterMenu.hbs +4 -4
- package/src/FilterMenu.ts +69 -80
- package/src/Footer.hbs +7 -7
- package/src/Footer.ts +93 -92
- package/src/HeroBanner.ts +6 -9
- package/src/InputGroup.ts +15 -21
- package/src/Link.ts +16 -46
- package/src/List.ts +39 -48
- package/src/ListGroupHeader.ts +14 -9
- package/src/ListItem.hbs +4 -30
- package/src/ListItem.ts +49 -95
- package/src/ListItemBase.ts +18 -18
- package/src/ListSelectAll.hbs +2 -1
- package/src/ListSelectAll.ts +18 -17
- package/src/MastheadCountrySelector.ts +15 -32
- package/src/MastheadItem.hbs +7 -5
- package/src/MastheadItem.ts +42 -149
- package/src/MastheadMenu.hbs +1 -4
- package/src/MastheadMenu.ts +16 -33
- package/src/MastheadMenuItem.hbs +6 -3
- package/src/MastheadMenuItem.ts +15 -16
- package/src/MastheadMobileMenu.hbs +2 -2
- package/src/MastheadMobileMenu.ts +31 -53
- package/src/MastheadProfileMenu.ts +18 -32
- package/src/MastheadShell.hbs +3 -6
- package/src/MastheadShell.ts +77 -98
- package/src/MediaPlayer.ts +67 -59
- package/src/MediaPlayerVimeo.ts +29 -23
- package/src/MediaPlayerYoutube.ts +33 -23
- package/src/MessageStrip.ts +30 -55
- package/src/MessageStripTemplate.tsx +74 -0
- package/src/Modal.ts +5 -8
- package/src/Pagination.hbs +1 -25
- package/src/Pagination.ts +33 -41
- package/src/PasswordField.hbs +1 -2
- package/src/PasswordField.ts +18 -38
- package/src/PhoneNumberField.hbs +14 -19
- package/src/PhoneNumberField.ts +85 -97
- package/src/ProgressBar.ts +34 -2
- package/src/ProgressBarTemplate.tsx +59 -0
- package/src/Quote.ts +8 -8
- package/src/RadioButton.ts +39 -6
- package/src/RangeSlider.ts +2 -2
- package/src/RatingBar.ts +8 -10
- package/src/RatingIndicator.ts +13 -6
- package/src/Review.ts +10 -13
- package/src/ReviewItem.ts +11 -13
- package/src/Search.hbs +14 -9
- package/src/Search.ts +101 -87
- package/src/SearchSuggestions.hbs +3 -3
- package/src/SearchableListBase.hbs +4 -2
- package/src/SearchableListBase.ts +69 -55
- package/src/SecondaryNavigation.hbs +5 -5
- package/src/SecondaryNavigation.ts +32 -42
- package/src/SecondaryNavigationItem.hbs +2 -1
- package/src/SecondaryNavigationItem.ts +28 -23
- package/src/SecondaryNavigationItemBase.ts +7 -7
- package/src/SecondaryNavigationSubItem.hbs +4 -2
- package/src/SecondaryNavigationSubItem.ts +27 -25
- package/src/SegmentedButton.ts +13 -41
- package/src/SegmentedButtonItem.ts +23 -5
- package/src/SelectBox.hbs +4 -3
- package/src/SelectBox.ts +88 -79
- package/src/SideNavigation.ts +2 -6
- package/src/SideNavigationGroup.ts +2 -2
- package/src/SideNavigationItem.ts +8 -2
- package/src/SideNavigationMobile.hbs +39 -17
- package/src/SideNavigationMobile.ts +26 -43
- package/src/SideNavigationSubItem.ts +2 -2
- package/src/Slider.ts +2 -2
- package/src/StatusBadge.ts +13 -12
- package/src/StatusMessage.hbs +1 -1
- package/src/StatusMessage.ts +6 -6
- package/src/StepInput.ts +72 -81
- package/src/StepInputTemplate.tsx +62 -0
- package/src/Switch.hbs +5 -7
- package/src/Switch.ts +21 -25
- package/src/Tab.ts +8 -10
- package/src/TabHeader.hbs +1 -1
- package/src/TabNavigation.hbs +5 -2
- package/src/TabNavigation.ts +62 -61
- package/src/TabNavigationPopover.hbs +5 -7
- package/src/Table.ts +7 -11
- package/src/TableCell.ts +3 -3
- package/src/TableCellBase.ts +1 -2
- package/src/TableGroupRow.ts +2 -2
- package/src/TableHeaderCell.ts +4 -4
- package/src/TableRowBase.ts +2 -3
- package/src/Tag.ts +31 -23
- package/src/TagGroup.hbs +20 -11
- package/src/TagGroup.ts +38 -23
- package/src/TextArea.hbs +7 -7
- package/src/TextArea.ts +34 -34
- package/src/TextField.hbs +0 -2
- package/src/TextField.ts +47 -50
- package/src/Tile.ts +10 -8
- package/src/Toast.ts +19 -25
- package/src/Tooltip.hbs +5 -2
- package/src/Tooltip.ts +29 -45
- package/src/TruncatedText.ts +5 -8
- package/src/Upload.ts +43 -54
- package/src/UploadItem.ts +27 -18
- package/src/Wizard.ts +150 -113
- package/src/WizardStep.ts +2 -2
- package/src/WizardTab.ts +13 -11
- package/src/WizardTemplate.tsx +61 -0
- package/src/features/SearchSuggestionsPopover.ts +6 -4
- package/src/generated/i18n/i18n-defaults.ts +3 -3
- package/src/generated/json-imports/Themes-fetch.ts +21 -0
- package/src/generated/json-imports/Themes.ts +1 -1
- package/src/generated/json-imports/i18n-fetch.ts +85 -0
- package/src/generated/json-imports/i18n.ts +15 -16
- package/src/generated/templates/AccordionItemTemplate.lit.ts +7 -6
- package/src/generated/templates/AccordionTemplate.lit.ts +5 -4
- package/src/generated/templates/AvatarTemplate.lit.ts +6 -5
- package/src/generated/templates/BadgeTemplate.lit.ts +5 -4
- package/src/generated/templates/BreadcrumbsPopoverTemplate.lit.ts +9 -8
- package/src/generated/templates/BreadcrumbsTemplate.lit.ts +12 -6
- package/src/generated/templates/CarouselTemplate.lit.ts +5 -4
- package/src/generated/templates/CountrySelectorTemplate.lit.ts +6 -5
- package/src/generated/templates/DatePickerPopoverTemplate.lit.ts +9 -6
- package/src/generated/templates/DatePickerTemplate.lit.ts +9 -5
- package/src/generated/templates/DividerTemplate.lit.ts +5 -4
- package/src/generated/templates/FilterMenuTemplate.lit.ts +6 -5
- package/src/generated/templates/FooterTemplate.lit.ts +12 -11
- package/src/generated/templates/HeroBannerTemplate.lit.ts +5 -4
- package/src/generated/templates/InputGroupTemplate.lit.ts +5 -4
- package/src/generated/templates/ListGroupHeaderTemplate.lit.ts +5 -4
- package/src/generated/templates/ListItemTemplate.lit.ts +21 -24
- package/src/generated/templates/ListSelectAllTemplate.lit.ts +6 -5
- package/src/generated/templates/ListTemplate.lit.ts +5 -4
- package/src/generated/templates/MastheadCountrySelectorTemplate.lit.ts +5 -4
- package/src/generated/templates/MastheadItemTemplate.lit.ts +13 -12
- package/src/generated/templates/MastheadMenuItemTemplate.lit.ts +12 -11
- package/src/generated/templates/MastheadMenuTemplate.lit.ts +6 -5
- package/src/generated/templates/MastheadMobileMenuTemplate.lit.ts +7 -6
- package/src/generated/templates/MastheadProfileMenuTemplate.lit.ts +5 -4
- package/src/generated/templates/MastheadShellTemplate.lit.ts +6 -5
- package/src/generated/templates/MediaPlayerTemplate.lit.ts +5 -4
- package/src/generated/templates/MediaPlayerVimeoTemplate.lit.ts +5 -4
- package/src/generated/templates/MediaPlayerYoutubeTemplate.lit.ts +5 -4
- package/src/generated/templates/PaginationTemplate.lit.ts +9 -10
- package/src/generated/templates/PasswordFieldTemplate.lit.ts +6 -5
- package/src/generated/templates/PhoneNumberFieldTemplate.lit.ts +8 -7
- package/src/generated/templates/QuoteTemplate.lit.ts +5 -4
- package/src/generated/templates/RatingBarTemplate.lit.ts +5 -4
- package/src/generated/templates/RatingIndicatorTemplate.lit.ts +5 -4
- package/src/generated/templates/ReviewItemTemplate.lit.ts +5 -4
- package/src/generated/templates/ReviewTemplate.lit.ts +5 -4
- package/src/generated/templates/SearchSuggestionsTemplate.lit.ts +6 -5
- package/src/generated/templates/SearchTemplate.lit.ts +20 -9
- package/src/generated/templates/SearchableListBaseTemplate.lit.ts +7 -6
- package/src/generated/templates/SecondaryNavigationItemTemplate.lit.ts +6 -5
- package/src/generated/templates/SecondaryNavigationSubItemTemplate.lit.ts +7 -6
- package/src/generated/templates/SecondaryNavigationTemplate.lit.ts +9 -8
- package/src/generated/templates/SelectBoxTemplate.lit.ts +8 -7
- package/src/generated/templates/SideNavigationMobileTemplate.lit.ts +7 -5
- package/src/generated/templates/StatusBadgeTemplate.lit.ts +5 -4
- package/src/generated/templates/StatusMessageTemplate.lit.ts +6 -5
- package/src/generated/templates/SwitchTemplate.lit.ts +10 -9
- package/src/generated/templates/TabHeaderTemplate.lit.ts +7 -6
- package/src/generated/templates/TabInOverflowTemplate.lit.ts +5 -4
- package/src/generated/templates/TabNavigationPopoverTemplate.lit.ts +6 -5
- package/src/generated/templates/TabNavigationTemplate.lit.ts +10 -8
- package/src/generated/templates/TabTemplate.lit.ts +5 -4
- package/src/generated/templates/TableCellTemplate.lit.ts +5 -4
- package/src/generated/templates/TableGroupRowTemplate.lit.ts +5 -4
- package/src/generated/templates/TableHeaderCellTemplate.lit.ts +5 -4
- package/src/generated/templates/TableHeaderRowTemplate.lit.ts +5 -4
- package/src/generated/templates/TableRowTemplate.lit.ts +5 -4
- package/src/generated/templates/TableTemplate.lit.ts +5 -4
- package/src/generated/templates/TagGroupTemplate.lit.ts +8 -7
- package/src/generated/templates/TagTemplate.lit.ts +5 -4
- package/src/generated/templates/TextAreaTemplate.lit.ts +7 -6
- package/src/generated/templates/TextFieldTemplate.lit.ts +6 -5
- package/src/generated/templates/TileTemplate.lit.ts +5 -4
- package/src/generated/templates/ToastTemplate.lit.ts +5 -4
- package/src/generated/templates/TooltipTemplate.lit.ts +6 -5
- package/src/generated/templates/TruncatedTextTemplate.lit.ts +5 -4
- package/src/generated/templates/UploadItemTemplate.lit.ts +5 -4
- package/src/generated/templates/UploadTemplate.lit.ts +5 -4
- package/src/generated/themes/Accordion.css.ts +2 -6
- package/src/generated/themes/AccordionItem.css.ts +2 -6
- package/src/generated/themes/Avatar.css.ts +2 -6
- package/src/generated/themes/Badge.css.ts +2 -6
- package/src/generated/themes/Breadcrumbs.css.ts +2 -6
- package/src/generated/themes/BreadcrumbsPopover.css.ts +2 -6
- package/src/generated/themes/Button.css.ts +2 -6
- package/src/generated/themes/Carousel.css.ts +2 -6
- package/src/generated/themes/Checkbox.css.ts +2 -6
- package/src/generated/themes/ControlButton.css.ts +2 -6
- package/src/generated/themes/CountrySelector.css.ts +2 -6
- package/src/generated/themes/DatePicker.css.ts +2 -6
- package/src/generated/themes/DatePickerPopover.css.ts +2 -6
- package/src/generated/themes/Divider.css.ts +2 -6
- package/src/generated/themes/Dropdown.css.ts +2 -6
- package/src/generated/themes/FilterMenu.css.ts +2 -6
- package/src/generated/themes/Footer.css.ts +2 -6
- package/src/generated/themes/HeroBanner.css.ts +2 -6
- package/src/generated/themes/InputGroup.css.ts +2 -6
- package/src/generated/themes/Link.css.ts +2 -6
- package/src/generated/themes/List.css.ts +2 -6
- package/src/generated/themes/ListGroupHeader.css.ts +2 -6
- package/src/generated/themes/ListItem.css.ts +2 -6
- package/src/generated/themes/MastheadCountrySelector.css.ts +2 -6
- package/src/generated/themes/MastheadItem.css.ts +2 -6
- package/src/generated/themes/MastheadMenu.css.ts +2 -6
- package/src/generated/themes/MastheadMenuItem.css.ts +2 -6
- package/src/generated/themes/MastheadMobileMenu.css.ts +2 -6
- package/src/generated/themes/MastheadProfileMenu.css.ts +2 -6
- package/src/generated/themes/MastheadShell.css.ts +2 -6
- package/src/generated/themes/MediaPlayer.css.ts +2 -6
- package/src/generated/themes/MediaPlayerYoutube.css.ts +2 -6
- package/src/generated/themes/MessageStrip.css.ts +2 -6
- package/src/generated/themes/Modal.css.ts +2 -6
- package/src/generated/themes/Pagination.css.ts +2 -6
- package/src/generated/themes/PhoneNumberField.css.ts +2 -6
- package/src/generated/themes/ProgressBar.css.ts +2 -6
- package/src/generated/themes/Quote.css.ts +2 -6
- package/src/generated/themes/RadioButton.css.ts +2 -6
- package/src/generated/themes/RatingBar.css.ts +2 -6
- package/src/generated/themes/RatingIndicator.css.ts +2 -6
- package/src/generated/themes/Review.css.ts +2 -6
- package/src/generated/themes/ReviewItem.css.ts +2 -6
- package/src/generated/themes/Search.css.ts +2 -6
- package/src/generated/themes/SearchSuggestions.css.ts +2 -6
- package/src/generated/themes/SearchableList.css.ts +2 -6
- package/src/generated/themes/SecondaryNavigation.css.ts +2 -6
- package/src/generated/themes/SecondaryNavigationItem.css.ts +2 -6
- package/src/generated/themes/SecondaryNavigationSubItem.css.ts +2 -6
- package/src/generated/themes/SegmentedButton.css.ts +2 -6
- package/src/generated/themes/SegmentedButtonItem.css.ts +2 -6
- package/src/generated/themes/SelectBox.css.ts +2 -6
- package/src/generated/themes/SideNavigation.css.ts +2 -6
- package/src/generated/themes/SideNavigationGroup.css.ts +2 -6
- package/src/generated/themes/SideNavigationItem.css.ts +2 -6
- package/src/generated/themes/SideNavigationMobile.css.ts +2 -6
- package/src/generated/themes/SideNavigationMobileDropdown.css.ts +2 -6
- package/src/generated/themes/SideNavigationSubItem.css.ts +2 -6
- package/src/generated/themes/Slider.css.ts +2 -6
- package/src/generated/themes/StatusBadge.css.ts +2 -6
- package/src/generated/themes/StatusMessage.css.ts +2 -6
- package/src/generated/themes/StepInput.css.ts +2 -6
- package/src/generated/themes/Switch.css.ts +2 -6
- package/src/generated/themes/TabInOverflow.css.ts +2 -6
- package/src/generated/themes/TabNavigation.css.ts +2 -6
- package/src/generated/themes/Table.css.ts +2 -6
- package/src/generated/themes/TableCell.css.ts +2 -6
- package/src/generated/themes/TableCellBase.css.ts +2 -6
- package/src/generated/themes/TableGroupRow.css.ts +2 -6
- package/src/generated/themes/TableHeaderCell.css.ts +2 -6
- package/src/generated/themes/TableRowBase.css.ts +2 -6
- package/src/generated/themes/Tag.css.ts +2 -6
- package/src/generated/themes/TagGroup.css.ts +2 -6
- package/src/generated/themes/TextArea.css.ts +2 -6
- package/src/generated/themes/TextField.css.ts +2 -6
- package/src/generated/themes/Tile.css.ts +2 -6
- package/src/generated/themes/Toast.css.ts +2 -6
- package/src/generated/themes/Tooltip.css.ts +2 -6
- package/src/generated/themes/TruncatedText.css.ts +2 -6
- package/src/generated/themes/Upload.css.ts +2 -6
- package/src/generated/themes/UploadItem.css.ts +2 -6
- package/src/generated/themes/Wizard.css.ts +2 -6
- package/src/generated/themes/WizardTab.css.ts +2 -6
- package/src/generated/themes/overrides/@ui5/webcomponents/sap_glow/parameters-bundle.css.ts +2 -6
- package/src/generated/themes/sap_fiori_3/parameters-bundle.css.ts +1 -5
- package/src/generated/themes/sap_glow/parameters-bundle.css.ts +1 -5
- package/src/generated/themes/sap_horizon/parameters-bundle.css.ts +1 -5
- package/src/i18n/messagebundle.properties +1 -6
- package/src/i18n/messagebundle_en.properties +1 -4
- package/src/themes/AccordionItem.css +1 -0
- package/src/themes/Avatar.css +1 -27
- package/src/themes/Badge.css +40 -50
- package/src/themes/Breadcrumbs.css +3 -1
- package/src/themes/BreadcrumbsPopover.css +9 -29
- package/src/themes/Button.css +22 -11
- package/src/themes/Carousel.css +1 -0
- package/src/themes/Checkbox.css +122 -9
- package/src/themes/ControlButton.css +1 -0
- package/src/themes/DatePicker.css +0 -4
- package/src/themes/Dropdown.css +16 -17
- package/src/themes/Link.css +51 -44
- package/src/themes/ListItem.css +0 -23
- package/src/themes/MessageStrip.css +16 -22
- package/src/themes/Modal.css +18 -13
- package/src/themes/Pagination.css +0 -2
- package/src/themes/PhoneNumberField.css +15 -14
- package/src/themes/ProgressBar.css +77 -3
- package/src/themes/RadioButton.css +139 -15
- package/src/themes/RatingIndicator.css +5 -11
- package/src/themes/Search.css +9 -9
- package/src/themes/SegmentedButton.css +1 -1
- package/src/themes/SegmentedButtonItem.css +35 -25
- package/src/themes/SelectBox.css +2 -2
- package/src/themes/SideNavigation.css +2 -2
- package/src/themes/SideNavigationGroup.css +0 -5
- package/src/themes/SideNavigationItem.css +22 -6
- package/src/themes/SideNavigationMobileDropdown.css +1 -1
- package/src/themes/SideNavigationSubItem.css +3 -3
- package/src/themes/Slider.css +86 -22
- package/src/themes/TagGroup.css +4 -0
- package/src/themes/TextArea.css +15 -15
- package/src/themes/Tile.css +7 -0
- package/src/themes/Toast.css +12 -0
- package/src/themes/Tooltip.css +6 -5
- package/src/themes/WizardTab.css +3 -3
- package/src/types/BadgeDesign.ts +21 -8
- package/src/types/Button.ts +31 -0
- package/src/types/Checkbox.ts +7 -0
- package/src/types/Dropdown.ts +12 -13
- package/src/types/FileUploadState.ts +2 -2
- package/src/types/IconPlacement.ts +2 -2
- package/src/types/List.ts +4 -4
- package/src/types/MessageStrip.ts +2 -2
- package/src/types/ProgressBar.ts +9 -0
- package/src/types/RadioButton.ts +9 -0
- package/src/types/SearchableListBase.ts +3 -3
- package/src/types/Table.ts +2 -2
- package/src/types/common.ts +30 -3
- package/src/utils/debounce.ts +1 -1
- package/src/utils/listItemLabelStartsWithKeyFocus.ts +0 -0
- package/src/utils/listItemLabelUtils.ts +1 -1
- package/src/utils/retryUntilSuccessful.ts +1 -1
- package/tsconfig.json +4 -2
- package/config/wdio.conf.js +0 -27
- package/cypress/screenshots/AccordionItem.cy.tsx/AccordionItem -- can be clicked via keyboard using Space (failed).png +0 -0
- package/dist/assets/SAP-icons-95a98080.js +0 -1
- package/dist/assets/SAP-icons-e24df2c3.js +0 -1
- package/dist/assets/bundle-7a4a3e16.css +0 -1
- package/dist/assets/bundle.esm-062c2857.js +0 -331
- package/dist/assets/messagebundle_en-5423ac88.js +0 -1
- package/dist/assets/parameters-bundle.css-03062520.js +0 -2
- package/dist/assets/parameters-bundle.css-10c626d5.js +0 -1
- package/dist/assets/parameters-bundle.css-165a1208.js +0 -2
- package/dist/assets/parameters-bundle.css-3c706630.js +0 -2
- package/dist/assets/parameters-bundle.css-3ea1926f.js +0 -2
- package/dist/assets/parameters-bundle.css-47cbf095.js +0 -2
- package/dist/assets/parameters-bundle.css-6bd2a8b6.js +0 -1
- package/dist/assets/parameters-bundle.css-6eda420e.js +0 -2
- package/dist/assets/parameters-bundle.css-7f4cec2b.js +0 -2
- package/dist/assets/parameters-bundle.css-9905f744.js +0 -2
- package/dist/assets/parameters-bundle.css-9e6d1c8d.js +0 -2
- package/dist/assets/parameters-bundle.css-b1ba75bd.js +0 -2
- package/dist/assets/parameters-bundle.css-b6cfd976.js +0 -2
- package/dist/assets/parameters-bundle.css-bb08ca85.js +0 -2
- package/dist/assets/parameters-bundle.css-bd30ac58.js +0 -2
- package/dist/assets/parameters-bundle.css-bda386a0.js +0 -2
- package/dist/assets/parameters-bundle.css-d38a0009.js +0 -2
- package/dist/assets/parameters-bundle.css-e591d3a4.js +0 -2
- package/dist/assets/play-a1304ca2.svg +0 -3
- package/dist/assets/video.es-60bfb78c.js +0 -228
- package/dist/css/themes/PasswordField.css +0 -1
- package/dist/generated/json-imports/Themes-static.js +0 -19
- package/dist/generated/json-imports/Themes-static.js.map +0 -1
- package/dist/generated/json-imports/i18n-static.js +0 -111
- package/dist/generated/json-imports/i18n-static.js.map +0 -1
- package/dist/generated/templates/DropdownTemplate.lit.d.ts +0 -4
- package/dist/generated/templates/DropdownTemplate.lit.js +0 -8
- package/dist/generated/templates/DropdownTemplate.lit.js.map +0 -1
- package/dist/generated/templates/LinkTemplate.lit.d.ts +0 -4
- package/dist/generated/templates/LinkTemplate.lit.js +0 -8
- package/dist/generated/templates/LinkTemplate.lit.js.map +0 -1
- package/dist/generated/templates/MessageStripTemplate.lit.d.ts +0 -4
- package/dist/generated/templates/MessageStripTemplate.lit.js +0 -10
- package/dist/generated/templates/MessageStripTemplate.lit.js.map +0 -1
- package/dist/generated/templates/SideNavigationMobileDropdownTemplate.lit.d.ts +0 -4
- package/dist/generated/templates/SideNavigationMobileDropdownTemplate.lit.js +0 -6
- package/dist/generated/templates/SideNavigationMobileDropdownTemplate.lit.js.map +0 -1
- package/dist/generated/templates/StepInputTemplate.lit.d.ts +0 -4
- package/dist/generated/templates/StepInputTemplate.lit.js +0 -6
- package/dist/generated/templates/StepInputTemplate.lit.js.map +0 -1
- package/dist/generated/templates/WizardTemplate.lit.d.ts +0 -4
- package/dist/generated/templates/WizardTemplate.lit.js +0 -7
- package/dist/generated/templates/WizardTemplate.lit.js.map +0 -1
- package/dist/generated/themes/PasswordField.css.d.ts +0 -3
- package/dist/generated/themes/PasswordField.css.js +0 -9
- package/dist/generated/themes/PasswordField.css.js.map +0 -1
- package/dist/types/ButtonSize.d.ts +0 -6
- package/dist/types/ButtonSize.js +0 -8
- package/dist/types/ButtonSize.js.map +0 -1
- package/src/Dropdown.hbs +0 -39
- package/src/Link.hbs +0 -30
- package/src/MessageStrip.hbs +0 -33
- package/src/SideNavigationMobileDropdown.hbs +0 -17
- package/src/StepInput.hbs +0 -54
- package/src/Wizard.hbs +0 -54
- package/src/generated/json-imports/Themes-static.ts +0 -22
- package/src/generated/json-imports/i18n-static.ts +0 -115
- package/src/generated/templates/DropdownTemplate.lit.ts +0 -13
- package/src/generated/templates/LinkTemplate.lit.ts +0 -13
- package/src/generated/templates/MessageStripTemplate.lit.ts +0 -15
- package/src/generated/templates/SideNavigationMobileDropdownTemplate.lit.ts +0 -11
- package/src/generated/templates/StepInputTemplate.lit.ts +0 -11
- package/src/generated/templates/WizardTemplate.lit.ts +0 -12
- package/src/generated/themes/PasswordField.css.ts +0 -13
- package/src/themes/PasswordField.css +0 -3
- package/src/types/ButtonSize.ts +0 -7
- /package/{.eslintrc.js → .eslintrc.cjs} +0 -0
- /package/dist/assets/{ar-4a3e3814.js → ar-CTZA5thq.js} +0 -0
- /package/dist/assets/{az-1a5c38dc.js → az-v9sl8ib6.js} +0 -0
- /package/dist/assets/{ba-578f2c35.js → ba-DisscYZm.js} +0 -0
- /package/dist/assets/{bg-23e26fa4.js → bg-hMoIXmwx.js} +0 -0
- /package/dist/assets/{bn-ecf46fc9.js → bn-9WIHzDQT.js} +0 -0
- /package/dist/assets/{ca-792d0c23.js → ca-BdAvEnzO.js} +0 -0
- /package/dist/assets/{cs-6fb6c274.js → cs-BTZOJ7RY.js} +0 -0
- /package/dist/assets/{cy-f6e8dafd.js → cy-CkqsAazR.js} +0 -0
- /package/dist/assets/{da-89990885.js → da-CyYzq03-.js} +0 -0
- /package/dist/assets/{de-32104d6f.js → de-Kxrz3LQu.js} +0 -0
- /package/dist/assets/{el-cfd6e74d.js → el-DtD9tvBZ.js} +0 -0
- /package/dist/assets/{en-111ebeca.js → en-BSDBMYja.js} +0 -0
- /package/dist/assets/{en-GB-d734c02c.js → en-GB-eZDJGL6o.js} +0 -0
- /package/dist/assets/{es-611df0dc.js → es-B2uFHLOM.js} +0 -0
- /package/dist/assets/{et-9ece8307.js → et-BZYU6uC4.js} +0 -0
- /package/dist/assets/{eu-49fabb60.js → eu-4kpIM3qq.js} +0 -0
- /package/dist/assets/{fa-b37ac7ef.js → fa-DE6uNAMy.js} +0 -0
- /package/dist/assets/{fi-7ec80e73.js → fi-hYXoEotT.js} +0 -0
- /package/dist/assets/{fr-ee18d408.js → fr-BiXSRyHq.js} +0 -0
- /package/dist/assets/{gd-b81ebaf0.js → gd-BnHQAAnq.js} +0 -0
- /package/dist/assets/{gl-e4ba9f11.js → gl-eZFVp-ap.js} +0 -0
- /package/dist/assets/{he-3161ae46.js → he-BCby_1s8.js} +0 -0
- /package/dist/assets/{hi-90e040fd.js → hi-CTSA-lZK.js} +0 -0
- /package/dist/assets/{hr-578f2c35.js → hr-DisscYZm.js} +0 -0
- /package/dist/assets/{hu-42b8fcee.js → hu-CtXVLPoZ.js} +0 -0
- /package/dist/assets/{it-b051329d.js → it-CNhkO2LS.js} +0 -0
- /package/dist/assets/{ja-8cc903fb.js → ja-DQLMLaVj.js} +0 -0
- /package/dist/assets/{ko-b85d1cca.js → ko-QXeXKT3c.js} +0 -0
- /package/dist/assets/{lv-7a47d532.js → lv-C7KueJFp.js} +0 -0
- /package/dist/assets/{messagebundle_ar-bb470511.js → messagebundle_ar-9zPDAqTU.js} +0 -0
- /package/dist/assets/{messagebundle_bg-a533dfab.js → messagebundle_bg-DWxB0fCn.js} +0 -0
- /package/dist/assets/{messagebundle_cs-c70a7f36.js → messagebundle_cs-C_ZNAcZs.js} +0 -0
- /package/dist/assets/{messagebundle_da-e292cac5.js → messagebundle_da-CRRThnbQ.js} +0 -0
- /package/dist/assets/{messagebundle_de-5c108de6.js → messagebundle_de-CEztl_Bk.js} +0 -0
- /package/dist/assets/{messagebundle_el-44746e0b.js → messagebundle_el-dli9W3Ld.js} +0 -0
- /package/dist/assets/{messagebundle_es-c0c1060f.js → messagebundle_es-BKJxfGUS.js} +0 -0
- /package/dist/assets/{messagebundle_et-a5f15d3b.js → messagebundle_et-CEgPnb-F.js} +0 -0
- /package/dist/assets/{messagebundle_fi-f4b8eb82.js → messagebundle_fi-CB9L6Ted.js} +0 -0
- /package/dist/assets/{messagebundle_fr-af18ac46.js → messagebundle_fr-DV0xFXy7.js} +0 -0
- /package/dist/assets/{messagebundle_hr-d893e46d.js → messagebundle_hr-CxG6YfU9.js} +0 -0
- /package/dist/assets/{messagebundle_hu-230c58c9.js → messagebundle_hu-BD5GvMh2.js} +0 -0
- /package/dist/assets/{messagebundle_it-5bf1436c.js → messagebundle_it-CcnIcv1Q.js} +0 -0
- /package/dist/assets/{messagebundle_iw-dd60afc4.js → messagebundle_iw-njoSdOP-.js} +0 -0
- /package/dist/assets/{messagebundle_ko-c450bda3.js → messagebundle_ko-BsIdyV2m.js} +0 -0
- /package/dist/assets/{messagebundle_lt-87ab0529.js → messagebundle_lt-Cx5dKaVi.js} +0 -0
- /package/dist/assets/{messagebundle_lv-fc413852.js → messagebundle_lv-CjYkt6X6.js} +0 -0
- /package/dist/assets/{messagebundle_nl-34d7e236.js → messagebundle_nl-BxcksDMG.js} +0 -0
- /package/dist/assets/{messagebundle_no-f22648fb.js → messagebundle_no-6rWbHkD4.js} +0 -0
- /package/dist/assets/{messagebundle_pl-10303f09.js → messagebundle_pl-CdoiDA_-.js} +0 -0
- /package/dist/assets/{messagebundle_pt-b7a40c67.js → messagebundle_pt-DtbX15Ym.js} +0 -0
- /package/dist/assets/{messagebundle_ro-94628623.js → messagebundle_ro-C5ojQbzO.js} +0 -0
- /package/dist/assets/{messagebundle_ru-1f6595ba.js → messagebundle_ru-BcLhFIo9.js} +0 -0
- /package/dist/assets/{messagebundle_sk-89eabac1.js → messagebundle_sk-B4D9Y2b-.js} +0 -0
- /package/dist/assets/{messagebundle_sl-d56532f1.js → messagebundle_sl-D43o0FSO.js} +0 -0
- /package/dist/assets/{messagebundle_sr-cf7f3b32.js → messagebundle_sr-Co2xNpod.js} +0 -0
- /package/dist/assets/{messagebundle_sv-3a3b20d3.js → messagebundle_sv-4hT4lgLu.js} +0 -0
- /package/dist/assets/{messagebundle_tr-33b16d09.js → messagebundle_tr-DxFj6Icf.js} +0 -0
- /package/dist/assets/{messagebundle_uk-82e1f2c1.js → messagebundle_uk-Sdu5cmOP.js} +0 -0
- /package/dist/assets/{messagebundle_zh_CN-15ca05aa.js → messagebundle_zh_CN-CuN02AOJ.js} +0 -0
- /package/dist/assets/{messagebundle_zh_TW-ad6445e7.js → messagebundle_zh_TW-CRXaxYip.js} +0 -0
- /package/dist/assets/{mr-9563c6ee.js → mr-Bh6aKPLD.js} +0 -0
- /package/dist/assets/{nb-367efd73.js → nb-2X2Lg6iq.js} +0 -0
- /package/dist/assets/{nl-7501cf03.js → nl-CeYDhQxA.js} +0 -0
- /package/dist/assets/{nn-7a32f39e.js → nn-B0E7C1S9.js} +0 -0
- /package/dist/assets/{np-2442ddf5.js → np-CiDCnKgc.js} +0 -0
- /package/dist/assets/{oc-892205fc.js → oc-BWAm6rBf.js} +0 -0
- /package/dist/assets/{pl-c9e6f97c.js → pl-Cp7zgo_d.js} +0 -0
- /package/dist/assets/{pt-BR-0cdaa4c2.js → pt-BR-Bc7Ikyiv.js} +0 -0
- /package/dist/assets/{pt-PT-3b56b10d.js → pt-PT-BvieYtCa.js} +0 -0
- /package/dist/assets/{ro-27af0bfa.js → ro-C9fEZsPq.js} +0 -0
- /package/dist/assets/{ru-7991b04b.js → ru-CvIUT83o.js} +0 -0
- /package/dist/assets/{sk-c31445bf.js → sk-DmH_P1yQ.js} +0 -0
- /package/dist/assets/{sl-44a6af7b.js → sl-B6qRualr.js} +0 -0
- /package/dist/assets/{sr-ec351a65.js → sr-Czh2gIc8.js} +0 -0
- /package/dist/assets/{sv-1176d505.js → sv-DI2thI3C.js} +0 -0
- /package/dist/assets/{te-78496f2d.js → te-BAfQUXMK.js} +0 -0
- /package/dist/assets/{th-357add84.js → th-DKW3w-LY.js} +0 -0
- /package/dist/assets/{tr-e9ba09b2.js → tr-D2131HpF.js} +0 -0
- /package/dist/assets/{uk-82e5b14a.js → uk-Bg3gZBVy.js} +0 -0
- /package/dist/assets/{vi-8fa3e4db.js → vi-B6k4Eer1.js} +0 -0
- /package/dist/assets/{zh-CN-56d8e9a8.js → zh-CN-B_WgppuI.js} +0 -0
- /package/dist/assets/{zh-Hans-7eba8277.js → zh-Hans-BEUw6d5l.js} +0 -0
- /package/dist/assets/{zh-Hant-c17e8907.js → zh-Hant-BMM21JpX.js} +0 -0
- /package/dist/assets/{zh-TW-52a9fefa.js → zh-TW-vJ8rSmFo.js} +0 -0
- /package/dist/generated/json-imports/{Themes-static.d.ts → Themes-fetch.d.ts} +0 -0
- /package/dist/generated/json-imports/{i18n-static.d.ts → i18n-fetch.d.ts} +0 -0
- /package/dist/{i18n/messagebundle_ar.properties → messagebundle_ar.properties} +0 -0
- /package/dist/{i18n/messagebundle_bg.properties → messagebundle_bg.properties} +0 -0
- /package/dist/{i18n/messagebundle_cs.properties → messagebundle_cs.properties} +0 -0
- /package/dist/{i18n/messagebundle_da.properties → messagebundle_da.properties} +0 -0
- /package/dist/{i18n/messagebundle_de.properties → messagebundle_de.properties} +0 -0
- /package/dist/{i18n/messagebundle_el.properties → messagebundle_el.properties} +0 -0
- /package/dist/{i18n/messagebundle_es.properties → messagebundle_es.properties} +0 -0
- /package/dist/{i18n/messagebundle_et.properties → messagebundle_et.properties} +0 -0
- /package/dist/{i18n/messagebundle_fi.properties → messagebundle_fi.properties} +0 -0
- /package/dist/{i18n/messagebundle_fr.properties → messagebundle_fr.properties} +0 -0
- /package/dist/{i18n/messagebundle_hr.properties → messagebundle_hr.properties} +0 -0
- /package/dist/{i18n/messagebundle_hu.properties → messagebundle_hu.properties} +0 -0
- /package/dist/{i18n/messagebundle_it.properties → messagebundle_it.properties} +0 -0
- /package/dist/{i18n/messagebundle_iw.properties → messagebundle_iw.properties} +0 -0
- /package/dist/{i18n/messagebundle_ko.properties → messagebundle_ko.properties} +0 -0
- /package/dist/{i18n/messagebundle_lt.properties → messagebundle_lt.properties} +0 -0
- /package/dist/{i18n/messagebundle_lv.properties → messagebundle_lv.properties} +0 -0
- /package/dist/{i18n/messagebundle_nl.properties → messagebundle_nl.properties} +0 -0
- /package/dist/{i18n/messagebundle_no.properties → messagebundle_no.properties} +0 -0
- /package/dist/{i18n/messagebundle_pl.properties → messagebundle_pl.properties} +0 -0
- /package/dist/{i18n/messagebundle_pt.properties → messagebundle_pt.properties} +0 -0
- /package/dist/{i18n/messagebundle_pt_BR.properties → messagebundle_pt_BR.properties} +0 -0
- /package/dist/{i18n/messagebundle_ro.properties → messagebundle_ro.properties} +0 -0
- /package/dist/{i18n/messagebundle_ru.properties → messagebundle_ru.properties} +0 -0
- /package/dist/{i18n/messagebundle_sk.properties → messagebundle_sk.properties} +0 -0
- /package/dist/{i18n/messagebundle_sl.properties → messagebundle_sl.properties} +0 -0
- /package/dist/{i18n/messagebundle_sr.properties → messagebundle_sr.properties} +0 -0
- /package/dist/{i18n/messagebundle_sv.properties → messagebundle_sv.properties} +0 -0
- /package/dist/{i18n/messagebundle_tr.properties → messagebundle_tr.properties} +0 -0
- /package/dist/{i18n/messagebundle_uk.properties → messagebundle_uk.properties} +0 -0
- /package/dist/{i18n/messagebundle_zh_CN.properties → messagebundle_zh_CN.properties} +0 -0
- /package/dist/{i18n/messagebundle_zh_TW.properties → messagebundle_zh_TW.properties} +0 -0
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import type { StyleData } from "@ui5/webcomponents-base/dist/types.js";
|
|
2
1
|
import { registerThemePropertiesLoader } from "@ui5/webcomponents-base/dist/asset-registries/Themes.js";
|
|
3
2
|
|
|
4
3
|
import defaultThemeBase from "@ui5/webcomponents-theming/dist/generated/themes/sap_horizon/parameters-bundle.css.js";
|
|
@@ -6,8 +5,5 @@ import defaultTheme from "./sap_horizon/parameters-bundle.css.js";
|
|
|
6
5
|
|
|
7
6
|
registerThemePropertiesLoader("@ui5/webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
|
|
8
7
|
registerThemePropertiesLoader("@sapudex/web-components", "sap_horizon", async () => defaultTheme);
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
`};
|
|
12
|
-
export default styleData;
|
|
13
|
-
|
|
8
|
+
export default `:host{--udex-select-box-popover-min-width: 0px;--udex-select-box-popover-shadow: var(--sapContent_Shadow1, 0px 2px 8px 0px rgba(34,54,73,.3));--udex-select-box-popover-border-color: var(--sapField_BorderColor, var(--udexCoreBorderDefault));--udex-select-box-popover-border-width: var(--sapElement_BorderWidth, 1px);--udex-select-box-popover-border-radius: var(--udexRadiusM, 8px)}:host([disabled]) .udex-text-field__trigger,:host([readonly]) .udex-text-field__trigger{cursor:inherit}:host([displayonly]) .udex-text-field__input{overflow:hidden}.udex-text-field__input:not([readonly]):not([disabled]) .udex-text-field__trigger:hover{border-left:1px solid var(--udexColorGrey4, #A9B4BE)}.udex-text-field__input[open]:not([readonly]):not([disabled]) .udex-text-field__trigger:hover,.udex-text-field__input[open]:not([readonly]) .udex-text-field__trigger{border-left:1px solid var(--udexColorBlue4, #89D1FF);cursor:pointer}:host(:dir(rtl)) .udex-text-field__input:not([readonly]) .udex-text-field__trigger:hover{border-right:1px solid var(--udexColorGrey4, #A9B4BE);border-left:none}:host(:dir(rtl)) .udex-text-field__input[open]:not([readonly]) .udex-text-field__trigger{border-right:1px solid var(--udexColorBlue4, #89D1FF);border-left:none}:host([displayonly]:dir(rtl)) .udex-text-field__label{right:0}:host([value-state="Error"]) .udex-text-field__input[open] .udex-text-field__trigger:hover,:host([value-state="Error"]) .udex-text-field__input[open] .udex-text-field__trigger{border-left:1px solid var(--udexCoreSemanticError4, #FF8CB2);color:var(--udexCoreSemanticError9, #840606)}:host([value-state="Error"]:dir(rtl)) .udex-text-field__input[open] .udex-text-field__trigger{border-right:1px solid var(--udexCoreSemanticError4, #FF8CB2);color:var(--udexCoreSemanticError9, #840606);border-left:none}:host([value-state="Success"]) .udex-text-field__input[open] .udex-text-field__trigger:hover,:host([value-state="Success"]) .udex-text-field__input[open] .udex-text-field__trigger{border-left:1px solid var(--udexCoreSemanticSuccess6, #36a41d);color:var(--udexCoreSemanticSuccess9, #1E592F)}:host([value-state="Success"]:dir(rtl)) .udex-text-field__input[open] .udex-text-field__trigger{border-right:1px solid var(--udexCoreSemanticSuccess6, #36a41d);color:var(--udexCoreSemanticSuccess9, #1E592F);border-left:none}:host([value-state="Warning"]) .udex-text-field__input[open] .udex-text-field__trigger:hover,:host([value-state="Warning"]) .udex-text-field__input[open] .udex-text-field__trigger{border-left:1px solid var(--udexCoreSemanticWarning6, #E76500);color:var(--udexCoreSemanticWarning9, #8D2A00)}:host([value-state="Warning"]:dir(rtl)) .udex-text-field__input[open] .udex-text-field__trigger{border-right:1px solid var(--udexCoreSemanticWarning6, #E76500);color:var(--udexCoreSemanticWarning9, #8D2A00);border-left:none}:host([mode="SingleSelect"]:not([readonly]):not([displayonly]):not([disabled])) .udex-text-field__container:hover{cursor:pointer}.udex-text-field__label{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.udex-text-field__label_active{position:absolute;top:9px;left:12px;max-width:max-content}.udex-text-field__input{display:flex;align-items:center;padding:0}.udex-text-field__trigger{display:flex;align-items:center;justify-content:center;height:42px;width:42px;background:none;border-style:solid;box-sizing:border-box;border-width:var(--sapButton_BorderWidth);border-color:transparent;border-radius:var(--udexRadiusXS);margin-inline-start:auto;padding:4px;z-index:1;color:var(--udexColorGrey7, #475E75);outline:none}.udex-text-field__trigger:focus-visible ui5-icon{outline:2px solid var(--udexColorBlue10, #002A86);outline-offset:2px;border-radius:2px}.udex-text-field__trigger:hover{cursor:pointer}.udex-text-field__trigger ui5-icon{height:18px;width:18px;color:inherit}.udex-text-field__text-holder{display:flex;overflow:hidden;padding:var(--udexSpacer8) var(--udexSpacer12)}:host([displayonly]) .udex-text-field__text-holder{padding:var(--udexSpacer8) 0}.udex-text-field__single-label{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.udex-text-field__single-label b{font-weight:400}.udex-tag-group{display:flex;width:100%;min-width:100px;max-width:calc(100% - 42px - var(--udexSpacer8))}:host([displayonly]) .udex-tag-group{margin-inline-start:-20px}:host .udex-text-field__input[open] .udex-text-field__trigger{color:var(--udexColorBlue9, #0040B0)}:host([displayonly]) .udex-text-field__label{left:0}.udex-truncatable-tag-content{display:flex;align-items:center;padding:var(--udexSpacer12, 12px) var(--udexSpacer12, 12px)}.udex-truncatable-tag-content__label{font-size:var(--udexTypographyBodySFontSize);font-family:var(--sapFontFamily);font-weight:var(--udexTypographyFontWeightRegular);line-height:var(--udexTypographyBodyLineHeight);padding-inline-end:var(--udexSpacer8, 8px);color:var(--udexCoreTextDark, #223548)}.udex-truncatable-tag-content__icon{min-width:1.2rem;height:1.2rem;font-size:1.5rem;fill:var(--udexColorBlue7, #0070F2);cursor:pointer}.udex-select-box__dropdown{--udex-dropdown-pane-min-width: var(--udex-select-box-popover-min-width);width:var(--udex-dropdown-pane-width);border:var(--udex-select-box-popover-border-width) solid var(--udex-select-box-popover-border-color);border-radius:var(--udex-select-box-popover-border-radius);box-shadow:var(--udex-select-box-popover-shadow)}@media (width < 640px){.udex-select-box__dropdown{--udex-dropdown-pane-min-width-xs: var(--udex-select-box-popover-min-width)}}.udex-no-result{font-family:var(--sapFontFamily);font-weight:var(--udexTypographyFontWeightRegular, 400);font-size:var(--udexTypographyBodyXSFontSize, 14px);line-height:var(--udexTypographyBodyLineHeight, 1.5);color:var(--sapContent_TitleColor, #000000);padding:0 var(--udexSpacer16, 16px) var(--udexSpacer16, 16px)}.udex-select-box__dropdown::part(header),.udex-select-box__dropdown::part(footer){padding:var(--udexSpacer16, 16px) var(--udexSpacer12, 12px)}.udex-select-box__dropdown::part(content){padding:0;overflow:auto}
|
|
9
|
+
`
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import type { StyleData } from "@ui5/webcomponents-base/dist/types.js";
|
|
2
1
|
import { registerThemePropertiesLoader } from "@ui5/webcomponents-base/dist/asset-registries/Themes.js";
|
|
3
2
|
|
|
4
3
|
import defaultThemeBase from "@ui5/webcomponents-theming/dist/generated/themes/sap_horizon/parameters-bundle.css.js";
|
|
@@ -6,8 +5,5 @@ import defaultTheme from "./sap_horizon/parameters-bundle.css.js";
|
|
|
6
5
|
|
|
7
6
|
registerThemePropertiesLoader("@ui5/webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
|
|
8
7
|
registerThemePropertiesLoader("@sapudex/web-components", "sap_horizon", async () => defaultTheme);
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
`};
|
|
12
|
-
export default styleData;
|
|
13
|
-
|
|
8
|
+
export default `:host{--udex-side-navigation-box-shadow: none;--udex-side-navigation-padding: var(--udexSpacer40);--udex-side-navigation-navigation-separator-radius: 0;--udex-side-navigation-navigation-separator-background-color: var(--udexCoreDividerLight);--udex-side-navigation-navigation-separator-height: 1px;--udex-side-navigation-navigation-separator-margin: var(--udexSpacer16) 0;--udex-grid-gutter: 3rem;--udex-grid-margin-m: 4.5rem;--udex-grid-margin-l: 4.5rem;--udex-grid-margin-xl: 5.25rem;--udex-column-width-m: calc((100% - (2 * var(--udex-grid-margin-m)) - (11 * var(--udex-grid-gutter))) / 12);--udex-column-width-l: calc((100% - 2 * var(--udex-grid-margin-l) - 11 * var(--udex-grid-gutter)) / 12);--udex-column-width-xl: calc((100% - 2 * var(--udex-grid-margin-xl) - 11 * var(--udex-grid-gutter)) / 12);--udex-side-navigation-max-width-m: calc(4 * var(--udex-column-width-m) + 3 * var(--udex-grid-gutter));--udex-side-navigation-max-width-l: calc(3 * var(--udex-column-width-l) + 2 * var(--udex-grid-gutter));--udex-side-navigation-max-width-xl: calc(3 * var(--udex-column-width-xl) + 2 * var(--udex-grid-gutter));--udex-side-navigation-max-width: var(--udex-side-navigation-max-width-m);font-size:var(--udexTypographyNavigationMediumMFontSize)}:host([fixed-in-place="true"]){position:sticky;top:0}:host(:not([hidden])){box-shadow:var(--udex-side-navigation-box-shadow);font-family:var(--sapFontFamily);max-width:var(--udex-side-navigation-max-width);width:100%}.ui5-sn-root .ui5-sn-list{padding:var(--udex-side-navigation-padding) 0 0;margin:0}.ui5-sn-fixed{padding:0;margin:0}.ui5-sn-spacer{background-color:var(--udex-side-navigation-navigation-separator-background-color);margin:var(--udex-side-navigation-navigation-separator-margin);min-height:var(--udex-side-navigation-navigation-separator-height);height:var(--udex-side-navigation-navigation-separator-height);border-radius:var(--udex-side-navigation-navigation-separator-radius)}@media (min-width: 980px){:host{--udex-side-navigation-max-width: var(--udex-side-navigation-max-width-m)}}@media (min-width: 1280px){:host{--udex-side-navigation-max-width: var(--udex-side-navigation-max-width-l)}}@media (min-width: 1600px){:host{--udex-side-navigation-max-width: var(--udex-side-navigation-max-width-xl)}}
|
|
9
|
+
`
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import type { StyleData } from "@ui5/webcomponents-base/dist/types.js";
|
|
2
1
|
import { registerThemePropertiesLoader } from "@ui5/webcomponents-base/dist/asset-registries/Themes.js";
|
|
3
2
|
|
|
4
3
|
import defaultThemeBase from "@ui5/webcomponents-theming/dist/generated/themes/sap_horizon/parameters-bundle.css.js";
|
|
@@ -6,8 +5,5 @@ import defaultTheme from "./sap_horizon/parameters-bundle.css.js";
|
|
|
6
5
|
|
|
7
6
|
registerThemePropertiesLoader("@ui5/webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
|
|
8
7
|
registerThemePropertiesLoader("@sapudex/web-components", "sap_horizon", async () => defaultTheme);
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
`};
|
|
12
|
-
export default styleData;
|
|
13
|
-
|
|
8
|
+
export default `:host{--udex-side-navigation-item-height: 2.5rem;--udex-side-navigation-icon-color: var(--udexColorGrey9, #223548);color:var(--udexColorGrey7, #475E75)}.ui5-sn-item-separator:has(+.ui5-sn-item-group){background-color:var(--udexCoreDividerLight);margin:var(--udexSpacer16) 0;min-height:auto;height:1px}.ui5-sn-item-separator:not(:has(+.ui5-sn-item-group)){display:none}.ui5-sn-item.ui5-sn-item-group{height:var(--udex-side-navigation-item-height);min-height:auto;padding:var(--udexSpacer8) 0;padding-inline-start:var(--udexSpacer16);margin-block-end:0;gap:0;font-size:var(--udexTypographyEyebrowSFontSize);font-style:normal;font-weight:var(--udexTypographyFontWeightMedium);letter-spacing:.36px;text-transform:uppercase;padding-inline-end:var(--udexSpacer16)}:host .ui5-sn-item-toggle-icon{height:1rem;width:1rem;min-width:1rem;color:var(--udex-side-navigation-icon-color);padding-inline-start:var(--udexSpacer12)}:host(:not([expanded]):last-child){margin-block-end:var(--udexSpacer16)}
|
|
9
|
+
`
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import type { StyleData } from "@ui5/webcomponents-base/dist/types.js";
|
|
2
1
|
import { registerThemePropertiesLoader } from "@ui5/webcomponents-base/dist/asset-registries/Themes.js";
|
|
3
2
|
|
|
4
3
|
import defaultThemeBase from "@ui5/webcomponents-theming/dist/generated/themes/sap_horizon/parameters-bundle.css.js";
|
|
@@ -6,8 +5,5 @@ import defaultTheme from "./sap_horizon/parameters-bundle.css.js";
|
|
|
6
5
|
|
|
7
6
|
registerThemePropertiesLoader("@ui5/webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
|
|
8
7
|
registerThemePropertiesLoader("@sapudex/web-components", "sap_horizon", async () => defaultTheme);
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
`};
|
|
12
|
-
export default styleData;
|
|
13
|
-
|
|
8
|
+
export default `:host{--udex-side-navigation-item-height: 2.5rem;--udex-side-navigation-icon-color: var(--udexColorGrey9, #223548);--udex-side-navigation-item-color-selected-text: var(--udexColorBlue7, #0070F2);--udex-side-navigation-icon-font-size: 1.25rem;--udex-side-navigation-item-padding-left: var(--udexSpacer16);--udex-side-navigation-selection-indicator-display: none;--udex-side-navigation-text-weight: var(--udexTypographyFontWeightMedium);--udex-side-navigation-selection-background-color: none;--udex-side-navigation-hover-selection-background-color: var(--udexColorGrey1, #F5F6F7);font-size:var(--udexTypographyNavigationMediumMFontSize)}:host(:not([hidden])){font-family:var(--sapFontFamily)}.ui5-sn-item-ul{overflow:auto}.ui5-sn-item,:host(:not([in-popover])) .ui5-sn-item{height:var(--udex-side-navigation-item-height);padding-inline-end:var(--udexSpacer16);margin-bottom:var(--udexSpacer8, 8px)}.ui5-sn-item .ui5-sn-item-text{font-weight:var(--udex-side-navigation-text-weight)}.ui5-sn-item-icon{height:var(--udex-side-navigation-icon-font-size);width:var(--udex-side-navigation-icon-font-size);min-width:var(--udex-side-navigation-icon-font-size);color:var(--udex-side-navigation-icon-color);padding-inline-end:calc(var(--udexSpacer48) - var(--udex-side-navigation-icon-font-size) - var(--udex-side-navigation-item-padding-left));padding-inline-start:0}.ui5-sn-item-toggle-icon,.ui5-sn-item-external-link-icon,:host(:not([side-nav-collapsed])) .ui5-sn-item-toggle-icon{height:1rem;width:1rem;min-width:1rem;margin:0;padding:0;color:var(--udex-side-navigation-icon-color);padding-inline-start:var(--udexSpacer12, 12px)}:host(:not([side-nav-collapsed])) .ui5-sn-item-toggle-icon::part(root){border:none;width:100%;height:100%;padding:0}:host(:not([side-nav-collapsed])) .ui5-sn-item-toggle-icon{border-inline-start:0}.ui5-sn-item-level1,.ui5-sn-item-level1:not(:has(>.ui5-sn-item-icon)),.ui5-sn-item-level1.ui5-sn-item-selected:not(:has(>.ui5-sn-item-icon)){padding-inline-start:var(--udex-side-navigation-item-padding-left)}.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected,.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected .ui5-sn-item-toggle-icon,.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected .ui5-sn-item-external-link-icon,.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected .ui5-sn-item-icon{color:var(--udex-side-navigation-item-color-selected-text);background:var(--udex-side-navigation-selection-background-color)}.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected:hover{background:var(--udex-side-navigation-hover-selection-background-color)}.ui5-sn-item-selected .ui5-sn-item-selection-icon{display:var(--udex-side-navigation-selection-indicator-display)}:host([desktop]) .ui5-sn-item:focus:after,.ui5-sn-item:focus-visible:after{inset:0}
|
|
9
|
+
`
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import type { StyleData } from "@ui5/webcomponents-base/dist/types.js";
|
|
2
1
|
import { registerThemePropertiesLoader } from "@ui5/webcomponents-base/dist/asset-registries/Themes.js";
|
|
3
2
|
|
|
4
3
|
import defaultThemeBase from "@ui5/webcomponents-theming/dist/generated/themes/sap_horizon/parameters-bundle.css.js";
|
|
@@ -6,8 +5,5 @@ import defaultTheme from "./sap_horizon/parameters-bundle.css.js";
|
|
|
6
5
|
|
|
7
6
|
registerThemePropertiesLoader("@ui5/webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
|
|
8
7
|
registerThemePropertiesLoader("@sapudex/web-components", "sap_horizon", async () => defaultTheme);
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
`};
|
|
12
|
-
export default styleData;
|
|
13
|
-
|
|
8
|
+
export default `:host{--udex-side-navigation-item-height: 2.5rem;--udex-side-navigation-item-bottom-margin: var(--udexSpacer8);--udex-side-navigation-icon-font-size: 1.25rem;--udex-side-navigation-item-padding-left: var(--udexSpacer16);--udex-side-navigation-mobile-trigger-shadow: var(--sapContent_Shadow1, 0 2px 8px 0 #2236494D);--udex-side-navigation-mobile-trigger-padding-horizontal: var(--udexSpacer16);--udex-side-navigation-mobile-active-trigger-border-color: var(--udexColorBlue7, #0070F2);--udex-side-navigation-mobile-active-arrow-color: var(--udexColorBlue7, #0070F2);--udex-side-navigation-padding-vertical: var(--udexSpacer16);--udex-side-navigation-selected-item-text-weight: var(--udexTypographyFontWeightMedium);width:100%;font-size:var(--udexTypographyNavigationMediumMFontSize);font-family:var(--sapFontFamily);position:relative;z-index:106}.udex-side-navigation-mobile__trigger{display:flex;justify-content:space-between;align-items:center;box-shadow:var(--udex-side-navigation-mobile-trigger-shadow);height:var(--udex-side-navigation-item-height);padding-inline-start:var(--udex-side-navigation-mobile-trigger-padding-horizontal);padding-inline-end:var(--udex-side-navigation-mobile-trigger-padding-horizontal);cursor:pointer;position:relative}.udex-side-navigation-mobile__selected-item{display:flex;align-items:center;font-weight:var(--udex-side-navigation-selected-item-text-weight)}.udex-side-navigation-mobile__selected-item-icon{height:var(--udex-side-navigation-icon-font-size);width:var(--udex-side-navigation-icon-font-size);min-width:var(--udex-side-navigation-icon-font-size);color:var(--udex-side-navigation-icon-color);padding-inline-end:calc(var(--udexSpacer48) - var(--udex-side-navigation-icon-font-size) - var(--udex-side-navigation-item-padding-left))}.udex-side-navigation-mobile__trigger-toggle-icon{height:1rem;width:1rem;min-width:1rem;color:var(--udex-side-navigation-icon-color)}.udex-side-navigation-mobile__trigger[active]{box-shadow:var(--udex-side-navigation-mobile-trigger-shadow);border-bottom:1px solid var(--udex-side-navigation-mobile-active-trigger-border-color)}.udex-side-navigation-mobile__trigger[active] .udex-side-navigation-mobile__trigger-toggle-icon{color:var(--udex-side-navigation-mobile-active-arrow-color)}
|
|
9
|
+
`
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import type { StyleData } from "@ui5/webcomponents-base/dist/types.js";
|
|
2
1
|
import { registerThemePropertiesLoader } from "@ui5/webcomponents-base/dist/asset-registries/Themes.js";
|
|
3
2
|
|
|
4
3
|
import defaultThemeBase from "@ui5/webcomponents-theming/dist/generated/themes/sap_horizon/parameters-bundle.css.js";
|
|
@@ -6,8 +5,5 @@ import defaultTheme from "./sap_horizon/parameters-bundle.css.js";
|
|
|
6
5
|
|
|
7
6
|
registerThemePropertiesLoader("@ui5/webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
|
|
8
7
|
registerThemePropertiesLoader("@sapudex/web-components", "sap_horizon", async () => defaultTheme);
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
`};
|
|
12
|
-
export default styleData;
|
|
13
|
-
|
|
8
|
+
export default `:host{--udex-side-navigation-item-height: 2.5rem;--udex-side-navigation-item-bottom-margin: var(--udexSpacer8);--udex-side-navigation-icon-font-size: 1.25rem;--udex-side-navigation-item-padding-left: var(--udexSpacer16);--udex-side-navigation-mobile-trigger-shadow: var(--sapContent_Shadow1, 0 2px 8px 0 #2236494D);--udex-side-navigation-mobile-trigger-padding-horizontal: var(--udexSpacer16);--udex-side-navigation-mobile-active-trigger-border-color: var(--udexColorBlue7, #0070F2);--udex-side-navigation-mobile-active-arrow-color: var(--udexColorBlue7, #0070F2);--udex-side-navigation-padding-vertical: var(--udexSpacer16);width:100%;font-size:var(--udexTypographyNavigationMediumMFontSize);font-family:var(--sapFontFamily)}.udex-side-navigation-mobile__popover{--udex-dropdown-vertical-distance: 0;--udex-dropdown-border-radius: 0;--udex-dropdown-border-width: 0;--udex-dropdown-pane-max-width: 100%;--udex-dropdown-pane-overflow: auto;margin-top:1px}[udex-side-navigation]{--udex-side-navigation-max-width: 100%;--udex-side-navigation-padding: var(--udex-side-navigation-padding-vertical) 0}
|
|
9
|
+
`
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import type { StyleData } from "@ui5/webcomponents-base/dist/types.js";
|
|
2
1
|
import { registerThemePropertiesLoader } from "@ui5/webcomponents-base/dist/asset-registries/Themes.js";
|
|
3
2
|
|
|
4
3
|
import defaultThemeBase from "@ui5/webcomponents-theming/dist/generated/themes/sap_horizon/parameters-bundle.css.js";
|
|
@@ -6,8 +5,5 @@ import defaultTheme from "./sap_horizon/parameters-bundle.css.js";
|
|
|
6
5
|
|
|
7
6
|
registerThemePropertiesLoader("@ui5/webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
|
|
8
7
|
registerThemePropertiesLoader("@sapudex/web-components", "sap_horizon", async () => defaultTheme);
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
`};
|
|
12
|
-
export default styleData;
|
|
13
|
-
|
|
8
|
+
export default `:host{--udex-side-navigation-icon-color: var(--udexColorGrey9, #223548);--udex-side-navigation-item-bottom-margin: 0;--udex-side-navigation-item-height: 2.5rem;--udex-side-navigation-icon-font-size: 1.25rem;--udex-side-navigation-item_color-selected-text: var(--udexColorBlue7, #0070F2);--udex-side-navigation-selection-indicator-display: none;--udex-side-navigation-item-padding-left: var(--udexSpacer16);--udex-side-navigation-selection-background-color: none;--udex-side-navigation-hover-selection-background-color: var(--udexColorGrey1, #F5F6F7);color:var(--udex-side-navigation-icon-color);font-size:var(--udexTypographyNavigationMediumMFontSize)}:host(:not([hidden])){font-family:var(--sapFontFamily)}.ui5-sn-item{margin-block-end:var(--udex-side-navigation-item-bottom-margin);height:var(--udex-side-navigation-item-height);padding-inline-end:var(--udexSpacer16)}.ui5-sn-item-icon{height:var(--udex-side-navigation-icon-font-size);width:var(--udex-side-navigation-icon-font-size);min-width:var(--udex-side-navigation-icon-font-size);color:var(--udex-side-navigation-icon-color);padding-inline-end:calc(var(--udexSpacer48) - var(--udex-side-navigation-icon-font-size) - var(--udex-side-navigation-item-padding-left))}.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected,.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected .ui5-sn-item-toggle-icon,.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected .ui5-sn-item-external-link-icon,.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected .ui5-sn-item-icon{color:var(--udex-side-navigation-item_color-selected-text);background:var(--udex-side-navigation-selection-background-color)}.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected:hover{background:var(--udex-side-navigation-hover-selection-background-color)}.ui5-sn-item-selected .ui5-sn-item-selection-icon{display:var(--udex-side-navigation-selection-indicator-display)}.ui5-sn-item-level2{--udex-side-navigation-group-icon-width: 1.75rem;padding-inline-start:var(--udex-side-navigation-group-icon-width)}:host([with-icon]) .ui5-sn-item-level2{--udex-side-navigation-group-icon-width: var(--udexSpacer48);padding-inline-start:var(--udex-side-navigation-group-icon-width)}:host([desktop]) .ui5-sn-item:focus:after,.ui5-sn-item:focus-visible:after{inset:0}
|
|
9
|
+
`
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import type { StyleData } from "@ui5/webcomponents-base/dist/types.js";
|
|
2
1
|
import { registerThemePropertiesLoader } from "@ui5/webcomponents-base/dist/asset-registries/Themes.js";
|
|
3
2
|
|
|
4
3
|
import defaultThemeBase from "@ui5/webcomponents-theming/dist/generated/themes/sap_horizon/parameters-bundle.css.js";
|
|
@@ -6,8 +5,5 @@ import defaultTheme from "./sap_horizon/parameters-bundle.css.js";
|
|
|
6
5
|
|
|
7
6
|
registerThemePropertiesLoader("@ui5/webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
|
|
8
7
|
registerThemePropertiesLoader("@sapudex/web-components", "sap_horizon", async () => defaultTheme);
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
`};
|
|
12
|
-
export default styleData;
|
|
13
|
-
|
|
8
|
+
export default `:host{--udex-slider-color-track-start-point: var(--sapSlider_Selected_Background, #0070f2);--udex-slider-color-track-active: var(--sapSlider_Selected_Background, #0070f2);--udex-slider-color-handle-focus-range: var(--sapSlider_Selected_BorderColor, #0070f2);--udex-slider-color-handle-active-background: var(--sapSlider_Active_HandleBackground, #ffffff);--udex-slider-color-handle-default-icon: var(--sapContent_Selected_ForegroundColor, #0040b0);--udex-slider-radius-range-size: var(--udexRadiusM, 8px);--udex-slider-handle-width: 2.75rem;--udex-slider-handle-top: -.875rem;--udex-slider-handle-height: var(--udexSpacer32, 2rem);--udex-slider-start-end-point-left: -.875rem;--udex-slider-start-end-point-right: -.875rem;--udex-slider-progress-after-background: var(--sapContent_MeasureIndicatorColor,#5b738b);--udex-slider-handle-icon-size: var(--udexSpacer20, 1.25rem);--udex-slider-tooltip-bottom: 2.5rem;--udex-slider-tooltip-border: 1px solid var(--sapField_BorderColor, #5B738B);--udex-slider-tooltip-border-radius: var(--udexSpacer4, .25rem);--udex-slider-tooltip-font-size: var(--udexTypographyNavigationRegularMFontSize,14px);--udex-slider-tooltip-color: var(--sapContent_MeasureIndicatorColor, #5b738b);--udex-slider-tooltip-height: var(--udexSpacer32, 2rem);--udex-slider-tooltip-min-width: 2.75rem;--udex-slider-tickmark-in-range-bg: var(--sapSlider_Selected_BorderColor,#0070f2);--udex-slider-tickmark-bg: var(--sapContent_MeasureIndicatorColor, #5b738b);--udex-slider-label-color: var(--sapContent_MeasureIndicatorColor, #5b738b);--udex-slider-handle-focus-border: 2px solid var(--sapSlider_Active_HandleBorderColor);--udex-slider-progress-focus-top: -1.18rem;--udex-slider-progress-focus-left:calc(-1.375rem - 5px);--udex-slider-progress-focus-height: 42px;--udex-slider-progress-focus-width:calc(100% + 2.75rem + 10px)}:host{font-family:var(--sapFontFamily);font-weight:var(--udexTypographyFontWeightRegular, 400);font-size:var(--udexTypographyNavigationRegularMFontSize, 14px);line-height:var(--udexTypographyHeadingLineHeight, 1.1);color:var(--sapContent_MeasureIndicatorColor, #5b738b);height:74px}.ui5-slider-progress-container:before{background-color:var(--udex-slider-color-track-start-point)}.ui5-slider-progress{background-color:var(--udex-slider-color-track-active)}.ui5-slider-progress:focus:after{border:2px solid var(--udex-slider-color-handle-focus-range);border-radius:var(--udex-slider-radius-range-size);top:var(--udex-slider-progress-focus-top);height:var(--udex-slider-progress-focus-height);width:var(--udex-slider-progress-focus-width);left:var(--udex-slider-progress-focus-left)}:host([desktop]) .ui5-slider-handle:focus,.ui5-slider-handle:focus-visible{background-color:var(--_ui5-v2-0-0_range_slider_handle_background_focus)}:host .ui5-slider-inner .ui5-slider-labels{top:34px}:host .ui5-slider-inner .ui5-slider-labels li{height:1.375rem;font-family:var(--sapFontFamily);font-size:var(--udexTypographyNavigationRegularMFontSize, 14px)}[slider-icon]{color:var(--udex-slider-color-handle-default-icon)}.ui5-slider-root:focus .ui5-slider-inner .ui5-slider-handle,.ui5-slider-handle:focus{border:var(--udex-slider-handle-focus-border)}.ui5-slider-labels li{color:var(--udex-slider-label-color)}.ui5-slider-tickmarks li{border-inline-start:1px solid var(--udex-slider-tickmark-bg)}.ui5-slider-tickmarks li.ui5-slider-tickmark-in-range{border-inline-start:1px solid var(--udex-slider-tickmark-in-range-bg)}:host(:not([hidden])) .ui5-slider-handle-container .ui5-slider-tooltip{bottom:var(--udex-slider-tooltip-bottom);border:var(--udex-slider-tooltip-border);border-radius:var(--udex-slider-tooltip-border-radius);font-size:var(--udex-slider-tooltip-font-size);color:var(--udex-slider-tooltip-color);height:var(--udex-slider-tooltip-height);min-width:var(--udex-slider-tooltip-min-width)}[slider-icon]{width:var(--udex-slider-handle-icon-size);height:var(--udex-slider-handle-icon-size)}.ui5-slider-progress-container:after{background-color:var(--udex-slider-progress-after-background)}.ui5-slider-progress-container:before{inset-inline-start:var(--udex-slider-start-end-point-left)}.ui5-slider-progress-container:after{inset-inline-end:var(--udex-slider-start-end-point-right)}.ui5-slider-handle-container{margin-inline-start:calc(-1 * var(--udex-slider-handle-width) / 2);top:var(--udex-slider-handle-top)}.ui5-slider-handle{height:var(--udex-slider-handle-height);width:var(--udex-slider-handle-width)}
|
|
9
|
+
`
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import type { StyleData } from "@ui5/webcomponents-base/dist/types.js";
|
|
2
1
|
import { registerThemePropertiesLoader } from "@ui5/webcomponents-base/dist/asset-registries/Themes.js";
|
|
3
2
|
|
|
4
3
|
import defaultThemeBase from "@ui5/webcomponents-theming/dist/generated/themes/sap_horizon/parameters-bundle.css.js";
|
|
@@ -6,8 +5,5 @@ import defaultTheme from "./sap_horizon/parameters-bundle.css.js";
|
|
|
6
5
|
|
|
7
6
|
registerThemePropertiesLoader("@ui5/webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
|
|
8
7
|
registerThemePropertiesLoader("@sapudex/web-components", "sap_horizon", async () => defaultTheme);
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
`};
|
|
12
|
-
export default styleData;
|
|
13
|
-
|
|
8
|
+
export default `:host{--udex-status-badge-icon-color-error: var(--udexColorRed8);--udex-status-badge-background-color-error: var(--udexColorRed1);--udex-status-badge-border-color-error: var(--udexColorRed6);--udex-status-badge-icon-color-success: var(--udexColorGreen8);--udex-status-badge-background-color-success: var(--udexColorGreen1);--udex-status-badge-border-color-success: var(--udexColorGreen6);--udex-status-badge-icon-color-warning: var(--udexColorMango8);--udex-status-badge-background-color-warning: var(--udexColorMango1);--udex-status-badge-border-color-warning: var(--udexColorMango6);--udex-status-badge-icon-color-information: var(--udexColorBlue8);--udex-status-badge-background-color-information: var(--udexColorBlue1);--udex-status-badge-border-color-information: var(--udexColorBlue6);--udex-status-badge-icon-color-edit: white;--udex-status-badge-background-color-edit: var(--udexColorBlue8);--udex-status-badge-size-background-xs-and-s-and-m: 18px;--udex-status-badge-size-background-l: 20px;--udex-status-badge-size-background-xl: 28px;--udex-status-badge-size-icon-xs-and-s-and-m: 12px;--udex-status-badge-size-icon-l: 14px;--udex-status-badge-size-icon-xl: 16px;display:inline-block;box-sizing:border-box;position:relative}.udex-status-badge__icon{color:inherit;display:inline-block;border-radius:50%;outline:1px solid;vertical-align:top}.udex-status-badge__icon,:host([value-state="Information"]) .udex-status-badge__icon{color:var(--udex-status-badge-icon-color-information);border-color:var(--udex-status-badge-border-color-information);background:var(--udex-status-badge-background-color-information)}:host([value-state="Error"]) .udex-status-badge__icon{color:var(--udex-status-badge-icon-color-error);border-color:var(--udex-status-badge-border-color-error);background:var(--udex-status-badge-background-color-error)}:host([value-state="Success"]) .udex-status-badge__icon{color:var(--udex-status-badge-icon-color-success);border-color:var(--udex-status-badge-border-color-success);background:var(--udex-status-badge-background-color-success)}:host([value-state="Warning"]) .udex-status-badge__icon{color:var(--udex-status-badge-icon-color-warning);border-color:var(--udex-status-badge-border-color-warning);background:var(--udex-status-badge-background-color-warning)}:host([value-state="Edit"]) .udex-status-badge__icon{color:var(--udex-status-badge-icon-color-edit);background:var(--udex-status-badge-background-color-edit);border:0;outline:0;cursor:pointer}.udex-status-badge__icon,:host([size="XS"]) .udex-status-badge__icon{width:var(--udex-status-badge-size-icon-xs-and-s-and-m);height:var(--udex-status-badge-size-icon-xs-and-s-and-m);padding:3px}:host([size="S"]) .udex-status-badge__icon{width:var(--udex-status-badge-size-icon-xs-and-s-and-m);height:var(--udex-status-badge-size-icon-xs-and-s-and-m);padding:3px}:host([size="M"]) .udex-status-badge__icon{width:var(--udex-status-badge-size-icon-xs-and-s-and-m);height:var(--udex-status-badge-size-icon-xs-and-s-and-m);padding:3px}:host([size="L"]) .udex-status-badge__icon{width:var(--udex-status-badge-size-icon-l);height:var(--udex-status-badge-size-icon-l);padding:3px}:host([size="XL"]) .udex-status-badge__icon{width:var(--udex-status-badge-size-icon-xl);height:var(--udex-status-badge-size-icon-xl);padding:6px}.udex-status-badge,:host([size="XS"]) .udex-status-badge{width:var(--udex-status-badge-size-background-xs-and-s-and-m);height:var(--udex-status-badge-size-background-xs-and-s-and-m)}:host([size="S"]) .udex-status-badge{width:var(--udex-status-badge-size-background-xs-and-s-and-m);height:var(--udex-status-badge-size-background-xs-and-s-and-m)}:host([size="M"]) .udex-status-badge{width:var(--udex-status-badge-size-background-xs-and-s-and-m);height:var(--udex-status-badge-size-background-xs-and-s-and-m)}:host([size="L"]) .udex-status-badge{width:var(--udex-status-badge-size-background-l);height:var(--udex-status-badge-size-background-l)}:host([size="XL"]) .udex-status-badge{width:var(--udex-status-badge-size-background-xl);height:var(--udex-status-badge-size-background-xl)}
|
|
9
|
+
`
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import type { StyleData } from "@ui5/webcomponents-base/dist/types.js";
|
|
2
1
|
import { registerThemePropertiesLoader } from "@ui5/webcomponents-base/dist/asset-registries/Themes.js";
|
|
3
2
|
|
|
4
3
|
import defaultThemeBase from "@ui5/webcomponents-theming/dist/generated/themes/sap_horizon/parameters-bundle.css.js";
|
|
@@ -6,8 +5,5 @@ import defaultTheme from "./sap_horizon/parameters-bundle.css.js";
|
|
|
6
5
|
|
|
7
6
|
registerThemePropertiesLoader("@ui5/webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
|
|
8
7
|
registerThemePropertiesLoader("@sapudex/web-components", "sap_horizon", async () => defaultTheme);
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
`};
|
|
12
|
-
export default styleData;
|
|
13
|
-
|
|
8
|
+
export default `:host{--udex-status-message-supporting-text-paddings: var(--udexSpacer4, 4px) 0;--udex-status-message-supporting-text-font-family: var(--sapFontFamily, "sans-serif");--udex-status-message-supporting-text-font-size: var(--sapFontSmallSize, 12px);--udex-status-message-color-standard-default-supporting-text: var(--sapField_PlaceholderTextColor, var(--udexColorGrey7));--udex-status-message-color-error-default-supporting-text: var(--sapField_InvalidColor, #d20a0a);--udex-status-message-color-success-default-supporting-text: var(--sapField_SuccessColor, #188918);--udex-status-message-color-warning-default-supporting-text: var(--sapField_WarningColor, var(--udexCoreSemanticWarning7))}.udex-status-message__supporting-text{font-family:var(--udex-status-message-supporting-text-font-family);font-size:var(--udex-status-message-supporting-text-font-size);line-height:1.5;padding:var(--udex-status-message-supporting-text-paddings);color:var(--udex-status-message-color-standard-default-supporting-text);text-align:start;padding-inline-start:var(--udexSpacer12, 12px)}:host([supporting-text-alignment="Right"]:not([value-state="Error"]):not([value-state="Success"]):not([value-state="Warning"])) .udex-status-message__supporting-text{text-align:end}.udex-status-message__icon{color:inherit;vertical-align:top;margin-inline-end:var(--udexSpacer4, 4px)}:host([value-state="Error"]) .udex-status-message__supporting-text{color:var(--udex-status-message-color-error-default-supporting-text)}:host([value-state="Success"]) .udex-status-message__supporting-text{color:var(--udex-status-message-color-success-default-supporting-text)}:host([value-state="Warning"]) .udex-status-message__supporting-text{color:var(--udex-status-message-color-warning-default-supporting-text)}:host([disabled]) .udex-status-message__supporting-text{opacity:.4}
|
|
9
|
+
`
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import type { StyleData } from "@ui5/webcomponents-base/dist/types.js";
|
|
2
1
|
import { registerThemePropertiesLoader } from "@ui5/webcomponents-base/dist/asset-registries/Themes.js";
|
|
3
2
|
|
|
4
3
|
import defaultThemeBase from "@ui5/webcomponents-theming/dist/generated/themes/sap_horizon/parameters-bundle.css.js";
|
|
@@ -6,8 +5,5 @@ import defaultTheme from "./sap_horizon/parameters-bundle.css.js";
|
|
|
6
5
|
|
|
7
6
|
registerThemePropertiesLoader("@ui5/webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
|
|
8
7
|
registerThemePropertiesLoader("@sapudex/web-components", "sap_horizon", async () => defaultTheme);
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
`};
|
|
12
|
-
export default styleData;
|
|
13
|
-
|
|
8
|
+
export default `:host{--udex-step-input-button-size: 42px;--udex-step-input-input-horizontal-padding: var(--udexSpacer8, 8px);--udex-step-input-color-standard-hover-border: var(--sapField_Hover_BorderColor, var(--udexColorBlue6));--udex-step-input-color-standard-active-border: var(--sapField_Active_BorderColor, var(--udexColorBlue9));--udex-step-input-color-error-hover-border: var(--sapField_InvalidColor, var(--udexCoreSemanticError7));--udex-step-input-color-error-active-border: var(--udexCoreSemanticError9, #840606);--udex-step-input-color-warning-hover-border: var(--sapField_WarningColor, var(--udexCoreSemanticWarning7));--udex-step-input-color-warning-active-border: var(--udexCoreSemanticWarning9, #8D2A00);--udex-step-input-color-success-hover-border: var(--sapField_SuccessColor, var(--udexCoreSemanticSuccess7));--udex-step-input-color-success-active-border: var(--udexCoreSemanticSuccess9, #1E592F)}:host [udex-text-field]{--udex-input-color-standard-hover-border: var(--udex-step-input-color-standard-hover-border);--udex-input-color-standard-active-border: var(--udex-step-input-color-standard-active-border);--udex-input-color-error-hover-border: var(--udex-step-input-color-error-hover-border);--udex-input-color-error-active-border: var(--udex-step-input-color-error-active-border);--udex-input-color-warning-hover-border: var(--udex-step-input-color-warning-hover-border);--udex-input-color-warning-active-border: var(--udex-step-input-color-warning-active-border);--udex-input-color-success-hover-border: var(--udex-step-input-color-success-hover-border);--udex-input-color-success-active-border: var(--udex-step-input-color-success-active-border)}:host(:not([displayonly])) .udex-step-input__root{display:flex;align-items:flex-start}:host .udex-step-input__button{--udex-control-button-large-height: var(--udex-step-input-button-size);--udex-control-button-large-width: var(--udex-step-input-button-size);position:relative;padding:var(--udexSpacer4, 4px);width:38px;z-index:3;background:none;flex-shrink:0}:host .udex-step-input__root .udex-step-input__button_inc:not(:disabled):dir(ltr),:host .udex-step-input__root .udex-step-input__button_dec:not(:disabled):dir(rtl){border-top-color:transparent;border-right-color:transparent;border-bottom-color:transparent}:host .udex-step-input__root .udex-step-input__button_inc:not(:disabled):dir(rtl),:host .udex-step-input__root .udex-step-input__button_dec:not(:disabled):dir(ltr){border-top-color:transparent;border-bottom-color:transparent;border-left-color:transparent}:host([readonly]) .udex-step-input__button{opacity:1}:host(:not([disabled]):not([readonly]):not([displayonly]):hover) ::part(textfield-input){border-color:var(--udex-step-input-color-standard-hover-border)}:host([value-state="Success"]:not([disabled]):not([readonly]):not([displayonly]):hover) ::part(textfield-input){border-color:var(--udex-step-input-color-success-hover-border)}:host([value-state="Warning"]:not([disabled]):not([readonly]):not([displayonly]):hover) ::part(textfield-input){border-color:var(--udex-step-input-color-warning-hover-border)}:host([value-state="Error"]:not([disabled]):not([readonly]):not([displayonly]):hover) ::part(textfield-input){border-color:var(--udex-step-input-color-error-hover-border)}:host(:not([disabled]):not([readonly]):not([displayonly]):focus-within) ::part(textfield-input){border-color:var(--udex-step-input-color-standard-active-border)}:host([value-state="Success"]:not([disabled]):not([readonly]):not([displayonly]):focus-within) ::part(textfield-input){border-color:var(--udex-step-input-color-success-active-border)}:host([value-state="Warning"]:not([disabled]):not([readonly]):not([displayonly]):focus-within) ::part(textfield-input){border-color:var(--udex-step-input-color-warning-active-border)}:host([value-state="Error"]:not([disabled]):not([readonly]):not([displayonly]):focus-within) ::part(textfield-input){border-color:var(--udex-step-input-color-error-active-border)}:host(:not([displayonly])) [udex-text-field]::part(textfield-input){padding-right:calc(var(--udex-step-input-button-size) + var(--udex-step-input-input-horizontal-padding));padding-left:calc(var(--udex-step-input-button-size) + var(--udex-step-input-input-horizontal-padding))}:host(:not([displayonly])) [udex-text-field]{margin-right:calc(var(--udex-step-input-button-size) * -1);margin-left:calc(var(--udex-step-input-button-size) * -1);width:100%}:host(:not([displayonly])) [udex-text-field]::part(textfield-input){text-align:end}:host .udex-step-input__button_dec{order:1}:host [udex-text-field]{order:2}:host .udex-step-input__button_inc{order:3}
|
|
9
|
+
`
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import type { StyleData } from "@ui5/webcomponents-base/dist/types.js";
|
|
2
1
|
import { registerThemePropertiesLoader } from "@ui5/webcomponents-base/dist/asset-registries/Themes.js";
|
|
3
2
|
|
|
4
3
|
import defaultThemeBase from "@ui5/webcomponents-theming/dist/generated/themes/sap_horizon/parameters-bundle.css.js";
|
|
@@ -6,8 +5,5 @@ import defaultTheme from "./sap_horizon/parameters-bundle.css.js";
|
|
|
6
5
|
|
|
7
6
|
registerThemePropertiesLoader("@ui5/webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
|
|
8
7
|
registerThemePropertiesLoader("@sapudex/web-components", "sap_horizon", async () => defaultTheme);
|
|
9
|
-
|
|
10
|
-
const styleData: StyleData = {packageName:"@sapudex/web-components",fileName:"themes/Switch.css.ts",content:`:host{--udex-switch-color-standard-default-inactive-handle-background: var(--sapButton_Handle_Background, var(--udexColorNeutralWhite));--udex-switch-color-standard-default-inactive-icon: var(--sapButton_Handle_TextColor, var(--udexColorGrey9));--udex-switch-color-standard-default-inactive-track-background: var(--sapButton_Track_Background, var(--udexColorGrey5));--udex-switch-color-standard-hover-inactive-handle-background: var(--sapButton_Handle_Hover_Background, var(--udexColorNeutralWhite));--udex-switch-color-standard-hover-inactive-handle-border: var(--sapButton_Handle_Hover_BorderColor, var(--udexColorNeutralWhite40));--udex-switch-color-standard-hover-inactive-icon: var(--sapButton_Handle_TextColor, var(--udexColorGrey9));--udex-switch-color-standard-hover-inactive-track-background: var(--sapButton_Track_Hover_Background, var(--udexColorGrey6));--udex-switch-color-standard-default-active-handle-background: var(--sapButton_Handle_Selected_Background, var(--udexColorNeutralWhite));--udex-switch-color-standard-default-active-icon: var(--sapButton_Handle_Selected_TextColor, var(--udexColorBlue7));--udex-switch-color-standard-default-active-track-background: var(--sapButton_Track_Selected_Background, var(--udexColorBlue7));--udex-switch-color-standard-hover-active-handle-background: var(--sapButton_Handle_Selected_Background, var(--udexColorNeutralWhite));--udex-switch-color-standard-hover-active-handle-border: var(--sapButton_Handle_Selected_Hover_BorderColor, var(--udexColorNeutralWhite40));--udex-switch-color-standard-hover-active-icon: var(--udexColorBlue9, #0040b0);--udex-switch-color-standard-hover-active-track-background: var(--sapButton_Track_Selected_Hover_Background, var(--udexColorBlue9));--udex-switch-color-reject-default-handle-background: var(--sapButton_Handle_Negative_Background, var(--udexColorNeutralWhite));--udex-switch-color-reject-default-icon: var(--sapButton_Handle_Negative_TextColor, var(--udexCoreSemanticError8));--udex-switch-color-reject-default-track-background: var(--sapButton_Track_Negative_Background, var(--udexCoreSemanticError6));--udex-switch-color-reject-hover-handle-background: var(--sapButton_Handle_Negative_Hover_Background, var(--udexColorNeutralWhite));--udex-switch-color-reject-hover-handle-border: var(--sapButton_Handle_Negative_Hover_BorderColor, var(--udexColorNeutralWhite40));--udex-switch-color-reject-hover-icon: var(--sapButton_Track_Negative_TextColor, var(--udexCoreSemanticError8));--udex-switch-color-reject-hover-track-background: var(--sapButton_Track_Negative_Hover_Background, var(--udexCoreSemanticError7));--udex-switch-color-accept-default-handle-background: var(--sapButton_Handle_Positive_Background, var(--udexColorNeutralWhite));--udex-switch-color-accept-default-icon: var(--sapButton_Handle_Positive_TextColor, var(--udexCoreSemanticSuccess8));--udex-switch-color-accept-default-track-background: var(--sapButton_Track_Positive_Background, var(--udexCoreSemanticSuccess7));--udex-switch-color-accept-hover-handle-background: var(--sapButton_Handle_Positive_Hover_Background, var(--udexColorNeutralWhite));--udex-switch-color-accept-hover-handle-border: var(--sapButton_Handle_Positive_Hover_BorderColor, var(--udexColorNeutralWhite40));--udex-switch-color-accept-hover-icon: var(--sapButton_Handle_Positive_TextColor, var(--udexCoreSemanticSuccess8));--udex-switch-color-accept-hover-track-background: var(--sapButton_Track_Positive_Hover_Background, var(--udexCoreSemanticSuccess8))}:host{display:inline-block}.udex-switch{display:flex;flex-direction:row;align-items:center;font-family:var(--sapFontFamily);gap:var(--udexSpacer12, 12px);color:var(--udexCoreTextDark, #223548)}:host([desktop]) .udex-switch__container:focus,.udex-switch__container:focus-visible{outline:var(--udexSpacer2, 2px) solid var(--udexColorBlue9, #0040B0);outline-offset:var(--udexSpacer2, 2px);border-radius:var(--udexSwitchRadius, 100px)}:host([disabled]) .udex-switch{opacity:.4}.udex-switch__label{font-size:var(--udexTypographyBodySFontSize, 16px);line-height:24px;font-weight:400}.udex-switch__container{width:40px;height:24px}:host(:not([disabled])) .udex-switch__container{cursor:pointer}.udex-switch__track{border-radius:var(--udexSwitchRadius, 100px);height:inherit;padding:var(--udexSpacer2, 2px);box-sizing:border-box;container-type:inline-size}.udex-switch__handle{padding:var(--udexSpacer2, 2px) var(--udexSpacer4, 4px);width:24px;height:20px;border-radius:var(--udexSwitchRadius, 100px);box-sizing:border-box;transition:transform .3s ease}:host(:not([checked])) .udex-switch__track .udex-switch__handle{transform:translate(0)}:host([checked]:dir(ltr)) .udex-switch__track .udex-switch__handle{transform:translate(calc(100cqw - 100%))}:host([checked]:dir(rtl)) .udex-switch__track .udex-switch__handle{transform:translate(calc(-100cqw + 100%))}.udex-switch__icon{display:block;width:16px;height:16px}.udex-switch__track--inactive.udex-switch__track,:host([color=Non-Semantic]) .udex-switch__track--inactive.udex-switch__track{background-color:var(--udex-switch-color-standard-default-inactive-track-background)}.udex-switch__track--inactive .udex-switch__handle,:host([color=Non-Semantic]) .udex-switch__track--inactive .udex-switch__handle{background-color:var(--udex-switch-color-standard-default-inactive-handle-background)}.udex-switch__track--inactive .udex-switch__icon,:host([color=Non-Semantic]) .udex-switch__track--inactive .udex-switch__icon{color:var(--udex-switch-color-standard-default-inactive-icon)}.udex-switch__container:hover .udex-switch__track--inactive.udex-switch__track,:host([color=Non-Semantic]:not([disabled])) .udex-switch__container:hover .udex-switch__track--inactive.udex-switch__track{background-color:var(--udex-switch-color-standard-hover-inactive-track-background)}.udex-switch__container:hover .udex-switch__track--inactive .udex-switch__handle,:host([color=Non-Semantic]:not([disabled])) .udex-switch__container:hover .udex-switch__track--inactive .udex-switch__handle{background-color:var(--udex-switch-color-standard-hover-inactive-handle-background);box-shadow:0 0 0 2px var(--udex-switch-color-standard-hover-inactive-handle-border)}.udex-switch__container:hover .udex-switch__track--inactive .udex-switch__icon,:host([color=Non-Semantic]:not([disabled])) .udex-switch__container:hover .udex-switch__track--inactive .udex-switch__icon{color:var(--udex-switch-color-standard-hover-inactive-icon)}.udex-switch__track--active.udex-switch__track,:host([color=Non-Semantic]) .udex-switch__track--active.udex-switch__track{background-color:var(--udex-switch-color-standard-default-active-track-background)}.udex-switch__track--active .udex-switch__handle,:host([color=Non-Semantic]) .udex-switch__track--active .udex-switch__handle{background-color:var(--udex-switch-color-standard-default-active-handle-background)}.udex-switch__track--active .udex-switch__icon,:host([color=Non-Semantic]) .udex-switch__track--active .udex-switch__icon{color:var(--udex-switch-color-standard-default-active-icon)}.udex-switch__container:hover .udex-switch__track--active.udex-switch__track,:host([color=Non-Semantic]:not([disabled])) .udex-switch__container:hover .udex-switch__track--active.udex-switch__track{background-color:var(--udex-switch-color-standard-hover-active-track-background)}.udex-switch__container:hover .udex-switch__track--active .udex-switch__handle,:host([color=Non-Semantic]:not([disabled])) .udex-switch__container:hover .udex-switch__track--active .udex-switch__handle{background-color:var(--udex-switch-color-standard-hover-active-handle-background);box-shadow:0 0 0 2px var(--udex-switch-color-standard-hover-active-handle-border)}.udex-switch__container:hover .udex-switch__track--active .udex-switch__icon,:host([color=Non-Semantic]:not([disabled])) .udex-switch__container:hover .udex-switch__track--active .udex-switch__icon{color:var(--udex-switch-color-standard-hover-active-icon)}:host([color=Semantic]) .udex-switch__track--inactive.udex-switch__track{background-color:var(--udex-switch-color-reject-default-track-background)}:host([color=Semantic]) .udex-switch__track--inactive .udex-switch__handle{background-color:var(--udex-switch-color-reject-default-handle-background)}:host([color=Semantic]) .udex-switch__track--inactive .udex-switch__icon{color:var(--udex-switch-color-reject-default-icon)}:host([color=Semantic]:not([disabled])) .udex-switch__container:hover .udex-switch__track--inactive.udex-switch__track{background-color:var(--udex-switch-color-reject-hover-track-background)}:host([color=Semantic]:not([disabled])) .udex-switch__container:hover .udex-switch__track--inactive .udex-switch__handle{background-color:var(--udex-switch-color-reject-hover-handle-background);box-shadow:0 0 0 2px var(--udex-switch-color-reject-hover-handle-border)}:host([color=Semantic]:not([disabled])) .udex-switch__container:hover .udex-switch__track--inactive .udex-switch__icon{color:var(--udex-switch-color-reject-hover-icon)}:host([color=Semantic]) .udex-switch__track--active.udex-switch__track{background-color:var(--udex-switch-color-accept-default-track-background)}:host([color=Semantic]) .udex-switch__track--active .udex-switch__handle{background-color:var(--udex-switch-color-accept-default-handle-background)}:host([color=Semantic]) .udex-switch__track--active .udex-switch__icon{color:var(--udex-switch-color-accept-default-icon)}:host([color=Semantic]:not([disabled])) .udex-switch__container:hover .udex-switch__track--active.udex-switch__track{background-color:var(--udex-switch-color-accept-hover-track-background)}:host([color=Semantic]:not([disabled])) .udex-switch__container:hover .udex-switch__track--active .udex-switch__handle{background-color:var(--udex-switch-color-accept-hover-handle-background);box-shadow:0 0 0 2px var(--udex-switch-color-accept-hover-handle-border)}:host([color=Semantic]:not([disabled])) .udex-switch__container:hover .udex-switch__track--active .udex-switch__icon{color:var(--udex-switch-color-accept-hover-icon)}.udex-switch__input{position:absolute;inset-inline-start:0;width:0;height:0;margin:0;visibility:hidden;appearance:none}
|
|
11
|
-
`};
|
|
12
|
-
export default styleData;
|
|
13
|
-
|
|
8
|
+
export default `:host{--udex-switch-color-standard-default-inactive-handle-background: var(--sapButton_Handle_Background, var(--udexColorNeutralWhite));--udex-switch-color-standard-default-inactive-icon: var(--sapButton_Handle_TextColor, var(--udexColorGrey9));--udex-switch-color-standard-default-inactive-track-background: var(--sapButton_Track_Background, var(--udexColorGrey5));--udex-switch-color-standard-hover-inactive-handle-background: var(--sapButton_Handle_Hover_Background, var(--udexColorNeutralWhite));--udex-switch-color-standard-hover-inactive-handle-border: var(--sapButton_Handle_Hover_BorderColor, var(--udexColorNeutralWhite40));--udex-switch-color-standard-hover-inactive-icon: var(--sapButton_Handle_TextColor, var(--udexColorGrey9));--udex-switch-color-standard-hover-inactive-track-background: var(--sapButton_Track_Hover_Background, var(--udexColorGrey6));--udex-switch-color-standard-default-active-handle-background: var(--sapButton_Handle_Selected_Background, var(--udexColorNeutralWhite));--udex-switch-color-standard-default-active-icon: var(--sapButton_Handle_Selected_TextColor, var(--udexColorBlue7));--udex-switch-color-standard-default-active-track-background: var(--sapButton_Track_Selected_Background, var(--udexColorBlue7));--udex-switch-color-standard-hover-active-handle-background: var(--sapButton_Handle_Selected_Background, var(--udexColorNeutralWhite));--udex-switch-color-standard-hover-active-handle-border: var(--sapButton_Handle_Selected_Hover_BorderColor, var(--udexColorNeutralWhite40));--udex-switch-color-standard-hover-active-icon: var(--udexColorBlue9, #0040b0);--udex-switch-color-standard-hover-active-track-background: var(--sapButton_Track_Selected_Hover_Background, var(--udexColorBlue9));--udex-switch-color-reject-default-handle-background: var(--sapButton_Handle_Negative_Background, var(--udexColorNeutralWhite));--udex-switch-color-reject-default-icon: var(--sapButton_Handle_Negative_TextColor, var(--udexCoreSemanticError8));--udex-switch-color-reject-default-track-background: var(--sapButton_Track_Negative_Background, var(--udexCoreSemanticError6));--udex-switch-color-reject-hover-handle-background: var(--sapButton_Handle_Negative_Hover_Background, var(--udexColorNeutralWhite));--udex-switch-color-reject-hover-handle-border: var(--sapButton_Handle_Negative_Hover_BorderColor, var(--udexColorNeutralWhite40));--udex-switch-color-reject-hover-icon: var(--sapButton_Track_Negative_TextColor, var(--udexCoreSemanticError8));--udex-switch-color-reject-hover-track-background: var(--sapButton_Track_Negative_Hover_Background, var(--udexCoreSemanticError7));--udex-switch-color-accept-default-handle-background: var(--sapButton_Handle_Positive_Background, var(--udexColorNeutralWhite));--udex-switch-color-accept-default-icon: var(--sapButton_Handle_Positive_TextColor, var(--udexCoreSemanticSuccess8));--udex-switch-color-accept-default-track-background: var(--sapButton_Track_Positive_Background, var(--udexCoreSemanticSuccess7));--udex-switch-color-accept-hover-handle-background: var(--sapButton_Handle_Positive_Hover_Background, var(--udexColorNeutralWhite));--udex-switch-color-accept-hover-handle-border: var(--sapButton_Handle_Positive_Hover_BorderColor, var(--udexColorNeutralWhite40));--udex-switch-color-accept-hover-icon: var(--sapButton_Handle_Positive_TextColor, var(--udexCoreSemanticSuccess8));--udex-switch-color-accept-hover-track-background: var(--sapButton_Track_Positive_Hover_Background, var(--udexCoreSemanticSuccess8))}:host{display:inline-block}.udex-switch{display:flex;flex-direction:row;align-items:center;font-family:var(--sapFontFamily);gap:var(--udexSpacer12, 12px);color:var(--udexCoreTextDark, #223548)}:host([desktop]) .udex-switch__container:focus,.udex-switch__container:focus-visible{outline:var(--udexSpacer2, 2px) solid var(--udexColorBlue9, #0040B0);outline-offset:var(--udexSpacer2, 2px);border-radius:var(--udexSwitchRadius, 100px)}:host([disabled]) .udex-switch{opacity:.4}.udex-switch__label{font-size:var(--udexTypographyBodySFontSize, 16px);line-height:24px;font-weight:400}.udex-switch__container{width:40px;height:24px}:host(:not([disabled])) .udex-switch__container{cursor:pointer}.udex-switch__track{border-radius:var(--udexSwitchRadius, 100px);height:inherit;padding:var(--udexSpacer2, 2px);box-sizing:border-box;container-type:inline-size}.udex-switch__handle{padding:var(--udexSpacer2, 2px) var(--udexSpacer4, 4px);width:24px;height:20px;border-radius:var(--udexSwitchRadius, 100px);box-sizing:border-box;transition:transform .3s ease}:host(:not([checked])) .udex-switch__track .udex-switch__handle{transform:translate(0)}:host([checked]:dir(ltr)) .udex-switch__track .udex-switch__handle{transform:translate(calc(100cqw - 100%))}:host([checked]:dir(rtl)) .udex-switch__track .udex-switch__handle{transform:translate(calc(-100cqw + 100%))}.udex-switch__icon{display:block;width:16px;height:16px}.udex-switch__track--inactive.udex-switch__track,:host([color=Non-Semantic]) .udex-switch__track--inactive.udex-switch__track{background-color:var(--udex-switch-color-standard-default-inactive-track-background)}.udex-switch__track--inactive .udex-switch__handle,:host([color=Non-Semantic]) .udex-switch__track--inactive .udex-switch__handle{background-color:var(--udex-switch-color-standard-default-inactive-handle-background)}.udex-switch__track--inactive .udex-switch__icon,:host([color=Non-Semantic]) .udex-switch__track--inactive .udex-switch__icon{color:var(--udex-switch-color-standard-default-inactive-icon)}.udex-switch__container:hover .udex-switch__track--inactive.udex-switch__track,:host([color=Non-Semantic]:not([disabled])) .udex-switch__container:hover .udex-switch__track--inactive.udex-switch__track{background-color:var(--udex-switch-color-standard-hover-inactive-track-background)}.udex-switch__container:hover .udex-switch__track--inactive .udex-switch__handle,:host([color=Non-Semantic]:not([disabled])) .udex-switch__container:hover .udex-switch__track--inactive .udex-switch__handle{background-color:var(--udex-switch-color-standard-hover-inactive-handle-background);box-shadow:0 0 0 2px var(--udex-switch-color-standard-hover-inactive-handle-border)}.udex-switch__container:hover .udex-switch__track--inactive .udex-switch__icon,:host([color=Non-Semantic]:not([disabled])) .udex-switch__container:hover .udex-switch__track--inactive .udex-switch__icon{color:var(--udex-switch-color-standard-hover-inactive-icon)}.udex-switch__track--active.udex-switch__track,:host([color=Non-Semantic]) .udex-switch__track--active.udex-switch__track{background-color:var(--udex-switch-color-standard-default-active-track-background)}.udex-switch__track--active .udex-switch__handle,:host([color=Non-Semantic]) .udex-switch__track--active .udex-switch__handle{background-color:var(--udex-switch-color-standard-default-active-handle-background)}.udex-switch__track--active .udex-switch__icon,:host([color=Non-Semantic]) .udex-switch__track--active .udex-switch__icon{color:var(--udex-switch-color-standard-default-active-icon)}.udex-switch__container:hover .udex-switch__track--active.udex-switch__track,:host([color=Non-Semantic]:not([disabled])) .udex-switch__container:hover .udex-switch__track--active.udex-switch__track{background-color:var(--udex-switch-color-standard-hover-active-track-background)}.udex-switch__container:hover .udex-switch__track--active .udex-switch__handle,:host([color=Non-Semantic]:not([disabled])) .udex-switch__container:hover .udex-switch__track--active .udex-switch__handle{background-color:var(--udex-switch-color-standard-hover-active-handle-background);box-shadow:0 0 0 2px var(--udex-switch-color-standard-hover-active-handle-border)}.udex-switch__container:hover .udex-switch__track--active .udex-switch__icon,:host([color=Non-Semantic]:not([disabled])) .udex-switch__container:hover .udex-switch__track--active .udex-switch__icon{color:var(--udex-switch-color-standard-hover-active-icon)}:host([color=Semantic]) .udex-switch__track--inactive.udex-switch__track{background-color:var(--udex-switch-color-reject-default-track-background)}:host([color=Semantic]) .udex-switch__track--inactive .udex-switch__handle{background-color:var(--udex-switch-color-reject-default-handle-background)}:host([color=Semantic]) .udex-switch__track--inactive .udex-switch__icon{color:var(--udex-switch-color-reject-default-icon)}:host([color=Semantic]:not([disabled])) .udex-switch__container:hover .udex-switch__track--inactive.udex-switch__track{background-color:var(--udex-switch-color-reject-hover-track-background)}:host([color=Semantic]:not([disabled])) .udex-switch__container:hover .udex-switch__track--inactive .udex-switch__handle{background-color:var(--udex-switch-color-reject-hover-handle-background);box-shadow:0 0 0 2px var(--udex-switch-color-reject-hover-handle-border)}:host([color=Semantic]:not([disabled])) .udex-switch__container:hover .udex-switch__track--inactive .udex-switch__icon{color:var(--udex-switch-color-reject-hover-icon)}:host([color=Semantic]) .udex-switch__track--active.udex-switch__track{background-color:var(--udex-switch-color-accept-default-track-background)}:host([color=Semantic]) .udex-switch__track--active .udex-switch__handle{background-color:var(--udex-switch-color-accept-default-handle-background)}:host([color=Semantic]) .udex-switch__track--active .udex-switch__icon{color:var(--udex-switch-color-accept-default-icon)}:host([color=Semantic]:not([disabled])) .udex-switch__container:hover .udex-switch__track--active.udex-switch__track{background-color:var(--udex-switch-color-accept-hover-track-background)}:host([color=Semantic]:not([disabled])) .udex-switch__container:hover .udex-switch__track--active .udex-switch__handle{background-color:var(--udex-switch-color-accept-hover-handle-background);box-shadow:0 0 0 2px var(--udex-switch-color-accept-hover-handle-border)}:host([color=Semantic]:not([disabled])) .udex-switch__container:hover .udex-switch__track--active .udex-switch__icon{color:var(--udex-switch-color-accept-hover-icon)}.udex-switch__input{position:absolute;inset-inline-start:0;width:0;height:0;margin:0;visibility:hidden;appearance:none}
|
|
9
|
+
`
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import type { StyleData } from "@ui5/webcomponents-base/dist/types.js";
|
|
2
1
|
import { registerThemePropertiesLoader } from "@ui5/webcomponents-base/dist/asset-registries/Themes.js";
|
|
3
2
|
|
|
4
3
|
import defaultThemeBase from "@ui5/webcomponents-theming/dist/generated/themes/sap_horizon/parameters-bundle.css.js";
|
|
@@ -6,8 +5,5 @@ import defaultTheme from "./sap_horizon/parameters-bundle.css.js";
|
|
|
6
5
|
|
|
7
6
|
registerThemePropertiesLoader("@ui5/webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
|
|
8
7
|
registerThemePropertiesLoader("@sapudex/web-components", "sap_horizon", async () => defaultTheme);
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
`};
|
|
12
|
-
export default styleData;
|
|
13
|
-
|
|
8
|
+
export default `:host{--udex-tab-overflow-button-font-size: var(--sapFontSize, var(--udexTypographyNavigationRegularXLFontSize));--udex-tab-overflow-button-font-weight: var(--udexTypographyFontWeightRegular, 400);--udex-tab-overflow-button-badge-background: var(--sapAccentColor2, var(--udexColorRed7));--udex-tab-overflow-button-font-family: var(--sapFontFamily, sans-serif);--udex-tab-overflow-button-line-height: var(--sapContent_LineHeight, var(--udexTypographyBodyLineHeight))}[ui5-popover]{margin-top:1px;box-shadow:0 2px 8px #2235484d;border:1px solid var(--udexColorGrey6)}[ui5-popover]::part(content){padding:0}.tab-navigation-popover{display:flex;flex-direction:column;min-width:150px}.udex-tab-overflow__button{padding:var(--udexSpacer8) var(--udexSpacer12);display:flex;background:none;border:0;border-radius:0;cursor:pointer;text-align:start;color:var(--udexColorGrey9);font-family:var(--udex-tab-overflow-button-font-family);font-size:var(--udex-tab-overflow-button-font-size);font-weight:var(--udex-tab-overflow-button-font-weight);line-height:var(--udex-tab-overflow-button-line-height);text-decoration:none;text-transform:capitalize}.udex-tab-overflow__button:hover{background-color:var(--udexColorGrey1)}.udex-tab-overflow__button:focus{outline:2px solid var(--udexColorBlue7, #0070F2);outline-offset:-2px}.udex-tab-overflow__button:active{background-color:var(--udexColorBlue1)}.udex-tab-overflow__button-icon{margin-inline-end:var(--udexSpacer8);position:relative;z-index:0}.udex-tab-overflow__button-badge{margin-block-start:-2px;margin-inline-start:2px;display:inline-flex;width:6px;height:6px;border:1px solid #fff;border-radius:50%;background-color:var(--udex-tab-overflow-button-badge-background)}.udex-tab-overflow__button-icon .udex-tab-overflow__button-badge{margin-block-start:0;margin-inline-start:0;position:absolute;z-index:1;inset-block-start:-4px;inset-inline-end:-6px}
|
|
9
|
+
`
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import type { StyleData } from "@ui5/webcomponents-base/dist/types.js";
|
|
2
1
|
import { registerThemePropertiesLoader } from "@ui5/webcomponents-base/dist/asset-registries/Themes.js";
|
|
3
2
|
|
|
4
3
|
import defaultThemeBase from "@ui5/webcomponents-theming/dist/generated/themes/sap_horizon/parameters-bundle.css.js";
|
|
@@ -6,8 +5,5 @@ import defaultTheme from "./sap_horizon/parameters-bundle.css.js";
|
|
|
6
5
|
|
|
7
6
|
registerThemePropertiesLoader("@ui5/webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
|
|
8
7
|
registerThemePropertiesLoader("@sapudex/web-components", "sap_horizon", async () => defaultTheme);
|
|
9
|
-
|
|
10
|
-
const styleData: StyleData = {packageName:"@sapudex/web-components",fileName:"themes/TabNavigation.css.ts",content:`:host{--udex-header-background-color: transparent;--udex-button-tab-vertical-gap: var(--udexSpacer32, 32px);--udex-button-tab-text-transform-first-letter: uppercase;--udex-button-tab-text-transform: none;--udex-button-tab-text-color-default: var(--sapShell_Navigation_TextColor, var(--udexColorGrey9));--udex-button-tab-text-color-hover: var(--udexColorBlue8);--udex-button-tab-text-color-active: var(--udexColorBlue8);--udex-button-tab-border-color-active: var(--udexColorBlue8);--udex-button-tab-font-size-default: var(--sapFontSize, var(--udexTypographyNavigationBoldXLFontSize));--udex-button-tab-font-family: var(--sapFontFamily, sans-serif);--udex-button-tab-font-weight: var(--sapButton_Emphasized_FontWeight, var(--udexTypographyFontWeightBold));--udex-button-tab-line-height: 1.125;--udex-button-tab-padding-vertical: var(--udexSpacer12, 12px);--udex-button-tab-padding-horizontal: var(--udexSpacer4, 4px);--udex-button-tab-with-icon-without-background-border-color-active: transparent;--udex-button-tab-with-icon-background: var(--sapList_SelectionBackgroundColor, var(--udexColorBlue1));--udex-button-tab-with-icon-background-hover: var(--sapAvatar_6_Background, var(--udexColorBlue2));--udex-button-tab-with-icon-color: var(--sapAccentColor6, var(--udexColorBlue7));--udex-button-tab-with-icon-color-hover: var(--sapContent_MarkerIconColor, var(--udexColorBlue9));--udex-button-tab-with-icon-margin-bottom: var(--udexSpacer8, 8px);--udex-button-tab-with-icon-background-active: var(--sapHighlightColor, var(--udexColorBlue7));--udex-button-tab-with-icon-color-active: var(--sapBackgroundColor, var(--udexColorNeutralWhite));--udex-button-tab-with-icon-without-background-color: var(--sapShell_Navigation_TextColor, var(--udexColorGrey9));--udex-button-tab-with-icon-without-background-color-active: var(--sapHighlightColor, var(--udexColorBlue7));--udex-button-tab-with-icon-without-background-margin-bottom: var(--udexSpacer16, 16px);--udex-button-tab-with-icon-font-weight: var(--udexTypographyFontWeightMedium, 500);--udex-button-tab-with-icon-text-color-active: var(--sapTextColor, --udexCoreNavigation);--udex-tab-navigation-tab-with-icon-without-background-color: transparent;--udex-tab-navigation-tab-with-icon-without-background-color-active: transparent;--udex-button-more-margin-inline-end: 0;--udex-button-more-s-font-size: var(--udexTypographyNavigationMediumMFontSize, 14px);--udex-button-more-s-font-family: var(--sapFontFamily, sans-serif);--udex-button-more-s-font-weight: var(--udexTypographyFontWeightMedium, 500);--udex-button-more-s-line-height: 1.07143;--udex-button-more-s-text-color: var(--sapTextColor, var(--udexColorGrey9));--udex-button-more-s-padding-vertical: var(--udexSpacer4, 4px);--udex-button-more-s-padding-horizontal: var(--udexSpacer8, 8px);--udex-button-more-s-border-color: var(--sapButton_Neutral_BorderColor, var(--udexColorGrey4));--udex-button-more-s-icon-margin-inline-start: var(--udexSpacer4, 4px);--udex-button-more-s-icon-color: var(--sapTextColor, var(--udexColorGrey9));--udex-button-more-s-border-color-toggled: var(--udexColorBlue4);--udex-button-more-s-text-color-toggled: var(--sapContent_Selected_FocusColor, var(--udexColorBlue9));--udex-button-more-s-icon-color-toggled: var(--sapContent_Selected_FocusColor, var(--udexColorBlue9));--udex-button-more-m-font-size: var(--sapFontSize, var(--udexTypographyNavigationMediumXLFontSize));--udex-button-more-m-font-family: var(--sapFontFamily, sans-serif);--udex-button-more-m-font-weight: var(--udexTypographyFontWeightMedium, 500);--udex-button-more-m-line-height: 1.125;--udex-button-more-m-padding-vertical: var(--udexSpacer8, 8px);--udex-button-more-m-padding-horizontal: var(--udexSpacer12, 12px);--udex-tab-navigation-content-padding-vertical-desktop: var(--udexSpacer40, 40px);--udex-tab-navigation-content-padding-vertical-mobile: var(--udexSpacer32, 32px);--udex-tab-navigation-content-font-family: var(--sapFontFamily, sans-serif);--udex-tab-navigation-content-font-size: var(--udexTypographyNavigationRegularMFontSize, 14px);--udex-tab-navigation-content-font-weight: var(--udexTypographyFontWeightRegular, 400);--udex-tab-navigation-content-line-height: var(--udexTypographyHeadingLineHeight, 1.1)}:host([icon-without-background]) .udex-tab-navigation__button-icon-outer{margin-bottom:var(--udex-button-tab-with-icon-without-background-margin-bottom);background-color:var(--udex-tab-navigation-tab-with-icon-without-background-color);color:var(--udex-button-tab-with-icon-without-background-color)}:host([icon-without-background]) .udex-tab-navigation__button-tab--active .udex-tab-navigation__button-icon-outer{background-color:var(--udex-tab-navigation-tab-with-icon-without-background-color-active)}:host([icon-without-background]) .udex-tab-navigation__button-icon{color:var(--udex-button-tab-with-icon-without-background-color)}:host([icon-without-background]) .udex-tab-navigation__button-tab--active .udex-tab-navigation__button-icon{color:var(--udex-button-tab-with-icon-without-background-color-active)}:host([icon-without-background]) .udex-tab-navigation__button-tab--active:before{background-color:var(--udex-button-tab-with-icon-without-background-border-color-active)}:host([mode="Dark"]){--udex-header-background-color: var(--sapList_GroupHeaderTextColor, var(--udexColorGrey10));--udex-button-tab-text-color-default: var(--sapList_GroupHeaderBackground, var(--udexColorNeutralWhite));--udex-button-tab-text-color-active: var(--sapProgress_InformationBorderColor, var(--udexColorBlue3));--udex-button-tab-border-color-active: transparent;--udex-button-tab-with-icon-background: transparent;--udex-button-tab-with-icon-color: var(--sapProgress_InformationBorderColor, var(--udexColorBlue3));--udex-button-tab-with-icon-color-active: var(--sapProgress_InformationBorderColor, var(--udexColorBlue3));--udex-button-tab-with-icon-background-active: transparent;--udex-button-tab-with-icon-margin-bottom: var(--udexSpacer8, 8px)}:host([mode="Dark"]) .udex-tab-navigation__button-icon-outer .udex-tab-navigation__button-badge,:host([icon-without-background]) .udex-tab-navigation__button-icon-outer .udex-tab-navigation__button-badge{inset-inline-end:-9px}:host([icon-without-background]) .udex-tab-navigation__button-icon-outer,:host([icon-without-background]) .udex-tab-navigation__button-icon{width:24px;height:24px}:host([icon-without-background]) .udex-tab-navigation__button-tab--with-icon{padding-block-end:var(--udex-button-tab-padding-vertical)}:host([icon-without-background]) .udex-tabs-navigation__button-tab{padding-bottom:var(--udex-button-tab-padding-vertical)}:host(:not([icon-without-background])) .udex-tab-navigation__button-tab--active .udex-tab-navigation__button-text.udex-tab-navigation__button-text--icon{color:var(--udex-button-tab-with-icon-text-color-active)}:host([mode="Dark"]) .udex-tab-navigation__button-icon-outer,:host([mode="Dark"]) .udex-tab-navigation__button-icon{width:32px;height:32px}:host([size-more-button="Medium"]) .udex-tab-navigation__button-more{padding:var(--udex-button-more-m-padding-vertical) var(--udex-button-more-m-padding-horizontal);height:34px;font-size:var(--udex-button-more-m-font-size);font-family:var(--udex-button-more-m-font-family);font-weight:var(--udex-button-more-m-font-weight);line-height:var(--udex-button-more-m-line-height)}:host([desktop]) .udex-tab-navigation__button-tab:focus .udex-tab-navigation__button-text,.udex-tab-navigation__button-tab:focus-visible .udex-tab-navigation__button-text{outline:2px solid var(--udex-button-tab-text-color-active);border-radius:var(--udexRadiusXXS, 2px)}.udex-tab-navigation__root{width:100%}.udex-tab-navigation__header{background-color:var(--udex-header-background-color);min-height:43px;display:flex;align-items:center;position:relative}.udex-tab-navigation__header:before{content:"";position:absolute;left:0;right:0;bottom:0;z-index:-1;border-bottom:1px solid var(--udexColorGrey3, #D5DADD)}.udex-tab-navigation__header-tabs{display:flex;flex:1 1 0%;overflow:hidden;white-space:nowrap}.udex-tab-navigation__button-tab,.udex-tab-navigation__button-more{padding:0;display:block;background:none;border:0;border-radius:0;cursor:pointer}.udex-tab-navigation__button-tab{padding:var(--udex-button-tab-padding-vertical) var(--udex-button-tab-padding-horizontal) calc(var(--udex-button-tab-padding-vertical) + 3px);position:relative;z-index:0;display:flex;flex-direction:column;justify-content:center;align-items:center;color:var(--udex-button-tab-text-color-default);font-size:var(--udex-button-tab-font-size-default);font-family:var(--udex-button-tab-font-family);font-weight:var(--udex-button-tab-font-weight);line-height:var(--udex-button-tab-line-height);text-decoration:none;text-align:center;text-transform:var(--udex-button-tab-text-transform);white-space:normal}.udex-tab-navigation__button-text{margin:0}.udex-tab-navigation__button-text:first-letter{text-transform:var(--udex-button-tab-text-transform-first-letter)}.udex-tab-navigation__button-tab.udex-tab-navigation__button-tab--icon{justify-content:start}.udex-tab-navigation__button-tab:not(.udex-tab-navigation__button-tab--icon-tab):hover{color:var(--udex-button-tab-text-color-hover)}.udex-tab-navigation__button-text.udex-tab-navigation__button-text--icon{font-weight:var(--udex-button-tab-with-icon-font-weight)}.udex-tab-navigation__button-tab:focus-visible{outline:none}.udex-tab-navigation__button-tab[hidden]{display:none}.udex-tab-navigation__button-tab:not(:last-child){margin-inline-end:var(--udex-button-tab-vertical-gap)}.udex-tab-navigation__button-tab--with-icon{padding-block-end:calc(var(--udex-button-tab-padding-vertical) + 2px)}.udex-tab-navigation__button-tab--active{color:var(--udex-button-tab-text-color-active)}.udex-tab-navigation__button-tab--active:before{content:"";position:absolute;inset-block-end:0;inset-inline:0 0;z-index:1;height:3px;background-color:var(--udex-button-tab-border-color-active);border-radius:2px 2px 0 0}.udex-tab-navigation__button-badge{position:absolute;inset-block-start:var(--udexSpacer12);inset-inline-end:-6px;z-index:1;width:6px;height:6px;border:1px solid #fff;border-radius:50%;background-color:var(--udexColorRed7)}.udex-tab-navigation__button-more{margin-inline-start:auto;padding:var(--udex-button-more-s-padding-vertical) var(--udex-button-more-s-padding-horizontal);display:flex;align-items:center;flex:0 0 0;font-size:var(--udex-button-more-s-font-size);font-family:var(--udex-button-more-s-font-family);font-weight:var(--udex-button-more-s-font-weight);line-height:var(--udex-button-more-s-line-height);color:var(--udex-button-more-s-text-color);border:1px solid var(--udex-button-more-s-border-color);border-radius:var(--udexRadiusM, 8px);margin-inline-end:var(--udex-button-more-margin-inline-end)}:host([desktop]) .udex-tab-navigation__button-more:focus,.udex-tab-navigation__button-more:focus-visible{outline:2px solid var(--udex-button-tab-text-color-active);outline-offset:2px}.udex-tab-navigation__button-more[hidden]{display:none}.udex-tab-navigation__button-more--lg .udex-tab-navigation__button-more-icon{width:16px;height:16px}.udex-tab-navigation__button-more-icon{margin-inline-start:var(--udex-button-more-s-icon-margin-inline-start);width:14px;height:14px;color:var(--udex-button-more-s-icon-color)}.udex-tab-navigation__button-more--toggled{border-color:var(--udex-button-more-s-border-color-toggled);color:var(--udex-button-more-s-text-color-toggled)}.udex-tab-navigation__button-more--toggled .udex-tab-navigation__button-more-icon{color:var(--udex-button-more-s-icon-color-toggled)}.udex-tab-navigation__button-icon-outer{margin-left:auto;margin-right:auto;margin-bottom:var(--udex-button-tab-with-icon-margin-bottom);display:flex;align-items:center;justify-content:center;align-self:center;width:32px;height:32px;border-radius:50%;background-color:var(--udex-button-tab-with-icon-background);color:var(--udex-button-tab-with-icon-color);position:relative;z-index:0}.udex-tab-navigation__button-icon{width:16px;height:16px;color:var(--udex-button-tab-with-icon-color)}.udex-tab-navigation__button-icon-outer .udex-tab-navigation__button-badge{inset-block-start:1px;inset-inline-end:1px}.udex-tab-navigation__button-tab--active .udex-tab-navigation__button-icon-outer{background-color:var(--udex-button-tab-with-icon-background-active)}.udex-tab-navigation__button-tab--active .udex-tab-navigation__button-icon{color:var(--udex-button-tab-with-icon-color-active)}.udex-tab-navigation__button-tab.udex-tab-navigation__button-tab--icon-tab:not(.udex-tab-navigation__button-tab--active):hover .udex-tab-navigation__button-icon-outer{background-color:var(--udex-button-tab-with-icon-background-hover)}.udex-tab-navigation__button-tab.udex-tab-navigation__button-tab--icon-tab:not(.udex-tab-navigation__button-tab--active):hover .udex-tab-navigation__button-icon{color:var(--udex-button-tab-with-icon-color-hover)}.udex-tab-navigation__content{padding-block-start:var(--udex-tab-navigation-content-padding-vertical-desktop);font-family:var(--udex-tab-navigation-content-font-family);font-size:var(--udex-tab-navigation-content-font-size);font-weight:var(--udex-tab-navigation-content-font-weight);line-height:var(--udex-tab-navigation-content-line-height)}.udex-tab-navigation__content-item:focus,.udex-tab-navigation__content-item:focus-visible{outline-offset:2px;outline:2px solid var(--udex-button-tab-text-color-active);border-radius:var(--udexRadiusXXS, 2px)}.hidden{display:none}.udex-tab-navigation__badge{margin-inline-start:var(--udexSpacer4);display:inline-flex}@media screen and (max-width: 979px){.udex-tab-navigation__content{padding-block-start:var(--udex-tab-navigation-content-padding-vertical-mobile)}}
|
|
11
|
-
`};
|
|
12
|
-
export default styleData;
|
|
13
|
-
|
|
8
|
+
export default `:host{--udex-header-background-color: transparent;--udex-button-tab-vertical-gap: var(--udexSpacer32, 32px);--udex-button-tab-text-transform-first-letter: uppercase;--udex-button-tab-text-transform: none;--udex-button-tab-text-color-default: var(--sapShell_Navigation_TextColor, var(--udexColorGrey9));--udex-button-tab-text-color-hover: var(--udexColorBlue8);--udex-button-tab-text-color-active: var(--udexColorBlue8);--udex-button-tab-border-color-active: var(--udexColorBlue8);--udex-button-tab-font-size-default: var(--sapFontSize, var(--udexTypographyNavigationBoldXLFontSize));--udex-button-tab-font-family: var(--sapFontFamily, sans-serif);--udex-button-tab-font-weight: var(--sapButton_Emphasized_FontWeight, var(--udexTypographyFontWeightBold));--udex-button-tab-line-height: 1.125;--udex-button-tab-padding-vertical: var(--udexSpacer12, 12px);--udex-button-tab-padding-horizontal: var(--udexSpacer4, 4px);--udex-button-tab-with-icon-without-background-border-color-active: transparent;--udex-button-tab-with-icon-background: var(--sapList_SelectionBackgroundColor, var(--udexColorBlue1));--udex-button-tab-with-icon-background-hover: var(--sapAvatar_6_Background, var(--udexColorBlue2));--udex-button-tab-with-icon-color: var(--sapAccentColor6, var(--udexColorBlue7));--udex-button-tab-with-icon-color-hover: var(--sapContent_MarkerIconColor, var(--udexColorBlue9));--udex-button-tab-with-icon-margin-bottom: var(--udexSpacer8, 8px);--udex-button-tab-with-icon-background-active: var(--sapHighlightColor, var(--udexColorBlue7));--udex-button-tab-with-icon-color-active: var(--sapBackgroundColor, var(--udexColorNeutralWhite));--udex-button-tab-with-icon-without-background-color: var(--sapShell_Navigation_TextColor, var(--udexColorGrey9));--udex-button-tab-with-icon-without-background-color-active: var(--sapHighlightColor, var(--udexColorBlue7));--udex-button-tab-with-icon-without-background-margin-bottom: var(--udexSpacer16, 16px);--udex-button-tab-with-icon-font-weight: var(--udexTypographyFontWeightMedium, 500);--udex-button-tab-with-icon-text-color-active: var(--sapTextColor, --udexCoreNavigation);--udex-tab-navigation-tab-with-icon-without-background-color: transparent;--udex-tab-navigation-tab-with-icon-without-background-color-active: transparent;--udex-button-more-margin-inline-end: 0;--udex-button-more-s-font-size: var(--udexTypographyNavigationMediumMFontSize, 14px);--udex-button-more-s-font-family: var(--sapFontFamily, sans-serif);--udex-button-more-s-font-weight: var(--udexTypographyFontWeightMedium, 500);--udex-button-more-s-line-height: 1.07143;--udex-button-more-s-text-color: var(--sapTextColor, var(--udexColorGrey9));--udex-button-more-s-padding-vertical: var(--udexSpacer4, 4px);--udex-button-more-s-padding-horizontal: var(--udexSpacer8, 8px);--udex-button-more-s-border-color: var(--sapButton_Neutral_BorderColor, var(--udexColorGrey4));--udex-button-more-s-icon-margin-inline-start: var(--udexSpacer4, 4px);--udex-button-more-s-icon-color: var(--sapTextColor, var(--udexColorGrey9));--udex-button-more-s-border-color-toggled: var(--udexColorBlue4);--udex-button-more-s-text-color-toggled: var(--sapContent_Selected_FocusColor, var(--udexColorBlue9));--udex-button-more-s-icon-color-toggled: var(--sapContent_Selected_FocusColor, var(--udexColorBlue9));--udex-button-more-m-font-size: var(--sapFontSize, var(--udexTypographyNavigationMediumXLFontSize));--udex-button-more-m-font-family: var(--sapFontFamily, sans-serif);--udex-button-more-m-font-weight: var(--udexTypographyFontWeightMedium, 500);--udex-button-more-m-line-height: 1.125;--udex-button-more-m-padding-vertical: var(--udexSpacer8, 8px);--udex-button-more-m-padding-horizontal: var(--udexSpacer12, 12px);--udex-tab-navigation-content-padding-vertical-desktop: var(--udexSpacer40, 40px);--udex-tab-navigation-content-padding-vertical-mobile: var(--udexSpacer32, 32px);--udex-tab-navigation-content-font-family: var(--sapFontFamily, sans-serif);--udex-tab-navigation-content-font-size: var(--udexTypographyNavigationRegularMFontSize, 14px);--udex-tab-navigation-content-font-weight: var(--udexTypographyFontWeightRegular, 400);--udex-tab-navigation-content-line-height: var(--udexTypographyHeadingLineHeight, 1.1)}:host([icon-without-background]) .udex-tab-navigation__button-icon-outer{margin-bottom:var(--udex-button-tab-with-icon-without-background-margin-bottom);background-color:var(--udex-tab-navigation-tab-with-icon-without-background-color);color:var(--udex-button-tab-with-icon-without-background-color)}:host([icon-without-background]) .udex-tab-navigation__button-tab--active .udex-tab-navigation__button-icon-outer{background-color:var(--udex-tab-navigation-tab-with-icon-without-background-color-active)}:host([icon-without-background]) .udex-tab-navigation__button-icon{color:var(--udex-button-tab-with-icon-without-background-color)}:host([icon-without-background]) .udex-tab-navigation__button-tab--active .udex-tab-navigation__button-icon{color:var(--udex-button-tab-with-icon-without-background-color-active)}:host([icon-without-background]) .udex-tab-navigation__button-tab--active:before{background-color:var(--udex-button-tab-with-icon-without-background-border-color-active)}:host([mode="Dark"]){--udex-header-background-color: var(--sapList_GroupHeaderTextColor, var(--udexColorGrey10));--udex-button-tab-text-color-default: var(--sapList_GroupHeaderBackground, var(--udexColorNeutralWhite));--udex-button-tab-text-color-active: var(--sapProgress_InformationBorderColor, var(--udexColorBlue3));--udex-button-tab-border-color-active: transparent;--udex-button-tab-with-icon-background: transparent;--udex-button-tab-with-icon-color: var(--sapProgress_InformationBorderColor, var(--udexColorBlue3));--udex-button-tab-with-icon-color-active: var(--sapProgress_InformationBorderColor, var(--udexColorBlue3));--udex-button-tab-with-icon-background-active: transparent;--udex-button-tab-with-icon-margin-bottom: var(--udexSpacer8, 8px)}:host([mode="Dark"]) .udex-tab-navigation__button-icon-outer .udex-tab-navigation__button-badge,:host([icon-without-background]) .udex-tab-navigation__button-icon-outer .udex-tab-navigation__button-badge{inset-inline-end:-9px}:host([icon-without-background]) .udex-tab-navigation__button-icon-outer,:host([icon-without-background]) .udex-tab-navigation__button-icon{width:24px;height:24px}:host([icon-without-background]) .udex-tab-navigation__button-tab--with-icon{padding-block-end:var(--udex-button-tab-padding-vertical)}:host([icon-without-background]) .udex-tabs-navigation__button-tab{padding-bottom:var(--udex-button-tab-padding-vertical)}:host(:not([icon-without-background])) .udex-tab-navigation__button-tab--active .udex-tab-navigation__button-text.udex-tab-navigation__button-text--icon{color:var(--udex-button-tab-with-icon-text-color-active)}:host([mode="Dark"]) .udex-tab-navigation__button-icon-outer,:host([mode="Dark"]) .udex-tab-navigation__button-icon{width:32px;height:32px}:host([size-more-button="Medium"]) .udex-tab-navigation__button-more{padding:var(--udex-button-more-m-padding-vertical) var(--udex-button-more-m-padding-horizontal);height:34px;font-size:var(--udex-button-more-m-font-size);font-family:var(--udex-button-more-m-font-family);font-weight:var(--udex-button-more-m-font-weight);line-height:var(--udex-button-more-m-line-height)}:host([desktop]) .udex-tab-navigation__button-tab:focus .udex-tab-navigation__button-text,.udex-tab-navigation__button-tab:focus-visible .udex-tab-navigation__button-text{outline:2px solid var(--udex-button-tab-text-color-active);border-radius:var(--udexRadiusXXS, 2px)}.udex-tab-navigation__root{width:100%}.udex-tab-navigation__header{background-color:var(--udex-header-background-color);min-height:43px;display:flex;align-items:center;position:relative}.udex-tab-navigation__header:before{content:"";position:absolute;left:0;right:0;bottom:0;z-index:-1;border-bottom:1px solid var(--udexColorGrey3, #D5DADD)}.udex-tab-navigation__header-tabs{display:flex;flex:1 1 0%;overflow:hidden;white-space:nowrap}.udex-tab-navigation__button-tab,.udex-tab-navigation__button-more{padding:0;display:block;background:none;border:0;border-radius:0;cursor:pointer}.udex-tab-navigation__button-tab{padding:var(--udex-button-tab-padding-vertical) var(--udex-button-tab-padding-horizontal) calc(var(--udex-button-tab-padding-vertical) + 3px);position:relative;z-index:0;display:flex;flex-direction:column;justify-content:center;align-items:center;color:var(--udex-button-tab-text-color-default);font-size:var(--udex-button-tab-font-size-default);font-family:var(--udex-button-tab-font-family);font-weight:var(--udex-button-tab-font-weight);line-height:var(--udex-button-tab-line-height);text-decoration:none;text-align:center;text-transform:var(--udex-button-tab-text-transform);white-space:normal}.udex-tab-navigation__button-text{margin:0}.udex-tab-navigation__button-text:first-letter{text-transform:var(--udex-button-tab-text-transform-first-letter)}.udex-tab-navigation__button-tab.udex-tab-navigation__button-tab--icon{justify-content:start}.udex-tab-navigation__button-tab:not(.udex-tab-navigation__button-tab--icon-tab):hover{color:var(--udex-button-tab-text-color-hover)}.udex-tab-navigation__button-text.udex-tab-navigation__button-text--icon{font-weight:var(--udex-button-tab-with-icon-font-weight)}.udex-tab-navigation__button-tab:focus-visible{outline:none}.udex-tab-navigation__button-tab[hidden]{display:none}.udex-tab-navigation__button-tab:not(:last-child){margin-inline-end:var(--udex-button-tab-vertical-gap)}.udex-tab-navigation__button-tab--with-icon{padding-block-end:calc(var(--udex-button-tab-padding-vertical) + 2px)}.udex-tab-navigation__button-tab--active{color:var(--udex-button-tab-text-color-active)}.udex-tab-navigation__button-tab--active:before{content:"";position:absolute;inset-block-end:0;inset-inline:0 0;z-index:1;height:3px;background-color:var(--udex-button-tab-border-color-active);border-radius:2px 2px 0 0}.udex-tab-navigation__button-badge{position:absolute;inset-block-start:var(--udexSpacer12);inset-inline-end:-6px;z-index:1;width:6px;height:6px;border:1px solid #fff;border-radius:50%;background-color:var(--udexColorRed7)}.udex-tab-navigation__button-more{margin-inline-start:auto;padding:var(--udex-button-more-s-padding-vertical) var(--udex-button-more-s-padding-horizontal);display:flex;align-items:center;flex:0 0 0;font-size:var(--udex-button-more-s-font-size);font-family:var(--udex-button-more-s-font-family);font-weight:var(--udex-button-more-s-font-weight);line-height:var(--udex-button-more-s-line-height);color:var(--udex-button-more-s-text-color);border:1px solid var(--udex-button-more-s-border-color);border-radius:var(--udexRadiusM, 8px);margin-inline-end:var(--udex-button-more-margin-inline-end)}:host([desktop]) .udex-tab-navigation__button-more:focus,.udex-tab-navigation__button-more:focus-visible{outline:2px solid var(--udex-button-tab-text-color-active);outline-offset:2px}.udex-tab-navigation__button-more[hidden]{display:none}.udex-tab-navigation__button-more--lg .udex-tab-navigation__button-more-icon{width:16px;height:16px}.udex-tab-navigation__button-more-icon{margin-inline-start:var(--udex-button-more-s-icon-margin-inline-start);width:14px;height:14px;color:var(--udex-button-more-s-icon-color)}.udex-tab-navigation__button-more--toggled{border-color:var(--udex-button-more-s-border-color-toggled);color:var(--udex-button-more-s-text-color-toggled)}.udex-tab-navigation__button-more--toggled .udex-tab-navigation__button-more-icon{color:var(--udex-button-more-s-icon-color-toggled)}.udex-tab-navigation__button-icon-outer{margin-left:auto;margin-right:auto;margin-bottom:var(--udex-button-tab-with-icon-margin-bottom);display:flex;align-items:center;justify-content:center;align-self:center;width:32px;height:32px;border-radius:50%;background-color:var(--udex-button-tab-with-icon-background);color:var(--udex-button-tab-with-icon-color);position:relative;z-index:0}.udex-tab-navigation__button-icon{width:16px;height:16px;color:var(--udex-button-tab-with-icon-color)}.udex-tab-navigation__button-icon-outer .udex-tab-navigation__button-badge{inset-block-start:1px;inset-inline-end:1px}.udex-tab-navigation__button-tab--active .udex-tab-navigation__button-icon-outer{background-color:var(--udex-button-tab-with-icon-background-active)}.udex-tab-navigation__button-tab--active .udex-tab-navigation__button-icon{color:var(--udex-button-tab-with-icon-color-active)}.udex-tab-navigation__button-tab.udex-tab-navigation__button-tab--icon-tab:not(.udex-tab-navigation__button-tab--active):hover .udex-tab-navigation__button-icon-outer{background-color:var(--udex-button-tab-with-icon-background-hover)}.udex-tab-navigation__button-tab.udex-tab-navigation__button-tab--icon-tab:not(.udex-tab-navigation__button-tab--active):hover .udex-tab-navigation__button-icon{color:var(--udex-button-tab-with-icon-color-hover)}.udex-tab-navigation__content{padding-block-start:var(--udex-tab-navigation-content-padding-vertical-desktop);font-family:var(--udex-tab-navigation-content-font-family);font-size:var(--udex-tab-navigation-content-font-size);font-weight:var(--udex-tab-navigation-content-font-weight);line-height:var(--udex-tab-navigation-content-line-height)}.udex-tab-navigation__content-item:focus,.udex-tab-navigation__content-item:focus-visible{outline-offset:2px;outline:2px solid var(--udex-button-tab-text-color-active);border-radius:var(--udexRadiusXXS, 2px)}.hidden{display:none}.udex-tab-navigation__badge{margin-inline-start:var(--udexSpacer4);display:inline-flex}@media screen and (max-width: 979px){.udex-tab-navigation__content{padding-block-start:var(--udex-tab-navigation-content-padding-vertical-mobile)}}
|
|
9
|
+
`
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import type { StyleData } from "@ui5/webcomponents-base/dist/types.js";
|
|
2
1
|
import { registerThemePropertiesLoader } from "@ui5/webcomponents-base/dist/asset-registries/Themes.js";
|
|
3
2
|
|
|
4
3
|
import defaultThemeBase from "@ui5/webcomponents-theming/dist/generated/themes/sap_horizon/parameters-bundle.css.js";
|
|
@@ -6,8 +5,5 @@ import defaultTheme from "./sap_horizon/parameters-bundle.css.js";
|
|
|
6
5
|
|
|
7
6
|
registerThemePropertiesLoader("@ui5/webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
|
|
8
7
|
registerThemePropertiesLoader("@sapudex/web-components", "sap_horizon", async () => defaultTheme);
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
`};
|
|
12
|
-
export default styleData;
|
|
13
|
-
|
|
8
|
+
export default `:host{--udex-table-toolbar-color: var(--sapList_TableGroupHeaderTextColor, var(--udexCoreTextDark, #223548));--udex-table-toolbar-border-color: var(--sapList_TableGroupHeaderBorderColor, var(--udexColorGrey4, #a9b4be));--udex-table-toolbar-background:var(--sapList_TableGroupHeaderBackground, var(--udexCoreBase, #fff));--udex-table-loading-opacity: var(--sapContent_DisabledOpacity, .4);--udex-table-loading-background: var(--udexCoreBase, #fff);--udex-table-header-sticky-z-index: 3;--udex-table-header-sticky-shadow: 0 8px 8px -8px rgba(34,54,73,.3);--udex-table-header-footnotes-color: var(--udexColorGrey7, #475e75);--udex-table-header-footnotes-font-size: var(--udexTypographyBodyXXSFontSize, 12px);--udex-table-header-footnotes-line-height:var(--udexTypographyBodyLineHeight)}:host{display:block}:host([sticky-header]) .udex-table__header-holder{position:sticky;top:0;z-index:var( --udex-table-header-sticky-z-index)}:host([loading]) .udex-table:after{content:"";inset:0;position:absolute;background:var(--udex-table-loading-background);opacity:var(--udex-table-loading-opacity)}:host([_vertical-offset]) .udex-table__header-holder{box-shadow:var(--udex-table-header-sticky-shadow)}.udex-table-toolbar{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--udex-table-toolbar-border-color);padding:var(--udexSpacer16);background:var(--udex-table-toolbar-background)}.udex-table-toolbar__actions{display:flex;gap:var(--udexSpacer8);padding-inline-start:var(--udexSpacer32)}.udex-table-toolbar__title{font-family:var(--sapFontFamily);font-size:var(--udexTypographyHeadingBoldXXXSFontSize);line-height:var(--udexTypographyHeadingLineHeight);font-weight:var(--udexTypographyFontWeightBold);color:var(--udex-table-toolbar-color)}.udex-table{display:grid;overflow:auto;position:relative}.udex-table__header-holder{display:grid;grid-template-columns:subgrid;grid-column:1 / -1}.udex-table__no-data{grid-column:1 / -1;justify-content:center;padding:var(--udexSpacer16);--horizontal-align-default-1: center}.udex-table__loading{position:absolute;z-index:5;inset:0;display:flex;align-items:center;justify-content:center}.udex-table__loading:after{content:"";inset:0;position:absolute;background:var(--udex-table-loading-background);opacity:var(--udex-table-loading-opacity)}.udex-table-footnotes{padding-top:var(--udexSpacer24);color:var(--udex-table-header-footnotes-color);font-size:var(--udex-table-header-footnotes-font-size);line-height:var(--udex-table-header-footnotes-line-height)}@media (max-width: 639px){.udex-table-toolbar{flex-direction:column;align-items:flex-start}.udex-table-toolbar__actions{padding-inline-start:0;padding-top:var(--udexSpacer8)}}
|
|
9
|
+
`
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import type { StyleData } from "@ui5/webcomponents-base/dist/types.js";
|
|
2
1
|
import { registerThemePropertiesLoader } from "@ui5/webcomponents-base/dist/asset-registries/Themes.js";
|
|
3
2
|
|
|
4
3
|
import defaultThemeBase from "@ui5/webcomponents-theming/dist/generated/themes/sap_horizon/parameters-bundle.css.js";
|
|
@@ -6,8 +5,5 @@ import defaultTheme from "./sap_horizon/parameters-bundle.css.js";
|
|
|
6
5
|
|
|
7
6
|
registerThemePropertiesLoader("@ui5/webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
|
|
8
7
|
registerThemePropertiesLoader("@sapudex/web-components", "sap_horizon", async () => defaultTheme);
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
`};
|
|
12
|
-
export default styleData;
|
|
13
|
-
|
|
8
|
+
export default `:host{--udex-table-cell-color: var(--udexColorGrey9, #223548);--udex-table-cell-border-color: var(--sapList_BorderColor, var(--udexColorGrey4, #a9b4be ));--udex-table-cell-padding: var(--udexSpacer8, 8px) var(--udexSpacer16, 16px);--udex-table-cell-background: var(--sapList_HeaderBackground, var(--udexCoreBase, #fff ));--udex-table-cell-highlighted-background: var(--sapIndicationColor_9_Selected_Background, var(--udexColorGrey1, #f5f6f7));--udex-table-cell-highlighted-border-color: var(--sapList_BorderColor, var(--udexColorGrey4, #a9b4be));--udex-table-cell-highlighted-column-background: var(--sapList_SelectionBackgroundColor, var(--udexColorBlue1, #ebf8ff));--udex-table-cell-icon-width: 18px;--udex-table-cell-icon-height: 18px}:host{font-family:var(--sapFontFamily);font-size:var(--udexTypographyBodySFontSize);line-height:var(--udexTypographyBodyLineHeight);border-color:var(--udex-table-cell-border-color);padding:var(--udex-table-cell-padding);background:var(--udex-table-cell-background);color:var(--udex-table-cell-color)}:host([_highlighted]){background:var(--udex-table-cell-highlighted-background);border-color:var(--udex-table-cell-highlighted-border-color)}.udex-table-cell__icon{min-width:var(--udex-table-cell-icon-width);height:var(--udex-table-cell-icon-height);margin-inline-end:var(--udexSpacer4);color:var(--udex-table-cell-color)}
|
|
9
|
+
`
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import type { StyleData } from "@ui5/webcomponents-base/dist/types.js";
|
|
2
1
|
import { registerThemePropertiesLoader } from "@ui5/webcomponents-base/dist/asset-registries/Themes.js";
|
|
3
2
|
|
|
4
3
|
import defaultThemeBase from "@ui5/webcomponents-theming/dist/generated/themes/sap_horizon/parameters-bundle.css.js";
|
|
@@ -6,8 +5,5 @@ import defaultTheme from "./sap_horizon/parameters-bundle.css.js";
|
|
|
6
5
|
|
|
7
6
|
registerThemePropertiesLoader("@ui5/webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
|
|
8
7
|
registerThemePropertiesLoader("@sapudex/web-components", "sap_horizon", async () => defaultTheme);
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
`};
|
|
12
|
-
export default styleData;
|
|
13
|
-
|
|
8
|
+
export default `:host{--udex-table-cell-sticky-shadow: 0 4px 8px rgba(34,54,73,.3)}:host{display:flex;align-items:center;box-sizing:border-box;border-bottom-width:1px;border-bottom-style:solid;position:relative;word-break:break-word}:host([_sticky]){position:sticky;left:0;z-index:1}:host([_sticky]:dir(rtl)){right:0}:host([_horizontal-offset]){box-shadow:var(--udex-table-cell-sticky-shadow)}
|
|
9
|
+
`
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import type { StyleData } from "@ui5/webcomponents-base/dist/types.js";
|
|
2
1
|
import { registerThemePropertiesLoader } from "@ui5/webcomponents-base/dist/asset-registries/Themes.js";
|
|
3
2
|
|
|
4
3
|
import defaultThemeBase from "@ui5/webcomponents-theming/dist/generated/themes/sap_horizon/parameters-bundle.css.js";
|
|
@@ -6,8 +5,5 @@ import defaultTheme from "./sap_horizon/parameters-bundle.css.js";
|
|
|
6
5
|
|
|
7
6
|
registerThemePropertiesLoader("@ui5/webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
|
|
8
7
|
registerThemePropertiesLoader("@sapudex/web-components", "sap_horizon", async () => defaultTheme);
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
`};
|
|
12
|
-
export default styleData;
|
|
13
|
-
|
|
8
|
+
export default `:host{--udex-table-group-row-title-color: var(--udexColorGrey9, #223548);--udex-table-group-row-title-padding: var(--udexSpacer8, 8px) var(--udexSpacer16, 16px);--udex-table-group-row-border-color: var(--sapList_BorderColor, var(--udexColorGrey4, #a9b4be ));--udex-table-group-row-border-background: var(--udexColorGrey1, #F5F6F7);--udex-table-group-row-hover-background: var(--udexColorGrey2, #EAECEE);--udex-table-group-row-outline-border-color: var(--udexColorBlue10, #002A86);--udex-table-group-row-line-height: 18px;--udex-table-group-icon-width: 14px;--udex-table-group-icon-height: 14px}:host,.udex-table-grow-rows{display:grid;grid-template-columns:subgrid;grid-column:1 / -1}.udex-table-grow-btn{grid-column:1 / -1;padding:var(--udex-table-group-row-title-padding);border-bottom:1px solid var(--udex-table-group-row-border-color);border-top:none;border-left:none;border-right:none;background:var(--udex-table-group-row-border-background);font-family:var(--sapFontFamily);font-size:var(--udexTypographyBodySFontSize);line-height:var(--udex-table-group-row-line-height);font-weight:var(--udexTypographyFontWeightMedium);color:var(--udex-table-group-row-title-color);position:relative}:host([collapsible]) .udex-table-grow-btn{cursor:pointer}:host([collapsible]) .udex-table-grow-btn:focus{outline:none}:host([collapsible]) .udex-table-grow-btn:focus:before{content:"";position:absolute;inset:0;outline:var(--udexRadiusXXS) solid var(--udex-table-group-row-outline-border-color);outline-offset:-4px;border-radius:var(--udexRadiusM, 8px)}:host([collapsible]) .udex-table-grow-btn:hover{background:var(--udex-table-group-row-hover-background)}:host([collapsible]) .udex-table-grow-rows{visibility:hidden;height:0;overflow:hidden}:host([collapsible][expanded]) .udex-table-grow-rows{visibility:visible;height:auto}:host([collapsible][expanded]) .udex-table-grow__icon{transform:rotate(90deg)}:host([collapsible][expanded]:dir(rtl)) .udex-table-grow__icon{transform:rotate(-90deg)}:host([collapsible]) .udex-table-grow{display:flex;align-items:center;gap:var(--udexSpacer4)}.udex-table-grow__icon{width:var(--udex-table-group-icon-width);height:var(--udex-table-group-icon-height)}
|
|
9
|
+
`
|