@openedx/paragon 22.6.0 → 23.0.0-alpha.2
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 +61 -21
- 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 +15 -40
- package/dist/Button/index.js.map +1 -1
- package/dist/Button/index.scss +855 -372
- 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/ChipIcon.d.ts +2 -2
- package/dist/Chip/ChipIcon.js.map +1 -1
- package/dist/Chip/index.d.ts +2 -2
- package/dist/Chip/index.js +2 -2
- package/dist/Chip/index.js.map +1 -1
- package/dist/Chip/index.scss +48 -38
- 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.js +32 -20
- package/dist/Hyperlink/index.js.map +1 -1
- package/dist/Hyperlink/index.scss +1 -1
- package/dist/Icon/index.d.ts +2 -4
- package/dist/Icon/index.js +1 -1
- package/dist/Icon/index.js.map +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 -54
- 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 +20 -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 +29 -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 +16777 -0
- package/dist/core.css.map +1 -0
- package/dist/core.min.css +2 -0
- package/dist/index.d.ts +2 -2
- package/dist/index.js +4 -18
- 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 +133 -0
- package/lib/help.js +36 -23
- package/lib/replace-variables.js +38 -0
- package/lib/utils.js +30 -0
- package/package.json +30 -14
- 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/{Button.test.tsx → Button.test.jsx} +2 -14
- package/src/Button/README.md +0 -84
- package/src/Button/__snapshots__/{Button.test.tsx.snap → Button.test.jsx.snap} +2 -19
- package/src/Button/_mixins.scss +14 -0
- package/src/Button/button-group.scss +126 -0
- package/src/Button/index.jsx +113 -0
- package/src/Button/index.scss +855 -372
- 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/ChipIcon.tsx +1 -1
- package/src/Chip/index.scss +48 -38
- package/src/Chip/index.tsx +5 -5
- 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/{Hyperlink.test.tsx → Hyperlink.test.jsx} +10 -21
- package/src/Hyperlink/{index.tsx → index.jsx} +37 -41
- package/src/Hyperlink/index.scss +1 -1
- package/src/Icon/index.d.ts +2 -4
- package/src/Icon/index.jsx +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 -54
- 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 +20 -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 +29 -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.d.ts +2 -2
- package/src/index.js +4 -18
- package/src/index.scss +0 -4
- package/src/{setupTest.ts → setupTest.js} +0 -7
- 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 +603 -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 +868 -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 +157 -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 +23 -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 +96 -0
- package/tokens/src/core/components/Carousel.json +37 -0
- package/tokens/src/core/components/Chip.json +41 -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 +229 -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 +52 -0
- package/tokens/src/core/components/Navbar.json +70 -0
- package/tokens/src/core/components/Pagination.json +66 -0
- package/tokens/src/core/components/Popover.json +48 -0
- package/tokens/src/core/components/ProductTour.json +32 -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 +22 -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 +37 -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 +38 -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 +13 -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 +36 -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 +12 -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 +229 -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/Button/index.d.ts +0 -35
- 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/Hyperlink/index.d.ts +0 -24
- 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/dist/setupTest.d.ts +0 -2
- package/dist/setupTest.js.map +0 -1
- package/dist/utils/types/bootstrap.d.ts +0 -39
- package/dist/utils/types/bootstrap.js +0 -2
- package/dist/utils/types/bootstrap.js.map +0 -1
- 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/Button/index.tsx +0 -159
- 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/src/utils/types/bootstrap.test.tsx +0 -86
- package/src/utils/types/bootstrap.ts +0 -43
- /package/src/Button/{ButtonGroup.test.tsx → ButtonGroup.test.jsx} +0 -0
- /package/src/Button/{ButtonToolbar.test.tsx → ButtonToolbar.test.jsx} +0 -0
- /package/src/Button/__snapshots__/{ButtonGroup.test.tsx.snap → ButtonGroup.test.jsx.snap} +0 -0
- /package/src/Button/__snapshots__/{ButtonToolbar.test.tsx.snap → ButtonToolbar.test.jsx.snap} +0 -0
- /package/{scss → styles/scss}/core/_exports.module.scss +0 -0
- /package/{scss → styles/scss}/core/_typography.scss +0 -0
|
@@ -1,188 +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 = ["children", "index", "isChecked", "name", "value"],
|
|
3
|
-
_excluded2 = ["children", "label", "name", "onBlur", "onChange", "onClick", "onFocus", "onKeyDown", "selectedIndex"];
|
|
4
|
-
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); }
|
|
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
|
-
/* eslint-disable react/no-multi-comp, max-classes-per-file, max-len */
|
|
20
|
-
import React from 'react';
|
|
21
|
-
import PropTypes from 'prop-types';
|
|
22
|
-
var RadioButton = /*#__PURE__*/function (_React$PureComponent) {
|
|
23
|
-
_inherits(RadioButton, _React$PureComponent);
|
|
24
|
-
var _super = _createSuper(RadioButton);
|
|
25
|
-
function RadioButton(props) {
|
|
26
|
-
var _this;
|
|
27
|
-
_classCallCheck(this, RadioButton);
|
|
28
|
-
_this = _super.call(this, props);
|
|
29
|
-
var onBlur = props.onBlur,
|
|
30
|
-
onClick = props.onClick,
|
|
31
|
-
onFocus = props.onFocus,
|
|
32
|
-
onKeyDown = props.onKeyDown;
|
|
33
|
-
_this.onBlur = onBlur.bind(_assertThisInitialized(_this));
|
|
34
|
-
_this.onClick = onClick.bind(_assertThisInitialized(_this));
|
|
35
|
-
_this.onFocus = onFocus.bind(_assertThisInitialized(_this));
|
|
36
|
-
_this.onKeyDown = onKeyDown.bind(_assertThisInitialized(_this));
|
|
37
|
-
return _this;
|
|
38
|
-
}
|
|
39
|
-
_createClass(RadioButton, [{
|
|
40
|
-
key: "render",
|
|
41
|
-
value: function render() {
|
|
42
|
-
var _this$props = this.props,
|
|
43
|
-
children = _this$props.children,
|
|
44
|
-
index = _this$props.index,
|
|
45
|
-
isChecked = _this$props.isChecked,
|
|
46
|
-
name = _this$props.name,
|
|
47
|
-
value = _this$props.value,
|
|
48
|
-
other = _objectWithoutProperties(_this$props, _excluded);
|
|
49
|
-
return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("input", _extends({
|
|
50
|
-
type: "radio",
|
|
51
|
-
name: name,
|
|
52
|
-
"aria-checked": isChecked,
|
|
53
|
-
defaultChecked: isChecked,
|
|
54
|
-
value: value,
|
|
55
|
-
"aria-label": children,
|
|
56
|
-
"data-index": index,
|
|
57
|
-
onBlur: this.onBlur,
|
|
58
|
-
onClick: this.onClick,
|
|
59
|
-
onFocus: this.onFocus,
|
|
60
|
-
onKeyDown: this.onKeyDown
|
|
61
|
-
}, other)), children);
|
|
62
|
-
}
|
|
63
|
-
}]);
|
|
64
|
-
return RadioButton;
|
|
65
|
-
}(React.PureComponent);
|
|
66
|
-
var RadioButtonGroup = /*#__PURE__*/function (_React$Component) {
|
|
67
|
-
_inherits(RadioButtonGroup, _React$Component);
|
|
68
|
-
var _super2 = _createSuper(RadioButtonGroup);
|
|
69
|
-
function RadioButtonGroup(props) {
|
|
70
|
-
var _this2;
|
|
71
|
-
_classCallCheck(this, RadioButtonGroup);
|
|
72
|
-
_this2 = _super2.call(this);
|
|
73
|
-
// Bind the method to the component context
|
|
74
|
-
_this2.renderChildren = _this2.renderChildren.bind(_assertThisInitialized(_this2));
|
|
75
|
-
_this2.onChange = _this2.onChange.bind(_assertThisInitialized(_this2));
|
|
76
|
-
_this2.state = {
|
|
77
|
-
selectedIndex: props.selectedIndex
|
|
78
|
-
};
|
|
79
|
-
return _this2;
|
|
80
|
-
}
|
|
81
|
-
_createClass(RadioButtonGroup, [{
|
|
82
|
-
key: "onChange",
|
|
83
|
-
value: function onChange(event) {
|
|
84
|
-
if (event.target.checked && event.target.hasAttribute('data-index')) {
|
|
85
|
-
this.setState({
|
|
86
|
-
selectedIndex: parseInt(event.target.getAttribute('data-index'), 10)
|
|
87
|
-
});
|
|
88
|
-
}
|
|
89
|
-
this.props.onChange(event);
|
|
90
|
-
}
|
|
91
|
-
}, {
|
|
92
|
-
key: "renderChildren",
|
|
93
|
-
value: function renderChildren() {
|
|
94
|
-
var _this3 = this;
|
|
95
|
-
var _this$props2 = this.props,
|
|
96
|
-
children = _this$props2.children,
|
|
97
|
-
name = _this$props2.name,
|
|
98
|
-
onBlur = _this$props2.onBlur,
|
|
99
|
-
onClick = _this$props2.onClick,
|
|
100
|
-
onFocus = _this$props2.onFocus,
|
|
101
|
-
onKeyDown = _this$props2.onKeyDown;
|
|
102
|
-
return React.Children.map(children, function (child, index) {
|
|
103
|
-
return /*#__PURE__*/React.cloneElement(child, {
|
|
104
|
-
name: name,
|
|
105
|
-
value: child.props.value,
|
|
106
|
-
isChecked: index === _this3.state.selectedIndex,
|
|
107
|
-
onBlur: onBlur,
|
|
108
|
-
onClick: onClick,
|
|
109
|
-
onFocus: onFocus,
|
|
110
|
-
onKeyDown: onKeyDown,
|
|
111
|
-
index: index
|
|
112
|
-
});
|
|
113
|
-
});
|
|
114
|
-
}
|
|
115
|
-
}, {
|
|
116
|
-
key: "render",
|
|
117
|
-
value: function render() {
|
|
118
|
-
var _this$props3 = this.props,
|
|
119
|
-
children = _this$props3.children,
|
|
120
|
-
label = _this$props3.label,
|
|
121
|
-
name = _this$props3.name,
|
|
122
|
-
onBlur = _this$props3.onBlur,
|
|
123
|
-
onChange = _this$props3.onChange,
|
|
124
|
-
onClick = _this$props3.onClick,
|
|
125
|
-
onFocus = _this$props3.onFocus,
|
|
126
|
-
onKeyDown = _this$props3.onKeyDown,
|
|
127
|
-
selectedIndex = _this$props3.selectedIndex,
|
|
128
|
-
other = _objectWithoutProperties(_this$props3, _excluded2);
|
|
129
|
-
return /*#__PURE__*/React.createElement("div", _extends({
|
|
130
|
-
role: "radiogroup",
|
|
131
|
-
"aria-label": label,
|
|
132
|
-
onChange: this.onChange,
|
|
133
|
-
tabIndex: -1
|
|
134
|
-
}, other), this.renderChildren());
|
|
135
|
-
}
|
|
136
|
-
}]);
|
|
137
|
-
return RadioButtonGroup;
|
|
138
|
-
}(React.Component);
|
|
139
|
-
RadioButton.defaultProps = {
|
|
140
|
-
children: undefined,
|
|
141
|
-
index: undefined,
|
|
142
|
-
isChecked: false,
|
|
143
|
-
name: undefined,
|
|
144
|
-
onBlur: function onBlur() {},
|
|
145
|
-
onClick: function onClick() {},
|
|
146
|
-
onFocus: function onFocus() {},
|
|
147
|
-
onKeyDown: function onKeyDown() {}
|
|
148
|
-
};
|
|
149
|
-
RadioButton.propTypes = {
|
|
150
|
-
children: PropTypes.oneOfType([PropTypes.string, PropTypes.number, PropTypes.bool]),
|
|
151
|
-
index: PropTypes.number,
|
|
152
|
-
isChecked: PropTypes.bool,
|
|
153
|
-
name: PropTypes.string,
|
|
154
|
-
onBlur: PropTypes.func,
|
|
155
|
-
onClick: PropTypes.func,
|
|
156
|
-
onFocus: PropTypes.func,
|
|
157
|
-
onKeyDown: PropTypes.func,
|
|
158
|
-
value: PropTypes.oneOfType([PropTypes.string, PropTypes.number, PropTypes.bool]).isRequired
|
|
159
|
-
};
|
|
160
|
-
RadioButtonGroup.defaultProps = {
|
|
161
|
-
onBlur: function onBlur() {},
|
|
162
|
-
onChange: function onChange() {},
|
|
163
|
-
onClick: function onClick() {},
|
|
164
|
-
onFocus: function onFocus() {},
|
|
165
|
-
onKeyDown: function onKeyDown() {},
|
|
166
|
-
selectedIndex: undefined
|
|
167
|
-
};
|
|
168
|
-
RadioButtonGroup.propTypes = {
|
|
169
|
-
children: PropTypes.arrayOf(PropTypes.element).isRequired,
|
|
170
|
-
/** specifies the `aria-label` value for the `RadioButtonGroup` */
|
|
171
|
-
label: PropTypes.string.isRequired,
|
|
172
|
-
/** specifies the `name` value for the `RadioButtonGroup` so that no more than one `RadioButton` can be selected at any given time */
|
|
173
|
-
name: PropTypes.string.isRequired,
|
|
174
|
-
/** specifies the callback for the `onBlur` event for each `RadioButton` within the group. The default value is a no-op function. */
|
|
175
|
-
onBlur: PropTypes.func,
|
|
176
|
-
/** specifies the callback for the onChange event for each RadioButton within the group. The default value is a no-op function. */
|
|
177
|
-
onChange: PropTypes.func,
|
|
178
|
-
/** specifies the callback for the `onClick` event for each `RadioButton` within the group. The default value is a no-op function. */
|
|
179
|
-
onClick: PropTypes.func,
|
|
180
|
-
/** specifies the callback for the `onFocus` event for each `RadioButton` within the group. The default value is a no-op function. */
|
|
181
|
-
onFocus: PropTypes.func,
|
|
182
|
-
/** specifies the callback for the `onKeyDown` event for each `RadioButton` within the group. The default value is a no-op function. */
|
|
183
|
-
onKeyDown: PropTypes.func,
|
|
184
|
-
/** specifies which `RadioButton` is initially selected. The default value is `undefined` which signifies that no `RadioButton` is initially selected. */
|
|
185
|
-
selectedIndex: PropTypes.number
|
|
186
|
-
};
|
|
187
|
-
export { RadioButtonGroup as default, RadioButton };
|
|
188
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["React","PropTypes","RadioButton","_React$PureComponent","_inherits","_super","_createSuper","props","_this","_classCallCheck","call","onBlur","onClick","onFocus","onKeyDown","bind","_assertThisInitialized","_createClass","key","value","render","_this$props","children","index","isChecked","name","other","_objectWithoutProperties","_excluded","createElement","_extends","type","defaultChecked","PureComponent","RadioButtonGroup","_React$Component","_super2","_this2","renderChildren","onChange","state","selectedIndex","event","target","checked","hasAttribute","setState","parseInt","getAttribute","_this3","_this$props2","Children","map","child","cloneElement","_this$props3","label","_excluded2","role","tabIndex","Component","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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","ignoreList":[]}
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
$search-btn-variants: (
|
|
2
|
-
"light": $primary-500,
|
|
3
|
-
"dark": $brand-500,
|
|
4
|
-
);
|
|
5
|
-
$search-border-radius: 0 !default;
|
|
6
|
-
$search-border-color: $gray-500 !default;
|
|
7
|
-
$search-form-background-color: $white !default;
|
|
8
|
-
$search-border-color-interaction: $black !default;
|
|
9
|
-
$search-border-width: .0625rem !default;
|
|
10
|
-
$search-disabled-opacity: .3 !default;
|
|
11
|
-
$search-button-margin: .5rem !default;
|
|
12
|
-
$input-height-search: calc(#{$input-line-height * 1em} + #{$input-padding-y * 2}) !default;
|
|
13
|
-
$search-border-focus-color: $black !default;
|
|
14
|
-
$search-border-focus-width: .3125rem !default;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
$stack-gap: 0 !default;
|
|
@@ -1,168 +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
|
-
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; }
|
|
3
|
-
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
|
4
|
-
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); } }
|
|
5
|
-
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
|
|
6
|
-
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
|
|
7
|
-
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); }
|
|
8
|
-
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); }
|
|
9
|
-
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
|
|
10
|
-
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); }; }
|
|
11
|
-
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); }
|
|
12
|
-
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
|
|
13
|
-
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
|
|
14
|
-
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
|
|
15
|
-
import React from 'react';
|
|
16
|
-
import classNames from 'classnames';
|
|
17
|
-
import PropTypes from 'prop-types';
|
|
18
|
-
import isRequiredIf from 'react-proptype-conditional-require';
|
|
19
|
-
import Button from '../Button';
|
|
20
|
-
import withDeprecatedProps, { DeprTypes } from '../withDeprecatedProps';
|
|
21
|
-
var StatusAlert = /*#__PURE__*/function (_React$Component) {
|
|
22
|
-
_inherits(StatusAlert, _React$Component);
|
|
23
|
-
var _super = _createSuper(StatusAlert);
|
|
24
|
-
function StatusAlert(props) {
|
|
25
|
-
var _this;
|
|
26
|
-
_classCallCheck(this, StatusAlert);
|
|
27
|
-
_this = _super.call(this, props);
|
|
28
|
-
_this.close = _this.close.bind(_assertThisInitialized(_this));
|
|
29
|
-
_this.handleKeyDown = _this.handleKeyDown.bind(_assertThisInitialized(_this));
|
|
30
|
-
_this.renderDialog = _this.renderDialog.bind(_assertThisInitialized(_this));
|
|
31
|
-
_this.state = {
|
|
32
|
-
open: props.open
|
|
33
|
-
};
|
|
34
|
-
return _this;
|
|
35
|
-
}
|
|
36
|
-
_createClass(StatusAlert, [{
|
|
37
|
-
key: "componentDidMount",
|
|
38
|
-
value: function componentDidMount() {
|
|
39
|
-
if (this.xButton) {
|
|
40
|
-
this.xButton.focus();
|
|
41
|
-
}
|
|
42
|
-
}
|
|
43
|
-
|
|
44
|
-
/* eslint-disable react/no-did-update-set-state */
|
|
45
|
-
}, {
|
|
46
|
-
key: "componentDidUpdate",
|
|
47
|
-
value: function componentDidUpdate(prevProps, prevState) {
|
|
48
|
-
if (this.state.open && !prevState.open && this.xButton) {
|
|
49
|
-
this.xButton.focus();
|
|
50
|
-
}
|
|
51
|
-
if (this.props.open !== prevProps.open) {
|
|
52
|
-
this.setState({
|
|
53
|
-
open: this.props.open
|
|
54
|
-
});
|
|
55
|
-
}
|
|
56
|
-
}
|
|
57
|
-
}, {
|
|
58
|
-
key: "handleKeyDown",
|
|
59
|
-
value: function handleKeyDown(e) {
|
|
60
|
-
if (e.key === 'Enter' || e.key === 'Escape') {
|
|
61
|
-
e.preventDefault();
|
|
62
|
-
this.close();
|
|
63
|
-
}
|
|
64
|
-
}
|
|
65
|
-
}, {
|
|
66
|
-
key: "close",
|
|
67
|
-
value: function close() {
|
|
68
|
-
this.setState({
|
|
69
|
-
open: false
|
|
70
|
-
});
|
|
71
|
-
this.props.onClose();
|
|
72
|
-
}
|
|
73
|
-
|
|
74
|
-
// eslint-disable-next-line react/no-unused-class-component-methods
|
|
75
|
-
}, {
|
|
76
|
-
key: "focus",
|
|
77
|
-
value: function focus() {
|
|
78
|
-
if (this.xButton) {
|
|
79
|
-
this.xButton.focus();
|
|
80
|
-
}
|
|
81
|
-
}
|
|
82
|
-
}, {
|
|
83
|
-
key: "renderDialog",
|
|
84
|
-
value: function renderDialog() {
|
|
85
|
-
var dialog = this.props.dialog;
|
|
86
|
-
return /*#__PURE__*/React.createElement("div", {
|
|
87
|
-
className: "alert-dialog"
|
|
88
|
-
}, dialog);
|
|
89
|
-
}
|
|
90
|
-
}, {
|
|
91
|
-
key: "renderDismissible",
|
|
92
|
-
value: function renderDismissible() {
|
|
93
|
-
var _this2 = this;
|
|
94
|
-
var _this$props = this.props,
|
|
95
|
-
closeButtonAriaLabel = _this$props.closeButtonAriaLabel,
|
|
96
|
-
dismissible = _this$props.dismissible;
|
|
97
|
-
return dismissible ? /*#__PURE__*/React.createElement(Button.Deprecated, {
|
|
98
|
-
"aria-label": closeButtonAriaLabel,
|
|
99
|
-
inputRef: function inputRef(input) {
|
|
100
|
-
_this2.xButton = input;
|
|
101
|
-
},
|
|
102
|
-
onClick: this.close,
|
|
103
|
-
onKeyDown: this.handleKeyDown,
|
|
104
|
-
isClose: true
|
|
105
|
-
}, /*#__PURE__*/React.createElement("span", {
|
|
106
|
-
"aria-hidden": "true"
|
|
107
|
-
}, "\xD7")) : null;
|
|
108
|
-
}
|
|
109
|
-
}, {
|
|
110
|
-
key: "render",
|
|
111
|
-
value: function render() {
|
|
112
|
-
var _this$props2 = this.props,
|
|
113
|
-
alertType = _this$props2.alertType,
|
|
114
|
-
className = _this$props2.className,
|
|
115
|
-
dismissible = _this$props2.dismissible;
|
|
116
|
-
return /*#__PURE__*/React.createElement("div", {
|
|
117
|
-
className: classNames([className, 'alert', 'fade'], {
|
|
118
|
-
'alert-dismissible': dismissible
|
|
119
|
-
}, _defineProperty({}, "alert-".concat(alertType), alertType !== undefined), {
|
|
120
|
-
show: this.state.open
|
|
121
|
-
}),
|
|
122
|
-
role: "alert",
|
|
123
|
-
hidden: !this.state.open
|
|
124
|
-
}, this.renderDismissible(), this.renderDialog());
|
|
125
|
-
}
|
|
126
|
-
}]);
|
|
127
|
-
return StatusAlert;
|
|
128
|
-
}(React.Component);
|
|
129
|
-
StatusAlert.propTypes = {
|
|
130
|
-
/** specifies the type of alert that is being diplayed. It defaults to "warning".
|
|
131
|
-
* See the other available [bootstrap](https://react-bootstrap-v4.netlify.app/components/alerts/) options. */
|
|
132
|
-
alertType: PropTypes.string,
|
|
133
|
-
/** is a string array that defines the classes to be used within the status alert. */
|
|
134
|
-
className: PropTypes.string,
|
|
135
|
-
dialog: PropTypes.oneOfType([PropTypes.string, PropTypes.element]).isRequired,
|
|
136
|
-
/** specifies if the status alert will include the dismissible X button to close the alert. It defaults to true. */
|
|
137
|
-
dismissible: PropTypes.bool,
|
|
138
|
-
/* eslint-disable react/require-default-props */
|
|
139
|
-
closeButtonAriaLabel: PropTypes.string,
|
|
140
|
-
/** is a function that is called on close. It can be used to perform actions upon closing of the status alert,
|
|
141
|
-
* such as restoring focus to the previous logical focusable element. It is only required if `dismissible`
|
|
142
|
-
* is set to `true` and not required if the alert is not `dismissible`. */
|
|
143
|
-
onClose: isRequiredIf(PropTypes.func, function (props) {
|
|
144
|
-
return props.dismissible;
|
|
145
|
-
}),
|
|
146
|
-
/** specifies whether the status alert renders open or closed on the initial render. It defaults to false. */
|
|
147
|
-
open: PropTypes.bool
|
|
148
|
-
};
|
|
149
|
-
StatusAlert.defaultProps = {
|
|
150
|
-
alertType: 'warning',
|
|
151
|
-
className: undefined,
|
|
152
|
-
closeButtonAriaLabel: 'Close',
|
|
153
|
-
dismissible: true,
|
|
154
|
-
open: false
|
|
155
|
-
};
|
|
156
|
-
export default withDeprecatedProps(StatusAlert, 'StatusAlert', {
|
|
157
|
-
className: {
|
|
158
|
-
deprType: DeprTypes.FORMAT,
|
|
159
|
-
expect: function expect(value) {
|
|
160
|
-
return typeof value === 'string';
|
|
161
|
-
},
|
|
162
|
-
transform: function transform(value) {
|
|
163
|
-
return Array.isArray(value) ? value.join(' ') : value;
|
|
164
|
-
},
|
|
165
|
-
message: 'It should be a string.'
|
|
166
|
-
}
|
|
167
|
-
});
|
|
168
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["React","classNames","PropTypes","isRequiredIf","Button","withDeprecatedProps","DeprTypes","StatusAlert","_React$Component","_inherits","_super","_createSuper","props","_this","_classCallCheck","call","close","bind","_assertThisInitialized","handleKeyDown","renderDialog","state","open","_createClass","key","value","componentDidMount","xButton","focus","componentDidUpdate","prevProps","prevState","setState","e","preventDefault","onClose","dialog","createElement","className","renderDismissible","_this2","_this$props","closeButtonAriaLabel","dismissible","Deprecated","inputRef","input","onClick","onKeyDown","isClose","render","_this$props2","alertType","_defineProperty","concat","undefined","show","role","hidden","Component","propTypes","string","oneOfType","element","isRequired","bool","func","defaultProps","deprType","FORMAT","expect","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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","ignoreList":[]}
|
|
@@ -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;
|
|
@@ -1,34 +0,0 @@
|
|
|
1
|
-
// Tables
|
|
2
|
-
//
|
|
3
|
-
// Customizes the `.table` component with basic values, each used across all table variations.
|
|
4
|
-
|
|
5
|
-
$table-cell-padding: .75rem !default;
|
|
6
|
-
$table-cell-padding-sm: .3rem !default;
|
|
7
|
-
|
|
8
|
-
$table-color: $body-color !default;
|
|
9
|
-
$table-bg: null !default;
|
|
10
|
-
$table-accent-bg: rgba($black, .05) !default;
|
|
11
|
-
$table-hover-color: $table-color !default;
|
|
12
|
-
$table-hover-bg: rgba($black, .075) !default;
|
|
13
|
-
$table-active-bg: $table-hover-bg !default;
|
|
14
|
-
|
|
15
|
-
$table-border-width: $border-width !default;
|
|
16
|
-
$table-border-color: $border-color !default;
|
|
17
|
-
|
|
18
|
-
$table-head-bg: theme-color("gray", "background") !default;
|
|
19
|
-
$table-head-color: theme-color("gray", "text") !default;
|
|
20
|
-
|
|
21
|
-
$table-dark-color: $white !default;
|
|
22
|
-
$table-dark-bg: theme-color("gray", "hover") !default;
|
|
23
|
-
$table-dark-accent-bg: rgba($white, .05) !default;
|
|
24
|
-
$table-dark-hover-color: $table-dark-color !default;
|
|
25
|
-
$table-dark-hover-bg: rgba($white, .075) !default;
|
|
26
|
-
$table-dark-border-color: lighten($table-dark-bg, 7.5%) !default;
|
|
27
|
-
$table-dark-color: $white !default;
|
|
28
|
-
|
|
29
|
-
$table-striped-order: odd !default;
|
|
30
|
-
|
|
31
|
-
$table-caption-color: $text-muted !default;
|
|
32
|
-
|
|
33
|
-
$table-bg-level: -9 !default;
|
|
34
|
-
$table-border-level: -6 !default;
|