@cdx-ui/components 0.0.1-beta.3 → 0.0.1-beta.31
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 +18 -11
- package/lib/commonjs/components/Button/styles.js +2 -2
- package/lib/commonjs/components/Button/styles.js.map +1 -1
- 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 -5
- package/lib/commonjs/components/Card/styles.js.map +1 -1
- package/lib/commonjs/components/Checkbox/index.js +5 -29
- package/lib/commonjs/components/Checkbox/index.js.map +1 -1
- package/lib/commonjs/components/Checkbox/styles.js +39 -47
- package/lib/commonjs/components/Checkbox/styles.js.map +1 -1
- package/lib/commonjs/components/Field/index.js +8 -2
- 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/Heading/styles.js +1 -1
- package/lib/commonjs/components/Heading/styles.js.map +1 -1
- package/lib/commonjs/components/Icon/index.js +1 -2
- package/lib/commonjs/components/Icon/index.js.map +1 -1
- package/lib/commonjs/components/IconButton/index.js +6 -1
- 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/styles.js +7 -6
- package/lib/commonjs/components/Input/styles.js.map +1 -1
- package/lib/commonjs/components/ListItem/index.js +283 -0
- package/lib/commonjs/components/ListItem/index.js.map +1 -0
- package/lib/commonjs/components/ListItem/styles.js +130 -0
- package/lib/commonjs/components/ListItem/styles.js.map +1 -0
- package/lib/commonjs/components/ProgressSegmented/index.js +22 -10
- package/lib/commonjs/components/ProgressSegmented/index.js.map +1 -1
- package/lib/commonjs/components/Radio/index.js +167 -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/Text/styles.js +2 -2
- package/lib/commonjs/components/Text/styles.js.map +1 -1
- package/lib/commonjs/components/Tile/index.js +251 -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/index.js +36 -0
- package/lib/commonjs/components/index.js.map +1 -1
- package/lib/commonjs/figma/Button.figma.js +70 -0
- package/lib/commonjs/figma/Button.figma.js.map +1 -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/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/ProgressSegmented.figma.js +39 -0
- package/lib/commonjs/figma/ProgressSegmented.figma.js.map +1 -0
- package/lib/commonjs/figma/Radio.figma.js +38 -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 +29 -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/styles/primitives.js +36 -2
- package/lib/commonjs/styles/primitives.js.map +1 -1
- package/lib/module/components/Button/styles.js +2 -2
- package/lib/module/components/Button/styles.js.map +1 -1
- 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 -5
- package/lib/module/components/Card/styles.js.map +1 -1
- package/lib/module/components/Checkbox/index.js +6 -30
- package/lib/module/components/Checkbox/index.js.map +1 -1
- package/lib/module/components/Checkbox/styles.js +40 -48
- package/lib/module/components/Checkbox/styles.js.map +1 -1
- package/lib/module/components/Field/index.js +9 -3
- 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/Heading/styles.js +1 -1
- package/lib/module/components/Heading/styles.js.map +1 -1
- package/lib/module/components/Icon/index.js +1 -2
- package/lib/module/components/Icon/index.js.map +1 -1
- package/lib/module/components/IconButton/index.js +6 -1
- 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/styles.js +7 -6
- package/lib/module/components/Input/styles.js.map +1 -1
- package/lib/module/components/ListItem/index.js +226 -0
- package/lib/module/components/ListItem/index.js.map +1 -0
- package/lib/module/components/ListItem/styles.js +127 -0
- package/lib/module/components/ListItem/styles.js.map +1 -0
- package/lib/module/components/ProgressSegmented/index.js +23 -11
- package/lib/module/components/ProgressSegmented/index.js.map +1 -1
- package/lib/module/components/Radio/index.js +164 -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/Text/styles.js +2 -2
- package/lib/module/components/Text/styles.js.map +1 -1
- package/lib/module/components/Tile/index.js +243 -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/index.js +3 -0
- package/lib/module/components/index.js.map +1 -1
- package/lib/module/figma/Button.figma.js +64 -0
- package/lib/module/figma/Button.figma.js.map +1 -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/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/ProgressSegmented.figma.js +33 -0
- package/lib/module/figma/ProgressSegmented.figma.js.map +1 -0
- package/lib/module/figma/Radio.figma.js +32 -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 +23 -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/styles/primitives.js +36 -2
- package/lib/module/styles/primitives.js.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 +1 -2
- 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/Field/FieldLabel.web.d.ts +2 -2
- package/lib/typescript/components/Field/FieldLabel.web.d.ts.map +1 -1
- 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/Heading/styles.d.ts.map +1 -1
- package/lib/typescript/components/Icon/index.d.ts.map +1 -1
- 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/styles.d.ts.map +1 -1
- package/lib/typescript/components/ListItem/index.d.ts +49 -0
- package/lib/typescript/components/ListItem/index.d.ts.map +1 -0
- package/lib/typescript/components/ListItem/styles.d.ts +30 -0
- package/lib/typescript/components/ListItem/styles.d.ts.map +1 -0
- 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 +40 -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/Text/styles.d.ts.map +1 -1
- package/lib/typescript/components/Tile/index.d.ts +70 -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/index.d.ts +3 -0
- package/lib/typescript/components/index.d.ts.map +1 -1
- package/lib/typescript/figma/Button.figma.d.ts +8 -0
- package/lib/typescript/figma/Button.figma.d.ts.map +1 -0
- 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/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/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 +8 -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/styles/primitives.d.ts +35 -0
- package/lib/typescript/styles/primitives.d.ts.map +1 -1
- package/package.json +5 -5
- package/src/components/Button/styles.ts +2 -2
- package/src/components/Card/index.tsx +41 -16
- package/src/components/Card/styles.ts +43 -23
- package/src/components/Checkbox/index.tsx +8 -19
- package/src/components/Checkbox/styles.ts +82 -86
- package/src/components/Field/FieldLabel.web.tsx +1 -1
- package/src/components/Field/index.tsx +10 -3
- package/src/components/Field/styles.ts +5 -4
- package/src/components/Heading/{styles.tsx → styles.ts} +1 -1
- package/src/components/Icon/index.tsx +1 -2
- package/src/components/IconButton/index.tsx +3 -2
- package/src/components/IconButton/styles.ts +136 -10
- package/src/components/Input/styles.ts +13 -8
- package/src/components/ListItem/index.tsx +285 -0
- package/src/components/ListItem/styles.ts +153 -0
- package/src/components/ProgressSegmented/index.tsx +49 -14
- package/src/components/Radio/index.tsx +192 -0
- package/src/components/Radio/styles.ts +59 -0
- package/src/components/Text/{styles.tsx → styles.ts} +2 -2
- package/src/components/Tile/index.tsx +296 -0
- package/src/components/Tile/styles.ts +82 -0
- package/src/components/index.ts +3 -0
- package/src/styles/primitives.ts +36 -2
package/README.md
CHANGED
|
@@ -12,10 +12,11 @@ pnpm add @cdx-ui/components
|
|
|
12
12
|
|
|
13
13
|
### Peer dependencies
|
|
14
14
|
|
|
15
|
-
- `react`
|
|
16
|
-
- `react-native` >= 0.
|
|
15
|
+
- `react` ^18.2.0 or ^19.0.0
|
|
16
|
+
- `react-native` >= 0.76.0 _(optional — for native targets)_
|
|
17
17
|
- `react-native-web` >= 0.19.0 _(optional — for web targets)_
|
|
18
|
-
|
|
18
|
+
|
|
19
|
+
> **Note:** `uniwind` (1.6.x) is a direct dependency — it is bundled automatically and does not need to be installed separately.
|
|
19
20
|
|
|
20
21
|
## Usage
|
|
21
22
|
|
|
@@ -35,7 +36,7 @@ Component stories live in [`apps/storybook`](../../apps/storybook/). See the ful
|
|
|
35
36
|
|
|
36
37
|
### Components
|
|
37
38
|
|
|
38
|
-
AlertDialog, Avatar, BottomSheet, Button, Card, Checkbox, Chip, Dialog, Field, Form, Heading, HStack / VStack, Icon, IconButton, Image, Input, Link, OtpInput, ProgressBar, ProgressSegmented, Select, Switch, Text, VirtualizedList.
|
|
39
|
+
AlertDialog, Avatar, BottomSheet, Button, Card, Checkbox, Chip, Dialog, Field, Form, Heading, HStack / VStack, Icon, IconButton, Image, Input, Link, ListItem, OtpInput, ProgressBar, ProgressSegmented, Radio, Select, Switch, Text, Tile, VirtualizedList.
|
|
39
40
|
|
|
40
41
|
> `Box` is exported but deprecated — use React Native's `View` directly.
|
|
41
42
|
|
|
@@ -58,13 +59,19 @@ module.exports = withCdxMetroConfig(config, {
|
|
|
58
59
|
|
|
59
60
|
For convenience, the package re-exports several core RN components and hooks with Uniwind `className` support:
|
|
60
61
|
|
|
61
|
-
| Export
|
|
62
|
-
|
|
|
63
|
-
| `View`
|
|
64
|
-
| `ScrollView`
|
|
65
|
-
| `KeyboardAvoidingView` | `react-native`
|
|
66
|
-
| `SafeAreaView`
|
|
67
|
-
| `useSafeAreaInsets`
|
|
62
|
+
| Export | Source |
|
|
63
|
+
| ---------------------- | -------------------------------- |
|
|
64
|
+
| `View` | `react-native` |
|
|
65
|
+
| `ScrollView` | `react-native` |
|
|
66
|
+
| `KeyboardAvoidingView` | `react-native` |
|
|
67
|
+
| `SafeAreaView` | `react-native-safe-area-context` |
|
|
68
|
+
| `useSafeAreaInsets` | `react-native-safe-area-context` |
|
|
69
|
+
|
|
70
|
+
## Figma Code Connect
|
|
71
|
+
|
|
72
|
+
Template files in [`src/figma/`](./src/figma/) map Figma component variants to production CDX UI snippets shown in Figma Dev Mode. These files are excluded from the npm tarball (`!src/figma` in `files`) and published to Figma via CI on pushes to `main`.
|
|
73
|
+
|
|
74
|
+
See the **[Code Connect authoring guide](../../docs/internal/practices/code-connect.md)** for conventions, property mapping patterns, and local workflow.
|
|
68
75
|
|
|
69
76
|
## Testing
|
|
70
77
|
|
|
@@ -9,7 +9,7 @@ var _classVarianceAuthority = require("class-variance-authority");
|
|
|
9
9
|
var _primitives = require("../../styles/primitives");
|
|
10
10
|
// TODO: Validate that `dark:` syntax works with Uniwind `ScopedTheme`
|
|
11
11
|
|
|
12
|
-
const buttonRootVariants = exports.buttonRootVariants = (0, _classVarianceAuthority.cva)(['flex-row items-center justify-center', 'rounded-[var(--border-radius-button)]', 'web:outline-none web:focus:outline-none web:focus-visible:outline-none', _primitives.TRANSITION_COLORS, 'data-[disabled=true]:opacity-[--opacity-disabled]', _primitives.DISABLED_CURSOR, 'web:data-[focus-visible=true]:ring-2 web:data-[focus-visible=true]:ring-[--color-stroke-focus] web:data-[focus-visible=true]:ring-offset-2'], {
|
|
12
|
+
const buttonRootVariants = exports.buttonRootVariants = (0, _classVarianceAuthority.cva)(['flex-row items-center justify-center', 'rounded-[var(--border-radius-button)]', 'web:outline-none web:focus:outline-none web:focus-visible:outline-none', _primitives.TRANSITION_COLORS, 'data-[disabled=true]:opacity-[var(--opacity-disabled)]', _primitives.DISABLED_CURSOR, 'web:data-[focus-visible=true]:ring-2 web:data-[focus-visible=true]:ring-[--color-stroke-focus] web:data-[focus-visible=true]:ring-offset-2'], {
|
|
13
13
|
variants: {
|
|
14
14
|
variant: {
|
|
15
15
|
strong: ['border-b-1 border-black/75'],
|
|
@@ -25,7 +25,7 @@ const buttonRootVariants = exports.buttonRootVariants = (0, _classVarianceAuthor
|
|
|
25
25
|
info: []
|
|
26
26
|
},
|
|
27
27
|
size: {
|
|
28
|
-
default: 'h-
|
|
28
|
+
default: 'h-11 px-4 gap-2',
|
|
29
29
|
small: 'h-8 px-3 gap-1.5'
|
|
30
30
|
},
|
|
31
31
|
fullWidth: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_reactNative","require","_classVarianceAuthority","_primitives","buttonRootVariants","exports","cva","TRANSITION_COLORS","DISABLED_CURSOR","variants","variant","strong","outline","ghost","color","action","danger","warning","success","info","size","default","small","fullWidth","true","false","compoundVariants","className","Platform","select","web","defaultVariants","buttonTextVariants","buttonSpinnerVariants","buttonGroupVariants","flexDirection","row","column","isAttached","buttonIconVariants"],"sourceRoot":"../../../../src","sources":["components/Button/styles.ts"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,uBAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AAEA;;AAEO,MAAMG,kBAAkB,GAAAC,OAAA,CAAAD,kBAAA,GAAG,IAAAE,2BAAG,EACnC,CACE,sCAAsC,EACtC,uCAAuC,EACvC,wEAAwE,EACxEC,6BAAiB,EACjB,
|
|
1
|
+
{"version":3,"names":["_reactNative","require","_classVarianceAuthority","_primitives","buttonRootVariants","exports","cva","TRANSITION_COLORS","DISABLED_CURSOR","variants","variant","strong","outline","ghost","color","action","danger","warning","success","info","size","default","small","fullWidth","true","false","compoundVariants","className","Platform","select","web","defaultVariants","buttonTextVariants","buttonSpinnerVariants","buttonGroupVariants","flexDirection","row","column","isAttached","buttonIconVariants"],"sourceRoot":"../../../../src","sources":["components/Button/styles.ts"],"mappings":"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","ignoreList":[]}
|
|
@@ -12,18 +12,24 @@ var _jsxRuntime = require("react/jsx-runtime");
|
|
|
12
12
|
// =============================================================================
|
|
13
13
|
// STYLED ROOT COMPONENT
|
|
14
14
|
// =============================================================================
|
|
15
|
-
|
|
15
|
+
const SCOPE = 'CARD';
|
|
16
|
+
const Root = (0, _utils.withStyleContext)(_reactNative.View, SCOPE);
|
|
17
|
+
const useCardStyleContext = () => (0, _utils.useStyleContext)(SCOPE);
|
|
16
18
|
const CardRoot = /*#__PURE__*/(0, _react.forwardRef)(({
|
|
17
19
|
className,
|
|
18
20
|
children,
|
|
19
21
|
style,
|
|
22
|
+
fullBleed,
|
|
20
23
|
...props
|
|
21
24
|
}, ref) => {
|
|
22
25
|
const computedClassName = (0, _utils.cn)((0, _styles.cardRootVariants)(), className);
|
|
23
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsx)(
|
|
26
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(Root, {
|
|
24
27
|
ref: ref,
|
|
25
28
|
className: computedClassName,
|
|
26
29
|
style: style,
|
|
30
|
+
context: {
|
|
31
|
+
fullBleed
|
|
32
|
+
},
|
|
27
33
|
...props,
|
|
28
34
|
children: children
|
|
29
35
|
});
|
|
@@ -59,9 +65,15 @@ const CardContent = /*#__PURE__*/(0, _react.forwardRef)(({
|
|
|
59
65
|
className,
|
|
60
66
|
children,
|
|
61
67
|
style,
|
|
68
|
+
fullBleed,
|
|
62
69
|
...props
|
|
63
70
|
}, ref) => {
|
|
64
|
-
const
|
|
71
|
+
const {
|
|
72
|
+
fullBleed: fullBleedFromContext
|
|
73
|
+
} = useCardStyleContext();
|
|
74
|
+
const computedClassName = (0, _utils.cn)((0, _styles.cardContentVariants)({
|
|
75
|
+
fullBleed: fullBleed ?? fullBleedFromContext
|
|
76
|
+
}), className);
|
|
65
77
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
66
78
|
ref: ref,
|
|
67
79
|
className: computedClassName,
|
|
@@ -80,9 +92,15 @@ const CardFooter = /*#__PURE__*/(0, _react.forwardRef)(({
|
|
|
80
92
|
className,
|
|
81
93
|
children,
|
|
82
94
|
style,
|
|
95
|
+
fullBleed,
|
|
83
96
|
...props
|
|
84
97
|
}, ref) => {
|
|
85
|
-
const
|
|
98
|
+
const {
|
|
99
|
+
fullBleed: fullBleedFromContext
|
|
100
|
+
} = useCardStyleContext();
|
|
101
|
+
const computedClassName = (0, _utils.cn)((0, _styles.cardFooterVariants)({
|
|
102
|
+
fullBleed: fullBleed ?? fullBleedFromContext
|
|
103
|
+
}), className);
|
|
86
104
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
87
105
|
ref: ref,
|
|
88
106
|
className: computedClassName,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","require","_reactNative","_utils","_styles","_jsxRuntime","CardRoot","forwardRef","className","children","style","props","ref","computedClassName","cn","cardRootVariants","jsx","
|
|
1
|
+
{"version":3,"names":["_react","require","_reactNative","_utils","_styles","_jsxRuntime","SCOPE","Root","withStyleContext","View","useCardStyleContext","useStyleContext","CardRoot","forwardRef","className","children","style","fullBleed","props","ref","computedClassName","cn","cardRootVariants","jsx","context","displayName","CardHeader","cardHeaderVariants","CardContent","fullBleedFromContext","cardContentVariants","CardFooter","cardFooterVariants","Card","exports","Header","Content","Footer"],"sourceRoot":"../../../../src","sources":["components/Card/index.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -5,14 +5,20 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.cardTitleVariants = exports.cardRootVariants = exports.cardHeaderVariants = exports.cardFooterVariants = exports.cardContentVariants = void 0;
|
|
7
7
|
var _classVarianceAuthority = require("class-variance-authority");
|
|
8
|
-
var _primitives = require("../../styles/primitives");
|
|
9
8
|
// ── Root ────────────────────────────────────────────────────
|
|
10
9
|
|
|
11
|
-
const cardRootVariants = exports.cardRootVariants = (0, _classVarianceAuthority.cva)([
|
|
10
|
+
const cardRootVariants = exports.cardRootVariants = (0, _classVarianceAuthority.cva)(['bg-surface-primary', 'border border-stroke-secondary', 'rounded-[var(--border-radius-default)]', 'overflow-hidden'], {
|
|
11
|
+
variants: {
|
|
12
|
+
fullBleed: {
|
|
13
|
+
true: '',
|
|
14
|
+
false: ''
|
|
15
|
+
}
|
|
16
|
+
}
|
|
17
|
+
});
|
|
12
18
|
|
|
13
19
|
// ── Header ──────────────────────────────────────────────────
|
|
14
20
|
|
|
15
|
-
const cardHeaderVariants = exports.cardHeaderVariants = (0, _classVarianceAuthority.cva)(['flex-row items-center justify-between
|
|
21
|
+
const cardHeaderVariants = exports.cardHeaderVariants = (0, _classVarianceAuthority.cva)(['border-t-8 border-t-surface-brand-strong', 'border-b border-solid border-b-stroke-secondary', 'flex-row items-center justify-between gap-0.5', 'px-5 py-3']);
|
|
16
22
|
|
|
17
23
|
// ── Title ───────────────────────────────────────────────────
|
|
18
24
|
|
|
@@ -20,9 +26,25 @@ const cardTitleVariants = exports.cardTitleVariants = (0, _classVarianceAuthorit
|
|
|
20
26
|
|
|
21
27
|
// ── Content ─────────────────────────────────────────────────
|
|
22
28
|
|
|
23
|
-
const cardContentVariants = exports.cardContentVariants = (0, _classVarianceAuthority.cva)([
|
|
29
|
+
const cardContentVariants = exports.cardContentVariants = (0, _classVarianceAuthority.cva)(['text-content-primary', 'p-5'], {
|
|
30
|
+
variants: {
|
|
31
|
+
fullBleed: {
|
|
32
|
+
true: 'p-0'
|
|
33
|
+
}
|
|
34
|
+
}
|
|
35
|
+
});
|
|
24
36
|
|
|
25
37
|
// ── Footer ──────────────────────────────────────────────────
|
|
26
38
|
|
|
27
|
-
const cardFooterVariants = exports.cardFooterVariants = (0, _classVarianceAuthority.cva)(['
|
|
39
|
+
const cardFooterVariants = exports.cardFooterVariants = (0, _classVarianceAuthority.cva)(['flex-col items-stretch gap-2'], {
|
|
40
|
+
variants: {
|
|
41
|
+
fullBleed: {
|
|
42
|
+
true: 'p-5',
|
|
43
|
+
false: 'px-5 pb-5 pt-0'
|
|
44
|
+
}
|
|
45
|
+
},
|
|
46
|
+
defaultVariants: {
|
|
47
|
+
fullBleed: false
|
|
48
|
+
}
|
|
49
|
+
});
|
|
28
50
|
//# sourceMappingURL=styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_classVarianceAuthority","require","
|
|
1
|
+
{"version":3,"names":["_classVarianceAuthority","require","cardRootVariants","exports","cva","variants","fullBleed","true","false","cardHeaderVariants","cardTitleVariants","cardContentVariants","cardFooterVariants","defaultVariants"],"sourceRoot":"../../../../src","sources":["components/Card/styles.ts"],"mappings":";;;;;;AAAA,IAAAA,uBAAA,GAAAC,OAAA;AAEA;;AAEO,MAAMC,gBAAgB,GAAAC,OAAA,CAAAD,gBAAA,GAAG,IAAAE,2BAAG,EACjC,CACE,oBAAoB,EACpB,gCAAgC,EAChC,wCAAwC,EACxC,iBAAiB,CAClB,EACD;EACEC,QAAQ,EAAE;IACRC,SAAS,EAAE;MACTC,IAAI,EAAE,EAAE;MACRC,KAAK,EAAE;IACT;EACF;AACF,CACF,CAAC;;AAED;;AAEO,MAAMC,kBAAkB,GAAAN,OAAA,CAAAM,kBAAA,GAAG,IAAAL,2BAAG,EAAC,CACpC,0CAA0C,EAC1C,iDAAiD,EACjD,+CAA+C,EAC/C,WAAW,CACZ,CAAC;;AAEF;;AAEO,MAAMM,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,CAAC,sBAAsB,EAAE,KAAK,CAAC,EAAE;EACtEC,QAAQ,EAAE;IACRC,SAAS,EAAE;MACTC,IAAI,EAAE;IACR;EACF;AACF,CAAC,CAAC;;AAEF;;AAEO,MAAMK,kBAAkB,GAAAT,OAAA,CAAAS,kBAAA,GAAG,IAAAR,2BAAG,EAAC,CAAC,8BAA8B,CAAC,EAAE;EACtEC,QAAQ,EAAE;IACRC,SAAS,EAAE;MACTC,IAAI,EAAE,KAAK;MACXC,KAAK,EAAE;IACT;EACF,CAAC;EACDK,eAAe,EAAE;IACfP,SAAS,EAAE;EACb;AACF,CAAC,CAAC","ignoreList":[]}
|
|
@@ -12,11 +12,8 @@ var _utils = require("@cdx-ui/utils");
|
|
|
12
12
|
var _Icon = require("../Icon");
|
|
13
13
|
var _styles = require("./styles");
|
|
14
14
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
15
|
-
const SCOPE = 'CHECKBOX';
|
|
16
|
-
const Root = (0, _utils.withStyleContext)(_reactNative.Pressable, SCOPE);
|
|
17
|
-
const useCheckboxStyleContext = () => (0, _utils.useStyleContext)(SCOPE);
|
|
18
15
|
const CheckboxPrimitive = (0, _primitives.createCheckbox)({
|
|
19
|
-
Root,
|
|
16
|
+
Root: _reactNative.Pressable,
|
|
20
17
|
Indicator: _reactNative.View,
|
|
21
18
|
Icon: _reactNative.View,
|
|
22
19
|
Label: _reactNative.Text,
|
|
@@ -28,24 +25,18 @@ const CheckboxPrimitive = (0, _primitives.createCheckbox)({
|
|
|
28
25
|
// =============================================================================
|
|
29
26
|
|
|
30
27
|
const CheckboxRoot = /*#__PURE__*/(0, _react.forwardRef)(({
|
|
31
|
-
size = 'default',
|
|
32
28
|
className,
|
|
33
29
|
isIndeterminate,
|
|
34
30
|
children,
|
|
35
31
|
style,
|
|
36
32
|
...props
|
|
37
33
|
}, ref) => {
|
|
38
|
-
const computedClassName = (0, _utils.cn)((0, _styles.checkboxRootVariants)(
|
|
39
|
-
size
|
|
40
|
-
}), className);
|
|
34
|
+
const computedClassName = (0, _utils.cn)((0, _styles.checkboxRootVariants)(), className);
|
|
41
35
|
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(CheckboxPrimitive, {
|
|
42
36
|
ref: ref,
|
|
43
37
|
className: computedClassName,
|
|
44
38
|
isIndeterminate: isIndeterminate,
|
|
45
39
|
style: style,
|
|
46
|
-
context: {
|
|
47
|
-
size
|
|
48
|
-
},
|
|
49
40
|
...props,
|
|
50
41
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(CheckboxIndicator, {
|
|
51
42
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(CheckboxPrimitive.Icon, {
|
|
@@ -68,12 +59,7 @@ const CheckboxIndicator = /*#__PURE__*/(0, _react.forwardRef)(({
|
|
|
68
59
|
style,
|
|
69
60
|
...props
|
|
70
61
|
}, ref) => {
|
|
71
|
-
const
|
|
72
|
-
size
|
|
73
|
-
} = useCheckboxStyleContext();
|
|
74
|
-
const computedClassName = (0, _utils.cn)((0, _styles.checkboxIndicatorVariants)({
|
|
75
|
-
size
|
|
76
|
-
}), className);
|
|
62
|
+
const computedClassName = (0, _utils.cn)((0, _styles.checkboxIndicatorVariants)(), className);
|
|
77
63
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(CheckboxPrimitive.Indicator, {
|
|
78
64
|
ref: ref,
|
|
79
65
|
className: computedClassName,
|
|
@@ -93,12 +79,7 @@ const CheckboxIcon = ({
|
|
|
93
79
|
style,
|
|
94
80
|
...props
|
|
95
81
|
}) => {
|
|
96
|
-
const
|
|
97
|
-
size
|
|
98
|
-
} = useCheckboxStyleContext();
|
|
99
|
-
const computedClassName = (0, _utils.cn)((0, _styles.checkboxIconVariants)({
|
|
100
|
-
size
|
|
101
|
-
}), className);
|
|
82
|
+
const computedClassName = (0, _utils.cn)((0, _styles.checkboxIconVariants)(), className);
|
|
102
83
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
|
|
103
84
|
className: computedClassName,
|
|
104
85
|
style: style,
|
|
@@ -117,12 +98,7 @@ const CheckboxLabel = /*#__PURE__*/(0, _react.forwardRef)(({
|
|
|
117
98
|
style,
|
|
118
99
|
...props
|
|
119
100
|
}, ref) => {
|
|
120
|
-
const
|
|
121
|
-
size
|
|
122
|
-
} = useCheckboxStyleContext();
|
|
123
|
-
const computedClassName = (0, _utils.cn)((0, _styles.checkboxLabelVariants)({
|
|
124
|
-
size
|
|
125
|
-
}), className);
|
|
101
|
+
const computedClassName = (0, _utils.cn)((0, _styles.checkboxLabelVariants)(), className);
|
|
126
102
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(CheckboxPrimitive.Label, {
|
|
127
103
|
ref: ref,
|
|
128
104
|
className: computedClassName,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","require","_reactNative","_icons","_primitives","_utils","_Icon","_styles","_jsxRuntime","
|
|
1
|
+
{"version":3,"names":["_react","require","_reactNative","_icons","_primitives","_utils","_Icon","_styles","_jsxRuntime","CheckboxPrimitive","createCheckbox","Root","Pressable","Indicator","View","Icon","Label","Text","Group","CheckboxRoot","forwardRef","className","isIndeterminate","children","style","props","ref","computedClassName","cn","checkboxRootVariants","jsxs","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":[]}
|
|
@@ -7,53 +7,45 @@ exports.checkboxRootVariants = exports.checkboxLabelVariants = exports.checkboxI
|
|
|
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
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
web: [
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
small: 'text-sm',
|
|
50
|
-
default: 'text-base'
|
|
51
|
-
}
|
|
52
|
-
},
|
|
53
|
-
defaultVariants: {
|
|
54
|
-
size: 'default'
|
|
55
|
-
}
|
|
56
|
-
});
|
|
10
|
+
const checkboxRootVariants = exports.checkboxRootVariants = (0, _classVarianceAuthority.cva)(['flex-row items-center gap-2.5', _primitives.DISABLED_OPACITY, _primitives.DISABLED_CURSOR,
|
|
11
|
+
// Suppress stray outline on the Pressable/label wrapper; focus ring is drawn on Checkbox.Indicator (Radio pattern).
|
|
12
|
+
'web:outline-none web:focus:outline-none web:focus-visible:outline-none']);
|
|
13
|
+
const checkboxIndicatorVariants = exports.checkboxIndicatorVariants = (0, _classVarianceAuthority.cva)(['items-center justify-center', 'h-5 w-5', 'rounded', 'border-2 border-solid', 'data-[disabled=true]:opacity-50',
|
|
14
|
+
// Background — layered by specificity. checked=false acts as an explicit reset so the base bg
|
|
15
|
+
// reasserts when transitioning from checked/indeterminate on native (where absent attributes
|
|
16
|
+
// break data-[attr=false] selectors).
|
|
17
|
+
// IMPORTANT: On native (Uniwind), only the LAST data-[] condition in a compound chain is
|
|
18
|
+
// effectively evaluated. Place the most discriminating condition last to avoid false matches.
|
|
19
|
+
'data-[checked=false]:bg-surface-primary', 'data-[checked=true]:bg-surface-action-strong', 'data-[indeterminate=true]:bg-surface-action-strong',
|
|
20
|
+
// Border — invalid (later) beats checked/indeterminate.
|
|
21
|
+
'data-[checked=false]:border-content-secondary', 'data-[checked=true]:border-stroke-action', 'data-[indeterminate=true]:border-stroke-action', 'data-[invalid=true]:border-stroke-danger', _reactNative.Platform.select({
|
|
22
|
+
web: [
|
|
23
|
+
// Invalid bg — compound selectors evaluate correctly on web.
|
|
24
|
+
'data-[invalid=true]:data-[checked=true]:bg-surface-danger-strong', 'data-[invalid=true]:data-[indeterminate=true]:bg-surface-danger-strong', _primitives.TRANSITION_COLORS,
|
|
25
|
+
// Hover — unchecked (Figma: border unchanged, bg overlay at opacity/hover)
|
|
26
|
+
'data-[hover=true]:data-[checked=false]:data-[indeterminate=false]:bg-content-secondary/[0.08]',
|
|
27
|
+
// Hover — unchecked + invalid (overlay uses danger token)
|
|
28
|
+
'data-[hover=true]:data-[invalid=true]:data-[checked=false]:data-[indeterminate=false]:bg-surface-danger-strong/[0.08]',
|
|
29
|
+
// Hover — checked / indeterminate (bg + border darken together)
|
|
30
|
+
'data-[hover=true]:data-[checked=true]:bg-surface-action-strong-hover', 'data-[hover=true]:data-[checked=true]:border-[--color-surface-action-strong-hover]', 'data-[hover=true]:data-[indeterminate=true]:bg-surface-action-strong-hover', 'data-[hover=true]:data-[indeterminate=true]:border-[--color-surface-action-strong-hover]', 'data-[hover=true]:data-[checked=true]:data-[invalid=true]:bg-surface-danger-strong-hover', 'data-[hover=true]:data-[checked=true]:data-[invalid=true]:border-[--color-surface-danger-strong-hover]', 'data-[hover=true]:data-[indeterminate=true]:data-[invalid=true]:bg-surface-danger-strong-hover', 'data-[hover=true]:data-[indeterminate=true]:data-[invalid=true]:border-[--color-surface-danger-strong-hover]',
|
|
31
|
+
// Active — CSS :active pseudo-class (web root does not track press via data-active).
|
|
32
|
+
// data-[hover=true] guard ensures active beats hover by specificity (0,3,0 > 0,2,0).
|
|
33
|
+
'web:active:data-[hover=true]:data-[checked=true]:bg-surface-action-strong-active', 'web:active:data-[hover=true]:data-[checked=true]:border-[--color-surface-action-strong-active]', 'web:active:data-[hover=true]:data-[indeterminate=true]:bg-surface-action-strong-active', 'web:active:data-[hover=true]:data-[indeterminate=true]:border-[--color-surface-action-strong-active]', 'web:active:data-[hover=true]:data-[checked=true]:data-[invalid=true]:bg-surface-danger-strong-active', 'web:active:data-[hover=true]:data-[checked=true]:data-[invalid=true]:border-[--color-surface-danger-strong-active]', 'web:active:data-[hover=true]:data-[indeterminate=true]:data-[invalid=true]:bg-surface-danger-strong-active', 'web:active:data-[hover=true]:data-[indeterminate=true]:data-[invalid=true]:border-[--color-surface-danger-strong-active]',
|
|
34
|
+
// Focus ring
|
|
35
|
+
'web:data-[focus-visible=true]:outline-none', 'web:data-[focus-visible=true]:ring-2 web:data-[focus-visible=true]:ring-[--color-stroke-ring] web:data-[focus-visible=true]:ring-offset-2'].join(' '),
|
|
36
|
+
default: [
|
|
37
|
+
// Invalid bg is NOT styled on native. Compound data-[] selectors cannot express
|
|
38
|
+
// "invalid AND checked" without false-matching other states (Uniwind only evaluates
|
|
39
|
+
// the last condition). Invalid state is communicated via border-stroke-danger (single
|
|
40
|
+
// condition, always correct). The fill stays action-strong for checked/indeterminate.
|
|
41
|
+
//
|
|
42
|
+
// Active — native tracks press via data-[active] from usePress.
|
|
43
|
+
// Place data-[active=true] last so the rule only fires during press.
|
|
44
|
+
// 'data-[checked=false]:data-[invalid=true]:bg-transparent',
|
|
45
|
+
'data-[checked=true]:data-[invalid=true]:bg-surface-danger-strong', 'data-[checked=true]:data-[active=true]:bg-surface-action-strong-active', 'data-[checked=true]:data-[active=true]:data-[invalid=true]:bg-surface-danger-strong-active', 'data-[indeterminate=true]:data-[active=true]:bg-surface-action-strong-active'].join(' ')
|
|
46
|
+
})]);
|
|
47
|
+
const checkboxIconVariants = exports.checkboxIconVariants = (0, _classVarianceAuthority.cva)(['text-white', 'h-5 w-5']);
|
|
48
|
+
const checkboxLabelVariants = exports.checkboxLabelVariants = (0, _classVarianceAuthority.cva)(['text-content-primary text-base', 'data-[disabled=true]:text-content-tertiary']);
|
|
57
49
|
const checkboxGroupVariants = exports.checkboxGroupVariants = (0, _classVarianceAuthority.cva)([], {
|
|
58
50
|
variants: {
|
|
59
51
|
direction: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_reactNative","require","_classVarianceAuthority","_primitives","checkboxRootVariants","exports","cva","DISABLED_OPACITY","DISABLED_CURSOR","
|
|
1
|
+
{"version":3,"names":["_reactNative","require","_classVarianceAuthority","_primitives","checkboxRootVariants","exports","cva","DISABLED_OPACITY","DISABLED_CURSOR","checkboxIndicatorVariants","Platform","select","web","TRANSITION_COLORS","join","default","checkboxIconVariants","checkboxLabelVariants","checkboxGroupVariants","variants","direction","column","row","defaultVariants"],"sourceRoot":"../../../../src","sources":["components/Checkbox/styles.ts"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,uBAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AAEO,MAAMG,oBAAoB,GAAAC,OAAA,CAAAD,oBAAA,GAAG,IAAAE,2BAAG,EAAC,CACtC,+BAA+B,EAC/BC,4BAAgB,EAChBC,2BAAe;AACf;AACA,wEAAwE,CACzE,CAAC;AAEK,MAAMC,yBAAyB,GAAAJ,OAAA,CAAAI,yBAAA,GAAG,IAAAH,2BAAG,EAAC,CAC3C,6BAA6B,EAC7B,SAAS,EACT,SAAS,EACT,uBAAuB,EACvB,iCAAiC;AACjC;AACA;AACA;AACA;AACA;AACA,yCAAyC,EACzC,8CAA8C,EAC9C,oDAAoD;AACpD;AACA,+CAA+C,EAC/C,0CAA0C,EAC1C,gDAAgD,EAChD,0CAA0C,EAC1CI,qBAAQ,CAACC,MAAM,CAAC;EACdC,GAAG,EAAE;EACH;EACA,kEAAkE,EAClE,wEAAwE,EACxEC,6BAAiB;EACjB;EACA,+FAA+F;EAC/F;EACA,uHAAuH;EACvH;EACA,sEAAsE,EACtE,oFAAoF,EACpF,4EAA4E,EAC5E,0FAA0F,EAC1F,0FAA0F,EAC1F,wGAAwG,EACxG,gGAAgG,EAChG,8GAA8G;EAC9G;EACA;EACA,kFAAkF,EAClF,gGAAgG,EAChG,wFAAwF,EACxF,sGAAsG,EACtG,sGAAsG,EACtG,oHAAoH,EACpH,4GAA4G,EAC5G,0HAA0H;EAC1H;EACA,4CAA4C,EAC5C,2IAA2I,CAC5I,CAACC,IAAI,CAAC,GAAG,CAAC;EACXC,OAAO,EAAE;EACP;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,kEAAkE,EAClE,wEAAwE,EACxE,4FAA4F,EAC5F,8EAA8E,CAC/E,CAACD,IAAI,CAAC,GAAG;AACZ,CAAC,CAAC,CACH,CAAC;AAEK,MAAME,oBAAoB,GAAAX,OAAA,CAAAW,oBAAA,GAAG,IAAAV,2BAAG,EAAC,CAAC,YAAY,EAAE,SAAS,CAAC,CAAC;AAE3D,MAAMW,qBAAqB,GAAAZ,OAAA,CAAAY,qBAAA,GAAG,IAAAX,2BAAG,EAAC,CACvC,gCAAgC,EAChC,4CAA4C,CAC7C,CAAC;AAEK,MAAMY,qBAAqB,GAAAb,OAAA,CAAAa,qBAAA,GAAG,IAAAZ,2BAAG,EAAC,EAAE,EAAE;EAC3Ca,QAAQ,EAAE;IACRC,SAAS,EAAE;MACTC,MAAM,EAAE,OAAO;MACfC,GAAG,EAAE;IACP;EACF,CAAC;EACDC,eAAe,EAAE;IACfH,SAAS,EAAE;EACb;AACF,CAAC,CAAC","ignoreList":[]}
|
|
@@ -62,14 +62,20 @@ const FieldLabel = /*#__PURE__*/(0, _react.forwardRef)(({
|
|
|
62
62
|
htmlFor,
|
|
63
63
|
...props
|
|
64
64
|
}, ref) => {
|
|
65
|
-
const
|
|
65
|
+
const {
|
|
66
|
+
isLabelFocused,
|
|
67
|
+
isInvalid
|
|
68
|
+
} = (0, _utils.useFormControlContext)();
|
|
69
|
+
// Native: inject text-content-action via context (group-has CSS handles web).
|
|
70
|
+
// native: prefix keeps this class inert on web so it never conflicts with text-content-primary.
|
|
71
|
+
const labelClassName = (0, _utils.cn)((0, _styles.fieldLabelVariants)(), isLabelFocused && !isInvalid && 'native:text-content-action', className);
|
|
66
72
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(FieldPrimitive.Label, {
|
|
67
73
|
ref: ref,
|
|
68
74
|
className: labelClassName,
|
|
69
75
|
style: style,
|
|
70
76
|
htmlFor: htmlFor,
|
|
71
77
|
requiredIndicator: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
|
|
72
|
-
className: "text-
|
|
78
|
+
className: "text-content-danger",
|
|
73
79
|
"aria-hidden": true,
|
|
74
80
|
children: ' *'
|
|
75
81
|
}),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","require","_reactNative","_icons","_primitives","_utils","_Icon","_FieldLabel","_styles","_jsxRuntime","FieldPrimitive","createField","Root","View","Label","BaseFieldLabel","Helper","HelperText","Text","Error","ErrorText","ErrorIcon","FieldRoot","forwardRef","className","children","style","props","ref","computedClassName","cn","fieldRootVariants","jsx","displayName","FieldLabel","htmlFor","labelClassName","fieldLabelVariants","requiredIndicator","FieldHelper","containerClassName","fieldHelperVariants","textClassName","fieldHelperTextVariants","FieldErrorIcon","fieldErrorIconVariants","Icon","as","FieldError","fieldErrorVariants","fieldErrorTextVariants","jsxs","Field","exports","Object","assign"],"sourceRoot":"../../../../src","sources":["components/Field/index.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,WAAA,GAAAH,OAAA;AAOA,IAAAI,MAAA,GAAAJ,OAAA;AACA,IAAAK,KAAA,GAAAL,OAAA;AACA,IAAAM,WAAA,GAAAN,OAAA;AACA,IAAAO,OAAA,GAAAP,OAAA;AAYkB,IAAAQ,WAAA,GAAAR,OAAA;AAElB;AACA;AACA;AAEA,MAAMS,cAAc,GAAG,IAAAC,uBAAW,EAAC;EACjCC,IAAI,EAAEC,iBAAI;EACVC,KAAK,EAAEC,0BAAc;EACrBC,MAAM,EAAEH,iBAAI;EACZI,UAAU,EAAEC,iBAAI;EAChBC,KAAK,EAAEN,iBAAI;EACXO,SAAS,EAAEF,iBAAI;EACfG,SAAS,EAAER;AACb,CAAC,CAAC;;AAEF;AACA;AACA;;AAEA;AACA;AACA;;AAGA,MAAMS,SAAS,gBAAG,IAAAC,iBAAU,EAC1B,CAAC;EAAEC,SAAS;EAAEC,QAAQ;EAAEC,KAAK;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAK;EACjD,MAAMC,iBAAiB,GAAG,IAAAC,SAAE,EAAC,IAAAC,yBAAiB,EAAC,CAAC,EAAEP,SAAS,CAAC;EAE5D,oBACE,IAAAf,WAAA,CAAAuB,GAAA,EAACtB,cAAc;IAACkB,GAAG,EAAEA,GAAI;IAACJ,SAAS,EAAEK,iBAAkB;IAACH,KAAK,EAAEA,KAAM;IAAA,GAAKC,KAAK;IAAAF,QAAA,EAC5EA;EAAQ,CACK,CAAC;AAErB,CACF,CAAC;AAEDH,SAAS,CAACW,WAAW,GAAG,OAAO;;AAE/B;AACA;AACA;;AAIA,MAAMC,UAAU,gBAAG,IAAAX,iBAAU,EAC3B,CAAC;EAAEC,SAAS;EAAEC,QAAQ;EAAEC,KAAK;EAAES,OAAO;EAAE,GAAGR;AAAM,CAAC,EAAEC,GAAG,KAAK;EAC1D,
|
|
1
|
+
{"version":3,"names":["_react","require","_reactNative","_icons","_primitives","_utils","_Icon","_FieldLabel","_styles","_jsxRuntime","FieldPrimitive","createField","Root","View","Label","BaseFieldLabel","Helper","HelperText","Text","Error","ErrorText","ErrorIcon","FieldRoot","forwardRef","className","children","style","props","ref","computedClassName","cn","fieldRootVariants","jsx","displayName","FieldLabel","htmlFor","isLabelFocused","isInvalid","useFormControlContext","labelClassName","fieldLabelVariants","requiredIndicator","FieldHelper","containerClassName","fieldHelperVariants","textClassName","fieldHelperTextVariants","FieldErrorIcon","fieldErrorIconVariants","Icon","as","FieldError","fieldErrorVariants","fieldErrorTextVariants","jsxs","Field","exports","Object","assign"],"sourceRoot":"../../../../src","sources":["components/Field/index.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,WAAA,GAAAH,OAAA;AAOA,IAAAI,MAAA,GAAAJ,OAAA;AACA,IAAAK,KAAA,GAAAL,OAAA;AACA,IAAAM,WAAA,GAAAN,OAAA;AACA,IAAAO,OAAA,GAAAP,OAAA;AAYkB,IAAAQ,WAAA,GAAAR,OAAA;AAElB;AACA;AACA;AAEA,MAAMS,cAAc,GAAG,IAAAC,uBAAW,EAAC;EACjCC,IAAI,EAAEC,iBAAI;EACVC,KAAK,EAAEC,0BAAc;EACrBC,MAAM,EAAEH,iBAAI;EACZI,UAAU,EAAEC,iBAAI;EAChBC,KAAK,EAAEN,iBAAI;EACXO,SAAS,EAAEF,iBAAI;EACfG,SAAS,EAAER;AACb,CAAC,CAAC;;AAEF;AACA;AACA;;AAEA;AACA;AACA;;AAGA,MAAMS,SAAS,gBAAG,IAAAC,iBAAU,EAC1B,CAAC;EAAEC,SAAS;EAAEC,QAAQ;EAAEC,KAAK;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAK;EACjD,MAAMC,iBAAiB,GAAG,IAAAC,SAAE,EAAC,IAAAC,yBAAiB,EAAC,CAAC,EAAEP,SAAS,CAAC;EAE5D,oBACE,IAAAf,WAAA,CAAAuB,GAAA,EAACtB,cAAc;IAACkB,GAAG,EAAEA,GAAI;IAACJ,SAAS,EAAEK,iBAAkB;IAACH,KAAK,EAAEA,KAAM;IAAA,GAAKC,KAAK;IAAAF,QAAA,EAC5EA;EAAQ,CACK,CAAC;AAErB,CACF,CAAC;AAEDH,SAAS,CAACW,WAAW,GAAG,OAAO;;AAE/B;AACA;AACA;;AAIA,MAAMC,UAAU,gBAAG,IAAAX,iBAAU,EAC3B,CAAC;EAAEC,SAAS;EAAEC,QAAQ;EAAEC,KAAK;EAAES,OAAO;EAAE,GAAGR;AAAM,CAAC,EAAEC,GAAG,KAAK;EAC1D,MAAM;IAAEQ,cAAc;IAAEC;EAAU,CAAC,GAAG,IAAAC,4BAAqB,EAAC,CAAC;EAC7D;EACA;EACA,MAAMC,cAAc,GAAG,IAAAT,SAAE,EACvB,IAAAU,0BAAkB,EAAC,CAAC,EACpBJ,cAAc,IAAI,CAACC,SAAS,IAAI,4BAA4B,EAC5Db,SACF,CAAC;EAED,oBACE,IAAAf,WAAA,CAAAuB,GAAA,EAACtB,cAAc,CAACI,KAAK;IACnBc,GAAG,EAAEA,GAAI;IACTJ,SAAS,EAAEe,cAAe;IAC1Bb,KAAK,EAAEA,KAAM;IACbS,OAAO,EAAEA,OAAQ;IACjBM,iBAAiB,eACf,IAAAhC,WAAA,CAAAuB,GAAA,EAAC9B,YAAA,CAAAgB,IAAI;MAACM,SAAS,EAAC,qBAAqB;MAAC,mBAAW;MAAAC,QAAA,EAC9C;IAAI,CACD,CACP;IAAA,GACGE,KAAK;IAAAF,QAAA,EAERA;EAAQ,CACW,CAAC;AAE3B,CACF,CAAC;AAEDS,UAAU,CAACD,WAAW,GAAG,aAAa;;AAEtC;AACA;AACA;;AAIA,MAAMS,WAAW,gBAAG,IAAAnB,iBAAU,EAC5B,CAAC;EAAEC,SAAS;EAAEC,QAAQ;EAAEC,KAAK;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAK;EACjD,MAAMe,kBAAkB,GAAG,IAAAb,SAAE,EAAC,IAAAc,2BAAmB,EAAC,CAAC,EAAEpB,SAAS,CAAC;EAC/D,MAAMqB,aAAa,GAAG,IAAAf,SAAE,EAAC,IAAAgB,+BAAuB,EAAC,CAAC,CAAC;EAEnD,oBACE,IAAArC,WAAA,CAAAuB,GAAA,EAACtB,cAAc,CAACM,MAAM;IAACY,GAAG,EAAEA,GAAI;IAACJ,SAAS,EAAEmB,kBAAmB;IAACjB,KAAK,EAAEA,KAAM;IAAA,GAAKC,KAAK;IAAAF,QAAA,eACrF,IAAAhB,WAAA,CAAAuB,GAAA,EAACtB,cAAc,CAACO,UAAU;MAACO,SAAS,EAAEqB,aAAc;MAAApB,QAAA,EAAEA;IAAQ,CAA4B;EAAC,CACtE,CAAC;AAE5B,CACF,CAAC;AAEDiB,WAAW,CAACT,WAAW,GAAG,cAAc;;AAExC;AACA;AACA;;AAEA,MAAMc,cAAc,GAAGA,CAAC;EAAEvB,SAAS;EAAEE,KAAK;EAAE,GAAGC;AAA2C,CAAC,KAAK;EAC9F,MAAME,iBAAiB,GAAG,IAAAC,SAAE,EAAC,IAAAkB,8BAAsB,EAAC,CAAC,EAAExB,SAAS,CAAC;EAEjE,oBACE,IAAAf,WAAA,CAAAuB,GAAA,EAAC1B,KAAA,CAAA2C,IAAI;IACHC,EAAE,EAAE7B,gBAAU;IACdG,SAAS,EAAEK,iBAAkB;IAC7BH,KAAK,EAAEA,KAAM;IACb,eAAa,IAAK;IAAA,GACdC;EAAK,CACV,CAAC;AAEN,CAAC;AAEDoB,cAAc,CAACd,WAAW,GAAG,iBAAiB;AAI9C,MAAMkB,UAAU,gBAAG,IAAA5B,iBAAU,EAC3B,CAAC;EAAEC,SAAS;EAAEC,QAAQ;EAAEC,KAAK;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAK;EACjD,MAAMe,kBAAkB,GAAG,IAAAb,SAAE,EAAC,IAAAsB,0BAAkB,EAAC,CAAC,EAAE5B,SAAS,CAAC;EAC9D,MAAMqB,aAAa,GAAG,IAAAf,SAAE,EAAC,IAAAuB,8BAAsB,EAAC,CAAC,CAAC;EAElD,oBACE,IAAA5C,WAAA,CAAA6C,IAAA,EAAC5C,cAAc,CAACS,KAAK;IAACS,GAAG,EAAEA,GAAI;IAACJ,SAAS,EAAEmB,kBAAmB;IAACjB,KAAK,EAAEA,KAAM;IAAA,GAAKC,KAAK;IAAAF,QAAA,gBACpF,IAAAhB,WAAA,CAAAuB,GAAA,EAACtB,cAAc,CAACW,SAAS;MAAAI,QAAA,eACvB,IAAAhB,WAAA,CAAAuB,GAAA,EAACe,cAAc,IAAE;IAAC,CACM,CAAC,eAC3B,IAAAtC,WAAA,CAAAuB,GAAA,EAACtB,cAAc,CAACU,SAAS;MAACI,SAAS,EAAEqB,aAAc;MAAApB,QAAA,EAAEA;IAAQ,CAA2B,CAAC;EAAA,CACrE,CAAC;AAE3B,CACF,CAAC;AAED0B,UAAU,CAAClB,WAAW,GAAG,aAAa;;AAEtC;AACA;AACA;;AAQO,MAAMsB,KAAK,GAAAC,OAAA,CAAAD,KAAA,GAAGE,MAAM,CAACC,MAAM,CAACpC,SAAS,EAAE;EAC5CR,KAAK,EAAEoB,UAAU;EACjBlB,MAAM,EAAE0B,WAAW;EACnBvB,KAAK,EAAEgC;AACT,CAAC,CAA2B","ignoreList":[]}
|
|
@@ -6,11 +6,11 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
exports.fieldRootVariants = exports.fieldLabelVariants = exports.fieldHelperVariants = exports.fieldHelperTextVariants = exports.fieldErrorVariants = exports.fieldErrorTextVariants = exports.fieldErrorIconVariants = void 0;
|
|
7
7
|
var _classVarianceAuthority = require("class-variance-authority");
|
|
8
8
|
var _primitives = require("../../styles/primitives");
|
|
9
|
-
const fieldRootVariants = exports.fieldRootVariants = (0, _classVarianceAuthority.cva)(['flex-col gap-2', 'web:last:mb-0', _primitives.DISABLED_OPACITY]);
|
|
10
|
-
const fieldLabelVariants = exports.fieldLabelVariants = (0, _classVarianceAuthority.cva)(['body-md', 'font-medium', 'text-content-primary', 'flex-row items-center',
|
|
11
|
-
const fieldHelperVariants = exports.fieldHelperVariants = (0, _classVarianceAuthority.cva)(['flex-row items-center']);
|
|
9
|
+
const fieldRootVariants = exports.fieldRootVariants = (0, _classVarianceAuthority.cva)(['group flex-col gap-2', 'web:last:mb-0', _primitives.DISABLED_OPACITY]);
|
|
10
|
+
const fieldLabelVariants = exports.fieldLabelVariants = (0, _classVarianceAuthority.cva)(['body-md', 'font-medium', 'text-content-primary', 'flex-row items-center', 'overflow-hidden', 'web:cursor-pointer', 'web:group-has-[[data-focus=true]]:data-[invalid=false]:text-content-action', 'data-[invalid=true]:text-content-danger']);
|
|
11
|
+
const fieldHelperVariants = exports.fieldHelperVariants = (0, _classVarianceAuthority.cva)(['flex-row items-center min-h-4']);
|
|
12
12
|
const fieldHelperTextVariants = exports.fieldHelperTextVariants = (0, _classVarianceAuthority.cva)(['body-sm', 'text-content-tertiary']);
|
|
13
|
-
const fieldErrorVariants = exports.fieldErrorVariants = (0, _classVarianceAuthority.cva)(['flex-row items-center gap-
|
|
13
|
+
const fieldErrorVariants = exports.fieldErrorVariants = (0, _classVarianceAuthority.cva)(['flex-row items-center gap-0.5 min-h-4']);
|
|
14
14
|
const fieldErrorTextVariants = exports.fieldErrorTextVariants = (0, _classVarianceAuthority.cva)(['body-sm', 'text-content-danger']);
|
|
15
15
|
const fieldErrorIconVariants = exports.fieldErrorIconVariants = (0, _classVarianceAuthority.cva)(['size-3.5', 'text-content-danger']);
|
|
16
16
|
//# sourceMappingURL=styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_classVarianceAuthority","require","_primitives","fieldRootVariants","exports","cva","DISABLED_OPACITY","fieldLabelVariants","fieldHelperVariants","fieldHelperTextVariants","fieldErrorVariants","fieldErrorTextVariants","fieldErrorIconVariants"],"sourceRoot":"../../../../src","sources":["components/Field/styles.ts"],"mappings":";;;;;;AAAA,IAAAA,uBAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AAEO,MAAME,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,GAAG,IAAAE,2BAAG,EAAC,CAAC,
|
|
1
|
+
{"version":3,"names":["_classVarianceAuthority","require","_primitives","fieldRootVariants","exports","cva","DISABLED_OPACITY","fieldLabelVariants","fieldHelperVariants","fieldHelperTextVariants","fieldErrorVariants","fieldErrorTextVariants","fieldErrorIconVariants"],"sourceRoot":"../../../../src","sources":["components/Field/styles.ts"],"mappings":";;;;;;AAAA,IAAAA,uBAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AAEO,MAAME,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,GAAG,IAAAE,2BAAG,EAAC,CAAC,sBAAsB,EAAE,eAAe,EAAEC,4BAAgB,CAAC,CAAC;AAE1F,MAAMC,kBAAkB,GAAAH,OAAA,CAAAG,kBAAA,GAAG,IAAAF,2BAAG,EAAC,CACpC,SAAS,EACT,aAAa,EACb,sBAAsB,EACtB,uBAAuB,EACvB,iBAAiB,EACjB,oBAAoB,EACpB,4EAA4E,EAC5E,yCAAyC,CAC1C,CAAC;AAEK,MAAMG,mBAAmB,GAAAJ,OAAA,CAAAI,mBAAA,GAAG,IAAAH,2BAAG,EAAC,CAAC,+BAA+B,CAAC,CAAC;AAElE,MAAMI,uBAAuB,GAAAL,OAAA,CAAAK,uBAAA,GAAG,IAAAJ,2BAAG,EAAC,CAAC,SAAS,EAAE,uBAAuB,CAAC,CAAC;AAEzE,MAAMK,kBAAkB,GAAAN,OAAA,CAAAM,kBAAA,GAAG,IAAAL,2BAAG,EAAC,CAAC,uCAAuC,CAAC,CAAC;AAEzE,MAAMM,sBAAsB,GAAAP,OAAA,CAAAO,sBAAA,GAAG,IAAAN,2BAAG,EAAC,CAAC,SAAS,EAAE,qBAAqB,CAAC,CAAC;AAEtE,MAAMO,sBAAsB,GAAAR,OAAA,CAAAQ,sBAAA,GAAG,IAAAP,2BAAG,EAAC,CAAC,UAAU,EAAE,qBAAqB,CAAC,CAAC","ignoreList":[]}
|
|
@@ -7,7 +7,7 @@ exports.headingStyle = void 0;
|
|
|
7
7
|
var _reactNative = require("react-native");
|
|
8
8
|
var _classVarianceAuthority = require("class-variance-authority");
|
|
9
9
|
const headingStyle = exports.headingStyle = (0, _classVarianceAuthority.cva)([`text-content-primary my-0`, _reactNative.Platform.select({
|
|
10
|
-
web: 'bg-transparent
|
|
10
|
+
web: 'bg-transparent no-underline',
|
|
11
11
|
default: ''
|
|
12
12
|
})], {
|
|
13
13
|
variants: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_reactNative","require","_classVarianceAuthority","headingStyle","exports","cva","Platform","select","web","default","variants","size","xl","lg","md","sm","xs"],"sourceRoot":"../../../../src","sources":["components/Heading/styles.
|
|
1
|
+
{"version":3,"names":["_reactNative","require","_classVarianceAuthority","headingStyle","exports","cva","Platform","select","web","default","variants","size","xl","lg","md","sm","xs"],"sourceRoot":"../../../../src","sources":["components/Heading/styles.ts"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,uBAAA,GAAAD,OAAA;AAEO,MAAME,YAAY,GAAAC,OAAA,CAAAD,YAAA,GAAG,IAAAE,2BAAG,EAC7B,CACE,2BAA2B,EAC3BC,qBAAQ,CAACC,MAAM,CAAC;EACdC,GAAG,EAAE,6BAA6B;EAClCC,OAAO,EAAE;AACX,CAAC,CAAC,CACH,EACD;EACEC,QAAQ,EAAE;IACRC,IAAI,EAAE;MACJC,EAAE,EAAE,YAAY;MAChBC,EAAE,EAAE,YAAY;MAChBC,EAAE,EAAE,YAAY;MAChBC,EAAE,EAAE,YAAY;MAChBC,EAAE,EAAE;IACN;EACF;AACF,CACF,CAAC","ignoreList":[]}
|
|
@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
exports.Icon = Icon;
|
|
7
7
|
var _uniwind = require("uniwind");
|
|
8
8
|
var _utils = require("@cdx-ui/utils");
|
|
9
|
-
var _primitives = require("../../styles/primitives");
|
|
10
9
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
11
10
|
function IconImpl({
|
|
12
11
|
as: IconComponent,
|
|
@@ -54,7 +53,7 @@ function Icon({
|
|
|
54
53
|
}) {
|
|
55
54
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledIcon, {
|
|
56
55
|
as: IconComponent,
|
|
57
|
-
className: (0, _utils.cn)(
|
|
56
|
+
className: (0, _utils.cn)('text-content-primary size-5', className),
|
|
58
57
|
...props
|
|
59
58
|
});
|
|
60
59
|
}
|