@pickle-ui/react-native 1.0.0-beta.2 → 1.0.0-beta.3
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 +41 -29
- package/dist/components/Badge.js +1 -1
- package/dist/components/Badge.js.map +1 -1
- package/dist/components/Button.d.ts.map +1 -1
- package/dist/components/Button.js +4 -3
- package/dist/components/Button.js.map +1 -1
- package/dist/components/Card.d.ts.map +1 -1
- package/dist/components/Card.js +7 -4
- package/dist/components/Card.js.map +1 -1
- package/dist/components/Text.d.ts.map +1 -1
- package/dist/components/Text.js +5 -4
- package/dist/components/Text.js.map +1 -1
- package/dist/components/form/Checkbox.d.ts.map +1 -1
- package/dist/components/form/Checkbox.js +10 -8
- package/dist/components/form/Checkbox.js.map +1 -1
- package/dist/components/form/FormDescription.js +1 -1
- package/dist/components/form/FormDescription.js.map +1 -1
- package/dist/components/form/FormError.d.ts.map +1 -1
- package/dist/components/form/FormError.js +1 -1
- package/dist/components/form/FormError.js.map +1 -1
- package/dist/components/form/FormLabel.js +1 -1
- package/dist/components/form/FormLabel.js.map +1 -1
- package/dist/components/form/Input.js +1 -1
- package/dist/components/form/Input.js.map +1 -1
- package/dist/components/form/InputGroup.js +2 -2
- package/dist/components/form/InputGroup.js.map +1 -1
- package/dist/components/form/RadioGroup.js +1 -1
- package/dist/components/form/RadioGroup.js.map +1 -1
- package/dist/components/form/Textarea.js +1 -1
- package/dist/components/form/Textarea.js.map +1 -1
- package/package.json +3 -2
- package/src/base.css +23 -5
- package/src/components/Badge.tsx +1 -1
- package/src/components/Button.tsx +4 -3
- package/src/components/Card.tsx +12 -8
- package/src/components/Text.stories.tsx +49 -0
- package/src/components/Text.tsx +5 -4
- package/src/components/form/Checkbox.tsx +66 -40
- package/src/components/form/FormDescription.tsx +1 -1
- package/src/components/form/FormError.tsx +4 -1
- package/src/components/form/FormLabel.tsx +1 -1
- package/src/components/form/Input.tsx +1 -1
- package/src/components/form/InputGroup.tsx +2 -2
- package/src/components/form/RadioGroup.tsx +1 -1
- package/src/components/form/Textarea.tsx +1 -1
- package/src/fonts.test.tsx +244 -0
- package/src/styles.css +12 -0
package/README.md
CHANGED
|
@@ -43,7 +43,18 @@ after Tailwind and Uniwind, which is why they come from the same file.
|
|
|
43
43
|
To bring your own token set, import its pieces instead: `tailwindcss`,
|
|
44
44
|
`uniwind`, your tokens as Uniwind themes, then
|
|
45
45
|
`@pickle-ui/react-native/base.css`, which adds the components to Uniwind's
|
|
46
|
-
content sources
|
|
46
|
+
content sources, the `Text` type scale and the font defaults.
|
|
47
|
+
|
|
48
|
+
To use your app's font, set `--font-sans` to one family name after the import
|
|
49
|
+
(`@theme { --font-sans: 'Nunito'; }`) and load its faces under that name with
|
|
50
|
+
expo-font; each text's weight picks its face. Headings follow, unless you also
|
|
51
|
+
set `--font-heading`. Without `--font-sans`, text keeps the system font.
|
|
52
|
+
|
|
53
|
+
Load every weight under that one name (expo-font's `fontDefinitions`, in
|
|
54
|
+
`useFonts` or its config plugin) rather than declaring a family per weight
|
|
55
|
+
(`--font-sans-medium`, as Uniwind's FAQ does): the components only read
|
|
56
|
+
`--font-sans` and `--font-heading`, so they'd draw the regular face at every
|
|
57
|
+
weight.
|
|
47
58
|
|
|
48
59
|
Then use the components:
|
|
49
60
|
|
|
@@ -95,33 +106,34 @@ Each export is also available from its own subpath.
|
|
|
95
106
|
| `useColorToken` | `@pickle-ui/react-native/use-color-token` | Reads a token as a color string, for props that don't take a `className` |
|
|
96
107
|
|
|
97
108
|
Every component takes the props of the React Native element it renders,
|
|
98
|
-
`className` included, and merges your `className` last.
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
`
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
`Form
|
|
110
|
-
`Form.
|
|
111
|
-
|
|
112
|
-
pressed.
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
`
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
font
|
|
109
|
+
`className` included, and merges your `className` last. Where native differs
|
|
110
|
+
from the web:
|
|
111
|
+
|
|
112
|
+
- **Form fields** take `invalid` and `disabled` props where the web reads the
|
|
113
|
+
`aria-invalid` and `disabled` attributes, and draw the web's focus ring
|
|
114
|
+
while they have focus.
|
|
115
|
+
- **`Checkbox` and `RadioGroup.Item`** take a `label` prop: a separate label
|
|
116
|
+
element couldn't toggle the control. Text styles don't cascade on native, so
|
|
117
|
+
`classNames.field` styles the row around the control and `classNames.label`
|
|
118
|
+
the label text.
|
|
119
|
+
- **`Form`** needs `react-hook-form` (a peer dependency). React Native has no
|
|
120
|
+
`<form>`, so `Form` takes `onSubmit` and runs it through `handleSubmit` when
|
|
121
|
+
`Form.Button` is pressed, or the return key in a `Form.Input`, like Enter on
|
|
122
|
+
the web. Give `Form.Button` an `onPress` for another action. A `Form.Field`
|
|
123
|
+
label names its control and focuses it when pressed.
|
|
124
|
+
- **`Button` and `Badge`** wrap text children in their label and render other
|
|
125
|
+
children, such as icons, as they are. Icons don't inherit the label's color
|
|
126
|
+
on native: pass it to the icon, for example with `useColorToken`. An
|
|
127
|
+
icon-only button needs an `icon*` size and an `accessibilityLabel`.
|
|
128
|
+
- **Touch targets**: buttons keep the web's dimensions and the text sizes it
|
|
129
|
+
uses from `sm` up (14px at `md`), and a `hitSlop` stretches each size to a
|
|
130
|
+
44pt touch target, as the web's `pointer-coarse` hit area does.
|
|
131
|
+
- **`Text`** sizes come from the shared type scale (`--text-h1` … `--text-code`
|
|
132
|
+
in `@pickle-ui/tokens/typography.css`); override them like any token.
|
|
133
|
+
Headings (`h1` … `h4`) are announced as headers.
|
|
134
|
+
- **Fonts**: every component's text uses `--font-sans`, and `h1`, `h2` and
|
|
135
|
+
`Card.Title` use `--font-heading`, like the web; `code` keeps the platform's
|
|
136
|
+
monospace font.
|
|
125
137
|
|
|
126
138
|
## Theming
|
|
127
139
|
|
|
@@ -149,4 +161,4 @@ export function Branded({ children }: { children: React.ReactNode }) {
|
|
|
149
161
|
The values are `oklch()` colors: Uniwind resolves them in `className`
|
|
150
162
|
utilities (`bg-primary`), but React Native can't read them from a `style`
|
|
151
163
|
prop, so draw with the tokens rather than the raw values. Fonts from
|
|
152
|
-
`createTheme`
|
|
164
|
+
`createTheme` apply too, but React Native reads one family name, not a stack.
|
package/dist/components/Badge.js
CHANGED
|
@@ -30,7 +30,7 @@ const badgeVariants = cva('flex-row items-center justify-center gap-1 self-start
|
|
|
30
30
|
},
|
|
31
31
|
},
|
|
32
32
|
});
|
|
33
|
-
const labelVariants = cva('font-medium', {
|
|
33
|
+
const labelVariants = cva('font-sans font-medium', {
|
|
34
34
|
defaultVariants: { size: 'md', variant: 'default' },
|
|
35
35
|
variants: {
|
|
36
36
|
size: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Badge.js","sourceRoot":"","sources":["../../src/components/Badge.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AACjD,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAE1C,OAAO,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AAE/B,0DAA0D;AAC1D,MAAM,aAAa,GAAG,GAAG,CACvB,4FAA4F,EAC5F;IACE,eAAe,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE;IACnD,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,EAAE,EAAE,wBAAwB;YAC5B,EAAE,EAAE,sBAAsB;YAC1B,EAAE,EAAE,0BAA0B;SAC/B;QACD,OAAO,EAAE;YACP,OAAO,EAAE,YAAY;YACrB,WAAW,EAAE,gBAAgB;YAC7B,KAAK,EAAE,uBAAuB;YAC9B,OAAO,EAAE,cAAc;YACvB,MAAM,EAAE,uBAAuB;YAC/B,IAAI,EAAE,gBAAgB;YACtB,UAAU,EAAE,gBAAgB;YAC5B,QAAQ,EAAE,mBAAmB;YAC7B,OAAO,EAAE,6CAA6C;YACtD,OAAO,EAAE,mBAAmB;YAC5B,SAAS,EAAE,cAAc;YACzB,SAAS,EAAE,gBAAgB;YAC3B,OAAO,EAAE,mBAAmB;YAC5B,OAAO,EAAE,mBAAmB;SAC7B;KACF;CACF,CACF,CAAC;AAEF,MAAM,aAAa,GAAG,GAAG,CAAC,
|
|
1
|
+
{"version":3,"file":"Badge.js","sourceRoot":"","sources":["../../src/components/Badge.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AACjD,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAE1C,OAAO,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AAE/B,0DAA0D;AAC1D,MAAM,aAAa,GAAG,GAAG,CACvB,4FAA4F,EAC5F;IACE,eAAe,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE;IACnD,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,EAAE,EAAE,wBAAwB;YAC5B,EAAE,EAAE,sBAAsB;YAC1B,EAAE,EAAE,0BAA0B;SAC/B;QACD,OAAO,EAAE;YACP,OAAO,EAAE,YAAY;YACrB,WAAW,EAAE,gBAAgB;YAC7B,KAAK,EAAE,uBAAuB;YAC9B,OAAO,EAAE,cAAc;YACvB,MAAM,EAAE,uBAAuB;YAC/B,IAAI,EAAE,gBAAgB;YACtB,UAAU,EAAE,gBAAgB;YAC5B,QAAQ,EAAE,mBAAmB;YAC7B,OAAO,EAAE,6CAA6C;YACtD,OAAO,EAAE,mBAAmB;YAC5B,SAAS,EAAE,cAAc;YACzB,SAAS,EAAE,gBAAgB;YAC3B,OAAO,EAAE,mBAAmB;YAC5B,OAAO,EAAE,mBAAmB;SAC7B;KACF;CACF,CACF,CAAC;AAEF,MAAM,aAAa,GAAG,GAAG,CAAC,uBAAuB,EAAE;IACjD,eAAe,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE;IACnD,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,EAAE,EAAE,SAAS;YACb,EAAE,EAAE,SAAS;YACb,EAAE,EAAE,aAAa;SAClB;QACD,OAAO,EAAE;YACP,OAAO,EAAE,yBAAyB;YAClC,WAAW,EAAE,6BAA6B;YAC1C,KAAK,EAAE,oCAAoC;YAC3C,OAAO,EAAE,2BAA2B;YACpC,MAAM,EAAE,oCAAoC;YAC5C,IAAI,EAAE,6BAA6B;YACnC,UAAU,EAAE,6BAA6B;YACzC,QAAQ,EAAE,gCAAgC;YAC1C,OAAO,EAAE,iBAAiB;YAC1B,OAAO,EAAE,gCAAgC;YACzC,SAAS,EAAE,2BAA2B;YACtC,SAAS,EAAE,6BAA6B;YACxC,OAAO,EAAE,gCAAgC;YACzC,OAAO,EAAE,gCAAgC;SAC1C;KACF;CACF,CAAC,CAAC;AASH,MAAM,UAAU,KAAK,CAAC,EACpB,QAAQ,EACR,SAAS,EACT,cAAc,EACd,IAAI,GAAG,IAAI,EACX,OAAO,GAAG,SAAS,EACnB,GAAG,KAAK,EACG;IACX,OAAO,CACL,KAAC,IAAI,IACH,SAAS,EAAE,EAAE,CAAC,aAAa,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC,EAAE,SAAS,CAAC,KACtD,KAAK,YAER,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAChC,OAAO,KAAK,KAAK,QAAQ,IAAI,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,CACvD,KAAC,IAAI,IACH,SAAS,EAAE,EAAE,CAAC,aAAa,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC,EAAE,cAAc,CAAC,YAE9D,KAAK,GACD,CACR,CAAC,CAAC,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAC1B,KAAK,CACN,CAAC,CAAC,CAAC,IAAI,CACT,GACI,CACR,CAAC;AACJ,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../src/components/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAElE,OAAO,EAAe,SAAS,EAAc,MAAM,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../src/components/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAElE,OAAO,EAAe,SAAS,EAAc,MAAM,cAAc,CAAC;AASlE,QAAA,MAAM,cAAc;;;8EAgCnB,CAAC;AAuFF,MAAM,MAAM,WAAW,GAAG,IAAI,CAC5B,KAAK,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,EACtC,UAAU,CACX,GACC,YAAY,CAAC,OAAO,cAAc,CAAC,GAAG;IACpC;;;;OAIG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,uEAAuE;IACvE,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEJ,wBAAgB,MAAM,CAAC,EACrB,kBAAkB,EAClB,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,cAAc,EACd,OAAe,EACf,IAAW,EACX,OAAmB,EACnB,GAAG,KAAK,EACT,EAAE,WAAW,+BAuDb"}
|
|
@@ -5,8 +5,9 @@ import { Pressable, Text, View } from 'react-native';
|
|
|
5
5
|
import { cn } from '../lib/cn';
|
|
6
6
|
import { Spinner } from './Spinner';
|
|
7
7
|
// Same variants, sizes and dimensions as `Button` in @pickle-ui/react on a
|
|
8
|
-
// phone, with its text sizes from `sm` up.
|
|
9
|
-
//
|
|
8
|
+
// phone, with its text sizes from `sm` up. `hitSlop` stretches every size to a
|
|
9
|
+
// 44pt touch target, like the web's `pointer-coarse` hit area. Paddings leave
|
|
10
|
+
// room for the 1pt border.
|
|
10
11
|
const buttonVariants = cva('flex-row items-center justify-center gap-2 rounded-lg border disabled:opacity-64', {
|
|
11
12
|
defaultVariants: { size: 'md', variant: 'default' },
|
|
12
13
|
variants: {
|
|
@@ -33,7 +34,7 @@ const buttonVariants = cva('flex-row items-center justify-center gap-2 rounded-l
|
|
|
33
34
|
},
|
|
34
35
|
},
|
|
35
36
|
});
|
|
36
|
-
const labelVariants = cva('font-medium', {
|
|
37
|
+
const labelVariants = cva('font-sans font-medium', {
|
|
37
38
|
compoundVariants: [
|
|
38
39
|
{ className: 'underline', pressed: true, variant: 'link' },
|
|
39
40
|
],
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../src/components/Button.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AACjD,OAAO,EAAe,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAElE,OAAO,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AAC/B,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAEpC,2EAA2E;AAC3E,+
|
|
1
|
+
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../src/components/Button.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../src/components/Card.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAGpC,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,QAAQ,CAAC;AAE9C,MAAM,MAAM,eAAe,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,CAAC;AAChE,MAAM,MAAM,gBAAgB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,CAAC;AACjE,MAAM,MAAM,oBAAoB,GAAG,IAAI,CAAC,SAAS,EAAE,MAAM,GAAG,SAAS,CAAC,CAAC;AACvE,MAAM,MAAM,eAAe,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,CAAC;AAChE,MAAM,MAAM,eAAe,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,CAAC;AAChE,MAAM,MAAM,SAAS,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,CAAC;AAC1D,MAAM,MAAM,cAAc,GAAG,IAAI,CAAC,SAAS,EAAE,MAAM,GAAG,SAAS,CAAC,CAAC;AAKjE,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,eAAe,+BAE3D;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,+BAE7D;AAED,iBAAS,eAAe,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,oBAAoB,+BASrE;AAED,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,eAAe,+BAI3D;AAED;;;GAGG;AACH,iBAAS,UAAU,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,eAAe,+
|
|
1
|
+
{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../src/components/Card.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAGpC,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,QAAQ,CAAC;AAE9C,MAAM,MAAM,eAAe,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,CAAC;AAChE,MAAM,MAAM,gBAAgB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,CAAC;AACjE,MAAM,MAAM,oBAAoB,GAAG,IAAI,CAAC,SAAS,EAAE,MAAM,GAAG,SAAS,CAAC,CAAC;AACvE,MAAM,MAAM,eAAe,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,CAAC;AAChE,MAAM,MAAM,eAAe,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,CAAC;AAChE,MAAM,MAAM,SAAS,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,CAAC;AAC1D,MAAM,MAAM,cAAc,GAAG,IAAI,CAAC,SAAS,EAAE,MAAM,GAAG,SAAS,CAAC,CAAC;AAKjE,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,eAAe,+BAE3D;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,+BAE7D;AAED,iBAAS,eAAe,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,oBAAoB,+BASrE;AAED,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,eAAe,+BAI3D;AAED;;;GAGG;AACH,iBAAS,UAAU,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,eAAe,+BA0BrE;AAED,iBAAS,QAAQ,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,SAAS,+BAUnD;AAED,iBAAS,SAAS,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,+BAWzD;AAED,QAAA,MAAM,IAAI;;;;;;;CAOR,CAAC;AAEH,OAAO,EACL,IAAI,EACJ,UAAU,EACV,WAAW,EACX,eAAe,EACf,UAAU,EACV,UAAU,EACV,SAAS,GACV,CAAC"}
|
package/dist/components/Card.js
CHANGED
|
@@ -22,18 +22,21 @@ function CardFooter({ className, ...props }) {
|
|
|
22
22
|
* like the web header's grid.
|
|
23
23
|
*/
|
|
24
24
|
function CardHeader({ children, className, ...props }) {
|
|
25
|
-
const
|
|
26
|
-
const
|
|
25
|
+
const actions = [];
|
|
26
|
+
const rest = [];
|
|
27
|
+
for (const child of Children.toArray(children)) {
|
|
28
|
+
(isValidElement(child) && child.type === CardAction ? actions : rest).push(child);
|
|
29
|
+
}
|
|
27
30
|
if (actions.length === 0) {
|
|
28
31
|
return (_jsx(View, { className: cn('gap-1.5 px-6', className), ...props, children: children }));
|
|
29
32
|
}
|
|
30
|
-
return (_jsxs(View, { className: cn('flex-row items-start gap-4 px-6', className), ...props, children: [_jsx(View, { className: "flex-1 gap-1.5", children:
|
|
33
|
+
return (_jsxs(View, { className: cn('flex-row items-start gap-4 px-6', className), ...props, children: [_jsx(View, { className: "flex-1 gap-1.5", children: rest }), actions] }));
|
|
31
34
|
}
|
|
32
35
|
function CardRoot({ className, ...props }) {
|
|
33
36
|
return (_jsx(View, { className: cn('border-border bg-card gap-4 rounded-2xl border py-6 shadow-xs shadow-black/5', className), ...props }));
|
|
34
37
|
}
|
|
35
38
|
function CardTitle({ className, ...props }) {
|
|
36
|
-
return (_jsx(Text, { className: cn('text-card-foreground leading-none', className), variant: "h3", ...props }));
|
|
39
|
+
return (_jsx(Text, { className: cn('text-card-foreground font-heading leading-none', className), variant: "h3", ...props }));
|
|
37
40
|
}
|
|
38
41
|
const Card = Object.assign(CardRoot, {
|
|
39
42
|
Action: CardAction,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../src/components/Card.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AACjD,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEpC,OAAO,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAkB,MAAM,QAAQ,CAAC;AAU9C,2EAA2E;AAC3E,mEAAmE;AAEnE,SAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAmB;IAC1D,OAAO,KAAC,IAAI,IAAC,SAAS,EAAE,EAAE,CAAC,YAAY,EAAE,SAAS,CAAC,KAAM,KAAK,GAAI,CAAC;AACrE,CAAC;AAED,SAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAoB;IAC5D,OAAO,KAAC,IAAI,IAAC,SAAS,EAAE,EAAE,CAAC,MAAM,EAAE,SAAS,CAAC,KAAM,KAAK,GAAI,CAAC;AAC/D,CAAC;AAED,SAAS,eAAe,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAwB;IACpE,OAAO,CACL,KAAC,IAAI,IACH,SAAS,EAAE,EAAE,CAAC,SAAS,EAAE,SAAS,CAAC,EACnC,IAAI,EAAC,OAAO,EACZ,OAAO,EAAC,MAAM,KACV,KAAK,GACT,CACH,CAAC;AACJ,CAAC;AAED,SAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAmB;IAC1D,OAAO,CACL,KAAC,IAAI,IAAC,SAAS,EAAE,EAAE,CAAC,4BAA4B,EAAE,SAAS,CAAC,KAAM,KAAK,GAAI,CAC5E,CAAC;AACJ,CAAC;AAED;;;GAGG;AACH,SAAS,UAAU,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAmB;IACpE,MAAM,KAAK,
|
|
1
|
+
{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../src/components/Card.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../src/components/Text.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,IAAI,IAAI,UAAU,EAAwB,MAAM,cAAc,CAAC;AAMxE,QAAA,MAAM,YAAY;;;;8EAuBhB,CAAC;
|
|
1
|
+
{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../src/components/Text.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,IAAI,IAAI,UAAU,EAAwB,MAAM,cAAc,CAAC;AAMxE,QAAA,MAAM,YAAY;;;;8EAuBhB,CAAC;AAWH,MAAM,MAAM,SAAS,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,UAAU,CAAC,GAC7D,YAAY,CAAC,OAAO,YAAY,CAAC,GAAG;IAClC,kDAAkD;IAClD,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEJ,wBAAgB,IAAI,CAAC,EACnB,SAAS,EACT,KAAK,EACL,IAAI,EACJ,QAAQ,EACR,OAAgB,EAChB,MAAM,EACN,GAAG,KAAK,EACT,EAAE,SAAS,+BAYX"}
|
package/dist/components/Text.js
CHANGED
|
@@ -4,7 +4,7 @@ import { Text as NativeText, Platform, StyleSheet } from 'react-native';
|
|
|
4
4
|
import { cn } from '../lib/cn';
|
|
5
5
|
// Same variants, tones and weights as `Text` in @pickle-ui/react, sized by the
|
|
6
6
|
// shared type scale (`@pickle-ui/tokens/typography.css`).
|
|
7
|
-
const textVariants = cva('text-foreground', {
|
|
7
|
+
const textVariants = cva('text-foreground font-sans', {
|
|
8
8
|
defaultVariants: { variant: 'body' },
|
|
9
9
|
variants: {
|
|
10
10
|
tone: {
|
|
@@ -15,8 +15,8 @@ const textVariants = cva('text-foreground', {
|
|
|
15
15
|
variant: {
|
|
16
16
|
body: 'text-body',
|
|
17
17
|
code: 'text-code bg-muted self-start overflow-hidden rounded px-2 py-1',
|
|
18
|
-
h1: 'text-h1 font-semibold tracking-tight',
|
|
19
|
-
h2: 'text-h2 font-semibold tracking-tight',
|
|
18
|
+
h1: 'font-heading text-h1 font-semibold tracking-tight',
|
|
19
|
+
h2: 'font-heading text-h2 font-semibold tracking-tight',
|
|
20
20
|
h3: 'text-h3 font-semibold',
|
|
21
21
|
h4: 'text-h4 font-medium',
|
|
22
22
|
lead: 'text-lead',
|
|
@@ -30,7 +30,8 @@ const textVariants = cva('text-foreground', {
|
|
|
30
30
|
});
|
|
31
31
|
const HEADINGS = new Set(['h1', 'h2', 'h3', 'h4']);
|
|
32
32
|
// Uniwind passes `font-mono`'s web font stack through as is, which native
|
|
33
|
-
// fonts don't resolve, so `code` names each platform's monospace font.
|
|
33
|
+
// fonts don't resolve, so `code` names each platform's monospace font. The
|
|
34
|
+
// `style` prop wins over `font-sans` from `className`.
|
|
34
35
|
const styles = StyleSheet.create({
|
|
35
36
|
code: { fontFamily: Platform.select({ default: 'monospace', ios: 'Menlo' }) },
|
|
36
37
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Text.js","sourceRoot":"","sources":["../../src/components/Text.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,IAAI,IAAI,UAAU,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAExE,OAAO,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AAE/B,+EAA+E;AAC/E,0DAA0D;AAC1D,MAAM,YAAY,GAAG,GAAG,CAAC,
|
|
1
|
+
{"version":3,"file":"Text.js","sourceRoot":"","sources":["../../src/components/Text.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,IAAI,IAAI,UAAU,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAExE,OAAO,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AAE/B,+EAA+E;AAC/E,0DAA0D;AAC1D,MAAM,YAAY,GAAG,GAAG,CAAC,2BAA2B,EAAE;IACpD,eAAe,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;IACpC,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,WAAW,EAAE,kBAAkB;YAC/B,KAAK,EAAE,uBAAuB;YAC9B,OAAO,EAAE,cAAc;SACxB;QACD,OAAO,EAAE;YACP,IAAI,EAAE,WAAW;YACjB,IAAI,EAAE,iEAAiE;YACvE,EAAE,EAAE,mDAAmD;YACvD,EAAE,EAAE,mDAAmD;YACvD,EAAE,EAAE,uBAAuB;YAC3B,EAAE,EAAE,qBAAqB;YACzB,IAAI,EAAE,WAAW;YACjB,KAAK,EAAE,YAAY;SACpB;QACD,MAAM,EAAE;YACN,IAAI,EAAE,eAAe;YACrB,MAAM,EAAE,aAAa;SACtB;KACF;CACF,CAAC,CAAC;AAEH,MAAM,QAAQ,GAAG,IAAI,GAAG,CAAC,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC;AAEnD,0EAA0E;AAC1E,2EAA2E;AAC3E,uDAAuD;AACvD,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,IAAI,EAAE,EAAE,UAAU,EAAE,QAAQ,CAAC,MAAM,CAAC,EAAE,OAAO,EAAE,WAAW,EAAE,GAAG,EAAE,OAAO,EAAE,CAAC,EAAE;CAC9E,CAAC,CAAC;AAQH,MAAM,UAAU,IAAI,CAAC,EACnB,SAAS,EACT,KAAK,EACL,IAAI,EACJ,QAAQ,EACR,OAAO,GAAG,MAAM,EAChB,MAAM,EACN,GAAG,KAAK,EACE;IACV,OAAO,CACL,KAAC,UAAU,IACT,iBAAiB,EACf,OAAO,IAAI,QAAQ,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,EAEzD,SAAS,EAAE,EAAE,CAAC,YAAY,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,EAAE,CAAC,EAAE,SAAS,CAAC,EACjE,aAAa,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,EACvC,KAAK,EAAE,OAAO,KAAK,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,KACpD,KAAK,GACT,CACH,CAAC;AACJ,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../src/components/form/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAc,MAAM,cAAc,CAAC;AAsBrD,MAAM,MAAM,aAAa,GAAG,IAAI,CAC9B,KAAK,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,EACtC,UAAU,GAAG,UAAU,CACxB,GAAG;IACF,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,qFAAqF;IACrF,UAAU,CAAC,EAAE;QAAE,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,SAAS,CAAC,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACpE,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,uEAAuE;IACvE,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,iEAAiE;IACjE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,2EAA2E;IAC3E,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAC7C,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;CACpB,CAAC;AAEF;;;GAGG;AACH,wBAAgB,QAAQ,CAAC,EACvB,kBAAkB,EAClB,OAAO,EAAE,WAAW,EACpB,SAAS,EACT,UAAU,EACV,cAAsB,EACtB,QAAgB,EAChB,aAAqB,EACrB,OAAe,EACf,KAAK,EACL,eAAe,EACf,IAAW,EACX,GAAG,KAAK,EACT,EAAE,aAAa,+
|
|
1
|
+
{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../src/components/form/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAc,MAAM,cAAc,CAAC;AAsBrD,MAAM,MAAM,aAAa,GAAG,IAAI,CAC9B,KAAK,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,EACtC,UAAU,GAAG,UAAU,CACxB,GAAG;IACF,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,qFAAqF;IACrF,UAAU,CAAC,EAAE;QAAE,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,SAAS,CAAC,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACpE,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,uEAAuE;IACvE,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,iEAAiE;IACjE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,2EAA2E;IAC3E,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAC7C,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;CACpB,CAAC;AAEF;;;GAGG;AACH,wBAAgB,QAAQ,CAAC,EACvB,kBAAkB,EAClB,OAAO,EAAE,WAAW,EACpB,SAAS,EACT,UAAU,EACV,cAAsB,EACtB,QAAgB,EAChB,aAAqB,EACrB,OAAe,EACf,KAAK,EACL,eAAe,EACf,IAAW,EACX,GAAG,KAAK,EACT,EAAE,aAAa,+BAkDf"}
|
|
@@ -23,19 +23,21 @@ const minusClasses = { md: 'h-[1.5px] w-2', sm: 'h-[1.25px] w-1.5' };
|
|
|
23
23
|
*/
|
|
24
24
|
export function Checkbox({ accessibilityState, checked: checkedProp, className, classNames, defaultChecked = false, disabled = false, indeterminate = false, invalid = false, label, onCheckedChange, size = 'md', ...props }) {
|
|
25
25
|
const [checked, setChecked] = useControllableState(checkedProp, defaultChecked, onCheckedChange);
|
|
26
|
-
const filled = checked && !indeterminate;
|
|
27
|
-
const box = (_jsx(View, { className: cn('items-center justify-center rounded-[4px] border shadow-xs shadow-black/5', boxClasses[size],
|
|
28
|
-
// A checked box is filled in both themes, so the dark input
|
|
29
|
-
// background must not apply to it.
|
|
30
|
-
filled
|
|
31
|
-
? 'border-primary bg-primary'
|
|
32
|
-
: cn('border-input bg-background dark:bg-input/32', invalid && 'border-destructive/36'), (checked || indeterminate || invalid || disabled) && 'shadow-none', disabled && 'opacity-64', className), children: indeterminate ? (_jsx(View, { className: cn('bg-foreground rounded-full', minusClasses[size], classNames?.indicator) })) : checked ? (_jsx(View, { className: cn('border-primary-foreground -mt-px rotate-45', checkClasses[size], classNames?.indicator) })) : null }));
|
|
33
26
|
return (_jsxs(Pressable, { accessibilityState: {
|
|
34
27
|
...accessibilityState,
|
|
35
28
|
checked: indeterminate ? 'mixed' : checked,
|
|
36
29
|
disabled,
|
|
37
30
|
}, "aria-checked": indeterminate ? 'mixed' : checked, "aria-disabled": disabled, className: label
|
|
38
31
|
? cn('flex-row items-center gap-2', classNames?.field)
|
|
39
|
-
: 'self-start', disabled: disabled, hitSlop: label ? fieldHitSlop[size] : boxHitSlop[size], onPress: () => setChecked(!checked), role: "checkbox", ...props, children: [
|
|
32
|
+
: 'self-start', disabled: disabled, hitSlop: label ? fieldHitSlop[size] : boxHitSlop[size], onPress: () => setChecked(!checked), role: "checkbox", ...props, children: [_jsx(CheckboxBox, { checked: checked, className: className, disabled: disabled, indeterminate: indeterminate, indicatorClassName: classNames?.indicator, invalid: invalid, size: size }), label ? (_jsx(Text, { className: cn('text-foreground font-sans text-sm leading-none font-medium', disabled && 'opacity-50', classNames?.label), children: label })) : null] }));
|
|
33
|
+
}
|
|
34
|
+
function CheckboxBox({ checked, className, disabled, indeterminate, indicatorClassName, invalid, size, }) {
|
|
35
|
+
const filled = checked && !indeterminate;
|
|
36
|
+
return (_jsx(View, { className: cn('items-center justify-center rounded-[4px] border shadow-xs shadow-black/5', boxClasses[size],
|
|
37
|
+
// A checked box is filled in both themes, so the dark input
|
|
38
|
+
// background must not apply to it.
|
|
39
|
+
filled
|
|
40
|
+
? 'border-primary bg-primary'
|
|
41
|
+
: cn('border-input bg-background dark:bg-input/32', invalid && 'border-destructive/36'), (checked || indeterminate || invalid || disabled) && 'shadow-none', disabled && 'opacity-64', className), children: indeterminate ? (_jsx(View, { className: cn('bg-foreground rounded-full', minusClasses[size], indicatorClassName) })) : checked ? (_jsx(View, { className: cn('border-primary-foreground -mt-px rotate-45', checkClasses[size], indicatorClassName) })) : null }));
|
|
40
42
|
}
|
|
41
43
|
//# sourceMappingURL=Checkbox.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../src/components/form/Checkbox.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAErD,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAClC,OAAO,EAAE,oBAAoB,EAAE,MAAM,mCAAmC,CAAC;AAEzE,4EAA4E;AAC5E,8EAA8E;AAC9E,MAAM,UAAU,GAAG,EAAE,EAAE,EAAE,UAAU,EAAE,EAAE,EAAE,UAAU,EAAW,CAAC;AAC/D,MAAM,UAAU,GAAG,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAW,CAAC;AAC/C,MAAM,YAAY,GAAG;IACnB,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE;IAC3B,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE;CACnB,CAAC;AAEX,8EAA8E;AAC9E,kEAAkE;AAClE,MAAM,YAAY,GAAG;IACnB,EAAE,EAAE,mDAAmD;IACvD,EAAE,EAAE,qDAAqD;CACjD,CAAC;AACX,MAAM,YAAY,GAAG,EAAE,EAAE,EAAE,eAAe,EAAE,EAAE,EAAE,kBAAkB,EAAW,CAAC;AAqB9E;;;GAGG;AACH,MAAM,UAAU,QAAQ,CAAC,EACvB,kBAAkB,EAClB,OAAO,EAAE,WAAW,EACpB,SAAS,EACT,UAAU,EACV,cAAc,GAAG,KAAK,EACtB,QAAQ,GAAG,KAAK,EAChB,aAAa,GAAG,KAAK,EACrB,OAAO,GAAG,KAAK,EACf,KAAK,EACL,eAAe,EACf,IAAI,GAAG,IAAI,EACX,GAAG,KAAK,EACM;IACd,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,oBAAoB,CAChD,WAAW,EACX,cAAc,EACd,eAAe,CAChB,CAAC;IACF,
|
|
1
|
+
{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../src/components/form/Checkbox.tsx"],"names":[],"mappings":"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"}
|
|
@@ -2,6 +2,6 @@ import { jsx as _jsx } from "react/jsx-runtime";
|
|
|
2
2
|
import { Text } from 'react-native';
|
|
3
3
|
import { cn } from '../../lib/cn';
|
|
4
4
|
export function FormDescription({ className, ...props }) {
|
|
5
|
-
return (_jsx(Text, { className: cn('text-muted-foreground text-sm', className), ...props }));
|
|
5
|
+
return (_jsx(Text, { className: cn('text-muted-foreground font-sans text-sm', className), ...props }));
|
|
6
6
|
}
|
|
7
7
|
//# sourceMappingURL=FormDescription.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormDescription.js","sourceRoot":"","sources":["../../../src/components/form/FormDescription.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEpC,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAIlC,MAAM,UAAU,eAAe,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAwB;IAC3E,OAAO,CACL,KAAC,IAAI,IACH,SAAS,EAAE,EAAE,CAAC
|
|
1
|
+
{"version":3,"file":"FormDescription.js","sourceRoot":"","sources":["../../../src/components/form/FormDescription.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEpC,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAIlC,MAAM,UAAU,eAAe,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAwB;IAC3E,OAAO,CACL,KAAC,IAAI,IACH,SAAS,EAAE,EAAE,CAAC,yCAAyC,EAAE,SAAS,CAAC,KAC/D,KAAK,GACT,CACH,CAAC;AACJ,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormError.d.ts","sourceRoot":"","sources":["../../../src/components/form/FormError.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAIpC,MAAM,MAAM,cAAc,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,CAAC;AAE/D,8EAA8E;AAC9E,wBAAgB,SAAS,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,+
|
|
1
|
+
{"version":3,"file":"FormError.d.ts","sourceRoot":"","sources":["../../../src/components/form/FormError.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAIpC,MAAM,MAAM,cAAc,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,CAAC;AAE/D,8EAA8E;AAC9E,wBAAgB,SAAS,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,+BAYhE"}
|
|
@@ -3,6 +3,6 @@ import { Text } from 'react-native';
|
|
|
3
3
|
import { cn } from '../../lib/cn';
|
|
4
4
|
/** Announced by screen readers when it appears, like the web's live error. */
|
|
5
5
|
export function FormError({ className, ...props }) {
|
|
6
|
-
return (_jsx(Text, { accessibilityLiveRegion: "polite", className: cn('text-destructive text-sm font-medium', className), role: "alert", ...props }));
|
|
6
|
+
return (_jsx(Text, { accessibilityLiveRegion: "polite", className: cn('text-destructive font-sans text-sm font-medium', className), role: "alert", ...props }));
|
|
7
7
|
}
|
|
8
8
|
//# sourceMappingURL=FormError.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormError.js","sourceRoot":"","sources":["../../../src/components/form/FormError.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEpC,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAIlC,8EAA8E;AAC9E,MAAM,UAAU,SAAS,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAkB;IAC/D,OAAO,CACL,KAAC,IAAI,IACH,uBAAuB,EAAC,QAAQ,EAChC,SAAS,EAAE,EAAE,
|
|
1
|
+
{"version":3,"file":"FormError.js","sourceRoot":"","sources":["../../../src/components/form/FormError.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEpC,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAIlC,8EAA8E;AAC9E,MAAM,UAAU,SAAS,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAkB;IAC/D,OAAO,CACL,KAAC,IAAI,IACH,uBAAuB,EAAC,QAAQ,EAChC,SAAS,EAAE,EAAE,CACX,gDAAgD,EAChD,SAAS,CACV,EACD,IAAI,EAAC,OAAO,KACR,KAAK,GACT,CACH,CAAC;AACJ,CAAC"}
|
|
@@ -2,6 +2,6 @@ import { jsx as _jsx } from "react/jsx-runtime";
|
|
|
2
2
|
import { Text } from 'react-native';
|
|
3
3
|
import { cn } from '../../lib/cn';
|
|
4
4
|
export function FormLabel({ className, ...props }) {
|
|
5
|
-
return (_jsx(Text, { className: cn('text-foreground text-sm leading-none font-medium', className), ...props }));
|
|
5
|
+
return (_jsx(Text, { className: cn('text-foreground font-sans text-sm leading-none font-medium', className), ...props }));
|
|
6
6
|
}
|
|
7
7
|
//# sourceMappingURL=FormLabel.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormLabel.js","sourceRoot":"","sources":["../../../src/components/form/FormLabel.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEpC,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAIlC,MAAM,UAAU,SAAS,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAkB;IAC/D,OAAO,CACL,KAAC,IAAI,IACH,SAAS,EAAE,EAAE,CACX,
|
|
1
|
+
{"version":3,"file":"FormLabel.js","sourceRoot":"","sources":["../../../src/components/form/FormLabel.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEpC,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAIlC,MAAM,UAAU,SAAS,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAkB;IAC/D,OAAO,CACL,KAAC,IAAI,IACH,SAAS,EAAE,EAAE,CACX,4DAA4D,EAC5D,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAC;AACJ,CAAC"}
|
|
@@ -18,7 +18,7 @@ export function Input({ className, classNames, disabled = false, editable = true
|
|
|
18
18
|
// Safari zooming into a focused field, which native apps don't do.
|
|
19
19
|
// `text-[14px]` sets the size without `text-sm`'s line height, which
|
|
20
20
|
// pushes a single-line field's text off center on iOS.
|
|
21
|
-
const input = (_jsx(TextInput, { accessibilityState: { disabled }, className: cn('text-foreground flex-1 text-[14px] outline-none', paddingClasses[size], unstyled ? cn(heightClasses[size], disabled && 'opacity-64') : 'h-full', unstyled ? className : classNames?.input), editable: editable && !disabled, onBlur: (event) => {
|
|
21
|
+
const input = (_jsx(TextInput, { accessibilityState: { disabled }, className: cn('text-foreground flex-1 font-sans text-[14px] outline-none', paddingClasses[size], unstyled ? cn(heightClasses[size], disabled && 'opacity-64') : 'h-full', unstyled ? className : classNames?.input), editable: editable && !disabled, onBlur: (event) => {
|
|
22
22
|
setFocused(false);
|
|
23
23
|
onBlur?.(event);
|
|
24
24
|
}, onFocus: (event) => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../src/components/form/Input.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzC,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAClC,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAErD,4EAA4E;AAC5E,+CAA+C;AAC/C,MAAM,aAAa,GAAG,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,KAAK,EAAW,CAAC;AACnE,MAAM,cAAc,GAAG;IACrB,EAAE,EAAE,WAAW;IACf,EAAE,EAAE,WAAW;IACf,EAAE,EAAE,UAAU;CACN,CAAC;AAcX,kEAAkE;AAClE,MAAM,UAAU,KAAK,CAAC,EACpB,SAAS,EACT,UAAU,EACV,QAAQ,GAAG,KAAK,EAChB,QAAQ,GAAG,IAAI,EACf,OAAO,GAAG,KAAK,EACf,MAAM,EACN,OAAO,EACP,IAAI,GAAG,IAAI,EACX,QAAQ,GAAG,KAAK,EAChB,GAAG,KAAK,EACG;IACX,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC9C,yEAAyE;IACzE,mEAAmE;IACnE,qEAAqE;IACrE,uDAAuD;IACvD,MAAM,KAAK,GAAG,CACZ,KAAC,SAAS,IACR,kBAAkB,EAAE,EAAE,QAAQ,EAAE,EAChC,SAAS,EAAE,EAAE,CACX,
|
|
1
|
+
{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../src/components/form/Input.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzC,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAClC,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAErD,4EAA4E;AAC5E,+CAA+C;AAC/C,MAAM,aAAa,GAAG,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,KAAK,EAAW,CAAC;AACnE,MAAM,cAAc,GAAG;IACrB,EAAE,EAAE,WAAW;IACf,EAAE,EAAE,WAAW;IACf,EAAE,EAAE,UAAU;CACN,CAAC;AAcX,kEAAkE;AAClE,MAAM,UAAU,KAAK,CAAC,EACpB,SAAS,EACT,UAAU,EACV,QAAQ,GAAG,KAAK,EAChB,QAAQ,GAAG,IAAI,EACf,OAAO,GAAG,KAAK,EACf,MAAM,EACN,OAAO,EACP,IAAI,GAAG,IAAI,EACX,QAAQ,GAAG,KAAK,EAChB,GAAG,KAAK,EACG;IACX,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC9C,yEAAyE;IACzE,mEAAmE;IACnE,qEAAqE;IACrE,uDAAuD;IACvD,MAAM,KAAK,GAAG,CACZ,KAAC,SAAS,IACR,kBAAkB,EAAE,EAAE,QAAQ,EAAE,EAChC,SAAS,EAAE,EAAE,CACX,2DAA2D,EAC3D,cAAc,CAAC,IAAI,CAAC,EACpB,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,aAAa,CAAC,IAAI,CAAC,EAAE,QAAQ,IAAI,YAAY,CAAC,CAAC,CAAC,CAAC,QAAQ,EACvE,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,UAAU,EAAE,KAAK,CACzC,EACD,QAAQ,EAAE,QAAQ,IAAI,CAAC,QAAQ,EAC/B,MAAM,EAAE,CAAC,KAAK,EAAE,EAAE;YAChB,UAAU,CAAC,KAAK,CAAC,CAAC;YAClB,MAAM,EAAE,CAAC,KAAK,CAAC,CAAC;QAClB,CAAC,EACD,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE;YACjB,UAAU,CAAC,IAAI,CAAC,CAAC;YACjB,OAAO,EAAE,CAAC,KAAK,CAAC,CAAC;QACnB,CAAC,EACD,6BAA6B,EAAC,4BAA4B,KACtD,KAAK,GACT,CACH,CAAC;IAEF,IAAI,QAAQ;QAAE,OAAO,KAAK,CAAC;IAE3B,OAAO,CACL,KAAC,UAAU,IACT,SAAS,EAAE,EAAE,CAAC,aAAa,CAAC,IAAI,CAAC,EAAE,SAAS,CAAC,EAC7C,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,YAEf,KAAK,GACK,CACd,CAAC;AACJ,CAAC"}
|
|
@@ -24,7 +24,7 @@ const InputGroupContext = createContext(null);
|
|
|
24
24
|
/** Pressing an addon focuses the field, like clicking it on the web. */
|
|
25
25
|
function InputGroupAddon({ align = 'inline-start', children, className, ...props }) {
|
|
26
26
|
const group = useInputGroup('Addon');
|
|
27
|
-
return (_jsx(Pressable, { accessible: false, className: cn('flex-row items-center justify-center gap-2', addonClasses[align], className), onPress: group.focusInput, ...props, children: Children.map(children, (child) => typeof child === 'string' || typeof child === 'number' ? (_jsx(Text, { className: "text-foreground text-[14px]", children: child })) : (child)) }));
|
|
27
|
+
return (_jsx(Pressable, { accessible: false, className: cn('flex-row items-center justify-center gap-2', addonClasses[align], className), onPress: group.focusInput, ...props, children: Children.map(children, (child) => typeof child === 'string' || typeof child === 'number' ? (_jsx(Text, { className: "text-foreground font-sans text-[14px]", children: child })) : (child)) }));
|
|
28
28
|
}
|
|
29
29
|
function InputGroupButton({ align = 'inline-end', className, size = 'icon-xs', variant = 'ghost', ...props }) {
|
|
30
30
|
return (_jsx(InputGroupAddon, { align: align, className: buttonAddonClasses[align], children: _jsx(Button, { className: className, size: size, variant: variant, ...props }) }));
|
|
@@ -74,7 +74,7 @@ function InputGroupRoot({ children, className, ...props }) {
|
|
|
74
74
|
return (_jsx(InputGroupContext, { value: context, children: _jsx(InputFrame, { className: cn(hasBlock ? 'flex-col' : 'h-8 items-center', className), disabled: disabled, focused: focused, invalid: invalid, role: "group", ...props, children: hasBlock ? (_jsxs(_Fragment, { children: [parts['block-start'], _jsx(View, { className: "flex-row items-center", children: row }), parts['block-end']] })) : (row) }) }));
|
|
75
75
|
}
|
|
76
76
|
function InputGroupText({ className, ...props }) {
|
|
77
|
-
return (_jsx(Text, { className: cn('text-muted-foreground text-[14px]', className), numberOfLines: 1, ...props }));
|
|
77
|
+
return (_jsx(Text, { className: cn('text-muted-foreground font-sans text-[14px]', className), numberOfLines: 1, ...props }));
|
|
78
78
|
}
|
|
79
79
|
/**
|
|
80
80
|
* Splits the group's direct children by `align`, since React Native has no
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InputGroup.js","sourceRoot":"","sources":["../../../src/components/form/InputGroup.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,QAAQ,EACR,aAAa,EACb,cAAc,EAEd,GAAG,EACH,mBAAmB,EACnB,OAAO,EACP,MAAM,EACN,QAAQ,GACT,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,SAAS,EAAE,IAAI,EAAkB,IAAI,EAAE,MAAM,cAAc,CAAC;AAErE,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAClC,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,MAAM,EAAoB,MAAM,WAAW,CAAC;AACrD,OAAO,EAAE,KAAK,EAAmB,MAAM,SAAS,CAAC;AACjD,OAAO,EAAE,sBAAsB,EAAE,MAAM,sBAAsB,CAAC;AAU9D,6EAA6E;AAC7E,8DAA8D;AAC9D,MAAM,YAAY,GAAG;IACnB,WAAW,EAAE,0CAA0C;IACvD,aAAa,EAAE,0CAA0C;IACzD,YAAY,EAAE,WAAW;IACzB,cAAc,EAAE,WAAW;CACnB,CAAC;AACX,MAAM,kBAAkB,GAAG;IACzB,WAAW,EAAE,EAAE;IACf,aAAa,EAAE,EAAE;IACjB,YAAY,EAAE,UAAU;IACxB,cAAc,EAAE,UAAU;CAClB,CAAC;AAUX,MAAM,iBAAiB,GAAG,aAAa,CAAgC,IAAI,CAAC,CAAC;AAgB7E,wEAAwE;AACxE,SAAS,eAAe,CAAC,EACvB,KAAK,GAAG,cAAc,EACtB,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACa;IACrB,MAAM,KAAK,GAAG,aAAa,CAAC,OAAO,CAAC,CAAC;IAErC,OAAO,CACL,KAAC,SAAS,IACR,UAAU,EAAE,KAAK,EACjB,SAAS,EAAE,EAAE,CACX,4CAA4C,EAC5C,YAAY,CAAC,KAAK,CAAC,EACnB,SAAS,CACV,EACD,OAAO,EAAE,KAAK,CAAC,UAAU,KACrB,KAAK,YAER,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAChC,OAAO,KAAK,KAAK,QAAQ,IAAI,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,CACvD,KAAC,IAAI,IAAC,SAAS,EAAC,
|
|
1
|
+
{"version":3,"file":"InputGroup.js","sourceRoot":"","sources":["../../../src/components/form/InputGroup.tsx"],"names":[],"mappings":"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"}
|
|
@@ -21,7 +21,7 @@ function RadioGroupItem({ accessibilityState, className, classNames, disabled: d
|
|
|
21
21
|
const disabled = group.disabled || disabledProp;
|
|
22
22
|
return (_jsxs(Pressable, { accessibilityState: { ...accessibilityState, checked, disabled }, "aria-checked": checked, "aria-disabled": disabled, className: label
|
|
23
23
|
? cn('flex-row items-center gap-2', classNames?.field)
|
|
24
|
-
: 'self-start', disabled: disabled, hitSlop: label ? fieldHitSlop[size] : controlHitSlop[size], onPress: () => group.onSelect(value), role: "radio", ...props, children: [_jsx(View, { className: cn('border-input bg-background items-center justify-center rounded-full border', controlClasses[size], checked && 'border-primary', invalid && 'border-destructive', disabled && 'opacity-50', className), children: checked ? (_jsx(View, { className: cn('bg-primary rounded-full', indicatorClasses[size], classNames?.indicator) })) : null }), label ? (_jsx(Text, { className: cn('text-sm leading-none font-medium', disabled ? 'text-muted-foreground' : 'text-foreground', classNames?.label), children: label })) : null] }));
|
|
24
|
+
: 'self-start', disabled: disabled, hitSlop: label ? fieldHitSlop[size] : controlHitSlop[size], onPress: () => group.onSelect(value), role: "radio", ...props, children: [_jsx(View, { className: cn('border-input bg-background items-center justify-center rounded-full border', controlClasses[size], checked && 'border-primary', invalid && 'border-destructive', disabled && 'opacity-50', className), children: checked ? (_jsx(View, { className: cn('bg-primary rounded-full', indicatorClasses[size], classNames?.indicator) })) : null }), label ? (_jsx(Text, { className: cn('font-sans text-sm leading-none font-medium', disabled ? 'text-muted-foreground' : 'text-foreground', classNames?.label), children: label })) : null] }));
|
|
25
25
|
}
|
|
26
26
|
function RadioGroupRoot({ className, defaultValue, disabled = false, onValueChange, value: valueProp, ...props }) {
|
|
27
27
|
const [value, setValue] = useControllableState(valueProp, defaultValue, onValueChange);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RadioGroup.js","sourceRoot":"","sources":["../../../src/components/form/RadioGroup.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,GAAG,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACpD,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAErD,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAClC,OAAO,EAAE,oBAAoB,EAAE,MAAM,mCAAmC,CAAC;AAEzE,0EAA0E;AAC1E,yEAAyE;AACzE,MAAM,cAAc,GAAG,EAAE,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,UAAU,EAAW,CAAC;AACjE,MAAM,gBAAgB,GAAG,EAAE,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,UAAU,EAAW,CAAC;AACnE,MAAM,cAAc,GAAG,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAW,CAAC;AACnD,MAAM,YAAY,GAAG;IACnB,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE;IAC3B,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE;CACnB,CAAC;AAQX,MAAM,iBAAiB,GAAG,aAAa,CAAgC,IAAI,CAAC,CAAC;AAwB7E,SAAS,cAAc,CAAC,EACtB,kBAAkB,EAClB,SAAS,EACT,UAAU,EACV,QAAQ,EAAE,YAAY,GAAG,KAAK,EAC9B,OAAO,GAAG,KAAK,EACf,KAAK,EACL,IAAI,GAAG,IAAI,EACX,KAAK,EACL,GAAG,KAAK,EACY;IACpB,MAAM,KAAK,GAAG,GAAG,CAAC,iBAAiB,CAAC,CAAC;IACrC,IAAI,CAAC,KAAK;QAAE,MAAM,IAAI,KAAK,CAAC,8CAA8C,CAAC,CAAC;IAE5E,MAAM,OAAO,GAAG,KAAK,CAAC,KAAK,KAAK,KAAK,CAAC;IACtC,MAAM,QAAQ,GAAG,KAAK,CAAC,QAAQ,IAAI,YAAY,CAAC;IAEhD,OAAO,CACL,MAAC,SAAS,IACR,kBAAkB,EAAE,EAAE,GAAG,kBAAkB,EAAE,OAAO,EAAE,QAAQ,EAAE,kBAClD,OAAO,mBACN,QAAQ,EACvB,SAAS,EACP,KAAK;YACH,CAAC,CAAC,EAAE,CAAC,6BAA6B,EAAE,UAAU,EAAE,KAAK,CAAC;YACtD,CAAC,CAAC,YAAY,EAElB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,KAAK,CAAC,CAAC,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC,IAAI,CAAC,EAC1D,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,EACpC,IAAI,EAAC,OAAO,KACR,KAAK,aAET,KAAC,IAAI,IACH,SAAS,EAAE,EAAE,CACX,4EAA4E,EAC5E,cAAc,CAAC,IAAI,CAAC,EACpB,OAAO,IAAI,gBAAgB,EAC3B,OAAO,IAAI,oBAAoB,EAC/B,QAAQ,IAAI,YAAY,EACxB,SAAS,CACV,YAEA,OAAO,CAAC,CAAC,CAAC,CACT,KAAC,IAAI,IACH,SAAS,EAAE,EAAE,CACX,yBAAyB,EACzB,gBAAgB,CAAC,IAAI,CAAC,EACtB,UAAU,EAAE,SAAS,CACtB,GACD,CACH,CAAC,CAAC,CAAC,IAAI,GACH,EACN,KAAK,CAAC,CAAC,CAAC,CACP,KAAC,IAAI,IACH,SAAS,EAAE,EAAE,CACX,
|
|
1
|
+
{"version":3,"file":"RadioGroup.js","sourceRoot":"","sources":["../../../src/components/form/RadioGroup.tsx"],"names":[],"mappings":"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"}
|
|
@@ -15,7 +15,7 @@ const sizeClasses = {
|
|
|
15
15
|
*/
|
|
16
16
|
export function Textarea({ className, classNames, disabled = false, editable = true, invalid = false, onBlur, onFocus, size = 'md', ...props }) {
|
|
17
17
|
const [focused, setFocused] = useState(false);
|
|
18
|
-
return (_jsx(InputFrame, { className: className, disabled: disabled, focused: focused, invalid: invalid, children: _jsx(TextInput, { accessibilityState: { disabled }, className: cn('text-foreground web:field-sizing-content web:resize-none flex-1 py-2 text-sm outline-none', sizeClasses[size], classNames?.textarea), editable: editable && !disabled, multiline: true, onBlur: (event) => {
|
|
18
|
+
return (_jsx(InputFrame, { className: className, disabled: disabled, focused: focused, invalid: invalid, children: _jsx(TextInput, { accessibilityState: { disabled }, className: cn('text-foreground web:field-sizing-content web:resize-none flex-1 py-2 font-sans text-sm outline-none', sizeClasses[size], classNames?.textarea), editable: editable && !disabled, multiline: true, onBlur: (event) => {
|
|
19
19
|
setFocused(false);
|
|
20
20
|
onBlur?.(event);
|
|
21
21
|
}, onFocus: (event) => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Textarea.js","sourceRoot":"","sources":["../../../src/components/form/Textarea.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzC,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAClC,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAErD,MAAM,WAAW,GAAG;IAClB,EAAE,EAAE,oBAAoB;IACxB,EAAE,EAAE,sBAAsB;IAC1B,EAAE,EAAE,mBAAmB;CACf,CAAC;AAeX;;;;GAIG;AACH,MAAM,UAAU,QAAQ,CAAC,EACvB,SAAS,EACT,UAAU,EACV,QAAQ,GAAG,KAAK,EAChB,QAAQ,GAAG,IAAI,EACf,OAAO,GAAG,KAAK,EACf,MAAM,EACN,OAAO,EACP,IAAI,GAAG,IAAI,EACX,GAAG,KAAK,EACM;IACd,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE9C,OAAO,CACL,KAAC,UAAU,IACT,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,YAEhB,KAAC,SAAS,IACR,kBAAkB,EAAE,EAAE,QAAQ,EAAE,EAChC,SAAS,EAAE,EAAE,CACX,
|
|
1
|
+
{"version":3,"file":"Textarea.js","sourceRoot":"","sources":["../../../src/components/form/Textarea.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzC,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAClC,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAErD,MAAM,WAAW,GAAG;IAClB,EAAE,EAAE,oBAAoB;IACxB,EAAE,EAAE,sBAAsB;IAC1B,EAAE,EAAE,mBAAmB;CACf,CAAC;AAeX;;;;GAIG;AACH,MAAM,UAAU,QAAQ,CAAC,EACvB,SAAS,EACT,UAAU,EACV,QAAQ,GAAG,KAAK,EAChB,QAAQ,GAAG,IAAI,EACf,OAAO,GAAG,KAAK,EACf,MAAM,EACN,OAAO,EACP,IAAI,GAAG,IAAI,EACX,GAAG,KAAK,EACM;IACd,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE9C,OAAO,CACL,KAAC,UAAU,IACT,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,YAEhB,KAAC,SAAS,IACR,kBAAkB,EAAE,EAAE,QAAQ,EAAE,EAChC,SAAS,EAAE,EAAE,CACX,qGAAqG,EACrG,WAAW,CAAC,IAAI,CAAC,EACjB,UAAU,EAAE,QAAQ,CACrB,EACD,QAAQ,EAAE,QAAQ,IAAI,CAAC,QAAQ,EAC/B,SAAS,QACT,MAAM,EAAE,CAAC,KAAK,EAAE,EAAE;gBAChB,UAAU,CAAC,KAAK,CAAC,CAAC;gBAClB,MAAM,EAAE,CAAC,KAAK,CAAC,CAAC;YAClB,CAAC,EACD,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE;gBACjB,UAAU,CAAC,IAAI,CAAC,CAAC;gBACjB,OAAO,EAAE,CAAC,KAAK,CAAC,CAAC;YACnB,CAAC,EACD,6BAA6B,EAAC,4BAA4B,EAC1D,iBAAiB,EAAC,KAAK,KACnB,KAAK,GACT,GACS,CACd,CAAC;AACJ,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@pickle-ui/react-native",
|
|
3
|
-
"version": "1.0.0-beta.
|
|
3
|
+
"version": "1.0.0-beta.3",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"description": "React Native components for Expo, styled with Pickle UI's tokens through Uniwind.",
|
|
6
6
|
"main": "dist/index.js",
|
|
@@ -61,13 +61,14 @@
|
|
|
61
61
|
"@tailwindcss/vite": "^4.3.3",
|
|
62
62
|
"@testing-library/react-native": "^14.1.0",
|
|
63
63
|
"@types/jest": "^30.0.0",
|
|
64
|
+
"@types/node": "^25.9.3",
|
|
64
65
|
"@types/react": "^19.3.0",
|
|
65
66
|
"babel-preset-expo": "^58.0.21",
|
|
66
67
|
"expo": "^58.0.20",
|
|
67
68
|
"jest": "^30.5.2",
|
|
68
69
|
"jest-expo": "~58.0.12",
|
|
69
70
|
"react": "19.3.0",
|
|
70
|
-
"react-doctor": "^0.
|
|
71
|
+
"react-doctor": "^0.9.18",
|
|
71
72
|
"react-dom": "19.3.0",
|
|
72
73
|
"react-hook-form": "^7.79.0",
|
|
73
74
|
"react-native": "0.88.0",
|
package/src/base.css
CHANGED
|
@@ -1,11 +1,29 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Pickle's components as a content source, so Uniwind generates the classes
|
|
3
|
-
* they use,
|
|
4
|
-
* `@pickle-ui/react
|
|
5
|
-
* `uniwind`, to bring your own token set instead
|
|
6
|
-
* `@pickle-ui/tokens/native.css`.
|
|
7
|
-
*
|
|
3
|
+
* they use, the type scale behind `Text`'s variants, shared with
|
|
4
|
+
* `@pickle-ui/react`, and the native font defaults. `styles.css` imports this
|
|
5
|
+
* file; import it alone, after `uniwind`, to bring your own token set instead
|
|
6
|
+
* of `@pickle-ui/tokens/native.css`. It only declares theme variables, so it
|
|
7
|
+
* compiles in any order.
|
|
8
8
|
*/
|
|
9
9
|
@import '@pickle-ui/tokens/typography.css';
|
|
10
10
|
|
|
11
11
|
@source './components/**/*.{ts,tsx}';
|
|
12
|
+
|
|
13
|
+
/*
|
|
14
|
+
* The components' text uses `font-sans`, and their headings `font-heading`.
|
|
15
|
+
* Until the app declares `--font-sans`, it reads a variable nothing declares,
|
|
16
|
+
* so it sets no family and text keeps the system font: an explicit system
|
|
17
|
+
* family would also drop the medium and semibold weights on Android.
|
|
18
|
+
* `default` lets any `--font-*` an app or its token set declares win, and
|
|
19
|
+
* replaces Tailwind's web font stacks, which native can't resolve.
|
|
20
|
+
*
|
|
21
|
+
* This default is Pickle's, not Uniwind's. Uniwind suggests per-platform
|
|
22
|
+
* values instead, but `@variant ios` doesn't compile inside `@theme`, and
|
|
23
|
+
* inside `@layer theme` it overrides the app's own `--font-sans`.
|
|
24
|
+
*/
|
|
25
|
+
@theme default {
|
|
26
|
+
--font-sans: var(--pickle-no-font);
|
|
27
|
+
--font-heading: var(--font-sans);
|
|
28
|
+
--font-mono: var(--pickle-no-font);
|
|
29
|
+
}
|
package/src/components/Badge.tsx
CHANGED