@openedx/paragon 21.7.1 → 22.0.0-alpha.15
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 +36 -5
- package/bin/paragon-scripts.js +128 -10
- package/dist/ActionRow/_index.scss +2 -4
- package/dist/Alert/index.scss +41 -32
- package/dist/Annotation/_mixins.scss +104 -0
- package/dist/Annotation/index.scss +130 -103
- package/dist/Avatar/index.scss +18 -20
- package/dist/AvatarButton/index.scss +3 -5
- package/dist/Badge/index.scss +112 -2
- package/dist/Breadcrumb/index.scss +14 -16
- package/dist/Bubble/index.scss +25 -12
- package/dist/Button/_mixins.scss +14 -0
- package/dist/Button/button-group.scss +126 -0
- package/dist/Button/index.js +0 -2
- package/dist/Button/index.js.map +1 -1
- package/dist/Button/index.scss +855 -358
- package/dist/Card/card-bootstrap.scss +168 -0
- package/dist/Card/index.scss +78 -79
- package/dist/Carousel/index.scss +168 -2
- package/dist/Chip/index.scss +36 -34
- package/dist/ChipCarousel/index.scss +1 -3
- package/dist/CloseButton/index.scss +31 -2
- package/dist/Code/index.scss +47 -2
- package/dist/Collapsible/index.scss +15 -15
- package/dist/ColorPicker/index.scss +9 -11
- package/dist/DataTable/CollapsibleButtonGroup.js +2 -2
- package/dist/DataTable/CollapsibleButtonGroup.js.map +1 -1
- package/dist/DataTable/ExpandRow.js +8 -3
- package/dist/DataTable/ExpandRow.js.map +1 -1
- package/dist/DataTable/filters/TextFilter.js +2 -3
- package/dist/DataTable/filters/TextFilter.js.map +1 -1
- package/dist/DataTable/index.scss +48 -50
- package/dist/DataTable/selection/ControlledSelect.js +7 -3
- package/dist/DataTable/selection/ControlledSelect.js.map +1 -1
- package/dist/DataTable/selection/ControlledSelectHeader.js +7 -3
- package/dist/DataTable/selection/ControlledSelectHeader.js.map +1 -1
- package/dist/DataTable/selection/ControlledSelectionStatus.js +14 -5
- package/dist/DataTable/selection/ControlledSelectionStatus.js.map +1 -1
- package/dist/Dropdown/dropdown-bootstrap.scss +181 -0
- package/dist/Dropdown/index.js +0 -2
- package/dist/Dropdown/index.js.map +1 -1
- package/dist/Dropdown/index.scss +11 -12
- package/dist/Dropzone/index.scss +12 -14
- package/dist/Form/_FormText.scss +8 -8
- package/dist/Form/_bootstrap-custom-forms.scss +551 -0
- package/dist/Form/_bootstrap-forms.scss +381 -0
- package/dist/Form/_index.scss +165 -143
- package/dist/Form/_input-group.scss +188 -0
- package/dist/Form/_mixins.scss +216 -3
- package/dist/Hyperlink/index.scss +1 -1
- package/dist/Icon/index.scss +10 -12
- package/dist/IconButton/_mixins.scss +4 -0
- package/dist/IconButton/index.js +5 -11
- package/dist/IconButton/index.js.map +1 -1
- package/dist/IconButton/index.scss +387 -74
- package/dist/IconButtonToggle/index.scss +1 -1
- package/dist/Image/index.scss +53 -2
- package/dist/Menu/index.scss +25 -27
- package/dist/Modal/_ModalDialog.scss +51 -49
- package/dist/Modal/index.scss +6 -73
- package/dist/Nav/_mixins.scss +4 -4
- package/dist/Nav/index.scss +70 -66
- package/dist/Navbar/index.scss +276 -2
- package/dist/OverflowScroll/data/useOverflowScrollElementAttributes.js +3 -3
- package/dist/Overlay/index.js +2 -3
- package/dist/Overlay/index.js.map +1 -1
- package/dist/PageBanner/index.scss +17 -21
- package/dist/Pagination/index.scss +51 -46
- package/dist/Pagination/pagination-bootstrap.scss +83 -0
- package/dist/Popover/index.scss +9 -10
- package/dist/Popover/popover-bootstrap.scss +198 -0
- package/dist/ProductTour/Checkpoint.scss +71 -43
- package/dist/ProgressBar/_mixins.scss +22 -0
- package/dist/ProgressBar/bootstrap-progress.scss +49 -0
- package/dist/ProgressBar/index.scss +28 -36
- package/dist/Scrollable/index.scss +2 -2
- package/dist/SearchField/SearchFieldInput.js +2 -2
- package/dist/SearchField/SearchFieldInput.js.map +1 -1
- package/dist/SearchField/index.scss +19 -21
- package/dist/SelectableBox/index.scss +11 -13
- package/dist/Sheet/index.scss +10 -10
- package/dist/Spinner/index.scss +57 -2
- package/dist/Stack/index.scss +1 -3
- package/dist/Stepper/index.scss +19 -20
- package/dist/Sticky/index.scss +4 -6
- package/dist/Tabs/index.js +0 -2
- package/dist/Tabs/index.js.map +1 -1
- package/dist/Tabs/index.scss +23 -30
- package/dist/Toast/ToastContainer.scss +9 -11
- package/dist/Toast/bootstrap-toast.scss +46 -0
- package/dist/Toast/index.scss +9 -10
- package/dist/Tooltip/index.scss +136 -10
- package/dist/ValidationMessage/index.scss +1 -1
- package/dist/core.css +16706 -0
- package/dist/core.css.map +1 -0
- package/dist/core.min.css +2 -0
- package/dist/index.js +0 -14
- package/dist/index.scss +0 -4
- package/dist/light.css +4083 -0
- package/dist/light.css.map +1 -0
- package/dist/light.min.css +2 -0
- package/dist/theme-urls.json +21 -0
- package/dist/utils/breakpoints.js +1 -1
- package/lib/build-scss.js +188 -0
- package/lib/build-tokens.js +119 -0
- package/lib/help.js +36 -23
- package/lib/replace-variables.js +38 -0
- package/lib/utils.js +9 -0
- package/package.json +25 -11
- package/src/ActionRow/_index.scss +2 -4
- package/src/Alert/index.scss +41 -32
- package/src/Annotation/_mixins.scss +104 -0
- package/src/Annotation/index.scss +130 -103
- package/src/Avatar/index.scss +18 -20
- package/src/AvatarButton/index.scss +3 -5
- package/src/Badge/index.scss +112 -2
- package/src/Breadcrumb/index.scss +14 -16
- package/src/Bubble/index.scss +25 -12
- package/src/Button/README.md +0 -54
- package/src/Button/_mixins.scss +14 -0
- package/src/Button/button-group.scss +126 -0
- package/src/Button/index.jsx +0 -3
- package/src/Button/index.scss +855 -358
- package/src/Card/card-bootstrap.scss +168 -0
- package/src/Card/index.scss +78 -79
- package/src/Carousel/index.scss +168 -2
- package/src/Chip/index.scss +36 -34
- package/src/ChipCarousel/index.scss +1 -3
- package/src/CloseButton/index.scss +31 -2
- package/src/Code/index.scss +47 -2
- package/src/Collapsible/index.scss +15 -15
- package/src/ColorPicker/index.scss +9 -11
- package/src/DataTable/CollapsibleButtonGroup.jsx +2 -2
- package/src/DataTable/ExpandRow.jsx +2 -2
- package/src/DataTable/filters/TextFilter.jsx +2 -3
- package/src/DataTable/index.scss +48 -50
- package/src/DataTable/selection/ControlledSelect.jsx +2 -1
- package/src/DataTable/selection/ControlledSelectHeader.jsx +2 -1
- package/src/DataTable/selection/ControlledSelectionStatus.jsx +2 -1
- package/src/DataTable/tests/ExpandRow.test.jsx +8 -2
- package/src/Dropdown/README.md +0 -93
- package/src/Dropdown/dropdown-bootstrap.scss +181 -0
- package/src/Dropdown/index.jsx +0 -2
- package/src/Dropdown/index.scss +11 -12
- package/src/Dropzone/index.scss +12 -14
- package/src/Form/_FormText.scss +8 -8
- package/src/Form/_bootstrap-custom-forms.scss +551 -0
- package/src/Form/_bootstrap-forms.scss +381 -0
- package/src/Form/_index.scss +165 -143
- package/src/Form/_input-group.scss +188 -0
- package/src/Form/_mixins.scss +216 -3
- package/src/Hyperlink/index.scss +1 -1
- package/src/Icon/index.scss +10 -12
- package/src/IconButton/README.md +1 -15
- package/src/IconButton/__snapshots__/IconButton.test.jsx.snap +5 -26
- package/src/IconButton/_mixins.scss +4 -0
- package/src/IconButton/index.jsx +6 -13
- package/src/IconButton/index.scss +387 -74
- package/src/IconButtonToggle/index.scss +1 -1
- package/src/Image/index.scss +53 -2
- package/src/Menu/index.scss +25 -27
- package/src/Modal/_ModalDialog.scss +51 -49
- package/src/Modal/index.scss +6 -73
- package/src/Nav/_mixins.scss +4 -4
- package/src/Nav/index.scss +70 -66
- package/src/Navbar/index.scss +276 -2
- package/src/OverflowScroll/data/useOverflowScrollElementAttributes.js +3 -3
- package/src/Overlay/index.jsx +2 -3
- package/src/PageBanner/index.scss +17 -21
- package/src/Pagination/index.scss +51 -46
- package/src/Pagination/pagination-bootstrap.scss +83 -0
- package/src/Popover/index.scss +9 -10
- package/src/Popover/popover-bootstrap.scss +198 -0
- package/src/ProductTour/Checkpoint.scss +71 -43
- package/src/ProgressBar/_mixins.scss +22 -0
- package/src/ProgressBar/bootstrap-progress.scss +49 -0
- package/src/ProgressBar/index.scss +28 -36
- package/src/Scrollable/index.scss +2 -2
- package/src/SearchField/SearchFieldInput.jsx +2 -2
- package/src/SearchField/__snapshots__/SearchField.test.jsx.snap +12 -8
- package/src/SearchField/index.scss +19 -21
- package/src/SelectableBox/index.scss +11 -13
- package/src/Sheet/index.scss +10 -10
- package/src/Spinner/index.scss +57 -2
- package/src/Stack/index.scss +1 -3
- package/src/Stepper/index.scss +19 -20
- package/src/Sticky/index.scss +4 -6
- package/src/Tabs/README.md +1 -25
- package/src/Tabs/index.jsx +0 -3
- package/src/Tabs/index.scss +23 -30
- package/src/Toast/ToastContainer.scss +9 -11
- package/src/Toast/bootstrap-toast.scss +46 -0
- package/src/Toast/index.scss +9 -10
- package/src/Tooltip/index.scss +136 -10
- package/src/TransitionReplace/README.md +4 -4
- package/src/ValidationMessage/index.scss +1 -1
- package/src/index.js +0 -14
- package/src/index.scss +0 -4
- package/src/utils/breakpoints.js +1 -1
- package/styles/css/core/custom-media-breakpoints.css +17 -0
- package/styles/css/core/index.css +2 -0
- package/styles/css/core/variables.css +608 -0
- package/styles/css/themes/light/index.css +2 -0
- package/styles/css/themes/light/utility-classes.css +2454 -0
- package/styles/css/themes/light/variables.css +1629 -0
- package/{scss → styles/scss}/core/_functions.scss +1 -1
- package/styles/scss/core/_grid.scss +21 -0
- package/{scss → styles/scss}/core/_utilities.scss +17 -11
- package/styles/scss/core/_variables.scss +869 -0
- package/styles/scss/core/bootstrap-override/_functions.scss +104 -0
- package/styles/scss/core/bootstrap-override/_mixins.scss +4 -0
- package/styles/scss/core/bootstrap-override/_utilities.scss +4 -0
- package/styles/scss/core/bootstrap-override/bootstrap.scss +2 -0
- package/styles/scss/core/bootstrap-override/mixins/_grid-framework.scss +80 -0
- package/styles/scss/core/bootstrap-override/mixins/_grid.scss +69 -0
- package/styles/scss/core/bootstrap-override/mixins/_list-group.scss +22 -0
- package/styles/scss/core/bootstrap-override/utilities/_background.scss +7 -0
- package/styles/scss/core/bootstrap-override/utilities/_borders.scss +67 -0
- package/styles/scss/core/bootstrap-override/utilities/_spacing.scss +70 -0
- package/styles/scss/core/bootstrap-override/utilities/_text.scss +68 -0
- package/styles/scss/core/core.scss +20 -0
- package/{scss → styles/scss}/core/utilities-only.scss +1 -0
- package/tokens/README.md +158 -0
- package/tokens/css-utilities.js +56 -0
- package/tokens/map-scss-to-css.js +24 -0
- package/tokens/replace-variables.js +32 -0
- package/tokens/sass-helpers.js +98 -0
- package/tokens/src/core/alias/size.json +15 -0
- package/tokens/src/core/components/ActionRow.json +10 -0
- package/tokens/src/core/components/Alert.json +30 -0
- package/tokens/src/core/components/Annotation.json +25 -0
- package/tokens/src/core/components/Avatar.json +17 -0
- package/tokens/src/core/components/AvatarButton.json +11 -0
- package/tokens/src/core/components/Badge.json +33 -0
- package/tokens/src/core/components/Breadcrumb.json +37 -0
- package/tokens/src/core/components/Bubble.json +10 -0
- package/tokens/src/core/components/Button/core.json +101 -0
- package/tokens/src/core/components/Card.json +91 -0
- package/tokens/src/core/components/Carousel.json +37 -0
- package/tokens/src/core/components/Chip.json +19 -0
- package/tokens/src/core/components/ChipCarousel.json +9 -0
- package/tokens/src/core/components/CloseButton.json +14 -0
- package/tokens/src/core/components/Code.json +34 -0
- package/tokens/src/core/components/Collapsible.json +29 -0
- package/tokens/src/core/components/ColorPicker.json +8 -0
- package/tokens/src/core/components/Container.json +13 -0
- package/tokens/src/core/components/DataTable.json +27 -0
- package/tokens/src/core/components/Dropdown.json +67 -0
- package/tokens/src/core/components/Dropzone.json +25 -0
- package/tokens/src/core/components/Form/other.json +14 -0
- package/tokens/src/core/components/Form/size.json +233 -0
- package/tokens/src/core/components/Form/spacing.json +155 -0
- package/tokens/src/core/components/Form/transition.json +16 -0
- package/tokens/src/core/components/Form/typography.json +122 -0
- package/tokens/src/core/components/Icon.json +11 -0
- package/tokens/src/core/components/IconButton.json +15 -0
- package/tokens/src/core/components/Image.json +28 -0
- package/tokens/src/core/components/Menu.json +48 -0
- package/tokens/src/core/components/Modal.json +47 -0
- package/tokens/src/core/components/Nav.json +55 -0
- package/tokens/src/core/components/Navbar.json +70 -0
- package/tokens/src/core/components/Pagination.json +70 -0
- package/tokens/src/core/components/Popover.json +48 -0
- package/tokens/src/core/components/ProductTour.json +37 -0
- package/tokens/src/core/components/ProgressBar.json +44 -0
- package/tokens/src/core/components/SearchField.json +23 -0
- package/tokens/src/core/components/SelectableBox.json +9 -0
- package/tokens/src/core/components/Sheet.json +10 -0
- package/tokens/src/core/components/Spinner.json +19 -0
- package/tokens/src/core/components/Stack.json +7 -0
- package/tokens/src/core/components/Stepper.json +42 -0
- package/tokens/src/core/components/Sticky.json +7 -0
- package/tokens/src/core/components/Tab.json +18 -0
- package/tokens/src/core/components/Tabs.json +19 -0
- package/tokens/src/core/components/Toast.json +30 -0
- package/tokens/src/core/components/Tooltip.json +33 -0
- package/tokens/src/core/components/general/caret.json +13 -0
- package/tokens/src/core/components/general/headings.json +16 -0
- package/tokens/src/core/components/general/hr.json +10 -0
- package/tokens/src/core/components/general/input.json +51 -0
- package/tokens/src/core/components/general/link.json +30 -0
- package/tokens/src/core/components/general/list.json +26 -0
- package/tokens/src/core/components/general/text.json +24 -0
- package/tokens/src/core/global/breakpoints.json +12 -0
- package/tokens/src/core/global/display.json +21 -0
- package/tokens/src/core/global/elevation.json +19 -0
- package/tokens/src/core/global/other.json +4 -0
- package/tokens/src/core/global/spacing.json +35 -0
- package/tokens/src/core/global/transition.json +14 -0
- package/tokens/src/core/global/typography.json +91 -0
- package/tokens/src/core/utilities/color.json +12 -0
- package/tokens/src/themes/light/alias/color.json +114 -0
- package/tokens/src/themes/light/components/Alert.json +47 -0
- package/tokens/src/themes/light/components/Annotation.json +29 -0
- package/tokens/src/themes/light/components/Avatar.json +7 -0
- package/tokens/src/themes/light/components/Badge.json +186 -0
- package/tokens/src/themes/light/components/Breadcrumb.json +15 -0
- package/tokens/src/themes/light/components/Bubble.json +18 -0
- package/tokens/src/themes/light/components/Button/brand.json +260 -0
- package/tokens/src/themes/light/components/Button/core.json +24 -0
- package/tokens/src/themes/light/components/Button/danger.json +247 -0
- package/tokens/src/themes/light/components/Button/dark.json +230 -0
- package/tokens/src/themes/light/components/Button/info.json +238 -0
- package/tokens/src/themes/light/components/Button/light.json +236 -0
- package/tokens/src/themes/light/components/Button/primary.json +250 -0
- package/tokens/src/themes/light/components/Button/secondary.json +278 -0
- package/tokens/src/themes/light/components/Button/success.json +253 -0
- package/tokens/src/themes/light/components/Button/tertiary.json +109 -0
- package/tokens/src/themes/light/components/Button/warning.json +276 -0
- package/tokens/src/themes/light/components/Card.json +40 -0
- package/tokens/src/themes/light/components/Carousel.json +45 -0
- package/tokens/src/themes/light/components/Chip.json +19 -0
- package/tokens/src/themes/light/components/CloseButton.json +10 -0
- package/tokens/src/themes/light/components/Code.json +23 -0
- package/tokens/src/themes/light/components/DataTable.json +26 -0
- package/tokens/src/themes/light/components/Dropdown.json +36 -0
- package/tokens/src/themes/light/components/Dropzone.json +19 -0
- package/tokens/src/themes/light/components/Form/color.json +270 -0
- package/tokens/src/themes/light/components/Form/elevation.json +76 -0
- package/tokens/src/themes/light/components/Form/other.json +131 -0
- package/tokens/src/themes/light/components/IconButton.json +451 -0
- package/tokens/src/themes/light/components/Image.json +18 -0
- package/tokens/src/themes/light/components/Menu.json +30 -0
- package/tokens/src/themes/light/components/Modal.json +37 -0
- package/tokens/src/themes/light/components/Nav.json +145 -0
- package/tokens/src/themes/light/components/Navbar.json +136 -0
- package/tokens/src/themes/light/components/OverflowScroll.json +9 -0
- package/tokens/src/themes/light/components/PageBanner.json +24 -0
- package/tokens/src/themes/light/components/Pagination.json +40 -0
- package/tokens/src/themes/light/components/Popover.json +55 -0
- package/tokens/src/themes/light/components/ProductTour.json +35 -0
- package/tokens/src/themes/light/components/ProgressBar.json +20 -0
- package/tokens/src/themes/light/components/Scrollable.json +14 -0
- package/tokens/src/themes/light/components/SearchField.json +25 -0
- package/tokens/src/themes/light/components/Sheet.json +22 -0
- package/tokens/src/themes/light/components/Stepper.json +34 -0
- package/tokens/src/themes/light/components/Sticky.json +18 -0
- package/tokens/src/themes/light/components/Tab.json +55 -0
- package/tokens/src/themes/light/components/Toast.json +33 -0
- package/tokens/src/themes/light/components/Tooltip.json +30 -0
- package/tokens/src/themes/light/components/general/body.json +8 -0
- package/tokens/src/themes/light/components/general/headings.json +7 -0
- package/tokens/src/themes/light/components/general/hr.json +15 -0
- package/tokens/src/themes/light/components/general/input.json +18 -0
- package/tokens/src/themes/light/components/general/link.json +109 -0
- package/tokens/src/themes/light/components/general/list.json +38 -0
- package/tokens/src/themes/light/components/general/text.json +6 -0
- package/tokens/src/themes/light/global/color.json +1661 -0
- package/tokens/src/themes/light/global/elevation.json +201 -0
- package/tokens/src/themes/light/global/other.json +4 -0
- package/tokens/style-dictionary.js +223 -0
- package/tokens/utils.js +210 -0
- package/dist/ActionRow/_variables.scss +0 -2
- package/dist/Alert/_variables.scss +0 -24
- package/dist/Annotation/_variables.scss +0 -18
- package/dist/Avatar/_variables.scss +0 -10
- package/dist/AvatarButton/_variables.scss +0 -3
- package/dist/Badge/_variables.scss +0 -16
- package/dist/Breadcrumb/_variables.scss +0 -27
- package/dist/Bubble/_variables.scss +0 -8
- package/dist/Button/_variables.scss +0 -50
- package/dist/Button/deprecated/index.js +0 -128
- package/dist/Button/deprecated/index.js.map +0 -1
- package/dist/Card/_variables.scss +0 -56
- package/dist/Carousel/_variables.scss +0 -27
- package/dist/CheckBox/index.js +0 -72
- package/dist/CheckBox/index.js.map +0 -1
- package/dist/CheckBoxGroup/index.js +0 -15
- package/dist/CheckBoxGroup/index.js.map +0 -1
- package/dist/Chip/_variables.scss +0 -19
- package/dist/ChipCarousel/_variables.scss +0 -1
- package/dist/CloseButton/_variables.scss +0 -6
- package/dist/Code/_variables.scss +0 -17
- package/dist/Collapsible/_variables.scss +0 -12
- package/dist/ColorPicker/_variables.scss +0 -2
- package/dist/Container/_variables.scss +0 -5
- package/dist/DataTable/_variables.scss +0 -11
- package/dist/Dropdown/_variables.scss +0 -33
- package/dist/Dropdown/deprecated/DropdownButton.js +0 -48
- package/dist/Dropdown/deprecated/DropdownButton.js.map +0 -1
- package/dist/Dropdown/deprecated/DropdownItem.js +0 -34
- package/dist/Dropdown/deprecated/DropdownItem.js.map +0 -1
- package/dist/Dropdown/deprecated/DropdownMenu.js +0 -50
- package/dist/Dropdown/deprecated/DropdownMenu.js.map +0 -1
- package/dist/Dropdown/deprecated/index.js +0 -209
- package/dist/Dropdown/deprecated/index.js.map +0 -1
- package/dist/Dropzone/_variables.scss +0 -9
- package/dist/Fieldset/index.js +0 -92
- package/dist/Fieldset/index.js.map +0 -1
- package/dist/Fieldset/index.scss +0 -12
- package/dist/Form/_variables.scss +0 -267
- package/dist/Icon/_variables.scss +0 -7
- package/dist/Image/_variables.scss +0 -13
- package/dist/Input/index.js +0 -136
- package/dist/Input/index.js.map +0 -1
- package/dist/InputSelect/index.js +0 -78
- package/dist/InputSelect/index.js.map +0 -1
- package/dist/InputText/index.js +0 -43
- package/dist/InputText/index.js.map +0 -1
- package/dist/ListBox/index.js +0 -116
- package/dist/ListBox/index.js.map +0 -1
- package/dist/ListBoxOption/index.js +0 -71
- package/dist/ListBoxOption/index.js.map +0 -1
- package/dist/Menu/_variables.scss +0 -24
- package/dist/Modal/_variables.scss +0 -50
- package/dist/Modal/index.js +0 -260
- package/dist/Modal/index.js.map +0 -1
- package/dist/Nav/_variables.scss +0 -59
- package/dist/Navbar/_variables.scss +0 -40
- package/dist/OverflowScroll/_variables.scss +0 -5
- package/dist/OverflowScroll/index.scss +0 -1
- package/dist/Pagination/_variables.scss +0 -52
- package/dist/Popover/_variables.scss +0 -36
- package/dist/ProductTour/_variables.scss +0 -15
- package/dist/ProgressBar/_variables.scss +0 -23
- package/dist/RadioButtonGroup/index.js +0 -157
- package/dist/RadioButtonGroup/index.js.map +0 -1
- package/dist/SearchField/_variables.scss +0 -16
- package/dist/SelectableBox/_variables.scss +0 -5
- package/dist/Spinner/_variables.scss +0 -9
- package/dist/Stack/_variables.scss +0 -1
- package/dist/StatusAlert/index.js +0 -130
- package/dist/StatusAlert/index.js.map +0 -1
- package/dist/Stepper/_variables.scss +0 -18
- package/dist/Sticky/_variables.scss +0 -3
- package/dist/Table/_variables.scss +0 -34
- package/dist/Table/index.js +0 -198
- package/dist/Table/index.js.map +0 -1
- package/dist/Table/index.scss +0 -12
- package/dist/Tabs/_variables.scss +0 -24
- package/dist/Tabs/deprecated/Tabs.scss +0 -3
- package/dist/Tabs/deprecated/index.js +0 -90
- package/dist/Tabs/deprecated/index.js.map +0 -1
- package/dist/TextArea/index.js +0 -42
- package/dist/TextArea/index.js.map +0 -1
- package/dist/Toast/_variables.scss +0 -19
- package/dist/Tooltip/_variables.scss +0 -21
- package/dist/ValidationFormGroup/index.js +0 -105
- package/dist/ValidationFormGroup/index.js.map +0 -1
- package/dist/paragon.css +0 -39
- package/scss/core/_grid.scss +0 -21
- package/scss/core/_variables.scss +0 -875
- package/scss/core/core.scss +0 -21
- package/src/ActionRow/_variables.scss +0 -2
- package/src/Alert/_variables.scss +0 -24
- package/src/Annotation/_variables.scss +0 -18
- package/src/Avatar/_variables.scss +0 -10
- package/src/AvatarButton/_variables.scss +0 -3
- package/src/Badge/_variables.scss +0 -16
- package/src/Breadcrumb/_variables.scss +0 -27
- package/src/Bubble/_variables.scss +0 -8
- package/src/Button/_variables.scss +0 -50
- package/src/Button/deprecated/Button.test.jsx +0 -34
- package/src/Button/deprecated/index.jsx +0 -145
- package/src/Card/_variables.scss +0 -56
- package/src/Carousel/_variables.scss +0 -27
- package/src/CheckBox/CheckBox.test.jsx +0 -65
- package/src/CheckBox/README.md +0 -93
- package/src/CheckBox/index.jsx +0 -80
- package/src/CheckBoxGroup/CheckBoxGroup.test.jsx +0 -33
- package/src/CheckBoxGroup/README.md +0 -35
- package/src/CheckBoxGroup/index.jsx +0 -19
- package/src/Chip/_variables.scss +0 -19
- package/src/ChipCarousel/_variables.scss +0 -1
- package/src/CloseButton/_variables.scss +0 -6
- package/src/Code/_variables.scss +0 -17
- package/src/Collapsible/_variables.scss +0 -12
- package/src/ColorPicker/_variables.scss +0 -2
- package/src/Container/_variables.scss +0 -5
- package/src/DataTable/_variables.scss +0 -11
- package/src/Dropdown/_variables.scss +0 -33
- package/src/Dropdown/deprecated/Dropdown.test.jsx +0 -238
- package/src/Dropdown/deprecated/DropdownButton.jsx +0 -52
- package/src/Dropdown/deprecated/DropdownItem.jsx +0 -34
- package/src/Dropdown/deprecated/DropdownMenu.jsx +0 -50
- package/src/Dropdown/deprecated/__snapshots__/Dropdown.test.jsx.snap +0 -229
- package/src/Dropdown/deprecated/index.jsx +0 -222
- package/src/Dropzone/_variables.scss +0 -9
- package/src/Fieldset/Fieldset.test.jsx +0 -101
- package/src/Fieldset/README.md +0 -146
- package/src/Fieldset/index.jsx +0 -107
- package/src/Fieldset/index.scss +0 -12
- package/src/Form/_variables.scss +0 -267
- package/src/Icon/_variables.scss +0 -7
- package/src/Image/_variables.scss +0 -13
- package/src/Input/README.md +0 -74
- package/src/Input/__snapshots__/input.test.jsx.snap +0 -53
- package/src/Input/index.jsx +0 -151
- package/src/Input/input.test.jsx +0 -85
- package/src/InputSelect/README.md +0 -136
- package/src/InputSelect/index.jsx +0 -92
- package/src/InputText/InputText.test.jsx +0 -74
- package/src/InputText/README.md +0 -293
- package/src/InputText/index.jsx +0 -49
- package/src/ListBox/ListBox.test.jsx +0 -161
- package/src/ListBox/README.md +0 -185
- package/src/ListBox/index.jsx +0 -115
- package/src/ListBoxOption/ListBoxOption.test.jsx +0 -154
- package/src/ListBoxOption/index.jsx +0 -78
- package/src/Menu/_variables.scss +0 -24
- package/src/Modal/README.md +0 -148
- package/src/Modal/_variables.scss +0 -50
- package/src/Modal/index.jsx +0 -314
- package/src/Modal/tests/Modal.test.jsx +0 -261
- package/src/Nav/_variables.scss +0 -59
- package/src/Navbar/_variables.scss +0 -40
- package/src/OverflowScroll/_variables.scss +0 -5
- package/src/OverflowScroll/index.scss +0 -1
- package/src/Pagination/_variables.scss +0 -52
- package/src/Popover/_variables.scss +0 -36
- package/src/ProductTour/_variables.scss +0 -15
- package/src/ProgressBar/_variables.scss +0 -23
- package/src/RadioButtonGroup/README.md +0 -50
- package/src/RadioButtonGroup/RadioButtonGroup.test.jsx +0 -127
- package/src/RadioButtonGroup/index.jsx +0 -185
- package/src/SearchField/_variables.scss +0 -16
- package/src/SelectableBox/_variables.scss +0 -5
- package/src/Spinner/_variables.scss +0 -9
- package/src/Stack/_variables.scss +0 -1
- package/src/StatusAlert/README.md +0 -149
- package/src/StatusAlert/StatusAlert.test.jsx +0 -150
- package/src/StatusAlert/index.jsx +0 -144
- package/src/Stepper/_variables.scss +0 -18
- package/src/Sticky/_variables.scss +0 -3
- package/src/Table/README.md +0 -506
- package/src/Table/Table.test.jsx +0 -367
- package/src/Table/_variables.scss +0 -34
- package/src/Table/index.jsx +0 -264
- package/src/Table/index.scss +0 -12
- package/src/Tabs/_variables.scss +0 -24
- package/src/Tabs/deprecated/Tabs.scss +0 -3
- package/src/Tabs/deprecated/Tabs.test.jsx +0 -50
- package/src/Tabs/deprecated/index.jsx +0 -117
- package/src/TextArea/README.md +0 -63
- package/src/TextArea/index.jsx +0 -48
- package/src/Toast/_variables.scss +0 -19
- package/src/Tooltip/_variables.scss +0 -21
- package/src/ValidationFormGroup/README.md +0 -116
- package/src/ValidationFormGroup/ValidationFormGroup.test.jsx +0 -146
- package/src/ValidationFormGroup/__snapshots__/ValidationFormGroup.test.jsx.snap +0 -161
- package/src/ValidationFormGroup/index.jsx +0 -114
- /package/{scss → styles/scss}/core/_exports.module.scss +0 -0
- /package/{scss → styles/scss}/core/_typography.scss +0 -0
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
$avatar-border-radius: 100% !default;
|
|
2
|
-
$avatar-border: solid 1px $light-300 !default;
|
|
3
|
-
|
|
4
|
-
$avatar-size-xs: 1.5rem !default;
|
|
5
|
-
$avatar-size-sm: 2.25rem !default;
|
|
6
|
-
$avatar-size: 3rem !default;
|
|
7
|
-
$avatar-size-lg: 4rem !default;
|
|
8
|
-
$avatar-size-xl: 6rem !default;
|
|
9
|
-
$avatar-size-xxl: 11.5rem !default;
|
|
10
|
-
$avatar-size-huge: 18.75rem !default;
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
// Badges
|
|
2
|
-
|
|
3
|
-
$badge-font-size: 75% !default;
|
|
4
|
-
$badge-font-weight: $font-weight-bold !default;
|
|
5
|
-
$badge-padding-y: .125rem !default;
|
|
6
|
-
$badge-padding-x: .5rem !default;
|
|
7
|
-
$badge-border-radius: .25rem !default;
|
|
8
|
-
|
|
9
|
-
$badge-transition: none !default;
|
|
10
|
-
$badge-focus-width: $input-btn-focus-width !default;
|
|
11
|
-
|
|
12
|
-
$badge-pill-padding-x: .6em !default;
|
|
13
|
-
|
|
14
|
-
// Use a higher than normal value to ensure completely rounded edges when
|
|
15
|
-
// customizing padding or font-size on labels.
|
|
16
|
-
$badge-pill-border-radius: 10rem !default;
|
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
// Breadcrumbs
|
|
2
|
-
|
|
3
|
-
$breadcrumb-font-size: null !default;
|
|
4
|
-
|
|
5
|
-
$breadcrumb-padding-y: .75rem !default;
|
|
6
|
-
$breadcrumb-padding-x: 1rem !default;
|
|
7
|
-
$breadcrumb-item-padding: .5rem !default;
|
|
8
|
-
|
|
9
|
-
$breadcrumb-margin-bottom: 1rem !default;
|
|
10
|
-
$breadcrumb-margin-left: .5rem !default;
|
|
11
|
-
|
|
12
|
-
$breadcrumb-border-focus-axis-x: .25rem !default;
|
|
13
|
-
$breadcrumb-border-focus-axis-y: .5rem !default;
|
|
14
|
-
|
|
15
|
-
$breadcrumb-border-focus-width: .0625rem !default;
|
|
16
|
-
|
|
17
|
-
$breadcrumb-bg: $gray-200 !default;
|
|
18
|
-
$breadcrumb-divider-color: $gray-600 !default;
|
|
19
|
-
$breadcrumb-active-color: $gray-500 !default;
|
|
20
|
-
$breadcrumb-inverse-active: $light-500 !default;
|
|
21
|
-
$breadcrumb-inverse-spacer: $light-700 !default;
|
|
22
|
-
$breadcrumb-color: $primary-500 !default;
|
|
23
|
-
$breadcrumb-inverse-color: $white !default;
|
|
24
|
-
$breadcrumb-divider: "/" !default;
|
|
25
|
-
|
|
26
|
-
$breadcrumb-border-radius: $border-radius !default;
|
|
27
|
-
$breadcrumb-focus-border-radius: .125rem !default;
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
$bubble-variants: (
|
|
2
|
-
"success": ( "background-color": $success, "color": $white ),
|
|
3
|
-
"warning": ( "background-color": $warning, "color": $white ),
|
|
4
|
-
"error": ( "background-color": $danger, "color": $white ),
|
|
5
|
-
"primary": ( "background-color": $primary, "color": $white ),
|
|
6
|
-
) !default;
|
|
7
|
-
$bubble-expandable-padding-x: .25rem !default;
|
|
8
|
-
$bubble-expandable-padding-y: 0 !default;
|
|
@@ -1,50 +0,0 @@
|
|
|
1
|
-
$btn-padding-y: $input-btn-padding-y !default;
|
|
2
|
-
$btn-padding-x: $input-btn-padding-x !default;
|
|
3
|
-
$btn-font-family: $input-btn-font-family !default;
|
|
4
|
-
$btn-font-size: $input-btn-font-size !default;
|
|
5
|
-
$btn-line-height: $input-btn-line-height !default;
|
|
6
|
-
|
|
7
|
-
$btn-padding-y-sm: $input-btn-padding-y-sm !default;
|
|
8
|
-
$btn-padding-x-sm: $input-btn-padding-x-sm !default;
|
|
9
|
-
$btn-font-size-sm: $input-btn-font-size-sm !default;
|
|
10
|
-
$btn-line-height-sm: $input-btn-line-height-sm !default;
|
|
11
|
-
|
|
12
|
-
$btn-padding-y-lg: $input-btn-padding-y-lg !default;
|
|
13
|
-
$btn-padding-x-lg: $input-btn-padding-x-lg !default;
|
|
14
|
-
$btn-font-size-lg: $input-btn-font-size-lg !default;
|
|
15
|
-
$btn-line-height-lg: $input-btn-line-height-lg !default;
|
|
16
|
-
|
|
17
|
-
$btn-border-width: $input-btn-border-width !default;
|
|
18
|
-
|
|
19
|
-
$btn-font-weight: $font-weight-normal !default;
|
|
20
|
-
$btn-box-shadow: inset 0 1px 0 rgba($white, .15), 0 1px 1px rgba($black, .075) !default;
|
|
21
|
-
$btn-focus-width: 2px !default;
|
|
22
|
-
$btn-focus-gap: 1px !default;
|
|
23
|
-
$btn-focus-box-shadow: $input-btn-focus-box-shadow !default;
|
|
24
|
-
$btn-disabled-opacity: .65 !default;
|
|
25
|
-
$btn-active-box-shadow: none;
|
|
26
|
-
|
|
27
|
-
$btn-tertiary-color: $gray-700 !default;
|
|
28
|
-
$btn-tertiary-bg: transparent !default;
|
|
29
|
-
$btn-tertiary-hover-bg: $light-500 !default;
|
|
30
|
-
$btn-tertiary-active-bg: $light-500 !default;
|
|
31
|
-
$btn-inverse-tertiary-color: $white !default;
|
|
32
|
-
$btn-inverse-tertiary-bg: transparent !default;
|
|
33
|
-
$btn-inverse-tertiary-hover-bg: rgba(255, 255, 255, .1) !default;
|
|
34
|
-
$btn-inverse-tertiary-active-bg: rgba(255, 255, 255, .1) !default;
|
|
35
|
-
|
|
36
|
-
$btn-link-disabled-color: theme-color("gray", "light-text") !default;
|
|
37
|
-
|
|
38
|
-
$btn-block-spacing-y: .5rem !default;
|
|
39
|
-
|
|
40
|
-
// Allows for customizing button radius independently from global border radius
|
|
41
|
-
$btn-border-radius: $border-radius !default;
|
|
42
|
-
$btn-border-radius-lg: $border-radius-lg !default;
|
|
43
|
-
$btn-border-radius-sm: $border-radius-sm !default;
|
|
44
|
-
|
|
45
|
-
$btn-transition: null;
|
|
46
|
-
|
|
47
|
-
$btn-focus-border-gap: $btn-focus-width + $btn-focus-gap !default;
|
|
48
|
-
$btn-focus-distance-to-border: $btn-focus-border-gap + $btn-border-width !default;
|
|
49
|
-
|
|
50
|
-
$btn-focus-border-radius: calc(#{$btn-border-radius} + #{$btn-focus-border-gap}) !default;
|
|
@@ -1,128 +0,0 @@
|
|
|
1
|
-
const _excluded = ["buttonType", "className", "children", "isClose", "type", "inputRef"];
|
|
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
|
-
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
|
-
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
|
-
import React from 'react';
|
|
6
|
-
import classNames from 'classnames';
|
|
7
|
-
import PropTypes from 'prop-types';
|
|
8
|
-
import withDeprecatedProps, { DeprTypes } from '../../withDeprecatedProps';
|
|
9
|
-
class DeprecatedButton extends React.Component {
|
|
10
|
-
constructor(props) {
|
|
11
|
-
super(props);
|
|
12
|
-
const {
|
|
13
|
-
onBlur,
|
|
14
|
-
onKeyDown
|
|
15
|
-
} = props;
|
|
16
|
-
this.onBlur = onBlur.bind(this);
|
|
17
|
-
this.onKeyDown = onKeyDown.bind(this);
|
|
18
|
-
this.onClick = this.onClick.bind(this);
|
|
19
|
-
this.setRefs = this.setRefs.bind(this);
|
|
20
|
-
}
|
|
21
|
-
|
|
22
|
-
/*
|
|
23
|
-
The button component is given focus explicitly in its onClick to account
|
|
24
|
-
for the fact that an HTML <button> element in Firefox and Safari does not get
|
|
25
|
-
focus on onClick.
|
|
26
|
-
See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button.
|
|
27
|
-
*/
|
|
28
|
-
onClick(e) {
|
|
29
|
-
this.buttonRef.focus();
|
|
30
|
-
this.props.onClick(e);
|
|
31
|
-
}
|
|
32
|
-
|
|
33
|
-
/*
|
|
34
|
-
The button component needs a ref to itself to be able to force
|
|
35
|
-
focus in its onClick function (buttonRef). It also needs to accept
|
|
36
|
-
a callback function from parent components to give those parents
|
|
37
|
-
a reference to their child button (e.g. for the modal component).
|
|
38
|
-
Therefore, both have been wrapped in a function bound on the class,
|
|
39
|
-
since one cannot set two ref attributes on a component.
|
|
40
|
-
*/
|
|
41
|
-
setRefs(input) {
|
|
42
|
-
this.buttonRef = input;
|
|
43
|
-
this.props.inputRef(input);
|
|
44
|
-
}
|
|
45
|
-
render() {
|
|
46
|
-
const _this$props = this.props,
|
|
47
|
-
{
|
|
48
|
-
buttonType,
|
|
49
|
-
className,
|
|
50
|
-
children,
|
|
51
|
-
isClose,
|
|
52
|
-
type,
|
|
53
|
-
/* inputRef is not used directly in the render, but it needs to be assigned
|
|
54
|
-
here to prevent it from being passed to the HTML button component as part
|
|
55
|
-
of other.
|
|
56
|
-
*/
|
|
57
|
-
inputRef
|
|
58
|
-
} = _this$props,
|
|
59
|
-
other = _objectWithoutProperties(_this$props, _excluded);
|
|
60
|
-
return /*#__PURE__*/React.createElement("button", _extends({}, other, {
|
|
61
|
-
className: classNames(['btn', className], {
|
|
62
|
-
[`btn-${buttonType}`]: buttonType !== undefined
|
|
63
|
-
}, {
|
|
64
|
-
close: isClose
|
|
65
|
-
}),
|
|
66
|
-
onBlur: this.onBlur,
|
|
67
|
-
onClick: this.onClick,
|
|
68
|
-
onKeyDown: this.onKeyDown
|
|
69
|
-
// eslint-disable-next-line react/button-has-type
|
|
70
|
-
,
|
|
71
|
-
type: type,
|
|
72
|
-
ref: this.setRefs
|
|
73
|
-
}), children);
|
|
74
|
-
}
|
|
75
|
-
}
|
|
76
|
-
export const buttonPropTypes = {
|
|
77
|
-
/** Used to determine the type of button to be rendered. See [Bootstrap's buttons documentation](https://getbootstrap.com/docs/4.0/components/buttons/) for a list of applicable button types. For example, `buttonType="light"`. The default is `undefined`. */
|
|
78
|
-
buttonType: PropTypes.string,
|
|
79
|
-
/** Specifies Bootstrap class names to apply to the button. See [Bootstrap's buttons documentation](https://getbootstrap.com/docs/4.0/components/buttons/) for a list of applicable class names. The default is an empty array. */
|
|
80
|
-
className: PropTypes.string,
|
|
81
|
-
/** Specifies the text that is displayed within the button. */
|
|
82
|
-
children: PropTypes.node.isRequired,
|
|
83
|
-
// eslint-disable-next-line max-len
|
|
84
|
-
/** A function that defines a reference for the button. An example `inputRef` from the calling component could look something like: `inputRef={(input) => { this.button = input; }}`. The default is an empty function. */
|
|
85
|
-
inputRef: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({
|
|
86
|
-
current: PropTypes.instanceOf(PropTypes.element)
|
|
87
|
-
})]),
|
|
88
|
-
/** Used to determine if the button is a "Close" style button to leverage bootstrap styling. Example use case is with the Status Alert [dismiss button](https://getbootstrap.com/docs/4.0/components/alerts/#dismissing). The default is false. */
|
|
89
|
-
isClose: PropTypes.bool,
|
|
90
|
-
// eslint-disable-next-line max-len
|
|
91
|
-
/** A function that would specify what the button should do when the `onBlur` event is triggered. For example, the button could change in color or `buttonType` when focus is changed. The default is an empty function. */
|
|
92
|
-
onBlur: PropTypes.func,
|
|
93
|
-
// eslint-disable-next-line max-len
|
|
94
|
-
/** A function that would specify what the button should do when the `onClick` event is triggered. For example, the button could launch a `Modal`. The default is an empty function. */
|
|
95
|
-
onClick: PropTypes.func,
|
|
96
|
-
// eslint-disable-next-line max-len
|
|
97
|
-
/** A function that would specify what the button should do when the `onKeyDown` event is triggered. For example, this could handle using the `Escape` key to trigger the button's action. The default is an empty function. */
|
|
98
|
-
onKeyDown: PropTypes.func,
|
|
99
|
-
/** Used to set the `type` attribute on the `button` tag. The default type is `button`. */
|
|
100
|
-
type: PropTypes.string,
|
|
101
|
-
/** Specifies variant to use. */
|
|
102
|
-
variant: PropTypes.oneOf(['primary', 'secondary', 'success', 'danger', 'warning', 'info', 'dark', 'light', 'link', 'outline-primary', 'outline-secondary', 'outline-success', 'outline-danger', 'outline-warning', 'outline-info', 'outline-dark', 'outline-light'])
|
|
103
|
-
};
|
|
104
|
-
DeprecatedButton.propTypes = buttonPropTypes;
|
|
105
|
-
DeprecatedButton.defaultProps = {
|
|
106
|
-
buttonType: undefined,
|
|
107
|
-
className: undefined,
|
|
108
|
-
inputRef: () => {},
|
|
109
|
-
isClose: false,
|
|
110
|
-
onBlur: () => {},
|
|
111
|
-
onKeyDown: () => {},
|
|
112
|
-
onClick: () => {},
|
|
113
|
-
type: 'button',
|
|
114
|
-
variant: 'outline-primary'
|
|
115
|
-
};
|
|
116
|
-
export default withDeprecatedProps(DeprecatedButton, 'Button', {
|
|
117
|
-
label: {
|
|
118
|
-
deprType: DeprTypes.MOVED,
|
|
119
|
-
newName: 'children'
|
|
120
|
-
},
|
|
121
|
-
className: {
|
|
122
|
-
deprType: DeprTypes.FORMAT,
|
|
123
|
-
expect: value => typeof value === 'string',
|
|
124
|
-
transform: value => Array.isArray(value) ? value.join(' ') : value,
|
|
125
|
-
message: 'It should be a string.'
|
|
126
|
-
}
|
|
127
|
-
});
|
|
128
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["React","classNames","PropTypes","withDeprecatedProps","DeprTypes","DeprecatedButton","Component","constructor","props","onBlur","onKeyDown","bind","onClick","setRefs","e","buttonRef","focus","input","inputRef","render","_this$props","buttonType","className","children","isClose","type","other","_objectWithoutProperties","_excluded","createElement","_extends","undefined","close","ref","buttonPropTypes","string","node","isRequired","oneOfType","func","shape","current","instanceOf","element","bool","variant","oneOf","propTypes","defaultProps","label","deprType","MOVED","newName","FORMAT","expect","value","transform","Array","isArray","join","message"],"sources":["../../../src/Button/deprecated/index.jsx"],"sourcesContent":["import React from 'react';\nimport classNames from 'classnames';\nimport PropTypes from 'prop-types';\n\nimport withDeprecatedProps, { DeprTypes } from '../../withDeprecatedProps';\n\nclass DeprecatedButton extends React.Component {\n constructor(props) {\n super(props);\n\n const {\n onBlur,\n onKeyDown,\n } = props;\n\n this.onBlur = onBlur.bind(this);\n this.onKeyDown = onKeyDown.bind(this);\n this.onClick = this.onClick.bind(this);\n this.setRefs = this.setRefs.bind(this);\n }\n\n /*\n The button component is given focus explicitly in its onClick to account\n for the fact that an HTML <button> element in Firefox and Safari does not get\n focus on onClick.\n\n See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button.\n */\n onClick(e) {\n this.buttonRef.focus();\n this.props.onClick(e);\n }\n\n /*\n The button component needs a ref to itself to be able to force\n focus in its onClick function (buttonRef). It also needs to accept\n a callback function from parent components to give those parents\n a reference to their child button (e.g. for the modal component).\n Therefore, both have been wrapped in a function bound on the class,\n since one cannot set two ref attributes on a component.\n */\n setRefs(input) {\n this.buttonRef = input;\n this.props.inputRef(input);\n }\n\n render() {\n const {\n buttonType,\n className,\n children,\n isClose,\n type,\n /* inputRef is not used directly in the render, but it needs to be assigned\n here to prevent it from being passed to the HTML button component as part\n of other.\n */\n inputRef,\n ...other\n } = this.props;\n\n return (\n <button\n {...other}\n className={classNames([\n 'btn',\n className,\n ], {\n [`btn-${buttonType}`]: buttonType !== undefined,\n }, {\n close: isClose,\n })}\n onBlur={this.onBlur}\n onClick={this.onClick}\n onKeyDown={this.onKeyDown}\n // eslint-disable-next-line react/button-has-type\n type={type}\n ref={this.setRefs}\n\n >\n {children}\n </button>\n );\n }\n}\n\nexport const buttonPropTypes = {\n /** Used to determine the type of button to be rendered. See [Bootstrap's buttons documentation](https://getbootstrap.com/docs/4.0/components/buttons/) for a list of applicable button types. For example, `buttonType=\"light\"`. The default is `undefined`. */\n buttonType: PropTypes.string,\n /** Specifies Bootstrap class names to apply to the button. See [Bootstrap's buttons documentation](https://getbootstrap.com/docs/4.0/components/buttons/) for a list of applicable class names. The default is an empty array. */\n className: PropTypes.string,\n /** Specifies the text that is displayed within the button. */\n children: PropTypes.node.isRequired,\n // eslint-disable-next-line max-len\n /** A function that defines a reference for the button. An example `inputRef` from the calling component could look something like: `inputRef={(input) => { this.button = input; }}`. The default is an empty function. */\n inputRef: PropTypes.oneOfType([\n PropTypes.func,\n PropTypes.shape({ current: PropTypes.instanceOf(PropTypes.element) }),\n ]),\n /** Used to determine if the button is a \"Close\" style button to leverage bootstrap styling. Example use case is with the Status Alert [dismiss button](https://getbootstrap.com/docs/4.0/components/alerts/#dismissing). The default is false. */\n isClose: PropTypes.bool,\n // eslint-disable-next-line max-len\n /** A function that would specify what the button should do when the `onBlur` event is triggered. For example, the button could change in color or `buttonType` when focus is changed. The default is an empty function. */\n onBlur: PropTypes.func,\n // eslint-disable-next-line max-len\n /** A function that would specify what the button should do when the `onClick` event is triggered. For example, the button could launch a `Modal`. The default is an empty function. */\n onClick: PropTypes.func,\n // eslint-disable-next-line max-len\n /** A function that would specify what the button should do when the `onKeyDown` event is triggered. For example, this could handle using the `Escape` key to trigger the button's action. The default is an empty function. */\n onKeyDown: PropTypes.func,\n /** Used to set the `type` attribute on the `button` tag. The default type is `button`. */\n type: PropTypes.string,\n /** Specifies variant to use. */\n variant: PropTypes.oneOf([\n 'primary', 'secondary', 'success', 'danger', 'warning', 'info', 'dark', 'light', 'link', 'outline-primary',\n 'outline-secondary', 'outline-success', 'outline-danger', 'outline-warning', 'outline-info', 'outline-dark', 'outline-light',\n ]),\n};\n\nDeprecatedButton.propTypes = buttonPropTypes;\n\nDeprecatedButton.defaultProps = {\n buttonType: undefined,\n className: undefined,\n inputRef: () => {},\n isClose: false,\n onBlur: () => {},\n onKeyDown: () => {},\n onClick: () => {},\n type: 'button',\n variant: 'outline-primary',\n};\n\nexport default withDeprecatedProps(DeprecatedButton, 'Button', {\n label: {\n deprType: DeprTypes.MOVED,\n newName: 'children',\n },\n className: {\n deprType: DeprTypes.FORMAT,\n expect: value => typeof value === 'string',\n transform: value => (Array.isArray(value) ? value.join(' ') : value),\n message: 'It should be a string.',\n },\n});\n"],"mappings":"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"}
|
|
@@ -1,56 +0,0 @@
|
|
|
1
|
-
// Card
|
|
2
|
-
|
|
3
|
-
$card-spacer-y: .75rem !default;
|
|
4
|
-
$card-spacer-x: 1.25rem !default;
|
|
5
|
-
$card-border-width: $border-width !default;
|
|
6
|
-
$card-border-radius: $border-radius !default;
|
|
7
|
-
$card-border-color: rgba($black, .125) !default;
|
|
8
|
-
$card-border-focus-color: $primary-500 !default;
|
|
9
|
-
$card-border-focus-color-dark: theme-color("primary", "focus") !default;
|
|
10
|
-
$card-inner-border-radius: subtract($card-border-radius, $card-border-width) !default;
|
|
11
|
-
$card-cap-bg: rgba($black, .03) !default;
|
|
12
|
-
$card-cap-color: null !default;
|
|
13
|
-
$card-height: null !default;
|
|
14
|
-
$card-color: null !default;
|
|
15
|
-
$card-bg: $white !default;
|
|
16
|
-
$card-bg-dark: $primary-500 !default;
|
|
17
|
-
$card-bg-muted: $light-200 !default;
|
|
18
|
-
|
|
19
|
-
$card-img-overlay-padding: 1.25rem !default;
|
|
20
|
-
|
|
21
|
-
$card-group-margin: calc($grid-gutter-width / 2) !default;
|
|
22
|
-
$card-deck-margin: $card-group-margin !default;
|
|
23
|
-
$card-grid-margin: $card-group-margin !default;
|
|
24
|
-
$card-deck-margin-bottom: map_get($spacers, 3) !default;
|
|
25
|
-
$card-grid-margin-bottom: map_get($spacers, 3) !default;
|
|
26
|
-
|
|
27
|
-
$card-columns-count: 3 !default;
|
|
28
|
-
$card-columns-gap: 1.25rem !default;
|
|
29
|
-
$card-columns-margin: $card-spacer-y !default;
|
|
30
|
-
|
|
31
|
-
$card-divider-bg: $light-400 !default;
|
|
32
|
-
$card-divider-margin-y: $card-spacer-y !default;
|
|
33
|
-
|
|
34
|
-
$card-footer-actions-gap: .5rem !default;
|
|
35
|
-
|
|
36
|
-
$card-logo-left-offset: 1.5rem !default;
|
|
37
|
-
$card-logo-bottom-offset: 1rem !default;
|
|
38
|
-
$card-logo-left-offset-horizontal: .4375rem !default;
|
|
39
|
-
$card-logo-bottom-offset-horizontal: .4375rem !default;
|
|
40
|
-
|
|
41
|
-
$card-logo-width: 7.25rem !default;
|
|
42
|
-
$card-logo-height: 4.125rem !default;
|
|
43
|
-
|
|
44
|
-
$card-image-border-radius: $card-border-radius !default;
|
|
45
|
-
$card-logo-border-radius: .25rem !default;
|
|
46
|
-
|
|
47
|
-
$card-footer-text-font-size: $x-small-font-size;
|
|
48
|
-
|
|
49
|
-
$card-image-horizontal-max-width: 240px !default;
|
|
50
|
-
$card-image-horizontal-min-width: $card-image-horizontal-max-width !default;
|
|
51
|
-
$card-image-vertical-max-height: 140px !default;
|
|
52
|
-
$loading-skeleton-spacer: .313rem !default;
|
|
53
|
-
|
|
54
|
-
$card-focus-border-offset: 5px !default;
|
|
55
|
-
$card-focus-border-width: 2px !default;
|
|
56
|
-
$card-focus-border-radius: calc($card-focus-border-offset + $card-border-radius) !default;
|
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
// Carousel
|
|
2
|
-
|
|
3
|
-
$carousel-control-color: $white !default;
|
|
4
|
-
$carousel-control-width: 15% !default;
|
|
5
|
-
$carousel-control-opacity: .5 !default;
|
|
6
|
-
$carousel-control-hover-opacity: .9 !default;
|
|
7
|
-
$carousel-control-transition: opacity .15s ease !default;
|
|
8
|
-
|
|
9
|
-
$carousel-indicator-width: 30px !default;
|
|
10
|
-
$carousel-indicator-height: 3px !default;
|
|
11
|
-
$carousel-indicator-hit-area-height: 10px !default;
|
|
12
|
-
$carousel-indicator-spacer: 3px !default;
|
|
13
|
-
$carousel-indicator-active-bg: $white !default;
|
|
14
|
-
$carousel-indicator-transition: opacity .6s ease !default;
|
|
15
|
-
|
|
16
|
-
$carousel-caption-width: 70% !default;
|
|
17
|
-
$carousel-caption-color: $white !default;
|
|
18
|
-
|
|
19
|
-
$carousel-control-icon-width: 20px !default;
|
|
20
|
-
|
|
21
|
-
$carousel-control-prev-icon-bg: str-replace(url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color}' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3e%3c/svg%3e"), "#", "%23") !default;
|
|
22
|
-
$carousel-control-next-icon-bg: str-replace(url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color}' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3e%3c/svg%3e"), "#", "%23") !default;
|
|
23
|
-
|
|
24
|
-
$carousel-transition-duration: .6s !default;
|
|
25
|
-
|
|
26
|
-
// Define transform transition first if using multiple transitions (e.g., `transform 2s ease, opacity .5s ease-out`)
|
|
27
|
-
$carousel-transition: transform $carousel-transition-duration ease-in-out !default;
|
package/dist/CheckBox/index.js
DELETED
|
@@ -1,72 +0,0 @@
|
|
|
1
|
-
const _excluded = ["inputRef"];
|
|
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
|
-
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
|
-
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
|
-
import React from 'react';
|
|
6
|
-
import PropTypes from 'prop-types';
|
|
7
|
-
import asInput from '../asInput';
|
|
8
|
-
import withDeprecatedProps, { DeprTypes } from '../withDeprecatedProps';
|
|
9
|
-
class Check extends React.Component {
|
|
10
|
-
constructor(props) {
|
|
11
|
-
super(props);
|
|
12
|
-
this.onChange = this.onChange.bind(this);
|
|
13
|
-
this.state = {
|
|
14
|
-
checked: props.checked || false
|
|
15
|
-
};
|
|
16
|
-
}
|
|
17
|
-
|
|
18
|
-
/* eslint-disable react/no-did-update-set-state */
|
|
19
|
-
componentDidUpdate(prevProps) {
|
|
20
|
-
if (prevProps.checked !== this.props.checked) {
|
|
21
|
-
this.setState({
|
|
22
|
-
checked: this.props.checked
|
|
23
|
-
});
|
|
24
|
-
}
|
|
25
|
-
}
|
|
26
|
-
onChange(event) {
|
|
27
|
-
this.setState(prevState => ({
|
|
28
|
-
checked: !prevState.checked
|
|
29
|
-
}));
|
|
30
|
-
this.props.onChange(event);
|
|
31
|
-
}
|
|
32
|
-
render() {
|
|
33
|
-
const _this$props = this.props,
|
|
34
|
-
{
|
|
35
|
-
inputRef
|
|
36
|
-
} = _this$props,
|
|
37
|
-
others = _objectWithoutProperties(_this$props, _excluded);
|
|
38
|
-
return /*#__PURE__*/React.createElement("input", _extends({}, others, {
|
|
39
|
-
type: "checkbox",
|
|
40
|
-
ref: inputRef,
|
|
41
|
-
checked: this.state.checked,
|
|
42
|
-
"aria-checked": this.state.checked,
|
|
43
|
-
onChange: this.onChange
|
|
44
|
-
}));
|
|
45
|
-
}
|
|
46
|
-
}
|
|
47
|
-
Check.propTypes = {
|
|
48
|
-
// eslint-disable-next-line max-len
|
|
49
|
-
/** (`Boolean`): `true` if the state should be checked, `false` otherwise. This prop can be used to manage the Checkbox more directly, overriding the default Checkbox checked state. */
|
|
50
|
-
checked: PropTypes.bool,
|
|
51
|
-
/** (`Boolean`): `true` if the checkbox should be disabled, `false` otherwise */
|
|
52
|
-
onChange: PropTypes.func,
|
|
53
|
-
/** function to be called when the checkbox changes state */
|
|
54
|
-
inputRef: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({
|
|
55
|
-
current: PropTypes.instanceOf(PropTypes.element)
|
|
56
|
-
})])
|
|
57
|
-
};
|
|
58
|
-
Check.defaultProps = {
|
|
59
|
-
checked: false,
|
|
60
|
-
onChange: () => {},
|
|
61
|
-
inputRef: undefined
|
|
62
|
-
};
|
|
63
|
-
const CheckBox = asInput(withDeprecatedProps(Check, 'Checkbox', {
|
|
64
|
-
className: {
|
|
65
|
-
deprType: DeprTypes.FORMAT,
|
|
66
|
-
expect: value => typeof value === 'string',
|
|
67
|
-
transform: value => Array.isArray(value) ? value.join(' ') : value,
|
|
68
|
-
message: 'It should be a string.'
|
|
69
|
-
}
|
|
70
|
-
}), 'checkbox', false);
|
|
71
|
-
export default CheckBox;
|
|
72
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["React","PropTypes","asInput","withDeprecatedProps","DeprTypes","Check","Component","constructor","props","onChange","bind","state","checked","componentDidUpdate","prevProps","setState","event","prevState","render","_this$props","inputRef","others","_objectWithoutProperties","_excluded","createElement","_extends","type","ref","propTypes","bool","func","oneOfType","shape","current","instanceOf","element","defaultProps","undefined","CheckBox","className","deprType","FORMAT","expect","value","transform","Array","isArray","join","message"],"sources":["../../src/CheckBox/index.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport asInput from '../asInput';\nimport withDeprecatedProps, { DeprTypes } from '../withDeprecatedProps';\n\nclass Check extends React.Component {\n constructor(props) {\n super(props);\n\n this.onChange = this.onChange.bind(this);\n\n this.state = {\n checked: props.checked || false,\n };\n }\n\n /* eslint-disable react/no-did-update-set-state */\n componentDidUpdate(prevProps) {\n if (prevProps.checked !== this.props.checked) {\n this.setState({\n checked: this.props.checked,\n });\n }\n }\n\n onChange(event) {\n this.setState(prevState => ({\n checked: !prevState.checked,\n }));\n this.props.onChange(event);\n }\n\n render() {\n const {\n inputRef,\n ...others\n } = this.props;\n return (\n <input\n {...others}\n type=\"checkbox\"\n ref={inputRef}\n checked={this.state.checked}\n aria-checked={this.state.checked}\n onChange={this.onChange}\n />\n );\n }\n}\n\nCheck.propTypes = {\n // eslint-disable-next-line max-len\n /** (`Boolean`): `true` if the state should be checked, `false` otherwise. This prop can be used to manage the Checkbox more directly, overriding the default Checkbox checked state. */\n checked: PropTypes.bool,\n /** (`Boolean`): `true` if the checkbox should be disabled, `false` otherwise */\n onChange: PropTypes.func,\n /** function to be called when the checkbox changes state */\n inputRef: PropTypes.oneOfType([\n PropTypes.func,\n PropTypes.shape({ current: PropTypes.instanceOf(PropTypes.element) }),\n ]),\n};\n\nCheck.defaultProps = {\n checked: false,\n onChange: () => {},\n inputRef: undefined,\n};\n\nconst CheckBox = asInput(withDeprecatedProps(Check, 'Checkbox', {\n className: {\n deprType: DeprTypes.FORMAT,\n expect: value => typeof value === 'string',\n transform: value => (Array.isArray(value) ? value.join(' ') : value),\n message: 'It should be a string.',\n },\n}), 'checkbox', false);\n\nexport default CheckBox;\n"],"mappings":";;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAElC,OAAOC,OAAO,MAAM,YAAY;AAChC,OAAOC,mBAAmB,IAAIC,SAAS,QAAQ,wBAAwB;AAEvE,MAAMC,KAAK,SAASL,KAAK,CAACM,SAAS,CAAC;EAClCC,WAAWA,CAACC,KAAK,EAAE;IACjB,KAAK,CAACA,KAAK,CAAC;IAEZ,IAAI,CAACC,QAAQ,GAAG,IAAI,CAACA,QAAQ,CAACC,IAAI,CAAC,IAAI,CAAC;IAExC,IAAI,CAACC,KAAK,GAAG;MACXC,OAAO,EAAEJ,KAAK,CAACI,OAAO,IAAI;IAC5B,CAAC;EACH;;EAEA;EACAC,kBAAkBA,CAACC,SAAS,EAAE;IAC5B,IAAIA,SAAS,CAACF,OAAO,KAAK,IAAI,CAACJ,KAAK,CAACI,OAAO,EAAE;MAC5C,IAAI,CAACG,QAAQ,CAAC;QACZH,OAAO,EAAE,IAAI,CAACJ,KAAK,CAACI;MACtB,CAAC,CAAC;IACJ;EACF;EAEAH,QAAQA,CAACO,KAAK,EAAE;IACd,IAAI,CAACD,QAAQ,CAACE,SAAS,KAAK;MAC1BL,OAAO,EAAE,CAACK,SAAS,CAACL;IACtB,CAAC,CAAC,CAAC;IACH,IAAI,CAACJ,KAAK,CAACC,QAAQ,CAACO,KAAK,CAAC;EAC5B;EAEAE,MAAMA,CAAA,EAAG;IACP,MAAAC,WAAA,GAGI,IAAI,CAACX,KAAK;MAHR;QACJY;MAEF,CAAC,GAAAD,WAAA;MADIE,MAAM,GAAAC,wBAAA,CAAAH,WAAA,EAAAI,SAAA;IAEX,oBACEvB,KAAA,CAAAwB,aAAA,UAAAC,QAAA,KACMJ,MAAM;MACVK,IAAI,EAAC,UAAU;MACfC,GAAG,EAAEP,QAAS;MACdR,OAAO,EAAE,IAAI,CAACD,KAAK,CAACC,OAAQ;MAC5B,gBAAc,IAAI,CAACD,KAAK,CAACC,OAAQ;MACjCH,QAAQ,EAAE,IAAI,CAACA;IAAS,EACzB,CAAC;EAEN;AACF;AAEAJ,KAAK,CAACuB,SAAS,GAAG;EAChB;EACA;EACAhB,OAAO,EAAEX,SAAS,CAAC4B,IAAI;EACvB;EACApB,QAAQ,EAAER,SAAS,CAAC6B,IAAI;EACxB;EACAV,QAAQ,EAAEnB,SAAS,CAAC8B,SAAS,CAAC,CAC5B9B,SAAS,CAAC6B,IAAI,EACd7B,SAAS,CAAC+B,KAAK,CAAC;IAAEC,OAAO,EAAEhC,SAAS,CAACiC,UAAU,CAACjC,SAAS,CAACkC,OAAO;EAAE,CAAC,CAAC,CACtE;AACH,CAAC;AAED9B,KAAK,CAAC+B,YAAY,GAAG;EACnBxB,OAAO,EAAE,KAAK;EACdH,QAAQ,EAAEA,CAAA,KAAM,CAAC,CAAC;EAClBW,QAAQ,EAAEiB;AACZ,CAAC;AAED,MAAMC,QAAQ,GAAGpC,OAAO,CAACC,mBAAmB,CAACE,KAAK,EAAE,UAAU,EAAE;EAC9DkC,SAAS,EAAE;IACTC,QAAQ,EAAEpC,SAAS,CAACqC,MAAM;IAC1BC,MAAM,EAAEC,KAAK,IAAI,OAAOA,KAAK,KAAK,QAAQ;IAC1CC,SAAS,EAAED,KAAK,IAAKE,KAAK,CAACC,OAAO,CAACH,KAAK,CAAC,GAAGA,KAAK,CAACI,IAAI,CAAC,GAAG,CAAC,GAAGJ,KAAM;IACpEK,OAAO,EAAE;EACX;AACF,CAAC,CAAC,EAAE,UAAU,EAAE,KAAK,CAAC;AAEtB,eAAeV,QAAQ"}
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import PropTypes from 'prop-types';
|
|
3
|
-
function CheckBoxGroup(props) {
|
|
4
|
-
return /*#__PURE__*/React.createElement("div", {
|
|
5
|
-
className: "form-group"
|
|
6
|
-
}, props.children);
|
|
7
|
-
}
|
|
8
|
-
CheckBoxGroup.propTypes = {
|
|
9
|
-
// eslint-disable-next-line max-len
|
|
10
|
-
/** represents the CheckBox components defined within the CheckBoxGroup component and is not a specific named prop that needs to be passed in. At least one CheckBox must be defined within the group. Example: `<CheckBoxGroup><CheckBox .../></CheckBoxGroup>`
|
|
11
|
-
*/
|
|
12
|
-
children: PropTypes.arrayOf(PropTypes.element).isRequired
|
|
13
|
-
};
|
|
14
|
-
export default CheckBoxGroup;
|
|
15
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["React","PropTypes","CheckBoxGroup","props","createElement","className","children","propTypes","arrayOf","element","isRequired"],"sources":["../../src/CheckBoxGroup/index.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nfunction CheckBoxGroup(props) {\n return (\n <div className=\"form-group\">\n {props.children}\n </div>\n );\n}\n\nCheckBoxGroup.propTypes = {\n // eslint-disable-next-line max-len\n /** represents the CheckBox components defined within the CheckBoxGroup component and is not a specific named prop that needs to be passed in. At least one CheckBox must be defined within the group. Example: `<CheckBoxGroup><CheckBox .../></CheckBoxGroup>`\n */\n children: PropTypes.arrayOf(PropTypes.element).isRequired,\n};\n\nexport default CheckBoxGroup;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAElC,SAASC,aAAaA,CAACC,KAAK,EAAE;EAC5B,oBACEH,KAAA,CAAAI,aAAA;IAAKC,SAAS,EAAC;EAAY,GACxBF,KAAK,CAACG,QACJ,CAAC;AAEV;AAEAJ,aAAa,CAACK,SAAS,GAAG;EACxB;EACA;AACF;EACED,QAAQ,EAAEL,SAAS,CAACO,OAAO,CAACP,SAAS,CAACQ,OAAO,CAAC,CAACC;AACjD,CAAC;AAED,eAAeR,aAAa"}
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
$chip-padding-x: .5rem !default;
|
|
2
|
-
$chip-padding-y: .125rem !default;
|
|
3
|
-
$chip-padding-to-icon: 3px !default;
|
|
4
|
-
$chip-icon-padding: .25rem !default;
|
|
5
|
-
$chip-margin: .125rem !default;
|
|
6
|
-
$chip-border-radius: .25rem !default;
|
|
7
|
-
$chip-disable-opacity: .3 !default;
|
|
8
|
-
$chip-icon-size: 1.25rem !default;
|
|
9
|
-
|
|
10
|
-
$chip-theme-variants: (
|
|
11
|
-
"light": (
|
|
12
|
-
"background": $light-500,
|
|
13
|
-
"color": $black,
|
|
14
|
-
),
|
|
15
|
-
"dark": (
|
|
16
|
-
"background": $dark-200,
|
|
17
|
-
"color": $white,
|
|
18
|
-
)
|
|
19
|
-
) !default;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
$chip-carousel-controls-top-offset: -3px !default;
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
// Code
|
|
2
|
-
|
|
3
|
-
$code-font-size: 87.5% !default;
|
|
4
|
-
$code-color: #E83E8C !default;
|
|
5
|
-
|
|
6
|
-
$kbd-box-shadow: inset 0 -.1rem 0 rgba($black, .25) !default;
|
|
7
|
-
$nested-kbd-font-weight: $font-weight-bold !default;
|
|
8
|
-
|
|
9
|
-
// HTML Keyboard Input element (<kbd>) styles
|
|
10
|
-
$kbd-padding-y: .2rem !default;
|
|
11
|
-
$kbd-padding-x: .4rem !default;
|
|
12
|
-
$kbd-font-size: $code-font-size !default;
|
|
13
|
-
$kbd-color: $white !default;
|
|
14
|
-
$kbd-bg: theme-color("gray", "hover") !default;
|
|
15
|
-
|
|
16
|
-
$pre-color: theme-color("gray", "dark-text") !default;
|
|
17
|
-
$pre-scrollable-max-height: 340px !default;
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
// Collapsible
|
|
2
|
-
|
|
3
|
-
$collapsible-card-spacer-y: .5rem !default;
|
|
4
|
-
$collapsible-card-spacer-x: .5rem !default;
|
|
5
|
-
$collapsible-card-spacer-y-lg: $card-spacer-y !default;
|
|
6
|
-
$collapsible-card-spacer-x-lg: $card-spacer-x !default;
|
|
7
|
-
$collapsible-card-body-spacer-left: .75rem !default;
|
|
8
|
-
$collapsible-card-spacer-icon: 2.5rem !default;
|
|
9
|
-
|
|
10
|
-
$collapsible-basic-spacer-y: .5rem !default;
|
|
11
|
-
$collapsible-basic-spacer-x: .5rem !default;
|
|
12
|
-
$collapsible-basic-spacer-icon: .625rem !default;
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
$data-table-background-color: $white !default;
|
|
2
|
-
$data-table-border: 1px solid $gray-200 !default;
|
|
3
|
-
$data-table-box-shadow: $box-shadow-sm !default;
|
|
4
|
-
$data-table-padding-x: .75rem !default;
|
|
5
|
-
$data-table-padding-y: .75rem !default;
|
|
6
|
-
$data-table-padding-small: .5rem !default;
|
|
7
|
-
$data-table-cell-padding: .5rem .75rem !default;
|
|
8
|
-
$data-table-footer-position: center !default;
|
|
9
|
-
$data-table-pagination-dropdown-max-height: 60vh !default;
|
|
10
|
-
$data-table-pagination-dropdown-min-width: 6rem !default;
|
|
11
|
-
$data-table-layout-sidebar-width: 12rem !default;
|
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
// Dropdowns
|
|
2
|
-
//
|
|
3
|
-
// Dropdown menu container and contents.
|
|
4
|
-
|
|
5
|
-
$dropdown-min-width: 18rem !default;
|
|
6
|
-
$dropdown-padding-x: 0 !default;
|
|
7
|
-
$dropdown-padding-y: .5rem !default;
|
|
8
|
-
$dropdown-spacer: .125rem !default;
|
|
9
|
-
$dropdown-font-size: $font-size-base !default;
|
|
10
|
-
$dropdown-color: $body-color !default;
|
|
11
|
-
$dropdown-bg: $white !default;
|
|
12
|
-
$dropdown-border-color: rgba($black, .15) !default;
|
|
13
|
-
$dropdown-border-radius: $border-radius !default;
|
|
14
|
-
$dropdown-border-width: $border-width !default;
|
|
15
|
-
$dropdown-inner-border-radius: calc(#{$dropdown-border-radius} - #{$dropdown-border-width}) !default;
|
|
16
|
-
$dropdown-divider-bg: theme-color("gray", "background") !default;
|
|
17
|
-
$dropdown-divider-margin-y: calc($spacer / 2) !default;
|
|
18
|
-
$dropdown-box-shadow: 0 .5rem 1rem rgba($black, .175) !default;
|
|
19
|
-
|
|
20
|
-
$dropdown-link-color: theme-color("gray", "dark-text") !default;
|
|
21
|
-
$dropdown-link-hover-color: darken(theme-color("gray", "dark-text"), 5%) !default;
|
|
22
|
-
$dropdown-link-hover-bg: $light-300 !default;
|
|
23
|
-
|
|
24
|
-
$dropdown-link-active-color: $component-active-color !default;
|
|
25
|
-
$dropdown-link-active-bg: $component-active-bg !default;
|
|
26
|
-
|
|
27
|
-
$dropdown-link-disabled-color: theme-color("gray", "light-text") !default;
|
|
28
|
-
|
|
29
|
-
$dropdown-item-padding-y: .25rem !default;
|
|
30
|
-
$dropdown-item-padding-x: 1rem !default;
|
|
31
|
-
|
|
32
|
-
$dropdown-header-color: theme-color("gray", "light-text") !default;
|
|
33
|
-
$dropdown-header-padding: $dropdown-padding-y $dropdown-item-padding-x !default;
|
|
@@ -1,48 +0,0 @@
|
|
|
1
|
-
const _excluded = ["children", "className"];
|
|
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
|
-
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
|
-
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
|
-
import React from 'react';
|
|
6
|
-
import PropTypes from 'prop-types';
|
|
7
|
-
import classNames from 'classnames';
|
|
8
|
-
// eslint-disable-next-line import/no-cycle
|
|
9
|
-
import { Consumer } from './index';
|
|
10
|
-
function DropdownButton(_ref) {
|
|
11
|
-
let {
|
|
12
|
-
children,
|
|
13
|
-
className
|
|
14
|
-
} = _ref,
|
|
15
|
-
other = _objectWithoutProperties(_ref, _excluded);
|
|
16
|
-
return /*#__PURE__*/React.createElement(Consumer, null, _ref2 => {
|
|
17
|
-
let {
|
|
18
|
-
buttonRef,
|
|
19
|
-
isOpen,
|
|
20
|
-
toggle,
|
|
21
|
-
triggerId
|
|
22
|
-
} = _ref2;
|
|
23
|
-
return /*#__PURE__*/React.createElement("button", _extends({}, other, {
|
|
24
|
-
id: classNames(triggerId, other.id),
|
|
25
|
-
"aria-expanded": isOpen,
|
|
26
|
-
"aria-haspopup": true,
|
|
27
|
-
type: "button",
|
|
28
|
-
ref: buttonRef,
|
|
29
|
-
className: classNames('dropdown-toggle', 'btn', className),
|
|
30
|
-
onClick: e => {
|
|
31
|
-
toggle(e);
|
|
32
|
-
if (other.onClick) {
|
|
33
|
-
other.onClick(e);
|
|
34
|
-
}
|
|
35
|
-
}
|
|
36
|
-
}), children);
|
|
37
|
-
});
|
|
38
|
-
}
|
|
39
|
-
DropdownButton.propTypes = {
|
|
40
|
-
children: PropTypes.node,
|
|
41
|
-
className: PropTypes.string
|
|
42
|
-
};
|
|
43
|
-
DropdownButton.defaultProps = {
|
|
44
|
-
children: undefined,
|
|
45
|
-
className: 'btn-light'
|
|
46
|
-
};
|
|
47
|
-
export default DropdownButton;
|
|
48
|
-
//# sourceMappingURL=DropdownButton.js.map
|