@factorialco/f0-react-native 0.24.1 → 0.26.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.
Files changed (116) hide show
  1. package/lib/module/components/Activity/ActivityItem/index.js +1 -1
  2. package/lib/module/components/Avatars/BaseAvatar/index.js +1 -1
  3. package/lib/module/components/Avatars/DateAvatar/index.js +1 -1
  4. package/lib/module/components/Avatars/EmojiAvatar/index.js +1 -1
  5. package/lib/module/components/Avatars/FileAvatar/index.js +1 -1
  6. package/lib/module/components/Avatars/FileAvatar/utils.js +1 -1
  7. package/lib/module/components/Avatars/IconAvatar/index.js +1 -1
  8. package/lib/module/components/Avatars/ModuleAvatar/index.js +1 -1
  9. package/lib/module/components/Badge/index.js +1 -1
  10. package/lib/module/components/Button/index.js +1 -1
  11. package/lib/module/components/Counter/index.js +1 -1
  12. package/lib/module/components/ExampleComponent.js +1 -1
  13. package/lib/module/components/Icon/README.md +1 -1
  14. package/lib/module/components/Navigation/PageHeader/index.js +1 -1
  15. package/lib/module/components/OneChip/index.js +1 -1
  16. package/lib/module/components/OnePreset/index.js +1 -1
  17. package/lib/module/components/Tags/AlertTab/index.js +1 -1
  18. package/lib/module/components/Tags/BaseTag/index.js +1 -1
  19. package/lib/module/components/Tags/DotTag/index.js +1 -1
  20. package/lib/module/components/Tags/RawTag/index.js +1 -1
  21. package/lib/module/components/experimental/Lists/DataList/ItemContainer.js +1 -1
  22. package/lib/module/components/experimental/Lists/DataList/actions/CopyAction.js +1 -1
  23. package/lib/module/components/experimental/Lists/DataList/actions/GenericAction.js +1 -1
  24. package/lib/module/components/experimental/Lists/DataList/index.js +1 -1
  25. package/lib/module/components/experimental/Lists/DetailsItemsList/index.js +1 -1
  26. package/lib/module/icons/app/New.js +2 -0
  27. package/lib/module/icons/app/New.js.map +1 -0
  28. package/lib/module/icons/app/QuestionCircle.js +2 -0
  29. package/lib/module/icons/app/QuestionCircle.js.map +1 -0
  30. package/lib/module/icons/app/index.js +1 -1
  31. package/lib/module/icons/app/index.js.map +1 -1
  32. package/lib/module/icons/modules/Hub.js +1 -1
  33. package/lib/module/icons/modules/Hub.js.map +1 -1
  34. package/lib/module/styles/theme.css +308 -237
  35. package/lib/module/styles/tokens/colors.js +1 -1
  36. package/lib/module/styles/tokens/colors.js.map +1 -1
  37. package/lib/module/ui/avatar.js +1 -1
  38. package/lib/typescript/components/OneChip/index.d.ts +2 -2
  39. package/lib/typescript/icons/app/New.d.ts +5 -0
  40. package/lib/typescript/icons/app/New.d.ts.map +1 -0
  41. package/lib/typescript/icons/app/QuestionCircle.d.ts +5 -0
  42. package/lib/typescript/icons/app/QuestionCircle.d.ts.map +1 -0
  43. package/lib/typescript/icons/app/index.d.ts +2 -0
  44. package/lib/typescript/icons/app/index.d.ts.map +1 -1
  45. package/lib/typescript/icons/modules/Hub.d.ts.map +1 -1
  46. package/lib/typescript/styles/tokens/colors.d.ts +2 -2
  47. package/package.json +2 -2
  48. package/src/components/Activity/ActivityItem/__snapshots__/index.spec.tsx.snap +3 -3
  49. package/src/components/Activity/ActivityItem/index.tsx +10 -10
  50. package/src/components/Avatars/BaseAvatar/index.tsx +1 -1
  51. package/src/components/Avatars/CompanyAvatar/__snapshots__/index.spec.tsx.snap +1 -1
  52. package/src/components/Avatars/DateAvatar/__snapshots__/index.spec.tsx.snap +3 -3
  53. package/src/components/Avatars/DateAvatar/index.tsx +3 -3
  54. package/src/components/Avatars/EmojiAvatar/__snapshots__/index.spec.tsx.snap +3 -3
  55. package/src/components/Avatars/EmojiAvatar/index.tsx +1 -1
  56. package/src/components/Avatars/FileAvatar/__snapshots__/index.spec.tsx.snap +26 -26
  57. package/src/components/Avatars/FileAvatar/index.tsx +2 -2
  58. package/src/components/Avatars/FileAvatar/utils.ts +13 -13
  59. package/src/components/Avatars/IconAvatar/__snapshots__/index.spec.tsx.snap +6 -6
  60. package/src/components/Avatars/IconAvatar/index.tsx +2 -2
  61. package/src/components/Avatars/ModuleAvatar/index.tsx +1 -1
  62. package/src/components/Avatars/PersonAvatar/__snapshots__/index.spec.tsx.snap +1 -1
  63. package/src/components/Avatars/TeamAvatar/__snapshots__/index.spec.tsx.snap +1 -1
  64. package/src/components/Badge/index.tsx +5 -5
  65. package/src/components/Button/__snapshots__/index.spec.tsx.snap +22 -22
  66. package/src/components/Button/index.tsx +22 -22
  67. package/src/components/Counter/__snapshots__/index.spec.tsx.snap +14 -14
  68. package/src/components/Counter/index.tsx +6 -6
  69. package/src/components/ExampleComponent.tsx +2 -2
  70. package/src/components/Icon/README.md +1 -1
  71. package/src/components/Navigation/PageHeader/__snapshots__/index.spec.tsx.snap +4 -4
  72. package/src/components/Navigation/PageHeader/index.tsx +1 -1
  73. package/src/components/OneChip/__snapshots__/index.spec.tsx.snap +11 -11
  74. package/src/components/OneChip/index.tsx +5 -5
  75. package/src/components/OnePreset/__snapshots__/index.spec.tsx.snap +8 -8
  76. package/src/components/OnePreset/index.tsx +3 -3
  77. package/src/components/Tags/AlertTab/__snapshots__/index.spec.tsx.snap +9 -9
  78. package/src/components/Tags/AlertTab/index.tsx +9 -9
  79. package/src/components/Tags/BaseTag/index.tsx +2 -2
  80. package/src/components/Tags/DotTag/__snapshots__/index.spec.tsx.snap +38 -38
  81. package/src/components/Tags/DotTag/index.tsx +1 -1
  82. package/src/components/Tags/RawTag/__snapshots__/index.spec.tsx.snap +6 -6
  83. package/src/components/Tags/RawTag/index.tsx +3 -3
  84. package/src/components/experimental/Lists/DataList/ItemContainer.tsx +2 -2
  85. package/src/components/experimental/Lists/DataList/actions/CopyAction.tsx +4 -4
  86. package/src/components/experimental/Lists/DataList/actions/GenericAction.tsx +3 -3
  87. package/src/components/experimental/Lists/DataList/index.tsx +1 -1
  88. package/src/components/experimental/Lists/DetailsItem/__snapshots__/index.spec.tsx.snap +26 -26
  89. package/src/components/experimental/Lists/DetailsItemsList/__snapshots__/index.spec.tsx.snap +26 -26
  90. package/src/components/experimental/Lists/DetailsItemsList/index.tsx +3 -3
  91. package/src/icons/app/New.tsx +19 -0
  92. package/src/icons/app/QuestionCircle.tsx +21 -0
  93. package/src/icons/app/index.ts +2 -0
  94. package/src/icons/modules/Hub.tsx +2 -1
  95. package/src/styles/theme.css +308 -237
  96. package/src/styles/tokens/colors.ts +2 -2
  97. package/src/ui/avatar.tsx +1 -1
  98. package/lib/module/components/Activity/ActivityItem/__snapshots__/index.spec.tsx.snap +0 -62
  99. package/lib/module/components/Avatars/CompanyAvatar/__snapshots__/index.spec.tsx.snap +0 -25
  100. package/lib/module/components/Avatars/DateAvatar/__snapshots__/index.spec.tsx.snap +0 -18
  101. package/lib/module/components/Avatars/EmojiAvatar/__snapshots__/index.spec.tsx.snap +0 -37
  102. package/lib/module/components/Avatars/FileAvatar/__snapshots__/index.spec.tsx.snap +0 -261
  103. package/lib/module/components/Avatars/IconAvatar/__snapshots__/index.spec.tsx.snap +0 -265
  104. package/lib/module/components/Avatars/PersonAvatar/__snapshots__/index.spec.tsx.snap +0 -25
  105. package/lib/module/components/Avatars/TeamAvatar/__snapshots__/index.spec.tsx.snap +0 -25
  106. package/lib/module/components/Button/__snapshots__/index.spec.tsx.snap +0 -517
  107. package/lib/module/components/Counter/__snapshots__/index.spec.tsx.snap +0 -113
  108. package/lib/module/components/Navigation/PageHeader/__snapshots__/index.spec.tsx.snap +0 -242
  109. package/lib/module/components/OneChip/__snapshots__/index.spec.tsx.snap +0 -480
  110. package/lib/module/components/OnePreset/__snapshots__/index.spec.tsx.snap +0 -227
  111. package/lib/module/components/PressableFeedback/__snapshots__/index.spec.tsx.snap +0 -597
  112. package/lib/module/components/Tags/AlertTab/__snapshots__/index.spec.tsx.snap +0 -337
  113. package/lib/module/components/Tags/DotTag/__snapshots__/index.spec.tsx.snap +0 -1255
  114. package/lib/module/components/Tags/RawTag/__snapshots__/index.spec.tsx.snap +0 -252
  115. package/lib/module/components/experimental/Lists/DetailsItem/__snapshots__/index.spec.tsx.snap +0 -783
  116. package/lib/module/components/experimental/Lists/DetailsItemsList/__snapshots__/index.spec.tsx.snap +0 -695
