@pedidopago/ui 1.3.5 → 1.3.8
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/dist/@types/index.d.ts +6 -6
- package/dist/components/Alert/alert.test.d.ts +1 -1
- package/dist/components/Alert/index.d.ts +4 -4
- package/dist/components/Alert/styles.d.ts +24 -24
- package/dist/components/Alert/types.d.ts +44 -44
- package/dist/components/Avatar/avatar.test.d.ts +1 -1
- package/dist/components/Avatar/index.d.ts +4 -4
- package/dist/components/Avatar/styles.d.ts +25 -25
- package/dist/components/Avatar/types.d.ts +15 -15
- package/dist/components/Badge/badge.test.d.ts +1 -1
- package/dist/components/Badge/index.d.ts +4 -4
- package/dist/components/Badge/styles.d.ts +16 -16
- package/dist/components/Badge/types.d.ts +11 -11
- package/dist/components/Button/Button.test.d.ts +1 -1
- package/dist/components/Button/index.d.ts +3 -3
- package/dist/components/Button/styles.d.ts +14 -14
- package/dist/components/Button/types.d.ts +101 -101
- package/dist/components/Card/card.test.tsx.d.ts +1 -1
- package/dist/components/Card/index.d.ts +3 -3
- package/dist/components/Card/styles.d.ts +6 -6
- package/dist/components/Card/types.d.ts +16 -16
- package/dist/components/CheckboxInput/checkbox-input.test.d.ts +1 -1
- package/dist/components/CheckboxInput/components/MultipleCheckbox.d.ts +4 -4
- package/dist/components/CheckboxInput/index.d.ts +4 -4
- package/dist/components/CheckboxInput/styles.d.ts +31 -31
- package/dist/components/CheckboxInput/types.d.ts +26 -26
- package/dist/components/ColorPicker/colorpicker.test.d.ts +1 -1
- package/dist/components/ColorPicker/components/ColorHue.d.ts +4 -4
- package/dist/components/ColorPicker/components/ColorInput.d.ts +4 -4
- package/dist/components/ColorPicker/components/ColorPickerBox.d.ts +4 -4
- package/dist/components/ColorPicker/components/ColorPointer.d.ts +4 -4
- package/dist/components/ColorPicker/components/ColorSelector.d.ts +4 -4
- package/dist/components/ColorPicker/hooks/useCachedCallback.d.ts +1 -1
- package/dist/components/ColorPicker/hooks/useHsva.d.ts +2 -2
- package/dist/components/ColorPicker/index.d.ts +4 -4
- package/dist/components/ColorPicker/styles.d.ts +44 -44
- package/dist/components/ColorPicker/types.d.ts +73 -73
- package/dist/components/ColorPicker/utils/checkers.d.ts +7 -7
- package/dist/components/ColorPicker/utils/conversors.d.ts +60 -60
- package/dist/components/ColorPicker/utils/parsers.d.ts +27 -27
- package/dist/components/DateInput/DateInput-example.d.ts +5 -5
- package/dist/components/DateInput/components/ModalWrapper/index.d.ts +4 -0
- package/dist/components/DateInput/components/ModalWrapper/index.d.ts.map +1 -0
- package/dist/components/DateInput/components/ModalWrapper/index.js +38 -0
- package/dist/components/DateInput/components/ModalWrapper/styles.d.ts +265 -0
- package/dist/components/DateInput/components/ModalWrapper/styles.d.ts.map +1 -0
- package/dist/components/DateInput/components/ModalWrapper/styles.js +32 -0
- package/dist/components/DateInput/components/ModalWrapper/types.d.ts +14 -0
- package/dist/components/DateInput/components/ModalWrapper/types.d.ts.map +1 -0
- package/dist/components/DateInput/components/{types.js → ModalWrapper/types.js} +0 -0
- package/dist/components/DateInput/dateInput.test.d.ts +1 -1
- package/dist/components/DateInput/index.d.ts +3 -3
- package/dist/components/DateInput/index.d.ts.map +1 -1
- package/dist/components/DateInput/index.js +59 -34
- package/dist/components/DateInput/styles.d.ts +266 -261
- package/dist/components/DateInput/styles.d.ts.map +1 -1
- package/dist/components/DateInput/styles.js +10 -3
- package/dist/components/DateInput/types.d.ts +14 -13
- package/dist/components/DateInput/types.d.ts.map +1 -1
- package/dist/components/DatePicker/components/DatePickerContent.d.ts +3 -3
- package/dist/components/DatePicker/components/DatePickerContent.d.ts.map +1 -1
- package/dist/components/DatePicker/components/DatePickerContent.js +2 -0
- package/dist/components/DatePicker/components/DateYearPicker.d.ts +3 -3
- package/dist/components/DatePicker/components/DateYearPicker.d.ts.map +1 -1
- package/dist/components/DatePicker/components/DateYearPicker.js +2 -0
- package/dist/components/DatePicker/datepicker.test.d.ts +1 -1
- package/dist/components/DatePicker/index.d.ts +4 -4
- package/dist/components/DatePicker/styles.d.ts +74 -74
- package/dist/components/DatePicker/types.d.ts +58 -58
- package/dist/components/DatePicker/utils/getMonthName.d.ts +1 -1
- package/dist/components/Dialog/dialog-example.d.ts +3 -3
- package/dist/components/Dialog/dialog.test.d.ts +1 -1
- package/dist/components/Dialog/index.d.ts +3 -3
- package/dist/components/Dialog/styles.d.ts +25 -25
- package/dist/components/Dialog/types.d.ts +30 -30
- package/dist/components/Dropzone/dropzone.test.d.ts +1 -1
- package/dist/components/Dropzone/index.d.ts +4 -4
- package/dist/components/Dropzone/styles.d.ts +46 -46
- package/dist/components/Dropzone/types.d.ts +19 -19
- package/dist/components/Dropzone/utils/accepts.d.ts +10 -10
- package/dist/components/Flex/flex.test.d.ts +1 -1
- package/dist/components/Flex/index.d.ts +4 -4
- package/dist/components/Flex/styles.d.ts +296 -296
- package/dist/components/Flex/types.d.ts +175 -175
- package/dist/components/Grid/grid.test.d.ts +1 -1
- package/dist/components/Grid/index.d.ts +4 -4
- package/dist/components/Grid/styles.d.ts +288 -288
- package/dist/components/Grid/types.d.ts +88 -88
- package/dist/components/Icon/data/beauty.d.ts +8 -8
- package/dist/components/Icon/data/dash.d.ts +8 -8
- package/dist/components/Icon/data/ecommerce.d.ts +8 -8
- package/dist/components/Icon/data/form.d.ts +8 -8
- package/dist/components/Icon/data/health.d.ts +8 -8
- package/dist/components/Icon/data/illustrations.d.ts +8 -8
- package/dist/components/Icon/data/men.d.ts +8 -8
- package/dist/components/Icon/data/payment.d.ts +8 -8
- package/dist/components/Icon/data/physicalPerfomance.d.ts +8 -8
- package/dist/components/Icon/data/social.d.ts +8 -8
- package/dist/components/Icon/data/status.d.ts +8 -8
- package/dist/components/Icon/data/summer.d.ts +8 -8
- package/dist/components/Icon/data/woman.d.ts +8 -8
- package/dist/components/Icon/icon.test.d.ts +1 -1
- package/dist/components/Icon/index.d.ts +4 -4
- package/dist/components/Icon/scripts/build.d.ts +5 -5
- package/dist/components/Icon/scripts/extractor.d.ts +15 -15
- package/dist/components/Icon/scripts/run-build.d.ts +1 -1
- package/dist/components/Icon/scripts/writers.d.ts +22 -22
- package/dist/components/Icon/styles.d.ts +13 -13
- package/dist/components/Icon/types.d.ts +8 -8
- package/dist/components/Icon/utils/allIcons.d.ts +8 -8
- package/dist/components/IconItem/IconItem.test.d.ts +1 -1
- package/dist/components/IconItem/index.d.ts +4 -4
- package/dist/components/IconItem/styles.d.ts +18 -18
- package/dist/components/IconItem/types.d.ts +22 -22
- package/dist/components/ImageItem/imageFake.d.ts +2 -2
- package/dist/components/ImageItem/index.d.ts +4 -4
- package/dist/components/ImageItem/input.test.d.ts +1 -1
- package/dist/components/ImageItem/styles.d.ts +26 -26
- package/dist/components/ImageItem/types.d.ts +25 -25
- package/dist/components/Input/index.d.ts +4 -4
- package/dist/components/Input/input.test.d.ts +1 -1
- package/dist/components/Input/styles.d.ts +68 -68
- package/dist/components/Input/types.d.ts +26 -26
- package/dist/components/Label/index.d.ts +4 -4
- package/dist/components/Label/label.test.d.ts +1 -1
- package/dist/components/Label/styles.d.ts +6 -6
- package/dist/components/Label/types.d.ts +15 -15
- package/dist/components/List/index.d.ts +4 -4
- package/dist/components/List/list.test.d.ts +1 -1
- package/dist/components/List/styles.d.ts +15 -15
- package/dist/components/List/types.d.ts +7 -7
- package/dist/components/Modal/ModalExample.d.ts +3 -3
- package/dist/components/Modal/index.d.ts +3 -3
- package/dist/components/Modal/modal.test.d.ts +1 -1
- package/dist/components/Modal/styles.d.ts +27 -27
- package/dist/components/Modal/types.d.ts +35 -35
- package/dist/components/MultipleSelect/MultipleSelect.test.d.ts +1 -1
- package/dist/components/MultipleSelect/components/InputWrapper/index.d.ts +10 -10
- package/dist/components/MultipleSelect/components/OptionsArea/OptionsArea.d.ts +18 -18
- package/dist/components/MultipleSelect/components/OptionsArea/index.d.ts +15 -15
- package/dist/components/MultipleSelect/components/SelectArea/ButtonsArea.d.ts +10 -10
- package/dist/components/MultipleSelect/components/SelectArea/Label.d.ts +6 -6
- package/dist/components/MultipleSelect/components/SelectArea/SelectAreaWrapper.d.ts +6 -6
- package/dist/components/MultipleSelect/components/SelectArea/SelectedOptionsArea.d.ts +18 -18
- package/dist/components/MultipleSelect/components/SelectArea/index.d.ts +16 -16
- package/dist/components/MultipleSelect/components/index.d.ts +3 -3
- package/dist/components/MultipleSelect/index.d.ts +5 -5
- package/dist/components/MultipleSelect/types.d.ts +37 -37
- package/dist/components/Pagination/hooks/usePagination.d.ts +3 -3
- package/dist/components/Pagination/index.d.ts +3 -3
- package/dist/components/Pagination/pagination.test.d.ts +1 -1
- package/dist/components/Pagination/styles.d.ts +34 -34
- package/dist/components/Pagination/types.d.ts +28 -28
- package/dist/components/Progress/Circle/index.d.ts +3 -3
- package/dist/components/Progress/Linear/index.d.ts +3 -3
- package/dist/components/Progress/getSteps.d.ts +1 -1
- package/dist/components/Progress/index.d.ts +4 -4
- package/dist/components/Progress/progress.test.d.ts +1 -1
- package/dist/components/Progress/style.d.ts +38 -38
- package/dist/components/Progress/type.d.ts +69 -69
- package/dist/components/RadioInput/components/ChoiceList/index.d.ts +5 -5
- package/dist/components/RadioInput/index.d.ts +4 -4
- package/dist/components/RadioInput/radio-input.test.d.ts +1 -1
- package/dist/components/RadioInput/styles.d.ts +30 -30
- package/dist/components/RadioInput/types.d.ts +60 -60
- package/dist/components/RadioInput/utils/get-colors-props.d.ts +11 -11
- package/dist/components/Rating/components/GradientIcon/data/dash.d.ts +8 -8
- package/dist/components/Rating/components/GradientIcon/data/ecommerce.d.ts +8 -8
- package/dist/components/Rating/components/GradientIcon/index.d.ts +4 -4
- package/dist/components/Rating/components/GradientIcon/scripts/build.d.ts +7 -7
- package/dist/components/Rating/components/GradientIcon/scripts/extractor.d.ts +15 -15
- package/dist/components/Rating/components/GradientIcon/scripts/writers.d.ts +22 -22
- package/dist/components/Rating/components/GradientIcon/styles.d.ts +12 -12
- package/dist/components/Rating/components/GradientIcon/types.d.ts +15 -15
- package/dist/components/Rating/components/GradientIcon/utils/allIcons.d.ts +8 -8
- package/dist/components/Rating/components/RatingWithMultipleValues/RatingWithMultipleValues.d.ts +3 -3
- package/dist/components/Rating/components/RatingWithMultipleValues/styles.d.ts +6 -6
- package/dist/components/Rating/components/RatingWithMultipleValues/types.d.ts +16 -16
- package/dist/components/Rating/components/RatingWithSingleValue/RatingWithSingleValue.d.ts +3 -3
- package/dist/components/Rating/components/RatingWithSingleValue/icons/0.d.ts +3 -3
- package/dist/components/Rating/components/RatingWithSingleValue/icons/1.d.ts +3 -3
- package/dist/components/Rating/components/RatingWithSingleValue/icons/2.d.ts +3 -3
- package/dist/components/Rating/components/RatingWithSingleValue/icons/3.d.ts +3 -3
- package/dist/components/Rating/components/RatingWithSingleValue/icons/4.d.ts +3 -3
- package/dist/components/Rating/components/RatingWithSingleValue/icons/index.d.ts +6 -6
- package/dist/components/Rating/components/RatingWithSingleValue/styles.d.ts +6 -6
- package/dist/components/Rating/components/RatingWithSingleValue/types.d.ts +10 -10
- package/dist/components/Rating/index.d.ts +4 -4
- package/dist/components/Rating/rating.test.d.ts +1 -1
- package/dist/components/Rating/types.d.ts +28 -28
- package/dist/components/Rating/utils/IconObjectsController.d.ts +9 -9
- package/dist/components/Rating/utils/svgDataTratamentFunction.d.ts +9 -9
- package/dist/components/ReactPortal/index.d.ts +7 -7
- package/dist/components/ReactPortal/reactPortal.test.d.ts +1 -1
- package/dist/components/ReactPortal/utils/createWrapperAndApprendToBody.d.ts +1 -1
- package/dist/components/Select/components/OptionsSelect/index.d.ts +3 -3
- package/dist/components/Select/components/OptionsSelect/styles.d.ts +264 -264
- package/dist/components/Select/components/OptionsSelect/types.d.ts +15 -15
- package/dist/components/Select/index.d.ts +4 -4
- package/dist/components/Select/index.js +2 -2
- package/dist/components/Select/select.test.d.ts +1 -1
- package/dist/components/Select/styles.d.ts +17 -17
- package/dist/components/Select/types.d.ts +22 -22
- package/dist/components/Skeleton/index.d.ts +4 -4
- package/dist/components/Skeleton/skeleton.test.d.ts +1 -1
- package/dist/components/Skeleton/styles.d.ts +7 -7
- package/dist/components/Skeleton/types.d.ts +35 -35
- package/dist/components/Slider/SliderExample.d.ts +3 -3
- package/dist/components/Slider/components/SliderPointer.d.ts +3 -3
- package/dist/components/Slider/components/SliderRail.d.ts +3 -3
- package/dist/components/Slider/components/SliderSelector.d.ts +3 -3
- package/dist/components/Slider/hooks/useEventCallback.d.ts +2 -2
- package/dist/components/Slider/index.d.ts +4 -4
- package/dist/components/Slider/slider.test.d.ts +1 -1
- package/dist/components/Slider/styles.d.ts +65 -65
- package/dist/components/Slider/types.d.ts +38 -38
- package/dist/components/Spinner/index.d.ts +4 -4
- package/dist/components/Spinner/spinner.test.d.ts +1 -1
- package/dist/components/Spinner/styles.d.ts +288 -288
- package/dist/components/Spinner/types.d.ts +11 -11
- package/dist/components/Steps/components/StepIcon/index.d.ts +3 -3
- package/dist/components/Steps/components/StepIconMobile/index.d.ts +3 -3
- package/dist/components/Steps/index.d.ts +4 -4
- package/dist/components/Steps/steps.test.d.ts +1 -1
- package/dist/components/Steps/styles.d.ts +45 -45
- package/dist/components/Steps/types.d.ts +15 -15
- package/dist/components/Steps/utils.d.ts +7 -7
- package/dist/components/Switch/index.d.ts +4 -4
- package/dist/components/Switch/styles.d.ts +18 -18
- package/dist/components/Switch/switch.test.d.ts +1 -1
- package/dist/components/Switch/types.d.ts +17 -17
- package/dist/components/Table/components/MenuItem.d.ts +3 -3
- package/dist/components/Table/index.d.ts +3 -3
- package/dist/components/Table/styles.d.ts +34 -34
- package/dist/components/Table/table.test.d.ts +1 -1
- package/dist/components/Table/types.d.ts +39 -39
- package/dist/components/Tabs/TabsExample.d.ts +3 -3
- package/dist/components/Tabs/components/Tab.d.ts +3 -3
- package/dist/components/Tabs/components/TabPanel.d.ts +3 -3
- package/dist/components/Tabs/components/Tabs.d.ts +4 -4
- package/dist/components/Tabs/index.d.ts +3 -3
- package/dist/components/Tabs/styles.d.ts +39 -39
- package/dist/components/Tabs/tabs.test.d.ts +1 -1
- package/dist/components/Tabs/types.d.ts +49 -49
- package/dist/components/Tag/index.d.ts +4 -4
- package/dist/components/Tag/styles.d.ts +869 -869
- package/dist/components/Tag/tag.test.d.ts +1 -1
- package/dist/components/Tag/types.d.ts +9 -9
- package/dist/components/TextAreaInput/index.d.ts +4 -4
- package/dist/components/TextAreaInput/styles.d.ts +18 -18
- package/dist/components/TextAreaInput/text-area-input.test.d.ts +1 -1
- package/dist/components/TextAreaInput/types.d.ts +25 -25
- package/dist/components/Thumbnail/index.d.ts +3 -3
- package/dist/components/Thumbnail/styles.d.ts +42 -42
- package/dist/components/Thumbnail/thumbnail.test.d.ts +1 -1
- package/dist/components/Thumbnail/types.d.ts +28 -28
- package/dist/components/Thumbnail/utils/index.d.ts +2 -2
- package/dist/components/Thumbnail/utils/validate-file-size.d.ts +1 -1
- package/dist/components/Thumbnail/utils/validate-file-type.d.ts +1 -1
- package/dist/components/Timeline/components/Timeline.d.ts +3 -3
- package/dist/components/Timeline/components/TimelineContent.d.ts +3 -3
- package/dist/components/Timeline/components/TimelineItem.d.ts +2 -2
- package/dist/components/Timeline/components/TimelineSeparator.d.ts +3 -3
- package/dist/components/Timeline/index.d.ts +4 -4
- package/dist/components/Timeline/styles.d.ts +31 -31
- package/dist/components/Timeline/timeline.test.d.ts +1 -1
- package/dist/components/Timeline/types.d.ts +20 -20
- package/dist/components/Toast/button-example.d.ts +6 -6
- package/dist/components/Toast/components/Toast.d.ts +4 -4
- package/dist/components/Toast/contexts/ToastProvider.d.ts +5 -5
- package/dist/components/Toast/hooks/useToast.d.ts +2 -2
- package/dist/components/Toast/index.d.ts +3 -3
- package/dist/components/Toast/styles.d.ts +22 -22
- package/dist/components/Toast/toast.test.d.ts +1 -1
- package/dist/components/Toast/types.d.ts +26 -26
- package/dist/components/Tooltip/components/TooltipLabel.d.ts +3 -3
- package/dist/components/Tooltip/index.d.ts +4 -4
- package/dist/components/Tooltip/styles.d.ts +261 -261
- package/dist/components/Tooltip/types.d.ts +21 -21
- package/dist/components/Typography/index.d.ts +4 -4
- package/dist/components/Typography/styles.d.ts +20 -20
- package/dist/components/Typography/types.d.ts +15 -15
- package/dist/components/Typography/typography.test.d.ts +1 -1
- package/dist/index.d.ts +45 -45
- package/dist/shared/components/FocusLock/index.d.ts +7 -7
- package/dist/shared/hooks/breakpoints.d.ts +8 -8
- package/dist/shared/hooks/useBreakpoint.d.ts +8 -8
- package/dist/shared/hooks/useDisableBodyScroll.d.ts +1 -1
- package/dist/shared/hooks/useKeyPress.d.ts +1 -1
- package/dist/shared/hooks/useOnClickOutside.d.ts +2 -2
- package/dist/shared/hooks/useWindowSize.d.ts +4 -4
- package/dist/shared/tests/test-utils.d.ts +4 -4
- package/dist/shared/theme/button-example.d.ts +2 -2
- package/dist/shared/theme/contexts/ThemeContext.d.ts +15 -15
- package/dist/shared/theme/hooks/useColorMode.d.ts +4 -4
- package/dist/shared/theme/hooks/useColorModeValue.d.ts +1 -1
- package/dist/shared/theme/hooks/useTheme.d.ts +284 -284
- package/dist/shared/theme/index.d.ts +7 -7
- package/dist/shared/theme/theme.d.ts +282 -282
- package/dist/shared/theme/theme.test.d.ts +1 -1
- package/dist/shared/theme/theme.types.d.ts +14 -14
- package/dist/shared/theme/utils/extendTheme.d.ts +2 -2
- package/dist/shared/theme/utils/localStorageController.d.ts +6 -6
- package/dist/utils/GenerateKey.d.ts +10 -10
- package/dist/utils/brightnessColorChange.d.ts +8 -8
- package/dist/utils/colorCheck.d.ts +40 -40
- package/dist/utils/colorFunctions.d.ts +2 -2
- package/dist/utils/colorToGray.d.ts +5 -5
- package/dist/utils/fuctionsColors.d.ts +2 -2
- package/dist/utils/generateUUID.d.ts +1 -1
- package/dist/utils/getColorValue.d.ts +291 -291
- package/dist/utils/getSvg.d.ts +10 -10
- package/dist/utils/invertColor.d.ts +7 -7
- package/package.json +1 -1
- package/dist/components/Card/ButtonCard/index.d.ts +0 -4
- package/dist/components/Card/ButtonCard/index.d.ts.map +0 -1
- package/dist/components/Card/ButtonCard/index.js +0 -44
- package/dist/components/Card/ButtonCard/styles.d.ts +0 -14
- package/dist/components/Card/ButtonCard/styles.d.ts.map +0 -1
- package/dist/components/Card/ButtonCard/styles.js +0 -28
- package/dist/components/Card/Expansion/index.d.ts +0 -6
- package/dist/components/Card/Expansion/index.d.ts.map +0 -1
- package/dist/components/Card/Expansion/index.js +0 -64
- package/dist/components/Card/Expansion/style.d.ts +0 -15
- package/dist/components/Card/Expansion/style.d.ts.map +0 -1
- package/dist/components/Card/Expansion/style.js +0 -32
- package/dist/components/Card/card.test.d.ts +0 -2
- package/dist/components/Card/card.test.d.ts.map +0 -1
- package/dist/components/Card/card.test.js +0 -169
- package/dist/components/DateInput/components/SelectButton.d.ts +0 -4
- package/dist/components/DateInput/components/SelectButton.d.ts.map +0 -1
- package/dist/components/DateInput/components/SelectButton.js +0 -55
- package/dist/components/DateInput/components/styles.d.ts +0 -27
- package/dist/components/DateInput/components/styles.d.ts.map +0 -1
- package/dist/components/DateInput/components/styles.js +0 -76
- package/dist/components/DateInput/components/types.d.ts +0 -20
- package/dist/components/DateInput/components/types.d.ts.map +0 -1
- package/dist/components/Label/input.test.d.ts +0 -2
- package/dist/components/Label/input.test.d.ts.map +0 -1
- package/dist/components/Label/input.test.js +0 -115
- package/dist/components/Tooltip/componenteTeste.d.ts +0 -7
- package/dist/components/Tooltip/componenteTeste.d.ts.map +0 -1
- package/dist/components/Tooltip/componenteTeste.js +0 -67
- package/dist/components/Tooltip/tooltip.test.d.ts +0 -2
- package/dist/components/Tooltip/tooltip.test.d.ts.map +0 -1
- package/dist/components/Tooltip/tooltip.test.js +0 -165
- package/dist/components/Tooltip/util.d.ts +0 -28
- package/dist/components/Tooltip/util.d.ts.map +0 -1
- package/dist/components/Tooltip/util.js +0 -91
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { ThemeProps } from 'src';
|
|
3
|
-
export declare const ButtonArea: import("@emotion/styled").StyledComponent<{
|
|
4
|
-
theme?: import("@emotion/react").Theme | undefined;
|
|
5
|
-
as?: import("react").ElementType<any> | undefined;
|
|
6
|
-
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
7
|
-
export declare const MultipleButton: import("@emotion/styled").StyledComponent<{
|
|
8
|
-
theme?: import("@emotion/react").Theme | undefined;
|
|
9
|
-
as?: import("react").ElementType<any> | undefined;
|
|
10
|
-
} & {
|
|
11
|
-
theme?: ThemeProps | undefined;
|
|
12
|
-
btColumn?: boolean | undefined;
|
|
13
|
-
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
14
|
-
//# sourceMappingURL=styles.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Card/ButtonCard/styles.ts"],"names":[],"mappings":";AACA,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAEjC,eAAO,MAAM,UAAU;;;yGAUtB,CAAC;AAEF,eAAO,MAAM,cAAc;;;;;;yGAM1B,CAAC"}
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.MultipleButton = exports.ButtonArea = void 0;
|
|
7
|
-
|
|
8
|
-
var _styled = _interopRequireDefault(require("@emotion/styled"));
|
|
9
|
-
|
|
10
|
-
var _templateObject, _templateObject2;
|
|
11
|
-
|
|
12
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
13
|
-
|
|
14
|
-
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
|
15
|
-
|
|
16
|
-
var ButtonArea = _styled.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: column;\n justify-content: center;\n margin-top: 32px;\n\n & > div,\n & > div > div {\n width: 100%;\n }\n"])));
|
|
17
|
-
|
|
18
|
-
exports.ButtonArea = ButtonArea;
|
|
19
|
-
|
|
20
|
-
var MultipleButton = _styled.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n display: ", ";\n justify-content: center;\n @media screen and (max-width: ", ") {\n display: block;\n }\n"])), function (_ref) {
|
|
21
|
-
var btColumn = _ref.btColumn;
|
|
22
|
-
return btColumn ? 'block' : 'flex';
|
|
23
|
-
}, function (_ref2) {
|
|
24
|
-
var theme = _ref2.theme;
|
|
25
|
-
return theme.breakpoints.md;
|
|
26
|
-
});
|
|
27
|
-
|
|
28
|
-
exports.MultipleButton = MultipleButton;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Card/Expansion/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAKxC,wBAAgB,SAAS,CAAC,EACxB,QAAQ,EACR,cAAc,GACf,EAAE;IACD,QAAQ,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC;IAC5B,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB,eAsBA"}
|
|
@@ -1,64 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.Expansion = Expansion;
|
|
7
|
-
|
|
8
|
-
var _react = require("@emotion/react");
|
|
9
|
-
|
|
10
|
-
var _react2 = require("react");
|
|
11
|
-
|
|
12
|
-
var _Icon = _interopRequireDefault(require("../../Icon"));
|
|
13
|
-
|
|
14
|
-
var _style = require("./style");
|
|
15
|
-
|
|
16
|
-
var _jsxRuntime = require("react/jsx-runtime");
|
|
17
|
-
|
|
18
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
19
|
-
|
|
20
|
-
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
21
|
-
|
|
22
|
-
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
23
|
-
|
|
24
|
-
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
25
|
-
|
|
26
|
-
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
|
|
27
|
-
|
|
28
|
-
function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
|
|
29
|
-
|
|
30
|
-
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
31
|
-
|
|
32
|
-
function Expansion(_ref) {
|
|
33
|
-
var children = _ref.children,
|
|
34
|
-
expandedHeight = _ref.expandedHeight;
|
|
35
|
-
|
|
36
|
-
var _useState = (0, _react2.useState)(false),
|
|
37
|
-
_useState2 = _slicedToArray(_useState, 2),
|
|
38
|
-
expanded = _useState2[0],
|
|
39
|
-
setExpanded = _useState2[1];
|
|
40
|
-
|
|
41
|
-
var theme = (0, _react.useTheme)();
|
|
42
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
|
|
43
|
-
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
44
|
-
onClick: function onClick() {
|
|
45
|
-
return setExpanded(!expanded);
|
|
46
|
-
},
|
|
47
|
-
style: {
|
|
48
|
-
display: 'flex',
|
|
49
|
-
justifyContent: 'flex-end'
|
|
50
|
-
},
|
|
51
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_style.ExpandIcon, {
|
|
52
|
-
expanded: expanded,
|
|
53
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
|
|
54
|
-
color: theme.colorMode === 'dark' ? 'neutral.white' : 'neutral.black',
|
|
55
|
-
name: "arrow-down"
|
|
56
|
-
})
|
|
57
|
-
})
|
|
58
|
-
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_style.ExpandBody, {
|
|
59
|
-
expanded: expanded,
|
|
60
|
-
expandedHeight: expandedHeight,
|
|
61
|
-
children: children
|
|
62
|
-
})]
|
|
63
|
-
});
|
|
64
|
-
}
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
export declare const ExpandBody: import("@emotion/styled").StyledComponent<{
|
|
3
|
-
theme?: import("@emotion/react").Theme | undefined;
|
|
4
|
-
as?: import("react").ElementType<any> | undefined;
|
|
5
|
-
} & {
|
|
6
|
-
expanded: boolean;
|
|
7
|
-
expandedHeight?: string | undefined;
|
|
8
|
-
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
9
|
-
export declare const ExpandIcon: import("@emotion/styled").StyledComponent<{
|
|
10
|
-
theme?: import("@emotion/react").Theme | undefined;
|
|
11
|
-
as?: import("react").ElementType<any> | undefined;
|
|
12
|
-
} & {
|
|
13
|
-
expanded: boolean;
|
|
14
|
-
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
15
|
-
//# sourceMappingURL=style.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"style.d.ts","sourceRoot":"","sources":["../../../../src/components/Card/Expansion/style.ts"],"names":[],"mappings":";AAEA,eAAO,MAAM,UAAU;;;;cACX,OAAO;;yGAOlB,CAAC;AAEF,eAAO,MAAM,UAAU;;;;cAA0B,OAAO;yGAavD,CAAC"}
|
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.ExpandIcon = exports.ExpandBody = void 0;
|
|
7
|
-
|
|
8
|
-
var _styled = _interopRequireDefault(require("@emotion/styled"));
|
|
9
|
-
|
|
10
|
-
var _templateObject, _templateObject2;
|
|
11
|
-
|
|
12
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
13
|
-
|
|
14
|
-
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
|
15
|
-
|
|
16
|
-
var ExpandBody = _styled.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n max-height: ", ";\n transition: 0.5s ease;\n overflow: hidden;\n color: ", ";\n"])), function (_ref) {
|
|
17
|
-
var expanded = _ref.expanded,
|
|
18
|
-
expandedHeight = _ref.expandedHeight;
|
|
19
|
-
return expanded ? expandedHeight || '500px' : '0';
|
|
20
|
-
}, function (_ref2) {
|
|
21
|
-
var theme = _ref2.theme;
|
|
22
|
-
return theme.colorMode === 'dark' && theme.colors.neutral.white;
|
|
23
|
-
});
|
|
24
|
-
|
|
25
|
-
exports.ExpandBody = ExpandBody;
|
|
26
|
-
|
|
27
|
-
var ExpandIcon = _styled.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n margin-bottom: 10px;\n transform: ", ";\n transition: 0.5s ease;\n\n @keyframes spin {\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(180deg);\n }\n }\n"])), function (_ref3) {
|
|
28
|
-
var expanded = _ref3.expanded;
|
|
29
|
-
return expanded && 'rotate(180deg)';
|
|
30
|
-
});
|
|
31
|
-
|
|
32
|
-
exports.ExpandIcon = ExpandIcon;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"card.test.d.ts","sourceRoot":"","sources":["../../../src/components/Card/card.test.tsx"],"names":[],"mappings":"AAEA,OAAO,2BAA2B,CAAC"}
|
|
@@ -1,169 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _testUtils = require("../../shared/tests/test-utils");
|
|
4
|
-
|
|
5
|
-
require("@testing-library/jest-dom");
|
|
6
|
-
|
|
7
|
-
var _ = require(".");
|
|
8
|
-
|
|
9
|
-
var _jsxRuntime = require("react/jsx-runtime");
|
|
10
|
-
|
|
11
|
-
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; }
|
|
12
|
-
|
|
13
|
-
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; }
|
|
14
|
-
|
|
15
|
-
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
16
|
-
|
|
17
|
-
var setup = function setup(props) {
|
|
18
|
-
var utils = (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Card, _objectSpread({}, props)));
|
|
19
|
-
return utils;
|
|
20
|
-
};
|
|
21
|
-
|
|
22
|
-
describe('Card', function () {
|
|
23
|
-
it('Should render a empty card', function () {
|
|
24
|
-
var _setup = setup({}),
|
|
25
|
-
container = _setup.container;
|
|
26
|
-
|
|
27
|
-
expect(container).toBeInTheDocument();
|
|
28
|
-
});
|
|
29
|
-
it('Should render a card with title,subtitle and Supporing Text', function () {
|
|
30
|
-
var _setup2 = setup({
|
|
31
|
-
title: 'title',
|
|
32
|
-
subtitle: 'subtitle',
|
|
33
|
-
supporingText: 'supporing text'
|
|
34
|
-
}),
|
|
35
|
-
container = _setup2.container;
|
|
36
|
-
|
|
37
|
-
expect(container).toBeInTheDocument();
|
|
38
|
-
});
|
|
39
|
-
it('Should render a card with image', function () {
|
|
40
|
-
var _setup3 = setup({
|
|
41
|
-
media: 'https://rockcontent.com/br/wp-content/uploads/sites/2/2017/06/thumbnail.png'
|
|
42
|
-
}),
|
|
43
|
-
container = _setup3.container;
|
|
44
|
-
|
|
45
|
-
expect(container).toBeInTheDocument();
|
|
46
|
-
});
|
|
47
|
-
it('Should render a card with outlined', function () {
|
|
48
|
-
var _setup4 = setup({
|
|
49
|
-
outlined: true
|
|
50
|
-
}),
|
|
51
|
-
container = _setup4.container;
|
|
52
|
-
|
|
53
|
-
expect(container).toBeInTheDocument();
|
|
54
|
-
});
|
|
55
|
-
it('Should render a card with a icon', function () {
|
|
56
|
-
var _setup5 = setup({
|
|
57
|
-
icon: 'info'
|
|
58
|
-
}),
|
|
59
|
-
container = _setup5.container;
|
|
60
|
-
|
|
61
|
-
expect(container).toBeInTheDocument();
|
|
62
|
-
});
|
|
63
|
-
it('Should render a card with a tooltip', function () {
|
|
64
|
-
var _setup6 = setup({
|
|
65
|
-
tooltip: {
|
|
66
|
-
label: 'teste'
|
|
67
|
-
}
|
|
68
|
-
}),
|
|
69
|
-
container = _setup6.container;
|
|
70
|
-
|
|
71
|
-
expect(container).toBeInTheDocument();
|
|
72
|
-
});
|
|
73
|
-
it('Should render a expandable card', function () {
|
|
74
|
-
var _setup7 = setup({
|
|
75
|
-
expand: true
|
|
76
|
-
}),
|
|
77
|
-
container = _setup7.container;
|
|
78
|
-
|
|
79
|
-
expect(container).toBeInTheDocument();
|
|
80
|
-
});
|
|
81
|
-
it('Should render a expandable card with expanded height', function () {
|
|
82
|
-
var _setup8 = setup({
|
|
83
|
-
expand: true,
|
|
84
|
-
expandedHeight: '200px'
|
|
85
|
-
}),
|
|
86
|
-
container = _setup8.container;
|
|
87
|
-
|
|
88
|
-
expect(container).toBeInTheDocument();
|
|
89
|
-
});
|
|
90
|
-
it('Should render a card with different title color', function () {
|
|
91
|
-
var _setup9 = setup({
|
|
92
|
-
title: 'teste',
|
|
93
|
-
titleColor: '#d3f'
|
|
94
|
-
}),
|
|
95
|
-
container = _setup9.container;
|
|
96
|
-
|
|
97
|
-
expect(container).toBeInTheDocument();
|
|
98
|
-
});
|
|
99
|
-
it('Should render a card with padding', function () {
|
|
100
|
-
var _setup10 = setup({
|
|
101
|
-
padding: '32px'
|
|
102
|
-
}),
|
|
103
|
-
container = _setup10.container;
|
|
104
|
-
|
|
105
|
-
expect(container).toBeInTheDocument();
|
|
106
|
-
});
|
|
107
|
-
it('Should render a card with one button', function () {
|
|
108
|
-
var _setup11 = setup({
|
|
109
|
-
btPrimary: {
|
|
110
|
-
bgColor: 'blue',
|
|
111
|
-
variant: 'outline'
|
|
112
|
-
}
|
|
113
|
-
}),
|
|
114
|
-
container = _setup11.container;
|
|
115
|
-
|
|
116
|
-
expect(container).toBeInTheDocument();
|
|
117
|
-
});
|
|
118
|
-
it('Should render a card with two buttons', function () {
|
|
119
|
-
var _setup12 = setup({
|
|
120
|
-
btPrimary: {
|
|
121
|
-
bgColor: 'blue',
|
|
122
|
-
variant: 'outline'
|
|
123
|
-
},
|
|
124
|
-
btSecondary: {
|
|
125
|
-
bgColor: 'blue',
|
|
126
|
-
variant: 'outline'
|
|
127
|
-
}
|
|
128
|
-
}),
|
|
129
|
-
container = _setup12.container;
|
|
130
|
-
|
|
131
|
-
expect(container).toBeInTheDocument();
|
|
132
|
-
});
|
|
133
|
-
it('Should render a card with two buttons in column', function () {
|
|
134
|
-
var _setup13 = setup({
|
|
135
|
-
btColumn: true,
|
|
136
|
-
btPrimary: {
|
|
137
|
-
bgColor: 'blue',
|
|
138
|
-
variant: 'outline'
|
|
139
|
-
},
|
|
140
|
-
btSecondary: {
|
|
141
|
-
bgColor: 'blue',
|
|
142
|
-
variant: 'outline'
|
|
143
|
-
}
|
|
144
|
-
}),
|
|
145
|
-
container = _setup13.container;
|
|
146
|
-
|
|
147
|
-
expect(container).toBeInTheDocument();
|
|
148
|
-
});
|
|
149
|
-
it('Should render a card with hover property', function () {
|
|
150
|
-
var _setup14 = setup({
|
|
151
|
-
hover: {
|
|
152
|
-
backgroundColor: 'red'
|
|
153
|
-
}
|
|
154
|
-
}),
|
|
155
|
-
container = _setup14.container;
|
|
156
|
-
|
|
157
|
-
expect(container).toBeInTheDocument();
|
|
158
|
-
});
|
|
159
|
-
it('Should render a card with active property', function () {
|
|
160
|
-
var _setup15 = setup({
|
|
161
|
-
active: {
|
|
162
|
-
backgroundColor: 'red'
|
|
163
|
-
}
|
|
164
|
-
}),
|
|
165
|
-
container = _setup15.container;
|
|
166
|
-
|
|
167
|
-
expect(container).toBeInTheDocument();
|
|
168
|
-
});
|
|
169
|
-
});
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { SelectButtonProps } from './types';
|
|
3
|
-
export declare function SelectButton({ leftIconColor, span, children, backgroundColor, borderColor, label, onClick, }: SelectButtonProps): JSX.Element;
|
|
4
|
-
//# sourceMappingURL=SelectButton.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"SelectButton.d.ts","sourceRoot":"","sources":["../../../../src/components/DateInput/components/SelectButton.tsx"],"names":[],"mappings":";AAUA,OAAO,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAE5C,wBAAgB,YAAY,CAAC,EAC3B,aAAa,EACb,IAAI,EACJ,QAAQ,EACR,eAAe,EACf,WAAW,EACX,KAAK,EACL,OAAO,GACR,EAAE,iBAAiB,eAiCnB"}
|
|
@@ -1,55 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.SelectButton = SelectButton;
|
|
7
|
-
|
|
8
|
-
var _Icon = _interopRequireDefault(require("../../Icon"));
|
|
9
|
-
|
|
10
|
-
var _theme = require("../../../shared/theme");
|
|
11
|
-
|
|
12
|
-
var _styles = require("./styles");
|
|
13
|
-
|
|
14
|
-
var _jsxRuntime = require("react/jsx-runtime");
|
|
15
|
-
|
|
16
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
17
|
-
|
|
18
|
-
function SelectButton(_ref) {
|
|
19
|
-
var leftIconColor = _ref.leftIconColor,
|
|
20
|
-
span = _ref.span,
|
|
21
|
-
children = _ref.children,
|
|
22
|
-
backgroundColor = _ref.backgroundColor,
|
|
23
|
-
borderColor = _ref.borderColor,
|
|
24
|
-
label = _ref.label,
|
|
25
|
-
onClick = _ref.onClick;
|
|
26
|
-
|
|
27
|
-
var _useTheme = (0, _theme.useTheme)(),
|
|
28
|
-
theme = _useTheme.theme;
|
|
29
|
-
|
|
30
|
-
var _useColorMode = (0, _theme.useColorMode)(),
|
|
31
|
-
colorMode = _useColorMode.colorMode;
|
|
32
|
-
|
|
33
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.SelectButtonContainer, {
|
|
34
|
-
children: [label && /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.ButtonLabel, {
|
|
35
|
-
children: label
|
|
36
|
-
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.StyledSelectButton, {
|
|
37
|
-
onClick: onClick,
|
|
38
|
-
backgroundColor: backgroundColor,
|
|
39
|
-
borderColor: borderColor,
|
|
40
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.OptionContainer, {
|
|
41
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.ContentContainer, {
|
|
42
|
-
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.LeftIconContainer, {
|
|
43
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
|
|
44
|
-
name: 'calendar',
|
|
45
|
-
color: leftIconColor !== null && leftIconColor !== void 0 ? leftIconColor : {
|
|
46
|
-
light: theme.colors.neutral.neutral3,
|
|
47
|
-
dark: theme.colors.neutral.neutral4
|
|
48
|
-
}[colorMode]
|
|
49
|
-
})
|
|
50
|
-
}), children !== null && children !== void 0 ? children : span]
|
|
51
|
-
})
|
|
52
|
-
})
|
|
53
|
-
})]
|
|
54
|
-
});
|
|
55
|
-
}
|
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { StyledSelectButtonProps } from './types';
|
|
3
|
-
export declare const StyledSelectButton: import("@emotion/styled").StyledComponent<{
|
|
4
|
-
theme?: import("@emotion/react").Theme | undefined;
|
|
5
|
-
as?: import("react").ElementType<any> | undefined;
|
|
6
|
-
} & StyledSelectButtonProps, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
|
|
7
|
-
export declare const LeftIconContainer: import("@emotion/styled").StyledComponent<{
|
|
8
|
-
theme?: import("@emotion/react").Theme | undefined;
|
|
9
|
-
as?: import("react").ElementType<any> | undefined;
|
|
10
|
-
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
11
|
-
export declare const SelectButtonContainer: import("@emotion/styled").StyledComponent<{
|
|
12
|
-
theme?: import("@emotion/react").Theme | undefined;
|
|
13
|
-
as?: import("react").ElementType<any> | undefined;
|
|
14
|
-
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
15
|
-
export declare const OptionContainer: import("@emotion/styled").StyledComponent<{
|
|
16
|
-
theme?: import("@emotion/react").Theme | undefined;
|
|
17
|
-
as?: import("react").ElementType<any> | undefined;
|
|
18
|
-
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
19
|
-
export declare const ContentContainer: import("@emotion/styled").StyledComponent<{
|
|
20
|
-
theme?: import("@emotion/react").Theme | undefined;
|
|
21
|
-
as?: import("react").ElementType<any> | undefined;
|
|
22
|
-
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
23
|
-
export declare const ButtonLabel: import("@emotion/styled").StyledComponent<{
|
|
24
|
-
theme?: import("@emotion/react").Theme | undefined;
|
|
25
|
-
as?: import("react").ElementType<any> | undefined;
|
|
26
|
-
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
|
|
27
|
-
//# sourceMappingURL=styles.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/DateInput/components/styles.ts"],"names":[],"mappings":";AACA,OAAO,EAAE,uBAAuB,EAAE,MAAM,SAAS,CAAC;AAElD,eAAO,MAAM,kBAAkB;;;+IA8B9B,CAAC;AAEF,eAAO,MAAM,iBAAiB;;;yGAE7B,CAAC;AAEF,eAAO,MAAM,qBAAqB;;;yGAIjC,CAAC;AAEF,eAAO,MAAM,eAAe;;;yGAK3B,CAAC;AAEF,eAAO,MAAM,gBAAgB;;;yGAK5B,CAAC;AAEF,eAAO,MAAM,WAAW;;;2GAiBvB,CAAC"}
|
|
@@ -1,76 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.StyledSelectButton = exports.SelectButtonContainer = exports.OptionContainer = exports.LeftIconContainer = exports.ContentContainer = exports.ButtonLabel = void 0;
|
|
7
|
-
|
|
8
|
-
var _styled = _interopRequireDefault(require("@emotion/styled"));
|
|
9
|
-
|
|
10
|
-
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
|
|
11
|
-
|
|
12
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
13
|
-
|
|
14
|
-
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
|
15
|
-
|
|
16
|
-
var StyledSelectButton = _styled.default.button(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n font-family: inherit;\n font-size: 0.875rem;\n color: ", ";\n border: ", "\n solid 2px;\n border-radius: 8px;\n padding: 10px;\n background-color: ", ";\n width: 100%;\n cursor: pointer;\n\n b {\n color: ", ";\n }\n"])), function (_ref) {
|
|
17
|
-
var theme = _ref.theme;
|
|
18
|
-
return {
|
|
19
|
-
light: theme.colors.neutral.neutral5,
|
|
20
|
-
dark: theme.colors.neutral.neutral2
|
|
21
|
-
}[theme.colorMode];
|
|
22
|
-
}, function (_ref2) {
|
|
23
|
-
var theme = _ref2.theme,
|
|
24
|
-
borderColor = _ref2.borderColor;
|
|
25
|
-
if (borderColor) return borderColor;
|
|
26
|
-
return {
|
|
27
|
-
light: theme.colors.neutral.neutral1,
|
|
28
|
-
dark: theme.colors.neutral.neutral6
|
|
29
|
-
}[theme.colorMode];
|
|
30
|
-
}, function (_ref3) {
|
|
31
|
-
var backgroundColor = _ref3.backgroundColor;
|
|
32
|
-
return backgroundColor !== null && backgroundColor !== void 0 ? backgroundColor : 'transparent';
|
|
33
|
-
}, function (_ref4) {
|
|
34
|
-
var theme = _ref4.theme;
|
|
35
|
-
return {
|
|
36
|
-
light: theme.colors.neutral.black,
|
|
37
|
-
dark: theme.colors.neutral.white
|
|
38
|
-
}[theme.colorMode];
|
|
39
|
-
});
|
|
40
|
-
|
|
41
|
-
exports.StyledSelectButton = StyledSelectButton;
|
|
42
|
-
|
|
43
|
-
var LeftIconContainer = _styled.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n display: inline-block;\n"])));
|
|
44
|
-
|
|
45
|
-
exports.LeftIconContainer = LeftIconContainer;
|
|
46
|
-
|
|
47
|
-
var SelectButtonContainer = _styled.default.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n display: flex;\n flex: 1;\n position: relative;\n"])));
|
|
48
|
-
|
|
49
|
-
exports.SelectButtonContainer = SelectButtonContainer;
|
|
50
|
-
|
|
51
|
-
var OptionContainer = _styled.default.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n display: flex;\n width: 100%;\n justify-content: space-between;\n align-items: center;\n"])));
|
|
52
|
-
|
|
53
|
-
exports.OptionContainer = OptionContainer;
|
|
54
|
-
|
|
55
|
-
var ContentContainer = _styled.default.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n flex: 1;\n flex-direction: row;\n"])));
|
|
56
|
-
|
|
57
|
-
exports.ContentContainer = ContentContainer;
|
|
58
|
-
|
|
59
|
-
var ButtonLabel = _styled.default.span(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n font-size: ", ";\n position: absolute;\n left: 10px;\n transform: translateY(-50%);\n padding: 0 0.25em;\n color: ", ";\n background-color: ", ";\n font-weight: 500;\n"])), function (_ref5) {
|
|
60
|
-
var theme = _ref5.theme;
|
|
61
|
-
return theme.fontSizes.xxs;
|
|
62
|
-
}, function (_ref6) {
|
|
63
|
-
var theme = _ref6.theme;
|
|
64
|
-
return {
|
|
65
|
-
light: theme.colors.neutral.neutral3,
|
|
66
|
-
dark: theme.colors.neutral.neutral3
|
|
67
|
-
}[theme.colorMode];
|
|
68
|
-
}, function (_ref7) {
|
|
69
|
-
var theme = _ref7.theme;
|
|
70
|
-
return {
|
|
71
|
-
light: theme.colors.neutral.white,
|
|
72
|
-
dark: theme.colors.neutral.black
|
|
73
|
-
}[theme.colorMode];
|
|
74
|
-
});
|
|
75
|
-
|
|
76
|
-
exports.ButtonLabel = ButtonLabel;
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { IconName } from '../../Icon/types';
|
|
3
|
-
export declare type SelectButtonProps = {
|
|
4
|
-
leftIcon?: IconName;
|
|
5
|
-
rightIcon?: IconName;
|
|
6
|
-
leftIconColor?: string;
|
|
7
|
-
rightIconColor?: string;
|
|
8
|
-
span?: React.ReactNode;
|
|
9
|
-
onClick?: () => void;
|
|
10
|
-
children?: React.ReactNode;
|
|
11
|
-
backgroundColor?: string;
|
|
12
|
-
borderColor?: string;
|
|
13
|
-
label?: string;
|
|
14
|
-
ratio?: number;
|
|
15
|
-
};
|
|
16
|
-
export declare type StyledSelectButtonProps = {
|
|
17
|
-
backgroundColor?: string;
|
|
18
|
-
borderColor?: string;
|
|
19
|
-
};
|
|
20
|
-
//# sourceMappingURL=types.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/DateInput/components/types.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAE5C,oBAAY,iBAAiB,GAAG;IAC9B,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,SAAS,CAAC,EAAE,QAAQ,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,oBAAY,uBAAuB,GAAG;IACpC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"input.test.d.ts","sourceRoot":"","sources":["../../../src/components/Label/input.test.tsx"],"names":[],"mappings":"AAEA,OAAO,yCAAyC,CAAC"}
|