@gympass/yoga 7.87.1 → 7.88.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/cjs/Accordion/Accordion.theme.js +44 -33
- package/cjs/Accordion/index.js +34 -10
- package/cjs/Accordion/web/Accordion.js +300 -150
- package/cjs/Accordion/web/Accordion.test.js +139 -0
- package/cjs/Accordion/web/Content.js +47 -19
- package/cjs/Accordion/web/Small.js +56 -20
- package/cjs/Accordion/web/Summary.js +52 -19
- package/cjs/Accordion/web/index.js +40 -19
- package/cjs/ActionRequirement/ActionRequirement.theme.js +23 -9
- package/cjs/ActionRequirement/index.js +34 -10
- package/cjs/ActionRequirement/index.native.js +35 -1
- package/cjs/ActionRequirement/native/ActionRequirement.js +85 -1
- package/cjs/ActionRequirement/native/ActionRequirement.test.js +72 -0
- package/cjs/ActionRequirement/native/ActionRequirementStyles.js +106 -1
- package/cjs/ActionRequirement/native/index.js +39 -1
- package/cjs/ActionRequirement/web/ActionRequirement.js +120 -68
- package/cjs/ActionRequirement/web/ActionRequirement.test.js +66 -0
- package/cjs/ActionRequirement/web/ActionRequirementStyles.js +104 -43
- package/cjs/ActionRequirement/web/index.js +38 -15
- package/cjs/AutoComplete/AutoComplete.theme.js +73 -37
- package/cjs/AutoComplete/index.js +34 -10
- package/cjs/AutoComplete/web/AutoComplete.js +350 -213
- package/cjs/AutoComplete/web/AutoComplete.test.js +158 -0
- package/cjs/AutoComplete/web/index.js +34 -10
- package/cjs/Avatar/Avatar.theme.js +23 -9
- package/cjs/Avatar/index.js +36 -13
- package/cjs/Avatar/index.native.js +37 -1
- package/cjs/Avatar/native/Avatar.js +169 -1
- package/cjs/Avatar/native/Avatar.test.js +62 -0
- package/cjs/Avatar/native/AvatarCircle.js +82 -1
- package/cjs/Avatar/web/Avatar.js +144 -134
- package/cjs/Avatar/web/Avatar.test.js +79 -0
- package/cjs/Avatar/web/AvatarCircle.js +81 -40
- package/cjs/Banner/Banner.theme.js +28 -16
- package/cjs/Banner/index.js +34 -10
- package/cjs/Banner/index.native.js +35 -1
- package/cjs/Banner/native/Banner.js +181 -1
- package/cjs/Banner/native/Banner.test.js +136 -0
- package/cjs/Banner/native/index.js +35 -1
- package/cjs/Banner/web/Banner.js +162 -129
- package/cjs/Banner/web/Banner.test.js +136 -0
- package/cjs/Banner/web/index.js +34 -10
- package/cjs/BottomSheet/BottomSheet.theme.js +42 -30
- package/cjs/BottomSheet/index.js +34 -10
- package/cjs/BottomSheet/web/BottomSheet.js +81 -35
- package/cjs/BottomSheet/web/BottomSheet.test.js +70 -0
- package/cjs/BottomSheet/web/Content.js +50 -25
- package/cjs/BottomSheet/web/Footer.js +47 -20
- package/cjs/BottomSheet/web/Header.js +49 -24
- package/cjs/BottomSheet/web/index.js +40 -19
- package/cjs/Box/index.js +34 -10
- package/cjs/Box/index.native.js +35 -1
- package/cjs/Box/native/Box.js +37 -1
- package/cjs/Box/native/Box.test.js +44 -0
- package/cjs/Box/native/index.js +35 -1
- package/cjs/Box/web/Box.js +36 -14
- package/cjs/Box/web/Box.test.js +44 -0
- package/cjs/Box/web/index.js +34 -10
- package/cjs/Button/Button.theme.js +132 -118
- package/cjs/Button/index.js +42 -22
- package/cjs/Button/index.native.js +41 -1
- package/cjs/Button/native/Button.js +231 -1
- package/cjs/Button/native/Button.test.js +365 -0
- package/cjs/Button/native/Icon.js +184 -1
- package/cjs/Button/native/Link.js +92 -1
- package/cjs/Button/native/Text.js +158 -1
- package/cjs/Button/native/withTouchable.js +117 -1
- package/cjs/Button/web/Button.js +140 -88
- package/cjs/Button/web/Button.test.js +971 -0
- package/cjs/Button/web/Icon.js +138 -72
- package/cjs/Button/web/Link.js +134 -48
- package/cjs/Button/web/Outline.js +134 -21
- package/cjs/Button/web/StyledButton.js +151 -22
- package/cjs/Button/web/Text.js +149 -46
- package/cjs/Card/Card.native.theme.js +55 -44
- package/cjs/Card/Card.theme.js +150 -135
- package/cjs/Card/Card.web.theme.js +52 -40
- package/cjs/Card/index.js +31 -8
- package/cjs/Card/index.native.js +34 -1
- package/cjs/Card/native/Card/Actions.js +41 -1
- package/cjs/Card/native/Card/Card.js +209 -1
- package/cjs/Card/native/Card/Card.test.js +43 -0
- package/cjs/Card/native/Card/Content.js +37 -1
- package/cjs/Card/native/Card/Header.js +37 -1
- package/cjs/Card/native/Card/index.js +41 -1
- package/cjs/Card/native/EventCard/EventCard.js +240 -1
- package/cjs/Card/native/EventCard/EventCard.test.js +94 -0
- package/cjs/Card/native/EventCard/index.js +35 -1
- package/cjs/Card/native/GymCard/CheckIn/Avatar.js +82 -1
- package/cjs/Card/native/GymCard/CheckIn/CheckIn.js +141 -1
- package/cjs/Card/native/GymCard/CheckIn/CheckIn.test.js +69 -0
- package/cjs/Card/native/GymCard/CheckIn/Content.js +51 -1
- package/cjs/Card/native/GymCard/CheckIn/Header.js +54 -1
- package/cjs/Card/native/GymCard/CheckIn/index.js +35 -1
- package/cjs/Card/native/GymCard/index.js +38 -1
- package/cjs/Card/native/PlanCard/Actions.js +63 -1
- package/cjs/Card/native/PlanCard/Content.js +162 -1
- package/cjs/Card/native/PlanCard/List.js +146 -1
- package/cjs/Card/native/PlanCard/PlanCard.js +146 -1
- package/cjs/Card/native/PlanCard/PlanCard.test.js +123 -0
- package/cjs/Card/native/PlanCard/Subtitle.js +55 -1
- package/cjs/Card/native/PlanCard/Tag.js +90 -1
- package/cjs/Card/native/PlanCard/index.js +48 -1
- package/cjs/Card/native/index.js +47 -1
- package/cjs/Card/web/Card/Actions.js +39 -23
- package/cjs/Card/web/Card/Card.js +149 -63
- package/cjs/Card/web/Card/Card.test.js +42 -0
- package/cjs/Card/web/Card/Content.js +36 -12
- package/cjs/Card/web/Card/Header.js +37 -20
- package/cjs/Card/web/Card/index.js +40 -19
- package/cjs/Card/web/EventCard/EventCard.js +205 -85
- package/cjs/Card/web/EventCard/EventCard.test.js +48 -0
- package/cjs/Card/web/EventCard/index.js +34 -10
- package/cjs/Card/web/PlanCard/Actions.js +60 -32
- package/cjs/Card/web/PlanCard/Content.js +177 -99
- package/cjs/Card/web/PlanCard/List.js +175 -91
- package/cjs/Card/web/PlanCard/List.test.js +62 -0
- package/cjs/Card/web/PlanCard/PlanCard.js +204 -89
- package/cjs/Card/web/PlanCard/PlanCard.test.js +177 -0
- package/cjs/Card/web/PlanCard/Subtitle.js +53 -28
- package/cjs/Card/web/PlanCard/Tag.js +50 -30
- package/cjs/Card/web/PlanCard/index.js +47 -28
- package/cjs/Card/web/index.js +43 -16
- package/cjs/Checkbox/CheckIcon.js +24 -6
- package/cjs/Checkbox/Checkbox.theme.js +63 -54
- package/cjs/Checkbox/CheckboxSwitch.theme.js +84 -70
- package/cjs/Checkbox/index.js +25 -9
- package/cjs/Checkbox/index.native.js +26 -1
- package/cjs/Checkbox/native/Checkbox.js +304 -1
- package/cjs/Checkbox/native/Checkbox.test.js +129 -0
- package/cjs/Checkbox/native/Switch.js +196 -1
- package/cjs/Checkbox/native/Switch.test.js +73 -0
- package/cjs/Checkbox/native/index.js +41 -1
- package/cjs/Checkbox/web/Checkbox.js +339 -175
- package/cjs/Checkbox/web/Checkbox.test.js +160 -0
- package/cjs/Checkbox/web/Switch.js +190 -76
- package/cjs/Checkbox/web/Switch.test.js +66 -0
- package/cjs/Checkbox/web/index.js +40 -12
- package/cjs/Chips/index.js +34 -10
- package/cjs/Chips/index.native.js +35 -1
- package/cjs/Chips/native/Chips.js +210 -1
- package/cjs/Chips/native/Chips.test.js +131 -0
- package/cjs/Chips/native/Counter.js +66 -1
- package/cjs/Chips/native/index.js +35 -1
- package/cjs/Chips/web/Chips.js +238 -116
- package/cjs/Chips/web/Chips.test.js +125 -0
- package/cjs/Chips/web/Counter.js +57 -24
- package/cjs/Chips/web/index.js +34 -10
- package/cjs/Datepicker/Datepicker.theme.js +30 -16
- package/cjs/Datepicker/index.js +34 -10
- package/cjs/Datepicker/web/Calendar.js +320 -289
- package/cjs/Datepicker/web/Datepicker.js +349 -251
- package/cjs/Datepicker/web/Datepicker.test.js +246 -0
- package/cjs/Datepicker/web/index.js +34 -10
- package/cjs/Dialog/Dialog.theme.js +41 -29
- package/cjs/Dialog/index.js +34 -10
- package/cjs/Dialog/web/Content.js +56 -20
- package/cjs/Dialog/web/Dialog.js +171 -108
- package/cjs/Dialog/web/Dialog.test.js +92 -0
- package/cjs/Dialog/web/Footer.js +51 -23
- package/cjs/Dialog/web/Header.js +56 -20
- package/cjs/Dialog/web/index.js +40 -19
- package/cjs/Divider/Divider.theme.js +23 -9
- package/cjs/Divider/index.js +34 -10
- package/cjs/Divider/index.native.js +35 -1
- package/cjs/Divider/native/Divider.js +63 -1
- package/cjs/Divider/native/Divider.test.js +67 -0
- package/cjs/Divider/native/index.js +35 -1
- package/cjs/Divider/web/Divider.js +84 -51
- package/cjs/Divider/web/Divider.test.js +49 -0
- package/cjs/Divider/web/index.js +34 -10
- package/cjs/Drawer/Drawer.theme.js +33 -20
- package/cjs/Drawer/index.js +34 -10
- package/cjs/Drawer/web/Content.js +43 -18
- package/cjs/Drawer/web/Drawer.js +83 -34
- package/cjs/Drawer/web/Drawer.test.js +56 -0
- package/cjs/Drawer/web/Footer.js +52 -21
- package/cjs/Drawer/web/Header.js +51 -22
- package/cjs/Drawer/web/index.js +40 -19
- package/cjs/Dropdown/Dropdown.theme.js +179 -165
- package/cjs/Dropdown/index.js +34 -10
- package/cjs/Dropdown/index.native.js +35 -1
- package/cjs/Dropdown/native/Backdrop.js +180 -1
- package/cjs/Dropdown/native/Backdrop.test.js +45 -0
- package/cjs/Dropdown/native/Dropdown.js +240 -1
- package/cjs/Dropdown/native/Dropdown.test.js +97 -0
- package/cjs/Dropdown/native/Options.android.js +111 -1
- package/cjs/Dropdown/native/Options.ios.js +125 -1
- package/cjs/Dropdown/native/index.js +35 -1
- package/cjs/Dropdown/web/Dropdown.js +395 -208
- package/cjs/Dropdown/web/Dropdown.test.js +114 -0
- package/cjs/Dropdown/web/index.js +34 -10
- package/cjs/Feedback/Feedback.theme.js +27 -13
- package/cjs/Feedback/index.js +34 -10
- package/cjs/Feedback/web/Feedback.js +130 -85
- package/cjs/Feedback/web/Feedback.test.js +96 -0
- package/cjs/Feedback/web/StyledFeedback.js +125 -52
- package/cjs/Feedback/web/index.js +38 -15
- package/cjs/Grid/Grid.theme.js +40 -26
- package/cjs/Grid/index.js +33 -9
- package/cjs/Grid/web/Col.js +93 -80
- package/cjs/Grid/web/Col.test.js +62 -0
- package/cjs/Grid/web/Container.js +92 -40
- package/cjs/Grid/web/Container.test.js +38 -0
- package/cjs/Grid/web/Hide.js +73 -66
- package/cjs/Grid/web/Hide.test.js +44 -0
- package/cjs/Grid/web/Row.js +63 -25
- package/cjs/Grid/web/Row.test.js +38 -0
- package/cjs/Grid/web/index.js +46 -20
- package/cjs/Header/Header.theme.js +32 -19
- package/cjs/Header/index.js +34 -10
- package/cjs/Header/web/GympassLogo.js +97 -41
- package/cjs/Header/web/Header.js +106 -64
- package/cjs/Header/web/Header.test.js +61 -0
- package/cjs/Header/web/Logo.js +38 -19
- package/cjs/Header/web/index.js +34 -10
- package/cjs/Heading/Heading.theme.js +36 -24
- package/cjs/Heading/index.js +34 -10
- package/cjs/Heading/web/BackButton.js +86 -44
- package/cjs/Heading/web/Heading.js +96 -64
- package/cjs/Heading/web/Heading.test.js +76 -0
- package/cjs/Heading/web/RightButton.js +88 -48
- package/cjs/Heading/web/StyledHeading.js +75 -26
- package/cjs/Heading/web/Title.js +72 -36
- package/cjs/Heading/web/index.js +40 -19
- package/cjs/Icon/Icon.js +161 -116
- package/cjs/Icon/Icon.theme.js +23 -9
- package/cjs/Icon/index.js +34 -10
- package/cjs/Icon/index.native.js +35 -1
- package/cjs/Icon/native/Icon.test.js +90 -0
- package/cjs/Icon/native/index.js +35 -1
- package/cjs/Icon/web/Icon.test.js +90 -0
- package/cjs/Icon/web/index.js +34 -10
- package/cjs/Input/Input.theme.js +78 -63
- package/cjs/Input/index.js +29 -13
- package/cjs/Input/index.native.js +29 -1
- package/cjs/Input/native/Email.js +65 -1
- package/cjs/Input/native/Email.test.js +37 -0
- package/cjs/Input/native/Helper.js +117 -1
- package/cjs/Input/native/Input.js +385 -1
- package/cjs/Input/native/Input.test.js +155 -0
- package/cjs/Input/native/Number.js +57 -1
- package/cjs/Input/native/Number.test.js +37 -0
- package/cjs/Input/native/Password.js +194 -1
- package/cjs/Input/native/Password.test.js +132 -0
- package/cjs/Input/native/Tel.js +64 -1
- package/cjs/Input/native/Tel.test.js +37 -0
- package/cjs/Input/native/index.js +50 -1
- package/cjs/Input/web/Email.js +55 -21
- package/cjs/Input/web/Email.test.js +37 -0
- package/cjs/Input/web/Field.js +142 -29
- package/cjs/Input/web/Fieldset.js +69 -18
- package/cjs/Input/web/Helper.js +121 -70
- package/cjs/Input/web/Input.js +310 -215
- package/cjs/Input/web/Input.test.js +152 -0
- package/cjs/Input/web/Label.js +60 -21
- package/cjs/Input/web/Legend.js +102 -40
- package/cjs/Input/web/Number.js +55 -21
- package/cjs/Input/web/Number.test.js +37 -0
- package/cjs/Input/web/Password.js +162 -96
- package/cjs/Input/web/Password.test.js +107 -0
- package/cjs/Input/web/Phone.js +171 -121
- package/cjs/Input/web/Phone.style.js +320 -26
- package/cjs/Input/web/Phone.test.js +112 -0
- package/cjs/Input/web/Tel.js +53 -21
- package/cjs/Input/web/Tel.test.js +37 -0
- package/cjs/Input/web/data-images.js +43 -9
- package/cjs/Input/web/index.js +52 -28
- package/cjs/List/List.theme.js +44 -33
- package/cjs/List/index.js +26 -10
- package/cjs/List/index.native.js +26 -1
- package/cjs/List/native/List.js +71 -1
- package/cjs/List/native/List.test.js +111 -0
- package/cjs/List/native/ListItem.js +137 -1
- package/cjs/List/native/index.js +41 -1
- package/cjs/List/web/LinkItem.js +86 -25
- package/cjs/List/web/List.js +94 -44
- package/cjs/List/web/List.test.js +87 -0
- package/cjs/List/web/ListItem.js +81 -27
- package/cjs/List/web/index.js +43 -16
- package/cjs/Menu/Menu.theme.js +59 -49
- package/cjs/Menu/index.js +40 -19
- package/cjs/Menu/web/Menu.js +44 -42
- package/cjs/Menu/web/Menu.test.js +147 -0
- package/cjs/Menu/web/MenuAction.js +39 -22
- package/cjs/Menu/web/MenuItem.js +179 -86
- package/cjs/Menu/web/MenuList.js +89 -67
- package/cjs/Popover/Popover.theme.js +23 -9
- package/cjs/Popover/index.js +34 -10
- package/cjs/Popover/web/Popover.js +165 -110
- package/cjs/Popover/web/Popover.test.js +63 -0
- package/cjs/Popover/web/index.js +34 -10
- package/cjs/Popover/web/styles.js +141 -72
- package/cjs/Progress/Progress.theme.js +36 -26
- package/cjs/Progress/index.js +34 -10
- package/cjs/Progress/index.native.js +35 -1
- package/cjs/Progress/native/Progress.js +219 -1
- package/cjs/Progress/native/Progress.test.js +157 -0
- package/cjs/Progress/native/index.js +35 -1
- package/cjs/Progress/web/Progress.js +211 -88
- package/cjs/Progress/web/Progress.test.js +157 -0
- package/cjs/Progress/web/index.js +34 -10
- package/cjs/RadioGroup/RadioGroup.theme.js +69 -54
- package/cjs/RadioGroup/RadioGroupContext.js +25 -9
- package/cjs/RadioGroup/index.js +26 -10
- package/cjs/RadioGroup/index.native.js +27 -1
- package/cjs/RadioGroup/native/Button/RadioButton.js +141 -1
- package/cjs/RadioGroup/native/Button/RadioButton.test.js +93 -0
- package/cjs/RadioGroup/native/Radio/Radio.js +199 -1
- package/cjs/RadioGroup/native/Radio/Radio.test.js +97 -0
- package/cjs/RadioGroup/native/RadioGroup.js +135 -1
- package/cjs/RadioGroup/native/RadioGroup.test.js +79 -0
- package/cjs/RadioGroup/native/index.js +44 -1
- package/cjs/RadioGroup/web/Button/RadioButton.js +175 -78
- package/cjs/RadioGroup/web/Button/RadioButton.test.js +110 -0
- package/cjs/RadioGroup/web/Radio/Radio.js +238 -83
- package/cjs/RadioGroup/web/Radio/Radio.test.js +96 -0
- package/cjs/RadioGroup/web/RadioGroup.js +116 -62
- package/cjs/RadioGroup/web/RadioGroup.test.js +105 -0
- package/cjs/RadioGroup/web/index.js +43 -16
- package/cjs/Rating/Rating.theme.js +29 -17
- package/cjs/Rating/index.js +34 -10
- package/cjs/Rating/index.native.js +35 -1
- package/cjs/Rating/native/Rating.js +225 -1
- package/cjs/Rating/native/Rating.test.js +112 -0
- package/cjs/Rating/native/index.js +35 -1
- package/cjs/Rating/web/Rating.js +216 -162
- package/cjs/Rating/web/Rating.test.js +169 -0
- package/cjs/Rating/web/index.js +34 -10
- package/cjs/Result/Result.theme.js +23 -9
- package/cjs/Result/index.native.js +41 -1
- package/cjs/Result/native/Attendances.js +84 -1
- package/cjs/Result/native/Details.js +149 -1
- package/cjs/Result/native/Rate.js +69 -1
- package/cjs/Result/native/Result.js +128 -1
- package/cjs/Result/native/Result.test.js +151 -0
- package/cjs/Result/native/ResultButton.js +50 -1
- package/cjs/Result/native/Tags.js +93 -1
- package/cjs/Result/native/TinyTextIcon.js +57 -1
- package/cjs/Result/native/index.js +35 -1
- package/cjs/Skeleton/Skeleton.theme.js +40 -28
- package/cjs/Skeleton/index.js +34 -10
- package/cjs/Skeleton/index.native.js +35 -1
- package/cjs/Skeleton/native/Skeleton.js +170 -1
- package/cjs/Skeleton/native/Skeleton.test.js +63 -0
- package/cjs/Skeleton/native/index.js +35 -1
- package/cjs/Skeleton/web/Skeleton.js +126 -57
- package/cjs/Skeleton/web/Skeleton.test.js +63 -0
- package/cjs/Skeleton/web/index.js +34 -10
- package/cjs/Slider/Slider.theme.js +79 -64
- package/cjs/Slider/index.js +34 -10
- package/cjs/Slider/index.native.js +35 -1
- package/cjs/Slider/native/Label.js +68 -1
- package/cjs/Slider/native/Marker.js +114 -1
- package/cjs/Slider/native/Slider.js +197 -1
- package/cjs/Slider/native/Slider.test.js +128 -0
- package/cjs/Slider/native/Step.js +57 -1
- package/cjs/Slider/native/Tooltip.js +205 -1
- package/cjs/Slider/web/Marker.js +109 -67
- package/cjs/Slider/web/Slider.js +209 -155
- package/cjs/Slider/web/Slider.test.js +100 -0
- package/cjs/Slider/web/Tooltip.js +196 -76
- package/cjs/Snackbar/Snackbar.theme.js +77 -68
- package/cjs/Snackbar/index.js +34 -10
- package/cjs/Snackbar/index.native.js +35 -1
- package/cjs/Snackbar/native/Snackbar.js +268 -1
- package/cjs/Snackbar/native/Snackbar.test.js +129 -0
- package/cjs/Snackbar/native/SnackbarAnimationWrapper.js +138 -1
- package/cjs/Snackbar/native/index.js +35 -1
- package/cjs/Snackbar/web/Snackbar.js +233 -141
- package/cjs/Snackbar/web/Snackbar.test.js +149 -0
- package/cjs/Snackbar/web/index.js +34 -10
- package/cjs/Spinner/Spinner.theme.js +23 -9
- package/cjs/Spinner/index.js +34 -10
- package/cjs/Spinner/web/Spinner.js +121 -59
- package/cjs/Spinner/web/Spinner.test.js +35 -0
- package/cjs/Spinner/web/index.js +34 -10
- package/cjs/Stepper/Stepper.theme.js +53 -44
- package/cjs/Stepper/activeDot.js +23 -9
- package/cjs/Stepper/index.js +25 -9
- package/cjs/Stepper/index.native.js +26 -1
- package/cjs/Stepper/native/Dots.js +105 -1
- package/cjs/Stepper/native/Line.js +98 -1
- package/cjs/Stepper/native/Step.js +61 -1
- package/cjs/Stepper/native/Stepper.js +125 -1
- package/cjs/Stepper/native/Stepper.test.js +87 -0
- package/cjs/Stepper/native/index.js +41 -1
- package/cjs/Stepper/web/Dots.js +121 -62
- package/cjs/Stepper/web/Line.js +59 -23
- package/cjs/Stepper/web/Step.js +56 -25
- package/cjs/Stepper/web/Stepper.js +117 -66
- package/cjs/Stepper/web/Stepper.test.js +86 -0
- package/cjs/Stepper/web/index.js +40 -12
- package/cjs/Tag/Tag.theme.js +54 -45
- package/cjs/Tag/index.js +36 -13
- package/cjs/Tag/index.native.js +37 -1
- package/cjs/Tag/native/Informative.js +155 -1
- package/cjs/Tag/native/Tag.js +154 -1
- package/cjs/Tag/native/Tag.test.js +97 -0
- package/cjs/Tag/native/index.js +35 -1
- package/cjs/Tag/web/Informative.js +135 -82
- package/cjs/Tag/web/Tag.js +111 -48
- package/cjs/Tag/web/Tag.test.js +104 -0
- package/cjs/Tag/web/index.js +34 -10
- package/cjs/Text/Text.theme.js +91 -80
- package/cjs/Text/index.js +38 -22
- package/cjs/Text/index.native.js +39 -1
- package/cjs/Text/native/Text.js +169 -1
- package/cjs/Text/native/Text.test.js +173 -0
- package/cjs/Text/native/index.js +56 -1
- package/cjs/Text/sharedTextStyle.js +61 -39
- package/cjs/Text/textStyle.android.js +55 -28
- package/cjs/Text/textStyle.ios.js +37 -21
- package/cjs/Text/textStyle.web.js +45 -24
- package/cjs/Text/web/Text.js +163 -93
- package/cjs/Text/web/Text.test.js +174 -0
- package/cjs/Text/web/index.js +55 -20
- package/cjs/TextArea/TextArea.theme.js +35 -11
- package/cjs/TextArea/index.js +34 -10
- package/cjs/TextArea/index.native.js +35 -1
- package/cjs/TextArea/native/TextArea.js +92 -1
- package/cjs/TextArea/native/TextArea.test.js +35 -0
- package/cjs/TextArea/native/index.js +35 -1
- package/cjs/TextArea/web/TextArea.js +195 -140
- package/cjs/TextArea/web/TextArea.test.js +35 -0
- package/cjs/TextArea/web/index.js +34 -10
- package/cjs/Theme/Provider/Provider.js +88 -80
- package/cjs/Theme/Provider/index.js +29 -7
- package/cjs/Theme/Provider/index.native.js +35 -1
- package/cjs/Theme/Provider/native/index.js +35 -1
- package/cjs/Theme/Provider/web/FontLoader.js +49 -29
- package/cjs/Theme/Provider/web/FontLoader.test.js +39 -0
- package/cjs/Theme/Provider/web/GlobalStyle.js +36 -15
- package/cjs/Theme/Provider/web/GlobalStyle.test.js +44 -0
- package/cjs/Theme/Provider/web/ThemeProvider.js +74 -28
- package/cjs/Theme/Provider/web/expectCssMatches.js +28 -20
- package/cjs/Theme/Provider/web/index.js +40 -12
- package/cjs/Theme/helpers/themeGenerator/index.js +34 -10
- package/cjs/Theme/helpers/themeGenerator/themeGenerator.js +28 -20
- package/cjs/Theme/helpers/themeGenerator/themeGenerator.test.js +37 -28
- package/cjs/Theme/helpers/themeReader/base.test.js +56 -42
- package/cjs/Theme/helpers/themeReader/index.js +47 -36
- package/cjs/Theme/helpers/themeReader/native/native.test.js +61 -0
- package/cjs/Theme/helpers/themeReader/web/web.test.js +55 -0
- package/cjs/Theme/index.js +47 -21
- package/cjs/Theme/index.native.js +46 -1
- package/cjs/Theme/theme/index.js +34 -10
- package/cjs/Theme/theme/theme.js +84 -185
- package/cjs/hooks/index.js +24 -25
- package/cjs/hooks/useCombinedRefs.js +34 -22
- package/cjs/hooks/useKeyPress.js +37 -27
- package/cjs/hooks/usePortal.js +43 -41
- package/cjs/index.js +163 -165
- package/cjs/index.native.js +122 -1
- package/cjs/shared/HiddenInput.js +44 -16
- package/cjs/shared/index.js +48 -16
- package/cjs/shared/index.native.js +36 -1
- package/cjs/shared/propTypes/charLength.js +34 -23
- package/cjs/shared/propTypes/deprecated.js +28 -17
- package/cjs/shared/propTypes/index.js +49 -24
- package/cjs/shared/propTypes/limitChildren.js +30 -18
- package/cjs/shared/propTypes/max.js +32 -25
- package/cjs/shared/propTypes/typeof.js +45 -25
- package/esm/Accordion/Accordion.theme.js +25 -28
- package/esm/Accordion/index.js +5 -2
- package/esm/Accordion/web/Accordion.js +268 -125
- package/esm/Accordion/web/Accordion.test.js +90 -96
- package/esm/Accordion/web/Content.js +19 -11
- package/esm/Accordion/web/Small.js +27 -10
- package/esm/Accordion/web/Summary.js +25 -11
- package/esm/Accordion/web/index.js +8 -5
- package/esm/ActionRequirement/ActionRequirement.theme.js +4 -4
- package/esm/ActionRequirement/index.js +5 -2
- package/esm/ActionRequirement/index.native.js +5 -2
- package/esm/ActionRequirement/native/ActionRequirement.js +45 -36
- package/esm/ActionRequirement/native/ActionRequirement.test.js +41 -37
- package/esm/ActionRequirement/native/ActionRequirementStyles.js +67 -23
- package/esm/ActionRequirement/native/index.js +10 -3
- package/esm/ActionRequirement/web/ActionRequirement.js +90 -44
- package/esm/ActionRequirement/web/ActionRequirement.test.js +37 -30
- package/esm/ActionRequirement/web/ActionRequirementStyles.js +70 -26
- package/esm/ActionRequirement/web/index.js +10 -3
- package/esm/AutoComplete/AutoComplete.theme.js +45 -29
- package/esm/AutoComplete/index.js +5 -2
- package/esm/AutoComplete/web/AutoComplete.js +315 -185
- package/esm/AutoComplete/web/AutoComplete.test.js +114 -131
- package/esm/AutoComplete/web/index.js +5 -2
- package/esm/Avatar/Avatar.theme.js +4 -4
- package/esm/Avatar/index.js +6 -3
- package/esm/Avatar/index.native.js +6 -3
- package/esm/Avatar/native/Avatar.js +114 -97
- package/esm/Avatar/native/Avatar.test.js +29 -36
- package/esm/Avatar/native/AvatarCircle.js +51 -21
- package/esm/Avatar/web/Avatar.js +107 -107
- package/esm/Avatar/web/Avatar.test.js +42 -49
- package/esm/Avatar/web/AvatarCircle.js +52 -24
- package/esm/Banner/Banner.theme.js +9 -11
- package/esm/Banner/index.js +5 -2
- package/esm/Banner/index.native.js +5 -2
- package/esm/Banner/native/Banner.js +134 -103
- package/esm/Banner/native/Banner.test.js +98 -88
- package/esm/Banner/native/index.js +5 -2
- package/esm/Banner/web/Banner.js +135 -99
- package/esm/Banner/web/Banner.test.js +98 -94
- package/esm/Banner/web/index.js +5 -2
- package/esm/BottomSheet/BottomSheet.theme.js +23 -25
- package/esm/BottomSheet/index.js +5 -2
- package/esm/BottomSheet/web/BottomSheet.js +54 -22
- package/esm/BottomSheet/web/BottomSheet.test.js +39 -40
- package/esm/BottomSheet/web/Content.js +22 -17
- package/esm/BottomSheet/web/Footer.js +19 -12
- package/esm/BottomSheet/web/Header.js +21 -16
- package/esm/BottomSheet/web/index.js +8 -5
- package/esm/Box/index.js +5 -2
- package/esm/Box/index.native.js +5 -2
- package/esm/Box/native/Box.js +7 -4
- package/esm/Box/native/Box.test.js +19 -14
- package/esm/Box/native/index.js +5 -2
- package/esm/Box/web/Box.js +7 -4
- package/esm/Box/web/Box.test.js +19 -14
- package/esm/Box/web/index.js +5 -2
- package/esm/Button/Button.theme.js +112 -112
- package/esm/Button/index.js +9 -6
- package/esm/Button/index.native.js +8 -5
- package/esm/Button/native/Button.js +173 -85
- package/esm/Button/native/Button.test.js +276 -409
- package/esm/Button/native/Icon.js +133 -60
- package/esm/Button/native/Link.js +55 -26
- package/esm/Button/native/Text.js +125 -69
- package/esm/Button/native/withTouchable.js +75 -49
- package/esm/Button/web/Button.js +103 -61
- package/esm/Button/web/Button.test.js +826 -1253
- package/esm/Button/web/Icon.js +103 -45
- package/esm/Button/web/Link.js +112 -37
- package/esm/Button/web/Outline.js +113 -19
- package/esm/Button/web/StyledButton.js +130 -20
- package/esm/Button/web/Text.js +128 -36
- package/esm/Card/Card.native.theme.js +35 -38
- package/esm/Card/Card.theme.js +130 -129
- package/esm/Card/Card.web.theme.js +32 -34
- package/esm/Card/index.js +6 -2
- package/esm/Card/index.native.js +7 -2
- package/esm/Card/native/Card/Actions.js +8 -9
- package/esm/Card/native/Card/Card.js +155 -66
- package/esm/Card/native/Card/Card.test.js +17 -12
- package/esm/Card/native/Card/Content.js +7 -8
- package/esm/Card/native/Card/Header.js +7 -8
- package/esm/Card/native/Card/index.js +8 -5
- package/esm/Card/native/EventCard/EventCard.js +177 -134
- package/esm/Card/native/EventCard/EventCard.test.js +57 -49
- package/esm/Card/native/EventCard/index.js +5 -2
- package/esm/Card/native/GymCard/CheckIn/Avatar.js +45 -15
- package/esm/Card/native/GymCard/CheckIn/CheckIn.js +100 -53
- package/esm/Card/native/GymCard/CheckIn/CheckIn.test.js +39 -32
- package/esm/Card/native/GymCard/CheckIn/Content.js +21 -11
- package/esm/Card/native/GymCard/CheckIn/Header.js +23 -10
- package/esm/Card/native/GymCard/CheckIn/index.js +5 -2
- package/esm/Card/native/GymCard/index.js +7 -4
- package/esm/Card/native/PlanCard/Actions.js +25 -20
- package/esm/Card/native/PlanCard/Content.js +110 -51
- package/esm/Card/native/PlanCard/List.js +98 -58
- package/esm/Card/native/PlanCard/PlanCard.js +102 -39
- package/esm/Card/native/PlanCard/PlanCard.test.js +90 -74
- package/esm/Card/native/PlanCard/Subtitle.js +23 -13
- package/esm/Card/native/PlanCard/Tag.js +57 -29
- package/esm/Card/native/PlanCard/index.js +10 -7
- package/esm/Card/native/index.js +10 -5
- package/esm/Card/web/Card/Actions.js +9 -12
- package/esm/Card/web/Card/Card.js +115 -42
- package/esm/Card/web/Card/Card.test.js +16 -11
- package/esm/Card/web/Card/Content.js +7 -4
- package/esm/Card/web/Card/Header.js +8 -11
- package/esm/Card/web/Card/index.js +8 -5
- package/esm/Card/web/EventCard/EventCard.js +169 -53
- package/esm/Card/web/EventCard/EventCard.test.js +20 -22
- package/esm/Card/web/EventCard/index.js +5 -2
- package/esm/Card/web/PlanCard/Actions.js +25 -20
- package/esm/Card/web/PlanCard/Content.js +138 -66
- package/esm/Card/web/PlanCard/List.js +135 -59
- package/esm/Card/web/PlanCard/List.test.js +33 -24
- package/esm/Card/web/PlanCard/PlanCard.js +166 -62
- package/esm/Card/web/PlanCard/PlanCard.test.js +134 -139
- package/esm/Card/web/PlanCard/Subtitle.js +23 -13
- package/esm/Card/web/PlanCard/Tag.js +21 -16
- package/esm/Card/web/PlanCard/index.js +10 -7
- package/esm/Card/web/index.js +8 -4
- package/esm/Checkbox/CheckIcon.js +5 -2
- package/esm/Checkbox/Checkbox.theme.js +43 -48
- package/esm/Checkbox/CheckboxSwitch.theme.js +64 -64
- package/esm/Checkbox/index.js +5 -2
- package/esm/Checkbox/index.native.js +5 -2
- package/esm/Checkbox/native/Checkbox.js +243 -146
- package/esm/Checkbox/native/Checkbox.test.js +81 -88
- package/esm/Checkbox/native/Switch.js +137 -86
- package/esm/Checkbox/native/Switch.test.js +37 -41
- package/esm/Checkbox/native/index.js +6 -3
- package/esm/Checkbox/web/Checkbox.js +305 -144
- package/esm/Checkbox/web/Checkbox.test.js +100 -122
- package/esm/Checkbox/web/Switch.js +160 -56
- package/esm/Checkbox/web/Switch.test.js +31 -44
- package/esm/Checkbox/web/index.js +6 -3
- package/esm/Chips/index.js +5 -2
- package/esm/Chips/index.native.js +5 -2
- package/esm/Chips/native/Chips.js +155 -78
- package/esm/Chips/native/Chips.test.js +81 -116
- package/esm/Chips/native/Counter.js +29 -13
- package/esm/Chips/native/index.js +5 -2
- package/esm/Chips/web/Chips.js +198 -80
- package/esm/Chips/web/Chips.test.js +77 -103
- package/esm/Chips/web/Counter.js +27 -12
- package/esm/Chips/web/index.js +5 -2
- package/esm/Datepicker/Datepicker.theme.js +11 -11
- package/esm/Datepicker/index.js +5 -2
- package/esm/Datepicker/web/Calendar.js +281 -259
- package/esm/Datepicker/web/Datepicker.js +304 -212
- package/esm/Datepicker/web/Datepicker.test.js +174 -198
- package/esm/Datepicker/web/index.js +5 -2
- package/esm/Dialog/Dialog.theme.js +22 -24
- package/esm/Dialog/index.js +5 -2
- package/esm/Dialog/web/Content.js +28 -11
- package/esm/Dialog/web/Dialog.js +133 -79
- package/esm/Dialog/web/Dialog.test.js +56 -59
- package/esm/Dialog/web/Footer.js +24 -15
- package/esm/Dialog/web/Header.js +28 -11
- package/esm/Dialog/web/index.js +8 -5
- package/esm/Divider/Divider.theme.js +4 -4
- package/esm/Divider/index.js +5 -2
- package/esm/Divider/index.native.js +5 -2
- package/esm/Divider/native/Divider.js +24 -20
- package/esm/Divider/native/Divider.test.js +40 -25
- package/esm/Divider/native/index.js +5 -2
- package/esm/Divider/web/Divider.js +56 -32
- package/esm/Divider/web/Divider.test.js +22 -25
- package/esm/Divider/web/index.js +5 -2
- package/esm/Drawer/Drawer.theme.js +14 -15
- package/esm/Drawer/index.js +5 -2
- package/esm/Drawer/web/Content.js +14 -9
- package/esm/Drawer/web/Drawer.js +55 -20
- package/esm/Drawer/web/Drawer.test.js +27 -27
- package/esm/Drawer/web/Footer.js +25 -13
- package/esm/Drawer/web/Header.js +24 -14
- package/esm/Drawer/web/index.js +8 -5
- package/esm/Dropdown/Dropdown.theme.js +159 -159
- package/esm/Dropdown/index.js +5 -2
- package/esm/Dropdown/index.native.js +5 -2
- package/esm/Dropdown/native/Backdrop.js +138 -74
- package/esm/Dropdown/native/Backdrop.test.js +16 -20
- package/esm/Dropdown/native/Dropdown.js +199 -121
- package/esm/Dropdown/native/Dropdown.test.js +60 -62
- package/esm/Dropdown/native/Options.android.js +68 -53
- package/esm/Dropdown/native/Options.ios.js +80 -54
- package/esm/Dropdown/native/index.js +5 -2
- package/esm/Dropdown/web/Dropdown.js +371 -176
- package/esm/Dropdown/web/Dropdown.test.js +74 -74
- package/esm/Dropdown/web/index.js +5 -2
- package/esm/Feedback/Feedback.theme.js +8 -8
- package/esm/Feedback/index.js +5 -2
- package/esm/Feedback/web/Feedback.js +102 -62
- package/esm/Feedback/web/Feedback.test.js +61 -82
- package/esm/Feedback/web/StyledFeedback.js +90 -32
- package/esm/Feedback/web/index.js +6 -3
- package/esm/Grid/Grid.theme.js +20 -20
- package/esm/Grid/index.js +7 -2
- package/esm/Grid/web/Col.js +57 -61
- package/esm/Grid/web/Col.test.js +28 -37
- package/esm/Grid/web/Container.js +64 -26
- package/esm/Grid/web/Container.test.js +12 -11
- package/esm/Grid/web/Hide.js +37 -46
- package/esm/Grid/web/Hide.test.js +16 -26
- package/esm/Grid/web/Row.js +35 -14
- package/esm/Grid/web/Row.test.js +12 -11
- package/esm/Grid/web/index.js +10 -5
- package/esm/Header/Header.theme.js +13 -14
- package/esm/Header/index.js +5 -2
- package/esm/Header/web/GympassLogo.js +67 -33
- package/esm/Header/web/Header.js +76 -44
- package/esm/Header/web/Header.test.js +32 -32
- package/esm/Header/web/Logo.js +9 -10
- package/esm/Header/web/index.js +5 -2
- package/esm/Heading/Heading.theme.js +17 -19
- package/esm/Heading/index.js +5 -2
- package/esm/Heading/web/BackButton.js +59 -32
- package/esm/Heading/web/Heading.js +68 -46
- package/esm/Heading/web/Heading.test.js +43 -48
- package/esm/Heading/web/RightButton.js +59 -31
- package/esm/Heading/web/StyledHeading.js +44 -15
- package/esm/Heading/web/Title.js +44 -25
- package/esm/Heading/web/index.js +8 -5
- package/esm/Icon/Icon.js +133 -90
- package/esm/Icon/Icon.theme.js +4 -4
- package/esm/Icon/index.js +5 -2
- package/esm/Icon/index.native.js +5 -2
- package/esm/Icon/native/Icon.test.js +60 -51
- package/esm/Icon/native/index.js +5 -2
- package/esm/Icon/web/Icon.test.js +60 -51
- package/esm/Icon/web/index.js +5 -2
- package/esm/Input/Input.theme.js +58 -57
- package/esm/Input/index.js +5 -2
- package/esm/Input/index.native.js +5 -2
- package/esm/Input/native/Email.js +33 -11
- package/esm/Input/native/Email.test.js +11 -10
- package/esm/Input/native/Helper.js +72 -47
- package/esm/Input/native/Input.js +320 -189
- package/esm/Input/native/Input.test.js +101 -150
- package/esm/Input/native/Number.js +28 -11
- package/esm/Input/native/Number.test.js +11 -10
- package/esm/Input/native/Password.js +151 -97
- package/esm/Input/native/Password.test.js +87 -103
- package/esm/Input/native/Tel.js +33 -11
- package/esm/Input/native/Tel.test.js +11 -10
- package/esm/Input/native/index.js +12 -6
- package/esm/Input/web/Email.js +28 -11
- package/esm/Input/web/Email.test.js +11 -10
- package/esm/Input/web/Field.js +122 -26
- package/esm/Input/web/Fieldset.js +47 -16
- package/esm/Input/web/Helper.js +84 -51
- package/esm/Input/web/Input.js +273 -171
- package/esm/Input/web/Input.test.js +94 -138
- package/esm/Input/web/Label.js +35 -14
- package/esm/Input/web/Legend.js +75 -27
- package/esm/Input/web/Number.js +28 -11
- package/esm/Input/web/Number.test.js +11 -10
- package/esm/Input/web/Password.js +130 -73
- package/esm/Input/web/Password.test.js +68 -74
- package/esm/Input/web/Phone.js +133 -91
- package/esm/Input/web/Phone.style.js +294 -21
- package/esm/Input/web/Phone.test.js +95 -92
- package/esm/Input/web/Tel.js +27 -12
- package/esm/Input/web/Tel.test.js +11 -10
- package/esm/Input/web/data-images.js +18 -3
- package/esm/Input/web/index.js +14 -7
- package/esm/List/List.theme.js +24 -27
- package/esm/List/index.js +5 -2
- package/esm/List/index.native.js +5 -2
- package/esm/List/native/List.js +42 -21
- package/esm/List/native/List.test.js +75 -93
- package/esm/List/native/ListItem.js +95 -37
- package/esm/List/native/index.js +6 -3
- package/esm/List/web/LinkItem.js +59 -16
- package/esm/List/web/List.js +65 -30
- package/esm/List/web/List.test.js +48 -46
- package/esm/List/web/ListItem.js +55 -19
- package/esm/List/web/index.js +8 -4
- package/esm/Menu/Menu.theme.js +39 -43
- package/esm/Menu/index.js +8 -5
- package/esm/Menu/web/Menu.js +13 -31
- package/esm/Menu/web/Menu.test.js +112 -97
- package/esm/Menu/web/MenuAction.js +10 -13
- package/esm/Menu/web/MenuItem.js +139 -54
- package/esm/Menu/web/MenuList.js +57 -48
- package/esm/Popover/Popover.theme.js +4 -4
- package/esm/Popover/index.js +5 -2
- package/esm/Popover/web/Popover.js +130 -87
- package/esm/Popover/web/Popover.test.js +34 -33
- package/esm/Popover/web/index.js +5 -2
- package/esm/Popover/web/styles.js +108 -57
- package/esm/Progress/Progress.theme.js +16 -20
- package/esm/Progress/index.js +5 -2
- package/esm/Progress/index.native.js +5 -2
- package/esm/Progress/native/Progress.js +166 -71
- package/esm/Progress/native/Progress.test.js +116 -204
- package/esm/Progress/native/index.js +5 -2
- package/esm/Progress/web/Progress.js +187 -68
- package/esm/Progress/web/Progress.test.js +116 -204
- package/esm/Progress/web/index.js +5 -2
- package/esm/RadioGroup/RadioGroup.theme.js +49 -48
- package/esm/RadioGroup/RadioGroupContext.js +6 -3
- package/esm/RadioGroup/index.js +5 -2
- package/esm/RadioGroup/index.native.js +5 -2
- package/esm/RadioGroup/native/Button/RadioButton.js +102 -53
- package/esm/RadioGroup/native/Button/RadioButton.test.js +48 -74
- package/esm/RadioGroup/native/Radio/Radio.js +157 -74
- package/esm/RadioGroup/native/Radio/Radio.test.js +51 -89
- package/esm/RadioGroup/native/RadioGroup.js +95 -54
- package/esm/RadioGroup/native/RadioGroup.test.js +44 -38
- package/esm/RadioGroup/native/index.js +8 -4
- package/esm/RadioGroup/web/Button/RadioButton.js +139 -50
- package/esm/RadioGroup/web/Button/RadioButton.test.js +64 -98
- package/esm/RadioGroup/web/Radio/Radio.js +209 -60
- package/esm/RadioGroup/web/Radio/Radio.test.js +54 -89
- package/esm/RadioGroup/web/RadioGroup.js +83 -45
- package/esm/RadioGroup/web/RadioGroup.test.js +65 -66
- package/esm/RadioGroup/web/index.js +8 -4
- package/esm/Rating/Rating.theme.js +10 -12
- package/esm/Rating/index.js +5 -2
- package/esm/Rating/index.native.js +5 -2
- package/esm/Rating/native/Rating.js +152 -141
- package/esm/Rating/native/Rating.test.js +80 -110
- package/esm/Rating/native/index.js +5 -2
- package/esm/Rating/web/Rating.js +178 -135
- package/esm/Rating/web/Rating.test.js +115 -151
- package/esm/Rating/web/index.js +5 -2
- package/esm/Result/Result.theme.js +4 -4
- package/esm/Result/index.native.js +8 -5
- package/esm/Result/native/Attendances.js +43 -44
- package/esm/Result/native/Details.js +112 -79
- package/esm/Result/native/Rate.js +36 -32
- package/esm/Result/native/Result.js +80 -68
- package/esm/Result/native/Result.test.js +122 -101
- package/esm/Result/native/ResultButton.js +20 -13
- package/esm/Result/native/Tags.js +60 -36
- package/esm/Result/native/TinyTextIcon.js +27 -16
- package/esm/Result/native/index.js +5 -2
- package/esm/Skeleton/Skeleton.theme.js +20 -22
- package/esm/Skeleton/index.js +5 -2
- package/esm/Skeleton/index.native.js +5 -2
- package/esm/Skeleton/native/Skeleton.js +115 -67
- package/esm/Skeleton/native/Skeleton.test.js +32 -70
- package/esm/Skeleton/native/index.js +5 -2
- package/esm/Skeleton/web/Skeleton.js +97 -40
- package/esm/Skeleton/web/Skeleton.test.js +32 -69
- package/esm/Skeleton/web/index.js +5 -2
- package/esm/Slider/Slider.theme.js +59 -58
- package/esm/Slider/index.js +5 -2
- package/esm/Slider/index.native.js +5 -2
- package/esm/Slider/native/Label.js +27 -13
- package/esm/Slider/native/Marker.js +57 -42
- package/esm/Slider/native/Slider.js +132 -119
- package/esm/Slider/native/Slider.test.js +83 -100
- package/esm/Slider/native/Step.js +21 -8
- package/esm/Slider/native/Tooltip.js +154 -67
- package/esm/Slider/web/Marker.js +80 -52
- package/esm/Slider/web/Slider.js +180 -134
- package/esm/Slider/web/Slider.test.js +59 -68
- package/esm/Slider/web/Tooltip.js +161 -53
- package/esm/Snackbar/Snackbar.theme.js +59 -64
- package/esm/Snackbar/index.js +5 -2
- package/esm/Snackbar/index.native.js +5 -2
- package/esm/Snackbar/native/Snackbar.js +194 -148
- package/esm/Snackbar/native/Snackbar.test.js +74 -66
- package/esm/Snackbar/native/SnackbarAnimationWrapper.js +97 -107
- package/esm/Snackbar/native/index.js +5 -2
- package/esm/Snackbar/web/Snackbar.js +198 -106
- package/esm/Snackbar/web/Snackbar.test.js +127 -110
- package/esm/Snackbar/web/index.js +5 -2
- package/esm/Spinner/Spinner.theme.js +4 -4
- package/esm/Spinner/index.js +5 -2
- package/esm/Spinner/web/Spinner.js +91 -39
- package/esm/Spinner/web/Spinner.test.js +10 -12
- package/esm/Spinner/web/index.js +5 -2
- package/esm/Stepper/Stepper.theme.js +33 -38
- package/esm/Stepper/activeDot.js +4 -4
- package/esm/Stepper/index.js +5 -2
- package/esm/Stepper/index.native.js +5 -2
- package/esm/Stepper/native/Dots.js +63 -42
- package/esm/Stepper/native/Line.js +54 -26
- package/esm/Stepper/native/Step.js +28 -14
- package/esm/Stepper/native/Stepper.js +83 -46
- package/esm/Stepper/native/Stepper.test.js +55 -74
- package/esm/Stepper/native/index.js +6 -3
- package/esm/Stepper/web/Dots.js +89 -40
- package/esm/Stepper/web/Line.js +30 -11
- package/esm/Stepper/web/Step.js +28 -14
- package/esm/Stepper/web/Stepper.js +86 -42
- package/esm/Stepper/web/Stepper.test.js +54 -73
- package/esm/Stepper/web/index.js +6 -3
- package/esm/Tag/Tag.theme.js +34 -39
- package/esm/Tag/index.js +6 -3
- package/esm/Tag/index.native.js +6 -3
- package/esm/Tag/native/Informative.js +114 -59
- package/esm/Tag/native/Tag.js +107 -61
- package/esm/Tag/native/Tag.test.js +60 -80
- package/esm/Tag/native/index.js +5 -2
- package/esm/Tag/web/Informative.js +101 -56
- package/esm/Tag/web/Tag.js +83 -35
- package/esm/Tag/web/Tag.test.js +63 -88
- package/esm/Tag/web/index.js +5 -2
- package/esm/Text/Text.theme.js +72 -75
- package/esm/Text/index.js +21 -2
- package/esm/Text/index.native.js +21 -2
- package/esm/Text/native/Text.js +110 -59
- package/esm/Text/native/Text.test.js +147 -160
- package/esm/Text/native/index.js +34 -2
- package/esm/Text/sharedTextStyle.js +42 -34
- package/esm/Text/textStyle.android.js +26 -20
- package/esm/Text/textStyle.ios.js +8 -13
- package/esm/Text/textStyle.web.js +16 -16
- package/esm/Text/web/Text.js +114 -64
- package/esm/Text/web/Text.test.js +148 -160
- package/esm/Text/web/index.js +34 -2
- package/esm/TextArea/TextArea.theme.js +6 -3
- package/esm/TextArea/index.js +5 -2
- package/esm/TextArea/index.native.js +5 -2
- package/esm/TextArea/native/TextArea.js +42 -37
- package/esm/TextArea/native/TextArea.test.js +10 -9
- package/esm/TextArea/native/index.js +5 -2
- package/esm/TextArea/web/TextArea.js +157 -108
- package/esm/TextArea/web/TextArea.test.js +10 -9
- package/esm/TextArea/web/index.js +5 -2
- package/esm/Theme/Provider/Provider.js +59 -63
- package/esm/Theme/Provider/index.js +5 -2
- package/esm/Theme/Provider/index.native.js +5 -2
- package/esm/Theme/Provider/native/index.js +5 -2
- package/esm/Theme/Provider/web/FontLoader.js +19 -18
- package/esm/Theme/Provider/web/FontLoader.test.js +15 -10
- package/esm/Theme/Provider/web/GlobalStyle.js +18 -10
- package/esm/Theme/Provider/web/GlobalStyle.test.js +20 -16
- package/esm/Theme/Provider/web/ThemeProvider.js +46 -17
- package/esm/Theme/Provider/web/expectCssMatches.js +11 -17
- package/esm/Theme/Provider/web/index.js +6 -3
- package/esm/Theme/helpers/themeGenerator/index.js +5 -2
- package/esm/Theme/helpers/themeGenerator/themeGenerator.js +9 -15
- package/esm/Theme/helpers/themeGenerator/themeGenerator.test.js +15 -19
- package/esm/Theme/helpers/themeReader/base.test.js +29 -32
- package/esm/Theme/helpers/themeReader/index.js +19 -26
- package/esm/Theme/helpers/themeReader/native/native.test.js +36 -51
- package/esm/Theme/helpers/themeReader/web/web.test.js +30 -39
- package/esm/Theme/index.js +11 -5
- package/esm/Theme/index.native.js +10 -6
- package/esm/Theme/theme/index.js +5 -2
- package/esm/Theme/theme/theme.js +56 -139
- package/esm/hooks/index.js +3 -3
- package/esm/hooks/useCombinedRefs.js +13 -18
- package/esm/hooks/useKeyPress.js +15 -21
- package/esm/hooks/usePortal.js +21 -36
- package/esm/index.js +90 -38
- package/esm/index.native.js +58 -26
- package/esm/shared/HiddenInput.js +15 -7
- package/esm/shared/index.js +16 -3
- package/esm/shared/index.native.js +14 -2
- package/esm/shared/propTypes/charLength.js +15 -18
- package/esm/shared/propTypes/deprecated.js +9 -12
- package/esm/shared/propTypes/index.js +12 -6
- package/esm/shared/propTypes/limitChildren.js +11 -13
- package/esm/shared/propTypes/max.js +13 -20
- package/esm/shared/propTypes/typeof.js +16 -16
- package/package.json +3 -3
- package/typings/index.d.ts +434 -0
package/esm/Theme/theme/theme.js
CHANGED
|
@@ -1,116 +1,45 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
import _componentThemes_Dialog$Dialog from "./../../Dialog/Dialog.theme.js";
|
|
19
|
-
import _componentThemes_Divider$Divider from "./../../Divider/Divider.theme.js";
|
|
20
|
-
import _componentThemes_Drawer$Drawer from "./../../Drawer/Drawer.theme.js";
|
|
21
|
-
import _componentThemes_Dropdown$Dropdown from "./../../Dropdown/Dropdown.theme.js";
|
|
22
|
-
import _componentThemes_Feedback$Feedback from "./../../Feedback/Feedback.theme.js";
|
|
23
|
-
import _componentThemes_Grid$Grid from "./../../Grid/Grid.theme.js";
|
|
24
|
-
import _componentThemes_Header$Header from "./../../Header/Header.theme.js";
|
|
25
|
-
import _componentThemes_Heading$Heading from "./../../Heading/Heading.theme.js";
|
|
26
|
-
import _componentThemes_Icon$Icon from "./../../Icon/Icon.theme.js";
|
|
27
|
-
import _componentThemes_Input$Input from "./../../Input/Input.theme.js";
|
|
28
|
-
import _componentThemes_List$List from "./../../List/List.theme.js";
|
|
29
|
-
import _componentThemes_Menu$Menu from "./../../Menu/Menu.theme.js";
|
|
30
|
-
import _componentThemes_Popover$Popover from "./../../Popover/Popover.theme.js";
|
|
31
|
-
import _componentThemes_Progress$Progress from "./../../Progress/Progress.theme.js";
|
|
32
|
-
import _componentThemes_RadioGroup$RadioGroup from "./../../RadioGroup/RadioGroup.theme.js";
|
|
33
|
-
import _componentThemes_Rating$Rating from "./../../Rating/Rating.theme.js";
|
|
34
|
-
import _componentThemes_Result$Result from "./../../Result/Result.theme.js";
|
|
35
|
-
import _componentThemes_Skeleton$Skeleton from "./../../Skeleton/Skeleton.theme.js";
|
|
36
|
-
import _componentThemes_Slider$Slider from "./../../Slider/Slider.theme.js";
|
|
37
|
-
import _componentThemes_Snackbar$Snackbar from "./../../Snackbar/Snackbar.theme.js";
|
|
38
|
-
import _componentThemes_Spinner$Spinner from "./../../Spinner/Spinner.theme.js";
|
|
39
|
-
import _componentThemes_Stepper$Stepper from "./../../Stepper/Stepper.theme.js";
|
|
40
|
-
import _componentThemes_Tag$Tag from "./../../Tag/Tag.theme.js";
|
|
41
|
-
import _componentThemes_Text$Text from "./../../Text/Text.theme.js";
|
|
42
|
-
import _componentThemes_TextArea$TextArea from "./../../TextArea/TextArea.theme.js";
|
|
43
|
-
var componentThemes = {
|
|
44
|
-
Accordion$Accordion: _componentThemes_Accordion$Accordion,
|
|
45
|
-
ActionRequirement$ActionRequirement: _componentThemes_ActionRequirement$ActionRequirement,
|
|
46
|
-
AutoComplete$AutoComplete: _componentThemes_AutoComplete$AutoComplete,
|
|
47
|
-
Avatar$Avatar: _componentThemes_Avatar$Avatar,
|
|
48
|
-
Banner$Banner: _componentThemes_Banner$Banner,
|
|
49
|
-
BottomSheet$BottomSheet: _componentThemes_BottomSheet$BottomSheet,
|
|
50
|
-
Button$Button: _componentThemes_Button$Button,
|
|
51
|
-
Card$CardNative: _componentThemes_Card$CardNative,
|
|
52
|
-
Card$Card: _componentThemes_Card$Card,
|
|
53
|
-
Card$CardWeb: _componentThemes_Card$CardWeb,
|
|
54
|
-
Checkbox$Checkbox: _componentThemes_Checkbox$Checkbox,
|
|
55
|
-
Checkbox$CheckboxSwitch: _componentThemes_Checkbox$CheckboxSwitch,
|
|
56
|
-
Datepicker$Datepicker: _componentThemes_Datepicker$Datepicker,
|
|
57
|
-
Dialog$Dialog: _componentThemes_Dialog$Dialog,
|
|
58
|
-
Divider$Divider: _componentThemes_Divider$Divider,
|
|
59
|
-
Drawer$Drawer: _componentThemes_Drawer$Drawer,
|
|
60
|
-
Dropdown$Dropdown: _componentThemes_Dropdown$Dropdown,
|
|
61
|
-
Feedback$Feedback: _componentThemes_Feedback$Feedback,
|
|
62
|
-
Grid$Grid: _componentThemes_Grid$Grid,
|
|
63
|
-
Header$Header: _componentThemes_Header$Header,
|
|
64
|
-
Heading$Heading: _componentThemes_Heading$Heading,
|
|
65
|
-
Icon$Icon: _componentThemes_Icon$Icon,
|
|
66
|
-
Input$Input: _componentThemes_Input$Input,
|
|
67
|
-
List$List: _componentThemes_List$List,
|
|
68
|
-
Menu$Menu: _componentThemes_Menu$Menu,
|
|
69
|
-
Popover$Popover: _componentThemes_Popover$Popover,
|
|
70
|
-
Progress$Progress: _componentThemes_Progress$Progress,
|
|
71
|
-
RadioGroup$RadioGroup: _componentThemes_RadioGroup$RadioGroup,
|
|
72
|
-
Rating$Rating: _componentThemes_Rating$Rating,
|
|
73
|
-
Result$Result: _componentThemes_Result$Result,
|
|
74
|
-
Skeleton$Skeleton: _componentThemes_Skeleton$Skeleton,
|
|
75
|
-
Slider$Slider: _componentThemes_Slider$Slider,
|
|
76
|
-
Snackbar$Snackbar: _componentThemes_Snackbar$Snackbar,
|
|
77
|
-
Spinner$Spinner: _componentThemes_Spinner$Spinner,
|
|
78
|
-
Stepper$Stepper: _componentThemes_Stepper$Stepper,
|
|
79
|
-
Tag$Tag: _componentThemes_Tag$Tag,
|
|
80
|
-
Text$Text: _componentThemes_Text$Text,
|
|
81
|
-
TextArea$TextArea: _componentThemes_TextArea$TextArea
|
|
1
|
+
var __defProp = Object.defineProperty;
|
|
2
|
+
var __defProps = Object.defineProperties;
|
|
3
|
+
var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
|
|
4
|
+
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
5
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
|
+
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
7
|
+
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
8
|
+
var __spreadValues = (a, b) => {
|
|
9
|
+
for (var prop in b || (b = {}))
|
|
10
|
+
if (__hasOwnProp.call(b, prop))
|
|
11
|
+
__defNormalProp(a, prop, b[prop]);
|
|
12
|
+
if (__getOwnPropSymbols)
|
|
13
|
+
for (var prop of __getOwnPropSymbols(b)) {
|
|
14
|
+
if (__propIsEnum.call(b, prop))
|
|
15
|
+
__defNormalProp(a, prop, b[prop]);
|
|
16
|
+
}
|
|
17
|
+
return a;
|
|
82
18
|
};
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
})), _extends2));
|
|
103
|
-
}, {});
|
|
104
|
-
return {
|
|
105
|
-
components: components
|
|
106
|
-
};
|
|
19
|
+
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
20
|
+
import { merge } from "@gympass/yoga-common";
|
|
21
|
+
import * as componentThemes from "../../**/*.theme.js";
|
|
22
|
+
const getComponentThemes = (tokens) => {
|
|
23
|
+
const { colors, baseFont, baseFontSize } = tokens;
|
|
24
|
+
const components = Object.entries(componentThemes).reduce(
|
|
25
|
+
(componentsStyles, [names, themed]) => {
|
|
26
|
+
const [, name] = names.toLowerCase().split("$");
|
|
27
|
+
return __spreadProps(__spreadValues({}, componentsStyles), {
|
|
28
|
+
[name]: themed(__spreadProps(__spreadValues({}, tokens), {
|
|
29
|
+
colors,
|
|
30
|
+
baseFont,
|
|
31
|
+
baseFontSize
|
|
32
|
+
}))
|
|
33
|
+
});
|
|
34
|
+
},
|
|
35
|
+
{}
|
|
36
|
+
);
|
|
37
|
+
return { components };
|
|
107
38
|
};
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
var colors = _extends({}, tokens.colors, {
|
|
39
|
+
const theme = (tokens) => {
|
|
40
|
+
const baseFont = tokens.fonts.rubik;
|
|
41
|
+
const baseFontSize = tokens.fontSizes.medium;
|
|
42
|
+
const colors = __spreadProps(__spreadValues({}, tokens.colors), {
|
|
114
43
|
primary: tokens.colors.vibin,
|
|
115
44
|
secondary: tokens.colors.stamina,
|
|
116
45
|
feedback: {
|
|
@@ -130,35 +59,23 @@ var theme = function theme(tokens) {
|
|
|
130
59
|
backgroundAndDisabled: tokens.colors.clear
|
|
131
60
|
}
|
|
132
61
|
});
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
colors.feedback.
|
|
136
|
-
colors.feedback.
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
colors.feedback.attention.light = _colors$feedback$atte[0];
|
|
142
|
-
colors.feedback.attention.dark = _colors$feedback$atte[1];
|
|
143
|
-
var _colors$feedback$neut = colors.feedback.neutral;
|
|
144
|
-
colors.feedback.neutral.light = _colors$feedback$neut[0];
|
|
145
|
-
colors.feedback.neutral.dark = _colors$feedback$neut[1];
|
|
146
|
-
return _extends({}, tokens, {
|
|
147
|
-
colors: colors,
|
|
148
|
-
baseFont: baseFont,
|
|
149
|
-
baseFontSize: baseFontSize
|
|
62
|
+
[colors.feedback.success.light, colors.feedback.success.dark] = colors.feedback.success;
|
|
63
|
+
[colors.feedback.informative.light, colors.feedback.informative.dark] = colors.feedback.informative;
|
|
64
|
+
[colors.feedback.attention.light, colors.feedback.attention.dark] = colors.feedback.attention;
|
|
65
|
+
[colors.feedback.neutral.light, colors.feedback.neutral.dark] = colors.feedback.neutral;
|
|
66
|
+
return __spreadProps(__spreadValues({}, tokens), {
|
|
67
|
+
colors,
|
|
68
|
+
baseFont,
|
|
69
|
+
baseFontSize
|
|
150
70
|
});
|
|
151
71
|
};
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
}
|
|
157
|
-
|
|
158
|
-
var baseTheme = theme(tokens);
|
|
159
|
-
var customTheme = merge(baseTheme, customTheming);
|
|
160
|
-
var componentTheming = getComponentThemes(customTheme);
|
|
72
|
+
const composeTheme = (tokens, customTheming = {}) => {
|
|
73
|
+
const baseTheme = theme(tokens);
|
|
74
|
+
const customTheme = merge(baseTheme, customTheming);
|
|
75
|
+
const componentTheming = getComponentThemes(customTheme);
|
|
161
76
|
return merge(customTheme, componentTheming);
|
|
162
77
|
};
|
|
163
|
-
|
|
164
|
-
export
|
|
78
|
+
var theme_default = composeTheme;
|
|
79
|
+
export {
|
|
80
|
+
theme_default as default
|
|
81
|
+
};
|
package/esm/hooks/index.js
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
export * from
|
|
2
|
-
export * from
|
|
3
|
-
export * from
|
|
1
|
+
export * from "./usePortal";
|
|
2
|
+
export * from "./useKeyPress";
|
|
3
|
+
export * from "./useCombinedRefs";
|
|
@@ -1,20 +1,12 @@
|
|
|
1
|
-
import { useEffect, useRef } from
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
var targetRef = useRef(null);
|
|
12
|
-
useEffect(function () {
|
|
13
|
-
for (var i = 0; i < refs.length; i++) {
|
|
14
|
-
var ref = refs[i];
|
|
15
|
-
if (!ref) return;
|
|
16
|
-
|
|
17
|
-
if (typeof ref === 'function') {
|
|
1
|
+
import { useEffect, useRef } from "react";
|
|
2
|
+
const useCombinedRefs = (...refs) => {
|
|
3
|
+
const targetRef = useRef(null);
|
|
4
|
+
useEffect(() => {
|
|
5
|
+
for (let i = 0; i < refs.length; i++) {
|
|
6
|
+
const ref = refs[i];
|
|
7
|
+
if (!ref)
|
|
8
|
+
return;
|
|
9
|
+
if (typeof ref === "function") {
|
|
18
10
|
ref(targetRef.current);
|
|
19
11
|
} else {
|
|
20
12
|
ref.current = targetRef.current;
|
|
@@ -22,4 +14,7 @@ export var useCombinedRefs = function useCombinedRefs() {
|
|
|
22
14
|
}
|
|
23
15
|
}, [refs]);
|
|
24
16
|
return targetRef;
|
|
25
|
-
};
|
|
17
|
+
};
|
|
18
|
+
export {
|
|
19
|
+
useCombinedRefs
|
|
20
|
+
};
|
package/esm/hooks/useKeyPress.js
CHANGED
|
@@ -1,32 +1,26 @@
|
|
|
1
|
-
import { useEffect, useState } from
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
useEffect(function () {
|
|
8
|
-
function downHandler(_ref) {
|
|
9
|
-
var key = _ref.key;
|
|
10
|
-
|
|
1
|
+
import { useEffect, useState } from "react";
|
|
2
|
+
const useKeyPress = (targetKey) => {
|
|
3
|
+
const [keyPressed, setKeyPressed] = useState(false);
|
|
4
|
+
useEffect(() => {
|
|
5
|
+
function downHandler({ key }) {
|
|
11
6
|
if (key === targetKey) {
|
|
12
7
|
setKeyPressed(true);
|
|
13
8
|
}
|
|
14
9
|
}
|
|
15
|
-
|
|
16
|
-
function upHandler(_ref2) {
|
|
17
|
-
var key = _ref2.key;
|
|
18
|
-
|
|
10
|
+
function upHandler({ key }) {
|
|
19
11
|
if (key === targetKey) {
|
|
20
12
|
setKeyPressed(false);
|
|
21
13
|
}
|
|
22
14
|
}
|
|
23
|
-
|
|
24
|
-
window.addEventListener(
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
window.removeEventListener(
|
|
28
|
-
window.removeEventListener('keyup', upHandler);
|
|
15
|
+
window.addEventListener("keydown", downHandler);
|
|
16
|
+
window.addEventListener("keyup", upHandler);
|
|
17
|
+
return () => {
|
|
18
|
+
window.removeEventListener("keydown", downHandler);
|
|
19
|
+
window.removeEventListener("keyup", upHandler);
|
|
29
20
|
};
|
|
30
21
|
}, [targetKey]);
|
|
31
22
|
return keyPressed;
|
|
32
|
-
};
|
|
23
|
+
};
|
|
24
|
+
export {
|
|
25
|
+
useKeyPress
|
|
26
|
+
};
|
package/esm/hooks/usePortal.js
CHANGED
|
@@ -1,54 +1,39 @@
|
|
|
1
|
-
import { useRef, useEffect } from
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
*/
|
|
6
|
-
|
|
7
|
-
var createRootElement = function createRootElement(id) {
|
|
8
|
-
var rootContainer = document.createElement('div');
|
|
9
|
-
rootContainer.setAttribute('id', id);
|
|
1
|
+
import { useRef, useEffect } from "react";
|
|
2
|
+
const createRootElement = (id) => {
|
|
3
|
+
const rootContainer = document.createElement("div");
|
|
4
|
+
rootContainer.setAttribute("id", id);
|
|
10
5
|
return rootContainer;
|
|
11
6
|
};
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
var addRootElement = function addRootElement(rootElement) {
|
|
19
|
-
document.body.insertBefore(rootElement, document.body.lastElementChild.nextElementSibling);
|
|
7
|
+
const addRootElement = (rootElement) => {
|
|
8
|
+
document.body.insertBefore(
|
|
9
|
+
rootElement,
|
|
10
|
+
document.body.lastElementChild.nextElementSibling
|
|
11
|
+
);
|
|
20
12
|
};
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
var existingParent = document.getElementById(id); // Parent is either a new root or the existing dom element
|
|
27
|
-
|
|
28
|
-
var parentElem = existingParent || createRootElement(id); // If there is no existing DOM element, add a new one.
|
|
29
|
-
|
|
13
|
+
const usePortal = (id) => {
|
|
14
|
+
const rootElementRef = useRef(null);
|
|
15
|
+
useEffect(() => {
|
|
16
|
+
const existingParent = document.getElementById(id);
|
|
17
|
+
const parentElem = existingParent || createRootElement(id);
|
|
30
18
|
if (!existingParent) {
|
|
31
19
|
addRootElement(parentElem);
|
|
32
|
-
}
|
|
33
|
-
|
|
34
|
-
|
|
20
|
+
}
|
|
35
21
|
parentElem.appendChild(rootElementRef.current);
|
|
36
22
|
return function removeElement() {
|
|
37
23
|
rootElementRef.current.remove();
|
|
38
|
-
|
|
39
24
|
if (!parentElem.childElementCount) {
|
|
40
25
|
parentElem.remove();
|
|
41
26
|
}
|
|
42
27
|
};
|
|
43
28
|
}, [id]);
|
|
44
|
-
|
|
45
|
-
var getRootElemement = function getRootElemement() {
|
|
29
|
+
const getRootElemement = () => {
|
|
46
30
|
if (!rootElementRef.current) {
|
|
47
|
-
rootElementRef.current = document.createElement(
|
|
31
|
+
rootElementRef.current = document.createElement("div");
|
|
48
32
|
}
|
|
49
|
-
|
|
50
33
|
return rootElementRef.current;
|
|
51
34
|
};
|
|
52
|
-
|
|
53
35
|
return getRootElemement();
|
|
54
|
-
};
|
|
36
|
+
};
|
|
37
|
+
export {
|
|
38
|
+
usePortal
|
|
39
|
+
};
|
package/esm/index.js
CHANGED
|
@@ -1,38 +1,90 @@
|
|
|
1
|
-
import ThemeProvider, {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
import
|
|
8
|
-
import
|
|
9
|
-
import
|
|
10
|
-
import
|
|
11
|
-
import
|
|
12
|
-
import
|
|
13
|
-
import
|
|
14
|
-
import
|
|
15
|
-
import
|
|
16
|
-
import
|
|
17
|
-
import
|
|
18
|
-
import
|
|
19
|
-
import
|
|
20
|
-
import
|
|
21
|
-
import
|
|
22
|
-
import
|
|
23
|
-
import
|
|
24
|
-
import
|
|
25
|
-
import
|
|
26
|
-
import
|
|
27
|
-
import
|
|
28
|
-
import
|
|
29
|
-
import
|
|
30
|
-
import
|
|
31
|
-
import
|
|
32
|
-
import
|
|
33
|
-
import
|
|
34
|
-
import
|
|
35
|
-
import
|
|
36
|
-
import
|
|
37
|
-
import
|
|
38
|
-
|
|
1
|
+
import ThemeProvider, {
|
|
2
|
+
FontLoader,
|
|
3
|
+
yogaTheme,
|
|
4
|
+
theme,
|
|
5
|
+
createTheme
|
|
6
|
+
} from "./Theme";
|
|
7
|
+
import Accordion from "./Accordion";
|
|
8
|
+
import Button from "./Button";
|
|
9
|
+
import List from "./List";
|
|
10
|
+
import Checkbox from "./Checkbox";
|
|
11
|
+
import Slider from "./Slider";
|
|
12
|
+
import RadioGroup from "./RadioGroup";
|
|
13
|
+
import { Card, PlanCard, EventCard } from "./Card";
|
|
14
|
+
import Stepper from "./Stepper";
|
|
15
|
+
import { Container, Row, Col, Hide } from "./Grid";
|
|
16
|
+
import Text from "./Text";
|
|
17
|
+
import Rating from "./Rating";
|
|
18
|
+
import Tag from "./Tag";
|
|
19
|
+
import Input from "./Input";
|
|
20
|
+
import Progress from "./Progress";
|
|
21
|
+
import Dropdown from "./Dropdown";
|
|
22
|
+
import TextArea from "./TextArea";
|
|
23
|
+
import AutoComplete from "./AutoComplete";
|
|
24
|
+
import Icon from "./Icon";
|
|
25
|
+
import Chips from "./Chips";
|
|
26
|
+
import Box from "./Box";
|
|
27
|
+
import Snackbar from "./Snackbar";
|
|
28
|
+
import Avatar from "./Avatar";
|
|
29
|
+
import BottomSheet from "./BottomSheet";
|
|
30
|
+
import Dialog from "./Dialog";
|
|
31
|
+
import Divider from "./Divider";
|
|
32
|
+
import Header from "./Header";
|
|
33
|
+
import Menu from "./Menu";
|
|
34
|
+
import Banner from "./Banner";
|
|
35
|
+
import Heading from "./Heading";
|
|
36
|
+
import Feedback from "./Feedback";
|
|
37
|
+
import Datepicker from "./Datepicker";
|
|
38
|
+
import Drawer from "./Drawer";
|
|
39
|
+
import Skeleton from "./Skeleton";
|
|
40
|
+
import ActionRequirement from "./ActionRequirement";
|
|
41
|
+
import Popover from "./Popover";
|
|
42
|
+
import Spinner from "./Spinner";
|
|
43
|
+
export {
|
|
44
|
+
Accordion,
|
|
45
|
+
ActionRequirement,
|
|
46
|
+
AutoComplete,
|
|
47
|
+
Avatar,
|
|
48
|
+
Banner,
|
|
49
|
+
BottomSheet,
|
|
50
|
+
Box,
|
|
51
|
+
Button,
|
|
52
|
+
Card,
|
|
53
|
+
Checkbox,
|
|
54
|
+
Chips,
|
|
55
|
+
Col,
|
|
56
|
+
Container,
|
|
57
|
+
Datepicker,
|
|
58
|
+
Dialog,
|
|
59
|
+
Divider,
|
|
60
|
+
Drawer,
|
|
61
|
+
Dropdown,
|
|
62
|
+
EventCard,
|
|
63
|
+
Feedback,
|
|
64
|
+
FontLoader,
|
|
65
|
+
Header,
|
|
66
|
+
Heading,
|
|
67
|
+
Hide,
|
|
68
|
+
Icon,
|
|
69
|
+
Input,
|
|
70
|
+
List,
|
|
71
|
+
Menu,
|
|
72
|
+
PlanCard,
|
|
73
|
+
Popover,
|
|
74
|
+
Progress,
|
|
75
|
+
RadioGroup,
|
|
76
|
+
Rating,
|
|
77
|
+
Row,
|
|
78
|
+
Skeleton,
|
|
79
|
+
Slider,
|
|
80
|
+
Snackbar,
|
|
81
|
+
Spinner,
|
|
82
|
+
Stepper,
|
|
83
|
+
Tag,
|
|
84
|
+
Text,
|
|
85
|
+
TextArea,
|
|
86
|
+
ThemeProvider,
|
|
87
|
+
createTheme,
|
|
88
|
+
theme,
|
|
89
|
+
yogaTheme
|
|
90
|
+
};
|
package/esm/index.native.js
CHANGED
|
@@ -1,26 +1,58 @@
|
|
|
1
|
-
import ThemeProvider, { yogaTheme, theme, createTheme } from
|
|
2
|
-
import Button from
|
|
3
|
-
import List from
|
|
4
|
-
import Checkbox from
|
|
5
|
-
import Slider from
|
|
6
|
-
import RadioGroup from
|
|
7
|
-
import { Card, PlanCard, EventCard, GymCard } from
|
|
8
|
-
import Stepper from
|
|
9
|
-
import Text from
|
|
10
|
-
import Rating from
|
|
11
|
-
import Tag from
|
|
12
|
-
import Input from
|
|
13
|
-
import Progress from
|
|
14
|
-
import Dropdown from
|
|
15
|
-
import TextArea from
|
|
16
|
-
import Icon from
|
|
17
|
-
import Chips from
|
|
18
|
-
import Box from
|
|
19
|
-
import Avatar from
|
|
20
|
-
import Result from
|
|
21
|
-
import Divider from
|
|
22
|
-
import Snackbar from
|
|
23
|
-
import Banner from
|
|
24
|
-
import Skeleton from
|
|
25
|
-
import ActionRequirement from
|
|
26
|
-
export {
|
|
1
|
+
import ThemeProvider, { yogaTheme, theme, createTheme } from "./Theme";
|
|
2
|
+
import Button from "./Button";
|
|
3
|
+
import List from "./List";
|
|
4
|
+
import Checkbox from "./Checkbox";
|
|
5
|
+
import Slider from "./Slider";
|
|
6
|
+
import RadioGroup from "./RadioGroup";
|
|
7
|
+
import { Card, PlanCard, EventCard, GymCard } from "./Card/native";
|
|
8
|
+
import Stepper from "./Stepper";
|
|
9
|
+
import Text from "./Text";
|
|
10
|
+
import Rating from "./Rating";
|
|
11
|
+
import Tag from "./Tag";
|
|
12
|
+
import Input from "./Input";
|
|
13
|
+
import Progress from "./Progress";
|
|
14
|
+
import Dropdown from "./Dropdown";
|
|
15
|
+
import TextArea from "./TextArea";
|
|
16
|
+
import Icon from "./Icon";
|
|
17
|
+
import Chips from "./Chips";
|
|
18
|
+
import Box from "./Box";
|
|
19
|
+
import Avatar from "./Avatar";
|
|
20
|
+
import Result from "./Result";
|
|
21
|
+
import Divider from "./Divider";
|
|
22
|
+
import Snackbar from "./Snackbar";
|
|
23
|
+
import Banner from "./Banner";
|
|
24
|
+
import Skeleton from "./Skeleton";
|
|
25
|
+
import ActionRequirement from "./ActionRequirement";
|
|
26
|
+
export {
|
|
27
|
+
ActionRequirement,
|
|
28
|
+
Avatar,
|
|
29
|
+
Banner,
|
|
30
|
+
Box,
|
|
31
|
+
Button,
|
|
32
|
+
Card,
|
|
33
|
+
Checkbox,
|
|
34
|
+
Chips,
|
|
35
|
+
Divider,
|
|
36
|
+
Dropdown,
|
|
37
|
+
EventCard,
|
|
38
|
+
GymCard,
|
|
39
|
+
Icon,
|
|
40
|
+
Input,
|
|
41
|
+
List,
|
|
42
|
+
PlanCard,
|
|
43
|
+
Progress,
|
|
44
|
+
RadioGroup,
|
|
45
|
+
Rating,
|
|
46
|
+
Result,
|
|
47
|
+
Skeleton,
|
|
48
|
+
Slider,
|
|
49
|
+
Snackbar,
|
|
50
|
+
Stepper,
|
|
51
|
+
Tag,
|
|
52
|
+
Text,
|
|
53
|
+
TextArea,
|
|
54
|
+
ThemeProvider,
|
|
55
|
+
createTheme,
|
|
56
|
+
theme,
|
|
57
|
+
yogaTheme
|
|
58
|
+
};
|
|
@@ -1,7 +1,15 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
1
|
+
import styled from "styled-components";
|
|
2
|
+
const HiddenInput = styled.input`
|
|
3
|
+
border: 0;
|
|
4
|
+
height: 0;
|
|
5
|
+
margin: 0;
|
|
6
|
+
opacity: 0;
|
|
7
|
+
overflow: hidden;
|
|
8
|
+
padding: 0;
|
|
9
|
+
position: absolute;
|
|
10
|
+
width: 0;
|
|
11
|
+
`;
|
|
12
|
+
var HiddenInput_default = HiddenInput;
|
|
13
|
+
export {
|
|
14
|
+
HiddenInput_default as default
|
|
15
|
+
};
|
package/esm/shared/index.js
CHANGED
|
@@ -1,3 +1,16 @@
|
|
|
1
|
-
import HiddenInput from
|
|
2
|
-
import {
|
|
3
|
-
|
|
1
|
+
import HiddenInput from "./HiddenInput";
|
|
2
|
+
import {
|
|
3
|
+
limitChildren,
|
|
4
|
+
typeOf,
|
|
5
|
+
charLength,
|
|
6
|
+
max,
|
|
7
|
+
deprecated
|
|
8
|
+
} from "./propTypes";
|
|
9
|
+
export {
|
|
10
|
+
HiddenInput,
|
|
11
|
+
charLength,
|
|
12
|
+
deprecated,
|
|
13
|
+
limitChildren,
|
|
14
|
+
max,
|
|
15
|
+
typeOf
|
|
16
|
+
};
|