@openedx/paragon 21.7.1 → 22.0.0-alpha.16
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/filters/TextFilter.js +2 -3
- package/dist/DataTable/filters/TextFilter.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 +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/filters/TextFilter.jsx +2 -3
- 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 +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
package/dist/Nav/_variables.scss
DELETED
|
@@ -1,59 +0,0 @@
|
|
|
1
|
-
// Navs
|
|
2
|
-
|
|
3
|
-
$nav-link-padding-y: .5rem !default;
|
|
4
|
-
$nav-link-padding-x: 1rem !default;
|
|
5
|
-
$nav-link-color: $gray-700 !default;
|
|
6
|
-
$nav-link-disabled-color: $gray-300 !default;
|
|
7
|
-
$nav-link-font-weight: 500 !default;
|
|
8
|
-
|
|
9
|
-
$nav-tabs-border-color: $light-400 !default;
|
|
10
|
-
$nav-tabs-border-width: 2px !default;
|
|
11
|
-
$nav-tabs-border-radius: 0 !default;
|
|
12
|
-
$nav-tabs-hover-bg: transparent !default;
|
|
13
|
-
$nav-tabs-focus-border-color: $nav-tabs-hover-bg !default;
|
|
14
|
-
$nav-tabs-disabled-bg: $nav-tabs-hover-bg !default;
|
|
15
|
-
$nav-tabs-link-hover-border-color: transparent transparent $nav-tabs-border-color !default;
|
|
16
|
-
$nav-tabs-link-hover-bg: $light-400 !default;
|
|
17
|
-
$nav-tabs-link-active-color: $primary-500 !default;
|
|
18
|
-
$nav-tabs-link-active-border-color: $nav-tabs-link-active-color !default;
|
|
19
|
-
$nav-tabs-link-active-bg: transparent !default;
|
|
20
|
-
$nav-tabs-link-focus-border-color: $nav-tabs-link-active-color !default;
|
|
21
|
-
$nav-tabs-link-distance-to-border: 4px !default;
|
|
22
|
-
$nav-tabs-link-border-color: transparent !default;
|
|
23
|
-
$nav-tabs-link-disabled-border-color: $nav-tabs-link-border-color !default;
|
|
24
|
-
|
|
25
|
-
$nav-pills-border-radius: $border-radius !default;
|
|
26
|
-
$nav-pills-link-active-color: $component-active-color !default;
|
|
27
|
-
$nav-pills-link-active-bg: $component-active-bg !default;
|
|
28
|
-
$nav-pills-link-active-border-color: $white !default;
|
|
29
|
-
$nav-pills-link-border-color: $nav-tabs-border-color !default;
|
|
30
|
-
$nav-pills-link-border-width: 1px !default;
|
|
31
|
-
|
|
32
|
-
$nav-inverse-pills-link-color: $white !default;
|
|
33
|
-
$nav-inverse-pills-link-border-color: $dark-300 !default;
|
|
34
|
-
$nav-inverse-pills-link-hover-bg: $nav-inverse-pills-link-border-color !default;
|
|
35
|
-
$nav-inverse-pills-link-focus-color: $nav-inverse-pills-link-color !default;
|
|
36
|
-
$nav-inverse-pills-link-active-bg: $nav-inverse-pills-link-color !default;
|
|
37
|
-
$nav-inverse-pills-link-active-color: $primary-500 !default;
|
|
38
|
-
$nav-inverse-pills-link-active-border-color: $nav-inverse-pills-link-color !default;
|
|
39
|
-
$nav-inverse-pills-link-active-hover-bg: $nav-inverse-pills-link-border-color !default;
|
|
40
|
-
$nav-inverse-pills-link-active-hover-color: $nav-inverse-pills-link-color !default;
|
|
41
|
-
$nav-inverse-pills-link-active-hover-border-color: $nav-inverse-pills-link-border-color !default;
|
|
42
|
-
$nav-inverse-pills-link-active-focus-hover-bg: $nav-inverse-pills-link-color !default;
|
|
43
|
-
$nav-inverse-pills-link-active-focus-color: $nav-inverse-pills-link-active-color !default;
|
|
44
|
-
$nav-inverse-pills-link-active-focus-border-color: $primary !default;
|
|
45
|
-
$nav-inverse-pills-link-active-focus-hover-border-color: $nav-inverse-pills-link-active-focus-border-color !default;
|
|
46
|
-
$nav-inverse-pills-link-border-width: $nav-pills-link-border-width !default;
|
|
47
|
-
$nav-inverse-pills-tab-content-color: $nav-inverse-pills-link-color !default;
|
|
48
|
-
|
|
49
|
-
$nav-inverse-tabs-link-color: $white !default;
|
|
50
|
-
$nav-inverse-tabs-link-border-bottom-color: $dark-300 !default;
|
|
51
|
-
$nav-inverse-tabs-link-hover-bg: $nav-inverse-tabs-link-border-bottom-color !default;
|
|
52
|
-
$nav-inverse-tabs-link-active-hover-bg: transparent !default;
|
|
53
|
-
$nav-inverse-tabs-link-focus-bg: $nav-inverse-tabs-link-color !default;
|
|
54
|
-
$nav-inverse-tabs-link-active-border-color: $nav-inverse-tabs-link-color !default;
|
|
55
|
-
$nav-inverse-tabs-link-active-bg: $nav-inverse-tabs-link-hover-bg !default;
|
|
56
|
-
$nav-inverse-tabs-link-active-border-bottom-width: $nav-tabs-border-width !default;
|
|
57
|
-
$nav-inverse-tabs-tab-content-color: $nav-inverse-tabs-link-color !default;
|
|
58
|
-
$nav-inverse-tabs-dropdown-border-color: $nav-inverse-tabs-link-active-hover-bg !default;
|
|
59
|
-
$nav-inverse-tabs-dropdown-bottom-gap: .4375rem !default;
|
|
@@ -1,40 +0,0 @@
|
|
|
1
|
-
// Navbar
|
|
2
|
-
|
|
3
|
-
$navbar-padding-y: calc($spacer / 2) !default;
|
|
4
|
-
$navbar-padding-x: $spacer !default;
|
|
5
|
-
|
|
6
|
-
$navbar-nav-link-padding-x: .5rem !default;
|
|
7
|
-
|
|
8
|
-
$navbar-brand-font-size: $font-size-lg !default;
|
|
9
|
-
|
|
10
|
-
// Compute the navbar-brand padding-y so the navbar-brand will have the same height as navbar-text and nav-link
|
|
11
|
-
// The default for $nav-link-padding-y is .5rem. Copied here for modularization
|
|
12
|
-
$nav-link-height: $font-size-base * $line-height-base + .5rem * 2 !default;
|
|
13
|
-
$navbar-brand-height: $navbar-brand-font-size * $line-height-base !default;
|
|
14
|
-
$navbar-brand-padding-y: calc(($nav-link-height - $navbar-brand-height) / 2) !default;
|
|
15
|
-
|
|
16
|
-
$navbar-toggler-padding-y: .25rem !default;
|
|
17
|
-
$navbar-toggler-padding-x: .75rem !default;
|
|
18
|
-
$navbar-toggler-font-size: $font-size-lg !default;
|
|
19
|
-
$navbar-toggler-border-radius: $btn-border-radius !default;
|
|
20
|
-
|
|
21
|
-
$navbar-nav-scroll-max-height: 75vh !default;
|
|
22
|
-
|
|
23
|
-
$navbar-dark-color: rgba($white, .5) !default;
|
|
24
|
-
$navbar-dark-hover-color: rgba($white, .75) !default;
|
|
25
|
-
$navbar-dark-active-color: $white !default;
|
|
26
|
-
$navbar-dark-disabled-color: rgba($white, .25) !default;
|
|
27
|
-
$navbar-dark-toggler-icon-bg: str-replace(url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='#{$navbar-dark-color}' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"), "#", "%23") !default;
|
|
28
|
-
$navbar-dark-toggler-border-color: rgba($white, .1) !default;
|
|
29
|
-
|
|
30
|
-
$navbar-light-color: rgba($black, .5) !default;
|
|
31
|
-
$navbar-light-hover-color: rgba($black, .7) !default;
|
|
32
|
-
$navbar-light-active-color: rgba($black, .9) !default;
|
|
33
|
-
$navbar-light-disabled-color: rgba($black, .3) !default;
|
|
34
|
-
$navbar-light-toggler-icon-bg: str-replace(url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='#{$navbar-light-color}' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"), "#", "%23") !default;
|
|
35
|
-
$navbar-light-toggler-border-color: rgba($black, .1) !default;
|
|
36
|
-
|
|
37
|
-
$navbar-light-brand-color: $navbar-light-active-color !default;
|
|
38
|
-
$navbar-light-brand-hover-color: $navbar-light-active-color !default;
|
|
39
|
-
$navbar-dark-brand-color: $navbar-dark-active-color !default;
|
|
40
|
-
$navbar-dark-brand-hover-color: $navbar-dark-active-color !default;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
@import "variables";
|
|
@@ -1,52 +0,0 @@
|
|
|
1
|
-
// Pagination
|
|
2
|
-
|
|
3
|
-
$pagination-padding-y: .625rem !default;
|
|
4
|
-
$pagination-padding-x: 1rem !default;
|
|
5
|
-
$pagination-padding-y-sm: .8rem !default;
|
|
6
|
-
$pagination-padding-x-sm: .6rem !default;
|
|
7
|
-
$pagination-padding-y-lg: .75rem !default;
|
|
8
|
-
$pagination-padding-x-lg: 1.5rem !default;
|
|
9
|
-
$pagination-margin-x: .5rem !default;
|
|
10
|
-
$pagination-margin-y: .5rem !default;
|
|
11
|
-
$pagination-line-height: 1.5rem !default;
|
|
12
|
-
$pagination-font-size-sm: .875rem !default;
|
|
13
|
-
|
|
14
|
-
$pagination-icon-size: 1.375rem !default;
|
|
15
|
-
$pagination-icon-size-sm: 1rem !default;
|
|
16
|
-
$pagination-icon-width: 2.25rem !default;
|
|
17
|
-
$pagination-icon-height: 2.25rem !default;
|
|
18
|
-
$pagination-padding-icon: .5rem !default;
|
|
19
|
-
$pagination-toggle-border: .3125rem !default;
|
|
20
|
-
$pagination-toggle-border-sm: .25rem !default;
|
|
21
|
-
$pagination-secondary-height: 2.75rem !default;
|
|
22
|
-
$pagination-secondary-height-sm: 2.25rem !default;
|
|
23
|
-
|
|
24
|
-
$pagination-color: $link-color !default;
|
|
25
|
-
$pagination-color-inverse: $white !default;
|
|
26
|
-
$pagination-bg: $white !default;
|
|
27
|
-
$pagination-border-width: $border-width !default;
|
|
28
|
-
$pagination-border-color: theme-color("gray", "border") !default;
|
|
29
|
-
|
|
30
|
-
$pagination-focus-box-shadow: $input-btn-focus-box-shadow !default;
|
|
31
|
-
$pagination-focus-outline: 0 !default;
|
|
32
|
-
$pagination-focus-border-width: .125rem !default;
|
|
33
|
-
$pagination-focus-color: $primary-500 !default;
|
|
34
|
-
$pagination-focus-color-text: $black !default;
|
|
35
|
-
|
|
36
|
-
$pagination-hover-color: $link-hover-color !default;
|
|
37
|
-
$pagination-hover-bg: theme-color("gray", "background") !default;
|
|
38
|
-
$pagination-hover-border-color: theme-color("gray", "border") !default;
|
|
39
|
-
|
|
40
|
-
$pagination-active-color: $component-active-color !default;
|
|
41
|
-
$pagination-active-bg: $component-active-bg !default;
|
|
42
|
-
$pagination-active-border-color: $pagination-active-bg !default;
|
|
43
|
-
|
|
44
|
-
$pagination-disabled-color: theme-color("gray", "light-text") !default;
|
|
45
|
-
$pagination-disabled-bg: $white !default;
|
|
46
|
-
$pagination-disabled-border-color: theme-color("gray", "disabled-border") !default;
|
|
47
|
-
|
|
48
|
-
$pagination-border-radius-sm: $border-radius-sm !default;
|
|
49
|
-
$pagination-border-radius-lg: $border-radius-lg !default;
|
|
50
|
-
|
|
51
|
-
$pagination-reduced-dropdown-max-height: 60vh !default;
|
|
52
|
-
$pagination-reduced-dropdown-min-width: 6rem !default;
|
|
@@ -1,36 +0,0 @@
|
|
|
1
|
-
// Popovers
|
|
2
|
-
|
|
3
|
-
$popover-font-size: $font-size-sm !default;
|
|
4
|
-
$popover-bg: $white !default;
|
|
5
|
-
$popover-max-width: 480px !default;
|
|
6
|
-
$popover-border-width: $border-width !default;
|
|
7
|
-
$popover-border-color: rgba($black, .2) !default;
|
|
8
|
-
$popover-border-radius: $border-radius-sm !default;
|
|
9
|
-
$popover-inner-border-radius: subtract($popover-border-radius, $popover-border-width) !default;
|
|
10
|
-
$popover-box-shadow: drop-shadow(0 2px 4px rgba(0, 0, 0, .15))
|
|
11
|
-
drop-shadow(0 2px 8px rgba(0, 0, 0, .15)) !default;
|
|
12
|
-
$popover-icon-margin-right: .5rem;
|
|
13
|
-
$popover-icon-height: 1rem;
|
|
14
|
-
$popover-icon-width: 1rem;
|
|
15
|
-
|
|
16
|
-
$popover-header-bg: $white !default;
|
|
17
|
-
$popover-header-color: $headings-color !default;
|
|
18
|
-
$popover-header-padding-y: .5rem !default;
|
|
19
|
-
$popover-header-padding-x: 1rem !default;
|
|
20
|
-
|
|
21
|
-
$popover-body-color: $body-color !default;
|
|
22
|
-
$popover-body-padding-y: $popover-header-padding-y !default;
|
|
23
|
-
$popover-body-padding-x: $popover-header-padding-x !default;
|
|
24
|
-
|
|
25
|
-
$popover-arrow-width: 1rem !default;
|
|
26
|
-
$popover-arrow-height: .5rem !default;
|
|
27
|
-
$popover-arrow-color: $popover-bg !default;
|
|
28
|
-
|
|
29
|
-
$popover-arrow-outer-color: fade-in($popover-border-color, .05) !default;
|
|
30
|
-
|
|
31
|
-
$popover-success-bg: $success-100 !default;
|
|
32
|
-
$popover-success-icon-color: $success-500 !default;
|
|
33
|
-
$popover-warning-bg: $warning-100 !default;
|
|
34
|
-
$popover-warning-icon-color: $warning-500 !default;
|
|
35
|
-
$popover-danger-bg: $danger-100 !default;
|
|
36
|
-
$popover-danger-icon-color: $danger-500 !default;
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
// Checkpoints
|
|
2
|
-
|
|
3
|
-
$checkpoint-background-color: $light-300 !default;
|
|
4
|
-
|
|
5
|
-
$checkpoint-body-color: $gray-700;
|
|
6
|
-
|
|
7
|
-
$checkpoint-border-color: $brand !default;
|
|
8
|
-
$checkpoint-border-width: 8px !default;
|
|
9
|
-
|
|
10
|
-
$checkpoint-breadcrumb-color: $primary !default;
|
|
11
|
-
|
|
12
|
-
$checkpoint-arrow-width: 15px !default;
|
|
13
|
-
$checkpoint-max-width: 480px !default;
|
|
14
|
-
|
|
15
|
-
$checkpoint-z-index: 1060 !default;
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
// Progress bars
|
|
2
|
-
|
|
3
|
-
$progress-height: 1rem !default;
|
|
4
|
-
$annotated-progress-height: .3125rem !default;
|
|
5
|
-
$progress-font-size: $font-size-base * .75 !default;
|
|
6
|
-
$progress-bg: transparent !default;
|
|
7
|
-
$progress-border-radius: 0 !default;
|
|
8
|
-
$progress-box-shadow: none !default;
|
|
9
|
-
$progress-bar-color: $white !default;
|
|
10
|
-
$progress-bar-bg: theme-color("accent-a") !default;
|
|
11
|
-
$annotated-progress-bar-bg: theme-color("dark") !default;
|
|
12
|
-
$progress-bar-animation-timing: 1s linear infinite !default;
|
|
13
|
-
$progress-bar-transition: width .6s ease !default;
|
|
14
|
-
$progress-bar-border-width: 1px !default;
|
|
15
|
-
$progress-bar-border-color: $gray-500 !default;
|
|
16
|
-
$progress-threshold-circle: .5625rem !default;
|
|
17
|
-
$progress-hint-annotation-gap: .5rem !default;
|
|
18
|
-
$progress-colors: (
|
|
19
|
-
"dark": $primary-500,
|
|
20
|
-
"success": $success-500,
|
|
21
|
-
"error": $danger-500,
|
|
22
|
-
"warning": $accent-b,
|
|
23
|
-
) !default;
|
|
@@ -1,157 +0,0 @@
|
|
|
1
|
-
const _excluded = ["children", "index", "isChecked", "name", "value"],
|
|
2
|
-
_excluded2 = ["children", "label", "name", "onBlur", "onChange", "onClick", "onFocus", "onKeyDown", "selectedIndex"];
|
|
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
|
-
/* eslint-disable react/no-multi-comp, max-classes-per-file, max-len */
|
|
7
|
-
import React from 'react';
|
|
8
|
-
import PropTypes from 'prop-types';
|
|
9
|
-
class RadioButton extends React.PureComponent {
|
|
10
|
-
constructor(props) {
|
|
11
|
-
super(props);
|
|
12
|
-
const {
|
|
13
|
-
onBlur,
|
|
14
|
-
onClick,
|
|
15
|
-
onFocus,
|
|
16
|
-
onKeyDown
|
|
17
|
-
} = props;
|
|
18
|
-
this.onBlur = onBlur.bind(this);
|
|
19
|
-
this.onClick = onClick.bind(this);
|
|
20
|
-
this.onFocus = onFocus.bind(this);
|
|
21
|
-
this.onKeyDown = onKeyDown.bind(this);
|
|
22
|
-
}
|
|
23
|
-
render() {
|
|
24
|
-
const _this$props = this.props,
|
|
25
|
-
{
|
|
26
|
-
children,
|
|
27
|
-
index,
|
|
28
|
-
isChecked,
|
|
29
|
-
name,
|
|
30
|
-
value
|
|
31
|
-
} = _this$props,
|
|
32
|
-
other = _objectWithoutProperties(_this$props, _excluded);
|
|
33
|
-
return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("input", _extends({
|
|
34
|
-
type: "radio",
|
|
35
|
-
name: name,
|
|
36
|
-
"aria-checked": isChecked,
|
|
37
|
-
defaultChecked: isChecked,
|
|
38
|
-
value: value,
|
|
39
|
-
"aria-label": children,
|
|
40
|
-
"data-index": index,
|
|
41
|
-
onBlur: this.onBlur,
|
|
42
|
-
onClick: this.onClick,
|
|
43
|
-
onFocus: this.onFocus,
|
|
44
|
-
onKeyDown: this.onKeyDown
|
|
45
|
-
}, other)), children);
|
|
46
|
-
}
|
|
47
|
-
}
|
|
48
|
-
class RadioButtonGroup extends React.Component {
|
|
49
|
-
constructor(props) {
|
|
50
|
-
super();
|
|
51
|
-
// Bind the method to the component context
|
|
52
|
-
this.renderChildren = this.renderChildren.bind(this);
|
|
53
|
-
this.onChange = this.onChange.bind(this);
|
|
54
|
-
this.state = {
|
|
55
|
-
selectedIndex: props.selectedIndex
|
|
56
|
-
};
|
|
57
|
-
}
|
|
58
|
-
onChange(event) {
|
|
59
|
-
if (event.target.checked && event.target.hasAttribute('data-index')) {
|
|
60
|
-
this.setState({
|
|
61
|
-
selectedIndex: parseInt(event.target.getAttribute('data-index'), 10)
|
|
62
|
-
});
|
|
63
|
-
}
|
|
64
|
-
this.props.onChange(event);
|
|
65
|
-
}
|
|
66
|
-
renderChildren() {
|
|
67
|
-
const {
|
|
68
|
-
children,
|
|
69
|
-
name,
|
|
70
|
-
onBlur,
|
|
71
|
-
onClick,
|
|
72
|
-
onFocus,
|
|
73
|
-
onKeyDown
|
|
74
|
-
} = this.props;
|
|
75
|
-
return React.Children.map(children, (child, index) => /*#__PURE__*/React.cloneElement(child, {
|
|
76
|
-
name,
|
|
77
|
-
value: child.props.value,
|
|
78
|
-
isChecked: index === this.state.selectedIndex,
|
|
79
|
-
onBlur,
|
|
80
|
-
onClick,
|
|
81
|
-
onFocus,
|
|
82
|
-
onKeyDown,
|
|
83
|
-
index
|
|
84
|
-
}));
|
|
85
|
-
}
|
|
86
|
-
render() {
|
|
87
|
-
const _this$props2 = this.props,
|
|
88
|
-
{
|
|
89
|
-
children,
|
|
90
|
-
label,
|
|
91
|
-
name,
|
|
92
|
-
onBlur,
|
|
93
|
-
onChange,
|
|
94
|
-
onClick,
|
|
95
|
-
onFocus,
|
|
96
|
-
onKeyDown,
|
|
97
|
-
selectedIndex
|
|
98
|
-
} = _this$props2,
|
|
99
|
-
other = _objectWithoutProperties(_this$props2, _excluded2);
|
|
100
|
-
return /*#__PURE__*/React.createElement("div", _extends({
|
|
101
|
-
role: "radiogroup",
|
|
102
|
-
"aria-label": label,
|
|
103
|
-
onChange: this.onChange,
|
|
104
|
-
tabIndex: -1
|
|
105
|
-
}, other), this.renderChildren());
|
|
106
|
-
}
|
|
107
|
-
}
|
|
108
|
-
RadioButton.defaultProps = {
|
|
109
|
-
children: undefined,
|
|
110
|
-
index: undefined,
|
|
111
|
-
isChecked: false,
|
|
112
|
-
name: undefined,
|
|
113
|
-
onBlur: () => {},
|
|
114
|
-
onClick: () => {},
|
|
115
|
-
onFocus: () => {},
|
|
116
|
-
onKeyDown: () => {}
|
|
117
|
-
};
|
|
118
|
-
RadioButton.propTypes = {
|
|
119
|
-
children: PropTypes.oneOfType([PropTypes.string, PropTypes.number, PropTypes.bool]),
|
|
120
|
-
index: PropTypes.number,
|
|
121
|
-
isChecked: PropTypes.bool,
|
|
122
|
-
name: PropTypes.string,
|
|
123
|
-
onBlur: PropTypes.func,
|
|
124
|
-
onClick: PropTypes.func,
|
|
125
|
-
onFocus: PropTypes.func,
|
|
126
|
-
onKeyDown: PropTypes.func,
|
|
127
|
-
value: PropTypes.oneOfType([PropTypes.string, PropTypes.number, PropTypes.bool]).isRequired
|
|
128
|
-
};
|
|
129
|
-
RadioButtonGroup.defaultProps = {
|
|
130
|
-
onBlur: () => {},
|
|
131
|
-
onChange: () => {},
|
|
132
|
-
onClick: () => {},
|
|
133
|
-
onFocus: () => {},
|
|
134
|
-
onKeyDown: () => {},
|
|
135
|
-
selectedIndex: undefined
|
|
136
|
-
};
|
|
137
|
-
RadioButtonGroup.propTypes = {
|
|
138
|
-
children: PropTypes.arrayOf(PropTypes.element).isRequired,
|
|
139
|
-
/** specifies the `aria-label` value for the `RadioButtonGroup` */
|
|
140
|
-
label: PropTypes.string.isRequired,
|
|
141
|
-
/** specifies the `name` value for the `RadioButtonGroup` so that no more than one `RadioButton` can be selected at any given time */
|
|
142
|
-
name: PropTypes.string.isRequired,
|
|
143
|
-
/** specifies the callback for the `onBlur` event for each `RadioButton` within the group. The default value is a no-op function. */
|
|
144
|
-
onBlur: PropTypes.func,
|
|
145
|
-
/** specifies the callback for the onChange event for each RadioButton within the group. The default value is a no-op function. */
|
|
146
|
-
onChange: PropTypes.func,
|
|
147
|
-
/** specifies the callback for the `onClick` event for each `RadioButton` within the group. The default value is a no-op function. */
|
|
148
|
-
onClick: PropTypes.func,
|
|
149
|
-
/** specifies the callback for the `onFocus` event for each `RadioButton` within the group. The default value is a no-op function. */
|
|
150
|
-
onFocus: PropTypes.func,
|
|
151
|
-
/** specifies the callback for the `onKeyDown` event for each `RadioButton` within the group. The default value is a no-op function. */
|
|
152
|
-
onKeyDown: PropTypes.func,
|
|
153
|
-
/** specifies which `RadioButton` is initially selected. The default value is `undefined` which signifies that no `RadioButton` is initially selected. */
|
|
154
|
-
selectedIndex: PropTypes.number
|
|
155
|
-
};
|
|
156
|
-
export { RadioButtonGroup as default, RadioButton };
|
|
157
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["React","PropTypes","RadioButton","PureComponent","constructor","props","onBlur","onClick","onFocus","onKeyDown","bind","render","_this$props","children","index","isChecked","name","value","other","_objectWithoutProperties","_excluded","createElement","_extends","type","defaultChecked","RadioButtonGroup","Component","renderChildren","onChange","state","selectedIndex","event","target","checked","hasAttribute","setState","parseInt","getAttribute","Children","map","child","cloneElement","_this$props2","label","_excluded2","role","tabIndex","defaultProps","undefined","propTypes","oneOfType","string","number","bool","func","isRequired","arrayOf","element","default"],"sources":["../../src/RadioButtonGroup/index.jsx"],"sourcesContent":["/* eslint-disable react/no-multi-comp, max-classes-per-file, max-len */\nimport React from 'react';\nimport PropTypes from 'prop-types';\n\nclass RadioButton extends React.PureComponent {\n constructor(props) {\n super(props);\n\n const {\n onBlur,\n onClick,\n onFocus,\n onKeyDown,\n } = props;\n\n this.onBlur = onBlur.bind(this);\n this.onClick = onClick.bind(this);\n this.onFocus = onFocus.bind(this);\n this.onKeyDown = onKeyDown.bind(this);\n }\n\n render() {\n const {\n children,\n index,\n isChecked,\n name,\n value,\n ...other\n } = this.props;\n\n return (\n <div>\n <input\n type=\"radio\"\n name={name}\n aria-checked={isChecked}\n defaultChecked={isChecked}\n value={value}\n aria-label={children}\n data-index={index}\n onBlur={this.onBlur}\n onClick={this.onClick}\n onFocus={this.onFocus}\n onKeyDown={this.onKeyDown}\n {...other}\n />{children}\n </div>\n );\n }\n}\n\nclass RadioButtonGroup extends React.Component {\n constructor(props) {\n super();\n // Bind the method to the component context\n this.renderChildren = this.renderChildren.bind(this);\n this.onChange = this.onChange.bind(this);\n\n this.state = {\n selectedIndex: props.selectedIndex,\n };\n }\n\n onChange(event) {\n if (event.target.checked && event.target.hasAttribute('data-index')) {\n this.setState({\n selectedIndex: parseInt(event.target.getAttribute('data-index'), 10),\n });\n }\n\n this.props.onChange(event);\n }\n\n renderChildren() {\n const {\n children,\n name,\n onBlur,\n onClick,\n onFocus,\n onKeyDown,\n } = this.props;\n\n return React.Children.map((children), (child, index) => React.cloneElement(child, {\n name,\n value: child.props.value,\n isChecked: index === this.state.selectedIndex,\n onBlur,\n onClick,\n onFocus,\n onKeyDown,\n index,\n }));\n }\n\n render() {\n const {\n children,\n label,\n name,\n onBlur,\n onChange,\n onClick,\n onFocus,\n onKeyDown,\n selectedIndex,\n ...other\n } = this.props;\n\n return (\n <div\n role=\"radiogroup\"\n aria-label={label}\n onChange={this.onChange}\n tabIndex={-1}\n {...other}\n >\n {this.renderChildren()}\n </div>\n );\n }\n}\n\nRadioButton.defaultProps = {\n children: undefined,\n index: undefined,\n isChecked: false,\n name: undefined,\n onBlur: () => {},\n onClick: () => {},\n onFocus: () => {},\n onKeyDown: () => {},\n};\n\nRadioButton.propTypes = {\n children: PropTypes.oneOfType([\n PropTypes.string,\n PropTypes.number,\n PropTypes.bool,\n ]),\n index: PropTypes.number,\n isChecked: PropTypes.bool,\n name: PropTypes.string,\n onBlur: PropTypes.func,\n onClick: PropTypes.func,\n onFocus: PropTypes.func,\n onKeyDown: PropTypes.func,\n value: PropTypes.oneOfType([\n PropTypes.string,\n PropTypes.number,\n PropTypes.bool,\n ]).isRequired,\n};\n\nRadioButtonGroup.defaultProps = {\n onBlur: () => {},\n onChange: () => {},\n onClick: () => {},\n onFocus: () => {},\n onKeyDown: () => {},\n selectedIndex: undefined,\n};\n\nRadioButtonGroup.propTypes = {\n children: PropTypes.arrayOf(PropTypes.element).isRequired,\n /** specifies the `aria-label` value for the `RadioButtonGroup` */\n label: PropTypes.string.isRequired,\n /** specifies the `name` value for the `RadioButtonGroup` so that no more than one `RadioButton` can be selected at any given time */\n name: PropTypes.string.isRequired,\n /** specifies the callback for the `onBlur` event for each `RadioButton` within the group. The default value is a no-op function. */\n onBlur: PropTypes.func,\n /** specifies the callback for the onChange event for each RadioButton within the group. The default value is a no-op function. */\n onChange: PropTypes.func,\n /** specifies the callback for the `onClick` event for each `RadioButton` within the group. The default value is a no-op function. */\n onClick: PropTypes.func,\n /** specifies the callback for the `onFocus` event for each `RadioButton` within the group. The default value is a no-op function. */\n onFocus: PropTypes.func,\n /** specifies the callback for the `onKeyDown` event for each `RadioButton` within the group. The default value is a no-op function. */\n onKeyDown: PropTypes.func,\n /** specifies which `RadioButton` is initially selected. The default value is `undefined` which signifies that no `RadioButton` is initially selected. */\n selectedIndex: PropTypes.number,\n};\n\nexport { RadioButtonGroup as default, RadioButton };\n"],"mappings":"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"}
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
$search-btn-variants: (
|
|
2
|
-
"light": $primary-500,
|
|
3
|
-
"dark": $brand-500,
|
|
4
|
-
);
|
|
5
|
-
$search-border-radius: 0 !default;
|
|
6
|
-
$search-line-height: 1.5rem !default;
|
|
7
|
-
$search-border-color: $gray-500 !default;
|
|
8
|
-
$search-form-background-color: $white !default;
|
|
9
|
-
$search-border-color-interaction: $black !default;
|
|
10
|
-
$search-border-width: .0625rem !default;
|
|
11
|
-
$search-border-width-interaction: .125rem !default;
|
|
12
|
-
$search-disabled-opacity: .3 !default;
|
|
13
|
-
$search-button-margin: .5rem !default;
|
|
14
|
-
$input-height-search: calc(#{$input-line-height * 1em} + #{$input-padding-y * 2}) !default;
|
|
15
|
-
$search-border-focus-color: $black !default;
|
|
16
|
-
$search-border-focus-width: .3125rem !default;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
$stack-gap: 0 !default;
|
|
@@ -1,130 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import classNames from 'classnames';
|
|
3
|
-
import PropTypes from 'prop-types';
|
|
4
|
-
import isRequiredIf from 'react-proptype-conditional-require';
|
|
5
|
-
import Button from '../Button';
|
|
6
|
-
import withDeprecatedProps, { DeprTypes } from '../withDeprecatedProps';
|
|
7
|
-
class StatusAlert extends React.Component {
|
|
8
|
-
constructor(props) {
|
|
9
|
-
super(props);
|
|
10
|
-
this.close = this.close.bind(this);
|
|
11
|
-
this.handleKeyDown = this.handleKeyDown.bind(this);
|
|
12
|
-
this.renderDialog = this.renderDialog.bind(this);
|
|
13
|
-
this.state = {
|
|
14
|
-
open: props.open
|
|
15
|
-
};
|
|
16
|
-
}
|
|
17
|
-
componentDidMount() {
|
|
18
|
-
if (this.xButton) {
|
|
19
|
-
this.xButton.focus();
|
|
20
|
-
}
|
|
21
|
-
}
|
|
22
|
-
|
|
23
|
-
/* eslint-disable react/no-did-update-set-state */
|
|
24
|
-
componentDidUpdate(prevProps, prevState) {
|
|
25
|
-
if (this.state.open && !prevState.open && this.xButton) {
|
|
26
|
-
this.xButton.focus();
|
|
27
|
-
}
|
|
28
|
-
if (this.props.open !== prevProps.open) {
|
|
29
|
-
this.setState({
|
|
30
|
-
open: this.props.open
|
|
31
|
-
});
|
|
32
|
-
}
|
|
33
|
-
}
|
|
34
|
-
handleKeyDown(e) {
|
|
35
|
-
if (e.key === 'Enter' || e.key === 'Escape') {
|
|
36
|
-
e.preventDefault();
|
|
37
|
-
this.close();
|
|
38
|
-
}
|
|
39
|
-
}
|
|
40
|
-
close() {
|
|
41
|
-
this.setState({
|
|
42
|
-
open: false
|
|
43
|
-
});
|
|
44
|
-
this.props.onClose();
|
|
45
|
-
}
|
|
46
|
-
|
|
47
|
-
// eslint-disable-next-line react/no-unused-class-component-methods
|
|
48
|
-
focus() {
|
|
49
|
-
if (this.xButton) {
|
|
50
|
-
this.xButton.focus();
|
|
51
|
-
}
|
|
52
|
-
}
|
|
53
|
-
renderDialog() {
|
|
54
|
-
const {
|
|
55
|
-
dialog
|
|
56
|
-
} = this.props;
|
|
57
|
-
return /*#__PURE__*/React.createElement("div", {
|
|
58
|
-
className: "alert-dialog"
|
|
59
|
-
}, dialog);
|
|
60
|
-
}
|
|
61
|
-
renderDismissible() {
|
|
62
|
-
const {
|
|
63
|
-
closeButtonAriaLabel,
|
|
64
|
-
dismissible
|
|
65
|
-
} = this.props;
|
|
66
|
-
return dismissible ? /*#__PURE__*/React.createElement(Button.Deprecated, {
|
|
67
|
-
"aria-label": closeButtonAriaLabel,
|
|
68
|
-
inputRef: input => {
|
|
69
|
-
this.xButton = input;
|
|
70
|
-
},
|
|
71
|
-
onClick: this.close,
|
|
72
|
-
onKeyDown: this.handleKeyDown,
|
|
73
|
-
isClose: true
|
|
74
|
-
}, /*#__PURE__*/React.createElement("span", {
|
|
75
|
-
"aria-hidden": "true"
|
|
76
|
-
}, "\xD7")) : null;
|
|
77
|
-
}
|
|
78
|
-
render() {
|
|
79
|
-
const {
|
|
80
|
-
alertType,
|
|
81
|
-
className,
|
|
82
|
-
dismissible
|
|
83
|
-
} = this.props;
|
|
84
|
-
return /*#__PURE__*/React.createElement("div", {
|
|
85
|
-
className: classNames([className, 'alert', 'fade'], {
|
|
86
|
-
'alert-dismissible': dismissible
|
|
87
|
-
}, {
|
|
88
|
-
[`alert-${alertType}`]: alertType !== undefined
|
|
89
|
-
}, {
|
|
90
|
-
show: this.state.open
|
|
91
|
-
}),
|
|
92
|
-
role: "alert",
|
|
93
|
-
hidden: !this.state.open
|
|
94
|
-
}, this.renderDismissible(), this.renderDialog());
|
|
95
|
-
}
|
|
96
|
-
}
|
|
97
|
-
StatusAlert.propTypes = {
|
|
98
|
-
/** specifies the type of alert that is being diplayed. It defaults to "warning".
|
|
99
|
-
* See the other available [bootstrap](https://react-bootstrap-v4.netlify.app/components/alerts/) options. */
|
|
100
|
-
alertType: PropTypes.string,
|
|
101
|
-
/** is a string array that defines the classes to be used within the status alert. */
|
|
102
|
-
className: PropTypes.string,
|
|
103
|
-
dialog: PropTypes.oneOfType([PropTypes.string, PropTypes.element]).isRequired,
|
|
104
|
-
/** specifies if the status alert will include the dismissible X button to close the alert. It defaults to true. */
|
|
105
|
-
dismissible: PropTypes.bool,
|
|
106
|
-
/* eslint-disable react/require-default-props */
|
|
107
|
-
closeButtonAriaLabel: PropTypes.string,
|
|
108
|
-
/** is a function that is called on close. It can be used to perform actions upon closing of the status alert,
|
|
109
|
-
* such as restoring focus to the previous logical focusable element. It is only required if `dismissible`
|
|
110
|
-
* is set to `true` and not required if the alert is not `dismissible`. */
|
|
111
|
-
onClose: isRequiredIf(PropTypes.func, props => props.dismissible),
|
|
112
|
-
/** specifies whether the status alert renders open or closed on the initial render. It defaults to false. */
|
|
113
|
-
open: PropTypes.bool
|
|
114
|
-
};
|
|
115
|
-
StatusAlert.defaultProps = {
|
|
116
|
-
alertType: 'warning',
|
|
117
|
-
className: undefined,
|
|
118
|
-
closeButtonAriaLabel: 'Close',
|
|
119
|
-
dismissible: true,
|
|
120
|
-
open: false
|
|
121
|
-
};
|
|
122
|
-
export default withDeprecatedProps(StatusAlert, 'StatusAlert', {
|
|
123
|
-
className: {
|
|
124
|
-
deprType: DeprTypes.FORMAT,
|
|
125
|
-
expect: value => typeof value === 'string',
|
|
126
|
-
transform: value => Array.isArray(value) ? value.join(' ') : value,
|
|
127
|
-
message: 'It should be a string.'
|
|
128
|
-
}
|
|
129
|
-
});
|
|
130
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["React","classNames","PropTypes","isRequiredIf","Button","withDeprecatedProps","DeprTypes","StatusAlert","Component","constructor","props","close","bind","handleKeyDown","renderDialog","state","open","componentDidMount","xButton","focus","componentDidUpdate","prevProps","prevState","setState","e","key","preventDefault","onClose","dialog","createElement","className","renderDismissible","closeButtonAriaLabel","dismissible","Deprecated","inputRef","input","onClick","onKeyDown","isClose","render","alertType","undefined","show","role","hidden","propTypes","string","oneOfType","element","isRequired","bool","func","defaultProps","deprType","FORMAT","expect","value","transform","Array","isArray","join","message"],"sources":["../../src/StatusAlert/index.jsx"],"sourcesContent":["import React from 'react';\nimport classNames from 'classnames';\nimport PropTypes from 'prop-types';\nimport isRequiredIf from 'react-proptype-conditional-require';\n\nimport Button from '../Button';\nimport withDeprecatedProps, { DeprTypes } from '../withDeprecatedProps';\n\nclass StatusAlert extends React.Component {\n constructor(props) {\n super(props);\n\n this.close = this.close.bind(this);\n this.handleKeyDown = this.handleKeyDown.bind(this);\n this.renderDialog = this.renderDialog.bind(this);\n\n this.state = {\n open: props.open,\n };\n }\n\n componentDidMount() {\n if (this.xButton) {\n this.xButton.focus();\n }\n }\n\n /* eslint-disable react/no-did-update-set-state */\n componentDidUpdate(prevProps, prevState) {\n if (this.state.open && !prevState.open && this.xButton) {\n this.xButton.focus();\n }\n\n if (this.props.open !== prevProps.open) {\n this.setState({ open: this.props.open });\n }\n }\n\n handleKeyDown(e) {\n if (e.key === 'Enter' || e.key === 'Escape') {\n e.preventDefault();\n this.close();\n }\n }\n\n close() {\n this.setState({ open: false });\n this.props.onClose();\n }\n\n // eslint-disable-next-line react/no-unused-class-component-methods\n focus() {\n if (this.xButton) {\n this.xButton.focus();\n }\n }\n\n renderDialog() {\n const { dialog } = this.props;\n\n return (\n <div className=\"alert-dialog\">\n { dialog }\n </div>\n );\n }\n\n renderDismissible() {\n const { closeButtonAriaLabel, dismissible } = this.props;\n\n return (dismissible) ? (\n <Button.Deprecated\n aria-label={closeButtonAriaLabel}\n inputRef={(input) => { this.xButton = input; }}\n onClick={this.close}\n onKeyDown={this.handleKeyDown}\n isClose\n >\n <span aria-hidden=\"true\">×</span>\n </Button.Deprecated>\n ) : null;\n }\n\n render() {\n const { alertType, className, dismissible } = this.props;\n\n return (\n <div\n className={classNames([\n className,\n 'alert',\n 'fade',\n ], {\n 'alert-dismissible': dismissible,\n }, {\n [`alert-${alertType}`]: alertType !== undefined,\n }, {\n show: this.state.open,\n })}\n role=\"alert\"\n hidden={!this.state.open}\n >\n {this.renderDismissible()}\n {this.renderDialog()}\n </div>\n );\n }\n}\n\nStatusAlert.propTypes = {\n /** specifies the type of alert that is being diplayed. It defaults to \"warning\".\n * See the other available [bootstrap](https://react-bootstrap-v4.netlify.app/components/alerts/) options. */\n alertType: PropTypes.string,\n /** is a string array that defines the classes to be used within the status alert. */\n className: PropTypes.string,\n dialog: PropTypes.oneOfType([PropTypes.string, PropTypes.element]).isRequired,\n /** specifies if the status alert will include the dismissible X button to close the alert. It defaults to true. */\n dismissible: PropTypes.bool,\n /* eslint-disable react/require-default-props */\n closeButtonAriaLabel: PropTypes.string,\n /** is a function that is called on close. It can be used to perform actions upon closing of the status alert,\n * such as restoring focus to the previous logical focusable element. It is only required if `dismissible`\n * is set to `true` and not required if the alert is not `dismissible`. */\n onClose: isRequiredIf(PropTypes.func, props => props.dismissible),\n /** specifies whether the status alert renders open or closed on the initial render. It defaults to false. */\n open: PropTypes.bool,\n};\n\nStatusAlert.defaultProps = {\n alertType: 'warning',\n className: undefined,\n closeButtonAriaLabel: 'Close',\n dismissible: true,\n open: false,\n};\n\nexport default withDeprecatedProps(StatusAlert, 'StatusAlert', {\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,18 +0,0 @@
|
|
|
1
|
-
$stepper-header-bg: transparent !default;
|
|
2
|
-
$stepper-header-min-height: 5.13rem !default;
|
|
3
|
-
$stepper-header-padding-y: .75rem !default;
|
|
4
|
-
$stepper-header-padding-x: $spacer !default;
|
|
5
|
-
$stepper-header-line-bg: $light !default;
|
|
6
|
-
$stepper-header-line-height: 1px !default;
|
|
7
|
-
$stepper-header-step-color: $primary !default;
|
|
8
|
-
$stepper-header-step-bg: $stepper-header-bg !default;
|
|
9
|
-
$stepper-header-step-border: none !default;
|
|
10
|
-
$stepper-header-step-min-width: 0 !default;
|
|
11
|
-
$stepper-header-step-padding: .25rem !default;
|
|
12
|
-
$stepper-header-step-list-padding-y: .25rem !default;
|
|
13
|
-
$stepper-header-step-list-padding-x: 0 !default;
|
|
14
|
-
$stepper-header-step-list-margin: 0 !default;
|
|
15
|
-
$stepper-header-active-step-bg: $gray-500 !default;
|
|
16
|
-
$stepper-header-step-error-bubble-color: $danger !default;
|
|
17
|
-
$stepper-header-step-error-bubble-shadow-width: 3px !default;
|
|
18
|
-
$stepper-header-step-error-description-color: $stepper-header-step-error-bubble-color !default;
|