@factorialco/f0-react-native 0.28.1 → 0.29.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 (34) hide show
  1. package/lib/module/components/primitives/F0Text/AnimatedF0Text/AnimatedF0Text.js +1 -1
  2. package/lib/module/components/primitives/F0Text/AnimatedF0Text/AnimatedF0Text.js.map +1 -1
  3. package/lib/module/components/primitives/F0Text/AnimatedF0Text/AnimatedF0Text.md +45 -8
  4. package/lib/module/components/primitives/F0Text/F0Text/F0Text.js +1 -1
  5. package/lib/module/components/primitives/F0Text/F0Text/F0Text.js.map +1 -1
  6. package/lib/module/components/primitives/F0Text/F0Text/F0Text.md +42 -31
  7. package/lib/module/components/primitives/F0Text/F0Text/F0Text.styles.js +1 -1
  8. package/lib/module/components/primitives/F0Text/F0Text/F0Text.styles.js.map +1 -1
  9. package/lib/module/components/primitives/F0Text/F0Text/F0Text.types.js +1 -1
  10. package/lib/module/components/primitives/F0Text/F0Text/F0Text.types.js.map +1 -1
  11. package/lib/module/lib/utils.js.map +1 -1
  12. package/lib/typescript/components/primitives/F0Text/AnimatedF0Text/AnimatedF0Text.d.ts.map +1 -1
  13. package/lib/typescript/components/primitives/F0Text/AnimatedF0Text/AnimatedF0Text.types.d.ts +14 -0
  14. package/lib/typescript/components/primitives/F0Text/AnimatedF0Text/AnimatedF0Text.types.d.ts.map +1 -1
  15. package/lib/typescript/components/primitives/F0Text/F0Text/F0Text.d.ts.map +1 -1
  16. package/lib/typescript/components/primitives/F0Text/F0Text/F0Text.styles.d.ts +2 -2
  17. package/lib/typescript/components/primitives/F0Text/F0Text/F0Text.styles.d.ts.map +1 -1
  18. package/lib/typescript/components/primitives/F0Text/F0Text/F0Text.types.d.ts +22 -18
  19. package/lib/typescript/components/primitives/F0Text/F0Text/F0Text.types.d.ts.map +1 -1
  20. package/lib/typescript/lib/utils.d.ts +1 -2
  21. package/lib/typescript/lib/utils.d.ts.map +1 -1
  22. package/package.json +1 -1
  23. package/src/components/primitives/F0Text/AnimatedF0Text/AnimatedF0Text.md +45 -8
  24. package/src/components/primitives/F0Text/AnimatedF0Text/AnimatedF0Text.tsx +20 -8
  25. package/src/components/primitives/F0Text/AnimatedF0Text/AnimatedF0Text.types.ts +15 -0
  26. package/src/components/primitives/F0Text/AnimatedF0Text/__tests__/AnimatedF0Text.spec.tsx +220 -0
  27. package/src/components/primitives/F0Text/AnimatedF0Text/__tests__/__snapshots__/AnimatedF0Text.spec.tsx.snap +16 -16
  28. package/src/components/primitives/F0Text/F0Text/F0Text.md +42 -31
  29. package/src/components/primitives/F0Text/F0Text/F0Text.styles.ts +1 -1
  30. package/src/components/primitives/F0Text/F0Text/F0Text.tsx +17 -10
  31. package/src/components/primitives/F0Text/F0Text/F0Text.types.ts +22 -18
  32. package/src/components/primitives/F0Text/F0Text/__tests__/F0Text.spec.tsx +340 -16
  33. package/src/components/primitives/F0Text/F0Text/__tests__/__snapshots__/F0Text.spec.tsx.snap +36 -36
  34. package/src/lib/utils.ts +1 -2
