react-native-ui-lib 7.38.1-snapshot.6343 → 7.38.1-snapshot.6348
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/package.json
CHANGED
|
@@ -30,8 +30,87 @@
|
|
|
30
30
|
"value": "https://embed.figma.com/design/xFjvYNkGTmYTGYMLrmz9Ir/Guidelines-to-Docs?node-id=4419-247566&embed-host=share"
|
|
31
31
|
}
|
|
32
32
|
]
|
|
33
|
+
},
|
|
34
|
+
{
|
|
35
|
+
"type": "table",
|
|
36
|
+
"columns": [
|
|
37
|
+
"Type of message",
|
|
38
|
+
"Preview"
|
|
39
|
+
],
|
|
40
|
+
"items": [
|
|
41
|
+
{
|
|
42
|
+
"title": "Generic",
|
|
43
|
+
"content": [
|
|
44
|
+
{
|
|
45
|
+
"props": {
|
|
46
|
+
"visible": true,
|
|
47
|
+
"message": "\"Mika Or\" was saved to contacts."
|
|
48
|
+
}
|
|
49
|
+
}
|
|
50
|
+
]
|
|
51
|
+
},
|
|
52
|
+
{
|
|
53
|
+
"title": "Success"
|
|
54
|
+
},
|
|
55
|
+
{
|
|
56
|
+
"title": "Validation"
|
|
57
|
+
},
|
|
58
|
+
{
|
|
59
|
+
"title": "Offline Error"
|
|
60
|
+
}
|
|
61
|
+
],
|
|
62
|
+
"title": "Types"
|
|
63
|
+
},
|
|
64
|
+
{
|
|
65
|
+
"type": "table",
|
|
66
|
+
"columns": [
|
|
67
|
+
"Prop",
|
|
68
|
+
"Preview"
|
|
69
|
+
],
|
|
70
|
+
"items": [
|
|
71
|
+
{
|
|
72
|
+
"title": "None"
|
|
73
|
+
},
|
|
74
|
+
{
|
|
75
|
+
"title": "With action"
|
|
76
|
+
},
|
|
77
|
+
{
|
|
78
|
+
"title": "With loader"
|
|
79
|
+
}
|
|
80
|
+
],
|
|
81
|
+
"title": "Accessories"
|
|
82
|
+
},
|
|
83
|
+
{
|
|
84
|
+
"type": "section",
|
|
85
|
+
"title": "Timing",
|
|
86
|
+
"description": "markdown:\nToast disappears automatically after 5-10 seconds. The **default** duration depends on text length: [word count / 2] = X secs to disappear \nExamples: \n[15 words / 2] = 7.5 secs\n[2 words / 2] = 1, but 5 secs is minimum >> 5 secs \nWhen using Toasts in your product, keep in mind that the default display time is preset but can be adjusted for messages that need more attention or reading time. However, the duration should never be less than 5 seconds."
|
|
87
|
+
},
|
|
88
|
+
{
|
|
89
|
+
"type": "section",
|
|
90
|
+
"layout": "horizontal",
|
|
91
|
+
"title": "Spec",
|
|
92
|
+
"description": "markdown:\n**Positioning**\nThe Toast appears at the bottom of the screen, while keeping a spacing of S4 from the bottom of the screen, or from the bottom bar. \nThe Toast can be placed above CTA’s in order to keep the CTA available for the user. \nToast can be dismissed manually by swiping it down.",
|
|
93
|
+
"content": [
|
|
94
|
+
{
|
|
95
|
+
"value": "https://wixmp-1d257fba8470f1b562a0f5f2.wixmp.com/mads-docs-assets/assets/Components%20Docs/Toast/toast_spec.png"
|
|
96
|
+
}
|
|
97
|
+
]
|
|
98
|
+
},
|
|
99
|
+
{
|
|
100
|
+
"type": "section",
|
|
101
|
+
"title": "Tablet Spec",
|
|
102
|
+
"description": "markdown:\nWhen displaying a Toast on a Tablet, the width of the component adjusts to the content. \n- Min-width: 200px \n- Max-width: 524px",
|
|
103
|
+
"content": [
|
|
104
|
+
{
|
|
105
|
+
"value": "https://wixmp-1d257fba8470f1b562a0f5f2.wixmp.com/mads-docs-assets/assets/Components%20Docs/Toast/toast_tablet.png"
|
|
106
|
+
}
|
|
107
|
+
]
|
|
33
108
|
}
|
|
34
109
|
]
|
|
110
|
+
},
|
|
111
|
+
{
|
|
112
|
+
"title": "UX Guidelines",
|
|
113
|
+
"sections": []
|
|
35
114
|
}
|
|
36
115
|
]
|
|
37
116
|
}
|