@factorialco/f0-react-native 0.29.0 → 0.31.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/module/components/Avatars/IconAvatar/index.js +1 -1
- package/lib/module/components/Avatars/IconAvatar/index.js.map +1 -1
- package/lib/module/components/Avatars/ModuleAvatar/index.js +1 -1
- package/lib/module/components/Avatars/ModuleAvatar/index.js.map +1 -1
- package/lib/module/components/Badge/index.js +1 -1
- package/lib/module/components/Badge/index.js.map +1 -1
- package/lib/module/components/Button/index.js +1 -1
- package/lib/module/components/Button/index.js.map +1 -1
- package/lib/module/components/Button/index.spec.js +1 -1
- package/lib/module/components/Button/index.spec.js.map +1 -1
- package/lib/module/components/Icon/index.js +1 -1
- package/lib/module/components/Icon/index.js.map +1 -1
- package/lib/module/components/OneChip/index.js +1 -1
- package/lib/module/components/OneChip/index.js.map +1 -1
- package/lib/module/components/OnePreset/index.js +1 -1
- package/lib/module/components/OnePreset/index.js.map +1 -1
- package/lib/module/components/Tags/AlertTab/index.js +1 -1
- package/lib/module/components/Tags/AlertTab/index.js.map +1 -1
- package/lib/module/components/Tags/BaseTag/index.js +1 -1
- package/lib/module/components/Tags/BaseTag/index.js.map +1 -1
- package/lib/module/components/Tags/RawTag/index.js +1 -1
- package/lib/module/components/Tags/RawTag/index.js.map +1 -1
- package/lib/module/components/experimental/Lists/DataList/ItemContainer.js +1 -1
- package/lib/module/components/experimental/Lists/DataList/ItemContainer.js.map +1 -1
- package/lib/module/components/experimental/Lists/DataList/actions/CopyAction.js +1 -1
- package/lib/module/components/experimental/Lists/DataList/actions/CopyAction.js.map +1 -1
- package/lib/module/components/experimental/Lists/DataList/actions/GenericAction.js +1 -1
- package/lib/module/components/experimental/Lists/DataList/actions/GenericAction.js.map +1 -1
- package/lib/module/components/exports.js +1 -1
- package/lib/module/components/exports.js.map +1 -1
- package/lib/module/components/primitives/F0Icon/F0Icon.js +2 -0
- package/lib/module/components/primitives/F0Icon/F0Icon.js.map +1 -0
- package/lib/module/components/primitives/F0Icon/F0Icon.md +187 -0
- package/lib/module/components/primitives/F0Icon/F0Icon.styles.js +2 -0
- package/lib/module/components/primitives/F0Icon/F0Icon.styles.js.map +1 -0
- package/lib/module/components/primitives/F0Icon/F0Icon.types.js +2 -0
- package/lib/module/components/primitives/F0Icon/F0Icon.types.js.map +1 -0
- package/lib/module/components/primitives/F0Icon/index.js +2 -0
- package/lib/module/components/primitives/F0Icon/index.js.map +1 -0
- package/lib/module/components/primitives/PressableFeedback/PressableFeedback.js +2 -0
- package/lib/module/components/primitives/PressableFeedback/PressableFeedback.js.map +1 -0
- package/lib/module/components/primitives/PressableFeedback/PressableFeedback.md +50 -0
- package/lib/module/components/primitives/PressableFeedback/PressableFeedback.types.js +2 -0
- package/lib/module/components/primitives/PressableFeedback/PressableFeedback.types.js.map +1 -0
- package/lib/module/components/primitives/PressableFeedback/index.js +2 -0
- package/lib/module/components/primitives/PressableFeedback/index.js.map +1 -0
- package/lib/module/icons/index.js +1 -1
- package/lib/module/icons/index.js.map +1 -1
- package/lib/typescript/components/Activity/ActivityItem/index.d.ts +1 -1
- package/lib/typescript/components/Activity/ActivityItem/index.d.ts.map +1 -1
- package/lib/typescript/components/Avatars/IconAvatar/index.d.ts +1 -1
- package/lib/typescript/components/Avatars/IconAvatar/index.d.ts.map +1 -1
- package/lib/typescript/components/Avatars/ModuleAvatar/index.d.ts +1 -1
- package/lib/typescript/components/Avatars/ModuleAvatar/index.d.ts.map +1 -1
- package/lib/typescript/components/Badge/index.d.ts +1 -1
- package/lib/typescript/components/Badge/index.d.ts.map +1 -1
- package/lib/typescript/components/Button/index.d.ts +1 -1
- package/lib/typescript/components/Button/index.d.ts.map +1 -1
- package/lib/typescript/components/Icon/index.d.ts +7 -14
- package/lib/typescript/components/Icon/index.d.ts.map +1 -1
- package/lib/typescript/components/OneChip/index.d.ts +1 -1
- package/lib/typescript/components/OneChip/index.d.ts.map +1 -1
- package/lib/typescript/components/Tags/RawTag/index.d.ts +1 -1
- package/lib/typescript/components/Tags/RawTag/index.d.ts.map +1 -1
- package/lib/typescript/components/experimental/Lists/DataList/ItemContainer.d.ts +1 -1
- package/lib/typescript/components/experimental/Lists/DataList/ItemContainer.d.ts.map +1 -1
- package/lib/typescript/components/experimental/Lists/DataList/actions/CopyAction.d.ts.map +1 -1
- package/lib/typescript/components/experimental/Lists/DataList/index.d.ts +1 -1
- package/lib/typescript/components/experimental/Lists/DataList/index.d.ts.map +1 -1
- package/lib/typescript/components/exports.d.ts +3 -2
- package/lib/typescript/components/exports.d.ts.map +1 -1
- package/lib/typescript/components/primitives/F0Icon/F0Icon.d.ts +25 -0
- package/lib/typescript/components/primitives/F0Icon/F0Icon.d.ts.map +1 -0
- package/lib/typescript/components/primitives/F0Icon/F0Icon.styles.d.ts +90 -0
- package/lib/typescript/components/primitives/F0Icon/F0Icon.styles.d.ts.map +1 -0
- package/lib/typescript/components/primitives/F0Icon/F0Icon.types.d.ts +47 -0
- package/lib/typescript/components/primitives/F0Icon/F0Icon.types.d.ts.map +1 -0
- package/lib/typescript/components/primitives/F0Icon/index.d.ts +10 -0
- package/lib/typescript/components/primitives/F0Icon/index.d.ts.map +1 -0
- package/lib/typescript/components/primitives/PressableFeedback/PressableFeedback.d.ts +18 -0
- package/lib/typescript/components/primitives/PressableFeedback/PressableFeedback.d.ts.map +1 -0
- package/lib/typescript/components/{PressableFeedback/index.d.ts → primitives/PressableFeedback/PressableFeedback.types.d.ts} +10 -7
- package/lib/typescript/components/primitives/PressableFeedback/PressableFeedback.types.d.ts.map +1 -0
- package/lib/typescript/components/primitives/PressableFeedback/index.d.ts +3 -0
- package/lib/typescript/components/primitives/PressableFeedback/index.d.ts.map +1 -0
- package/lib/typescript/icons/index.d.ts +0 -1
- package/lib/typescript/icons/index.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/components/Activity/ActivityItem/index.spec.tsx +1 -1
- package/src/components/Activity/ActivityItem/index.tsx +1 -1
- package/src/components/Avatars/IconAvatar/index.tsx +6 -2
- package/src/components/Avatars/ModuleAvatar/index.tsx +1 -1
- package/src/components/Badge/index.tsx +2 -2
- package/src/components/Button/index.spec.tsx +3 -4
- package/src/components/Button/index.tsx +19 -13
- package/src/components/Icon/__tests__/Icon.spec.tsx +0 -4
- package/src/components/Icon/index.tsx +7 -26
- package/src/components/OneChip/index.tsx +4 -4
- package/src/components/OnePreset/index.tsx +1 -1
- package/src/components/Tags/AlertTab/index.tsx +2 -2
- package/src/components/Tags/BaseTag/index.tsx +1 -1
- package/src/components/Tags/RawTag/index.tsx +2 -2
- package/src/components/experimental/Lists/DataList/ItemContainer.tsx +2 -2
- package/src/components/experimental/Lists/DataList/actions/CopyAction.tsx +7 -10
- package/src/components/experimental/Lists/DataList/actions/GenericAction.tsx +2 -2
- package/src/components/experimental/Lists/DataList/index.tsx +1 -1
- package/src/components/experimental/Lists/DetailsItem/__snapshots__/index.spec.tsx.snap +4 -4
- package/src/components/experimental/Lists/DetailsItemsList/__snapshots__/index.spec.tsx.snap +1 -1
- package/src/components/exports.ts +3 -2
- package/src/components/primitives/F0Icon/F0Icon.md +187 -0
- package/src/components/primitives/F0Icon/F0Icon.styles.ts +43 -0
- package/src/components/primitives/F0Icon/F0Icon.tsx +73 -0
- package/src/components/primitives/F0Icon/F0Icon.types.ts +77 -0
- package/src/components/primitives/F0Icon/__tests__/F0Icon.spec.tsx +131 -0
- package/src/components/primitives/F0Icon/__tests__/F0Icon.tokens.spec.ts +39 -0
- package/src/components/primitives/F0Icon/index.ts +10 -0
- package/src/components/primitives/PressableFeedback/PressableFeedback.md +50 -0
- package/src/components/{PressableFeedback/index.tsx → primitives/PressableFeedback/PressableFeedback.tsx} +18 -44
- package/src/components/primitives/PressableFeedback/PressableFeedback.types.ts +45 -0
- package/src/components/{PressableFeedback → primitives/PressableFeedback/__tests__}/index.spec.tsx +1 -5
- package/src/components/primitives/PressableFeedback/index.ts +7 -0
- package/src/icons/index.ts +0 -1
- package/lib/module/components/Icon/README.md +0 -63
- package/lib/module/components/PressableFeedback/index.js +0 -2
- package/lib/module/components/PressableFeedback/index.js.map +0 -1
- package/lib/module/components/PressableFeedback/index.spec.js +0 -2
- package/lib/module/components/PressableFeedback/index.spec.js.map +0 -1
- package/lib/typescript/components/PressableFeedback/index.d.ts.map +0 -1
- package/src/components/Icon/README.md +0 -63
- /package/src/components/{PressableFeedback → primitives/PressableFeedback/__tests__}/__snapshots__/index.spec.tsx.snap +0 -0
|
@@ -0,0 +1,187 @@
|
|
|
1
|
+
# F0Icon
|
|
2
|
+
|
|
3
|
+
Icon component for rendering SVG icons with consistent sizing and semantic colors from the F0 Design System.
|
|
4
|
+
|
|
5
|
+
## Overview
|
|
6
|
+
|
|
7
|
+
F0Icon is an atomic component that wraps SVG icon components with automatic UniWind interop, standardized sizing variants, and semantic icon colors. It follows the same pattern as F0Text: a `color` prop maps to design system tokens, with `className` available as an escape hatch.
|
|
8
|
+
|
|
9
|
+
## Architecture
|
|
10
|
+
|
|
11
|
+
- **Pattern:** Props API (Atomic Component)
|
|
12
|
+
- **Category:** Primitive Component
|
|
13
|
+
- **Location:** `src/components/primitives/F0Icon/`
|
|
14
|
+
|
|
15
|
+
## Usage
|
|
16
|
+
|
|
17
|
+
<!-- prettier-ignore -->
|
|
18
|
+
```tsx
|
|
19
|
+
import { F0Icon } from "@factorialco/f0-react-native"
|
|
20
|
+
import { Archive } from "@factorialco/f0-react-native/icons/app"
|
|
21
|
+
import { Home } from "@factorialco/f0-react-native/icons/modules"
|
|
22
|
+
|
|
23
|
+
<F0Icon icon={Archive} />
|
|
24
|
+
|
|
25
|
+
<F0Icon icon={Home} size="lg" />
|
|
26
|
+
|
|
27
|
+
<F0Icon icon={Archive} color="critical" />
|
|
28
|
+
|
|
29
|
+
<F0Icon icon={Archive} size="sm" color="positive" testID="archive-icon" />
|
|
30
|
+
```
|
|
31
|
+
|
|
32
|
+
## Props
|
|
33
|
+
|
|
34
|
+
### `icon` (required)
|
|
35
|
+
|
|
36
|
+
- **Type:** `IconType`
|
|
37
|
+
- **Description:** SVG icon component to render (from `icons/` directory)
|
|
38
|
+
|
|
39
|
+
<!-- prettier-ignore -->
|
|
40
|
+
```tsx
|
|
41
|
+
import { Archive } from "@factorialco/f0-react-native/icons/app"
|
|
42
|
+
<F0Icon icon={Archive} />
|
|
43
|
+
```
|
|
44
|
+
|
|
45
|
+
### `size`
|
|
46
|
+
|
|
47
|
+
- **Type:** `'xl' | 'lg' | 'md' | 'sm' | 'xs'`
|
|
48
|
+
- **Default:** `'md'`
|
|
49
|
+
- **Description:** Size variant for the icon
|
|
50
|
+
|
|
51
|
+
<!-- prettier-ignore -->
|
|
52
|
+
```tsx
|
|
53
|
+
<F0Icon icon={Archive} size="xl" /> // 32x32px
|
|
54
|
+
<F0Icon icon={Archive} size="lg" /> // 24x24px
|
|
55
|
+
<F0Icon icon={Archive} size="md" /> // 20x20px (default)
|
|
56
|
+
<F0Icon icon={Archive} size="sm" /> // 16x16px
|
|
57
|
+
<F0Icon icon={Archive} size="xs" /> // 12x12px
|
|
58
|
+
```
|
|
59
|
+
|
|
60
|
+
### `color`
|
|
61
|
+
|
|
62
|
+
- **Type:** `IconColor` (see below)
|
|
63
|
+
- **Default:** none (no color class applied; icon inherits from parent)
|
|
64
|
+
- **Description:** Semantic icon color from the F0 design system. Maps to `f0-icon-*` tokens.
|
|
65
|
+
|
|
66
|
+
<!-- prettier-ignore -->
|
|
67
|
+
```tsx
|
|
68
|
+
<F0Icon icon={Archive} color="default" />
|
|
69
|
+
<F0Icon icon={Archive} color="critical" />
|
|
70
|
+
<F0Icon icon={Archive} color="positive" />
|
|
71
|
+
<F0Icon icon={Archive} color="info" />
|
|
72
|
+
<F0Icon icon={Archive} color="warning" />
|
|
73
|
+
<F0Icon icon={Archive} color="accent" />
|
|
74
|
+
```
|
|
75
|
+
|
|
76
|
+
### `testID`
|
|
77
|
+
|
|
78
|
+
- **Type:** `string`
|
|
79
|
+
- **Description:** Test identifier for testing library
|
|
80
|
+
|
|
81
|
+
<!-- prettier-ignore -->
|
|
82
|
+
```tsx
|
|
83
|
+
<F0Icon icon={Archive} testID="my-icon" />
|
|
84
|
+
```
|
|
85
|
+
|
|
86
|
+
### `className`
|
|
87
|
+
|
|
88
|
+
- **Type:** `string`
|
|
89
|
+
- **Description:** Tailwind classes for custom styling. Use as an escape hatch when `color` doesn't cover the need (e.g. layout adjustments, one-off colors).
|
|
90
|
+
|
|
91
|
+
<!-- prettier-ignore -->
|
|
92
|
+
```tsx
|
|
93
|
+
<F0Icon icon={Archive} className="-ml-0.5" />
|
|
94
|
+
<F0Icon icon={Star} className="text-yellow-500" />
|
|
95
|
+
```
|
|
96
|
+
|
|
97
|
+
### Other Props
|
|
98
|
+
|
|
99
|
+
F0Icon accepts all SVG props from `react-native-svg` except `style` (use `color` or `className` instead).
|
|
100
|
+
|
|
101
|
+
## Size Variants
|
|
102
|
+
|
|
103
|
+
| Variant | Width/Height | Stroke Width | Use Case |
|
|
104
|
+
| ------- | -------------- | ------------ | ---------------------------------- |
|
|
105
|
+
| `xl` | 32px (w-8 h-8) | stroke-xl | Large feature icons, hero sections |
|
|
106
|
+
| `lg` | 24px (w-6 h-6) | stroke-lg | Primary buttons, major actions |
|
|
107
|
+
| `md` | 20px (w-5 h-5) | stroke-md | Default size, most UI elements |
|
|
108
|
+
| `sm` | 16px (w-4 h-4) | stroke-sm | Secondary buttons, compact UI |
|
|
109
|
+
| `xs` | 12px (w-3 h-3) | stroke-xs | Inline icons, dense layouts |
|
|
110
|
+
|
|
111
|
+
## Color Variants
|
|
112
|
+
|
|
113
|
+
Derived from `f0-icon-*` tokens in `src/styles/theme.css`. Sync is enforced by `F0Icon.tokens.spec.ts`.
|
|
114
|
+
|
|
115
|
+
| Color | Token | Use Case |
|
|
116
|
+
| --------------------- | ---------------------------------- | ------------------------- |
|
|
117
|
+
| `default` | `text-f0-icon` | Standard icon color |
|
|
118
|
+
| `secondary` | `text-f0-icon-secondary` | Muted/secondary icons |
|
|
119
|
+
| `inverse` | `text-f0-icon-inverse` | Icons on dark backgrounds |
|
|
120
|
+
| `bold` | `text-f0-icon-bold` | High emphasis icons |
|
|
121
|
+
| `critical` | `text-f0-icon-critical` | Error/destructive |
|
|
122
|
+
| `critical-bold` | `text-f0-icon-critical-bold` | Bold critical emphasis |
|
|
123
|
+
| `accent` | `text-f0-icon-accent` | Brand accent |
|
|
124
|
+
| `info` | `text-f0-icon-info` | Informational |
|
|
125
|
+
| `warning` | `text-f0-icon-warning` | Warning states |
|
|
126
|
+
| `positive` | `text-f0-icon-positive` | Success/positive |
|
|
127
|
+
| `promote` | `text-f0-icon-promote` | Promotional highlights |
|
|
128
|
+
| `selected` | `text-f0-icon-selected` | Selected state |
|
|
129
|
+
| `selected-hover` | `text-f0-icon-selected-hover` | Selected hover state |
|
|
130
|
+
| `mood-super-negative` | `text-f0-icon-mood-super-negative` | Mood: very negative |
|
|
131
|
+
| `mood-negative` | `text-f0-icon-mood-negative` | Mood: negative |
|
|
132
|
+
| `mood-neutral` | `text-f0-icon-mood-neutral` | Mood: neutral |
|
|
133
|
+
| `mood-positive` | `text-f0-icon-mood-positive` | Mood: positive |
|
|
134
|
+
| `mood-super-positive` | `text-f0-icon-mood-super-positive` | Mood: very positive |
|
|
135
|
+
|
|
136
|
+
## Implementation Details
|
|
137
|
+
|
|
138
|
+
### UniWind Interop
|
|
139
|
+
|
|
140
|
+
F0Icon automatically applies UniWind interop to icon components using `withUniwind()`. Icons are cached in a `WeakSet` to ensure the wrapper is only applied once per icon type.
|
|
141
|
+
|
|
142
|
+
### Performance
|
|
143
|
+
|
|
144
|
+
- Wrapped in `React.memo` to prevent unnecessary re-renders
|
|
145
|
+
- `useMemo` for className generation
|
|
146
|
+
- Icon interop caching via `WeakSet`
|
|
147
|
+
|
|
148
|
+
### TypeScript
|
|
149
|
+
|
|
150
|
+
Style prop is blocked at compile-time to enforce `color`/`className` usage:
|
|
151
|
+
|
|
152
|
+
<!-- prettier-ignore -->
|
|
153
|
+
```tsx
|
|
154
|
+
<F0Icon icon={Archive} color="critical" />
|
|
155
|
+
|
|
156
|
+
// TypeScript error - style not allowed
|
|
157
|
+
<F0Icon icon={Archive} style={{ color: 'red' }} />
|
|
158
|
+
```
|
|
159
|
+
|
|
160
|
+
### Token Sync
|
|
161
|
+
|
|
162
|
+
`ICON_COLORS` in `F0Icon.types.ts` is kept in sync with `f0-icon-*` tokens from `theme.css` by a CI test (`F0Icon.tokens.spec.ts`). Adding or removing a token in theme.css without updating `ICON_COLORS` will fail the test.
|
|
163
|
+
|
|
164
|
+
## File Structure
|
|
165
|
+
|
|
166
|
+
```
|
|
167
|
+
src/components/primitives/F0Icon/
|
|
168
|
+
├── index.ts # Barrel exports
|
|
169
|
+
├── F0Icon.tsx # Component implementation
|
|
170
|
+
├── F0Icon.types.ts # TypeScript type definitions (ICON_COLORS, IconColor)
|
|
171
|
+
├── F0Icon.styles.ts # tailwind-variants configuration (size + color)
|
|
172
|
+
├── F0Icon.md # This documentation
|
|
173
|
+
└── __tests__/
|
|
174
|
+
├── F0Icon.spec.tsx # Component tests
|
|
175
|
+
└── F0Icon.tokens.spec.ts # Token sync test (theme.css ↔ ICON_COLORS)
|
|
176
|
+
```
|
|
177
|
+
|
|
178
|
+
## Related Components
|
|
179
|
+
|
|
180
|
+
- **F0Text** - Text primitive with semantic `color` prop (foreground tokens)
|
|
181
|
+
- **Button** - Uses F0Icon for icon slots
|
|
182
|
+
- **Badge** - Can include F0Icon
|
|
183
|
+
|
|
184
|
+
## References
|
|
185
|
+
|
|
186
|
+
- Design tokens: `src/styles/theme.css`
|
|
187
|
+
- Icon source: `src/icons/`
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{tv}from"tailwind-variants";export var iconVariants=tv({base:"shrink-0",variants:{size:{xl:"w-8 h-8 stroke-xl",lg:"w-6 h-6 stroke-lg",md:"w-5 h-5 stroke-md",sm:"w-4 h-4 stroke-sm",xs:"w-3 h-3 stroke-xs"},color:{default:"text-f0-icon",secondary:"text-f0-icon-secondary",inverse:"text-f0-icon-inverse",bold:"text-f0-icon-bold",critical:"text-f0-icon-critical","critical-bold":"text-f0-icon-critical-bold",accent:"text-f0-icon-accent",info:"text-f0-icon-info",warning:"text-f0-icon-warning",positive:"text-f0-icon-positive",promote:"text-f0-icon-promote",selected:"text-f0-icon-selected","selected-hover":"text-f0-icon-selected-hover","mood-super-negative":"text-f0-icon-mood-super-negative","mood-negative":"text-f0-icon-mood-negative","mood-neutral":"text-f0-icon-mood-neutral","mood-positive":"text-f0-icon-mood-positive","mood-super-positive":"text-f0-icon-mood-super-positive"}},defaultVariants:{size:"md"}});
|
|
2
|
+
//# sourceMappingURL=F0Icon.styles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["tv","iconVariants","base","variants","size","xl","lg","md","sm","xs","color","default","secondary","inverse","bold","critical","accent","info","warning","positive","promote","selected","defaultVariants"],"sourceRoot":"../../../../../src","sources":["components/primitives/F0Icon/F0Icon.styles.ts"],"mappings":"AAAA,OAASA,EAAE,KAAQ,mBAAmB,CAMtC,MAAO,IAAM,CAAAC,YAAY,CAAGD,EAAE,CAAC,CAC7BE,IAAI,CAAE,UAAU,CAEhBC,QAAQ,CAAE,CACRC,IAAI,CAAE,CACJC,EAAE,CAAE,mBAAmB,CACvBC,EAAE,CAAE,mBAAmB,CACvBC,EAAE,CAAE,mBAAmB,CACvBC,EAAE,CAAE,mBAAmB,CACvBC,EAAE,CAAE,mBACN,CAAC,CACDC,KAAK,CAAE,CACLC,OAAO,CAAE,cAAc,CACvBC,SAAS,CAAE,wBAAwB,CACnCC,OAAO,CAAE,sBAAsB,CAC/BC,IAAI,CAAE,mBAAmB,CACzBC,QAAQ,CAAE,uBAAuB,CACjC,eAAe,CAAE,4BAA4B,CAC7CC,MAAM,CAAE,qBAAqB,CAC7BC,IAAI,CAAE,mBAAmB,CACzBC,OAAO,CAAE,sBAAsB,CAC/BC,QAAQ,CAAE,uBAAuB,CACjCC,OAAO,CAAE,sBAAsB,CAC/BC,QAAQ,CAAE,uBAAuB,CACjC,gBAAgB,CAAE,6BAA6B,CAC/C,qBAAqB,CAAE,kCAAkC,CACzD,eAAe,CAAE,4BAA4B,CAC7C,cAAc,CAAE,2BAA2B,CAC3C,eAAe,CAAE,4BAA4B,CAC7C,qBAAqB,CAAE,kCACzB,CACF,CAAC,CAEDC,eAAe,CAAE,CACflB,IAAI,CAAE,IACR,CACF,CAAC,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export var ICON_COLORS=["default","secondary","inverse","bold","critical","critical-bold","accent","info","warning","positive","promote","selected","selected-hover","mood-super-negative","mood-negative","mood-neutral","mood-positive","mood-super-positive"];
|
|
2
|
+
//# sourceMappingURL=F0Icon.types.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["ICON_COLORS"],"sourceRoot":"../../../../../src","sources":["components/primitives/F0Icon/F0Icon.types.ts"],"mappings":"AAqBA,MAAO,IAAM,CAAAA,WAAW,CAAG,CACzB,SAAS,CACT,WAAW,CACX,SAAS,CACT,MAAM,CACN,UAAU,CACV,eAAe,CACf,QAAQ,CACR,MAAM,CACN,SAAS,CACT,UAAU,CACV,SAAS,CACT,UAAU,CACV,gBAAgB,CAChB,qBAAqB,CACrB,eAAe,CACf,cAAc,CACd,eAAe,CACf,qBAAqB,CACb","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["default","F0Icon","ICON_COLORS","applyIconInterop"],"sourceRoot":"../../../../../src","sources":["components/primitives/F0Icon/index.ts"],"mappings":"AAMA,OAASA,OAAO,GAAI,CAAAC,MAAM,KAAQ,UAAU,CAE5C,OAASC,WAAW,KAAQ,gBAAgB,CAC5C,OAASC,gBAAgB,KAAQ,UAAU","ignoreList":[]}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["variant","scaleAnimation","highlightAnimation","className","style","children","disableAnimation","onPressIn","onPressOut","disabled"];import{forwardRef,useCallback,useMemo}from"react";import{Pressable}from"react-native";import Animated,{Easing,useAnimatedStyle,useSharedValue,withTiming}from"react-native-reanimated";import{cn}from"../../../lib/utils";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";var AnimatedPressable=Animated.createAnimatedComponent(Pressable);var DEFAULT_TIMING_CONFIG={duration:150,easing:Easing.out(Easing.ease)};var _worklet_10925097770130_init_data={code:"function PressableFeedbackTsx1(){const{scale}=this.__closure;return{transform:[{scale:scale.value}]};}",location:"/home/runner/work/f0/f0/packages/react-native/src/components/primitives/PressableFeedback/PressableFeedback.tsx",sourceMap:"{\"version\":3,\"names\":[\"PressableFeedbackTsx1\",\"scale\",\"__closure\",\"transform\",\"value\"],\"sources\":[\"/home/runner/work/f0/f0/packages/react-native/src/components/primitives/PressableFeedback/PressableFeedback.tsx\"],\"mappings\":\"AAqIoD,SAAAA,qBAAMA,CAAA,QAAAC,KAAA,OAAAC,SAAA,CACpD,MAAO,CACLC,SAAS,CAAE,CAAC,CAAEF,KAAK,CAAEA,KAAK,CAACG,KAAM,CAAC,CACpC,CAAC,CACH\",\"ignoreList\":[]}"};var _worklet_4766302697702_init_data={code:"function PressableFeedbackTsx2(){const{highlightOpacity}=this.__closure;return{opacity:highlightOpacity.value};}",location:"/home/runner/work/f0/f0/packages/react-native/src/components/primitives/PressableFeedback/PressableFeedback.tsx",sourceMap:"{\"version\":3,\"names\":[\"PressableFeedbackTsx2\",\"highlightOpacity\",\"__closure\",\"opacity\",\"value\"],\"sources\":[\"/home/runner/work/f0/f0/packages/react-native/src/components/primitives/PressableFeedback/PressableFeedback.tsx\"],\"mappings\":\"AA2IoD,SAAAA,qBAAMA,CAAA,QAAAC,gBAAA,OAAAC,SAAA,CACpD,MAAO,CACLC,OAAO,CAAEF,gBAAgB,CAACG,KAC5B,CAAC,CACH\",\"ignoreList\":[]}"};export var PressableFeedback=forwardRef(function PressableFeedback(_ref,ref){var _scaleAnimation$value,_highlightAnimation$b;var _ref$variant=_ref.variant,variant=_ref$variant===void 0?"both":_ref$variant,scaleAnimation=_ref.scaleAnimation,highlightAnimation=_ref.highlightAnimation,className=_ref.className,style=_ref.style,children=_ref.children,_ref$disableAnimation=_ref.disableAnimation,disableAnimation=_ref$disableAnimation===void 0?false:_ref$disableAnimation,onPressIn=_ref.onPressIn,onPressOut=_ref.onPressOut,disabled=_ref.disabled,restProps=_objectWithoutProperties(_ref,_excluded);var scale=useSharedValue(1);var highlightOpacity=useSharedValue(0);var scaleValue=(_scaleAnimation$value=scaleAnimation==null?void 0:scaleAnimation.value)!=null?_scaleAnimation$value:0.98;var scaleTimingConfig=useMemo(function(){return Object.assign({},DEFAULT_TIMING_CONFIG,scaleAnimation==null?void 0:scaleAnimation.timingConfig);},[scaleAnimation]);var highlightOpacityValues=useMemo(function(){var _highlightAnimation$o;return(_highlightAnimation$o=highlightAnimation==null?void 0:highlightAnimation.opacity)!=null?_highlightAnimation$o:[0,0.15];},[highlightAnimation]);var highlightTimingConfig=useMemo(function(){return Object.assign({},DEFAULT_TIMING_CONFIG,highlightAnimation==null?void 0:highlightAnimation.timingConfig);},[highlightAnimation]);var highlightColor=(_highlightAnimation$b=highlightAnimation==null?void 0:highlightAnimation.backgroundColor)!=null?_highlightAnimation$b:"rgba(0, 0, 0, 1)";var shouldScale=!disableAnimation&&(variant==="scale"||variant==="both");var shouldHighlight=!disableAnimation&&(variant==="highlight"||variant==="both");var handlePressIn=useCallback(function(event){if(shouldScale){scale.value=withTiming(scaleValue,scaleTimingConfig);}if(shouldHighlight){highlightOpacity.value=withTiming(highlightOpacityValues[1],highlightTimingConfig);}onPressIn==null||onPressIn(event);},[shouldScale,shouldHighlight,scale,highlightOpacity,scaleValue,scaleTimingConfig,highlightOpacityValues,highlightTimingConfig,onPressIn]);var handlePressOut=useCallback(function(event){if(shouldScale){scale.value=withTiming(1,scaleTimingConfig);}if(shouldHighlight){highlightOpacity.value=withTiming(highlightOpacityValues[0],highlightTimingConfig);}onPressOut==null||onPressOut(event);},[shouldScale,shouldHighlight,scale,highlightOpacity,scaleTimingConfig,highlightOpacityValues,highlightTimingConfig,onPressOut]);var animatedContainerStyle=useAnimatedStyle(function PressableFeedbackTsx1Factory(_ref2){var _worklet_10925097770130_init_data=_ref2._worklet_10925097770130_init_data,scale=_ref2.scale;var _e=[new global.Error(),-2,-27];var PressableFeedbackTsx1=function PressableFeedbackTsx1(){return{transform:[{scale:scale.value}]};};PressableFeedbackTsx1.__closure={scale:scale};PressableFeedbackTsx1.__workletHash=10925097770130;PressableFeedbackTsx1.__pluginVersion="0.5.1";PressableFeedbackTsx1.__initData=_worklet_10925097770130_init_data;PressableFeedbackTsx1.__stackDetails=_e;return PressableFeedbackTsx1;}({_worklet_10925097770130_init_data:_worklet_10925097770130_init_data,scale:scale}));var animatedHighlightStyle=useAnimatedStyle(function PressableFeedbackTsx2Factory(_ref3){var _worklet_4766302697702_init_data=_ref3._worklet_4766302697702_init_data,highlightOpacity=_ref3.highlightOpacity;var _e=[new global.Error(),-2,-27];var PressableFeedbackTsx2=function PressableFeedbackTsx2(){return{opacity:highlightOpacity.value};};PressableFeedbackTsx2.__closure={highlightOpacity:highlightOpacity};PressableFeedbackTsx2.__workletHash=4766302697702;PressableFeedbackTsx2.__pluginVersion="0.5.1";PressableFeedbackTsx2.__initData=_worklet_4766302697702_init_data;PressableFeedbackTsx2.__stackDetails=_e;return PressableFeedbackTsx2;}({_worklet_4766302697702_init_data:_worklet_4766302697702_init_data,highlightOpacity:highlightOpacity}));return _jsxs(AnimatedPressable,Object.assign({ref:ref,disabled:disabled,onPressIn:handlePressIn,onPressOut:handlePressOut,className:cn("overflow-hidden",className),style:[animatedContainerStyle,style]},restProps,{children:[shouldHighlight&&_jsx(Animated.View,{pointerEvents:"none",className:"absolute inset-0",style:[animatedHighlightStyle,{backgroundColor:highlightColor}]}),children]}));});PressableFeedback.displayName="PressableFeedback";export default PressableFeedback;
|
|
2
|
+
//# sourceMappingURL=PressableFeedback.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["forwardRef","useCallback","useMemo","Pressable","Animated","Easing","useAnimatedStyle","useSharedValue","withTiming","cn","jsx","_jsx","jsxs","_jsxs","AnimatedPressable","createAnimatedComponent","DEFAULT_TIMING_CONFIG","duration","easing","out","ease","_worklet_10925097770130_init_data","code","location","sourceMap","_worklet_4766302697702_init_data","PressableFeedback","_ref","ref","_scaleAnimation$value","_highlightAnimation$b","_ref$variant","variant","scaleAnimation","highlightAnimation","className","style","children","_ref$disableAnimation","disableAnimation","onPressIn","onPressOut","disabled","restProps","_objectWithoutProperties","_excluded","scale","highlightOpacity","scaleValue","value","scaleTimingConfig","Object","assign","timingConfig","highlightOpacityValues","_highlightAnimation$o","opacity","highlightTimingConfig","highlightColor","backgroundColor","shouldScale","shouldHighlight","handlePressIn","event","handlePressOut","animatedContainerStyle","PressableFeedbackTsx1Factory","_ref2","_e","global","Error","PressableFeedbackTsx1","transform","__closure","__workletHash","__pluginVersion","__initData","__stackDetails","animatedHighlightStyle","PressableFeedbackTsx2Factory","_ref3","PressableFeedbackTsx2","View","pointerEvents","displayName"],"sourceRoot":"../../../../../src","sources":["components/primitives/PressableFeedback/PressableFeedback.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
# PressableFeedback
|
|
2
|
+
|
|
3
|
+
Internal pressable primitive with animated press feedback for the F0 Design System.
|
|
4
|
+
|
|
5
|
+
## Overview
|
|
6
|
+
|
|
7
|
+
PressableFeedback wraps React Native's `Pressable` with Reanimated animations (scale + highlight overlay). It provides consistent press feedback across interactive F0 components.
|
|
8
|
+
|
|
9
|
+
This is an internal primitive used by higher-level components.
|
|
10
|
+
|
|
11
|
+
## Architecture
|
|
12
|
+
|
|
13
|
+
- **Pattern:** Props API (Atomic)
|
|
14
|
+
- **Category:** Internal Primitive
|
|
15
|
+
- **Location:** `src/components/primitives/PressableFeedback/`
|
|
16
|
+
|
|
17
|
+
## Usage
|
|
18
|
+
|
|
19
|
+
<!-- prettier-ignore -->
|
|
20
|
+
```tsx
|
|
21
|
+
import { PressableFeedback } from "@factorialco/f0-react-native"
|
|
22
|
+
|
|
23
|
+
<PressableFeedback onPress={handlePress}>
|
|
24
|
+
<View>{/* content */}</View>
|
|
25
|
+
</PressableFeedback>
|
|
26
|
+
|
|
27
|
+
<PressableFeedback variant="scale" onPress={handlePress}>
|
|
28
|
+
<View>{/* content */}</View>
|
|
29
|
+
</PressableFeedback>
|
|
30
|
+
```
|
|
31
|
+
|
|
32
|
+
## Props
|
|
33
|
+
|
|
34
|
+
| Prop | Type | Default | Description |
|
|
35
|
+
| -------------------- | -------------------------- | ----------------- | --------------------------------------------- |
|
|
36
|
+
| `variant` | `PressableFeedbackVariant` | `"both"` | Feedback style: highlight, scale, both, none |
|
|
37
|
+
| `scaleAnimation` | `ScaleAnimationConfig` | `{ value: 0.98 }` | Scale animation configuration |
|
|
38
|
+
| `highlightAnimation` | `HighlightAnimationConfig` | See below | Highlight overlay configuration |
|
|
39
|
+
| `disableAnimation` | `boolean` | `false` | Disables all animations |
|
|
40
|
+
| `disabled` | `boolean` | — | Disables the pressable |
|
|
41
|
+
| `className` | `string` | — | Additional Tailwind classes |
|
|
42
|
+
| `style` | `PressableProps["style"]` | — | Style (needed for Reanimated animated styles) |
|
|
43
|
+
| `children` | `React.ReactNode` | — | Content to render |
|
|
44
|
+
|
|
45
|
+
All `PressableProps` (except `style` and `children` which are re-declared) are also forwarded.
|
|
46
|
+
|
|
47
|
+
### Default Animation Values
|
|
48
|
+
|
|
49
|
+
- **Scale:** `0.98` with `150ms` ease-out
|
|
50
|
+
- **Highlight:** `rgba(0,0,0,1)` at `0 -> 0.15` opacity with `150ms` ease-out
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":[],"sourceRoot":"../../../../../src","sources":["components/primitives/PressableFeedback/PressableFeedback.types.ts"],"mappings":"","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["PressableFeedback","default"],"sourceRoot":"../../../../../src","sources":["components/primitives/PressableFeedback/index.ts"],"mappings":"AAAA,OAASA,iBAAiB,CAAEC,OAAO,KAAQ,qBAAqB","ignoreList":[]}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import*as AppIcons from"./app";import*as ModuleIcons from"./modules";export{AppIcons,ModuleIcons};export*from"./types";
|
|
1
|
+
import*as AppIcons from"./app";import*as ModuleIcons from"./modules";export{AppIcons,ModuleIcons};export*from"./types";
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["AppIcons","ModuleIcons"
|
|
1
|
+
{"version":3,"names":["AppIcons","ModuleIcons"],"sourceRoot":"../../../src","sources":["icons/index.ts"],"mappings":"AAAA,MAAO,GAAK,CAAAA,QAAQ,KAAM,OAAO,CACjC,MAAO,GAAK,CAAAC,WAAW,KAAM,WAAW,CACxC,OAASD,QAAQ,CAAEC,WAAW,EAC9B,WAAc,SAAS","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Activity/ActivityItem/index.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,QAAQ,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Activity/ActivityItem/index.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,yBAAyB,CAAA;AAEvD,MAAM,MAAM,iBAAiB,GAAG;IAC9B,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,QAAQ,EAAE,MAAM,CAAA;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;CAC9B,CAAA;AAED,eAAO,MAAM,YAAY,GAAI,sEAS1B,iBAAiB,gCAqCnB,CAAA;AAED,eAAO,MAAM,oBAAoB,mCAyBhC,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Avatars/IconAvatar/index.tsx"],"names":[],"mappings":"AAGA,OAAO,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Avatars/IconAvatar/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAU,KAAK,QAAQ,EAAE,MAAM,yBAAyB,CAAA;AAE/D,KAAK,KAAK,GAAG;IACX,IAAI,EAAE,QAAQ,CAAA;IACd,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAQD,eAAO,MAAM,UAAU;gCAAsC,KAAK;;CAgBjE,CAAA"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { type VariantProps } from "tailwind-variants";
|
|
2
|
-
import { IconType } from "../../
|
|
2
|
+
import { type IconType } from "../../primitives/F0Icon";
|
|
3
3
|
import { ModuleId } from "./modules";
|
|
4
4
|
declare const moduleAvatarVariants: import("tailwind-variants").TVReturnType<{
|
|
5
5
|
size: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Avatars/ModuleAvatar/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAEzD,OAAO,EAAE,QAAQ,EAAoB,MAAM,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Avatars/ModuleAvatar/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAEzD,OAAO,EAAE,KAAK,QAAQ,EAAoB,MAAM,yBAAyB,CAAA;AAEzE,OAAO,EAAE,QAAQ,EAAW,MAAM,WAAW,CAAA;AAE7C,QAAA,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;;;;iGAaxB,CAAA;AAgCF,MAAM,MAAM,iBAAiB,GAAG,YAAY,CAAC,OAAO,oBAAoB,CAAC,GACvE,CACI;IACE,MAAM,EAAE,QAAQ,CAAA;CACjB,GACD;IACE;;OAEG;IACH,IAAI,EAAE,QAAQ,CAAA;CACf,CACJ,CAAA;AAKH,eAAO,MAAM,YAAY;yBAA+B,iBAAiB;;CAoCxE,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Badge/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAEzD,OAAO,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Badge/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAEzD,OAAO,EAAU,KAAK,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AAE5D,QAAA,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qGAqBjB,CAAA;AAEF,QAAA,MAAM,SAAS;;;;;CAKL,CAAA;AAEV,MAAM,WAAW,UAAW,SAAQ,YAAY,CAAC,OAAO,aAAa,CAAC;IACpE,IAAI,EAAE,QAAQ,CAAA;IACd,IAAI,CAAC,EAAE,MAAM,OAAO,SAAS,CAAA;CAC9B;AAED,eAAO,MAAM,KAAK,GAAI,sBAA6B,UAAU,gCAQ5D,CAAA"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import { View } from "react-native";
|
|
3
3
|
import { type VariantProps } from "tailwind-variants";
|
|
4
|
-
import { type IconType } from "../
|
|
4
|
+
import { type IconType } from "../primitives/F0Icon";
|
|
5
5
|
export declare const variants: readonly ["default", "outline", "critical", "neutral", "ghost", "promote"];
|
|
6
6
|
export type ButtonVariant = (typeof variants)[number];
|
|
7
7
|
export declare const sizes: readonly ["sm", "md", "lg"];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+B,MAAM,OAAO,CAAA;AACnD,OAAO,EAAmB,IAAI,EAAE,MAAM,cAAc,CAAA;AACpD,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAGzD,OAAO,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+B,MAAM,OAAO,CAAA;AACnD,OAAO,EAAmB,IAAI,EAAE,MAAM,cAAc,CAAA;AACpD,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAGzD,OAAO,EAAU,KAAK,QAAQ,EAAkB,MAAM,sBAAsB,CAAA;AAE5E,eAAO,MAAM,QAAQ,4EAOX,CAAA;AACV,MAAM,MAAM,aAAa,GAAG,CAAC,OAAO,QAAQ,CAAC,CAAC,MAAM,CAAC,CAAA;AAErD,eAAO,MAAM,KAAK,6BAA8B,CAAA;AAChD,MAAM,MAAM,UAAU,GAAG,CAAC,OAAO,KAAK,CAAC,CAAC,MAAM,CAAC,CAAA;AAE/C,QAAA,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;8GA+BlB,CAAA;AAkEF,MAAM,WAAW,WAAY,SAAQ,YAAY,CAAC,OAAO,cAAc,CAAC;IACtE,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,CAAC,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,OAAO,CAAC,CAAA;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB;AAED,eAAO,MAAM,MAAM,0EA4GjB,CAAA"}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
|
-
import React
|
|
1
|
+
import React from "react";
|
|
2
2
|
import { Svg, SvgProps } from "react-native-svg";
|
|
3
3
|
import { type VariantProps } from "tailwind-variants";
|
|
4
|
+
import { type IconType } from "../primitives/F0Icon";
|
|
4
5
|
declare const iconVariants: import("tailwind-variants").TVReturnType<{
|
|
5
6
|
size: {
|
|
6
7
|
xl: string;
|
|
@@ -33,19 +34,11 @@ export interface IconProps extends SvgProps, VariantProps<typeof iconVariants> {
|
|
|
33
34
|
variant?: "default" | "critical" | "neutral" | "ghost" | "outline" | "promote";
|
|
34
35
|
isPressed?: boolean;
|
|
35
36
|
}
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
}
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
fontClassName?: string | undefined;
|
|
42
|
-
} & {
|
|
43
|
-
colorClassName?: string | undefined;
|
|
44
|
-
} & Omit<SvgProps & React.RefAttributes<Svg> & {
|
|
45
|
-
className?: string;
|
|
46
|
-
}, "ref"> & {
|
|
47
|
-
ref?: ((instance: Svg | null) => void | React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | React.RefObject<Svg> | null | undefined;
|
|
48
|
-
}) => React.ReactNode;
|
|
37
|
+
/**
|
|
38
|
+
* @deprecated Use F0Icon instead. This component will be removed in a future version.
|
|
39
|
+
* Migration: Replace <Icon icon={X} /> with <F0Icon icon={X} />.
|
|
40
|
+
* F0Icon supports the same `icon`, `size`, `testID`, and `className` props, plus semantic `color` variants.
|
|
41
|
+
*/
|
|
49
42
|
export declare const Icon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<Svg>>;
|
|
50
43
|
export {};
|
|
51
44
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Icon/index.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Icon/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAA;AACzC,OAAO,EAAE,GAAG,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAChD,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAGzD,OAAO,EAAoB,KAAK,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AAEtE,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;uDAchB,CAAA;AAEF,MAAM,WAAW,SAAU,SAAQ,QAAQ,EAAE,YAAY,CAAC,OAAO,YAAY,CAAC;IAC5E,IAAI,EAAE,QAAQ,CAAA;IACd,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,OAAO,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,CAAA;IAC9E,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB;AAED;;;;GAIG;AACH,eAAO,MAAM,IAAI,uEAiBf,CAAA"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { type VariantProps } from "tailwind-variants";
|
|
2
|
-
import { type IconType } from "../
|
|
2
|
+
import { type IconType } from "../primitives/F0Icon";
|
|
3
3
|
export declare const chipContainerVariants: import("tailwind-variants").TVReturnType<{
|
|
4
4
|
variant: {
|
|
5
5
|
default: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/OneChip/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAIzD,OAAO,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/OneChip/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAIzD,OAAO,EAAU,KAAK,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AAG5D,eAAO,MAAM,qBAAqB;;;;;;;;;;;;;;;2IAWhC,CAAA;AAEF,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;0DAW3B,CAAA;AAEF,UAAU,SAAU,SAAQ,YAAY,CAAC,OAAO,qBAAqB,CAAC;IACpE,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CACrB;AAED,eAAO,MAAM,OAAO,GAAI,6CAMrB,SAAS,gCA4CX,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Tags/RawTag/index.tsx"],"names":[],"mappings":"AAEA,OAAO,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Tags/RawTag/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAU,KAAK,QAAQ,EAAE,MAAM,yBAAyB,CAAA;AAG/D,MAAM,MAAM,WAAW,GAAG;IACxB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,uBAAuB,CAAC,EAAE,MAAM,CAAA;IAChC,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAED,eAAO,MAAM,MAAM;oEAMhB,WAAW;;CAmBb,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ItemContainer.d.ts","sourceRoot":"","sources":["../../../../../../src/components/experimental/Lists/DataList/ItemContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAa,MAAM,OAAO,CAAA;AAI/C,OAAO,
|
|
1
|
+
{"version":3,"file":"ItemContainer.d.ts","sourceRoot":"","sources":["../../../../../../src/components/experimental/Lists/DataList/ItemContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAa,MAAM,OAAO,CAAA;AAI/C,OAAO,EAAU,KAAK,QAAQ,EAAE,MAAM,4BAA4B,CAAA;AAKlE,OAAO,EAAE,UAAU,EAAE,MAAM,GAAG,CAAA;AAE9B,KAAK,kBAAkB,GAAG;IACxB,QAAQ,CAAC,EAAE,QAAQ,GAAG,CAAC,MAAM,YAAY,CAAC,CAAA;IAC1C,MAAM,CAAC,EAAE,UAAU,CAAA;IACnB,IAAI,EAAE,MAAM,CAAA;IACZ,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAED,eAAO,MAAM,aAAa,GAAI,OAAO,kBAAkB,gCA0BtD,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CopyAction.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/experimental/Lists/DataList/actions/CopyAction.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAuB,MAAM,OAAO,CAAA;AAGtD,OAAO,EAAE,cAAc,EAAE,MAAM,IAAI,CAAA;AAOnC,MAAM,MAAM,eAAe,GAAG;IAC5B,QAAQ,EAAE,SAAS,CAAA;CACpB,GAAG,cAAc,CAAA;AAElB,eAAO,MAAM,UAAU,GAAI,oBAAoB,eAAe,
|
|
1
|
+
{"version":3,"file":"CopyAction.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/experimental/Lists/DataList/actions/CopyAction.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAuB,MAAM,OAAO,CAAA;AAGtD,OAAO,EAAE,cAAc,EAAE,MAAM,IAAI,CAAA;AAOnC,MAAM,MAAM,eAAe,GAAG;IAC5B,QAAQ,EAAE,SAAS,CAAA;CACpB,GAAG,cAAc,CAAA;AAElB,eAAO,MAAM,UAAU,GAAI,oBAAoB,eAAe,gCAsD7D,CAAA"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { ReactElement } from "react";
|
|
2
|
-
import { IconType } from "../../../
|
|
2
|
+
import { type IconType } from "../../../primitives/F0Icon";
|
|
3
3
|
import { DotTagProps } from "../../../Tags/DotTag";
|
|
4
4
|
export type DataListProps = {
|
|
5
5
|
children: ReactElement<Items>[] | ReactElement<Items>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/experimental/Lists/DataList/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAA;AAOpC,OAAO,EAAE,QAAQ,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/experimental/Lists/DataList/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAA;AAOpC,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,4BAA4B,CAAA;AAC1D,OAAO,EAAU,WAAW,EAAE,MAAM,sBAAsB,CAAA;AAI1D,MAAM,MAAM,aAAa,GAAG;IAC1B,QAAQ,EAAE,YAAY,CAAC,KAAK,CAAC,EAAE,GAAG,YAAY,CAAC,KAAK,CAAC,CAAA;IACrD,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB,CAAA;AAED,KAAK,KAAK,GACN,OAAO,IAAI,GACX,OAAO,UAAU,GACjB,OAAO,WAAW,GAClB,OAAO,QAAQ,CAAA;AAkCnB,MAAM,MAAM,SAAS,GAAG;IACtB,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,MAAM,CAAC,EAAE,UAAU,CAAA;CACpB,CAAA;AAED,MAAM,MAAM,UAAU,GAAG,cAAc,GAAG,iBAAiB,GAAG,cAAc,CAAA;AAE5E,MAAM,MAAM,cAAc,GAAG;IAC3B,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,CAAC,EAAE,MAAM,CAAA;CACd,CAAA;AAED,MAAM,MAAM,iBAAiB,GAAG;IAC9B,IAAI,EAAE,SAAS,CAAA;IACf,WAAW,CAAC,EAAE,MAAM,IAAI,CAAA;CACzB,CAAA;AAED,MAAM,MAAM,cAAc,GAAG;IAC3B,IAAI,EAAE,MAAM,CAAA;CACb,CAAA;AAED,QAAA,MAAM,IAAI,GAAI,wBAAwB,SAAS,gCAQ9C,CAAA;AAED,KAAK,GAAG,GAAG,MAAM,CAAA;AAEjB,KAAK,iBAAiB,GAAG;IACvB,SAAS,EAAE,MAAM,CAAA;IACjB,QAAQ,EAAE,MAAM,CAAA;IAChB,SAAS,CAAC,EAAE,GAAG,CAAA;IACf,MAAM,CAAC,EAAE,UAAU,CAAA;CACpB,CAAA;AAED,QAAA,MAAM,UAAU,GAAI,6CAKjB,iBAAiB,gCAgBnB,CAAA;AAED,KAAK,gBAAgB,GAAG;IACtB,IAAI,EAAE,MAAM,CAAA;IACZ,SAAS,CAAC,EAAE,GAAG,CAAA;IACf,MAAM,CAAC,EAAE,UAAU,CAAA;CACpB,CAAA;AAED,QAAA,MAAM,WAAW,GAAI,6BAA6B,gBAAgB,gCAUjE,CAAA;AAED,KAAK,aAAa,GAAG;IACnB,IAAI,EAAE,MAAM,CAAA;IACZ,MAAM,CAAC,EAAE,UAAU,CAAA;CACpB,CAAA;AAED,QAAA,MAAM,QAAQ,GAAI,kBAAkB,aAAa,gCAQhD,CAAA;AAED,KAAK,eAAe,GAAG,WAAW,CAAA;AA0BlC,eAAO,MAAM,QAAQ,uDAtJlB,aAAa;mCAiDsB,SAAS;+CAgDG,gBAAgB;8DAxB/D,iBAAiB;iCAyCgB,aAAa;+BAYf,eAAe;CA8B/C,CAAA"}
|
|
@@ -4,14 +4,15 @@ export * from "./Badge";
|
|
|
4
4
|
export * from "./Button";
|
|
5
5
|
export * from "./Counter";
|
|
6
6
|
export * from "./ExampleComponent";
|
|
7
|
-
export
|
|
7
|
+
export { Icon, type IconProps } from "./Icon";
|
|
8
8
|
export * from "./Navigation/PageHeader";
|
|
9
9
|
export * from "./OneChip";
|
|
10
10
|
export * from "./OnePreset";
|
|
11
|
-
export * from "./PressableFeedback";
|
|
12
11
|
export * from "./Tags/exports";
|
|
13
12
|
export * from "./experimental/Lists/DataList";
|
|
14
13
|
export * from "./experimental/Lists/DetailsItem";
|
|
15
14
|
export * from "./experimental/Lists/DetailsItemsList";
|
|
16
15
|
export * from "./primitives/F0Text";
|
|
16
|
+
export * from "./primitives/F0Icon";
|
|
17
|
+
export * from "./primitives/PressableFeedback";
|
|
17
18
|
//# sourceMappingURL=exports.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"exports.d.ts","sourceRoot":"","sources":["../../../src/components/exports.ts"],"names":[],"mappings":"AACA,cAAc,yBAAyB,CAAA;AACvC,cAAc,mBAAmB,CAAA;AACjC,cAAc,SAAS,CAAA;AACvB,cAAc,UAAU,CAAA;AACxB,cAAc,WAAW,CAAA;AACzB,cAAc,oBAAoB,CAAA;AAClC,
|
|
1
|
+
{"version":3,"file":"exports.d.ts","sourceRoot":"","sources":["../../../src/components/exports.ts"],"names":[],"mappings":"AACA,cAAc,yBAAyB,CAAA;AACvC,cAAc,mBAAmB,CAAA;AACjC,cAAc,SAAS,CAAA;AACvB,cAAc,UAAU,CAAA;AACxB,cAAc,WAAW,CAAA;AACzB,cAAc,oBAAoB,CAAA;AAClC,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,QAAQ,CAAA;AAC7C,cAAc,yBAAyB,CAAA;AACvC,cAAc,WAAW,CAAA;AACzB,cAAc,aAAa,CAAA;AAC3B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,+BAA+B,CAAA;AAC7C,cAAc,kCAAkC,CAAA;AAChD,cAAc,uCAAuC,CAAA;AAGrD,cAAc,qBAAqB,CAAA;AACnC,cAAc,qBAAqB,CAAA;AACnC,cAAc,gCAAgC,CAAA"}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import type { Svg } from "react-native-svg";
|
|
3
|
+
import type { F0IconProps, IconType } from "./F0Icon.types";
|
|
4
|
+
/**
|
|
5
|
+
* Applies UniWind interop to an icon component
|
|
6
|
+
* Ensures withUniwind is only applied once per icon type
|
|
7
|
+
* @internal
|
|
8
|
+
*/
|
|
9
|
+
export declare function applyIconInterop(icon: IconType): IconType;
|
|
10
|
+
/**
|
|
11
|
+
* F0Icon - Icon component for the F0 Design System
|
|
12
|
+
*
|
|
13
|
+
* Renders SVG icons with consistent sizing and semantic colors.
|
|
14
|
+
* Icons are automatically wrapped with UniWind for className support.
|
|
15
|
+
*
|
|
16
|
+
* @example
|
|
17
|
+
* import { Archive } from '@/icons/app';
|
|
18
|
+
*
|
|
19
|
+
* <F0Icon icon={Archive} size="lg" />
|
|
20
|
+
* <F0Icon icon={Archive} color="critical" />
|
|
21
|
+
* <F0Icon icon={Archive} size="sm" color="positive" />
|
|
22
|
+
*/
|
|
23
|
+
declare const F0Icon: React.MemoExoticComponent<React.ForwardRefExoticComponent<F0IconProps & React.RefAttributes<Svg>>>;
|
|
24
|
+
export default F0Icon;
|
|
25
|
+
//# sourceMappingURL=F0Icon.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"F0Icon.d.ts","sourceRoot":"","sources":["../../../../../src/components/primitives/F0Icon/F0Icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAA;AACtC,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAA;AAM3C,OAAO,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AAK3D;;;;GAIG;AACH,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,QAAQ,GAAG,QAAQ,CAOzD;AAED;;;;;;;;;;;;GAYG;AACH,QAAA,MAAM,MAAM,oGA6BX,CAAA;AAID,eAAe,MAAM,CAAA"}
|