package/src/components/primitives/F0Text/F0Text/__tests__/__snapshots__/F0Text.spec.tsx.snap CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  exports[`F0Text Snapshots renders all color variants: color-accent 1`] = `
4
4
  <Text
5
- className="text-[14px] leading-[20px] font-normal text-f0-foreground-accent text-left"
5
+ className="no-underline normal-case tracking-normal text-[14px] leading-[20px] font-normal text-f0-foreground-accent text-left"
6
6
  >
7
7
  accent
8
8
  text
@@ -11,7 +11,7 @@ exports[`F0Text Snapshots renders all color variants: color-accent 1`] = `
11
11
 
12
12
  exports[`F0Text Snapshots renders all color variants: color-critical 1`] = `
13
13
  <Text
14
- className="text-[14px] leading-[20px] font-normal text-f0-foreground-critical text-left"
14
+ className="no-underline normal-case tracking-normal text-[14px] leading-[20px] font-normal text-f0-foreground-critical text-left"
15
15
  >
16
16
  critical
17
17
  text
@@ -20,7 +20,7 @@ exports[`F0Text Snapshots renders all color variants: color-critical 1`] = `
20
20
 
21
21
  exports[`F0Text Snapshots renders all color variants: color-default 1`] = `
22
22
  <Text
23
- className="text-[14px] leading-[20px] font-normal text-f0-foreground text-left"
23
+ className="no-underline normal-case tracking-normal text-[14px] leading-[20px] font-normal text-f0-foreground text-left"
24
24
  >
25
25
  default
26
26
  text
@@ -29,7 +29,7 @@ exports[`F0Text Snapshots renders all color variants: color-default 1`] = `
29
29
 
30
30
  exports[`F0Text Snapshots renders all color variants: color-disabled 1`] = `
31
31
  <Text
32
- className="text-[14px] leading-[20px] font-normal text-f0-foreground-disabled text-left"
32
+ className="no-underline normal-case tracking-normal text-[14px] leading-[20px] font-normal text-f0-foreground-disabled text-left"
33
33
  >
34
34
  disabled
35
35
  text
@@ -38,7 +38,7 @@ exports[`F0Text Snapshots renders all color variants: color-disabled 1`] = `
38
38
 
39
39
  exports[`F0Text Snapshots renders all color variants: color-info 1`] = `
40
40
  <Text
41
- className="text-[14px] leading-[20px] font-normal text-f0-foreground-info text-left"
41
+ className="no-underline normal-case tracking-normal text-[14px] leading-[20px] font-normal text-f0-foreground-info text-left"
42
42
  >
43
43
  info
44
44
  text
@@ -47,7 +47,7 @@ exports[`F0Text Snapshots renders all color variants: color-info 1`] = `
47
47
 
48
48
  exports[`F0Text Snapshots renders all color variants: color-inverse 1`] = `
49
49
  <Text
50
- className="text-[14px] leading-[20px] font-normal text-f0-foreground-inverse text-left"
50
+ className="no-underline normal-case tracking-normal text-[14px] leading-[20px] font-normal text-f0-foreground-inverse text-left"
51
51
  >
52
52
  inverse
53
53
  text
@@ -56,7 +56,7 @@ exports[`F0Text Snapshots renders all color variants: color-inverse 1`] = `
56
56
 
57
57
  exports[`F0Text Snapshots renders all color variants: color-inverse-secondary 1`] = `
58
58
  <Text
59
- className="text-[14px] leading-[20px] font-normal text-f0-foreground-inverse-secondary text-left"
59
+ className="no-underline normal-case tracking-normal text-[14px] leading-[20px] font-normal text-f0-foreground-inverse-secondary text-left"
60
60
  >
61
61
  inverse-secondary
62
62
  text
@@ -65,7 +65,7 @@ exports[`F0Text Snapshots renders all color variants: color-inverse-secondary 1`
65
65
 
66
66
  exports[`F0Text Snapshots renders all color variants: color-positive 1`] = `
67
67
  <Text
68
- className="text-[14px] leading-[20px] font-normal text-f0-foreground-positive text-left"
68
+ className="no-underline normal-case tracking-normal text-[14px] leading-[20px] font-normal text-f0-foreground-positive text-left"
69
69
  >
