@cdx-ui/components 0.0.1-beta.7 → 0.0.1-beta.70
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 +37 -19
- package/lib/commonjs/components/AlertDialog/index.js +17 -14
- package/lib/commonjs/components/AlertDialog/index.js.map +1 -1
- package/lib/commonjs/components/Avatar/index.js +126 -26
- package/lib/commonjs/components/Avatar/index.js.map +1 -1
- package/lib/commonjs/components/Avatar/styles.js +36 -29
- package/lib/commonjs/components/Avatar/styles.js.map +1 -1
- package/lib/commonjs/components/Button/index.js +143 -29
- package/lib/commonjs/components/Button/index.js.map +1 -1
- package/lib/commonjs/components/Button/styles.js +94 -29
- package/lib/commonjs/components/Button/styles.js.map +1 -1
- package/lib/commonjs/components/CLAUDE.md +194 -0
- package/lib/commonjs/components/Card/index.js +22 -4
- package/lib/commonjs/components/Card/index.js.map +1 -1
- package/lib/commonjs/components/Card/styles.js +27 -4
- package/lib/commonjs/components/Card/styles.js.map +1 -1
- package/lib/commonjs/components/Checkbox/index.js +71 -48
- package/lib/commonjs/components/Checkbox/index.js.map +1 -1
- package/lib/commonjs/components/Checkbox/styles.js +41 -47
- package/lib/commonjs/components/Checkbox/styles.js.map +1 -1
- package/lib/commonjs/components/Chip/index.js +94 -17
- package/lib/commonjs/components/Chip/index.js.map +1 -1
- package/lib/commonjs/components/Chip/styles.js +178 -21
- package/lib/commonjs/components/Chip/styles.js.map +1 -1
- package/lib/commonjs/components/Dialog/index.js +140 -65
- package/lib/commonjs/components/Dialog/index.js.map +1 -1
- package/lib/commonjs/components/Dialog/styles.js +60 -14
- package/lib/commonjs/components/Dialog/styles.js.map +1 -1
- package/lib/commonjs/components/Field/index.js +77 -27
- package/lib/commonjs/components/Field/index.js.map +1 -1
- package/lib/commonjs/components/Field/styles.js +4 -4
- package/lib/commonjs/components/Field/styles.js.map +1 -1
- package/lib/commonjs/components/Form/index.js +5 -12
- package/lib/commonjs/components/Form/index.js.map +1 -1
- package/lib/commonjs/components/Heading/styles.js +1 -1
- package/lib/commonjs/components/Heading/styles.js.map +1 -1
- package/lib/commonjs/components/Icon/index.js +3 -4
- package/lib/commonjs/components/Icon/index.js.map +1 -1
- package/lib/commonjs/components/IconButton/index.js +11 -34
- package/lib/commonjs/components/IconButton/index.js.map +1 -1
- package/lib/commonjs/components/IconButton/styles.js +135 -10
- package/lib/commonjs/components/IconButton/styles.js.map +1 -1
- package/lib/commonjs/components/Input/index.js +50 -20
- package/lib/commonjs/components/Input/index.js.map +1 -1
- package/lib/commonjs/components/Input/styles.js +7 -6
- package/lib/commonjs/components/Input/styles.js.map +1 -1
- package/lib/commonjs/components/Link/index.js +35 -9
- package/lib/commonjs/components/Link/index.js.map +1 -1
- package/lib/commonjs/components/Link/styles.js +56 -6
- package/lib/commonjs/components/Link/styles.js.map +1 -1
- package/lib/commonjs/components/ListItem/index.js +132 -79
- package/lib/commonjs/components/ListItem/index.js.map +1 -1
- package/lib/commonjs/components/ListItem/styles.js +29 -57
- package/lib/commonjs/components/ListItem/styles.js.map +1 -1
- package/lib/commonjs/components/OtpInput/index.js +94 -28
- package/lib/commonjs/components/OtpInput/index.js.map +1 -1
- package/lib/commonjs/components/ProgressBar/index.js +8 -13
- package/lib/commonjs/components/ProgressBar/index.js.map +1 -1
- package/lib/commonjs/components/ProgressSegmented/index.js +24 -10
- package/lib/commonjs/components/ProgressSegmented/index.js.map +1 -1
- package/lib/commonjs/components/Radio/index.js +165 -0
- package/lib/commonjs/components/Radio/index.js.map +1 -0
- package/lib/commonjs/components/Radio/styles.js +31 -0
- package/lib/commonjs/components/Radio/styles.js.map +1 -0
- package/lib/commonjs/components/ScopedTheme/index.js +24 -0
- package/lib/commonjs/components/ScopedTheme/index.js.map +1 -0
- package/lib/commonjs/components/Select/index.js +111 -39
- package/lib/commonjs/components/Select/index.js.map +1 -1
- package/lib/commonjs/components/Select/styles.js +17 -20
- package/lib/commonjs/components/Select/styles.js.map +1 -1
- package/lib/commonjs/components/Skeleton/index.js +37 -0
- package/lib/commonjs/components/Skeleton/index.js.map +1 -0
- package/lib/commonjs/components/Skeleton/styles.js +9 -0
- package/lib/commonjs/components/Skeleton/styles.js.map +1 -0
- package/lib/commonjs/components/Switch/BaseSwitch.js +23 -13
- package/lib/commonjs/components/Switch/BaseSwitch.js.map +1 -1
- package/lib/commonjs/components/Switch/BaseSwitch.web.js +25 -21
- package/lib/commonjs/components/Switch/BaseSwitch.web.js.map +1 -1
- package/lib/commonjs/components/Switch/index.js +34 -3
- package/lib/commonjs/components/Switch/index.js.map +1 -1
- package/lib/commonjs/components/Text/styles.js +2 -2
- package/lib/commonjs/components/Text/styles.js.map +1 -1
- package/lib/commonjs/components/Tile/index.js +324 -0
- package/lib/commonjs/components/Tile/index.js.map +1 -0
- package/lib/commonjs/components/Tile/styles.js +52 -0
- package/lib/commonjs/components/Tile/styles.js.map +1 -0
- package/lib/commonjs/components/VirtualizedList/index.js.map +1 -1
- package/lib/commonjs/components/index.js +48 -0
- package/lib/commonjs/components/index.js.map +1 -1
- package/lib/commonjs/figma/AlertDialog.Description.figma.js +20 -0
- package/lib/commonjs/figma/AlertDialog.Description.figma.js.map +1 -0
- package/lib/commonjs/figma/AlertDialog.Footer.figma.js +41 -0
- package/lib/commonjs/figma/AlertDialog.Footer.figma.js.map +1 -0
- package/lib/commonjs/figma/AlertDialog.Header.figma.js +28 -0
- package/lib/commonjs/figma/AlertDialog.Header.figma.js.map +1 -0
- package/lib/commonjs/figma/AlertDialog.Text.figma.js +20 -0
- package/lib/commonjs/figma/AlertDialog.Text.figma.js.map +1 -0
- package/lib/commonjs/figma/AlertDialog.Title.figma.js +27 -0
- package/lib/commonjs/figma/AlertDialog.Title.figma.js.map +1 -0
- package/lib/commonjs/figma/AlertDialog.figma.js +43 -0
- package/lib/commonjs/figma/AlertDialog.figma.js.map +1 -0
- package/lib/commonjs/figma/Avatar.figma.js +57 -0
- package/lib/commonjs/figma/Avatar.figma.js.map +1 -0
- package/lib/commonjs/figma/Button.figma.js +4 -7
- package/lib/commonjs/figma/Button.figma.js.map +1 -1
- package/lib/commonjs/figma/CLAUDE.md +30 -0
- package/lib/commonjs/figma/Card.Header.figma.js +28 -0
- package/lib/commonjs/figma/Card.Header.figma.js.map +1 -0
- package/lib/commonjs/figma/Card.figma.js +42 -0
- package/lib/commonjs/figma/Card.figma.js.map +1 -0
- package/lib/commonjs/figma/Checkbox.figma.js +55 -0
- package/lib/commonjs/figma/Checkbox.figma.js.map +1 -0
- package/lib/commonjs/figma/Chip.figma.js +68 -0
- package/lib/commonjs/figma/Chip.figma.js.map +1 -0
- package/lib/commonjs/figma/Dialog.Description.figma.js +20 -0
- package/lib/commonjs/figma/Dialog.Description.figma.js.map +1 -0
- package/lib/commonjs/figma/Dialog.Footer.figma.js +30 -0
- package/lib/commonjs/figma/Dialog.Footer.figma.js.map +1 -0
- package/lib/commonjs/figma/Dialog.Header.figma.js +29 -0
- package/lib/commonjs/figma/Dialog.Header.figma.js.map +1 -0
- package/lib/commonjs/figma/Dialog.Text.figma.js +20 -0
- package/lib/commonjs/figma/Dialog.Text.figma.js.map +1 -0
- package/lib/commonjs/figma/Dialog.Title.figma.js +27 -0
- package/lib/commonjs/figma/Dialog.Title.figma.js.map +1 -0
- package/lib/commonjs/figma/Dialog.figma.js +51 -0
- package/lib/commonjs/figma/Dialog.figma.js.map +1 -0
- package/lib/commonjs/figma/Field.Input.figma.js +57 -0
- package/lib/commonjs/figma/Field.Input.figma.js.map +1 -0
- package/lib/commonjs/figma/Field.Select.figma.js +57 -0
- package/lib/commonjs/figma/Field.Select.figma.js.map +1 -0
- package/lib/commonjs/figma/Heading.figma.js +30 -0
- package/lib/commonjs/figma/Heading.figma.js.map +1 -0
- package/lib/commonjs/figma/Icon.figma.js +20 -0
- package/lib/commonjs/figma/Icon.figma.js.map +1 -0
- package/lib/commonjs/figma/IconButton.figma.js +47 -0
- package/lib/commonjs/figma/IconButton.figma.js.map +1 -0
- package/lib/commonjs/figma/Input.figma.js +52 -0
- package/lib/commonjs/figma/Input.figma.js.map +1 -0
- package/lib/commonjs/figma/Link.figma.js +30 -0
- package/lib/commonjs/figma/Link.figma.js.map +1 -0
- package/lib/commonjs/figma/ListItem.Description.figma.js +23 -0
- package/lib/commonjs/figma/ListItem.Description.figma.js.map +1 -0
- package/lib/commonjs/figma/ListItem.LeadingSlot.figma.js +24 -0
- package/lib/commonjs/figma/ListItem.LeadingSlot.figma.js.map +1 -0
- package/lib/commonjs/figma/ListItem.Meta.figma.js +23 -0
- package/lib/commonjs/figma/ListItem.Meta.figma.js.map +1 -0
- package/lib/commonjs/figma/ListItem.SectionHeader.figma.js +24 -0
- package/lib/commonjs/figma/ListItem.SectionHeader.figma.js.map +1 -0
- package/lib/commonjs/figma/ListItem.Title.figma.js +23 -0
- package/lib/commonjs/figma/ListItem.Title.figma.js.map +1 -0
- package/lib/commonjs/figma/ListItem.TrailingSlot.figma.js +24 -0
- package/lib/commonjs/figma/ListItem.TrailingSlot.figma.js.map +1 -0
- package/lib/commonjs/figma/ListItem.figma.js +50 -0
- package/lib/commonjs/figma/ListItem.figma.js.map +1 -0
- package/lib/commonjs/figma/ProgressSegmented.figma.js +39 -0
- package/lib/commonjs/figma/ProgressSegmented.figma.js.map +1 -0
- package/lib/commonjs/figma/Radio.figma.js +40 -0
- package/lib/commonjs/figma/Radio.figma.js.map +1 -0
- package/lib/commonjs/figma/Select.figma.js +53 -0
- package/lib/commonjs/figma/Select.figma.js.map +1 -0
- package/lib/commonjs/figma/Text.figma.js +32 -0
- package/lib/commonjs/figma/Text.figma.js.map +1 -0
- package/lib/commonjs/figma/icons.figma.batch.js +27 -0
- package/lib/commonjs/figma/icons.figma.batch.js.map +1 -0
- package/lib/commonjs/figma/icons.figma.batch.json +17705 -0
- package/lib/commonjs/hooks/index.js +19 -0
- package/lib/commonjs/hooks/index.js.map +1 -0
- package/lib/commonjs/hooks/useForgeBottomTabScreenOptions.js +246 -0
- package/lib/commonjs/hooks/useForgeBottomTabScreenOptions.js.map +1 -0
- package/lib/commonjs/index.js +24 -0
- package/lib/commonjs/index.js.map +1 -1
- package/lib/commonjs/metro/withCdxMetroConfig.js +7 -18
- package/lib/commonjs/metro/withCdxMetroConfig.js.map +1 -1
- package/lib/commonjs/metro/withForgeMetroConfig.js +24 -0
- package/lib/commonjs/metro/withForgeMetroConfig.js.map +1 -0
- package/lib/commonjs/navigation/forgeTabIcon.js +43 -0
- package/lib/commonjs/navigation/forgeTabIcon.js.map +1 -0
- package/lib/commonjs/navigation/forgeTabIcon.native.js +35 -0
- package/lib/commonjs/navigation/forgeTabIcon.native.js.map +1 -0
- package/lib/commonjs/navigation/index.js +13 -0
- package/lib/commonjs/navigation/index.js.map +1 -0
- package/lib/commonjs/navigation/types.js +38 -0
- package/lib/commonjs/navigation/types.js.map +1 -0
- package/lib/commonjs/styles/primitives.js +43 -6
- package/lib/commonjs/styles/primitives.js.map +1 -1
- package/lib/commonjs/utils/positionToDataIcon.js +41 -0
- package/lib/commonjs/utils/positionToDataIcon.js.map +1 -0
- package/lib/module/components/AlertDialog/index.js +18 -15
- package/lib/module/components/AlertDialog/index.js.map +1 -1
- package/lib/module/components/Avatar/index.js +129 -29
- package/lib/module/components/Avatar/index.js.map +1 -1
- package/lib/module/components/Avatar/styles.js +36 -29
- package/lib/module/components/Avatar/styles.js.map +1 -1
- package/lib/module/components/Button/index.js +146 -33
- package/lib/module/components/Button/index.js.map +1 -1
- package/lib/module/components/Button/styles.js +93 -28
- package/lib/module/components/Button/styles.js.map +1 -1
- package/lib/module/components/CLAUDE.md +194 -0
- package/lib/module/components/Card/index.js +23 -4
- package/lib/module/components/Card/index.js.map +1 -1
- package/lib/module/components/Card/styles.js +27 -4
- package/lib/module/components/Card/styles.js.map +1 -1
- package/lib/module/components/Checkbox/index.js +75 -52
- package/lib/module/components/Checkbox/index.js.map +1 -1
- package/lib/module/components/Checkbox/styles.js +43 -48
- package/lib/module/components/Checkbox/styles.js.map +1 -1
- package/lib/module/components/Chip/index.js +98 -21
- package/lib/module/components/Chip/index.js.map +1 -1
- package/lib/module/components/Chip/styles.js +177 -20
- package/lib/module/components/Chip/styles.js.map +1 -1
- package/lib/module/components/Dialog/index.js +147 -72
- package/lib/module/components/Dialog/index.js.map +1 -1
- package/lib/module/components/Dialog/styles.js +60 -14
- package/lib/module/components/Dialog/styles.js.map +1 -1
- package/lib/module/components/Field/index.js +81 -32
- package/lib/module/components/Field/index.js.map +1 -1
- package/lib/module/components/Field/styles.js +4 -4
- package/lib/module/components/Field/styles.js.map +1 -1
- package/lib/module/components/Form/index.js +7 -14
- package/lib/module/components/Form/index.js.map +1 -1
- package/lib/module/components/Heading/styles.js +1 -1
- package/lib/module/components/Heading/styles.js.map +1 -1
- package/lib/module/components/Icon/index.js +3 -4
- package/lib/module/components/Icon/index.js.map +1 -1
- package/lib/module/components/IconButton/index.js +12 -35
- package/lib/module/components/IconButton/index.js.map +1 -1
- package/lib/module/components/IconButton/styles.js +135 -10
- package/lib/module/components/IconButton/styles.js.map +1 -1
- package/lib/module/components/Input/index.js +53 -23
- package/lib/module/components/Input/index.js.map +1 -1
- package/lib/module/components/Input/styles.js +7 -6
- package/lib/module/components/Input/styles.js.map +1 -1
- package/lib/module/components/Link/index.js +38 -11
- package/lib/module/components/Link/index.js.map +1 -1
- package/lib/module/components/Link/styles.js +55 -6
- package/lib/module/components/Link/styles.js.map +1 -1
- package/lib/module/components/ListItem/index.js +137 -84
- package/lib/module/components/ListItem/index.js.map +1 -1
- package/lib/module/components/ListItem/styles.js +30 -58
- package/lib/module/components/ListItem/styles.js.map +1 -1
- package/lib/module/components/OtpInput/index.js +94 -28
- package/lib/module/components/OtpInput/index.js.map +1 -1
- package/lib/module/components/ProgressBar/index.js +9 -14
- package/lib/module/components/ProgressBar/index.js.map +1 -1
- package/lib/module/components/ProgressSegmented/index.js +25 -11
- package/lib/module/components/ProgressSegmented/index.js.map +1 -1
- package/lib/module/components/Radio/index.js +161 -0
- package/lib/module/components/Radio/index.js.map +1 -0
- package/lib/module/components/Radio/styles.js +27 -0
- package/lib/module/components/Radio/styles.js.map +1 -0
- package/lib/module/components/ScopedTheme/index.js +19 -0
- package/lib/module/components/ScopedTheme/index.js.map +1 -0
- package/lib/module/components/Select/index.js +117 -45
- package/lib/module/components/Select/index.js.map +1 -1
- package/lib/module/components/Select/styles.js +18 -21
- package/lib/module/components/Select/styles.js.map +1 -1
- package/lib/module/components/Skeleton/index.js +32 -0
- package/lib/module/components/Skeleton/index.js.map +1 -0
- package/lib/module/components/Skeleton/styles.js +5 -0
- package/lib/module/components/Skeleton/styles.js.map +1 -0
- package/lib/module/components/Switch/BaseSwitch.js +24 -14
- package/lib/module/components/Switch/BaseSwitch.js.map +1 -1
- package/lib/module/components/Switch/BaseSwitch.web.js +26 -22
- package/lib/module/components/Switch/BaseSwitch.web.js.map +1 -1
- package/lib/module/components/Switch/index.js +35 -4
- package/lib/module/components/Switch/index.js.map +1 -1
- package/lib/module/components/Text/styles.js +2 -2
- package/lib/module/components/Text/styles.js.map +1 -1
- package/lib/module/components/Tile/index.js +315 -0
- package/lib/module/components/Tile/index.js.map +1 -0
- package/lib/module/components/Tile/styles.js +48 -0
- package/lib/module/components/Tile/styles.js.map +1 -0
- package/lib/module/components/VirtualizedList/index.js.map +1 -1
- package/lib/module/components/index.js +4 -0
- package/lib/module/components/index.js.map +1 -1
- package/lib/module/figma/AlertDialog.Description.figma.js +14 -0
- package/lib/module/figma/AlertDialog.Description.figma.js.map +1 -0
- package/lib/module/figma/AlertDialog.Footer.figma.js +35 -0
- package/lib/module/figma/AlertDialog.Footer.figma.js.map +1 -0
- package/lib/module/figma/AlertDialog.Header.figma.js +22 -0
- package/lib/module/figma/AlertDialog.Header.figma.js.map +1 -0
- package/lib/module/figma/AlertDialog.Text.figma.js +14 -0
- package/lib/module/figma/AlertDialog.Text.figma.js.map +1 -0
- package/lib/module/figma/AlertDialog.Title.figma.js +21 -0
- package/lib/module/figma/AlertDialog.Title.figma.js.map +1 -0
- package/lib/module/figma/AlertDialog.figma.js +37 -0
- package/lib/module/figma/AlertDialog.figma.js.map +1 -0
- package/lib/module/figma/Avatar.figma.js +51 -0
- package/lib/module/figma/Avatar.figma.js.map +1 -0
- package/lib/module/figma/Button.figma.js +4 -7
- package/lib/module/figma/Button.figma.js.map +1 -1
- package/lib/module/figma/CLAUDE.md +30 -0
- package/lib/module/figma/Card.Header.figma.js +22 -0
- package/lib/module/figma/Card.Header.figma.js.map +1 -0
- package/lib/module/figma/Card.figma.js +36 -0
- package/lib/module/figma/Card.figma.js.map +1 -0
- package/lib/module/figma/Checkbox.figma.js +49 -0
- package/lib/module/figma/Checkbox.figma.js.map +1 -0
- package/lib/module/figma/Chip.figma.js +62 -0
- package/lib/module/figma/Chip.figma.js.map +1 -0
- package/lib/module/figma/Dialog.Description.figma.js +14 -0
- package/lib/module/figma/Dialog.Description.figma.js.map +1 -0
- package/lib/module/figma/Dialog.Footer.figma.js +24 -0
- package/lib/module/figma/Dialog.Footer.figma.js.map +1 -0
- package/lib/module/figma/Dialog.Header.figma.js +23 -0
- package/lib/module/figma/Dialog.Header.figma.js.map +1 -0
- package/lib/module/figma/Dialog.Text.figma.js +14 -0
- package/lib/module/figma/Dialog.Text.figma.js.map +1 -0
- package/lib/module/figma/Dialog.Title.figma.js +21 -0
- package/lib/module/figma/Dialog.Title.figma.js.map +1 -0
- package/lib/module/figma/Dialog.figma.js +45 -0
- package/lib/module/figma/Dialog.figma.js.map +1 -0
- package/lib/module/figma/Field.Input.figma.js +51 -0
- package/lib/module/figma/Field.Input.figma.js.map +1 -0
- package/lib/module/figma/Field.Select.figma.js +51 -0
- package/lib/module/figma/Field.Select.figma.js.map +1 -0
- package/lib/module/figma/Heading.figma.js +24 -0
- package/lib/module/figma/Heading.figma.js.map +1 -0
- package/lib/module/figma/Icon.figma.js +14 -0
- package/lib/module/figma/Icon.figma.js.map +1 -0
- package/lib/module/figma/IconButton.figma.js +41 -0
- package/lib/module/figma/IconButton.figma.js.map +1 -0
- package/lib/module/figma/Input.figma.js +46 -0
- package/lib/module/figma/Input.figma.js.map +1 -0
- package/lib/module/figma/Link.figma.js +24 -0
- package/lib/module/figma/Link.figma.js.map +1 -0
- package/lib/module/figma/ListItem.Description.figma.js +17 -0
- package/lib/module/figma/ListItem.Description.figma.js.map +1 -0
- package/lib/module/figma/ListItem.LeadingSlot.figma.js +18 -0
- package/lib/module/figma/ListItem.LeadingSlot.figma.js.map +1 -0
- package/lib/module/figma/ListItem.Meta.figma.js +17 -0
- package/lib/module/figma/ListItem.Meta.figma.js.map +1 -0
- package/lib/module/figma/ListItem.SectionHeader.figma.js +18 -0
- package/lib/module/figma/ListItem.SectionHeader.figma.js.map +1 -0
- package/lib/module/figma/ListItem.Title.figma.js +17 -0
- package/lib/module/figma/ListItem.Title.figma.js.map +1 -0
- package/lib/module/figma/ListItem.TrailingSlot.figma.js +18 -0
- package/lib/module/figma/ListItem.TrailingSlot.figma.js.map +1 -0
- package/lib/module/figma/ListItem.figma.js +44 -0
- package/lib/module/figma/ListItem.figma.js.map +1 -0
- package/lib/module/figma/ProgressSegmented.figma.js +33 -0
- package/lib/module/figma/ProgressSegmented.figma.js.map +1 -0
- package/lib/module/figma/Radio.figma.js +34 -0
- package/lib/module/figma/Radio.figma.js.map +1 -0
- package/lib/module/figma/Select.figma.js +47 -0
- package/lib/module/figma/Select.figma.js.map +1 -0
- package/lib/module/figma/Text.figma.js +26 -0
- package/lib/module/figma/Text.figma.js.map +1 -0
- package/lib/module/figma/icons.figma.batch.js +22 -0
- package/lib/module/figma/icons.figma.batch.js.map +1 -0
- package/lib/module/figma/icons.figma.batch.json +17705 -0
- package/lib/module/hooks/index.js +4 -0
- package/lib/module/hooks/index.js.map +1 -0
- package/lib/module/hooks/useForgeBottomTabScreenOptions.js +242 -0
- package/lib/module/hooks/useForgeBottomTabScreenOptions.js.map +1 -0
- package/lib/module/index.js +2 -0
- package/lib/module/index.js.map +1 -1
- package/lib/module/metro/withCdxMetroConfig.js +3 -17
- package/lib/module/metro/withCdxMetroConfig.js.map +1 -1
- package/lib/module/metro/withForgeMetroConfig.js +20 -0
- package/lib/module/metro/withForgeMetroConfig.js.map +1 -0
- package/lib/module/navigation/forgeTabIcon.js +39 -0
- package/lib/module/navigation/forgeTabIcon.js.map +1 -0
- package/lib/module/navigation/forgeTabIcon.native.js +31 -0
- package/lib/module/navigation/forgeTabIcon.native.js.map +1 -0
- package/lib/module/navigation/index.js +4 -0
- package/lib/module/navigation/index.js.map +1 -0
- package/lib/module/navigation/types.js +36 -0
- package/lib/module/navigation/types.js.map +1 -0
- package/lib/module/styles/primitives.js +43 -6
- package/lib/module/styles/primitives.js.map +1 -1
- package/lib/module/utils/positionToDataIcon.js +38 -0
- package/lib/module/utils/positionToDataIcon.js.map +1 -0
- package/lib/typescript/components/AlertDialog/index.d.ts +3 -2
- package/lib/typescript/components/AlertDialog/index.d.ts.map +1 -1
- package/lib/typescript/components/Avatar/index.d.ts +6 -2
- package/lib/typescript/components/Avatar/index.d.ts.map +1 -1
- package/lib/typescript/components/Avatar/styles.d.ts +4 -4
- package/lib/typescript/components/Avatar/styles.d.ts.map +1 -1
- package/lib/typescript/components/Button/index.d.ts +44 -9
- package/lib/typescript/components/Button/index.d.ts.map +1 -1
- package/lib/typescript/components/Button/styles.d.ts +7 -4
- package/lib/typescript/components/Button/styles.d.ts.map +1 -1
- package/lib/typescript/components/Card/index.d.ts +4 -3
- package/lib/typescript/components/Card/index.d.ts.map +1 -1
- package/lib/typescript/components/Card/styles.d.ts +13 -3
- package/lib/typescript/components/Card/styles.d.ts.map +1 -1
- package/lib/typescript/components/Checkbox/index.d.ts +4 -3
- package/lib/typescript/components/Checkbox/index.d.ts.map +1 -1
- package/lib/typescript/components/Checkbox/styles.d.ts +4 -14
- package/lib/typescript/components/Checkbox/styles.d.ts.map +1 -1
- package/lib/typescript/components/Chip/index.d.ts +31 -8
- package/lib/typescript/components/Chip/index.d.ts.map +1 -1
- package/lib/typescript/components/Chip/styles.d.ts +12 -4
- package/lib/typescript/components/Chip/styles.d.ts.map +1 -1
- package/lib/typescript/components/Dialog/index.d.ts +25 -13
- package/lib/typescript/components/Dialog/index.d.ts.map +1 -1
- package/lib/typescript/components/Dialog/styles.d.ts +16 -5
- package/lib/typescript/components/Dialog/styles.d.ts.map +1 -1
- package/lib/typescript/components/Field/index.d.ts +14 -7
- package/lib/typescript/components/Field/index.d.ts.map +1 -1
- package/lib/typescript/components/Field/styles.d.ts.map +1 -1
- package/lib/typescript/components/Form/index.d.ts +4 -4
- package/lib/typescript/components/Form/index.d.ts.map +1 -1
- package/lib/typescript/components/Heading/styles.d.ts +1 -1
- package/lib/typescript/components/Icon/index.d.ts +5 -5
- package/lib/typescript/components/Icon/index.d.ts.map +1 -1
- package/lib/typescript/components/IconButton/index.d.ts +3 -3
- package/lib/typescript/components/IconButton/index.d.ts.map +1 -1
- package/lib/typescript/components/IconButton/styles.d.ts +6 -2
- package/lib/typescript/components/IconButton/styles.d.ts.map +1 -1
- package/lib/typescript/components/Input/index.d.ts +11 -3
- package/lib/typescript/components/Input/index.d.ts.map +1 -1
- package/lib/typescript/components/Input/styles.d.ts.map +1 -1
- package/lib/typescript/components/Link/index.d.ts +4 -2
- package/lib/typescript/components/Link/index.d.ts.map +1 -1
- package/lib/typescript/components/Link/styles.d.ts +9 -2
- package/lib/typescript/components/Link/styles.d.ts.map +1 -1
- package/lib/typescript/components/ListItem/index.d.ts +28 -6
- package/lib/typescript/components/ListItem/index.d.ts.map +1 -1
- package/lib/typescript/components/ListItem/styles.d.ts +3 -10
- package/lib/typescript/components/ListItem/styles.d.ts.map +1 -1
- package/lib/typescript/components/OtpInput/index.d.ts +1 -1
- package/lib/typescript/components/OtpInput/index.d.ts.map +1 -1
- package/lib/typescript/components/ProgressBar/index.d.ts +4 -4
- package/lib/typescript/components/ProgressBar/index.d.ts.map +1 -1
- package/lib/typescript/components/ProgressSegmented/index.d.ts +14 -3
- package/lib/typescript/components/ProgressSegmented/index.d.ts.map +1 -1
- package/lib/typescript/components/Radio/index.d.ts +44 -0
- package/lib/typescript/components/Radio/index.d.ts.map +1 -0
- package/lib/typescript/components/Radio/styles.d.ts +8 -0
- package/lib/typescript/components/Radio/styles.d.ts.map +1 -0
- package/lib/typescript/components/ScopedTheme/index.d.ts +16 -0
- package/lib/typescript/components/ScopedTheme/index.d.ts.map +1 -0
- package/lib/typescript/components/Select/index.d.ts +35 -2
- package/lib/typescript/components/Select/index.d.ts.map +1 -1
- package/lib/typescript/components/Select/styles.d.ts.map +1 -1
- package/lib/typescript/components/Skeleton/index.d.ts +9 -0
- package/lib/typescript/components/Skeleton/index.d.ts.map +1 -0
- package/lib/typescript/components/Skeleton/styles.d.ts +4 -0
- package/lib/typescript/components/Skeleton/styles.d.ts.map +1 -0
- package/lib/typescript/components/Stack/styles.d.ts +2 -2
- package/lib/typescript/components/Switch/BaseSwitch.d.ts +12 -5
- package/lib/typescript/components/Switch/BaseSwitch.d.ts.map +1 -1
- package/lib/typescript/components/Switch/BaseSwitch.web.d.ts +11 -5
- package/lib/typescript/components/Switch/BaseSwitch.web.d.ts.map +1 -1
- package/lib/typescript/components/Switch/index.d.ts +5 -1
- package/lib/typescript/components/Switch/index.d.ts.map +1 -1
- package/lib/typescript/components/Text/styles.d.ts +1 -1
- package/lib/typescript/components/Tile/index.d.ts +76 -0
- package/lib/typescript/components/Tile/index.d.ts.map +1 -0
- package/lib/typescript/components/Tile/styles.d.ts +18 -0
- package/lib/typescript/components/Tile/styles.d.ts.map +1 -0
- package/lib/typescript/components/VirtualizedList/index.d.ts +2 -1
- package/lib/typescript/components/VirtualizedList/index.d.ts.map +1 -1
- package/lib/typescript/components/index.d.ts +4 -0
- package/lib/typescript/components/index.d.ts.map +1 -1
- package/lib/typescript/figma/AlertDialog.Description.figma.d.ts +8 -0
- package/lib/typescript/figma/AlertDialog.Description.figma.d.ts.map +1 -0
- package/lib/typescript/figma/AlertDialog.Footer.figma.d.ts +8 -0
- package/lib/typescript/figma/AlertDialog.Footer.figma.d.ts.map +1 -0
- package/lib/typescript/figma/AlertDialog.Header.figma.d.ts +8 -0
- package/lib/typescript/figma/AlertDialog.Header.figma.d.ts.map +1 -0
- package/lib/typescript/figma/AlertDialog.Text.figma.d.ts +8 -0
- package/lib/typescript/figma/AlertDialog.Text.figma.d.ts.map +1 -0
- package/lib/typescript/figma/AlertDialog.Title.figma.d.ts +8 -0
- package/lib/typescript/figma/AlertDialog.Title.figma.d.ts.map +1 -0
- package/lib/typescript/figma/AlertDialog.figma.d.ts +8 -0
- package/lib/typescript/figma/AlertDialog.figma.d.ts.map +1 -0
- package/lib/typescript/figma/Avatar.figma.d.ts +11 -0
- package/lib/typescript/figma/Avatar.figma.d.ts.map +1 -0
- package/lib/typescript/figma/Button.figma.d.ts.map +1 -1
- package/lib/typescript/figma/Card.Header.figma.d.ts +8 -0
- package/lib/typescript/figma/Card.Header.figma.d.ts.map +1 -0
- package/lib/typescript/figma/Card.figma.d.ts +8 -0
- package/lib/typescript/figma/Card.figma.d.ts.map +1 -0
- package/lib/typescript/figma/Checkbox.figma.d.ts +8 -0
- package/lib/typescript/figma/Checkbox.figma.d.ts.map +1 -0
- package/lib/typescript/figma/Chip.figma.d.ts +8 -0
- package/lib/typescript/figma/Chip.figma.d.ts.map +1 -0
- package/lib/typescript/figma/Dialog.Description.figma.d.ts +8 -0
- package/lib/typescript/figma/Dialog.Description.figma.d.ts.map +1 -0
- package/lib/typescript/figma/Dialog.Footer.figma.d.ts +8 -0
- package/lib/typescript/figma/Dialog.Footer.figma.d.ts.map +1 -0
- package/lib/typescript/figma/Dialog.Header.figma.d.ts +8 -0
- package/lib/typescript/figma/Dialog.Header.figma.d.ts.map +1 -0
- package/lib/typescript/figma/Dialog.Text.figma.d.ts +8 -0
- package/lib/typescript/figma/Dialog.Text.figma.d.ts.map +1 -0
- package/lib/typescript/figma/Dialog.Title.figma.d.ts +8 -0
- package/lib/typescript/figma/Dialog.Title.figma.d.ts.map +1 -0
- package/lib/typescript/figma/Dialog.figma.d.ts +8 -0
- package/lib/typescript/figma/Dialog.figma.d.ts.map +1 -0
- package/lib/typescript/figma/Field.Input.figma.d.ts +8 -0
- package/lib/typescript/figma/Field.Input.figma.d.ts.map +1 -0
- package/lib/typescript/figma/Field.Select.figma.d.ts +8 -0
- package/lib/typescript/figma/Field.Select.figma.d.ts.map +1 -0
- package/lib/typescript/figma/Heading.figma.d.ts +8 -0
- package/lib/typescript/figma/Heading.figma.d.ts.map +1 -0
- package/lib/typescript/figma/Icon.figma.d.ts +8 -0
- package/lib/typescript/figma/Icon.figma.d.ts.map +1 -0
- package/lib/typescript/figma/IconButton.figma.d.ts +8 -0
- package/lib/typescript/figma/IconButton.figma.d.ts.map +1 -0
- package/lib/typescript/figma/Input.figma.d.ts +8 -0
- package/lib/typescript/figma/Input.figma.d.ts.map +1 -0
- package/lib/typescript/figma/Link.figma.d.ts +8 -0
- package/lib/typescript/figma/Link.figma.d.ts.map +1 -0
- package/lib/typescript/figma/ListItem.Description.figma.d.ts +11 -0
- package/lib/typescript/figma/ListItem.Description.figma.d.ts.map +1 -0
- package/lib/typescript/figma/ListItem.LeadingSlot.figma.d.ts +8 -0
- package/lib/typescript/figma/ListItem.LeadingSlot.figma.d.ts.map +1 -0
- package/lib/typescript/figma/ListItem.Meta.figma.d.ts +11 -0
- package/lib/typescript/figma/ListItem.Meta.figma.d.ts.map +1 -0
- package/lib/typescript/figma/ListItem.SectionHeader.figma.d.ts +8 -0
- package/lib/typescript/figma/ListItem.SectionHeader.figma.d.ts.map +1 -0
- package/lib/typescript/figma/ListItem.Title.figma.d.ts +11 -0
- package/lib/typescript/figma/ListItem.Title.figma.d.ts.map +1 -0
- package/lib/typescript/figma/ListItem.TrailingSlot.figma.d.ts +8 -0
- package/lib/typescript/figma/ListItem.TrailingSlot.figma.d.ts.map +1 -0
- package/lib/typescript/figma/ListItem.figma.d.ts +8 -0
- package/lib/typescript/figma/ListItem.figma.d.ts.map +1 -0
- package/lib/typescript/figma/ProgressSegmented.figma.d.ts +8 -0
- package/lib/typescript/figma/ProgressSegmented.figma.d.ts.map +1 -0
- package/lib/typescript/figma/Radio.figma.d.ts +8 -0
- package/lib/typescript/figma/Radio.figma.d.ts.map +1 -0
- package/lib/typescript/figma/Select.figma.d.ts +8 -0
- package/lib/typescript/figma/Select.figma.d.ts.map +1 -0
- package/lib/typescript/figma/Text.figma.d.ts +11 -0
- package/lib/typescript/figma/Text.figma.d.ts.map +1 -0
- package/lib/typescript/figma/icons.figma.batch.d.ts +14 -0
- package/lib/typescript/figma/icons.figma.batch.d.ts.map +1 -0
- package/lib/typescript/hooks/index.d.ts +2 -0
- package/lib/typescript/hooks/index.d.ts.map +1 -0
- package/lib/typescript/hooks/useForgeBottomTabScreenOptions.d.ts +137 -0
- package/lib/typescript/hooks/useForgeBottomTabScreenOptions.d.ts.map +1 -0
- package/lib/typescript/index.d.ts +2 -0
- package/lib/typescript/index.d.ts.map +1 -1
- package/lib/typescript/metro/withCdxMetroConfig.d.ts +4 -18
- package/lib/typescript/metro/withCdxMetroConfig.d.ts.map +1 -1
- package/lib/typescript/metro/withForgeMetroConfig.d.ts +19 -0
- package/lib/typescript/metro/withForgeMetroConfig.d.ts.map +1 -0
- package/lib/typescript/navigation/forgeTabIcon.d.ts +27 -0
- package/lib/typescript/navigation/forgeTabIcon.d.ts.map +1 -0
- package/lib/typescript/navigation/forgeTabIcon.native.d.ts +15 -0
- package/lib/typescript/navigation/forgeTabIcon.native.d.ts.map +1 -0
- package/lib/typescript/navigation/index.d.ts +4 -0
- package/lib/typescript/navigation/index.d.ts.map +1 -0
- package/lib/typescript/navigation/types.d.ts +37 -0
- package/lib/typescript/navigation/types.d.ts.map +1 -0
- package/lib/typescript/styles/primitives.d.ts +38 -0
- package/lib/typescript/styles/primitives.d.ts.map +1 -1
- package/lib/typescript/utils/positionToDataIcon.d.ts +29 -0
- package/lib/typescript/utils/positionToDataIcon.d.ts.map +1 -0
- package/package.json +11 -9
- package/src/components/AlertDialog/index.tsx +21 -20
- package/src/components/Avatar/index.tsx +135 -45
- package/src/components/Avatar/styles.ts +49 -34
- package/src/components/Button/index.tsx +253 -47
- package/src/components/Button/styles.ts +78 -37
- package/src/components/CLAUDE.md +194 -0
- package/src/components/Card/index.tsx +41 -16
- package/src/components/Card/styles.ts +42 -15
- package/src/components/Checkbox/index.tsx +101 -51
- package/src/components/Checkbox/styles.ts +84 -86
- package/src/components/Chip/index.tsx +136 -32
- package/src/components/Chip/styles.ts +220 -18
- package/src/components/Dialog/index.tsx +199 -93
- package/src/components/Dialog/styles.ts +72 -30
- package/src/components/Field/index.tsx +121 -50
- package/src/components/Field/styles.ts +5 -4
- package/src/components/Form/index.tsx +18 -14
- package/src/components/Heading/styles.ts +1 -1
- package/src/components/Icon/index.tsx +6 -7
- package/src/components/IconButton/index.tsx +13 -36
- package/src/components/IconButton/styles.ts +136 -10
- package/src/components/Input/index.tsx +75 -32
- package/src/components/Input/styles.ts +15 -9
- package/src/components/Link/index.tsx +57 -18
- package/src/components/Link/styles.ts +49 -9
- package/src/components/ListItem/index.tsx +157 -87
- package/src/components/ListItem/styles.ts +50 -81
- package/src/components/OtpInput/index.tsx +126 -43
- package/src/components/ProgressBar/index.tsx +11 -16
- package/src/components/ProgressSegmented/index.tsx +50 -14
- package/src/components/Radio/index.tsx +214 -0
- package/src/components/Radio/styles.ts +59 -0
- package/src/components/ScopedTheme/index.tsx +17 -0
- package/src/components/Select/index.tsx +175 -55
- package/src/components/Select/styles.ts +48 -51
- package/src/components/Skeleton/index.tsx +42 -0
- package/src/components/Skeleton/styles.ts +5 -0
- package/src/components/Switch/BaseSwitch.tsx +38 -16
- package/src/components/Switch/BaseSwitch.web.tsx +28 -35
- package/src/components/Switch/index.tsx +51 -4
- package/src/components/Text/styles.ts +2 -2
- package/src/components/Tile/index.tsx +347 -0
- package/src/components/Tile/styles.ts +82 -0
- package/src/components/VirtualizedList/index.tsx +11 -1
- package/src/components/index.ts +4 -0
- package/src/hooks/index.ts +5 -0
- package/src/hooks/useForgeBottomTabScreenOptions.ts +245 -0
- package/src/index.ts +2 -0
- package/src/metro/withCdxMetroConfig.ts +4 -29
- package/src/metro/withForgeMetroConfig.ts +29 -0
- package/src/navigation/forgeTabIcon.native.ts +36 -0
- package/src/navigation/forgeTabIcon.ts +33 -0
- package/src/navigation/index.ts +3 -0
- package/src/navigation/types.ts +54 -0
- package/src/styles/primitives.ts +43 -6
- package/src/utils/positionToDataIcon.ts +34 -0
- package/lib/commonjs/components/Field/FieldLabel.js +0 -33
- package/lib/commonjs/components/Field/FieldLabel.js.map +0 -1
- package/lib/commonjs/components/Field/FieldLabel.web.js +0 -22
- package/lib/commonjs/components/Field/FieldLabel.web.js.map +0 -1
- package/lib/commonjs/components/Form/FormRoot.js +0 -25
- package/lib/commonjs/components/Form/FormRoot.js.map +0 -1
- package/lib/commonjs/components/Form/FormRoot.web.js +0 -17
- package/lib/commonjs/components/Form/FormRoot.web.js.map +0 -1
- package/lib/commonjs/components/Input/BaseInput.android.js +0 -20
- package/lib/commonjs/components/Input/BaseInput.android.js.map +0 -1
- package/lib/commonjs/components/Input/BaseInput.js +0 -13
- package/lib/commonjs/components/Input/BaseInput.js.map +0 -1
- package/lib/commonjs/components/Input/BaseInput.web.js +0 -50
- package/lib/commonjs/components/Input/BaseInput.web.js.map +0 -1
- package/lib/commonjs/components/Select/SelectTriggerHost.js +0 -10
- package/lib/commonjs/components/Select/SelectTriggerHost.js.map +0 -1
- package/lib/commonjs/components/Select/SelectTriggerHost.web.js +0 -98
- package/lib/commonjs/components/Select/SelectTriggerHost.web.js.map +0 -1
- package/lib/module/components/Field/FieldLabel.js +0 -29
- package/lib/module/components/Field/FieldLabel.js.map +0 -1
- package/lib/module/components/Field/FieldLabel.web.js +0 -17
- package/lib/module/components/Field/FieldLabel.web.js.map +0 -1
- package/lib/module/components/Form/FormRoot.js +0 -21
- package/lib/module/components/Form/FormRoot.js.map +0 -1
- package/lib/module/components/Form/FormRoot.web.js +0 -12
- package/lib/module/components/Form/FormRoot.web.js.map +0 -1
- package/lib/module/components/Input/BaseInput.android.js +0 -16
- package/lib/module/components/Input/BaseInput.android.js.map +0 -1
- package/lib/module/components/Input/BaseInput.js +0 -4
- package/lib/module/components/Input/BaseInput.js.map +0 -1
- package/lib/module/components/Input/BaseInput.web.js +0 -45
- package/lib/module/components/Input/BaseInput.web.js.map +0 -1
- package/lib/module/components/Select/SelectTriggerHost.js +0 -7
- package/lib/module/components/Select/SelectTriggerHost.js.map +0 -1
- package/lib/module/components/Select/SelectTriggerHost.web.js +0 -93
- package/lib/module/components/Select/SelectTriggerHost.web.js.map +0 -1
- package/lib/typescript/components/Field/FieldLabel.d.ts +0 -18
- package/lib/typescript/components/Field/FieldLabel.d.ts.map +0 -1
- package/lib/typescript/components/Field/FieldLabel.web.d.ts +0 -16
- package/lib/typescript/components/Field/FieldLabel.web.d.ts.map +0 -1
- package/lib/typescript/components/Form/FormRoot.d.ts +0 -14
- package/lib/typescript/components/Form/FormRoot.d.ts.map +0 -1
- package/lib/typescript/components/Form/FormRoot.web.d.ts +0 -10
- package/lib/typescript/components/Form/FormRoot.web.d.ts.map +0 -1
- package/lib/typescript/components/Input/BaseInput.android.d.ts +0 -3
- package/lib/typescript/components/Input/BaseInput.android.d.ts.map +0 -1
- package/lib/typescript/components/Input/BaseInput.d.ts +0 -2
- package/lib/typescript/components/Input/BaseInput.d.ts.map +0 -1
- package/lib/typescript/components/Input/BaseInput.web.d.ts +0 -3
- package/lib/typescript/components/Input/BaseInput.web.d.ts.map +0 -1
- package/lib/typescript/components/Select/SelectTriggerHost.d.ts +0 -3
- package/lib/typescript/components/Select/SelectTriggerHost.d.ts.map +0 -1
- package/lib/typescript/components/Select/SelectTriggerHost.web.d.ts +0 -13
- package/lib/typescript/components/Select/SelectTriggerHost.web.d.ts.map +0 -1
- package/src/components/Field/FieldLabel.tsx +0 -33
- package/src/components/Field/FieldLabel.web.tsx +0 -25
- package/src/components/Form/FormRoot.tsx +0 -20
- package/src/components/Form/FormRoot.web.tsx +0 -12
- package/src/components/Input/BaseInput.android.tsx +0 -13
- package/src/components/Input/BaseInput.tsx +0 -1
- package/src/components/Input/BaseInput.web.tsx +0 -41
- package/src/components/Select/SelectTriggerHost.tsx +0 -4
- package/src/components/Select/SelectTriggerHost.web.tsx +0 -136
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["COLOR_BG_PRIMARY","exports","COLOR_BG_SUBTLE","COLOR_BG_MUTED","COLOR_BG_INVERSE","COLOR_BORDER_DEFAULT","COLOR_BORDER_STRONG","COLOR_BORDER_FOCUS","COLOR_BORDER_INVALID","COLOR_TEXT_PRIMARY","COLOR_TEXT_SECONDARY","COLOR_TEXT_MUTED","COLOR_TEXT_INVERSE","COLOR_TEXT_PLACEHOLDER","COLOR_TEXT_INVALID","COLOR_BRAND_DEFAULT","COLOR_BRAND_HOVER","COLOR_BRAND_ACTIVE","COLOR_ACCENT_DEFAULT","COLOR_ACCENT_BORDER","SEMANTIC_COLORS","action","bg","bgHover","bgActive","border","text","ring","danger","warning","success","info","FOCUS_RING","RADIUS_SM","RADIUS_MD","RADIUS_FULL","SHADOW_SM","SHADOW_MD","SIZE_SCALE","default","height","px","gap","small","TRANSITION_COLORS","DISABLED_OPACITY","DISABLED_CURSOR"],"sourceRoot":"../../../src","sources":["styles/primitives.ts"],"mappings":";;;;;;AAAA;AACA;;AAEA;AACA;AACO,MAAMA,gBAAgB,GAAAC,OAAA,CAAAD,gBAAA,GAAG,UAAU;
|
|
1
|
+
{"version":3,"names":["COLOR_BG_PRIMARY","exports","COLOR_BG_SUBTLE","COLOR_BG_MUTED","COLOR_BG_INVERSE","COLOR_BORDER_DEFAULT","COLOR_BORDER_STRONG","COLOR_BORDER_FOCUS","COLOR_BORDER_INVALID","COLOR_TEXT_PRIMARY","COLOR_TEXT_SECONDARY","COLOR_TEXT_MUTED","COLOR_TEXT_INVERSE","COLOR_TEXT_PLACEHOLDER","COLOR_TEXT_INVALID","COLOR_BRAND_DEFAULT","COLOR_BRAND_HOVER","COLOR_BRAND_ACTIVE","COLOR_ACCENT_DEFAULT","COLOR_ACCENT_BORDER","SEMANTIC_COLORS","action","bg","bgHover","bgActive","border","text","ring","danger","warning","success","info","FOCUS_RING","RADIUS_SM","RADIUS_MD","RADIUS_FULL","SHADOW_SM","SHADOW_MD","SIZE_SCALE","default","height","px","gap","small","TRANSITION_COLORS","DISABLED_OPACITY","DISABLED_CURSOR"],"sourceRoot":"../../../src","sources":["styles/primitives.ts"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.positionToDataIcon = positionToDataIcon;
|
|
7
|
+
var _primitives = require("@cdx-ui/primitives");
|
|
8
|
+
/**
|
|
9
|
+
* Position hint accepted by icon/spinner-bearing styled slots
|
|
10
|
+
* (`Button.Icon`, `Button.Spinner`, `Chip.Icon`, etc.). Maps to a logical
|
|
11
|
+
* `data-icon` attribute that CVA targets for leading/trailing padding.
|
|
12
|
+
*
|
|
13
|
+
* `'leading'` → `data-icon="inline-start"`
|
|
14
|
+
* `'trailing'` → `data-icon="inline-end"`
|
|
15
|
+
*/
|
|
16
|
+
|
|
17
|
+
/**
|
|
18
|
+
* Returns the data-attribute spread props for the requested position, or
|
|
19
|
+
* `undefined` when no position is set (so the attribute is omitted entirely
|
|
20
|
+
* and baseline spacing applies).
|
|
21
|
+
*
|
|
22
|
+
* Spread the result onto the rendered element:
|
|
23
|
+
*
|
|
24
|
+
* ```tsx
|
|
25
|
+
* <Icon {...positionToDataIcon(position)} />
|
|
26
|
+
* ```
|
|
27
|
+
*
|
|
28
|
+
* Spacing rules live in CVA variant strings, targeting the attribute via
|
|
29
|
+
* logical-property utilities so RTL flips automatically:
|
|
30
|
+
*
|
|
31
|
+
* ```ts
|
|
32
|
+
* cva(['data-[icon=inline-start]:me-1.5 data-[icon=inline-end]:ms-1.5'], { ... });
|
|
33
|
+
* ```
|
|
34
|
+
*/
|
|
35
|
+
function positionToDataIcon(position) {
|
|
36
|
+
if (!position) return undefined;
|
|
37
|
+
return (0, _primitives.dataAttributes)({
|
|
38
|
+
icon: position === 'leading' ? 'inline-start' : 'inline-end'
|
|
39
|
+
});
|
|
40
|
+
}
|
|
41
|
+
//# sourceMappingURL=positionToDataIcon.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_primitives","require","positionToDataIcon","position","undefined","dataAttributes","icon"],"sourceRoot":"../../../src","sources":["utils/positionToDataIcon.ts"],"mappings":";;;;;;AAAA,IAAAA,WAAA,GAAAC,OAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASC,kBAAkBA,CAACC,QAA2B,EAAE;EAC9D,IAAI,CAACA,QAAQ,EAAE,OAAOC,SAAS;EAC/B,OAAO,IAAAC,0BAAc,EAAC;IAAEC,IAAI,EAAEH,QAAQ,KAAK,SAAS,GAAG,cAAc,GAAG;EAAa,CAAC,CAAC;AACzF","ignoreList":[]}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
import React, { forwardRef } from 'react';
|
|
4
|
-
import { useDialog } from '@cdx-ui/primitives';
|
|
4
|
+
import { Slot, useDialog } from '@cdx-ui/primitives';
|
|
5
5
|
import { composeEventHandlers } from '@cdx-ui/utils';
|
|
6
6
|
import { Button } from '../Button';
|
|
7
7
|
import { Dialog } from '../Dialog';
|
|
@@ -37,16 +37,17 @@ const AlertDialogAction = /*#__PURE__*/forwardRef(({
|
|
|
37
37
|
className,
|
|
38
38
|
...props
|
|
39
39
|
}, ref) => {
|
|
40
|
-
if (asChild
|
|
41
|
-
return /*#__PURE__*/
|
|
42
|
-
ref,
|
|
43
|
-
className,
|
|
44
|
-
...props
|
|
40
|
+
if (asChild) {
|
|
41
|
+
return /*#__PURE__*/_jsx(Slot, {
|
|
42
|
+
ref: ref,
|
|
43
|
+
className: className,
|
|
44
|
+
...props,
|
|
45
|
+
children: children
|
|
45
46
|
});
|
|
46
47
|
}
|
|
47
48
|
return /*#__PURE__*/_jsx(Button, {
|
|
48
49
|
ref: ref,
|
|
49
|
-
variant: "
|
|
50
|
+
variant: "solid",
|
|
50
51
|
color: color,
|
|
51
52
|
className: className,
|
|
52
53
|
...props,
|
|
@@ -72,17 +73,18 @@ const AlertDialogCancel = /*#__PURE__*/forwardRef(({
|
|
|
72
73
|
onOpenChange
|
|
73
74
|
} = useDialog();
|
|
74
75
|
const handlePress = composeEventHandlers(onPress, () => onOpenChange(false));
|
|
75
|
-
if (asChild
|
|
76
|
-
return /*#__PURE__*/
|
|
77
|
-
ref,
|
|
76
|
+
if (asChild) {
|
|
77
|
+
return /*#__PURE__*/_jsx(Slot, {
|
|
78
|
+
ref: ref,
|
|
78
79
|
onPress: handlePress,
|
|
79
|
-
className,
|
|
80
|
-
...props
|
|
80
|
+
className: className,
|
|
81
|
+
...props,
|
|
82
|
+
children: children
|
|
81
83
|
});
|
|
82
84
|
}
|
|
83
85
|
return /*#__PURE__*/_jsx(Button, {
|
|
84
86
|
ref: ref,
|
|
85
|
-
variant: "
|
|
87
|
+
variant: "ghost",
|
|
86
88
|
onPress: handlePress,
|
|
87
89
|
className: className,
|
|
88
90
|
...props,
|
|
@@ -99,11 +101,12 @@ AlertDialogCancel.displayName = 'AlertDialog.Cancel';
|
|
|
99
101
|
|
|
100
102
|
export const AlertDialog = Object.assign(AlertDialogRoot, {
|
|
101
103
|
Trigger: Dialog.Trigger,
|
|
102
|
-
|
|
104
|
+
Popup: Dialog.Popup,
|
|
103
105
|
Header: Dialog.Header,
|
|
104
106
|
Title: Dialog.Title,
|
|
105
107
|
Description: Dialog.Description,
|
|
106
|
-
|
|
108
|
+
Content: Dialog.Content,
|
|
109
|
+
Text: Dialog.Text,
|
|
107
110
|
Footer: Dialog.Footer,
|
|
108
111
|
Close: Dialog.Close,
|
|
109
112
|
Action: AlertDialogAction,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","forwardRef","useDialog","composeEventHandlers","Button","Dialog","jsx","_jsx","AlertDialogRoot","closeOnBackdropPress","closeOnEscKey","role","children","props","ref","displayName","AlertDialogAction","asChild","color","className","
|
|
1
|
+
{"version":3,"names":["React","forwardRef","Slot","useDialog","composeEventHandlers","Button","Dialog","jsx","_jsx","AlertDialogRoot","closeOnBackdropPress","closeOnEscKey","role","children","props","ref","displayName","AlertDialogAction","asChild","color","className","variant","Label","AlertDialogCancel","onPress","onOpenChange","handlePress","AlertDialog","Object","assign","Trigger","Popup","Header","Title","Description","Content","Text","Footer","Close","Action","Cancel"],"sourceRoot":"../../../../src","sources":["components/AlertDialog/index.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,29 +1,41 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
import { forwardRef } from 'react';
|
|
3
|
+
import { forwardRef, useEffect, useMemo } from 'react';
|
|
4
4
|
import { Image, Text, View } from 'react-native';
|
|
5
|
-
import {
|
|
6
|
-
import { cn,
|
|
5
|
+
import { AvatarRoot as AvatarRootPrimitive, Slot, dataAttributes, mergeDataAttributes, useAvatarContext } from '@cdx-ui/primitives';
|
|
6
|
+
import { cn, ParentContext, useParentContext, useStyleContext } from '@cdx-ui/utils';
|
|
7
7
|
import { Icon as IconComponent } from '../Icon';
|
|
8
8
|
import { avatarBadgeVariants, avatarIconVariants, avatarTextVariants, avatarImageVariants, avatarRootVariants } from './styles';
|
|
9
9
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
10
10
|
const SCOPE = 'AVATAR';
|
|
11
|
-
const Root = withStyleContext(View, SCOPE);
|
|
12
11
|
const useAvatarStyleContext = () => useStyleContext(SCOPE);
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
12
|
+
|
|
13
|
+
// =============================================================================
|
|
14
|
+
// UTILITIES
|
|
15
|
+
// =============================================================================
|
|
16
|
+
|
|
17
|
+
function getInitials(name) {
|
|
18
|
+
const trimmed = name.trim();
|
|
19
|
+
const words = trimmed.split(/\s+/);
|
|
20
|
+
if (words.length === 1 && trimmed.length <= 2) {
|
|
21
|
+
return trimmed.toUpperCase();
|
|
22
|
+
}
|
|
23
|
+
let result = '';
|
|
24
|
+
for (const word of words) {
|
|
25
|
+
if (word.length > 0) {
|
|
26
|
+
result += word.charAt(0);
|
|
27
|
+
}
|
|
28
|
+
if (result.length >= 2) break;
|
|
29
|
+
}
|
|
30
|
+
return result.toUpperCase();
|
|
31
|
+
}
|
|
20
32
|
|
|
21
33
|
// =============================================================================
|
|
22
34
|
// AVATAR ROOT
|
|
23
35
|
// =============================================================================
|
|
24
36
|
|
|
25
37
|
const AvatarRoot = /*#__PURE__*/forwardRef(({
|
|
26
|
-
size = '
|
|
38
|
+
size = 'md',
|
|
27
39
|
className,
|
|
28
40
|
children,
|
|
29
41
|
style,
|
|
@@ -32,15 +44,25 @@ const AvatarRoot = /*#__PURE__*/forwardRef(({
|
|
|
32
44
|
const computedClassName = cn(avatarRootVariants({
|
|
33
45
|
size
|
|
34
46
|
}), className);
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
context: {
|
|
47
|
+
const parent = useParentContext();
|
|
48
|
+
const ctx = useMemo(() => ({
|
|
49
|
+
...parent,
|
|
50
|
+
[SCOPE]: {
|
|
40
51
|
size
|
|
41
|
-
}
|
|
42
|
-
|
|
43
|
-
|
|
52
|
+
}
|
|
53
|
+
}), [parent, size]);
|
|
54
|
+
return /*#__PURE__*/_jsx(ParentContext.Provider, {
|
|
55
|
+
value: ctx,
|
|
56
|
+
children: /*#__PURE__*/_jsx(AvatarRootPrimitive, {
|
|
57
|
+
ref: ref,
|
|
58
|
+
className: computedClassName,
|
|
59
|
+
style: style,
|
|
60
|
+
...props,
|
|
61
|
+
...mergeDataAttributes(props, dataAttributes({
|
|
62
|
+
slot: 'avatar'
|
|
63
|
+
})),
|
|
64
|
+
children: children
|
|
65
|
+
})
|
|
44
66
|
});
|
|
45
67
|
});
|
|
46
68
|
AvatarRoot.displayName = 'Avatar';
|
|
@@ -50,16 +72,53 @@ AvatarRoot.displayName = 'Avatar';
|
|
|
50
72
|
// =============================================================================
|
|
51
73
|
|
|
52
74
|
const AvatarImage = /*#__PURE__*/forwardRef(({
|
|
75
|
+
asChild,
|
|
53
76
|
className,
|
|
54
77
|
style,
|
|
78
|
+
src,
|
|
79
|
+
source,
|
|
80
|
+
onLoad,
|
|
81
|
+
onError,
|
|
55
82
|
...props
|
|
56
83
|
}, ref) => {
|
|
84
|
+
const {
|
|
85
|
+
imageError,
|
|
86
|
+
setImageLoaded,
|
|
87
|
+
setImageError
|
|
88
|
+
} = useAvatarContext();
|
|
57
89
|
const computedClassName = cn(avatarImageVariants(), className);
|
|
58
|
-
|
|
90
|
+
const resolvedSource = useMemo(() => src ? {
|
|
91
|
+
uri: src
|
|
92
|
+
} : source, [src, source]);
|
|
93
|
+
useEffect(() => {
|
|
94
|
+
if (!resolvedSource) {
|
|
95
|
+
setImageError(true);
|
|
96
|
+
} else {
|
|
97
|
+
setImageError(false);
|
|
98
|
+
setImageLoaded(false);
|
|
99
|
+
}
|
|
100
|
+
}, [resolvedSource, setImageError, setImageLoaded]);
|
|
101
|
+
if (!resolvedSource || imageError) {
|
|
102
|
+
return null;
|
|
103
|
+
}
|
|
104
|
+
const Comp = asChild ? Slot : Image;
|
|
105
|
+
return /*#__PURE__*/_jsx(Comp, {
|
|
59
106
|
ref: ref,
|
|
107
|
+
source: resolvedSource,
|
|
60
108
|
className: computedClassName,
|
|
61
109
|
style: style,
|
|
62
|
-
|
|
110
|
+
onLoad: e => {
|
|
111
|
+
setImageLoaded(true);
|
|
112
|
+
if (onLoad) onLoad(e);
|
|
113
|
+
},
|
|
114
|
+
onError: e => {
|
|
115
|
+
setImageError(true);
|
|
116
|
+
if (onError) onError(e);
|
|
117
|
+
},
|
|
118
|
+
...props,
|
|
119
|
+
...mergeDataAttributes(props, dataAttributes({
|
|
120
|
+
slot: 'avatar-image'
|
|
121
|
+
}))
|
|
63
122
|
});
|
|
64
123
|
});
|
|
65
124
|
AvatarImage.displayName = 'Avatar.Image';
|
|
@@ -69,6 +128,7 @@ AvatarImage.displayName = 'Avatar.Image';
|
|
|
69
128
|
// =============================================================================
|
|
70
129
|
|
|
71
130
|
const AvatarText = /*#__PURE__*/forwardRef(({
|
|
131
|
+
asChild,
|
|
72
132
|
className,
|
|
73
133
|
children,
|
|
74
134
|
style,
|
|
@@ -77,15 +137,27 @@ const AvatarText = /*#__PURE__*/forwardRef(({
|
|
|
77
137
|
const {
|
|
78
138
|
size
|
|
79
139
|
} = useAvatarStyleContext();
|
|
140
|
+
const {
|
|
141
|
+
imageLoaded,
|
|
142
|
+
imageError
|
|
143
|
+
} = useAvatarContext();
|
|
144
|
+
const visible = !imageLoaded || imageError;
|
|
80
145
|
const computedClassName = cn(avatarTextVariants({
|
|
81
146
|
size
|
|
82
147
|
}), className);
|
|
83
|
-
|
|
148
|
+
const text = typeof children === 'string' ? getInitials(children) : children;
|
|
149
|
+
const Comp = asChild ? Slot : Text;
|
|
150
|
+
return /*#__PURE__*/_jsx(Comp, {
|
|
84
151
|
ref: ref,
|
|
85
152
|
className: computedClassName,
|
|
86
|
-
style: style,
|
|
153
|
+
style: [style, !visible && {
|
|
154
|
+
opacity: 0
|
|
155
|
+
}],
|
|
87
156
|
...props,
|
|
88
|
-
|
|
157
|
+
...mergeDataAttributes(props, dataAttributes({
|
|
158
|
+
slot: 'avatar-text'
|
|
159
|
+
})),
|
|
160
|
+
children: text
|
|
89
161
|
});
|
|
90
162
|
});
|
|
91
163
|
AvatarText.displayName = 'Avatar.Text';
|
|
@@ -95,6 +167,7 @@ AvatarText.displayName = 'Avatar.Text';
|
|
|
95
167
|
// =============================================================================
|
|
96
168
|
|
|
97
169
|
const AvatarIcon = ({
|
|
170
|
+
asChild,
|
|
98
171
|
className,
|
|
99
172
|
style,
|
|
100
173
|
...props
|
|
@@ -102,13 +175,35 @@ const AvatarIcon = ({
|
|
|
102
175
|
const {
|
|
103
176
|
size
|
|
104
177
|
} = useAvatarStyleContext();
|
|
178
|
+
const {
|
|
179
|
+
imageLoaded,
|
|
180
|
+
imageError
|
|
181
|
+
} = useAvatarContext();
|
|
182
|
+
const visible = !imageLoaded || imageError;
|
|
105
183
|
const computedClassName = cn(avatarIconVariants({
|
|
106
184
|
size
|
|
107
185
|
}), className);
|
|
108
|
-
|
|
186
|
+
if (asChild) {
|
|
187
|
+
return /*#__PURE__*/_jsx(Slot, {
|
|
188
|
+
className: computedClassName,
|
|
189
|
+
style: [style, !visible && {
|
|
190
|
+
opacity: 0
|
|
191
|
+
}],
|
|
192
|
+
...props,
|
|
193
|
+
...mergeDataAttributes(props, dataAttributes({
|
|
194
|
+
slot: 'avatar-icon'
|
|
195
|
+
}))
|
|
196
|
+
});
|
|
197
|
+
}
|
|
198
|
+
return /*#__PURE__*/_jsx(IconComponent, {
|
|
109
199
|
className: computedClassName,
|
|
110
|
-
style: style,
|
|
111
|
-
|
|
200
|
+
style: [style, !visible && {
|
|
201
|
+
opacity: 0
|
|
202
|
+
}],
|
|
203
|
+
...props,
|
|
204
|
+
...mergeDataAttributes(props, dataAttributes({
|
|
205
|
+
slot: 'avatar-icon'
|
|
206
|
+
}))
|
|
112
207
|
});
|
|
113
208
|
};
|
|
114
209
|
AvatarIcon.displayName = 'Avatar.Icon';
|
|
@@ -118,6 +213,7 @@ AvatarIcon.displayName = 'Avatar.Icon';
|
|
|
118
213
|
// =============================================================================
|
|
119
214
|
|
|
120
215
|
const AvatarBadge = /*#__PURE__*/forwardRef(({
|
|
216
|
+
asChild,
|
|
121
217
|
className,
|
|
122
218
|
children,
|
|
123
219
|
style,
|
|
@@ -129,11 +225,15 @@ const AvatarBadge = /*#__PURE__*/forwardRef(({
|
|
|
129
225
|
const computedClassName = cn(avatarBadgeVariants({
|
|
130
226
|
size
|
|
131
227
|
}), className);
|
|
132
|
-
|
|
228
|
+
const Comp = asChild ? Slot : View;
|
|
229
|
+
return /*#__PURE__*/_jsx(Comp, {
|
|
133
230
|
ref: ref,
|
|
134
231
|
className: computedClassName,
|
|
135
232
|
style: style,
|
|
136
233
|
...props,
|
|
234
|
+
...mergeDataAttributes(props, dataAttributes({
|
|
235
|
+
slot: 'avatar-badge'
|
|
236
|
+
})),
|
|
137
237
|
children: children
|
|
138
238
|
});
|
|
139
239
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["forwardRef","Image","Text","View","
|
|
1
|
+
{"version":3,"names":["forwardRef","useEffect","useMemo","Image","Text","View","AvatarRoot","AvatarRootPrimitive","Slot","dataAttributes","mergeDataAttributes","useAvatarContext","cn","ParentContext","useParentContext","useStyleContext","Icon","IconComponent","avatarBadgeVariants","avatarIconVariants","avatarTextVariants","avatarImageVariants","avatarRootVariants","jsx","_jsx","SCOPE","useAvatarStyleContext","getInitials","name","trimmed","trim","words","split","length","toUpperCase","result","word","charAt","size","className","children","style","props","ref","computedClassName","parent","ctx","Provider","value","slot","displayName","AvatarImage","asChild","src","source","onLoad","onError","imageError","setImageLoaded","setImageError","resolvedSource","uri","Comp","e","AvatarText","imageLoaded","visible","text","opacity","AvatarIcon","AvatarBadge","Avatar","Object","assign","Badge"],"sourceRoot":"../../../../src","sources":["components/Avatar/index.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,77 +1,84 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
import { cva } from 'class-variance-authority';
|
|
4
|
-
import { COLOR_BG_MUTED, COLOR_TEXT_SECONDARY, RADIUS_FULL } from '../../styles/primitives';
|
|
5
4
|
|
|
6
5
|
// ── Root ─────────────────────────────────────────────────
|
|
7
6
|
|
|
8
|
-
export const avatarRootVariants = cva([
|
|
7
|
+
export const avatarRootVariants = cva(['rounded-[var(--border-radius-round)]', 'relative items-center justify-center', 'bg-surface-tertiary'], {
|
|
9
8
|
variants: {
|
|
10
9
|
size: {
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
10
|
+
'2xs': 'w-3 h-3',
|
|
11
|
+
xs: 'w-[18px] h-[18px]',
|
|
12
|
+
sm: 'w-6 h-6',
|
|
13
|
+
md: 'w-8 h-8',
|
|
14
|
+
lg: 'w-10 h-10',
|
|
15
|
+
xl: 'w-12 h-12',
|
|
16
|
+
'2xl': 'w-14 h-14'
|
|
16
17
|
}
|
|
17
18
|
},
|
|
18
19
|
defaultVariants: {
|
|
19
|
-
size: '
|
|
20
|
+
size: 'md'
|
|
20
21
|
}
|
|
21
22
|
});
|
|
22
23
|
|
|
23
24
|
// ── Image ────────────────────────────────────────────────
|
|
24
25
|
|
|
25
|
-
export const avatarImageVariants = cva(['absolute top-0 left-0 w-full h-full',
|
|
26
|
+
export const avatarImageVariants = cva(['absolute top-0 left-0 w-full h-full', 'rounded-[var(--border-radius-round)]', 'overflow-hidden', 'border border-stroke-secondary']);
|
|
26
27
|
|
|
27
28
|
// ── Text ─────────────────────────────────────────────────
|
|
28
29
|
|
|
29
|
-
export const avatarTextVariants = cva([
|
|
30
|
+
export const avatarTextVariants = cva(['text-content-primary', 'font-medium'], {
|
|
30
31
|
variants: {
|
|
31
32
|
size: {
|
|
33
|
+
'2xs': 'text-[6px]',
|
|
34
|
+
xs: 'text-[9px]',
|
|
32
35
|
sm: 'text-xs',
|
|
33
|
-
md: 'text-
|
|
34
|
-
lg: 'text-
|
|
35
|
-
xl: 'text-
|
|
36
|
-
'2xl': 'text-
|
|
36
|
+
md: 'text-base',
|
|
37
|
+
lg: 'text-xl',
|
|
38
|
+
xl: 'text-2xl',
|
|
39
|
+
'2xl': 'text-[28px]'
|
|
37
40
|
}
|
|
38
41
|
},
|
|
39
42
|
defaultVariants: {
|
|
40
|
-
size: '
|
|
43
|
+
size: 'md'
|
|
41
44
|
}
|
|
42
45
|
});
|
|
43
46
|
|
|
44
47
|
// ── Icon ─────────────────────────────────────────────────
|
|
45
48
|
|
|
46
|
-
export const avatarIconVariants = cva([
|
|
49
|
+
export const avatarIconVariants = cva(['text-content-primary'], {
|
|
47
50
|
variants: {
|
|
48
51
|
size: {
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
52
|
+
'2xs': 'size-1.5',
|
|
53
|
+
xs: 'size-[9px]',
|
|
54
|
+
sm: 'size-3',
|
|
55
|
+
md: 'size-4',
|
|
56
|
+
lg: 'size-5',
|
|
57
|
+
xl: 'size-6',
|
|
58
|
+
'2xl': 'size-7'
|
|
54
59
|
}
|
|
55
60
|
},
|
|
56
61
|
defaultVariants: {
|
|
57
|
-
size: '
|
|
62
|
+
size: 'md'
|
|
58
63
|
}
|
|
59
64
|
});
|
|
60
65
|
|
|
61
66
|
// ── Badge ────────────────────────────────────────────────
|
|
62
67
|
|
|
63
|
-
export const avatarBadgeVariants = cva(['absolute border-
|
|
68
|
+
export const avatarBadgeVariants = cva(['absolute border-white', 'rounded-[var(--border-radius-round)]', 'bottom-0 right-0'], {
|
|
64
69
|
variants: {
|
|
65
70
|
size: {
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
+
'2xs': 'w-1.5 h-1.5 border translate-x-[21%] translate-y-[21%]',
|
|
72
|
+
xs: 'w-2 h-2 border translate-x-[17%] translate-y-[17%]',
|
|
73
|
+
sm: 'w-2.5 h-2.5 border-2 translate-x-[15%] translate-y-[15%]',
|
|
74
|
+
md: 'w-3 h-3 border-2 translate-x-[11%] translate-y-[11%]',
|
|
75
|
+
lg: 'w-3.5 h-3.5 border-2 translate-x-[8%] translate-y-[8%]',
|
|
76
|
+
xl: 'w-4 h-4 border-2 translate-x-[6%] translate-y-[6%]',
|
|
77
|
+
'2xl': 'w-5 h-5 border-2 translate-x-[9%] translate-y-[9%]'
|
|
71
78
|
}
|
|
72
79
|
},
|
|
73
80
|
defaultVariants: {
|
|
74
|
-
size: '
|
|
81
|
+
size: 'md'
|
|
75
82
|
}
|
|
76
83
|
});
|
|
77
84
|
//# sourceMappingURL=styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["cva","
|
|
1
|
+
{"version":3,"names":["cva","avatarRootVariants","variants","size","xs","sm","md","lg","xl","defaultVariants","avatarImageVariants","avatarTextVariants","avatarIconVariants","avatarBadgeVariants"],"sourceRoot":"../../../../src","sources":["components/Avatar/styles.ts"],"mappings":";;AAAA,SAASA,GAAG,QAA2B,0BAA0B;;AAEjE;;AAEA,OAAO,MAAMC,kBAAkB,GAAGD,GAAG,CACnC,CACE,sCAAsC,EACtC,sCAAsC,EACtC,qBAAqB,CACtB,EACD;EACEE,QAAQ,EAAE;IACRC,IAAI,EAAE;MACJ,KAAK,EAAE,SAAS;MAChBC,EAAE,EAAE,mBAAmB;MACvBC,EAAE,EAAE,SAAS;MACbC,EAAE,EAAE,SAAS;MACbC,EAAE,EAAE,WAAW;MACfC,EAAE,EAAE,WAAW;MACf,KAAK,EAAE;IACT;EACF,CAAC;EACDC,eAAe,EAAE;IACfN,IAAI,EAAE;EACR;AACF,CACF,CAAC;;AAED;;AAEA,OAAO,MAAMO,mBAAmB,GAAGV,GAAG,CAAC,CACrC,qCAAqC,EACrC,sCAAsC,EACtC,iBAAiB,EACjB,gCAAgC,CACjC,CAAC;;AAEF;;AAEA,OAAO,MAAMW,kBAAkB,GAAGX,GAAG,CAAC,CAAC,sBAAsB,EAAE,aAAa,CAAC,EAAE;EAC7EE,QAAQ,EAAE;IACRC,IAAI,EAAE;MACJ,KAAK,EAAE,YAAY;MACnBC,EAAE,EAAE,YAAY;MAChBC,EAAE,EAAE,SAAS;MACbC,EAAE,EAAE,WAAW;MACfC,EAAE,EAAE,SAAS;MACbC,EAAE,EAAE,UAAU;MACd,KAAK,EAAE;IACT;EACF,CAAC;EACDC,eAAe,EAAE;IACfN,IAAI,EAAE;EACR;AACF,CAAC,CAAC;;AAEF;;AAEA,OAAO,MAAMS,kBAAkB,GAAGZ,GAAG,CAAC,CAAC,sBAAsB,CAAC,EAAE;EAC9DE,QAAQ,EAAE;IACRC,IAAI,EAAE;MACJ,KAAK,EAAE,UAAU;MACjBC,EAAE,EAAE,YAAY;MAChBC,EAAE,EAAE,QAAQ;MACZC,EAAE,EAAE,QAAQ;MACZC,EAAE,EAAE,QAAQ;MACZC,EAAE,EAAE,QAAQ;MACZ,KAAK,EAAE;IACT;EACF,CAAC;EACDC,eAAe,EAAE;IACfN,IAAI,EAAE;EACR;AACF,CAAC,CAAC;;AAEF;;AAEA,OAAO,MAAMU,mBAAmB,GAAGb,GAAG,CACpC,CAAC,uBAAuB,EAAE,sCAAsC,EAAE,kBAAkB,CAAC,EACrF;EACEE,QAAQ,EAAE;IACRC,IAAI,EAAE;MACJ,KAAK,EAAE,wDAAwD;MAC/DC,EAAE,EAAE,oDAAoD;MACxDC,EAAE,EAAE,0DAA0D;MAC9DC,EAAE,EAAE,sDAAsD;MAC1DC,EAAE,EAAE,wDAAwD;MAC5DC,EAAE,EAAE,oDAAoD;MACxD,KAAK,EAAE;IACT;EACF,CAAC;EACDC,eAAe,EAAE;IACfN,IAAI,EAAE;EACR;AACF,CACF,CAAC","ignoreList":[]}
|