@supernova-studio/client 0.54.21 → 0.54.23
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.d.mts +280 -0
- package/dist/index.d.ts +280 -0
- package/dist/index.js +266 -778
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +266 -778
- package/dist/index.mjs.map +1 -1
- package/package.json +2 -2
- package/src/yjs/docs-editor/mock.ts +264 -778
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: "
|
|
9031
|
-
description: "
|
|
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: "
|
|
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
|
-
|
|
9408
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
|