@orangesk/orange-design-system 2.0.0-beta.36 → 2.0.0-beta.38
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/README.md +8 -2
- package/build/components/Icon/style.css +1 -1
- package/build/components/Icon/style.css.map +1 -1
- package/build/components/Loader/style.css +1 -1
- package/build/components/Loader/style.css.map +1 -1
- package/build/components/PromoBanner/style.css +1 -1
- package/build/components/PromoBanner/style.css.map +1 -1
- package/build/components/Table/style.css +1 -1
- package/build/components/Table/style.css.map +1 -1
- package/build/components/index.js +1 -1
- package/build/components/index.js.map +1 -1
- package/build/components/tsconfig.tsbuildinfo +1 -1
- package/build/components/types/index.d.ts +737 -729
- package/build/components/types/src/components/Accordion/Accordion.static.d.ts +2 -0
- package/build/components/types/src/components/Bar/index.d.ts +1 -1
- package/build/components/types/src/components/BlockAction/Context.d.ts +1 -1
- package/build/components/types/src/components/BlockAction/index.d.ts +2 -4
- package/build/components/types/src/components/Button/index.d.ts +1 -1
- package/build/components/types/src/components/Card/index.d.ts +2 -2
- package/build/components/types/src/components/Carousel/Carousel.d.ts +1 -1
- package/build/components/types/src/components/Carousel/CarouselItem.d.ts +1 -1
- package/build/components/types/src/components/CarouselHero/CarouselHero.d.ts +1 -1
- package/build/components/types/src/components/CarouselHero/CarouselHero.static.d.ts +1 -1
- package/build/components/types/src/components/CarouselHero/CarouselHeroItem.d.ts +1 -1
- package/build/components/types/src/components/CarouselHero/index.d.ts +1 -1
- package/build/components/types/src/components/CartTable/CartTable.d.ts +1 -1
- package/build/components/types/src/components/CartTable/data.d.ts +1 -1
- package/build/components/types/src/components/Code/Code.d.ts +1 -1
- package/build/components/types/src/components/Divider/Divider.d.ts +1 -1
- package/build/components/types/src/components/DocumentationSidebar/index.d.ts +1 -1
- package/build/components/types/src/components/Dropdown/index.d.ts +1 -1
- package/build/components/types/src/components/Forms/Autocomplete/Autocomplete.d.ts +3 -1
- package/build/components/types/src/components/Forms/Autocomplete/Autocomplete.static.d.ts +1 -0
- package/build/components/types/src/components/Forms/Group/Group.d.ts +1 -1
- package/build/components/types/src/components/Forms/Group/Item.d.ts +1 -1
- package/build/components/types/src/components/Forms/index.d.ts +1 -1
- package/build/components/types/src/components/Grid/GridCol.d.ts +3 -3
- package/build/components/types/src/components/Icon/iconSearchTags.d.ts +1 -0
- package/build/components/types/src/components/Icon/index.d.ts +1 -2
- package/build/components/types/src/components/IconList/Item.d.ts +1 -1
- package/build/components/types/src/components/List/ClickableControl.d.ts +1 -1
- package/build/components/types/src/components/List/List.d.ts +3 -3
- package/build/components/types/src/components/List/ListItem.d.ts +1 -1
- package/build/components/types/src/components/Loader/LoaderFullscreen.d.ts +7 -0
- package/build/components/types/src/components/Loader/index.d.ts +1 -0
- package/build/components/types/src/components/Megamenu/index.d.ts +1 -1
- package/build/components/types/src/components/Modal/ModalCloseButton.d.ts +1 -1
- package/build/components/types/src/components/Modal/index.d.ts +2 -2
- package/build/components/types/src/components/Pagination/helpers.d.ts +1 -1
- package/build/components/types/src/components/Pill/Pill.d.ts +1 -1
- package/build/components/types/src/components/Preview/Preview.d.ts +1 -1
- package/build/components/types/src/components/Preview/PreviewGenerator.d.ts +1 -1
- package/build/components/types/src/components/PromotionCard/PromotionCardContent.d.ts +1 -1
- package/build/components/types/src/components/PromotionCard/PromotionCardImageWrapper.d.ts +1 -1
- package/build/components/types/src/components/PromotionCard/PromotionCardTitle.d.ts +1 -1
- package/build/components/types/src/components/Sticker/Sticker.d.ts +3 -3
- package/build/components/types/src/components/Table/Table.d.ts +1 -1
- package/build/components/types/src/components/Table/index.d.ts +1 -1
- package/build/components/types/src/components/Tabs/index.d.ts +2 -2
- package/build/components/types/src/components/Tag/index.d.ts +1 -1
- package/build/components/types/src/components/Testimonial/Testimonial.d.ts +2 -2
- package/build/components/types/src/components/Tooltip/Tooltip.static.d.ts +6 -2
- package/build/components/types/src/components/Tooltip/index.d.ts +1 -1
- package/build/components/types/src/components/index.d.ts +21 -21
- package/build/components/types/src/scripts/index.d.ts +5 -5
- package/build/components/types/src/scripts/modules/SpacePreview/index.d.ts +1 -1
- package/build/components/types/src/utils/hooks.d.ts +1 -1
- package/build/components/types/src/utils/index.d.ts +2 -2
- package/build/lib/base.css +1 -1
- package/build/lib/base.css.map +1 -1
- package/build/lib/components.css +1 -1
- package/build/lib/components.css.map +1 -1
- package/build/lib/footer.js +1 -1
- package/build/lib/footer.js.map +1 -1
- package/build/lib/megamenu.js +1 -1
- package/build/lib/megamenu.js.map +1 -1
- package/build/lib/scripts.js +1 -1
- package/build/lib/scripts.js.map +1 -1
- package/build/lib/style.css +1 -1
- package/build/lib/style.css.map +1 -1
- package/build/lib/tsconfig.tsbuildinfo +1 -1
- package/build/sprite.svg +1 -1
- package/package.json +39 -30
- package/src/assets/icons/discount-price.svg +4 -0
- package/src/components/Accordion/Accordion.static.ts +44 -1
- package/src/components/Accordion/Accordion.tsx +2 -3
- package/src/components/Accordion/AccordionHeader.tsx +1 -1
- package/src/components/Accordion/AccordionItem.tsx +2 -1
- package/src/components/Accordion/HeadingContext.tsx +1 -1
- package/src/components/Accordion/tests/Accordion.unit.test.jsx +112 -4
- package/src/components/Alert/Alert.tsx +3 -4
- package/src/components/Alert/tests/Alert.conformance.test.jsx +2 -3
- package/src/components/Alert/tests/Alert.test.jsx +1 -1
- package/src/components/Alert/tests/Alert.visual.test.jsx +1 -2
- package/src/components/AnchorNavigation/AnchorNavigation.tsx +3 -3
- package/src/components/AnchorNavigation/tests/AnchorNavigation.conformance.test.jsx +1 -1
- package/src/components/Bar/Bar.tsx +1 -1
- package/src/components/Bar/BarBreak.tsx +1 -1
- package/src/components/Bar/BarItem.tsx +1 -1
- package/src/components/Bar/index.ts +1 -1
- package/src/components/Bar/tests/Bar.conformance.test.jsx +1 -1
- package/src/components/BlockAction/BlockAction.tsx +1 -1
- package/src/components/BlockAction/BlockActionControl.tsx +2 -3
- package/src/components/BlockAction/BlockActionIndicator.tsx +2 -3
- package/src/components/BlockAction/CloneElementWithClassName.tsx +1 -1
- package/src/components/BlockAction/Context.tsx +1 -1
- package/src/components/BlockAction/index.tsx +3 -8
- package/src/components/BlockAction/styles/config.scss +6 -6
- package/src/components/BlockAction/tests/BlockActionControl.unit.test.jsx +1 -1
- package/src/components/BodyBanner/BodyBanner.tsx +2 -2
- package/src/components/BodyBanner/tests/BodyBanner.conformance.test.jsx +1 -1
- package/src/components/Breadcrumbs/BreadcrumbItem.tsx +1 -1
- package/src/components/Breadcrumbs/tests/Breadcrumbs.conformance.test.jsx +1 -1
- package/src/components/Button/Button.tsx +1 -1
- package/src/components/Button/IconButton.tsx +7 -3
- package/src/components/Button/index.tsx +1 -3
- package/src/components/Button/tests/Button.conformance.test.jsx +1 -2
- package/src/components/Button/tests/Button.test.jsx +0 -1
- package/src/components/Button/tests/IconButton.unit.test.jsx +0 -1
- package/src/components/Buttons/tests/Buttons.conformance.test.jsx +1 -1
- package/src/components/Card/Card.tsx +1 -1
- package/src/components/Card/CardProductHeader.tsx +1 -1
- package/src/components/Card/CardSection.tsx +1 -1
- package/src/components/Card/index.ts +2 -2
- package/src/components/Card/tests/Card.conformance.test.jsx +2 -2
- package/src/components/Card/tests/CardProductHeader.unit.test.jsx +1 -1
- package/src/components/Carousel/Carousel.static.ts +15 -15
- package/src/components/Carousel/Carousel.tsx +9 -11
- package/src/components/Carousel/CarouselItem.tsx +1 -1
- package/src/components/Carousel/tests/Carousel.conformance.test.jsx +2 -4
- package/src/components/CarouselHero/CarouselHero.static.ts +15 -15
- package/src/components/CarouselHero/CarouselHero.tsx +12 -13
- package/src/components/CarouselHero/CarouselHeroItem.tsx +2 -2
- package/src/components/CarouselHero/index.ts +1 -1
- package/src/components/CarouselHero/tests/CarouselHeroItem.conformance.test.jsx +1 -1
- package/src/components/CarouselPromotions/CarouselPromotions.static.ts +10 -10
- package/src/components/CarouselPromotions/CarouselPromotions.tsx +6 -7
- package/src/components/CarouselPromotions/CarouselPromotionsItem.tsx +3 -3
- package/src/components/CarouselPromotions/tests/CarouselPromotions.conformance.test.jsx +1 -3
- package/src/components/CarouselPromotions/tests/CarouselPromotions.unit.test.jsx +1 -2
- package/src/components/CartTable/CartTable.tsx +3 -4
- package/src/components/CartTable/FooterPriceColumn.tsx +1 -1
- package/src/components/CartTable/Price.tsx +1 -1
- package/src/components/CartTable/data.ts +1 -1
- package/src/components/CartTable/generateFooter.tsx +1 -1
- package/src/components/CartTable/generateRow.tsx +6 -8
- package/src/components/CartTable/styles/mixins.scss +46 -49
- package/src/components/CartTable/tests/CartTable.conformance.test.jsx +1 -1
- package/src/components/Code/Code.tsx +1 -1
- package/src/components/Container/Container.tsx +1 -1
- package/src/components/Container/styles/config.scss +2 -2
- package/src/components/Container/styles/mixins.scss +4 -4
- package/src/components/Container/tests/Container.unit.test.jsx +3 -2
- package/src/components/Controls/Controls.tsx +1 -1
- package/src/components/Controls/tests/Controls.test.jsx +2 -2
- package/src/components/Cover/Cover.tsx +1 -1
- package/src/components/Cover/index.ts +1 -0
- package/src/components/Cover/tests/Cover.conformance.test.jsx +8 -9
- package/src/components/Cover/tests/Cover.unit.test.jsx +0 -1
- package/src/components/Divider/Divider.tsx +1 -1
- package/src/components/Divider/tests/Divider.conformance.test.jsx +1 -1
- package/src/components/DocumentationSidebar/DocumentationSidebar.tsx +7 -7
- package/src/components/DocumentationSidebar/index.ts +2 -2
- package/src/components/Dropdown/Dropdown.static.ts +1 -1
- package/src/components/Dropdown/Dropdown.tsx +3 -5
- package/src/components/Dropdown/DropdownDivider.tsx +1 -1
- package/src/components/Dropdown/DropdownItem.tsx +1 -1
- package/src/components/Dropdown/DropdownToggleButton.tsx +1 -1
- package/src/components/Dropdown/index.ts +1 -1
- package/src/components/Dropdown/tests/Dropdown.conformance.test.jsx +2 -2
- package/src/components/Dropdown/tests/Dropdown.unit.test.jsx +1 -2
- package/src/components/Expander/Expander.tsx +1 -1
- package/src/components/Expander/tests/Expander.conformance.test.jsx +2 -4
- package/src/components/Expander/tests/Expander.unit.test.jsx +2 -4
- package/src/components/FeatureAccordion/FeatureAccordion.tsx +2 -2
- package/src/components/FeatureAccordion/FeatureAccordionItem.tsx +2 -1
- package/src/components/FeatureAccordion/tests/FeatureAccordion.conformance.test.jsx +1 -1
- package/src/components/FeatureAccordion/tests/FeatureAccordion.unit.test.jsx +2 -3
- package/src/components/Footer/Footer.tsx +4 -5
- package/src/components/Footer/static.ts +2 -2
- package/src/components/Footer/tests/Footer.unit.test.jsx +1 -1
- package/src/components/Forms/Autocomplete/Autocomplete.static.ts +1 -0
- package/src/components/Forms/Autocomplete/Autocomplete.tsx +8 -3
- package/src/components/Forms/Autocomplete/styles/config.scss +3 -3
- package/src/components/Forms/Checkbox/Checkbox.tsx +1 -1
- package/src/components/Forms/Checkbox/styles/mixins.scss +2 -2
- package/src/components/Forms/DatePicker/DatePicker.tsx +1 -2
- package/src/components/Forms/Field/Control.tsx +3 -3
- package/src/components/Forms/Field/Description.tsx +1 -1
- package/src/components/Forms/Field/Field.tsx +4 -4
- package/src/components/Forms/Field/Label.tsx +1 -1
- package/src/components/Forms/Field/Messages.tsx +2 -2
- package/src/components/Forms/Field/tests/Autocomplete.Field.conformance.test.jsx +1 -1
- package/src/components/Forms/Field/tests/Checkbox.Field.conformance.test.jsx +1 -1
- package/src/components/Forms/Field/tests/File.Field.conformance.test.jsx +1 -1
- package/src/components/Forms/Field/tests/Group.Field.conformance.test.jsx +1 -1
- package/src/components/Forms/Field/tests/Radio.Field.conformance.test.jsx +1 -1
- package/src/components/Forms/Field/tests/Rangeslider.Field.test.jsx +1 -1
- package/src/components/Forms/Field/tests/Select.Field.conformance.test.jsx +1 -1
- package/src/components/Forms/Field/tests/Text.Field.conformance.test.jsx +1 -1
- package/src/components/Forms/Field/tests/Textarea.Field.conformance.test.jsx +1 -1
- package/src/components/Forms/Field/tests/Tooltip.unit.test.jsx +1 -2
- package/src/components/Forms/Fieldset/Fieldset.tsx +1 -1
- package/src/components/Forms/File/File.tsx +4 -7
- package/src/components/Forms/File/styles/config.scss +5 -5
- package/src/components/Forms/Group/Group.tsx +2 -3
- package/src/components/Forms/Group/Item.tsx +1 -1
- package/src/components/Forms/Hint/Hint.tsx +1 -1
- package/src/components/Forms/Hint/styles/config.scss +1 -1
- package/src/components/Forms/Hint/styles/mixins.scss +2 -2
- package/src/components/Forms/InputStepper/InputStepper.tsx +1 -1
- package/src/components/Forms/Label/Label.tsx +1 -1
- package/src/components/Forms/Label/styles/mixins.scss +2 -2
- package/src/components/Forms/Message/Message.tsx +9 -5
- package/src/components/Forms/Radio/Radio.tsx +1 -1
- package/src/components/Forms/Radio/styles/mixins.scss +2 -2
- package/src/components/Forms/RangeSlider/RangeSlider.tsx +1 -1
- package/src/components/Forms/Select/Select.tsx +1 -1
- package/src/components/Forms/Select/styles/mixins.scss +6 -6
- package/src/components/Forms/TextArea/TextArea.tsx +1 -1
- package/src/components/Forms/TextInput/TextInput.tsx +3 -5
- package/src/components/Forms/TextInput/styles/mixins.scss +10 -10
- package/src/components/Forms/index.ts +1 -1
- package/src/components/Gauge/Gauge.tsx +1 -1
- package/src/components/Gauge/GaugeMaker.tsx +3 -3
- package/src/components/Gauge/tests/Gauge.unit.test.jsx +0 -1
- package/src/components/Grid/Grid.tsx +1 -1
- package/src/components/Grid/GridCol.tsx +21 -10
- package/src/components/Grid/tests/Grid.unit.test.jsx +0 -1
- package/src/components/Grid/tests/GridCol.unit.test.jsx +0 -1
- package/src/components/Hero/Hero.tsx +1 -1
- package/src/components/Hero/styles/config.scss +0 -1
- package/src/components/Hero/tests/Hero.conformance.test.jsx +1 -2
- package/src/components/Hero/tests/Hero.unit.test.jsx +0 -1
- package/src/components/Hero/tests/data.js +26 -26
- package/src/components/Icon/Icon.tsx +1 -1
- package/src/components/Icon/IconSearch.jsx +4 -4
- package/src/components/Icon/PictogramSearch.jsx +3 -14
- package/src/components/Icon/iconSearchTags.ts +1 -0
- package/src/components/Icon/index.ts +1 -2
- package/src/components/Icon/styles/export/size.scss +2 -2
- package/src/components/Icon/styles/mixins.scss +3 -3
- package/src/components/Icon/styles/style.scss +30 -0
- package/src/components/Icon/tests/Icon.conformance.test.jsx +1 -2
- package/src/components/Icon/tests/Icon.unit.test.jsx +1 -3
- package/src/components/Icon/tests/Pictogram.unit.test.jsx +1 -2
- package/src/components/IconList/IconList.tsx +1 -1
- package/src/components/IconList/Item.tsx +15 -11
- package/src/components/IconList/styles/config.scss +2 -2
- package/src/components/IconList/styles/style.scss +1 -1
- package/src/components/IconList/tests/IconList.conformance.test.jsx +1 -2
- package/src/components/IconList/tests/IconList.unit.test.jsx +29 -26
- package/src/components/Image/Image.tsx +1 -1
- package/src/components/Image/tests/Image.conformance.test.jsx +1 -1
- package/src/components/Image/tests/Image.unit.test.jsx +0 -1
- package/src/components/Link/Link.tsx +1 -1
- package/src/components/Link/tests/Link.conformance.test.jsx +1 -1
- package/src/components/Link/tests/Link.unit.test.jsx +1 -1
- package/src/components/List/ClickableControl.tsx +12 -12
- package/src/components/List/List.tsx +13 -13
- package/src/components/List/ListItem.tsx +11 -11
- package/src/components/List/tests/ClickableControl.unit.test.jsx +0 -1
- package/src/components/List/tests/List.conformance.test.jsx +16 -17
- package/src/components/List/tests/ListItem.unit.test.jsx +46 -47
- package/src/components/Loader/Loader.tsx +1 -1
- package/src/components/Loader/LoaderFullscreen.tsx +32 -0
- package/src/components/Loader/index.ts +1 -0
- package/src/components/Loader/styles/config.scss +5 -5
- package/src/components/Loader/styles/mixins.scss +24 -0
- package/src/components/Loader/styles/style.scss +9 -0
- package/src/components/Loader/tests/Loader.conformance.test.jsx +1 -1
- package/src/components/Loader/tests/LoaderFullscreen.conformance.test.jsx +21 -0
- package/src/components/Loader/tests/LoaderFullscreen.unit.test.jsx +41 -0
- package/src/components/Loader/tests/test.scss +1 -1
- package/src/components/Megamenu/MegaMenuIcon.tsx +1 -1
- package/src/components/Megamenu/Megamenu.static.ts +5 -5
- package/src/components/Megamenu/Megamenu.tsx +28 -29
- package/src/components/Megamenu/MegamenuBlog.tsx +17 -19
- package/src/components/Megamenu/MegamenuSearchContent.tsx +2 -2
- package/src/components/Megamenu/MyOrangeMobilePanel.tsx +11 -12
- package/src/components/Megamenu/index.ts +1 -1
- package/src/components/Megamenu/static.ts +2 -2
- package/src/components/Modal/Modal.tsx +3 -4
- package/src/components/Modal/ModalBody.tsx +1 -1
- package/src/components/Modal/ModalCloseButton.tsx +1 -1
- package/src/components/Modal/ModalProductFooter.tsx +1 -1
- package/src/components/Modal/ModalProductHeader.tsx +1 -1
- package/src/components/Modal/index.ts +2 -2
- package/src/components/Modal/tests/Modal.conformance.test.jsx +2 -3
- package/src/components/Modal/tests/Modal.unit.test.jsx +0 -1
- package/src/components/Modal/tests/ModalProductHeader.unit.test.jsx +0 -1
- package/src/components/Modal/tests/ModalTitle.unit.test.jsx +0 -1
- package/src/components/Pagination/Pagination.tsx +2 -3
- package/src/components/Pagination/PaginationItem.tsx +1 -1
- package/src/components/Pagination/Separator.tsx +1 -1
- package/src/components/Pagination/helpers.ts +6 -1
- package/src/components/Pagination/tests/Item.unit.test.jsx +38 -39
- package/src/components/Pagination/tests/Pagination.conformance.test.jsx +7 -8
- package/src/components/Pagination/tests/Pagination.unit.test.jsx +39 -40
- package/src/components/Pagination/tests/Separator.unit.test.jsx +10 -11
- package/src/components/Pill/Pill.tsx +1 -1
- package/src/components/Pill/tests/Pill.conformance.test.jsx +1 -1
- package/src/components/Preview/CodeExample.tsx +6 -9
- package/src/components/Preview/Preview.tsx +2 -1
- package/src/components/Preview/PreviewGenerator.tsx +8 -8
- package/src/components/Preview/PreviewTitleBar.tsx +1 -1
- package/src/components/Preview/index.tsx +1 -1
- package/src/components/Progress/Progress.tsx +1 -1
- package/src/components/Progress/index.ts +1 -1
- package/src/components/Progress/tests/Progress.conformance.test.jsx +6 -7
- package/src/components/Progress/tests/Progress.unit.test.jsx +42 -39
- package/src/components/PromoBanner/PromoBanner.tsx +1 -1
- package/src/components/PromoBanner/styles/style.scss +2 -2
- package/src/components/PromoBanner/tests/PromoBanner.conformance.test.jsx +1 -2
- package/src/components/PromoBanner/tests/PromoBanner.unit.test.jsx +0 -1
- package/src/components/PromotionCard/PromotionCard.tsx +1 -1
- package/src/components/PromotionCard/PromotionCardContent.tsx +8 -8
- package/src/components/PromotionCard/PromotionCardImageWrapper.tsx +7 -9
- package/src/components/PromotionCard/PromotionCardSection.tsx +1 -1
- package/src/components/PromotionCard/PromotionCardTitle.tsx +11 -11
- package/src/components/PromotionCard/constants.ts +2 -2
- package/src/components/PromotionCard/styles/config.scss +2 -4
- package/src/components/PromotionCard/tests/PromotionCard.conformance.test.jsx +1 -2
- package/src/components/PromotionCard/tests/PromotionCard.unit.test.jsx +0 -1
- package/src/components/Section/Section.tsx +1 -1
- package/src/components/Section/tests/Section.conformance.test.jsx +1 -2
- package/src/components/Section/tests/Section.unit.test.jsx +0 -1
- package/src/components/Skeleton/Skeleton.tsx +1 -1
- package/src/components/Skeleton/styles/mixins.scss +3 -3
- package/src/components/Skeleton/tests/Skeleton.conformance.test.jsx +1 -1
- package/src/components/SkipLink/SkipLink.tsx +1 -1
- package/src/components/SkipLink/tests/SkipLink.unit.test.jsx +0 -4
- package/src/components/SocialButton/SocialButton.tsx +1 -1
- package/src/components/SocialButton/tests/SocialButton.unit.test.jsx +1 -1
- package/src/components/Stepbar/Stepbar.tsx +1 -1
- package/src/components/Stepbar/tests/Stepbar.conformance.test.jsx +1 -1
- package/src/components/Sticker/Sticker.tsx +14 -8
- package/src/components/Sticker/index.ts +1 -0
- package/src/components/Sticker/styles/mixins.scss +2 -2
- package/src/components/Sticker/tests/Sticker.conformance.test.jsx +5 -6
- package/src/components/Sticker/tests/Sticker.unit.test.jsx +16 -19
- package/src/components/Table/Header.tsx +1 -2
- package/src/components/Table/Row.tsx +1 -2
- package/src/components/Table/Rows.tsx +1 -2
- package/src/components/Table/Table.tsx +4 -5
- package/src/components/Table/docsData.ts +0 -1
- package/src/components/Table/index.ts +1 -1
- package/src/components/Table/styles/mixins.scss +5 -0
- package/src/components/Table/tests/Footer.unit.test.jsx +1 -2
- package/src/components/Table/tests/Header.unit.test.jsx +1 -2
- package/src/components/Table/tests/Row.unit.test.jsx +1 -2
- package/src/components/Table/tests/Rows.unit.test.jsx +1 -2
- package/src/components/Table/tests/Table.conformance.test.jsx +6 -6
- package/src/components/Table/tests/Table.unit.test.jsx +1 -1
- package/src/components/Tabs/Tabs.tsx +2 -2
- package/src/components/Tabs/index.ts +2 -2
- package/src/components/Tabs/tests/Tabs.unit.test.jsx +2 -3
- package/src/components/Tag/Tag.tsx +1 -1
- package/src/components/Tag/TagButton.tsx +1 -1
- package/src/components/Tag/index.ts +1 -1
- package/src/components/Tag/styles/mixins.scss +1 -1
- package/src/components/Tag/tests/Tag.conformance.test.jsx +2 -3
- package/src/components/Tag/tests/Tag.unit.test.jsx +1 -3
- package/src/components/Tag/tests/TagButton.conformance.test.jsx +1 -1
- package/src/components/Tag/tests/TagButton.unit.test.jsx +1 -1
- package/src/components/Testimonial/Testimonial.tsx +15 -15
- package/src/components/Testimonial/styles/config.scss +25 -22
- package/src/components/Testimonial/styles/mixins.scss +36 -32
- package/src/components/Testimonial/tests/Testimonial.conformance.test.jsx +5 -6
- package/src/components/Testimonial/tests/Testimonial.unit.test.jsx +22 -23
- package/src/components/Tile/Tile.tsx +2 -3
- package/src/components/Tile/tests/Tile.conformance.test.jsx +1 -1
- package/src/components/Tooltip/InfoTooltip.tsx +1 -1
- package/src/components/Tooltip/Tooltip.static.ts +100 -66
- package/src/components/Tooltip/Tooltip.tsx +2 -3
- package/src/components/Tooltip/index.ts +1 -1
- package/src/components/Tooltip/styles/mixins.scss +14 -13
- package/src/components/Tooltip/tests/Tooltip.conformance.test.jsx +1 -1
- package/src/components/Tooltip/tests/Tooltip.unit.test.jsx +43 -34
- package/src/components/index.ts +41 -40
- package/src/styles/base/globals.scss +17 -1
- package/src/styles/export/breakpoint.scss +1 -1
- package/src/styles/export/breakpoint.ts +7 -7
- package/src/styles/export/space.scss +1 -1
- package/src/styles/tokens/breakpoint.scss +64 -49
- package/src/styles/tokens/space.scss +9 -9
- package/src/styles/tools/generate.scss +6 -6
- package/src/styles/tools/layout.scss +3 -3
- package/src/styles/tools/map.scss +2 -2
- package/src/styles/tools/text.scss +1 -1
- package/src/styles/utilities/index.scss +7 -7
- package/build/search-index.json +0 -426
|
@@ -9,6 +9,8 @@ export default class Accordion {
|
|
|
9
9
|
constructor(element: HTMLElement, config?: Partial<AccordionConfig>);
|
|
10
10
|
private onFocus;
|
|
11
11
|
private toggleAccordionItem;
|
|
12
|
+
private scrollTriggerIntoModalView;
|
|
13
|
+
private getStickyHeaderOffset;
|
|
12
14
|
private init;
|
|
13
15
|
private onClick;
|
|
14
16
|
destroy(): void;
|
|
@@ -8,8 +8,6 @@ export interface BlockActionOverrideProps {
|
|
|
8
8
|
className?: string;
|
|
9
9
|
[key: string]: any;
|
|
10
10
|
}
|
|
11
|
-
export { BlockAction };
|
|
12
|
-
export { BlockActionControl };
|
|
11
|
+
export { BlockAction, BlockActionControl };
|
|
13
12
|
declare const BlockActionOverride: React.FC<BlockActionOverrideProps>;
|
|
14
|
-
export { BlockActionOverride };
|
|
15
|
-
export { BlockActionIndicator };
|
|
13
|
+
export { BlockActionIndicator, BlockActionOverride };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import React, {
|
|
1
|
+
import React, { HTMLAttributes, ReactNode } from "react";
|
|
2
2
|
interface CarouselProps extends HTMLAttributes<HTMLDivElement> {
|
|
3
3
|
/** Swiper.js (https://swiperjs.com/) options object */
|
|
4
4
|
swiperOptions?: Record<string, any>;
|
|
@@ -30,4 +30,4 @@ declare const internetItems: Item[];
|
|
|
30
30
|
export declare const discountVisible: Item[];
|
|
31
31
|
export declare const generateTotal: Item[];
|
|
32
32
|
export default items;
|
|
33
|
-
export {
|
|
33
|
+
export { deviceItem, internetItems, largeItems, optionalItem, router };
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import "./styles/style.scss";
|
|
2
|
+
export type { DocumentationSidebarItem, DocumentationSidebarProps, } from "./DocumentationSidebar";
|
|
2
3
|
export { DocumentationSidebar } from "./DocumentationSidebar";
|
|
3
|
-
export type { DocumentationSidebarProps, DocumentationSidebarItem, } from "./DocumentationSidebar";
|
|
@@ -3,7 +3,7 @@ export type AutocompleteOption = string | {
|
|
|
3
3
|
title: string;
|
|
4
4
|
value: string;
|
|
5
5
|
};
|
|
6
|
-
export interface AutocompleteProps extends React.
|
|
6
|
+
export interface AutocompleteProps extends Omit<React.SelectHTMLAttributes<HTMLSelectElement>, "size" | "value"> {
|
|
7
7
|
/** Module config. For more see accessible-autocomplete docs */
|
|
8
8
|
autocompleteConfig?: Record<string, any>;
|
|
9
9
|
/** Array of string options */
|
|
@@ -12,6 +12,8 @@ export interface AutocompleteProps extends React.HTMLAttributes<HTMLSelectElemen
|
|
|
12
12
|
placeholder?: string;
|
|
13
13
|
/** Additional CSS classes */
|
|
14
14
|
className?: string;
|
|
15
|
+
/** Select value */
|
|
16
|
+
value?: string | string[];
|
|
15
17
|
}
|
|
16
18
|
declare const Autocomplete: React.FC<AutocompleteProps>;
|
|
17
19
|
export { Autocomplete };
|
|
@@ -6,6 +6,7 @@ export { Fieldset } from "./Fieldset";
|
|
|
6
6
|
export { File } from "./File";
|
|
7
7
|
export { Group } from "./Group";
|
|
8
8
|
export { Hint } from "./Hint";
|
|
9
|
+
export { InputStepper } from "./InputStepper";
|
|
9
10
|
export { Label } from "./Label";
|
|
10
11
|
export { Message } from "./Message";
|
|
11
12
|
export { Radio } from "./Radio";
|
|
@@ -13,4 +14,3 @@ export { RangeSlider } from "./RangeSlider";
|
|
|
13
14
|
export { Select } from "./Select";
|
|
14
15
|
export { TextArea } from "./TextArea";
|
|
15
16
|
export { TextInput } from "./TextInput";
|
|
16
|
-
export { InputStepper } from "./InputStepper";
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import React from
|
|
2
|
-
export type GridColAlign =
|
|
3
|
-
export type GridColSize = number |
|
|
1
|
+
import React from "react";
|
|
2
|
+
export type GridColAlign = "top" | "middle" | "bottom" | "stretch";
|
|
3
|
+
export type GridColSize = number | "shrink" | "fill" | "auto" | Record<string, number | "shrink" | "fill" | "auto">;
|
|
4
4
|
export interface GridColProps extends React.HTMLAttributes<HTMLElement> {
|
|
5
5
|
align?: GridColAlign;
|
|
6
6
|
tag?: React.ElementType;
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import React from
|
|
1
|
+
import React from "react";
|
|
2
2
|
interface ListProps {
|
|
3
3
|
/** Size determines color of list items and color of their borders*/
|
|
4
|
-
color?:
|
|
4
|
+
color?: "gray";
|
|
5
5
|
/** Spacious lists have horizontal spacing */
|
|
6
6
|
isEnclosed?: boolean;
|
|
7
7
|
/** Size determines vertical spacing */
|
|
8
|
-
size?:
|
|
8
|
+
size?: "small";
|
|
9
9
|
className?: string;
|
|
10
10
|
children?: React.ReactNode;
|
|
11
11
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
export { Modal } from "./Modal";
|
|
2
2
|
export { ModalBody } from "./ModalBody";
|
|
3
|
-
export { ModalTitle } from "./ModalTitle";
|
|
4
3
|
export { ModalCloseButton } from "./ModalCloseButton";
|
|
5
|
-
export { ModalProductHeader } from "./ModalProductHeader";
|
|
6
4
|
export { ModalProductFooter } from "./ModalProductFooter";
|
|
5
|
+
export { ModalProductHeader } from "./ModalProductHeader";
|
|
6
|
+
export { ModalTitle } from "./ModalTitle";
|
|
@@ -19,5 +19,5 @@ interface ItemState {
|
|
|
19
19
|
hasIcon: boolean;
|
|
20
20
|
showSeparator: boolean;
|
|
21
21
|
}
|
|
22
|
-
export declare function getItemState({ activeIndex, items, isCompact, index }: GetItemStateParams): ItemState;
|
|
22
|
+
export declare function getItemState({ activeIndex, items, isCompact, index, }: GetItemStateParams): ItemState;
|
|
23
23
|
export {};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import React, {
|
|
1
|
+
import React, { HTMLAttributes, ReactNode } from "react";
|
|
2
2
|
export declare const pillColors: readonly ["surface-primary", "surface-secondary", "surface-tertiary", "surface-subtle", "surface-moderate", "surface-contrast", "surface-accent", "fill-moderate", "fill-disabled", "transparent"];
|
|
3
3
|
export type PillColor = (typeof pillColors)[number];
|
|
4
4
|
interface PillProps extends HTMLAttributes<HTMLSpanElement> {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
import { TableHeader, TableRow
|
|
2
|
+
import { ExpandableRowsCaptions, TableHeader, TableRow } from "./types";
|
|
3
3
|
interface TableProps extends React.TableHTMLAttributes<HTMLTableElement> {
|
|
4
4
|
/** Caption helps users with screen readers to find a table and understand what it's about and decide if they want to read it. */
|
|
5
5
|
caption?: React.ReactNode;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { Instance as PopperInstance, Options as PopperOptions } from
|
|
1
|
+
import { Instance as PopperInstance, Options as PopperOptions } from "@popperjs/core";
|
|
2
2
|
export interface TooltipConfig {
|
|
3
3
|
rootContainerSelector: string;
|
|
4
4
|
removeDialogOnDestroy: boolean;
|
|
@@ -12,13 +12,17 @@ export default class Tooltip {
|
|
|
12
12
|
trigger: HTMLElement;
|
|
13
13
|
rootContainer?: HTMLElement | null;
|
|
14
14
|
transitioner: any;
|
|
15
|
+
private isOpen;
|
|
16
|
+
private ignoreNextBlur;
|
|
15
17
|
constructor(element: HTMLElement, config?: Partial<TooltipConfig>);
|
|
16
18
|
static getInstance(el: HTMLElement): Tooltip | null;
|
|
17
19
|
wrapLastWordAndButton(): void;
|
|
18
20
|
private init;
|
|
21
|
+
private onDialogMouseDown;
|
|
22
|
+
private onDocumentClick;
|
|
19
23
|
private handleVisibility;
|
|
20
|
-
private shouldClose;
|
|
21
24
|
private onKeydown;
|
|
25
|
+
private toggle;
|
|
22
26
|
show(): void;
|
|
23
27
|
hide(): void;
|
|
24
28
|
update(): void;
|
|
@@ -1,51 +1,51 @@
|
|
|
1
1
|
import { Accordion, AccordionItem } from "./Accordion";
|
|
2
2
|
import { Alert } from "./Alert";
|
|
3
3
|
import { AnchorNavigation } from "./AnchorNavigation";
|
|
4
|
-
import { Tag, TagButton } from "./Tag";
|
|
5
4
|
import { Bar, BarBreak, BarItem } from "./Bar";
|
|
6
5
|
import { BlockAction, BlockActionControl, BlockActionIndicator, BlockActionOverride } from "./BlockAction";
|
|
7
6
|
import { BodyBanner } from "./BodyBanner";
|
|
8
7
|
import { Breadcrumbs } from "./Breadcrumbs";
|
|
9
8
|
import { Button, ButtonFill, ButtonGhost, ButtonPrimary, IconButton } from "./Button";
|
|
10
9
|
import { Buttons } from "./Buttons";
|
|
10
|
+
import { Card, CardProductHeader, CardSection } from "./Card";
|
|
11
11
|
import { Carousel } from "./Carousel";
|
|
12
12
|
import { CarouselHero, CarouselHeroItem } from "./CarouselHero";
|
|
13
13
|
import { CarouselPromotions } from "./CarouselPromotions";
|
|
14
14
|
import { CartTable } from "./CartTable";
|
|
15
15
|
import { Container } from "./Container";
|
|
16
16
|
import { Controls } from "./Controls";
|
|
17
|
+
import { Cover } from "./Cover";
|
|
17
18
|
import { Divider } from "./Divider";
|
|
18
19
|
import { Dropdown, DropdownDivider, DropdownItem, DropdownToggleButton } from "./Dropdown";
|
|
19
20
|
import { Expander } from "./Expander/Expander";
|
|
20
21
|
import { FeatureAccordion, FeatureAccordionItem } from "./FeatureAccordion";
|
|
21
|
-
import {
|
|
22
|
-
import { Icon, Pictogram, SpritePathContext, SpritePathProvider } from "./Icon";
|
|
22
|
+
import { Autocomplete, Checkbox, Field, Fieldset, File, Group, Hint, InputStepper, Label, Message, Radio, RangeSlider, Select, TextArea, TextInput } from "./Forms";
|
|
23
23
|
import { Gauge } from "./Gauge";
|
|
24
24
|
import { Grid, GridCol } from "./Grid";
|
|
25
|
+
import { Hero } from "./Hero";
|
|
26
|
+
import { Icon, Pictogram, SpritePathContext, SpritePathProvider } from "./Icon";
|
|
27
|
+
import { IconList, Item } from "./IconList";
|
|
25
28
|
import { Image } from "./Image";
|
|
26
29
|
import { Link } from "./Link";
|
|
27
|
-
import { Loader } from "./Loader";
|
|
28
|
-
import { Megamenu, MegamenuBlog } from "./Megamenu";
|
|
29
|
-
import { Modal, ModalBody, ModalCloseButton, ModalTitle, ModalProductHeader, ModalProductFooter } from "./Modal";
|
|
30
|
-
import { Section } from "./Section";
|
|
31
|
-
import { Sticker } from "./Sticker";
|
|
32
|
-
import { SkipLink } from "./SkipLink";
|
|
33
30
|
import { List, ListItem } from "./List";
|
|
34
|
-
import {
|
|
31
|
+
import { Loader, LoaderFullscreen } from "./Loader";
|
|
32
|
+
import { Megamenu, MegamenuBlog } from "./Megamenu";
|
|
33
|
+
import { Modal, ModalBody, ModalCloseButton, ModalProductFooter, ModalProductHeader, ModalTitle } from "./Modal";
|
|
35
34
|
import { Pagination } from "./Pagination";
|
|
35
|
+
import { Pill } from "./Pill";
|
|
36
|
+
import { Progress } from "./Progress";
|
|
36
37
|
import { PromoBanner } from "./PromoBanner";
|
|
37
|
-
import { PromotionCard,
|
|
38
|
-
import {
|
|
38
|
+
import { PromotionCard, PromotionCardContent, PromotionCardImageWrapper, PromotionCardSection, PromotionCardTitle } from "./PromotionCard";
|
|
39
|
+
import { Section } from "./Section";
|
|
39
40
|
import { Skeleton } from "./Skeleton";
|
|
40
|
-
import {
|
|
41
|
+
import { SkipLink } from "./SkipLink";
|
|
42
|
+
import { SocialButton } from "./SocialButton";
|
|
41
43
|
import { Stepbar } from "./Stepbar";
|
|
42
|
-
import {
|
|
44
|
+
import { Sticker } from "./Sticker";
|
|
43
45
|
import { Table } from "./Table";
|
|
44
|
-
import {
|
|
45
|
-
import {
|
|
46
|
-
import { Cover } from "./Cover";
|
|
46
|
+
import { Tab, TabPanel, Tabs } from "./Tabs";
|
|
47
|
+
import { Tag, TagButton } from "./Tag";
|
|
47
48
|
import { Testimonial } from "./Testimonial";
|
|
48
|
-
import {
|
|
49
|
-
import {
|
|
50
|
-
|
|
51
|
-
export { Accordion, AccordionItem, Alert, AnchorNavigation, Autocomplete, Bar, BarBreak, BarItem, BlockAction, BlockActionControl, BlockActionIndicator, BlockActionOverride, BodyBanner, Breadcrumbs, Button, ButtonFill, ButtonGhost, ButtonPrimary, Buttons, Card, CardProductHeader, CardSection, Carousel, CarouselHero, CarouselHeroItem, CarouselPromotions, CartTable, Checkbox, Container, Controls, Cover, Divider, Dropdown, DropdownDivider, DropdownItem, DropdownToggleButton, Expander, FeatureAccordion, FeatureAccordionItem, Field, Fieldset, File, Gauge, Grid, GridCol, Group, Hero, Hint, Icon, IconButton, IconList, Image, InfoTooltip, InputStepper, Item, Label, Link, List, ListItem, Loader, Megamenu, MegamenuBlog, Message, Modal, ModalBody, ModalCloseButton, ModalProductFooter, ModalProductHeader, ModalTitle, Pagination, Pictogram, SpritePathContext, SpritePathProvider, Pill, Progress, PromoBanner, PromotionCard, PromotionCardContent, PromotionCardImageWrapper, PromotionCardSection, PromotionCardTitle, Radio, RangeSlider, Section, Select, Skeleton, SkipLink, SocialButton, Stepbar, Sticker, Tab, Table, TabPanel, Tabs, Tag, TagButton, Testimonial, TextArea, TextInput, Tile, Tooltip, };
|
|
49
|
+
import { Tile } from "./Tile";
|
|
50
|
+
import { InfoTooltip, Tooltip } from "./Tooltip";
|
|
51
|
+
export { Accordion, AccordionItem, Alert, AnchorNavigation, Autocomplete, Bar, BarBreak, BarItem, BlockAction, BlockActionControl, BlockActionIndicator, BlockActionOverride, BodyBanner, Breadcrumbs, Button, ButtonFill, ButtonGhost, ButtonPrimary, Buttons, Card, CardProductHeader, CardSection, Carousel, CarouselHero, CarouselHeroItem, CarouselPromotions, CartTable, Checkbox, Container, Controls, Cover, Divider, Dropdown, DropdownDivider, DropdownItem, DropdownToggleButton, Expander, FeatureAccordion, FeatureAccordionItem, Field, Fieldset, File, Gauge, Grid, GridCol, Group, Hero, Hint, Icon, IconButton, IconList, Image, InfoTooltip, InputStepper, Item, Label, Link, List, ListItem, Loader, LoaderFullscreen, Megamenu, MegamenuBlog, Message, Modal, ModalBody, ModalCloseButton, ModalProductFooter, ModalProductHeader, ModalTitle, Pagination, Pictogram, Pill, Progress, PromoBanner, PromotionCard, PromotionCardContent, PromotionCardImageWrapper, PromotionCardSection, PromotionCardTitle, Radio, RangeSlider, Section, Select, Skeleton, SkipLink, SocialButton, SpritePathContext, SpritePathProvider, Stepbar, Sticker, Tab, Table, TabPanel, Tabs, Tag, TagButton, Testimonial, TextArea, TextInput, Tile, Tooltip, };
|
|
@@ -1,7 +1,5 @@
|
|
|
1
1
|
import Accordion from "../components/Accordion/Accordion.static";
|
|
2
2
|
import AnchorNavigation from "../components/AnchorNavigation/AnchorNavigation.static";
|
|
3
|
-
import Autocomplete from "../components/Forms/Autocomplete/Autocomplete.static";
|
|
4
|
-
import DatePicker from "../components/Forms/DatePicker/DatePicker.static";
|
|
5
3
|
import BlockAction from "../components/BlockAction/BlockAction.static";
|
|
6
4
|
import Carousel from "../components/Carousel/Carousel.static";
|
|
7
5
|
import CarouselHero from "../components/CarouselHero/CarouselHero.static";
|
|
@@ -9,16 +7,18 @@ import CarouselPromotions from "../components/CarouselPromotions/CarouselPromoti
|
|
|
9
7
|
import Dropdown from "../components/Dropdown/Dropdown.static";
|
|
10
8
|
import Expander from "../components/Expander/Expander.static";
|
|
11
9
|
import FeatureAccordion from "../components/FeatureAccordion/FeatureAccordion.static";
|
|
10
|
+
import Autocomplete from "../components/Forms/Autocomplete/Autocomplete.static";
|
|
11
|
+
import DatePicker from "../components/Forms/DatePicker/DatePicker.static";
|
|
12
12
|
import File from "../components/Forms/File/File.static";
|
|
13
|
+
import InputStepper from "../components/Forms/InputStepper/InputStepper.static";
|
|
14
|
+
import RangeSlider from "../components/Forms/RangeSlider/RangeSlider.static";
|
|
13
15
|
import Loader from "../components/Loader/Loader.static";
|
|
14
16
|
import Modal from "../components/Modal/Modal.static";
|
|
15
|
-
import RangeSlider from "../components/Forms/RangeSlider/RangeSlider.static";
|
|
16
17
|
import Table from "../components/Table/Table.static";
|
|
17
18
|
import Tabs from "../components/Tabs/Tabs.static";
|
|
18
19
|
import Tooltip from "../components/Tooltip/Tooltip.static";
|
|
19
|
-
import InputStepper from "../components/Forms/InputStepper/InputStepper.static";
|
|
20
|
-
import Toggle from "./modules/Toggle";
|
|
21
20
|
import SameHeight from "./modules/SameHeight";
|
|
21
|
+
import Toggle from "./modules/Toggle";
|
|
22
22
|
export declare const moduleSelectorPairs: ({
|
|
23
23
|
Module: typeof Accordion;
|
|
24
24
|
name: string;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export default SpacePreview;
|
|
2
|
-
import SpacePreview from
|
|
2
|
+
import SpacePreview from "./SpacePreview";
|
|
@@ -27,4 +27,4 @@ declare function usePortal(id: string): HTMLDivElement;
|
|
|
27
27
|
*/
|
|
28
28
|
declare const useUniqueId: (id?: string, name?: string) => string;
|
|
29
29
|
declare function useHydrationSafeId(providedId?: string): string;
|
|
30
|
-
export {
|
|
30
|
+
export { useHydrationSafeId, usePortal, useStatic, useUniqueId };
|