@openedx/paragon 21.7.0 → 22.0.0-alpha.15
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +36 -5
- package/bin/paragon-scripts.js +128 -10
- package/dist/ActionRow/_index.scss +2 -4
- package/dist/Alert/index.scss +41 -32
- package/dist/Annotation/_mixins.scss +104 -0
- package/dist/Annotation/index.scss +130 -103
- package/dist/Avatar/index.scss +18 -20
- package/dist/AvatarButton/index.scss +3 -5
- package/dist/Badge/index.scss +112 -2
- package/dist/Breadcrumb/index.scss +14 -16
- package/dist/Bubble/index.scss +25 -12
- package/dist/Button/_mixins.scss +14 -0
- package/dist/Button/button-group.scss +126 -0
- package/dist/Button/index.js +0 -2
- package/dist/Button/index.js.map +1 -1
- package/dist/Button/index.scss +855 -358
- package/dist/Card/card-bootstrap.scss +168 -0
- package/dist/Card/index.scss +78 -79
- package/dist/Carousel/index.scss +168 -2
- package/dist/Chip/index.scss +36 -34
- package/dist/ChipCarousel/index.scss +1 -3
- package/dist/CloseButton/index.scss +31 -2
- package/dist/Code/index.scss +47 -2
- package/dist/Collapsible/index.scss +15 -15
- package/dist/ColorPicker/index.scss +9 -11
- package/dist/DataTable/CollapsibleButtonGroup.js +2 -2
- package/dist/DataTable/CollapsibleButtonGroup.js.map +1 -1
- package/dist/DataTable/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
|
@@ -1,267 +0,0 @@
|
|
|
1
|
-
$input-padding-y: $input-btn-padding-y !default;
|
|
2
|
-
$input-padding-x: $input-btn-padding-x !default;
|
|
3
|
-
$input-font-family: $input-btn-font-family !default;
|
|
4
|
-
$input-font-size: $input-btn-font-size !default;
|
|
5
|
-
$input-font-weight: $font-weight-base !default;
|
|
6
|
-
$input-line-height: $input-btn-line-height !default;
|
|
7
|
-
|
|
8
|
-
$input-padding-y-sm: $input-btn-padding-y-sm !default;
|
|
9
|
-
$input-padding-x-sm: $input-btn-padding-x-sm !default;
|
|
10
|
-
$input-font-size-sm: $input-btn-font-size-sm !default;
|
|
11
|
-
$input-line-height-sm: $input-btn-line-height-sm !default;
|
|
12
|
-
|
|
13
|
-
$input-padding-y-lg: $input-btn-padding-y-lg !default;
|
|
14
|
-
$input-padding-x-lg: $input-btn-padding-x-lg !default;
|
|
15
|
-
$input-font-size-lg: $input-btn-font-size-lg !default;
|
|
16
|
-
$input-line-height-lg: $input-btn-line-height-lg !default;
|
|
17
|
-
|
|
18
|
-
$input-bg: $white !default;
|
|
19
|
-
$input-disabled-bg: theme-color("gray", "background") !default;
|
|
20
|
-
|
|
21
|
-
$input-color: theme-color("gray", "text") !default;
|
|
22
|
-
$input-border-color: $gray-500 !default;
|
|
23
|
-
$input-border-width: $input-btn-border-width !default;
|
|
24
|
-
$input-box-shadow: inset 0 1px 1px rgba($black, .075) !default;
|
|
25
|
-
|
|
26
|
-
$input-border-radius: $border-radius !default;
|
|
27
|
-
$input-border-radius-lg: $border-radius-lg !default;
|
|
28
|
-
$input-border-radius-sm: $border-radius-sm !default;
|
|
29
|
-
|
|
30
|
-
$input-focus-bg: $input-bg !default;
|
|
31
|
-
$input-focus-border-color: $component-active-bg !default;
|
|
32
|
-
$input-focus-color: $input-color !default;
|
|
33
|
-
$input-focus-width: 1px !default;
|
|
34
|
-
$input-focus-box-shadow: $input-btn-focus-box-shadow !default;
|
|
35
|
-
|
|
36
|
-
$input-placeholder-color: theme-color("gray", "light-text") !default;
|
|
37
|
-
$input-plaintext-color: $body-color !default;
|
|
38
|
-
|
|
39
|
-
$input-height-border: $input-border-width * 2 !default;
|
|
40
|
-
|
|
41
|
-
$input-height-inner: calc(#{$input-line-height * 1em} + #{$input-padding-y * 2}) !default;
|
|
42
|
-
$input-height-inner-half: calc(#{$input-line-height * .5em} + #{$input-padding-y}) !default;
|
|
43
|
-
$input-height-inner-quarter: calc(#{$input-line-height * .25em} + #{calc($input-padding-y / 2)}) !default;
|
|
44
|
-
|
|
45
|
-
$input-height: calc(
|
|
46
|
-
#{$input-line-height * 1em} + #{$input-padding-y * 2} + #{$input-height-border}
|
|
47
|
-
) !default;
|
|
48
|
-
$input-height-sm: calc(
|
|
49
|
-
#{$input-line-height-sm * 1em} + #{$input-btn-padding-y-sm * 2} + #{$input-height-border}
|
|
50
|
-
) !default;
|
|
51
|
-
$input-height-lg: calc(
|
|
52
|
-
#{$input-line-height-lg * 1em} + #{$input-btn-padding-y-lg * 2} + #{$input-height-border}
|
|
53
|
-
) !default;
|
|
54
|
-
|
|
55
|
-
$input-hover-width: 1px !default;
|
|
56
|
-
$input-transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;
|
|
57
|
-
|
|
58
|
-
$form-text-margin-top: .25rem !default;
|
|
59
|
-
|
|
60
|
-
$form-check-input-gutter: 1.25rem !default;
|
|
61
|
-
$form-check-input-margin-y: .3rem !default;
|
|
62
|
-
$form-check-input-margin-x: .25rem !default;
|
|
63
|
-
|
|
64
|
-
$form-check-inline-margin-x: .75rem !default;
|
|
65
|
-
$form-check-inline-input-margin-x: .3125rem !default;
|
|
66
|
-
|
|
67
|
-
$form-check-position-axis: .375rem !default;
|
|
68
|
-
$form-check-focus-border-radius: .0625rem !default;
|
|
69
|
-
$form-check-border-width: .125rem !default;
|
|
70
|
-
|
|
71
|
-
$form-grid-gutter-width: 10px !default;
|
|
72
|
-
$form-group-margin-bottom: 1rem !default;
|
|
73
|
-
|
|
74
|
-
$input-group-addon-color: $input-color !default;
|
|
75
|
-
$input-group-addon-bg: theme-color("gray", "background") !default;
|
|
76
|
-
$input-group-addon-border-color: $input-border-color !default;
|
|
77
|
-
|
|
78
|
-
$custom-forms-transition: background-color .15s ease-in-out,
|
|
79
|
-
border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;
|
|
80
|
-
|
|
81
|
-
$custom-control-gutter: .5rem !default;
|
|
82
|
-
$custom-control-spacer-x: 1rem !default;
|
|
83
|
-
$custom-control-cursor: null !default;
|
|
84
|
-
|
|
85
|
-
$custom-control-indicator-size: 1.25rem !default;
|
|
86
|
-
$custom-control-indicator-bg: $input-bg !default;
|
|
87
|
-
|
|
88
|
-
$custom-control-indicator-bg-size: 100% !default;
|
|
89
|
-
$custom-control-indicator-box-shadow: $input-box-shadow !default;
|
|
90
|
-
$custom-control-indicator-border-color: $gray-700 !default;
|
|
91
|
-
$custom-control-indicator-border-width: 2px !default;
|
|
92
|
-
|
|
93
|
-
$custom-control-label-color: null !default;
|
|
94
|
-
$custom-control-indicator-disabled-bg: $input-disabled-bg !default;
|
|
95
|
-
$custom-control-label-disabled-color: theme-color("gray", "light-text") !default;
|
|
96
|
-
|
|
97
|
-
$custom-control-indicator-checked-color: $component-active-bg !default;
|
|
98
|
-
$custom-control-indicator-checked-valid-color: theme-color("success") !default;
|
|
99
|
-
$custom-control-indicator-checked-invalid-color: theme-color("danger") !default;
|
|
100
|
-
$custom-control-indicator-checked-bg: $component-active-bg !default;
|
|
101
|
-
$custom-control-indicator-checked-disabled-bg: rgba($primary, .5) !default;
|
|
102
|
-
$custom-control-indicator-checked-box-shadow: none !default;
|
|
103
|
-
$custom-control-indicator-checked-border-color: $custom-control-indicator-checked-bg !default;
|
|
104
|
-
|
|
105
|
-
$custom-control-indicator-focus-box-shadow: 0 0 0 4px rgba(0, 0, 0, .1) !default;
|
|
106
|
-
$custom-control-indicator-focus-border-color: $input-focus-border-color !default;
|
|
107
|
-
|
|
108
|
-
$custom-control-indicator-active-color: $component-active-color !default;
|
|
109
|
-
$custom-control-indicator-active-bg: $component-active-bg !default;
|
|
110
|
-
$custom-control-indicator-active-box-shadow: none !default;
|
|
111
|
-
$custom-control-indicator-active-border-color: $custom-control-indicator-active-bg !default;
|
|
112
|
-
$custom-checkbox-indicator-border-radius: 0 !default;
|
|
113
|
-
$custom-checkbox-indicator-icon-checked: str-replace(url("data:image/svg+xml,<svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M21 3H3V21H21V3ZM10 17L5 12L6.41 10.59L10 14.17L17.59 6.58L19 8L10 17Z' fill='#{$custom-control-indicator-checked-color}'/></svg>"), "#", "%23") !default;
|
|
114
|
-
$custom-checkbox-indicator-icon-valid-checked: str-replace(url("data:image/svg+xml,<svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M21 3H3V21H21V3ZM10 17L5 12L6.41 10.59L10 14.17L17.59 6.58L19 8L10 17Z' fill='#{$custom-control-indicator-checked-valid-color}'/></svg>"), "#", "%23") !default;
|
|
115
|
-
$custom-checkbox-indicator-icon-invalid-checked: str-replace(url("data:image/svg+xml,<svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M21 3H3V21H21V3ZM10 17L5 12L6.41 10.59L10 14.17L17.59 6.58L19 8L10 17Z' fill='#{$custom-control-indicator-checked-invalid-color}'/></svg>"), "#", "%23") !default;
|
|
116
|
-
|
|
117
|
-
$custom-checkbox-indicator-indeterminate-bg: $component-active-bg !default;
|
|
118
|
-
$custom-checkbox-indicator-indeterminate-color: $custom-control-indicator-checked-color !default;
|
|
119
|
-
$custom-checkbox-indicator-icon-indeterminate: str-replace(url("data:image/svg+xml,<svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M21 3H3V21H21V3ZM17 13H7V11H17V13Z' fill='#{$custom-checkbox-indicator-indeterminate-color}'/></svg>"), "#", "%23") !default;
|
|
120
|
-
$custom-checkbox-indicator-indeterminate-box-shadow: none !default;
|
|
121
|
-
$custom-checkbox-indicator-indeterminate-border-color: $custom-checkbox-indicator-indeterminate-bg !default;
|
|
122
|
-
|
|
123
|
-
$custom-radio-indicator-border-radius: 50% !default;
|
|
124
|
-
$custom-radio-indicator-icon-checked: str-replace(url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='#{$custom-control-indicator-checked-bg}'/%3e%3c/svg%3e"), "#", "%23") !default;
|
|
125
|
-
$custom-radio-indicator-icon-valid-checked: str-replace(url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='#{$custom-control-indicator-checked-valid-color}'/%3e%3c/svg%3e"), "#", "%23") !default;
|
|
126
|
-
$custom-radio-indicator-icon-invalid-checked: str-replace(url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='#{$custom-control-indicator-checked-invalid-color}'/%3e%3c/svg%3e"), "#", "%23") !default;
|
|
127
|
-
|
|
128
|
-
$custom-switch-indicator-icon-off: str-replace(url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='#{$custom-control-indicator-checked-bg}'/%3e%3c/svg%3e"), "#", "%23") !default;
|
|
129
|
-
$custom-switch-indicator-icon-on: str-replace(url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='#{$custom-control-indicator-active-color}'/%3e%3c/svg%3e"), "#", "%23") !default;
|
|
130
|
-
$custom-switch-width: $custom-control-indicator-size * 1.75 !default;
|
|
131
|
-
$custom-switch-indicator-border-radius: calc($custom-control-indicator-size / 2) !default;
|
|
132
|
-
$custom-switch-indicator-size: calc(
|
|
133
|
-
#{$custom-control-indicator-size} - #{$custom-control-indicator-border-width * 4}
|
|
134
|
-
) !default;
|
|
135
|
-
$custom-switch-indicator-checked-bg: theme-color("success") !default;
|
|
136
|
-
|
|
137
|
-
$custom-select-padding-y: $input-padding-y !default;
|
|
138
|
-
$custom-select-padding-x: $input-padding-x !default;
|
|
139
|
-
$custom-select-font-family: $input-font-family !default;
|
|
140
|
-
$custom-select-font-size: $input-font-size !default;
|
|
141
|
-
$custom-select-height: $input-height !default;
|
|
142
|
-
|
|
143
|
-
// Extra padding to account for the presence of the background-image based indicator
|
|
144
|
-
$custom-select-indicator-padding: 1rem !default;
|
|
145
|
-
$custom-select-font-weight: $input-font-weight !default;
|
|
146
|
-
$custom-select-line-height: $input-line-height !default;
|
|
147
|
-
$custom-select-color: $input-color !default;
|
|
148
|
-
$custom-select-disabled-color: theme-color("gray", "light-text") !default;
|
|
149
|
-
$custom-select-bg: $input-bg !default;
|
|
150
|
-
$custom-select-disabled-bg: theme-color("gray", "background") !default;
|
|
151
|
-
$custom-select-bg-size: 24px 24px !default; // In pixels because image dimensions
|
|
152
|
-
$custom-select-indicator-color: theme-color("gray", "hover") !default;
|
|
153
|
-
|
|
154
|
-
$custom-select-indicator: str-replace(url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16.59 8.58984L12 13.1698L7.41 8.58984L6 9.99984L12 15.9998L18 9.99984L16.59 8.58984Z" fill="#{$custom-select-indicator-color}"/></svg>'), "#", "%23") !default;
|
|
155
|
-
|
|
156
|
-
// Used so we can have multiple background elements (e.g., arrow and feedback icon)
|
|
157
|
-
$custom-select-background: $custom-select-indicator no-repeat right
|
|
158
|
-
$input-padding-y center / $custom-select-bg-size !default;
|
|
159
|
-
|
|
160
|
-
$custom-select-feedback-icon-padding-right: calc(
|
|
161
|
-
(1em + #{2 * $custom-select-padding-y}) * 3 / 4 + #{$custom-select-padding-x + $custom-select-indicator-padding}
|
|
162
|
-
) !default;
|
|
163
|
-
$custom-select-feedback-icon-position: center right
|
|
164
|
-
($custom-select-padding-x + $custom-select-indicator-padding) !default;
|
|
165
|
-
$custom-select-feedback-icon-size: $input-height-inner-half $input-height-inner-half !default;
|
|
166
|
-
|
|
167
|
-
$custom-select-border-width: $input-border-width !default;
|
|
168
|
-
$custom-select-border-color: $input-border-color !default;
|
|
169
|
-
$custom-select-border-radius: $border-radius !default;
|
|
170
|
-
$custom-select-box-shadow: inset 0 1px 2px rgba($black, .075) !default;
|
|
171
|
-
|
|
172
|
-
$custom-select-focus-border-color: $input-focus-border-color !default;
|
|
173
|
-
$custom-select-focus-width: $input-focus-width !default;
|
|
174
|
-
$custom-select-focus-box-shadow: $input-btn-focus-box-shadow !default;
|
|
175
|
-
|
|
176
|
-
$custom-select-padding-y-sm: $input-padding-y-sm !default;
|
|
177
|
-
$custom-select-padding-x-sm: $input-padding-x-sm !default;
|
|
178
|
-
$custom-select-font-size-sm: $input-font-size-sm !default;
|
|
179
|
-
$custom-select-height-sm: $input-height-sm !default;
|
|
180
|
-
|
|
181
|
-
$custom-select-padding-y-lg: $input-padding-y-lg !default;
|
|
182
|
-
$custom-select-padding-x-lg: $input-padding-x-lg !default;
|
|
183
|
-
$custom-select-font-size-lg: $input-font-size-lg !default;
|
|
184
|
-
$custom-select-height-lg: $input-height-lg !default;
|
|
185
|
-
|
|
186
|
-
$custom-range-track-width: 100% !default;
|
|
187
|
-
$custom-range-track-height: .5rem !default;
|
|
188
|
-
$custom-range-track-cursor: pointer !default;
|
|
189
|
-
$custom-range-track-bg: theme-color("gray", "graphic") !default;
|
|
190
|
-
$custom-range-track-border-radius: 1rem !default;
|
|
191
|
-
$custom-range-track-box-shadow: inset 0 .25rem .25rem rgba($black, .1) !default;
|
|
192
|
-
|
|
193
|
-
$custom-range-thumb-width: 1rem !default;
|
|
194
|
-
$custom-range-thumb-height: $custom-range-thumb-width !default;
|
|
195
|
-
$custom-range-thumb-bg: $component-active-bg !default;
|
|
196
|
-
$custom-range-thumb-border: 0 !default;
|
|
197
|
-
$custom-range-thumb-border-radius: 1rem !default;
|
|
198
|
-
$custom-range-thumb-box-shadow: 0 .1rem .25rem rgba($black, .1) !default;
|
|
199
|
-
$custom-range-thumb-focus-box-shadow: 0 0 0 1px $body-bg, $input-focus-box-shadow !default;
|
|
200
|
-
$custom-range-thumb-focus-box-shadow-width: $input-focus-width !default; // For focus box shadow issue in IE/Edge
|
|
201
|
-
$custom-range-thumb-active-bg: lighten($component-active-bg, 35%) !default;
|
|
202
|
-
$custom-range-thumb-disabled-bg: theme-color("gray", "default") !default;
|
|
203
|
-
|
|
204
|
-
$custom-file-height: $input-height !default;
|
|
205
|
-
$custom-file-height-inner: $input-height-inner !default;
|
|
206
|
-
$custom-file-focus-border-color: $input-focus-border-color !default;
|
|
207
|
-
$custom-file-focus-box-shadow: $input-focus-box-shadow !default;
|
|
208
|
-
$custom-file-disabled-bg: $input-disabled-bg !default;
|
|
209
|
-
|
|
210
|
-
$custom-file-padding-y: $input-padding-y !default;
|
|
211
|
-
$custom-file-padding-x: $input-padding-x !default;
|
|
212
|
-
$custom-file-line-height: $input-line-height !default;
|
|
213
|
-
$custom-file-font-family: $input-font-family !default;
|
|
214
|
-
$custom-file-font-weight: $input-font-weight !default;
|
|
215
|
-
$custom-file-color: $input-color !default;
|
|
216
|
-
$custom-file-bg: $input-bg !default;
|
|
217
|
-
$custom-file-border-width: $input-border-width !default;
|
|
218
|
-
$custom-file-border-color: $input-border-color !default;
|
|
219
|
-
$custom-file-border-radius: $input-border-radius !default;
|
|
220
|
-
$custom-file-box-shadow: $input-box-shadow !default;
|
|
221
|
-
$custom-file-button-color: $custom-file-color !default;
|
|
222
|
-
$custom-file-button-bg: $input-group-addon-bg !default;
|
|
223
|
-
$custom-file-text: (
|
|
224
|
-
en: "Browse"
|
|
225
|
-
) !default;
|
|
226
|
-
|
|
227
|
-
// Form validation
|
|
228
|
-
|
|
229
|
-
$form-feedback-margin-top: $form-text-margin-top !default;
|
|
230
|
-
$form-feedback-font-size: $small-font-size !default;
|
|
231
|
-
$form-feedback-valid-color: theme-color("success") !default;
|
|
232
|
-
$form-feedback-invalid-color: theme-color("danger") !default;
|
|
233
|
-
|
|
234
|
-
$form-feedback-icon-valid-color: $form-feedback-valid-color !default;
|
|
235
|
-
$form-feedback-icon-valid: str-replace(url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='#{$form-feedback-icon-valid-color}' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"), "#", "%23") !default;
|
|
236
|
-
$form-feedback-icon-invalid-color: $form-feedback-invalid-color !default;
|
|
237
|
-
$form-feedback-icon-invalid: str-replace(url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='#{$form-feedback-icon-invalid-color}' viewBox='-2 -2 7 7'%3e%3cpath stroke='#{$form-feedback-icon-invalid-color}' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E"), "#", "%23") !default;
|
|
238
|
-
|
|
239
|
-
$form-validation-states: () !default;
|
|
240
|
-
// stylelint-disable-next-line scss/dollar-variable-default
|
|
241
|
-
$form-validation-states: map-merge(
|
|
242
|
-
(
|
|
243
|
-
"valid": (
|
|
244
|
-
"color": $form-feedback-valid-color,
|
|
245
|
-
"icon": $form-feedback-icon-valid
|
|
246
|
-
),
|
|
247
|
-
"invalid": (
|
|
248
|
-
"color": $form-feedback-invalid-color,
|
|
249
|
-
"icon": $form-feedback-icon-invalid
|
|
250
|
-
),
|
|
251
|
-
),
|
|
252
|
-
$form-validation-states
|
|
253
|
-
);
|
|
254
|
-
|
|
255
|
-
// Form tooltips must come after regular tooltips
|
|
256
|
-
$form-feedback-tooltip-padding-y: .25rem !default;
|
|
257
|
-
$form-feedback-tooltip-padding-x: .5rem !default;
|
|
258
|
-
$form-feedback-tooltip-font-size: $font-size-sm !default;
|
|
259
|
-
$form-feedback-tooltip-line-height: $line-height-base !default;
|
|
260
|
-
$form-feedback-tooltip-opacity: .9 !default;
|
|
261
|
-
$form-feedback-tooltip-border-radius: $border-radius !default;
|
|
262
|
-
|
|
263
|
-
$form-autosuggest-icon-width: 2.4rem;
|
|
264
|
-
$form-autosuggest-icon-height: $form-autosuggest-icon-width;
|
|
265
|
-
$form-autosuggest-spinner-width: 1.25rem;
|
|
266
|
-
$form-autosuggest-spinner-height: $form-autosuggest-spinner-width;
|
|
267
|
-
$form-autosuggest-border-width: .125rem;
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
// Image thumbnails
|
|
2
|
-
|
|
3
|
-
$thumbnail-padding: .25rem !default;
|
|
4
|
-
$thumbnail-bg: $body-bg !default;
|
|
5
|
-
$thumbnail-border-width: $border-width !default;
|
|
6
|
-
$thumbnail-border-color: theme-color("gray", "border") !default;
|
|
7
|
-
$thumbnail-border-radius: $border-radius !default;
|
|
8
|
-
$thumbnail-box-shadow: 0 1px 2px rgba($black, .075) !default;
|
|
9
|
-
|
|
10
|
-
// Figures
|
|
11
|
-
|
|
12
|
-
$figure-caption-font-size: 90% !default;
|
|
13
|
-
$figure-caption-color: theme-color("gray", "light-text") !default;
|
package/dist/Input/index.js
DELETED
|
@@ -1,136 +0,0 @@
|
|
|
1
|
-
const _excluded = ["value", "label", "group"],
|
|
2
|
-
_excluded2 = ["type", "className", "options", "forwardedRef"];
|
|
3
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
4
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
5
|
-
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; }
|
|
6
|
-
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
|
|
7
|
-
function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
|
|
8
|
-
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); }
|
|
9
|
-
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; }
|
|
10
|
-
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; }
|
|
11
|
-
import React from 'react';
|
|
12
|
-
import classNames from 'classnames';
|
|
13
|
-
import PropTypes from 'prop-types';
|
|
14
|
-
class Input extends React.Component {
|
|
15
|
-
componentDidMount() {
|
|
16
|
-
if (process.env.NODE_ENV === 'development') {
|
|
17
|
-
this.checkHasLabel();
|
|
18
|
-
}
|
|
19
|
-
}
|
|
20
|
-
getHTMLTagForType() {
|
|
21
|
-
const {
|
|
22
|
-
type
|
|
23
|
-
} = this.props;
|
|
24
|
-
if (type === 'select' || type === 'textarea') {
|
|
25
|
-
return type;
|
|
26
|
-
}
|
|
27
|
-
return 'input';
|
|
28
|
-
}
|
|
29
|
-
getClassNameForType() {
|
|
30
|
-
switch (this.props.type) {
|
|
31
|
-
case 'file':
|
|
32
|
-
return 'form-control-file';
|
|
33
|
-
case 'checkbox':
|
|
34
|
-
case 'radio':
|
|
35
|
-
return 'form-check-input';
|
|
36
|
-
default:
|
|
37
|
-
return 'form-control';
|
|
38
|
-
}
|
|
39
|
-
}
|
|
40
|
-
setRef(forwardedRef) {
|
|
41
|
-
// In production just return the optional forwardedRef
|
|
42
|
-
if (process.env.NODE_ENV !== 'development') {
|
|
43
|
-
return forwardedRef;
|
|
44
|
-
}
|
|
45
|
-
return element => {
|
|
46
|
-
if (forwardedRef) {
|
|
47
|
-
forwardedRef.current = element;
|
|
48
|
-
} // eslint-disable-line no-param-reassign
|
|
49
|
-
this.inputEl = element;
|
|
50
|
-
};
|
|
51
|
-
}
|
|
52
|
-
checkHasLabel() {
|
|
53
|
-
if (this.inputEl.labels.length > 0) {
|
|
54
|
-
return;
|
|
55
|
-
}
|
|
56
|
-
if (this.inputEl.getAttribute('aria-label') !== null) {
|
|
57
|
-
return;
|
|
58
|
-
}
|
|
59
|
-
if (this.inputEl.getAttribute('aria-labelledby') !== null) {
|
|
60
|
-
return;
|
|
61
|
-
}
|
|
62
|
-
if (console) {
|
|
63
|
-
// eslint-disable-next-line no-console
|
|
64
|
-
console.warn('Input[a11y]: There is no associated label for this Input');
|
|
65
|
-
}
|
|
66
|
-
}
|
|
67
|
-
renderOptions(options) {
|
|
68
|
-
return options.map(option => {
|
|
69
|
-
const {
|
|
70
|
-
value,
|
|
71
|
-
label,
|
|
72
|
-
group
|
|
73
|
-
} = option,
|
|
74
|
-
attributes = _objectWithoutProperties(option, _excluded);
|
|
75
|
-
if (group) {
|
|
76
|
-
return /*#__PURE__*/React.createElement("optgroup", _extends({
|
|
77
|
-
key: `optgroup-${label}`,
|
|
78
|
-
label: label
|
|
79
|
-
}, attributes), this.renderOptions(group));
|
|
80
|
-
}
|
|
81
|
-
return /*#__PURE__*/React.createElement("option", _extends({
|
|
82
|
-
key: value,
|
|
83
|
-
value: value
|
|
84
|
-
}, attributes), label);
|
|
85
|
-
}, this);
|
|
86
|
-
}
|
|
87
|
-
render() {
|
|
88
|
-
const _this$props = this.props,
|
|
89
|
-
{
|
|
90
|
-
type,
|
|
91
|
-
className,
|
|
92
|
-
options,
|
|
93
|
-
forwardedRef // eslint-disable-line react/prop-types
|
|
94
|
-
// eslint-disable-line react/prop-types
|
|
95
|
-
} = _this$props,
|
|
96
|
-
attributes = _objectWithoutProperties(_this$props, _excluded2);
|
|
97
|
-
const htmlTag = this.getHTMLTagForType();
|
|
98
|
-
const htmlProps = _objectSpread(_objectSpread({
|
|
99
|
-
className: classNames(this.getClassNameForType(), className),
|
|
100
|
-
type: htmlTag === 'input' ? type : undefined
|
|
101
|
-
}, attributes), {}, {
|
|
102
|
-
ref: this.setRef(forwardedRef)
|
|
103
|
-
});
|
|
104
|
-
const htmlChildren = type === 'select' ? this.renderOptions(options) : null;
|
|
105
|
-
return /*#__PURE__*/React.createElement(htmlTag, htmlProps, htmlChildren);
|
|
106
|
-
}
|
|
107
|
-
}
|
|
108
|
-
Input.propTypes = {
|
|
109
|
-
/** specifies the type of component.
|
|
110
|
-
* One of select, textarea, or any valid type for an html input tag. */
|
|
111
|
-
type: PropTypes.oneOf(['textarea', 'select', 'checkbox', 'color', 'date', 'datetime', 'datetime-local', 'email', 'file', 'hidden', 'image', 'month', 'number', 'password', 'radio', 'range', 'reset', 'search', 'submit', 'tel', 'text', 'time', 'url', 'week']).isRequired,
|
|
112
|
-
/** specifies the className in addition to a bootstrap class name. */
|
|
113
|
-
className: PropTypes.string,
|
|
114
|
-
/** should be used to specify the options of an Input of type select */
|
|
115
|
-
options: PropTypes.arrayOf(PropTypes.shape({
|
|
116
|
-
label: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
|
|
117
|
-
value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
|
|
118
|
-
disabled: PropTypes.bool,
|
|
119
|
-
group: PropTypes.arrayOf(PropTypes.shape({
|
|
120
|
-
label: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
|
|
121
|
-
value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
|
|
122
|
-
disabled: PropTypes.bool
|
|
123
|
-
}))
|
|
124
|
-
}))
|
|
125
|
-
};
|
|
126
|
-
Input.defaultProps = {
|
|
127
|
-
className: undefined,
|
|
128
|
-
options: []
|
|
129
|
-
};
|
|
130
|
-
|
|
131
|
-
// eslint-disable-next-line react/no-multi-comp
|
|
132
|
-
const InputWithRefForwarding = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement(Input, _extends({
|
|
133
|
-
forwardedRef: ref
|
|
134
|
-
}, props)));
|
|
135
|
-
export default InputWithRefForwarding;
|
|
136
|
-
//# sourceMappingURL=index.js.map
|
package/dist/Input/index.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["React","classNames","PropTypes","Input","Component","componentDidMount","process","env","NODE_ENV","checkHasLabel","getHTMLTagForType","type","props","getClassNameForType","setRef","forwardedRef","element","current","inputEl","labels","length","getAttribute","console","warn","renderOptions","options","map","option","value","label","group","attributes","_objectWithoutProperties","_excluded","createElement","_extends","key","render","_this$props","className","_excluded2","htmlTag","htmlProps","_objectSpread","undefined","ref","htmlChildren","propTypes","oneOf","isRequired","string","arrayOf","shape","oneOfType","number","disabled","bool","defaultProps","InputWithRefForwarding","forwardRef"],"sources":["../../src/Input/index.jsx"],"sourcesContent":["import React from 'react';\nimport classNames from 'classnames';\nimport PropTypes from 'prop-types';\n\nclass Input extends React.Component {\n componentDidMount() {\n if (process.env.NODE_ENV === 'development') {\n this.checkHasLabel();\n }\n }\n\n getHTMLTagForType() {\n const { type } = this.props;\n if (type === 'select' || type === 'textarea') { return type; }\n return 'input';\n }\n\n getClassNameForType() {\n switch (this.props.type) {\n case 'file':\n return 'form-control-file';\n case 'checkbox':\n case 'radio':\n return 'form-check-input';\n default:\n return 'form-control';\n }\n }\n\n setRef(forwardedRef) {\n // In production just return the optional forwardedRef\n if (process.env.NODE_ENV !== 'development') { return forwardedRef; }\n\n return (element) => {\n if (forwardedRef) { forwardedRef.current = element; } // eslint-disable-line no-param-reassign\n this.inputEl = element;\n };\n }\n\n checkHasLabel() {\n if (this.inputEl.labels.length > 0) { return; }\n if (this.inputEl.getAttribute('aria-label') !== null) { return; }\n if (this.inputEl.getAttribute('aria-labelledby') !== null) { return; }\n\n if (console) {\n // eslint-disable-next-line no-console\n console.warn('Input[a11y]: There is no associated label for this Input');\n }\n }\n\n renderOptions(options) {\n return options.map((option) => {\n const {\n value,\n label,\n group,\n ...attributes\n } = option;\n\n if (group) {\n return (\n <optgroup key={`optgroup-${label}`} label={label} {...attributes}>\n {this.renderOptions(group)}\n </optgroup>\n );\n }\n return (\n <option key={value} value={value} {...attributes}>\n {label}\n </option>\n );\n }, this);\n }\n\n render() {\n const {\n type,\n className,\n options,\n forwardedRef, // eslint-disable-line react/prop-types\n ...attributes // eslint-disable-line react/prop-types\n } = this.props;\n\n const htmlTag = this.getHTMLTagForType();\n const htmlProps = {\n className: classNames(this.getClassNameForType(), className),\n type: htmlTag === 'input' ? type : undefined,\n ...attributes,\n ref: this.setRef(forwardedRef),\n };\n const htmlChildren = type === 'select' ? this.renderOptions(options) : null;\n\n return React.createElement(htmlTag, htmlProps, htmlChildren);\n }\n}\n\nInput.propTypes = {\n /** specifies the type of component.\n * One of select, textarea, or any valid type for an html input tag. */\n type: PropTypes.oneOf([\n 'textarea',\n 'select',\n 'checkbox',\n 'color',\n 'date',\n 'datetime',\n 'datetime-local',\n 'email',\n 'file',\n 'hidden',\n 'image',\n 'month',\n 'number',\n 'password',\n 'radio',\n 'range',\n 'reset',\n 'search',\n 'submit',\n 'tel',\n 'text',\n 'time',\n 'url',\n 'week',\n ]).isRequired,\n /** specifies the className in addition to a bootstrap class name. */\n className: PropTypes.string,\n /** should be used to specify the options of an Input of type select */\n options: PropTypes.arrayOf(PropTypes.shape({\n label: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n disabled: PropTypes.bool,\n group: PropTypes.arrayOf(PropTypes.shape({\n label: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n disabled: PropTypes.bool,\n })),\n })),\n};\n\nInput.defaultProps = {\n className: undefined,\n options: [],\n};\n\n// eslint-disable-next-line react/no-multi-comp\nconst InputWithRefForwarding = React.forwardRef((props, ref) => (\n <Input forwardedRef={ref} {...props} />\n));\n\nexport default InputWithRefForwarding;\n"],"mappings":"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"}
|
|
@@ -1,78 +0,0 @@
|
|
|
1
|
-
const _excluded = ["className", "inputRef"];
|
|
2
|
-
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
3
|
-
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
4
|
-
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
5
|
-
import React from 'react';
|
|
6
|
-
import PropTypes from 'prop-types';
|
|
7
|
-
import asInput from '../asInput';
|
|
8
|
-
import withDeprecatedProps, { DeprTypes } from '../withDeprecatedProps';
|
|
9
|
-
class Select extends React.Component {
|
|
10
|
-
static getOption(option, i) {
|
|
11
|
-
const {
|
|
12
|
-
disabled
|
|
13
|
-
} = option;
|
|
14
|
-
let {
|
|
15
|
-
label,
|
|
16
|
-
value
|
|
17
|
-
} = option;
|
|
18
|
-
if (typeof option === 'string') {
|
|
19
|
-
label = option;
|
|
20
|
-
value = option;
|
|
21
|
-
}
|
|
22
|
-
return /*#__PURE__*/React.createElement("option", {
|
|
23
|
-
key: `option-${i}`,
|
|
24
|
-
value: value,
|
|
25
|
-
disabled: disabled
|
|
26
|
-
}, label);
|
|
27
|
-
}
|
|
28
|
-
getOptions() {
|
|
29
|
-
return this.props.options.map((option, i) => {
|
|
30
|
-
let section;
|
|
31
|
-
if (option.options) {
|
|
32
|
-
const groupOpts = option.options.map((opt, j) => Select.getOption(opt, j));
|
|
33
|
-
section = /*#__PURE__*/React.createElement("optgroup", {
|
|
34
|
-
label: option.label,
|
|
35
|
-
key: option.label
|
|
36
|
-
}, groupOpts);
|
|
37
|
-
} else {
|
|
38
|
-
section = Select.getOption(option, i);
|
|
39
|
-
}
|
|
40
|
-
return section;
|
|
41
|
-
});
|
|
42
|
-
}
|
|
43
|
-
render() {
|
|
44
|
-
const _this$props = this.props,
|
|
45
|
-
{
|
|
46
|
-
className,
|
|
47
|
-
inputRef
|
|
48
|
-
} = _this$props,
|
|
49
|
-
others = _objectWithoutProperties(_this$props, _excluded);
|
|
50
|
-
const options = this.getOptions();
|
|
51
|
-
return /*#__PURE__*/React.createElement("select", _extends({}, others, {
|
|
52
|
-
className: className,
|
|
53
|
-
type: "select",
|
|
54
|
-
ref: inputRef
|
|
55
|
-
}), options);
|
|
56
|
-
}
|
|
57
|
-
}
|
|
58
|
-
Select.propTypes = {
|
|
59
|
-
className: PropTypes.string,
|
|
60
|
-
inputRef: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({
|
|
61
|
-
current: PropTypes.instanceOf(PropTypes.element)
|
|
62
|
-
})]),
|
|
63
|
-
options: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.string), PropTypes.arrayOf(PropTypes.shape({}))]).isRequired
|
|
64
|
-
};
|
|
65
|
-
Select.defaultProps = {
|
|
66
|
-
className: undefined,
|
|
67
|
-
inputRef: undefined
|
|
68
|
-
};
|
|
69
|
-
const InputSelect = asInput(withDeprecatedProps(Select, 'InputSelect', {
|
|
70
|
-
className: {
|
|
71
|
-
deprType: DeprTypes.FORMAT,
|
|
72
|
-
expect: value => typeof value === 'string',
|
|
73
|
-
transform: value => Array.isArray(value) ? value.join(' ') : value,
|
|
74
|
-
message: 'It should be a string.'
|
|
75
|
-
}
|
|
76
|
-
}));
|
|
77
|
-
export default InputSelect;
|
|
78
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["React","PropTypes","asInput","withDeprecatedProps","DeprTypes","Select","Component","getOption","option","i","disabled","label","value","createElement","key","getOptions","props","options","map","section","groupOpts","opt","j","render","_this$props","className","inputRef","others","_objectWithoutProperties","_excluded","_extends","type","ref","propTypes","string","oneOfType","func","shape","current","instanceOf","element","arrayOf","isRequired","defaultProps","undefined","InputSelect","deprType","FORMAT","expect","transform","Array","isArray","join","message"],"sources":["../../src/InputSelect/index.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport asInput from '../asInput';\nimport withDeprecatedProps, { DeprTypes } from '../withDeprecatedProps';\n\nclass Select extends React.Component {\n static getOption(option, i) {\n const { disabled } = option;\n let { label, value } = option;\n\n if (typeof option === 'string') {\n label = option;\n value = option;\n }\n\n return (\n <option\n key={`option-${i}`}\n value={value}\n disabled={disabled}\n >\n {label}\n </option>\n );\n }\n\n getOptions() {\n return this.props.options.map((option, i) => {\n let section;\n if (option.options) {\n const groupOpts = option.options.map((opt, j) => Select.getOption(opt, j));\n section = (\n <optgroup label={option.label} key={option.label}>\n {groupOpts}\n </optgroup>\n );\n } else {\n section = Select.getOption(option, i);\n }\n return section;\n });\n }\n\n render() {\n const {\n className,\n inputRef,\n ...others\n } = this.props;\n const options = this.getOptions();\n\n return (\n <select\n {...others}\n className={className}\n type=\"select\"\n ref={inputRef}\n >\n {options}\n </select>\n );\n }\n}\n\nSelect.propTypes = {\n className: PropTypes.string,\n inputRef: PropTypes.oneOfType([\n PropTypes.func,\n PropTypes.shape({ current: PropTypes.instanceOf(PropTypes.element) }),\n ]),\n options: PropTypes.oneOfType([\n PropTypes.arrayOf(PropTypes.string),\n PropTypes.arrayOf(PropTypes.shape({})),\n ]).isRequired,\n};\n\nSelect.defaultProps = {\n className: undefined,\n inputRef: undefined,\n};\n\nconst InputSelect = asInput(withDeprecatedProps(Select, 'InputSelect', {\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\nexport default InputSelect;\n"],"mappings":"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"}
|
package/dist/InputText/index.js
DELETED
|
@@ -1,43 +0,0 @@
|
|
|
1
|
-
const _excluded = ["className", "inputRef", "type"];
|
|
2
|
-
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
3
|
-
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
4
|
-
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
5
|
-
import React from 'react';
|
|
6
|
-
import PropTypes from 'prop-types';
|
|
7
|
-
import asInput from '../asInput';
|
|
8
|
-
import withDeprecatedProps, { DeprTypes } from '../withDeprecatedProps';
|
|
9
|
-
function Text(props) {
|
|
10
|
-
const {
|
|
11
|
-
className,
|
|
12
|
-
inputRef,
|
|
13
|
-
type
|
|
14
|
-
} = props,
|
|
15
|
-
others = _objectWithoutProperties(props, _excluded);
|
|
16
|
-
return /*#__PURE__*/React.createElement("input", _extends({}, others, {
|
|
17
|
-
className: className,
|
|
18
|
-
type: type || 'text',
|
|
19
|
-
ref: inputRef
|
|
20
|
-
}));
|
|
21
|
-
}
|
|
22
|
-
Text.propTypes = {
|
|
23
|
-
className: PropTypes.string,
|
|
24
|
-
inputRef: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({
|
|
25
|
-
current: PropTypes.instanceOf(PropTypes.element)
|
|
26
|
-
})]),
|
|
27
|
-
type: PropTypes.string
|
|
28
|
-
};
|
|
29
|
-
Text.defaultProps = {
|
|
30
|
-
className: undefined,
|
|
31
|
-
inputRef: undefined,
|
|
32
|
-
type: 'text'
|
|
33
|
-
};
|
|
34
|
-
const InputText = asInput(withDeprecatedProps(Text, 'InputText', {
|
|
35
|
-
className: {
|
|
36
|
-
deprType: DeprTypes.FORMAT,
|
|
37
|
-
expect: value => typeof value === 'string',
|
|
38
|
-
transform: value => Array.isArray(value) ? value.join(' ') : value,
|
|
39
|
-
message: 'It should be a string.'
|
|
40
|
-
}
|
|
41
|
-
}));
|
|
42
|
-
export default InputText;
|
|
43
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["React","PropTypes","asInput","withDeprecatedProps","DeprTypes","Text","props","className","inputRef","type","others","_objectWithoutProperties","_excluded","createElement","_extends","ref","propTypes","string","oneOfType","func","shape","current","instanceOf","element","defaultProps","undefined","InputText","deprType","FORMAT","expect","value","transform","Array","isArray","join","message"],"sources":["../../src/InputText/index.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport asInput from '../asInput';\nimport withDeprecatedProps, { DeprTypes } from '../withDeprecatedProps';\n\nfunction Text(props) {\n const {\n className,\n inputRef,\n type,\n ...others\n } = props;\n\n return (\n <input\n {...others}\n className={className}\n type={type || 'text'}\n ref={inputRef}\n />\n );\n}\n\nText.propTypes = {\n className: PropTypes.string,\n inputRef: PropTypes.oneOfType([\n PropTypes.func,\n PropTypes.shape({ current: PropTypes.instanceOf(PropTypes.element) }),\n ]),\n type: PropTypes.string,\n};\n\nText.defaultProps = {\n className: undefined,\n inputRef: undefined,\n type: 'text',\n};\n\nconst InputText = asInput(withDeprecatedProps(Text, 'InputText', {\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\nexport default InputText;\n"],"mappings":";;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAElC,OAAOC,OAAO,MAAM,YAAY;AAChC,OAAOC,mBAAmB,IAAIC,SAAS,QAAQ,wBAAwB;AAEvE,SAASC,IAAIA,CAACC,KAAK,EAAE;EACnB,MAAM;MACJC,SAAS;MACTC,QAAQ;MACRC;IAEF,CAAC,GAAGH,KAAK;IADJI,MAAM,GAAAC,wBAAA,CACPL,KAAK,EAAAM,SAAA;EAET,oBACEZ,KAAA,CAAAa,aAAA,UAAAC,QAAA,KACMJ,MAAM;IACVH,SAAS,EAAEA,SAAU;IACrBE,IAAI,EAAEA,IAAI,IAAI,MAAO;IACrBM,GAAG,EAAEP;EAAS,EACf,CAAC;AAEN;AAEAH,IAAI,CAACW,SAAS,GAAG;EACfT,SAAS,EAAEN,SAAS,CAACgB,MAAM;EAC3BT,QAAQ,EAAEP,SAAS,CAACiB,SAAS,CAAC,CAC5BjB,SAAS,CAACkB,IAAI,EACdlB,SAAS,CAACmB,KAAK,CAAC;IAAEC,OAAO,EAAEpB,SAAS,CAACqB,UAAU,CAACrB,SAAS,CAACsB,OAAO;EAAE,CAAC,CAAC,CACtE,CAAC;EACFd,IAAI,EAAER,SAAS,CAACgB;AAClB,CAAC;AAEDZ,IAAI,CAACmB,YAAY,GAAG;EAClBjB,SAAS,EAAEkB,SAAS;EACpBjB,QAAQ,EAAEiB,SAAS;EACnBhB,IAAI,EAAE;AACR,CAAC;AAED,MAAMiB,SAAS,GAAGxB,OAAO,CAACC,mBAAmB,CAACE,IAAI,EAAE,WAAW,EAAE;EAC/DE,SAAS,EAAE;IACToB,QAAQ,EAAEvB,SAAS,CAACwB,MAAM;IAC1BC,MAAM,EAAEC,KAAK,IAAI,OAAOA,KAAK,KAAK,QAAQ;IAC1CC,SAAS,EAAED,KAAK,IAAKE,KAAK,CAACC,OAAO,CAACH,KAAK,CAAC,GAAGA,KAAK,CAACI,IAAI,CAAC,GAAG,CAAC,GAAGJ,KAAM;IACpEK,OAAO,EAAE;EACX;AACF,CAAC,CAAC,CAAC;AAEH,eAAeT,SAAS"}
|