70
70
  positive
71
71
  text
@@ -74,7 +74,7 @@ exports[`F0Text Snapshots renders all color variants: color-positive 1`] = `
74
74
 
75
75
  exports[`F0Text Snapshots renders all color variants: color-secondary 1`] = `
76
76
  <Text
77
- className="text-[14px] leading-[20px] font-normal text-f0-foreground-secondary text-left"
77
+ className="no-underline normal-case tracking-normal text-[14px] leading-[20px] font-normal text-f0-foreground-secondary text-left"
78
78
  >
79
79
  secondary
80
80
  text
@@ -83,7 +83,7 @@ exports[`F0Text Snapshots renders all color variants: color-secondary 1`] = `
83
83
 
84
84
  exports[`F0Text Snapshots renders all color variants: color-selected 1`] = `
85
85
  <Text
86
- className="text-[14px] leading-[20px] font-normal text-f0-foreground-selected text-left"
86
+ className="no-underline normal-case tracking-normal text-[14px] leading-[20px] font-normal text-f0-foreground-selected text-left"
87
87
  >
88
88
  selected
89
89
  text
@@ -92,7 +92,7 @@ exports[`F0Text Snapshots renders all color variants: color-selected 1`] = `
92
92
 
93
93
  exports[`F0Text Snapshots renders all color variants: color-tertiary 1`] = `
94
94
  <Text
95
- className="text-[14px] leading-[20px] font-normal text-f0-foreground-tertiary text-left"
95
+ className="no-underline normal-case tracking-normal text-[14px] leading-[20px] font-normal text-f0-foreground-tertiary text-left"
96
96
  >
97
97
  tertiary
98
98
  text
@@ -101,7 +101,7 @@ exports[`F0Text Snapshots renders all color variants: color-tertiary 1`] = `
101
101
 
102
102
  exports[`F0Text Snapshots renders all color variants: color-warning 1`] = `
103
103
  <Text
104
- className="text-[14px] leading-[20px] font-normal text-f0-foreground-warning text-left"
104
+ className="no-underline normal-case tracking-normal text-[14px] leading-[20px] font-normal text-f0-foreground-warning text-left"
105
105
  >
106
106
  warning
107
107
  text
@@ -110,7 +110,7 @@ exports[`F0Text Snapshots renders all color variants: color-warning 1`] = `
110
110
 
111
111
  exports[`F0Text Snapshots renders all typography variants: variant-body-md-default 1`] = `
112
112
  <Text
113
- className="text-[16px] leading-[24px] font-normal text-f0-foreground text-left"
113
+ className="no-underline normal-case tracking-normal text-[16px] leading-[24px] font-normal text-f0-foreground text-left"
114
114
  >
115
115
  body-md-default
116
116
  text
