react-native-ui-lib 7.38.1-snapshot.6397 → 7.38.1-snapshot.6404
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
|
@@ -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
|
}
|