@cdx-ui/components 0.0.1-alpha.9 → 0.0.1-beta.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +53 -2
- package/lib/commonjs/components/AlertDialog/index.js +117 -0
- package/lib/commonjs/components/AlertDialog/index.js.map +1 -0
- package/lib/commonjs/components/Avatar/index.js +156 -0
- package/lib/commonjs/components/Avatar/index.js.map +1 -0
- package/lib/commonjs/components/Avatar/styles.js +80 -0
- package/lib/commonjs/components/Avatar/styles.js.map +1 -0
- package/lib/commonjs/components/BottomSheet/index.js +248 -0
- package/lib/commonjs/components/BottomSheet/index.js.map +1 -0
- package/lib/commonjs/components/BottomSheet/styles.js +61 -0
- package/lib/commonjs/components/BottomSheet/styles.js.map +1 -0
- package/lib/commonjs/components/Box/Box.js +1 -0
- package/lib/commonjs/components/Box/Box.js.map +1 -1
- package/lib/commonjs/components/Button/index.js +20 -9
- package/lib/commonjs/components/Button/index.js.map +1 -1
- package/lib/commonjs/components/Button/styles.js +182 -163
- package/lib/commonjs/components/Button/styles.js.map +1 -1
- package/lib/commonjs/components/Card/index.js +104 -0
- package/lib/commonjs/components/Card/index.js.map +1 -0
- package/lib/commonjs/components/Card/styles.js +28 -0
- package/lib/commonjs/components/Card/styles.js.map +1 -0
- package/lib/commonjs/components/Checkbox/index.js +18 -11
- package/lib/commonjs/components/Checkbox/index.js.map +1 -1
- package/lib/commonjs/components/Checkbox/styles.js +17 -16
- package/lib/commonjs/components/Checkbox/styles.js.map +1 -1
- package/lib/commonjs/components/Chip/index.js +103 -0
- package/lib/commonjs/components/Chip/index.js.map +1 -0
- package/lib/commonjs/components/Chip/styles.js +52 -0
- package/lib/commonjs/components/Chip/styles.js.map +1 -0
- package/lib/commonjs/components/Dialog/index.js +275 -0
- package/lib/commonjs/components/Dialog/index.js.map +1 -0
- package/lib/commonjs/components/Dialog/styles.js +63 -0
- package/lib/commonjs/components/Dialog/styles.js.map +1 -0
- package/lib/commonjs/components/Field/FieldLabel.js +33 -0
- package/lib/commonjs/components/Field/FieldLabel.js.map +1 -0
- package/lib/commonjs/components/Field/FieldLabel.web.js +22 -0
- package/lib/commonjs/components/Field/FieldLabel.web.js.map +1 -0
- package/lib/commonjs/components/Field/index.js +158 -0
- package/lib/commonjs/components/Field/index.js.map +1 -0
- package/lib/commonjs/components/Field/styles.js +16 -0
- package/lib/commonjs/components/Field/styles.js.map +1 -0
- package/lib/commonjs/components/Form/FormRoot.js +25 -0
- package/lib/commonjs/components/Form/FormRoot.js.map +1 -0
- package/lib/commonjs/components/Form/FormRoot.web.js +17 -0
- package/lib/commonjs/components/Form/FormRoot.web.js.map +1 -0
- package/lib/commonjs/components/Form/index.js +48 -0
- package/lib/commonjs/components/Form/index.js.map +1 -0
- package/lib/commonjs/components/Form/styles.js +9 -0
- package/lib/commonjs/components/Form/styles.js.map +1 -0
- package/lib/commonjs/components/Heading/index.js +35 -0
- package/lib/commonjs/components/Heading/index.js.map +1 -0
- package/lib/commonjs/components/Heading/styles.js +23 -0
- package/lib/commonjs/components/Heading/styles.js.map +1 -0
- package/lib/commonjs/components/Icon/index.js +61 -0
- package/lib/commonjs/components/Icon/index.js.map +1 -0
- package/lib/commonjs/components/IconButton/index.js +75 -0
- package/lib/commonjs/components/IconButton/index.js.map +1 -0
- package/lib/commonjs/components/IconButton/styles.js +44 -0
- package/lib/commonjs/components/IconButton/styles.js.map +1 -0
- package/lib/commonjs/components/Image/Image.js +69 -0
- package/lib/commonjs/components/Image/Image.js.map +1 -0
- package/lib/commonjs/components/Image/index.js +13 -0
- package/lib/commonjs/components/Image/index.js.map +1 -0
- package/lib/commonjs/components/Input/BaseInput.android.js +20 -0
- package/lib/commonjs/components/Input/BaseInput.android.js.map +1 -0
- package/lib/commonjs/components/Input/index.js +10 -16
- package/lib/commonjs/components/Input/index.js.map +1 -1
- package/lib/commonjs/components/Input/styles.js +17 -30
- package/lib/commonjs/components/Input/styles.js.map +1 -1
- package/lib/commonjs/components/Link/index.js +94 -0
- package/lib/commonjs/components/Link/index.js.map +1 -0
- package/lib/commonjs/components/Link/styles.js +14 -0
- package/lib/commonjs/components/Link/styles.js.map +1 -0
- package/lib/commonjs/components/OtpInput/index.js +83 -0
- package/lib/commonjs/components/OtpInput/index.js.map +1 -0
- package/lib/commonjs/components/OtpInput/styles.js +48 -0
- package/lib/commonjs/components/OtpInput/styles.js.map +1 -0
- package/lib/commonjs/components/ProgressBar/index.js +45 -0
- package/lib/commonjs/components/ProgressBar/index.js.map +1 -0
- package/lib/commonjs/components/ProgressBar/styles.js +10 -0
- package/lib/commonjs/components/ProgressBar/styles.js.map +1 -0
- package/lib/commonjs/components/ProgressSegmented/index.js +62 -0
- package/lib/commonjs/components/ProgressSegmented/index.js.map +1 -0
- package/lib/commonjs/components/ProgressSegmented/styles.js +21 -0
- package/lib/commonjs/components/ProgressSegmented/styles.js.map +1 -0
- package/lib/commonjs/components/Select/SelectTriggerHost.js +10 -0
- package/lib/commonjs/components/Select/SelectTriggerHost.js.map +1 -0
- package/lib/commonjs/components/Select/SelectTriggerHost.web.js +98 -0
- package/lib/commonjs/components/Select/SelectTriggerHost.web.js.map +1 -0
- package/lib/commonjs/components/Select/index.js +13 -13
- package/lib/commonjs/components/Select/index.js.map +1 -1
- package/lib/commonjs/components/Select/styles.js +29 -53
- package/lib/commonjs/components/Select/styles.js.map +1 -1
- package/lib/commonjs/components/Stack/HStack.js +8 -21
- package/lib/commonjs/components/Stack/HStack.js.map +1 -1
- package/lib/commonjs/components/Stack/VStack.js +8 -21
- package/lib/commonjs/components/Stack/VStack.js.map +1 -1
- package/lib/commonjs/components/Stack/styles.js +44 -0
- package/lib/commonjs/components/Stack/styles.js.map +1 -0
- package/lib/commonjs/components/Text/index.js +18 -9
- package/lib/commonjs/components/Text/index.js.map +1 -1
- package/lib/commonjs/components/Text/styles.js +23 -0
- package/lib/commonjs/components/Text/styles.js.map +1 -0
- package/lib/commonjs/components/VirtualizedList/index.js +19 -0
- package/lib/commonjs/components/VirtualizedList/index.js.map +1 -0
- package/lib/commonjs/components/index.js +204 -0
- package/lib/commonjs/components/index.js.map +1 -1
- package/lib/commonjs/index.js +40 -0
- package/lib/commonjs/index.js.map +1 -1
- package/lib/commonjs/styles/index.js +17 -0
- package/lib/commonjs/styles/index.js.map +1 -0
- package/lib/commonjs/styles/primitives.js +123 -0
- package/lib/commonjs/styles/primitives.js.map +1 -0
- package/lib/module/components/AlertDialog/index.js +112 -0
- package/lib/module/components/AlertDialog/index.js.map +1 -0
- package/lib/module/components/Avatar/index.js +152 -0
- package/lib/module/components/Avatar/index.js.map +1 -0
- package/lib/module/components/Avatar/styles.js +77 -0
- package/lib/module/components/Avatar/styles.js.map +1 -0
- package/lib/module/components/BottomSheet/index.js +242 -0
- package/lib/module/components/BottomSheet/index.js.map +1 -0
- package/lib/module/components/BottomSheet/styles.js +58 -0
- package/lib/module/components/BottomSheet/styles.js.map +1 -0
- package/lib/module/components/Box/Box.js +1 -0
- package/lib/module/components/Box/Box.js.map +1 -1
- package/lib/module/components/Button/index.js +21 -10
- package/lib/module/components/Button/index.js.map +1 -1
- package/lib/module/components/Button/styles.js +181 -162
- package/lib/module/components/Button/styles.js.map +1 -1
- package/lib/module/components/Card/index.js +100 -0
- package/lib/module/components/Card/index.js.map +1 -0
- package/lib/module/components/Card/styles.js +25 -0
- package/lib/module/components/Card/styles.js.map +1 -0
- package/lib/module/components/Checkbox/index.js +19 -12
- package/lib/module/components/Checkbox/index.js.map +1 -1
- package/lib/module/components/Checkbox/styles.js +17 -16
- package/lib/module/components/Checkbox/styles.js.map +1 -1
- package/lib/module/components/Chip/index.js +99 -0
- package/lib/module/components/Chip/index.js.map +1 -0
- package/lib/module/components/Chip/styles.js +48 -0
- package/lib/module/components/Chip/styles.js.map +1 -0
- package/lib/module/components/Dialog/index.js +267 -0
- package/lib/module/components/Dialog/index.js.map +1 -0
- package/lib/module/components/Dialog/styles.js +60 -0
- package/lib/module/components/Dialog/styles.js.map +1 -0
- package/lib/module/components/Field/FieldLabel.js +29 -0
- package/lib/module/components/Field/FieldLabel.js.map +1 -0
- package/lib/module/components/Field/FieldLabel.web.js +17 -0
- package/lib/module/components/Field/FieldLabel.web.js.map +1 -0
- package/lib/module/components/Field/index.js +155 -0
- package/lib/module/components/Field/index.js.map +1 -0
- package/lib/module/components/Field/styles.js +12 -0
- package/lib/module/components/Field/styles.js.map +1 -0
- package/lib/module/components/Form/FormRoot.js +21 -0
- package/lib/module/components/Form/FormRoot.js.map +1 -0
- package/lib/module/components/Form/FormRoot.web.js +12 -0
- package/lib/module/components/Form/FormRoot.web.js.map +1 -0
- package/lib/module/components/Form/index.js +44 -0
- package/lib/module/components/Form/index.js.map +1 -0
- package/lib/module/components/Form/styles.js +5 -0
- package/lib/module/components/Form/styles.js.map +1 -0
- package/lib/module/components/Heading/index.js +31 -0
- package/lib/module/components/Heading/index.js.map +1 -0
- package/lib/module/components/Heading/styles.js +19 -0
- package/lib/module/components/Heading/styles.js.map +1 -0
- package/lib/module/components/Icon/index.js +57 -0
- package/lib/module/components/Icon/index.js.map +1 -0
- package/lib/module/components/IconButton/index.js +71 -0
- package/lib/module/components/IconButton/index.js.map +1 -0
- package/lib/module/components/IconButton/styles.js +40 -0
- package/lib/module/components/IconButton/styles.js.map +1 -0
- package/lib/module/components/Image/Image.js +67 -0
- package/lib/module/components/Image/Image.js.map +1 -0
- package/lib/module/components/Image/index.js +4 -0
- package/lib/module/components/Image/index.js.map +1 -0
- package/lib/module/components/Input/BaseInput.android.js +16 -0
- package/lib/module/components/Input/BaseInput.android.js.map +1 -0
- package/lib/module/components/Input/index.js +10 -16
- package/lib/module/components/Input/index.js.map +1 -1
- package/lib/module/components/Input/styles.js +17 -30
- package/lib/module/components/Input/styles.js.map +1 -1
- package/lib/module/components/Link/index.js +85 -0
- package/lib/module/components/Link/index.js.map +1 -0
- package/lib/module/components/Link/styles.js +11 -0
- package/lib/module/components/Link/styles.js.map +1 -0
- package/lib/module/components/OtpInput/index.js +79 -0
- package/lib/module/components/OtpInput/index.js.map +1 -0
- package/lib/module/components/OtpInput/styles.js +44 -0
- package/lib/module/components/OtpInput/styles.js.map +1 -0
- package/lib/module/components/ProgressBar/index.js +41 -0
- package/lib/module/components/ProgressBar/index.js.map +1 -0
- package/lib/module/components/ProgressBar/styles.js +6 -0
- package/lib/module/components/ProgressBar/styles.js.map +1 -0
- package/lib/module/components/ProgressSegmented/index.js +58 -0
- package/lib/module/components/ProgressSegmented/index.js.map +1 -0
- package/lib/module/components/ProgressSegmented/styles.js +17 -0
- package/lib/module/components/ProgressSegmented/styles.js.map +1 -0
- package/lib/module/components/Select/SelectTriggerHost.js +7 -0
- package/lib/module/components/Select/SelectTriggerHost.js.map +1 -0
- package/lib/module/components/Select/SelectTriggerHost.web.js +93 -0
- package/lib/module/components/Select/SelectTriggerHost.web.js.map +1 -0
- package/lib/module/components/Select/index.js +14 -14
- package/lib/module/components/Select/index.js.map +1 -1
- package/lib/module/components/Select/styles.js +29 -53
- package/lib/module/components/Select/styles.js.map +1 -1
- package/lib/module/components/Stack/HStack.js +8 -21
- package/lib/module/components/Stack/HStack.js.map +1 -1
- package/lib/module/components/Stack/VStack.js +8 -21
- package/lib/module/components/Stack/VStack.js.map +1 -1
- package/lib/module/components/Stack/styles.js +40 -0
- package/lib/module/components/Stack/styles.js.map +1 -0
- package/lib/module/components/Text/index.js +19 -1
- package/lib/module/components/Text/index.js.map +1 -1
- package/lib/module/components/Text/styles.js +19 -0
- package/lib/module/components/Text/styles.js.map +1 -0
- package/lib/module/components/VirtualizedList/index.js +15 -0
- package/lib/module/components/VirtualizedList/index.js.map +1 -0
- package/lib/module/components/index.js +17 -0
- package/lib/module/components/index.js.map +1 -1
- package/lib/module/index.js +3 -0
- package/lib/module/index.js.map +1 -1
- package/lib/module/styles/index.js +4 -0
- package/lib/module/styles/index.js.map +1 -0
- package/lib/module/styles/primitives.js +119 -0
- package/lib/module/styles/primitives.js.map +1 -0
- package/lib/typescript/components/AlertDialog/index.d.ts +30 -0
- package/lib/typescript/components/AlertDialog/index.d.ts.map +1 -0
- package/lib/typescript/components/Avatar/index.d.ts +40 -0
- package/lib/typescript/components/Avatar/index.d.ts.map +1 -0
- package/lib/typescript/components/Avatar/styles.d.ts +16 -0
- package/lib/typescript/components/Avatar/styles.d.ts.map +1 -0
- package/lib/typescript/components/BottomSheet/index.d.ts +61 -0
- package/lib/typescript/components/BottomSheet/index.d.ts.map +1 -0
- package/lib/typescript/components/BottomSheet/styles.d.ts +16 -0
- package/lib/typescript/components/BottomSheet/styles.d.ts.map +1 -0
- package/lib/typescript/components/Box/Box.d.ts +1 -0
- package/lib/typescript/components/Box/Box.d.ts.map +1 -1
- package/lib/typescript/components/Button/index.d.ts +6 -3
- package/lib/typescript/components/Button/index.d.ts.map +1 -1
- package/lib/typescript/components/Button/styles.d.ts +11 -8
- package/lib/typescript/components/Button/styles.d.ts.map +1 -1
- package/lib/typescript/components/Card/index.d.ts +30 -0
- package/lib/typescript/components/Card/index.d.ts.map +1 -0
- package/lib/typescript/components/Card/styles.d.ts +6 -0
- package/lib/typescript/components/Card/styles.d.ts.map +1 -0
- package/lib/typescript/components/Checkbox/index.d.ts +7 -5
- package/lib/typescript/components/Checkbox/index.d.ts.map +1 -1
- package/lib/typescript/components/Checkbox/styles.d.ts +4 -4
- package/lib/typescript/components/Checkbox/styles.d.ts.map +1 -1
- package/lib/typescript/components/Chip/index.d.ts +27 -0
- package/lib/typescript/components/Chip/index.d.ts.map +1 -0
- package/lib/typescript/components/Chip/styles.d.ts +12 -0
- package/lib/typescript/components/Chip/styles.d.ts.map +1 -0
- package/lib/typescript/components/Dialog/index.d.ts +61 -0
- package/lib/typescript/components/Dialog/index.d.ts.map +1 -0
- package/lib/typescript/components/Dialog/styles.d.ts +14 -0
- package/lib/typescript/components/Dialog/styles.d.ts.map +1 -0
- package/lib/typescript/components/Field/FieldLabel.d.ts +18 -0
- package/lib/typescript/components/Field/FieldLabel.d.ts.map +1 -0
- package/lib/typescript/components/Field/FieldLabel.web.d.ts +16 -0
- package/lib/typescript/components/Field/FieldLabel.web.d.ts.map +1 -0
- package/lib/typescript/components/Field/index.d.ts +26 -0
- package/lib/typescript/components/Field/index.d.ts.map +1 -0
- package/lib/typescript/components/Field/styles.d.ts +16 -0
- package/lib/typescript/components/Field/styles.d.ts.map +1 -0
- package/lib/typescript/components/Form/FormRoot.d.ts +14 -0
- package/lib/typescript/components/Form/FormRoot.d.ts.map +1 -0
- package/lib/typescript/components/Form/FormRoot.web.d.ts +10 -0
- package/lib/typescript/components/Form/FormRoot.web.d.ts.map +1 -0
- package/lib/typescript/components/Form/index.d.ts +7 -0
- package/lib/typescript/components/Form/index.d.ts.map +1 -0
- package/lib/typescript/components/Form/styles.d.ts +2 -0
- package/lib/typescript/components/Form/styles.d.ts.map +1 -0
- package/lib/typescript/components/Heading/index.d.ts +10 -0
- package/lib/typescript/components/Heading/index.d.ts.map +1 -0
- package/lib/typescript/components/Heading/styles.d.ts +6 -0
- package/lib/typescript/components/Heading/styles.d.ts.map +1 -0
- package/lib/typescript/components/Icon/index.d.ts +27 -0
- package/lib/typescript/components/Icon/index.d.ts.map +1 -0
- package/lib/typescript/components/IconButton/index.d.ts +15 -0
- package/lib/typescript/components/IconButton/index.d.ts.map +1 -0
- package/lib/typescript/components/IconButton/styles.d.ts +11 -0
- package/lib/typescript/components/IconButton/styles.d.ts.map +1 -0
- package/lib/typescript/components/Image/Image.d.ts +47 -0
- package/lib/typescript/components/Image/Image.d.ts.map +1 -0
- package/lib/typescript/components/Image/index.d.ts +2 -0
- package/lib/typescript/components/Image/index.d.ts.map +1 -0
- package/lib/typescript/components/Input/BaseInput.android.d.ts +3 -0
- package/lib/typescript/components/Input/BaseInput.android.d.ts.map +1 -0
- package/lib/typescript/components/Input/index.d.ts +7 -5
- package/lib/typescript/components/Input/index.d.ts.map +1 -1
- package/lib/typescript/components/Input/styles.d.ts +5 -7
- package/lib/typescript/components/Input/styles.d.ts.map +1 -1
- package/lib/typescript/components/Link/index.d.ts +26 -0
- package/lib/typescript/components/Link/index.d.ts.map +1 -0
- package/lib/typescript/components/Link/styles.d.ts +6 -0
- package/lib/typescript/components/Link/styles.d.ts.map +1 -0
- package/lib/typescript/components/OtpInput/index.d.ts +11 -0
- package/lib/typescript/components/OtpInput/index.d.ts.map +1 -0
- package/lib/typescript/components/OtpInput/styles.d.ts +14 -0
- package/lib/typescript/components/OtpInput/styles.d.ts.map +1 -0
- package/lib/typescript/components/ProgressBar/index.d.ts +17 -0
- package/lib/typescript/components/ProgressBar/index.d.ts.map +1 -0
- package/lib/typescript/components/ProgressBar/styles.d.ts +5 -0
- package/lib/typescript/components/ProgressBar/styles.d.ts.map +1 -0
- package/lib/typescript/components/ProgressSegmented/index.d.ts +15 -0
- package/lib/typescript/components/ProgressSegmented/index.d.ts.map +1 -0
- package/lib/typescript/components/ProgressSegmented/styles.d.ts +8 -0
- package/lib/typescript/components/ProgressSegmented/styles.d.ts.map +1 -0
- package/lib/typescript/components/Select/SelectTriggerHost.d.ts +3 -0
- package/lib/typescript/components/Select/SelectTriggerHost.d.ts.map +1 -0
- package/lib/typescript/components/Select/SelectTriggerHost.web.d.ts +13 -0
- package/lib/typescript/components/Select/SelectTriggerHost.web.d.ts.map +1 -0
- package/lib/typescript/components/Select/index.d.ts +7 -4
- package/lib/typescript/components/Select/index.d.ts.map +1 -1
- package/lib/typescript/components/Select/styles.d.ts +6 -8
- package/lib/typescript/components/Select/styles.d.ts.map +1 -1
- package/lib/typescript/components/Stack/HStack.d.ts +1 -12
- package/lib/typescript/components/Stack/HStack.d.ts.map +1 -1
- package/lib/typescript/components/Stack/VStack.d.ts +1 -12
- package/lib/typescript/components/Stack/VStack.d.ts.map +1 -1
- package/lib/typescript/components/Stack/styles.d.ts +23 -0
- package/lib/typescript/components/Stack/styles.d.ts.map +1 -0
- package/lib/typescript/components/Switch/index.d.ts +0 -1
- package/lib/typescript/components/Switch/index.d.ts.map +1 -1
- package/lib/typescript/components/Text/index.d.ts +9 -1
- package/lib/typescript/components/Text/index.d.ts.map +1 -1
- package/lib/typescript/components/Text/styles.d.ts +6 -0
- package/lib/typescript/components/Text/styles.d.ts.map +1 -0
- package/lib/typescript/components/VirtualizedList/index.d.ts +8 -0
- package/lib/typescript/components/VirtualizedList/index.d.ts.map +1 -0
- package/lib/typescript/components/index.d.ts +17 -0
- package/lib/typescript/components/index.d.ts.map +1 -1
- package/lib/typescript/index.d.ts +3 -0
- package/lib/typescript/index.d.ts.map +1 -1
- package/lib/typescript/styles/index.d.ts +2 -0
- package/lib/typescript/styles/index.d.ts.map +1 -0
- package/lib/typescript/styles/primitives.d.ts +85 -0
- package/lib/typescript/styles/primitives.d.ts.map +1 -0
- package/package.json +15 -6
- package/src/components/AlertDialog/index.tsx +124 -0
- package/src/components/Avatar/index.tsx +172 -0
- package/src/components/Avatar/styles.ts +83 -0
- package/src/components/BottomSheet/index.tsx +316 -0
- package/src/components/BottomSheet/styles.ts +79 -0
- package/src/components/Box/Box.tsx +1 -0
- package/src/components/Button/index.tsx +14 -9
- package/src/components/Button/styles.ts +159 -209
- package/src/components/Card/index.tsx +115 -0
- package/src/components/Card/styles.ts +41 -0
- package/src/components/Checkbox/index.tsx +15 -23
- package/src/components/Checkbox/styles.ts +33 -24
- package/src/components/Chip/index.tsx +91 -0
- package/src/components/Chip/styles.ts +52 -0
- package/src/components/Dialog/index.tsx +304 -0
- package/src/components/Dialog/styles.ts +88 -0
- package/src/components/Field/FieldLabel.tsx +33 -0
- package/src/components/Field/FieldLabel.web.tsx +25 -0
- package/src/components/Field/index.tsx +171 -0
- package/src/components/Field/styles.ts +32 -0
- package/src/components/Form/FormRoot.tsx +20 -0
- package/src/components/Form/FormRoot.web.tsx +12 -0
- package/src/components/Form/index.tsx +38 -0
- package/src/components/Form/styles.ts +3 -0
- package/src/components/Heading/index.tsx +36 -0
- package/src/components/Heading/styles.tsx +25 -0
- package/src/components/Icon/index.tsx +54 -0
- package/src/components/IconButton/index.tsx +92 -0
- package/src/components/IconButton/styles.ts +59 -0
- package/src/components/Image/Image.tsx +77 -0
- package/src/components/Image/index.ts +1 -0
- package/src/components/Input/BaseInput.android.tsx +13 -0
- package/src/components/Input/index.tsx +9 -22
- package/src/components/Input/styles.ts +36 -40
- package/src/components/Link/index.tsx +83 -0
- package/src/components/Link/styles.ts +21 -0
- package/src/components/OtpInput/index.tsx +79 -0
- package/src/components/OtpInput/styles.ts +45 -0
- package/src/components/ProgressBar/index.tsx +53 -0
- package/src/components/ProgressBar/styles.ts +9 -0
- package/src/components/ProgressSegmented/index.tsx +81 -0
- package/src/components/ProgressSegmented/styles.ts +20 -0
- package/src/components/Select/SelectTriggerHost.tsx +4 -0
- package/src/components/Select/SelectTriggerHost.web.tsx +136 -0
- package/src/components/Select/index.tsx +14 -14
- package/src/components/Select/styles.ts +68 -75
- package/src/components/Stack/HStack.tsx +8 -19
- package/src/components/Stack/VStack.tsx +8 -23
- package/src/components/Stack/styles.ts +42 -0
- package/src/components/Switch/index.tsx +0 -2
- package/src/components/Text/index.tsx +16 -0
- package/src/components/Text/styles.tsx +25 -0
- package/src/components/VirtualizedList/index.tsx +19 -0
- package/src/components/index.ts +17 -0
- package/src/index.ts +3 -0
- package/src/styles/index.ts +1 -0
- package/src/styles/primitives.ts +107 -0
- package/lib/commonjs/components/Text/Text.js +0 -30
- package/lib/commonjs/components/Text/Text.js.map +0 -1
- package/lib/module/components/Text/Text.js +0 -26
- package/lib/module/components/Text/Text.js.map +0 -1
- package/lib/typescript/components/Text/Text.d.ts +0 -11
- package/lib/typescript/components/Text/Text.d.ts.map +0 -1
- package/src/components/Text/Text.tsx +0 -58
- package/src/components/Text/index.ts +0 -1
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.cardTitleVariants = exports.cardRootVariants = exports.cardHeaderVariants = exports.cardFooterVariants = exports.cardContentVariants = void 0;
|
|
7
|
+
var _classVarianceAuthority = require("class-variance-authority");
|
|
8
|
+
var _primitives = require("../../styles/primitives");
|
|
9
|
+
// ── Root ────────────────────────────────────────────────────
|
|
10
|
+
|
|
11
|
+
const cardRootVariants = exports.cardRootVariants = (0, _classVarianceAuthority.cva)([_primitives.COLOR_BG_PRIMARY, `border ${_primitives.COLOR_BORDER_DEFAULT}`, _primitives.RADIUS_SM, _primitives.SHADOW_SM, 'overflow-hidden']);
|
|
12
|
+
|
|
13
|
+
// ── Header ──────────────────────────────────────────────────
|
|
14
|
+
|
|
15
|
+
const cardHeaderVariants = exports.cardHeaderVariants = (0, _classVarianceAuthority.cva)(['flex-row items-center justify-between p-4 border-b border-t-8', _primitives.COLOR_BORDER_DEFAULT]);
|
|
16
|
+
|
|
17
|
+
// ── Title ───────────────────────────────────────────────────
|
|
18
|
+
|
|
19
|
+
const cardTitleVariants = exports.cardTitleVariants = (0, _classVarianceAuthority.cva)(['flex-1']);
|
|
20
|
+
|
|
21
|
+
// ── Content ─────────────────────────────────────────────────
|
|
22
|
+
|
|
23
|
+
const cardContentVariants = exports.cardContentVariants = (0, _classVarianceAuthority.cva)([_primitives.COLOR_TEXT_PRIMARY, 'p-4']);
|
|
24
|
+
|
|
25
|
+
// ── Footer ──────────────────────────────────────────────────
|
|
26
|
+
|
|
27
|
+
const cardFooterVariants = exports.cardFooterVariants = (0, _classVarianceAuthority.cva)(['p-4 border-t', _primitives.COLOR_BORDER_DEFAULT, 'flex-row items-center gap-2']);
|
|
28
|
+
//# sourceMappingURL=styles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_classVarianceAuthority","require","_primitives","cardRootVariants","exports","cva","COLOR_BG_PRIMARY","COLOR_BORDER_DEFAULT","RADIUS_SM","SHADOW_SM","cardHeaderVariants","cardTitleVariants","cardContentVariants","COLOR_TEXT_PRIMARY","cardFooterVariants"],"sourceRoot":"../../../../src","sources":["components/Card/styles.ts"],"mappings":";;;;;;AAAA,IAAAA,uBAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AAQA;;AAEO,MAAME,gBAAgB,GAAAC,OAAA,CAAAD,gBAAA,GAAG,IAAAE,2BAAG,EAAC,CAClCC,4BAAgB,EAChB,UAAUC,gCAAoB,EAAE,EAChCC,qBAAS,EACTC,qBAAS,EACT,iBAAiB,CAClB,CAAC;;AAEF;;AAEO,MAAMC,kBAAkB,GAAAN,OAAA,CAAAM,kBAAA,GAAG,IAAAL,2BAAG,EAAC,CACpC,+DAA+D,EAC/DE,gCAAoB,CACrB,CAAC;;AAEF;;AAEO,MAAMI,iBAAiB,GAAAP,OAAA,CAAAO,iBAAA,GAAG,IAAAN,2BAAG,EAAC,CAAC,QAAQ,CAAC,CAAC;;AAEhD;;AAEO,MAAMO,mBAAmB,GAAAR,OAAA,CAAAQ,mBAAA,GAAG,IAAAP,2BAAG,EAAC,CAACQ,8BAAkB,EAAE,KAAK,CAAC,CAAC;;AAEnE;;AAEO,MAAMC,kBAAkB,GAAAV,OAAA,CAAAU,kBAAA,GAAG,IAAAT,2BAAG,EAAC,CACpC,cAAc,EACdE,gCAAoB,EACpB,6BAA6B,CAC9B,CAAC","ignoreList":[]}
|
|
@@ -6,8 +6,10 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
exports.Checkbox = void 0;
|
|
7
7
|
var _react = require("react");
|
|
8
8
|
var _reactNative = require("react-native");
|
|
9
|
+
var _icons = require("@cdx-ui/icons");
|
|
9
10
|
var _primitives = require("@cdx-ui/primitives");
|
|
10
11
|
var _utils = require("@cdx-ui/utils");
|
|
12
|
+
var _Icon = require("../Icon");
|
|
11
13
|
var _styles = require("./styles");
|
|
12
14
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
13
15
|
const SCOPE = 'CHECKBOX';
|
|
@@ -26,8 +28,9 @@ const CheckboxPrimitive = (0, _primitives.createCheckbox)({
|
|
|
26
28
|
// =============================================================================
|
|
27
29
|
|
|
28
30
|
const CheckboxRoot = /*#__PURE__*/(0, _react.forwardRef)(({
|
|
29
|
-
size = '
|
|
31
|
+
size = 'default',
|
|
30
32
|
className,
|
|
33
|
+
isIndeterminate,
|
|
31
34
|
children,
|
|
32
35
|
style,
|
|
33
36
|
...props
|
|
@@ -35,15 +38,22 @@ const CheckboxRoot = /*#__PURE__*/(0, _react.forwardRef)(({
|
|
|
35
38
|
const computedClassName = (0, _utils.cn)((0, _styles.checkboxRootVariants)({
|
|
36
39
|
size
|
|
37
40
|
}), className);
|
|
38
|
-
return /*#__PURE__*/(0, _jsxRuntime.
|
|
41
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(CheckboxPrimitive, {
|
|
39
42
|
ref: ref,
|
|
40
43
|
className: computedClassName,
|
|
44
|
+
isIndeterminate: isIndeterminate,
|
|
41
45
|
style: style,
|
|
42
46
|
context: {
|
|
43
47
|
size
|
|
44
48
|
},
|
|
45
49
|
...props,
|
|
46
|
-
children:
|
|
50
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(CheckboxIndicator, {
|
|
51
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(CheckboxPrimitive.Icon, {
|
|
52
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(CheckboxIcon, {
|
|
53
|
+
as: isIndeterminate ? _icons.CheckIndeterminateSmall : _icons.Check
|
|
54
|
+
})
|
|
55
|
+
})
|
|
56
|
+
}), children]
|
|
47
57
|
});
|
|
48
58
|
});
|
|
49
59
|
CheckboxRoot.displayName = 'Checkbox';
|
|
@@ -78,26 +88,23 @@ CheckboxIndicator.displayName = 'Checkbox.Indicator';
|
|
|
78
88
|
// CHECKBOX ICON
|
|
79
89
|
// =============================================================================
|
|
80
90
|
|
|
81
|
-
const CheckboxIcon =
|
|
91
|
+
const CheckboxIcon = ({
|
|
82
92
|
className,
|
|
83
|
-
children,
|
|
84
93
|
style,
|
|
85
94
|
...props
|
|
86
|
-
}
|
|
95
|
+
}) => {
|
|
87
96
|
const {
|
|
88
97
|
size
|
|
89
98
|
} = useCheckboxStyleContext();
|
|
90
99
|
const computedClassName = (0, _utils.cn)((0, _styles.checkboxIconVariants)({
|
|
91
100
|
size
|
|
92
101
|
}), className);
|
|
93
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsx)(
|
|
94
|
-
ref: ref,
|
|
102
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
|
|
95
103
|
className: computedClassName,
|
|
96
104
|
style: style,
|
|
97
|
-
...props
|
|
98
|
-
children: children
|
|
105
|
+
...props
|
|
99
106
|
});
|
|
100
|
-
}
|
|
107
|
+
};
|
|
101
108
|
CheckboxIcon.displayName = 'Checkbox.Icon';
|
|
102
109
|
|
|
103
110
|
// =============================================================================
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","require","_reactNative","_primitives","_utils","_styles","_jsxRuntime","SCOPE","Root","withStyleContext","Pressable","useCheckboxStyleContext","useStyleContext","CheckboxPrimitive","createCheckbox","Indicator","View","Icon","Label","Text","Group","CheckboxRoot","forwardRef","size","className","children","style","props","ref","computedClassName","cn","checkboxRootVariants","
|
|
1
|
+
{"version":3,"names":["_react","require","_reactNative","_icons","_primitives","_utils","_Icon","_styles","_jsxRuntime","SCOPE","Root","withStyleContext","Pressable","useCheckboxStyleContext","useStyleContext","CheckboxPrimitive","createCheckbox","Indicator","View","Icon","Label","Text","Group","CheckboxRoot","forwardRef","size","className","isIndeterminate","children","style","props","ref","computedClassName","cn","checkboxRootVariants","jsxs","context","jsx","CheckboxIndicator","CheckboxIcon","as","CheckIndeterminateSmall","Check","displayName","checkboxIndicatorVariants","checkboxIconVariants","CheckboxLabel","checkboxLabelVariants","CheckboxGroup","direction","value","onChange","isDisabled","isInvalid","isReadOnly","viewProps","checkboxGroupVariants","Checkbox","exports","Object","assign"],"sourceRoot":"../../../../src","sources":["components/Checkbox/index.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -6,51 +6,52 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
exports.checkboxRootVariants = exports.checkboxLabelVariants = exports.checkboxIndicatorVariants = exports.checkboxIconVariants = exports.checkboxGroupVariants = void 0;
|
|
7
7
|
var _reactNative = require("react-native");
|
|
8
8
|
var _classVarianceAuthority = require("class-variance-authority");
|
|
9
|
-
|
|
9
|
+
var _primitives = require("../../styles/primitives");
|
|
10
|
+
const checkboxRootVariants = exports.checkboxRootVariants = (0, _classVarianceAuthority.cva)(['flex-row items-center', _primitives.DISABLED_OPACITY, _primitives.DISABLED_CURSOR], {
|
|
10
11
|
variants: {
|
|
11
12
|
size: {
|
|
12
|
-
|
|
13
|
-
|
|
13
|
+
small: 'gap-2',
|
|
14
|
+
default: 'gap-2.5'
|
|
14
15
|
}
|
|
15
16
|
},
|
|
16
17
|
defaultVariants: {
|
|
17
|
-
size: '
|
|
18
|
+
size: 'default'
|
|
18
19
|
}
|
|
19
20
|
});
|
|
20
|
-
const checkboxIndicatorVariants = exports.checkboxIndicatorVariants = (0, _classVarianceAuthority.cva)(['items-center justify-center', 'rounded', 'border-2
|
|
21
|
-
web: [
|
|
21
|
+
const checkboxIndicatorVariants = exports.checkboxIndicatorVariants = (0, _classVarianceAuthority.cva)(['items-center justify-center', 'rounded', 'border-2', _primitives.COLOR_BORDER_STRONG, _primitives.COLOR_BG_PRIMARY, 'data-[checked=true]:bg-slate-900 data-[checked=true]:border-slate-900', 'data-[indeterminate=true]:bg-slate-900 data-[indeterminate=true]:border-slate-900', 'data-[disabled=true]:opacity-50', 'data-[invalid=true]:border-red-500', 'data-[checked=true]:data-[invalid=true]:bg-red-500 data-[checked=true]:data-[invalid=true]:border-red-500', 'data-[indeterminate=true]:data-[invalid=true]:bg-red-500 data-[indeterminate=true]:data-[invalid=true]:border-red-500', _reactNative.Platform.select({
|
|
22
|
+
web: [_primitives.TRANSITION_COLORS, 'data-[hover=true]:data-[checked=false]:data-[indeterminate=false]:border-slate-400 data-[hover=true]:data-[checked=false]:data-[indeterminate=false]:bg-slate-50', 'data-[focus-visible=true]:ring-2 data-[focus-visible=true]:ring-slate-400/50 data-[focus-visible=true]:ring-offset-2', 'data-[invalid=true]:data-[hover=true]:border-red-400', 'data-[invalid=true]:data-[focus-visible=true]:ring-red-400/50'].join(' '),
|
|
22
23
|
default: ''
|
|
23
24
|
})], {
|
|
24
25
|
variants: {
|
|
25
26
|
size: {
|
|
26
|
-
|
|
27
|
-
|
|
27
|
+
small: 'h-4 w-4',
|
|
28
|
+
default: 'h-5 w-5'
|
|
28
29
|
}
|
|
29
30
|
},
|
|
30
31
|
defaultVariants: {
|
|
31
|
-
size: '
|
|
32
|
+
size: 'default'
|
|
32
33
|
}
|
|
33
34
|
});
|
|
34
35
|
const checkboxIconVariants = exports.checkboxIconVariants = (0, _classVarianceAuthority.cva)(['text-white'], {
|
|
35
36
|
variants: {
|
|
36
37
|
size: {
|
|
37
|
-
|
|
38
|
-
|
|
38
|
+
small: 'h-3 w-3',
|
|
39
|
+
default: 'h-3.5 w-3.5'
|
|
39
40
|
}
|
|
40
41
|
},
|
|
41
42
|
defaultVariants: {
|
|
42
|
-
size: '
|
|
43
|
+
size: 'default'
|
|
43
44
|
}
|
|
44
45
|
});
|
|
45
|
-
const checkboxLabelVariants = exports.checkboxLabelVariants = (0, _classVarianceAuthority.cva)([
|
|
46
|
+
const checkboxLabelVariants = exports.checkboxLabelVariants = (0, _classVarianceAuthority.cva)([_primitives.COLOR_TEXT_PRIMARY, 'data-[disabled=true]:text-slate-400'], {
|
|
46
47
|
variants: {
|
|
47
48
|
size: {
|
|
48
|
-
|
|
49
|
-
|
|
49
|
+
small: 'text-sm',
|
|
50
|
+
default: 'text-base'
|
|
50
51
|
}
|
|
51
52
|
},
|
|
52
53
|
defaultVariants: {
|
|
53
|
-
size: '
|
|
54
|
+
size: 'default'
|
|
54
55
|
}
|
|
55
56
|
});
|
|
56
57
|
const checkboxGroupVariants = exports.checkboxGroupVariants = (0, _classVarianceAuthority.cva)([], {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_reactNative","require","_classVarianceAuthority","checkboxRootVariants","exports","cva","variants","size","
|
|
1
|
+
{"version":3,"names":["_reactNative","require","_classVarianceAuthority","_primitives","checkboxRootVariants","exports","cva","DISABLED_OPACITY","DISABLED_CURSOR","variants","size","small","default","defaultVariants","checkboxIndicatorVariants","COLOR_BORDER_STRONG","COLOR_BG_PRIMARY","Platform","select","web","TRANSITION_COLORS","join","checkboxIconVariants","checkboxLabelVariants","COLOR_TEXT_PRIMARY","checkboxGroupVariants","direction","column","row"],"sourceRoot":"../../../../src","sources":["components/Checkbox/styles.ts"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,uBAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AASO,MAAMG,oBAAoB,GAAAC,OAAA,CAAAD,oBAAA,GAAG,IAAAE,2BAAG,EACrC,CAAC,uBAAuB,EAAEC,4BAAgB,EAAEC,2BAAe,CAAC,EAC5D;EACEC,QAAQ,EAAE;IACRC,IAAI,EAAE;MACJC,KAAK,EAAE,OAAO;MACdC,OAAO,EAAE;IACX;EACF,CAAC;EACDC,eAAe,EAAE;IACfH,IAAI,EAAE;EACR;AACF,CACF,CAAC;AAEM,MAAMI,yBAAyB,GAAAT,OAAA,CAAAS,yBAAA,GAAG,IAAAR,2BAAG,EAC1C,CACE,6BAA6B,EAC7B,SAAS,EACT,UAAU,EACVS,+BAAmB,EACnBC,4BAAgB,EAChB,uEAAuE,EACvE,mFAAmF,EACnF,iCAAiC,EACjC,oCAAoC,EACpC,2GAA2G,EAC3G,uHAAuH,EACvHC,qBAAQ,CAACC,MAAM,CAAC;EACdC,GAAG,EAAE,CACHC,6BAAiB,EACjB,kKAAkK,EAClK,sHAAsH,EACtH,sDAAsD,EACtD,+DAA+D,CAChE,CAACC,IAAI,CAAC,GAAG,CAAC;EACXT,OAAO,EAAE;AACX,CAAC,CAAC,CACH,EACD;EACEH,QAAQ,EAAE;IACRC,IAAI,EAAE;MACJC,KAAK,EAAE,SAAS;MAChBC,OAAO,EAAE;IACX;EACF,CAAC;EACDC,eAAe,EAAE;IACfH,IAAI,EAAE;EACR;AACF,CACF,CAAC;AAEM,MAAMY,oBAAoB,GAAAjB,OAAA,CAAAiB,oBAAA,GAAG,IAAAhB,2BAAG,EAAC,CAAC,YAAY,CAAC,EAAE;EACtDG,QAAQ,EAAE;IACRC,IAAI,EAAE;MACJC,KAAK,EAAE,SAAS;MAChBC,OAAO,EAAE;IACX;EACF,CAAC;EACDC,eAAe,EAAE;IACfH,IAAI,EAAE;EACR;AACF,CAAC,CAAC;AAEK,MAAMa,qBAAqB,GAAAlB,OAAA,CAAAkB,qBAAA,GAAG,IAAAjB,2BAAG,EACtC,CAACkB,8BAAkB,EAAE,qCAAqC,CAAC,EAC3D;EACEf,QAAQ,EAAE;IACRC,IAAI,EAAE;MACJC,KAAK,EAAE,SAAS;MAChBC,OAAO,EAAE;IACX;EACF,CAAC;EACDC,eAAe,EAAE;IACfH,IAAI,EAAE;EACR;AACF,CACF,CAAC;AAEM,MAAMe,qBAAqB,GAAApB,OAAA,CAAAoB,qBAAA,GAAG,IAAAnB,2BAAG,EAAC,EAAE,EAAE;EAC3CG,QAAQ,EAAE;IACRiB,SAAS,EAAE;MACTC,MAAM,EAAE,OAAO;MACfC,GAAG,EAAE;IACP;EACF,CAAC;EACDf,eAAe,EAAE;IACfa,SAAS,EAAE;EACb;AACF,CAAC,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1,103 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.Chip = void 0;
|
|
7
|
+
var _react = require("react");
|
|
8
|
+
var _reactNative = require("react-native");
|
|
9
|
+
var _utils = require("@cdx-ui/utils");
|
|
10
|
+
var _Icon = require("../Icon");
|
|
11
|
+
var _styles = require("./styles");
|
|
12
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
13
|
+
const SCOPE = 'CHIP';
|
|
14
|
+
const Root = (0, _utils.withStyleContext)(_reactNative.View, SCOPE);
|
|
15
|
+
const useChipStyleContext = () => (0, _utils.useStyleContext)(SCOPE);
|
|
16
|
+
|
|
17
|
+
// =============================================================================
|
|
18
|
+
// STYLED ROOT COMPONENT
|
|
19
|
+
// =============================================================================
|
|
20
|
+
|
|
21
|
+
const ChipRoot = /*#__PURE__*/(0, _react.forwardRef)(({
|
|
22
|
+
children,
|
|
23
|
+
color = 'default',
|
|
24
|
+
className,
|
|
25
|
+
style,
|
|
26
|
+
...props
|
|
27
|
+
}, ref) => {
|
|
28
|
+
const computedClassName = (0, _utils.cn)((0, _styles.chipRootVariants)({
|
|
29
|
+
color
|
|
30
|
+
}), className);
|
|
31
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(Root, {
|
|
32
|
+
ref: ref,
|
|
33
|
+
className: computedClassName,
|
|
34
|
+
style: style,
|
|
35
|
+
context: {
|
|
36
|
+
color
|
|
37
|
+
},
|
|
38
|
+
...props,
|
|
39
|
+
children: children
|
|
40
|
+
});
|
|
41
|
+
});
|
|
42
|
+
ChipRoot.displayName = 'Chip';
|
|
43
|
+
|
|
44
|
+
// =============================================================================
|
|
45
|
+
// STYLED LABEL COMPONENT
|
|
46
|
+
// =============================================================================
|
|
47
|
+
|
|
48
|
+
const ChipLabel = /*#__PURE__*/(0, _react.forwardRef)(({
|
|
49
|
+
className,
|
|
50
|
+
children,
|
|
51
|
+
style,
|
|
52
|
+
...props
|
|
53
|
+
}, ref) => {
|
|
54
|
+
const {
|
|
55
|
+
color
|
|
56
|
+
} = useChipStyleContext();
|
|
57
|
+
const computedClassName = (0, _utils.cn)((0, _styles.chipLabelVariants)({
|
|
58
|
+
color
|
|
59
|
+
}), className);
|
|
60
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
|
|
61
|
+
ref: ref,
|
|
62
|
+
className: computedClassName,
|
|
63
|
+
style: style,
|
|
64
|
+
...props,
|
|
65
|
+
children: children
|
|
66
|
+
});
|
|
67
|
+
});
|
|
68
|
+
ChipLabel.displayName = 'Chip.Label';
|
|
69
|
+
|
|
70
|
+
// =============================================================================
|
|
71
|
+
// STYLED ICON COMPONENT
|
|
72
|
+
// =============================================================================
|
|
73
|
+
|
|
74
|
+
const ChipIcon = ({
|
|
75
|
+
className,
|
|
76
|
+
style,
|
|
77
|
+
as,
|
|
78
|
+
...props
|
|
79
|
+
}) => {
|
|
80
|
+
const {
|
|
81
|
+
color
|
|
82
|
+
} = useChipStyleContext();
|
|
83
|
+
const computedClassName = (0, _utils.cn)((0, _styles.chipIconVariants)({
|
|
84
|
+
color
|
|
85
|
+
}), className);
|
|
86
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
|
|
87
|
+
as: as,
|
|
88
|
+
className: computedClassName,
|
|
89
|
+
style: style,
|
|
90
|
+
...props
|
|
91
|
+
});
|
|
92
|
+
};
|
|
93
|
+
ChipIcon.displayName = 'Chip.Icon';
|
|
94
|
+
|
|
95
|
+
// =============================================================================
|
|
96
|
+
// COMPOUND COMPONENT EXPORT
|
|
97
|
+
// =============================================================================
|
|
98
|
+
|
|
99
|
+
const Chip = exports.Chip = Object.assign(ChipRoot, {
|
|
100
|
+
Label: ChipLabel,
|
|
101
|
+
Icon: ChipIcon
|
|
102
|
+
});
|
|
103
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_react","require","_reactNative","_utils","_Icon","_styles","_jsxRuntime","SCOPE","Root","withStyleContext","View","useChipStyleContext","useStyleContext","ChipRoot","forwardRef","children","color","className","style","props","ref","computedClassName","cn","chipRootVariants","jsx","context","displayName","ChipLabel","chipLabelVariants","Text","ChipIcon","as","chipIconVariants","Icon","Chip","exports","Object","assign","Label"],"sourceRoot":"../../../../src","sources":["components/Chip/index.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AACA,IAAAI,OAAA,GAAAJ,OAAA;AAA+F,IAAAK,WAAA,GAAAL,OAAA;AAE/F,MAAMM,KAAK,GAAG,MAAM;AAEpB,MAAMC,IAAI,GAAG,IAAAC,uBAAgB,EAACC,iBAAI,EAAEH,KAAK,CAAC;AAE1C,MAAMI,mBAAmB,GAAGA,CAAA,KAAM,IAAAC,sBAAe,EAACL,KAAK,CAAiB;;AAExE;AACA;AACA;;AAOA,MAAMM,QAAQ,gBAAG,IAAAC,iBAAU,EACzB,CAAC;EAAEC,QAAQ;EAAEC,KAAK,GAAG,SAAS;EAAEC,SAAS;EAAEC,KAAK;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAK;EACpE,MAAMC,iBAAiB,GAAG,IAAAC,SAAE,EAAC,IAAAC,wBAAgB,EAAC;IAAEP;EAAM,CAAC,CAAC,EAAEC,SAAS,CAAC;EAEpE,oBACE,IAAAX,WAAA,CAAAkB,GAAA,EAAChB,IAAI;IAACY,GAAG,EAAEA,GAAI;IAACH,SAAS,EAAEI,iBAAkB;IAACH,KAAK,EAAEA,KAAM;IAACO,OAAO,EAAE;MAAET;IAAM,CAAE;IAAA,GAAKG,KAAK;IAAAJ,QAAA,EACtFA;EAAQ,CACL,CAAC;AAEX,CACF,CAAC;AAEDF,QAAQ,CAACa,WAAW,GAAG,MAAM;;AAE7B;AACA;AACA;;AAOA,MAAMC,SAAS,gBAAG,IAAAb,iBAAU,EAC1B,CAAC;EAAEG,SAAS;EAAEF,QAAQ;EAAEG,KAAK;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAK;EACjD,MAAM;IAAEJ;EAAM,CAAC,GAAGL,mBAAmB,CAAC,CAAC;EAEvC,MAAMU,iBAAiB,GAAG,IAAAC,SAAE,EAAC,IAAAM,yBAAiB,EAAC;IAAEZ;EAAM,CAAC,CAAC,EAAEC,SAAS,CAAC;EAErE,oBACE,IAAAX,WAAA,CAAAkB,GAAA,EAACtB,YAAA,CAAA2B,IAAM;IAACT,GAAG,EAAEA,GAAI;IAACH,SAAS,EAAEI,iBAAkB;IAACH,KAAK,EAAEA,KAAM;IAAA,GAAKC,KAAK;IAAAJ,QAAA,EACpEA;EAAQ,CACH,CAAC;AAEb,CACF,CAAC;AAEDY,SAAS,CAACD,WAAW,GAAG,YAAY;;AAEpC;AACA;AACA;;AAIA,MAAMI,QAAQ,GAAGA,CAAC;EAAEb,SAAS;EAAEC,KAAK;EAAEa,EAAE;EAAE,GAAGZ;AAAqB,CAAC,KAAK;EACtE,MAAM;IAAEH;EAAM,CAAC,GAAGL,mBAAmB,CAAC,CAAC;EAEvC,MAAMU,iBAAiB,GAAG,IAAAC,SAAE,EAAC,IAAAU,wBAAgB,EAAC;IAAEhB;EAAM,CAAC,CAAC,EAAEC,SAAS,CAAC;EAEpE,oBAAO,IAAAX,WAAA,CAAAkB,GAAA,EAACpB,KAAA,CAAA6B,IAAI;IAACF,EAAE,EAAEA,EAAG;IAACd,SAAS,EAAEI,iBAAkB;IAACH,KAAK,EAAEA,KAAM;IAAA,GAAKC;EAAK,CAAG,CAAC;AAChF,CAAC;AAEDW,QAAQ,CAACJ,WAAW,GAAG,WAAW;;AAElC;AACA;AACA;;AAOO,MAAMQ,IAAI,GAAAC,OAAA,CAAAD,IAAA,GAAGE,MAAM,CAACC,MAAM,CAACxB,QAAQ,EAAE;EAC1CyB,KAAK,EAAEX,SAAS;EAChBM,IAAI,EAAEH;AACR,CAAC,CAA0B","ignoreList":[]}
|
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.chipRootVariants = exports.chipLabelVariants = exports.chipIconVariants = void 0;
|
|
7
|
+
var _classVarianceAuthority = require("class-variance-authority");
|
|
8
|
+
const chipRootVariants = exports.chipRootVariants = (0, _classVarianceAuthority.cva)(['flex-row items-center justify-center rounded-full px-2 py-1 gap-1.5 self-start'], {
|
|
9
|
+
variants: {
|
|
10
|
+
color: {
|
|
11
|
+
default: 'bg-surface-neutral-tint',
|
|
12
|
+
error: 'bg-surface-danger-tint',
|
|
13
|
+
info: 'bg-surface-info-tint',
|
|
14
|
+
success: 'bg-surface-success-tint',
|
|
15
|
+
warning: 'bg-surface-warning-tint'
|
|
16
|
+
}
|
|
17
|
+
},
|
|
18
|
+
defaultVariants: {
|
|
19
|
+
color: 'default'
|
|
20
|
+
}
|
|
21
|
+
});
|
|
22
|
+
|
|
23
|
+
// TODO: letter-spacing values (tracking-wider) are not working on web, but the font-mono-medium is.
|
|
24
|
+
const chipLabelVariants = exports.chipLabelVariants = (0, _classVarianceAuthority.cva)(['label-sm font-mono-medium'], {
|
|
25
|
+
variants: {
|
|
26
|
+
color: {
|
|
27
|
+
default: 'text-content-primary',
|
|
28
|
+
error: 'text-content-primary',
|
|
29
|
+
info: 'text-content-primary',
|
|
30
|
+
success: 'text-content-primary',
|
|
31
|
+
warning: 'text-content-primary'
|
|
32
|
+
}
|
|
33
|
+
},
|
|
34
|
+
defaultVariants: {
|
|
35
|
+
color: 'default'
|
|
36
|
+
}
|
|
37
|
+
});
|
|
38
|
+
const chipIconVariants = exports.chipIconVariants = (0, _classVarianceAuthority.cva)(['size-4'], {
|
|
39
|
+
variants: {
|
|
40
|
+
color: {
|
|
41
|
+
default: 'text-content-primary',
|
|
42
|
+
error: 'text-content-danger',
|
|
43
|
+
info: 'text-content-info',
|
|
44
|
+
success: 'text-content-success',
|
|
45
|
+
warning: 'text-content-warning'
|
|
46
|
+
}
|
|
47
|
+
},
|
|
48
|
+
defaultVariants: {
|
|
49
|
+
color: 'default'
|
|
50
|
+
}
|
|
51
|
+
});
|
|
52
|
+
//# sourceMappingURL=styles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_classVarianceAuthority","require","chipRootVariants","exports","cva","variants","color","default","error","info","success","warning","defaultVariants","chipLabelVariants","chipIconVariants"],"sourceRoot":"../../../../src","sources":["components/Chip/styles.ts"],"mappings":";;;;;;AAAA,IAAAA,uBAAA,GAAAC,OAAA;AAEO,MAAMC,gBAAgB,GAAAC,OAAA,CAAAD,gBAAA,GAAG,IAAAE,2BAAG,EACjC,CAAC,gFAAgF,CAAC,EAClF;EACEC,QAAQ,EAAE;IACRC,KAAK,EAAE;MACLC,OAAO,EAAE,yBAAyB;MAClCC,KAAK,EAAE,wBAAwB;MAC/BC,IAAI,EAAE,sBAAsB;MAC5BC,OAAO,EAAE,yBAAyB;MAClCC,OAAO,EAAE;IACX;EACF,CAAC;EACDC,eAAe,EAAE;IACfN,KAAK,EAAE;EACT;AACF,CACF,CAAC;;AAED;AACO,MAAMO,iBAAiB,GAAAV,OAAA,CAAAU,iBAAA,GAAG,IAAAT,2BAAG,EAAC,CAAC,2BAA2B,CAAC,EAAE;EAClEC,QAAQ,EAAE;IACRC,KAAK,EAAE;MACLC,OAAO,EAAE,sBAAsB;MAC/BC,KAAK,EAAE,sBAAsB;MAC7BC,IAAI,EAAE,sBAAsB;MAC5BC,OAAO,EAAE,sBAAsB;MAC/BC,OAAO,EAAE;IACX;EACF,CAAC;EACDC,eAAe,EAAE;IACfN,KAAK,EAAE;EACT;AACF,CAAC,CAAC;AAEK,MAAMQ,gBAAgB,GAAAX,OAAA,CAAAW,gBAAA,GAAG,IAAAV,2BAAG,EAAC,CAAC,QAAQ,CAAC,EAAE;EAC9CC,QAAQ,EAAE;IACRC,KAAK,EAAE;MACLC,OAAO,EAAE,sBAAsB;MAC/BC,KAAK,EAAE,qBAAqB;MAC5BC,IAAI,EAAE,mBAAmB;MACzBC,OAAO,EAAE,sBAAsB;MAC/BC,OAAO,EAAE;IACX;EACF,CAAC;EACDC,eAAe,EAAE;IACfN,KAAK,EAAE;EACT;AACF,CAAC,CAAC","ignoreList":[]}
|