@openedx/paragon 22.4.0 → 23.0.0-alpha.1
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 -9
- 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 -370
- 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 +46 -37
- package/dist/Chip/mixins.scss +8 -3
- package/dist/ChipCarousel/index.scss +4 -4
- 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/index.scss +48 -50
- 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 +168 -146
- 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 +52 -50
- 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 +32 -34
- 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 +15 -17
- 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 +26 -25
- 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 +16788 -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 +4098 -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 +30 -0
- package/package.json +25 -10
- 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 -84
- 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 -370
- 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 +46 -37
- package/src/Chip/mixins.scss +8 -3
- package/src/ChipCarousel/index.scss +4 -4
- 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/index.scss +48 -50
- 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 +168 -146
- 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 -28
- 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 +52 -50
- 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 +32 -34
- 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 +15 -17
- 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 -23
- package/src/Tabs/index.jsx +0 -3
- package/src/Tabs/index.scss +26 -25
- 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/setupTest.js +0 -6
- 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 +614 -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 +1644 -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 +21 -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 +105 -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 +43 -0
- package/tokens/src/core/components/ChipCarousel.json +15 -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 +21 -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 +39 -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 +19 -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 +14 -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 +50 -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 +41 -0
- package/tokens/src/themes/light/components/Dropzone.json +23 -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 +166 -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 +45 -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 +62 -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 -52
- package/dist/Button/deprecated/index.js +0 -149
- package/dist/Button/deprecated/index.js.map +0 -1
- package/dist/Card/_variables.scss +0 -55
- package/dist/Carousel/_variables.scss +0 -27
- package/dist/CheckBox/index.js +0 -102
- 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 -28
- package/dist/ChipCarousel/_variables.scss +0 -3
- 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 -44
- package/dist/Dropdown/deprecated/DropdownButton.js.map +0 -1
- package/dist/Dropdown/deprecated/DropdownItem.js +0 -33
- package/dist/Dropdown/deprecated/DropdownItem.js.map +0 -1
- package/dist/Dropdown/deprecated/DropdownMenu.js +0 -46
- package/dist/Dropdown/deprecated/DropdownMenu.js.map +0 -1
- package/dist/Dropdown/deprecated/index.js +0 -241
- package/dist/Dropdown/deprecated/index.js.map +0 -1
- package/dist/Dropzone/_variables.scss +0 -9
- package/dist/Fieldset/index.js +0 -117
- 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 -166
- package/dist/Input/index.js.map +0 -1
- package/dist/InputSelect/index.js +0 -105
- package/dist/InputSelect/index.js.map +0 -1
- package/dist/InputText/index.js +0 -45
- package/dist/InputText/index.js.map +0 -1
- package/dist/ListBox/index.js +0 -148
- package/dist/ListBox/index.js.map +0 -1
- package/dist/ListBoxOption/index.js +0 -94
- 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 -292
- package/dist/Modal/index.js.map +0 -1
- package/dist/Nav/_variables.scss +0 -58
- 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 -19
- 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 -188
- package/dist/RadioButtonGroup/index.js.map +0 -1
- package/dist/SearchField/_variables.scss +0 -14
- 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 -168
- 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 -267
- 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 -123
- package/dist/Tabs/deprecated/index.js.map +0 -1
- package/dist/TextArea/index.js +0 -44
- 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 -106
- package/dist/ValidationFormGroup/index.js.map +0 -1
- package/dist/paragon.css +0 -45
- 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 -52
- package/src/Button/deprecated/Button.test.jsx +0 -34
- package/src/Button/deprecated/index.jsx +0 -145
- package/src/Card/_variables.scss +0 -55
- 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 -28
- package/src/ChipCarousel/_variables.scss +0 -3
- 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 -319
- package/src/Modal/tests/Modal.test.jsx +0 -261
- package/src/Nav/_variables.scss +0 -58
- 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 -19
- 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 -14
- 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,52 +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: $btn-focus-width !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;
|
|
51
|
-
$btn-focus-border-radius-lg: $btn-focus-border-radius !default;
|
|
52
|
-
$btn-focus-border-radius-sm: $btn-border-radius !default;
|
|
@@ -1,149 +0,0 @@
|
|
|
1
|
-
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
2
|
-
var _excluded = ["buttonType", "className", "children", "isClose", "type", "inputRef"];
|
|
3
|
-
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); }
|
|
4
|
-
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
5
|
-
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; }
|
|
6
|
-
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; }
|
|
7
|
-
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
|
8
|
-
function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
|
|
9
|
-
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
|
|
10
|
-
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
|
|
11
|
-
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
12
|
-
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
|
|
13
|
-
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
|
|
14
|
-
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
|
|
15
|
-
function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
|
|
16
|
-
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
|
|
17
|
-
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
|
|
18
|
-
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
|
|
19
|
-
import React from 'react';
|
|
20
|
-
import classNames from 'classnames';
|
|
21
|
-
import PropTypes from 'prop-types';
|
|
22
|
-
import withDeprecatedProps, { DeprTypes } from '../../withDeprecatedProps';
|
|
23
|
-
var DeprecatedButton = /*#__PURE__*/function (_React$Component) {
|
|
24
|
-
_inherits(DeprecatedButton, _React$Component);
|
|
25
|
-
var _super = _createSuper(DeprecatedButton);
|
|
26
|
-
function DeprecatedButton(props) {
|
|
27
|
-
var _this;
|
|
28
|
-
_classCallCheck(this, DeprecatedButton);
|
|
29
|
-
_this = _super.call(this, props);
|
|
30
|
-
var onBlur = props.onBlur,
|
|
31
|
-
onKeyDown = props.onKeyDown;
|
|
32
|
-
_this.onBlur = onBlur.bind(_assertThisInitialized(_this));
|
|
33
|
-
_this.onKeyDown = onKeyDown.bind(_assertThisInitialized(_this));
|
|
34
|
-
_this.onClick = _this.onClick.bind(_assertThisInitialized(_this));
|
|
35
|
-
_this.setRefs = _this.setRefs.bind(_assertThisInitialized(_this));
|
|
36
|
-
return _this;
|
|
37
|
-
}
|
|
38
|
-
|
|
39
|
-
/*
|
|
40
|
-
The button component is given focus explicitly in its onClick to account
|
|
41
|
-
for the fact that an HTML <button> element in Firefox and Safari does not get
|
|
42
|
-
focus on onClick.
|
|
43
|
-
See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button.
|
|
44
|
-
*/
|
|
45
|
-
_createClass(DeprecatedButton, [{
|
|
46
|
-
key: "onClick",
|
|
47
|
-
value: function onClick(e) {
|
|
48
|
-
this.buttonRef.focus();
|
|
49
|
-
this.props.onClick(e);
|
|
50
|
-
}
|
|
51
|
-
|
|
52
|
-
/*
|
|
53
|
-
The button component needs a ref to itself to be able to force
|
|
54
|
-
focus in its onClick function (buttonRef). It also needs to accept
|
|
55
|
-
a callback function from parent components to give those parents
|
|
56
|
-
a reference to their child button (e.g. for the modal component).
|
|
57
|
-
Therefore, both have been wrapped in a function bound on the class,
|
|
58
|
-
since one cannot set two ref attributes on a component.
|
|
59
|
-
*/
|
|
60
|
-
}, {
|
|
61
|
-
key: "setRefs",
|
|
62
|
-
value: function setRefs(input) {
|
|
63
|
-
this.buttonRef = input;
|
|
64
|
-
this.props.inputRef(input);
|
|
65
|
-
}
|
|
66
|
-
}, {
|
|
67
|
-
key: "render",
|
|
68
|
-
value: function render() {
|
|
69
|
-
var _this$props = this.props,
|
|
70
|
-
buttonType = _this$props.buttonType,
|
|
71
|
-
className = _this$props.className,
|
|
72
|
-
children = _this$props.children,
|
|
73
|
-
isClose = _this$props.isClose,
|
|
74
|
-
type = _this$props.type,
|
|
75
|
-
inputRef = _this$props.inputRef,
|
|
76
|
-
other = _objectWithoutProperties(_this$props, _excluded);
|
|
77
|
-
return /*#__PURE__*/React.createElement("button", _extends({}, other, {
|
|
78
|
-
className: classNames(['btn', className], _defineProperty({}, "btn-".concat(buttonType), buttonType !== undefined), {
|
|
79
|
-
close: isClose
|
|
80
|
-
}),
|
|
81
|
-
onBlur: this.onBlur,
|
|
82
|
-
onClick: this.onClick,
|
|
83
|
-
onKeyDown: this.onKeyDown
|
|
84
|
-
// eslint-disable-next-line react/button-has-type
|
|
85
|
-
,
|
|
86
|
-
type: type,
|
|
87
|
-
ref: this.setRefs
|
|
88
|
-
}), children);
|
|
89
|
-
}
|
|
90
|
-
}]);
|
|
91
|
-
return DeprecatedButton;
|
|
92
|
-
}(React.Component);
|
|
93
|
-
export var buttonPropTypes = {
|
|
94
|
-
/** 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`. */
|
|
95
|
-
buttonType: PropTypes.string,
|
|
96
|
-
/** 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. */
|
|
97
|
-
className: PropTypes.string,
|
|
98
|
-
/** Specifies the text that is displayed within the button. */
|
|
99
|
-
children: PropTypes.node.isRequired,
|
|
100
|
-
// eslint-disable-next-line max-len
|
|
101
|
-
/** 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. */
|
|
102
|
-
inputRef: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({
|
|
103
|
-
current: PropTypes.instanceOf(PropTypes.element)
|
|
104
|
-
})]),
|
|
105
|
-
/** 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. */
|
|
106
|
-
isClose: PropTypes.bool,
|
|
107
|
-
// eslint-disable-next-line max-len
|
|
108
|
-
/** 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. */
|
|
109
|
-
onBlur: PropTypes.func,
|
|
110
|
-
// eslint-disable-next-line max-len
|
|
111
|
-
/** 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. */
|
|
112
|
-
onClick: PropTypes.func,
|
|
113
|
-
// eslint-disable-next-line max-len
|
|
114
|
-
/** 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. */
|
|
115
|
-
onKeyDown: PropTypes.func,
|
|
116
|
-
/** Used to set the `type` attribute on the `button` tag. The default type is `button`. */
|
|
117
|
-
type: PropTypes.string,
|
|
118
|
-
/** Specifies variant to use. */
|
|
119
|
-
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'])
|
|
120
|
-
};
|
|
121
|
-
DeprecatedButton.propTypes = buttonPropTypes;
|
|
122
|
-
DeprecatedButton.defaultProps = {
|
|
123
|
-
buttonType: undefined,
|
|
124
|
-
className: undefined,
|
|
125
|
-
inputRef: function inputRef() {},
|
|
126
|
-
isClose: false,
|
|
127
|
-
onBlur: function onBlur() {},
|
|
128
|
-
onKeyDown: function onKeyDown() {},
|
|
129
|
-
onClick: function onClick() {},
|
|
130
|
-
type: 'button',
|
|
131
|
-
variant: 'outline-primary'
|
|
132
|
-
};
|
|
133
|
-
export default withDeprecatedProps(DeprecatedButton, 'Button', {
|
|
134
|
-
label: {
|
|
135
|
-
deprType: DeprTypes.MOVED,
|
|
136
|
-
newName: 'children'
|
|
137
|
-
},
|
|
138
|
-
className: {
|
|
139
|
-
deprType: DeprTypes.FORMAT,
|
|
140
|
-
expect: function expect(value) {
|
|
141
|
-
return typeof value === 'string';
|
|
142
|
-
},
|
|
143
|
-
transform: function transform(value) {
|
|
144
|
-
return Array.isArray(value) ? value.join(' ') : value;
|
|
145
|
-
},
|
|
146
|
-
message: 'It should be a string.'
|
|
147
|
-
}
|
|
148
|
-
});
|
|
149
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["React","classNames","PropTypes","withDeprecatedProps","DeprTypes","DeprecatedButton","_React$Component","_inherits","_super","_createSuper","props","_this","_classCallCheck","call","onBlur","onKeyDown","bind","_assertThisInitialized","onClick","setRefs","_createClass","key","value","e","buttonRef","focus","input","inputRef","render","_this$props","buttonType","className","children","isClose","type","other","_objectWithoutProperties","_excluded","createElement","_extends","_defineProperty","concat","undefined","close","ref","Component","buttonPropTypes","string","node","isRequired","oneOfType","func","shape","current","instanceOf","element","bool","variant","oneOf","propTypes","defaultProps","label","deprType","MOVED","newName","FORMAT","expect","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":";;;;;;;;;;;;;;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,SAAS,MAAM,YAAY;AAElC,OAAOC,mBAAmB,IAAIC,SAAS,QAAQ,2BAA2B;AAAC,IAErEC,gBAAgB,0BAAAC,gBAAA;EAAAC,SAAA,CAAAF,gBAAA,EAAAC,gBAAA;EAAA,IAAAE,MAAA,GAAAC,YAAA,CAAAJ,gBAAA;EACpB,SAAAA,iBAAYK,KAAK,EAAE;IAAA,IAAAC,KAAA;IAAAC,eAAA,OAAAP,gBAAA;IACjBM,KAAA,GAAAH,MAAA,CAAAK,IAAA,OAAMH,KAAK;IAEX,IACEI,MAAM,GAEJJ,KAAK,CAFPI,MAAM;MACNC,SAAS,GACPL,KAAK,CADPK,SAAS;IAGXJ,KAAA,CAAKG,MAAM,GAAGA,MAAM,CAACE,IAAI,CAAAC,sBAAA,CAAAN,KAAA,CAAK,CAAC;IAC/BA,KAAA,CAAKI,SAAS,GAAGA,SAAS,CAACC,IAAI,CAAAC,sBAAA,CAAAN,KAAA,CAAK,CAAC;IACrCA,KAAA,CAAKO,OAAO,GAAGP,KAAA,CAAKO,OAAO,CAACF,IAAI,CAAAC,sBAAA,CAAAN,KAAA,CAAK,CAAC;IACtCA,KAAA,CAAKQ,OAAO,GAAGR,KAAA,CAAKQ,OAAO,CAACH,IAAI,CAAAC,sBAAA,CAAAN,KAAA,CAAK,CAAC;IAAC,OAAAA,KAAA;EACzC;;EAEA;AACF;AACA;AACA;AACA;AACA;EALES,YAAA,CAAAf,gBAAA;IAAAgB,GAAA;IAAAC,KAAA,EAOA,SAAAJ,QAAQK,CAAC,EAAE;MACT,IAAI,CAACC,SAAS,CAACC,KAAK,CAAC,CAAC;MACtB,IAAI,CAACf,KAAK,CAACQ,OAAO,CAACK,CAAC,CAAC;IACvB;;IAEA;AACF;AACA;AACA;AACA;AACA;AACA;AACA;EAPE;IAAAF,GAAA;IAAAC,KAAA,EAQA,SAAAH,QAAQO,KAAK,EAAE;MACb,IAAI,CAACF,SAAS,GAAGE,KAAK;MACtB,IAAI,CAAChB,KAAK,CAACiB,QAAQ,CAACD,KAAK,CAAC;IAC5B;EAAC;IAAAL,GAAA;IAAAC,KAAA,EAED,SAAAM,OAAA,EAAS;MACP,IAAAC,WAAA,GAYI,IAAI,CAACnB,KAAK;QAXZoB,UAAU,GAAAD,WAAA,CAAVC,UAAU;QACVC,SAAS,GAAAF,WAAA,CAATE,SAAS;QACTC,QAAQ,GAAAH,WAAA,CAARG,QAAQ;QACRC,OAAO,GAAAJ,WAAA,CAAPI,OAAO;QACPC,IAAI,GAAAL,WAAA,CAAJK,IAAI;QAKJP,QAAQ,GAAAE,WAAA,CAARF,QAAQ;QACLQ,KAAK,GAAAC,wBAAA,CAAAP,WAAA,EAAAQ,SAAA;MAGV,oBACErC,KAAA,CAAAsC,aAAA,WAAAC,QAAA,KACMJ,KAAK;QACTJ,SAAS,EAAE9B,UAAU,CAAC,CACpB,KAAK,EACL8B,SAAS,CACV,EAAAS,eAAA,YAAAC,MAAA,CACSX,UAAU,GAAKA,UAAU,KAAKY,SAAS,GAC9C;UACDC,KAAK,EAAEV;QACT,CAAC,CAAE;QACHnB,MAAM,EAAE,IAAI,CAACA,MAAO;QACpBI,OAAO,EAAE,IAAI,CAACA,OAAQ;QACtBH,SAAS,EAAE,IAAI,CAACA;QAChB;QAAA;QACAmB,IAAI,EAAEA,IAAK;QACXU,GAAG,EAAE,IAAI,CAACzB;MAAQ,IAGjBa,QACK,CAAC;IAEb;EAAC;EAAA,OAAA3B,gBAAA;AAAA,EA7E4BL,KAAK,CAAC6C,SAAS;AAgF9C,OAAO,IAAMC,eAAe,GAAG;EAC7B;EACAhB,UAAU,EAAE5B,SAAS,CAAC6C,MAAM;EAC5B;EACAhB,SAAS,EAAE7B,SAAS,CAAC6C,MAAM;EAC3B;EACAf,QAAQ,EAAE9B,SAAS,CAAC8C,IAAI,CAACC,UAAU;EACnC;EACA;EACAtB,QAAQ,EAAEzB,SAAS,CAACgD,SAAS,CAAC,CAC5BhD,SAAS,CAACiD,IAAI,EACdjD,SAAS,CAACkD,KAAK,CAAC;IAAEC,OAAO,EAAEnD,SAAS,CAACoD,UAAU,CAACpD,SAAS,CAACqD,OAAO;EAAE,CAAC,CAAC,CACtE,CAAC;EACF;EACAtB,OAAO,EAAE/B,SAAS,CAACsD,IAAI;EACvB;EACA;EACA1C,MAAM,EAAEZ,SAAS,CAACiD,IAAI;EACtB;EACA;EACAjC,OAAO,EAAEhB,SAAS,CAACiD,IAAI;EACvB;EACA;EACApC,SAAS,EAAEb,SAAS,CAACiD,IAAI;EACzB;EACAjB,IAAI,EAAEhC,SAAS,CAAC6C,MAAM;EACtB;EACAU,OAAO,EAAEvD,SAAS,CAACwD,KAAK,CAAC,CACvB,SAAS,EAAE,WAAW,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,iBAAiB,EAC1G,mBAAmB,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,cAAc,EAAE,cAAc,EAAE,eAAe,CAC7H;AACH,CAAC;AAEDrD,gBAAgB,CAACsD,SAAS,GAAGb,eAAe;AAE5CzC,gBAAgB,CAACuD,YAAY,GAAG;EAC9B9B,UAAU,EAAEY,SAAS;EACrBX,SAAS,EAAEW,SAAS;EACpBf,QAAQ,EAAE,SAAAA,SAAA,EAAM,CAAC,CAAC;EAClBM,OAAO,EAAE,KAAK;EACdnB,MAAM,EAAE,SAAAA,OAAA,EAAM,CAAC,CAAC;EAChBC,SAAS,EAAE,SAAAA,UAAA,EAAM,CAAC,CAAC;EACnBG,OAAO,EAAE,SAAAA,QAAA,EAAM,CAAC,CAAC;EACjBgB,IAAI,EAAE,QAAQ;EACduB,OAAO,EAAE;AACX,CAAC;AAED,eAAetD,mBAAmB,CAACE,gBAAgB,EAAE,QAAQ,EAAE;EAC7DwD,KAAK,EAAE;IACLC,QAAQ,EAAE1D,SAAS,CAAC2D,KAAK;IACzBC,OAAO,EAAE;EACX,CAAC;EACDjC,SAAS,EAAE;IACT+B,QAAQ,EAAE1D,SAAS,CAAC6D,MAAM;IAC1BC,MAAM,EAAE,SAAAA,OAAA5C,KAAK;MAAA,OAAI,OAAOA,KAAK,KAAK,QAAQ;IAAA;IAC1C6C,SAAS,EAAE,SAAAA,UAAA7C,KAAK;MAAA,OAAK8C,KAAK,CAACC,OAAO,CAAC/C,KAAK,CAAC,GAAGA,KAAK,CAACgD,IAAI,CAAC,GAAG,CAAC,GAAGhD,KAAK;IAAA,CAAC;IACpEiD,OAAO,EAAE;EACX;AACF,CAAC,CAAC","ignoreList":[]}
|
|
@@ -1,55 +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
|
-
|
|
33
|
-
$card-footer-actions-gap: .5rem !default;
|
|
34
|
-
|
|
35
|
-
$card-logo-left-offset: 1.5rem !default;
|
|
36
|
-
$card-logo-bottom-offset: 1rem !default;
|
|
37
|
-
$card-logo-left-offset-horizontal: .4375rem !default;
|
|
38
|
-
$card-logo-bottom-offset-horizontal: .4375rem !default;
|
|
39
|
-
|
|
40
|
-
$card-logo-width: 7.25rem !default;
|
|
41
|
-
$card-logo-height: 4.125rem !default;
|
|
42
|
-
|
|
43
|
-
$card-image-border-radius: $card-border-radius !default;
|
|
44
|
-
$card-logo-border-radius: .25rem !default;
|
|
45
|
-
|
|
46
|
-
$card-footer-text-font-size: $x-small-font-size;
|
|
47
|
-
|
|
48
|
-
$card-image-horizontal-max-width: 240px !default;
|
|
49
|
-
$card-image-horizontal-min-width: $card-image-horizontal-max-width !default;
|
|
50
|
-
$card-image-vertical-max-height: 140px !default;
|
|
51
|
-
$loading-skeleton-spacer: .313rem !default;
|
|
52
|
-
|
|
53
|
-
$card-focus-border-offset: 5px !default;
|
|
54
|
-
$card-focus-border-width: 2px !default;
|
|
55
|
-
$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,102 +0,0 @@
|
|
|
1
|
-
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
2
|
-
var _excluded = ["inputRef"];
|
|
3
|
-
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); }
|
|
4
|
-
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; }
|
|
5
|
-
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; }
|
|
6
|
-
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
|
7
|
-
function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
|
|
8
|
-
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
|
|
9
|
-
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
|
|
10
|
-
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
11
|
-
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
|
|
12
|
-
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
|
|
13
|
-
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
|
|
14
|
-
function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
|
|
15
|
-
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
|
|
16
|
-
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
|
|
17
|
-
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
|
|
18
|
-
import React from 'react';
|
|
19
|
-
import PropTypes from 'prop-types';
|
|
20
|
-
import asInput from '../asInput';
|
|
21
|
-
import withDeprecatedProps, { DeprTypes } from '../withDeprecatedProps';
|
|
22
|
-
var Check = /*#__PURE__*/function (_React$Component) {
|
|
23
|
-
_inherits(Check, _React$Component);
|
|
24
|
-
var _super = _createSuper(Check);
|
|
25
|
-
function Check(props) {
|
|
26
|
-
var _this;
|
|
27
|
-
_classCallCheck(this, Check);
|
|
28
|
-
_this = _super.call(this, props);
|
|
29
|
-
_this.onChange = _this.onChange.bind(_assertThisInitialized(_this));
|
|
30
|
-
_this.state = {
|
|
31
|
-
checked: props.checked || false
|
|
32
|
-
};
|
|
33
|
-
return _this;
|
|
34
|
-
}
|
|
35
|
-
|
|
36
|
-
/* eslint-disable react/no-did-update-set-state */
|
|
37
|
-
_createClass(Check, [{
|
|
38
|
-
key: "componentDidUpdate",
|
|
39
|
-
value: function componentDidUpdate(prevProps) {
|
|
40
|
-
if (prevProps.checked !== this.props.checked) {
|
|
41
|
-
this.setState({
|
|
42
|
-
checked: this.props.checked
|
|
43
|
-
});
|
|
44
|
-
}
|
|
45
|
-
}
|
|
46
|
-
}, {
|
|
47
|
-
key: "onChange",
|
|
48
|
-
value: function onChange(event) {
|
|
49
|
-
this.setState(function (prevState) {
|
|
50
|
-
return {
|
|
51
|
-
checked: !prevState.checked
|
|
52
|
-
};
|
|
53
|
-
});
|
|
54
|
-
this.props.onChange(event);
|
|
55
|
-
}
|
|
56
|
-
}, {
|
|
57
|
-
key: "render",
|
|
58
|
-
value: function render() {
|
|
59
|
-
var _this$props = this.props,
|
|
60
|
-
inputRef = _this$props.inputRef,
|
|
61
|
-
others = _objectWithoutProperties(_this$props, _excluded);
|
|
62
|
-
return /*#__PURE__*/React.createElement("input", _extends({}, others, {
|
|
63
|
-
type: "checkbox",
|
|
64
|
-
ref: inputRef,
|
|
65
|
-
checked: this.state.checked,
|
|
66
|
-
"aria-checked": this.state.checked,
|
|
67
|
-
onChange: this.onChange
|
|
68
|
-
}));
|
|
69
|
-
}
|
|
70
|
-
}]);
|
|
71
|
-
return Check;
|
|
72
|
-
}(React.Component);
|
|
73
|
-
Check.propTypes = {
|
|
74
|
-
// eslint-disable-next-line max-len
|
|
75
|
-
/** (`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. */
|
|
76
|
-
checked: PropTypes.bool,
|
|
77
|
-
/** (`Boolean`): `true` if the checkbox should be disabled, `false` otherwise */
|
|
78
|
-
onChange: PropTypes.func,
|
|
79
|
-
/** function to be called when the checkbox changes state */
|
|
80
|
-
inputRef: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({
|
|
81
|
-
current: PropTypes.instanceOf(PropTypes.element)
|
|
82
|
-
})])
|
|
83
|
-
};
|
|
84
|
-
Check.defaultProps = {
|
|
85
|
-
checked: false,
|
|
86
|
-
onChange: function onChange() {},
|
|
87
|
-
inputRef: undefined
|
|
88
|
-
};
|
|
89
|
-
var CheckBox = asInput(withDeprecatedProps(Check, 'Checkbox', {
|
|
90
|
-
className: {
|
|
91
|
-
deprType: DeprTypes.FORMAT,
|
|
92
|
-
expect: function expect(value) {
|
|
93
|
-
return typeof value === 'string';
|
|
94
|
-
},
|
|
95
|
-
transform: function transform(value) {
|
|
96
|
-
return Array.isArray(value) ? value.join(' ') : value;
|
|
97
|
-
},
|
|
98
|
-
message: 'It should be a string.'
|
|
99
|
-
}
|
|
100
|
-
}), 'checkbox', false);
|
|
101
|
-
export default CheckBox;
|
|
102
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["React","PropTypes","asInput","withDeprecatedProps","DeprTypes","Check","_React$Component","_inherits","_super","_createSuper","props","_this","_classCallCheck","call","onChange","bind","_assertThisInitialized","state","checked","_createClass","key","value","componentDidUpdate","prevProps","setState","event","prevState","render","_this$props","inputRef","others","_objectWithoutProperties","_excluded","createElement","_extends","type","ref","Component","propTypes","bool","func","oneOfType","shape","current","instanceOf","element","defaultProps","undefined","CheckBox","className","deprType","FORMAT","expect","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":"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","ignoreList":[]}
|
|
@@ -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","ignoreList":[]}
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
$chip-padding-x: .5rem !default;
|
|
2
|
-
$chip-padding-y: 1px !default;
|
|
3
|
-
$chip-icon-margin: .25rem !default;
|
|
4
|
-
$chip-margin: .125rem !default;
|
|
5
|
-
$chip-border-radius: .375rem !default;
|
|
6
|
-
$chip-disable-opacity: .3 !default;
|
|
7
|
-
$chip-icon-size: 1.5rem !default;
|
|
8
|
-
$chip-label-color: $primary-700 !default;
|
|
9
|
-
$chip-border-color: $light-800 !default;
|
|
10
|
-
$chip-outline-width: 3px !default;
|
|
11
|
-
$chip-light-bg-color: $white !default;
|
|
12
|
-
$chip-light-outline-color: $chip-label-color !default;
|
|
13
|
-
$chip-light-selected-outline-distance: 3px !default;
|
|
14
|
-
$chip-light-selected-focus-border-color: $dark-500 !default;
|
|
15
|
-
$chip-light-hover-bg: $dark-500 !default;
|
|
16
|
-
$chip-light-hover-border-color: $chip-light-hover-bg !default;
|
|
17
|
-
$chip-light-hover-label-color: $chip-light-bg-color !default;
|
|
18
|
-
$chip-light-hover-icon-color: $chip-light-hover-label-color !default;
|
|
19
|
-
$chip-light-focus-outline-distance: .313rem !default;
|
|
20
|
-
$chip-dark-bg: $primary-300 !default;
|
|
21
|
-
$chip-dark-outline-color: $white !default;
|
|
22
|
-
$chip-dark-selected-outline-distance: 3px !default;
|
|
23
|
-
$chip-dark-selected-focus-border-color: $chip-dark-outline-color !default;
|
|
24
|
-
$chip-dark-label-color: $chip-dark-outline-color !default;
|
|
25
|
-
$chip-dark-hover-bg: $white !default;
|
|
26
|
-
$chip-dark-hover-border-color: $chip-dark-hover-bg !default;
|
|
27
|
-
$chip-dark-hover-label-color: $primary-500 !default;
|
|
28
|
-
$chip-dark-focus-outline-distance: .313rem !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: 2px solid $light-300 !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;
|