@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.
@@ -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: "Ordered list",
388
- description: "A list with numbers",
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: "Bullet list",
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: "A list of items displayed with bullet points without a specific sequence.",
495
- documentationLink: "https://learn.supernova.io/latest/documentation/types-of-blocks/text/list-UC5iPZLK",
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
- width: "Icon",
767
- aspectRatio: "Square",
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
- renderLayoutAs: "List",
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
- dataType: "Item",
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
- renderLayoutAs: "PreviewOnBottom",
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
  ];