@@ -1,242 +0,0 @@
1
- // Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
2
-
3
- exports[`PageHeader Snapshot - renders correctly with multiple actions 1`] = `
4
- <View
5
- className="flex-row items-center justify-between px-5 py-3"
6
- >
7
- <Text
8
- className="text-3xl font-semibold text-f1-foreground"
9
- >
10
- Test Page Title
11
- </Text>
12
- <View
13
- className="flex-row gap-2"
14
- >
15
- <View
16
- accessibilityLabel="Notifications"
17
- accessibilityState={
18
- {
19
- "busy": undefined,
20
- "checked": undefined,
21
- "disabled": undefined,
22
- "expanded": undefined,
23
- "selected": undefined,
24
- }
25
- }
26
- accessibilityValue={
27
- {
28
- "max": undefined,
29
- "min": undefined,
30
- "now": undefined,
31
- "text": undefined,
32
- }
33
- }
34
- accessible={true}
35
- collapsable={false}
36
- focusable={true}
37
- onClick={[Function]}
38
- onResponderGrant={[Function]}
39
- onResponderMove={[Function]}
40
- onResponderRelease={[Function]}
41
- onResponderTerminate={[Function]}
42
- onResponderTerminationRequest={[Function]}
43
- onStartShouldSetResponder={[Function]}
44
- style={
45
- {
46
- "opacity": 1,
47
- }
48
- }
49
- >
50
- <Text>
51
- Notifications
52
- </Text>
53
- <Text>
54
- Icon:
55
- Bell
56
- </Text>
57
- <Text>
58
- Badge
59
- </Text>
60
- </View>
61
- <View
62
- accessibilityLabel="Alerts"
63
- accessibilityState={
64
- {
65
- "busy": undefined,
66
- "checked": undefined,
67
- "disabled": undefined,
68
- "expanded": undefined,
69
- "selected": undefined,
70
- }
71
- }
72
- accessibilityValue={
73
- {
74
- "max": undefined,
75
- "min": undefined,
76
- "now": undefined,
77
- "text": undefined,
78
- }
79
- }
80
- accessible={true}
81
- collapsable={false}
82
- focusable={true}
83
- onClick={[Function]}
84
- onResponderGrant={[Function]}
85
- onResponderMove={[Function]}
86
- onResponderRelease={[Function]}
87
- onResponderTerminate={[Function]}
88
- onResponderTerminationRequest={[Function]}
89
- onStartShouldSetResponder={[Function]}
90
- style={
91
- {
92
- "opacity": 1,
93
- }
94
- }
95
- >
96
- <Text>
97
- Alerts
98
- </Text>
99
- <Text>
100
- Icon:
101
- Bell
102
- </Text>
103
- </View>
104
- </View>
105
- </View>
106
- `;
107
-
108
- exports[`PageHeader Snapshot - renders correctly with one action 1`] = `
109
- <View
110
- className="flex-row items-center justify-between px-5 py-3"
111
- >
112
- <Text
113
- className="text-3xl font-semibold text-f1-foreground"
114
- >
115
- Test Page Title
116
- </Text>
117
- <View
118
- className="flex-row gap-2"
119
- >
120
- <View
121
- accessibilityLabel="Notifications"
122
- accessibilityState={
123
- {
124
- "busy": undefined,
125
- "checked": undefined,
126
- "disabled": undefined,
127
- "expanded": undefined,
128
- "selected": undefined,
129
- }
130
- }
131
- accessibilityValue={
132
- {
133
- "max": undefined,
134
- "min": undefined,
135
- "now": undefined,
136
- "text": undefined,
137
- }
138
- }
139
- accessible={true}
140
- collapsable={false}
141
- focusable={true}
142
- onClick={[Function]}
143
- onResponderGrant={[Function]}
144
- onResponderMove={[Function]}
145
- onResponderRelease={[Function]}
146
- onResponderTerminate={[Function]}
147
- onResponderTerminationRequest={[Function]}
148
- onStartShouldSetResponder={[Function]}
149
- style={
150
- {
151
- "opacity": 1,
152
- }
153
- }
154
- >
155
- <Text>
156
- Notifications
157
- </Text>
158
- <Text>
159
- Icon:
160
- Bell
161
- </Text>
162
- </View>
163
- </View>
164
- </View>
165
- `;
166
-
167
- exports[`PageHeader Snapshot - renders correctly with one action with a badge 1`] = `
168
- <View
169
- className="flex-row items-center justify-between px-5 py-3"
170
- >
171
- <Text
172
- className="text-3xl font-semibold text-f1-foreground"
173
- >
174
- Test Page Title
175
- </Text>
176
- <View
177
- className="flex-row gap-2"
178
- >
179
- <View
180
- accessibilityLabel="Notifications"
181
- accessibilityState={
182
- {
183
- "busy": undefined,
184
- "checked": undefined,
185
- "disabled": undefined,
186
- "expanded": undefined,
187
- "selected": undefined,
188
- }
189
- }
190
- accessibilityValue={
191
- {
192
- "max": undefined,
193
- "min": undefined,
194
- "now": undefined,
195
- "text": undefined,
196
- }
197
- }
198
- accessible={true}
199
- collapsable={false}
200
- focusable={true}
201
- onClick={[Function]}
202
- onResponderGrant={[Function]}
203
- onResponderMove={[Function]}
204
- onResponderRelease={[Function]}
205
- onResponderTerminate={[Function]}
206
- onResponderTerminationRequest={[Function]}
207
- onStartShouldSetResponder={[Function]}
208
- style={
209
- {
210
- "opacity": 1,
211
- }
212
- }
213
- >
214
- <Text>
215
- Notifications
216
- </Text>
217
- <Text>
218
- Icon:
219
- Bell
220
- </Text>
221
- <Text>
222
- Badge
223
- </Text>
224
- </View>
225
- </View>
226
- </View>
227
- `;
228
-
229
- exports[`PageHeader Snapshot - renders correctly with only a title 1`] = `
230
- <View
231
- className="flex-row items-center justify-between px-5 py-3"
232
- >
233
- <Text
234
- className="text-3xl font-semibold text-f1-foreground"
235
- >
236
- Test Page Title
237
- </Text>
238
- <View
239
- className="flex-row gap-2"
240
- />
241
- </View>
242
- `;
@@ -1,480 +0,0 @@
1
- // Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
2
-
3
- exports[`OneChip Snapshot 1`] = `
4
- <View
5
- className="flex items-start"
6
- >
7
- <View
8
- accessibilityLabel="Action"
9
- accessibilityRole="button"
10
- accessibilityState={
11
- {
12
- "busy": undefined,
13
- "checked": undefined,
14
- "disabled": undefined,
15
- "expanded": undefined,
16
- "selected": undefined,
17
- }
18
- }
19
- accessibilityValue={
20
- {
21
- "max": undefined,
22
- "min": undefined,
23
- "now": undefined,
24
- "text": undefined,
25
- }
26
- }
27
- accessible={true}
28
- className="overflow-hidden flex items-center gap-1 rounded-full border border-solid border-f1-border px-2 py-0.5 grow-0"
29
- collapsable={false}
30
- focusable={true}
31
- onBlur={[Function]}
32
- onClick={[Function]}
33
- onFocus={[Function]}
34
- onResponderGrant={[Function]}
35
- onResponderMove={[Function]}
36
- onResponderRelease={[Function]}
37
- onResponderTerminate={[Function]}
38
- onResponderTerminationRequest={[Function]}
39
- onStartShouldSetResponder={[Function]}
40
- style={
41
- [
42
- {
43
- "transform": [
44
- {
45
- "scale": 1,
46
- },
47
- ],
48
- },
49
- undefined,
50
- ]
51
- }
52
- >
53
- <View
54
- className="absolute inset-0"
55
- pointerEvents="none"
56
- style={
57
- [
58
- {
59
- "opacity": 0,
60
- },
61
- {
62
- "backgroundColor": "rgba(0, 0, 0, 1)",
63
- },
64
- ]
65
- }
66
- />
67
- <View
68
- className="flex flex-row items-center gap-0.5"
69
- >
70
- <Text
71
- className="font-medium text-f1-foreground"
72
- >
73
- label
74
- </Text>
75
- </View>
76
- </View>
77
- </View>
78
- `;
79
-
80
- exports[`OneChip Snapshot variant selected 1`] = `
81
- <View
82
- className="flex items-start"
83
- >
84
- <View
85
- accessibilityLabel="Action"
86
- accessibilityRole="button"
87
- accessibilityState={
88
- {
89
- "busy": undefined,
90
- "checked": undefined,
91
- "disabled": undefined,
92
- "expanded": undefined,
93
- "selected": undefined,
94
- }
95
- }
96
- accessibilityValue={
97
- {
98
- "max": undefined,
99
- "min": undefined,
100
- "now": undefined,
101
- "text": undefined,
102
- }
103
- }
104
- accessible={true}
105
- className="overflow-hidden flex items-center gap-1 rounded-full border border-solid px-2 py-0.5 grow-0 border-f1-border-selected bg-f1-background-selected-secondary"
106
- collapsable={false}
107
- focusable={true}
108
- onBlur={[Function]}
109
- onClick={[Function]}
110
- onFocus={[Function]}
111
- onResponderGrant={[Function]}
112
- onResponderMove={[Function]}
113
- onResponderRelease={[Function]}
114
- onResponderTerminate={[Function]}
115
- onResponderTerminationRequest={[Function]}
116
- onStartShouldSetResponder={[Function]}
117
- style={
118
- [
119
- {
120
- "transform": [
121
- {
122
- "scale": 1,
123
- },
124
- ],
125
- },
126
- undefined,
127
- ]
128
- }
129
- >
130
- <View
131
- className="absolute inset-0"
132
- pointerEvents="none"
133
- style={
134
- [
135
- {
136
- "opacity": 0,
137
- },
138
- {
139
- "backgroundColor": "rgba(0, 0, 0, 1)",
140
- },
141
- ]
142
- }
143
- />
144
- <View
145
- className="flex flex-row items-center gap-0.5"
146
- >
147
- <Text
148
- className="font-medium text-f1-foreground-selected"
149
- >
150
- label
151
- </Text>
152
- </View>
153
- </View>
154
- </View>
155
- `;
156
-
157
- exports[`OneChip Snapshot with Icon 1`] = `
158
- <View
159
- className="flex items-start"
160
- >
161
- <View
162
- accessibilityLabel="Action"
163
- accessibilityRole="button"
164
- accessibilityState={
165
- {
166
- "busy": undefined,
167
- "checked": undefined,
168
- "disabled": undefined,
169
- "expanded": undefined,
170
- "selected": undefined,
171
- }
172
- }
173
- accessibilityValue={
174
- {
175
- "max": undefined,
176
- "min": undefined,
177
- "now": undefined,
178
- "text": undefined,
179
- }
180
- }
181
- accessible={true}
182
- className="overflow-hidden flex items-center gap-1 rounded-full border border-solid border-f1-border px-2 py-0.5 grow-0 pl-1.5"
183
- collapsable={false}
184
- focusable={true}
185
- onBlur={[Function]}
186
- onClick={[Function]}
187
- onFocus={[Function]}
188
- onResponderGrant={[Function]}
189
- onResponderMove={[Function]}
190
- onResponderRelease={[Function]}
191
- onResponderTerminate={[Function]}
192
- onResponderTerminationRequest={[Function]}
193
- onStartShouldSetResponder={[Function]}
194
- style={
195
- [
196
- {
197
- "transform": [
198
- {
199
- "scale": 1,
200
- },
201
- ],
202
- },
203
- undefined,
204
- ]
205
- }
206
- >
207
- <View
208
- className="absolute inset-0"
209
- pointerEvents="none"
210
- style={
211
- [
212
- {
213
- "opacity": 0,
214
- },
215
- {
216
- "backgroundColor": "rgba(0, 0, 0, 1)",
217
- },
218
- ]
219
- }
220
- />
221
- <View
222
- className="flex flex-row items-center gap-0.5"
223
- >
224
- <RNSVGSvgView
225
- align="xMidYMid"
226
- bbHeight="100%"
227
- bbWidth="100%"
228
- className="shrink-0 w-4 h-4 stroke-sm font-medium text-f1-foreground"
229
- fill="none"
230
- focusable={false}
231
- meetOrSlice={0}
232
- minX={0}
233
- minY={0}
234
- style={
235
- [
236
- {
237
- "backgroundColor": "transparent",
238
- "borderWidth": 0,
239
- },
240
- [
241
- {},
242
- ],
243
- {
244
- "flex": 0,
245
- "height": "100%",
246
- "width": "100%",
247
- },
248
- ]
249
- }
250
- vbHeight={24}
251
- vbWidth={24}
252
- >
253
- <RNSVGGroup
254
- fill={null}
255
- propList={
256
- [
257
- "fill",
258
- ]
259
- }
260
- >
261
- <RNSVGCircle
262
- cx={12}
263
- cy={12}
264
- fill={
265
- {
266
- "payload": 4278190080,
267
- "type": 0,
268
- }
269
- }
270
- propList={
271
- [
272
- "stroke",
273
- ]
274
- }
275
- r={8}
276
- stroke={
277
- {
278
- "type": 2,
279
- }
280
- }
281
- />
282
- <RNSVGPath
283
- d="m17.5 6.5-11 11M17.5 17.5l-11-11"
284
- fill={
285
- {
286
- "payload": 4278190080,
287
- "type": 0,
288
- }
289
- }
290
- propList={
291
- [
292
- "stroke",
293
- "strokeLinejoin",
294
- ]
295
- }
296
- stroke={
297
- {
298
- "type": 2,
299
- }
300
- }
301
- strokeLinejoin={1}
302
- />
303
- </RNSVGGroup>
304
- </RNSVGSvgView>
305
- <Text
306
- className="font-medium text-f1-foreground"
307
- >
308
- label
309
- </Text>
310
- </View>
311
- </View>
312
- </View>
313
- `;
314
-
315
- exports[`OneChip Snapshot with OnClose 1`] = `
316
- <View
317
- className="flex items-start"
318
- >
319
- <View
320
- accessibilityLabel="Action"
321
- accessibilityRole="button"
322
- accessibilityState={
323
- {
324
- "busy": undefined,
325
- "checked": undefined,
326
- "disabled": undefined,
327
- "expanded": undefined,
328
- "selected": undefined,
329
- }
330
- }
331
- accessibilityValue={
332
- {
333
- "max": undefined,
334
- "min": undefined,
335
- "now": undefined,
336
- "text": undefined,
337
- }
338
- }
339
- accessible={true}
340
- className="overflow-hidden flex items-center gap-1 rounded-full border border-solid border-f1-border px-2 py-0.5 grow-0 pr-1.5"
341
- collapsable={false}
342
- focusable={true}
343
- onBlur={[Function]}
344
- onClick={[Function]}
345
- onFocus={[Function]}
346
- onResponderGrant={[Function]}
347
- onResponderMove={[Function]}
348
- onResponderRelease={[Function]}
349
- onResponderTerminate={[Function]}
350
- onResponderTerminationRequest={[Function]}
351
- onStartShouldSetResponder={[Function]}
352
- style={
353
- [
354
- {
355
- "transform": [
356
- {
357
- "scale": 1,
358
- },
359
- ],
360
- },
361
- undefined,
362
- ]
363
- }
364
- >
365
- <View
366
- className="absolute inset-0"
367
- pointerEvents="none"
368
- style={
369
- [
370
- {
371
- "opacity": 0,
372
- },
373
- {
374
- "backgroundColor": "rgba(0, 0, 0, 1)",
375
- },
376
- ]
377
- }
378
- />
379
- <View
380
- className="flex flex-row items-center gap-0.5"
381
- >
382
- <Text
383
- className="font-medium text-f1-foreground"
384
- >
385
- label
386
- </Text>
387
- <View
388
- accessibilityLabel="Close"
389
- accessibilityRole="button"
390
- accessibilityState={
391
- {
392
- "busy": undefined,
393
- "checked": undefined,
394
- "disabled": undefined,
395
- "expanded": undefined,
396
- "selected": undefined,
397
- }
398
- }
399
- accessibilityValue={
400
- {
401
- "max": undefined,
402
- "min": undefined,
403
- "now": undefined,
404
- "text": undefined,
405
- }
406
- }
407
- accessible={true}
408
- className="-m-1 flex h-6 w-6 cursor-pointer items-center justify-center rounded-full [&_svg]:text-f1-icon-secondary"
409
- collapsable={false}
410
- focusable={true}
411
- onBlur={[Function]}
412
- onClick={[Function]}
413
- onFocus={[Function]}
414
- onResponderGrant={[Function]}
415
- onResponderMove={[Function]}
416
- onResponderRelease={[Function]}
417
- onResponderTerminate={[Function]}
418
- onResponderTerminationRequest={[Function]}
419
- onStartShouldSetResponder={[Function]}
420
- >
421
- <RNSVGSvgView
422
- align="xMidYMid"
423
- bbHeight="100%"
424
- bbWidth="100%"
425
- className="shrink-0 w-4 h-4 stroke-sm font-medium text-f1-foreground"
426
- fill="none"
427
- focusable={false}
428
- meetOrSlice={0}
429
- minX={0}
430
- minY={0}
431
- style={
432
- [
433
- {
434
- "backgroundColor": "transparent",
435
- "borderWidth": 0,
436
- },
437
- [
438
- {},
439
- ],
440
- {
441
- "flex": 0,
442
- "height": "100%",
443
- "width": "100%",
444
- },
445
- ]
446
- }
447
- vbHeight={24}
448
- vbWidth={24}
449
- >
450
- <RNSVGGroup
451
- fill={null}
452
- propList={
453
- [
454
- "fill",
455
- ]
456
- }
457
- >
458
- <RNSVGPath
459
- clipRule={0}
460
- d="M3.35 12a8.65 8.65 0 1 1 17.3 0 8.65 8.65 0 0 1-17.3 0m6.11-3.46a.65.65 0 0 0-.92.92L11.08 12l-2.54 2.54a.65.65 0 1 0 .92.92L12 12.92l2.54 2.54a.65.65 0 1 0 .92-.92L12.92 12l2.54-2.54a.65.65 0 1 0-.92-.92L12 11.08z"
461
- fill={
462
- {
463
- "type": 2,
464
- }
465
- }
466
- fillRule={0}
467
- propList={
468
- [
469
- "fill",
470
- "fillRule",
471
- ]
472
- }
473
- />
474
- </RNSVGGroup>
475
- </RNSVGSvgView>
476
- </View>
477
- </View>
478
- </View>
479
- </View>
480
- `;