@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.js CHANGED
@@ -294,7 +294,8 @@ var FeaturesSummary = _zod.z.object({
294
294
  customDocumentationExporter: featureToggleSchema,
295
295
  protectedPages: featureToggleSchema,
296
296
  approvals: featureToggleSchema,
297
- selectivePublishing: featureToggleSchema
297
+ selectivePublishing: featureToggleSchema,
298
+ designSystemAccessModes: featureToggleSchema
298
299
  });
299
300
  var InvoiceSchema = _zod.z.object({
300
301
  id: _zod.z.string(),
@@ -8946,10 +8947,7 @@ var blocks = [
8946
8947
  },
8947
8948
  behavior: {
8948
8949
  dataType: "Item",
8949
- items: {
8950
- numberOfItems: 1,
8951
- allowLinks: false
8952
- }
8950
+ items: { numberOfItems: 1, allowLinks: false }
8953
8951
  },
8954
8952
  editorOptions: {
8955
8953
  onboarding: {
@@ -9007,10 +9005,7 @@ var blocks = [
9007
9005
  },
9008
9006
  behavior: {
9009
9007
  dataType: "Item",
9010
- items: {
9011
- numberOfItems: 1,
9012
- allowLinks: false
9013
- }
9008
+ items: { numberOfItems: 1, allowLinks: false }
9014
9009
  },
9015
9010
  editorOptions: {
9016
9011
  onboarding: {
@@ -9027,26 +9022,21 @@ var blocks = [
9027
9022
  },
9028
9023
  {
9029
9024
  id: "io.supernova.block.ordered-list",
9030
- name: "Ordered list",
9031
- description: "A list with numbers",
9025
+ name: "Numbered list",
9026
+ description: "An ordered list with numbers",
9032
9027
  category: "Text",
9033
9028
  icon: "https://cdn-assets.supernova.io/blocks/icons/list-ordered.svg",
9034
- searchKeywords: ["ol"],
9029
+ searchKeywords: ["ol", "ordered"],
9035
9030
  item: {
9036
9031
  properties: [
9037
9032
  {
9038
9033
  id: "text",
9039
9034
  name: "Text",
9040
9035
  type: "MultiRichText",
9041
- options: {
9042
- multiRichTextStyle: "OL"
9043
- }
9036
+ options: { multiRichTextStyle: "OL" }
9044
9037
  }
9045
9038
  ],
9046
- appearance: {
9047
- isBordered: true,
9048
- hasBackground: false
9049
- },
9039
+ appearance: { isBordered: true, hasBackground: false },
9050
9040
  variants: [
9051
9041
  {
9052
9042
  id: "default",
@@ -9065,13 +9055,7 @@ var blocks = [
9065
9055
  ],
9066
9056
  defaultVariantKey: "default"
9067
9057
  },
9068
- behavior: {
9069
- dataType: "Item",
9070
- items: {
9071
- numberOfItems: 1,
9072
- allowLinks: false
9073
- }
9074
- },
9058
+ behavior: { dataType: "Item", items: { numberOfItems: 1, allowLinks: false } },
9075
9059
  editorOptions: {
9076
9060
  onboarding: {
9077
9061
  helpText: "Display a sequence of numbers or letters to indicate order.",
@@ -9087,7 +9071,7 @@ var blocks = [
9087
9071
  },
9088
9072
  {
9089
9073
  id: "io.supernova.block.unordered-list",
9090
- name: "Bullet list",
9074
+ name: "Bulleted list",
9091
9075
  description: "A list with bullet points",
9092
9076
  category: "Text",
9093
9077
  icon: "https://cdn-assets.supernova.io/blocks/icons/list-unordered.svg",
@@ -9098,15 +9082,10 @@ var blocks = [
9098
9082
  id: "text",
9099
9083
  name: "Text",
9100
9084
  type: "MultiRichText",
9101
- options: {
9102
- multiRichTextStyle: "UL"
9103
- }
9085
+ options: { multiRichTextStyle: "UL" }
9104
9086
  }
9105
9087
  ],
9106
- appearance: {
9107
- isBordered: true,
9108
- hasBackground: false
9109
- },
9088
+ appearance: { isBordered: true, hasBackground: false },
9110
9089
  variants: [
9111
9090
  {
9112
9091
  id: "default",
@@ -9125,13 +9104,7 @@ var blocks = [
9125
9104
  ],
9126
9105
  defaultVariantKey: "default"
9127
9106
  },
9128
- behavior: {
9129
- dataType: "Item",
9130
- items: {
9131
- numberOfItems: 1,
9132
- allowLinks: false
9133
- }
9134
- },
9107
+ behavior: { dataType: "Item", items: { numberOfItems: 1, allowLinks: false } },
9135
9108
  editorOptions: {
9136
9109
  onboarding: {
9137
9110
  helpText: "A list of items displayed with bullet points without a specific sequence.",
@@ -9145,6 +9118,148 @@ var blocks = [
9145
9118
  showBlockHeaderInEditor: false
9146
9119
  }
9147
9120
  },
9121
+ {
9122
+ id: "io.supernova.block.do-dont-guidelines",
9123
+ name: "Guidelines",
9124
+ description: "Document your Do's and Don'ts.",
9125
+ category: "Guidelines",
9126
+ icon: "https://cdn-assets.supernova.io/blocks/icons/guidelines.svg",
9127
+ searchKeywords: ["do", "dont", "caution", "rules"],
9128
+ item: {
9129
+ properties: [
9130
+ {
9131
+ id: "block.do-dont-guidelines.property.image",
9132
+ name: "Image",
9133
+ type: "Image",
9134
+ options: { allowCaption: true }
9135
+ },
9136
+ {
9137
+ id: "block.do-dont-guidelines.property.type",
9138
+ name: "Type",
9139
+ type: "SingleSelect",
9140
+ options: {
9141
+ defaultChoice: "do",
9142
+ choices: [
9143
+ { value: "do", name: "Do", color: "Green", icon: "CheckCircle" },
9144
+ { value: "dont", name: "Don't", color: "Red", icon: "CrossCircle" },
9145
+ { value: "caution", name: "Caution", color: "Orange", icon: "Alert" }
9146
+ ],
9147
+ singleSelectStyle: "ToggleButton"
9148
+ }
9149
+ },
9150
+ {
9151
+ id: "block.do-dont-guidelines.property.description",
9152
+ name: "Description",
9153
+ type: "RichTextEditor",
9154
+ options: {
9155
+ allowedInlineStyles: ["Bold", "Italic", "Strikethrough", "UL", "OL", "Link", "InlineCode"],
9156
+ placeholder: "Add description"
9157
+ }
9158
+ }
9159
+ ],
9160
+ appearance: { isBordered: true, hasBackground: false },
9161
+ variants: [
9162
+ {
9163
+ id: "simple",
9164
+ name: "Simple",
9165
+ image: "https://cdn-assets.supernova.io/blocks/variants/guidelines-simple.svg",
9166
+ description: "With a minimalist badge at the top, this design is great for content guidelines.",
9167
+ layout: {
9168
+ type: "Column",
9169
+ children: [
9170
+ "block.do-dont-guidelines.property.type",
9171
+ "block.do-dont-guidelines.property.image",
9172
+ "block.do-dont-guidelines.property.description"
9173
+ ],
9174
+ columnAlign: "Start",
9175
+ columnResizing: "Fill",
9176
+ gap: "Medium"
9177
+ },
9178
+ maxColumns: 3,
9179
+ defaultColumns: 2,
9180
+ appearance: {}
9181
+ },
9182
+ {
9183
+ id: "prominent",
9184
+ name: "Prominent",
9185
+ image: "https://cdn-assets.supernova.io/blocks/variants/guidelines-prominent.svg",
9186
+ description: "Recommended when you need guidelines that need to stand out.",
9187
+ layout: {
9188
+ type: "Column",
9189
+ children: [
9190
+ "block.do-dont-guidelines.property.type",
9191
+ "block.do-dont-guidelines.property.image",
9192
+ "block.do-dont-guidelines.property.description"
9193
+ ],
9194
+ columnAlign: "Start",
9195
+ columnResizing: "Fill",
9196
+ gap: "Medium"
9197
+ },
9198
+ maxColumns: 3,
9199
+ defaultColumns: 1,
9200
+ appearance: { isEditorPresentationDifferent: true }
9201
+ },
9202
+ {
9203
+ id: "contained",
9204
+ name: "Contained",
9205
+ image: "https://cdn-assets.supernova.io/blocks/variants/guidelines-contained.svg",
9206
+ description: "Perfect for component guidelines with spacious images.",
9207
+ layout: {
9208
+ type: "Column",
9209
+ children: [
9210
+ "block.do-dont-guidelines.property.type",
9211
+ "block.do-dont-guidelines.property.image",
9212
+ "block.do-dont-guidelines.property.description"
9213
+ ],
9214
+ columnAlign: "Start",
9215
+ columnResizing: "Fill",
9216
+ gap: "Medium"
9217
+ },
9218
+ maxColumns: 3,
9219
+ defaultColumns: 1,
9220
+ appearance: { isEditorPresentationDifferent: true }
9221
+ },
9222
+ {
9223
+ id: "side-border",
9224
+ name: "Side border",
9225
+ image: "https://cdn-assets.supernova.io/blocks/variants/guidelines-side-border.svg",
9226
+ description: "The side border makes this variant well-suited for longer text guidelines.",
9227
+ layout: {
9228
+ type: "Column",
9229
+ children: [
9230
+ "block.do-dont-guidelines.property.type",
9231
+ "block.do-dont-guidelines.property.image",
9232
+ "block.do-dont-guidelines.property.description"
9233
+ ],
9234
+ columnAlign: "Start",
9235
+ columnResizing: "Fill",
9236
+ gap: "Medium"
9237
+ },
9238
+ maxColumns: 3,
9239
+ defaultColumns: 1,
9240
+ appearance: { isEditorPresentationDifferent: true }
9241
+ }
9242
+ ],
9243
+ defaultVariantKey: "simple"
9244
+ },
9245
+ behavior: {
9246
+ dataType: "Item",
9247
+ items: { numberOfItems: -1, allowLinks: false, newItemLabel: "Add guideline" }
9248
+ },
9249
+ editorOptions: {
9250
+ onboarding: {
9251
+ helpText: "Use link block to document your Do/Don't guidelines for your components and patterns.",
9252
+ documentationLink: "https://learn.supernova.io/latest/documentation/types-of-blocks/links/shortcuts/general-jVfNifo4"
9253
+ },
9254
+ newItemLabel: "Add guideline"
9255
+ },
9256
+ appearance: {
9257
+ isBordered: true,
9258
+ hasBackground: false,
9259
+ isEditorPresentationDifferent: false,
9260
+ showBlockHeaderInEditor: false
9261
+ }
9262
+ },
9148
9263
  {
9149
9264
  id: "io.supernova.block.divider",
9150
9265
  name: "Divider",
@@ -9153,18 +9268,8 @@ var blocks = [
9153
9268
  icon: "https://cdn-assets.supernova.io/blocks/icons/divider.svg",
9154
9269
  searchKeywords: ["hr", "line", "rule", "separator"],
9155
9270
  item: {
9156
- properties: [
9157
- {
9158
- id: "divider",
9159
- name: "Divider",
9160
- type: "Divider",
9161
- options: {}
9162
- }
9163
- ],
9164
- appearance: {
9165
- isBordered: true,
9166
- hasBackground: false
9167
- },
9271
+ properties: [{ id: "divider", name: "Divider", type: "Divider", options: {} }],
9272
+ appearance: { isBordered: true, hasBackground: false },
9168
9273
  variants: [
9169
9274
  {
9170
9275
  id: "default",
@@ -9183,13 +9288,7 @@ var blocks = [
9183
9288
  ],
9184
9289
  defaultVariantKey: "default"
9185
9290
  },
9186
- behavior: {
9187
- dataType: "Item",
9188
- items: {
9189
- numberOfItems: 1,
9190
- allowLinks: false
9191
- }
9192
- },
9291
+ behavior: { dataType: "Item", items: { numberOfItems: 1, allowLinks: false } },
9193
9292
  editorOptions: {
9194
9293
  onboarding: {
9195
9294
  helpText: "A thematic break or horizontal rule, often used to separate content or define a change in topic.",
@@ -9216,27 +9315,15 @@ var blocks = [
9216
9315
  id: "text",
9217
9316
  name: "Text",
9218
9317
  type: "RichText",
9219
- options: {
9220
- placeholder: "Write a quote...",
9221
- richTextStyle: "Quote"
9222
- }
9318
+ options: { placeholder: "Write a quote...", richTextStyle: "Quote" }
9223
9319
  }
9224
9320
  ],
9225
- appearance: {
9226
- isBordered: true,
9227
- hasBackground: false
9228
- },
9321
+ appearance: { isBordered: true, hasBackground: false },
9229
9322
  variants: [
9230
9323
  {
9231
9324
  id: "default",
9232
9325
  name: "Default",
9233
- layout: {
9234
- type: "Column",
9235
- children: ["text"],
9236
- columnAlign: "Start",
9237
- columnResizing: "Fill",
9238
- gap: "Medium"
9239
- },
9326
+ layout: { type: "Column", children: ["text"], columnAlign: "Start", columnResizing: "Fill", gap: "Medium" },
9240
9327
  maxColumns: 1,
9241
9328
  defaultColumns: 1,
9242
9329
  appearance: {}
@@ -9244,13 +9331,7 @@ var blocks = [
9244
9331
  ],
9245
9332
  defaultVariantKey: "default"
9246
9333
  },
9247
- behavior: {
9248
- dataType: "Item",
9249
- items: {
9250
- numberOfItems: 1,
9251
- allowLinks: false
9252
- }
9253
- },
9334
+ behavior: { dataType: "Item", items: { numberOfItems: 1, allowLinks: false } },
9254
9335
  editorOptions: {
9255
9336
  onboarding: {
9256
9337
  helpText: "Use a blockquote to set off a quotation or cited content from the main text.",
@@ -9277,27 +9358,15 @@ var blocks = [
9277
9358
  id: "text",
9278
9359
  name: "Text",
9279
9360
  type: "RichText",
9280
- options: {
9281
- placeholder: "Highlight some information...",
9282
- richTextStyle: "Callout"
9283
- }
9361
+ options: { placeholder: "Highlight some information...", richTextStyle: "Callout" }
9284
9362
  }
9285
9363
  ],
9286
- appearance: {
9287
- isBordered: true,
9288
- hasBackground: false
9289
- },
9364
+ appearance: { isBordered: true, hasBackground: false },
9290
9365
  variants: [
9291
9366
  {
9292
9367
  id: "default",
9293
9368
  name: "Default",
9294
- layout: {
9295
- type: "Column",
9296
- children: ["text"],
9297
- columnAlign: "Start",
9298
- columnResizing: "Fill",
9299
- gap: "Medium"
9300
- },
9369
+ layout: { type: "Column", children: ["text"], columnAlign: "Start", columnResizing: "Fill", gap: "Medium" },
9301
9370
  maxColumns: 1,
9302
9371
  defaultColumns: 1,
9303
9372
  appearance: {}
@@ -9305,13 +9374,7 @@ var blocks = [
9305
9374
  ],
9306
9375
  defaultVariantKey: "default"
9307
9376
  },
9308
- behavior: {
9309
- dataType: "Item",
9310
- items: {
9311
- numberOfItems: 1,
9312
- allowLinks: false
9313
- }
9314
- },
9377
+ behavior: { dataType: "Item", items: { numberOfItems: 1, allowLinks: false } },
9315
9378
  editorOptions: {
9316
9379
  onboarding: {
9317
9380
  helpText: "Use to highlight a section of text.",
@@ -9338,26 +9401,15 @@ var blocks = [
9338
9401
  id: "image",
9339
9402
  name: "Image",
9340
9403
  type: "Image",
9341
- options: {
9342
- allowCaption: true
9343
- }
9404
+ options: { allowCaption: true }
9344
9405
  }
9345
9406
  ],
9346
- appearance: {
9347
- isBordered: true,
9348
- hasBackground: false
9349
- },
9407
+ appearance: { isBordered: true, hasBackground: false },
9350
9408
  variants: [
9351
9409
  {
9352
9410
  id: "default",
9353
9411
  name: "Default",
9354
- layout: {
9355
- type: "Column",
9356
- children: ["image"],
9357
- columnAlign: "Start",
9358
- columnResizing: "Fill",
9359
- gap: "Medium"
9360
- },
9412
+ layout: { type: "Column", children: ["image"], columnAlign: "Start", columnResizing: "Fill", gap: "Medium" },
9361
9413
  maxColumns: 1,
9362
9414
  defaultColumns: 1,
9363
9415
  appearance: {}
@@ -9365,13 +9417,7 @@ var blocks = [
9365
9417
  ],
9366
9418
  defaultVariantKey: "default"
9367
9419
  },
9368
- behavior: {
9369
- dataType: "Item",
9370
- items: {
9371
- numberOfItems: 1,
9372
- allowLinks: false
9373
- }
9374
- },
9420
+ behavior: { dataType: "Item", items: { numberOfItems: 1, allowLinks: false } },
9375
9421
  editorOptions: {
9376
9422
  onboarding: {
9377
9423
  helpText: "Use to display an image or Figma image.",
@@ -9398,48 +9444,27 @@ var blocks = [
9398
9444
  id: "block.links.property.image",
9399
9445
  name: "Image",
9400
9446
  type: "Image",
9401
- options: {
9402
- aspectRatio: "Landscape",
9403
- allowCaption: false
9404
- },
9447
+ options: { aspectRatio: "Landscape", allowCaption: false },
9405
9448
  variantOptions: {
9406
- iconOnTop: {
9407
- width: "Icon",
9408
- aspectRatio: "Square"
9409
- },
9410
- imageOnLeft: {
9411
- width: "Medium"
9412
- },
9413
- iconOnLeft: {
9414
- width: "Icon",
9415
- aspectRatio: "Square"
9416
- }
9449
+ iconOnTop: { width: "Icon", aspectRatio: "Square" },
9450
+ imageOnLeft: { width: "Medium" },
9451
+ iconOnLeft: { width: "Icon", aspectRatio: "Square" }
9417
9452
  }
9418
9453
  },
9419
9454
  {
9420
9455
  id: "block.links.property.title",
9421
9456
  name: "Title",
9422
9457
  type: "Text",
9423
- options: {
9424
- textStyle: "Title5",
9425
- placeholder: "Add title"
9426
- }
9458
+ options: { textStyle: "Title5", placeholder: "Add title", allowLineBreaks: false }
9427
9459
  },
9428
9460
  {
9429
9461
  id: "block.links.property.description",
9430
9462
  name: "Short description",
9431
9463
  type: "Text",
9432
- options: {
9433
- textStyle: "Default",
9434
- color: "NeutralFaded",
9435
- placeholder: "Add description"
9436
- }
9464
+ options: { textStyle: "Default", color: "NeutralFaded", placeholder: "Add description" }
9437
9465
  }
9438
9466
  ],
9439
- appearance: {
9440
- isBordered: true,
9441
- hasBackground: false
9442
- },
9467
+ appearance: { isBordered: true, hasBackground: false },
9443
9468
  variants: [
9444
9469
  {
9445
9470
  id: "imageOnTop",
@@ -9536,11 +9561,7 @@ var blocks = [
9536
9561
  },
9537
9562
  behavior: {
9538
9563
  dataType: "Item",
9539
- items: {
9540
- numberOfItems: -1,
9541
- allowLinks: true,
9542
- newItemLabel: "Add shortcut"
9543
- }
9564
+ items: { numberOfItems: -1, allowLinks: true, newItemLabel: "Add shortcut" }
9544
9565
  },
9545
9566
  editorOptions: {
9546
9567
  onboarding: {
@@ -9577,21 +9598,12 @@ var blocks = [
9577
9598
  }
9578
9599
  }
9579
9600
  ],
9580
- appearance: {
9581
- isBordered: true,
9582
- hasBackground: false
9583
- },
9601
+ appearance: { isBordered: true, hasBackground: false },
9584
9602
  variants: [
9585
9603
  {
9586
9604
  id: "default",
9587
9605
  name: "Default",
9588
- layout: {
9589
- type: "Column",
9590
- children: ["embed"],
9591
- columnAlign: "Start",
9592
- columnResizing: "Fill",
9593
- gap: "Medium"
9594
- },
9606
+ layout: { type: "Column", children: ["embed"], columnAlign: "Start", columnResizing: "Fill", gap: "Medium" },
9595
9607
  maxColumns: 1,
9596
9608
  defaultColumns: 1,
9597
9609
  appearance: {}
@@ -9599,13 +9611,7 @@ var blocks = [
9599
9611
  ],
9600
9612
  defaultVariantKey: "default"
9601
9613
  },
9602
- behavior: {
9603
- dataType: "Item",
9604
- items: {
9605
- numberOfItems: 1,
9606
- allowLinks: false
9607
- }
9608
- },
9614
+ behavior: { dataType: "Item", items: { numberOfItems: 1, allowLinks: false } },
9609
9615
  editorOptions: {
9610
9616
  onboarding: {
9611
9617
  helpText: "Embed a Figma canvas or prototype to your documentation.",
@@ -9632,28 +9638,15 @@ var blocks = [
9632
9638
  id: "embed",
9633
9639
  name: "Storybook URL",
9634
9640
  type: "Storybook",
9635
- options: {
9636
- allowCaption: true,
9637
- allowResize: true,
9638
- defaultHeight: 400
9639
- }
9641
+ options: { allowCaption: true, allowResize: true, defaultHeight: 400 }
9640
9642
  }
9641
9643
  ],
9642
- appearance: {
9643
- isBordered: true,
9644
- hasBackground: false
9645
- },
9644
+ appearance: { isBordered: true, hasBackground: false },
9646
9645
  variants: [
9647
9646
  {
9648
9647
  id: "default",
9649
9648
  name: "Default",
9650
- layout: {
9651
- type: "Column",
9652
- children: ["embed"],
9653
- columnAlign: "Start",
9654
- columnResizing: "Fill",
9655
- gap: "Medium"
9656
- },
9649
+ layout: { type: "Column", children: ["embed"], columnAlign: "Start", columnResizing: "Fill", gap: "Medium" },
9657
9650
  maxColumns: 1,
9658
9651
  defaultColumns: 1,
9659
9652
  appearance: {}
@@ -9661,13 +9654,7 @@ var blocks = [
9661
9654
  ],
9662
9655
  defaultVariantKey: "default"
9663
9656
  },
9664
- behavior: {
9665
- dataType: "Item",
9666
- items: {
9667
- numberOfItems: 1,
9668
- allowLinks: false
9669
- }
9670
- },
9657
+ behavior: { dataType: "Item", items: { numberOfItems: 1, allowLinks: false } },
9671
9658
  editorOptions: {
9672
9659
  onboarding: {
9673
9660
  helpText: "Embed a Storybook story to your documentation.",
@@ -9702,21 +9689,12 @@ var blocks = [
9702
9689
  }
9703
9690
  }
9704
9691
  ],
9705
- appearance: {
9706
- isBordered: true,
9707
- hasBackground: false
9708
- },
9692
+ appearance: { isBordered: true, hasBackground: false },
9709
9693
  variants: [
9710
9694
  {
9711
9695
  id: "default",
9712
9696
  name: "Default",
9713
- layout: {
9714
- type: "Column",
9715
- children: ["embed"],
9716
- columnAlign: "Start",
9717
- columnResizing: "Fill",
9718
- gap: "Medium"
9719
- },
9697
+ layout: { type: "Column", children: ["embed"], columnAlign: "Start", columnResizing: "Fill", gap: "Medium" },
9720
9698
  maxColumns: 1,
9721
9699
  defaultColumns: 1,
9722
9700
  appearance: {}
@@ -9724,13 +9702,7 @@ var blocks = [
9724
9702
  ],
9725
9703
  defaultVariantKey: "default"
9726
9704
  },
9727
- behavior: {
9728
- dataType: "Item",
9729
- items: {
9730
- numberOfItems: 1,
9731
- allowLinks: false
9732
- }
9733
- },
9705
+ behavior: { dataType: "Item", items: { numberOfItems: 1, allowLinks: false } },
9734
9706
  editorOptions: {
9735
9707
  onboarding: {
9736
9708
  helpText: "Embed a YouTube video to your documentation.",
@@ -9758,55 +9730,40 @@ var blocks = [
9758
9730
  name: "Lottie URL",
9759
9731
  type: "URL",
9760
9732
  description: "Add URL to your Lottie animation file. We support .json and .lottie file extensions.",
9761
- options: {
9762
- urlValidationRegex: "^(http|https)://.*.(json|lottie)$"
9763
- }
9733
+ options: { urlValidationRegex: "^(http|https)://.*.(json|lottie)$" }
9764
9734
  },
9765
9735
  {
9766
9736
  id: "height",
9767
9737
  name: "Height",
9768
9738
  type: "Number",
9769
- options: {
9770
- defaultValue: 270
9771
- }
9739
+ options: { defaultValue: 270 }
9772
9740
  },
9773
9741
  {
9774
9742
  id: "width",
9775
9743
  name: "Width",
9776
9744
  type: "Number",
9777
- options: {
9778
- defaultValue: 400
9779
- }
9745
+ options: { defaultValue: 400 }
9780
9746
  },
9781
9747
  {
9782
9748
  id: "autoplay",
9783
9749
  name: "Autoplay",
9784
9750
  type: "Boolean",
9785
- options: {
9786
- defaultValue: true
9787
- }
9751
+ options: { defaultValue: true }
9788
9752
  },
9789
9753
  {
9790
9754
  id: "loop",
9791
9755
  name: "Loop",
9792
9756
  type: "Boolean",
9793
- options: {
9794
- defaultValue: true
9795
- }
9757
+ options: { defaultValue: true }
9796
9758
  },
9797
9759
  {
9798
9760
  id: "playerControls",
9799
9761
  name: "Show player controls",
9800
9762
  type: "Boolean",
9801
- options: {
9802
- defaultValue: true
9803
- }
9763
+ options: { defaultValue: true }
9804
9764
  }
9805
9765
  ],
9806
- appearance: {
9807
- isBordered: true,
9808
- hasBackground: false
9809
- },
9766
+ appearance: { isBordered: true, hasBackground: false },
9810
9767
  variants: [
9811
9768
  {
9812
9769
  id: "default",
@@ -9827,13 +9784,7 @@ var blocks = [
9827
9784
  ],
9828
9785
  defaultVariantKey: "default"
9829
9786
  },
9830
- behavior: {
9831
- dataType: "Item",
9832
- items: {
9833
- numberOfItems: 1,
9834
- allowLinks: false
9835
- }
9836
- },
9787
+ behavior: { dataType: "Item", items: { numberOfItems: 1, allowLinks: false } },
9837
9788
  editorOptions: {
9838
9789
  onboarding: {
9839
9790
  helpText: "Embed a Lottie animation to your documentation.",
@@ -9868,10 +9819,7 @@ var blocks = [
9868
9819
  }
9869
9820
  }
9870
9821
  ],
9871
- appearance: {
9872
- isBordered: true,
9873
- hasBackground: false
9874
- },
9822
+ appearance: { isBordered: true, hasBackground: false },
9875
9823
  variants: [
9876
9824
  {
9877
9825
  id: "default",
@@ -9890,13 +9838,7 @@ var blocks = [
9890
9838
  ],
9891
9839
  defaultVariantKey: "default"
9892
9840
  },
9893
- behavior: {
9894
- dataType: "Item",
9895
- items: {
9896
- numberOfItems: 1,
9897
- allowLinks: false
9898
- }
9899
- },
9841
+ behavior: { dataType: "Item", items: { numberOfItems: 1, allowLinks: false } },
9900
9842
  editorOptions: {
9901
9843
  onboarding: {
9902
9844
  helpText: "Embed any page to your documentation as an iframe.",
@@ -9923,15 +9865,10 @@ var blocks = [
9923
9865
  id: "markdownUrl",
9924
9866
  name: "Markdown URL",
9925
9867
  type: "Markdown",
9926
- options: {
9927
- urlValidationRegex: "^(https?://)?(www\\.)?.+\\.md(\\?.*)?$"
9928
- }
9868
+ options: { urlValidationRegex: "^(https?://)?(www\\.)?.+\\.md(\\?.*)?$" }
9929
9869
  }
9930
9870
  ],
9931
- appearance: {
9932
- isBordered: true,
9933
- hasBackground: false
9934
- },
9871
+ appearance: { isBordered: true, hasBackground: false },
9935
9872
  variants: [
9936
9873
  {
9937
9874
  id: "plain",
@@ -9981,13 +9918,7 @@ var blocks = [
9981
9918
  ],
9982
9919
  defaultVariantKey: "plain"
9983
9920
  },
9984
- behavior: {
9985
- dataType: "Item",
9986
- items: {
9987
- numberOfItems: 1,
9988
- allowLinks: false
9989
- }
9990
- },
9921
+ behavior: { dataType: "Item", items: { numberOfItems: 1, allowLinks: false } },
9991
9922
  editorOptions: {
9992
9923
  onboarding: {
9993
9924
  helpText: "Render any markdown file directly inside of your documentation.",
@@ -10009,29 +9940,13 @@ var blocks = [
10009
9940
  icon: "https://cdn-assets.supernova.io/blocks/icons/v2/table.svg",
10010
9941
  searchKeywords: ["grid", "data", "spreadsheet", "api"],
10011
9942
  item: {
10012
- properties: [
10013
- {
10014
- id: "table",
10015
- name: "Table",
10016
- type: "Table",
10017
- options: {}
10018
- }
10019
- ],
10020
- appearance: {
10021
- isBordered: true,
10022
- hasBackground: false
10023
- },
9943
+ properties: [{ id: "table", name: "Table", type: "Table", options: {} }],
9944
+ appearance: { isBordered: true, hasBackground: false },
10024
9945
  variants: [
10025
9946
  {
10026
9947
  id: "default",
10027
9948
  name: "Default",
10028
- layout: {
10029
- type: "Column",
10030
- children: ["table"],
10031
- columnAlign: "Start",
10032
- columnResizing: "Fill",
10033
- gap: "Medium"
10034
- },
9949
+ layout: { type: "Column", children: ["table"], columnAlign: "Start", columnResizing: "Fill", gap: "Medium" },
10035
9950
  maxColumns: 1,
10036
9951
  defaultColumns: 1,
10037
9952
  appearance: {}
@@ -10039,13 +9954,7 @@ var blocks = [
10039
9954
  ],
10040
9955
  defaultVariantKey: "default"
10041
9956
  },
10042
- behavior: {
10043
- dataType: "Item",
10044
- items: {
10045
- numberOfItems: 1,
10046
- allowLinks: false
10047
- }
10048
- },
9957
+ behavior: { dataType: "Item", items: { numberOfItems: 1, allowLinks: false } },
10049
9958
  editorOptions: {
10050
9959
  onboarding: {
10051
9960
  helpText: "Use for displaying data in a tabular format.",
@@ -10082,34 +9991,17 @@ var blocks = [
10082
9991
  id: "tokens",
10083
9992
  name: "Tokens",
10084
9993
  type: "Token",
10085
- options: {
10086
- renderLayoutAs: "List",
10087
- defaultTheme: "none",
10088
- defaultValuePreview: "Split"
10089
- },
10090
- variantOptions: {
10091
- grid: {
10092
- renderLayoutAs: "Grid"
10093
- }
10094
- }
9994
+ options: { renderLayoutAs: "List", defaultTheme: "none", defaultValuePreview: "Split" },
9995
+ variantOptions: { grid: { renderLayoutAs: "Grid" } }
10095
9996
  }
10096
9997
  ],
10097
- appearance: {
10098
- isBordered: true,
10099
- hasBackground: false
10100
- },
9998
+ appearance: { isBordered: true, hasBackground: false },
10101
9999
  variants: [
10102
10000
  {
10103
10001
  id: "table",
10104
10002
  name: "Table",
10105
10003
  image: "https://cdn-assets.supernova.io/blocks/variants/tokens-table.svg",
10106
- layout: {
10107
- type: "Column",
10108
- children: ["tokens"],
10109
- columnAlign: "Start",
10110
- columnResizing: "Fill",
10111
- gap: "Medium"
10112
- },
10004
+ layout: { type: "Column", children: ["tokens"], columnAlign: "Start", columnResizing: "Fill", gap: "Medium" },
10113
10005
  maxColumns: 1,
10114
10006
  defaultColumns: 1,
10115
10007
  appearance: {}
@@ -10118,13 +10010,7 @@ var blocks = [
10118
10010
  id: "grid",
10119
10011
  name: "Grid",
10120
10012
  image: "https://cdn-assets.supernova.io/blocks/variants/tokens-grid.svg",
10121
- layout: {
10122
- type: "Column",
10123
- children: ["tokens"],
10124
- columnAlign: "Start",
10125
- columnResizing: "Fill",
10126
- gap: "Medium"
10127
- },
10013
+ layout: { type: "Column", children: ["tokens"], columnAlign: "Start", columnResizing: "Fill", gap: "Medium" },
10128
10014
  maxColumns: 4,
10129
10015
  defaultColumns: 1,
10130
10016
  appearance: {}
@@ -10132,13 +10018,7 @@ var blocks = [
10132
10018
  ],
10133
10019
  defaultVariantKey: "table"
10134
10020
  },
10135
- behavior: {
10136
- dataType: "Token",
10137
- entities: {
10138
- selectionType: "EntityAndGroup",
10139
- maxSelected: 0
10140
- }
10141
- },
10021
+ behavior: { dataType: "Token", entities: { selectionType: "EntityAndGroup", maxSelected: 0 } },
10142
10022
  editorOptions: {
10143
10023
  onboarding: {
10144
10024
  helpText: "Show a group of design tokens. Automatically display all subgroups too.",
@@ -10165,50 +10045,26 @@ var blocks = [
10165
10045
  id: "tokens",
10166
10046
  name: "Tokens",
10167
10047
  type: "Token",
10168
- options: {
10169
- allowedTypes: ["Color"],
10170
- allowPropertySelection: false,
10171
- allowThemeSelection: true
10172
- }
10048
+ options: { allowedTypes: ["Color"], allowPropertySelection: false, allowThemeSelection: true }
10173
10049
  }
10174
10050
  ],
10175
- appearance: {
10176
- isBordered: true,
10177
- hasBackground: false
10178
- },
10051
+ appearance: { isBordered: true, hasBackground: false },
10179
10052
  variants: [
10180
10053
  {
10181
10054
  id: "default",
10182
10055
  name: "Default",
10183
10056
  image: "https://cdn-assets.supernova.io/blocks/variants/tokens-color-stack.svg",
10184
- layout: {
10185
- type: "Column",
10186
- children: ["tokens"],
10187
- columnAlign: "Start",
10188
- columnResizing: "Fill",
10189
- gap: "Medium"
10190
- },
10057
+ layout: { type: "Column", children: ["tokens"], columnAlign: "Start", columnResizing: "Fill", gap: "Medium" },
10191
10058
  maxColumns: 2,
10192
10059
  defaultColumns: 1,
10193
- appearance: {
10194
- isEditorPresentationDifferent: true
10195
- }
10060
+ appearance: { isEditorPresentationDifferent: true }
10196
10061
  }
10197
10062
  ],
10198
10063
  defaultVariantKey: "default"
10199
10064
  },
10200
- behavior: {
10201
- dataType: "Token",
10202
- entities: {
10203
- selectionType: "EntityAndGroup",
10204
- maxSelected: 0
10205
- }
10206
- },
10065
+ behavior: { dataType: "Token", entities: { selectionType: "EntityAndGroup", maxSelected: 0 } },
10207
10066
  editorOptions: {
10208
- onboarding: {
10209
- helpText: "The best way to display colors",
10210
- documentationLink: "https://learn.supernova.io"
10211
- }
10067
+ onboarding: { helpText: "The best way to display colors", documentationLink: "https://learn.supernova.io" }
10212
10068
  },
10213
10069
  appearance: {
10214
10070
  isBordered: true,
@@ -10230,46 +10086,25 @@ var blocks = [
10230
10086
  id: "tokens",
10231
10087
  name: "Tokens",
10232
10088
  type: "Token",
10233
- options: {
10234
- allowedTypes: ["Color"],
10235
- allowPropertySelection: false,
10236
- allowThemeSelection: false
10237
- }
10089
+ options: { allowedTypes: ["Color"], allowPropertySelection: false, allowThemeSelection: false }
10238
10090
  }
10239
10091
  ],
10240
- appearance: {
10241
- isBordered: true,
10242
- hasBackground: false
10243
- },
10092
+ appearance: { isBordered: true, hasBackground: false },
10244
10093
  variants: [
10245
10094
  {
10246
10095
  id: "default",
10247
10096
  name: "Default",
10248
10097
  image: "https://cdn-assets.supernova.io/blocks/variants/contrast-grid-large.svg",
10249
10098
  description: "Visualize accessibility of your colors by automatically calculating their color contrast ratio.",
10250
- layout: {
10251
- type: "Column",
10252
- children: ["tokens"],
10253
- columnAlign: "Start",
10254
- columnResizing: "Fill",
10255
- gap: "Medium"
10256
- },
10099
+ layout: { type: "Column", children: ["tokens"], columnAlign: "Start", columnResizing: "Fill", gap: "Medium" },
10257
10100
  maxColumns: 1,
10258
10101
  defaultColumns: 1,
10259
- appearance: {
10260
- isEditorPresentationDifferent: true
10261
- }
10102
+ appearance: { isEditorPresentationDifferent: true }
10262
10103
  }
10263
10104
  ],
10264
10105
  defaultVariantKey: "default"
10265
10106
  },
10266
- behavior: {
10267
- dataType: "Token",
10268
- entities: {
10269
- selectionType: "EntityAndGroup",
10270
- maxSelected: 0
10271
- }
10272
- },
10107
+ behavior: { dataType: "Token", entities: { selectionType: "EntityAndGroup", maxSelected: 0 } },
10273
10108
  editorOptions: {
10274
10109
  onboarding: {
10275
10110
  helpText: "Visualize accessibility of your colors by automatically calculating their color contrast ratio.",
@@ -10291,29 +10126,13 @@ var blocks = [
10291
10126
  icon: "https://cdn-assets.supernova.io/blocks/icons/code.svg",
10292
10127
  searchKeywords: ["code"],
10293
10128
  item: {
10294
- properties: [
10295
- {
10296
- id: "code",
10297
- name: "Code",
10298
- type: "Code",
10299
- options: {}
10300
- }
10301
- ],
10302
- appearance: {
10303
- isBordered: true,
10304
- hasBackground: false
10305
- },
10129
+ properties: [{ id: "code", name: "Code", type: "Code", options: {} }],
10130
+ appearance: { isBordered: true, hasBackground: false },
10306
10131
  variants: [
10307
10132
  {
10308
10133
  id: "default",
10309
10134
  name: "Default",
10310
- layout: {
10311
- type: "Column",
10312
- children: ["code"],
10313
- columnAlign: "Start",
10314
- columnResizing: "Fill",
10315
- gap: "Medium"
10316
- },
10135
+ layout: { type: "Column", children: ["code"], columnAlign: "Start", columnResizing: "Fill", gap: "Medium" },
10317
10136
  maxColumns: 1,
10318
10137
  defaultColumns: 1,
10319
10138
  appearance: {}
@@ -10321,18 +10140,8 @@ var blocks = [
10321
10140
  ],
10322
10141
  defaultVariantKey: "default"
10323
10142
  },
10324
- behavior: {
10325
- dataType: "Item",
10326
- items: {
10327
- numberOfItems: 1,
10328
- allowLinks: false
10329
- }
10330
- },
10331
- editorOptions: {
10332
- onboarding: {
10333
- helpText: "Code descriptor."
10334
- }
10335
- },
10143
+ behavior: { dataType: "Item", items: { numberOfItems: 1, allowLinks: false } },
10144
+ editorOptions: { onboarding: { helpText: "Code descriptor." } },
10336
10145
  appearance: {
10337
10146
  isBordered: false,
10338
10147
  hasBackground: false,
@@ -10353,39 +10162,22 @@ var blocks = [
10353
10162
  id: "code",
10354
10163
  name: "Code",
10355
10164
  type: "CodeSandbox",
10356
- options: {
10357
- renderLayoutAs: "PreviewOnTop"
10358
- },
10165
+ options: { renderLayoutAs: "PreviewOnTop" },
10359
10166
  variantOptions: {
10360
- codeTop: {
10361
- renderLayoutAs: "PreviewOnBottom"
10362
- },
10363
- codeLeft: {
10364
- renderLayoutAs: "PreviewOnRight"
10365
- },
10366
- codeRight: {
10367
- renderLayoutAs: "PreviewOnLeft"
10368
- }
10167
+ codeTop: { renderLayoutAs: "PreviewOnBottom" },
10168
+ codeLeft: { renderLayoutAs: "PreviewOnRight" },
10169
+ codeRight: { renderLayoutAs: "PreviewOnLeft" }
10369
10170
  }
10370
10171
  }
10371
10172
  ],
10372
- appearance: {
10373
- isBordered: true,
10374
- hasBackground: false
10375
- },
10173
+ appearance: { isBordered: true, hasBackground: false },
10376
10174
  variants: [
10377
10175
  {
10378
10176
  id: "codeBottom",
10379
10177
  name: "Full width, code bottom",
10380
10178
  image: "https://cdn-assets.supernova.io/blocks/variants/react-code-bottom.svg",
10381
10179
  description: "Full-width block of code, with a preview on top.",
10382
- layout: {
10383
- type: "Column",
10384
- children: ["code"],
10385
- columnAlign: "Start",
10386
- columnResizing: "Fill",
10387
- gap: "Medium"
10388
- },
10180
+ layout: { type: "Column", children: ["code"], columnAlign: "Start", columnResizing: "Fill", gap: "Medium" },
10389
10181
  maxColumns: 1,
10390
10182
  defaultColumns: 1,
10391
10183
  appearance: {}
@@ -10395,13 +10187,7 @@ var blocks = [
10395
10187
  name: "Full width, code top",
10396
10188
  image: "https://cdn-assets.supernova.io/blocks/variants/react-code-top.svg",
10397
10189
  description: "Full-width block of code, with a preview on bottom.",
10398
- layout: {
10399
- type: "Column",
10400
- children: ["code"],
10401
- columnAlign: "Start",
10402
- columnResizing: "Fill",
10403
- gap: "Medium"
10404
- },
10190
+ layout: { type: "Column", children: ["code"], columnAlign: "Start", columnResizing: "Fill", gap: "Medium" },
10405
10191
  maxColumns: 1,
10406
10192
  defaultColumns: 1,
10407
10193
  appearance: {}
@@ -10411,13 +10197,7 @@ var blocks = [
10411
10197
  name: "Side by side, code left",
10412
10198
  image: "https://cdn-assets.supernova.io/blocks/variants/react-code-left.svg",
10413
10199
  description: "Side-by-side preview and code, with code on the left.",
10414
- layout: {
10415
- type: "Column",
10416
- children: ["code"],
10417
- columnAlign: "Start",
10418
- columnResizing: "Fill",
10419
- gap: "Medium"
10420
- },
10200
+ layout: { type: "Column", children: ["code"], columnAlign: "Start", columnResizing: "Fill", gap: "Medium" },
10421
10201
  maxColumns: 1,
10422
10202
  defaultColumns: 1,
10423
10203
  appearance: {}
@@ -10427,13 +10207,7 @@ var blocks = [
10427
10207
  name: "Side by side, code right",
10428
10208
  image: "https://cdn-assets.supernova.io/blocks/variants/react-code-right.svg",
10429
10209
  description: "Side-by-side preview and code, with code on the right.",
10430
- layout: {
10431
- type: "Column",
10432
- children: ["code"],
10433
- columnAlign: "Start",
10434
- columnResizing: "Fill",
10435
- gap: "Medium"
10436
- },
10210
+ layout: { type: "Column", children: ["code"], columnAlign: "Start", columnResizing: "Fill", gap: "Medium" },
10437
10211
  maxColumns: 1,
10438
10212
  defaultColumns: 1,
10439
10213
  appearance: {}
@@ -10441,13 +10215,7 @@ var blocks = [
10441
10215
  ],
10442
10216
  defaultVariantKey: "codeBottom"
10443
10217
  },
10444
- behavior: {
10445
- dataType: "Item",
10446
- items: {
10447
- numberOfItems: 1,
10448
- allowLinks: false
10449
- }
10450
- },
10218
+ behavior: { dataType: "Item", items: { numberOfItems: 1, allowLinks: false } },
10451
10219
  editorOptions: {
10452
10220
  onboarding: {
10453
10221
  helpText: "Display rendered code example",
@@ -10469,31 +10237,15 @@ var blocks = [
10469
10237
  icon: "https://cdn-assets.supernova.io/blocks/icons/v2/assets.svg",
10470
10238
  searchKeywords: ["icons", "illustrations", "grid", "svg", "logos"],
10471
10239
  item: {
10472
- properties: [
10473
- {
10474
- id: "assets",
10475
- name: "Assets",
10476
- type: "Asset",
10477
- options: {}
10478
- }
10479
- ],
10480
- appearance: {
10481
- isBordered: true,
10482
- hasBackground: false
10483
- },
10240
+ properties: [{ id: "assets", name: "Assets", type: "Asset", options: {} }],
10241
+ appearance: { isBordered: true, hasBackground: false },
10484
10242
  variants: [
10485
10243
  {
10486
10244
  id: "default",
10487
10245
  name: "Simple grid",
10488
10246
  image: "https://cdn-assets.supernova.io/blocks/variants/assets-simple-grid.svg",
10489
10247
  description: "A simple grid of assets. Both the title and description are displayed below the preview.",
10490
- layout: {
10491
- type: "Column",
10492
- children: ["assets"],
10493
- columnAlign: "Start",
10494
- columnResizing: "Fill",
10495
- gap: "Medium"
10496
- },
10248
+ layout: { type: "Column", children: ["assets"], columnAlign: "Start", columnResizing: "Fill", gap: "Medium" },
10497
10249
  maxColumns: 8,
10498
10250
  defaultColumns: 1,
10499
10251
  appearance: {}
@@ -10503,47 +10255,25 @@ var blocks = [
10503
10255
  name: "Square grid",
10504
10256
  image: "https://cdn-assets.supernova.io/blocks/variants/assets-square-grid.svg",
10505
10257
  description: "Bordered square grid tailored for displaying icon assets. Only the title is displayed.",
10506
- layout: {
10507
- type: "Column",
10508
- children: ["assets"],
10509
- columnAlign: "Start",
10510
- columnResizing: "Fill",
10511
- gap: "Medium"
10512
- },
10258
+ layout: { type: "Column", children: ["assets"], columnAlign: "Start", columnResizing: "Fill", gap: "Medium" },
10513
10259
  maxColumns: 8,
10514
10260
  defaultColumns: 1,
10515
- appearance: {
10516
- isEditorPresentationDifferent: true
10517
- }
10261
+ appearance: { isEditorPresentationDifferent: true }
10518
10262
  },
10519
10263
  {
10520
10264
  id: "borderless-grid",
10521
10265
  name: "Borderless grid",
10522
10266
  image: "https://cdn-assets.supernova.io/blocks/variants/assets-borderless-grid.svg",
10523
10267
  description: "Borderless grid, perfect for displaying assets of the same height. Only the title is visible.",
10524
- layout: {
10525
- type: "Column",
10526
- children: ["assets"],
10527
- columnAlign: "Start",
10528
- columnResizing: "Fill",
10529
- gap: "Medium"
10530
- },
10268
+ layout: { type: "Column", children: ["assets"], columnAlign: "Start", columnResizing: "Fill", gap: "Medium" },
10531
10269
  maxColumns: 8,
10532
10270
  defaultColumns: 1,
10533
- appearance: {
10534
- isEditorPresentationDifferent: true
10535
- }
10271
+ appearance: { isEditorPresentationDifferent: true }
10536
10272
  }
10537
10273
  ],
10538
10274
  defaultVariantKey: "default"
10539
10275
  },
10540
- behavior: {
10541
- dataType: "Asset",
10542
- entities: {
10543
- selectionType: "EntityAndGroup",
10544
- maxSelected: 0
10545
- }
10546
- },
10276
+ behavior: { dataType: "Asset", entities: { selectionType: "EntityAndGroup", maxSelected: 0 } },
10547
10277
  editorOptions: {
10548
10278
  onboarding: {
10549
10279
  helpText: "Display a grid of icons or illustrations.",
@@ -10573,10 +10303,7 @@ var blocks = [
10573
10303
  options: {}
10574
10304
  }
10575
10305
  ],
10576
- appearance: {
10577
- isBordered: true,
10578
- hasBackground: false
10579
- },
10306
+ appearance: { isBordered: true, hasBackground: false },
10580
10307
  variants: [
10581
10308
  {
10582
10309
  id: "bordered",
@@ -10613,13 +10340,7 @@ var blocks = [
10613
10340
  ],
10614
10341
  defaultVariantKey: "bordered"
10615
10342
  },
10616
- behavior: {
10617
- dataType: "FigmaNode",
10618
- entities: {
10619
- selectionType: "Entity",
10620
- maxSelected: 0
10621
- }
10622
- },
10343
+ behavior: { dataType: "FigmaNode", entities: { selectionType: "Entity", maxSelected: 0 } },
10623
10344
  editorOptions: {
10624
10345
  onboarding: {
10625
10346
  helpText: "Generate images from Figma layers",
@@ -10642,23 +10363,14 @@ var blocks = [
10642
10363
  searchKeywords: ["version", "changelog", "history"],
10643
10364
  item: {
10644
10365
  properties: [],
10645
- appearance: {
10646
- isBordered: true,
10647
- hasBackground: false
10648
- },
10366
+ appearance: { isBordered: true, hasBackground: false },
10649
10367
  variants: [
10650
10368
  {
10651
10369
  id: "default",
10652
10370
  name: "Default",
10653
10371
  image: "https://cdn-assets.supernova.io/blocks/variants/release-notes-2.svg",
10654
10372
  description: "Show formatted release notes from all previously released versions.",
10655
- layout: {
10656
- type: "Column",
10657
- children: [],
10658
- columnAlign: "Start",
10659
- columnResizing: "Fill",
10660
- gap: "Medium"
10661
- },
10373
+ layout: { type: "Column", children: [], columnAlign: "Start", columnResizing: "Fill", gap: "Medium" },
10662
10374
  maxColumns: 1,
10663
10375
  defaultColumns: 1,
10664
10376
  appearance: {}
@@ -10666,13 +10378,7 @@ var blocks = [
10666
10378
  ],
10667
10379
  defaultVariantKey: "default"
10668
10380
  },
10669
- behavior: {
10670
- dataType: "Item",
10671
- items: {
10672
- numberOfItems: 1,
10673
- allowLinks: false
10674
- }
10675
- },
10381
+ behavior: { dataType: "Item", items: { numberOfItems: 1, allowLinks: false } },
10676
10382
  editorOptions: {
10677
10383
  onboarding: {
10678
10384
  helpText: "Show formatted release notes from all previously released versions."
@@ -10698,31 +10404,22 @@ var blocks = [
10698
10404
  id: "components",
10699
10405
  name: "Components",
10700
10406
  type: "Component",
10701
- options: {
10702
- renderLayoutAs: "List"
10703
- }
10407
+ options: { renderLayoutAs: "List" }
10704
10408
  },
10705
10409
  {
10706
10410
  id: "title",
10707
10411
  name: "Title",
10708
10412
  type: "Text",
10709
- options: {
10710
- defaultValue: "Component checklist"
10711
- }
10413
+ options: { defaultValue: "Component checklist" }
10712
10414
  },
10713
10415
  {
10714
10416
  id: "showDescription",
10715
10417
  name: "Show description",
10716
10418
  type: "Boolean",
10717
- options: {
10718
- defaultValue: true
10719
- }
10419
+ options: { defaultValue: true }
10720
10420
  }
10721
10421
  ],
10722
- appearance: {
10723
- isBordered: true,
10724
- hasBackground: false
10725
- },
10422
+ appearance: { isBordered: true, hasBackground: false },
10726
10423
  variants: [
10727
10424
  {
10728
10425
  id: "default",
@@ -10737,20 +10434,12 @@ var blocks = [
10737
10434
  },
10738
10435
  maxColumns: 1,
10739
10436
  defaultColumns: 1,
10740
- appearance: {
10741
- isEditorPresentationDifferent: true
10742
- }
10437
+ appearance: { isEditorPresentationDifferent: true }
10743
10438
  }
10744
10439
  ],
10745
10440
  defaultVariantKey: "default"
10746
10441
  },
10747
- behavior: {
10748
- dataType: "Component",
10749
- entities: {
10750
- selectionType: "Entity",
10751
- maxSelected: 1
10752
- }
10753
- },
10442
+ behavior: { dataType: "Component", entities: { selectionType: "Entity", maxSelected: 1 } },
10754
10443
  editorOptions: {
10755
10444
  onboarding: {
10756
10445
  helpText: "Highlight specific component properties",
@@ -10777,23 +10466,16 @@ var blocks = [
10777
10466
  id: "components",
10778
10467
  name: "Components",
10779
10468
  type: "Component",
10780
- options: {
10781
- renderLayoutAs: "Table"
10782
- }
10469
+ options: { renderLayoutAs: "Table" }
10783
10470
  },
10784
10471
  {
10785
10472
  id: "showLastUpdatedColumn",
10786
10473
  name: "Show last updated column",
10787
10474
  type: "Boolean",
10788
- options: {
10789
- defaultValue: true
10790
- }
10475
+ options: { defaultValue: true }
10791
10476
  }
10792
10477
  ],
10793
- appearance: {
10794
- isBordered: true,
10795
- hasBackground: false
10796
- },
10478
+ appearance: { isBordered: true, hasBackground: false },
10797
10479
  variants: [
10798
10480
  {
10799
10481
  id: "default",
@@ -10808,20 +10490,12 @@ var blocks = [
10808
10490
  },
10809
10491
  maxColumns: 1,
10810
10492
  defaultColumns: 1,
10811
- appearance: {
10812
- isEditorPresentationDifferent: true
10813
- }
10493
+ appearance: { isEditorPresentationDifferent: true }
10814
10494
  }
10815
10495
  ],
10816
10496
  defaultVariantKey: "default"
10817
10497
  },
10818
- behavior: {
10819
- dataType: "Component",
10820
- entities: {
10821
- selectionType: "Group",
10822
- maxSelected: 1
10823
- }
10824
- },
10498
+ behavior: { dataType: "Component", entities: { selectionType: "Group", maxSelected: 1 } },
10825
10499
  editorOptions: {
10826
10500
  onboarding: {
10827
10501
  helpText: "Show an overview of all your components",
@@ -10848,15 +10522,10 @@ var blocks = [
10848
10522
  id: "components",
10849
10523
  name: "Components",
10850
10524
  type: "Component",
10851
- options: {
10852
- renderLayoutAs: "List"
10853
- }
10525
+ options: { renderLayoutAs: "List" }
10854
10526
  }
10855
10527
  ],
10856
- appearance: {
10857
- isBordered: true,
10858
- hasBackground: false
10859
- },
10528
+ appearance: { isBordered: true, hasBackground: false },
10860
10529
  variants: [
10861
10530
  {
10862
10531
  id: "default",
@@ -10871,20 +10540,12 @@ var blocks = [
10871
10540
  },
10872
10541
  maxColumns: 1,
10873
10542
  defaultColumns: 1,
10874
- appearance: {
10875
- isEditorPresentationDifferent: true
10876
- }
10543
+ appearance: { isEditorPresentationDifferent: true }
10877
10544
  }
10878
10545
  ],
10879
10546
  defaultVariantKey: "default"
10880
10547
  },
10881
- behavior: {
10882
- dataType: "Component",
10883
- entities: {
10884
- selectionType: "Entity",
10885
- maxSelected: 1
10886
- }
10887
- },
10548
+ behavior: { dataType: "Component", entities: { selectionType: "Entity", maxSelected: 1 } },
10888
10549
  editorOptions: {
10889
10550
  onboarding: {
10890
10551
  helpText: "Show component health and additional attributes",
@@ -10897,179 +10558,6 @@ var blocks = [
10897
10558
  isEditorPresentationDifferent: false,
10898
10559
  showBlockHeaderInEditor: false
10899
10560
  }
10900
- },
10901
- {
10902
- id: "io.supernova.block.do-dont-guidelines",
10903
- name: "Guidelines",
10904
- description: "Do/Don't rules and best practices.",
10905
- category: "Guidelines",
10906
- icon: "https://cdn-assets.supernova.io/blocks/icons/guidelines.svg",
10907
- searchKeywords: ["dont", "caution", "rules"],
10908
- item: {
10909
- properties: [
10910
- {
10911
- id: "block.do-dont-guidelines.property.image",
10912
- name: "Image",
10913
- type: "Image",
10914
- options: {
10915
- allowCaption: false
10916
- }
10917
- },
10918
- {
10919
- id: "block.do-dont-guidelines.property.type",
10920
- name: "Type",
10921
- type: "SingleSelect",
10922
- options: {
10923
- defaultChoice: "do",
10924
- choices: [
10925
- {
10926
- value: "do",
10927
- name: "Do",
10928
- color: "Green",
10929
- icon: "CheckCircle"
10930
- },
10931
- {
10932
- value: "dont",
10933
- name: "Don't",
10934
- color: "Red",
10935
- icon: "CrossCircle"
10936
- },
10937
- {
10938
- value: "caution",
10939
- name: "Caution",
10940
- color: "Orange",
10941
- icon: "Alert"
10942
- }
10943
- ],
10944
- singleSelectStyle: "ToggleButton"
10945
- }
10946
- },
10947
- {
10948
- id: "block.do-dont-guidelines.property.description",
10949
- name: "Description",
10950
- type: "RichTextEditor",
10951
- options: {
10952
- allowedInlineStyles: ["Bold", "Italic", "Strikethrough", "UL", "OL", "Link", "InlineCode"],
10953
- allowMultiline: true,
10954
- placeholder: "Add description"
10955
- }
10956
- }
10957
- ],
10958
- appearance: {
10959
- isBordered: true,
10960
- hasBackground: false
10961
- },
10962
- variants: [
10963
- {
10964
- id: "simple",
10965
- name: "Simple",
10966
- image: "https://cdn-assets.supernova.io/blocks/variants/guidelines-simple.svg",
10967
- description: "With a minimalist badge at the top, this design is great for content guidelines.",
10968
- layout: {
10969
- type: "Column",
10970
- children: [
10971
- "block.do-dont-guidelines.property.type",
10972
- "block.do-dont-guidelines.property.image",
10973
- "block.do-dont-guidelines.property.description"
10974
- ],
10975
- columnAlign: "Start",
10976
- columnResizing: "Fill",
10977
- gap: "Medium"
10978
- },
10979
- maxColumns: 3,
10980
- defaultColumns: 2,
10981
- appearance: {}
10982
- },
10983
- {
10984
- id: "prominent",
10985
- name: "Prominent",
10986
- image: "https://cdn-assets.supernova.io/blocks/variants/guidelines-prominent.svg",
10987
- description: "Recommended when you need guidelines that need to stand out.",
10988
- layout: {
10989
- type: "Column",
10990
- children: [
10991
- "block.do-dont-guidelines.property.type",
10992
- "block.do-dont-guidelines.property.image",
10993
- "block.do-dont-guidelines.property.description"
10994
- ],
10995
- columnAlign: "Start",
10996
- columnResizing: "Fill",
10997
- gap: "Medium"
10998
- },
10999
- maxColumns: 3,
11000
- defaultColumns: 1,
11001
- appearance: {
11002
- isEditorPresentationDifferent: true
11003
- }
11004
- },
11005
- {
11006
- id: "contained",
11007
- name: "Contained",
11008
- image: "https://cdn-assets.supernova.io/blocks/variants/guidelines-contained.svg",
11009
- description: "Perfect for component guidelines with spacious images.",
11010
- layout: {
11011
- type: "Column",
11012
- children: [
11013
- "block.do-dont-guidelines.property.type",
11014
- "block.do-dont-guidelines.property.image",
11015
- "block.do-dont-guidelines.property.description"
11016
- ],
11017
- columnAlign: "Start",
11018
- columnResizing: "Fill",
11019
- gap: "Medium"
11020
- },
11021
- maxColumns: 3,
11022
- defaultColumns: 1,
11023
- appearance: {
11024
- isEditorPresentationDifferent: true
11025
- }
11026
- },
11027
- {
11028
- id: "side-border",
11029
- name: "Side border",
11030
- image: "https://cdn-assets.supernova.io/blocks/variants/guidelines-side-border.svg",
11031
- description: "The side border makes this variant well-suited for longer text guidelines.",
11032
- layout: {
11033
- type: "Column",
11034
- children: [
11035
- "block.do-dont-guidelines.property.type",
11036
- "block.do-dont-guidelines.property.image",
11037
- "block.do-dont-guidelines.property.description"
11038
- ],
11039
- columnAlign: "Start",
11040
- columnResizing: "Fill",
11041
- gap: "Medium"
11042
- },
11043
- maxColumns: 3,
11044
- defaultColumns: 1,
11045
- appearance: {
11046
- isEditorPresentationDifferent: true
11047
- }
11048
- }
11049
- ],
11050
- defaultVariantKey: "simple"
11051
- },
11052
- behavior: {
11053
- dataType: "Item",
11054
- items: {
11055
- numberOfItems: -1,
11056
- allowLinks: false,
11057
- newItemLabel: "Add guideline"
11058
- }
11059
- },
11060
- editorOptions: {
11061
- onboarding: {
11062
- helpText: "Use link block to document your Do/Don't guidelines for your components and patterns.",
11063
- documentationLink: "https://learn.supernova.io/latest/documentation/types-of-blocks/links/shortcuts/general-jVfNifo4"
11064
- },
11065
- newItemLabel: "Add guideline"
11066
- },
11067
- appearance: {
11068
- isBordered: true,
11069
- hasBackground: false,
11070
- isEditorPresentationDifferent: false,
11071
- showBlockHeaderInEditor: false
11072
- }
11073
10561
  }
11074
10562
  ];
11075
10563