react-native-ui-lib 7.38.1-snapshot.6402 → 7.38.1-snapshot.6406
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
|
@@ -124,7 +124,7 @@
|
|
|
124
124
|
{
|
|
125
125
|
"type": "table",
|
|
126
126
|
"columns": [
|
|
127
|
-
"
|
|
127
|
+
"Property",
|
|
128
128
|
"Preview",
|
|
129
129
|
"DELETE ME"
|
|
130
130
|
],
|
|
@@ -157,7 +157,8 @@
|
|
|
157
157
|
}
|
|
158
158
|
}
|
|
159
159
|
}
|
|
160
|
-
]
|
|
160
|
+
],
|
|
161
|
+
"description": "state: current"
|
|
161
162
|
},
|
|
162
163
|
{
|
|
163
164
|
"title": "Next",
|
|
@@ -177,7 +178,8 @@
|
|
|
177
178
|
}
|
|
178
179
|
}
|
|
179
180
|
}
|
|
180
|
-
]
|
|
181
|
+
],
|
|
182
|
+
"description": "state: next"
|
|
181
183
|
},
|
|
182
184
|
{
|
|
183
185
|
"title": "Error",
|
|
@@ -197,7 +199,8 @@
|
|
|
197
199
|
}
|
|
198
200
|
}
|
|
199
201
|
}
|
|
200
|
-
]
|
|
202
|
+
],
|
|
203
|
+
"description": "state: error"
|
|
201
204
|
},
|
|
202
205
|
{
|
|
203
206
|
"title": "Success",
|
|
@@ -217,7 +220,8 @@
|
|
|
217
220
|
}
|
|
218
221
|
}
|
|
219
222
|
}
|
|
220
|
-
]
|
|
223
|
+
],
|
|
224
|
+
"description": "state: success"
|
|
221
225
|
}
|
|
222
226
|
],
|
|
223
227
|
"title": "States",
|
|
@@ -226,38 +230,35 @@
|
|
|
226
230
|
{
|
|
227
231
|
"type": "table",
|
|
228
232
|
"columns": [
|
|
229
|
-
"
|
|
233
|
+
"Property",
|
|
230
234
|
"Preview"
|
|
231
235
|
],
|
|
232
236
|
"items": [
|
|
233
237
|
{
|
|
234
|
-
"title": "Bullet"
|
|
235
|
-
|
|
236
|
-
{
|
|
237
|
-
"title": "New Item"
|
|
238
|
-
},
|
|
239
|
-
{
|
|
240
|
-
"title": "New Item"
|
|
238
|
+
"title": "Bullet",
|
|
239
|
+
"description": "type: bullet"
|
|
241
240
|
},
|
|
242
241
|
{
|
|
243
|
-
"title": "
|
|
242
|
+
"title": "Circle",
|
|
243
|
+
"description": "type: circle"
|
|
244
244
|
},
|
|
245
245
|
{
|
|
246
|
-
"title": "
|
|
246
|
+
"title": "Outline",
|
|
247
|
+
"description": "type: outline"
|
|
247
248
|
}
|
|
248
249
|
],
|
|
249
|
-
"title": "
|
|
250
|
-
"name": "Point"
|
|
250
|
+
"title": "Point",
|
|
251
|
+
"name": "Point Types"
|
|
251
252
|
},
|
|
252
253
|
{
|
|
253
254
|
"type": "table",
|
|
254
255
|
"columns": [
|
|
255
|
-
"
|
|
256
|
+
"Property",
|
|
256
257
|
"Preview"
|
|
257
258
|
],
|
|
258
259
|
"items": [
|
|
259
260
|
{
|
|
260
|
-
"title": "
|
|
261
|
+
"title": "Text",
|
|
261
262
|
"content": [
|
|
262
263
|
{
|
|
263
264
|
"props": {
|
|
@@ -269,10 +270,11 @@
|
|
|
269
270
|
}
|
|
270
271
|
}
|
|
271
272
|
}
|
|
272
|
-
]
|
|
273
|
+
],
|
|
274
|
+
"description": "text: “1”"
|
|
273
275
|
},
|
|
274
276
|
{
|
|
275
|
-
"title": "
|
|
277
|
+
"title": "Icon",
|
|
276
278
|
"content": [
|
|
277
279
|
{
|
|
278
280
|
"props": {
|
|
@@ -284,10 +286,15 @@
|
|
|
284
286
|
}
|
|
285
287
|
}
|
|
286
288
|
}
|
|
287
|
-
]
|
|
289
|
+
],
|
|
290
|
+
"description": "icon: Assets.icons.general.checkmarkSmall"
|
|
291
|
+
},
|
|
292
|
+
{
|
|
293
|
+
"title": "Icon without background",
|
|
294
|
+
"description": "icon: Assets.icons.general.favorite,
removeIconBackground: true"
|
|
288
295
|
}
|
|
289
296
|
],
|
|
290
|
-
"name": "
|
|
297
|
+
"name": "Point Accessories"
|
|
291
298
|
},
|
|
292
299
|
{
|
|
293
300
|
"type": "section",
|
|
@@ -324,6 +331,40 @@
|
|
|
324
331
|
"layout": "horizontal",
|
|
325
332
|
"title": "Spec",
|
|
326
333
|
"description": "markdown:\n**Key rules:** \n- Maintain a minimum distance of S2 between the Timeline and the elements on the right. \n- Points can be aligned either to the top or the center of the elements on the right. \n- When points are center-aligned with the elements, set the line length to auto, with a minimum of 20px."
|
|
334
|
+
},
|
|
335
|
+
{
|
|
336
|
+
"type": "list",
|
|
337
|
+
"items": [
|
|
338
|
+
{
|
|
339
|
+
"title": "",
|
|
340
|
+
"description": "markdown:\nThe Timeline consists of points and lines, each with different styles and states. These elements can be combined in various ways to suit different product goals. \nPoints create visual breakpoints that make your timeline easier to read, they act as bullet points, representing each step or activity. The icons and colors can be customized. \nLines can either match the state and color of the points or be styled differently or in neutral tokens to emphasize the points.",
|
|
341
|
+
"content": [
|
|
342
|
+
{
|
|
343
|
+
"value": "https://wixmp-1d257fba8470f1b562a0f5f2.wixmp.com/mads-docs-assets/assets/Components%20Docs/Timeline/timeline_structure.png"
|
|
344
|
+
}
|
|
345
|
+
]
|
|
346
|
+
},
|
|
347
|
+
{
|
|
348
|
+
"title": "Points aligned to center (default)",
|
|
349
|
+
"description": "The timeline points are aligned with the center of the element on the right.",
|
|
350
|
+
"content": [
|
|
351
|
+
{
|
|
352
|
+
"value": "https://wixmp-1d257fba8470f1b562a0f5f2.wixmp.com/mads-docs-assets/assets/Components%20Docs/Timeline/timeline_structure_center.png"
|
|
353
|
+
}
|
|
354
|
+
]
|
|
355
|
+
},
|
|
356
|
+
{
|
|
357
|
+
"title": "Points aligned to anchor ref",
|
|
358
|
+
"description": "The Timeline can be configured to align its points to one of the elements on the right. In the example, the points are aligned with the titles in the cards.",
|
|
359
|
+
"content": [
|
|
360
|
+
{
|
|
361
|
+
"value": "https://wixmp-1d257fba8470f1b562a0f5f2.wixmp.com/mads-docs-assets/assets/Components%20Docs/Timeline/timeline_structure_anchorRef.png"
|
|
362
|
+
}
|
|
363
|
+
]
|
|
364
|
+
}
|
|
365
|
+
],
|
|
366
|
+
"layout": "horizontal",
|
|
367
|
+
"title": "Structure"
|
|
327
368
|
}
|
|
328
369
|
]
|
|
329
370
|
}
|