@@ -119,7 +119,7 @@ exports[`F0Text Snapshots renders all typography variants: variant-body-md-defau
119
119
 
120
120
  exports[`F0Text Snapshots renders all typography variants: variant-body-md-medium 1`] = `
121
121
  <Text
122
- className="text-[16px] leading-[24px] font-medium text-f0-foreground text-left"
122
+ className="no-underline normal-case tracking-normal text-[16px] leading-[24px] font-medium text-f0-foreground text-left"
123
123
  >
124
124
  body-md-medium
125
125
  text
@@ -128,7 +128,7 @@ exports[`F0Text Snapshots renders all typography variants: variant-body-md-mediu
128
128
 
129
129
  exports[`F0Text Snapshots renders all typography variants: variant-body-md-semibold 1`] = `
130
130
  <Text
131
- className="text-[16px] leading-[24px] font-semibold text-f0-foreground text-left"
131
+ className="no-underline normal-case tracking-normal text-[16px] leading-[24px] font-semibold text-f0-foreground text-left"
132
132
  >
133
133
  body-md-semibold
134
134
  text
@@ -137,7 +137,7 @@ exports[`F0Text Snapshots renders all typography variants: variant-body-md-semib
137
137
 
138
138
  exports[`F0Text Snapshots renders all typography variants: variant-body-sm-default 1`] = `
139
139
  <Text
140
- className="text-[14px] leading-[20px] font-normal text-f0-foreground text-left"
140
+ className="no-underline normal-case tracking-normal text-[14px] leading-[20px] font-normal text-f0-foreground text-left"
141
141
  >
142
142
  body-sm-default
143
143
  text
@@ -146,7 +146,7 @@ exports[`F0Text Snapshots renders all typography variants: variant-body-sm-defau
146
146
 
147
147
  exports[`F0Text Snapshots renders all typography variants: variant-body-sm-medium 1`] = `
148
148
  <Text
149
- className="text-[14px] leading-[20px] font-medium text-f0-foreground text-left"
149
+ className="no-underline normal-case tracking-normal text-[14px] leading-[20px] font-medium text-f0-foreground text-left"
150
150
  >
151
151
  body-sm-medium
152
152
  text
@@ -155,7 +155,7 @@ exports[`F0Text Snapshots renders all typography variants: variant-body-sm-mediu
155
155
 
156
156
  exports[`F0Text Snapshots renders all typography variants: variant-body-sm-semibold 1`] = `
157
157
  <Text
158
- className="text-[14px] leading-[20px] font-semibold text-f0-foreground text-left"
158
+ className="no-underline normal-case tracking-normal text-[14px] leading-[20px] font-semibold text-f0-foreground text-left"
159
159
  >
160
160
  body-sm-semibold
161
161
  text
@@ -164,7 +164,7 @@ exports[`F0Text Snapshots renders all typography variants: variant-body-sm-semib
164
164
 
165
165
  exports[`F0Text Snapshots renders all typography variants: variant-body-xs-medium 1`] = `
166
166
  <Text
167
- className="text-[12px] leading-[16px] font-medium text-f0-foreground text-left"
167
+ className="no-underline normal-case tracking-normal text-[12px] leading-[16px] font-medium text-f0-foreground text-left"
168
168
  >
169
169
  body-xs-medium
170
170
  text
@@ -173,7 +173,7 @@ exports[`F0Text Snapshots renders all typography variants: variant-body-xs-mediu
173
173
 
174
174
  exports[`F0Text Snapshots renders all typography variants: variant-heading-lg 1`] = `
175
175
  <Text
176
- className="text-[24px] leading-[32px] tracking-[-0.2px] font-semibold text-f0-foreground text-left"
176
+ className="no-underline normal-case text-[24px] leading-[32px] tracking-[-0.2px] font-semibold text-f0-foreground text-left"
177
177
  >
178
178
  heading-lg
179
179
  text
@@ -182,7 +182,7 @@ exports[`F0Text Snapshots renders all typography variants: variant-heading-lg 1`
182
182
 
183
183
  exports[`F0Text Snapshots renders all typography variants: variant-heading-md 1`] = `
184
184
  <Text
185
- className="text-[20px] leading-[28px] tracking-[-0.2px] font-semibold text-f0-foreground text-left"
185
+ className="no-underline normal-case text-[20px] leading-[28px] tracking-[-0.2px] font-semibold text-f0-foreground text-left"
186
186
  >
187
187
  heading-md
188
188
  text
@@ -191,7 +191,7 @@ exports[`F0Text Snapshots renders all typography variants: variant-heading-md 1`
191
191
 
192
192
  exports[`F0Text Snapshots renders all typography variants: variant-heading-sm 1`] = `
193
193
  <Text
194
- className="text-[16px] leading-[24px] font-semibold text-f0-foreground text-left"
194
+ className="no-underline normal-case tracking-normal text-[16px] leading-[24px] font-semibold text-f0-foreground text-left"
195
195
  >
196
196
  heading-sm
197
197
  text
@@ -200,7 +200,7 @@ exports[`F0Text Snapshots renders all typography variants: variant-heading-sm 1`
200
200
 
201
201
  exports[`F0Text Snapshots renders all typography variants: variant-heading-xl 1`] = `
202
202
  <Text
203
- className="text-[36px] leading-[40px] tracking-[-0.2px] font-semibold text-f0-foreground text-left"
203
+ className="no-underline normal-case text-[36px] leading-[40px] tracking-[-0.2px] font-semibold text-f0-foreground text-left"
204
204
  >
205
205
  heading-xl
206
206
  text
@@ -209,7 +209,7 @@ exports[`F0Text Snapshots renders all typography variants: variant-heading-xl 1`
209
209
 
210
210
  exports[`F0Text Snapshots renders with alignment options: align-center 1`] = `
211
211
  <Text
212
- className="text-[14px] leading-[20px] font-normal text-f0-foreground text-center"
212
+ className="no-underline normal-case tracking-normal text-[14px] leading-[20px] font-normal text-f0-foreground text-center"
213
213
  >
214
214
  center
215
215
  text
@@ -218,7 +218,7 @@ exports[`F0Text Snapshots renders with alignment options: align-center 1`] = `
218
218
 
219
219
  exports[`F0Text Snapshots renders with alignment options: align-justify 1`] = `
220
220
  <Text
221
- className="text-[14px] leading-[20px] font-normal text-f0-foreground text-justify"
221
+ className="no-underline normal-case tracking-normal text-[14px] leading-[20px] font-normal text-f0-foreground text-justify"
222
222
  >
223
223
  justify
224
224
  text
@@ -227,7 +227,7 @@ exports[`F0Text Snapshots renders with alignment options: align-justify 1`] = `
227
227
 
228
228
  exports[`F0Text Snapshots renders with alignment options: align-left 1`] = `
229
229
  <Text
230
- className="text-[14px] leading-[20px] font-normal text-f0-foreground text-left"
230
+ className="no-underline normal-case tracking-normal text-[14px] leading-[20px] font-normal text-f0-foreground text-left"
231
231
  >
232
232
  left
233
233
  text
@@ -236,7 +236,7 @@ exports[`F0Text Snapshots renders with alignment options: align-left 1`] = `
236
236
 
237
237
  exports[`F0Text Snapshots renders with alignment options: align-right 1`] = `
238
238
  <Text
239
- className="text-[14px] leading-[20px] font-normal text-f0-foreground text-right"
239
+ className="no-underline normal-case tracking-normal text-[14px] leading-[20px] font-normal text-f0-foreground text-right"
240
240
  >
241
241
  right
242
242
  text
@@ -245,7 +245,7 @@ exports[`F0Text Snapshots renders with alignment options: align-right 1`] = `
245
245
 
246
246
  exports[`F0Text Snapshots renders with default variant (body-sm-default) 1`] = `
247
247
  <Text
248
- className="text-[14px] leading-[20px] font-normal text-f0-foreground text-left"
248
+ className="no-underline normal-case tracking-normal text-[14px] leading-[20px] font-normal text-f0-foreground text-left"
249
249
  >
250
250
  Default text
251
251
  </Text>
@@ -253,7 +253,7 @@ exports[`F0Text Snapshots renders with default variant (body-sm-default) 1`] = `
253
253
 
254
254
  exports[`F0Text Snapshots renders with numberOfLines truncation 1`] = `
255
255
  <Text
256
- className="text-[14px] leading-[20px] font-normal text-f0-foreground text-left"
256
+ className="no-underline normal-case tracking-normal text-[14px] leading-[20px] font-normal text-f0-foreground text-left"
257
257
  ellipsizeMode="tail"
258
258
  numberOfLines={2}
259
259
  >
@@ -263,7 +263,7 @@ exports[`F0Text Snapshots renders with numberOfLines truncation 1`] = `
263
263
 
264
264
  exports[`F0Text Snapshots renders with text decorations: decoration-line-through 1`] = `
265
265
  <Text
266
- className="text-[14px] leading-[20px] font-normal text-f0-foreground text-left line-through"
266
+ className="normal-case tracking-normal text-[14px] leading-[20px] font-normal text-f0-foreground text-left line-through"
267
267
  >
268
268
  line-through
269
269
  text
@@ -272,7 +272,7 @@ exports[`F0Text Snapshots renders with text decorations: decoration-line-through
272
272
 
273
273
  exports[`F0Text Snapshots renders with text decorations: decoration-none 1`] = `
274
274
  <Text
275
- className="text-[14px] leading-[20px] font-normal text-f0-foreground text-left"
275
+ className="no-underline normal-case tracking-normal text-[14px] leading-[20px] font-normal text-f0-foreground text-left"
276
276
  >
277
277
  none
278
278
  text
@@ -281,7 +281,7 @@ exports[`F0Text Snapshots renders with text decorations: decoration-none 1`] = `
281
281
 
282
282
  exports[`F0Text Snapshots renders with text decorations: decoration-underline 1`] = `
283
283
  <Text
284
- className="text-[14px] leading-[20px] font-normal text-f0-foreground text-left underline"
284
+ className="normal-case tracking-normal text-[14px] leading-[20px] font-normal text-f0-foreground text-left underline"
285
285
  >
286
286
  underline
287
287
  text
@@ -290,7 +290,7 @@ exports[`F0Text Snapshots renders with text decorations: decoration-underline 1`
290
290
 
291
291
  exports[`F0Text Snapshots renders with text transforms: transform-capitalize 1`] = `
292
292
  <Text
293
- className="text-[14px] leading-[20px] font-normal text-f0-foreground text-left capitalize"
293
+ className="no-underline tracking-normal text-[14px] leading-[20px] font-normal text-f0-foreground text-left capitalize"
294
294
  >
295
295
  capitalize
296
296
  text
@@ -299,7 +299,7 @@ exports[`F0Text Snapshots renders with text transforms: transform-capitalize 1`]
299
299
 
300
300
  exports[`F0Text Snapshots renders with text transforms: transform-lowercase 1`] = `
301
301
  <Text
302
- className="text-[14px] leading-[20px] font-normal text-f0-foreground text-left lowercase"
302
+ className="no-underline tracking-normal text-[14px] leading-[20px] font-normal text-f0-foreground text-left lowercase"
303
303
  >
304
304
  lowercase
305
305
  text
@@ -308,7 +308,7 @@ exports[`F0Text Snapshots renders with text transforms: transform-lowercase 1`]
308
308
 
309
309
  exports[`F0Text Snapshots renders with text transforms: transform-none 1`] = `
310
310
  <Text
311
- className="text-[14px] leading-[20px] font-normal text-f0-foreground text-left"
311
+ className="no-underline normal-case tracking-normal text-[14px] leading-[20px] font-normal text-f0-foreground text-left"
312
312
  >
313
313
  none
314
314
  text
@@ -317,7 +317,7 @@ exports[`F0Text Snapshots renders with text transforms: transform-none 1`] = `
317
317
 
318
318
  exports[`F0Text Snapshots renders with text transforms: transform-uppercase 1`] = `
319
319
  <Text
320
- className="text-[14px] leading-[20px] font-normal text-f0-foreground text-left uppercase"
320
+ className="no-underline tracking-normal text-[14px] leading-[20px] font-normal text-f0-foreground text-left uppercase"
321
321
  >
322
322
  uppercase
323
323
  text
package/src/lib/utils.ts CHANGED
@@ -10,11 +10,10 @@ export function cn(...args: CnOptions): string {
10
10
 
11
11
  /**
12
12
  * Omits specified keys from an object at runtime.
13
- * Used to filter blocked props (e.g. style, className) before spreading to primitives.
13
+ * Used to filter blocked props (e.g. style) before spreading to primitives.
14
14
  *
15
15
  * @example
16
16
  * omitProps(rest, ["style"])
17
- * omitProps(rest, ["style", "className"])
18
17
  */
19
18
  export function omitProps<T extends Record<string, unknown>, K extends string>(
20
19
  obj: T,