@ledgerhq/react-ui 0.12.1 → 0.13.0-next.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +27 -3
- package/lib/cjs/assets/cryptoIcons.js +12 -14
- package/lib/cjs/assets/cryptoIcons.js.map +1 -1
- package/lib/cjs/assets/fonts.js +9 -26
- package/lib/cjs/assets/fonts.js.map +1 -1
- package/lib/cjs/assets/icons.js +12 -14
- package/lib/cjs/assets/icons.js.map +1 -1
- package/lib/cjs/assets/images/images.d.js +1 -0
- package/lib/cjs/assets/index.js +22 -15
- package/lib/cjs/assets/index.js.map +1 -1
- package/lib/cjs/assets/logos/LedgerLiveAltRegular.js +37 -23
- package/lib/cjs/assets/logos/LedgerLiveAltRegular.js.map +1 -1
- package/lib/cjs/assets/logos/LedgerLiveRegular.js +37 -23
- package/lib/cjs/assets/logos/LedgerLiveRegular.js.map +1 -1
- package/lib/cjs/assets/logos/index.js +21 -14
- package/lib/cjs/assets/logos/index.js.map +1 -1
- package/lib/cjs/components/Chart/Chart.stories.js +34 -56
- package/lib/cjs/components/Chart/Chart.stories.js.map +2 -2
- package/lib/cjs/components/Chart/index.js +79 -60
- package/lib/cjs/components/Chart/index.js.map +2 -2
- package/lib/cjs/components/Chart/types.js +15 -2
- package/lib/cjs/components/Chart/types.js.map +1 -1
- package/lib/cjs/components/Chart/utils.js +16 -3
- package/lib/cjs/components/Chart/utils.js.map +2 -2
- package/lib/cjs/components/Table/Columns.js +47 -41
- package/lib/cjs/components/Table/Columns.js.map +2 -2
- package/lib/cjs/components/Table/Table.stories.js +102 -104
- package/lib/cjs/components/Table/Table.stories.js.map +2 -2
- package/lib/cjs/components/Table/index.js +54 -46
- package/lib/cjs/components/Table/index.js.map +2 -2
- package/lib/cjs/components/Table/stories.helper.js +82 -68
- package/lib/cjs/components/Table/stories.helper.js.map +2 -2
- package/lib/cjs/components/Tag/Tag.stories.js +27 -46
- package/lib/cjs/components/Tag/Tag.stories.js.map +2 -2
- package/lib/cjs/components/Tag/index.js +24 -24
- package/lib/cjs/components/Tag/index.js.map +2 -2
- package/lib/cjs/components/animations/GlitchText/GlitchText.stories.js +23 -20
- package/lib/cjs/components/animations/GlitchText/GlitchText.stories.js.map +2 -2
- package/lib/cjs/components/animations/GlitchText/index.js +20 -13
- package/lib/cjs/components/animations/GlitchText/index.js.map +2 -2
- package/lib/cjs/components/asorted/Divider/Divider.stories.js +25 -20
- package/lib/cjs/components/asorted/Divider/Divider.stories.js.map +2 -2
- package/lib/cjs/components/asorted/Divider/index.js +22 -17
- package/lib/cjs/components/asorted/Divider/index.js.map +2 -2
- package/lib/cjs/components/asorted/Icon/BoxedIcon.js +33 -35
- package/lib/cjs/components/asorted/Icon/BoxedIcon.js.map +2 -2
- package/lib/cjs/components/asorted/Icon/BoxedIcon.stories.js +38 -37
- package/lib/cjs/components/asorted/Icon/BoxedIcon.stories.js.map +2 -2
- package/lib/cjs/components/asorted/Icon/CryptoIcon.js +60 -70
- package/lib/cjs/components/asorted/Icon/CryptoIcon.js.map +2 -2
- package/lib/cjs/components/asorted/Icon/CryptoIcons.stories.js +52 -52
- package/lib/cjs/components/asorted/Icon/CryptoIcons.stories.js.map +2 -2
- package/lib/cjs/components/asorted/Icon/Icon.js +30 -24
- package/lib/cjs/components/asorted/Icon/Icon.js.map +3 -3
- package/lib/cjs/components/asorted/Icon/Icons.stories.js +53 -53
- package/lib/cjs/components/asorted/Icon/Icons.stories.js.map +3 -3
- package/lib/cjs/components/asorted/Icon/ProviderIcon.js +33 -33
- package/lib/cjs/components/asorted/Icon/ProviderIcon.js.map +2 -2
- package/lib/cjs/components/asorted/Icon/Providers.stories.js +49 -48
- package/lib/cjs/components/asorted/Icon/Providers.stories.js.map +2 -2
- package/lib/cjs/components/asorted/Icon/index.js +23 -18
- package/lib/cjs/components/asorted/Icon/index.js.map +3 -3
- package/lib/cjs/components/asorted/Text/Text.stories.js +27 -40
- package/lib/cjs/components/asorted/Text/Text.stories.js.map +2 -2
- package/lib/cjs/components/asorted/Text/index.js +41 -23
- package/lib/cjs/components/asorted/Text/index.js.map +2 -2
- package/lib/cjs/components/asorted/Text/styles.js +12 -15
- package/lib/cjs/components/asorted/Text/styles.js.map +1 -1
- package/lib/cjs/components/asorted/index.js +22 -16
- package/lib/cjs/components/asorted/index.js.map +2 -2
- package/lib/cjs/components/cards/Carousel/Carousel.stories.js +24 -21
- package/lib/cjs/components/cards/Carousel/Carousel.stories.js.map +2 -2
- package/lib/cjs/components/cards/Carousel/Slide.js +24 -29
- package/lib/cjs/components/cards/Carousel/Slide.js.map +2 -2
- package/lib/cjs/components/cards/Carousel/index.js +61 -81
- package/lib/cjs/components/cards/Carousel/index.js.map +2 -2
- package/lib/cjs/components/cards/index.js +20 -13
- package/lib/cjs/components/cards/index.js.map +1 -1
- package/lib/cjs/components/cta/Button/Button.stories.js +50 -70
- package/lib/cjs/components/cta/Button/Button.stories.js.map +2 -2
- package/lib/cjs/components/cta/Button/index.js +43 -54
- package/lib/cjs/components/cta/Button/index.js.map +3 -3
- package/lib/cjs/components/cta/Link/Link.stories.js +24 -24
- package/lib/cjs/components/cta/Link/Link.stories.js.map +2 -2
- package/lib/cjs/components/cta/Link/getLinkStyle.js +16 -3
- package/lib/cjs/components/cta/Link/getLinkStyle.js.map +1 -1
- package/lib/cjs/components/cta/Link/index.js +37 -39
- package/lib/cjs/components/cta/Link/index.js.map +2 -2
- package/lib/cjs/components/cta/Toggle/Toggle.stories.js +23 -19
- package/lib/cjs/components/cta/Toggle/Toggle.stories.js.map +2 -2
- package/lib/cjs/components/cta/Toggle/index.js +26 -23
- package/lib/cjs/components/cta/Toggle/index.js.map +2 -2
- package/lib/cjs/components/cta/getCtaStyle.js +16 -3
- package/lib/cjs/components/cta/getCtaStyle.js.map +1 -1
- package/lib/cjs/components/cta/index.js +22 -15
- package/lib/cjs/components/cta/index.js.map +1 -1
- package/lib/cjs/components/form/BaseInput/Input.stories.js +58 -55
- package/lib/cjs/components/form/BaseInput/Input.stories.js.map +2 -2
- package/lib/cjs/components/form/BaseInput/index.js +66 -70
- package/lib/cjs/components/form/BaseInput/index.js.map +2 -2
- package/lib/cjs/components/form/Checkbox/Checkbox.js +27 -32
- package/lib/cjs/components/form/Checkbox/Checkbox.js.map +3 -3
- package/lib/cjs/components/form/Checkbox/Checkbox.stories.js +23 -19
- package/lib/cjs/components/form/Checkbox/Checkbox.stories.js.map +2 -2
- package/lib/cjs/components/form/Checkbox/index.js +20 -13
- package/lib/cjs/components/form/Checkbox/index.js.map +1 -1
- package/lib/cjs/components/form/Dropdown/Dropdown.stories.js +31 -21
- package/lib/cjs/components/form/Dropdown/Dropdown.stories.js.map +2 -2
- package/lib/cjs/components/form/Dropdown/index.js +69 -74
- package/lib/cjs/components/form/Dropdown/index.js.map +2 -2
- package/lib/cjs/components/form/DropdownGeneric/DropdownGeneric.stories.js +81 -100
- package/lib/cjs/components/form/DropdownGeneric/DropdownGeneric.stories.js.map +2 -2
- package/lib/cjs/components/form/DropdownGeneric/index.js +51 -43
- package/lib/cjs/components/form/DropdownGeneric/index.js.map +2 -2
- package/lib/cjs/components/form/LegendInput/Input.stories.js +22 -20
- package/lib/cjs/components/form/LegendInput/Input.stories.js.map +2 -2
- package/lib/cjs/components/form/LegendInput/index.js +31 -24
- package/lib/cjs/components/form/LegendInput/index.js.map +2 -2
- package/lib/cjs/components/form/NumberInput/Input.stories.js +33 -23
- package/lib/cjs/components/form/NumberInput/Input.stories.js.map +2 -2
- package/lib/cjs/components/form/NumberInput/index.js +47 -41
- package/lib/cjs/components/form/NumberInput/index.js.map +2 -2
- package/lib/cjs/components/form/QrCodeInput/Input.stories.js +22 -20
- package/lib/cjs/components/form/QrCodeInput/Input.stories.js.map +2 -2
- package/lib/cjs/components/form/QrCodeInput/index.js +32 -31
- package/lib/cjs/components/form/QrCodeInput/index.js.map +2 -2
- package/lib/cjs/components/form/QuantityInput/Input.stories.js +34 -24
- package/lib/cjs/components/form/QuantityInput/Input.stories.js.map +2 -2
- package/lib/cjs/components/form/QuantityInput/index.js +33 -38
- package/lib/cjs/components/form/QuantityInput/index.js.map +2 -2
- package/lib/cjs/components/form/Radio/Radio.stories.js +67 -88
- package/lib/cjs/components/form/Radio/Radio.stories.js.map +2 -2
- package/lib/cjs/components/form/Radio/RadioElement.js +46 -33
- package/lib/cjs/components/form/Radio/RadioElement.js.map +2 -2
- package/lib/cjs/components/form/Radio/RadioElement.stories.js +25 -49
- package/lib/cjs/components/form/Radio/RadioElement.stories.js.map +2 -2
- package/lib/cjs/components/form/Radio/RadioListElement.js +37 -35
- package/lib/cjs/components/form/Radio/RadioListElement.js.map +2 -2
- package/lib/cjs/components/form/Radio/RadioListElement.stories.js +23 -30
- package/lib/cjs/components/form/Radio/RadioListElement.stories.js.map +2 -2
- package/lib/cjs/components/form/Radio/index.js +24 -22
- package/lib/cjs/components/form/Radio/index.js.map +2 -2
- package/lib/cjs/components/form/SearchInput/Input.stories.js +22 -20
- package/lib/cjs/components/form/SearchInput/Input.stories.js.map +2 -2
- package/lib/cjs/components/form/SearchInput/index.js +36 -23
- package/lib/cjs/components/form/SearchInput/index.js.map +2 -2
- package/lib/cjs/components/form/SelectInput/Control.js +23 -22
- package/lib/cjs/components/form/SelectInput/Control.js.map +2 -2
- package/lib/cjs/components/form/SelectInput/DropdownIndicator.js +25 -26
- package/lib/cjs/components/form/SelectInput/DropdownIndicator.js.map +2 -2
- package/lib/cjs/components/form/SelectInput/IndicatorsContainer.js +23 -20
- package/lib/cjs/components/form/SelectInput/IndicatorsContainer.js.map +2 -2
- package/lib/cjs/components/form/SelectInput/MenuList.js +22 -17
- package/lib/cjs/components/form/SelectInput/MenuList.js.map +2 -2
- package/lib/cjs/components/form/SelectInput/Option.js +34 -25
- package/lib/cjs/components/form/SelectInput/Option.js.map +2 -2
- package/lib/cjs/components/form/SelectInput/Select.stories.js +136 -138
- package/lib/cjs/components/form/SelectInput/Select.stories.js.map +2 -2
- package/lib/cjs/components/form/SelectInput/ValueContainer.js +32 -23
- package/lib/cjs/components/form/SelectInput/ValueContainer.js.map +2 -2
- package/lib/cjs/components/form/SelectInput/VirtualMenuList.js +62 -37
- package/lib/cjs/components/form/SelectInput/VirtualMenuList.js.map +2 -2
- package/lib/cjs/components/form/SelectInput/index.js +56 -45
- package/lib/cjs/components/form/SelectInput/index.js.map +2 -2
- package/lib/cjs/components/form/SplitInput/SplitInput.stories.js +151 -131
- package/lib/cjs/components/form/SplitInput/SplitInput.stories.js.map +2 -2
- package/lib/cjs/components/form/SplitInput/index.js +31 -34
- package/lib/cjs/components/form/SplitInput/index.js.map +2 -2
- package/lib/cjs/components/form/Switch/Switch.js +38 -35
- package/lib/cjs/components/form/Switch/Switch.js.map +2 -2
- package/lib/cjs/components/form/Switch/Switch.stories.js +23 -19
- package/lib/cjs/components/form/Switch/Switch.stories.js.map +2 -2
- package/lib/cjs/components/form/Switch/index.js +20 -13
- package/lib/cjs/components/form/Switch/index.js.map +1 -1
- package/lib/cjs/components/form/index.js +32 -25
- package/lib/cjs/components/form/index.js.map +1 -1
- package/lib/cjs/components/helpers.js +16 -3
- package/lib/cjs/components/helpers.js.map +1 -1
- package/lib/cjs/components/index.js +33 -25
- package/lib/cjs/components/index.js.map +1 -1
- package/lib/cjs/components/layout/Box/Box.stories.js +22 -17
- package/lib/cjs/components/layout/Box/Box.stories.js.map +2 -2
- package/lib/cjs/components/layout/Box/index.js +20 -13
- package/lib/cjs/components/layout/Box/index.js.map +2 -2
- package/lib/cjs/components/layout/Drawer/Drawer.stories.js +46 -43
- package/lib/cjs/components/layout/Drawer/Drawer.stories.js.map +2 -2
- package/lib/cjs/components/layout/Drawer/index.js +137 -126
- package/lib/cjs/components/layout/Drawer/index.js.map +3 -3
- package/lib/cjs/components/layout/Flex/Flex.stories.js +22 -31
- package/lib/cjs/components/layout/Flex/Flex.stories.js.map +2 -2
- package/lib/cjs/components/layout/Flex/index.js +20 -13
- package/lib/cjs/components/layout/Flex/index.js.map +2 -2
- package/lib/cjs/components/layout/Grid/Grid.stories.js +119 -93
- package/lib/cjs/components/layout/Grid/Grid.stories.js.map +2 -2
- package/lib/cjs/components/layout/Grid/index.js +21 -14
- package/lib/cjs/components/layout/Grid/index.js.map +2 -2
- package/lib/cjs/components/layout/List/VerticalTimeline/TimelineIndicator.js +30 -33
- package/lib/cjs/components/layout/List/VerticalTimeline/TimelineIndicator.js.map +2 -2
- package/lib/cjs/components/layout/List/VerticalTimeline/TimelineItem.js +51 -43
- package/lib/cjs/components/layout/List/VerticalTimeline/TimelineItem.js.map +2 -2
- package/lib/cjs/components/layout/List/VerticalTimeline/VerticalTimeline.stories.js +24 -21
- package/lib/cjs/components/layout/List/VerticalTimeline/VerticalTimeline.stories.js.map +2 -2
- package/lib/cjs/components/layout/List/VerticalTimeline/index.js +31 -24
- package/lib/cjs/components/layout/List/VerticalTimeline/index.js.map +2 -2
- package/lib/cjs/components/layout/Popin/Popin.stories.js +36 -37
- package/lib/cjs/components/layout/Popin/Popin.stories.js.map +2 -2
- package/lib/cjs/components/layout/Popin/index.js +37 -55
- package/lib/cjs/components/layout/Popin/index.js.map +3 -3
- package/lib/cjs/components/layout/Side/Provider.js +30 -19
- package/lib/cjs/components/layout/Side/Provider.js.map +2 -2
- package/lib/cjs/components/layout/Side/Side.stories.js +47 -40
- package/lib/cjs/components/layout/Side/Side.stories.js.map +2 -2
- package/lib/cjs/components/layout/Side/index.js +40 -36
- package/lib/cjs/components/layout/Side/index.js.map +2 -2
- package/lib/cjs/components/layout/index.js +26 -19
- package/lib/cjs/components/layout/index.js.map +1 -1
- package/lib/cjs/components/loaders/InfiniteLoader/InfiniteLoader.stories.js +22 -17
- package/lib/cjs/components/loaders/InfiniteLoader/InfiniteLoader.stories.js.map +2 -2
- package/lib/cjs/components/loaders/InfiniteLoader/index.js +86 -72
- package/lib/cjs/components/loaders/InfiniteLoader/index.js.map +2 -2
- package/lib/cjs/components/loaders/ProgressLoader/ProgressLoader.stories.js +34 -24
- package/lib/cjs/components/loaders/ProgressLoader/ProgressLoader.stories.js.map +2 -2
- package/lib/cjs/components/loaders/ProgressLoader/index.js +53 -43
- package/lib/cjs/components/loaders/ProgressLoader/index.js.map +2 -2
- package/lib/cjs/components/loaders/index.js +21 -14
- package/lib/cjs/components/loaders/index.js.map +1 -1
- package/lib/cjs/components/message/Alert/Alert.stories.js +45 -38
- package/lib/cjs/components/message/Alert/Alert.stories.js.map +3 -3
- package/lib/cjs/components/message/Alert/index.js +41 -42
- package/lib/cjs/components/message/Alert/index.js.map +2 -2
- package/lib/cjs/components/message/Log/Brackets.js +46 -49
- package/lib/cjs/components/message/Log/Brackets.js.map +2 -2
- package/lib/cjs/components/message/Log/Log.stories.js +22 -17
- package/lib/cjs/components/message/Log/Log.stories.js.map +2 -2
- package/lib/cjs/components/message/Log/index.js +35 -31
- package/lib/cjs/components/message/Log/index.js.map +2 -2
- package/lib/cjs/components/message/Notification/Badge.js +23 -18
- package/lib/cjs/components/message/Notification/Badge.js.map +2 -2
- package/lib/cjs/components/message/Notification/Badge.stories.js +40 -36
- package/lib/cjs/components/message/Notification/Badge.stories.js.map +2 -2
- package/lib/cjs/components/message/Notification/Notification.stories.js +51 -66
- package/lib/cjs/components/message/Notification/Notification.stories.js.map +2 -2
- package/lib/cjs/components/message/Notification/index.js +27 -41
- package/lib/cjs/components/message/Notification/index.js.map +2 -2
- package/lib/cjs/components/message/StatusNotification/StatusNotification.stories.js +26 -49
- package/lib/cjs/components/message/StatusNotification/StatusNotification.stories.js.map +3 -3
- package/lib/cjs/components/message/StatusNotification/index.js +24 -20
- package/lib/cjs/components/message/StatusNotification/index.js.map +2 -2
- package/lib/cjs/components/message/Tip/Tip.stories.js +22 -17
- package/lib/cjs/components/message/Tip/Tip.stories.js.map +2 -2
- package/lib/cjs/components/message/Tip/index.js +28 -36
- package/lib/cjs/components/message/Tip/index.js.map +2 -2
- package/lib/cjs/components/message/Tooltip/Tooltip.stories.js +37 -31
- package/lib/cjs/components/message/Tooltip/Tooltip.stories.js.map +2 -2
- package/lib/cjs/components/message/Tooltip/index.js +48 -45
- package/lib/cjs/components/message/Tooltip/index.js.map +2 -2
- package/lib/cjs/components/message/Tooltip/styles.js +12 -15
- package/lib/cjs/components/message/Tooltip/styles.js.map +1 -1
- package/lib/cjs/components/message/index.js +26 -19
- package/lib/cjs/components/message/index.js.map +1 -1
- package/lib/cjs/components/navigation/Aside/Aside.stories.js +39 -58
- package/lib/cjs/components/navigation/Aside/Aside.stories.js.map +2 -2
- package/lib/cjs/components/navigation/Aside/index.js +24 -26
- package/lib/cjs/components/navigation/Aside/index.js.map +2 -2
- package/lib/cjs/components/navigation/Aside/stories.helper.js +16 -3
- package/lib/cjs/components/navigation/Aside/stories.helper.js.map +1 -1
- package/lib/cjs/components/navigation/Breadcrumb/Breadcrumb.stories.js +62 -73
- package/lib/cjs/components/navigation/Breadcrumb/Breadcrumb.stories.js.map +2 -2
- package/lib/cjs/components/navigation/Breadcrumb/index.js +71 -59
- package/lib/cjs/components/navigation/Breadcrumb/index.js.map +2 -2
- package/lib/cjs/components/navigation/FlowStepper/FlowStepper.stories.js +165 -191
- package/lib/cjs/components/navigation/FlowStepper/FlowStepper.stories.js.map +2 -2
- package/lib/cjs/components/navigation/FlowStepper/index.js +48 -59
- package/lib/cjs/components/navigation/FlowStepper/index.js.map +2 -2
- package/lib/cjs/components/navigation/Header/Header.stories.js +27 -49
- package/lib/cjs/components/navigation/Header/Header.stories.js.map +2 -2
- package/lib/cjs/components/navigation/Header/index.js +22 -20
- package/lib/cjs/components/navigation/Header/index.js.map +2 -2
- package/lib/cjs/components/navigation/index.js +26 -18
- package/lib/cjs/components/navigation/index.js.map +1 -1
- package/lib/cjs/components/navigation/progress/ProgressBar/Onboarding.js +23 -33
- package/lib/cjs/components/navigation/progress/ProgressBar/Onboarding.js.map +2 -2
- package/lib/cjs/components/navigation/progress/ProgressBar/Onboarding.stories.js +22 -18
- package/lib/cjs/components/navigation/progress/ProgressBar/Onboarding.stories.js.map +2 -2
- package/lib/cjs/components/navigation/progress/ProgressBar/index.js +20 -13
- package/lib/cjs/components/navigation/progress/ProgressBar/index.js.map +1 -1
- package/lib/cjs/components/navigation/progress/Stepper/Item.stories.js +22 -19
- package/lib/cjs/components/navigation/progress/Stepper/Item.stories.js.map +2 -2
- package/lib/cjs/components/navigation/progress/Stepper/ProgressSteps.stories.js +23 -22
- package/lib/cjs/components/navigation/progress/Stepper/ProgressSteps.stories.js.map +2 -2
- package/lib/cjs/components/navigation/progress/Stepper/index.js +36 -81
- package/lib/cjs/components/navigation/progress/Stepper/index.js.map +2 -2
- package/lib/cjs/components/navigation/progress/index.js +21 -14
- package/lib/cjs/components/navigation/progress/index.js.map +1 -1
- package/lib/cjs/components/navigation/sideBar/Item/Item.js +58 -43
- package/lib/cjs/components/navigation/sideBar/Item/Item.js.map +2 -2
- package/lib/cjs/components/navigation/sideBar/Item/Item.stories.js +47 -45
- package/lib/cjs/components/navigation/sideBar/Item/Item.stories.js.map +2 -2
- package/lib/cjs/components/navigation/sideBar/Item/index.js +20 -13
- package/lib/cjs/components/navigation/sideBar/Item/index.js.map +1 -1
- package/lib/cjs/components/navigation/sideBar/Logo/Logo.js +46 -31
- package/lib/cjs/components/navigation/sideBar/Logo/Logo.js.map +2 -2
- package/lib/cjs/components/navigation/sideBar/Logo/index.js +20 -13
- package/lib/cjs/components/navigation/sideBar/Logo/index.js.map +1 -1
- package/lib/cjs/components/navigation/sideBar/SideBar/SideBar.js +43 -41
- package/lib/cjs/components/navigation/sideBar/SideBar/SideBar.js.map +2 -2
- package/lib/cjs/components/navigation/sideBar/SideBar/SideBar.stories.js +33 -78
- package/lib/cjs/components/navigation/sideBar/SideBar/SideBar.stories.js.map +2 -2
- package/lib/cjs/components/navigation/sideBar/SideBar/index.js +20 -13
- package/lib/cjs/components/navigation/sideBar/SideBar/index.js.map +1 -1
- package/lib/cjs/components/navigation/sideBar/Toggle/Toggle.js +37 -26
- package/lib/cjs/components/navigation/sideBar/Toggle/Toggle.js.map +2 -2
- package/lib/cjs/components/navigation/sideBar/Toggle/index.js +20 -13
- package/lib/cjs/components/navigation/sideBar/Toggle/index.js.map +1 -1
- package/lib/cjs/components/navigation/sideBar/index.js +12 -15
- package/lib/cjs/components/navigation/sideBar/index.js.map +1 -1
- package/lib/cjs/components/styled.js +32 -16
- package/lib/cjs/components/styled.js.map +2 -2
- package/lib/cjs/components/styled.stories.js +22 -17
- package/lib/cjs/components/styled.stories.js.map +2 -2
- package/lib/cjs/components/tabs/Bar/Bar.stories.js +25 -33
- package/lib/cjs/components/tabs/Bar/Bar.stories.js.map +2 -2
- package/lib/cjs/components/tabs/Bar/index.js +34 -23
- package/lib/cjs/components/tabs/Bar/index.js.map +2 -2
- package/lib/cjs/components/tabs/Chip/Chip.stories.js +25 -33
- package/lib/cjs/components/tabs/Chip/Chip.stories.js.map +2 -2
- package/lib/cjs/components/tabs/Chip/index.js +34 -27
- package/lib/cjs/components/tabs/Chip/index.js.map +2 -2
- package/lib/cjs/components/tabs/Pill/Pill.stories.js +26 -33
- package/lib/cjs/components/tabs/Pill/Pill.stories.js.map +2 -2
- package/lib/cjs/components/tabs/Pill/index.js +35 -24
- package/lib/cjs/components/tabs/Pill/index.js.map +2 -2
- package/lib/cjs/components/tabs/Tabs/Tabs.stories.js +25 -31
- package/lib/cjs/components/tabs/Tabs/Tabs.stories.js.map +2 -2
- package/lib/cjs/components/tabs/Tabs/index.js +43 -41
- package/lib/cjs/components/tabs/Tabs/index.js.map +2 -2
- package/lib/cjs/components/tabs/index.js +23 -16
- package/lib/cjs/components/tabs/index.js.map +1 -1
- package/lib/cjs/components/transitions/TransitionInOut.js +23 -23
- package/lib/cjs/components/transitions/TransitionInOut.js.map +2 -2
- package/lib/cjs/components/transitions/TransitionScale.js +23 -21
- package/lib/cjs/components/transitions/TransitionScale.js.map +2 -2
- package/lib/cjs/components/transitions/TransitionSlide.js +23 -23
- package/lib/cjs/components/transitions/TransitionSlide.js.map +2 -2
- package/lib/cjs/components/transitions/index.js +22 -15
- package/lib/cjs/components/transitions/index.js.map +1 -1
- package/lib/cjs/index.js +15 -17
- package/lib/cjs/index.js.map +1 -1
- package/lib/cjs/styles/InvertTheme.js +47 -38
- package/lib/cjs/styles/InvertTheme.js.map +2 -2
- package/lib/cjs/styles/Spacing.stories.js +32 -34
- package/lib/cjs/styles/Spacing.stories.js.map +2 -2
- package/lib/cjs/styles/StyleProvider.js +36 -31
- package/lib/cjs/styles/StyleProvider.js.map +2 -2
- package/lib/cjs/styles/breakpoints.stories.js +46 -44
- package/lib/cjs/styles/breakpoints.stories.js.map +2 -2
- package/lib/cjs/styles/global.js +23 -16
- package/lib/cjs/styles/global.js.map +2 -2
- package/lib/cjs/styles/helpers.js +21 -14
- package/lib/cjs/styles/helpers.js.map +2 -2
- package/lib/cjs/styles/index.js +26 -18
- package/lib/cjs/styles/index.js.map +1 -1
- package/lib/cjs/styles/palettes/colors.stories.js +43 -48
- package/lib/cjs/styles/palettes/colors.stories.js.map +2 -2
- package/lib/cjs/styles/styled/fontFamily.js +12 -15
- package/lib/cjs/styles/styled/fontFamily.js.map +1 -1
- package/lib/cjs/styles/system/gaps.js +12 -15
- package/lib/cjs/styles/system/gaps.js.map +1 -1
- package/lib/cjs/styles/theme.js +15 -16
- package/lib/cjs/styles/theme.js.map +1 -1
- package/lib/components/asorted/Icon/Icon.d.ts +1 -1
- package/lib/components/asorted/Icon/Icon.js +1 -3
- package/lib/components/asorted/Icon/index.d.ts +0 -1
- package/lib/components/asorted/Icon/index.js +0 -1
- package/lib/components/asorted/index.d.ts +1 -1
- package/lib/components/asorted/index.js +1 -1
- package/lib/components/cta/Button/index.d.ts +2 -3
- package/lib/components/cta/Button/index.js +3 -5
- package/lib/components/form/Checkbox/Checkbox.js +2 -2
- package/lib/components/layout/Drawer/index.js +1 -1
- package/lib/components/layout/Popin/index.js +2 -2
- package/package.json +17 -17
- package/lib/cjs/components/asorted/Icon/PaymentIcon.js +0 -61
- package/lib/cjs/components/asorted/Icon/PaymentIcon.js.map +0 -7
- package/lib/cjs/components/asorted/Icon/PaymentIcon.stories.js +0 -117
- package/lib/cjs/components/asorted/Icon/PaymentIcon.stories.js.map +0 -7
- package/lib/components/asorted/Icon/PaymentIcon.d.ts +0 -18
- package/lib/components/asorted/Icon/PaymentIcon.js +0 -32
|
@@ -1,32 +1,39 @@
|
|
|
1
|
+
"use strict";
|
|
1
2
|
var __create = Object.create;
|
|
2
3
|
var __defProp = Object.defineProperty;
|
|
3
4
|
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
5
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
6
|
var __getProtoOf = Object.getPrototypeOf;
|
|
6
7
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
-
var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
|
|
8
8
|
var __export = (target, all) => {
|
|
9
|
-
__markAsModule(target);
|
|
10
9
|
for (var name in all)
|
|
11
10
|
__defProp(target, name, { get: all[name], enumerable: true });
|
|
12
11
|
};
|
|
13
|
-
var
|
|
14
|
-
if (
|
|
15
|
-
for (let key of __getOwnPropNames(
|
|
16
|
-
if (!__hasOwnProp.call(
|
|
17
|
-
__defProp(
|
|
12
|
+
var __copyProps = (to, from, except, desc) => {
|
|
13
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
14
|
+
for (let key of __getOwnPropNames(from))
|
|
15
|
+
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
16
|
+
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
18
17
|
}
|
|
19
|
-
return
|
|
18
|
+
return to;
|
|
20
19
|
};
|
|
21
|
-
var
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
20
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
21
|
+
// If the importer is in node compatibility mode or this is not an ESM
|
|
22
|
+
// file that has been converted to a CommonJS file using a Babel-
|
|
23
|
+
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
24
|
+
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
25
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
26
|
+
mod
|
|
27
|
+
));
|
|
28
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
29
|
+
var TransitionInOut_exports = {};
|
|
30
|
+
__export(TransitionInOut_exports, {
|
|
25
31
|
default: () => TransitionInOut_default
|
|
26
32
|
});
|
|
27
|
-
|
|
28
|
-
var
|
|
29
|
-
var
|
|
33
|
+
module.exports = __toCommonJS(TransitionInOut_exports);
|
|
34
|
+
var import_react = __toESM(require("react"));
|
|
35
|
+
var import_react_transition_group = require("react-transition-group");
|
|
36
|
+
var import_styled_components = __toESM(require("styled-components"));
|
|
30
37
|
const duration = 150;
|
|
31
38
|
const ChildrenWrapper = import_styled_components.default.div`
|
|
32
39
|
transition: ${(props) => `opacity ${props.timeout}ms ease-in-out`};
|
|
@@ -52,13 +59,6 @@ const TransitionInOut = ({
|
|
|
52
59
|
in: inProp,
|
|
53
60
|
timeout = duration,
|
|
54
61
|
...TransitionProps
|
|
55
|
-
}) => /* @__PURE__ */ import_react.default.createElement(import_react_transition_group.CSSTransition, {
|
|
56
|
-
...TransitionProps,
|
|
57
|
-
in: inProp,
|
|
58
|
-
timeout,
|
|
59
|
-
classNames: "transition-inout"
|
|
60
|
-
}, /* @__PURE__ */ import_react.default.createElement(ChildrenWrapper, {
|
|
61
|
-
timeout
|
|
62
|
-
}, children));
|
|
62
|
+
}) => /* @__PURE__ */ import_react.default.createElement(import_react_transition_group.CSSTransition, { ...TransitionProps, in: inProp, timeout, classNames: "transition-inout" }, /* @__PURE__ */ import_react.default.createElement(ChildrenWrapper, { timeout }, children));
|
|
63
63
|
var TransitionInOut_default = TransitionInOut;
|
|
64
64
|
//# sourceMappingURL=TransitionInOut.js.map
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../src/components/transitions/TransitionInOut.tsx"],
|
|
4
4
|
"sourcesContent": ["import React from \"react\";\nimport { CSSTransition } from \"react-transition-group\";\nimport { CSSTransitionProps } from \"react-transition-group/CSSTransition\";\nimport styled from \"styled-components\";\nconst duration = 150;\nconst ChildrenWrapper = styled.div<{ timeout: number }>`\n transition: ${(props) => `opacity ${props.timeout}ms ease-in-out`};\n\n &.transition-inout-enter {\n opacity: 0;\n }\n\n &.transition-inout-enter-active {\n opacity: 1;\n }\n\n &.transition-inout-exit {\n opacity: 1;\n }\n\n &.transition-inout-exit-active {\n opacity: 0;\n }\n`;\ntype TransitionInOutProps = Partial<\n CSSTransitionProps & {\n children: React.ReactNode;\n in: boolean;\n timeout?: number;\n appear?: boolean;\n mountOnEnter?: boolean;\n unmountOnExit?: boolean;\n }\n>;\n\nconst TransitionInOut = ({\n children,\n in: inProp,\n timeout = duration,\n ...TransitionProps\n}: TransitionInOutProps): JSX.Element => (\n <CSSTransition {...TransitionProps} in={inProp} timeout={timeout} classNames=\"transition-inout\">\n <ChildrenWrapper timeout={timeout}>{children}</ChildrenWrapper>\n </CSSTransition>\n);\n\nexport default TransitionInOut;\n"],
|
|
5
|
-
"mappings": "
|
|
6
|
-
"names": []
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,oCAA8B;AAE9B,+BAAmB;AACnB,MAAM,WAAW;AACjB,MAAM,kBAAkB,yBAAAA,QAAO;AAAA,gBACf,CAAC,UAAU,WAAW,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA6B5C,MAAM,kBAAkB,CAAC;AAAA,EACvB;AAAA,EACA,IAAI;AAAA,EACJ,UAAU;AAAA,EACV,GAAG;AACL,MACE,6BAAAC,QAAA,cAAC,+CAAe,GAAG,iBAAiB,IAAI,QAAQ,SAAkB,YAAW,sBAC3E,6BAAAA,QAAA,cAAC,mBAAgB,WAAmB,QAAS,CAC/C;AAGF,IAAO,0BAAQ;",
|
|
6
|
+
"names": ["styled", "React"]
|
|
7
7
|
}
|
|
@@ -1,32 +1,39 @@
|
|
|
1
|
+
"use strict";
|
|
1
2
|
var __create = Object.create;
|
|
2
3
|
var __defProp = Object.defineProperty;
|
|
3
4
|
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
5
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
6
|
var __getProtoOf = Object.getPrototypeOf;
|
|
6
7
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
-
var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
|
|
8
8
|
var __export = (target, all) => {
|
|
9
|
-
__markAsModule(target);
|
|
10
9
|
for (var name in all)
|
|
11
10
|
__defProp(target, name, { get: all[name], enumerable: true });
|
|
12
11
|
};
|
|
13
|
-
var
|
|
14
|
-
if (
|
|
15
|
-
for (let key of __getOwnPropNames(
|
|
16
|
-
if (!__hasOwnProp.call(
|
|
17
|
-
__defProp(
|
|
12
|
+
var __copyProps = (to, from, except, desc) => {
|
|
13
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
14
|
+
for (let key of __getOwnPropNames(from))
|
|
15
|
+
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
16
|
+
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
18
17
|
}
|
|
19
|
-
return
|
|
18
|
+
return to;
|
|
20
19
|
};
|
|
21
|
-
var
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
20
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
21
|
+
// If the importer is in node compatibility mode or this is not an ESM
|
|
22
|
+
// file that has been converted to a CommonJS file using a Babel-
|
|
23
|
+
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
24
|
+
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
25
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
26
|
+
mod
|
|
27
|
+
));
|
|
28
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
29
|
+
var TransitionScale_exports = {};
|
|
30
|
+
__export(TransitionScale_exports, {
|
|
25
31
|
default: () => TransitionScale_default
|
|
26
32
|
});
|
|
27
|
-
|
|
28
|
-
var
|
|
29
|
-
var
|
|
33
|
+
module.exports = __toCommonJS(TransitionScale_exports);
|
|
34
|
+
var import_react = __toESM(require("react"));
|
|
35
|
+
var import_react_transition_group = require("react-transition-group");
|
|
36
|
+
var import_styled_components = __toESM(require("styled-components"));
|
|
30
37
|
const duration = 150;
|
|
31
38
|
const ChildrenWrapper = import_styled_components.default.div`
|
|
32
39
|
transition: transform ${duration}ms;
|
|
@@ -52,11 +59,6 @@ const TransitionScale = ({
|
|
|
52
59
|
in: inProp,
|
|
53
60
|
timeout = duration,
|
|
54
61
|
...TransitionProps
|
|
55
|
-
}) => /* @__PURE__ */ import_react.default.createElement(import_react_transition_group.CSSTransition, {
|
|
56
|
-
...TransitionProps,
|
|
57
|
-
in: inProp,
|
|
58
|
-
timeout,
|
|
59
|
-
classNames: "transition-scale"
|
|
60
|
-
}, /* @__PURE__ */ import_react.default.createElement(ChildrenWrapper, null, children));
|
|
62
|
+
}) => /* @__PURE__ */ import_react.default.createElement(import_react_transition_group.CSSTransition, { ...TransitionProps, in: inProp, timeout, classNames: "transition-scale" }, /* @__PURE__ */ import_react.default.createElement(ChildrenWrapper, null, children));
|
|
61
63
|
var TransitionScale_default = TransitionScale;
|
|
62
64
|
//# sourceMappingURL=TransitionScale.js.map
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../src/components/transitions/TransitionScale.tsx"],
|
|
4
4
|
"sourcesContent": ["import React from \"react\";\nimport { CSSTransition } from \"react-transition-group\";\nimport { CSSTransitionProps } from \"react-transition-group/CSSTransition\";\nimport styled from \"styled-components\";\nconst duration = 150;\nconst ChildrenWrapper = styled.div`\n transition: transform ${duration}ms;\n\n &.transition-scale-appear {\n transform: scale(0.9);\n }\n\n &.transition-scale-appear-active {\n transform: scale(1);\n }\n\n &.transition-scale-exit {\n transform: scale(1);\n }\n\n &.transition-scale-exit-active {\n transform: scale(0.9);\n }\n`;\ntype TransitionScaleProps = Partial<\n CSSTransitionProps & {\n children: React.ReactNode;\n in: boolean;\n timeout?: number;\n appear?: boolean;\n mountOnEnter?: boolean;\n unmountOnExit?: boolean;\n }\n>;\n\nconst TransitionScale = ({\n children,\n in: inProp,\n timeout = duration,\n ...TransitionProps\n}: TransitionScaleProps) => (\n <CSSTransition {...TransitionProps} in={inProp} timeout={timeout} classNames=\"transition-scale\">\n <ChildrenWrapper>{children}</ChildrenWrapper>\n </CSSTransition>\n);\n\nexport default TransitionScale;\n"],
|
|
5
|
-
"mappings": "
|
|
6
|
-
"names": []
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,oCAA8B;AAE9B,+BAAmB;AACnB,MAAM,WAAW;AACjB,MAAM,kBAAkB,yBAAAA,QAAO;AAAA,0BACL;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA6B1B,MAAM,kBAAkB,CAAC;AAAA,EACvB;AAAA,EACA,IAAI;AAAA,EACJ,UAAU;AAAA,EACV,GAAG;AACL,MACE,6BAAAC,QAAA,cAAC,+CAAe,GAAG,iBAAiB,IAAI,QAAQ,SAAkB,YAAW,sBAC3E,6BAAAA,QAAA,cAAC,uBAAiB,QAAS,CAC7B;AAGF,IAAO,0BAAQ;",
|
|
6
|
+
"names": ["styled", "React"]
|
|
7
7
|
}
|
|
@@ -1,32 +1,39 @@
|
|
|
1
|
+
"use strict";
|
|
1
2
|
var __create = Object.create;
|
|
2
3
|
var __defProp = Object.defineProperty;
|
|
3
4
|
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
5
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
6
|
var __getProtoOf = Object.getPrototypeOf;
|
|
6
7
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
-
var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
|
|
8
8
|
var __export = (target, all) => {
|
|
9
|
-
__markAsModule(target);
|
|
10
9
|
for (var name in all)
|
|
11
10
|
__defProp(target, name, { get: all[name], enumerable: true });
|
|
12
11
|
};
|
|
13
|
-
var
|
|
14
|
-
if (
|
|
15
|
-
for (let key of __getOwnPropNames(
|
|
16
|
-
if (!__hasOwnProp.call(
|
|
17
|
-
__defProp(
|
|
12
|
+
var __copyProps = (to, from, except, desc) => {
|
|
13
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
14
|
+
for (let key of __getOwnPropNames(from))
|
|
15
|
+
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
16
|
+
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
18
17
|
}
|
|
19
|
-
return
|
|
18
|
+
return to;
|
|
20
19
|
};
|
|
21
|
-
var
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
20
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
21
|
+
// If the importer is in node compatibility mode or this is not an ESM
|
|
22
|
+
// file that has been converted to a CommonJS file using a Babel-
|
|
23
|
+
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
24
|
+
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
25
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
26
|
+
mod
|
|
27
|
+
));
|
|
28
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
29
|
+
var TransitionSlide_exports = {};
|
|
30
|
+
__export(TransitionSlide_exports, {
|
|
25
31
|
default: () => TransitionSlide_default
|
|
26
32
|
});
|
|
27
|
-
|
|
28
|
-
var
|
|
29
|
-
var
|
|
33
|
+
module.exports = __toCommonJS(TransitionSlide_exports);
|
|
34
|
+
var import_react = __toESM(require("react"));
|
|
35
|
+
var import_react_transition_group = require("react-transition-group");
|
|
36
|
+
var import_styled_components = __toESM(require("styled-components"));
|
|
30
37
|
const duration = 300;
|
|
31
38
|
const ChildrenWrapper = import_styled_components.default.div`
|
|
32
39
|
transition: all ${duration}ms ease-in-out;
|
|
@@ -79,13 +86,6 @@ const TransitionSlide = ({
|
|
|
79
86
|
direction = "left",
|
|
80
87
|
reverseExit,
|
|
81
88
|
...props
|
|
82
|
-
}) => /* @__PURE__ */ import_react.default.createElement(import_react_transition_group.CSSTransition, {
|
|
83
|
-
...props,
|
|
84
|
-
timeout: duration,
|
|
85
|
-
classNames: `transition-${direction}`
|
|
86
|
-
}, /* @__PURE__ */ import_react.default.createElement(ChildrenWrapper, {
|
|
87
|
-
fixed,
|
|
88
|
-
reverseExit
|
|
89
|
-
}, children));
|
|
89
|
+
}) => /* @__PURE__ */ import_react.default.createElement(import_react_transition_group.CSSTransition, { ...props, timeout: duration, classNames: `transition-${direction}` }, /* @__PURE__ */ import_react.default.createElement(ChildrenWrapper, { fixed, reverseExit }, children));
|
|
90
90
|
var TransitionSlide_default = TransitionSlide;
|
|
91
91
|
//# sourceMappingURL=TransitionSlide.js.map
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../src/components/transitions/TransitionSlide.tsx"],
|
|
4
4
|
"sourcesContent": ["import React from \"react\";\nimport { CSSTransition } from \"react-transition-group\";\nimport { CSSTransitionProps } from \"react-transition-group/CSSTransition\";\nimport styled from \"styled-components\";\nconst duration = 300;\nconst ChildrenWrapper = styled.div<{ fixed?: boolean; reverseExit?: boolean }>`\n transition: all ${duration}ms ease-in-out;\n will-change: transform;\n ${(p) =>\n !p.fixed\n ? `\n position: absolute;\n width: 100%;\n `\n : \"\"}\n height: 100%;\n\n &.transition-left-appear,\n &.transition-left-enter {\n transform: translateX(100%);\n }\n\n &.transition-left-appear-active,\n &.transition-left-enter-active {\n transform: translateX(0%);\n }\n\n &.transition-left-exit {\n transform: translateX(0%);\n }\n\n &.transition-left-exit-active {\n transform: translateX(${(p) => (p.reverseExit ? 100 : -100)}%);\n }\n\n &.transition-right-appear,\n &.transition-right-enter {\n transform: translateX(-100%);\n }\n\n &.transition-right-appear-active,\n &.transition-right-enter-active {\n transform: translateX(0%);\n }\n\n &.transition-right-exit {\n transform: translateX(0%);\n }\n\n &.transition-right-exit-active {\n transform: translateX(${(p) => (p.reverseExit ? -100 : 100)}%);\n }\n`;\ntype TransitionSlideProps = Partial<\n CSSTransitionProps & {\n children: React.ReactNode;\n fixed: boolean;\n reverseExit?: boolean;\n direction?: \"left\" | \"right\" | string;\n }\n>;\n\nconst TransitionSlide = ({\n children,\n fixed,\n direction = \"left\",\n reverseExit,\n ...props\n}: TransitionSlideProps) => (\n <CSSTransition {...props} timeout={duration} classNames={`transition-${direction}`}>\n <ChildrenWrapper fixed={fixed} reverseExit={reverseExit}>\n {children}\n </ChildrenWrapper>\n </CSSTransition>\n);\n\nexport default TransitionSlide;\n"],
|
|
5
|
-
"mappings": "
|
|
6
|
-
"names": []
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,oCAA8B;AAE9B,+BAAmB;AACnB,MAAM,WAAW;AACjB,MAAM,kBAAkB,yBAAAA,QAAO;AAAA,oBACX;AAAA;AAAA,IAEhB,CAAC,MACD,CAAC,EAAE,QACC;AAAA;AAAA;AAAA,QAIA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,4BAkBoB,CAAC,MAAO,EAAE,cAAc,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,4BAkB9B,CAAC,MAAO,EAAE,cAAc,OAAO;AAAA;AAAA;AAY3D,MAAM,kBAAkB,CAAC;AAAA,EACvB;AAAA,EACA;AAAA,EACA,YAAY;AAAA,EACZ;AAAA,EACA,GAAG;AACL,MACE,6BAAAC,QAAA,cAAC,+CAAe,GAAG,OAAO,SAAS,UAAU,YAAY,cAAc,eACrE,6BAAAA,QAAA,cAAC,mBAAgB,OAAc,eAC5B,QACH,CACF;AAGF,IAAO,0BAAQ;",
|
|
6
|
+
"names": ["styled", "React"]
|
|
7
7
|
}
|
|
@@ -1,32 +1,39 @@
|
|
|
1
|
+
"use strict";
|
|
1
2
|
var __create = Object.create;
|
|
2
3
|
var __defProp = Object.defineProperty;
|
|
3
4
|
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
5
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
6
|
var __getProtoOf = Object.getPrototypeOf;
|
|
6
7
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
-
var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
|
|
8
8
|
var __export = (target, all) => {
|
|
9
|
-
__markAsModule(target);
|
|
10
9
|
for (var name in all)
|
|
11
10
|
__defProp(target, name, { get: all[name], enumerable: true });
|
|
12
11
|
};
|
|
13
|
-
var
|
|
14
|
-
if (
|
|
15
|
-
for (let key of __getOwnPropNames(
|
|
16
|
-
if (!__hasOwnProp.call(
|
|
17
|
-
__defProp(
|
|
12
|
+
var __copyProps = (to, from, except, desc) => {
|
|
13
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
14
|
+
for (let key of __getOwnPropNames(from))
|
|
15
|
+
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
16
|
+
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
18
17
|
}
|
|
19
|
-
return
|
|
18
|
+
return to;
|
|
20
19
|
};
|
|
21
|
-
var
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
20
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
21
|
+
// If the importer is in node compatibility mode or this is not an ESM
|
|
22
|
+
// file that has been converted to a CommonJS file using a Babel-
|
|
23
|
+
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
24
|
+
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
25
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
26
|
+
mod
|
|
27
|
+
));
|
|
28
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
29
|
+
var transitions_exports = {};
|
|
30
|
+
__export(transitions_exports, {
|
|
25
31
|
TransitionInOut: () => import_TransitionInOut.default,
|
|
26
32
|
TransitionScale: () => import_TransitionScale.default,
|
|
27
33
|
TransitionSlide: () => import_TransitionSlide.default
|
|
28
34
|
});
|
|
29
|
-
|
|
30
|
-
var
|
|
31
|
-
var
|
|
35
|
+
module.exports = __toCommonJS(transitions_exports);
|
|
36
|
+
var import_TransitionInOut = __toESM(require("./TransitionInOut"));
|
|
37
|
+
var import_TransitionScale = __toESM(require("./TransitionScale"));
|
|
38
|
+
var import_TransitionSlide = __toESM(require("./TransitionSlide"));
|
|
32
39
|
//# sourceMappingURL=index.js.map
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../src/components/transitions/index.ts"],
|
|
4
4
|
"sourcesContent": ["export { default as TransitionInOut } from \"./TransitionInOut\";\nexport { default as TransitionScale } from \"./TransitionScale\";\nexport { default as TransitionSlide } from \"./TransitionSlide\";\n"],
|
|
5
|
-
"mappings": "
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,6BAA2C;AAC3C,6BAA2C;AAC3C,6BAA2C;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/lib/cjs/index.js
CHANGED
|
@@ -1,32 +1,30 @@
|
|
|
1
|
-
|
|
1
|
+
"use strict";
|
|
2
2
|
var __defProp = Object.defineProperty;
|
|
3
3
|
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
4
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
-
var __getProtoOf = Object.getPrototypeOf;
|
|
6
5
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
-
var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
|
|
8
6
|
var __export = (target, all) => {
|
|
9
|
-
__markAsModule(target);
|
|
10
7
|
for (var name in all)
|
|
11
8
|
__defProp(target, name, { get: all[name], enumerable: true });
|
|
12
9
|
};
|
|
13
|
-
var
|
|
14
|
-
if (
|
|
15
|
-
for (let key of __getOwnPropNames(
|
|
16
|
-
if (!__hasOwnProp.call(
|
|
17
|
-
__defProp(
|
|
10
|
+
var __copyProps = (to, from, except, desc) => {
|
|
11
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
12
|
+
for (let key of __getOwnPropNames(from))
|
|
13
|
+
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
14
|
+
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
18
15
|
}
|
|
19
|
-
return
|
|
16
|
+
return to;
|
|
20
17
|
};
|
|
21
|
-
var
|
|
22
|
-
|
|
23
|
-
};
|
|
24
|
-
__export(
|
|
18
|
+
var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
|
|
19
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
20
|
+
var src_exports = {};
|
|
21
|
+
__export(src_exports, {
|
|
25
22
|
InvertTheme: () => import_styles.InvertTheme,
|
|
26
23
|
InvertThemeV3: () => import_styles.InvertThemeV3,
|
|
27
24
|
StyleProvider: () => import_styles.StyleProvider
|
|
28
25
|
});
|
|
29
|
-
|
|
30
|
-
__reExport(
|
|
31
|
-
|
|
26
|
+
module.exports = __toCommonJS(src_exports);
|
|
27
|
+
__reExport(src_exports, require("./components"), module.exports);
|
|
28
|
+
__reExport(src_exports, require("./assets"), module.exports);
|
|
29
|
+
var import_styles = require("./styles");
|
|
32
30
|
//# sourceMappingURL=index.js.map
|
package/lib/cjs/index.js.map
CHANGED
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/index.ts"],
|
|
4
4
|
"sourcesContent": ["export * from \"./components\";\nexport * from \"./assets\";\nexport { StyleProvider, InvertTheme, InvertThemeV3 } from \"./styles\";\nexport type { Theme } from \"./styles\";\n"],
|
|
5
|
-
"mappings": "
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAAc,yBAAd;AACA,wBAAc,qBADd;AAEA,oBAA0D;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -1,65 +1,74 @@
|
|
|
1
|
+
"use strict";
|
|
1
2
|
var __create = Object.create;
|
|
2
3
|
var __defProp = Object.defineProperty;
|
|
3
4
|
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
5
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
6
|
var __getProtoOf = Object.getPrototypeOf;
|
|
6
7
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
-
var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
|
|
8
8
|
var __export = (target, all) => {
|
|
9
|
-
__markAsModule(target);
|
|
10
9
|
for (var name in all)
|
|
11
10
|
__defProp(target, name, { get: all[name], enumerable: true });
|
|
12
11
|
};
|
|
13
|
-
var
|
|
14
|
-
if (
|
|
15
|
-
for (let key of __getOwnPropNames(
|
|
16
|
-
if (!__hasOwnProp.call(
|
|
17
|
-
__defProp(
|
|
12
|
+
var __copyProps = (to, from, except, desc) => {
|
|
13
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
14
|
+
for (let key of __getOwnPropNames(from))
|
|
15
|
+
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
16
|
+
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
18
17
|
}
|
|
19
|
-
return
|
|
18
|
+
return to;
|
|
20
19
|
};
|
|
21
|
-
var
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
20
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
21
|
+
// If the importer is in node compatibility mode or this is not an ESM
|
|
22
|
+
// file that has been converted to a CommonJS file using a Babel-
|
|
23
|
+
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
24
|
+
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
25
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
26
|
+
mod
|
|
27
|
+
));
|
|
28
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
29
|
+
var InvertTheme_exports = {};
|
|
30
|
+
__export(InvertTheme_exports, {
|
|
25
31
|
InvertTheme: () => InvertTheme,
|
|
26
32
|
InvertThemeV3: () => InvertThemeV3
|
|
27
33
|
});
|
|
28
|
-
|
|
29
|
-
var
|
|
30
|
-
var
|
|
31
|
-
var
|
|
32
|
-
var
|
|
34
|
+
module.exports = __toCommonJS(InvertTheme_exports);
|
|
35
|
+
var import_react = __toESM(require("react"));
|
|
36
|
+
var import_styled_components = require("styled-components");
|
|
37
|
+
var import__ = require(".");
|
|
38
|
+
var import_ui_shared = require("@ledgerhq/ui-shared");
|
|
39
|
+
var import_theme = __toESM(require("./theme"));
|
|
33
40
|
const InvertTheme = ({
|
|
34
41
|
if: condition,
|
|
35
42
|
children
|
|
36
43
|
}) => {
|
|
37
44
|
const theme = (0, import_styled_components.useTheme)();
|
|
38
45
|
const revertTheme = theme.theme === "light" ? "dark" : "light";
|
|
39
|
-
const newTheme = (0, import_react.useMemo)(
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
46
|
+
const newTheme = (0, import_react.useMemo)(
|
|
47
|
+
() => ({
|
|
48
|
+
...import__.defaultTheme,
|
|
49
|
+
colors: { ...import_ui_shared.palettes[revertTheme], palette: import_ui_shared.palettes[revertTheme] },
|
|
50
|
+
theme: revertTheme
|
|
51
|
+
}),
|
|
52
|
+
[revertTheme]
|
|
53
|
+
);
|
|
54
|
+
return /* @__PURE__ */ import_react.default.createElement(import_styled_components.ThemeProvider, { theme: condition ? newTheme : theme }, children);
|
|
47
55
|
};
|
|
48
56
|
const InvertThemeV3 = ({ children }) => {
|
|
49
57
|
const theme = (0, import_styled_components.useTheme)();
|
|
50
58
|
const v3RevertTheme = theme.theme === "light" ? "dark" : "light";
|
|
51
|
-
const newTheme = (0, import_react.useMemo)(
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
59
|
+
const newTheme = (0, import_react.useMemo)(
|
|
60
|
+
() => ({
|
|
61
|
+
...import__.defaultTheme,
|
|
62
|
+
...import_theme.default,
|
|
63
|
+
colors: {
|
|
64
|
+
...import__.defaultTheme.colors,
|
|
65
|
+
...import_ui_shared.palettes[v3RevertTheme],
|
|
66
|
+
palette: import_ui_shared.palettes[v3RevertTheme]
|
|
67
|
+
},
|
|
68
|
+
theme: v3RevertTheme
|
|
69
|
+
}),
|
|
70
|
+
[v3RevertTheme]
|
|
71
|
+
);
|
|
72
|
+
return /* @__PURE__ */ import_react.default.createElement(import_styled_components.ThemeProvider, { theme: newTheme }, children);
|
|
64
73
|
};
|
|
65
74
|
//# sourceMappingURL=InvertTheme.js.map
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/styles/InvertTheme.tsx"],
|
|
4
4
|
"sourcesContent": ["import React, { useMemo } from \"react\";\nimport { ThemeProvider, useTheme } from \"styled-components\";\nimport { defaultTheme } from \".\";\nimport { palettes } from \"@ledgerhq/ui-shared\";\nimport V3dDfaultTheme, { Theme } from \"./theme\";\n\nexport type Props = {\n if?: boolean;\n};\n\nexport const InvertTheme = ({\n if: condition,\n children,\n}: React.PropsWithChildren<Props>): React.ReactElement => {\n const theme = useTheme();\n const revertTheme = theme.theme === \"light\" ? \"dark\" : \"light\";\n const newTheme: Theme = useMemo(\n () => ({\n ...defaultTheme,\n colors: { ...palettes[revertTheme], palette: palettes[revertTheme] },\n theme: revertTheme,\n }),\n [revertTheme],\n );\n\n return <ThemeProvider theme={condition ? newTheme : theme}>{children}</ThemeProvider>;\n};\n\nexport const InvertThemeV3 = ({ children }: any): React.ReactElement => {\n const theme = useTheme();\n const v3RevertTheme = theme.theme === \"light\" ? \"dark\" : \"light\";\n const newTheme: Theme = useMemo(\n () => ({\n ...defaultTheme,\n ...V3dDfaultTheme,\n colors: {\n ...defaultTheme.colors,\n ...palettes[v3RevertTheme],\n palette: palettes[v3RevertTheme],\n },\n theme: v3RevertTheme,\n }),\n [v3RevertTheme],\n );\n return <ThemeProvider theme={newTheme}>{children}</ThemeProvider>;\n};\n"],
|
|
5
|
-
"mappings": "
|
|
6
|
-
"names": []
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA+B;AAC/B,+BAAwC;AACxC,eAA6B;AAC7B,uBAAyB;AACzB,mBAAsC;AAM/B,MAAM,cAAc,CAAC;AAAA,EAC1B,IAAI;AAAA,EACJ;AACF,MAA0D;AACxD,QAAM,YAAQ,mCAAS;AACvB,QAAM,cAAc,MAAM,UAAU,UAAU,SAAS;AACvD,QAAM,eAAkB;AAAA,IACtB,OAAO;AAAA,MACL,GAAG;AAAA,MACH,QAAQ,EAAE,GAAG,0BAAS,WAAW,GAAG,SAAS,0BAAS,WAAW,EAAE;AAAA,MACnE,OAAO;AAAA,IACT;AAAA,IACA,CAAC,WAAW;AAAA,EACd;AAEA,SAAO,6BAAAA,QAAA,cAAC,0CAAc,OAAO,YAAY,WAAW,SAAQ,QAAS;AACvE;AAEO,MAAM,gBAAgB,CAAC,EAAE,SAAS,MAA+B;AACtE,QAAM,YAAQ,mCAAS;AACvB,QAAM,gBAAgB,MAAM,UAAU,UAAU,SAAS;AACzD,QAAM,eAAkB;AAAA,IACtB,OAAO;AAAA,MACL,GAAG;AAAA,MACH,GAAG,aAAAC;AAAA,MACH,QAAQ;AAAA,QACN,GAAG,sBAAa;AAAA,QAChB,GAAG,0BAAS,aAAa;AAAA,QACzB,SAAS,0BAAS,aAAa;AAAA,MACjC;AAAA,MACA,OAAO;AAAA,IACT;AAAA,IACA,CAAC,aAAa;AAAA,EAChB;AACA,SAAO,6BAAAD,QAAA,cAAC,0CAAc,OAAO,YAAW,QAAS;AACnD;",
|
|
6
|
+
"names": ["React", "V3dDfaultTheme"]
|
|
7
7
|
}
|
|
@@ -1,34 +1,41 @@
|
|
|
1
|
+
"use strict";
|
|
1
2
|
var __create = Object.create;
|
|
2
3
|
var __defProp = Object.defineProperty;
|
|
3
4
|
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
5
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
6
|
var __getProtoOf = Object.getPrototypeOf;
|
|
6
7
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
-
var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
|
|
8
8
|
var __export = (target, all) => {
|
|
9
|
-
__markAsModule(target);
|
|
10
9
|
for (var name in all)
|
|
11
10
|
__defProp(target, name, { get: all[name], enumerable: true });
|
|
12
11
|
};
|
|
13
|
-
var
|
|
14
|
-
if (
|
|
15
|
-
for (let key of __getOwnPropNames(
|
|
16
|
-
if (!__hasOwnProp.call(
|
|
17
|
-
__defProp(
|
|
12
|
+
var __copyProps = (to, from, except, desc) => {
|
|
13
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
14
|
+
for (let key of __getOwnPropNames(from))
|
|
15
|
+
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
16
|
+
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
18
17
|
}
|
|
19
|
-
return
|
|
18
|
+
return to;
|
|
20
19
|
};
|
|
21
|
-
var
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
20
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
21
|
+
// If the importer is in node compatibility mode or this is not an ESM
|
|
22
|
+
// file that has been converted to a CommonJS file using a Babel-
|
|
23
|
+
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
24
|
+
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
25
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
26
|
+
mod
|
|
27
|
+
));
|
|
28
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
29
|
+
var Spacing_stories_exports = {};
|
|
30
|
+
__export(Spacing_stories_exports, {
|
|
25
31
|
Spacing: () => Spacing,
|
|
26
32
|
default: () => Spacing_stories_default
|
|
27
33
|
});
|
|
28
|
-
|
|
29
|
-
var
|
|
30
|
-
var
|
|
31
|
-
var
|
|
34
|
+
module.exports = __toCommonJS(Spacing_stories_exports);
|
|
35
|
+
var import_react = __toESM(require("react"));
|
|
36
|
+
var import_styled_components = __toESM(require("styled-components"));
|
|
37
|
+
var import_Flex = __toESM(require("../components/layout/Flex"));
|
|
38
|
+
var import_Text = __toESM(require("../components/asorted/Text"));
|
|
32
39
|
var Spacing_stories_default = {
|
|
33
40
|
title: "Particles"
|
|
34
41
|
};
|
|
@@ -52,24 +59,15 @@ const Spacing = () => {
|
|
|
52
59
|
const handleClick = (index) => {
|
|
53
60
|
navigator.clipboard.writeText(`space[${index + 1}]`);
|
|
54
61
|
};
|
|
55
|
-
return /* @__PURE__ */ import_react.default.createElement(import_Flex.default, {
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
style: { minWidth: "5ch" }
|
|
64
|
-
}, `${value}px`, /* @__PURE__ */ import_react.default.createElement("br", null), /* @__PURE__ */ import_react.default.createElement(import_Text.default, {
|
|
65
|
-
variant: "small",
|
|
66
|
-
color: "neutral.c70"
|
|
67
|
-
}, "space[", index + 1, "]")), /* @__PURE__ */ import_react.default.createElement(import_Flex.default, {
|
|
68
|
-
flexGrow: 1,
|
|
69
|
-
style: {
|
|
70
|
-
height: value,
|
|
71
|
-
backgroundColor: theme.colors.primary.c20
|
|
62
|
+
return /* @__PURE__ */ import_react.default.createElement(import_Flex.default, { flexDirection: "column", rowGap: "24px" }, space.map((value, index) => /* @__PURE__ */ import_react.default.createElement(SpaceRow, { key: value, onClick: () => handleClick(index) }, /* @__PURE__ */ import_react.default.createElement(import_Text.default, { variant: "small", style: { minWidth: "5ch" } }, `${value}px`, /* @__PURE__ */ import_react.default.createElement("br", null), /* @__PURE__ */ import_react.default.createElement(import_Text.default, { variant: "small", color: "neutral.c70" }, "space[", index + 1, "]")), /* @__PURE__ */ import_react.default.createElement(
|
|
63
|
+
import_Flex.default,
|
|
64
|
+
{
|
|
65
|
+
flexGrow: 1,
|
|
66
|
+
style: {
|
|
67
|
+
height: value,
|
|
68
|
+
backgroundColor: theme.colors.primary.c20
|
|
69
|
+
}
|
|
72
70
|
}
|
|
73
|
-
|
|
71
|
+
))));
|
|
74
72
|
};
|
|
75
73
|
//# sourceMappingURL=Spacing.stories.js.map
|