@contentful/experiences-core 3.7.2-dev-20250924T1414-f20af61.0 → 3.7.2-dev-20250924T1519-77d453c.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs +0 -49
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +0 -49
- package/dist/index.js.map +1 -1
- package/package.json +3 -3
package/dist/index.cjs
CHANGED
|
@@ -183,7 +183,6 @@ const builtInStyles = {
|
|
|
183
183
|
},
|
|
184
184
|
type: 'Text',
|
|
185
185
|
group: 'style',
|
|
186
|
-
description: 'The vertical alignment of the section',
|
|
187
186
|
defaultValue: 'center',
|
|
188
187
|
displayName: 'Vertical alignment',
|
|
189
188
|
},
|
|
@@ -210,7 +209,6 @@ const builtInStyles = {
|
|
|
210
209
|
},
|
|
211
210
|
type: 'Text',
|
|
212
211
|
group: 'style',
|
|
213
|
-
description: 'The horizontal alignment of the section',
|
|
214
212
|
defaultValue: 'center',
|
|
215
213
|
displayName: 'Horizontal alignment',
|
|
216
214
|
},
|
|
@@ -219,83 +217,71 @@ const builtInStyles = {
|
|
|
219
217
|
type: 'Boolean',
|
|
220
218
|
group: 'style',
|
|
221
219
|
defaultValue: true,
|
|
222
|
-
description: 'The visibility of the component',
|
|
223
220
|
},
|
|
224
221
|
cfMargin: {
|
|
225
222
|
displayName: 'Margin',
|
|
226
223
|
type: 'Text',
|
|
227
224
|
group: 'style',
|
|
228
|
-
description: 'The margin of the section',
|
|
229
225
|
defaultValue: '0 0 0 0',
|
|
230
226
|
},
|
|
231
227
|
cfPadding: {
|
|
232
228
|
displayName: 'Padding',
|
|
233
229
|
type: 'Text',
|
|
234
230
|
group: 'style',
|
|
235
|
-
description: 'The padding of the section',
|
|
236
231
|
defaultValue: '0 0 0 0',
|
|
237
232
|
},
|
|
238
233
|
cfBackgroundColor: {
|
|
239
234
|
displayName: 'Background color',
|
|
240
235
|
type: 'Text',
|
|
241
236
|
group: 'style',
|
|
242
|
-
description: 'The background color of the section',
|
|
243
237
|
defaultValue: 'rgba(0, 0, 0, 0)',
|
|
244
238
|
},
|
|
245
239
|
cfWidth: {
|
|
246
240
|
displayName: 'Width',
|
|
247
241
|
type: 'Text',
|
|
248
242
|
group: 'style',
|
|
249
|
-
description: 'The width of the section',
|
|
250
243
|
defaultValue: '100%',
|
|
251
244
|
},
|
|
252
245
|
cfHeight: {
|
|
253
246
|
displayName: 'Height',
|
|
254
247
|
type: 'Text',
|
|
255
248
|
group: 'style',
|
|
256
|
-
description: 'The height of the section',
|
|
257
249
|
defaultValue: 'fit-content',
|
|
258
250
|
},
|
|
259
251
|
cfMaxWidth: {
|
|
260
252
|
displayName: 'Max width',
|
|
261
253
|
type: 'Text',
|
|
262
254
|
group: 'style',
|
|
263
|
-
description: 'The max-width of the section',
|
|
264
255
|
defaultValue: 'none',
|
|
265
256
|
},
|
|
266
257
|
cfFlexDirection: {
|
|
267
258
|
displayName: 'Direction',
|
|
268
259
|
type: 'Text',
|
|
269
260
|
group: 'style',
|
|
270
|
-
description: 'The orientation of the section',
|
|
271
261
|
defaultValue: 'column',
|
|
272
262
|
},
|
|
273
263
|
cfFlexReverse: {
|
|
274
264
|
displayName: 'Reverse Direction',
|
|
275
265
|
type: 'Boolean',
|
|
276
266
|
group: 'style',
|
|
277
|
-
description: 'Toggle the flex direction to be reversed',
|
|
278
267
|
defaultValue: false,
|
|
279
268
|
},
|
|
280
269
|
cfFlexWrap: {
|
|
281
270
|
displayName: 'Wrap objects',
|
|
282
271
|
type: 'Text',
|
|
283
272
|
group: 'style',
|
|
284
|
-
description: 'Wrap objects',
|
|
285
273
|
defaultValue: 'nowrap',
|
|
286
274
|
},
|
|
287
275
|
cfBorder: {
|
|
288
276
|
displayName: 'Border',
|
|
289
277
|
type: 'Text',
|
|
290
278
|
group: 'style',
|
|
291
|
-
description: 'The border of the section',
|
|
292
279
|
defaultValue: '0px solid rgba(0, 0, 0, 0)',
|
|
293
280
|
},
|
|
294
281
|
cfGap: {
|
|
295
282
|
displayName: 'Gap',
|
|
296
283
|
type: 'Text',
|
|
297
284
|
group: 'style',
|
|
298
|
-
description: 'The spacing between the elements of the section',
|
|
299
285
|
defaultValue: '0px',
|
|
300
286
|
},
|
|
301
287
|
cfHyperlink: {
|
|
@@ -306,7 +292,6 @@ const builtInStyles = {
|
|
|
306
292
|
format: 'URL',
|
|
307
293
|
bindingSourceType: ['entry', 'experience', 'manual'],
|
|
308
294
|
},
|
|
309
|
-
description: 'hyperlink for section or container',
|
|
310
295
|
},
|
|
311
296
|
cfOpenInNewTab: {
|
|
312
297
|
displayName: 'URL behaviour',
|
|
@@ -320,7 +305,6 @@ const optionalBuiltInStyles = {
|
|
|
320
305
|
displayName: 'Font Size',
|
|
321
306
|
type: 'Text',
|
|
322
307
|
group: 'style',
|
|
323
|
-
description: 'The font size of the element',
|
|
324
308
|
defaultValue: '16px',
|
|
325
309
|
},
|
|
326
310
|
cfFontWeight: {
|
|
@@ -343,13 +327,11 @@ const optionalBuiltInStyles = {
|
|
|
343
327
|
displayName: 'Font Weight',
|
|
344
328
|
type: 'Text',
|
|
345
329
|
group: 'style',
|
|
346
|
-
description: 'The font weight of the element',
|
|
347
330
|
defaultValue: '400',
|
|
348
331
|
},
|
|
349
332
|
cfImageAsset: {
|
|
350
333
|
displayName: 'Image',
|
|
351
334
|
type: 'Media',
|
|
352
|
-
description: 'Image to display',
|
|
353
335
|
validations: {
|
|
354
336
|
bindingSourceType: ['asset', 'entry', 'manual'],
|
|
355
337
|
},
|
|
@@ -368,13 +350,11 @@ const optionalBuiltInStyles = {
|
|
|
368
350
|
displayName: 'Background color',
|
|
369
351
|
type: 'Text',
|
|
370
352
|
group: 'style',
|
|
371
|
-
description: 'The background color of the element',
|
|
372
353
|
defaultValue: 'rgba(0, 0, 0, 0)',
|
|
373
354
|
},
|
|
374
355
|
cfBackgroundImageUrl: {
|
|
375
356
|
displayName: 'Background image',
|
|
376
357
|
type: 'Media',
|
|
377
|
-
description: 'Background image for component',
|
|
378
358
|
validations: {
|
|
379
359
|
bindingSourceType: ['asset', 'entry', 'manual'],
|
|
380
360
|
},
|
|
@@ -393,28 +373,24 @@ const optionalBuiltInStyles = {
|
|
|
393
373
|
displayName: 'Border Radius',
|
|
394
374
|
type: 'Text',
|
|
395
375
|
group: 'style',
|
|
396
|
-
description: 'The border radius of the section',
|
|
397
376
|
defaultValue: '0px',
|
|
398
377
|
},
|
|
399
378
|
cfLineHeight: {
|
|
400
379
|
displayName: 'Line Height',
|
|
401
380
|
type: 'Text',
|
|
402
381
|
group: 'style',
|
|
403
|
-
description: 'The line height of the element',
|
|
404
382
|
defaultValue: '20px',
|
|
405
383
|
},
|
|
406
384
|
cfLetterSpacing: {
|
|
407
385
|
displayName: 'Letter Spacing',
|
|
408
386
|
type: 'Text',
|
|
409
387
|
group: 'style',
|
|
410
|
-
description: 'The letter spacing of the element',
|
|
411
388
|
defaultValue: '0px',
|
|
412
389
|
},
|
|
413
390
|
cfTextColor: {
|
|
414
391
|
displayName: 'Text Color',
|
|
415
392
|
type: 'Text',
|
|
416
393
|
group: 'style',
|
|
417
|
-
description: 'The text color of the element',
|
|
418
394
|
defaultValue: 'rgba(0, 0, 0, 1)',
|
|
419
395
|
},
|
|
420
396
|
cfTextAlign: {
|
|
@@ -437,7 +413,6 @@ const optionalBuiltInStyles = {
|
|
|
437
413
|
displayName: 'Text Align',
|
|
438
414
|
type: 'Text',
|
|
439
415
|
group: 'style',
|
|
440
|
-
description: 'The text alignment of the element',
|
|
441
416
|
defaultValue: 'start',
|
|
442
417
|
},
|
|
443
418
|
cfTextTransform: {
|
|
@@ -464,28 +439,24 @@ const optionalBuiltInStyles = {
|
|
|
464
439
|
displayName: 'Text Transform',
|
|
465
440
|
type: 'Text',
|
|
466
441
|
group: 'style',
|
|
467
|
-
description: 'The text transform of the element',
|
|
468
442
|
defaultValue: 'none',
|
|
469
443
|
},
|
|
470
444
|
cfTextBold: {
|
|
471
445
|
displayName: 'Bold',
|
|
472
446
|
type: 'Boolean',
|
|
473
447
|
group: 'style',
|
|
474
|
-
description: 'The text bold of the element',
|
|
475
448
|
defaultValue: false,
|
|
476
449
|
},
|
|
477
450
|
cfTextItalic: {
|
|
478
451
|
displayName: 'Italic',
|
|
479
452
|
type: 'Boolean',
|
|
480
453
|
group: 'style',
|
|
481
|
-
description: 'The text italic of the element',
|
|
482
454
|
defaultValue: false,
|
|
483
455
|
},
|
|
484
456
|
cfTextUnderline: {
|
|
485
457
|
displayName: 'Underline',
|
|
486
458
|
type: 'Boolean',
|
|
487
459
|
group: 'style',
|
|
488
|
-
description: 'The text underline of the element',
|
|
489
460
|
defaultValue: false,
|
|
490
461
|
},
|
|
491
462
|
};
|
|
@@ -504,7 +475,6 @@ const containerBuiltInStyles = {
|
|
|
504
475
|
displayName: 'Margin',
|
|
505
476
|
type: 'Text',
|
|
506
477
|
group: 'style',
|
|
507
|
-
description: 'The margin of the container',
|
|
508
478
|
// Note: The UI overwrites '0 Auto 0 Auto' as the default value for top-level containers
|
|
509
479
|
defaultValue: '0 0 0 0',
|
|
510
480
|
},
|
|
@@ -512,7 +482,6 @@ const containerBuiltInStyles = {
|
|
|
512
482
|
displayName: 'Max Width',
|
|
513
483
|
type: 'Text',
|
|
514
484
|
group: 'style',
|
|
515
|
-
description: 'The max-width of the section',
|
|
516
485
|
defaultValue: '1192px',
|
|
517
486
|
},
|
|
518
487
|
};
|
|
@@ -523,35 +492,30 @@ const dividerBuiltInStyles = {
|
|
|
523
492
|
displayName: 'Margin',
|
|
524
493
|
type: 'Text',
|
|
525
494
|
group: 'style',
|
|
526
|
-
description: 'The margin of the divider',
|
|
527
495
|
defaultValue: '20px 0px 20px 0px',
|
|
528
496
|
},
|
|
529
497
|
cfWidth: {
|
|
530
498
|
displayName: 'Width',
|
|
531
499
|
type: 'Text',
|
|
532
500
|
group: 'style',
|
|
533
|
-
description: 'The width of the divider',
|
|
534
501
|
defaultValue: '100%',
|
|
535
502
|
},
|
|
536
503
|
cfHeight: {
|
|
537
504
|
displayName: 'Height',
|
|
538
505
|
type: 'Text',
|
|
539
506
|
group: 'style',
|
|
540
|
-
description: 'The height of the divider',
|
|
541
507
|
defaultValue: '1px',
|
|
542
508
|
},
|
|
543
509
|
cfMaxWidth: {
|
|
544
510
|
displayName: 'Max width',
|
|
545
511
|
type: 'Text',
|
|
546
512
|
group: 'style',
|
|
547
|
-
description: 'The max-width of the divider',
|
|
548
513
|
defaultValue: 'none',
|
|
549
514
|
},
|
|
550
515
|
cfBackgroundColor: {
|
|
551
516
|
displayName: 'Background color',
|
|
552
517
|
type: 'Text',
|
|
553
518
|
group: 'style',
|
|
554
|
-
description: 'The background color of the divider',
|
|
555
519
|
defaultValue: 'rgba(204, 204, 204, 1)',
|
|
556
520
|
},
|
|
557
521
|
};
|
|
@@ -584,7 +548,6 @@ const singleColumnBuiltInStyles = {
|
|
|
584
548
|
},
|
|
585
549
|
type: 'Text',
|
|
586
550
|
group: 'style',
|
|
587
|
-
description: 'The vertical alignment of the column',
|
|
588
551
|
defaultValue: 'center',
|
|
589
552
|
displayName: 'Vertical alignment',
|
|
590
553
|
},
|
|
@@ -611,7 +574,6 @@ const singleColumnBuiltInStyles = {
|
|
|
611
574
|
},
|
|
612
575
|
type: 'Text',
|
|
613
576
|
group: 'style',
|
|
614
|
-
description: 'The horizontal alignment of the column',
|
|
615
577
|
defaultValue: 'center',
|
|
616
578
|
displayName: 'Horizontal alignment',
|
|
617
579
|
},
|
|
@@ -619,35 +581,30 @@ const singleColumnBuiltInStyles = {
|
|
|
619
581
|
displayName: 'Padding',
|
|
620
582
|
type: 'Text',
|
|
621
583
|
group: 'style',
|
|
622
|
-
description: 'The padding of the column',
|
|
623
584
|
defaultValue: '0 0 0 0',
|
|
624
585
|
},
|
|
625
586
|
cfFlexDirection: {
|
|
626
587
|
displayName: 'Direction',
|
|
627
588
|
type: 'Text',
|
|
628
589
|
group: 'style',
|
|
629
|
-
description: 'The orientation of the column',
|
|
630
590
|
defaultValue: 'column',
|
|
631
591
|
},
|
|
632
592
|
cfFlexWrap: {
|
|
633
593
|
displayName: 'Wrap objects',
|
|
634
594
|
type: 'Text',
|
|
635
595
|
group: 'style',
|
|
636
|
-
description: 'Wrap objects',
|
|
637
596
|
defaultValue: 'nowrap',
|
|
638
597
|
},
|
|
639
598
|
cfBorder: {
|
|
640
599
|
displayName: 'Border',
|
|
641
600
|
type: 'Text',
|
|
642
601
|
group: 'style',
|
|
643
|
-
description: 'The border of the column',
|
|
644
602
|
defaultValue: '0px solid rgba(0, 0, 0, 0)',
|
|
645
603
|
},
|
|
646
604
|
cfGap: {
|
|
647
605
|
displayName: 'Gap',
|
|
648
606
|
type: 'Text',
|
|
649
607
|
group: 'style',
|
|
650
|
-
description: 'The spacing between the elements of the column',
|
|
651
608
|
defaultValue: '0px',
|
|
652
609
|
},
|
|
653
610
|
cfColumnSpan: {
|
|
@@ -671,7 +628,6 @@ const columnsBuiltInStyles = {
|
|
|
671
628
|
displayName: 'Margin',
|
|
672
629
|
type: 'Text',
|
|
673
630
|
group: 'style',
|
|
674
|
-
description: 'The margin of the columns',
|
|
675
631
|
// Note: The UI overwrites '0 Auto 0 Auto' as the default value for top-level columns
|
|
676
632
|
defaultValue: '0 0 0 0',
|
|
677
633
|
},
|
|
@@ -679,35 +635,30 @@ const columnsBuiltInStyles = {
|
|
|
679
635
|
displayName: 'Width',
|
|
680
636
|
type: 'Text',
|
|
681
637
|
group: 'style',
|
|
682
|
-
description: 'The width of the columns',
|
|
683
638
|
defaultValue: '100%',
|
|
684
639
|
},
|
|
685
640
|
cfMaxWidth: {
|
|
686
641
|
displayName: 'Max width',
|
|
687
642
|
type: 'Text',
|
|
688
643
|
group: 'style',
|
|
689
|
-
description: 'The max-width of the columns',
|
|
690
644
|
defaultValue: '1192px',
|
|
691
645
|
},
|
|
692
646
|
cfPadding: {
|
|
693
647
|
displayName: 'Padding',
|
|
694
648
|
type: 'Text',
|
|
695
649
|
group: 'style',
|
|
696
|
-
description: 'The padding of the columns',
|
|
697
650
|
defaultValue: '10px 10px 10px 10px',
|
|
698
651
|
},
|
|
699
652
|
cfBorder: {
|
|
700
653
|
displayName: 'Border',
|
|
701
654
|
type: 'Text',
|
|
702
655
|
group: 'style',
|
|
703
|
-
description: 'The border of the columns',
|
|
704
656
|
defaultValue: '0px solid rgba(0, 0, 0, 0)',
|
|
705
657
|
},
|
|
706
658
|
cfGap: {
|
|
707
659
|
displayName: 'Gap',
|
|
708
660
|
type: 'Text',
|
|
709
661
|
group: 'style',
|
|
710
|
-
description: 'The spacing between the elements of the columns',
|
|
711
662
|
defaultValue: '10px 10px',
|
|
712
663
|
},
|
|
713
664
|
cfColumns: {
|