@openedx/paragon 22.0.0-alpha.24 → 22.1.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/README.md +16 -46
- package/bin/paragon-scripts.js +16 -123
- package/dist/ActionRow/_index.scss +4 -2
- package/dist/ActionRow/_variables.scss +2 -0
- package/dist/ActionRow/index.js +7 -8
- package/dist/ActionRow/index.js.map +1 -1
- package/dist/Alert/_variables.scss +24 -0
- package/dist/Alert/index.js +33 -25
- package/dist/Alert/index.js.map +1 -1
- package/dist/Alert/index.scss +32 -41
- package/dist/Annotation/_variables.scss +18 -0
- package/dist/Annotation/index.js +7 -9
- package/dist/Annotation/index.js.map +1 -1
- package/dist/Annotation/index.scss +103 -130
- package/dist/Avatar/_variables.scss +10 -0
- package/dist/Avatar/index.js +5 -7
- package/dist/Avatar/index.js.map +1 -1
- package/dist/Avatar/index.scss +20 -18
- package/dist/AvatarButton/_variables.scss +3 -0
- package/dist/AvatarButton/index.js +10 -12
- package/dist/AvatarButton/index.js.map +1 -1
- package/dist/AvatarButton/index.scss +5 -3
- package/dist/Badge/_variables.scss +16 -0
- package/dist/Badge/index.js +6 -4
- package/dist/Badge/index.js.map +1 -1
- package/dist/Badge/index.scss +2 -112
- package/dist/Breadcrumb/BreadcrumbLink.js +11 -14
- package/dist/Breadcrumb/BreadcrumbLink.js.map +1 -1
- package/dist/Breadcrumb/_variables.scss +27 -0
- package/dist/Breadcrumb/index.js +29 -29
- package/dist/Breadcrumb/index.js.map +1 -1
- package/dist/Breadcrumb/index.scss +16 -14
- package/dist/Bubble/_variables.scss +8 -0
- package/dist/Bubble/index.js +11 -13
- package/dist/Bubble/index.js.map +1 -1
- package/dist/Bubble/index.scss +12 -25
- package/dist/Button/_variables.scss +52 -0
- package/dist/Button/deprecated/index.js +149 -0
- package/dist/Button/deprecated/index.js.map +1 -0
- package/dist/Button/index.js +12 -11
- package/dist/Button/index.js.map +1 -1
- package/dist/Button/index.scss +370 -855
- package/dist/Card/CardBody.js +4 -6
- package/dist/Card/CardBody.js.map +1 -1
- package/dist/Card/CardCarousel/CardCarousel.js +11 -13
- package/dist/Card/CardCarousel/CardCarousel.js.map +1 -1
- package/dist/Card/CardCarousel/CardCarouselControls.js +6 -7
- package/dist/Card/CardCarousel/CardCarouselControls.js.map +1 -1
- package/dist/Card/CardCarousel/CardCarouselHeader.js +9 -12
- package/dist/Card/CardCarousel/CardCarouselHeader.js.map +1 -1
- package/dist/Card/CardCarousel/CardCarouselItems.js +6 -9
- package/dist/Card/CardCarousel/CardCarouselItems.js.map +1 -1
- package/dist/Card/CardCarousel/CardCarouselProvider.js +27 -28
- package/dist/Card/CardCarousel/CardCarouselProvider.js.map +1 -1
- package/dist/Card/CardCarousel/CardCarouselSubtitle.js +4 -6
- package/dist/Card/CardCarousel/CardCarouselSubtitle.js.map +1 -1
- package/dist/Card/CardCarousel/CardCarouselTitle.js +4 -6
- package/dist/Card/CardCarousel/CardCarouselTitle.js.map +1 -1
- package/dist/Card/CardContext.js +8 -10
- package/dist/Card/CardContext.js.map +1 -1
- package/dist/Card/CardDeck.js +19 -17
- package/dist/Card/CardDeck.js.map +1 -1
- package/dist/Card/CardDivider.js +3 -5
- package/dist/Card/CardDivider.js.map +1 -1
- package/dist/Card/CardFooter.js +15 -18
- package/dist/Card/CardFooter.js.map +1 -1
- package/dist/Card/CardGrid.js +13 -11
- package/dist/Card/CardGrid.js.map +1 -1
- package/dist/Card/CardHeader.js +17 -22
- package/dist/Card/CardHeader.js.map +1 -1
- package/dist/Card/CardImageCap.js +48 -33
- package/dist/Card/CardImageCap.js.map +1 -1
- package/dist/Card/CardSection.js +11 -14
- package/dist/Card/CardSection.js.map +1 -1
- package/dist/Card/CardStatus.js +11 -14
- package/dist/Card/CardStatus.js.map +1 -1
- package/dist/Card/_variables.scss +55 -0
- package/dist/Card/index.js +18 -20
- package/dist/Card/index.js.map +1 -1
- package/dist/Card/index.scss +79 -78
- package/dist/Carousel/_variables.scss +27 -0
- package/dist/Carousel/index.js +17 -11
- package/dist/Carousel/index.js.map +1 -1
- package/dist/Carousel/index.scss +2 -168
- package/dist/CheckBox/index.js +102 -0
- package/dist/CheckBox/index.js.map +1 -0
- package/dist/CheckBoxGroup/index.js +15 -0
- package/dist/CheckBoxGroup/index.js.map +1 -0
- package/dist/Chip/ChipIcon.js +47 -0
- package/dist/Chip/ChipIcon.js.map +1 -0
- package/dist/Chip/_variables.scss +28 -0
- package/dist/Chip/constants.js +5 -0
- package/dist/Chip/index.js +66 -40
- package/dist/Chip/index.js.map +1 -1
- package/dist/Chip/index.scss +102 -61
- package/dist/Chip/mixins.scss +42 -0
- package/dist/ChipCarousel/_variables.scss +3 -0
- package/dist/ChipCarousel/index.js +29 -30
- package/dist/ChipCarousel/index.js.map +1 -1
- package/dist/ChipCarousel/index.scss +4 -1
- package/dist/CloseButton/_variables.scss +6 -0
- package/dist/CloseButton/index.scss +2 -31
- package/dist/Code/_variables.scss +17 -0
- package/dist/Code/index.scss +2 -47
- package/dist/Collapsible/CollapsibleAdvanced.js +82 -62
- package/dist/Collapsible/CollapsibleAdvanced.js.map +1 -1
- package/dist/Collapsible/CollapsibleBody.js +13 -15
- package/dist/Collapsible/CollapsibleBody.js.map +1 -1
- package/dist/Collapsible/CollapsibleTrigger.js +18 -20
- package/dist/Collapsible/CollapsibleTrigger.js.map +1 -1
- package/dist/Collapsible/CollapsibleVisible.js +6 -9
- package/dist/Collapsible/CollapsibleVisible.js.map +1 -1
- package/dist/Collapsible/_variables.scss +12 -0
- package/dist/Collapsible/index.js +17 -18
- package/dist/Collapsible/index.js.map +1 -1
- package/dist/Collapsible/index.scss +15 -15
- package/dist/ColorPicker/_variables.scss +2 -0
- package/dist/ColorPicker/index.js +58 -33
- package/dist/ColorPicker/index.js.map +1 -1
- package/dist/ColorPicker/index.scss +11 -9
- package/dist/Container/_variables.scss +5 -0
- package/dist/Container/index.js +8 -9
- package/dist/Container/index.js.map +1 -1
- package/dist/DataTable/ActionDisplay.js +8 -9
- package/dist/DataTable/ActionDisplay.js.map +1 -1
- package/dist/DataTable/BulkActions.js +23 -20
- package/dist/DataTable/BulkActions.js.map +1 -1
- package/dist/DataTable/CardView.js +46 -43
- package/dist/DataTable/CardView.js.map +1 -1
- package/dist/DataTable/CollapsibleButtonGroup.js +59 -41
- package/dist/DataTable/CollapsibleButtonGroup.js.map +1 -1
- package/dist/DataTable/DataTableContext.js +1 -1
- package/dist/DataTable/DataTableContext.js.map +1 -1
- package/dist/DataTable/DataTableLayout.js +6 -9
- package/dist/DataTable/DataTableLayout.js.map +1 -1
- package/dist/DataTable/DataViewToggle.js +25 -20
- package/dist/DataTable/DataViewToggle.js.map +1 -1
- package/dist/DataTable/DropdownFilters.js +41 -28
- package/dist/DataTable/DropdownFilters.js.map +1 -1
- package/dist/DataTable/EmptyTable.js +6 -9
- package/dist/DataTable/EmptyTable.js.map +1 -1
- package/dist/DataTable/ExpandAll.js +2 -4
- package/dist/DataTable/ExpandAll.js.map +1 -1
- package/dist/DataTable/ExpandRow.js +2 -4
- package/dist/DataTable/ExpandRow.js.map +1 -1
- package/dist/DataTable/FilterStatus.js +18 -17
- package/dist/DataTable/FilterStatus.js.map +1 -1
- package/dist/DataTable/RowStatus.js +15 -18
- package/dist/DataTable/RowStatus.js.map +1 -1
- package/dist/DataTable/SidebarFilters.js +16 -13
- package/dist/DataTable/SidebarFilters.js.map +1 -1
- package/dist/DataTable/SmartStatus.js +14 -16
- package/dist/DataTable/SmartStatus.js.map +1 -1
- package/dist/DataTable/Table.js +17 -19
- package/dist/DataTable/Table.js.map +1 -1
- package/dist/DataTable/TableActions.js +11 -13
- package/dist/DataTable/TableActions.js.map +1 -1
- package/dist/DataTable/TableCell.js +6 -10
- package/dist/DataTable/TableCell.js.map +1 -1
- package/dist/DataTable/TableControlBar.js +7 -12
- package/dist/DataTable/TableControlBar.js.map +1 -1
- package/dist/DataTable/TableFilters.js +14 -12
- package/dist/DataTable/TableFilters.js.map +1 -1
- package/dist/DataTable/TableFooter.js +5 -8
- package/dist/DataTable/TableFooter.js.map +1 -1
- package/dist/DataTable/TableHeaderCell.js +11 -15
- package/dist/DataTable/TableHeaderCell.js.map +1 -1
- package/dist/DataTable/TableHeaderRow.js +6 -4
- package/dist/DataTable/TableHeaderRow.js.map +1 -1
- package/dist/DataTable/TablePagination.js +15 -9
- package/dist/DataTable/TablePagination.js.map +1 -1
- package/dist/DataTable/TablePaginationMinimal.js +14 -8
- package/dist/DataTable/TablePaginationMinimal.js.map +1 -1
- package/dist/DataTable/TableRow.js +15 -18
- package/dist/DataTable/TableRow.js.map +1 -1
- package/dist/DataTable/_variables.scss +11 -0
- package/dist/DataTable/filters/CheckboxFilter.js +23 -22
- package/dist/DataTable/filters/CheckboxFilter.js.map +1 -1
- package/dist/DataTable/filters/DropdownFilter.js +14 -19
- package/dist/DataTable/filters/DropdownFilter.js.map +1 -1
- package/dist/DataTable/filters/MultiSelectDropdownFilter.js +19 -20
- package/dist/DataTable/filters/MultiSelectDropdownFilter.js.map +1 -1
- package/dist/DataTable/filters/TextFilter.js +15 -18
- package/dist/DataTable/filters/TextFilter.js.map +1 -1
- package/dist/DataTable/hooks.js +29 -25
- package/dist/DataTable/hooks.js.map +1 -1
- package/dist/DataTable/index.js +120 -104
- package/dist/DataTable/index.js.map +1 -1
- package/dist/DataTable/index.scss +50 -48
- package/dist/DataTable/selection/BaseSelectionStatus.js +29 -31
- package/dist/DataTable/selection/BaseSelectionStatus.js.map +1 -1
- package/dist/DataTable/selection/ControlledSelect.js +13 -9
- package/dist/DataTable/selection/ControlledSelect.js.map +1 -1
- package/dist/DataTable/selection/ControlledSelectHeader.js +19 -15
- package/dist/DataTable/selection/ControlledSelectHeader.js.map +1 -1
- package/dist/DataTable/selection/ControlledSelectionStatus.js +34 -24
- package/dist/DataTable/selection/ControlledSelectionStatus.js.map +1 -1
- package/dist/DataTable/selection/SelectionStatus.js +23 -23
- package/dist/DataTable/selection/SelectionStatus.js.map +1 -1
- package/dist/DataTable/utils/getVisibleColumns.js +36 -44
- package/dist/DataTable/utils/getVisibleColumns.js.map +1 -1
- package/dist/Dropdown/_variables.scss +33 -0
- package/dist/Dropdown/deprecated/DropdownButton.js +44 -0
- package/dist/Dropdown/deprecated/DropdownButton.js.map +1 -0
- package/dist/Dropdown/deprecated/DropdownItem.js +33 -0
- package/dist/Dropdown/deprecated/DropdownItem.js.map +1 -0
- package/dist/Dropdown/deprecated/DropdownMenu.js +46 -0
- package/dist/Dropdown/deprecated/DropdownMenu.js.map +1 -0
- package/dist/Dropdown/deprecated/index.js +242 -0
- package/dist/Dropdown/deprecated/index.js.map +1 -0
- package/dist/Dropdown/index.js +34 -29
- package/dist/Dropdown/index.js.map +1 -1
- package/dist/Dropdown/index.scss +12 -11
- package/dist/Dropzone/DefaultContent.js +13 -13
- package/dist/Dropzone/DefaultContent.js.map +1 -1
- package/dist/Dropzone/DragError.js +1 -3
- package/dist/Dropzone/DragError.js.map +1 -1
- package/dist/Dropzone/GenericError.js +7 -7
- package/dist/Dropzone/GenericError.js.map +1 -1
- package/dist/Dropzone/UploadProgress.js +6 -8
- package/dist/Dropzone/UploadProgress.js.map +1 -1
- package/dist/Dropzone/_variables.scss +9 -0
- package/dist/Dropzone/index.js +144 -85
- package/dist/Dropzone/index.js.map +1 -1
- package/dist/Dropzone/index.scss +14 -12
- package/dist/Fieldset/index.js +117 -0
- package/dist/Fieldset/index.js.map +1 -0
- package/dist/Fieldset/index.scss +12 -0
- package/dist/Form/FormAutosuggest.js +284 -154
- package/dist/Form/FormAutosuggest.js.map +1 -1
- package/dist/Form/FormAutosuggestOption.js +4 -6
- package/dist/Form/FormAutosuggestOption.js.map +1 -1
- package/dist/Form/FormCheckbox.js +35 -42
- package/dist/Form/FormCheckbox.js.map +1 -1
- package/dist/Form/FormCheckboxSet.js +13 -16
- package/dist/Form/FormCheckboxSet.js.map +1 -1
- package/dist/Form/FormCheckboxSetContext.js +39 -34
- package/dist/Form/FormCheckboxSetContext.js.map +1 -1
- package/dist/Form/FormControl.js +41 -35
- package/dist/Form/FormControl.js.map +1 -1
- package/dist/Form/FormControlDecorator.js +3 -5
- package/dist/Form/FormControlDecorator.js.map +1 -1
- package/dist/Form/FormControlDecoratorGroup.js +8 -10
- package/dist/Form/FormControlDecoratorGroup.js.map +1 -1
- package/dist/Form/FormControlFeedback.js +12 -15
- package/dist/Form/FormControlFeedback.js.map +1 -1
- package/dist/Form/FormControlFloatingLabel.js +3 -6
- package/dist/Form/FormControlFloatingLabel.js.map +1 -1
- package/dist/Form/FormControlSet.js +8 -9
- package/dist/Form/FormControlSet.js.map +1 -1
- package/dist/Form/FormGroup.js +11 -12
- package/dist/Form/FormGroup.js.map +1 -1
- package/dist/Form/FormGroupContext.js +64 -39
- package/dist/Form/FormGroupContext.js.map +1 -1
- package/dist/Form/FormLabel.js +15 -17
- package/dist/Form/FormLabel.js.map +1 -1
- package/dist/Form/FormRadio.js +19 -22
- package/dist/Form/FormRadio.js.map +1 -1
- package/dist/Form/FormRadioSet.js +13 -16
- package/dist/Form/FormRadioSet.js.map +1 -1
- package/dist/Form/FormRadioSetContext.js +39 -34
- package/dist/Form/FormRadioSetContext.js.map +1 -1
- package/dist/Form/FormSwitch.js +16 -20
- package/dist/Form/FormSwitch.js.map +1 -1
- package/dist/Form/FormText.js +20 -29
- package/dist/Form/FormText.js.map +1 -1
- package/dist/Form/_FormText.scss +8 -8
- package/dist/Form/_index.scss +146 -168
- package/dist/Form/_mixins.scss +3 -216
- package/dist/Form/_variables.scss +267 -0
- package/dist/Form/useCheckboxSetValues.js +46 -23
- package/dist/Form/useCheckboxSetValues.js.map +1 -1
- package/dist/Hyperlink/index.js +25 -25
- package/dist/Hyperlink/index.js.map +1 -1
- package/dist/Hyperlink/index.scss +3 -3
- package/dist/Icon/_variables.scss +7 -0
- package/dist/Icon/index.js +21 -20
- package/dist/Icon/index.js.map +1 -1
- package/dist/Icon/index.scss +12 -10
- package/dist/IconButton/index.js +39 -35
- package/dist/IconButton/index.js.map +1 -1
- package/dist/IconButton/index.scss +74 -387
- package/dist/IconButtonToggle/index.js +16 -16
- package/dist/IconButtonToggle/index.js.map +1 -1
- package/dist/IconButtonToggle/index.scss +1 -1
- package/dist/Image/_variables.scss +13 -0
- package/dist/Image/index.scss +2 -53
- package/dist/Input/index.js +166 -0
- package/dist/Input/index.js.map +1 -0
- package/dist/InputSelect/index.js +105 -0
- package/dist/InputSelect/index.js.map +1 -0
- package/dist/InputText/index.js +45 -0
- package/dist/InputText/index.js.map +1 -0
- package/dist/Layout/index.js +33 -29
- package/dist/Layout/index.js.map +1 -1
- package/dist/ListBox/index.js +148 -0
- package/dist/ListBox/index.js.map +1 -0
- package/dist/ListBoxOption/index.js +94 -0
- package/dist/ListBoxOption/index.js.map +1 -0
- package/dist/MailtoLink/index.js +37 -34
- package/dist/MailtoLink/index.js.map +1 -1
- package/dist/Menu/MenuItem.js +11 -12
- package/dist/Menu/MenuItem.js.map +1 -1
- package/dist/Menu/SelectMenu.js +68 -44
- package/dist/Menu/SelectMenu.js.map +1 -1
- package/dist/Menu/_variables.scss +24 -0
- package/dist/Menu/index.js +10 -11
- package/dist/Menu/index.js.map +1 -1
- package/dist/Menu/index.scss +27 -25
- package/dist/Modal/AlertModal.js +5 -7
- package/dist/Modal/AlertModal.js.map +1 -1
- package/dist/Modal/FullscreenModal.js +6 -8
- package/dist/Modal/FullscreenModal.js.map +1 -1
- package/dist/Modal/MarketingModal.js +8 -10
- package/dist/Modal/MarketingModal.js.map +1 -1
- package/dist/Modal/ModalCloseButton.js +13 -15
- package/dist/Modal/ModalCloseButton.js.map +1 -1
- package/dist/Modal/ModalContext.js +13 -13
- package/dist/Modal/ModalContext.js.map +1 -1
- package/dist/Modal/ModalDialog.js +28 -25
- package/dist/Modal/ModalDialog.js.map +1 -1
- package/dist/Modal/ModalDialogBody.js +22 -11
- package/dist/Modal/ModalDialogBody.js.map +1 -1
- package/dist/Modal/ModalDialogFooter.js +6 -7
- package/dist/Modal/ModalDialogFooter.js.map +1 -1
- package/dist/Modal/ModalDialogHeader.js +6 -7
- package/dist/Modal/ModalDialogHeader.js.map +1 -1
- package/dist/Modal/ModalDialogHero.js +6 -7
- package/dist/Modal/ModalDialogHero.js.map +1 -1
- package/dist/Modal/ModalDialogHeroBackground.js +8 -9
- package/dist/Modal/ModalDialogHeroBackground.js.map +1 -1
- package/dist/Modal/ModalDialogHeroContent.js +6 -7
- package/dist/Modal/ModalDialogHeroContent.js.map +1 -1
- package/dist/Modal/ModalDialogTitle.js +6 -7
- package/dist/Modal/ModalDialogTitle.js.map +1 -1
- package/dist/Modal/ModalLayer.js +11 -17
- package/dist/Modal/ModalLayer.js.map +1 -1
- package/dist/Modal/ModalPopup.js +17 -17
- package/dist/Modal/ModalPopup.js.map +1 -1
- package/dist/Modal/PopperElement.js +25 -18
- package/dist/Modal/PopperElement.js.map +1 -1
- package/dist/Modal/Portal.js +40 -18
- package/dist/Modal/Portal.js.map +1 -1
- package/dist/Modal/StandardModal.js +6 -8
- package/dist/Modal/StandardModal.js.map +1 -1
- package/dist/Modal/_ModalDialog.scss +58 -50
- package/dist/Modal/_variables.scss +50 -0
- package/dist/Modal/index.js +293 -0
- package/dist/Modal/index.js.map +1 -0
- package/dist/Modal/index.scss +73 -6
- package/dist/Nav/_mixins.scss +4 -4
- package/dist/Nav/_variables.scss +58 -0
- package/dist/Nav/index.js +3 -2
- package/dist/Nav/index.js.map +1 -1
- package/dist/Nav/index.scss +66 -70
- package/dist/Navbar/_variables.scss +40 -0
- package/dist/Navbar/index.js +7 -6
- package/dist/Navbar/index.js.map +1 -1
- package/dist/Navbar/index.scss +2 -276
- package/dist/OverflowScroll/OverflowScroll.js +45 -37
- package/dist/OverflowScroll/OverflowScroll.js.map +1 -1
- package/dist/OverflowScroll/OverflowScrollContext.js +1 -1
- package/dist/OverflowScroll/OverflowScrollContext.js.map +1 -1
- package/dist/OverflowScroll/OverflowScrollItems.js +2 -4
- package/dist/OverflowScroll/OverflowScrollItems.js.map +1 -1
- package/dist/OverflowScroll/_variables.scss +5 -0
- package/dist/OverflowScroll/data/useOverflowScrollElementAttributes.js +3 -3
- package/dist/OverflowScroll/index.scss +1 -0
- package/dist/Overlay/index.js +6 -5
- package/dist/Overlay/index.js.map +1 -1
- package/dist/PageBanner/index.js +11 -13
- package/dist/PageBanner/index.js.map +1 -1
- package/dist/PageBanner/index.scss +21 -17
- package/dist/Pagination/DefaultPagination.js +34 -0
- package/dist/Pagination/DefaultPagination.js.map +1 -0
- package/dist/Pagination/MinimalPagination.js +8 -0
- package/dist/Pagination/MinimalPagination.js.map +1 -0
- package/dist/Pagination/PaginationContext.js +200 -0
- package/dist/Pagination/PaginationContext.js.map +1 -0
- package/dist/Pagination/ReducedPagination.js +8 -0
- package/dist/Pagination/ReducedPagination.js.map +1 -0
- package/dist/Pagination/_variables.scss +19 -0
- package/dist/Pagination/constants.js +15 -1
- package/dist/Pagination/getPaginationRange.js +4 -0
- package/dist/Pagination/index.js +44 -358
- package/dist/Pagination/index.js.map +1 -1
- package/dist/Pagination/index.scss +120 -226
- package/dist/Pagination/subcomponents/Ellipsis.js +11 -0
- package/dist/Pagination/subcomponents/Ellipsis.js.map +1 -0
- package/dist/Pagination/subcomponents/NextPageButton.js +57 -0
- package/dist/Pagination/subcomponents/NextPageButton.js.map +1 -0
- package/dist/Pagination/subcomponents/PageButton.js +31 -0
- package/dist/Pagination/subcomponents/PageButton.js.map +1 -0
- package/dist/Pagination/subcomponents/PageOfCountButton.js +17 -0
- package/dist/Pagination/subcomponents/PageOfCountButton.js.map +1 -0
- package/dist/Pagination/subcomponents/PaginationDropdown.js +34 -0
- package/dist/Pagination/subcomponents/PaginationDropdown.js.map +1 -0
- package/dist/Pagination/subcomponents/PreviousPageButton.js +57 -0
- package/dist/Pagination/subcomponents/PreviousPageButton.js.map +1 -0
- package/dist/Pagination/subcomponents/ScreenReaderText.js +13 -0
- package/dist/Pagination/subcomponents/ScreenReaderText.js.map +1 -0
- package/dist/Pagination/subcomponents/index.js +7 -0
- package/dist/Popover/_variables.scss +36 -0
- package/dist/Popover/index.js +11 -14
- package/dist/Popover/index.js.map +1 -1
- package/dist/Popover/index.scss +10 -9
- package/dist/ProductTour/Checkpoint.js +29 -22
- package/dist/ProductTour/Checkpoint.js.map +1 -1
- package/dist/ProductTour/Checkpoint.scss +43 -71
- package/dist/ProductTour/CheckpointActionRow.js +18 -16
- package/dist/ProductTour/CheckpointActionRow.js.map +1 -1
- package/dist/ProductTour/CheckpointBody.js +2 -4
- package/dist/ProductTour/CheckpointBody.js.map +1 -1
- package/dist/ProductTour/CheckpointBreadcrumbs.js +16 -16
- package/dist/ProductTour/CheckpointBreadcrumbs.js.map +1 -1
- package/dist/ProductTour/CheckpointTitle.js +2 -4
- package/dist/ProductTour/CheckpointTitle.js.map +1 -1
- package/dist/ProductTour/_variables.scss +15 -0
- package/dist/ProductTour/index.js +66 -47
- package/dist/ProductTour/index.js.map +1 -1
- package/dist/ProgressBar/_variables.scss +23 -0
- package/dist/ProgressBar/index.js +37 -35
- package/dist/ProgressBar/index.js.map +1 -1
- package/dist/ProgressBar/index.scss +36 -28
- package/dist/RadioButtonGroup/index.js +188 -0
- package/dist/RadioButtonGroup/index.js.map +1 -0
- package/dist/Scrollable/index.js +30 -15
- package/dist/Scrollable/index.js.map +1 -1
- package/dist/Scrollable/index.scss +2 -2
- package/dist/SearchField/SearchFieldAdvanced.js +56 -51
- package/dist/SearchField/SearchFieldAdvanced.js.map +1 -1
- package/dist/SearchField/SearchFieldClearButton.js +19 -20
- package/dist/SearchField/SearchFieldClearButton.js.map +1 -1
- package/dist/SearchField/SearchFieldInput.js +10 -11
- package/dist/SearchField/SearchFieldInput.js.map +1 -1
- package/dist/SearchField/SearchFieldLabel.js +5 -8
- package/dist/SearchField/SearchFieldLabel.js.map +1 -1
- package/dist/SearchField/SearchFieldSubmitButton.js +23 -23
- package/dist/SearchField/SearchFieldSubmitButton.js.map +1 -1
- package/dist/SearchField/_variables.scss +14 -0
- package/dist/SearchField/index.js +26 -31
- package/dist/SearchField/index.js.map +1 -1
- package/dist/SearchField/index.scss +23 -31
- package/dist/SelectableBox/SelectableBoxSet.js +25 -26
- package/dist/SelectableBox/SelectableBoxSet.js.map +1 -1
- package/dist/SelectableBox/_variables.scss +5 -0
- package/dist/SelectableBox/index.js +42 -38
- package/dist/SelectableBox/index.js.map +1 -1
- package/dist/SelectableBox/index.scss +13 -11
- package/dist/Sheet/SheetContainer.js +38 -16
- package/dist/Sheet/SheetContainer.js.map +1 -1
- package/dist/Sheet/index.js +65 -43
- package/dist/Sheet/index.js.map +1 -1
- package/dist/Sheet/index.scss +10 -10
- package/dist/Spinner/_variables.scss +9 -0
- package/dist/Spinner/index.js +8 -9
- package/dist/Spinner/index.js.map +1 -1
- package/dist/Spinner/index.scss +2 -57
- package/dist/Stack/_variables.scss +1 -0
- package/dist/Stack/index.js +9 -11
- package/dist/Stack/index.js.map +1 -1
- package/dist/Stack/index.scss +3 -1
- package/dist/StatefulButton/index.js +15 -17
- package/dist/StatefulButton/index.js.map +1 -1
- package/dist/StatusAlert/index.js +168 -0
- package/dist/StatusAlert/index.js.map +1 -0
- package/dist/Stepper/Stepper.js +2 -4
- package/dist/Stepper/Stepper.js.map +1 -1
- package/dist/Stepper/StepperActionRow.js +7 -10
- package/dist/Stepper/StepperActionRow.js.map +1 -1
- package/dist/Stepper/StepperContext.js +64 -32
- package/dist/Stepper/StepperContext.js.map +1 -1
- package/dist/Stepper/StepperHeader.js +23 -30
- package/dist/Stepper/StepperHeader.js.map +1 -1
- package/dist/Stepper/StepperHeaderStep.js +14 -17
- package/dist/Stepper/StepperHeaderStep.js.map +1 -1
- package/dist/Stepper/StepperStep.js +23 -24
- package/dist/Stepper/StepperStep.js.map +1 -1
- package/dist/Stepper/_variables.scss +18 -0
- package/dist/Stepper/index.scss +20 -19
- package/dist/Sticky/_variables.scss +3 -0
- package/dist/Sticky/index.js +30 -22
- package/dist/Sticky/index.js.map +1 -1
- package/dist/Sticky/index.scss +6 -4
- package/dist/Table/_variables.scss +34 -0
- package/dist/Table/index.js +267 -0
- package/dist/Table/index.js.map +1 -0
- package/dist/Table/index.scss +12 -0
- package/dist/Tabs/_variables.scss +24 -0
- package/dist/Tabs/deprecated/Tabs.scss +3 -0
- package/dist/Tabs/deprecated/index.js +123 -0
- package/dist/Tabs/deprecated/index.js.map +1 -0
- package/dist/Tabs/index.js +67 -49
- package/dist/Tabs/index.js.map +1 -1
- package/dist/Tabs/index.scss +25 -26
- package/dist/TextArea/index.js +44 -0
- package/dist/TextArea/index.js.map +1 -0
- package/dist/Toast/ToastContainer.js +38 -16
- package/dist/Toast/ToastContainer.js.map +1 -1
- package/dist/Toast/ToastContainer.scss +11 -9
- package/dist/Toast/_variables.scss +19 -0
- package/dist/Toast/index.js +33 -18
- package/dist/Toast/index.js.map +1 -1
- package/dist/Toast/index.scss +10 -9
- package/dist/Tooltip/_variables.scss +21 -0
- package/dist/Tooltip/index.js +8 -9
- package/dist/Tooltip/index.js.map +1 -1
- package/dist/Tooltip/index.scss +10 -136
- package/dist/TransitionReplace/DemoTransitionReplace.js +12 -3
- package/dist/TransitionReplace/DemoTransitionReplace.js.map +1 -1
- package/dist/TransitionReplace/index.js +136 -100
- package/dist/TransitionReplace/index.js.map +1 -1
- package/dist/Truncate/index.js +30 -24
- package/dist/Truncate/index.js.map +1 -1
- package/dist/ValidationFormGroup/index.js +106 -0
- package/dist/ValidationFormGroup/index.js.map +1 -0
- package/dist/ValidationMessage/index.js +76 -51
- package/dist/ValidationMessage/index.js.map +1 -1
- package/dist/ValidationMessage/index.scss +1 -1
- package/dist/asInput/index.js +251 -202
- package/dist/asInput/index.js.map +1 -1
- package/dist/hooks/useArrowKeyNavigation.js +46 -43
- package/dist/hooks/useArrowKeyNavigation.js.map +1 -1
- package/dist/hooks/useIndexOfLastVisibleChild.js +40 -26
- package/dist/hooks/useIndexOfLastVisibleChild.js.map +1 -1
- package/dist/hooks/useIsVisible.js +20 -13
- package/dist/hooks/useIsVisible.js.map +1 -1
- package/dist/hooks/useToggle.js +18 -11
- package/dist/hooks/useToggle.js.map +1 -1
- package/dist/hooks/useWindowSize.js +17 -6
- package/dist/hooks/useWindowSize.js.map +1 -1
- package/dist/index.js +14 -0
- package/dist/index.scss +4 -0
- package/dist/paragon.css +45 -0
- package/dist/utils/breakpoints.js +1 -1
- package/dist/utils/propTypes/utils.js +17 -2
- package/dist/withDeprecatedProps.js +79 -58
- package/dist/withDeprecatedProps.js.map +1 -1
- package/lib/help.js +23 -36
- package/lib/migrate-to-openedx-scope.js +62 -0
- package/package.json +20 -33
- package/{styles/scss → scss}/core/_functions.scss +1 -1
- package/scss/core/_grid.scss +21 -0
- package/{styles/scss → scss}/core/_utilities.scss +11 -17
- package/scss/core/_variables.scss +875 -0
- package/scss/core/core.scss +21 -0
- package/{styles/scss → scss}/core/utilities-only.scss +0 -1
- package/src/ActionRow/_index.scss +4 -2
- package/src/ActionRow/_variables.scss +2 -0
- package/src/Alert/_variables.scss +24 -0
- package/src/Alert/index.scss +32 -41
- package/src/Annotation/_variables.scss +18 -0
- package/src/Annotation/index.scss +103 -130
- package/src/Avatar/_variables.scss +10 -0
- package/src/Avatar/index.scss +20 -18
- package/src/AvatarButton/_variables.scss +3 -0
- package/src/AvatarButton/index.scss +5 -3
- package/src/Badge/_variables.scss +16 -0
- package/src/Badge/index.scss +2 -112
- package/src/Breadcrumb/_variables.scss +27 -0
- package/src/Breadcrumb/index.scss +16 -14
- package/src/Bubble/_variables.scss +8 -0
- package/src/Bubble/index.scss +12 -25
- package/src/Button/README.md +84 -0
- package/src/Button/_variables.scss +52 -0
- package/src/Button/deprecated/Button.test.jsx +34 -0
- package/src/Button/deprecated/index.jsx +145 -0
- package/src/Button/index.jsx +5 -2
- package/src/Button/index.scss +370 -855
- package/src/Card/_variables.scss +55 -0
- package/src/Card/index.scss +79 -78
- package/src/Carousel/_variables.scss +27 -0
- package/src/Carousel/index.scss +2 -168
- package/src/CheckBox/CheckBox.test.jsx +65 -0
- package/src/CheckBox/README.md +93 -0
- package/src/CheckBox/index.jsx +80 -0
- package/src/CheckBoxGroup/CheckBoxGroup.test.jsx +33 -0
- package/src/CheckBoxGroup/README.md +35 -0
- package/src/CheckBoxGroup/index.jsx +19 -0
- package/src/Chip/Chip.test.jsx +82 -16
- package/src/Chip/ChipIcon.tsx +54 -0
- package/src/Chip/README.md +116 -11
- package/src/Chip/__snapshots__/Chip.test.jsx.snap +84 -90
- package/src/Chip/_variables.scss +28 -0
- package/src/Chip/constants.js +5 -0
- package/src/Chip/index.scss +102 -61
- package/src/Chip/index.tsx +79 -46
- package/src/Chip/mixins.scss +42 -0
- package/src/ChipCarousel/_variables.scss +3 -0
- package/src/ChipCarousel/index.scss +4 -1
- package/src/CloseButton/_variables.scss +6 -0
- package/src/CloseButton/index.scss +2 -31
- package/src/Code/_variables.scss +17 -0
- package/src/Code/index.scss +2 -47
- package/src/Collapsible/_variables.scss +12 -0
- package/src/Collapsible/index.scss +15 -15
- package/src/ColorPicker/_variables.scss +2 -0
- package/src/ColorPicker/index.scss +11 -9
- package/src/Container/_variables.scss +5 -0
- package/src/DataTable/CollapsibleButtonGroup.jsx +2 -2
- package/src/DataTable/TablePagination.jsx +7 -2
- package/src/DataTable/TablePaginationMinimal.jsx +5 -0
- package/src/DataTable/_variables.scss +11 -0
- package/src/DataTable/filters/TextFilter.jsx +4 -5
- package/src/DataTable/index.scss +50 -48
- package/src/DataTable/tests/TablePagination.test.jsx +6 -6
- package/src/Dropdown/README.md +93 -0
- package/src/Dropdown/_variables.scss +33 -0
- package/src/Dropdown/deprecated/Dropdown.test.jsx +238 -0
- package/src/Dropdown/deprecated/DropdownButton.jsx +52 -0
- package/src/Dropdown/deprecated/DropdownItem.jsx +34 -0
- package/src/Dropdown/deprecated/DropdownMenu.jsx +50 -0
- package/src/Dropdown/deprecated/__snapshots__/Dropdown.test.jsx.snap +229 -0
- package/src/Dropdown/deprecated/index.jsx +222 -0
- package/src/Dropdown/index.jsx +2 -0
- package/src/Dropdown/index.scss +12 -11
- package/src/Dropzone/_variables.scss +9 -0
- package/src/Dropzone/index.scss +14 -12
- package/src/Fieldset/Fieldset.test.jsx +101 -0
- package/src/Fieldset/README.md +146 -0
- package/src/Fieldset/index.jsx +107 -0
- package/src/Fieldset/index.scss +12 -0
- package/src/Form/FormAutosuggest.jsx +332 -254
- package/src/Form/_FormText.scss +8 -8
- package/src/Form/_index.scss +146 -168
- package/src/Form/_mixins.scss +3 -216
- package/src/Form/_variables.scss +267 -0
- package/src/Form/form-autosuggest.mdx +114 -57
- package/src/Form/tests/FormAutosuggest.test.jsx +63 -16
- package/src/Hyperlink/index.scss +3 -3
- package/src/Icon/README.md +3 -3
- package/src/Icon/_variables.scss +7 -0
- package/src/Icon/index.jsx +1 -1
- package/src/Icon/index.scss +12 -10
- package/src/IconButton/README.md +15 -1
- package/src/IconButton/__snapshots__/IconButton.test.jsx.snap +28 -5
- package/src/IconButton/index.jsx +14 -7
- package/src/IconButton/index.scss +74 -387
- package/src/IconButtonToggle/index.scss +1 -1
- package/src/Image/_variables.scss +13 -0
- package/src/Image/index.scss +2 -53
- package/src/Input/README.md +74 -0
- package/src/Input/__snapshots__/input.test.jsx.snap +53 -0
- package/src/Input/index.jsx +151 -0
- package/src/Input/input.test.jsx +85 -0
- package/src/InputSelect/README.md +136 -0
- package/src/InputSelect/index.jsx +92 -0
- package/src/InputText/InputText.test.jsx +74 -0
- package/src/InputText/README.md +293 -0
- package/src/InputText/index.jsx +49 -0
- package/src/ListBox/ListBox.test.jsx +161 -0
- package/src/ListBox/README.md +185 -0
- package/src/ListBox/index.jsx +115 -0
- package/src/ListBoxOption/ListBoxOption.test.jsx +154 -0
- package/src/ListBoxOption/index.jsx +78 -0
- package/src/Menu/_variables.scss +24 -0
- package/src/Menu/index.scss +27 -25
- package/src/Modal/ModalDialog.jsx +5 -0
- package/src/Modal/README.md +148 -0
- package/src/Modal/_ModalDialog.scss +58 -50
- package/src/Modal/_variables.scss +50 -0
- package/src/Modal/index.jsx +319 -0
- package/src/Modal/index.scss +73 -6
- package/src/Modal/tests/Modal.test.jsx +261 -0
- package/src/Nav/_mixins.scss +4 -4
- package/src/Nav/_variables.scss +58 -0
- package/src/Nav/index.scss +66 -70
- package/src/Navbar/_variables.scss +40 -0
- package/src/Navbar/index.scss +2 -276
- package/src/OverflowScroll/_variables.scss +5 -0
- package/src/OverflowScroll/data/useOverflowScrollElementAttributes.js +3 -3
- package/src/OverflowScroll/index.scss +1 -0
- package/src/Overlay/index.jsx +3 -2
- package/src/PageBanner/index.scss +21 -17
- package/src/Pagination/DefaultPagination.jsx +43 -0
- package/src/Pagination/MinimalPagination.jsx +11 -0
- package/src/Pagination/Pagination.test.jsx +201 -156
- package/src/Pagination/PaginationContext.jsx +191 -0
- package/src/Pagination/README.md +86 -22
- package/src/Pagination/ReducedPagination.jsx +12 -0
- package/src/Pagination/__snapshots__/Pagination.test.jsx.snap +301 -0
- package/src/Pagination/_variables.scss +19 -0
- package/src/Pagination/constants.js +15 -1
- package/src/Pagination/getPaginationRange.js +4 -0
- package/src/Pagination/index.jsx +48 -420
- package/src/Pagination/index.scss +120 -226
- package/src/Pagination/subcomponents/Ellipsis.jsx +13 -0
- package/src/Pagination/subcomponents/NextPageButton.jsx +64 -0
- package/src/Pagination/subcomponents/PageButton.jsx +33 -0
- package/src/Pagination/subcomponents/PageOfCountButton.jsx +25 -0
- package/src/Pagination/subcomponents/PaginationDropdown.jsx +37 -0
- package/src/Pagination/subcomponents/PreviousPageButton.jsx +64 -0
- package/src/Pagination/subcomponents/ScreenReaderText.jsx +17 -0
- package/src/Pagination/subcomponents/index.js +7 -0
- package/src/Popover/_variables.scss +36 -0
- package/src/Popover/index.scss +10 -9
- package/src/ProductTour/Checkpoint.scss +43 -71
- package/src/ProductTour/_variables.scss +15 -0
- package/src/ProgressBar/_variables.scss +23 -0
- package/src/ProgressBar/index.scss +36 -28
- package/src/RadioButtonGroup/README.md +50 -0
- package/src/RadioButtonGroup/RadioButtonGroup.test.jsx +127 -0
- package/src/RadioButtonGroup/index.jsx +185 -0
- package/src/Scrollable/index.scss +2 -2
- package/src/SearchField/SearchField.test.jsx +1 -1
- package/src/SearchField/SearchFieldAdvanced.jsx +2 -4
- package/src/SearchField/SearchFieldClearButton.jsx +13 -5
- package/src/SearchField/SearchFieldInput.jsx +2 -2
- package/src/SearchField/SearchFieldSubmitButton.jsx +10 -8
- package/src/SearchField/__snapshots__/SearchField.test.jsx.snap +29 -33
- package/src/SearchField/_variables.scss +14 -0
- package/src/SearchField/index.jsx +4 -6
- package/src/SearchField/index.scss +23 -31
- package/src/SelectableBox/_variables.scss +5 -0
- package/src/SelectableBox/index.scss +13 -11
- package/src/Sheet/index.scss +10 -10
- package/src/Spinner/_variables.scss +9 -0
- package/src/Spinner/index.scss +2 -57
- package/src/Stack/_variables.scss +1 -0
- package/src/Stack/index.scss +3 -1
- package/src/StatusAlert/README.md +149 -0
- package/src/StatusAlert/StatusAlert.test.jsx +150 -0
- package/src/StatusAlert/index.jsx +144 -0
- package/src/Stepper/_variables.scss +18 -0
- package/src/Stepper/index.scss +20 -19
- package/src/Sticky/_variables.scss +3 -0
- package/src/Sticky/index.scss +6 -4
- package/src/Table/README.md +506 -0
- package/src/Table/Table.test.jsx +367 -0
- package/src/Table/_variables.scss +34 -0
- package/src/Table/index.jsx +264 -0
- package/src/Table/index.scss +12 -0
- package/src/Tabs/README.md +3 -1
- package/src/Tabs/_variables.scss +24 -0
- package/src/Tabs/deprecated/Tabs.scss +3 -0
- package/src/Tabs/deprecated/Tabs.test.jsx +50 -0
- package/src/Tabs/deprecated/index.jsx +117 -0
- package/src/Tabs/index.jsx +3 -0
- package/src/Tabs/index.scss +25 -26
- package/src/TextArea/README.md +63 -0
- package/src/TextArea/index.jsx +48 -0
- package/src/Toast/ToastContainer.scss +11 -9
- package/src/Toast/_variables.scss +19 -0
- package/src/Toast/index.scss +10 -9
- package/src/Tooltip/_variables.scss +21 -0
- package/src/Tooltip/index.scss +10 -136
- package/src/TransitionReplace/README.md +4 -4
- package/src/ValidationFormGroup/README.md +116 -0
- package/src/ValidationFormGroup/ValidationFormGroup.test.jsx +146 -0
- package/src/ValidationFormGroup/__snapshots__/ValidationFormGroup.test.jsx.snap +161 -0
- package/src/ValidationFormGroup/index.jsx +114 -0
- package/src/ValidationMessage/index.scss +1 -1
- package/src/index.js +14 -0
- package/src/index.scss +4 -0
- package/src/utils/breakpoints.js +1 -1
- package/src/utils/propTypes/utils.js +17 -2
- package/dist/Annotation/_mixins.scss +0 -104
- package/dist/Button/_mixins.scss +0 -14
- package/dist/Button/button-group.scss +0 -126
- package/dist/Card/card-bootstrap.scss +0 -168
- package/dist/Dropdown/dropdown-bootstrap.scss +0 -181
- package/dist/Form/_bootstrap-custom-forms.scss +0 -551
- package/dist/Form/_bootstrap-forms.scss +0 -381
- package/dist/Form/_input-group.scss +0 -188
- package/dist/IconButton/_mixins.scss +0 -4
- package/dist/Pagination/pagination-bootstrap.scss +0 -83
- package/dist/Popover/popover-bootstrap.scss +0 -198
- package/dist/ProgressBar/_mixins.scss +0 -22
- package/dist/ProgressBar/bootstrap-progress.scss +0 -49
- package/dist/Toast/bootstrap-toast.scss +0 -46
- package/dist/core.css +0 -16778
- package/dist/core.css.map +0 -1
- package/dist/core.min.css +0 -2
- package/dist/light.css +0 -4090
- package/dist/light.css.map +0 -1
- package/dist/light.min.css +0 -2
- package/dist/theme-urls.json +0 -21
- package/lib/build-scss.js +0 -188
- package/lib/build-tokens.js +0 -119
- package/lib/replace-variables.js +0 -38
- package/lib/utils.js +0 -9
- package/src/Annotation/_mixins.scss +0 -104
- package/src/Button/_mixins.scss +0 -14
- package/src/Button/button-group.scss +0 -126
- package/src/Card/card-bootstrap.scss +0 -168
- package/src/Dropdown/dropdown-bootstrap.scss +0 -181
- package/src/Form/_bootstrap-custom-forms.scss +0 -551
- package/src/Form/_bootstrap-forms.scss +0 -381
- package/src/Form/_input-group.scss +0 -188
- package/src/IconButton/_mixins.scss +0 -4
- package/src/Pagination/pagination-bootstrap.scss +0 -83
- package/src/Popover/popover-bootstrap.scss +0 -198
- package/src/ProgressBar/_mixins.scss +0 -22
- package/src/ProgressBar/bootstrap-progress.scss +0 -49
- package/src/Toast/bootstrap-toast.scss +0 -46
- package/styles/css/core/custom-media-breakpoints.css +0 -17
- package/styles/css/core/index.css +0 -2
- package/styles/css/core/variables.css +0 -606
- package/styles/css/themes/light/index.css +0 -2
- package/styles/css/themes/light/utility-classes.css +0 -2454
- package/styles/css/themes/light/variables.css +0 -1636
- package/styles/scss/core/_grid.scss +0 -21
- package/styles/scss/core/_variables.scss +0 -869
- package/styles/scss/core/bootstrap-override/_functions.scss +0 -104
- package/styles/scss/core/bootstrap-override/_mixins.scss +0 -4
- package/styles/scss/core/bootstrap-override/_utilities.scss +0 -4
- package/styles/scss/core/bootstrap-override/bootstrap.scss +0 -2
- package/styles/scss/core/bootstrap-override/mixins/_grid-framework.scss +0 -80
- package/styles/scss/core/bootstrap-override/mixins/_grid.scss +0 -69
- package/styles/scss/core/bootstrap-override/mixins/_list-group.scss +0 -22
- package/styles/scss/core/bootstrap-override/utilities/_background.scss +0 -7
- package/styles/scss/core/bootstrap-override/utilities/_borders.scss +0 -67
- package/styles/scss/core/bootstrap-override/utilities/_spacing.scss +0 -70
- package/styles/scss/core/bootstrap-override/utilities/_text.scss +0 -68
- package/styles/scss/core/core.scss +0 -21
- package/tokens/README.md +0 -158
- package/tokens/css-utilities.js +0 -56
- package/tokens/map-scss-to-css.js +0 -24
- package/tokens/replace-variables.js +0 -32
- package/tokens/sass-helpers.js +0 -98
- package/tokens/src/core/alias/size.json +0 -15
- package/tokens/src/core/components/ActionRow.json +0 -10
- package/tokens/src/core/components/Alert.json +0 -30
- package/tokens/src/core/components/Annotation.json +0 -25
- package/tokens/src/core/components/Avatar.json +0 -17
- package/tokens/src/core/components/AvatarButton.json +0 -11
- package/tokens/src/core/components/Badge.json +0 -33
- package/tokens/src/core/components/Breadcrumb.json +0 -37
- package/tokens/src/core/components/Bubble.json +0 -10
- package/tokens/src/core/components/Button/core.json +0 -105
- package/tokens/src/core/components/Card.json +0 -91
- package/tokens/src/core/components/Carousel.json +0 -37
- package/tokens/src/core/components/Chip.json +0 -19
- package/tokens/src/core/components/ChipCarousel.json +0 -9
- package/tokens/src/core/components/CloseButton.json +0 -14
- package/tokens/src/core/components/Code.json +0 -34
- package/tokens/src/core/components/Collapsible.json +0 -29
- package/tokens/src/core/components/ColorPicker.json +0 -8
- package/tokens/src/core/components/Container.json +0 -13
- package/tokens/src/core/components/DataTable.json +0 -27
- package/tokens/src/core/components/Dropdown.json +0 -67
- package/tokens/src/core/components/Dropzone.json +0 -21
- package/tokens/src/core/components/Form/other.json +0 -14
- package/tokens/src/core/components/Form/size.json +0 -233
- package/tokens/src/core/components/Form/spacing.json +0 -155
- package/tokens/src/core/components/Form/transition.json +0 -16
- package/tokens/src/core/components/Form/typography.json +0 -122
- package/tokens/src/core/components/Icon.json +0 -11
- package/tokens/src/core/components/IconButton.json +0 -15
- package/tokens/src/core/components/Image.json +0 -28
- package/tokens/src/core/components/Menu.json +0 -48
- package/tokens/src/core/components/Modal.json +0 -47
- package/tokens/src/core/components/Nav.json +0 -55
- package/tokens/src/core/components/Navbar.json +0 -70
- package/tokens/src/core/components/Pagination.json +0 -70
- package/tokens/src/core/components/Popover.json +0 -48
- package/tokens/src/core/components/ProductTour.json +0 -37
- package/tokens/src/core/components/ProgressBar.json +0 -39
- package/tokens/src/core/components/SearchField.json +0 -23
- package/tokens/src/core/components/SelectableBox.json +0 -9
- package/tokens/src/core/components/Sheet.json +0 -10
- package/tokens/src/core/components/Spinner.json +0 -19
- package/tokens/src/core/components/Stack.json +0 -7
- package/tokens/src/core/components/Stepper.json +0 -42
- package/tokens/src/core/components/Sticky.json +0 -7
- package/tokens/src/core/components/Tab.json +0 -19
- package/tokens/src/core/components/Tabs.json +0 -19
- package/tokens/src/core/components/Toast.json +0 -30
- package/tokens/src/core/components/Tooltip.json +0 -33
- package/tokens/src/core/components/general/caret.json +0 -13
- package/tokens/src/core/components/general/headings.json +0 -16
- package/tokens/src/core/components/general/hr.json +0 -10
- package/tokens/src/core/components/general/input.json +0 -51
- package/tokens/src/core/components/general/link.json +0 -30
- package/tokens/src/core/components/general/list.json +0 -26
- package/tokens/src/core/components/general/text.json +0 -24
- package/tokens/src/core/global/breakpoints.json +0 -12
- package/tokens/src/core/global/display.json +0 -21
- package/tokens/src/core/global/elevation.json +0 -19
- package/tokens/src/core/global/other.json +0 -4
- package/tokens/src/core/global/spacing.json +0 -35
- package/tokens/src/core/global/transition.json +0 -14
- package/tokens/src/core/global/typography.json +0 -91
- package/tokens/src/core/utilities/color.json +0 -12
- package/tokens/src/themes/light/alias/color.json +0 -114
- package/tokens/src/themes/light/components/Alert.json +0 -47
- package/tokens/src/themes/light/components/Annotation.json +0 -29
- package/tokens/src/themes/light/components/Avatar.json +0 -7
- package/tokens/src/themes/light/components/Badge.json +0 -186
- package/tokens/src/themes/light/components/Breadcrumb.json +0 -14
- package/tokens/src/themes/light/components/Bubble.json +0 -18
- package/tokens/src/themes/light/components/Button/brand.json +0 -260
- package/tokens/src/themes/light/components/Button/core.json +0 -24
- package/tokens/src/themes/light/components/Button/danger.json +0 -247
- package/tokens/src/themes/light/components/Button/dark.json +0 -230
- package/tokens/src/themes/light/components/Button/info.json +0 -238
- package/tokens/src/themes/light/components/Button/light.json +0 -236
- package/tokens/src/themes/light/components/Button/primary.json +0 -250
- package/tokens/src/themes/light/components/Button/secondary.json +0 -278
- package/tokens/src/themes/light/components/Button/success.json +0 -253
- package/tokens/src/themes/light/components/Button/tertiary.json +0 -109
- package/tokens/src/themes/light/components/Button/warning.json +0 -276
- package/tokens/src/themes/light/components/Card.json +0 -40
- package/tokens/src/themes/light/components/Carousel.json +0 -45
- package/tokens/src/themes/light/components/Chip.json +0 -19
- package/tokens/src/themes/light/components/CloseButton.json +0 -10
- package/tokens/src/themes/light/components/Code.json +0 -23
- package/tokens/src/themes/light/components/DataTable.json +0 -26
- package/tokens/src/themes/light/components/Dropdown.json +0 -41
- package/tokens/src/themes/light/components/Dropzone.json +0 -23
- package/tokens/src/themes/light/components/Form/color.json +0 -270
- package/tokens/src/themes/light/components/Form/elevation.json +0 -76
- package/tokens/src/themes/light/components/Form/other.json +0 -131
- package/tokens/src/themes/light/components/IconButton.json +0 -451
- package/tokens/src/themes/light/components/Image.json +0 -18
- package/tokens/src/themes/light/components/Menu.json +0 -30
- package/tokens/src/themes/light/components/Modal.json +0 -37
- package/tokens/src/themes/light/components/Nav.json +0 -166
- package/tokens/src/themes/light/components/Navbar.json +0 -136
- package/tokens/src/themes/light/components/OverflowScroll.json +0 -9
- package/tokens/src/themes/light/components/PageBanner.json +0 -24
- package/tokens/src/themes/light/components/Pagination.json +0 -40
- package/tokens/src/themes/light/components/Popover.json +0 -55
- package/tokens/src/themes/light/components/ProductTour.json +0 -35
- package/tokens/src/themes/light/components/ProgressBar.json +0 -20
- package/tokens/src/themes/light/components/Scrollable.json +0 -14
- package/tokens/src/themes/light/components/SearchField.json +0 -25
- package/tokens/src/themes/light/components/Sheet.json +0 -22
- package/tokens/src/themes/light/components/Stepper.json +0 -34
- package/tokens/src/themes/light/components/Sticky.json +0 -18
- package/tokens/src/themes/light/components/Tab.json +0 -62
- package/tokens/src/themes/light/components/Toast.json +0 -33
- package/tokens/src/themes/light/components/Tooltip.json +0 -30
- package/tokens/src/themes/light/components/general/body.json +0 -8
- package/tokens/src/themes/light/components/general/headings.json +0 -7
- package/tokens/src/themes/light/components/general/hr.json +0 -15
- package/tokens/src/themes/light/components/general/input.json +0 -18
- package/tokens/src/themes/light/components/general/link.json +0 -109
- package/tokens/src/themes/light/components/general/list.json +0 -38
- package/tokens/src/themes/light/components/general/text.json +0 -6
- package/tokens/src/themes/light/global/color.json +0 -1661
- package/tokens/src/themes/light/global/elevation.json +0 -201
- package/tokens/src/themes/light/global/other.json +0 -4
- package/tokens/style-dictionary.js +0 -223
- package/tokens/utils.js +0 -210
- /package/{styles/scss → scss}/core/_exports.module.scss +0 -0
- /package/{styles/scss → scss}/core/_typography.scss +0 -0
package/dist/Card/CardBody.js
CHANGED
|
@@ -1,15 +1,13 @@
|
|
|
1
|
-
|
|
1
|
+
var _excluded = ["className", "children"];
|
|
2
2
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
3
3
|
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
4
4
|
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
5
5
|
import React from 'react';
|
|
6
6
|
import PropTypes from 'prop-types';
|
|
7
7
|
import classNames from 'classnames';
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
children
|
|
12
|
-
} = _ref,
|
|
8
|
+
var CardBody = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
9
|
+
var className = _ref.className,
|
|
10
|
+
children = _ref.children,
|
|
13
11
|
rest = _objectWithoutProperties(_ref, _excluded);
|
|
14
12
|
return /*#__PURE__*/React.createElement("div", _extends({
|
|
15
13
|
className: classNames('pgn__card-body', className),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CardBody.js","names":["React","PropTypes","classNames","CardBody","forwardRef","_ref","ref","className","children","rest","_objectWithoutProperties","_excluded","createElement","_extends","propTypes","node","string","defaultProps","undefined"],"sources":["../../src/Card/CardBody.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nconst CardBody = React.forwardRef(({ className, children, ...rest }, ref) => (\n <div className={classNames('pgn__card-body', className)} ref={ref} {...rest}>\n {children}\n </div>\n));\n\nCardBody.propTypes = {\n /** Specifies the content of the component. */\n children: PropTypes.node,\n /** The class to append to the base element. */\n className: PropTypes.string,\n};\n\nCardBody.defaultProps = {\n children: undefined,\n className: undefined,\n};\n\nexport default CardBody;\n"],"mappings":";;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AAEnC,
|
|
1
|
+
{"version":3,"file":"CardBody.js","names":["React","PropTypes","classNames","CardBody","forwardRef","_ref","ref","className","children","rest","_objectWithoutProperties","_excluded","createElement","_extends","propTypes","node","string","defaultProps","undefined"],"sources":["../../src/Card/CardBody.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nconst CardBody = React.forwardRef(({ className, children, ...rest }, ref) => (\n <div className={classNames('pgn__card-body', className)} ref={ref} {...rest}>\n {children}\n </div>\n));\n\nCardBody.propTypes = {\n /** Specifies the content of the component. */\n children: PropTypes.node,\n /** The class to append to the base element. */\n className: PropTypes.string,\n};\n\nCardBody.defaultProps = {\n children: undefined,\n className: undefined,\n};\n\nexport default CardBody;\n"],"mappings":";;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AAEnC,IAAMC,QAAQ,gBAAGH,KAAK,CAACI,UAAU,CAAC,UAAAC,IAAA,EAAmCC,GAAG;EAAA,IAAnCC,SAAS,GAAAF,IAAA,CAATE,SAAS;IAAEC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;IAAKC,IAAI,GAAAC,wBAAA,CAAAL,IAAA,EAAAM,SAAA;EAAA,oBAC/DX,KAAA,CAAAY,aAAA,QAAAC,QAAA;IAAKN,SAAS,EAAEL,UAAU,CAAC,gBAAgB,EAAEK,SAAS,CAAE;IAACD,GAAG,EAAEA;EAAI,GAAKG,IAAI,GACxED,QACE,CAAC;AAAA,CACP,CAAC;AAEFL,QAAQ,CAACW,SAAS,GAAG;EACnB;EACAN,QAAQ,EAAEP,SAAS,CAACc,IAAI;EACxB;EACAR,SAAS,EAAEN,SAAS,CAACe;AACvB,CAAC;AAEDb,QAAQ,CAACc,YAAY,GAAG;EACtBT,QAAQ,EAAEU,SAAS;EACnBX,SAAS,EAAEW;AACb,CAAC;AAED,eAAef,QAAQ"}
|
|
@@ -5,19 +5,17 @@ import CardCarouselProvider from './CardCarouselProvider';
|
|
|
5
5
|
import CardCarouselHeader from './CardCarouselHeader';
|
|
6
6
|
import CardCarouselItems from './CardCarouselItems';
|
|
7
7
|
function CardCarousel(_ref) {
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
CardCarouselControls
|
|
20
|
-
} = _ref;
|
|
8
|
+
var ariaLabel = _ref.ariaLabel,
|
|
9
|
+
children = _ref.children,
|
|
10
|
+
title = _ref.title,
|
|
11
|
+
subtitle = _ref.subtitle,
|
|
12
|
+
columnSizes = _ref.columnSizes,
|
|
13
|
+
hasInteractiveChildren = _ref.hasInteractiveChildren,
|
|
14
|
+
canScrollHorizontal = _ref.canScrollHorizontal,
|
|
15
|
+
disableOpacityMasks = _ref.disableOpacityMasks,
|
|
16
|
+
onScrollPrevious = _ref.onScrollPrevious,
|
|
17
|
+
onScrollNext = _ref.onScrollNext,
|
|
18
|
+
CardCarouselControls = _ref.CardCarouselControls;
|
|
21
19
|
return /*#__PURE__*/React.createElement(OverflowScroll, {
|
|
22
20
|
disableScroll: !canScrollHorizontal,
|
|
23
21
|
hasInteractiveChildren: hasInteractiveChildren,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CardCarousel.js","names":["React","PropTypes","OverflowScroll","CardCarouselProvider","CardCarouselHeader","CardCarouselItems","CardCarousel","_ref","ariaLabel","children","title","subtitle","columnSizes","hasInteractiveChildren","canScrollHorizontal","disableOpacityMasks","onScrollPrevious","onScrollNext","CardCarouselControls","createElement","disableScroll","className","propTypes","node","isRequired","string","shape","xs","number","sm","md","lg","xl","bool","func","elementType","defaultProps","undefined"],"sources":["../../../src/Card/CardCarousel/CardCarousel.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { OverflowScroll } from '../../OverflowScroll';\nimport CardCarouselProvider from './CardCarouselProvider';\nimport CardCarouselHeader from './CardCarouselHeader';\nimport CardCarouselItems from './CardCarouselItems';\n\nfunction CardCarousel({\n ariaLabel,\n children,\n title,\n subtitle,\n columnSizes,\n hasInteractiveChildren,\n canScrollHorizontal,\n disableOpacityMasks,\n onScrollPrevious,\n onScrollNext,\n CardCarouselControls,\n}) {\n return (\n <OverflowScroll\n disableScroll={!canScrollHorizontal}\n hasInteractiveChildren={hasInteractiveChildren}\n disableOpacityMasks={disableOpacityMasks}\n onScrollPrevious={onScrollPrevious}\n onScrollNext={onScrollNext}\n ariaLabel={ariaLabel}\n >\n <CardCarouselProvider\n columnSizes={columnSizes}\n hasInteractiveChildren={hasInteractiveChildren}\n canScrollHorizontal={canScrollHorizontal}\n CardCarouselControls={CardCarouselControls}\n >\n <div className=\"pgn__card-carousel\">\n <CardCarouselHeader\n title={title}\n subtitle={subtitle}\n />\n <CardCarouselItems>{children}</CardCarouselItems>\n </div>\n </CardCarouselProvider>\n </OverflowScroll>\n );\n}\n\nCardCarousel.propTypes = {\n /** The `Card` items for the `CardCarousel`. */\n children: PropTypes.node.isRequired,\n /** Text describing the CardCarousel for screen readers */\n ariaLabel: PropTypes.string.isRequired,\n /** An optional title. */\n title: PropTypes.node,\n /** An optional subtitle. */\n subtitle: PropTypes.node,\n /** Customize the responsive columnSizes used by the carousel. */\n columnSizes: PropTypes.shape({\n xs: PropTypes.number,\n sm: PropTypes.number,\n md: PropTypes.number,\n lg: PropTypes.number,\n xl: PropTypes.number,\n }),\n /** Whether the carousel has interactive children (e.g., clickable cards). */\n hasInteractiveChildren: PropTypes.bool,\n /** Whether the carousel can be scrolled manually by users. */\n canScrollHorizontal: PropTypes.bool,\n /** Whether the default opacity masks should be shown at the start/end, if applicable. */\n disableOpacityMasks: PropTypes.bool,\n /** Callback function for when the user scrolls to the previous element. */\n onScrollPrevious: PropTypes.func,\n /** Callback function for when the user scrolls to the next element. */\n onScrollNext: PropTypes.func,\n /** Optional override for the default `CardCarouselControls` */\n CardCarouselControls: PropTypes.elementType,\n};\n\nCardCarousel.defaultProps = {\n title: undefined,\n subtitle: undefined,\n columnSizes: {\n sm: 12,\n lg: 6,\n xl: 4,\n },\n hasInteractiveChildren: false,\n canScrollHorizontal: true,\n disableOpacityMasks: false,\n onScrollPrevious: undefined,\n onScrollNext: undefined,\n CardCarouselControls: undefined,\n};\n\nexport default CardCarousel;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,cAAc,QAAQ,sBAAsB;AACrD,OAAOC,oBAAoB,MAAM,wBAAwB;AACzD,OAAOC,kBAAkB,MAAM,sBAAsB;AACrD,OAAOC,iBAAiB,MAAM,qBAAqB;AAEnD,SAASC,YAAYA,CAAAC,IAAA,EAYlB;EAAA,
|
|
1
|
+
{"version":3,"file":"CardCarousel.js","names":["React","PropTypes","OverflowScroll","CardCarouselProvider","CardCarouselHeader","CardCarouselItems","CardCarousel","_ref","ariaLabel","children","title","subtitle","columnSizes","hasInteractiveChildren","canScrollHorizontal","disableOpacityMasks","onScrollPrevious","onScrollNext","CardCarouselControls","createElement","disableScroll","className","propTypes","node","isRequired","string","shape","xs","number","sm","md","lg","xl","bool","func","elementType","defaultProps","undefined"],"sources":["../../../src/Card/CardCarousel/CardCarousel.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { OverflowScroll } from '../../OverflowScroll';\nimport CardCarouselProvider from './CardCarouselProvider';\nimport CardCarouselHeader from './CardCarouselHeader';\nimport CardCarouselItems from './CardCarouselItems';\n\nfunction CardCarousel({\n ariaLabel,\n children,\n title,\n subtitle,\n columnSizes,\n hasInteractiveChildren,\n canScrollHorizontal,\n disableOpacityMasks,\n onScrollPrevious,\n onScrollNext,\n CardCarouselControls,\n}) {\n return (\n <OverflowScroll\n disableScroll={!canScrollHorizontal}\n hasInteractiveChildren={hasInteractiveChildren}\n disableOpacityMasks={disableOpacityMasks}\n onScrollPrevious={onScrollPrevious}\n onScrollNext={onScrollNext}\n ariaLabel={ariaLabel}\n >\n <CardCarouselProvider\n columnSizes={columnSizes}\n hasInteractiveChildren={hasInteractiveChildren}\n canScrollHorizontal={canScrollHorizontal}\n CardCarouselControls={CardCarouselControls}\n >\n <div className=\"pgn__card-carousel\">\n <CardCarouselHeader\n title={title}\n subtitle={subtitle}\n />\n <CardCarouselItems>{children}</CardCarouselItems>\n </div>\n </CardCarouselProvider>\n </OverflowScroll>\n );\n}\n\nCardCarousel.propTypes = {\n /** The `Card` items for the `CardCarousel`. */\n children: PropTypes.node.isRequired,\n /** Text describing the CardCarousel for screen readers */\n ariaLabel: PropTypes.string.isRequired,\n /** An optional title. */\n title: PropTypes.node,\n /** An optional subtitle. */\n subtitle: PropTypes.node,\n /** Customize the responsive columnSizes used by the carousel. */\n columnSizes: PropTypes.shape({\n xs: PropTypes.number,\n sm: PropTypes.number,\n md: PropTypes.number,\n lg: PropTypes.number,\n xl: PropTypes.number,\n }),\n /** Whether the carousel has interactive children (e.g., clickable cards). */\n hasInteractiveChildren: PropTypes.bool,\n /** Whether the carousel can be scrolled manually by users. */\n canScrollHorizontal: PropTypes.bool,\n /** Whether the default opacity masks should be shown at the start/end, if applicable. */\n disableOpacityMasks: PropTypes.bool,\n /** Callback function for when the user scrolls to the previous element. */\n onScrollPrevious: PropTypes.func,\n /** Callback function for when the user scrolls to the next element. */\n onScrollNext: PropTypes.func,\n /** Optional override for the default `CardCarouselControls` */\n CardCarouselControls: PropTypes.elementType,\n};\n\nCardCarousel.defaultProps = {\n title: undefined,\n subtitle: undefined,\n columnSizes: {\n sm: 12,\n lg: 6,\n xl: 4,\n },\n hasInteractiveChildren: false,\n canScrollHorizontal: true,\n disableOpacityMasks: false,\n onScrollPrevious: undefined,\n onScrollNext: undefined,\n CardCarouselControls: undefined,\n};\n\nexport default CardCarousel;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,cAAc,QAAQ,sBAAsB;AACrD,OAAOC,oBAAoB,MAAM,wBAAwB;AACzD,OAAOC,kBAAkB,MAAM,sBAAsB;AACrD,OAAOC,iBAAiB,MAAM,qBAAqB;AAEnD,SAASC,YAAYA,CAAAC,IAAA,EAYlB;EAAA,IAXDC,SAAS,GAAAD,IAAA,CAATC,SAAS;IACTC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IACRC,KAAK,GAAAH,IAAA,CAALG,KAAK;IACLC,QAAQ,GAAAJ,IAAA,CAARI,QAAQ;IACRC,WAAW,GAAAL,IAAA,CAAXK,WAAW;IACXC,sBAAsB,GAAAN,IAAA,CAAtBM,sBAAsB;IACtBC,mBAAmB,GAAAP,IAAA,CAAnBO,mBAAmB;IACnBC,mBAAmB,GAAAR,IAAA,CAAnBQ,mBAAmB;IACnBC,gBAAgB,GAAAT,IAAA,CAAhBS,gBAAgB;IAChBC,YAAY,GAAAV,IAAA,CAAZU,YAAY;IACZC,oBAAoB,GAAAX,IAAA,CAApBW,oBAAoB;EAEpB,oBACElB,KAAA,CAAAmB,aAAA,CAACjB,cAAc;IACbkB,aAAa,EAAE,CAACN,mBAAoB;IACpCD,sBAAsB,EAAEA,sBAAuB;IAC/CE,mBAAmB,EAAEA,mBAAoB;IACzCC,gBAAgB,EAAEA,gBAAiB;IACnCC,YAAY,EAAEA,YAAa;IAC3BT,SAAS,EAAEA;EAAU,gBAErBR,KAAA,CAAAmB,aAAA,CAAChB,oBAAoB;IACnBS,WAAW,EAAEA,WAAY;IACzBC,sBAAsB,EAAEA,sBAAuB;IAC/CC,mBAAmB,EAAEA,mBAAoB;IACzCI,oBAAoB,EAAEA;EAAqB,gBAE3ClB,KAAA,CAAAmB,aAAA;IAAKE,SAAS,EAAC;EAAoB,gBACjCrB,KAAA,CAAAmB,aAAA,CAACf,kBAAkB;IACjBM,KAAK,EAAEA,KAAM;IACbC,QAAQ,EAAEA;EAAS,CACpB,CAAC,eACFX,KAAA,CAAAmB,aAAA,CAACd,iBAAiB,QAAEI,QAA4B,CAC7C,CACe,CACR,CAAC;AAErB;AAEAH,YAAY,CAACgB,SAAS,GAAG;EACvB;EACAb,QAAQ,EAAER,SAAS,CAACsB,IAAI,CAACC,UAAU;EACnC;EACAhB,SAAS,EAAEP,SAAS,CAACwB,MAAM,CAACD,UAAU;EACtC;EACAd,KAAK,EAAET,SAAS,CAACsB,IAAI;EACrB;EACAZ,QAAQ,EAAEV,SAAS,CAACsB,IAAI;EACxB;EACAX,WAAW,EAAEX,SAAS,CAACyB,KAAK,CAAC;IAC3BC,EAAE,EAAE1B,SAAS,CAAC2B,MAAM;IACpBC,EAAE,EAAE5B,SAAS,CAAC2B,MAAM;IACpBE,EAAE,EAAE7B,SAAS,CAAC2B,MAAM;IACpBG,EAAE,EAAE9B,SAAS,CAAC2B,MAAM;IACpBI,EAAE,EAAE/B,SAAS,CAAC2B;EAChB,CAAC,CAAC;EACF;EACAf,sBAAsB,EAAEZ,SAAS,CAACgC,IAAI;EACtC;EACAnB,mBAAmB,EAAEb,SAAS,CAACgC,IAAI;EACnC;EACAlB,mBAAmB,EAAEd,SAAS,CAACgC,IAAI;EACnC;EACAjB,gBAAgB,EAAEf,SAAS,CAACiC,IAAI;EAChC;EACAjB,YAAY,EAAEhB,SAAS,CAACiC,IAAI;EAC5B;EACAhB,oBAAoB,EAAEjB,SAAS,CAACkC;AAClC,CAAC;AAED7B,YAAY,CAAC8B,YAAY,GAAG;EAC1B1B,KAAK,EAAE2B,SAAS;EAChB1B,QAAQ,EAAE0B,SAAS;EACnBzB,WAAW,EAAE;IACXiB,EAAE,EAAE,EAAE;IACNE,EAAE,EAAE,CAAC;IACLC,EAAE,EAAE;EACN,CAAC;EACDnB,sBAAsB,EAAE,KAAK;EAC7BC,mBAAmB,EAAE,IAAI;EACzBC,mBAAmB,EAAE,KAAK;EAC1BC,gBAAgB,EAAEqB,SAAS;EAC3BpB,YAAY,EAAEoB,SAAS;EACvBnB,oBAAoB,EAAEmB;AACxB,CAAC;AAED,eAAe/B,YAAY"}
|
|
@@ -7,13 +7,12 @@ import { ArrowForward, ArrowBack } from '../../../icons';
|
|
|
7
7
|
import { CardCarouselContext } from './CardCarouselProvider';
|
|
8
8
|
import messages from './messages';
|
|
9
9
|
function CardCarouselControls() {
|
|
10
|
-
|
|
11
|
-
isScrolledToStart,
|
|
12
|
-
isScrolledToEnd,
|
|
13
|
-
scrollToPrevious,
|
|
14
|
-
scrollToNext
|
|
15
|
-
|
|
16
|
-
const intl = useIntl();
|
|
10
|
+
var _useContext = useContext(CardCarouselContext),
|
|
11
|
+
isScrolledToStart = _useContext.isScrolledToStart,
|
|
12
|
+
isScrolledToEnd = _useContext.isScrolledToEnd,
|
|
13
|
+
scrollToPrevious = _useContext.scrollToPrevious,
|
|
14
|
+
scrollToNext = _useContext.scrollToNext;
|
|
15
|
+
var intl = useIntl();
|
|
17
16
|
if (isScrolledToStart && isScrolledToEnd) {
|
|
18
17
|
return null;
|
|
19
18
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CardCarouselControls.js","names":["React","useContext","useIntl","Stack","IconButton","Icon","ArrowForward","ArrowBack","CardCarouselContext","messages","CardCarouselControls","isScrolledToStart","isScrolledToEnd","scrollToPrevious","scrollToNext","intl","createElement","className","direction","gap","disabled","src","iconAs","alt","formatMessage","onClick"],"sources":["../../../src/Card/CardCarousel/CardCarouselControls.jsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport { useIntl } from 'react-intl';\nimport Stack from '../../Stack';\nimport IconButton from '../../IconButton';\nimport Icon from '../../Icon';\nimport { ArrowForward, ArrowBack } from '../../../icons';\nimport { CardCarouselContext } from './CardCarouselProvider';\nimport messages from './messages';\n\nfunction CardCarouselControls() {\n const {\n isScrolledToStart,\n isScrolledToEnd,\n scrollToPrevious,\n scrollToNext,\n } = useContext(CardCarouselContext);\n\n const intl = useIntl();\n\n if (isScrolledToStart && isScrolledToEnd) {\n return null;\n }\n\n return (\n <div className=\"pgn__card-carousel-controls\">\n <Stack direction=\"horizontal\" gap={1}>\n <IconButton\n disabled={isScrolledToStart}\n src={ArrowBack}\n iconAs={Icon}\n alt={intl.formatMessage(messages.scrollToPrevious)}\n onClick={scrollToPrevious}\n />\n <IconButton\n disabled={isScrolledToEnd}\n src={ArrowForward}\n iconAs={Icon}\n alt={intl.formatMessage(messages.scrollToNext)}\n onClick={scrollToNext}\n />\n </Stack>\n </div>\n );\n}\n\nexport default CardCarouselControls;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,SAASC,OAAO,QAAQ,YAAY;AACpC,OAAOC,KAAK,MAAM,aAAa;AAC/B,OAAOC,UAAU,MAAM,kBAAkB;AACzC,OAAOC,IAAI,MAAM,YAAY;AAC7B,SAASC,YAAY,EAAEC,SAAS,QAAQ,gBAAgB;AACxD,SAASC,mBAAmB,QAAQ,wBAAwB;AAC5D,OAAOC,QAAQ,MAAM,YAAY;AAEjC,SAASC,oBAAoBA,CAAA,EAAG;EAC9B,
|
|
1
|
+
{"version":3,"file":"CardCarouselControls.js","names":["React","useContext","useIntl","Stack","IconButton","Icon","ArrowForward","ArrowBack","CardCarouselContext","messages","CardCarouselControls","_useContext","isScrolledToStart","isScrolledToEnd","scrollToPrevious","scrollToNext","intl","createElement","className","direction","gap","disabled","src","iconAs","alt","formatMessage","onClick"],"sources":["../../../src/Card/CardCarousel/CardCarouselControls.jsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport { useIntl } from 'react-intl';\nimport Stack from '../../Stack';\nimport IconButton from '../../IconButton';\nimport Icon from '../../Icon';\nimport { ArrowForward, ArrowBack } from '../../../icons';\nimport { CardCarouselContext } from './CardCarouselProvider';\nimport messages from './messages';\n\nfunction CardCarouselControls() {\n const {\n isScrolledToStart,\n isScrolledToEnd,\n scrollToPrevious,\n scrollToNext,\n } = useContext(CardCarouselContext);\n\n const intl = useIntl();\n\n if (isScrolledToStart && isScrolledToEnd) {\n return null;\n }\n\n return (\n <div className=\"pgn__card-carousel-controls\">\n <Stack direction=\"horizontal\" gap={1}>\n <IconButton\n disabled={isScrolledToStart}\n src={ArrowBack}\n iconAs={Icon}\n alt={intl.formatMessage(messages.scrollToPrevious)}\n onClick={scrollToPrevious}\n />\n <IconButton\n disabled={isScrolledToEnd}\n src={ArrowForward}\n iconAs={Icon}\n alt={intl.formatMessage(messages.scrollToNext)}\n onClick={scrollToNext}\n />\n </Stack>\n </div>\n );\n}\n\nexport default CardCarouselControls;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,SAASC,OAAO,QAAQ,YAAY;AACpC,OAAOC,KAAK,MAAM,aAAa;AAC/B,OAAOC,UAAU,MAAM,kBAAkB;AACzC,OAAOC,IAAI,MAAM,YAAY;AAC7B,SAASC,YAAY,EAAEC,SAAS,QAAQ,gBAAgB;AACxD,SAASC,mBAAmB,QAAQ,wBAAwB;AAC5D,OAAOC,QAAQ,MAAM,YAAY;AAEjC,SAASC,oBAAoBA,CAAA,EAAG;EAC9B,IAAAC,WAAA,GAKIV,UAAU,CAACO,mBAAmB,CAAC;IAJjCI,iBAAiB,GAAAD,WAAA,CAAjBC,iBAAiB;IACjBC,eAAe,GAAAF,WAAA,CAAfE,eAAe;IACfC,gBAAgB,GAAAH,WAAA,CAAhBG,gBAAgB;IAChBC,YAAY,GAAAJ,WAAA,CAAZI,YAAY;EAGd,IAAMC,IAAI,GAAGd,OAAO,CAAC,CAAC;EAEtB,IAAIU,iBAAiB,IAAIC,eAAe,EAAE;IACxC,OAAO,IAAI;EACb;EAEA,oBACEb,KAAA,CAAAiB,aAAA;IAAKC,SAAS,EAAC;EAA6B,gBAC1ClB,KAAA,CAAAiB,aAAA,CAACd,KAAK;IAACgB,SAAS,EAAC,YAAY;IAACC,GAAG,EAAE;EAAE,gBACnCpB,KAAA,CAAAiB,aAAA,CAACb,UAAU;IACTiB,QAAQ,EAAET,iBAAkB;IAC5BU,GAAG,EAAEf,SAAU;IACfgB,MAAM,EAAElB,IAAK;IACbmB,GAAG,EAAER,IAAI,CAACS,aAAa,CAAChB,QAAQ,CAACK,gBAAgB,CAAE;IACnDY,OAAO,EAAEZ;EAAiB,CAC3B,CAAC,eACFd,KAAA,CAAAiB,aAAA,CAACb,UAAU;IACTiB,QAAQ,EAAER,eAAgB;IAC1BS,GAAG,EAAEhB,YAAa;IAClBiB,MAAM,EAAElB,IAAK;IACbmB,GAAG,EAAER,IAAI,CAACS,aAAa,CAAChB,QAAQ,CAACM,YAAY,CAAE;IAC/CW,OAAO,EAAEX;EAAa,CACvB,CACI,CACJ,CAAC;AAEV;AAEA,eAAeL,oBAAoB"}
|
|
@@ -4,7 +4,7 @@ import CardCarouselTitle from './CardCarouselTitle';
|
|
|
4
4
|
import CardCarouselSubtitle from './CardCarouselSubtitle';
|
|
5
5
|
import DefaultCardCarouselControls from './CardCarouselControls';
|
|
6
6
|
import { CardCarouselContext } from './CardCarouselProvider';
|
|
7
|
-
|
|
7
|
+
var getFormattedTitle = function getFormattedTitle(title) {
|
|
8
8
|
if (!title) {
|
|
9
9
|
return null;
|
|
10
10
|
}
|
|
@@ -13,7 +13,7 @@ const getFormattedTitle = title => {
|
|
|
13
13
|
}
|
|
14
14
|
return /*#__PURE__*/React.createElement(CardCarouselTitle, null, title);
|
|
15
15
|
};
|
|
16
|
-
|
|
16
|
+
var getFormattedSubtitle = function getFormattedSubtitle(subtitle) {
|
|
17
17
|
if (!subtitle) {
|
|
18
18
|
return null;
|
|
19
19
|
}
|
|
@@ -23,16 +23,13 @@ const getFormattedSubtitle = subtitle => {
|
|
|
23
23
|
return /*#__PURE__*/React.createElement(CardCarouselSubtitle, null, subtitle);
|
|
24
24
|
};
|
|
25
25
|
function CardCarouselHeader(_ref) {
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
const CardCarouselControls = customCardCarouselControls || DefaultCardCarouselControls;
|
|
34
|
-
const carouselTitle = getFormattedTitle(title);
|
|
35
|
-
const carouselSubtitle = getFormattedSubtitle(subtitle);
|
|
26
|
+
var title = _ref.title,
|
|
27
|
+
subtitle = _ref.subtitle;
|
|
28
|
+
var _useContext = useContext(CardCarouselContext),
|
|
29
|
+
customCardCarouselControls = _useContext.CardCarouselControls;
|
|
30
|
+
var CardCarouselControls = customCardCarouselControls || DefaultCardCarouselControls;
|
|
31
|
+
var carouselTitle = getFormattedTitle(title);
|
|
32
|
+
var carouselSubtitle = getFormattedSubtitle(subtitle);
|
|
36
33
|
return /*#__PURE__*/React.createElement("div", {
|
|
37
34
|
className: "pgn__card-carousel-header"
|
|
38
35
|
}, /*#__PURE__*/React.createElement("div", null, carouselTitle, carouselSubtitle), /*#__PURE__*/React.createElement(CardCarouselControls, null));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CardCarouselHeader.js","names":["React","useContext","isValidElement","PropTypes","CardCarouselTitle","CardCarouselSubtitle","DefaultCardCarouselControls","CardCarouselContext","getFormattedTitle","title","createElement","getFormattedSubtitle","subtitle","CardCarouselHeader","_ref","
|
|
1
|
+
{"version":3,"file":"CardCarouselHeader.js","names":["React","useContext","isValidElement","PropTypes","CardCarouselTitle","CardCarouselSubtitle","DefaultCardCarouselControls","CardCarouselContext","getFormattedTitle","title","createElement","getFormattedSubtitle","subtitle","CardCarouselHeader","_ref","_useContext","customCardCarouselControls","CardCarouselControls","carouselTitle","carouselSubtitle","className","propTypes","node","defaultProps","undefined"],"sources":["../../../src/Card/CardCarousel/CardCarouselHeader.jsx"],"sourcesContent":["import React, { useContext, isValidElement } from 'react';\nimport PropTypes from 'prop-types';\nimport CardCarouselTitle from './CardCarouselTitle';\nimport CardCarouselSubtitle from './CardCarouselSubtitle';\nimport DefaultCardCarouselControls from './CardCarouselControls';\nimport { CardCarouselContext } from './CardCarouselProvider';\n\nconst getFormattedTitle = (title) => {\n if (!title) {\n return null;\n }\n if (isValidElement(title)) {\n return title;\n }\n return <CardCarouselTitle>{title}</CardCarouselTitle>;\n};\n\nconst getFormattedSubtitle = (subtitle) => {\n if (!subtitle) {\n return null;\n }\n if (isValidElement(subtitle)) {\n return subtitle;\n }\n return <CardCarouselSubtitle>{subtitle}</CardCarouselSubtitle>;\n};\n\nfunction CardCarouselHeader({ title, subtitle }) {\n const { CardCarouselControls: customCardCarouselControls } = useContext(CardCarouselContext);\n const CardCarouselControls = customCardCarouselControls || DefaultCardCarouselControls;\n\n const carouselTitle = getFormattedTitle(title);\n const carouselSubtitle = getFormattedSubtitle(subtitle);\n\n return (\n <div className=\"pgn__card-carousel-header\">\n <div>\n {carouselTitle}\n {carouselSubtitle}\n </div>\n <CardCarouselControls />\n </div>\n );\n}\n\nCardCarouselHeader.propTypes = {\n title: PropTypes.node,\n subtitle: PropTypes.node,\n};\n\nCardCarouselHeader.defaultProps = {\n title: undefined,\n subtitle: undefined,\n};\n\nexport default CardCarouselHeader;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,EAAEC,cAAc,QAAQ,OAAO;AACzD,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,iBAAiB,MAAM,qBAAqB;AACnD,OAAOC,oBAAoB,MAAM,wBAAwB;AACzD,OAAOC,2BAA2B,MAAM,wBAAwB;AAChE,SAASC,mBAAmB,QAAQ,wBAAwB;AAE5D,IAAMC,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAIC,KAAK,EAAK;EACnC,IAAI,CAACA,KAAK,EAAE;IACV,OAAO,IAAI;EACb;EACA,kBAAIP,cAAc,CAACO,KAAK,CAAC,EAAE;IACzB,OAAOA,KAAK;EACd;EACA,oBAAOT,KAAA,CAAAU,aAAA,CAACN,iBAAiB,QAAEK,KAAyB,CAAC;AACvD,CAAC;AAED,IAAME,oBAAoB,GAAG,SAAvBA,oBAAoBA,CAAIC,QAAQ,EAAK;EACzC,IAAI,CAACA,QAAQ,EAAE;IACb,OAAO,IAAI;EACb;EACA,kBAAIV,cAAc,CAACU,QAAQ,CAAC,EAAE;IAC5B,OAAOA,QAAQ;EACjB;EACA,oBAAOZ,KAAA,CAAAU,aAAA,CAACL,oBAAoB,QAAEO,QAA+B,CAAC;AAChE,CAAC;AAED,SAASC,kBAAkBA,CAAAC,IAAA,EAAsB;EAAA,IAAnBL,KAAK,GAAAK,IAAA,CAALL,KAAK;IAAEG,QAAQ,GAAAE,IAAA,CAARF,QAAQ;EAC3C,IAAAG,WAAA,GAA6Dd,UAAU,CAACM,mBAAmB,CAAC;IAA9DS,0BAA0B,GAAAD,WAAA,CAAhDE,oBAAoB;EAC5B,IAAMA,oBAAoB,GAAGD,0BAA0B,IAAIV,2BAA2B;EAEtF,IAAMY,aAAa,GAAGV,iBAAiB,CAACC,KAAK,CAAC;EAC9C,IAAMU,gBAAgB,GAAGR,oBAAoB,CAACC,QAAQ,CAAC;EAEvD,oBACEZ,KAAA,CAAAU,aAAA;IAAKU,SAAS,EAAC;EAA2B,gBACxCpB,KAAA,CAAAU,aAAA,cACGQ,aAAa,EACbC,gBACE,CAAC,eACNnB,KAAA,CAAAU,aAAA,CAACO,oBAAoB,MAAE,CACpB,CAAC;AAEV;AAEAJ,kBAAkB,CAACQ,SAAS,GAAG;EAC7BZ,KAAK,EAAEN,SAAS,CAACmB,IAAI;EACrBV,QAAQ,EAAET,SAAS,CAACmB;AACtB,CAAC;AAEDT,kBAAkB,CAACU,YAAY,GAAG;EAChCd,KAAK,EAAEe,SAAS;EAChBZ,QAAQ,EAAEY;AACZ,CAAC;AAED,eAAeX,kBAAkB"}
|
|
@@ -3,15 +3,12 @@ import PropTypes from 'prop-types';
|
|
|
3
3
|
import CardDeck from '../CardDeck';
|
|
4
4
|
import { CardCarouselContext } from './CardCarouselProvider';
|
|
5
5
|
function CardCarouselItems(_ref) {
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
canScrollHorizontal,
|
|
13
|
-
setOverflowRef
|
|
14
|
-
} = useContext(CardCarouselContext);
|
|
6
|
+
var children = _ref.children;
|
|
7
|
+
var _useContext = useContext(CardCarouselContext),
|
|
8
|
+
columnSizes = _useContext.columnSizes,
|
|
9
|
+
hasInteractiveChildren = _useContext.hasInteractiveChildren,
|
|
10
|
+
canScrollHorizontal = _useContext.canScrollHorizontal,
|
|
11
|
+
setOverflowRef = _useContext.setOverflowRef;
|
|
15
12
|
return /*#__PURE__*/React.createElement(CardDeck, {
|
|
16
13
|
ref: setOverflowRef,
|
|
17
14
|
columnSizes: columnSizes,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CardCarouselItems.js","names":["React","useContext","PropTypes","CardDeck","CardCarouselContext","CardCarouselItems","_ref","children","columnSizes","hasInteractiveChildren","canScrollHorizontal","setOverflowRef","createElement","ref","hasOverflowScrollItems","propTypes","node","isRequired"],"sources":["../../../src/Card/CardCarousel/CardCarouselItems.jsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\nimport CardDeck from '../CardDeck';\nimport { CardCarouselContext } from './CardCarouselProvider';\n\nfunction CardCarouselItems({ children }) {\n const {\n columnSizes,\n hasInteractiveChildren,\n canScrollHorizontal,\n setOverflowRef,\n } = useContext(CardCarouselContext);\n\n return (\n <CardDeck\n ref={setOverflowRef}\n columnSizes={columnSizes}\n hasInteractiveChildren={hasInteractiveChildren}\n canScrollHorizontal={canScrollHorizontal}\n hasOverflowScrollItems\n >\n {children}\n </CardDeck>\n );\n}\n\nCardCarouselItems.propTypes = {\n children: PropTypes.node.isRequired,\n};\n\nexport default CardCarouselItems;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,QAAQ,MAAM,aAAa;AAClC,SAASC,mBAAmB,QAAQ,wBAAwB;AAE5D,SAASC,iBAAiBA,CAAAC,IAAA,EAAe;EAAA,
|
|
1
|
+
{"version":3,"file":"CardCarouselItems.js","names":["React","useContext","PropTypes","CardDeck","CardCarouselContext","CardCarouselItems","_ref","children","_useContext","columnSizes","hasInteractiveChildren","canScrollHorizontal","setOverflowRef","createElement","ref","hasOverflowScrollItems","propTypes","node","isRequired"],"sources":["../../../src/Card/CardCarousel/CardCarouselItems.jsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\nimport CardDeck from '../CardDeck';\nimport { CardCarouselContext } from './CardCarouselProvider';\n\nfunction CardCarouselItems({ children }) {\n const {\n columnSizes,\n hasInteractiveChildren,\n canScrollHorizontal,\n setOverflowRef,\n } = useContext(CardCarouselContext);\n\n return (\n <CardDeck\n ref={setOverflowRef}\n columnSizes={columnSizes}\n hasInteractiveChildren={hasInteractiveChildren}\n canScrollHorizontal={canScrollHorizontal}\n hasOverflowScrollItems\n >\n {children}\n </CardDeck>\n );\n}\n\nCardCarouselItems.propTypes = {\n children: PropTypes.node.isRequired,\n};\n\nexport default CardCarouselItems;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,QAAQ,MAAM,aAAa;AAClC,SAASC,mBAAmB,QAAQ,wBAAwB;AAE5D,SAASC,iBAAiBA,CAAAC,IAAA,EAAe;EAAA,IAAZC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;EACnC,IAAAC,WAAA,GAKIP,UAAU,CAACG,mBAAmB,CAAC;IAJjCK,WAAW,GAAAD,WAAA,CAAXC,WAAW;IACXC,sBAAsB,GAAAF,WAAA,CAAtBE,sBAAsB;IACtBC,mBAAmB,GAAAH,WAAA,CAAnBG,mBAAmB;IACnBC,cAAc,GAAAJ,WAAA,CAAdI,cAAc;EAGhB,oBACEZ,KAAA,CAAAa,aAAA,CAACV,QAAQ;IACPW,GAAG,EAAEF,cAAe;IACpBH,WAAW,EAAEA,WAAY;IACzBC,sBAAsB,EAAEA,sBAAuB;IAC/CC,mBAAmB,EAAEA,mBAAoB;IACzCI,sBAAsB;EAAA,GAErBR,QACO,CAAC;AAEf;AAEAF,iBAAiB,CAACW,SAAS,GAAG;EAC5BT,QAAQ,EAAEL,SAAS,CAACe,IAAI,CAACC;AAC3B,CAAC;AAED,eAAeb,iBAAiB"}
|
|
@@ -1,35 +1,34 @@
|
|
|
1
1
|
import React, { createContext, useContext, useMemo } from 'react';
|
|
2
2
|
import PropTypes from 'prop-types';
|
|
3
3
|
import { OverflowScrollContext } from '../../OverflowScroll';
|
|
4
|
-
export
|
|
4
|
+
export var CardCarouselContext = /*#__PURE__*/createContext();
|
|
5
5
|
function CardCarouselProvider(_ref) {
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
}), [overflowRef, setOverflowRef, columnSizes, hasInteractiveChildren, canScrollHorizontal, isScrolledToStart, isScrolledToEnd, scrollToPrevious, scrollToNext, CardCarouselControls]);
|
|
6
|
+
var columnSizes = _ref.columnSizes,
|
|
7
|
+
hasInteractiveChildren = _ref.hasInteractiveChildren,
|
|
8
|
+
canScrollHorizontal = _ref.canScrollHorizontal,
|
|
9
|
+
children = _ref.children,
|
|
10
|
+
CardCarouselControls = _ref.CardCarouselControls;
|
|
11
|
+
var _useContext = useContext(OverflowScrollContext),
|
|
12
|
+
overflowRef = _useContext.overflowRef,
|
|
13
|
+
setOverflowRef = _useContext.setOverflowRef,
|
|
14
|
+
isScrolledToStart = _useContext.isScrolledToStart,
|
|
15
|
+
isScrolledToEnd = _useContext.isScrolledToEnd,
|
|
16
|
+
scrollToPrevious = _useContext.scrollToPrevious,
|
|
17
|
+
scrollToNext = _useContext.scrollToNext;
|
|
18
|
+
var cardCarouselContextValue = useMemo(function () {
|
|
19
|
+
return {
|
|
20
|
+
overflowRef: overflowRef,
|
|
21
|
+
setOverflowRef: setOverflowRef,
|
|
22
|
+
columnSizes: columnSizes,
|
|
23
|
+
hasInteractiveChildren: hasInteractiveChildren,
|
|
24
|
+
canScrollHorizontal: canScrollHorizontal,
|
|
25
|
+
isScrolledToStart: isScrolledToStart,
|
|
26
|
+
isScrolledToEnd: isScrolledToEnd,
|
|
27
|
+
scrollToPrevious: scrollToPrevious,
|
|
28
|
+
scrollToNext: scrollToNext,
|
|
29
|
+
CardCarouselControls: CardCarouselControls
|
|
30
|
+
};
|
|
31
|
+
}, [overflowRef, setOverflowRef, columnSizes, hasInteractiveChildren, canScrollHorizontal, isScrolledToStart, isScrolledToEnd, scrollToPrevious, scrollToNext, CardCarouselControls]);
|
|
33
32
|
return /*#__PURE__*/React.createElement(CardCarouselContext.Provider, {
|
|
34
33
|
value: cardCarouselContextValue
|
|
35
34
|
}, children);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CardCarouselProvider.js","names":["React","createContext","useContext","useMemo","PropTypes","OverflowScrollContext","CardCarouselContext","CardCarouselProvider","_ref","columnSizes","hasInteractiveChildren","canScrollHorizontal","children","CardCarouselControls","overflowRef","setOverflowRef","isScrolledToStart","isScrolledToEnd","scrollToPrevious","scrollToNext","cardCarouselContextValue","createElement","Provider","value","propTypes","node","isRequired","shape","xs","number","sm","md","lg","xl","bool","elementType","defaultProps","undefined"],"sources":["../../../src/Card/CardCarousel/CardCarouselProvider.jsx"],"sourcesContent":["import React, { createContext, useContext, useMemo } from 'react';\nimport PropTypes from 'prop-types';\nimport { OverflowScrollContext } from '../../OverflowScroll';\n\nexport const CardCarouselContext = createContext();\n\nfunction CardCarouselProvider({\n columnSizes,\n hasInteractiveChildren,\n canScrollHorizontal,\n children,\n CardCarouselControls,\n}) {\n const {\n overflowRef,\n setOverflowRef,\n isScrolledToStart,\n isScrolledToEnd,\n scrollToPrevious,\n scrollToNext,\n } = useContext(OverflowScrollContext);\n\n const cardCarouselContextValue = useMemo(() => ({\n overflowRef,\n setOverflowRef,\n columnSizes,\n hasInteractiveChildren,\n canScrollHorizontal,\n isScrolledToStart,\n isScrolledToEnd,\n scrollToPrevious,\n scrollToNext,\n CardCarouselControls,\n }), [\n overflowRef,\n setOverflowRef,\n columnSizes,\n hasInteractiveChildren,\n canScrollHorizontal,\n isScrolledToStart,\n isScrolledToEnd,\n scrollToPrevious,\n scrollToNext,\n CardCarouselControls,\n ]);\n\n return (\n <CardCarouselContext.Provider value={cardCarouselContextValue}>\n {children}\n </CardCarouselContext.Provider>\n );\n}\n\nCardCarouselProvider.propTypes = {\n children: PropTypes.node.isRequired,\n /**\n * An object containing the desired column size at each breakpoint, following a similar\n * props API as ``react-bootstrap/Col``\n */\n columnSizes: PropTypes.shape({\n xs: PropTypes.number,\n sm: PropTypes.number,\n md: PropTypes.number,\n lg: PropTypes.number,\n xl: PropTypes.number,\n }),\n /** Whether the child `Card` components are interactive/focusable. If not, a `tabindex=\"0\"` is\n * added to be a11y-compliant */\n hasInteractiveChildren: PropTypes.bool,\n /** Whether the `CardDeck` supports horizontal scrolling when there are overflow children */\n canScrollHorizontal: PropTypes.bool,\n /** Optional override for the default `CardCarouselControls` */\n CardCarouselControls: PropTypes.elementType,\n};\n\nCardCarouselProvider.defaultProps = {\n columnSizes: {\n sm: 12,\n lg: 6,\n xl: 4,\n },\n hasInteractiveChildren: false,\n canScrollHorizontal: true,\n CardCarouselControls: undefined,\n};\n\nexport default CardCarouselProvider;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,aAAa,EAAEC,UAAU,EAAEC,OAAO,QAAQ,OAAO;AACjE,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,qBAAqB,QAAQ,sBAAsB;AAE5D,OAAO,
|
|
1
|
+
{"version":3,"file":"CardCarouselProvider.js","names":["React","createContext","useContext","useMemo","PropTypes","OverflowScrollContext","CardCarouselContext","CardCarouselProvider","_ref","columnSizes","hasInteractiveChildren","canScrollHorizontal","children","CardCarouselControls","_useContext","overflowRef","setOverflowRef","isScrolledToStart","isScrolledToEnd","scrollToPrevious","scrollToNext","cardCarouselContextValue","createElement","Provider","value","propTypes","node","isRequired","shape","xs","number","sm","md","lg","xl","bool","elementType","defaultProps","undefined"],"sources":["../../../src/Card/CardCarousel/CardCarouselProvider.jsx"],"sourcesContent":["import React, { createContext, useContext, useMemo } from 'react';\nimport PropTypes from 'prop-types';\nimport { OverflowScrollContext } from '../../OverflowScroll';\n\nexport const CardCarouselContext = createContext();\n\nfunction CardCarouselProvider({\n columnSizes,\n hasInteractiveChildren,\n canScrollHorizontal,\n children,\n CardCarouselControls,\n}) {\n const {\n overflowRef,\n setOverflowRef,\n isScrolledToStart,\n isScrolledToEnd,\n scrollToPrevious,\n scrollToNext,\n } = useContext(OverflowScrollContext);\n\n const cardCarouselContextValue = useMemo(() => ({\n overflowRef,\n setOverflowRef,\n columnSizes,\n hasInteractiveChildren,\n canScrollHorizontal,\n isScrolledToStart,\n isScrolledToEnd,\n scrollToPrevious,\n scrollToNext,\n CardCarouselControls,\n }), [\n overflowRef,\n setOverflowRef,\n columnSizes,\n hasInteractiveChildren,\n canScrollHorizontal,\n isScrolledToStart,\n isScrolledToEnd,\n scrollToPrevious,\n scrollToNext,\n CardCarouselControls,\n ]);\n\n return (\n <CardCarouselContext.Provider value={cardCarouselContextValue}>\n {children}\n </CardCarouselContext.Provider>\n );\n}\n\nCardCarouselProvider.propTypes = {\n children: PropTypes.node.isRequired,\n /**\n * An object containing the desired column size at each breakpoint, following a similar\n * props API as ``react-bootstrap/Col``\n */\n columnSizes: PropTypes.shape({\n xs: PropTypes.number,\n sm: PropTypes.number,\n md: PropTypes.number,\n lg: PropTypes.number,\n xl: PropTypes.number,\n }),\n /** Whether the child `Card` components are interactive/focusable. If not, a `tabindex=\"0\"` is\n * added to be a11y-compliant */\n hasInteractiveChildren: PropTypes.bool,\n /** Whether the `CardDeck` supports horizontal scrolling when there are overflow children */\n canScrollHorizontal: PropTypes.bool,\n /** Optional override for the default `CardCarouselControls` */\n CardCarouselControls: PropTypes.elementType,\n};\n\nCardCarouselProvider.defaultProps = {\n columnSizes: {\n sm: 12,\n lg: 6,\n xl: 4,\n },\n hasInteractiveChildren: false,\n canScrollHorizontal: true,\n CardCarouselControls: undefined,\n};\n\nexport default CardCarouselProvider;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,aAAa,EAAEC,UAAU,EAAEC,OAAO,QAAQ,OAAO;AACjE,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,qBAAqB,QAAQ,sBAAsB;AAE5D,OAAO,IAAMC,mBAAmB,gBAAGL,aAAa,CAAC,CAAC;AAElD,SAASM,oBAAoBA,CAAAC,IAAA,EAM1B;EAAA,IALDC,WAAW,GAAAD,IAAA,CAAXC,WAAW;IACXC,sBAAsB,GAAAF,IAAA,CAAtBE,sBAAsB;IACtBC,mBAAmB,GAAAH,IAAA,CAAnBG,mBAAmB;IACnBC,QAAQ,GAAAJ,IAAA,CAARI,QAAQ;IACRC,oBAAoB,GAAAL,IAAA,CAApBK,oBAAoB;EAEpB,IAAAC,WAAA,GAOIZ,UAAU,CAACG,qBAAqB,CAAC;IANnCU,WAAW,GAAAD,WAAA,CAAXC,WAAW;IACXC,cAAc,GAAAF,WAAA,CAAdE,cAAc;IACdC,iBAAiB,GAAAH,WAAA,CAAjBG,iBAAiB;IACjBC,eAAe,GAAAJ,WAAA,CAAfI,eAAe;IACfC,gBAAgB,GAAAL,WAAA,CAAhBK,gBAAgB;IAChBC,YAAY,GAAAN,WAAA,CAAZM,YAAY;EAGd,IAAMC,wBAAwB,GAAGlB,OAAO,CAAC;IAAA,OAAO;MAC9CY,WAAW,EAAXA,WAAW;MACXC,cAAc,EAAdA,cAAc;MACdP,WAAW,EAAXA,WAAW;MACXC,sBAAsB,EAAtBA,sBAAsB;MACtBC,mBAAmB,EAAnBA,mBAAmB;MACnBM,iBAAiB,EAAjBA,iBAAiB;MACjBC,eAAe,EAAfA,eAAe;MACfC,gBAAgB,EAAhBA,gBAAgB;MAChBC,YAAY,EAAZA,YAAY;MACZP,oBAAoB,EAApBA;IACF,CAAC;EAAA,CAAC,EAAE,CACFE,WAAW,EACXC,cAAc,EACdP,WAAW,EACXC,sBAAsB,EACtBC,mBAAmB,EACnBM,iBAAiB,EACjBC,eAAe,EACfC,gBAAgB,EAChBC,YAAY,EACZP,oBAAoB,CACrB,CAAC;EAEF,oBACEb,KAAA,CAAAsB,aAAA,CAAChB,mBAAmB,CAACiB,QAAQ;IAACC,KAAK,EAAEH;EAAyB,GAC3DT,QAC2B,CAAC;AAEnC;AAEAL,oBAAoB,CAACkB,SAAS,GAAG;EAC/Bb,QAAQ,EAAER,SAAS,CAACsB,IAAI,CAACC,UAAU;EACnC;AACF;AACA;AACA;EACElB,WAAW,EAAEL,SAAS,CAACwB,KAAK,CAAC;IAC3BC,EAAE,EAAEzB,SAAS,CAAC0B,MAAM;IACpBC,EAAE,EAAE3B,SAAS,CAAC0B,MAAM;IACpBE,EAAE,EAAE5B,SAAS,CAAC0B,MAAM;IACpBG,EAAE,EAAE7B,SAAS,CAAC0B,MAAM;IACpBI,EAAE,EAAE9B,SAAS,CAAC0B;EAChB,CAAC,CAAC;EACF;AACF;EACEpB,sBAAsB,EAAEN,SAAS,CAAC+B,IAAI;EACtC;EACAxB,mBAAmB,EAAEP,SAAS,CAAC+B,IAAI;EACnC;EACAtB,oBAAoB,EAAET,SAAS,CAACgC;AAClC,CAAC;AAED7B,oBAAoB,CAAC8B,YAAY,GAAG;EAClC5B,WAAW,EAAE;IACXsB,EAAE,EAAE,EAAE;IACNE,EAAE,EAAE,CAAC;IACLC,EAAE,EAAE;EACN,CAAC;EACDxB,sBAAsB,EAAE,KAAK;EAC7BC,mBAAmB,EAAE,IAAI;EACzBE,oBAAoB,EAAEyB;AACxB,CAAC;AAED,eAAe/B,oBAAoB"}
|
|
@@ -2,12 +2,10 @@ import React from 'react';
|
|
|
2
2
|
import PropTypes from 'prop-types';
|
|
3
3
|
import classNames from 'classnames';
|
|
4
4
|
function CardCarouselSubtitle(_ref) {
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
} = _ref;
|
|
10
|
-
const Component = as || 'p';
|
|
5
|
+
var children = _ref.children,
|
|
6
|
+
as = _ref.as,
|
|
7
|
+
className = _ref.className;
|
|
8
|
+
var Component = as || 'p';
|
|
11
9
|
return /*#__PURE__*/React.createElement(Component, {
|
|
12
10
|
className: classNames('pgn__card-carousel-subtitle', className)
|
|
13
11
|
}, children);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CardCarouselSubtitle.js","names":["React","PropTypes","classNames","CardCarouselSubtitle","_ref","children","as","className","Component","createElement","propTypes","node","isRequired","oneOfType","string","elementType","defaultProps","undefined"],"sources":["../../../src/Card/CardCarousel/CardCarouselSubtitle.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nfunction CardCarouselSubtitle({ children, as, className }) {\n const Component = as || 'p';\n return (\n <Component className={classNames('pgn__card-carousel-subtitle', className)}>\n {children}\n </Component>\n );\n}\n\nCardCarouselSubtitle.propTypes = {\n /** Specifies contents of the component. */\n children: PropTypes.node.isRequired,\n /** Specifies the base element */\n as: PropTypes.oneOfType([PropTypes.string, PropTypes.elementType]),\n /** A class name to append to the base element. */\n className: PropTypes.string,\n};\n\nCardCarouselSubtitle.defaultProps = {\n as: undefined,\n className: undefined,\n};\n\nexport default CardCarouselSubtitle;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AAEnC,SAASC,oBAAoBA,CAAAC,IAAA,EAA8B;EAAA,
|
|
1
|
+
{"version":3,"file":"CardCarouselSubtitle.js","names":["React","PropTypes","classNames","CardCarouselSubtitle","_ref","children","as","className","Component","createElement","propTypes","node","isRequired","oneOfType","string","elementType","defaultProps","undefined"],"sources":["../../../src/Card/CardCarousel/CardCarouselSubtitle.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nfunction CardCarouselSubtitle({ children, as, className }) {\n const Component = as || 'p';\n return (\n <Component className={classNames('pgn__card-carousel-subtitle', className)}>\n {children}\n </Component>\n );\n}\n\nCardCarouselSubtitle.propTypes = {\n /** Specifies contents of the component. */\n children: PropTypes.node.isRequired,\n /** Specifies the base element */\n as: PropTypes.oneOfType([PropTypes.string, PropTypes.elementType]),\n /** A class name to append to the base element. */\n className: PropTypes.string,\n};\n\nCardCarouselSubtitle.defaultProps = {\n as: undefined,\n className: undefined,\n};\n\nexport default CardCarouselSubtitle;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AAEnC,SAASC,oBAAoBA,CAAAC,IAAA,EAA8B;EAAA,IAA3BC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IAAEC,EAAE,GAAAF,IAAA,CAAFE,EAAE;IAAEC,SAAS,GAAAH,IAAA,CAATG,SAAS;EACrD,IAAMC,SAAS,GAAGF,EAAE,IAAI,GAAG;EAC3B,oBACEN,KAAA,CAAAS,aAAA,CAACD,SAAS;IAACD,SAAS,EAAEL,UAAU,CAAC,6BAA6B,EAAEK,SAAS;EAAE,GACxEF,QACQ,CAAC;AAEhB;AAEAF,oBAAoB,CAACO,SAAS,GAAG;EAC/B;EACAL,QAAQ,EAAEJ,SAAS,CAACU,IAAI,CAACC,UAAU;EACnC;EACAN,EAAE,EAAEL,SAAS,CAACY,SAAS,CAAC,CAACZ,SAAS,CAACa,MAAM,EAAEb,SAAS,CAACc,WAAW,CAAC,CAAC;EAClE;EACAR,SAAS,EAAEN,SAAS,CAACa;AACvB,CAAC;AAEDX,oBAAoB,CAACa,YAAY,GAAG;EAClCV,EAAE,EAAEW,SAAS;EACbV,SAAS,EAAEU;AACb,CAAC;AAED,eAAed,oBAAoB"}
|
|
@@ -2,12 +2,10 @@ import React from 'react';
|
|
|
2
2
|
import PropTypes from 'prop-types';
|
|
3
3
|
import classNames from 'classnames';
|
|
4
4
|
function CardCarouselTitle(_ref) {
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
} = _ref;
|
|
10
|
-
const Component = as || 'h2';
|
|
5
|
+
var children = _ref.children,
|
|
6
|
+
as = _ref.as,
|
|
7
|
+
className = _ref.className;
|
|
8
|
+
var Component = as || 'h2';
|
|
11
9
|
return /*#__PURE__*/React.createElement(Component, {
|
|
12
10
|
className: classNames('pgn__card-carousel-title', className)
|
|
13
11
|
}, children);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CardCarouselTitle.js","names":["React","PropTypes","classNames","CardCarouselTitle","_ref","children","as","className","Component","createElement","propTypes","node","isRequired","oneOfType","string","elementType","defaultProps","undefined"],"sources":["../../../src/Card/CardCarousel/CardCarouselTitle.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nfunction CardCarouselTitle({ children, as, className }) {\n const Component = as || 'h2';\n return (\n <Component className={classNames('pgn__card-carousel-title', className)}>\n {children}\n </Component>\n );\n}\n\nCardCarouselTitle.propTypes = {\n children: PropTypes.node.isRequired,\n as: PropTypes.oneOfType([PropTypes.string, PropTypes.elementType]),\n className: PropTypes.string,\n};\n\nCardCarouselTitle.defaultProps = {\n as: undefined,\n className: undefined,\n};\n\nexport default CardCarouselTitle;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AAEnC,SAASC,iBAAiBA,CAAAC,IAAA,EAA8B;EAAA,
|
|
1
|
+
{"version":3,"file":"CardCarouselTitle.js","names":["React","PropTypes","classNames","CardCarouselTitle","_ref","children","as","className","Component","createElement","propTypes","node","isRequired","oneOfType","string","elementType","defaultProps","undefined"],"sources":["../../../src/Card/CardCarousel/CardCarouselTitle.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nfunction CardCarouselTitle({ children, as, className }) {\n const Component = as || 'h2';\n return (\n <Component className={classNames('pgn__card-carousel-title', className)}>\n {children}\n </Component>\n );\n}\n\nCardCarouselTitle.propTypes = {\n children: PropTypes.node.isRequired,\n as: PropTypes.oneOfType([PropTypes.string, PropTypes.elementType]),\n className: PropTypes.string,\n};\n\nCardCarouselTitle.defaultProps = {\n as: undefined,\n className: undefined,\n};\n\nexport default CardCarouselTitle;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AAEnC,SAASC,iBAAiBA,CAAAC,IAAA,EAA8B;EAAA,IAA3BC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IAAEC,EAAE,GAAAF,IAAA,CAAFE,EAAE;IAAEC,SAAS,GAAAH,IAAA,CAATG,SAAS;EAClD,IAAMC,SAAS,GAAGF,EAAE,IAAI,IAAI;EAC5B,oBACEN,KAAA,CAAAS,aAAA,CAACD,SAAS;IAACD,SAAS,EAAEL,UAAU,CAAC,0BAA0B,EAAEK,SAAS;EAAE,GACrEF,QACQ,CAAC;AAEhB;AAEAF,iBAAiB,CAACO,SAAS,GAAG;EAC5BL,QAAQ,EAAEJ,SAAS,CAACU,IAAI,CAACC,UAAU;EACnCN,EAAE,EAAEL,SAAS,CAACY,SAAS,CAAC,CAACZ,SAAS,CAACa,MAAM,EAAEb,SAAS,CAACc,WAAW,CAAC,CAAC;EAClER,SAAS,EAAEN,SAAS,CAACa;AACvB,CAAC;AAEDX,iBAAiB,CAACa,YAAY,GAAG;EAC/BV,EAAE,EAAEW,SAAS;EACbV,SAAS,EAAEU;AACb,CAAC;AAED,eAAed,iBAAiB"}
|
package/dist/Card/CardContext.js
CHANGED
|
@@ -1,18 +1,16 @@
|
|
|
1
1
|
import React, { createContext } from 'react';
|
|
2
2
|
import PropTypes from 'prop-types';
|
|
3
|
-
|
|
3
|
+
var CardContext = /*#__PURE__*/createContext({});
|
|
4
4
|
function CardContextProvider(_ref) {
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
variant
|
|
10
|
-
} = _ref;
|
|
5
|
+
var orientation = _ref.orientation,
|
|
6
|
+
children = _ref.children,
|
|
7
|
+
isLoading = _ref.isLoading,
|
|
8
|
+
variant = _ref.variant;
|
|
11
9
|
return /*#__PURE__*/React.createElement(CardContext.Provider, {
|
|
12
10
|
value: {
|
|
13
|
-
orientation,
|
|
14
|
-
isLoading,
|
|
15
|
-
variant
|
|
11
|
+
orientation: orientation,
|
|
12
|
+
isLoading: isLoading,
|
|
13
|
+
variant: variant
|
|
16
14
|
}
|
|
17
15
|
}, children);
|
|
18
16
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CardContext.js","names":["React","createContext","PropTypes","CardContext","CardContextProvider","_ref","orientation","children","isLoading","variant","createElement","Provider","value","propTypes","oneOf","bool","node","defaultProps"],"sources":["../../src/Card/CardContext.jsx"],"sourcesContent":["import React, { createContext } from 'react';\nimport PropTypes from 'prop-types';\n\nconst CardContext = createContext({});\n\nfunction CardContextProvider({\n orientation,\n children,\n isLoading,\n variant,\n}) {\n return (\n <CardContext.Provider value={{ orientation, isLoading, variant }}>\n {children}\n </CardContext.Provider>\n );\n}\n\nCardContextProvider.propTypes = {\n /** Specifies which orientation to use. */\n orientation: PropTypes.oneOf(['horizontal', 'vertical']),\n /** Specifies loading state. */\n isLoading: PropTypes.bool,\n /** Specifies content of the component. */\n children: PropTypes.node,\n /** Specifies `Card` style variant */\n variant: PropTypes.oneOf(['light', 'dark', 'muted']),\n};\n\nCardContextProvider.defaultProps = {\n orientation: 'vertical',\n isLoading: false,\n children: null,\n variant: 'light',\n};\n\nexport { CardContextProvider };\nexport default CardContext;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,aAAa,QAAQ,OAAO;AAC5C,OAAOC,SAAS,MAAM,YAAY;AAElC,
|
|
1
|
+
{"version":3,"file":"CardContext.js","names":["React","createContext","PropTypes","CardContext","CardContextProvider","_ref","orientation","children","isLoading","variant","createElement","Provider","value","propTypes","oneOf","bool","node","defaultProps"],"sources":["../../src/Card/CardContext.jsx"],"sourcesContent":["import React, { createContext } from 'react';\nimport PropTypes from 'prop-types';\n\nconst CardContext = createContext({});\n\nfunction CardContextProvider({\n orientation,\n children,\n isLoading,\n variant,\n}) {\n return (\n <CardContext.Provider value={{ orientation, isLoading, variant }}>\n {children}\n </CardContext.Provider>\n );\n}\n\nCardContextProvider.propTypes = {\n /** Specifies which orientation to use. */\n orientation: PropTypes.oneOf(['horizontal', 'vertical']),\n /** Specifies loading state. */\n isLoading: PropTypes.bool,\n /** Specifies content of the component. */\n children: PropTypes.node,\n /** Specifies `Card` style variant */\n variant: PropTypes.oneOf(['light', 'dark', 'muted']),\n};\n\nCardContextProvider.defaultProps = {\n orientation: 'vertical',\n isLoading: false,\n children: null,\n variant: 'light',\n};\n\nexport { CardContextProvider };\nexport default CardContext;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,aAAa,QAAQ,OAAO;AAC5C,OAAOC,SAAS,MAAM,YAAY;AAElC,IAAMC,WAAW,gBAAGF,aAAa,CAAC,CAAC,CAAC,CAAC;AAErC,SAASG,mBAAmBA,CAAAC,IAAA,EAKzB;EAAA,IAJDC,WAAW,GAAAD,IAAA,CAAXC,WAAW;IACXC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IACRC,SAAS,GAAAH,IAAA,CAATG,SAAS;IACTC,OAAO,GAAAJ,IAAA,CAAPI,OAAO;EAEP,oBACET,KAAA,CAAAU,aAAA,CAACP,WAAW,CAACQ,QAAQ;IAACC,KAAK,EAAE;MAAEN,WAAW,EAAXA,WAAW;MAAEE,SAAS,EAATA,SAAS;MAAEC,OAAO,EAAPA;IAAQ;EAAE,GAC9DF,QACmB,CAAC;AAE3B;AAEAH,mBAAmB,CAACS,SAAS,GAAG;EAC9B;EACAP,WAAW,EAAEJ,SAAS,CAACY,KAAK,CAAC,CAAC,YAAY,EAAE,UAAU,CAAC,CAAC;EACxD;EACAN,SAAS,EAAEN,SAAS,CAACa,IAAI;EACzB;EACAR,QAAQ,EAAEL,SAAS,CAACc,IAAI;EACxB;EACAP,OAAO,EAAEP,SAAS,CAACY,KAAK,CAAC,CAAC,OAAO,EAAE,MAAM,EAAE,OAAO,CAAC;AACrD,CAAC;AAEDV,mBAAmB,CAACa,YAAY,GAAG;EACjCX,WAAW,EAAE,UAAU;EACvBE,SAAS,EAAE,KAAK;EAChBD,QAAQ,EAAE,IAAI;EACdE,OAAO,EAAE;AACX,CAAC;AAED,SAASL,mBAAmB;AAC5B,eAAeD,WAAW"}
|
package/dist/Card/CardDeck.js
CHANGED
|
@@ -6,23 +6,25 @@ import BaseCardDeck from 'react-bootstrap/CardDeck';
|
|
|
6
6
|
import Row from 'react-bootstrap/Row';
|
|
7
7
|
import Col from 'react-bootstrap/Col';
|
|
8
8
|
import { useOverflowScrollItems } from '../OverflowScroll';
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
9
|
+
var CardDeck = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
10
|
+
var className = _ref.className,
|
|
11
|
+
children = _ref.children,
|
|
12
|
+
columnSizes = _ref.columnSizes,
|
|
13
|
+
hasInteractiveChildren = _ref.hasInteractiveChildren,
|
|
14
|
+
canScrollHorizontal = _ref.canScrollHorizontal,
|
|
15
|
+
hasOverflowScrollItems = _ref.hasOverflowScrollItems,
|
|
16
|
+
hasEqualColumnHeights = _ref.hasEqualColumnHeights;
|
|
17
|
+
var cards = useMemo(function () {
|
|
18
|
+
return Children.map(children, function (card) {
|
|
19
|
+
return /*#__PURE__*/React.createElement(Col, _extends({}, columnSizes, {
|
|
20
|
+
className: classNames('pgn__card-deck__card-item', {
|
|
21
|
+
'pgn__card__disable-equal-column-heights': !hasEqualColumnHeights
|
|
22
|
+
})
|
|
23
|
+
}), card);
|
|
24
|
+
});
|
|
25
|
+
}, [children, columnSizes, hasEqualColumnHeights]);
|
|
26
|
+
var overflowCardDeckItems = useOverflowScrollItems(cards);
|
|
27
|
+
var cardDeckChildren = useMemo(function () {
|
|
26
28
|
if (hasOverflowScrollItems) {
|
|
27
29
|
return overflowCardDeckItems;
|
|
28
30
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CardDeck.js","names":["React","Children","useMemo","classNames","PropTypes","BaseCardDeck","Row","Col","useOverflowScrollItems","CardDeck","forwardRef","_ref","ref","className","children","columnSizes","hasInteractiveChildren","canScrollHorizontal","hasOverflowScrollItems","hasEqualColumnHeights","cards","map","card","createElement","_extends","overflowCardDeckItems","cardDeckChildren","tabIndex","propTypes","string","node","isRequired","shape","xs","number","sm","md","lg","xl","bool","defaultProps","undefined","Deprecated"],"sources":["../../src/Card/CardDeck.jsx"],"sourcesContent":["import React, { Children, useMemo } from 'react';\nimport classNames from 'classnames';\nimport PropTypes from 'prop-types';\nimport BaseCardDeck from 'react-bootstrap/CardDeck';\nimport Row from 'react-bootstrap/Row';\nimport Col from 'react-bootstrap/Col';\nimport { useOverflowScrollItems } from '../OverflowScroll';\n\nconst CardDeck = React.forwardRef(({\n className,\n children,\n columnSizes,\n hasInteractiveChildren,\n canScrollHorizontal,\n hasOverflowScrollItems,\n hasEqualColumnHeights,\n}, ref) => {\n const cards = useMemo(\n () => Children.map(children, (card) => (\n <Col\n {...columnSizes}\n className={classNames(\n 'pgn__card-deck__card-item',\n {\n 'pgn__card__disable-equal-column-heights': !hasEqualColumnHeights,\n },\n )}\n >\n {card}\n </Col>\n )),\n [children, columnSizes, hasEqualColumnHeights],\n );\n const overflowCardDeckItems = useOverflowScrollItems(cards);\n\n const cardDeckChildren = useMemo(() => {\n if (hasOverflowScrollItems) {\n return overflowCardDeckItems;\n }\n return cards;\n }, [hasOverflowScrollItems, overflowCardDeckItems, cards]);\n\n return (\n <div\n className={classNames(\n 'pgn__card-deck',\n {\n 'pgn__card-deck-has-horizontal-scroll': canScrollHorizontal,\n },\n className,\n )}\n >\n <Row\n className=\"pgn__card-deck-row\"\n tabIndex={hasInteractiveChildren ? -1 : 0}\n ref={ref}\n >\n {cardDeckChildren}\n </Row>\n </div>\n );\n});\n\nCardDeck.propTypes = {\n /** The class name for the CardDeck component */\n className: PropTypes.string,\n /** The Card components to organize */\n children: PropTypes.node.isRequired,\n /**\n * An object containing the desired column size at each breakpoint, following a similar\n * props API as ``react-bootstrap/Col``\n */\n columnSizes: PropTypes.shape({\n xs: PropTypes.number,\n sm: PropTypes.number,\n md: PropTypes.number,\n lg: PropTypes.number,\n xl: PropTypes.number,\n }),\n /** Whether the child `Card` components are interactive/focusable. If not, a `tabindex=\"0\"` is\n * added to be a11y-compliant */\n hasInteractiveChildren: PropTypes.bool,\n /** Whether the `CardDeck` supports horizontal scrolling when there are overflow children */\n canScrollHorizontal: PropTypes.bool,\n /** Whether the children of CardDeck should be processed by `useOverflowScrollItems` to give\n * each child a known/stable CSS classname */\n hasOverflowScrollItems: PropTypes.bool,\n /** Whether to disable the default equal height cards */\n hasEqualColumnHeights: PropTypes.bool,\n};\n\nCardDeck.defaultProps = {\n className: undefined,\n columnSizes: {\n sm: 12,\n lg: 6,\n xl: 4,\n },\n hasInteractiveChildren: false,\n canScrollHorizontal: true,\n hasOverflowScrollItems: false,\n hasEqualColumnHeights: true,\n};\n\nCardDeck.Deprecated = BaseCardDeck;\n\nexport default CardDeck;\n"],"mappings":";AAAA,OAAOA,KAAK,IAAIC,QAAQ,EAAEC,OAAO,QAAQ,OAAO;AAChD,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,YAAY,MAAM,0BAA0B;AACnD,OAAOC,GAAG,MAAM,qBAAqB;AACrC,OAAOC,GAAG,MAAM,qBAAqB;AACrC,SAASC,sBAAsB,QAAQ,mBAAmB;AAE1D,
|
|
1
|
+
{"version":3,"file":"CardDeck.js","names":["React","Children","useMemo","classNames","PropTypes","BaseCardDeck","Row","Col","useOverflowScrollItems","CardDeck","forwardRef","_ref","ref","className","children","columnSizes","hasInteractiveChildren","canScrollHorizontal","hasOverflowScrollItems","hasEqualColumnHeights","cards","map","card","createElement","_extends","overflowCardDeckItems","cardDeckChildren","tabIndex","propTypes","string","node","isRequired","shape","xs","number","sm","md","lg","xl","bool","defaultProps","undefined","Deprecated"],"sources":["../../src/Card/CardDeck.jsx"],"sourcesContent":["import React, { Children, useMemo } from 'react';\nimport classNames from 'classnames';\nimport PropTypes from 'prop-types';\nimport BaseCardDeck from 'react-bootstrap/CardDeck';\nimport Row from 'react-bootstrap/Row';\nimport Col from 'react-bootstrap/Col';\nimport { useOverflowScrollItems } from '../OverflowScroll';\n\nconst CardDeck = React.forwardRef(({\n className,\n children,\n columnSizes,\n hasInteractiveChildren,\n canScrollHorizontal,\n hasOverflowScrollItems,\n hasEqualColumnHeights,\n}, ref) => {\n const cards = useMemo(\n () => Children.map(children, (card) => (\n <Col\n {...columnSizes}\n className={classNames(\n 'pgn__card-deck__card-item',\n {\n 'pgn__card__disable-equal-column-heights': !hasEqualColumnHeights,\n },\n )}\n >\n {card}\n </Col>\n )),\n [children, columnSizes, hasEqualColumnHeights],\n );\n const overflowCardDeckItems = useOverflowScrollItems(cards);\n\n const cardDeckChildren = useMemo(() => {\n if (hasOverflowScrollItems) {\n return overflowCardDeckItems;\n }\n return cards;\n }, [hasOverflowScrollItems, overflowCardDeckItems, cards]);\n\n return (\n <div\n className={classNames(\n 'pgn__card-deck',\n {\n 'pgn__card-deck-has-horizontal-scroll': canScrollHorizontal,\n },\n className,\n )}\n >\n <Row\n className=\"pgn__card-deck-row\"\n tabIndex={hasInteractiveChildren ? -1 : 0}\n ref={ref}\n >\n {cardDeckChildren}\n </Row>\n </div>\n );\n});\n\nCardDeck.propTypes = {\n /** The class name for the CardDeck component */\n className: PropTypes.string,\n /** The Card components to organize */\n children: PropTypes.node.isRequired,\n /**\n * An object containing the desired column size at each breakpoint, following a similar\n * props API as ``react-bootstrap/Col``\n */\n columnSizes: PropTypes.shape({\n xs: PropTypes.number,\n sm: PropTypes.number,\n md: PropTypes.number,\n lg: PropTypes.number,\n xl: PropTypes.number,\n }),\n /** Whether the child `Card` components are interactive/focusable. If not, a `tabindex=\"0\"` is\n * added to be a11y-compliant */\n hasInteractiveChildren: PropTypes.bool,\n /** Whether the `CardDeck` supports horizontal scrolling when there are overflow children */\n canScrollHorizontal: PropTypes.bool,\n /** Whether the children of CardDeck should be processed by `useOverflowScrollItems` to give\n * each child a known/stable CSS classname */\n hasOverflowScrollItems: PropTypes.bool,\n /** Whether to disable the default equal height cards */\n hasEqualColumnHeights: PropTypes.bool,\n};\n\nCardDeck.defaultProps = {\n className: undefined,\n columnSizes: {\n sm: 12,\n lg: 6,\n xl: 4,\n },\n hasInteractiveChildren: false,\n canScrollHorizontal: true,\n hasOverflowScrollItems: false,\n hasEqualColumnHeights: true,\n};\n\nCardDeck.Deprecated = BaseCardDeck;\n\nexport default CardDeck;\n"],"mappings":";AAAA,OAAOA,KAAK,IAAIC,QAAQ,EAAEC,OAAO,QAAQ,OAAO;AAChD,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,YAAY,MAAM,0BAA0B;AACnD,OAAOC,GAAG,MAAM,qBAAqB;AACrC,OAAOC,GAAG,MAAM,qBAAqB;AACrC,SAASC,sBAAsB,QAAQ,mBAAmB;AAE1D,IAAMC,QAAQ,gBAAGT,KAAK,CAACU,UAAU,CAAC,UAAAC,IAAA,EAQ/BC,GAAG,EAAK;EAAA,IAPTC,SAAS,GAAAF,IAAA,CAATE,SAAS;IACTC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;IACRC,WAAW,GAAAJ,IAAA,CAAXI,WAAW;IACXC,sBAAsB,GAAAL,IAAA,CAAtBK,sBAAsB;IACtBC,mBAAmB,GAAAN,IAAA,CAAnBM,mBAAmB;IACnBC,sBAAsB,GAAAP,IAAA,CAAtBO,sBAAsB;IACtBC,qBAAqB,GAAAR,IAAA,CAArBQ,qBAAqB;EAErB,IAAMC,KAAK,GAAGlB,OAAO,CACnB;IAAA,OAAMD,QAAQ,CAACoB,GAAG,CAACP,QAAQ,EAAE,UAACQ,IAAI;MAAA,oBAChCtB,KAAA,CAAAuB,aAAA,CAAChB,GAAG,EAAAiB,QAAA,KACET,WAAW;QACfF,SAAS,EAAEV,UAAU,CACnB,2BAA2B,EAC3B;UACE,yCAAyC,EAAE,CAACgB;QAC9C,CACF;MAAE,IAEDG,IACE,CAAC;IAAA,CACP,CAAC;EAAA,GACF,CAACR,QAAQ,EAAEC,WAAW,EAAEI,qBAAqB,CAC/C,CAAC;EACD,IAAMM,qBAAqB,GAAGjB,sBAAsB,CAACY,KAAK,CAAC;EAE3D,IAAMM,gBAAgB,GAAGxB,OAAO,CAAC,YAAM;IACrC,IAAIgB,sBAAsB,EAAE;MAC1B,OAAOO,qBAAqB;IAC9B;IACA,OAAOL,KAAK;EACd,CAAC,EAAE,CAACF,sBAAsB,EAAEO,qBAAqB,EAAEL,KAAK,CAAC,CAAC;EAE1D,oBACEpB,KAAA,CAAAuB,aAAA;IACEV,SAAS,EAAEV,UAAU,CACnB,gBAAgB,EAChB;MACE,sCAAsC,EAAEc;IAC1C,CAAC,EACDJ,SACF;EAAE,gBAEFb,KAAA,CAAAuB,aAAA,CAACjB,GAAG;IACFO,SAAS,EAAC,oBAAoB;IAC9Bc,QAAQ,EAAEX,sBAAsB,GAAG,CAAC,CAAC,GAAG,CAAE;IAC1CJ,GAAG,EAAEA;EAAI,GAERc,gBACE,CACF,CAAC;AAEV,CAAC,CAAC;AAEFjB,QAAQ,CAACmB,SAAS,GAAG;EACnB;EACAf,SAAS,EAAET,SAAS,CAACyB,MAAM;EAC3B;EACAf,QAAQ,EAAEV,SAAS,CAAC0B,IAAI,CAACC,UAAU;EACnC;AACF;AACA;AACA;EACEhB,WAAW,EAAEX,SAAS,CAAC4B,KAAK,CAAC;IAC3BC,EAAE,EAAE7B,SAAS,CAAC8B,MAAM;IACpBC,EAAE,EAAE/B,SAAS,CAAC8B,MAAM;IACpBE,EAAE,EAAEhC,SAAS,CAAC8B,MAAM;IACpBG,EAAE,EAAEjC,SAAS,CAAC8B,MAAM;IACpBI,EAAE,EAAElC,SAAS,CAAC8B;EAChB,CAAC,CAAC;EACF;AACF;EACElB,sBAAsB,EAAEZ,SAAS,CAACmC,IAAI;EACtC;EACAtB,mBAAmB,EAAEb,SAAS,CAACmC,IAAI;EACnC;AACF;EACErB,sBAAsB,EAAEd,SAAS,CAACmC,IAAI;EACtC;EACApB,qBAAqB,EAAEf,SAAS,CAACmC;AACnC,CAAC;AAED9B,QAAQ,CAAC+B,YAAY,GAAG;EACtB3B,SAAS,EAAE4B,SAAS;EACpB1B,WAAW,EAAE;IACXoB,EAAE,EAAE,EAAE;IACNE,EAAE,EAAE,CAAC;IACLC,EAAE,EAAE;EACN,CAAC;EACDtB,sBAAsB,EAAE,KAAK;EAC7BC,mBAAmB,EAAE,IAAI;EACzBC,sBAAsB,EAAE,KAAK;EAC7BC,qBAAqB,EAAE;AACzB,CAAC;AAEDV,QAAQ,CAACiC,UAAU,GAAGrC,YAAY;AAElC,eAAeI,QAAQ"}
|
package/dist/Card/CardDivider.js
CHANGED
|
@@ -1,14 +1,12 @@
|
|
|
1
|
-
|
|
1
|
+
var _excluded = ["className"];
|
|
2
2
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
3
3
|
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
4
4
|
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
5
5
|
import React from 'react';
|
|
6
6
|
import PropTypes from 'prop-types';
|
|
7
7
|
import classNames from 'classnames';
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
className
|
|
11
|
-
} = _ref,
|
|
8
|
+
var CardDivider = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
9
|
+
var className = _ref.className,
|
|
12
10
|
props = _objectWithoutProperties(_ref, _excluded);
|
|
13
11
|
return /*#__PURE__*/React.createElement("div", _extends({
|
|
14
12
|
className: classNames('pgn__card-divider', className),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CardDivider.js","names":["React","PropTypes","classNames","CardDivider","forwardRef","_ref","ref","className","props","_objectWithoutProperties","_excluded","createElement","_extends","propTypes","string","defaultProps","undefined"],"sources":["../../src/Card/CardDivider.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nconst CardDivider = React.forwardRef(({ className, ...props }, ref) => (\n <div className={classNames('pgn__card-divider', className)} ref={ref} {...props} />\n));\n\nCardDivider.propTypes = {\n /** Specifies class name to append to the base element. */\n className: PropTypes.string,\n};\n\nCardDivider.defaultProps = {\n className: undefined,\n};\n\nexport default CardDivider;\n"],"mappings":";;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AAEnC,
|
|
1
|
+
{"version":3,"file":"CardDivider.js","names":["React","PropTypes","classNames","CardDivider","forwardRef","_ref","ref","className","props","_objectWithoutProperties","_excluded","createElement","_extends","propTypes","string","defaultProps","undefined"],"sources":["../../src/Card/CardDivider.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nconst CardDivider = React.forwardRef(({ className, ...props }, ref) => (\n <div className={classNames('pgn__card-divider', className)} ref={ref} {...props} />\n));\n\nCardDivider.propTypes = {\n /** Specifies class name to append to the base element. */\n className: PropTypes.string,\n};\n\nCardDivider.defaultProps = {\n className: undefined,\n};\n\nexport default CardDivider;\n"],"mappings":";;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AAEnC,IAAMC,WAAW,gBAAGH,KAAK,CAACI,UAAU,CAAC,UAAAC,IAAA,EAA0BC,GAAG;EAAA,IAA1BC,SAAS,GAAAF,IAAA,CAATE,SAAS;IAAKC,KAAK,GAAAC,wBAAA,CAAAJ,IAAA,EAAAK,SAAA;EAAA,oBACzDV,KAAA,CAAAW,aAAA,QAAAC,QAAA;IAAKL,SAAS,EAAEL,UAAU,CAAC,mBAAmB,EAAEK,SAAS,CAAE;IAACD,GAAG,EAAEA;EAAI,GAAKE,KAAK,CAAG,CAAC;AAAA,CACpF,CAAC;AAEFL,WAAW,CAACU,SAAS,GAAG;EACtB;EACAN,SAAS,EAAEN,SAAS,CAACa;AACvB,CAAC;AAEDX,WAAW,CAACY,YAAY,GAAG;EACzBR,SAAS,EAAES;AACb,CAAC;AAED,eAAeb,WAAW"}
|
package/dist/Card/CardFooter.js
CHANGED
|
@@ -3,24 +3,21 @@ import PropTypes from 'prop-types';
|
|
|
3
3
|
import classNames from 'classnames';
|
|
4
4
|
import Skeleton from 'react-loading-skeleton';
|
|
5
5
|
import CardContext from './CardContext';
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
const footerOrientation = orientation || cardOrientation;
|
|
22
|
-
const wrapperClassName = `pgn__card-footer ${footerOrientation}${isStacked ? '-stacked' : ''}`;
|
|
23
|
-
const textElementClassName = `pgn__card-footer-text ${footerOrientation}${isStacked ? '-stacked' : ''}`;
|
|
6
|
+
var IS_LOADING_HEIGHT_VALUE = 18;
|
|
7
|
+
var CardFooter = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
8
|
+
var children = _ref.children,
|
|
9
|
+
className = _ref.className,
|
|
10
|
+
isStacked = _ref.isStacked,
|
|
11
|
+
textElement = _ref.textElement,
|
|
12
|
+
skeletonHeight = _ref.skeletonHeight,
|
|
13
|
+
skeletonWidth = _ref.skeletonWidth,
|
|
14
|
+
orientation = _ref.orientation;
|
|
15
|
+
var _useContext = useContext(CardContext),
|
|
16
|
+
cardOrientation = _useContext.orientation,
|
|
17
|
+
isLoading = _useContext.isLoading;
|
|
18
|
+
var footerOrientation = orientation || cardOrientation;
|
|
19
|
+
var wrapperClassName = "pgn__card-footer ".concat(footerOrientation).concat(isStacked ? '-stacked' : '');
|
|
20
|
+
var textElementClassName = "pgn__card-footer-text ".concat(footerOrientation).concat(isStacked ? '-stacked' : '');
|
|
24
21
|
if (isLoading) {
|
|
25
22
|
return /*#__PURE__*/React.createElement("div", {
|
|
26
23
|
className: classNames(className, wrapperClassName)
|