react-native-ui-lib 7.38.1-snapshot.6393 → 7.38.1-snapshot.6402
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
|
@@ -104,7 +104,7 @@
|
|
|
104
104
|
"description": "As mentioned, Color Picker dialog can be triggered by various entry points. ",
|
|
105
105
|
"content": [
|
|
106
106
|
{
|
|
107
|
-
"value": "https://
|
|
107
|
+
"value": "https://embed.figma.com/design/xFjvYNkGTmYTGYMLrmz9Ir/Guidelines-to-Docs?node-id=2476-69290&m=dev&embed-host=share&page-selector=false"
|
|
108
108
|
}
|
|
109
109
|
]
|
|
110
110
|
},
|
|
@@ -5,10 +5,26 @@
|
|
|
5
5
|
"example": "https://github.com/wix/react-native-ui-lib/blob/master/demo/src/screens/componentScreens/StepperScreen.tsx",
|
|
6
6
|
"images": [],
|
|
7
7
|
"props": [
|
|
8
|
-
{
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
8
|
+
{
|
|
9
|
+
"name": "type",
|
|
10
|
+
"type": "StepperType",
|
|
11
|
+
"description": "Stepper style type"
|
|
12
|
+
},
|
|
13
|
+
{
|
|
14
|
+
"name": "value",
|
|
15
|
+
"type": "number",
|
|
16
|
+
"description": "Stepper value"
|
|
17
|
+
},
|
|
18
|
+
{
|
|
19
|
+
"name": "minValue",
|
|
20
|
+
"type": "number",
|
|
21
|
+
"description": "Minimum value"
|
|
22
|
+
},
|
|
23
|
+
{
|
|
24
|
+
"name": "maxValue",
|
|
25
|
+
"type": "number",
|
|
26
|
+
"description": "Maximum value"
|
|
27
|
+
},
|
|
12
28
|
{
|
|
13
29
|
"name": "step",
|
|
14
30
|
"type": "number",
|
|
@@ -20,12 +36,213 @@
|
|
|
20
36
|
"type": "(value: number, testID?: string) => void",
|
|
21
37
|
"description": "Value change callback function"
|
|
22
38
|
},
|
|
23
|
-
{
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
39
|
+
{
|
|
40
|
+
"name": "disabled",
|
|
41
|
+
"type": "boolean",
|
|
42
|
+
"description": "Disables interaction with the stepper"
|
|
43
|
+
},
|
|
44
|
+
{
|
|
45
|
+
"name": "small",
|
|
46
|
+
"type": "boolean",
|
|
47
|
+
"description": "Renders a small sized Stepper"
|
|
48
|
+
},
|
|
49
|
+
{
|
|
50
|
+
"name": "accessibilityLabel",
|
|
51
|
+
"type": "string",
|
|
52
|
+
"description": "Component accessibility label"
|
|
53
|
+
},
|
|
54
|
+
{
|
|
55
|
+
"name": "testID",
|
|
56
|
+
"type": "string",
|
|
57
|
+
"description": "Test id for component"
|
|
58
|
+
}
|
|
27
59
|
],
|
|
28
60
|
"snippet": [
|
|
29
61
|
"<Stepper$1/>"
|
|
30
|
-
]
|
|
62
|
+
],
|
|
63
|
+
"docs": {
|
|
64
|
+
"hero": {
|
|
65
|
+
"title": "Stepper",
|
|
66
|
+
"description": "The Stepper lets users easily increase or decrease a value by small amounts. Steppers are best used when the user needs to adjust the value by small increments.",
|
|
67
|
+
"type": "hero",
|
|
68
|
+
"layout": "horizontal",
|
|
69
|
+
"content": [
|
|
70
|
+
{
|
|
71
|
+
"value": "https://wixmp-1d257fba8470f1b562a0f5f2.wixmp.com/mads-docs-assets/assets/Components%20Docs/Stepper/Stepper_overview_cover.png"
|
|
72
|
+
}
|
|
73
|
+
]
|
|
74
|
+
},
|
|
75
|
+
"tabs": [
|
|
76
|
+
{
|
|
77
|
+
"title": "Overview",
|
|
78
|
+
"sections": [
|
|
79
|
+
{
|
|
80
|
+
"type": "section",
|
|
81
|
+
"title": "Usage Examples",
|
|
82
|
+
"content": [
|
|
83
|
+
{
|
|
84
|
+
"value": "https://embed.figma.com/design/xFjvYNkGTmYTGYMLrmz9Ir/Guidelines-to-Docs?node-id=2394-210062&m=dev&embed-host=share&page-selector=false"
|
|
85
|
+
}
|
|
86
|
+
]
|
|
87
|
+
},
|
|
88
|
+
{
|
|
89
|
+
"type": "table",
|
|
90
|
+
"columns": [
|
|
91
|
+
"Style",
|
|
92
|
+
"Preview"
|
|
93
|
+
],
|
|
94
|
+
"items": [
|
|
95
|
+
{
|
|
96
|
+
"title": "Default",
|
|
97
|
+
"description": "Primarily used in form screens, typically within list items.",
|
|
98
|
+
"content": [
|
|
99
|
+
{
|
|
100
|
+
"props": {
|
|
101
|
+
"value": 1
|
|
102
|
+
}
|
|
103
|
+
}
|
|
104
|
+
]
|
|
105
|
+
},
|
|
106
|
+
{
|
|
107
|
+
"title": "Floating ",
|
|
108
|
+
"description": "Ideal to be used over images, such as when adding multiple items to a cart.",
|
|
109
|
+
"content": [
|
|
110
|
+
{
|
|
111
|
+
"props": {
|
|
112
|
+
"type": "floating",
|
|
113
|
+
"value": 1
|
|
114
|
+
}
|
|
115
|
+
}
|
|
116
|
+
]
|
|
117
|
+
}
|
|
118
|
+
],
|
|
119
|
+
"title": "Styles"
|
|
120
|
+
},
|
|
121
|
+
{
|
|
122
|
+
"type": "table",
|
|
123
|
+
"columns": [
|
|
124
|
+
"Size",
|
|
125
|
+
"Preview"
|
|
126
|
+
],
|
|
127
|
+
"items": [
|
|
128
|
+
{
|
|
129
|
+
"title": "Large",
|
|
130
|
+
"content": [
|
|
131
|
+
{
|
|
132
|
+
"props": {
|
|
133
|
+
"value": 1
|
|
134
|
+
}
|
|
135
|
+
}
|
|
136
|
+
]
|
|
137
|
+
},
|
|
138
|
+
{
|
|
139
|
+
"title": "Small",
|
|
140
|
+
"content": [
|
|
141
|
+
{
|
|
142
|
+
"props": {
|
|
143
|
+
"small": true,
|
|
144
|
+
"value": 1
|
|
145
|
+
}
|
|
146
|
+
}
|
|
147
|
+
]
|
|
148
|
+
}
|
|
149
|
+
],
|
|
150
|
+
"title": "Sizes",
|
|
151
|
+
"description": "Relevant only for the default style."
|
|
152
|
+
},
|
|
153
|
+
{
|
|
154
|
+
"type": "table",
|
|
155
|
+
"columns": [
|
|
156
|
+
"State",
|
|
157
|
+
"Default",
|
|
158
|
+
"Floating"
|
|
159
|
+
],
|
|
160
|
+
"items": [
|
|
161
|
+
{
|
|
162
|
+
"title": "Active",
|
|
163
|
+
"content": [
|
|
164
|
+
{
|
|
165
|
+
"props": {
|
|
166
|
+
"value": 1
|
|
167
|
+
}
|
|
168
|
+
},
|
|
169
|
+
{
|
|
170
|
+
"props": {
|
|
171
|
+
"value": 1,
|
|
172
|
+
"type": "floating"
|
|
173
|
+
}
|
|
174
|
+
}
|
|
175
|
+
]
|
|
176
|
+
},
|
|
177
|
+
{
|
|
178
|
+
"title": "Disabled",
|
|
179
|
+
"content": [
|
|
180
|
+
{
|
|
181
|
+
"props": {
|
|
182
|
+
"value": 1,
|
|
183
|
+
"disabled": true
|
|
184
|
+
}
|
|
185
|
+
},
|
|
186
|
+
{
|
|
187
|
+
"props": {
|
|
188
|
+
"value": 1,
|
|
189
|
+
"disabled": true,
|
|
190
|
+
"type": "floating"
|
|
191
|
+
}
|
|
192
|
+
}
|
|
193
|
+
]
|
|
194
|
+
},
|
|
195
|
+
{
|
|
196
|
+
"title": "Reached min value",
|
|
197
|
+
"content": [
|
|
198
|
+
{
|
|
199
|
+
"props": {
|
|
200
|
+
"value": 0,
|
|
201
|
+
"minValue": 0
|
|
202
|
+
}
|
|
203
|
+
},
|
|
204
|
+
{
|
|
205
|
+
"props": {
|
|
206
|
+
"value": 0,
|
|
207
|
+
"minValue": 0,
|
|
208
|
+
"type": "floating"
|
|
209
|
+
}
|
|
210
|
+
}
|
|
211
|
+
]
|
|
212
|
+
},
|
|
213
|
+
{
|
|
214
|
+
"title": "Reached max value",
|
|
215
|
+
"content": [
|
|
216
|
+
{
|
|
217
|
+
"props": {
|
|
218
|
+
"value": 99,
|
|
219
|
+
"maxValue": 99
|
|
220
|
+
}
|
|
221
|
+
},
|
|
222
|
+
{
|
|
223
|
+
"props": {
|
|
224
|
+
"value": 99,
|
|
225
|
+
"maxValue": 99,
|
|
226
|
+
"type": "floating"
|
|
227
|
+
}
|
|
228
|
+
}
|
|
229
|
+
]
|
|
230
|
+
}
|
|
231
|
+
],
|
|
232
|
+
"title": "States"
|
|
233
|
+
},
|
|
234
|
+
{
|
|
235
|
+
"type": "section",
|
|
236
|
+
"title": "Spec",
|
|
237
|
+
"layout": "horizontal",
|
|
238
|
+
"content": [
|
|
239
|
+
{
|
|
240
|
+
"value": "https://wixmp-1d257fba8470f1b562a0f5f2.wixmp.com/mads-docs-assets/assets/Components%20Docs/Stepper/Stepper_overview_spec.png"
|
|
241
|
+
}
|
|
242
|
+
]
|
|
243
|
+
}
|
|
244
|
+
]
|
|
245
|
+
}
|
|
246
|
+
]
|
|
247
|
+
}
|
|
31
248
|
}
|