@supernova-studio/client 0.54.21 → 0.54.22
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/dist/index.d.mts +280 -0
- package/dist/index.d.ts +280 -0
- package/dist/index.js +266 -778
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +266 -778
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
- package/src/yjs/docs-editor/mock.ts +264 -778
|
@@ -303,10 +303,7 @@ const blocks: PageBlockDefinition[] = [
|
|
|
303
303
|
},
|
|
304
304
|
behavior: {
|
|
305
305
|
dataType: "Item",
|
|
306
|
-
items: {
|
|
307
|
-
numberOfItems: 1,
|
|
308
|
-
allowLinks: false,
|
|
309
|
-
},
|
|
306
|
+
items: { numberOfItems: 1, allowLinks: false },
|
|
310
307
|
},
|
|
311
308
|
editorOptions: {
|
|
312
309
|
onboarding: {
|
|
@@ -364,10 +361,7 @@ const blocks: PageBlockDefinition[] = [
|
|
|
364
361
|
},
|
|
365
362
|
behavior: {
|
|
366
363
|
dataType: "Item",
|
|
367
|
-
items: {
|
|
368
|
-
numberOfItems: 1,
|
|
369
|
-
allowLinks: false,
|
|
370
|
-
},
|
|
364
|
+
items: { numberOfItems: 1, allowLinks: false },
|
|
371
365
|
},
|
|
372
366
|
editorOptions: {
|
|
373
367
|
onboarding: {
|
|
@@ -384,26 +378,21 @@ const blocks: PageBlockDefinition[] = [
|
|
|
384
378
|
},
|
|
385
379
|
{
|
|
386
380
|
id: "io.supernova.block.ordered-list",
|
|
387
|
-
name: "
|
|
388
|
-
description: "
|
|
381
|
+
name: "Numbered list",
|
|
382
|
+
description: "An ordered list with numbers",
|
|
389
383
|
category: "Text",
|
|
390
384
|
icon: "https://cdn-assets.supernova.io/blocks/icons/list-ordered.svg",
|
|
391
|
-
searchKeywords: ["ol"],
|
|
385
|
+
searchKeywords: ["ol", "ordered"],
|
|
392
386
|
item: {
|
|
393
387
|
properties: [
|
|
394
388
|
{
|
|
395
389
|
id: "text",
|
|
396
390
|
name: "Text",
|
|
397
391
|
type: "MultiRichText",
|
|
398
|
-
options: {
|
|
399
|
-
multiRichTextStyle: "OL",
|
|
400
|
-
},
|
|
392
|
+
options: { multiRichTextStyle: "OL" },
|
|
401
393
|
},
|
|
402
394
|
],
|
|
403
|
-
appearance: {
|
|
404
|
-
isBordered: true,
|
|
405
|
-
hasBackground: false,
|
|
406
|
-
},
|
|
395
|
+
appearance: { isBordered: true, hasBackground: false },
|
|
407
396
|
variants: [
|
|
408
397
|
{
|
|
409
398
|
id: "default",
|
|
@@ -422,13 +411,7 @@ const blocks: PageBlockDefinition[] = [
|
|
|
422
411
|
],
|
|
423
412
|
defaultVariantKey: "default",
|
|
424
413
|
},
|
|
425
|
-
behavior: {
|
|
426
|
-
dataType: "Item",
|
|
427
|
-
items: {
|
|
428
|
-
numberOfItems: 1,
|
|
429
|
-
allowLinks: false,
|
|
430
|
-
},
|
|
431
|
-
},
|
|
414
|
+
behavior: { dataType: "Item", items: { numberOfItems: 1, allowLinks: false } },
|
|
432
415
|
editorOptions: {
|
|
433
416
|
onboarding: {
|
|
434
417
|
helpText: "Display a sequence of numbers or letters to indicate order.",
|
|
@@ -444,7 +427,7 @@ const blocks: PageBlockDefinition[] = [
|
|
|
444
427
|
},
|
|
445
428
|
{
|
|
446
429
|
id: "io.supernova.block.unordered-list",
|
|
447
|
-
name: "
|
|
430
|
+
name: "Bulleted list",
|
|
448
431
|
description: "A list with bullet points",
|
|
449
432
|
category: "Text",
|
|
450
433
|
icon: "https://cdn-assets.supernova.io/blocks/icons/list-unordered.svg",
|
|
@@ -455,15 +438,10 @@ const blocks: PageBlockDefinition[] = [
|
|
|
455
438
|
id: "text",
|
|
456
439
|
name: "Text",
|
|
457
440
|
type: "MultiRichText",
|
|
458
|
-
options: {
|
|
459
|
-
multiRichTextStyle: "UL",
|
|
460
|
-
},
|
|
441
|
+
options: { multiRichTextStyle: "UL" },
|
|
461
442
|
},
|
|
462
443
|
],
|
|
463
|
-
appearance: {
|
|
464
|
-
isBordered: true,
|
|
465
|
-
hasBackground: false,
|
|
466
|
-
},
|
|
444
|
+
appearance: { isBordered: true, hasBackground: false },
|
|
467
445
|
variants: [
|
|
468
446
|
{
|
|
469
447
|
id: "default",
|
|
@@ -482,18 +460,155 @@ const blocks: PageBlockDefinition[] = [
|
|
|
482
460
|
],
|
|
483
461
|
defaultVariantKey: "default",
|
|
484
462
|
},
|
|
463
|
+
behavior: { dataType: "Item", items: { numberOfItems: 1, allowLinks: false } },
|
|
464
|
+
editorOptions: {
|
|
465
|
+
onboarding: {
|
|
466
|
+
helpText: "A list of items displayed with bullet points without a specific sequence.",
|
|
467
|
+
documentationLink: "https://learn.supernova.io/latest/documentation/types-of-blocks/text/list-UC5iPZLK",
|
|
468
|
+
},
|
|
469
|
+
},
|
|
470
|
+
appearance: {
|
|
471
|
+
isBordered: true,
|
|
472
|
+
hasBackground: false,
|
|
473
|
+
isEditorPresentationDifferent: false,
|
|
474
|
+
showBlockHeaderInEditor: false,
|
|
475
|
+
},
|
|
476
|
+
},
|
|
477
|
+
{
|
|
478
|
+
id: "io.supernova.block.do-dont-guidelines",
|
|
479
|
+
name: "Guidelines",
|
|
480
|
+
description: "Document your Do's and Don'ts.",
|
|
481
|
+
category: "Guidelines",
|
|
482
|
+
icon: "https://cdn-assets.supernova.io/blocks/icons/guidelines.svg",
|
|
483
|
+
searchKeywords: ["do", "dont", "caution", "rules"],
|
|
484
|
+
item: {
|
|
485
|
+
properties: [
|
|
486
|
+
{
|
|
487
|
+
id: "block.do-dont-guidelines.property.image",
|
|
488
|
+
name: "Image",
|
|
489
|
+
type: "Image",
|
|
490
|
+
options: { allowCaption: true },
|
|
491
|
+
},
|
|
492
|
+
{
|
|
493
|
+
id: "block.do-dont-guidelines.property.type",
|
|
494
|
+
name: "Type",
|
|
495
|
+
type: "SingleSelect",
|
|
496
|
+
options: {
|
|
497
|
+
defaultChoice: "do",
|
|
498
|
+
choices: [
|
|
499
|
+
{ value: "do", name: "Do", color: "Green", icon: "CheckCircle" },
|
|
500
|
+
{ value: "dont", name: "Don't", color: "Red", icon: "CrossCircle" },
|
|
501
|
+
{ value: "caution", name: "Caution", color: "Orange", icon: "Alert" },
|
|
502
|
+
],
|
|
503
|
+
singleSelectStyle: "ToggleButton",
|
|
504
|
+
},
|
|
505
|
+
},
|
|
506
|
+
{
|
|
507
|
+
id: "block.do-dont-guidelines.property.description",
|
|
508
|
+
name: "Description",
|
|
509
|
+
type: "RichTextEditor",
|
|
510
|
+
options: {
|
|
511
|
+
allowedInlineStyles: ["Bold", "Italic", "Strikethrough", "UL", "OL", "Link", "InlineCode"],
|
|
512
|
+
placeholder: "Add description",
|
|
513
|
+
},
|
|
514
|
+
},
|
|
515
|
+
],
|
|
516
|
+
appearance: { isBordered: true, hasBackground: false },
|
|
517
|
+
variants: [
|
|
518
|
+
{
|
|
519
|
+
id: "simple",
|
|
520
|
+
name: "Simple",
|
|
521
|
+
image: "https://cdn-assets.supernova.io/blocks/variants/guidelines-simple.svg",
|
|
522
|
+
description: "With a minimalist badge at the top, this design is great for content guidelines.",
|
|
523
|
+
layout: {
|
|
524
|
+
type: "Column",
|
|
525
|
+
children: [
|
|
526
|
+
"block.do-dont-guidelines.property.type",
|
|
527
|
+
"block.do-dont-guidelines.property.image",
|
|
528
|
+
"block.do-dont-guidelines.property.description",
|
|
529
|
+
],
|
|
530
|
+
columnAlign: "Start",
|
|
531
|
+
columnResizing: "Fill",
|
|
532
|
+
gap: "Medium",
|
|
533
|
+
},
|
|
534
|
+
maxColumns: 3,
|
|
535
|
+
defaultColumns: 2,
|
|
536
|
+
appearance: {},
|
|
537
|
+
},
|
|
538
|
+
{
|
|
539
|
+
id: "prominent",
|
|
540
|
+
name: "Prominent",
|
|
541
|
+
image: "https://cdn-assets.supernova.io/blocks/variants/guidelines-prominent.svg",
|
|
542
|
+
description: "Recommended when you need guidelines that need to stand out.",
|
|
543
|
+
layout: {
|
|
544
|
+
type: "Column",
|
|
545
|
+
children: [
|
|
546
|
+
"block.do-dont-guidelines.property.type",
|
|
547
|
+
"block.do-dont-guidelines.property.image",
|
|
548
|
+
"block.do-dont-guidelines.property.description",
|
|
549
|
+
],
|
|
550
|
+
columnAlign: "Start",
|
|
551
|
+
columnResizing: "Fill",
|
|
552
|
+
gap: "Medium",
|
|
553
|
+
},
|
|
554
|
+
maxColumns: 3,
|
|
555
|
+
defaultColumns: 1,
|
|
556
|
+
appearance: { isEditorPresentationDifferent: true },
|
|
557
|
+
},
|
|
558
|
+
{
|
|
559
|
+
id: "contained",
|
|
560
|
+
name: "Contained",
|
|
561
|
+
image: "https://cdn-assets.supernova.io/blocks/variants/guidelines-contained.svg",
|
|
562
|
+
description: "Perfect for component guidelines with spacious images.",
|
|
563
|
+
layout: {
|
|
564
|
+
type: "Column",
|
|
565
|
+
children: [
|
|
566
|
+
"block.do-dont-guidelines.property.type",
|
|
567
|
+
"block.do-dont-guidelines.property.image",
|
|
568
|
+
"block.do-dont-guidelines.property.description",
|
|
569
|
+
],
|
|
570
|
+
columnAlign: "Start",
|
|
571
|
+
columnResizing: "Fill",
|
|
572
|
+
gap: "Medium",
|
|
573
|
+
},
|
|
574
|
+
maxColumns: 3,
|
|
575
|
+
defaultColumns: 1,
|
|
576
|
+
appearance: { isEditorPresentationDifferent: true },
|
|
577
|
+
},
|
|
578
|
+
{
|
|
579
|
+
id: "side-border",
|
|
580
|
+
name: "Side border",
|
|
581
|
+
image: "https://cdn-assets.supernova.io/blocks/variants/guidelines-side-border.svg",
|
|
582
|
+
description: "The side border makes this variant well-suited for longer text guidelines.",
|
|
583
|
+
layout: {
|
|
584
|
+
type: "Column",
|
|
585
|
+
children: [
|
|
586
|
+
"block.do-dont-guidelines.property.type",
|
|
587
|
+
"block.do-dont-guidelines.property.image",
|
|
588
|
+
"block.do-dont-guidelines.property.description",
|
|
589
|
+
],
|
|
590
|
+
columnAlign: "Start",
|
|
591
|
+
columnResizing: "Fill",
|
|
592
|
+
gap: "Medium",
|
|
593
|
+
},
|
|
594
|
+
maxColumns: 3,
|
|
595
|
+
defaultColumns: 1,
|
|
596
|
+
appearance: { isEditorPresentationDifferent: true },
|
|
597
|
+
},
|
|
598
|
+
],
|
|
599
|
+
defaultVariantKey: "simple",
|
|
600
|
+
},
|
|
485
601
|
behavior: {
|
|
486
602
|
dataType: "Item",
|
|
487
|
-
items: {
|
|
488
|
-
numberOfItems: 1,
|
|
489
|
-
allowLinks: false,
|
|
490
|
-
},
|
|
603
|
+
items: { numberOfItems: -1, allowLinks: false, newItemLabel: "Add guideline" },
|
|
491
604
|
},
|
|
492
605
|
editorOptions: {
|
|
493
606
|
onboarding: {
|
|
494
|
-
helpText: "
|
|
495
|
-
documentationLink:
|
|
607
|
+
helpText: "Use link block to document your Do/Don't guidelines for your components and patterns.",
|
|
608
|
+
documentationLink:
|
|
609
|
+
"https://learn.supernova.io/latest/documentation/types-of-blocks/links/shortcuts/general-jVfNifo4",
|
|
496
610
|
},
|
|
611
|
+
newItemLabel: "Add guideline",
|
|
497
612
|
},
|
|
498
613
|
appearance: {
|
|
499
614
|
isBordered: true,
|
|
@@ -502,7 +617,6 @@ const blocks: PageBlockDefinition[] = [
|
|
|
502
617
|
showBlockHeaderInEditor: false,
|
|
503
618
|
},
|
|
504
619
|
},
|
|
505
|
-
|
|
506
620
|
{
|
|
507
621
|
id: "io.supernova.block.divider",
|
|
508
622
|
name: "Divider",
|
|
@@ -511,18 +625,8 @@ const blocks: PageBlockDefinition[] = [
|
|
|
511
625
|
icon: "https://cdn-assets.supernova.io/blocks/icons/divider.svg",
|
|
512
626
|
searchKeywords: ["hr", "line", "rule", "separator"],
|
|
513
627
|
item: {
|
|
514
|
-
properties: [
|
|
515
|
-
|
|
516
|
-
id: "divider",
|
|
517
|
-
name: "Divider",
|
|
518
|
-
type: "Divider",
|
|
519
|
-
options: {},
|
|
520
|
-
},
|
|
521
|
-
],
|
|
522
|
-
appearance: {
|
|
523
|
-
isBordered: true,
|
|
524
|
-
hasBackground: false,
|
|
525
|
-
},
|
|
628
|
+
properties: [{ id: "divider", name: "Divider", type: "Divider", options: {} }],
|
|
629
|
+
appearance: { isBordered: true, hasBackground: false },
|
|
526
630
|
variants: [
|
|
527
631
|
{
|
|
528
632
|
id: "default",
|
|
@@ -541,13 +645,7 @@ const blocks: PageBlockDefinition[] = [
|
|
|
541
645
|
],
|
|
542
646
|
defaultVariantKey: "default",
|
|
543
647
|
},
|
|
544
|
-
behavior: {
|
|
545
|
-
dataType: "Item",
|
|
546
|
-
items: {
|
|
547
|
-
numberOfItems: 1,
|
|
548
|
-
allowLinks: false,
|
|
549
|
-
},
|
|
550
|
-
},
|
|
648
|
+
behavior: { dataType: "Item", items: { numberOfItems: 1, allowLinks: false } },
|
|
551
649
|
editorOptions: {
|
|
552
650
|
onboarding: {
|
|
553
651
|
helpText: "A thematic break or horizontal rule, often used to separate content or define a change in topic.",
|
|
@@ -574,27 +672,15 @@ const blocks: PageBlockDefinition[] = [
|
|
|
574
672
|
id: "text",
|
|
575
673
|
name: "Text",
|
|
576
674
|
type: "RichText",
|
|
577
|
-
options: {
|
|
578
|
-
placeholder: "Write a quote...",
|
|
579
|
-
richTextStyle: "Quote",
|
|
580
|
-
},
|
|
675
|
+
options: { placeholder: "Write a quote...", richTextStyle: "Quote" },
|
|
581
676
|
},
|
|
582
677
|
],
|
|
583
|
-
appearance: {
|
|
584
|
-
isBordered: true,
|
|
585
|
-
hasBackground: false,
|
|
586
|
-
},
|
|
678
|
+
appearance: { isBordered: true, hasBackground: false },
|
|
587
679
|
variants: [
|
|
588
680
|
{
|
|
589
681
|
id: "default",
|
|
590
682
|
name: "Default",
|
|
591
|
-
layout: {
|
|
592
|
-
type: "Column",
|
|
593
|
-
children: ["text"],
|
|
594
|
-
columnAlign: "Start",
|
|
595
|
-
columnResizing: "Fill",
|
|
596
|
-
gap: "Medium",
|
|
597
|
-
},
|
|
683
|
+
layout: { type: "Column", children: ["text"], columnAlign: "Start", columnResizing: "Fill", gap: "Medium" },
|
|
598
684
|
maxColumns: 1,
|
|
599
685
|
defaultColumns: 1,
|
|
600
686
|
appearance: {},
|
|
@@ -602,13 +688,7 @@ const blocks: PageBlockDefinition[] = [
|
|
|
602
688
|
],
|
|
603
689
|
defaultVariantKey: "default",
|
|
604
690
|
},
|
|
605
|
-
behavior: {
|
|
606
|
-
dataType: "Item",
|
|
607
|
-
items: {
|
|
608
|
-
numberOfItems: 1,
|
|
609
|
-
allowLinks: false,
|
|
610
|
-
},
|
|
611
|
-
},
|
|
691
|
+
behavior: { dataType: "Item", items: { numberOfItems: 1, allowLinks: false } },
|
|
612
692
|
editorOptions: {
|
|
613
693
|
onboarding: {
|
|
614
694
|
helpText: "Use a blockquote to set off a quotation or cited content from the main text.",
|
|
@@ -635,27 +715,15 @@ const blocks: PageBlockDefinition[] = [
|
|
|
635
715
|
id: "text",
|
|
636
716
|
name: "Text",
|
|
637
717
|
type: "RichText",
|
|
638
|
-
options: {
|
|
639
|
-
placeholder: "Highlight some information...",
|
|
640
|
-
richTextStyle: "Callout",
|
|
641
|
-
},
|
|
718
|
+
options: { placeholder: "Highlight some information...", richTextStyle: "Callout" },
|
|
642
719
|
},
|
|
643
720
|
],
|
|
644
|
-
appearance: {
|
|
645
|
-
isBordered: true,
|
|
646
|
-
hasBackground: false,
|
|
647
|
-
},
|
|
721
|
+
appearance: { isBordered: true, hasBackground: false },
|
|
648
722
|
variants: [
|
|
649
723
|
{
|
|
650
724
|
id: "default",
|
|
651
725
|
name: "Default",
|
|
652
|
-
layout: {
|
|
653
|
-
type: "Column",
|
|
654
|
-
children: ["text"],
|
|
655
|
-
columnAlign: "Start",
|
|
656
|
-
columnResizing: "Fill",
|
|
657
|
-
gap: "Medium",
|
|
658
|
-
},
|
|
726
|
+
layout: { type: "Column", children: ["text"], columnAlign: "Start", columnResizing: "Fill", gap: "Medium" },
|
|
659
727
|
maxColumns: 1,
|
|
660
728
|
defaultColumns: 1,
|
|
661
729
|
appearance: {},
|
|
@@ -663,13 +731,7 @@ const blocks: PageBlockDefinition[] = [
|
|
|
663
731
|
],
|
|
664
732
|
defaultVariantKey: "default",
|
|
665
733
|
},
|
|
666
|
-
behavior: {
|
|
667
|
-
dataType: "Item",
|
|
668
|
-
items: {
|
|
669
|
-
numberOfItems: 1,
|
|
670
|
-
allowLinks: false,
|
|
671
|
-
},
|
|
672
|
-
},
|
|
734
|
+
behavior: { dataType: "Item", items: { numberOfItems: 1, allowLinks: false } },
|
|
673
735
|
editorOptions: {
|
|
674
736
|
onboarding: {
|
|
675
737
|
helpText: "Use to highlight a section of text.",
|
|
@@ -696,26 +758,15 @@ const blocks: PageBlockDefinition[] = [
|
|
|
696
758
|
id: "image",
|
|
697
759
|
name: "Image",
|
|
698
760
|
type: "Image",
|
|
699
|
-
options: {
|
|
700
|
-
allowCaption: true,
|
|
701
|
-
},
|
|
761
|
+
options: { allowCaption: true },
|
|
702
762
|
},
|
|
703
763
|
],
|
|
704
|
-
appearance: {
|
|
705
|
-
isBordered: true,
|
|
706
|
-
hasBackground: false,
|
|
707
|
-
},
|
|
764
|
+
appearance: { isBordered: true, hasBackground: false },
|
|
708
765
|
variants: [
|
|
709
766
|
{
|
|
710
767
|
id: "default",
|
|
711
768
|
name: "Default",
|
|
712
|
-
layout: {
|
|
713
|
-
type: "Column",
|
|
714
|
-
children: ["image"],
|
|
715
|
-
columnAlign: "Start",
|
|
716
|
-
columnResizing: "Fill",
|
|
717
|
-
gap: "Medium",
|
|
718
|
-
},
|
|
769
|
+
layout: { type: "Column", children: ["image"], columnAlign: "Start", columnResizing: "Fill", gap: "Medium" },
|
|
719
770
|
maxColumns: 1,
|
|
720
771
|
defaultColumns: 1,
|
|
721
772
|
appearance: {},
|
|
@@ -723,13 +774,7 @@ const blocks: PageBlockDefinition[] = [
|
|
|
723
774
|
],
|
|
724
775
|
defaultVariantKey: "default",
|
|
725
776
|
},
|
|
726
|
-
behavior: {
|
|
727
|
-
dataType: "Item",
|
|
728
|
-
items: {
|
|
729
|
-
numberOfItems: 1,
|
|
730
|
-
allowLinks: false,
|
|
731
|
-
},
|
|
732
|
-
},
|
|
777
|
+
behavior: { dataType: "Item", items: { numberOfItems: 1, allowLinks: false } },
|
|
733
778
|
editorOptions: {
|
|
734
779
|
onboarding: {
|
|
735
780
|
helpText: "Use to display an image or Figma image.",
|
|
@@ -757,48 +802,27 @@ const blocks: PageBlockDefinition[] = [
|
|
|
757
802
|
id: "block.links.property.image",
|
|
758
803
|
name: "Image",
|
|
759
804
|
type: "Image",
|
|
760
|
-
options: {
|
|
761
|
-
aspectRatio: "Landscape",
|
|
762
|
-
allowCaption: false,
|
|
763
|
-
},
|
|
805
|
+
options: { aspectRatio: "Landscape", allowCaption: false },
|
|
764
806
|
variantOptions: {
|
|
765
|
-
iconOnTop: {
|
|
766
|
-
|
|
767
|
-
|
|
768
|
-
},
|
|
769
|
-
imageOnLeft: {
|
|
770
|
-
width: "Medium",
|
|
771
|
-
},
|
|
772
|
-
iconOnLeft: {
|
|
773
|
-
width: "Icon",
|
|
774
|
-
aspectRatio: "Square",
|
|
775
|
-
},
|
|
807
|
+
iconOnTop: { width: "Icon", aspectRatio: "Square" },
|
|
808
|
+
imageOnLeft: { width: "Medium" },
|
|
809
|
+
iconOnLeft: { width: "Icon", aspectRatio: "Square" },
|
|
776
810
|
},
|
|
777
811
|
},
|
|
778
812
|
{
|
|
779
813
|
id: "block.links.property.title",
|
|
780
814
|
name: "Title",
|
|
781
815
|
type: "Text",
|
|
782
|
-
options: {
|
|
783
|
-
textStyle: "Title5",
|
|
784
|
-
placeholder: "Add title",
|
|
785
|
-
},
|
|
816
|
+
options: { textStyle: "Title5", placeholder: "Add title", allowLineBreaks: false },
|
|
786
817
|
},
|
|
787
818
|
{
|
|
788
819
|
id: "block.links.property.description",
|
|
789
820
|
name: "Short description",
|
|
790
821
|
type: "Text",
|
|
791
|
-
options: {
|
|
792
|
-
textStyle: "Default",
|
|
793
|
-
color: "NeutralFaded",
|
|
794
|
-
placeholder: "Add description",
|
|
795
|
-
},
|
|
822
|
+
options: { textStyle: "Default", color: "NeutralFaded", placeholder: "Add description" },
|
|
796
823
|
},
|
|
797
824
|
],
|
|
798
|
-
appearance: {
|
|
799
|
-
isBordered: true,
|
|
800
|
-
hasBackground: false,
|
|
801
|
-
},
|
|
825
|
+
appearance: { isBordered: true, hasBackground: false },
|
|
802
826
|
variants: [
|
|
803
827
|
{
|
|
804
828
|
id: "imageOnTop",
|
|
@@ -895,11 +919,7 @@ const blocks: PageBlockDefinition[] = [
|
|
|
895
919
|
},
|
|
896
920
|
behavior: {
|
|
897
921
|
dataType: "Item",
|
|
898
|
-
items: {
|
|
899
|
-
numberOfItems: -1,
|
|
900
|
-
allowLinks: true,
|
|
901
|
-
newItemLabel: "Add shortcut",
|
|
902
|
-
},
|
|
922
|
+
items: { numberOfItems: -1, allowLinks: true, newItemLabel: "Add shortcut" },
|
|
903
923
|
},
|
|
904
924
|
editorOptions: {
|
|
905
925
|
onboarding: {
|
|
@@ -937,21 +957,12 @@ const blocks: PageBlockDefinition[] = [
|
|
|
937
957
|
},
|
|
938
958
|
},
|
|
939
959
|
],
|
|
940
|
-
appearance: {
|
|
941
|
-
isBordered: true,
|
|
942
|
-
hasBackground: false,
|
|
943
|
-
},
|
|
960
|
+
appearance: { isBordered: true, hasBackground: false },
|
|
944
961
|
variants: [
|
|
945
962
|
{
|
|
946
963
|
id: "default",
|
|
947
964
|
name: "Default",
|
|
948
|
-
layout: {
|
|
949
|
-
type: "Column",
|
|
950
|
-
children: ["embed"],
|
|
951
|
-
columnAlign: "Start",
|
|
952
|
-
columnResizing: "Fill",
|
|
953
|
-
gap: "Medium",
|
|
954
|
-
},
|
|
965
|
+
layout: { type: "Column", children: ["embed"], columnAlign: "Start", columnResizing: "Fill", gap: "Medium" },
|
|
955
966
|
maxColumns: 1,
|
|
956
967
|
defaultColumns: 1,
|
|
957
968
|
appearance: {},
|
|
@@ -959,13 +970,7 @@ const blocks: PageBlockDefinition[] = [
|
|
|
959
970
|
],
|
|
960
971
|
defaultVariantKey: "default",
|
|
961
972
|
},
|
|
962
|
-
behavior: {
|
|
963
|
-
dataType: "Item",
|
|
964
|
-
items: {
|
|
965
|
-
numberOfItems: 1,
|
|
966
|
-
allowLinks: false,
|
|
967
|
-
},
|
|
968
|
-
},
|
|
973
|
+
behavior: { dataType: "Item", items: { numberOfItems: 1, allowLinks: false } },
|
|
969
974
|
editorOptions: {
|
|
970
975
|
onboarding: {
|
|
971
976
|
helpText: "Embed a Figma canvas or prototype to your documentation.",
|
|
@@ -992,28 +997,15 @@ const blocks: PageBlockDefinition[] = [
|
|
|
992
997
|
id: "embed",
|
|
993
998
|
name: "Storybook URL",
|
|
994
999
|
type: "Storybook",
|
|
995
|
-
options: {
|
|
996
|
-
allowCaption: true,
|
|
997
|
-
allowResize: true,
|
|
998
|
-
defaultHeight: 400,
|
|
999
|
-
},
|
|
1000
|
+
options: { allowCaption: true, allowResize: true, defaultHeight: 400 },
|
|
1000
1001
|
},
|
|
1001
1002
|
],
|
|
1002
|
-
appearance: {
|
|
1003
|
-
isBordered: true,
|
|
1004
|
-
hasBackground: false,
|
|
1005
|
-
},
|
|
1003
|
+
appearance: { isBordered: true, hasBackground: false },
|
|
1006
1004
|
variants: [
|
|
1007
1005
|
{
|
|
1008
1006
|
id: "default",
|
|
1009
1007
|
name: "Default",
|
|
1010
|
-
layout: {
|
|
1011
|
-
type: "Column",
|
|
1012
|
-
children: ["embed"],
|
|
1013
|
-
columnAlign: "Start",
|
|
1014
|
-
columnResizing: "Fill",
|
|
1015
|
-
gap: "Medium",
|
|
1016
|
-
},
|
|
1008
|
+
layout: { type: "Column", children: ["embed"], columnAlign: "Start", columnResizing: "Fill", gap: "Medium" },
|
|
1017
1009
|
maxColumns: 1,
|
|
1018
1010
|
defaultColumns: 1,
|
|
1019
1011
|
appearance: {},
|
|
@@ -1021,13 +1013,7 @@ const blocks: PageBlockDefinition[] = [
|
|
|
1021
1013
|
],
|
|
1022
1014
|
defaultVariantKey: "default",
|
|
1023
1015
|
},
|
|
1024
|
-
behavior: {
|
|
1025
|
-
dataType: "Item",
|
|
1026
|
-
items: {
|
|
1027
|
-
numberOfItems: 1,
|
|
1028
|
-
allowLinks: false,
|
|
1029
|
-
},
|
|
1030
|
-
},
|
|
1016
|
+
behavior: { dataType: "Item", items: { numberOfItems: 1, allowLinks: false } },
|
|
1031
1017
|
editorOptions: {
|
|
1032
1018
|
onboarding: {
|
|
1033
1019
|
helpText: "Embed a Storybook story to your documentation.",
|
|
@@ -1062,21 +1048,12 @@ const blocks: PageBlockDefinition[] = [
|
|
|
1062
1048
|
},
|
|
1063
1049
|
},
|
|
1064
1050
|
],
|
|
1065
|
-
appearance: {
|
|
1066
|
-
isBordered: true,
|
|
1067
|
-
hasBackground: false,
|
|
1068
|
-
},
|
|
1051
|
+
appearance: { isBordered: true, hasBackground: false },
|
|
1069
1052
|
variants: [
|
|
1070
1053
|
{
|
|
1071
1054
|
id: "default",
|
|
1072
1055
|
name: "Default",
|
|
1073
|
-
layout: {
|
|
1074
|
-
type: "Column",
|
|
1075
|
-
children: ["embed"],
|
|
1076
|
-
columnAlign: "Start",
|
|
1077
|
-
columnResizing: "Fill",
|
|
1078
|
-
gap: "Medium",
|
|
1079
|
-
},
|
|
1056
|
+
layout: { type: "Column", children: ["embed"], columnAlign: "Start", columnResizing: "Fill", gap: "Medium" },
|
|
1080
1057
|
maxColumns: 1,
|
|
1081
1058
|
defaultColumns: 1,
|
|
1082
1059
|
appearance: {},
|
|
@@ -1084,13 +1061,7 @@ const blocks: PageBlockDefinition[] = [
|
|
|
1084
1061
|
],
|
|
1085
1062
|
defaultVariantKey: "default",
|
|
1086
1063
|
},
|
|
1087
|
-
behavior: {
|
|
1088
|
-
dataType: "Item",
|
|
1089
|
-
items: {
|
|
1090
|
-
numberOfItems: 1,
|
|
1091
|
-
allowLinks: false,
|
|
1092
|
-
},
|
|
1093
|
-
},
|
|
1064
|
+
behavior: { dataType: "Item", items: { numberOfItems: 1, allowLinks: false } },
|
|
1094
1065
|
editorOptions: {
|
|
1095
1066
|
onboarding: {
|
|
1096
1067
|
helpText: "Embed a YouTube video to your documentation.",
|
|
@@ -1119,55 +1090,40 @@ const blocks: PageBlockDefinition[] = [
|
|
|
1119
1090
|
name: "Lottie URL",
|
|
1120
1091
|
type: "URL",
|
|
1121
1092
|
description: "Add URL to your Lottie animation file. We support .json and .lottie file extensions.",
|
|
1122
|
-
options: {
|
|
1123
|
-
urlValidationRegex: "^(http|https)://.*.(json|lottie)$",
|
|
1124
|
-
},
|
|
1093
|
+
options: { urlValidationRegex: "^(http|https)://.*.(json|lottie)$" },
|
|
1125
1094
|
},
|
|
1126
1095
|
{
|
|
1127
1096
|
id: "height",
|
|
1128
1097
|
name: "Height",
|
|
1129
1098
|
type: "Number",
|
|
1130
|
-
options: {
|
|
1131
|
-
defaultValue: 270,
|
|
1132
|
-
},
|
|
1099
|
+
options: { defaultValue: 270 },
|
|
1133
1100
|
},
|
|
1134
1101
|
{
|
|
1135
1102
|
id: "width",
|
|
1136
1103
|
name: "Width",
|
|
1137
1104
|
type: "Number",
|
|
1138
|
-
options: {
|
|
1139
|
-
defaultValue: 400,
|
|
1140
|
-
},
|
|
1105
|
+
options: { defaultValue: 400 },
|
|
1141
1106
|
},
|
|
1142
1107
|
{
|
|
1143
1108
|
id: "autoplay",
|
|
1144
1109
|
name: "Autoplay",
|
|
1145
1110
|
type: "Boolean",
|
|
1146
|
-
options: {
|
|
1147
|
-
defaultValue: true,
|
|
1148
|
-
},
|
|
1111
|
+
options: { defaultValue: true },
|
|
1149
1112
|
},
|
|
1150
1113
|
{
|
|
1151
1114
|
id: "loop",
|
|
1152
1115
|
name: "Loop",
|
|
1153
1116
|
type: "Boolean",
|
|
1154
|
-
options: {
|
|
1155
|
-
defaultValue: true,
|
|
1156
|
-
},
|
|
1117
|
+
options: { defaultValue: true },
|
|
1157
1118
|
},
|
|
1158
1119
|
{
|
|
1159
1120
|
id: "playerControls",
|
|
1160
1121
|
name: "Show player controls",
|
|
1161
1122
|
type: "Boolean",
|
|
1162
|
-
options: {
|
|
1163
|
-
defaultValue: true,
|
|
1164
|
-
},
|
|
1123
|
+
options: { defaultValue: true },
|
|
1165
1124
|
},
|
|
1166
1125
|
],
|
|
1167
|
-
appearance: {
|
|
1168
|
-
isBordered: true,
|
|
1169
|
-
hasBackground: false,
|
|
1170
|
-
},
|
|
1126
|
+
appearance: { isBordered: true, hasBackground: false },
|
|
1171
1127
|
variants: [
|
|
1172
1128
|
{
|
|
1173
1129
|
id: "default",
|
|
@@ -1188,13 +1144,7 @@ const blocks: PageBlockDefinition[] = [
|
|
|
1188
1144
|
],
|
|
1189
1145
|
defaultVariantKey: "default",
|
|
1190
1146
|
},
|
|
1191
|
-
behavior: {
|
|
1192
|
-
dataType: "Item",
|
|
1193
|
-
items: {
|
|
1194
|
-
numberOfItems: 1,
|
|
1195
|
-
allowLinks: false,
|
|
1196
|
-
},
|
|
1197
|
-
},
|
|
1147
|
+
behavior: { dataType: "Item", items: { numberOfItems: 1, allowLinks: false } },
|
|
1198
1148
|
editorOptions: {
|
|
1199
1149
|
onboarding: {
|
|
1200
1150
|
helpText: "Embed a Lottie animation to your documentation.",
|
|
@@ -1230,10 +1180,7 @@ const blocks: PageBlockDefinition[] = [
|
|
|
1230
1180
|
},
|
|
1231
1181
|
},
|
|
1232
1182
|
],
|
|
1233
|
-
appearance: {
|
|
1234
|
-
isBordered: true,
|
|
1235
|
-
hasBackground: false,
|
|
1236
|
-
},
|
|
1183
|
+
appearance: { isBordered: true, hasBackground: false },
|
|
1237
1184
|
variants: [
|
|
1238
1185
|
{
|
|
1239
1186
|
id: "default",
|
|
@@ -1252,13 +1199,7 @@ const blocks: PageBlockDefinition[] = [
|
|
|
1252
1199
|
],
|
|
1253
1200
|
defaultVariantKey: "default",
|
|
1254
1201
|
},
|
|
1255
|
-
behavior: {
|
|
1256
|
-
dataType: "Item",
|
|
1257
|
-
items: {
|
|
1258
|
-
numberOfItems: 1,
|
|
1259
|
-
allowLinks: false,
|
|
1260
|
-
},
|
|
1261
|
-
},
|
|
1202
|
+
behavior: { dataType: "Item", items: { numberOfItems: 1, allowLinks: false } },
|
|
1262
1203
|
editorOptions: {
|
|
1263
1204
|
onboarding: {
|
|
1264
1205
|
helpText: "Embed any page to your documentation as an iframe.",
|
|
@@ -1286,15 +1227,10 @@ const blocks: PageBlockDefinition[] = [
|
|
|
1286
1227
|
id: "markdownUrl",
|
|
1287
1228
|
name: "Markdown URL",
|
|
1288
1229
|
type: "Markdown",
|
|
1289
|
-
options: {
|
|
1290
|
-
urlValidationRegex: "^(https?://)?(www\\.)?.+\\.md(\\?.*)?$",
|
|
1291
|
-
},
|
|
1230
|
+
options: { urlValidationRegex: "^(https?://)?(www\\.)?.+\\.md(\\?.*)?$" },
|
|
1292
1231
|
},
|
|
1293
1232
|
],
|
|
1294
|
-
appearance: {
|
|
1295
|
-
isBordered: true,
|
|
1296
|
-
hasBackground: false,
|
|
1297
|
-
},
|
|
1233
|
+
appearance: { isBordered: true, hasBackground: false },
|
|
1298
1234
|
variants: [
|
|
1299
1235
|
{
|
|
1300
1236
|
id: "plain",
|
|
@@ -1344,13 +1280,7 @@ const blocks: PageBlockDefinition[] = [
|
|
|
1344
1280
|
],
|
|
1345
1281
|
defaultVariantKey: "plain",
|
|
1346
1282
|
},
|
|
1347
|
-
behavior: {
|
|
1348
|
-
dataType: "Item",
|
|
1349
|
-
items: {
|
|
1350
|
-
numberOfItems: 1,
|
|
1351
|
-
allowLinks: false,
|
|
1352
|
-
},
|
|
1353
|
-
},
|
|
1283
|
+
behavior: { dataType: "Item", items: { numberOfItems: 1, allowLinks: false } },
|
|
1354
1284
|
editorOptions: {
|
|
1355
1285
|
onboarding: {
|
|
1356
1286
|
helpText: "Render any markdown file directly inside of your documentation.",
|
|
@@ -1373,29 +1303,13 @@ const blocks: PageBlockDefinition[] = [
|
|
|
1373
1303
|
icon: "https://cdn-assets.supernova.io/blocks/icons/v2/table.svg",
|
|
1374
1304
|
searchKeywords: ["grid", "data", "spreadsheet", "api"],
|
|
1375
1305
|
item: {
|
|
1376
|
-
properties: [
|
|
1377
|
-
|
|
1378
|
-
id: "table",
|
|
1379
|
-
name: "Table",
|
|
1380
|
-
type: "Table",
|
|
1381
|
-
options: {},
|
|
1382
|
-
},
|
|
1383
|
-
],
|
|
1384
|
-
appearance: {
|
|
1385
|
-
isBordered: true,
|
|
1386
|
-
hasBackground: false,
|
|
1387
|
-
},
|
|
1306
|
+
properties: [{ id: "table", name: "Table", type: "Table", options: {} }],
|
|
1307
|
+
appearance: { isBordered: true, hasBackground: false },
|
|
1388
1308
|
variants: [
|
|
1389
1309
|
{
|
|
1390
1310
|
id: "default",
|
|
1391
1311
|
name: "Default",
|
|
1392
|
-
layout: {
|
|
1393
|
-
type: "Column",
|
|
1394
|
-
children: ["table"],
|
|
1395
|
-
columnAlign: "Start",
|
|
1396
|
-
columnResizing: "Fill",
|
|
1397
|
-
gap: "Medium",
|
|
1398
|
-
},
|
|
1312
|
+
layout: { type: "Column", children: ["table"], columnAlign: "Start", columnResizing: "Fill", gap: "Medium" },
|
|
1399
1313
|
maxColumns: 1,
|
|
1400
1314
|
defaultColumns: 1,
|
|
1401
1315
|
appearance: {},
|
|
@@ -1403,13 +1317,7 @@ const blocks: PageBlockDefinition[] = [
|
|
|
1403
1317
|
],
|
|
1404
1318
|
defaultVariantKey: "default",
|
|
1405
1319
|
},
|
|
1406
|
-
behavior: {
|
|
1407
|
-
dataType: "Item",
|
|
1408
|
-
items: {
|
|
1409
|
-
numberOfItems: 1,
|
|
1410
|
-
allowLinks: false,
|
|
1411
|
-
},
|
|
1412
|
-
},
|
|
1320
|
+
behavior: { dataType: "Item", items: { numberOfItems: 1, allowLinks: false } },
|
|
1413
1321
|
editorOptions: {
|
|
1414
1322
|
onboarding: {
|
|
1415
1323
|
helpText: "Use for displaying data in a tabular format.",
|
|
@@ -1446,34 +1354,17 @@ const blocks: PageBlockDefinition[] = [
|
|
|
1446
1354
|
id: "tokens",
|
|
1447
1355
|
name: "Tokens",
|
|
1448
1356
|
type: "Token",
|
|
1449
|
-
options: {
|
|
1450
|
-
|
|
1451
|
-
defaultTheme: "none",
|
|
1452
|
-
defaultValuePreview: "Split",
|
|
1453
|
-
},
|
|
1454
|
-
variantOptions: {
|
|
1455
|
-
grid: {
|
|
1456
|
-
renderLayoutAs: "Grid",
|
|
1457
|
-
},
|
|
1458
|
-
},
|
|
1357
|
+
options: { renderLayoutAs: "List", defaultTheme: "none", defaultValuePreview: "Split" },
|
|
1358
|
+
variantOptions: { grid: { renderLayoutAs: "Grid" } },
|
|
1459
1359
|
},
|
|
1460
1360
|
],
|
|
1461
|
-
appearance: {
|
|
1462
|
-
isBordered: true,
|
|
1463
|
-
hasBackground: false,
|
|
1464
|
-
},
|
|
1361
|
+
appearance: { isBordered: true, hasBackground: false },
|
|
1465
1362
|
variants: [
|
|
1466
1363
|
{
|
|
1467
1364
|
id: "table",
|
|
1468
1365
|
name: "Table",
|
|
1469
1366
|
image: "https://cdn-assets.supernova.io/blocks/variants/tokens-table.svg",
|
|
1470
|
-
layout: {
|
|
1471
|
-
type: "Column",
|
|
1472
|
-
children: ["tokens"],
|
|
1473
|
-
columnAlign: "Start",
|
|
1474
|
-
columnResizing: "Fill",
|
|
1475
|
-
gap: "Medium",
|
|
1476
|
-
},
|
|
1367
|
+
layout: { type: "Column", children: ["tokens"], columnAlign: "Start", columnResizing: "Fill", gap: "Medium" },
|
|
1477
1368
|
maxColumns: 1,
|
|
1478
1369
|
defaultColumns: 1,
|
|
1479
1370
|
appearance: {},
|
|
@@ -1482,13 +1373,7 @@ const blocks: PageBlockDefinition[] = [
|
|
|
1482
1373
|
id: "grid",
|
|
1483
1374
|
name: "Grid",
|
|
1484
1375
|
image: "https://cdn-assets.supernova.io/blocks/variants/tokens-grid.svg",
|
|
1485
|
-
layout: {
|
|
1486
|
-
type: "Column",
|
|
1487
|
-
children: ["tokens"],
|
|
1488
|
-
columnAlign: "Start",
|
|
1489
|
-
columnResizing: "Fill",
|
|
1490
|
-
gap: "Medium",
|
|
1491
|
-
},
|
|
1376
|
+
layout: { type: "Column", children: ["tokens"], columnAlign: "Start", columnResizing: "Fill", gap: "Medium" },
|
|
1492
1377
|
maxColumns: 4,
|
|
1493
1378
|
defaultColumns: 1,
|
|
1494
1379
|
appearance: {},
|
|
@@ -1496,13 +1381,7 @@ const blocks: PageBlockDefinition[] = [
|
|
|
1496
1381
|
],
|
|
1497
1382
|
defaultVariantKey: "table",
|
|
1498
1383
|
},
|
|
1499
|
-
behavior: {
|
|
1500
|
-
dataType: "Token",
|
|
1501
|
-
entities: {
|
|
1502
|
-
selectionType: "EntityAndGroup",
|
|
1503
|
-
maxSelected: 0,
|
|
1504
|
-
},
|
|
1505
|
-
},
|
|
1384
|
+
behavior: { dataType: "Token", entities: { selectionType: "EntityAndGroup", maxSelected: 0 } },
|
|
1506
1385
|
editorOptions: {
|
|
1507
1386
|
onboarding: {
|
|
1508
1387
|
helpText: "Show a group of design tokens. Automatically display all subgroups too.",
|
|
@@ -1530,50 +1409,26 @@ const blocks: PageBlockDefinition[] = [
|
|
|
1530
1409
|
id: "tokens",
|
|
1531
1410
|
name: "Tokens",
|
|
1532
1411
|
type: "Token",
|
|
1533
|
-
options: {
|
|
1534
|
-
allowedTypes: ["Color"],
|
|
1535
|
-
allowPropertySelection: false,
|
|
1536
|
-
allowThemeSelection: true,
|
|
1537
|
-
},
|
|
1412
|
+
options: { allowedTypes: ["Color"], allowPropertySelection: false, allowThemeSelection: true },
|
|
1538
1413
|
},
|
|
1539
1414
|
],
|
|
1540
|
-
appearance: {
|
|
1541
|
-
isBordered: true,
|
|
1542
|
-
hasBackground: false,
|
|
1543
|
-
},
|
|
1415
|
+
appearance: { isBordered: true, hasBackground: false },
|
|
1544
1416
|
variants: [
|
|
1545
1417
|
{
|
|
1546
1418
|
id: "default",
|
|
1547
1419
|
name: "Default",
|
|
1548
1420
|
image: "https://cdn-assets.supernova.io/blocks/variants/tokens-color-stack.svg",
|
|
1549
|
-
layout: {
|
|
1550
|
-
type: "Column",
|
|
1551
|
-
children: ["tokens"],
|
|
1552
|
-
columnAlign: "Start",
|
|
1553
|
-
columnResizing: "Fill",
|
|
1554
|
-
gap: "Medium",
|
|
1555
|
-
},
|
|
1421
|
+
layout: { type: "Column", children: ["tokens"], columnAlign: "Start", columnResizing: "Fill", gap: "Medium" },
|
|
1556
1422
|
maxColumns: 2,
|
|
1557
1423
|
defaultColumns: 1,
|
|
1558
|
-
appearance: {
|
|
1559
|
-
isEditorPresentationDifferent: true,
|
|
1560
|
-
},
|
|
1424
|
+
appearance: { isEditorPresentationDifferent: true },
|
|
1561
1425
|
},
|
|
1562
1426
|
],
|
|
1563
1427
|
defaultVariantKey: "default",
|
|
1564
1428
|
},
|
|
1565
|
-
behavior: {
|
|
1566
|
-
dataType: "Token",
|
|
1567
|
-
entities: {
|
|
1568
|
-
selectionType: "EntityAndGroup",
|
|
1569
|
-
maxSelected: 0,
|
|
1570
|
-
},
|
|
1571
|
-
},
|
|
1429
|
+
behavior: { dataType: "Token", entities: { selectionType: "EntityAndGroup", maxSelected: 0 } },
|
|
1572
1430
|
editorOptions: {
|
|
1573
|
-
onboarding: {
|
|
1574
|
-
helpText: "The best way to display colors",
|
|
1575
|
-
documentationLink: "https://learn.supernova.io",
|
|
1576
|
-
},
|
|
1431
|
+
onboarding: { helpText: "The best way to display colors", documentationLink: "https://learn.supernova.io" },
|
|
1577
1432
|
},
|
|
1578
1433
|
appearance: {
|
|
1579
1434
|
isBordered: true,
|
|
@@ -1595,17 +1450,10 @@ const blocks: PageBlockDefinition[] = [
|
|
|
1595
1450
|
id: "tokens",
|
|
1596
1451
|
name: "Tokens",
|
|
1597
1452
|
type: "Token",
|
|
1598
|
-
options: {
|
|
1599
|
-
allowedTypes: ["Color"],
|
|
1600
|
-
allowPropertySelection: false,
|
|
1601
|
-
allowThemeSelection: false,
|
|
1602
|
-
},
|
|
1453
|
+
options: { allowedTypes: ["Color"], allowPropertySelection: false, allowThemeSelection: false },
|
|
1603
1454
|
},
|
|
1604
1455
|
],
|
|
1605
|
-
appearance: {
|
|
1606
|
-
isBordered: true,
|
|
1607
|
-
hasBackground: false,
|
|
1608
|
-
},
|
|
1456
|
+
appearance: { isBordered: true, hasBackground: false },
|
|
1609
1457
|
variants: [
|
|
1610
1458
|
{
|
|
1611
1459
|
id: "default",
|
|
@@ -1613,29 +1461,15 @@ const blocks: PageBlockDefinition[] = [
|
|
|
1613
1461
|
image: "https://cdn-assets.supernova.io/blocks/variants/contrast-grid-large.svg",
|
|
1614
1462
|
description:
|
|
1615
1463
|
"Visualize accessibility of your colors by automatically calculating their color contrast ratio.",
|
|
1616
|
-
layout: {
|
|
1617
|
-
type: "Column",
|
|
1618
|
-
children: ["tokens"],
|
|
1619
|
-
columnAlign: "Start",
|
|
1620
|
-
columnResizing: "Fill",
|
|
1621
|
-
gap: "Medium",
|
|
1622
|
-
},
|
|
1464
|
+
layout: { type: "Column", children: ["tokens"], columnAlign: "Start", columnResizing: "Fill", gap: "Medium" },
|
|
1623
1465
|
maxColumns: 1,
|
|
1624
1466
|
defaultColumns: 1,
|
|
1625
|
-
appearance: {
|
|
1626
|
-
isEditorPresentationDifferent: true,
|
|
1627
|
-
},
|
|
1467
|
+
appearance: { isEditorPresentationDifferent: true },
|
|
1628
1468
|
},
|
|
1629
1469
|
],
|
|
1630
1470
|
defaultVariantKey: "default",
|
|
1631
1471
|
},
|
|
1632
|
-
behavior: {
|
|
1633
|
-
dataType: "Token",
|
|
1634
|
-
entities: {
|
|
1635
|
-
selectionType: "EntityAndGroup",
|
|
1636
|
-
maxSelected: 0,
|
|
1637
|
-
},
|
|
1638
|
-
},
|
|
1472
|
+
behavior: { dataType: "Token", entities: { selectionType: "EntityAndGroup", maxSelected: 0 } },
|
|
1639
1473
|
editorOptions: {
|
|
1640
1474
|
onboarding: {
|
|
1641
1475
|
helpText: "Visualize accessibility of your colors by automatically calculating their color contrast ratio.",
|
|
@@ -1657,29 +1491,13 @@ const blocks: PageBlockDefinition[] = [
|
|
|
1657
1491
|
icon: "https://cdn-assets.supernova.io/blocks/icons/code.svg",
|
|
1658
1492
|
searchKeywords: ["code"],
|
|
1659
1493
|
item: {
|
|
1660
|
-
properties: [
|
|
1661
|
-
|
|
1662
|
-
id: "code",
|
|
1663
|
-
name: "Code",
|
|
1664
|
-
type: "Code",
|
|
1665
|
-
options: {},
|
|
1666
|
-
},
|
|
1667
|
-
],
|
|
1668
|
-
appearance: {
|
|
1669
|
-
isBordered: true,
|
|
1670
|
-
hasBackground: false,
|
|
1671
|
-
},
|
|
1494
|
+
properties: [{ id: "code", name: "Code", type: "Code", options: {} }],
|
|
1495
|
+
appearance: { isBordered: true, hasBackground: false },
|
|
1672
1496
|
variants: [
|
|
1673
1497
|
{
|
|
1674
1498
|
id: "default",
|
|
1675
1499
|
name: "Default",
|
|
1676
|
-
layout: {
|
|
1677
|
-
type: "Column",
|
|
1678
|
-
children: ["code"],
|
|
1679
|
-
columnAlign: "Start",
|
|
1680
|
-
columnResizing: "Fill",
|
|
1681
|
-
gap: "Medium",
|
|
1682
|
-
},
|
|
1500
|
+
layout: { type: "Column", children: ["code"], columnAlign: "Start", columnResizing: "Fill", gap: "Medium" },
|
|
1683
1501
|
maxColumns: 1,
|
|
1684
1502
|
defaultColumns: 1,
|
|
1685
1503
|
appearance: {},
|
|
@@ -1687,18 +1505,8 @@ const blocks: PageBlockDefinition[] = [
|
|
|
1687
1505
|
],
|
|
1688
1506
|
defaultVariantKey: "default",
|
|
1689
1507
|
},
|
|
1690
|
-
behavior: {
|
|
1691
|
-
|
|
1692
|
-
items: {
|
|
1693
|
-
numberOfItems: 1,
|
|
1694
|
-
allowLinks: false,
|
|
1695
|
-
},
|
|
1696
|
-
},
|
|
1697
|
-
editorOptions: {
|
|
1698
|
-
onboarding: {
|
|
1699
|
-
helpText: "Code descriptor.",
|
|
1700
|
-
},
|
|
1701
|
-
},
|
|
1508
|
+
behavior: { dataType: "Item", items: { numberOfItems: 1, allowLinks: false } },
|
|
1509
|
+
editorOptions: { onboarding: { helpText: "Code descriptor." } },
|
|
1702
1510
|
appearance: {
|
|
1703
1511
|
isBordered: false,
|
|
1704
1512
|
hasBackground: false,
|
|
@@ -1719,39 +1527,22 @@ const blocks: PageBlockDefinition[] = [
|
|
|
1719
1527
|
id: "code",
|
|
1720
1528
|
name: "Code",
|
|
1721
1529
|
type: "CodeSandbox",
|
|
1722
|
-
options: {
|
|
1723
|
-
renderLayoutAs: "PreviewOnTop",
|
|
1724
|
-
},
|
|
1530
|
+
options: { renderLayoutAs: "PreviewOnTop" },
|
|
1725
1531
|
variantOptions: {
|
|
1726
|
-
codeTop: {
|
|
1727
|
-
|
|
1728
|
-
},
|
|
1729
|
-
codeLeft: {
|
|
1730
|
-
renderLayoutAs: "PreviewOnRight",
|
|
1731
|
-
},
|
|
1732
|
-
codeRight: {
|
|
1733
|
-
renderLayoutAs: "PreviewOnLeft",
|
|
1734
|
-
},
|
|
1532
|
+
codeTop: { renderLayoutAs: "PreviewOnBottom" },
|
|
1533
|
+
codeLeft: { renderLayoutAs: "PreviewOnRight" },
|
|
1534
|
+
codeRight: { renderLayoutAs: "PreviewOnLeft" },
|
|
1735
1535
|
},
|
|
1736
1536
|
},
|
|
1737
1537
|
],
|
|
1738
|
-
appearance: {
|
|
1739
|
-
isBordered: true,
|
|
1740
|
-
hasBackground: false,
|
|
1741
|
-
},
|
|
1538
|
+
appearance: { isBordered: true, hasBackground: false },
|
|
1742
1539
|
variants: [
|
|
1743
1540
|
{
|
|
1744
1541
|
id: "codeBottom",
|
|
1745
1542
|
name: "Full width, code bottom",
|
|
1746
1543
|
image: "https://cdn-assets.supernova.io/blocks/variants/react-code-bottom.svg",
|
|
1747
1544
|
description: "Full-width block of code, with a preview on top.",
|
|
1748
|
-
layout: {
|
|
1749
|
-
type: "Column",
|
|
1750
|
-
children: ["code"],
|
|
1751
|
-
columnAlign: "Start",
|
|
1752
|
-
columnResizing: "Fill",
|
|
1753
|
-
gap: "Medium",
|
|
1754
|
-
},
|
|
1545
|
+
layout: { type: "Column", children: ["code"], columnAlign: "Start", columnResizing: "Fill", gap: "Medium" },
|
|
1755
1546
|
maxColumns: 1,
|
|
1756
1547
|
defaultColumns: 1,
|
|
1757
1548
|
appearance: {},
|
|
@@ -1761,13 +1552,7 @@ const blocks: PageBlockDefinition[] = [
|
|
|
1761
1552
|
name: "Full width, code top",
|
|
1762
1553
|
image: "https://cdn-assets.supernova.io/blocks/variants/react-code-top.svg",
|
|
1763
1554
|
description: "Full-width block of code, with a preview on bottom.",
|
|
1764
|
-
layout: {
|
|
1765
|
-
type: "Column",
|
|
1766
|
-
children: ["code"],
|
|
1767
|
-
columnAlign: "Start",
|
|
1768
|
-
columnResizing: "Fill",
|
|
1769
|
-
gap: "Medium",
|
|
1770
|
-
},
|
|
1555
|
+
layout: { type: "Column", children: ["code"], columnAlign: "Start", columnResizing: "Fill", gap: "Medium" },
|
|
1771
1556
|
maxColumns: 1,
|
|
1772
1557
|
defaultColumns: 1,
|
|
1773
1558
|
appearance: {},
|
|
@@ -1777,13 +1562,7 @@ const blocks: PageBlockDefinition[] = [
|
|
|
1777
1562
|
name: "Side by side, code left",
|
|
1778
1563
|
image: "https://cdn-assets.supernova.io/blocks/variants/react-code-left.svg",
|
|
1779
1564
|
description: "Side-by-side preview and code, with code on the left.",
|
|
1780
|
-
layout: {
|
|
1781
|
-
type: "Column",
|
|
1782
|
-
children: ["code"],
|
|
1783
|
-
columnAlign: "Start",
|
|
1784
|
-
columnResizing: "Fill",
|
|
1785
|
-
gap: "Medium",
|
|
1786
|
-
},
|
|
1565
|
+
layout: { type: "Column", children: ["code"], columnAlign: "Start", columnResizing: "Fill", gap: "Medium" },
|
|
1787
1566
|
maxColumns: 1,
|
|
1788
1567
|
defaultColumns: 1,
|
|
1789
1568
|
appearance: {},
|
|
@@ -1793,13 +1572,7 @@ const blocks: PageBlockDefinition[] = [
|
|
|
1793
1572
|
name: "Side by side, code right",
|
|
1794
1573
|
image: "https://cdn-assets.supernova.io/blocks/variants/react-code-right.svg",
|
|
1795
1574
|
description: "Side-by-side preview and code, with code on the right.",
|
|
1796
|
-
layout: {
|
|
1797
|
-
type: "Column",
|
|
1798
|
-
children: ["code"],
|
|
1799
|
-
columnAlign: "Start",
|
|
1800
|
-
columnResizing: "Fill",
|
|
1801
|
-
gap: "Medium",
|
|
1802
|
-
},
|
|
1575
|
+
layout: { type: "Column", children: ["code"], columnAlign: "Start", columnResizing: "Fill", gap: "Medium" },
|
|
1803
1576
|
maxColumns: 1,
|
|
1804
1577
|
defaultColumns: 1,
|
|
1805
1578
|
appearance: {},
|
|
@@ -1807,13 +1580,7 @@ const blocks: PageBlockDefinition[] = [
|
|
|
1807
1580
|
],
|
|
1808
1581
|
defaultVariantKey: "codeBottom",
|
|
1809
1582
|
},
|
|
1810
|
-
behavior: {
|
|
1811
|
-
dataType: "Item",
|
|
1812
|
-
items: {
|
|
1813
|
-
numberOfItems: 1,
|
|
1814
|
-
allowLinks: false,
|
|
1815
|
-
},
|
|
1816
|
-
},
|
|
1583
|
+
behavior: { dataType: "Item", items: { numberOfItems: 1, allowLinks: false } },
|
|
1817
1584
|
editorOptions: {
|
|
1818
1585
|
onboarding: {
|
|
1819
1586
|
helpText: "Display rendered code example",
|
|
@@ -1836,31 +1603,15 @@ const blocks: PageBlockDefinition[] = [
|
|
|
1836
1603
|
icon: "https://cdn-assets.supernova.io/blocks/icons/v2/assets.svg",
|
|
1837
1604
|
searchKeywords: ["icons", "illustrations", "grid", "svg", "logos"],
|
|
1838
1605
|
item: {
|
|
1839
|
-
properties: [
|
|
1840
|
-
|
|
1841
|
-
id: "assets",
|
|
1842
|
-
name: "Assets",
|
|
1843
|
-
type: "Asset",
|
|
1844
|
-
options: {},
|
|
1845
|
-
},
|
|
1846
|
-
],
|
|
1847
|
-
appearance: {
|
|
1848
|
-
isBordered: true,
|
|
1849
|
-
hasBackground: false,
|
|
1850
|
-
},
|
|
1606
|
+
properties: [{ id: "assets", name: "Assets", type: "Asset", options: {} }],
|
|
1607
|
+
appearance: { isBordered: true, hasBackground: false },
|
|
1851
1608
|
variants: [
|
|
1852
1609
|
{
|
|
1853
1610
|
id: "default",
|
|
1854
1611
|
name: "Simple grid",
|
|
1855
1612
|
image: "https://cdn-assets.supernova.io/blocks/variants/assets-simple-grid.svg",
|
|
1856
1613
|
description: "A simple grid of assets. Both the title and description are displayed below the preview.",
|
|
1857
|
-
layout: {
|
|
1858
|
-
type: "Column",
|
|
1859
|
-
children: ["assets"],
|
|
1860
|
-
columnAlign: "Start",
|
|
1861
|
-
columnResizing: "Fill",
|
|
1862
|
-
gap: "Medium",
|
|
1863
|
-
},
|
|
1614
|
+
layout: { type: "Column", children: ["assets"], columnAlign: "Start", columnResizing: "Fill", gap: "Medium" },
|
|
1864
1615
|
maxColumns: 8,
|
|
1865
1616
|
defaultColumns: 1,
|
|
1866
1617
|
appearance: {},
|
|
@@ -1870,47 +1621,25 @@ const blocks: PageBlockDefinition[] = [
|
|
|
1870
1621
|
name: "Square grid",
|
|
1871
1622
|
image: "https://cdn-assets.supernova.io/blocks/variants/assets-square-grid.svg",
|
|
1872
1623
|
description: "Bordered square grid tailored for displaying icon assets. Only the title is displayed.",
|
|
1873
|
-
layout: {
|
|
1874
|
-
type: "Column",
|
|
1875
|
-
children: ["assets"],
|
|
1876
|
-
columnAlign: "Start",
|
|
1877
|
-
columnResizing: "Fill",
|
|
1878
|
-
gap: "Medium",
|
|
1879
|
-
},
|
|
1624
|
+
layout: { type: "Column", children: ["assets"], columnAlign: "Start", columnResizing: "Fill", gap: "Medium" },
|
|
1880
1625
|
maxColumns: 8,
|
|
1881
1626
|
defaultColumns: 1,
|
|
1882
|
-
appearance: {
|
|
1883
|
-
isEditorPresentationDifferent: true,
|
|
1884
|
-
},
|
|
1627
|
+
appearance: { isEditorPresentationDifferent: true },
|
|
1885
1628
|
},
|
|
1886
1629
|
{
|
|
1887
1630
|
id: "borderless-grid",
|
|
1888
1631
|
name: "Borderless grid",
|
|
1889
1632
|
image: "https://cdn-assets.supernova.io/blocks/variants/assets-borderless-grid.svg",
|
|
1890
1633
|
description: "Borderless grid, perfect for displaying assets of the same height. Only the title is visible.",
|
|
1891
|
-
layout: {
|
|
1892
|
-
type: "Column",
|
|
1893
|
-
children: ["assets"],
|
|
1894
|
-
columnAlign: "Start",
|
|
1895
|
-
columnResizing: "Fill",
|
|
1896
|
-
gap: "Medium",
|
|
1897
|
-
},
|
|
1634
|
+
layout: { type: "Column", children: ["assets"], columnAlign: "Start", columnResizing: "Fill", gap: "Medium" },
|
|
1898
1635
|
maxColumns: 8,
|
|
1899
1636
|
defaultColumns: 1,
|
|
1900
|
-
appearance: {
|
|
1901
|
-
isEditorPresentationDifferent: true,
|
|
1902
|
-
},
|
|
1637
|
+
appearance: { isEditorPresentationDifferent: true },
|
|
1903
1638
|
},
|
|
1904
1639
|
],
|
|
1905
1640
|
defaultVariantKey: "default",
|
|
1906
1641
|
},
|
|
1907
|
-
behavior: {
|
|
1908
|
-
dataType: "Asset",
|
|
1909
|
-
entities: {
|
|
1910
|
-
selectionType: "EntityAndGroup",
|
|
1911
|
-
maxSelected: 0,
|
|
1912
|
-
},
|
|
1913
|
-
},
|
|
1642
|
+
behavior: { dataType: "Asset", entities: { selectionType: "EntityAndGroup", maxSelected: 0 } },
|
|
1914
1643
|
editorOptions: {
|
|
1915
1644
|
onboarding: {
|
|
1916
1645
|
helpText: "Display a grid of icons or illustrations.",
|
|
@@ -1941,10 +1670,7 @@ const blocks: PageBlockDefinition[] = [
|
|
|
1941
1670
|
options: {},
|
|
1942
1671
|
},
|
|
1943
1672
|
],
|
|
1944
|
-
appearance: {
|
|
1945
|
-
isBordered: true,
|
|
1946
|
-
hasBackground: false,
|
|
1947
|
-
},
|
|
1673
|
+
appearance: { isBordered: true, hasBackground: false },
|
|
1948
1674
|
variants: [
|
|
1949
1675
|
{
|
|
1950
1676
|
id: "bordered",
|
|
@@ -1981,13 +1707,7 @@ const blocks: PageBlockDefinition[] = [
|
|
|
1981
1707
|
],
|
|
1982
1708
|
defaultVariantKey: "bordered",
|
|
1983
1709
|
},
|
|
1984
|
-
behavior: {
|
|
1985
|
-
dataType: "FigmaNode",
|
|
1986
|
-
entities: {
|
|
1987
|
-
selectionType: "Entity",
|
|
1988
|
-
maxSelected: 0,
|
|
1989
|
-
},
|
|
1990
|
-
},
|
|
1710
|
+
behavior: { dataType: "FigmaNode", entities: { selectionType: "Entity", maxSelected: 0 } },
|
|
1991
1711
|
editorOptions: {
|
|
1992
1712
|
onboarding: {
|
|
1993
1713
|
helpText: "Generate images from Figma layers",
|
|
@@ -2011,23 +1731,14 @@ const blocks: PageBlockDefinition[] = [
|
|
|
2011
1731
|
searchKeywords: ["version", "changelog", "history"],
|
|
2012
1732
|
item: {
|
|
2013
1733
|
properties: [],
|
|
2014
|
-
appearance: {
|
|
2015
|
-
isBordered: true,
|
|
2016
|
-
hasBackground: false,
|
|
2017
|
-
},
|
|
1734
|
+
appearance: { isBordered: true, hasBackground: false },
|
|
2018
1735
|
variants: [
|
|
2019
1736
|
{
|
|
2020
1737
|
id: "default",
|
|
2021
1738
|
name: "Default",
|
|
2022
1739
|
image: "https://cdn-assets.supernova.io/blocks/variants/release-notes-2.svg",
|
|
2023
1740
|
description: "Show formatted release notes from all previously released versions.",
|
|
2024
|
-
layout: {
|
|
2025
|
-
type: "Column",
|
|
2026
|
-
children: [],
|
|
2027
|
-
columnAlign: "Start",
|
|
2028
|
-
columnResizing: "Fill",
|
|
2029
|
-
gap: "Medium",
|
|
2030
|
-
},
|
|
1741
|
+
layout: { type: "Column", children: [], columnAlign: "Start", columnResizing: "Fill", gap: "Medium" },
|
|
2031
1742
|
maxColumns: 1,
|
|
2032
1743
|
defaultColumns: 1,
|
|
2033
1744
|
appearance: {},
|
|
@@ -2035,13 +1746,7 @@ const blocks: PageBlockDefinition[] = [
|
|
|
2035
1746
|
],
|
|
2036
1747
|
defaultVariantKey: "default",
|
|
2037
1748
|
},
|
|
2038
|
-
behavior: {
|
|
2039
|
-
dataType: "Item",
|
|
2040
|
-
items: {
|
|
2041
|
-
numberOfItems: 1,
|
|
2042
|
-
allowLinks: false,
|
|
2043
|
-
},
|
|
2044
|
-
},
|
|
1749
|
+
behavior: { dataType: "Item", items: { numberOfItems: 1, allowLinks: false } },
|
|
2045
1750
|
editorOptions: {
|
|
2046
1751
|
onboarding: {
|
|
2047
1752
|
helpText: "Show formatted release notes from all previously released versions.",
|
|
@@ -2067,31 +1772,22 @@ const blocks: PageBlockDefinition[] = [
|
|
|
2067
1772
|
id: "components",
|
|
2068
1773
|
name: "Components",
|
|
2069
1774
|
type: "Component",
|
|
2070
|
-
options: {
|
|
2071
|
-
renderLayoutAs: "List",
|
|
2072
|
-
},
|
|
1775
|
+
options: { renderLayoutAs: "List" },
|
|
2073
1776
|
},
|
|
2074
1777
|
{
|
|
2075
1778
|
id: "title",
|
|
2076
1779
|
name: "Title",
|
|
2077
1780
|
type: "Text",
|
|
2078
|
-
options: {
|
|
2079
|
-
defaultValue: "Component checklist",
|
|
2080
|
-
},
|
|
1781
|
+
options: { defaultValue: "Component checklist" },
|
|
2081
1782
|
},
|
|
2082
1783
|
{
|
|
2083
1784
|
id: "showDescription",
|
|
2084
1785
|
name: "Show description",
|
|
2085
1786
|
type: "Boolean",
|
|
2086
|
-
options: {
|
|
2087
|
-
defaultValue: true,
|
|
2088
|
-
},
|
|
1787
|
+
options: { defaultValue: true },
|
|
2089
1788
|
},
|
|
2090
1789
|
],
|
|
2091
|
-
appearance: {
|
|
2092
|
-
isBordered: true,
|
|
2093
|
-
hasBackground: false,
|
|
2094
|
-
},
|
|
1790
|
+
appearance: { isBordered: true, hasBackground: false },
|
|
2095
1791
|
variants: [
|
|
2096
1792
|
{
|
|
2097
1793
|
id: "default",
|
|
@@ -2106,20 +1802,12 @@ const blocks: PageBlockDefinition[] = [
|
|
|
2106
1802
|
},
|
|
2107
1803
|
maxColumns: 1,
|
|
2108
1804
|
defaultColumns: 1,
|
|
2109
|
-
appearance: {
|
|
2110
|
-
isEditorPresentationDifferent: true,
|
|
2111
|
-
},
|
|
1805
|
+
appearance: { isEditorPresentationDifferent: true },
|
|
2112
1806
|
},
|
|
2113
1807
|
],
|
|
2114
1808
|
defaultVariantKey: "default",
|
|
2115
1809
|
},
|
|
2116
|
-
behavior: {
|
|
2117
|
-
dataType: "Component",
|
|
2118
|
-
entities: {
|
|
2119
|
-
selectionType: "Entity",
|
|
2120
|
-
maxSelected: 1,
|
|
2121
|
-
},
|
|
2122
|
-
},
|
|
1810
|
+
behavior: { dataType: "Component", entities: { selectionType: "Entity", maxSelected: 1 } },
|
|
2123
1811
|
editorOptions: {
|
|
2124
1812
|
onboarding: {
|
|
2125
1813
|
helpText: "Highlight specific component properties",
|
|
@@ -2147,23 +1835,16 @@ const blocks: PageBlockDefinition[] = [
|
|
|
2147
1835
|
id: "components",
|
|
2148
1836
|
name: "Components",
|
|
2149
1837
|
type: "Component",
|
|
2150
|
-
options: {
|
|
2151
|
-
renderLayoutAs: "Table",
|
|
2152
|
-
},
|
|
1838
|
+
options: { renderLayoutAs: "Table" },
|
|
2153
1839
|
},
|
|
2154
1840
|
{
|
|
2155
1841
|
id: "showLastUpdatedColumn",
|
|
2156
1842
|
name: "Show last updated column",
|
|
2157
1843
|
type: "Boolean",
|
|
2158
|
-
options: {
|
|
2159
|
-
defaultValue: true,
|
|
2160
|
-
},
|
|
1844
|
+
options: { defaultValue: true },
|
|
2161
1845
|
},
|
|
2162
1846
|
],
|
|
2163
|
-
appearance: {
|
|
2164
|
-
isBordered: true,
|
|
2165
|
-
hasBackground: false,
|
|
2166
|
-
},
|
|
1847
|
+
appearance: { isBordered: true, hasBackground: false },
|
|
2167
1848
|
variants: [
|
|
2168
1849
|
{
|
|
2169
1850
|
id: "default",
|
|
@@ -2178,20 +1859,12 @@ const blocks: PageBlockDefinition[] = [
|
|
|
2178
1859
|
},
|
|
2179
1860
|
maxColumns: 1,
|
|
2180
1861
|
defaultColumns: 1,
|
|
2181
|
-
appearance: {
|
|
2182
|
-
isEditorPresentationDifferent: true,
|
|
2183
|
-
},
|
|
1862
|
+
appearance: { isEditorPresentationDifferent: true },
|
|
2184
1863
|
},
|
|
2185
1864
|
],
|
|
2186
1865
|
defaultVariantKey: "default",
|
|
2187
1866
|
},
|
|
2188
|
-
behavior: {
|
|
2189
|
-
dataType: "Component",
|
|
2190
|
-
entities: {
|
|
2191
|
-
selectionType: "Group",
|
|
2192
|
-
maxSelected: 1,
|
|
2193
|
-
},
|
|
2194
|
-
},
|
|
1867
|
+
behavior: { dataType: "Component", entities: { selectionType: "Group", maxSelected: 1 } },
|
|
2195
1868
|
editorOptions: {
|
|
2196
1869
|
onboarding: {
|
|
2197
1870
|
helpText: "Show an overview of all your components",
|
|
@@ -2219,15 +1892,10 @@ const blocks: PageBlockDefinition[] = [
|
|
|
2219
1892
|
id: "components",
|
|
2220
1893
|
name: "Components",
|
|
2221
1894
|
type: "Component",
|
|
2222
|
-
options: {
|
|
2223
|
-
renderLayoutAs: "List",
|
|
2224
|
-
},
|
|
1895
|
+
options: { renderLayoutAs: "List" },
|
|
2225
1896
|
},
|
|
2226
1897
|
],
|
|
2227
|
-
appearance: {
|
|
2228
|
-
isBordered: true,
|
|
2229
|
-
hasBackground: false,
|
|
2230
|
-
},
|
|
1898
|
+
appearance: { isBordered: true, hasBackground: false },
|
|
2231
1899
|
variants: [
|
|
2232
1900
|
{
|
|
2233
1901
|
id: "default",
|
|
@@ -2242,20 +1910,12 @@ const blocks: PageBlockDefinition[] = [
|
|
|
2242
1910
|
},
|
|
2243
1911
|
maxColumns: 1,
|
|
2244
1912
|
defaultColumns: 1,
|
|
2245
|
-
appearance: {
|
|
2246
|
-
isEditorPresentationDifferent: true,
|
|
2247
|
-
},
|
|
1913
|
+
appearance: { isEditorPresentationDifferent: true },
|
|
2248
1914
|
},
|
|
2249
1915
|
],
|
|
2250
1916
|
defaultVariantKey: "default",
|
|
2251
1917
|
},
|
|
2252
|
-
behavior: {
|
|
2253
|
-
dataType: "Component",
|
|
2254
|
-
entities: {
|
|
2255
|
-
selectionType: "Entity",
|
|
2256
|
-
maxSelected: 1,
|
|
2257
|
-
},
|
|
2258
|
-
},
|
|
1918
|
+
behavior: { dataType: "Component", entities: { selectionType: "Entity", maxSelected: 1 } },
|
|
2259
1919
|
editorOptions: {
|
|
2260
1920
|
onboarding: {
|
|
2261
1921
|
helpText: "Show component health and additional attributes",
|
|
@@ -2270,178 +1930,4 @@ const blocks: PageBlockDefinition[] = [
|
|
|
2270
1930
|
showBlockHeaderInEditor: false,
|
|
2271
1931
|
},
|
|
2272
1932
|
},
|
|
2273
|
-
{
|
|
2274
|
-
id: "io.supernova.block.do-dont-guidelines",
|
|
2275
|
-
name: "Guidelines",
|
|
2276
|
-
description: "Do/Don't rules and best practices.",
|
|
2277
|
-
category: "Guidelines",
|
|
2278
|
-
icon: "https://cdn-assets.supernova.io/blocks/icons/guidelines.svg",
|
|
2279
|
-
searchKeywords: ["dont", "caution", "rules"],
|
|
2280
|
-
item: {
|
|
2281
|
-
properties: [
|
|
2282
|
-
{
|
|
2283
|
-
id: "block.do-dont-guidelines.property.image",
|
|
2284
|
-
name: "Image",
|
|
2285
|
-
type: "Image",
|
|
2286
|
-
options: {
|
|
2287
|
-
allowCaption: false,
|
|
2288
|
-
},
|
|
2289
|
-
},
|
|
2290
|
-
{
|
|
2291
|
-
id: "block.do-dont-guidelines.property.type",
|
|
2292
|
-
name: "Type",
|
|
2293
|
-
type: "SingleSelect",
|
|
2294
|
-
options: {
|
|
2295
|
-
defaultChoice: "do",
|
|
2296
|
-
choices: [
|
|
2297
|
-
{
|
|
2298
|
-
value: "do",
|
|
2299
|
-
name: "Do",
|
|
2300
|
-
color: "Green",
|
|
2301
|
-
icon: "CheckCircle",
|
|
2302
|
-
},
|
|
2303
|
-
{
|
|
2304
|
-
value: "dont",
|
|
2305
|
-
name: "Don't",
|
|
2306
|
-
color: "Red",
|
|
2307
|
-
icon: "CrossCircle",
|
|
2308
|
-
},
|
|
2309
|
-
{
|
|
2310
|
-
value: "caution",
|
|
2311
|
-
name: "Caution",
|
|
2312
|
-
color: "Orange",
|
|
2313
|
-
icon: "Alert",
|
|
2314
|
-
},
|
|
2315
|
-
],
|
|
2316
|
-
singleSelectStyle: "ToggleButton",
|
|
2317
|
-
},
|
|
2318
|
-
},
|
|
2319
|
-
{
|
|
2320
|
-
id: "block.do-dont-guidelines.property.description",
|
|
2321
|
-
name: "Description",
|
|
2322
|
-
type: "RichTextEditor",
|
|
2323
|
-
options: {
|
|
2324
|
-
allowedInlineStyles: ["Bold", "Italic", "Strikethrough", "UL", "OL", "Link", "InlineCode"],
|
|
2325
|
-
allowMultiline: true,
|
|
2326
|
-
placeholder: "Add description",
|
|
2327
|
-
},
|
|
2328
|
-
},
|
|
2329
|
-
],
|
|
2330
|
-
appearance: {
|
|
2331
|
-
isBordered: true,
|
|
2332
|
-
hasBackground: false,
|
|
2333
|
-
},
|
|
2334
|
-
variants: [
|
|
2335
|
-
{
|
|
2336
|
-
id: "simple",
|
|
2337
|
-
name: "Simple",
|
|
2338
|
-
image: "https://cdn-assets.supernova.io/blocks/variants/guidelines-simple.svg",
|
|
2339
|
-
description: "With a minimalist badge at the top, this design is great for content guidelines.",
|
|
2340
|
-
layout: {
|
|
2341
|
-
type: "Column",
|
|
2342
|
-
children: [
|
|
2343
|
-
"block.do-dont-guidelines.property.type",
|
|
2344
|
-
"block.do-dont-guidelines.property.image",
|
|
2345
|
-
"block.do-dont-guidelines.property.description",
|
|
2346
|
-
],
|
|
2347
|
-
columnAlign: "Start",
|
|
2348
|
-
columnResizing: "Fill",
|
|
2349
|
-
gap: "Medium",
|
|
2350
|
-
},
|
|
2351
|
-
maxColumns: 3,
|
|
2352
|
-
defaultColumns: 2,
|
|
2353
|
-
appearance: {},
|
|
2354
|
-
},
|
|
2355
|
-
{
|
|
2356
|
-
id: "prominent",
|
|
2357
|
-
name: "Prominent",
|
|
2358
|
-
image: "https://cdn-assets.supernova.io/blocks/variants/guidelines-prominent.svg",
|
|
2359
|
-
description: "Recommended when you need guidelines that need to stand out.",
|
|
2360
|
-
layout: {
|
|
2361
|
-
type: "Column",
|
|
2362
|
-
children: [
|
|
2363
|
-
"block.do-dont-guidelines.property.type",
|
|
2364
|
-
"block.do-dont-guidelines.property.image",
|
|
2365
|
-
"block.do-dont-guidelines.property.description",
|
|
2366
|
-
],
|
|
2367
|
-
columnAlign: "Start",
|
|
2368
|
-
columnResizing: "Fill",
|
|
2369
|
-
gap: "Medium",
|
|
2370
|
-
},
|
|
2371
|
-
maxColumns: 3,
|
|
2372
|
-
defaultColumns: 1,
|
|
2373
|
-
appearance: {
|
|
2374
|
-
isEditorPresentationDifferent: true,
|
|
2375
|
-
},
|
|
2376
|
-
},
|
|
2377
|
-
{
|
|
2378
|
-
id: "contained",
|
|
2379
|
-
name: "Contained",
|
|
2380
|
-
image: "https://cdn-assets.supernova.io/blocks/variants/guidelines-contained.svg",
|
|
2381
|
-
description: "Perfect for component guidelines with spacious images.",
|
|
2382
|
-
layout: {
|
|
2383
|
-
type: "Column",
|
|
2384
|
-
children: [
|
|
2385
|
-
"block.do-dont-guidelines.property.type",
|
|
2386
|
-
"block.do-dont-guidelines.property.image",
|
|
2387
|
-
"block.do-dont-guidelines.property.description",
|
|
2388
|
-
],
|
|
2389
|
-
columnAlign: "Start",
|
|
2390
|
-
columnResizing: "Fill",
|
|
2391
|
-
gap: "Medium",
|
|
2392
|
-
},
|
|
2393
|
-
maxColumns: 3,
|
|
2394
|
-
defaultColumns: 1,
|
|
2395
|
-
appearance: {
|
|
2396
|
-
isEditorPresentationDifferent: true,
|
|
2397
|
-
},
|
|
2398
|
-
},
|
|
2399
|
-
{
|
|
2400
|
-
id: "side-border",
|
|
2401
|
-
name: "Side border",
|
|
2402
|
-
image: "https://cdn-assets.supernova.io/blocks/variants/guidelines-side-border.svg",
|
|
2403
|
-
description: "The side border makes this variant well-suited for longer text guidelines.",
|
|
2404
|
-
layout: {
|
|
2405
|
-
type: "Column",
|
|
2406
|
-
children: [
|
|
2407
|
-
"block.do-dont-guidelines.property.type",
|
|
2408
|
-
"block.do-dont-guidelines.property.image",
|
|
2409
|
-
"block.do-dont-guidelines.property.description",
|
|
2410
|
-
],
|
|
2411
|
-
columnAlign: "Start",
|
|
2412
|
-
columnResizing: "Fill",
|
|
2413
|
-
gap: "Medium",
|
|
2414
|
-
},
|
|
2415
|
-
maxColumns: 3,
|
|
2416
|
-
defaultColumns: 1,
|
|
2417
|
-
appearance: {
|
|
2418
|
-
isEditorPresentationDifferent: true,
|
|
2419
|
-
},
|
|
2420
|
-
},
|
|
2421
|
-
],
|
|
2422
|
-
defaultVariantKey: "simple",
|
|
2423
|
-
},
|
|
2424
|
-
behavior: {
|
|
2425
|
-
dataType: "Item",
|
|
2426
|
-
items: {
|
|
2427
|
-
numberOfItems: -1,
|
|
2428
|
-
allowLinks: false,
|
|
2429
|
-
newItemLabel: "Add guideline",
|
|
2430
|
-
},
|
|
2431
|
-
},
|
|
2432
|
-
editorOptions: {
|
|
2433
|
-
onboarding: {
|
|
2434
|
-
helpText: "Use link block to document your Do/Don't guidelines for your components and patterns.",
|
|
2435
|
-
documentationLink:
|
|
2436
|
-
"https://learn.supernova.io/latest/documentation/types-of-blocks/links/shortcuts/general-jVfNifo4",
|
|
2437
|
-
},
|
|
2438
|
-
newItemLabel: "Add guideline",
|
|
2439
|
-
},
|
|
2440
|
-
appearance: {
|
|
2441
|
-
isBordered: true,
|
|
2442
|
-
hasBackground: false,
|
|
2443
|
-
isEditorPresentationDifferent: false,
|
|
2444
|
-
showBlockHeaderInEditor: false,
|
|
2445
|
-
},
|
|
2446
|
-
},
|
|
2447
1933
|
];
|