@bacon-pos/ui 0.1.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/LICENSE +21 -0
- package/README.md +236 -0
- package/lib/commonjs/components/Avatar/Avatar.js +96 -0
- package/lib/commonjs/components/Avatar/Avatar.js.map +1 -0
- package/lib/commonjs/components/Avatar/Avatar.stories.js +87 -0
- package/lib/commonjs/components/Avatar/Avatar.stories.js.map +1 -0
- package/lib/commonjs/components/Avatar/Avatar.test.js +63 -0
- package/lib/commonjs/components/Avatar/Avatar.test.js.map +1 -0
- package/lib/commonjs/components/Avatar/index.js +13 -0
- package/lib/commonjs/components/Avatar/index.js.map +1 -0
- package/lib/commonjs/components/Button/Button.js +201 -0
- package/lib/commonjs/components/Button/Button.js.map +1 -0
- package/lib/commonjs/components/Button/Button.stories.js +139 -0
- package/lib/commonjs/components/Button/Button.stories.js.map +1 -0
- package/lib/commonjs/components/Button/Button.test.js +64 -0
- package/lib/commonjs/components/Button/Button.test.js.map +1 -0
- package/lib/commonjs/components/Button/index.js +13 -0
- package/lib/commonjs/components/Button/index.js.map +1 -0
- package/lib/commonjs/components/Card/Card.js +129 -0
- package/lib/commonjs/components/Card/Card.js.map +1 -0
- package/lib/commonjs/components/Card/Card.stories.js +87 -0
- package/lib/commonjs/components/Card/Card.stories.js.map +1 -0
- package/lib/commonjs/components/Card/Card.test.js +51 -0
- package/lib/commonjs/components/Card/Card.test.js.map +1 -0
- package/lib/commonjs/components/Card/index.js +13 -0
- package/lib/commonjs/components/Card/index.js.map +1 -0
- package/lib/commonjs/components/Checkbox/Checkbox.js +75 -0
- package/lib/commonjs/components/Checkbox/Checkbox.js.map +1 -0
- package/lib/commonjs/components/Checkbox/Checkbox.stories.js +69 -0
- package/lib/commonjs/components/Checkbox/Checkbox.stories.js.map +1 -0
- package/lib/commonjs/components/Checkbox/Checkbox.test.js +62 -0
- package/lib/commonjs/components/Checkbox/Checkbox.test.js.map +1 -0
- package/lib/commonjs/components/Checkbox/index.js +13 -0
- package/lib/commonjs/components/Checkbox/index.js.map +1 -0
- package/lib/commonjs/components/Chip/Chip.js +119 -0
- package/lib/commonjs/components/Chip/Chip.js.map +1 -0
- package/lib/commonjs/components/Chip/Chip.stories.js +112 -0
- package/lib/commonjs/components/Chip/Chip.stories.js.map +1 -0
- package/lib/commonjs/components/Chip/Chip.test.js +63 -0
- package/lib/commonjs/components/Chip/Chip.test.js.map +1 -0
- package/lib/commonjs/components/Chip/ChipGroup.js +54 -0
- package/lib/commonjs/components/Chip/ChipGroup.js.map +1 -0
- package/lib/commonjs/components/Chip/ChipGroup.stories.js +78 -0
- package/lib/commonjs/components/Chip/ChipGroup.stories.js.map +1 -0
- package/lib/commonjs/components/Chip/ChipGroup.test.js +70 -0
- package/lib/commonjs/components/Chip/ChipGroup.test.js.map +1 -0
- package/lib/commonjs/components/Chip/index.js +20 -0
- package/lib/commonjs/components/Chip/index.js.map +1 -0
- package/lib/commonjs/components/CodeInput/CodeInput.js +163 -0
- package/lib/commonjs/components/CodeInput/CodeInput.js.map +1 -0
- package/lib/commonjs/components/CodeInput/CodeInput.stories.js +98 -0
- package/lib/commonjs/components/CodeInput/CodeInput.stories.js.map +1 -0
- package/lib/commonjs/components/CodeInput/CodeInput.test.js +74 -0
- package/lib/commonjs/components/CodeInput/CodeInput.test.js.map +1 -0
- package/lib/commonjs/components/CodeInput/index.js +13 -0
- package/lib/commonjs/components/CodeInput/index.js.map +1 -0
- package/lib/commonjs/components/Icon/Icon.js +32 -0
- package/lib/commonjs/components/Icon/Icon.js.map +1 -0
- package/lib/commonjs/components/Icon/Icon.stories.js +94 -0
- package/lib/commonjs/components/Icon/Icon.stories.js.map +1 -0
- package/lib/commonjs/components/Icon/Icon.test.js +38 -0
- package/lib/commonjs/components/Icon/Icon.test.js.map +1 -0
- package/lib/commonjs/components/Icon/icons.generated.js +179 -0
- package/lib/commonjs/components/Icon/icons.generated.js.map +1 -0
- package/lib/commonjs/components/Icon/index.js +20 -0
- package/lib/commonjs/components/Icon/index.js.map +1 -0
- package/lib/commonjs/components/IconButton/IconButton.js +139 -0
- package/lib/commonjs/components/IconButton/IconButton.js.map +1 -0
- package/lib/commonjs/components/IconButton/IconButton.stories.js +119 -0
- package/lib/commonjs/components/IconButton/IconButton.stories.js.map +1 -0
- package/lib/commonjs/components/IconButton/IconButton.test.js +55 -0
- package/lib/commonjs/components/IconButton/IconButton.test.js.map +1 -0
- package/lib/commonjs/components/IconButton/index.js +13 -0
- package/lib/commonjs/components/IconButton/index.js.map +1 -0
- package/lib/commonjs/components/Input/Input.js +176 -0
- package/lib/commonjs/components/Input/Input.js.map +1 -0
- package/lib/commonjs/components/Input/Input.stories.js +116 -0
- package/lib/commonjs/components/Input/Input.stories.js.map +1 -0
- package/lib/commonjs/components/Input/Input.test.js +103 -0
- package/lib/commonjs/components/Input/Input.test.js.map +1 -0
- package/lib/commonjs/components/Input/index.js +13 -0
- package/lib/commonjs/components/Input/index.js.map +1 -0
- package/lib/commonjs/components/LinkButton/LinkButton.js +95 -0
- package/lib/commonjs/components/LinkButton/LinkButton.js.map +1 -0
- package/lib/commonjs/components/LinkButton/LinkButton.stories.js +91 -0
- package/lib/commonjs/components/LinkButton/LinkButton.stories.js.map +1 -0
- package/lib/commonjs/components/LinkButton/LinkButton.test.js +61 -0
- package/lib/commonjs/components/LinkButton/LinkButton.test.js.map +1 -0
- package/lib/commonjs/components/LinkButton/index.js +13 -0
- package/lib/commonjs/components/LinkButton/index.js.map +1 -0
- package/lib/commonjs/components/ProductCard/ProductCard.js +167 -0
- package/lib/commonjs/components/ProductCard/ProductCard.js.map +1 -0
- package/lib/commonjs/components/ProductCard/ProductCard.stories.js +118 -0
- package/lib/commonjs/components/ProductCard/ProductCard.stories.js.map +1 -0
- package/lib/commonjs/components/ProductCard/ProductCard.test.js +69 -0
- package/lib/commonjs/components/ProductCard/ProductCard.test.js.map +1 -0
- package/lib/commonjs/components/ProductCard/index.js +13 -0
- package/lib/commonjs/components/ProductCard/index.js.map +1 -0
- package/lib/commonjs/components/QuantityStepper/QuantityStepper.js +135 -0
- package/lib/commonjs/components/QuantityStepper/QuantityStepper.js.map +1 -0
- package/lib/commonjs/components/QuantityStepper/QuantityStepper.stories.js +90 -0
- package/lib/commonjs/components/QuantityStepper/QuantityStepper.stories.js.map +1 -0
- package/lib/commonjs/components/QuantityStepper/QuantityStepper.test.js +100 -0
- package/lib/commonjs/components/QuantityStepper/QuantityStepper.test.js.map +1 -0
- package/lib/commonjs/components/QuantityStepper/index.js +13 -0
- package/lib/commonjs/components/QuantityStepper/index.js.map +1 -0
- package/lib/commonjs/components/Radio/Radio.js +59 -0
- package/lib/commonjs/components/Radio/Radio.js.map +1 -0
- package/lib/commonjs/components/Radio/Radio.stories.js +60 -0
- package/lib/commonjs/components/Radio/Radio.stories.js.map +1 -0
- package/lib/commonjs/components/Radio/Radio.test.js +46 -0
- package/lib/commonjs/components/Radio/Radio.test.js.map +1 -0
- package/lib/commonjs/components/Radio/index.js +13 -0
- package/lib/commonjs/components/Radio/index.js.map +1 -0
- package/lib/commonjs/components/Surface/Surface.js +84 -0
- package/lib/commonjs/components/Surface/Surface.js.map +1 -0
- package/lib/commonjs/components/Surface/Surface.stories.js +97 -0
- package/lib/commonjs/components/Surface/Surface.stories.js.map +1 -0
- package/lib/commonjs/components/Surface/Surface.test.js +58 -0
- package/lib/commonjs/components/Surface/Surface.test.js.map +1 -0
- package/lib/commonjs/components/Surface/index.js +13 -0
- package/lib/commonjs/components/Surface/index.js.map +1 -0
- package/lib/commonjs/components/Switch/Switch.js +109 -0
- package/lib/commonjs/components/Switch/Switch.js.map +1 -0
- package/lib/commonjs/components/Switch/Switch.stories.js +89 -0
- package/lib/commonjs/components/Switch/Switch.stories.js.map +1 -0
- package/lib/commonjs/components/Switch/Switch.test.js +46 -0
- package/lib/commonjs/components/Switch/Switch.test.js.map +1 -0
- package/lib/commonjs/components/Switch/index.js +13 -0
- package/lib/commonjs/components/Switch/index.js.map +1 -0
- package/lib/commonjs/components/Text/Text.js +39 -0
- package/lib/commonjs/components/Text/Text.js.map +1 -0
- package/lib/commonjs/components/Text/Text.stories.js +47 -0
- package/lib/commonjs/components/Text/Text.stories.js.map +1 -0
- package/lib/commonjs/components/Text/index.js +13 -0
- package/lib/commonjs/components/Text/index.js.map +1 -0
- package/lib/commonjs/components/_internal/Labeled.js +50 -0
- package/lib/commonjs/components/_internal/Labeled.js.map +1 -0
- package/lib/commonjs/components/brand/Flag.js +45 -0
- package/lib/commonjs/components/brand/Flag.js.map +1 -0
- package/lib/commonjs/components/brand/Flag.stories.js +59 -0
- package/lib/commonjs/components/brand/Flag.stories.js.map +1 -0
- package/lib/commonjs/components/brand/Logo.js +30 -0
- package/lib/commonjs/components/brand/Logo.js.map +1 -0
- package/lib/commonjs/components/brand/Logo.stories.js +59 -0
- package/lib/commonjs/components/brand/Logo.stories.js.map +1 -0
- package/lib/commonjs/components/brand/brand.test.js +39 -0
- package/lib/commonjs/components/brand/brand.test.js.map +1 -0
- package/lib/commonjs/components/brand/generated/FlagBr.js +95 -0
- package/lib/commonjs/components/brand/generated/FlagBr.js.map +1 -0
- package/lib/commonjs/components/brand/generated/FlagUs.js +82 -0
- package/lib/commonjs/components/brand/generated/FlagUs.js.map +1 -0
- package/lib/commonjs/components/brand/generated/Mastercard.js +42 -0
- package/lib/commonjs/components/brand/generated/Mastercard.js.map +1 -0
- package/lib/commonjs/components/brand/generated/Visa.js +99 -0
- package/lib/commonjs/components/brand/generated/Visa.js.map +1 -0
- package/lib/commonjs/components/brand/index.js +27 -0
- package/lib/commonjs/components/brand/index.js.map +1 -0
- package/lib/commonjs/components/brand/registry.js +36 -0
- package/lib/commonjs/components/brand/registry.js.map +1 -0
- package/lib/commonjs/components/index.js +193 -0
- package/lib/commonjs/components/index.js.map +1 -0
- package/lib/commonjs/index.js +28 -0
- package/lib/commonjs/index.js.map +1 -0
- package/lib/commonjs/package.json +1 -0
- package/lib/commonjs/theme/ThemeProvider.js +52 -0
- package/lib/commonjs/theme/ThemeProvider.js.map +1 -0
- package/lib/commonjs/theme/ThemeProvider.test.js +65 -0
- package/lib/commonjs/theme/ThemeProvider.test.js.map +1 -0
- package/lib/commonjs/theme/index.js +101 -0
- package/lib/commonjs/theme/index.js.map +1 -0
- package/lib/commonjs/theme/palette.js +94 -0
- package/lib/commonjs/theme/palette.js.map +1 -0
- package/lib/commonjs/theme/spacing.js +39 -0
- package/lib/commonjs/theme/spacing.js.map +1 -0
- package/lib/commonjs/theme/themes.js +171 -0
- package/lib/commonjs/theme/themes.js.map +1 -0
- package/lib/commonjs/theme/typography.js +65 -0
- package/lib/commonjs/theme/typography.js.map +1 -0
- package/lib/module/components/Avatar/Avatar.js +92 -0
- package/lib/module/components/Avatar/Avatar.js.map +1 -0
- package/lib/module/components/Avatar/Avatar.stories.js +83 -0
- package/lib/module/components/Avatar/Avatar.stories.js.map +1 -0
- package/lib/module/components/Avatar/Avatar.test.js +62 -0
- package/lib/module/components/Avatar/Avatar.test.js.map +1 -0
- package/lib/module/components/Avatar/index.js +4 -0
- package/lib/module/components/Avatar/index.js.map +1 -0
- package/lib/module/components/Button/Button.js +197 -0
- package/lib/module/components/Button/Button.js.map +1 -0
- package/lib/module/components/Button/Button.stories.js +135 -0
- package/lib/module/components/Button/Button.stories.js.map +1 -0
- package/lib/module/components/Button/Button.test.js +63 -0
- package/lib/module/components/Button/Button.test.js.map +1 -0
- package/lib/module/components/Button/index.js +4 -0
- package/lib/module/components/Button/index.js.map +1 -0
- package/lib/module/components/Card/Card.js +125 -0
- package/lib/module/components/Card/Card.js.map +1 -0
- package/lib/module/components/Card/Card.stories.js +83 -0
- package/lib/module/components/Card/Card.stories.js.map +1 -0
- package/lib/module/components/Card/Card.test.js +50 -0
- package/lib/module/components/Card/Card.test.js.map +1 -0
- package/lib/module/components/Card/index.js +4 -0
- package/lib/module/components/Card/index.js.map +1 -0
- package/lib/module/components/Checkbox/Checkbox.js +71 -0
- package/lib/module/components/Checkbox/Checkbox.js.map +1 -0
- package/lib/module/components/Checkbox/Checkbox.stories.js +65 -0
- package/lib/module/components/Checkbox/Checkbox.stories.js.map +1 -0
- package/lib/module/components/Checkbox/Checkbox.test.js +61 -0
- package/lib/module/components/Checkbox/Checkbox.test.js.map +1 -0
- package/lib/module/components/Checkbox/index.js +4 -0
- package/lib/module/components/Checkbox/index.js.map +1 -0
- package/lib/module/components/Chip/Chip.js +115 -0
- package/lib/module/components/Chip/Chip.js.map +1 -0
- package/lib/module/components/Chip/Chip.stories.js +108 -0
- package/lib/module/components/Chip/Chip.stories.js.map +1 -0
- package/lib/module/components/Chip/Chip.test.js +62 -0
- package/lib/module/components/Chip/Chip.test.js.map +1 -0
- package/lib/module/components/Chip/ChipGroup.js +50 -0
- package/lib/module/components/Chip/ChipGroup.js.map +1 -0
- package/lib/module/components/Chip/ChipGroup.stories.js +74 -0
- package/lib/module/components/Chip/ChipGroup.stories.js.map +1 -0
- package/lib/module/components/Chip/ChipGroup.test.js +69 -0
- package/lib/module/components/Chip/ChipGroup.test.js.map +1 -0
- package/lib/module/components/Chip/index.js +5 -0
- package/lib/module/components/Chip/index.js.map +1 -0
- package/lib/module/components/CodeInput/CodeInput.js +161 -0
- package/lib/module/components/CodeInput/CodeInput.js.map +1 -0
- package/lib/module/components/CodeInput/CodeInput.stories.js +94 -0
- package/lib/module/components/CodeInput/CodeInput.stories.js.map +1 -0
- package/lib/module/components/CodeInput/CodeInput.test.js +73 -0
- package/lib/module/components/CodeInput/CodeInput.test.js.map +1 -0
- package/lib/module/components/CodeInput/index.js +4 -0
- package/lib/module/components/CodeInput/index.js.map +1 -0
- package/lib/module/components/Icon/Icon.js +28 -0
- package/lib/module/components/Icon/Icon.js.map +1 -0
- package/lib/module/components/Icon/Icon.stories.js +90 -0
- package/lib/module/components/Icon/Icon.stories.js.map +1 -0
- package/lib/module/components/Icon/Icon.test.js +37 -0
- package/lib/module/components/Icon/Icon.test.js.map +1 -0
- package/lib/module/components/Icon/icons.generated.js +175 -0
- package/lib/module/components/Icon/icons.generated.js.map +1 -0
- package/lib/module/components/Icon/index.js +5 -0
- package/lib/module/components/Icon/index.js.map +1 -0
- package/lib/module/components/IconButton/IconButton.js +135 -0
- package/lib/module/components/IconButton/IconButton.js.map +1 -0
- package/lib/module/components/IconButton/IconButton.stories.js +115 -0
- package/lib/module/components/IconButton/IconButton.stories.js.map +1 -0
- package/lib/module/components/IconButton/IconButton.test.js +54 -0
- package/lib/module/components/IconButton/IconButton.test.js.map +1 -0
- package/lib/module/components/IconButton/index.js +4 -0
- package/lib/module/components/IconButton/index.js.map +1 -0
- package/lib/module/components/Input/Input.js +174 -0
- package/lib/module/components/Input/Input.js.map +1 -0
- package/lib/module/components/Input/Input.stories.js +112 -0
- package/lib/module/components/Input/Input.stories.js.map +1 -0
- package/lib/module/components/Input/Input.test.js +103 -0
- package/lib/module/components/Input/Input.test.js.map +1 -0
- package/lib/module/components/Input/index.js +4 -0
- package/lib/module/components/Input/index.js.map +1 -0
- package/lib/module/components/LinkButton/LinkButton.js +91 -0
- package/lib/module/components/LinkButton/LinkButton.js.map +1 -0
- package/lib/module/components/LinkButton/LinkButton.stories.js +87 -0
- package/lib/module/components/LinkButton/LinkButton.stories.js.map +1 -0
- package/lib/module/components/LinkButton/LinkButton.test.js +60 -0
- package/lib/module/components/LinkButton/LinkButton.test.js.map +1 -0
- package/lib/module/components/LinkButton/index.js +4 -0
- package/lib/module/components/LinkButton/index.js.map +1 -0
- package/lib/module/components/ProductCard/ProductCard.js +163 -0
- package/lib/module/components/ProductCard/ProductCard.js.map +1 -0
- package/lib/module/components/ProductCard/ProductCard.stories.js +114 -0
- package/lib/module/components/ProductCard/ProductCard.stories.js.map +1 -0
- package/lib/module/components/ProductCard/ProductCard.test.js +68 -0
- package/lib/module/components/ProductCard/ProductCard.test.js.map +1 -0
- package/lib/module/components/ProductCard/index.js +4 -0
- package/lib/module/components/ProductCard/index.js.map +1 -0
- package/lib/module/components/QuantityStepper/QuantityStepper.js +131 -0
- package/lib/module/components/QuantityStepper/QuantityStepper.js.map +1 -0
- package/lib/module/components/QuantityStepper/QuantityStepper.stories.js +86 -0
- package/lib/module/components/QuantityStepper/QuantityStepper.stories.js.map +1 -0
- package/lib/module/components/QuantityStepper/QuantityStepper.test.js +99 -0
- package/lib/module/components/QuantityStepper/QuantityStepper.test.js.map +1 -0
- package/lib/module/components/QuantityStepper/index.js +4 -0
- package/lib/module/components/QuantityStepper/index.js.map +1 -0
- package/lib/module/components/Radio/Radio.js +55 -0
- package/lib/module/components/Radio/Radio.js.map +1 -0
- package/lib/module/components/Radio/Radio.stories.js +56 -0
- package/lib/module/components/Radio/Radio.stories.js.map +1 -0
- package/lib/module/components/Radio/Radio.test.js +45 -0
- package/lib/module/components/Radio/Radio.test.js.map +1 -0
- package/lib/module/components/Radio/index.js +4 -0
- package/lib/module/components/Radio/index.js.map +1 -0
- package/lib/module/components/Surface/Surface.js +80 -0
- package/lib/module/components/Surface/Surface.js.map +1 -0
- package/lib/module/components/Surface/Surface.stories.js +93 -0
- package/lib/module/components/Surface/Surface.stories.js.map +1 -0
- package/lib/module/components/Surface/Surface.test.js +57 -0
- package/lib/module/components/Surface/Surface.test.js.map +1 -0
- package/lib/module/components/Surface/index.js +4 -0
- package/lib/module/components/Surface/index.js.map +1 -0
- package/lib/module/components/Switch/Switch.js +105 -0
- package/lib/module/components/Switch/Switch.js.map +1 -0
- package/lib/module/components/Switch/Switch.stories.js +85 -0
- package/lib/module/components/Switch/Switch.stories.js.map +1 -0
- package/lib/module/components/Switch/Switch.test.js +45 -0
- package/lib/module/components/Switch/Switch.test.js.map +1 -0
- package/lib/module/components/Switch/index.js +4 -0
- package/lib/module/components/Switch/index.js.map +1 -0
- package/lib/module/components/Text/Text.js +35 -0
- package/lib/module/components/Text/Text.js.map +1 -0
- package/lib/module/components/Text/Text.stories.js +43 -0
- package/lib/module/components/Text/Text.stories.js.map +1 -0
- package/lib/module/components/Text/index.js +4 -0
- package/lib/module/components/Text/index.js.map +1 -0
- package/lib/module/components/_internal/Labeled.js +46 -0
- package/lib/module/components/_internal/Labeled.js.map +1 -0
- package/lib/module/components/brand/Flag.js +41 -0
- package/lib/module/components/brand/Flag.js.map +1 -0
- package/lib/module/components/brand/Flag.stories.js +55 -0
- package/lib/module/components/brand/Flag.stories.js.map +1 -0
- package/lib/module/components/brand/Logo.js +26 -0
- package/lib/module/components/brand/Logo.js.map +1 -0
- package/lib/module/components/brand/Logo.stories.js +55 -0
- package/lib/module/components/brand/Logo.stories.js.map +1 -0
- package/lib/module/components/brand/brand.test.js +38 -0
- package/lib/module/components/brand/brand.test.js.map +1 -0
- package/lib/module/components/brand/generated/FlagBr.js +90 -0
- package/lib/module/components/brand/generated/FlagBr.js.map +1 -0
- package/lib/module/components/brand/generated/FlagUs.js +76 -0
- package/lib/module/components/brand/generated/FlagUs.js.map +1 -0
- package/lib/module/components/brand/generated/Mastercard.js +37 -0
- package/lib/module/components/brand/generated/Mastercard.js.map +1 -0
- package/lib/module/components/brand/generated/Visa.js +94 -0
- package/lib/module/components/brand/generated/Visa.js.map +1 -0
- package/lib/module/components/brand/index.js +6 -0
- package/lib/module/components/brand/index.js.map +1 -0
- package/lib/module/components/brand/registry.js +31 -0
- package/lib/module/components/brand/registry.js.map +1 -0
- package/lib/module/components/index.js +20 -0
- package/lib/module/components/index.js.map +1 -0
- package/lib/module/index.js +10 -0
- package/lib/module/index.js.map +1 -0
- package/lib/module/package.json +1 -0
- package/lib/module/theme/ThemeProvider.js +46 -0
- package/lib/module/theme/ThemeProvider.js.map +1 -0
- package/lib/module/theme/ThemeProvider.test.js +64 -0
- package/lib/module/theme/ThemeProvider.test.js.map +1 -0
- package/lib/module/theme/index.js +8 -0
- package/lib/module/theme/index.js.map +1 -0
- package/lib/module/theme/palette.js +90 -0
- package/lib/module/theme/palette.js.map +1 -0
- package/lib/module/theme/spacing.js +34 -0
- package/lib/module/theme/spacing.js.map +1 -0
- package/lib/module/theme/themes.js +166 -0
- package/lib/module/theme/themes.js.map +1 -0
- package/lib/module/theme/typography.js +61 -0
- package/lib/module/theme/typography.js.map +1 -0
- package/lib/typescript/commonjs/components/Avatar/Avatar.d.ts +31 -0
- package/lib/typescript/commonjs/components/Avatar/Avatar.d.ts.map +1 -0
- package/lib/typescript/commonjs/components/Avatar/index.d.ts +2 -0
- package/lib/typescript/commonjs/components/Avatar/index.d.ts.map +1 -0
- package/lib/typescript/commonjs/components/Button/Button.d.ts +40 -0
- package/lib/typescript/commonjs/components/Button/Button.d.ts.map +1 -0
- package/lib/typescript/commonjs/components/Button/index.d.ts +2 -0
- package/lib/typescript/commonjs/components/Button/index.d.ts.map +1 -0
- package/lib/typescript/commonjs/components/Card/Card.d.ts +32 -0
- package/lib/typescript/commonjs/components/Card/Card.d.ts.map +1 -0
- package/lib/typescript/commonjs/components/Card/index.d.ts +2 -0
- package/lib/typescript/commonjs/components/Card/index.d.ts.map +1 -0
- package/lib/typescript/commonjs/components/Checkbox/Checkbox.d.ts +25 -0
- package/lib/typescript/commonjs/components/Checkbox/Checkbox.d.ts.map +1 -0
- package/lib/typescript/commonjs/components/Checkbox/index.d.ts +2 -0
- package/lib/typescript/commonjs/components/Checkbox/index.d.ts.map +1 -0
- package/lib/typescript/commonjs/components/Chip/Chip.d.ts +40 -0
- package/lib/typescript/commonjs/components/Chip/Chip.d.ts.map +1 -0
- package/lib/typescript/commonjs/components/Chip/ChipGroup.d.ts +49 -0
- package/lib/typescript/commonjs/components/Chip/ChipGroup.d.ts.map +1 -0
- package/lib/typescript/commonjs/components/Chip/index.d.ts +3 -0
- package/lib/typescript/commonjs/components/Chip/index.d.ts.map +1 -0
- package/lib/typescript/commonjs/components/CodeInput/CodeInput.d.ts +41 -0
- package/lib/typescript/commonjs/components/CodeInput/CodeInput.d.ts.map +1 -0
- package/lib/typescript/commonjs/components/CodeInput/index.d.ts +2 -0
- package/lib/typescript/commonjs/components/CodeInput/index.d.ts.map +1 -0
- package/lib/typescript/commonjs/components/Icon/Icon.d.ts +19 -0
- package/lib/typescript/commonjs/components/Icon/Icon.d.ts.map +1 -0
- package/lib/typescript/commonjs/components/Icon/icons.generated.d.ts +171 -0
- package/lib/typescript/commonjs/components/Icon/icons.generated.d.ts.map +1 -0
- package/lib/typescript/commonjs/components/Icon/index.d.ts +3 -0
- package/lib/typescript/commonjs/components/Icon/index.d.ts.map +1 -0
- package/lib/typescript/commonjs/components/IconButton/IconButton.d.ts +34 -0
- package/lib/typescript/commonjs/components/IconButton/IconButton.d.ts.map +1 -0
- package/lib/typescript/commonjs/components/IconButton/index.d.ts +2 -0
- package/lib/typescript/commonjs/components/IconButton/index.d.ts.map +1 -0
- package/lib/typescript/commonjs/components/Input/Input.d.ts +38 -0
- package/lib/typescript/commonjs/components/Input/Input.d.ts.map +1 -0
- package/lib/typescript/commonjs/components/Input/index.d.ts +2 -0
- package/lib/typescript/commonjs/components/Input/index.d.ts.map +1 -0
- package/lib/typescript/commonjs/components/LinkButton/LinkButton.d.ts +31 -0
- package/lib/typescript/commonjs/components/LinkButton/LinkButton.d.ts.map +1 -0
- package/lib/typescript/commonjs/components/LinkButton/index.d.ts +2 -0
- package/lib/typescript/commonjs/components/LinkButton/index.d.ts.map +1 -0
- package/lib/typescript/commonjs/components/ProductCard/ProductCard.d.ts +31 -0
- package/lib/typescript/commonjs/components/ProductCard/ProductCard.d.ts.map +1 -0
- package/lib/typescript/commonjs/components/ProductCard/index.d.ts +2 -0
- package/lib/typescript/commonjs/components/ProductCard/index.d.ts.map +1 -0
- package/lib/typescript/commonjs/components/QuantityStepper/QuantityStepper.d.ts +36 -0
- package/lib/typescript/commonjs/components/QuantityStepper/QuantityStepper.d.ts.map +1 -0
- package/lib/typescript/commonjs/components/QuantityStepper/index.d.ts +2 -0
- package/lib/typescript/commonjs/components/QuantityStepper/index.d.ts.map +1 -0
- package/lib/typescript/commonjs/components/Radio/Radio.d.ts +23 -0
- package/lib/typescript/commonjs/components/Radio/Radio.d.ts.map +1 -0
- package/lib/typescript/commonjs/components/Radio/index.d.ts +2 -0
- package/lib/typescript/commonjs/components/Radio/index.d.ts.map +1 -0
- package/lib/typescript/commonjs/components/Surface/Surface.d.ts +31 -0
- package/lib/typescript/commonjs/components/Surface/Surface.d.ts.map +1 -0
- package/lib/typescript/commonjs/components/Surface/index.d.ts +2 -0
- package/lib/typescript/commonjs/components/Surface/index.d.ts.map +1 -0
- package/lib/typescript/commonjs/components/Switch/Switch.d.ts +26 -0
- package/lib/typescript/commonjs/components/Switch/Switch.d.ts.map +1 -0
- package/lib/typescript/commonjs/components/Switch/index.d.ts +2 -0
- package/lib/typescript/commonjs/components/Switch/index.d.ts.map +1 -0
- package/lib/typescript/commonjs/components/Text/Text.d.ts +21 -0
- package/lib/typescript/commonjs/components/Text/Text.d.ts.map +1 -0
- package/lib/typescript/commonjs/components/Text/index.d.ts +2 -0
- package/lib/typescript/commonjs/components/Text/index.d.ts.map +1 -0
- package/lib/typescript/commonjs/components/_internal/Labeled.d.ts +27 -0
- package/lib/typescript/commonjs/components/_internal/Labeled.d.ts.map +1 -0
- package/lib/typescript/commonjs/components/brand/Flag.d.ts +14 -0
- package/lib/typescript/commonjs/components/brand/Flag.d.ts.map +1 -0
- package/lib/typescript/commonjs/components/brand/Logo.d.ts +15 -0
- package/lib/typescript/commonjs/components/brand/Logo.d.ts.map +1 -0
- package/lib/typescript/commonjs/components/brand/generated/FlagBr.d.ts +4 -0
- package/lib/typescript/commonjs/components/brand/generated/FlagBr.d.ts.map +1 -0
- package/lib/typescript/commonjs/components/brand/generated/FlagUs.d.ts +4 -0
- package/lib/typescript/commonjs/components/brand/generated/FlagUs.d.ts.map +1 -0
- package/lib/typescript/commonjs/components/brand/generated/Mastercard.d.ts +4 -0
- package/lib/typescript/commonjs/components/brand/generated/Mastercard.d.ts.map +1 -0
- package/lib/typescript/commonjs/components/brand/generated/Visa.d.ts +4 -0
- package/lib/typescript/commonjs/components/brand/generated/Visa.d.ts.map +1 -0
- package/lib/typescript/commonjs/components/brand/index.d.ts +4 -0
- package/lib/typescript/commonjs/components/brand/index.d.ts.map +1 -0
- package/lib/typescript/commonjs/components/brand/registry.d.ts +33 -0
- package/lib/typescript/commonjs/components/brand/registry.d.ts.map +1 -0
- package/lib/typescript/commonjs/components/index.d.ts +19 -0
- package/lib/typescript/commonjs/components/index.d.ts.map +1 -0
- package/lib/typescript/commonjs/index.d.ts +8 -0
- package/lib/typescript/commonjs/index.d.ts.map +1 -0
- package/lib/typescript/commonjs/package.json +1 -0
- package/lib/typescript/commonjs/theme/ThemeProvider.d.ts +29 -0
- package/lib/typescript/commonjs/theme/ThemeProvider.d.ts.map +1 -0
- package/lib/typescript/commonjs/theme/index.d.ts +6 -0
- package/lib/typescript/commonjs/theme/index.d.ts.map +1 -0
- package/lib/typescript/commonjs/theme/palette.d.ts +89 -0
- package/lib/typescript/commonjs/theme/palette.d.ts.map +1 -0
- package/lib/typescript/commonjs/theme/spacing.d.ts +34 -0
- package/lib/typescript/commonjs/theme/spacing.d.ts.map +1 -0
- package/lib/typescript/commonjs/theme/themes.d.ts +93 -0
- package/lib/typescript/commonjs/theme/themes.d.ts.map +1 -0
- package/lib/typescript/commonjs/theme/typography.d.ts +60 -0
- package/lib/typescript/commonjs/theme/typography.d.ts.map +1 -0
- package/lib/typescript/module/components/Avatar/Avatar.d.ts +31 -0
- package/lib/typescript/module/components/Avatar/Avatar.d.ts.map +1 -0
- package/lib/typescript/module/components/Avatar/index.d.ts +2 -0
- package/lib/typescript/module/components/Avatar/index.d.ts.map +1 -0
- package/lib/typescript/module/components/Button/Button.d.ts +40 -0
- package/lib/typescript/module/components/Button/Button.d.ts.map +1 -0
- package/lib/typescript/module/components/Button/index.d.ts +2 -0
- package/lib/typescript/module/components/Button/index.d.ts.map +1 -0
- package/lib/typescript/module/components/Card/Card.d.ts +32 -0
- package/lib/typescript/module/components/Card/Card.d.ts.map +1 -0
- package/lib/typescript/module/components/Card/index.d.ts +2 -0
- package/lib/typescript/module/components/Card/index.d.ts.map +1 -0
- package/lib/typescript/module/components/Checkbox/Checkbox.d.ts +25 -0
- package/lib/typescript/module/components/Checkbox/Checkbox.d.ts.map +1 -0
- package/lib/typescript/module/components/Checkbox/index.d.ts +2 -0
- package/lib/typescript/module/components/Checkbox/index.d.ts.map +1 -0
- package/lib/typescript/module/components/Chip/Chip.d.ts +40 -0
- package/lib/typescript/module/components/Chip/Chip.d.ts.map +1 -0
- package/lib/typescript/module/components/Chip/ChipGroup.d.ts +49 -0
- package/lib/typescript/module/components/Chip/ChipGroup.d.ts.map +1 -0
- package/lib/typescript/module/components/Chip/index.d.ts +3 -0
- package/lib/typescript/module/components/Chip/index.d.ts.map +1 -0
- package/lib/typescript/module/components/CodeInput/CodeInput.d.ts +41 -0
- package/lib/typescript/module/components/CodeInput/CodeInput.d.ts.map +1 -0
- package/lib/typescript/module/components/CodeInput/index.d.ts +2 -0
- package/lib/typescript/module/components/CodeInput/index.d.ts.map +1 -0
- package/lib/typescript/module/components/Icon/Icon.d.ts +19 -0
- package/lib/typescript/module/components/Icon/Icon.d.ts.map +1 -0
- package/lib/typescript/module/components/Icon/icons.generated.d.ts +171 -0
- package/lib/typescript/module/components/Icon/icons.generated.d.ts.map +1 -0
- package/lib/typescript/module/components/Icon/index.d.ts +3 -0
- package/lib/typescript/module/components/Icon/index.d.ts.map +1 -0
- package/lib/typescript/module/components/IconButton/IconButton.d.ts +34 -0
- package/lib/typescript/module/components/IconButton/IconButton.d.ts.map +1 -0
- package/lib/typescript/module/components/IconButton/index.d.ts +2 -0
- package/lib/typescript/module/components/IconButton/index.d.ts.map +1 -0
- package/lib/typescript/module/components/Input/Input.d.ts +38 -0
- package/lib/typescript/module/components/Input/Input.d.ts.map +1 -0
- package/lib/typescript/module/components/Input/index.d.ts +2 -0
- package/lib/typescript/module/components/Input/index.d.ts.map +1 -0
- package/lib/typescript/module/components/LinkButton/LinkButton.d.ts +31 -0
- package/lib/typescript/module/components/LinkButton/LinkButton.d.ts.map +1 -0
- package/lib/typescript/module/components/LinkButton/index.d.ts +2 -0
- package/lib/typescript/module/components/LinkButton/index.d.ts.map +1 -0
- package/lib/typescript/module/components/ProductCard/ProductCard.d.ts +31 -0
- package/lib/typescript/module/components/ProductCard/ProductCard.d.ts.map +1 -0
- package/lib/typescript/module/components/ProductCard/index.d.ts +2 -0
- package/lib/typescript/module/components/ProductCard/index.d.ts.map +1 -0
- package/lib/typescript/module/components/QuantityStepper/QuantityStepper.d.ts +36 -0
- package/lib/typescript/module/components/QuantityStepper/QuantityStepper.d.ts.map +1 -0
- package/lib/typescript/module/components/QuantityStepper/index.d.ts +2 -0
- package/lib/typescript/module/components/QuantityStepper/index.d.ts.map +1 -0
- package/lib/typescript/module/components/Radio/Radio.d.ts +23 -0
- package/lib/typescript/module/components/Radio/Radio.d.ts.map +1 -0
- package/lib/typescript/module/components/Radio/index.d.ts +2 -0
- package/lib/typescript/module/components/Radio/index.d.ts.map +1 -0
- package/lib/typescript/module/components/Surface/Surface.d.ts +31 -0
- package/lib/typescript/module/components/Surface/Surface.d.ts.map +1 -0
- package/lib/typescript/module/components/Surface/index.d.ts +2 -0
- package/lib/typescript/module/components/Surface/index.d.ts.map +1 -0
- package/lib/typescript/module/components/Switch/Switch.d.ts +26 -0
- package/lib/typescript/module/components/Switch/Switch.d.ts.map +1 -0
- package/lib/typescript/module/components/Switch/index.d.ts +2 -0
- package/lib/typescript/module/components/Switch/index.d.ts.map +1 -0
- package/lib/typescript/module/components/Text/Text.d.ts +21 -0
- package/lib/typescript/module/components/Text/Text.d.ts.map +1 -0
- package/lib/typescript/module/components/Text/index.d.ts +2 -0
- package/lib/typescript/module/components/Text/index.d.ts.map +1 -0
- package/lib/typescript/module/components/_internal/Labeled.d.ts +27 -0
- package/lib/typescript/module/components/_internal/Labeled.d.ts.map +1 -0
- package/lib/typescript/module/components/brand/Flag.d.ts +14 -0
- package/lib/typescript/module/components/brand/Flag.d.ts.map +1 -0
- package/lib/typescript/module/components/brand/Logo.d.ts +15 -0
- package/lib/typescript/module/components/brand/Logo.d.ts.map +1 -0
- package/lib/typescript/module/components/brand/generated/FlagBr.d.ts +4 -0
- package/lib/typescript/module/components/brand/generated/FlagBr.d.ts.map +1 -0
- package/lib/typescript/module/components/brand/generated/FlagUs.d.ts +4 -0
- package/lib/typescript/module/components/brand/generated/FlagUs.d.ts.map +1 -0
- package/lib/typescript/module/components/brand/generated/Mastercard.d.ts +4 -0
- package/lib/typescript/module/components/brand/generated/Mastercard.d.ts.map +1 -0
- package/lib/typescript/module/components/brand/generated/Visa.d.ts +4 -0
- package/lib/typescript/module/components/brand/generated/Visa.d.ts.map +1 -0
- package/lib/typescript/module/components/brand/index.d.ts +4 -0
- package/lib/typescript/module/components/brand/index.d.ts.map +1 -0
- package/lib/typescript/module/components/brand/registry.d.ts +33 -0
- package/lib/typescript/module/components/brand/registry.d.ts.map +1 -0
- package/lib/typescript/module/components/index.d.ts +19 -0
- package/lib/typescript/module/components/index.d.ts.map +1 -0
- package/lib/typescript/module/index.d.ts +8 -0
- package/lib/typescript/module/index.d.ts.map +1 -0
- package/lib/typescript/module/package.json +1 -0
- package/lib/typescript/module/theme/ThemeProvider.d.ts +29 -0
- package/lib/typescript/module/theme/ThemeProvider.d.ts.map +1 -0
- package/lib/typescript/module/theme/index.d.ts +6 -0
- package/lib/typescript/module/theme/index.d.ts.map +1 -0
- package/lib/typescript/module/theme/palette.d.ts +89 -0
- package/lib/typescript/module/theme/palette.d.ts.map +1 -0
- package/lib/typescript/module/theme/spacing.d.ts +34 -0
- package/lib/typescript/module/theme/spacing.d.ts.map +1 -0
- package/lib/typescript/module/theme/themes.d.ts +93 -0
- package/lib/typescript/module/theme/themes.d.ts.map +1 -0
- package/lib/typescript/module/theme/typography.d.ts +60 -0
- package/lib/typescript/module/theme/typography.d.ts.map +1 -0
- package/package.json +116 -0
- package/src/components/Avatar/Avatar.tsx +111 -0
- package/src/components/Avatar/index.ts +1 -0
- package/src/components/Button/Button.tsx +216 -0
- package/src/components/Button/index.ts +6 -0
- package/src/components/Card/Card.tsx +145 -0
- package/src/components/Card/index.ts +1 -0
- package/src/components/Checkbox/Checkbox.tsx +86 -0
- package/src/components/Checkbox/index.ts +1 -0
- package/src/components/Chip/Chip.tsx +126 -0
- package/src/components/Chip/ChipGroup.tsx +88 -0
- package/src/components/Chip/index.ts +2 -0
- package/src/components/CodeInput/CodeInput.tsx +200 -0
- package/src/components/CodeInput/index.ts +1 -0
- package/src/components/Icon/Icon.tsx +32 -0
- package/src/components/Icon/icons.generated.ts +174 -0
- package/src/components/Icon/index.ts +2 -0
- package/src/components/IconButton/IconButton.tsx +156 -0
- package/src/components/IconButton/index.ts +7 -0
- package/src/components/Input/Input.tsx +230 -0
- package/src/components/Input/index.ts +1 -0
- package/src/components/LinkButton/LinkButton.tsx +118 -0
- package/src/components/LinkButton/index.ts +6 -0
- package/src/components/ProductCard/ProductCard.tsx +176 -0
- package/src/components/ProductCard/index.ts +1 -0
- package/src/components/QuantityStepper/QuantityStepper.tsx +162 -0
- package/src/components/QuantityStepper/index.ts +5 -0
- package/src/components/Radio/Radio.tsx +76 -0
- package/src/components/Radio/index.ts +1 -0
- package/src/components/Surface/Surface.tsx +99 -0
- package/src/components/Surface/index.ts +6 -0
- package/src/components/Switch/Switch.tsx +110 -0
- package/src/components/Switch/index.ts +1 -0
- package/src/components/Text/Text.tsx +51 -0
- package/src/components/Text/index.ts +1 -0
- package/src/components/_internal/Labeled.tsx +72 -0
- package/src/components/brand/Flag.tsx +41 -0
- package/src/components/brand/Logo.tsx +23 -0
- package/src/components/brand/generated/FlagBr.tsx +8 -0
- package/src/components/brand/generated/FlagUs.tsx +7 -0
- package/src/components/brand/generated/Mastercard.tsx +4 -0
- package/src/components/brand/generated/Visa.tsx +4 -0
- package/src/components/brand/index.ts +3 -0
- package/src/components/brand/registry.ts +27 -0
- package/src/components/index.ts +19 -0
- package/src/index.tsx +7 -0
- package/src/theme/ThemeProvider.tsx +66 -0
- package/src/theme/index.ts +31 -0
- package/src/theme/palette.ts +89 -0
- package/src/theme/spacing.ts +37 -0
- package/src/theme/themes.ts +248 -0
- package/src/theme/typography.ts +37 -0
|
@@ -0,0 +1,116 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.default = exports.WithLeftIcon = exports.WithHelper = exports.Showcase = exports.Password = exports.Medium = exports.Focused = exports.ErrorFocused = exports.Error = exports.Disabled = exports.Default = void 0;
|
|
7
|
+
var _reactNative = require("react-native");
|
|
8
|
+
var _Input = require("./Input.js");
|
|
9
|
+
var _Icon = require("../Icon/Icon.js");
|
|
10
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
11
|
+
const meta = {
|
|
12
|
+
title: 'Components/Input',
|
|
13
|
+
component: _Input.Input,
|
|
14
|
+
args: {
|
|
15
|
+
label: 'Search',
|
|
16
|
+
placeholder: 'Search menu item...',
|
|
17
|
+
size: 'lg'
|
|
18
|
+
},
|
|
19
|
+
argTypes: {
|
|
20
|
+
size: {
|
|
21
|
+
control: 'inline-radio',
|
|
22
|
+
options: ['md', 'lg']
|
|
23
|
+
},
|
|
24
|
+
disabled: {
|
|
25
|
+
control: 'boolean'
|
|
26
|
+
}
|
|
27
|
+
}
|
|
28
|
+
};
|
|
29
|
+
var _default = exports.default = meta;
|
|
30
|
+
const Default = exports.Default = {};
|
|
31
|
+
const WithHelper = exports.WithHelper = {
|
|
32
|
+
args: {
|
|
33
|
+
helperText: 'Type to filter the menu'
|
|
34
|
+
}
|
|
35
|
+
};
|
|
36
|
+
const WithLeftIcon = exports.WithLeftIcon = {
|
|
37
|
+
args: {
|
|
38
|
+
leftIcon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
|
|
39
|
+
name: "search",
|
|
40
|
+
size: 24,
|
|
41
|
+
color: "tertiary"
|
|
42
|
+
})
|
|
43
|
+
}
|
|
44
|
+
};
|
|
45
|
+
const Error = exports.Error = {
|
|
46
|
+
args: {
|
|
47
|
+
error: 'This field is required',
|
|
48
|
+
value: 'ab'
|
|
49
|
+
}
|
|
50
|
+
};
|
|
51
|
+
const Disabled = exports.Disabled = {
|
|
52
|
+
args: {
|
|
53
|
+
disabled: true,
|
|
54
|
+
value: 'Read only'
|
|
55
|
+
}
|
|
56
|
+
};
|
|
57
|
+
const Medium = exports.Medium = {
|
|
58
|
+
args: {
|
|
59
|
+
size: 'md'
|
|
60
|
+
}
|
|
61
|
+
};
|
|
62
|
+
const Password = exports.Password = {
|
|
63
|
+
args: {
|
|
64
|
+
label: 'Password',
|
|
65
|
+
placeholder: 'Enter your password',
|
|
66
|
+
revealable: true
|
|
67
|
+
}
|
|
68
|
+
};
|
|
69
|
+
|
|
70
|
+
// autoFocus so the lime focus ring is visible on load.
|
|
71
|
+
const Focused = exports.Focused = {
|
|
72
|
+
args: {
|
|
73
|
+
autoFocus: true,
|
|
74
|
+
value: 'Typing...'
|
|
75
|
+
}
|
|
76
|
+
};
|
|
77
|
+
const ErrorFocused = exports.ErrorFocused = {
|
|
78
|
+
args: {
|
|
79
|
+
autoFocus: true,
|
|
80
|
+
value: 'ab',
|
|
81
|
+
error: 'This field is required'
|
|
82
|
+
}
|
|
83
|
+
};
|
|
84
|
+
const Showcase = exports.Showcase = {
|
|
85
|
+
render: () => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
|
|
86
|
+
style: {
|
|
87
|
+
gap: 20,
|
|
88
|
+
width: 320
|
|
89
|
+
},
|
|
90
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Input.Input, {
|
|
91
|
+
label: "Default",
|
|
92
|
+
placeholder: "Placeholder"
|
|
93
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Input.Input, {
|
|
94
|
+
label: "With icon",
|
|
95
|
+
placeholder: "Search...",
|
|
96
|
+
leftIcon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
|
|
97
|
+
name: "search",
|
|
98
|
+
size: 24,
|
|
99
|
+
color: "tertiary"
|
|
100
|
+
})
|
|
101
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Input.Input, {
|
|
102
|
+
label: "With helper",
|
|
103
|
+
placeholder: "you@email.com",
|
|
104
|
+
helperText: "We never share it"
|
|
105
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Input.Input, {
|
|
106
|
+
label: "Error",
|
|
107
|
+
value: "ab",
|
|
108
|
+
error: "This field is required"
|
|
109
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Input.Input, {
|
|
110
|
+
label: "Disabled",
|
|
111
|
+
value: "Read only",
|
|
112
|
+
disabled: true
|
|
113
|
+
})]
|
|
114
|
+
})
|
|
115
|
+
};
|
|
116
|
+
//# sourceMappingURL=Input.stories.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_reactNative","require","_Input","_Icon","_jsxRuntime","meta","title","component","Input","args","label","placeholder","size","argTypes","control","options","disabled","_default","exports","default","Default","WithHelper","helperText","WithLeftIcon","leftIcon","jsx","Icon","name","color","Error","error","value","Disabled","Medium","Password","revealable","Focused","autoFocus","ErrorFocused","Showcase","render","jsxs","View","style","gap","width","children"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Input/Input.stories.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,103 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _react = _interopRequireDefault(require("react"));
|
|
4
|
+
var _reactNative = require("react-native");
|
|
5
|
+
var _reactNative2 = require("@testing-library/react-native");
|
|
6
|
+
var _Input = require("./Input.js");
|
|
7
|
+
var _index = require("../../theme/index.js");
|
|
8
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
9
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
10
|
+
// Walk up from the TextInput to the styled field View (the one with a radius).
|
|
11
|
+
function fieldStyle(placeholder) {
|
|
12
|
+
let node = _reactNative2.screen.getByPlaceholderText(placeholder);
|
|
13
|
+
while (node) {
|
|
14
|
+
const flat = _reactNative.StyleSheet.flatten(node.props?.style) ?? {};
|
|
15
|
+
if (flat.borderRadius != null || flat.boxShadow != null) return flat;
|
|
16
|
+
node = node.parent;
|
|
17
|
+
}
|
|
18
|
+
return {};
|
|
19
|
+
}
|
|
20
|
+
function fieldBoxShadow(placeholder) {
|
|
21
|
+
return fieldStyle(placeholder).boxShadow;
|
|
22
|
+
}
|
|
23
|
+
function renderWithTheme(ui) {
|
|
24
|
+
return (0, _reactNative2.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_index.ThemeProvider, {
|
|
25
|
+
children: ui
|
|
26
|
+
}));
|
|
27
|
+
}
|
|
28
|
+
describe('Input', () => {
|
|
29
|
+
it('renders the label and placeholder', () => {
|
|
30
|
+
renderWithTheme(/*#__PURE__*/(0, _jsxRuntime.jsx)(_Input.Input, {
|
|
31
|
+
label: "Email",
|
|
32
|
+
placeholder: "you@email.com"
|
|
33
|
+
}));
|
|
34
|
+
expect(_reactNative2.screen.getByText('Email')).toBeTruthy();
|
|
35
|
+
expect(_reactNative2.screen.getByPlaceholderText('you@email.com')).toBeTruthy();
|
|
36
|
+
});
|
|
37
|
+
it('shows the error message when error is a string', () => {
|
|
38
|
+
renderWithTheme(/*#__PURE__*/(0, _jsxRuntime.jsx)(_Input.Input, {
|
|
39
|
+
label: "Email",
|
|
40
|
+
error: "Required field"
|
|
41
|
+
}));
|
|
42
|
+
expect(_reactNative2.screen.getByText('Required field')).toBeTruthy();
|
|
43
|
+
});
|
|
44
|
+
it('prefers the error message over helperText', () => {
|
|
45
|
+
renderWithTheme(/*#__PURE__*/(0, _jsxRuntime.jsx)(_Input.Input, {
|
|
46
|
+
helperText: "Hint",
|
|
47
|
+
error: "Broken"
|
|
48
|
+
}));
|
|
49
|
+
expect(_reactNative2.screen.getByText('Broken')).toBeTruthy();
|
|
50
|
+
expect(_reactNative2.screen.queryByText('Hint')).toBeNull();
|
|
51
|
+
});
|
|
52
|
+
it('is not editable when disabled', () => {
|
|
53
|
+
renderWithTheme(/*#__PURE__*/(0, _jsxRuntime.jsx)(_Input.Input, {
|
|
54
|
+
placeholder: "name",
|
|
55
|
+
disabled: true
|
|
56
|
+
}));
|
|
57
|
+
expect(_reactNative2.screen.getByPlaceholderText('name').props.editable).toBe(false);
|
|
58
|
+
});
|
|
59
|
+
it('calls onChangeText as the user types', () => {
|
|
60
|
+
const onChangeText = jest.fn();
|
|
61
|
+
renderWithTheme(/*#__PURE__*/(0, _jsxRuntime.jsx)(_Input.Input, {
|
|
62
|
+
placeholder: "name",
|
|
63
|
+
onChangeText: onChangeText
|
|
64
|
+
}));
|
|
65
|
+
_reactNative2.fireEvent.changeText(_reactNative2.screen.getByPlaceholderText('name'), 'Ada');
|
|
66
|
+
expect(onChangeText).toHaveBeenCalledWith('Ada');
|
|
67
|
+
});
|
|
68
|
+
it('masks a revealable password and toggles with the eye', () => {
|
|
69
|
+
renderWithTheme(/*#__PURE__*/(0, _jsxRuntime.jsx)(_Input.Input, {
|
|
70
|
+
placeholder: "pwd",
|
|
71
|
+
revealable: true
|
|
72
|
+
}));
|
|
73
|
+
expect(_reactNative2.screen.getByPlaceholderText('pwd').props.secureTextEntry).toBe(true);
|
|
74
|
+
_reactNative2.fireEvent.press(_reactNative2.screen.getByLabelText('Show password'));
|
|
75
|
+
expect(_reactNative2.screen.getByPlaceholderText('pwd').props.secureTextEntry).toBe(false);
|
|
76
|
+
_reactNative2.fireEvent.press(_reactNative2.screen.getByLabelText('Hide password'));
|
|
77
|
+
expect(_reactNative2.screen.getByPlaceholderText('pwd').props.secureTextEntry).toBe(true);
|
|
78
|
+
});
|
|
79
|
+
it('has no focus ring until focused, then shows a lime spread ring', () => {
|
|
80
|
+
renderWithTheme(/*#__PURE__*/(0, _jsxRuntime.jsx)(_Input.Input, {
|
|
81
|
+
placeholder: "name"
|
|
82
|
+
}));
|
|
83
|
+
expect(fieldBoxShadow('name')).toBeFalsy();
|
|
84
|
+
(0, _reactNative2.fireEvent)(_reactNative2.screen.getByPlaceholderText('name'), 'focus');
|
|
85
|
+
const ring = fieldBoxShadow('name');
|
|
86
|
+
expect(ring).toBeTruthy();
|
|
87
|
+
expect(ring[0].spreadDistance).toBe(6);
|
|
88
|
+
expect(ring[0].color).toContain('201, 255, 0'); // lime #C9FF00
|
|
89
|
+
|
|
90
|
+
(0, _reactNative2.fireEvent)(_reactNative2.screen.getByPlaceholderText('name'), 'blur');
|
|
91
|
+
expect(fieldBoxShadow('name')).toBeFalsy();
|
|
92
|
+
});
|
|
93
|
+
it('shows a red focus ring when focused with an error', () => {
|
|
94
|
+
renderWithTheme(/*#__PURE__*/(0, _jsxRuntime.jsx)(_Input.Input, {
|
|
95
|
+
placeholder: "name",
|
|
96
|
+
error: "Bad"
|
|
97
|
+
}));
|
|
98
|
+
(0, _reactNative2.fireEvent)(_reactNative2.screen.getByPlaceholderText('name'), 'focus');
|
|
99
|
+
const ring = fieldBoxShadow('name');
|
|
100
|
+
expect(ring[0].color).toContain('208, 0, 31'); // error #D0001F
|
|
101
|
+
});
|
|
102
|
+
});
|
|
103
|
+
//# sourceMappingURL=Input.test.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNative2","_Input","_index","_jsxRuntime","e","__esModule","default","fieldStyle","placeholder","node","screen","getByPlaceholderText","flat","StyleSheet","flatten","props","style","borderRadius","boxShadow","parent","fieldBoxShadow","renderWithTheme","ui","render","jsx","ThemeProvider","children","describe","it","Input","label","expect","getByText","toBeTruthy","error","helperText","queryByText","toBeNull","disabled","editable","toBe","onChangeText","jest","fn","fireEvent","changeText","toHaveBeenCalledWith","revealable","secureTextEntry","press","getByLabelText","toBeFalsy","ring","spreadDistance","color","toContain"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Input/Input.test.tsx"],"mappings":";;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,aAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AACA,IAAAI,MAAA,GAAAJ,OAAA;AAA4C,IAAAK,WAAA,GAAAL,OAAA;AAAA,SAAAD,uBAAAO,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAE5C;AACA,SAASG,UAAUA,CAACC,WAAmB,EAAuB;EAC5D,IAAIC,IAAS,GAAGC,oBAAM,CAACC,oBAAoB,CAACH,WAAW,CAAC;EACxD,OAAOC,IAAI,EAAE;IACX,MAAMG,IAAI,GAAGC,uBAAU,CAACC,OAAO,CAACL,IAAI,CAACM,KAAK,EAAEC,KAAK,CAAC,IAAI,CAAC,CAAC;IACxD,IAAIJ,IAAI,CAACK,YAAY,IAAI,IAAI,IAAIL,IAAI,CAACM,SAAS,IAAI,IAAI,EAAE,OAAON,IAAI;IACpEH,IAAI,GAAGA,IAAI,CAACU,MAAM;EACpB;EACA,OAAO,CAAC,CAAC;AACX;AAEA,SAASC,cAAcA,CAACZ,WAAmB,EAAE;EAC3C,OAAOD,UAAU,CAACC,WAAW,CAAC,CAACU,SAAS;AAG1C;AAEA,SAASG,eAAeA,CAACC,EAAsB,EAAE;EAC/C,OAAO,IAAAC,oBAAM,eAAC,IAAApB,WAAA,CAAAqB,GAAA,EAACtB,MAAA,CAAAuB,aAAa;IAAAC,QAAA,EAAEJ;EAAE,CAAgB,CAAC,CAAC;AACpD;AAEAK,QAAQ,CAAC,OAAO,EAAE,MAAM;EACtBC,EAAE,CAAC,mCAAmC,EAAE,MAAM;IAC5CP,eAAe,cAAC,IAAAlB,WAAA,CAAAqB,GAAA,EAACvB,MAAA,CAAA4B,KAAK;MAACC,KAAK,EAAC,OAAO;MAACtB,WAAW,EAAC;IAAe,CAAE,CAAC,CAAC;IACpEuB,MAAM,CAACrB,oBAAM,CAACsB,SAAS,CAAC,OAAO,CAAC,CAAC,CAACC,UAAU,CAAC,CAAC;IAC9CF,MAAM,CAACrB,oBAAM,CAACC,oBAAoB,CAAC,eAAe,CAAC,CAAC,CAACsB,UAAU,CAAC,CAAC;EACnE,CAAC,CAAC;EAEFL,EAAE,CAAC,gDAAgD,EAAE,MAAM;IACzDP,eAAe,cAAC,IAAAlB,WAAA,CAAAqB,GAAA,EAACvB,MAAA,CAAA4B,KAAK;MAACC,KAAK,EAAC,OAAO;MAACI,KAAK,EAAC;IAAgB,CAAE,CAAC,CAAC;IAC/DH,MAAM,CAACrB,oBAAM,CAACsB,SAAS,CAAC,gBAAgB,CAAC,CAAC,CAACC,UAAU,CAAC,CAAC;EACzD,CAAC,CAAC;EAEFL,EAAE,CAAC,2CAA2C,EAAE,MAAM;IACpDP,eAAe,cAAC,IAAAlB,WAAA,CAAAqB,GAAA,EAACvB,MAAA,CAAA4B,KAAK;MAACM,UAAU,EAAC,MAAM;MAACD,KAAK,EAAC;IAAQ,CAAE,CAAC,CAAC;IAC3DH,MAAM,CAACrB,oBAAM,CAACsB,SAAS,CAAC,QAAQ,CAAC,CAAC,CAACC,UAAU,CAAC,CAAC;IAC/CF,MAAM,CAACrB,oBAAM,CAAC0B,WAAW,CAAC,MAAM,CAAC,CAAC,CAACC,QAAQ,CAAC,CAAC;EAC/C,CAAC,CAAC;EAEFT,EAAE,CAAC,+BAA+B,EAAE,MAAM;IACxCP,eAAe,cAAC,IAAAlB,WAAA,CAAAqB,GAAA,EAACvB,MAAA,CAAA4B,KAAK;MAACrB,WAAW,EAAC,MAAM;MAAC8B,QAAQ;IAAA,CAAE,CAAC,CAAC;IACtDP,MAAM,CAACrB,oBAAM,CAACC,oBAAoB,CAAC,MAAM,CAAC,CAACI,KAAK,CAACwB,QAAQ,CAAC,CAACC,IAAI,CAAC,KAAK,CAAC;EACxE,CAAC,CAAC;EAEFZ,EAAE,CAAC,sCAAsC,EAAE,MAAM;IAC/C,MAAMa,YAAY,GAAGC,IAAI,CAACC,EAAE,CAAC,CAAC;IAC9BtB,eAAe,cAAC,IAAAlB,WAAA,CAAAqB,GAAA,EAACvB,MAAA,CAAA4B,KAAK;MAACrB,WAAW,EAAC,MAAM;MAACiC,YAAY,EAAEA;IAAa,CAAE,CAAC,CAAC;IACzEG,uBAAS,CAACC,UAAU,CAACnC,oBAAM,CAACC,oBAAoB,CAAC,MAAM,CAAC,EAAE,KAAK,CAAC;IAChEoB,MAAM,CAACU,YAAY,CAAC,CAACK,oBAAoB,CAAC,KAAK,CAAC;EAClD,CAAC,CAAC;EAEFlB,EAAE,CAAC,sDAAsD,EAAE,MAAM;IAC/DP,eAAe,cAAC,IAAAlB,WAAA,CAAAqB,GAAA,EAACvB,MAAA,CAAA4B,KAAK;MAACrB,WAAW,EAAC,KAAK;MAACuC,UAAU;IAAA,CAAE,CAAC,CAAC;IACvDhB,MAAM,CAACrB,oBAAM,CAACC,oBAAoB,CAAC,KAAK,CAAC,CAACI,KAAK,CAACiC,eAAe,CAAC,CAACR,IAAI,CAAC,IAAI,CAAC;IAC3EI,uBAAS,CAACK,KAAK,CAACvC,oBAAM,CAACwC,cAAc,CAAC,eAAe,CAAC,CAAC;IACvDnB,MAAM,CAACrB,oBAAM,CAACC,oBAAoB,CAAC,KAAK,CAAC,CAACI,KAAK,CAACiC,eAAe,CAAC,CAACR,IAAI,CAAC,KAAK,CAAC;IAC5EI,uBAAS,CAACK,KAAK,CAACvC,oBAAM,CAACwC,cAAc,CAAC,eAAe,CAAC,CAAC;IACvDnB,MAAM,CAACrB,oBAAM,CAACC,oBAAoB,CAAC,KAAK,CAAC,CAACI,KAAK,CAACiC,eAAe,CAAC,CAACR,IAAI,CAAC,IAAI,CAAC;EAC7E,CAAC,CAAC;EAEFZ,EAAE,CAAC,gEAAgE,EAAE,MAAM;IACzEP,eAAe,cAAC,IAAAlB,WAAA,CAAAqB,GAAA,EAACvB,MAAA,CAAA4B,KAAK;MAACrB,WAAW,EAAC;IAAM,CAAE,CAAC,CAAC;IAC7CuB,MAAM,CAACX,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC+B,SAAS,CAAC,CAAC;IAE1C,IAAAP,uBAAS,EAAClC,oBAAM,CAACC,oBAAoB,CAAC,MAAM,CAAC,EAAE,OAAO,CAAC;IACvD,MAAMyC,IAAI,GAAGhC,cAAc,CAAC,MAAM,CAAC;IACnCW,MAAM,CAACqB,IAAI,CAAC,CAACnB,UAAU,CAAC,CAAC;IACzBF,MAAM,CAACqB,IAAI,CAAE,CAAC,CAAC,CAACC,cAAc,CAAC,CAACb,IAAI,CAAC,CAAC,CAAC;IACvCT,MAAM,CAACqB,IAAI,CAAE,CAAC,CAAC,CAACE,KAAK,CAAC,CAACC,SAAS,CAAC,aAAa,CAAC,CAAC,CAAC;;IAEjD,IAAAX,uBAAS,EAAClC,oBAAM,CAACC,oBAAoB,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC;IACtDoB,MAAM,CAACX,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC+B,SAAS,CAAC,CAAC;EAC5C,CAAC,CAAC;EAEFvB,EAAE,CAAC,mDAAmD,EAAE,MAAM;IAC5DP,eAAe,cAAC,IAAAlB,WAAA,CAAAqB,GAAA,EAACvB,MAAA,CAAA4B,KAAK;MAACrB,WAAW,EAAC,MAAM;MAAC0B,KAAK,EAAC;IAAK,CAAE,CAAC,CAAC;IACzD,IAAAU,uBAAS,EAAClC,oBAAM,CAACC,oBAAoB,CAAC,MAAM,CAAC,EAAE,OAAO,CAAC;IACvD,MAAMyC,IAAI,GAAGhC,cAAc,CAAC,MAAM,CAAC;IACnCW,MAAM,CAACqB,IAAI,CAAE,CAAC,CAAC,CAACE,KAAK,CAAC,CAACC,SAAS,CAAC,YAAY,CAAC,CAAC,CAAC;EAClD,CAAC,CAAC;AACJ,CAAC,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
Object.defineProperty(exports, "Input", {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
get: function () {
|
|
9
|
+
return _Input.Input;
|
|
10
|
+
}
|
|
11
|
+
});
|
|
12
|
+
var _Input = require("./Input.js");
|
|
13
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_Input","require"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Input/index.ts"],"mappings":";;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA","ignoreList":[]}
|
|
@@ -0,0 +1,95 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.LinkButton = LinkButton;
|
|
7
|
+
var _react = require("react");
|
|
8
|
+
var _reactNative = require("react-native");
|
|
9
|
+
var _index = require("../../theme/index.js");
|
|
10
|
+
var _Text = require("../Text/Text.js");
|
|
11
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
12
|
+
/** Link styles — the Figma "Link buttons" frame (default / destructive). */
|
|
13
|
+
|
|
14
|
+
const SIZES = {
|
|
15
|
+
md: {
|
|
16
|
+
textVariant: 'bodyMedium',
|
|
17
|
+
gap: 8,
|
|
18
|
+
iconSize: 20
|
|
19
|
+
},
|
|
20
|
+
lg: {
|
|
21
|
+
textVariant: 'bodyLarge',
|
|
22
|
+
gap: 10,
|
|
23
|
+
iconSize: 24
|
|
24
|
+
}
|
|
25
|
+
};
|
|
26
|
+
|
|
27
|
+
/**
|
|
28
|
+
* Text link with an optional underline — faithful to the Bacon POS Figma
|
|
29
|
+
* "Link buttons" frame. No background; sits inline with copy.
|
|
30
|
+
*/
|
|
31
|
+
function LinkButton({
|
|
32
|
+
label,
|
|
33
|
+
variant = 'default',
|
|
34
|
+
underline = false,
|
|
35
|
+
size = 'md',
|
|
36
|
+
disabled = false,
|
|
37
|
+
loading = false,
|
|
38
|
+
leftIcon,
|
|
39
|
+
rightIcon,
|
|
40
|
+
style,
|
|
41
|
+
...rest
|
|
42
|
+
}) {
|
|
43
|
+
const theme = (0, _index.useTheme)();
|
|
44
|
+
const sizeConfig = SIZES[size];
|
|
45
|
+
const isDisabled = disabled || loading;
|
|
46
|
+
const textColor = isDisabled ? theme.colors.disabled.foreground : variant === 'destructive' ? theme.colors.state.destructiveSubtleForeground : theme.colors.action.secondaryForeground; // neutral-800, Figma text/foreground
|
|
47
|
+
|
|
48
|
+
const labelStyle = underline ? {
|
|
49
|
+
textDecorationLine: 'underline'
|
|
50
|
+
} : {};
|
|
51
|
+
const containerStyle = (0, _react.useMemo)(() => ({
|
|
52
|
+
pressed
|
|
53
|
+
}) => [{
|
|
54
|
+
flexDirection: 'row',
|
|
55
|
+
alignItems: 'center',
|
|
56
|
+
alignSelf: 'flex-start',
|
|
57
|
+
gap: sizeConfig.gap,
|
|
58
|
+
paddingVertical: 2,
|
|
59
|
+
opacity: pressed && !isDisabled ? 0.6 : 1
|
|
60
|
+
}, style], [sizeConfig, isDisabled, style]);
|
|
61
|
+
const iconBox = {
|
|
62
|
+
width: sizeConfig.iconSize,
|
|
63
|
+
height: sizeConfig.iconSize,
|
|
64
|
+
alignItems: 'center',
|
|
65
|
+
justifyContent: 'center'
|
|
66
|
+
};
|
|
67
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Pressable, {
|
|
68
|
+
accessibilityRole: "link",
|
|
69
|
+
accessibilityState: {
|
|
70
|
+
disabled: isDisabled,
|
|
71
|
+
busy: loading
|
|
72
|
+
},
|
|
73
|
+
disabled: isDisabled,
|
|
74
|
+
hitSlop: 8,
|
|
75
|
+
style: containerStyle,
|
|
76
|
+
...rest,
|
|
77
|
+
children: [loading ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ActivityIndicator, {
|
|
78
|
+
color: textColor,
|
|
79
|
+
size: "small"
|
|
80
|
+
}) : leftIcon ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
81
|
+
style: iconBox,
|
|
82
|
+
children: leftIcon
|
|
83
|
+
}) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.Text, {
|
|
84
|
+
variant: sizeConfig.textVariant,
|
|
85
|
+
weight: "medium",
|
|
86
|
+
color: textColor,
|
|
87
|
+
style: labelStyle,
|
|
88
|
+
children: label
|
|
89
|
+
}), !loading && rightIcon ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
90
|
+
style: iconBox,
|
|
91
|
+
children: rightIcon
|
|
92
|
+
}) : null]
|
|
93
|
+
});
|
|
94
|
+
}
|
|
95
|
+
//# sourceMappingURL=LinkButton.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_react","require","_reactNative","_index","_Text","_jsxRuntime","SIZES","md","textVariant","gap","iconSize","lg","LinkButton","label","variant","underline","size","disabled","loading","leftIcon","rightIcon","style","rest","theme","useTheme","sizeConfig","isDisabled","textColor","colors","foreground","state","destructiveSubtleForeground","action","secondaryForeground","labelStyle","textDecorationLine","containerStyle","useMemo","pressed","flexDirection","alignItems","alignSelf","paddingVertical","opacity","iconBox","width","height","justifyContent","jsxs","Pressable","accessibilityRole","accessibilityState","busy","hitSlop","children","jsx","ActivityIndicator","color","View","Text","weight"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/LinkButton/LinkButton.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,91 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.default = exports.Underline = exports.Loading = exports.Large = exports.Disabled = exports.DestructiveUnderline = exports.Destructive = exports.Default = exports.AllStyles = void 0;
|
|
7
|
+
var _reactNative = require("react-native");
|
|
8
|
+
var _LinkButton = require("./LinkButton.js");
|
|
9
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
10
|
+
const meta = {
|
|
11
|
+
title: 'Components/LinkButton',
|
|
12
|
+
component: _LinkButton.LinkButton,
|
|
13
|
+
args: {
|
|
14
|
+
label: 'View receipt',
|
|
15
|
+
variant: 'default',
|
|
16
|
+
underline: false,
|
|
17
|
+
size: 'md'
|
|
18
|
+
},
|
|
19
|
+
argTypes: {
|
|
20
|
+
variant: {
|
|
21
|
+
control: 'inline-radio',
|
|
22
|
+
options: ['default', 'destructive']
|
|
23
|
+
},
|
|
24
|
+
size: {
|
|
25
|
+
control: 'inline-radio',
|
|
26
|
+
options: ['md', 'lg']
|
|
27
|
+
},
|
|
28
|
+
underline: {
|
|
29
|
+
control: 'boolean'
|
|
30
|
+
},
|
|
31
|
+
onPress: {
|
|
32
|
+
action: 'pressed'
|
|
33
|
+
}
|
|
34
|
+
}
|
|
35
|
+
};
|
|
36
|
+
var _default = exports.default = meta;
|
|
37
|
+
const Default = exports.Default = {};
|
|
38
|
+
const Underline = exports.Underline = {
|
|
39
|
+
args: {
|
|
40
|
+
underline: true
|
|
41
|
+
}
|
|
42
|
+
};
|
|
43
|
+
const Destructive = exports.Destructive = {
|
|
44
|
+
args: {
|
|
45
|
+
variant: 'destructive',
|
|
46
|
+
label: 'Delete account'
|
|
47
|
+
}
|
|
48
|
+
};
|
|
49
|
+
const DestructiveUnderline = exports.DestructiveUnderline = {
|
|
50
|
+
args: {
|
|
51
|
+
variant: 'destructive',
|
|
52
|
+
underline: true,
|
|
53
|
+
label: 'Delete account'
|
|
54
|
+
}
|
|
55
|
+
};
|
|
56
|
+
const Large = exports.Large = {
|
|
57
|
+
args: {
|
|
58
|
+
size: 'lg'
|
|
59
|
+
}
|
|
60
|
+
};
|
|
61
|
+
const Disabled = exports.Disabled = {
|
|
62
|
+
args: {
|
|
63
|
+
disabled: true
|
|
64
|
+
}
|
|
65
|
+
};
|
|
66
|
+
const Loading = exports.Loading = {
|
|
67
|
+
args: {
|
|
68
|
+
loading: true
|
|
69
|
+
}
|
|
70
|
+
};
|
|
71
|
+
const AllStyles = exports.AllStyles = {
|
|
72
|
+
render: () => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
|
|
73
|
+
style: {
|
|
74
|
+
gap: 16
|
|
75
|
+
},
|
|
76
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_LinkButton.LinkButton, {
|
|
77
|
+
label: "Default"
|
|
78
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_LinkButton.LinkButton, {
|
|
79
|
+
label: "Underline",
|
|
80
|
+
underline: true
|
|
81
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_LinkButton.LinkButton, {
|
|
82
|
+
label: "Destructive",
|
|
83
|
+
variant: "destructive"
|
|
84
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_LinkButton.LinkButton, {
|
|
85
|
+
label: "Destructive underline",
|
|
86
|
+
variant: "destructive",
|
|
87
|
+
underline: true
|
|
88
|
+
})]
|
|
89
|
+
})
|
|
90
|
+
};
|
|
91
|
+
//# sourceMappingURL=LinkButton.stories.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_reactNative","require","_LinkButton","_jsxRuntime","meta","title","component","LinkButton","args","label","variant","underline","size","argTypes","control","options","onPress","action","_default","exports","default","Default","Underline","Destructive","DestructiveUnderline","Large","Disabled","disabled","Loading","loading","AllStyles","render","jsxs","View","style","gap","children","jsx"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/LinkButton/LinkButton.stories.tsx"],"mappings":";;;;;;AACA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AAA0C,IAAAE,WAAA,GAAAF,OAAA;AAE1C,MAAMG,IAAI,GAAG;EACXC,KAAK,EAAE,uBAAuB;EAC9BC,SAAS,EAAEC,sBAAU;EACrBC,IAAI,EAAE;IACJC,KAAK,EAAE,cAAc;IACrBC,OAAO,EAAE,SAAS;IAClBC,SAAS,EAAE,KAAK;IAChBC,IAAI,EAAE;EACR,CAAC;EACDC,QAAQ,EAAE;IACRH,OAAO,EAAE;MAAEI,OAAO,EAAE,cAAc;MAAEC,OAAO,EAAE,CAAC,SAAS,EAAE,aAAa;IAAE,CAAC;IACzEH,IAAI,EAAE;MAAEE,OAAO,EAAE,cAAc;MAAEC,OAAO,EAAE,CAAC,IAAI,EAAE,IAAI;IAAE,CAAC;IACxDJ,SAAS,EAAE;MAAEG,OAAO,EAAE;IAAU,CAAC;IACjCE,OAAO,EAAE;MAAEC,MAAM,EAAE;IAAU;EAC/B;AACF,CAAmC;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAErBhB,IAAI;AAGZ,MAAMiB,OAAc,GAAAF,OAAA,CAAAE,OAAA,GAAG,CAAC,CAAC;AACzB,MAAMC,SAAgB,GAAAH,OAAA,CAAAG,SAAA,GAAG;EAAEd,IAAI,EAAE;IAAEG,SAAS,EAAE;EAAK;AAAE,CAAC;AACtD,MAAMY,WAAkB,GAAAJ,OAAA,CAAAI,WAAA,GAAG;EAAEf,IAAI,EAAE;IAAEE,OAAO,EAAE,aAAa;IAAED,KAAK,EAAE;EAAiB;AAAE,CAAC;AACxF,MAAMe,oBAA2B,GAAAL,OAAA,CAAAK,oBAAA,GAAG;EACzChB,IAAI,EAAE;IAAEE,OAAO,EAAE,aAAa;IAAEC,SAAS,EAAE,IAAI;IAAEF,KAAK,EAAE;EAAiB;AAC3E,CAAC;AACM,MAAMgB,KAAY,GAAAN,OAAA,CAAAM,KAAA,GAAG;EAAEjB,IAAI,EAAE;IAAEI,IAAI,EAAE;EAAK;AAAE,CAAC;AAC7C,MAAMc,QAAe,GAAAP,OAAA,CAAAO,QAAA,GAAG;EAAElB,IAAI,EAAE;IAAEmB,QAAQ,EAAE;EAAK;AAAE,CAAC;AACpD,MAAMC,OAAc,GAAAT,OAAA,CAAAS,OAAA,GAAG;EAAEpB,IAAI,EAAE;IAAEqB,OAAO,EAAE;EAAK;AAAE,CAAC;AAElD,MAAMC,SAAgB,GAAAX,OAAA,CAAAW,SAAA,GAAG;EAC9BC,MAAM,EAAEA,CAAA,kBACN,IAAA5B,WAAA,CAAA6B,IAAA,EAAChC,YAAA,CAAAiC,IAAI;IAACC,KAAK,EAAE;MAAEC,GAAG,EAAE;IAAG,CAAE;IAAAC,QAAA,gBACvB,IAAAjC,WAAA,CAAAkC,GAAA,EAACnC,WAAA,CAAAK,UAAU;MAACE,KAAK,EAAC;IAAS,CAAE,CAAC,eAC9B,IAAAN,WAAA,CAAAkC,GAAA,EAACnC,WAAA,CAAAK,UAAU;MAACE,KAAK,EAAC,WAAW;MAACE,SAAS;IAAA,CAAE,CAAC,eAC1C,IAAAR,WAAA,CAAAkC,GAAA,EAACnC,WAAA,CAAAK,UAAU;MAACE,KAAK,EAAC,aAAa;MAACC,OAAO,EAAC;IAAa,CAAE,CAAC,eACxD,IAAAP,WAAA,CAAAkC,GAAA,EAACnC,WAAA,CAAAK,UAAU;MAACE,KAAK,EAAC,uBAAuB;MAACC,OAAO,EAAC,aAAa;MAACC,SAAS;IAAA,CAAE,CAAC;EAAA,CACxE;AAEV,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1,61 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _react = _interopRequireDefault(require("react"));
|
|
4
|
+
var _reactNative = require("@testing-library/react-native");
|
|
5
|
+
var _LinkButton = require("./LinkButton.js");
|
|
6
|
+
var _index = require("../../theme/index.js");
|
|
7
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
8
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
9
|
+
function renderWithTheme(ui) {
|
|
10
|
+
return (0, _reactNative.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_index.ThemeProvider, {
|
|
11
|
+
children: ui
|
|
12
|
+
}));
|
|
13
|
+
}
|
|
14
|
+
describe('LinkButton', () => {
|
|
15
|
+
it('renders its label', () => {
|
|
16
|
+
renderWithTheme(/*#__PURE__*/(0, _jsxRuntime.jsx)(_LinkButton.LinkButton, {
|
|
17
|
+
label: "View receipt"
|
|
18
|
+
}));
|
|
19
|
+
expect(_reactNative.screen.getByText('View receipt')).toBeTruthy();
|
|
20
|
+
});
|
|
21
|
+
it('calls onPress when tapped', () => {
|
|
22
|
+
const onPress = jest.fn();
|
|
23
|
+
renderWithTheme(/*#__PURE__*/(0, _jsxRuntime.jsx)(_LinkButton.LinkButton, {
|
|
24
|
+
label: "View receipt",
|
|
25
|
+
onPress: onPress
|
|
26
|
+
}));
|
|
27
|
+
_reactNative.fireEvent.press(_reactNative.screen.getByText('View receipt'));
|
|
28
|
+
expect(onPress).toHaveBeenCalledTimes(1);
|
|
29
|
+
});
|
|
30
|
+
it('does not call onPress when disabled', () => {
|
|
31
|
+
const onPress = jest.fn();
|
|
32
|
+
renderWithTheme(/*#__PURE__*/(0, _jsxRuntime.jsx)(_LinkButton.LinkButton, {
|
|
33
|
+
label: "View receipt",
|
|
34
|
+
disabled: true,
|
|
35
|
+
onPress: onPress
|
|
36
|
+
}));
|
|
37
|
+
_reactNative.fireEvent.press(_reactNative.screen.getByText('View receipt'));
|
|
38
|
+
expect(onPress).not.toHaveBeenCalled();
|
|
39
|
+
});
|
|
40
|
+
it('keeps the label visible and blocks presses while loading', () => {
|
|
41
|
+
const onPress = jest.fn();
|
|
42
|
+
renderWithTheme(/*#__PURE__*/(0, _jsxRuntime.jsx)(_LinkButton.LinkButton, {
|
|
43
|
+
label: "View receipt",
|
|
44
|
+
loading: true,
|
|
45
|
+
onPress: onPress
|
|
46
|
+
}));
|
|
47
|
+
expect(_reactNative.screen.getByText('View receipt')).toBeTruthy();
|
|
48
|
+
_reactNative.fireEvent.press(_reactNative.screen.getByText('View receipt'));
|
|
49
|
+
expect(onPress).not.toHaveBeenCalled();
|
|
50
|
+
});
|
|
51
|
+
it('underlines the label when requested', () => {
|
|
52
|
+
renderWithTheme(/*#__PURE__*/(0, _jsxRuntime.jsx)(_LinkButton.LinkButton, {
|
|
53
|
+
label: "View receipt",
|
|
54
|
+
underline: true
|
|
55
|
+
}));
|
|
56
|
+
const style = _reactNative.screen.getByText('View receipt').props.style;
|
|
57
|
+
const flat = Array.isArray(style) ? Object.assign({}, ...style.flat(Infinity)) : style;
|
|
58
|
+
expect(flat.textDecorationLine).toBe('underline');
|
|
59
|
+
});
|
|
60
|
+
});
|
|
61
|
+
//# sourceMappingURL=LinkButton.test.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_LinkButton","_index","_jsxRuntime","e","__esModule","default","renderWithTheme","ui","render","jsx","ThemeProvider","children","describe","it","LinkButton","label","expect","screen","getByText","toBeTruthy","onPress","jest","fn","fireEvent","press","toHaveBeenCalledTimes","disabled","not","toHaveBeenCalled","loading","underline","style","props","flat","Array","isArray","Object","assign","Infinity","textDecorationLine","toBe"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/LinkButton/LinkButton.test.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
Object.defineProperty(exports, "LinkButton", {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
get: function () {
|
|
9
|
+
return _LinkButton.LinkButton;
|
|
10
|
+
}
|
|
11
|
+
});
|
|
12
|
+
var _LinkButton = require("./LinkButton.js");
|
|
13
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_LinkButton","require"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/LinkButton/index.ts"],"mappings":";;;;;;;;;;;AAAA,IAAAA,WAAA,GAAAC,OAAA","ignoreList":[]}
|