@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,56 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { useState } from 'react';
|
|
4
|
+
import { View } from 'react-native';
|
|
5
|
+
import { Radio } from "./Radio.js";
|
|
6
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
7
|
+
const meta = {
|
|
8
|
+
title: 'Components/Radio',
|
|
9
|
+
component: Radio
|
|
10
|
+
};
|
|
11
|
+
export default meta;
|
|
12
|
+
export const Default = {
|
|
13
|
+
render: () => /*#__PURE__*/_jsx(Radio, {
|
|
14
|
+
selected: true,
|
|
15
|
+
onChange: () => {}
|
|
16
|
+
})
|
|
17
|
+
};
|
|
18
|
+
export const Unselected = {
|
|
19
|
+
render: () => /*#__PURE__*/_jsx(Radio, {
|
|
20
|
+
selected: false,
|
|
21
|
+
onChange: () => {}
|
|
22
|
+
})
|
|
23
|
+
};
|
|
24
|
+
export const Disabled = {
|
|
25
|
+
render: () => /*#__PURE__*/_jsx(Radio, {
|
|
26
|
+
selected: true,
|
|
27
|
+
disabled: true,
|
|
28
|
+
onChange: () => {},
|
|
29
|
+
label: "Disabled"
|
|
30
|
+
})
|
|
31
|
+
};
|
|
32
|
+
export const Group = {
|
|
33
|
+
render: () => {
|
|
34
|
+
const [choice, setChoice] = useState('a');
|
|
35
|
+
return /*#__PURE__*/_jsxs(View, {
|
|
36
|
+
style: {
|
|
37
|
+
gap: 16,
|
|
38
|
+
alignItems: 'flex-start'
|
|
39
|
+
},
|
|
40
|
+
children: [/*#__PURE__*/_jsx(Radio, {
|
|
41
|
+
selected: choice === 'a',
|
|
42
|
+
onChange: () => setChoice('a'),
|
|
43
|
+
label: "Dine in"
|
|
44
|
+
}), /*#__PURE__*/_jsx(Radio, {
|
|
45
|
+
selected: choice === 'b',
|
|
46
|
+
onChange: () => setChoice('b'),
|
|
47
|
+
label: "Takeaway"
|
|
48
|
+
}), /*#__PURE__*/_jsx(Radio, {
|
|
49
|
+
selected: choice === 'c',
|
|
50
|
+
onChange: () => setChoice('c'),
|
|
51
|
+
label: "Delivery"
|
|
52
|
+
})]
|
|
53
|
+
});
|
|
54
|
+
}
|
|
55
|
+
};
|
|
56
|
+
//# sourceMappingURL=Radio.stories.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["useState","View","Radio","jsx","_jsx","jsxs","_jsxs","meta","title","component","Default","render","selected","onChange","Unselected","Disabled","disabled","label","Group","choice","setChoice","style","gap","alignItems","children"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Radio/Radio.stories.tsx"],"mappings":";;AAAA,SAASA,QAAQ,QAAQ,OAAO;AAEhC,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,KAAK,QAAQ,YAAS;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAEhC,MAAMC,IAAI,GAAG;EACXC,KAAK,EAAE,kBAAkB;EACzBC,SAAS,EAAEP;AACb,CAA8B;AAE9B,eAAeK,IAAI;AAGnB,OAAO,MAAMG,OAAc,GAAG;EAAEC,MAAM,EAAEA,CAAA,kBAAMP,IAAA,CAACF,KAAK;IAACU,QAAQ;IAACC,QAAQ,EAAEA,CAAA,KAAM,CAAC;EAAE,CAAE;AAAE,CAAC;AACtF,OAAO,MAAMC,UAAiB,GAAG;EAAEH,MAAM,EAAEA,CAAA,kBAAMP,IAAA,CAACF,KAAK;IAACU,QAAQ,EAAE,KAAM;IAACC,QAAQ,EAAEA,CAAA,KAAM,CAAC;EAAE,CAAE;AAAE,CAAC;AACjG,OAAO,MAAME,QAAe,GAAG;EAAEJ,MAAM,EAAEA,CAAA,kBAAMP,IAAA,CAACF,KAAK;IAACU,QAAQ;IAACI,QAAQ;IAACH,QAAQ,EAAEA,CAAA,KAAM,CAAC,CAAE;IAACI,KAAK,EAAC;EAAU,CAAE;AAAE,CAAC;AAEjH,OAAO,MAAMC,KAAY,GAAG;EAC1BP,MAAM,EAAEA,CAAA,KAAM;IACZ,MAAM,CAACQ,MAAM,EAAEC,SAAS,CAAC,GAAGpB,QAAQ,CAAC,GAAG,CAAC;IACzC,oBACEM,KAAA,CAACL,IAAI;MAACoB,KAAK,EAAE;QAAEC,GAAG,EAAE,EAAE;QAAEC,UAAU,EAAE;MAAa,CAAE;MAAAC,QAAA,gBACjDpB,IAAA,CAACF,KAAK;QAACU,QAAQ,EAAEO,MAAM,KAAK,GAAI;QAACN,QAAQ,EAAEA,CAAA,KAAMO,SAAS,CAAC,GAAG,CAAE;QAACH,KAAK,EAAC;MAAS,CAAE,CAAC,eACnFb,IAAA,CAACF,KAAK;QAACU,QAAQ,EAAEO,MAAM,KAAK,GAAI;QAACN,QAAQ,EAAEA,CAAA,KAAMO,SAAS,CAAC,GAAG,CAAE;QAACH,KAAK,EAAC;MAAU,CAAE,CAAC,eACpFb,IAAA,CAACF,KAAK;QAACU,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,45 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import React from 'react';
|
|
4
|
+
import { render, screen, fireEvent } from '@testing-library/react-native';
|
|
5
|
+
import { Radio } from "./Radio.js";
|
|
6
|
+
import { ThemeProvider } from "../../theme/index.js";
|
|
7
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
8
|
+
function renderWithTheme(ui) {
|
|
9
|
+
return render(/*#__PURE__*/_jsx(ThemeProvider, {
|
|
10
|
+
children: ui
|
|
11
|
+
}));
|
|
12
|
+
}
|
|
13
|
+
describe('Radio', () => {
|
|
14
|
+
it('renders its label and selected state', () => {
|
|
15
|
+
renderWithTheme(/*#__PURE__*/_jsx(Radio, {
|
|
16
|
+
selected: true,
|
|
17
|
+
onChange: () => {},
|
|
18
|
+
label: "Dine in"
|
|
19
|
+
}));
|
|
20
|
+
expect(screen.getByText('Dine in')).toBeTruthy();
|
|
21
|
+
expect(screen.getByRole('radio').props.accessibilityState.selected).toBe(true);
|
|
22
|
+
});
|
|
23
|
+
it('calls onChange when pressed', () => {
|
|
24
|
+
const onChange = jest.fn();
|
|
25
|
+
renderWithTheme(/*#__PURE__*/_jsx(Radio, {
|
|
26
|
+
selected: false,
|
|
27
|
+
onChange: onChange,
|
|
28
|
+
label: "Dine in"
|
|
29
|
+
}));
|
|
30
|
+
fireEvent.press(screen.getByRole('radio'));
|
|
31
|
+
expect(onChange).toHaveBeenCalledTimes(1);
|
|
32
|
+
});
|
|
33
|
+
it('does not fire when disabled', () => {
|
|
34
|
+
const onChange = jest.fn();
|
|
35
|
+
renderWithTheme(/*#__PURE__*/_jsx(Radio, {
|
|
36
|
+
selected: false,
|
|
37
|
+
disabled: true,
|
|
38
|
+
onChange: onChange,
|
|
39
|
+
label: "x"
|
|
40
|
+
}));
|
|
41
|
+
fireEvent.press(screen.getByRole('radio'));
|
|
42
|
+
expect(onChange).not.toHaveBeenCalled();
|
|
43
|
+
});
|
|
44
|
+
});
|
|
45
|
+
//# sourceMappingURL=Radio.test.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","render","screen","fireEvent","Radio","ThemeProvider","jsx","_jsx","renderWithTheme","ui","children","describe","it","selected","onChange","label","expect","getByText","toBeTruthy","getByRole","props","accessibilityState","toBe","jest","fn","press","toHaveBeenCalledTimes","disabled","not","toHaveBeenCalled"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Radio/Radio.test.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,MAAM,EAAEC,MAAM,EAAEC,SAAS,QAAQ,+BAA+B;AACzE,SAASC,KAAK,QAAQ,YAAS;AAC/B,SAASC,aAAa,QAAQ,sBAAa;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAE5C,SAASC,eAAeA,CAACC,EAAsB,EAAE;EAC/C,OAAOR,MAAM,cAACM,IAAA,CAACF,aAAa;IAAAK,QAAA,EAAED;EAAE,CAAgB,CAAC,CAAC;AACpD;AAEAE,QAAQ,CAAC,OAAO,EAAE,MAAM;EACtBC,EAAE,CAAC,sCAAsC,EAAE,MAAM;IAC/CJ,eAAe,cAACD,IAAA,CAACH,KAAK;MAACS,QAAQ;MAACC,QAAQ,EAAEA,CAAA,KAAM,CAAC,CAAE;MAACC,KAAK,EAAC;IAAS,CAAE,CAAC,CAAC;IACvEC,MAAM,CAACd,MAAM,CAACe,SAAS,CAAC,SAAS,CAAC,CAAC,CAACC,UAAU,CAAC,CAAC;IAChDF,MAAM,CAACd,MAAM,CAACiB,SAAS,CAAC,OAAO,CAAC,CAACC,KAAK,CAACC,kBAAkB,CAACR,QAAQ,CAAC,CAACS,IAAI,CAAC,IAAI,CAAC;EAChF,CAAC,CAAC;EAEFV,EAAE,CAAC,6BAA6B,EAAE,MAAM;IACtC,MAAME,QAAQ,GAAGS,IAAI,CAACC,EAAE,CAAC,CAAC;IAC1BhB,eAAe,cAACD,IAAA,CAACH,KAAK;MAACS,QAAQ,EAAE,KAAM;MAACC,QAAQ,EAAEA,QAAS;MAACC,KAAK,EAAC;IAAS,CAAE,CAAC,CAAC;IAC/EZ,SAAS,CAACsB,KAAK,CAACvB,MAAM,CAACiB,SAAS,CAAC,OAAO,CAAC,CAAC;IAC1CH,MAAM,CAACF,QAAQ,CAAC,CAACY,qBAAqB,CAAC,CAAC,CAAC;EAC3C,CAAC,CAAC;EAEFd,EAAE,CAAC,6BAA6B,EAAE,MAAM;IACtC,MAAME,QAAQ,GAAGS,IAAI,CAACC,EAAE,CAAC,CAAC;IAC1BhB,eAAe,cAACD,IAAA,CAACH,KAAK;MAACS,QAAQ,EAAE,KAAM;MAACc,QAAQ;MAACb,QAAQ,EAAEA,QAAS;MAACC,KAAK,EAAC;IAAG,CAAE,CAAC,CAAC;IAClFZ,SAAS,CAACsB,KAAK,CAACvB,MAAM,CAACiB,SAAS,CAAC,OAAO,CAAC,CAAC;IAC1CH,MAAM,CAACF,QAAQ,CAAC,CAACc,GAAG,CAACC,gBAAgB,CAAC,CAAC;EACzC,CAAC,CAAC;AACJ,CAAC,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["Radio"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Radio/index.ts"],"mappings":";;AAAA,SAASA,KAAK,QAAyB,YAAS","ignoreList":[]}
|
|
@@ -0,0 +1,80 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { useMemo } from 'react';
|
|
4
|
+
import { Pressable, View } from 'react-native';
|
|
5
|
+
import { useTheme } from "../../theme/index.js";
|
|
6
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
7
|
+
const PADDING = {
|
|
8
|
+
none: 0,
|
|
9
|
+
sm: 12,
|
|
10
|
+
md: 16,
|
|
11
|
+
lg: 24
|
|
12
|
+
};
|
|
13
|
+
|
|
14
|
+
/**
|
|
15
|
+
* Generic surface container built from design-system tokens. Use it to group
|
|
16
|
+
* content (panels, tiles, list rows). `elevated` adds a soft shadow, `outlined`
|
|
17
|
+
* a hairline border, `filled` a subtle background. For the selectable
|
|
18
|
+
* design-system card, use `Card`.
|
|
19
|
+
*/
|
|
20
|
+
export function Surface({
|
|
21
|
+
variant = 'elevated',
|
|
22
|
+
padding = 'md',
|
|
23
|
+
radius = 'xl',
|
|
24
|
+
onPress,
|
|
25
|
+
disabled = false,
|
|
26
|
+
children,
|
|
27
|
+
style,
|
|
28
|
+
accessibilityLabel
|
|
29
|
+
}) {
|
|
30
|
+
const theme = useTheme();
|
|
31
|
+
const baseStyle = useMemo(() => {
|
|
32
|
+
const common = {
|
|
33
|
+
padding: PADDING[padding],
|
|
34
|
+
borderRadius: theme.radii[radius],
|
|
35
|
+
backgroundColor: variant === 'filled' ? theme.colors.background.subtle : theme.colors.background.default
|
|
36
|
+
};
|
|
37
|
+
if (variant === 'outlined') {
|
|
38
|
+
common.borderWidth = 1;
|
|
39
|
+
common.borderColor = theme.colors.border.default;
|
|
40
|
+
}
|
|
41
|
+
if (variant === 'elevated') {
|
|
42
|
+
common.boxShadow = [{
|
|
43
|
+
offsetX: 0,
|
|
44
|
+
offsetY: 1,
|
|
45
|
+
blurRadius: 3,
|
|
46
|
+
spreadDistance: 0,
|
|
47
|
+
color: 'rgba(16, 18, 20, 0.10)'
|
|
48
|
+
}, {
|
|
49
|
+
offsetX: 0,
|
|
50
|
+
offsetY: 1,
|
|
51
|
+
blurRadius: 2,
|
|
52
|
+
spreadDistance: 0,
|
|
53
|
+
color: 'rgba(16, 18, 20, 0.06)'
|
|
54
|
+
}];
|
|
55
|
+
}
|
|
56
|
+
return common;
|
|
57
|
+
}, [theme, variant, padding, radius]);
|
|
58
|
+
if (!onPress) {
|
|
59
|
+
return /*#__PURE__*/_jsx(View, {
|
|
60
|
+
style: [baseStyle, style],
|
|
61
|
+
children: children
|
|
62
|
+
});
|
|
63
|
+
}
|
|
64
|
+
return /*#__PURE__*/_jsx(Pressable, {
|
|
65
|
+
accessibilityRole: "button",
|
|
66
|
+
accessibilityLabel: accessibilityLabel,
|
|
67
|
+
accessibilityState: {
|
|
68
|
+
disabled
|
|
69
|
+
},
|
|
70
|
+
disabled: disabled,
|
|
71
|
+
onPress: onPress,
|
|
72
|
+
style: ({
|
|
73
|
+
pressed
|
|
74
|
+
}) => [baseStyle, {
|
|
75
|
+
opacity: pressed && !disabled ? 0.96 : 1
|
|
76
|
+
}, style],
|
|
77
|
+
children: children
|
|
78
|
+
});
|
|
79
|
+
}
|
|
80
|
+
//# sourceMappingURL=Surface.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["useMemo","Pressable","View","useTheme","jsx","_jsx","PADDING","none","sm","md","lg","Surface","variant","padding","radius","onPress","disabled","children","style","accessibilityLabel","theme","baseStyle","common","borderRadius","radii","backgroundColor","colors","background","subtle","default","borderWidth","borderColor","border","boxShadow","offsetX","offsetY","blurRadius","spreadDistance","color","accessibilityRole","accessibilityState","pressed","opacity"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Surface/Surface.tsx"],"mappings":";;AAAA,SAASA,OAAO,QAAwB,OAAO;AAC/C,SACEC,SAAS,EACTC,IAAI,QAIC,cAAc;AACrB,SAASC,QAAQ,QAAQ,sBAAa;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAyBvC,MAAMC,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;AACA,OAAO,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,GAAGjB,QAAQ,CAAC,CAAC;EAExB,MAAMkB,SAAS,GAAGrB,OAAO,CAAY,MAAM;IACzC,MAAMsB,MAAiB,GAAG;MACxBT,OAAO,EAAEP,OAAO,CAACO,OAAO,CAAC;MACzBU,YAAY,EAAEH,KAAK,CAACI,KAAK,CAACV,MAAM,CAAC;MACjCW,eAAe,EACbb,OAAO,KAAK,QAAQ,GAAGQ,KAAK,CAACM,MAAM,CAACC,UAAU,CAACC,MAAM,GAAGR,KAAK,CAACM,MAAM,CAACC,UAAU,CAACE;IACpF,CAAC;IACD,IAAIjB,OAAO,KAAK,UAAU,EAAE;MAC1BU,MAAM,CAACQ,WAAW,GAAG,CAAC;MACtBR,MAAM,CAACS,WAAW,GAAGX,KAAK,CAACM,MAAM,CAACM,MAAM,CAACH,OAAO;IAClD;IACA,IAAIjB,OAAO,KAAK,UAAU,EAAE;MAC1BU,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,CAACF,KAAK,EAAER,OAAO,EAAEC,OAAO,EAAEC,MAAM,CAAC,CAAC;EAErC,IAAI,CAACC,OAAO,EAAE;IACZ,oBAAOV,IAAA,CAACH,IAAI;MAACgB,KAAK,EAAE,CAACG,SAAS,EAAEH,KAAK,CAAE;MAAAD,QAAA,EAAEA;IAAQ,CAAO,CAAC;EAC3D;EAEA,oBACEZ,IAAA,CAACJ,SAAS;IACRsC,iBAAiB,EAAC,QAAQ;IAC1BpB,kBAAkB,EAAEA,kBAAmB;IACvCqB,kBAAkB,EAAE;MAAExB;IAAS,CAAE;IACjCA,QAAQ,EAAEA,QAAS;IACnBD,OAAO,EAAEA,OAAQ;IACjBG,KAAK,EAAEA,CAAC;MAAEuB;IAAoC,CAAC,KAAK,CAClDpB,SAAS,EACT;MAAEqB,OAAO,EAAED,OAAO,IAAI,CAACzB,QAAQ,GAAG,IAAI,GAAG;IAAE,CAAC,EAC5CE,KAAK,CACL;IAAAD,QAAA,EAEDA;EAAQ,CACA,CAAC;AAEhB","ignoreList":[]}
|
|
@@ -0,0 +1,93 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { View } from 'react-native';
|
|
4
|
+
import { Surface } from "./Surface.js";
|
|
5
|
+
import { Text } from "../Text/Text.js";
|
|
6
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
7
|
+
const meta = {
|
|
8
|
+
title: 'Components/Surface',
|
|
9
|
+
component: Surface,
|
|
10
|
+
args: {
|
|
11
|
+
variant: 'elevated',
|
|
12
|
+
padding: 'md'
|
|
13
|
+
},
|
|
14
|
+
argTypes: {
|
|
15
|
+
variant: {
|
|
16
|
+
control: 'inline-radio',
|
|
17
|
+
options: ['elevated', 'outlined', 'filled']
|
|
18
|
+
},
|
|
19
|
+
padding: {
|
|
20
|
+
control: 'inline-radio',
|
|
21
|
+
options: ['none', 'sm', 'md', 'lg']
|
|
22
|
+
},
|
|
23
|
+
onPress: {
|
|
24
|
+
action: 'pressed'
|
|
25
|
+
}
|
|
26
|
+
},
|
|
27
|
+
decorators: [Story => /*#__PURE__*/_jsx(View, {
|
|
28
|
+
style: {
|
|
29
|
+
width: 320
|
|
30
|
+
},
|
|
31
|
+
children: /*#__PURE__*/_jsx(Story, {})
|
|
32
|
+
})]
|
|
33
|
+
};
|
|
34
|
+
export default meta;
|
|
35
|
+
const Sample = () => /*#__PURE__*/_jsxs(View, {
|
|
36
|
+
style: {
|
|
37
|
+
gap: 8
|
|
38
|
+
},
|
|
39
|
+
children: [/*#__PURE__*/_jsx(Text, {
|
|
40
|
+
variant: "h3",
|
|
41
|
+
weight: "semibold",
|
|
42
|
+
children: "Panel title"
|
|
43
|
+
}), /*#__PURE__*/_jsx(Text, {
|
|
44
|
+
variant: "bodyMedium",
|
|
45
|
+
color: "secondary",
|
|
46
|
+
children: "Grouped content lives here."
|
|
47
|
+
})]
|
|
48
|
+
});
|
|
49
|
+
export const Elevated = {
|
|
50
|
+
args: {
|
|
51
|
+
variant: 'elevated'
|
|
52
|
+
},
|
|
53
|
+
render: a => /*#__PURE__*/_jsx(Surface, {
|
|
54
|
+
...a,
|
|
55
|
+
children: /*#__PURE__*/_jsx(Sample, {})
|
|
56
|
+
})
|
|
57
|
+
};
|
|
58
|
+
export const Outlined = {
|
|
59
|
+
args: {
|
|
60
|
+
variant: 'outlined'
|
|
61
|
+
},
|
|
62
|
+
render: a => /*#__PURE__*/_jsx(Surface, {
|
|
63
|
+
...a,
|
|
64
|
+
children: /*#__PURE__*/_jsx(Sample, {})
|
|
65
|
+
})
|
|
66
|
+
};
|
|
67
|
+
export const Filled = {
|
|
68
|
+
args: {
|
|
69
|
+
variant: 'filled'
|
|
70
|
+
},
|
|
71
|
+
render: a => /*#__PURE__*/_jsx(Surface, {
|
|
72
|
+
...a,
|
|
73
|
+
children: /*#__PURE__*/_jsx(Sample, {})
|
|
74
|
+
})
|
|
75
|
+
};
|
|
76
|
+
export const AllVariants = {
|
|
77
|
+
render: () => /*#__PURE__*/_jsxs(View, {
|
|
78
|
+
style: {
|
|
79
|
+
gap: 16
|
|
80
|
+
},
|
|
81
|
+
children: [/*#__PURE__*/_jsx(Surface, {
|
|
82
|
+
variant: "elevated",
|
|
83
|
+
children: /*#__PURE__*/_jsx(Sample, {})
|
|
84
|
+
}), /*#__PURE__*/_jsx(Surface, {
|
|
85
|
+
variant: "outlined",
|
|
86
|
+
children: /*#__PURE__*/_jsx(Sample, {})
|
|
87
|
+
}), /*#__PURE__*/_jsx(Surface, {
|
|
88
|
+
variant: "filled",
|
|
89
|
+
children: /*#__PURE__*/_jsx(Sample, {})
|
|
90
|
+
})]
|
|
91
|
+
})
|
|
92
|
+
};
|
|
93
|
+
//# sourceMappingURL=Surface.stories.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["View","Surface","Text","jsx","_jsx","jsxs","_jsxs","meta","title","component","args","variant","padding","argTypes","control","options","onPress","action","decorators","Story","style","width","children","Sample","gap","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,57 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import React from 'react';
|
|
4
|
+
import { Text } from 'react-native';
|
|
5
|
+
import { render, screen, fireEvent } from '@testing-library/react-native';
|
|
6
|
+
import { Surface } from "./Surface.js";
|
|
7
|
+
import { ThemeProvider } from "../../theme/index.js";
|
|
8
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
9
|
+
function renderWithTheme(ui) {
|
|
10
|
+
return render(/*#__PURE__*/_jsx(ThemeProvider, {
|
|
11
|
+
children: ui
|
|
12
|
+
}));
|
|
13
|
+
}
|
|
14
|
+
describe('Surface', () => {
|
|
15
|
+
it('renders its children', () => {
|
|
16
|
+
renderWithTheme(/*#__PURE__*/_jsx(Surface, {
|
|
17
|
+
children: /*#__PURE__*/_jsx(Text, {
|
|
18
|
+
children: "Inside"
|
|
19
|
+
})
|
|
20
|
+
}));
|
|
21
|
+
expect(screen.getByText('Inside')).toBeTruthy();
|
|
22
|
+
});
|
|
23
|
+
it('is not pressable without onPress', () => {
|
|
24
|
+
renderWithTheme(/*#__PURE__*/_jsx(Surface, {
|
|
25
|
+
children: /*#__PURE__*/_jsx(Text, {
|
|
26
|
+
children: "Static"
|
|
27
|
+
})
|
|
28
|
+
}));
|
|
29
|
+
expect(screen.queryByRole('button')).toBeNull();
|
|
30
|
+
});
|
|
31
|
+
it('calls onPress when pressable and tapped', () => {
|
|
32
|
+
const onPress = jest.fn();
|
|
33
|
+
renderWithTheme(/*#__PURE__*/_jsx(Surface, {
|
|
34
|
+
onPress: onPress,
|
|
35
|
+
accessibilityLabel: "Open",
|
|
36
|
+
children: /*#__PURE__*/_jsx(Text, {
|
|
37
|
+
children: "Tap"
|
|
38
|
+
})
|
|
39
|
+
}));
|
|
40
|
+
fireEvent.press(screen.getByLabelText('Open'));
|
|
41
|
+
expect(onPress).toHaveBeenCalledTimes(1);
|
|
42
|
+
});
|
|
43
|
+
it('does not call onPress when disabled', () => {
|
|
44
|
+
const onPress = jest.fn();
|
|
45
|
+
renderWithTheme(/*#__PURE__*/_jsx(Surface, {
|
|
46
|
+
onPress: onPress,
|
|
47
|
+
disabled: true,
|
|
48
|
+
accessibilityLabel: "Open",
|
|
49
|
+
children: /*#__PURE__*/_jsx(Text, {
|
|
50
|
+
children: "Tap"
|
|
51
|
+
})
|
|
52
|
+
}));
|
|
53
|
+
fireEvent.press(screen.getByLabelText('Open'));
|
|
54
|
+
expect(onPress).not.toHaveBeenCalled();
|
|
55
|
+
});
|
|
56
|
+
});
|
|
57
|
+
//# sourceMappingURL=Surface.test.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","Text","render","screen","fireEvent","Surface","ThemeProvider","jsx","_jsx","renderWithTheme","ui","children","describe","it","expect","getByText","toBeTruthy","queryByRole","toBeNull","onPress","jest","fn","accessibilityLabel","press","getByLabelText","toHaveBeenCalledTimes","disabled","not","toHaveBeenCalled"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Surface/Surface.test.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,MAAM,EAAEC,MAAM,EAAEC,SAAS,QAAQ,+BAA+B;AACzE,SAASC,OAAO,QAAQ,cAAW;AACnC,SAASC,aAAa,QAAQ,sBAAa;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAE5C,SAASC,eAAeA,CAACC,EAAsB,EAAE;EAC/C,OAAOR,MAAM,cAACM,IAAA,CAACF,aAAa;IAAAK,QAAA,EAAED;EAAE,CAAgB,CAAC,CAAC;AACpD;AAEAE,QAAQ,CAAC,SAAS,EAAE,MAAM;EACxBC,EAAE,CAAC,sBAAsB,EAAE,MAAM;IAC/BJ,eAAe,cACbD,IAAA,CAACH,OAAO;MAAAM,QAAA,eACNH,IAAA,CAACP,IAAI;QAAAU,QAAA,EAAC;MAAM,CAAM;IAAC,CACZ,CACX,CAAC;IACDG,MAAM,CAACX,MAAM,CAACY,SAAS,CAAC,QAAQ,CAAC,CAAC,CAACC,UAAU,CAAC,CAAC;EACjD,CAAC,CAAC;EAEFH,EAAE,CAAC,kCAAkC,EAAE,MAAM;IAC3CJ,eAAe,cACbD,IAAA,CAACH,OAAO;MAAAM,QAAA,eACNH,IAAA,CAACP,IAAI;QAAAU,QAAA,EAAC;MAAM,CAAM;IAAC,CACZ,CACX,CAAC;IACDG,MAAM,CAACX,MAAM,CAACc,WAAW,CAAC,QAAQ,CAAC,CAAC,CAACC,QAAQ,CAAC,CAAC;EACjD,CAAC,CAAC;EAEFL,EAAE,CAAC,yCAAyC,EAAE,MAAM;IAClD,MAAMM,OAAO,GAAGC,IAAI,CAACC,EAAE,CAAC,CAAC;IACzBZ,eAAe,cACbD,IAAA,CAACH,OAAO;MAACc,OAAO,EAAEA,OAAQ;MAACG,kBAAkB,EAAC,MAAM;MAAAX,QAAA,eAClDH,IAAA,CAACP,IAAI;QAAAU,QAAA,EAAC;MAAG,CAAM;IAAC,CACT,CACX,CAAC;IACDP,SAAS,CAACmB,KAAK,CAACpB,MAAM,CAACqB,cAAc,CAAC,MAAM,CAAC,CAAC;IAC9CV,MAAM,CAACK,OAAO,CAAC,CAACM,qBAAqB,CAAC,CAAC,CAAC;EAC1C,CAAC,CAAC;EAEFZ,EAAE,CAAC,qCAAqC,EAAE,MAAM;IAC9C,MAAMM,OAAO,GAAGC,IAAI,CAACC,EAAE,CAAC,CAAC;IACzBZ,eAAe,cACbD,IAAA,CAACH,OAAO;MAACc,OAAO,EAAEA,OAAQ;MAACO,QAAQ;MAACJ,kBAAkB,EAAC,MAAM;MAAAX,QAAA,eAC3DH,IAAA,CAACP,IAAI;QAAAU,QAAA,EAAC;MAAG,CAAM;IAAC,CACT,CACX,CAAC;IACDP,SAAS,CAACmB,KAAK,CAACpB,MAAM,CAACqB,cAAc,CAAC,MAAM,CAAC,CAAC;IAC9CV,MAAM,CAACK,OAAO,CAAC,CAACQ,GAAG,CAACC,gBAAgB,CAAC,CAAC;EACxC,CAAC,CAAC;AACJ,CAAC,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["Surface"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Surface/index.ts"],"mappings":";;AAAA,SACEA,OAAO,QAIF,cAAW","ignoreList":[]}
|
|
@@ -0,0 +1,105 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { useEffect, useRef } from 'react';
|
|
4
|
+
import { Animated, Easing } from 'react-native';
|
|
5
|
+
import { useTheme } from "../../theme/index.js";
|
|
6
|
+
import { palette } from "../../theme/palette.js";
|
|
7
|
+
import { Labeled } from "../_internal/Labeled.js";
|
|
8
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
9
|
+
const BORDER = 1.5;
|
|
10
|
+
const SIZES = {
|
|
11
|
+
sm: {
|
|
12
|
+
width: 40,
|
|
13
|
+
height: 24,
|
|
14
|
+
handle: 18,
|
|
15
|
+
padding: 3
|
|
16
|
+
},
|
|
17
|
+
md: {
|
|
18
|
+
width: 52,
|
|
19
|
+
height: 32,
|
|
20
|
+
handle: 24,
|
|
21
|
+
padding: 4
|
|
22
|
+
}
|
|
23
|
+
};
|
|
24
|
+
|
|
25
|
+
/**
|
|
26
|
+
* Switch — faithful to the Bacon POS Figma "Form controls". A 52×32 pill:
|
|
27
|
+
* off (gray outline + gray handle), on (dark track + white handle). The handle
|
|
28
|
+
* slides and the track/handle colors cross-fade between states.
|
|
29
|
+
*/
|
|
30
|
+
export function Switch({
|
|
31
|
+
value,
|
|
32
|
+
onValueChange,
|
|
33
|
+
size = 'md',
|
|
34
|
+
disabled = false,
|
|
35
|
+
label,
|
|
36
|
+
labelPosition,
|
|
37
|
+
style
|
|
38
|
+
}) {
|
|
39
|
+
const theme = useTheme();
|
|
40
|
+
const cfg = SIZES[size];
|
|
41
|
+
const travel = cfg.width - 2 * BORDER - 2 * cfg.padding - cfg.handle;
|
|
42
|
+
const anim = useRef(new Animated.Value(value ? 1 : 0)).current;
|
|
43
|
+
useEffect(() => {
|
|
44
|
+
Animated.timing(anim, {
|
|
45
|
+
toValue: value ? 1 : 0,
|
|
46
|
+
duration: 180,
|
|
47
|
+
easing: Easing.out(Easing.ease),
|
|
48
|
+
useNativeDriver: false // interpolating colors
|
|
49
|
+
}).start();
|
|
50
|
+
}, [value, anim]);
|
|
51
|
+
const trackColor = anim.interpolate({
|
|
52
|
+
inputRange: [0, 1],
|
|
53
|
+
outputRange: [theme.colors.background.default, theme.colors.text.primary]
|
|
54
|
+
});
|
|
55
|
+
const borderColor = anim.interpolate({
|
|
56
|
+
inputRange: [0, 1],
|
|
57
|
+
outputRange: [palette.neutral[500], theme.colors.text.primary]
|
|
58
|
+
});
|
|
59
|
+
const handleColor = anim.interpolate({
|
|
60
|
+
inputRange: [0, 1],
|
|
61
|
+
outputRange: [palette.neutral[500], theme.colors.background.default]
|
|
62
|
+
});
|
|
63
|
+
const translateX = anim.interpolate({
|
|
64
|
+
inputRange: [0, 1],
|
|
65
|
+
outputRange: [0, travel]
|
|
66
|
+
});
|
|
67
|
+
return /*#__PURE__*/_jsx(Labeled, {
|
|
68
|
+
label: label,
|
|
69
|
+
labelPosition: labelPosition,
|
|
70
|
+
disabled: disabled,
|
|
71
|
+
onPress: () => onValueChange(!value),
|
|
72
|
+
accessibilityRole: "switch",
|
|
73
|
+
accessibilityState: {
|
|
74
|
+
checked: value,
|
|
75
|
+
disabled
|
|
76
|
+
},
|
|
77
|
+
style: style,
|
|
78
|
+
children: /*#__PURE__*/_jsx(Animated.View, {
|
|
79
|
+
style: {
|
|
80
|
+
width: cfg.width,
|
|
81
|
+
height: cfg.height,
|
|
82
|
+
borderRadius: cfg.height / 2,
|
|
83
|
+
borderWidth: BORDER,
|
|
84
|
+
paddingHorizontal: cfg.padding,
|
|
85
|
+
flexDirection: 'row',
|
|
86
|
+
alignItems: 'center',
|
|
87
|
+
backgroundColor: trackColor,
|
|
88
|
+
borderColor,
|
|
89
|
+
opacity: disabled ? 0.5 : 1
|
|
90
|
+
},
|
|
91
|
+
children: /*#__PURE__*/_jsx(Animated.View, {
|
|
92
|
+
style: {
|
|
93
|
+
width: cfg.handle,
|
|
94
|
+
height: cfg.handle,
|
|
95
|
+
borderRadius: cfg.handle / 2,
|
|
96
|
+
backgroundColor: handleColor,
|
|
97
|
+
transform: [{
|
|
98
|
+
translateX
|
|
99
|
+
}]
|
|
100
|
+
}
|
|
101
|
+
})
|
|
102
|
+
})
|
|
103
|
+
});
|
|
104
|
+
}
|
|
105
|
+
//# sourceMappingURL=Switch.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["useEffect","useRef","Animated","Easing","useTheme","palette","Labeled","jsx","_jsx","BORDER","SIZES","sm","width","height","handle","padding","md","Switch","value","onValueChange","size","disabled","label","labelPosition","style","theme","cfg","travel","anim","Value","current","timing","toValue","duration","easing","out","ease","useNativeDriver","start","trackColor","interpolate","inputRange","outputRange","colors","background","default","text","primary","borderColor","neutral","handleColor","translateX","onPress","accessibilityRole","accessibilityState","checked","children","View","borderRadius","borderWidth","paddingHorizontal","flexDirection","alignItems","backgroundColor","opacity","transform"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Switch/Switch.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,85 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { useState } from 'react';
|
|
4
|
+
import { View } from 'react-native';
|
|
5
|
+
import { Switch } from "./Switch.js";
|
|
6
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
7
|
+
const meta = {
|
|
8
|
+
title: 'Components/Switch',
|
|
9
|
+
component: Switch
|
|
10
|
+
};
|
|
11
|
+
export default meta;
|
|
12
|
+
function Demo(props) {
|
|
13
|
+
const [value, setValue] = useState(props.start ?? false);
|
|
14
|
+
return /*#__PURE__*/_jsx(Switch, {
|
|
15
|
+
value: value,
|
|
16
|
+
onValueChange: setValue,
|
|
17
|
+
...props
|
|
18
|
+
});
|
|
19
|
+
}
|
|
20
|
+
export const Off = {
|
|
21
|
+
render: () => /*#__PURE__*/_jsx(Demo, {})
|
|
22
|
+
};
|
|
23
|
+
export const On = {
|
|
24
|
+
render: () => /*#__PURE__*/_jsx(Demo, {
|
|
25
|
+
start: true
|
|
26
|
+
})
|
|
27
|
+
};
|
|
28
|
+
export const Small = {
|
|
29
|
+
render: () => /*#__PURE__*/_jsx(Demo, {
|
|
30
|
+
size: "sm",
|
|
31
|
+
start: true
|
|
32
|
+
})
|
|
33
|
+
};
|
|
34
|
+
export const WithLabel = {
|
|
35
|
+
render: () => /*#__PURE__*/_jsx(Demo, {
|
|
36
|
+
label: "Notifications"
|
|
37
|
+
})
|
|
38
|
+
};
|
|
39
|
+
export const Disabled = {
|
|
40
|
+
render: () => /*#__PURE__*/_jsx(Switch, {
|
|
41
|
+
value: true,
|
|
42
|
+
onValueChange: () => {},
|
|
43
|
+
disabled: true,
|
|
44
|
+
label: "Disabled"
|
|
45
|
+
})
|
|
46
|
+
};
|
|
47
|
+
export const Sizes = {
|
|
48
|
+
render: () => /*#__PURE__*/_jsxs(View, {
|
|
49
|
+
style: {
|
|
50
|
+
gap: 16,
|
|
51
|
+
alignItems: 'flex-start'
|
|
52
|
+
},
|
|
53
|
+
children: [/*#__PURE__*/_jsx(Demo, {
|
|
54
|
+
size: "sm",
|
|
55
|
+
start: true,
|
|
56
|
+
label: "sm"
|
|
57
|
+
}), /*#__PURE__*/_jsx(Demo, {
|
|
58
|
+
size: "md",
|
|
59
|
+
start: true,
|
|
60
|
+
label: "md"
|
|
61
|
+
})]
|
|
62
|
+
})
|
|
63
|
+
};
|
|
64
|
+
export const LabelPositions = {
|
|
65
|
+
render: () => /*#__PURE__*/_jsxs(View, {
|
|
66
|
+
style: {
|
|
67
|
+
gap: 20,
|
|
68
|
+
alignItems: 'flex-start'
|
|
69
|
+
},
|
|
70
|
+
children: [/*#__PURE__*/_jsx(Demo, {
|
|
71
|
+
label: "right",
|
|
72
|
+
labelPosition: "right"
|
|
73
|
+
}), /*#__PURE__*/_jsx(Demo, {
|
|
74
|
+
label: "left",
|
|
75
|
+
labelPosition: "left"
|
|
76
|
+
}), /*#__PURE__*/_jsx(Demo, {
|
|
77
|
+
label: "top",
|
|
78
|
+
labelPosition: "top"
|
|
79
|
+
}), /*#__PURE__*/_jsx(Demo, {
|
|
80
|
+
label: "bottom",
|
|
81
|
+
labelPosition: "bottom"
|
|
82
|
+
})]
|
|
83
|
+
})
|
|
84
|
+
};
|
|
85
|
+
//# sourceMappingURL=Switch.stories.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["useState","View","Switch","jsx","_jsx","jsxs","_jsxs","meta","title","component","Demo","props","value","setValue","start","onValueChange","Off","render","On","Small","size","WithLabel","label","Disabled","disabled","Sizes","style","gap","alignItems","children","LabelPositions","labelPosition"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Switch/Switch.stories.tsx"],"mappings":";;AAAA,SAASA,QAAQ,QAAQ,OAAO;AAEhC,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,MAAM,QAAQ,aAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAElC,MAAMC,IAAI,GAAG;EACXC,KAAK,EAAE,mBAAmB;EAC1BC,SAAS,EAAEP;AACb,CAA+B;AAE/B,eAAeK,IAAI;AAGnB,SAASG,IAAIA,CAACC,KAMb,EAAE;EACD,MAAM,CAACC,KAAK,EAAEC,QAAQ,CAAC,GAAGb,QAAQ,CAACW,KAAK,CAACG,KAAK,IAAI,KAAK,CAAC;EACxD,oBAAOV,IAAA,CAACF,MAAM;IAACU,KAAK,EAAEA,KAAM;IAACG,aAAa,EAAEF,QAAS;IAAA,GAAKF;EAAK,CAAG,CAAC;AACrE;AAEA,OAAO,MAAMK,GAAU,GAAG;EAAEC,MAAM,EAAEA,CAAA,kBAAMb,IAAA,CAACM,IAAI,IAAE;AAAE,CAAC;AACpD,OAAO,MAAMQ,EAAS,GAAG;EAAED,MAAM,EAAEA,CAAA,kBAAMb,IAAA,CAACM,IAAI;IAACI,KAAK;EAAA,CAAE;AAAE,CAAC;AACzD,OAAO,MAAMK,KAAY,GAAG;EAAEF,MAAM,EAAEA,CAAA,kBAAMb,IAAA,CAACM,IAAI;IAACU,IAAI,EAAC,IAAI;IAACN,KAAK;EAAA,CAAE;AAAE,CAAC;AACtE,OAAO,MAAMO,SAAgB,GAAG;EAAEJ,MAAM,EAAEA,CAAA,kBAAMb,IAAA,CAACM,IAAI;IAACY,KAAK,EAAC;EAAe,CAAE;AAAE,CAAC;AAChF,OAAO,MAAMC,QAAe,GAAG;EAAEN,MAAM,EAAEA,CAAA,kBAAMb,IAAA,CAACF,MAAM;IAACU,KAAK;IAACG,aAAa,EAAEA,CAAA,KAAM,CAAC,CAAE;IAACS,QAAQ;IAACF,KAAK,EAAC;EAAU,CAAE;AAAE,CAAC;AAEpH,OAAO,MAAMG,KAAY,GAAG;EAC1BR,MAAM,EAAEA,CAAA,kBACNX,KAAA,CAACL,IAAI;IAACyB,KAAK,EAAE;MAAEC,GAAG,EAAE,EAAE;MAAEC,UAAU,EAAE;IAAa,CAAE;IAAAC,QAAA,gBACjDzB,IAAA,CAACM,IAAI;MAACU,IAAI,EAAC,IAAI;MAACN,KAAK;MAACQ,KAAK,EAAC;IAAI,CAAE,CAAC,eACnClB,IAAA,CAACM,IAAI;MAACU,IAAI,EAAC,IAAI;MAACN,KAAK;MAACQ,KAAK,EAAC;IAAI,CAAE,CAAC;EAAA,CAC/B;AAEV,CAAC;AAED,OAAO,MAAMQ,cAAqB,GAAG;EACnCb,MAAM,EAAEA,CAAA,kBACNX,KAAA,CAACL,IAAI;IAACyB,KAAK,EAAE;MAAEC,GAAG,EAAE,EAAE;MAAEC,UAAU,EAAE;IAAa,CAAE;IAAAC,QAAA,gBACjDzB,IAAA,CAACM,IAAI;MAACY,KAAK,EAAC,OAAO;MAACS,aAAa,EAAC;IAAO,CAAE,CAAC,eAC5C3B,IAAA,CAACM,IAAI;MAACY,KAAK,EAAC,MAAM;MAACS,aAAa,EAAC;IAAM,CAAE,CAAC,eAC1C3B,IAAA,CAACM,IAAI;MAACY,KAAK,EAAC,KAAK;MAACS,aAAa,EAAC;IAAK,CAAE,CAAC,eACxC3B,IAAA,CAACM,IAAI;MAACY,KAAK,EAAC,QAAQ;MAACS,aAAa,EAAC;IAAQ,CAAE,CAAC;EAAA,CAC1C;AAEV,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import React from 'react';
|
|
4
|
+
import { render, screen, fireEvent } from '@testing-library/react-native';
|
|
5
|
+
import { Switch } from "./Switch.js";
|
|
6
|
+
import { ThemeProvider } from "../../theme/index.js";
|
|
7
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
8
|
+
function renderWithTheme(ui) {
|
|
9
|
+
return render(/*#__PURE__*/_jsx(ThemeProvider, {
|
|
10
|
+
children: ui
|
|
11
|
+
}));
|
|
12
|
+
}
|
|
13
|
+
describe('Switch', () => {
|
|
14
|
+
it('renders its label and checked state', () => {
|
|
15
|
+
renderWithTheme(/*#__PURE__*/_jsx(Switch, {
|
|
16
|
+
value: true,
|
|
17
|
+
onValueChange: () => {},
|
|
18
|
+
label: "Notifications"
|
|
19
|
+
}));
|
|
20
|
+
expect(screen.getByText('Notifications')).toBeTruthy();
|
|
21
|
+
expect(screen.getByRole('switch').props.accessibilityState.checked).toBe(true);
|
|
22
|
+
});
|
|
23
|
+
it('toggles on press', () => {
|
|
24
|
+
const onValueChange = jest.fn();
|
|
25
|
+
renderWithTheme(/*#__PURE__*/_jsx(Switch, {
|
|
26
|
+
value: false,
|
|
27
|
+
onValueChange: onValueChange,
|
|
28
|
+
label: "x"
|
|
29
|
+
}));
|
|
30
|
+
fireEvent.press(screen.getByRole('switch'));
|
|
31
|
+
expect(onValueChange).toHaveBeenCalledWith(true);
|
|
32
|
+
});
|
|
33
|
+
it('does not toggle when disabled', () => {
|
|
34
|
+
const onValueChange = jest.fn();
|
|
35
|
+
renderWithTheme(/*#__PURE__*/_jsx(Switch, {
|
|
36
|
+
value: false,
|
|
37
|
+
disabled: true,
|
|
38
|
+
onValueChange: onValueChange,
|
|
39
|
+
label: "x"
|
|
40
|
+
}));
|
|
41
|
+
fireEvent.press(screen.getByRole('switch'));
|
|
42
|
+
expect(onValueChange).not.toHaveBeenCalled();
|
|
43
|
+
});
|
|
44
|
+
});
|
|
45
|
+
//# sourceMappingURL=Switch.test.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","render","screen","fireEvent","Switch","ThemeProvider","jsx","_jsx","renderWithTheme","ui","children","describe","it","value","onValueChange","label","expect","getByText","toBeTruthy","getByRole","props","accessibilityState","checked","toBe","jest","fn","press","toHaveBeenCalledWith","disabled","not","toHaveBeenCalled"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Switch/Switch.test.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,MAAM,EAAEC,MAAM,EAAEC,SAAS,QAAQ,+BAA+B;AACzE,SAASC,MAAM,QAAQ,aAAU;AACjC,SAASC,aAAa,QAAQ,sBAAa;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAE5C,SAASC,eAAeA,CAACC,EAAsB,EAAE;EAC/C,OAAOR,MAAM,cAACM,IAAA,CAACF,aAAa;IAAAK,QAAA,EAAED;EAAE,CAAgB,CAAC,CAAC;AACpD;AAEAE,QAAQ,CAAC,QAAQ,EAAE,MAAM;EACvBC,EAAE,CAAC,qCAAqC,EAAE,MAAM;IAC9CJ,eAAe,cAACD,IAAA,CAACH,MAAM;MAACS,KAAK;MAACC,aAAa,EAAEA,CAAA,KAAM,CAAC,CAAE;MAACC,KAAK,EAAC;IAAe,CAAE,CAAC,CAAC;IAChFC,MAAM,CAACd,MAAM,CAACe,SAAS,CAAC,eAAe,CAAC,CAAC,CAACC,UAAU,CAAC,CAAC;IACtDF,MAAM,CAACd,MAAM,CAACiB,SAAS,CAAC,QAAQ,CAAC,CAACC,KAAK,CAACC,kBAAkB,CAACC,OAAO,CAAC,CAACC,IAAI,CAAC,IAAI,CAAC;EAChF,CAAC,CAAC;EAEFX,EAAE,CAAC,kBAAkB,EAAE,MAAM;IAC3B,MAAME,aAAa,GAAGU,IAAI,CAACC,EAAE,CAAC,CAAC;IAC/BjB,eAAe,cAACD,IAAA,CAACH,MAAM;MAACS,KAAK,EAAE,KAAM;MAACC,aAAa,EAAEA,aAAc;MAACC,KAAK,EAAC;IAAG,CAAE,CAAC,CAAC;IACjFZ,SAAS,CAACuB,KAAK,CAACxB,MAAM,CAACiB,SAAS,CAAC,QAAQ,CAAC,CAAC;IAC3CH,MAAM,CAACF,aAAa,CAAC,CAACa,oBAAoB,CAAC,IAAI,CAAC;EAClD,CAAC,CAAC;EAEFf,EAAE,CAAC,+BAA+B,EAAE,MAAM;IACxC,MAAME,aAAa,GAAGU,IAAI,CAACC,EAAE,CAAC,CAAC;IAC/BjB,eAAe,cAACD,IAAA,CAACH,MAAM;MAACS,KAAK,EAAE,KAAM;MAACe,QAAQ;MAACd,aAAa,EAAEA,aAAc;MAACC,KAAK,EAAC;IAAG,CAAE,CAAC,CAAC;IAC1FZ,SAAS,CAACuB,KAAK,CAACxB,MAAM,CAACiB,SAAS,CAAC,QAAQ,CAAC,CAAC;IAC3CH,MAAM,CAACF,aAAa,CAAC,CAACe,GAAG,CAACC,gBAAgB,CAAC,CAAC;EAC9C,CAAC,CAAC;AACJ,CAAC,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["Switch"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Switch/index.ts"],"mappings":";;AAAA,SAASA,MAAM,QAA0B,aAAU","ignoreList":[]}
|