react-native-ui-lib 7.39.0-snapshot.6700 → 7.39.0-snapshot.6708

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 (3) hide show
  1. package/package.json +1 -1
  2. package/src/components/button/button.api.json +25 -85
  3. package/src/components/sortableList/SortableList.api.json +7 -7
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "react-native-ui-lib",
3
- "version": "7.39.0-snapshot.6700",
3
+ "version": "7.39.0-snapshot.6708",
4
4
  "main": "src/index.js",
5
5
  "types": "src/index.d.ts",
6
6
  "author": "Ethan Sharabi <ethan.shar@gmail.com>",
package/src/components/button/button.api.json CHANGED
@@ -2,13 +2,8 @@
2
2
  "name": "Button",
3
3
  "category": "controls",
4
4
  "description": "Customizable button component that handles press events",
5
- "extends": [
6
- "basic/TouchableOpacity"
7
- ],
8
- "modifiers": [
9
- "margin",
10
- "background"
11
- ],
5
+ "extends": ["basic/TouchableOpacity"],
6
+ "modifiers": ["margin", "background"],
12
7
  "example": "https://github.com/wix/react-native-ui-lib/blob/master/demo/src/screens/componentScreens/ButtonsScreen.tsx",
13
8
  "images": [
14
9
  "https://github.com/wix/react-native-ui-lib/blob/master/demo/showcase/Button/Button%20Sizes.png?raw=true",
@@ -169,7 +164,11 @@
169
164
  }
170
165
  ],
171
166
  "snippet": [
172
- "<Button label={'Press'$1} size={Button.sizes.medium$2} backgroundColor={Colors.red30$3}/>"
167
+ "<View flex center gap-s5>",
168
+ "<Button label={'Press'} backgroundColor={Colors.red30}/>",
169
+ "<Button label={'Press'} outline size={Button.sizes.medium}/>",
170
+ "<Button label={'Press'} iconSource={Assets.icons.demo.star}/>",
171
+ "</View>"
173
172
  ],
