@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,100 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _react = _interopRequireDefault(require("react"));
|
|
4
|
+
var _reactNative = require("@testing-library/react-native");
|
|
5
|
+
var _QuantityStepper = require("./QuantityStepper.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('QuantityStepper', () => {
|
|
15
|
+
it('collapses to a single Add button at 0', () => {
|
|
16
|
+
const onChange = jest.fn();
|
|
17
|
+
renderWithTheme(/*#__PURE__*/(0, _jsxRuntime.jsx)(_QuantityStepper.QuantityStepper, {
|
|
18
|
+
value: 0,
|
|
19
|
+
onChange: onChange
|
|
20
|
+
}));
|
|
21
|
+
expect(_reactNative.screen.getByLabelText('Add')).toBeTruthy();
|
|
22
|
+
expect(_reactNative.screen.queryByLabelText('Decrease quantity')).toBeNull();
|
|
23
|
+
_reactNative.fireEvent.press(_reactNative.screen.getByLabelText('Add'));
|
|
24
|
+
expect(onChange).toHaveBeenCalledWith(1);
|
|
25
|
+
});
|
|
26
|
+
it('hides the − at the minimum (default 1) so it cannot go lower', () => {
|
|
27
|
+
const onChange = jest.fn();
|
|
28
|
+
renderWithTheme(/*#__PURE__*/(0, _jsxRuntime.jsx)(_QuantityStepper.QuantityStepper, {
|
|
29
|
+
value: 1,
|
|
30
|
+
onChange: onChange
|
|
31
|
+
}));
|
|
32
|
+
expect(_reactNative.screen.getByText('1')).toBeTruthy();
|
|
33
|
+
expect(_reactNative.screen.queryByLabelText('Decrease quantity')).toBeNull();
|
|
34
|
+
_reactNative.fireEvent.press(_reactNative.screen.getByLabelText('Increase quantity'));
|
|
35
|
+
expect(onChange).toHaveBeenCalledWith(2);
|
|
36
|
+
});
|
|
37
|
+
it('shows the − above the minimum and decrements', () => {
|
|
38
|
+
const onChange = jest.fn();
|
|
39
|
+
renderWithTheme(/*#__PURE__*/(0, _jsxRuntime.jsx)(_QuantityStepper.QuantityStepper, {
|
|
40
|
+
value: 2,
|
|
41
|
+
onChange: onChange
|
|
42
|
+
}));
|
|
43
|
+
_reactNative.fireEvent.press(_reactNative.screen.getByLabelText('Decrease quantity'));
|
|
44
|
+
expect(onChange).toHaveBeenCalledWith(1);
|
|
45
|
+
});
|
|
46
|
+
it('allows going to 0 when min is 0', () => {
|
|
47
|
+
const onChange = jest.fn();
|
|
48
|
+
renderWithTheme(/*#__PURE__*/(0, _jsxRuntime.jsx)(_QuantityStepper.QuantityStepper, {
|
|
49
|
+
value: 1,
|
|
50
|
+
min: 0,
|
|
51
|
+
onChange: onChange
|
|
52
|
+
}));
|
|
53
|
+
_reactNative.fireEvent.press(_reactNative.screen.getByLabelText('Decrease quantity'));
|
|
54
|
+
expect(onChange).toHaveBeenCalledWith(0);
|
|
55
|
+
});
|
|
56
|
+
it('does not exceed max', () => {
|
|
57
|
+
const onChange = jest.fn();
|
|
58
|
+
renderWithTheme(/*#__PURE__*/(0, _jsxRuntime.jsx)(_QuantityStepper.QuantityStepper, {
|
|
59
|
+
value: 5,
|
|
60
|
+
max: 5,
|
|
61
|
+
onChange: onChange
|
|
62
|
+
}));
|
|
63
|
+
_reactNative.fireEvent.press(_reactNative.screen.getByLabelText('Increase quantity'));
|
|
64
|
+
expect(onChange).not.toHaveBeenCalled();
|
|
65
|
+
});
|
|
66
|
+
it('blocks interaction when disabled', () => {
|
|
67
|
+
const onChange = jest.fn();
|
|
68
|
+
renderWithTheme(/*#__PURE__*/(0, _jsxRuntime.jsx)(_QuantityStepper.QuantityStepper, {
|
|
69
|
+
value: 2,
|
|
70
|
+
disabled: true,
|
|
71
|
+
onChange: onChange
|
|
72
|
+
}));
|
|
73
|
+
_reactNative.fireEvent.press(_reactNative.screen.getByLabelText('Increase quantity'));
|
|
74
|
+
_reactNative.fireEvent.press(_reactNative.screen.getByLabelText('Decrease quantity'));
|
|
75
|
+
expect(onChange).not.toHaveBeenCalled();
|
|
76
|
+
});
|
|
77
|
+
it('lets the quantity be typed when editable', () => {
|
|
78
|
+
const onChange = jest.fn();
|
|
79
|
+
renderWithTheme(/*#__PURE__*/(0, _jsxRuntime.jsx)(_QuantityStepper.QuantityStepper, {
|
|
80
|
+
value: 3,
|
|
81
|
+
editable: true,
|
|
82
|
+
onChange: onChange
|
|
83
|
+
}));
|
|
84
|
+
const field = _reactNative.screen.getByLabelText('Quantity');
|
|
85
|
+
expect(field.props.value).toBe('3');
|
|
86
|
+
_reactNative.fireEvent.changeText(field, '1000');
|
|
87
|
+
expect(onChange).toHaveBeenCalledWith(1000);
|
|
88
|
+
});
|
|
89
|
+
it('ignores non-digits when typing', () => {
|
|
90
|
+
const onChange = jest.fn();
|
|
91
|
+
renderWithTheme(/*#__PURE__*/(0, _jsxRuntime.jsx)(_QuantityStepper.QuantityStepper, {
|
|
92
|
+
value: 3,
|
|
93
|
+
editable: true,
|
|
94
|
+
onChange: onChange
|
|
95
|
+
}));
|
|
96
|
+
_reactNative.fireEvent.changeText(_reactNative.screen.getByLabelText('Quantity'), 'a1b2');
|
|
97
|
+
expect(onChange).toHaveBeenCalledWith(12);
|
|
98
|
+
});
|
|
99
|
+
});
|
|
100
|
+
//# sourceMappingURL=QuantityStepper.test.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_QuantityStepper","_index","_jsxRuntime","e","__esModule","default","renderWithTheme","ui","render","jsx","ThemeProvider","children","describe","it","onChange","jest","fn","QuantityStepper","value","expect","screen","getByLabelText","toBeTruthy","queryByLabelText","toBeNull","fireEvent","press","toHaveBeenCalledWith","getByText","min","max","not","toHaveBeenCalled","disabled","editable","field","props","toBe","changeText"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/QuantityStepper/QuantityStepper.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, "QuantityStepper", {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
get: function () {
|
|
9
|
+
return _QuantityStepper.QuantityStepper;
|
|
10
|
+
}
|
|
11
|
+
});
|
|
12
|
+
var _QuantityStepper = require("./QuantityStepper.js");
|
|
13
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_QuantityStepper","require"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/QuantityStepper/index.ts"],"mappings":";;;;;;;;;;;AAAA,IAAAA,gBAAA,GAAAC,OAAA","ignoreList":[]}
|
|
@@ -0,0 +1,59 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.Radio = Radio;
|
|
7
|
+
var _reactNative = require("react-native");
|
|
8
|
+
var _index = require("../../theme/index.js");
|
|
9
|
+
var _Labeled = require("../_internal/Labeled.js");
|
|
10
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
11
|
+
/**
|
|
12
|
+
* Radio button — faithful to the Bacon POS Figma "Form controls". A 20px circle:
|
|
13
|
+
* unselected (outlined), selected (dark ring + dot). Usually rendered as a group;
|
|
14
|
+
* standalone or with a positionable label.
|
|
15
|
+
*/
|
|
16
|
+
function Radio({
|
|
17
|
+
selected,
|
|
18
|
+
onChange,
|
|
19
|
+
disabled = false,
|
|
20
|
+
label,
|
|
21
|
+
labelPosition,
|
|
22
|
+
style
|
|
23
|
+
}) {
|
|
24
|
+
const theme = (0, _index.useTheme)();
|
|
25
|
+
const borderColor = disabled ? theme.colors.disabled.border : selected ? theme.colors.text.primary : theme.colors.border.strong;
|
|
26
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Labeled.Labeled, {
|
|
27
|
+
label: label,
|
|
28
|
+
labelPosition: labelPosition,
|
|
29
|
+
disabled: disabled,
|
|
30
|
+
onPress: onChange,
|
|
31
|
+
accessibilityRole: "radio",
|
|
32
|
+
accessibilityState: {
|
|
33
|
+
selected,
|
|
34
|
+
disabled
|
|
35
|
+
},
|
|
36
|
+
style: style,
|
|
37
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
38
|
+
style: {
|
|
39
|
+
width: 20,
|
|
40
|
+
height: 20,
|
|
41
|
+
borderRadius: 10,
|
|
42
|
+
borderWidth: selected ? 2 : 1.5,
|
|
43
|
+
borderColor,
|
|
44
|
+
backgroundColor: theme.colors.background.default,
|
|
45
|
+
alignItems: 'center',
|
|
46
|
+
justifyContent: 'center'
|
|
47
|
+
},
|
|
48
|
+
children: selected ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
49
|
+
style: {
|
|
50
|
+
width: 8,
|
|
51
|
+
height: 8,
|
|
52
|
+
borderRadius: 4,
|
|
53
|
+
backgroundColor: disabled ? theme.colors.disabled.foreground : theme.colors.text.primary
|
|
54
|
+
}
|
|
55
|
+
}) : null
|
|
56
|
+
})
|
|
57
|
+
});
|
|
58
|
+
}
|
|
59
|
+
//# sourceMappingURL=Radio.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_reactNative","require","_index","_Labeled","_jsxRuntime","Radio","selected","onChange","disabled","label","labelPosition","style","theme","useTheme","borderColor","colors","border","text","primary","strong","jsx","Labeled","onPress","accessibilityRole","accessibilityState","children","View","width","height","borderRadius","borderWidth","backgroundColor","background","default","alignItems","justifyContent","foreground"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Radio/Radio.tsx"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAF,OAAA;AAAmE,IAAAG,WAAA,GAAAH,OAAA;AAiBnE;AACA;AACA;AACA;AACA;AACO,SAASI,KAAKA,CAAC;EACpBC,QAAQ;EACRC,QAAQ;EACRC,QAAQ,GAAG,KAAK;EAChBC,KAAK;EACLC,aAAa;EACbC;AACU,CAAC,EAAE;EACb,MAAMC,KAAK,GAAG,IAAAC,eAAQ,EAAC,CAAC;EAExB,MAAMC,WAAW,GAAGN,QAAQ,GACxBI,KAAK,CAACG,MAAM,CAACP,QAAQ,CAACQ,MAAM,GAC5BV,QAAQ,GACNM,KAAK,CAACG,MAAM,CAACE,IAAI,CAACC,OAAO,GACzBN,KAAK,CAACG,MAAM,CAACC,MAAM,CAACG,MAAM;EAEhC,oBACE,IAAAf,WAAA,CAAAgB,GAAA,EAACjB,QAAA,CAAAkB,OAAO;IACNZ,KAAK,EAAEA,KAAM;IACbC,aAAa,EAAEA,aAAc;IAC7BF,QAAQ,EAAEA,QAAS;IACnBc,OAAO,EAAEf,QAAS;IAClBgB,iBAAiB,EAAC,OAAO;IACzBC,kBAAkB,EAAE;MAAElB,QAAQ;MAAEE;IAAS,CAAE;IAC3CG,KAAK,EAAEA,KAAM;IAAAc,QAAA,eAEb,IAAArB,WAAA,CAAAgB,GAAA,EAACpB,YAAA,CAAA0B,IAAI;MACHf,KAAK,EAAE;QACLgB,KAAK,EAAE,EAAE;QACTC,MAAM,EAAE,EAAE;QACVC,YAAY,EAAE,EAAE;QAChBC,WAAW,EAAExB,QAAQ,GAAG,CAAC,GAAG,GAAG;QAC/BQ,WAAW;QACXiB,eAAe,EAAEnB,KAAK,CAACG,MAAM,CAACiB,UAAU,CAACC,OAAO;QAChDC,UAAU,EAAE,QAAQ;QACpBC,cAAc,EAAE;MAClB,CAAE;MAAAV,QAAA,EAEDnB,QAAQ,gBACP,IAAAF,WAAA,CAAAgB,GAAA,EAACpB,YAAA,CAAA0B,IAAI;QACHf,KAAK,EAAE;UACLgB,KAAK,EAAE,CAAC;UACRC,MAAM,EAAE,CAAC;UACTC,YAAY,EAAE,CAAC;UACfE,eAAe,EAAEvB,QAAQ,GAAGI,KAAK,CAACG,MAAM,CAACP,QAAQ,CAAC4B,UAAU,GAAGxB,KAAK,CAACG,MAAM,CAACE,IAAI,CAACC;QACnF;MAAE,CACH,CAAC,GACA;IAAI,CACJ;EAAC,CACA,CAAC;AAEd","ignoreList":[]}
|
|
@@ -0,0 +1,60 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.default = exports.Unselected = exports.Group = exports.Disabled = exports.Default = void 0;
|
|
7
|
+
var _react = require("react");
|
|
8
|
+
var _reactNative = require("react-native");
|
|
9
|
+
var _Radio = require("./Radio.js");
|
|
10
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
11
|
+
const meta = {
|
|
12
|
+
title: 'Components/Radio',
|
|
13
|
+
component: _Radio.Radio
|
|
14
|
+
};
|
|
15
|
+
var _default = exports.default = meta;
|
|
16
|
+
const Default = exports.Default = {
|
|
17
|
+
render: () => /*#__PURE__*/(0, _jsxRuntime.jsx)(_Radio.Radio, {
|
|
18
|
+
selected: true,
|
|
19
|
+
onChange: () => {}
|
|
20
|
+
})
|
|
21
|
+
};
|
|
22
|
+
const Unselected = exports.Unselected = {
|
|
23
|
+
render: () => /*#__PURE__*/(0, _jsxRuntime.jsx)(_Radio.Radio, {
|
|
24
|
+
selected: false,
|
|
25
|
+
onChange: () => {}
|
|
26
|
+
})
|
|
27
|
+
};
|
|
28
|
+
const Disabled = exports.Disabled = {
|
|
29
|
+
render: () => /*#__PURE__*/(0, _jsxRuntime.jsx)(_Radio.Radio, {
|
|
30
|
+
selected: true,
|
|
31
|
+
disabled: true,
|
|
32
|
+
onChange: () => {},
|
|
33
|
+
label: "Disabled"
|
|
34
|
+
})
|
|
35
|
+
};
|
|
36
|
+
const Group = exports.Group = {
|
|
37
|
+
render: () => {
|
|
38
|
+
const [choice, setChoice] = (0, _react.useState)('a');
|
|
39
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
|
|
40
|
+
style: {
|
|
41
|
+
gap: 16,
|
|
42
|
+
alignItems: 'flex-start'
|
|
43
|
+
},
|
|
44
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Radio.Radio, {
|
|
45
|
+
selected: choice === 'a',
|
|
46
|
+
onChange: () => setChoice('a'),
|
|
47
|
+
label: "Dine in"
|
|
48
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Radio.Radio, {
|
|
49
|
+
selected: choice === 'b',
|
|
50
|
+
onChange: () => setChoice('b'),
|
|
51
|
+
label: "Takeaway"
|
|
52
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Radio.Radio, {
|
|
53
|
+
selected: choice === 'c',
|
|
54
|
+
onChange: () => setChoice('c'),
|
|
55
|
+
label: "Delivery"
|
|
56
|
+
})]
|
|
57
|
+
});
|
|
58
|
+
}
|
|
59
|
+
};
|
|
60
|
+
//# sourceMappingURL=Radio.stories.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_react","require","_reactNative","_Radio","_jsxRuntime","meta","title","component","Radio","_default","exports","default","Default","render","jsx","selected","onChange","Unselected","Disabled","disabled","label","Group","choice","setChoice","useState","jsxs","View","style","gap","alignItems","children"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Radio/Radio.stories.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAEA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AAAgC,IAAAG,WAAA,GAAAH,OAAA;AAEhC,MAAMI,IAAI,GAAG;EACXC,KAAK,EAAE,kBAAkB;EACzBC,SAAS,EAAEC;AACb,CAA8B;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEhBN,IAAI;AAGZ,MAAMO,OAAc,GAAAF,OAAA,CAAAE,OAAA,GAAG;EAAEC,MAAM,EAAEA,CAAA,kBAAM,IAAAT,WAAA,CAAAU,GAAA,EAACX,MAAA,CAAAK,KAAK;IAACO,QAAQ;IAACC,QAAQ,EAAEA,CAAA,KAAM,CAAC;EAAE,CAAE;AAAE,CAAC;AAC/E,MAAMC,UAAiB,GAAAP,OAAA,CAAAO,UAAA,GAAG;EAAEJ,MAAM,EAAEA,CAAA,kBAAM,IAAAT,WAAA,CAAAU,GAAA,EAACX,MAAA,CAAAK,KAAK;IAACO,QAAQ,EAAE,KAAM;IAACC,QAAQ,EAAEA,CAAA,KAAM,CAAC;EAAE,CAAE;AAAE,CAAC;AAC1F,MAAME,QAAe,GAAAR,OAAA,CAAAQ,QAAA,GAAG;EAAEL,MAAM,EAAEA,CAAA,kBAAM,IAAAT,WAAA,CAAAU,GAAA,EAACX,MAAA,CAAAK,KAAK;IAACO,QAAQ;IAACI,QAAQ;IAACH,QAAQ,EAAEA,CAAA,KAAM,CAAC,CAAE;IAACI,KAAK,EAAC;EAAU,CAAE;AAAE,CAAC;AAE1G,MAAMC,KAAY,GAAAX,OAAA,CAAAW,KAAA,GAAG;EAC1BR,MAAM,EAAEA,CAAA,KAAM;IACZ,MAAM,CAACS,MAAM,EAAEC,SAAS,CAAC,GAAG,IAAAC,eAAQ,EAAC,GAAG,CAAC;IACzC,oBACE,IAAApB,WAAA,CAAAqB,IAAA,EAACvB,YAAA,CAAAwB,IAAI;MAACC,KAAK,EAAE;QAAEC,GAAG,EAAE,EAAE;QAAEC,UAAU,EAAE;MAAa,CAAE;MAAAC,QAAA,gBACjD,IAAA1B,WAAA,CAAAU,GAAA,EAACX,MAAA,CAAAK,KAAK;QAACO,QAAQ,EAAEO,MAAM,KAAK,GAAI;QAACN,QAAQ,EAAEA,CAAA,KAAMO,SAAS,CAAC,GAAG,CAAE;QAACH,KAAK,EAAC;MAAS,CAAE,CAAC,eACnF,IAAAhB,WAAA,CAAAU,GAAA,EAACX,MAAA,CAAAK,KAAK;QAACO,QAAQ,EAAEO,MAAM,KAAK,GAAI;QAACN,QAAQ,EAAEA,CAAA,KAAMO,SAAS,CAAC,GAAG,CAAE;QAACH,KAAK,EAAC;MAAU,CAAE,CAAC,eACpF,IAAAhB,WAAA,CAAAU,GAAA,EAACX,MAAA,CAAAK,KAAK;QAACO,QAAQ,EAAEO,MAAM,KAAK,GAAI;QAACN,QAAQ,EAAEA,CAAA,KAAMO,SAAS,CAAC,GAAG,CAAE;QAACH,KAAK,EAAC;MAAU,CAAE,CAAC;IAAA,CAChF,CAAC;EAEX;AACF,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _react = _interopRequireDefault(require("react"));
|
|
4
|
+
var _reactNative = require("@testing-library/react-native");
|
|
5
|
+
var _Radio = require("./Radio.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('Radio', () => {
|
|
15
|
+
it('renders its label and selected state', () => {
|
|
16
|
+
renderWithTheme(/*#__PURE__*/(0, _jsxRuntime.jsx)(_Radio.Radio, {
|
|
17
|
+
selected: true,
|
|
18
|
+
onChange: () => {},
|
|
19
|
+
label: "Dine in"
|
|
20
|
+
}));
|
|
21
|
+
expect(_reactNative.screen.getByText('Dine in')).toBeTruthy();
|
|
22
|
+
expect(_reactNative.screen.getByRole('radio').props.accessibilityState.selected).toBe(true);
|
|
23
|
+
});
|
|
24
|
+
it('calls onChange when pressed', () => {
|
|
25
|
+
const onChange = jest.fn();
|
|
26
|
+
renderWithTheme(/*#__PURE__*/(0, _jsxRuntime.jsx)(_Radio.Radio, {
|
|
27
|
+
selected: false,
|
|
28
|
+
onChange: onChange,
|
|
29
|
+
label: "Dine in"
|
|
30
|
+
}));
|
|
31
|
+
_reactNative.fireEvent.press(_reactNative.screen.getByRole('radio'));
|
|
32
|
+
expect(onChange).toHaveBeenCalledTimes(1);
|
|
33
|
+
});
|
|
34
|
+
it('does not fire when disabled', () => {
|
|
35
|
+
const onChange = jest.fn();
|
|
36
|
+
renderWithTheme(/*#__PURE__*/(0, _jsxRuntime.jsx)(_Radio.Radio, {
|
|
37
|
+
selected: false,
|
|
38
|
+
disabled: true,
|
|
39
|
+
onChange: onChange,
|
|
40
|
+
label: "x"
|
|
41
|
+
}));
|
|
42
|
+
_reactNative.fireEvent.press(_reactNative.screen.getByRole('radio'));
|
|
43
|
+
expect(onChange).not.toHaveBeenCalled();
|
|
44
|
+
});
|
|
45
|
+
});
|
|
46
|
+
//# sourceMappingURL=Radio.test.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_Radio","_index","_jsxRuntime","e","__esModule","default","renderWithTheme","ui","render","jsx","ThemeProvider","children","describe","it","Radio","selected","onChange","label","expect","screen","getByText","toBeTruthy","getByRole","props","accessibilityState","toBe","jest","fn","fireEvent","press","toHaveBeenCalledTimes","disabled","not","toHaveBeenCalled"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Radio/Radio.test.tsx"],"mappings":";;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AAA4C,IAAAI,WAAA,GAAAJ,OAAA;AAAA,SAAAD,uBAAAM,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAE5C,SAASG,eAAeA,CAACC,EAAsB,EAAE;EAC/C,OAAO,IAAAC,mBAAM,eAAC,IAAAN,WAAA,CAAAO,GAAA,EAACR,MAAA,CAAAS,aAAa;IAAAC,QAAA,EAAEJ;EAAE,CAAgB,CAAC,CAAC;AACpD;AAEAK,QAAQ,CAAC,OAAO,EAAE,MAAM;EACtBC,EAAE,CAAC,sCAAsC,EAAE,MAAM;IAC/CP,eAAe,cAAC,IAAAJ,WAAA,CAAAO,GAAA,EAACT,MAAA,CAAAc,KAAK;MAACC,QAAQ;MAACC,QAAQ,EAAEA,CAAA,KAAM,CAAC,CAAE;MAACC,KAAK,EAAC;IAAS,CAAE,CAAC,CAAC;IACvEC,MAAM,CAACC,mBAAM,CAACC,SAAS,CAAC,SAAS,CAAC,CAAC,CAACC,UAAU,CAAC,CAAC;IAChDH,MAAM,CAACC,mBAAM,CAACG,SAAS,CAAC,OAAO,CAAC,CAACC,KAAK,CAACC,kBAAkB,CAACT,QAAQ,CAAC,CAACU,IAAI,CAAC,IAAI,CAAC;EAChF,CAAC,CAAC;EAEFZ,EAAE,CAAC,6BAA6B,EAAE,MAAM;IACtC,MAAMG,QAAQ,GAAGU,IAAI,CAACC,EAAE,CAAC,CAAC;IAC1BrB,eAAe,cAAC,IAAAJ,WAAA,CAAAO,GAAA,EAACT,MAAA,CAAAc,KAAK;MAACC,QAAQ,EAAE,KAAM;MAACC,QAAQ,EAAEA,QAAS;MAACC,KAAK,EAAC;IAAS,CAAE,CAAC,CAAC;IAC/EW,sBAAS,CAACC,KAAK,CAACV,mBAAM,CAACG,SAAS,CAAC,OAAO,CAAC,CAAC;IAC1CJ,MAAM,CAACF,QAAQ,CAAC,CAACc,qBAAqB,CAAC,CAAC,CAAC;EAC3C,CAAC,CAAC;EAEFjB,EAAE,CAAC,6BAA6B,EAAE,MAAM;IACtC,MAAMG,QAAQ,GAAGU,IAAI,CAACC,EAAE,CAAC,CAAC;IAC1BrB,eAAe,cAAC,IAAAJ,WAAA,CAAAO,GAAA,EAACT,MAAA,CAAAc,KAAK;MAACC,QAAQ,EAAE,KAAM;MAACgB,QAAQ;MAACf,QAAQ,EAAEA,QAAS;MAACC,KAAK,EAAC;IAAG,CAAE,CAAC,CAAC;IAClFW,sBAAS,CAACC,KAAK,CAACV,mBAAM,CAACG,SAAS,CAAC,OAAO,CAAC,CAAC;IAC1CJ,MAAM,CAACF,QAAQ,CAAC,CAACgB,GAAG,CAACC,gBAAgB,CAAC,CAAC;EACzC,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, "Radio", {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
get: function () {
|
|
9
|
+
return _Radio.Radio;
|
|
10
|
+
}
|
|
11
|
+
});
|
|
12
|
+
var _Radio = require("./Radio.js");
|
|
13
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_Radio","require"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Radio/index.ts"],"mappings":";;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA","ignoreList":[]}
|
|
@@ -0,0 +1,84 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.Surface = Surface;
|
|
7
|
+
var _react = require("react");
|
|
8
|
+
var _reactNative = require("react-native");
|
|
9
|
+
var _index = require("../../theme/index.js");
|
|
10
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
11
|
+
const PADDING = {
|
|
12
|
+
none: 0,
|
|
13
|
+
sm: 12,
|
|
14
|
+
md: 16,
|
|
15
|
+
lg: 24
|
|
16
|
+
};
|
|
17
|
+
|
|
18
|
+
/**
|
|
19
|
+
* Generic surface container built from design-system tokens. Use it to group
|
|
20
|
+
* content (panels, tiles, list rows). `elevated` adds a soft shadow, `outlined`
|
|
21
|
+
* a hairline border, `filled` a subtle background. For the selectable
|
|
22
|
+
* design-system card, use `Card`.
|
|
23
|
+
*/
|
|
24
|
+
function Surface({
|
|
25
|
+
variant = 'elevated',
|
|
26
|
+
padding = 'md',
|
|
27
|
+
radius = 'xl',
|
|
28
|
+
onPress,
|
|
29
|
+
disabled = false,
|
|
30
|
+
children,
|
|
31
|
+
style,
|
|
32
|
+
accessibilityLabel
|
|
33
|
+
}) {
|
|
34
|
+
const theme = (0, _index.useTheme)();
|
|
35
|
+
const baseStyle = (0, _react.useMemo)(() => {
|
|
36
|
+
const common = {
|
|
37
|
+
padding: PADDING[padding],
|
|
38
|
+
borderRadius: theme.radii[radius],
|
|
39
|
+
backgroundColor: variant === 'filled' ? theme.colors.background.subtle : theme.colors.background.default
|
|
40
|
+
};
|
|
41
|
+
if (variant === 'outlined') {
|
|
42
|
+
common.borderWidth = 1;
|
|
43
|
+
common.borderColor = theme.colors.border.default;
|
|
44
|
+
}
|
|
45
|
+
if (variant === 'elevated') {
|
|
46
|
+
common.boxShadow = [{
|
|
47
|
+
offsetX: 0,
|
|
48
|
+
offsetY: 1,
|
|
49
|
+
blurRadius: 3,
|
|
50
|
+
spreadDistance: 0,
|
|
51
|
+
color: 'rgba(16, 18, 20, 0.10)'
|
|
52
|
+
}, {
|
|
53
|
+
offsetX: 0,
|
|
54
|
+
offsetY: 1,
|
|
55
|
+
blurRadius: 2,
|
|
56
|
+
spreadDistance: 0,
|
|
57
|
+
color: 'rgba(16, 18, 20, 0.06)'
|
|
58
|
+
}];
|
|
59
|
+
}
|
|
60
|
+
return common;
|
|
61
|
+
}, [theme, variant, padding, radius]);
|
|
62
|
+
if (!onPress) {
|
|
63
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
64
|
+
style: [baseStyle, style],
|
|
65
|
+
children: children
|
|
66
|
+
});
|
|
67
|
+
}
|
|
68
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
|
|
69
|
+
accessibilityRole: "button",
|
|
70
|
+
accessibilityLabel: accessibilityLabel,
|
|
71
|
+
accessibilityState: {
|
|
72
|
+
disabled
|
|
73
|
+
},
|
|
74
|
+
disabled: disabled,
|
|
75
|
+
onPress: onPress,
|
|
76
|
+
style: ({
|
|
77
|
+
pressed
|
|
78
|
+
}) => [baseStyle, {
|
|
79
|
+
opacity: pressed && !disabled ? 0.96 : 1
|
|
80
|
+
}, style],
|
|
81
|
+
children: children
|
|
82
|
+
});
|
|
83
|
+
}
|
|
84
|
+
//# sourceMappingURL=Surface.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_react","require","_reactNative","_index","_jsxRuntime","PADDING","none","sm","md","lg","Surface","variant","padding","radius","onPress","disabled","children","style","accessibilityLabel","theme","useTheme","baseStyle","useMemo","common","borderRadius","radii","backgroundColor","colors","background","subtle","default","borderWidth","borderColor","border","boxShadow","offsetX","offsetY","blurRadius","spreadDistance","color","jsx","View","Pressable","accessibilityRole","accessibilityState","pressed","opacity"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Surface/Surface.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAOA,IAAAE,MAAA,GAAAF,OAAA;AAAuC,IAAAG,WAAA,GAAAH,OAAA;AAyBvC,MAAMI,OAAuC,GAAG;EAC9CC,IAAI,EAAE,CAAC;EACPC,EAAE,EAAE,EAAE;EACNC,EAAE,EAAE,EAAE;EACNC,EAAE,EAAE;AACN,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACO,SAASC,OAAOA,CAAC;EACtBC,OAAO,GAAG,UAAU;EACpBC,OAAO,GAAG,IAAI;EACdC,MAAM,GAAG,IAAI;EACbC,OAAO;EACPC,QAAQ,GAAG,KAAK;EAChBC,QAAQ;EACRC,KAAK;EACLC;AACY,CAAC,EAAE;EACf,MAAMC,KAAK,GAAG,IAAAC,eAAQ,EAAC,CAAC;EAExB,MAAMC,SAAS,GAAG,IAAAC,cAAO,EAAY,MAAM;IACzC,MAAMC,MAAiB,GAAG;MACxBX,OAAO,EAAEP,OAAO,CAACO,OAAO,CAAC;MACzBY,YAAY,EAAEL,KAAK,CAACM,KAAK,CAACZ,MAAM,CAAC;MACjCa,eAAe,EACbf,OAAO,KAAK,QAAQ,GAAGQ,KAAK,CAACQ,MAAM,CAACC,UAAU,CAACC,MAAM,GAAGV,KAAK,CAACQ,MAAM,CAACC,UAAU,CAACE;IACpF,CAAC;IACD,IAAInB,OAAO,KAAK,UAAU,EAAE;MAC1BY,MAAM,CAACQ,WAAW,GAAG,CAAC;MACtBR,MAAM,CAACS,WAAW,GAAGb,KAAK,CAACQ,MAAM,CAACM,MAAM,CAACH,OAAO;IAClD;IACA,IAAInB,OAAO,KAAK,UAAU,EAAE;MAC1BY,MAAM,CAACW,SAAS,GAAG,CACjB;QAAEC,OAAO,EAAE,CAAC;QAAEC,OAAO,EAAE,CAAC;QAAEC,UAAU,EAAE,CAAC;QAAEC,cAAc,EAAE,CAAC;QAAEC,KAAK,EAAE;MAAyB,CAAC,EAC7F;QAAEJ,OAAO,EAAE,CAAC;QAAEC,OAAO,EAAE,CAAC;QAAEC,UAAU,EAAE,CAAC;QAAEC,cAAc,EAAE,CAAC;QAAEC,KAAK,EAAE;MAAyB,CAAC,CAC9F;IACH;IACA,OAAOhB,MAAM;EACf,CAAC,EAAE,CAACJ,KAAK,EAAER,OAAO,EAAEC,OAAO,EAAEC,MAAM,CAAC,CAAC;EAErC,IAAI,CAACC,OAAO,EAAE;IACZ,oBAAO,IAAAV,WAAA,CAAAoC,GAAA,EAACtC,YAAA,CAAAuC,IAAI;MAACxB,KAAK,EAAE,CAACI,SAAS,EAAEJ,KAAK,CAAE;MAAAD,QAAA,EAAEA;IAAQ,CAAO,CAAC;EAC3D;EAEA,oBACE,IAAAZ,WAAA,CAAAoC,GAAA,EAACtC,YAAA,CAAAwC,SAAS;IACRC,iBAAiB,EAAC,QAAQ;IAC1BzB,kBAAkB,EAAEA,kBAAmB;IACvC0B,kBAAkB,EAAE;MAAE7B;IAAS,CAAE;IACjCA,QAAQ,EAAEA,QAAS;IACnBD,OAAO,EAAEA,OAAQ;IACjBG,KAAK,EAAEA,CAAC;MAAE4B;IAAoC,CAAC,KAAK,CAClDxB,SAAS,EACT;MAAEyB,OAAO,EAAED,OAAO,IAAI,CAAC9B,QAAQ,GAAG,IAAI,GAAG;IAAE,CAAC,EAC5CE,KAAK,CACL;IAAAD,QAAA,EAEDA;EAAQ,CACA,CAAC;AAEhB","ignoreList":[]}
|
|
@@ -0,0 +1,97 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.default = exports.Outlined = exports.Filled = exports.Elevated = exports.AllVariants = void 0;
|
|
7
|
+
var _reactNative = require("react-native");
|
|
8
|
+
var _Surface = require("./Surface.js");
|
|
9
|
+
var _Text = require("../Text/Text.js");
|
|
10
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
11
|
+
const meta = {
|
|
12
|
+
title: 'Components/Surface',
|
|
13
|
+
component: _Surface.Surface,
|
|
14
|
+
args: {
|
|
15
|
+
variant: 'elevated',
|
|
16
|
+
padding: 'md'
|
|
17
|
+
},
|
|
18
|
+
argTypes: {
|
|
19
|
+
variant: {
|
|
20
|
+
control: 'inline-radio',
|
|
21
|
+
options: ['elevated', 'outlined', 'filled']
|
|
22
|
+
},
|
|
23
|
+
padding: {
|
|
24
|
+
control: 'inline-radio',
|
|
25
|
+
options: ['none', 'sm', 'md', 'lg']
|
|
26
|
+
},
|
|
27
|
+
onPress: {
|
|
28
|
+
action: 'pressed'
|
|
29
|
+
}
|
|
30
|
+
},
|
|
31
|
+
decorators: [Story => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
32
|
+
style: {
|
|
33
|
+
width: 320
|
|
34
|
+
},
|
|
35
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Story, {})
|
|
36
|
+
})]
|
|
37
|
+
};
|
|
38
|
+
var _default = exports.default = meta;
|
|
39
|
+
const Sample = () => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
|
|
40
|
+
style: {
|
|
41
|
+
gap: 8
|
|
42
|
+
},
|
|
43
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.Text, {
|
|
44
|
+
variant: "h3",
|
|
45
|
+
weight: "semibold",
|
|
46
|
+
children: "Panel title"
|
|
47
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.Text, {
|
|
48
|
+
variant: "bodyMedium",
|
|
49
|
+
color: "secondary",
|
|
50
|
+
children: "Grouped content lives here."
|
|
51
|
+
})]
|
|
52
|
+
});
|
|
53
|
+
const Elevated = exports.Elevated = {
|
|
54
|
+
args: {
|
|
55
|
+
variant: 'elevated'
|
|
56
|
+
},
|
|
57
|
+
render: a => /*#__PURE__*/(0, _jsxRuntime.jsx)(_Surface.Surface, {
|
|
58
|
+
...a,
|
|
59
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Sample, {})
|
|
60
|
+
})
|
|
61
|
+
};
|
|
62
|
+
const Outlined = exports.Outlined = {
|
|
63
|
+
args: {
|
|
64
|
+
variant: 'outlined'
|
|
65
|
+
},
|
|
66
|
+
render: a => /*#__PURE__*/(0, _jsxRuntime.jsx)(_Surface.Surface, {
|
|
67
|
+
...a,
|
|
68
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Sample, {})
|
|
69
|
+
})
|
|
70
|
+
};
|
|
71
|
+
const Filled = exports.Filled = {
|
|
72
|
+
args: {
|
|
73
|
+
variant: 'filled'
|
|
74
|
+
},
|
|
75
|
+
render: a => /*#__PURE__*/(0, _jsxRuntime.jsx)(_Surface.Surface, {
|
|
76
|
+
...a,
|
|
77
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Sample, {})
|
|
78
|
+
})
|
|
79
|
+
};
|
|
80
|
+
const AllVariants = exports.AllVariants = {
|
|
81
|
+
render: () => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
|
|
82
|
+
style: {
|
|
83
|
+
gap: 16
|
|
84
|
+
},
|
|
85
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Surface.Surface, {
|
|
86
|
+
variant: "elevated",
|
|
87
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Sample, {})
|
|
88
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Surface.Surface, {
|
|
89
|
+
variant: "outlined",
|
|
90
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Sample, {})
|
|
91
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Surface.Surface, {
|
|
92
|
+
variant: "filled",
|
|
93
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Sample, {})
|
|
94
|
+
})]
|
|
95
|
+
})
|
|
96
|
+
};
|
|
97
|
+
//# sourceMappingURL=Surface.stories.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_reactNative","require","_Surface","_Text","_jsxRuntime","meta","title","component","Surface","args","variant","padding","argTypes","control","options","onPress","action","decorators","Story","jsx","View","style","width","children","_default","exports","default","Sample","jsxs","gap","Text","weight","color","Elevated","render","a","Outlined","Filled","AllVariants"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Surface/Surface.stories.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,58 @@
|
|
|
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 _Surface = require("./Surface.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
|
+
function renderWithTheme(ui) {
|
|
11
|
+
return (0, _reactNative2.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_index.ThemeProvider, {
|
|
12
|
+
children: ui
|
|
13
|
+
}));
|
|
14
|
+
}
|
|
15
|
+
describe('Surface', () => {
|
|
16
|
+
it('renders its children', () => {
|
|
17
|
+
renderWithTheme(/*#__PURE__*/(0, _jsxRuntime.jsx)(_Surface.Surface, {
|
|
18
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
|
|
19
|
+
children: "Inside"
|
|
20
|
+
})
|
|
21
|
+
}));
|
|
22
|
+
expect(_reactNative2.screen.getByText('Inside')).toBeTruthy();
|
|
23
|
+
});
|
|
24
|
+
it('is not pressable without onPress', () => {
|
|
25
|
+
renderWithTheme(/*#__PURE__*/(0, _jsxRuntime.jsx)(_Surface.Surface, {
|
|
26
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
|
|
27
|
+
children: "Static"
|
|
28
|
+
})
|
|
29
|
+
}));
|
|
30
|
+
expect(_reactNative2.screen.queryByRole('button')).toBeNull();
|
|
31
|
+
});
|
|
32
|
+
it('calls onPress when pressable and tapped', () => {
|
|
33
|
+
const onPress = jest.fn();
|
|
34
|
+
renderWithTheme(/*#__PURE__*/(0, _jsxRuntime.jsx)(_Surface.Surface, {
|
|
35
|
+
onPress: onPress,
|
|
36
|
+
accessibilityLabel: "Open",
|
|
37
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
|
|
38
|
+
children: "Tap"
|
|
39
|
+
})
|
|
40
|
+
}));
|
|
41
|
+
_reactNative2.fireEvent.press(_reactNative2.screen.getByLabelText('Open'));
|
|
42
|
+
expect(onPress).toHaveBeenCalledTimes(1);
|
|
43
|
+
});
|
|
44
|
+
it('does not call onPress when disabled', () => {
|
|
45
|
+
const onPress = jest.fn();
|
|
46
|
+
renderWithTheme(/*#__PURE__*/(0, _jsxRuntime.jsx)(_Surface.Surface, {
|
|
47
|
+
onPress: onPress,
|
|
48
|
+
disabled: true,
|
|
49
|
+
accessibilityLabel: "Open",
|
|
50
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
|
|
51
|
+
children: "Tap"
|
|
52
|
+
})
|
|
53
|
+
}));
|
|
54
|
+
_reactNative2.fireEvent.press(_reactNative2.screen.getByLabelText('Open'));
|
|
55
|
+
expect(onPress).not.toHaveBeenCalled();
|
|
56
|
+
});
|
|
57
|
+
});
|
|
58
|
+
//# sourceMappingURL=Surface.test.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNative2","_Surface","_index","_jsxRuntime","e","__esModule","default","renderWithTheme","ui","render","jsx","ThemeProvider","children","describe","it","Surface","Text","expect","screen","getByText","toBeTruthy","queryByRole","toBeNull","onPress","jest","fn","accessibilityLabel","fireEvent","press","getByLabelText","toHaveBeenCalledTimes","disabled","not","toHaveBeenCalled"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Surface/Surface.test.tsx"],"mappings":";;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,aAAA,GAAAF,OAAA;AACA,IAAAG,QAAA,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,SAASG,eAAeA,CAACC,EAAsB,EAAE;EAC/C,OAAO,IAAAC,oBAAM,eAAC,IAAAN,WAAA,CAAAO,GAAA,EAACR,MAAA,CAAAS,aAAa;IAAAC,QAAA,EAAEJ;EAAE,CAAgB,CAAC,CAAC;AACpD;AAEAK,QAAQ,CAAC,SAAS,EAAE,MAAM;EACxBC,EAAE,CAAC,sBAAsB,EAAE,MAAM;IAC/BP,eAAe,cACb,IAAAJ,WAAA,CAAAO,GAAA,EAACT,QAAA,CAAAc,OAAO;MAAAH,QAAA,eACN,IAAAT,WAAA,CAAAO,GAAA,EAACX,YAAA,CAAAiB,IAAI;QAAAJ,QAAA,EAAC;MAAM,CAAM;IAAC,CACZ,CACX,CAAC;IACDK,MAAM,CAACC,oBAAM,CAACC,SAAS,CAAC,QAAQ,CAAC,CAAC,CAACC,UAAU,CAAC,CAAC;EACjD,CAAC,CAAC;EAEFN,EAAE,CAAC,kCAAkC,EAAE,MAAM;IAC3CP,eAAe,cACb,IAAAJ,WAAA,CAAAO,GAAA,EAACT,QAAA,CAAAc,OAAO;MAAAH,QAAA,eACN,IAAAT,WAAA,CAAAO,GAAA,EAACX,YAAA,CAAAiB,IAAI;QAAAJ,QAAA,EAAC;MAAM,CAAM;IAAC,CACZ,CACX,CAAC;IACDK,MAAM,CAACC,oBAAM,CAACG,WAAW,CAAC,QAAQ,CAAC,CAAC,CAACC,QAAQ,CAAC,CAAC;EACjD,CAAC,CAAC;EAEFR,EAAE,CAAC,yCAAyC,EAAE,MAAM;IAClD,MAAMS,OAAO,GAAGC,IAAI,CAACC,EAAE,CAAC,CAAC;IACzBlB,eAAe,cACb,IAAAJ,WAAA,CAAAO,GAAA,EAACT,QAAA,CAAAc,OAAO;MAACQ,OAAO,EAAEA,OAAQ;MAACG,kBAAkB,EAAC,MAAM;MAAAd,QAAA,eAClD,IAAAT,WAAA,CAAAO,GAAA,EAACX,YAAA,CAAAiB,IAAI;QAAAJ,QAAA,EAAC;MAAG,CAAM;IAAC,CACT,CACX,CAAC;IACDe,uBAAS,CAACC,KAAK,CAACV,oBAAM,CAACW,cAAc,CAAC,MAAM,CAAC,CAAC;IAC9CZ,MAAM,CAACM,OAAO,CAAC,CAACO,qBAAqB,CAAC,CAAC,CAAC;EAC1C,CAAC,CAAC;EAEFhB,EAAE,CAAC,qCAAqC,EAAE,MAAM;IAC9C,MAAMS,OAAO,GAAGC,IAAI,CAACC,EAAE,CAAC,CAAC;IACzBlB,eAAe,cACb,IAAAJ,WAAA,CAAAO,GAAA,EAACT,QAAA,CAAAc,OAAO;MAACQ,OAAO,EAAEA,OAAQ;MAACQ,QAAQ;MAACL,kBAAkB,EAAC,MAAM;MAAAd,QAAA,eAC3D,IAAAT,WAAA,CAAAO,GAAA,EAACX,YAAA,CAAAiB,IAAI;QAAAJ,QAAA,EAAC;MAAG,CAAM;IAAC,CACT,CACX,CAAC;IACDe,uBAAS,CAACC,KAAK,CAACV,oBAAM,CAACW,cAAc,CAAC,MAAM,CAAC,CAAC;IAC9CZ,MAAM,CAACM,OAAO,CAAC,CAACS,GAAG,CAACC,gBAAgB,CAAC,CAAC;EACxC,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, "Surface", {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
get: function () {
|
|
9
|
+
return _Surface.Surface;
|
|
10
|
+
}
|
|
11
|
+
});
|
|
12
|
+
var _Surface = require("./Surface.js");
|
|
13
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_Surface","require"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Surface/index.ts"],"mappings":";;;;;;;;;;;AAAA,IAAAA,QAAA,GAAAC,OAAA","ignoreList":[]}
|