@webstudio-is/sdk-components-react-remix 0.87.1 → 0.89.0

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 (15) hide show
  1. package/lib/__generated__/form.props.js +156 -28
  2. package/lib/__generated__/link.props.js +147 -28
  3. package/lib/__generated__/rich-text-link.props.js +145 -27
  4. package/lib/cjs/__generated__/form.props.js +156 -28
  5. package/lib/cjs/__generated__/link.props.js +147 -28
  6. package/lib/cjs/__generated__/rich-text-link.props.js +145 -27
  7. package/lib/cjs/form.ws.js +1 -0
  8. package/lib/form.ws.js +1 -0
  9. package/lib/types/form.d.ts +1 -0
  10. package/package.json +6 -6
  11. package/src/__generated__/form.props.ts +176 -26
  12. package/src/__generated__/link.props.ts +161 -24
  13. package/src/__generated__/rich-text-link.props.ts +159 -24
  14. package/src/form.tsx +1 -0
  15. package/src/form.ws.tsx +1 -0
package/lib/__generated__/rich-text-link.props.js CHANGED
@@ -1,6 +1,11 @@
1
1
  const props = {
2
2
  about: { required: false, control: "text", type: "string" },
3
- accessKey: { required: false, control: "text", type: "string" },
3
+ accessKey: {
4
+ required: false,
5
+ control: "text",
6
+ type: "string",
7
+ description: "Keyboard shortcut to activate or add focus to the element."
8
+ },
4
9
  "aria-activedescendant": {
5
10
  description: "Identifies the currently active element when DOM focus is on a composite widget, textbox, group, or application.",
6
11
  required: false,
@@ -156,7 +161,7 @@ const props = {
156
161
  type: "string"
157
162
  },
158
163
  "aria-label": {
159
- description: "Defines a string value that labels the current element.\n@see aria-labelledby.",
164
+ description: "Provides the accessible name that describes an interactive element if no other accessible name exists, for example in a button that contains an image with no text.",
160
165
  required: false,
161
166
  control: "text",
162
167
  type: "string"
@@ -332,22 +337,77 @@ const props = {
332
337
  control: "text",
333
338
  type: "string"
334
339
  },
335
- autoCapitalize: { required: false, control: "text", type: "string" },
340
+ autoCapitalize: {
341
+ required: false,
342
+ control: "text",
343
+ type: "string",
344
+ description: "Sets whether input is automatically capitalized when entered by user."
345
+ },
336
346
  autoCorrect: { required: false, control: "text", type: "string" },
337
- autoFocus: { required: false, control: "boolean", type: "boolean" },
347
+ autoFocus: {
348
+ required: false,
349
+ control: "boolean",
350
+ type: "boolean",
351
+ description: "Indicates that an element should be focused on page load, or when its parent dialog is displayed."
352
+ },
338
353
  autoSave: { required: false, control: "text", type: "string" },
339
354
  className: { required: false, control: "text", type: "string" },
340
- color: { required: false, control: "color", type: "string" },
341
- content: { required: false, control: "text", type: "string" },
342
- contextMenu: { required: false, control: "text", type: "string" },
355
+ color: {
356
+ required: false,
357
+ control: "color",
358
+ type: "string",
359
+ description: "This attribute sets the text color using either a named color or a color specified in the hexadecimal #RRGGBB format. Note: This is a legacy attribute. Please use the CSS color property instead."
360
+ },
361
+ content: {
362
+ required: false,
363
+ control: "text",
364
+ type: "string",
365
+ description: "A value associated with http-equiv orname depending on the context."
366
+ },
367
+ contextMenu: {
368
+ required: false,
369
+ control: "text",
370
+ type: "string",
371
+ description: "Defines the ID of a menu element which willserve as the element's context menu."
372
+ },
343
373
  datatype: { required: false, control: "text", type: "string" },
344
374
  defaultChecked: { required: false, control: "boolean", type: "boolean" },
345
- dir: { required: false, control: "text", type: "string" },
346
- draggable: { required: false, control: "boolean", type: "boolean" },
347
- hidden: { required: false, control: "boolean", type: "boolean" },
348
- href: { required: false, control: "text", type: "string" },
349
- hrefLang: { required: false, control: "text", type: "string" },
350
- id: { required: false, control: "text", type: "string" },
375
+ dir: {
376
+ required: false,
377
+ control: "text",
378
+ type: "string",
379
+ description: "Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)"
380
+ },
381
+ draggable: {
382
+ required: false,
383
+ control: "boolean",
384
+ type: "boolean",
385
+ description: "Defines whether the element can be dragged."
386
+ },
387
+ hidden: {
388
+ required: false,
389
+ control: "boolean",
390
+ type: "boolean",
391
+ description: "Prevents rendering of given element, while keeping child elements, e.g. script elements, active."
392
+ },
393
+ href: {
394
+ required: false,
395
+ control: "text",
396
+ type: "string",
397
+ description: "The URL of a linked resource."
398
+ },
399
+ hrefLang: {
400
+ required: false,
401
+ control: "text",
402
+ type: "string",
403
+ description: "Specifies the language of the linked resource."
404
+ },
405
+ id: {
406
+ required: false,
407
+ control: "text",
408
+ type: "string",
409
+ description: "Often used with CSS to style a specific element. The value of this attribute must be unique."
410
+ },
351
411
  inputMode: {
352
412
  description: "Hints at the type of data that might be entered by the user while editing the element or its contents\n@see https://html.spec.whatwg.org/multipage/interaction.html#input-modalities:-the-inputmode-attribute",
353
413
  required: false,
@@ -375,11 +435,31 @@ const props = {
375
435
  itemRef: { required: false, control: "text", type: "string" },
376
436
  itemScope: { required: false, control: "boolean", type: "boolean" },
377
437
  itemType: { required: false, control: "text", type: "string" },
378
- lang: { required: false, control: "text", type: "string" },
379
- media: { required: false, control: "text", type: "string" },
438
+ lang: {
439
+ required: false,
440
+ control: "text",
441
+ type: "string",
442
+ description: "Defines the language used in the element."
443
+ },
444
+ media: {
445
+ required: false,
446
+ control: "text",
447
+ type: "string",
448
+ description: "Specifies a hint of the media for which the linked resource was designed."
449
+ },
380
450
  nonce: { required: false, control: "text", type: "string" },
381
- ping: { required: false, control: "text", type: "string" },
382
- placeholder: { required: false, control: "text", type: "string" },
451
+ ping: {
452
+ required: false,
453
+ control: "text",
454
+ type: "string",
455
+ description: "The ping attribute specifies a space-separated list of URLs to be notified if a user follows the hyperlink."
456
+ },
457
+ placeholder: {
458
+ required: false,
459
+ control: "text",
460
+ type: "string",
461
+ description: "Provides a hint to the user of what can be entered in the field."
462
+ },
383
463
  prefetch: {
384
464
  required: false,
385
465
  control: "select",
@@ -404,18 +484,39 @@ const props = {
404
484
  "strict-origin",
405
485
  "strict-origin-when-cross-origin",
406
486
  "unsafe-url"
407
- ]
487
+ ],
488
+ description: "Specifies which referrer is sent when fetching the resource."
489
+ },
490
+ rel: {
491
+ required: false,
492
+ control: "text",
493
+ type: "string",
494
+ description: "Specifies the relationship of the target object to the link object."
408
495
  },
409
- rel: { required: false, control: "text", type: "string" },
410
496
  reloadDocument: { required: false, control: "boolean", type: "boolean" },
411
497
  replace: { required: false, control: "boolean", type: "boolean" },
412
498
  resource: { required: false, control: "text", type: "string" },
413
499
  results: { required: false, control: "number", type: "number" },
414
500
  rev: { required: false, control: "text", type: "string" },
415
- role: { required: false, control: "text", type: "string" },
501
+ role: {
502
+ required: false,
503
+ control: "text",
504
+ type: "string",
505
+ description: "Defines an explicit role for an element for use by assistive technologies."
506
+ },
416
507
  security: { required: false, control: "text", type: "string" },
417
- slot: { required: false, control: "text", type: "string" },
418
- spellCheck: { required: false, control: "boolean", type: "boolean" },
508
+ slot: {
509
+ required: false,
510
+ control: "text",
511
+ type: "string",
512
+ description: "Assigns a slot in a shadow DOM shadow tree to an element."
513
+ },
514
+ spellCheck: {
515
+ required: false,
516
+ control: "boolean",
517
+ type: "boolean",
518
+ description: "Indicates whether spell checking is allowed for the element."
519
+ },
419
520
  suppressContentEditableWarning: {
420
521
  required: false,
421
522
  control: "boolean",
@@ -426,21 +527,38 @@ const props = {
426
527
  control: "boolean",
427
528
  type: "boolean"
428
529
  },
429
- tabIndex: { required: false, control: "number", type: "number" },
530
+ tabIndex: {
531
+ required: false,
532
+ control: "number",
533
+ type: "number",
534
+ description: "Overrides the browser's default tab order and follows the one specified instead."
535
+ },
430
536
  target: {
431
537
  required: false,
432
538
  control: "select",
433
539
  type: "string",
434
- options: ["_self", "_blank", "_parent", "_top"]
540
+ options: ["_self", "_blank", "_parent", "_top"],
541
+ description: "Specifies where to open the linked document (in the case of an <a> element) or where to display the response received (in the case of a <form> element)"
542
+ },
543
+ title: {
544
+ required: false,
545
+ control: "text",
546
+ type: "string",
547
+ description: "Text to be displayed in a tooltip when hovering over the element."
435
548
  },
436
- title: { required: false, control: "text", type: "string" },
437
549
  translate: {
438
550
  required: false,
439
551
  control: "radio",
440
552
  type: "string",
441
- options: ["yes", "no"]
553
+ options: ["yes", "no"],
554
+ description: "Specify whether an element's attribute values and the values of its text node children are to be translated when the page is localized, or whether to leave them unchanged."
555
+ },
556
+ type: {
557
+ required: false,
558
+ control: "text",
559
+ type: "string",
560
+ description: "Defines the type of the element."
442
561
  },
443
- type: { required: false, control: "text", type: "string" },
444
562
  typeof: { required: false, control: "text", type: "string" },
445
563
  unselectable: {
446
564
  required: false,
package/lib/cjs/__generated__/form.props.js CHANGED
@@ -23,9 +23,24 @@ __export(form_props_exports, {
23
23
  module.exports = __toCommonJS(form_props_exports);
24
24
  const props = {
25
25
  about: { required: false, control: "text", type: "string" },
26
- acceptCharset: { required: false, control: "text", type: "string" },
27
- accessKey: { required: false, control: "text", type: "string" },
28
- action: { required: false, control: "text", type: "string" },
26
+ acceptCharset: {
27
+ required: false,
28
+ control: "text",
29
+ type: "string",
30
+ description: "List of supported charsets."
31
+ },
32
+ accessKey: {
33
+ required: false,
34
+ control: "text",
35
+ type: "string",
36
+ description: "Keyboard shortcut to activate or add focus to the element."
37
+ },
38
+ action: {
39
+ required: false,
40
+ control: "text",
41
+ type: "string",
42
+ description: "The URI of a program that processes the information submitted via the form."
43
+ },
29
44
  "aria-activedescendant": {
30
45
  description: "Identifies the currently active element when DOM focus is on a composite widget, textbox, group, or application.",
31
46
  required: false,
@@ -181,7 +196,7 @@ const props = {
181
196
  type: "string"
182
197
  },
183
198
  "aria-label": {
184
- description: "Defines a string value that labels the current element.\n@see aria-labelledby.",
199
+ description: "Provides the accessible name that describes an interactive element if no other accessible name exists, for example in a button that contains an image with no text.",
185
200
  required: false,
186
201
  control: "text",
187
202
  type: "string"
@@ -357,19 +372,59 @@ const props = {
357
372
  control: "text",
358
373
  type: "string"
359
374
  },
360
- autoCapitalize: { required: false, control: "text", type: "string" },
361
- autoComplete: { required: false, control: "text", type: "string" },
375
+ autoCapitalize: {
376
+ required: false,
377
+ control: "text",
378
+ type: "string",
379
+ description: "Sets whether input is automatically capitalized when entered by user."
380
+ },
381
+ autoComplete: {
382
+ required: false,
383
+ control: "text",
384
+ type: "string",
385
+ description: "Indicates whether controls in this form can by default have their valuesautomatically completed by the browser."
386
+ },
362
387
  autoCorrect: { required: false, control: "text", type: "string" },
363
- autoFocus: { required: false, control: "boolean", type: "boolean" },
388
+ autoFocus: {
389
+ required: false,
390
+ control: "boolean",
391
+ type: "boolean",
392
+ description: "Indicates that an element should be focused on page load, or when its parent dialog is displayed."
393
+ },
364
394
  autoSave: { required: false, control: "text", type: "string" },
365
395
  className: { required: false, control: "text", type: "string" },
366
- color: { required: false, control: "color", type: "string" },
367
- content: { required: false, control: "text", type: "string" },
368
- contextMenu: { required: false, control: "text", type: "string" },
396
+ color: {
397
+ required: false,
398
+ control: "color",
399
+ type: "string",
400
+ description: "This attribute sets the text color using either a named color or a color specified in the hexadecimal #RRGGBB format. Note: This is a legacy attribute. Please use the CSS color property instead."
401
+ },
402
+ content: {
403
+ required: false,
404
+ control: "text",
405
+ type: "string",
406
+ description: "A value associated with http-equiv orname depending on the context."
407
+ },
408
+ contextMenu: {
409
+ required: false,
410
+ control: "text",
411
+ type: "string",
412
+ description: "Defines the ID of a menu element which willserve as the element's context menu."
413
+ },
369
414
  datatype: { required: false, control: "text", type: "string" },
370
415
  defaultChecked: { required: false, control: "boolean", type: "boolean" },
371
- dir: { required: false, control: "text", type: "string" },
372
- draggable: { required: false, control: "boolean", type: "boolean" },
416
+ dir: {
417
+ required: false,
418
+ control: "text",
419
+ type: "string",
420
+ description: "Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)"
421
+ },
422
+ draggable: {
423
+ required: false,
424
+ control: "boolean",
425
+ type: "boolean",
426
+ description: "Defines whether the element can be dragged."
427
+ },
373
428
  encType: {
374
429
  required: false,
375
430
  control: "radio",
@@ -378,10 +433,21 @@ const props = {
378
433
  "application/x-www-form-urlencoded",
379
434
  "multipart/form-data",
380
435
  "text/plain"
381
- ]
436
+ ],
437
+ description: "Defines the content type of the form data when themethod is POST."
438
+ },
439
+ hidden: {
440
+ required: false,
441
+ control: "boolean",
442
+ type: "boolean",
443
+ description: "Prevents rendering of given element, while keeping child elements, e.g. script elements, active."
444
+ },
445
+ id: {
446
+ required: false,
447
+ control: "text",
448
+ type: "string",
449
+ description: "Often used with CSS to style a specific element. The value of this attribute must be unique."
382
450
  },
383
- hidden: { required: false, control: "boolean", type: "boolean" },
384
- id: { required: false, control: "text", type: "string" },
385
451
  inputMode: {
386
452
  description: "Hints at the type of data that might be entered by the user while editing the element or its contents\n@see https://html.spec.whatwg.org/multipage/interaction.html#input-modalities:-the-inputmode-attribute",
387
453
  required: false,
@@ -409,24 +475,70 @@ const props = {
409
475
  itemRef: { required: false, control: "text", type: "string" },
410
476
  itemScope: { required: false, control: "boolean", type: "boolean" },
411
477
  itemType: { required: false, control: "text", type: "string" },
412
- lang: { required: false, control: "text", type: "string" },
413
- method: { required: false, control: "text", type: "string" },
414
- name: { required: false, control: "text", type: "string" },
478
+ lang: {
479
+ required: false,
480
+ control: "text",
481
+ type: "string",
482
+ description: "Defines the language used in the element."
483
+ },
484
+ method: {
485
+ required: false,
486
+ control: "text",
487
+ type: "string",
488
+ description: "Defines which HTTP method to use when submitting the form. Can be GET (default) or POST."
489
+ },
490
+ name: {
491
+ required: false,
492
+ control: "text",
493
+ type: "string",
494
+ description: "This name is important when submitting form data to the server, as it identifies the data associated with the input. When multiple inputs share the same name attribute, they are treated as part of the same group (e.g., radio buttons or checkboxes)."
495
+ },
415
496
  nonce: { required: false, control: "text", type: "string" },
416
- noValidate: { required: false, control: "boolean", type: "boolean" },
417
- placeholder: { required: false, control: "text", type: "string" },
497
+ noValidate: {
498
+ required: false,
499
+ control: "boolean",
500
+ type: "boolean",
501
+ description: "This attribute indicates that the form shouldn't be validated when submitted."
502
+ },
503
+ placeholder: {
504
+ required: false,
505
+ control: "text",
506
+ type: "string",
507
+ description: "Provides a hint to the user of what can be entered in the field."
508
+ },
418
509
  prefix: { required: false, control: "text", type: "string" },
419
510
  property: { required: false, control: "text", type: "string" },
420
511
  radioGroup: { required: false, control: "text", type: "string" },
421
- rel: { required: false, control: "text", type: "string" },
512
+ rel: {
513
+ required: false,
514
+ control: "text",
515
+ type: "string",
516
+ description: "Specifies the relationship of the target object to the link object."
517
+ },
422
518
  resource: { required: false, control: "text", type: "string" },
423
519
  results: { required: false, control: "number", type: "number" },
424
520
  rev: { required: false, control: "text", type: "string" },
425
- role: { required: false, control: "text", type: "string" },
521
+ role: {
522
+ required: false,
523
+ control: "text",
524
+ type: "string",
525
+ description: "Defines an explicit role for an element for use by assistive technologies."
526
+ },
426
527
  security: { required: false, control: "text", type: "string" },
427
- slot: { required: false, control: "text", type: "string" },
428
- spellCheck: { required: false, control: "boolean", type: "boolean" },
528
+ slot: {
529
+ required: false,
530
+ control: "text",
531
+ type: "string",
532
+ description: "Assigns a slot in a shadow DOM shadow tree to an element."
533
+ },
534
+ spellCheck: {
535
+ required: false,
536
+ control: "boolean",
537
+ type: "boolean",
538
+ description: "Indicates whether spell checking is allowed for the element."
539
+ },
429
540
  state: {
541
+ description: "Use this property to reveal the Success and Error states on the canvas so they can be styled. The Initial state is displayed when the page first opens. The Success and Error states are displayed depending on whether the Form submits successfully or unsuccessfully.",
430
542
  required: false,
431
543
  control: "radio",
432
544
  type: "string",
@@ -443,14 +555,30 @@ const props = {
443
555
  control: "boolean",
444
556
  type: "boolean"
445
557
  },
446
- tabIndex: { required: false, control: "number", type: "number" },
447
- target: { required: false, control: "text", type: "string" },
448
- title: { required: false, control: "text", type: "string" },
558
+ tabIndex: {
559
+ required: false,
560
+ control: "number",
561
+ type: "number",
562
+ description: "Overrides the browser's default tab order and follows the one specified instead."
563
+ },
564
+ target: {
565
+ required: false,
566
+ control: "text",
567
+ type: "string",
568
+ description: "Specifies where to open the linked document (in the case of an <a> element) or where to display the response received (in the case of a <form> element)"
569
+ },
570
+ title: {
571
+ required: false,
572
+ control: "text",
573
+ type: "string",
574
+ description: "Text to be displayed in a tooltip when hovering over the element."
575
+ },
449
576
  translate: {
450
577
  required: false,
451
578
  control: "radio",
452
579
  type: "string",
453
- options: ["yes", "no"]
580
+ options: ["yes", "no"],
581
+ description: "Specify whether an element's attribute values and the values of its text node children are to be translated when the page is localized, or whether to leave them unchanged."
454
582
  },
455
583
  typeof: { required: false, control: "text", type: "string" },
456
584
  unselectable: {