174
173
  "docs": {
175
174
  "hero": {
@@ -189,10 +188,7 @@
189
188
  "sections": [
190
189
  {
191
190
  "type": "table",
192
- "columns": [
193
- "Type",
194
- "Component"
195
- ],
191
+ "columns": ["Type", "Component"],
196
192
  "items": [
197
193
  {
198
194
  "title": "Main Button",
@@ -259,10 +255,7 @@
259
255
  },
260
256
  {
261
257
  "type": "table",
262
- "columns": [
263
- "Property",
264
- "Component"
265
- ],
258
+ "columns": ["Property", "Component"],
266
259
  "items": [
267
260
  {
268
261
  "title": "Primary",
@@ -289,11 +282,7 @@
289
282
  },
290
283
  {
291
284
  "type": "table",
292
- "columns": [
293
- "Property",
294
- "Primary",
295
- "Secondary"
296
- ],
285
+ "columns": ["Property", "Primary", "Secondary"],
297
286
  "items": [
298
287
  {
299
288
  "title": "Main",
@@ -355,11 +344,7 @@
355
344
  },
356
345
  {
357
346
  "type": "table",
358
- "columns": [
359
- "Property",
360
- "Primary",
361
- "Secondary"
362
- ],
347
+ "columns": ["Property", "Primary", "Secondary"],
363
348
  "items": [
364
349
  {
365
350
  "title": "Active",
@@ -404,11 +389,7 @@
404
389
  },
405
390
  {
406
391
  "type": "table",
407
- "columns": [
408
- "Property",
409
- "Primary",
410
- "Secondary"
411
- ],
392
+ "columns": ["Property", "Primary", "Secondary"],
412
393
  "items": [
413
394
  {
414
395
  "title": "Active",
@@ -453,11 +434,7 @@
453
434
  },
454
435
  {
455
436
  "type": "table",
456
- "columns": [
457
- "Property",
458
- "Primary",
459
- "Secondary"
460
- ],
437
+ "columns": ["Property", "Primary", "Secondary"],
461
438
  "items": [
462
439
  {
463
440
  "title": "Active",
@@ -502,10 +479,7 @@
502
479
  },
503
480
  {
504
481
  "type": "table",
505
- "columns": [
506
- "Property",
507
- "Component"
508
- ],
482
+ "columns": ["Property", "Component"],
509
483
  "items": [
510
484
  {
511
485
  "title": "Large",
@@ -540,10 +514,7 @@
540
514
  },
541
515
  {
542
516
  "type": "table",
543
- "columns": [
544
- "Property",
545
- "Component"
546
- ],
517
+ "columns": ["Property", "Component"],
547
518
  "items": [
548
519
  {
549
520
  "title": "Icon prefix",
@@ -574,10 +545,7 @@
574
545
  },
575
546
  {
576
547
  "type": "table",
577
- "columns": [
578
- "Property",
579
- "Component"
580
- ],
548
+ "columns": ["Property", "Component"],
581
549
  "items": [
582
550
  {
583
551
  "title": "Primary",
@@ -603,11 +571,7 @@
603
571
  },
604
572
  {
605
573
  "type": "table",
606
- "columns": [
607
- "Property",
608
- "Primary",
609
- "Secondary"
610
- ],
574
+ "columns": ["Property", "Primary", "Secondary"],
611
575
  "items": [
612
576
  {
613
577
  "title": "Main",
@@ -643,11 +607,7 @@
643
607
  },
644
608
  {
645
609
  "type": "table",
646
- "columns": [
647
- "Property",
648
- "Primary",
649
- "Secondary"
650
- ],
610
+ "columns": ["Property", "Primary", "Secondary"],
651
611
  "items": [
652
612
  {
653
613
  "title": "Active",
@@ -680,11 +640,7 @@
680
640
  },
681
641
  {
682
642
  "type": "table",
683
- "columns": [
684
- "Property",
685
- "Primary",
686
- "Secondary"
687
- ],
643
+ "columns": ["Property", "Primary", "Secondary"],
688
644
  "items": [
689
645
  {
690
646
  "title": "Active",
@@ -732,10 +688,7 @@
732
688
  },
733
689
  {
734
690
  "type": "table",
735
- "columns": [
736
- "Property",
737
- "Component"
738
- ],
691
+ "columns": ["Property", "Component"],
739
692
  "items": [
740
693
  {
741
694
  "title": "Main",
@@ -769,10 +722,7 @@
769
722
  },
770
723
  {
771
724
  "type": "table",
772
- "columns": [
773
- "Property",
774
- "Component"
775
- ],
725
+ "columns": ["Property", "Component"],
776
726
  "items": [
777
727
  {
778
728
  "title": "Regular",
@@ -797,11 +747,7 @@
797
747
  },
798
748
  {
799
749
  "type": "table",
800
- "columns": [
801
- "Property",
802
- "Regular",
803
- "Small (bodyBoldSmall)"
804
- ],
750
+ "columns": ["Property", "Regular", "Small (bodyBoldSmall)"],
805
751
  "items": [
806
752
  {
807
753
  "title": "Icon prefix",
@@ -838,10 +784,7 @@
838
784
  },
839
785
  {
840
786
  "type": "table",
841
- "columns": [
842
- "Property",
843
- "Component"
844
- ],
787
+ "columns": ["Property", "Component"],
845
788
  "items": [
846
789
  {
847
790
  "title": "Main",
@@ -876,10 +819,7 @@
876
819
  },
877
820
  {
878
821
  "type": "table",
879
- "columns": [
880
- "Property",
881
- "Component"
882
- ],
822
+ "columns": ["Property", "Component"],
883
823
  "items": [
884
824
  {
885
825
  "title": "Active",
@@ -914,7 +854,7 @@
914
854
  ]
915
855
  },
916
856
  {
917
- "title": "UX",
857
+ "title": "UX Guidelines",
918
858
  "sections": [
919
859
  {
920
860
  "type": "list",
package/src/components/sortableList/SortableList.api.json CHANGED
@@ -45,14 +45,14 @@
45
45
  "snippet": [
46
46
  "function Example(props) {",
47
47
  " const data = Array.from({length: 10}, (_, index) => {",
48
- " let text = \\`\\${index}\\`;",
48
+ " let text = `${index}`;",
49
49
  " if (index === 3) {",
50
50
  " text = 'Locked item';",
51
51
  " }",
52
52
  " ",
53
53
  " return {",
54
54
  " text,",
55
- " id: \\`\\${index}\\`,",
55
+ " id: `${index}`,",
56
56
  " locked: index === 3",
57
57
  " };",
58
58
  " });",
@@ -78,11 +78,11 @@
78
78
  " }, []);",
79
79
  "",
80
80
  " const keyExtractor = useCallback((item: Item) => {",
81
- " return \\`\\${item.id}\\`;",
81
+ " return `${item.id}`;",
82
82
  " }, []);",
83
83
  "",
84
84
  " return (",
85
- " <div>",
85
+ " <View>",
86
86
  " <SortableList",
87
87
  " data={data$1}",
88
88
  " flexMigration",
@@ -90,8 +90,8 @@
90
90
  " renderItem={renderItem$3}",
91
91
  " keyExtractor={keyExtractor$4}",
92
92
  " />",
93
- " </div>",
94
- " );",
95
- "}"
93
+ " </View>",
94
+ " )",
95
+ "};"
96
96
  ]
97
97
  }