@micromag/screen-image 0.2.401 → 0.2.406

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.
Files changed (3) hide show
  1. package/es/index.js +75 -71
  2. package/lib/index.js +75 -71
  3. package/package.json +11 -11
package/es/index.js CHANGED
@@ -38,6 +38,7 @@ var propTypes = {
38
38
  background: PropTypes$1.backgroundElement,
39
39
  callToAction: PropTypes$1.callToAction,
40
40
  current: PropTypes.bool,
41
+ active: PropTypes.bool,
41
42
  transitions: PropTypes$1.transitions,
42
43
  className: PropTypes.string
43
44
  };
@@ -56,6 +57,7 @@ var defaultProps = {
56
57
  background: null,
57
58
  callToAction: null,
58
59
  current: true,
60
+ active: true,
59
61
  transitions: null,
60
62
  className: null
61
63
  };
@@ -77,6 +79,7 @@ var ImageScreen = function ImageScreen(_ref) {
77
79
  background = _ref.background,
78
80
  callToAction = _ref.callToAction,
79
81
  current = _ref.current,
82
+ active = _ref.active,
80
83
  transitions = _ref.transitions,
81
84
  className = _ref.className;
82
85
  var finalImageFit = useMemo(function () {
@@ -275,7 +278,8 @@ var ImageScreen = function ImageScreen(_ref) {
275
278
  background: background,
276
279
  width: width,
277
280
  height: height,
278
- playing: backgroundPlaying
281
+ playing: backgroundPlaying,
282
+ shouldLoad: current || active
279
283
  }) : null, /*#__PURE__*/React.createElement(Container, {
280
284
  width: width,
281
285
  height: height
@@ -382,8 +386,8 @@ var definition = [{
382
386
  type: 'screen',
383
387
  group: {
384
388
  label: defineMessage({
385
- "id": "6mX2ya",
386
- "defaultMessage": [{
389
+ id: "6mX2ya",
390
+ defaultMessage: [{
387
391
  "type": 0,
388
392
  "value": "Images"
389
393
  }]
@@ -391,8 +395,8 @@ var definition = [{
391
395
  order: 4
392
396
  },
393
397
  title: defineMessage({
394
- "id": "uJ9eBc",
395
- "defaultMessage": [{
398
+ id: "uJ9eBc",
399
+ defaultMessage: [{
396
400
  "type": 0,
397
401
  "value": "Image"
398
402
  }]
@@ -405,8 +409,8 @@ var definition = [{
405
409
  type: 'screen-layout',
406
410
  defaultValue: 'normal',
407
411
  label: defineMessage({
408
- "id": "4iBXj2",
409
- "defaultMessage": [{
412
+ id: "4iBXj2",
413
+ defaultMessage: [{
410
414
  "type": 0,
411
415
  "value": "Layout"
412
416
  }]
@@ -415,8 +419,8 @@ var definition = [{
415
419
  name: 'image',
416
420
  type: 'visual',
417
421
  label: defineMessage({
418
- "id": "xsipID",
419
- "defaultMessage": [{
422
+ id: "xsipID",
423
+ defaultMessage: [{
420
424
  "type": 0,
421
425
  "value": "Image"
422
426
  }]
@@ -427,8 +431,8 @@ var definition = [{
427
431
  defaultValue: 'cover',
428
432
  values: ['cover', 'contain'],
429
433
  label: defineMessage({
430
- "id": "dkBBRa",
431
- "defaultMessage": [{
434
+ id: "dkBBRa",
435
+ defaultMessage: [{
432
436
  "type": 0,
433
437
  "value": "Image fit"
434
438
  }]
@@ -437,8 +441,8 @@ var definition = [{
437
441
  name: 'background',
438
442
  type: 'background',
439
443
  label: defineMessage({
440
- "id": "+MPZRu",
441
- "defaultMessage": [{
444
+ id: "+MPZRu",
445
+ defaultMessage: [{
442
446
  "type": 0,
443
447
  "value": "Background"
444
448
  }]
@@ -457,8 +461,8 @@ var definition = [{
457
461
  type: 'screen',
458
462
  group: {
459
463
  label: defineMessage({
460
- "id": "S/mavZ",
461
- "defaultMessage": [{
464
+ id: "S/mavZ",
465
+ defaultMessage: [{
462
466
  "type": 0,
463
467
  "value": "Text and Images"
464
468
  }]
@@ -466,8 +470,8 @@ var definition = [{
466
470
  order: 3
467
471
  },
468
472
  title: defineMessage({
469
- "id": "AA8TV9",
470
- "defaultMessage": [{
473
+ id: "AA8TV9",
474
+ defaultMessage: [{
471
475
  "type": 0,
472
476
  "value": "Image with title"
473
477
  }]
@@ -480,8 +484,8 @@ var definition = [{
480
484
  type: 'screen-layout',
481
485
  defaultValue: 'normal',
482
486
  label: defineMessage({
483
- "id": "4iBXj2",
484
- "defaultMessage": [{
487
+ id: "4iBXj2",
488
+ defaultMessage: [{
485
489
  "type": 0,
486
490
  "value": "Layout"
487
491
  }]
@@ -490,8 +494,8 @@ var definition = [{
490
494
  name: 'image',
491
495
  type: 'visual',
492
496
  label: defineMessage({
493
- "id": "xsipID",
494
- "defaultMessage": [{
497
+ id: "xsipID",
498
+ defaultMessage: [{
495
499
  "type": 0,
496
500
  "value": "Image"
497
501
  }]
@@ -502,8 +506,8 @@ var definition = [{
502
506
  defaultValue: 'cover',
503
507
  values: ['cover', 'contain'],
504
508
  label: defineMessage({
505
- "id": "dkBBRa",
506
- "defaultMessage": [{
509
+ id: "dkBBRa",
510
+ defaultMessage: [{
507
511
  "type": 0,
508
512
  "value": "Image fit"
509
513
  }]
@@ -516,8 +520,8 @@ var definition = [{
516
520
  textStyle: 'heading2'
517
521
  },
518
522
  label: defineMessage({
519
- "id": "N25iDO",
520
- "defaultMessage": [{
523
+ id: "N25iDO",
524
+ defaultMessage: [{
521
525
  "type": 0,
522
526
  "value": "Title"
523
527
  }]
@@ -526,8 +530,8 @@ var definition = [{
526
530
  name: 'background',
527
531
  type: 'background',
528
532
  label: defineMessage({
529
- "id": "+MPZRu",
530
- "defaultMessage": [{
533
+ id: "+MPZRu",
534
+ defaultMessage: [{
531
535
  "type": 0,
532
536
  "value": "Background"
533
537
  }]
@@ -546,8 +550,8 @@ var definition = [{
546
550
  type: 'screen',
547
551
  group: {
548
552
  label: defineMessage({
549
- "id": "S/mavZ",
550
- "defaultMessage": [{
553
+ id: "S/mavZ",
554
+ defaultMessage: [{
551
555
  "type": 0,
552
556
  "value": "Text and Images"
553
557
  }]
@@ -555,8 +559,8 @@ var definition = [{
555
559
  order: 3
556
560
  },
557
561
  title: defineMessage({
558
- "id": "CJmQeh",
559
- "defaultMessage": [{
562
+ id: "CJmQeh",
563
+ defaultMessage: [{
560
564
  "type": 0,
561
565
  "value": "Image with text"
562
566
  }]
@@ -569,8 +573,8 @@ var definition = [{
569
573
  type: 'screen-layout',
570
574
  defaultValue: 'normal',
571
575
  label: defineMessage({
572
- "id": "4iBXj2",
573
- "defaultMessage": [{
576
+ id: "4iBXj2",
577
+ defaultMessage: [{
574
578
  "type": 0,
575
579
  "value": "Layout"
576
580
  }]
@@ -579,8 +583,8 @@ var definition = [{
579
583
  name: 'image',
580
584
  type: 'visual',
581
585
  label: defineMessage({
582
- "id": "xsipID",
583
- "defaultMessage": [{
586
+ id: "xsipID",
587
+ defaultMessage: [{
584
588
  "type": 0,
585
589
  "value": "Image"
586
590
  }]
@@ -591,8 +595,8 @@ var definition = [{
591
595
  defaultValue: 'cover',
592
596
  values: ['cover', 'contain'],
593
597
  label: defineMessage({
594
- "id": "dkBBRa",
595
- "defaultMessage": [{
598
+ id: "dkBBRa",
599
+ defaultMessage: [{
596
600
  "type": 0,
597
601
  "value": "Image fit"
598
602
  }]
@@ -604,8 +608,8 @@ var definition = [{
604
608
  textStyle: 'text'
605
609
  },
606
610
  label: defineMessage({
607
- "id": "4E2gbX",
608
- "defaultMessage": [{
611
+ id: "4E2gbX",
612
+ defaultMessage: [{
609
613
  "type": 0,
610
614
  "value": "Text"
611
615
  }]
@@ -614,8 +618,8 @@ var definition = [{
614
618
  name: 'background',
615
619
  type: 'background',
616
620
  label: defineMessage({
617
- "id": "+MPZRu",
618
- "defaultMessage": [{
621
+ id: "+MPZRu",
622
+ defaultMessage: [{
619
623
  "type": 0,
620
624
  "value": "Background"
621
625
  }]
@@ -634,8 +638,8 @@ var definition = [{
634
638
  type: 'screen',
635
639
  group: {
636
640
  label: defineMessage({
637
- "id": "S/mavZ",
638
- "defaultMessage": [{
641
+ id: "S/mavZ",
642
+ defaultMessage: [{
639
643
  "type": 0,
640
644
  "value": "Text and Images"
641
645
  }]
@@ -643,8 +647,8 @@ var definition = [{
643
647
  order: 3
644
648
  },
645
649
  title: defineMessage({
646
- "id": "eWIM/8",
647
- "defaultMessage": [{
650
+ id: "eWIM/8",
651
+ defaultMessage: [{
648
652
  "type": 0,
649
653
  "value": "Image with title and text"
650
654
  }]
@@ -657,8 +661,8 @@ var definition = [{
657
661
  type: 'screen-layout',
658
662
  defaultValue: 'normal',
659
663
  label: defineMessage({
660
- "id": "4iBXj2",
661
- "defaultMessage": [{
664
+ id: "4iBXj2",
665
+ defaultMessage: [{
662
666
  "type": 0,
663
667
  "value": "Layout"
664
668
  }]
@@ -668,8 +672,8 @@ var definition = [{
668
672
  type: 'visual',
669
673
  isHorizontal: false,
670
674
  label: defineMessage({
671
- "id": "xsipID",
672
- "defaultMessage": [{
675
+ id: "xsipID",
676
+ defaultMessage: [{
673
677
  "type": 0,
674
678
  "value": "Image"
675
679
  }]
@@ -680,8 +684,8 @@ var definition = [{
680
684
  defaultValue: 'cover',
681
685
  values: ['cover', 'contain'],
682
686
  label: defineMessage({
683
- "id": "dkBBRa",
684
- "defaultMessage": [{
687
+ id: "dkBBRa",
688
+ defaultMessage: [{
685
689
  "type": 0,
686
690
  "value": "Image fit"
687
691
  }]
@@ -694,8 +698,8 @@ var definition = [{
694
698
  textStyle: 'heading2'
695
699
  },
696
700
  label: defineMessage({
697
- "id": "N25iDO",
698
- "defaultMessage": [{
701
+ id: "N25iDO",
702
+ defaultMessage: [{
699
703
  "type": 0,
700
704
  "value": "Title"
701
705
  }]
@@ -707,8 +711,8 @@ var definition = [{
707
711
  textStyle: 'text'
708
712
  },
709
713
  label: defineMessage({
710
- "id": "4E2gbX",
711
- "defaultMessage": [{
714
+ id: "4E2gbX",
715
+ defaultMessage: [{
712
716
  "type": 0,
713
717
  "value": "Text"
714
718
  }]
@@ -717,8 +721,8 @@ var definition = [{
717
721
  name: 'background',
718
722
  type: 'background',
719
723
  label: defineMessage({
720
- "id": "+MPZRu",
721
- "defaultMessage": [{
724
+ id: "+MPZRu",
725
+ defaultMessage: [{
722
726
  "type": 0,
723
727
  "value": "Background"
724
728
  }]
@@ -737,8 +741,8 @@ var definition = [{
737
741
  type: 'screen',
738
742
  group: {
739
743
  label: defineMessage({
740
- "id": "6mX2ya",
741
- "defaultMessage": [{
744
+ id: "6mX2ya",
745
+ defaultMessage: [{
742
746
  "type": 0,
743
747
  "value": "Images"
744
748
  }]
@@ -746,8 +750,8 @@ var definition = [{
746
750
  order: 4
747
751
  },
748
752
  title: defineMessage({
749
- "id": "H1YcaV",
750
- "defaultMessage": [{
753
+ id: "H1YcaV",
754
+ defaultMessage: [{
751
755
  "type": 0,
752
756
  "value": "Image with legend"
753
757
  }]
@@ -760,8 +764,8 @@ var definition = [{
760
764
  type: 'screen-layout',
761
765
  defaultValue: 'normal',
762
766
  label: defineMessage({
763
- "id": "4iBXj2",
764
- "defaultMessage": [{
767
+ id: "4iBXj2",
768
+ defaultMessage: [{
765
769
  "type": 0,
766
770
  "value": "Layout"
767
771
  }]
@@ -770,8 +774,8 @@ var definition = [{
770
774
  name: 'image',
771
775
  type: 'visual',
772
776
  label: defineMessage({
773
- "id": "xsipID",
774
- "defaultMessage": [{
777
+ id: "xsipID",
778
+ defaultMessage: [{
775
779
  "type": 0,
776
780
  "value": "Image"
777
781
  }]
@@ -782,8 +786,8 @@ var definition = [{
782
786
  defaultValue: 'cover',
783
787
  values: ['cover', 'contain'],
784
788
  label: defineMessage({
785
- "id": "dkBBRa",
786
- "defaultMessage": [{
789
+ id: "dkBBRa",
790
+ defaultMessage: [{
787
791
  "type": 0,
788
792
  "value": "Image fit"
789
793
  }]
@@ -795,8 +799,8 @@ var definition = [{
795
799
  textStyle: 'text'
796
800
  },
797
801
  label: defineMessage({
798
- "id": "3OS3Ms",
799
- "defaultMessage": [{
802
+ id: "3OS3Ms",
803
+ defaultMessage: [{
800
804
  "type": 0,
801
805
  "value": "Legend"
802
806
  }]
@@ -805,8 +809,8 @@ var definition = [{
805
809
  name: 'background',
806
810
  type: 'background',
807
811
  label: defineMessage({
808
- "id": "+MPZRu",
809
- "defaultMessage": [{
812
+ id: "+MPZRu",
813
+ defaultMessage: [{
810
814
  "type": 0,
811
815
  "value": "Background"
812
816
  }]
package/lib/index.js CHANGED
@@ -60,6 +60,7 @@ var propTypes = {
60
60
  background: core.PropTypes.backgroundElement,
61
61
  callToAction: core.PropTypes.callToAction,
62
62
  current: PropTypes__default["default"].bool,
63
+ active: PropTypes__default["default"].bool,
63
64
  transitions: core.PropTypes.transitions,
64
65
  className: PropTypes__default["default"].string
65
66
  };
@@ -78,6 +79,7 @@ var defaultProps = {
78
79
  background: null,
79
80
  callToAction: null,
80
81
  current: true,
82
+ active: true,
81
83
  transitions: null,
82
84
  className: null
83
85
  };
@@ -99,6 +101,7 @@ var ImageScreen = function ImageScreen(_ref) {
99
101
  background = _ref.background,
100
102
  callToAction = _ref.callToAction,
101
103
  current = _ref.current,
104
+ active = _ref.active,
102
105
  transitions = _ref.transitions,
103
106
  className = _ref.className;
104
107
  var finalImageFit = React.useMemo(function () {
@@ -297,7 +300,8 @@ var ImageScreen = function ImageScreen(_ref) {
297
300
  background: background,
298
301
  width: width,
299
302
  height: height,
300
- playing: backgroundPlaying
303
+ playing: backgroundPlaying,
304
+ shouldLoad: current || active
301
305
  }) : null, /*#__PURE__*/React__default["default"].createElement(Container__default["default"], {
302
306
  width: width,
303
307
  height: height
@@ -404,8 +408,8 @@ var definition = [{
404
408
  type: 'screen',
405
409
  group: {
406
410
  label: reactIntl.defineMessage({
407
- "id": "6mX2ya",
408
- "defaultMessage": [{
411
+ id: "6mX2ya",
412
+ defaultMessage: [{
409
413
  "type": 0,
410
414
  "value": "Images"
411
415
  }]
@@ -413,8 +417,8 @@ var definition = [{
413
417
  order: 4
414
418
  },
415
419
  title: reactIntl.defineMessage({
416
- "id": "uJ9eBc",
417
- "defaultMessage": [{
420
+ id: "uJ9eBc",
421
+ defaultMessage: [{
418
422
  "type": 0,
419
423
  "value": "Image"
420
424
  }]
@@ -427,8 +431,8 @@ var definition = [{
427
431
  type: 'screen-layout',
428
432
  defaultValue: 'normal',
429
433
  label: reactIntl.defineMessage({
430
- "id": "4iBXj2",
431
- "defaultMessage": [{
434
+ id: "4iBXj2",
435
+ defaultMessage: [{
432
436
  "type": 0,
433
437
  "value": "Layout"
434
438
  }]
@@ -437,8 +441,8 @@ var definition = [{
437
441
  name: 'image',
438
442
  type: 'visual',
439
443
  label: reactIntl.defineMessage({
440
- "id": "xsipID",
441
- "defaultMessage": [{
444
+ id: "xsipID",
445
+ defaultMessage: [{
442
446
  "type": 0,
443
447
  "value": "Image"
444
448
  }]
@@ -449,8 +453,8 @@ var definition = [{
449
453
  defaultValue: 'cover',
450
454
  values: ['cover', 'contain'],
451
455
  label: reactIntl.defineMessage({
452
- "id": "dkBBRa",
453
- "defaultMessage": [{
456
+ id: "dkBBRa",
457
+ defaultMessage: [{
454
458
  "type": 0,
455
459
  "value": "Image fit"
456
460
  }]
@@ -459,8 +463,8 @@ var definition = [{
459
463
  name: 'background',
460
464
  type: 'background',
461
465
  label: reactIntl.defineMessage({
462
- "id": "+MPZRu",
463
- "defaultMessage": [{
466
+ id: "+MPZRu",
467
+ defaultMessage: [{
464
468
  "type": 0,
465
469
  "value": "Background"
466
470
  }]
@@ -479,8 +483,8 @@ var definition = [{
479
483
  type: 'screen',
480
484
  group: {
481
485
  label: reactIntl.defineMessage({
482
- "id": "S/mavZ",
483
- "defaultMessage": [{
486
+ id: "S/mavZ",
487
+ defaultMessage: [{
484
488
  "type": 0,
485
489
  "value": "Text and Images"
486
490
  }]
@@ -488,8 +492,8 @@ var definition = [{
488
492
  order: 3
489
493
  },
490
494
  title: reactIntl.defineMessage({
491
- "id": "AA8TV9",
492
- "defaultMessage": [{
495
+ id: "AA8TV9",
496
+ defaultMessage: [{
493
497
  "type": 0,
494
498
  "value": "Image with title"
495
499
  }]
@@ -502,8 +506,8 @@ var definition = [{
502
506
  type: 'screen-layout',
503
507
  defaultValue: 'normal',
504
508
  label: reactIntl.defineMessage({
505
- "id": "4iBXj2",
506
- "defaultMessage": [{
509
+ id: "4iBXj2",
510
+ defaultMessage: [{
507
511
  "type": 0,
508
512
  "value": "Layout"
509
513
  }]
@@ -512,8 +516,8 @@ var definition = [{
512
516
  name: 'image',
513
517
  type: 'visual',
514
518
  label: reactIntl.defineMessage({
515
- "id": "xsipID",
516
- "defaultMessage": [{
519
+ id: "xsipID",
520
+ defaultMessage: [{
517
521
  "type": 0,
518
522
  "value": "Image"
519
523
  }]
@@ -524,8 +528,8 @@ var definition = [{
524
528
  defaultValue: 'cover',
525
529
  values: ['cover', 'contain'],
526
530
  label: reactIntl.defineMessage({
527
- "id": "dkBBRa",
528
- "defaultMessage": [{
531
+ id: "dkBBRa",
532
+ defaultMessage: [{
529
533
  "type": 0,
530
534
  "value": "Image fit"
531
535
  }]
@@ -538,8 +542,8 @@ var definition = [{
538
542
  textStyle: 'heading2'
539
543
  },
540
544
  label: reactIntl.defineMessage({
541
- "id": "N25iDO",
542
- "defaultMessage": [{
545
+ id: "N25iDO",
546
+ defaultMessage: [{
543
547
  "type": 0,
544
548
  "value": "Title"
545
549
  }]
@@ -548,8 +552,8 @@ var definition = [{
548
552
  name: 'background',
549
553
  type: 'background',
550
554
  label: reactIntl.defineMessage({
551
- "id": "+MPZRu",
552
- "defaultMessage": [{
555
+ id: "+MPZRu",
556
+ defaultMessage: [{
553
557
  "type": 0,
554
558
  "value": "Background"
555
559
  }]
@@ -568,8 +572,8 @@ var definition = [{
568
572
  type: 'screen',
569
573
  group: {
570
574
  label: reactIntl.defineMessage({
571
- "id": "S/mavZ",
572
- "defaultMessage": [{
575
+ id: "S/mavZ",
576
+ defaultMessage: [{
573
577
  "type": 0,
574
578
  "value": "Text and Images"
575
579
  }]
@@ -577,8 +581,8 @@ var definition = [{
577
581
  order: 3
578
582
  },
579
583
  title: reactIntl.defineMessage({
580
- "id": "CJmQeh",
581
- "defaultMessage": [{
584
+ id: "CJmQeh",
585
+ defaultMessage: [{
582
586
  "type": 0,
583
587
  "value": "Image with text"
584
588
  }]
@@ -591,8 +595,8 @@ var definition = [{
591
595
  type: 'screen-layout',
592
596
  defaultValue: 'normal',
593
597
  label: reactIntl.defineMessage({
594
- "id": "4iBXj2",
595
- "defaultMessage": [{
598
+ id: "4iBXj2",
599
+ defaultMessage: [{
596
600
  "type": 0,
597
601
  "value": "Layout"
598
602
  }]
@@ -601,8 +605,8 @@ var definition = [{
601
605
  name: 'image',
602
606
  type: 'visual',
603
607
  label: reactIntl.defineMessage({
604
- "id": "xsipID",
605
- "defaultMessage": [{
608
+ id: "xsipID",
609
+ defaultMessage: [{
606
610
  "type": 0,
607
611
  "value": "Image"
608
612
  }]
@@ -613,8 +617,8 @@ var definition = [{
613
617
  defaultValue: 'cover',
614
618
  values: ['cover', 'contain'],
615
619
  label: reactIntl.defineMessage({
616
- "id": "dkBBRa",
617
- "defaultMessage": [{
620
+ id: "dkBBRa",
621
+ defaultMessage: [{
618
622
  "type": 0,
619
623
  "value": "Image fit"
620
624
  }]
@@ -626,8 +630,8 @@ var definition = [{
626
630
  textStyle: 'text'
627
631
  },
628
632
  label: reactIntl.defineMessage({
629
- "id": "4E2gbX",
630
- "defaultMessage": [{
633
+ id: "4E2gbX",
634
+ defaultMessage: [{
631
635
  "type": 0,
632
636
  "value": "Text"
633
637
  }]
@@ -636,8 +640,8 @@ var definition = [{
636
640
  name: 'background',
637
641
  type: 'background',
638
642
  label: reactIntl.defineMessage({
639
- "id": "+MPZRu",
640
- "defaultMessage": [{
643
+ id: "+MPZRu",
644
+ defaultMessage: [{
641
645
  "type": 0,
642
646
  "value": "Background"
643
647
  }]
@@ -656,8 +660,8 @@ var definition = [{
656
660
  type: 'screen',
657
661
  group: {
658
662
  label: reactIntl.defineMessage({
659
- "id": "S/mavZ",
660
- "defaultMessage": [{
663
+ id: "S/mavZ",
664
+ defaultMessage: [{
661
665
  "type": 0,
662
666
  "value": "Text and Images"
663
667
  }]
@@ -665,8 +669,8 @@ var definition = [{
665
669
  order: 3
666
670
  },
667
671
  title: reactIntl.defineMessage({
668
- "id": "eWIM/8",
669
- "defaultMessage": [{
672
+ id: "eWIM/8",
673
+ defaultMessage: [{
670
674
  "type": 0,
671
675
  "value": "Image with title and text"
672
676
  }]
@@ -679,8 +683,8 @@ var definition = [{
679
683
  type: 'screen-layout',
680
684
  defaultValue: 'normal',
681
685
  label: reactIntl.defineMessage({
682
- "id": "4iBXj2",
683
- "defaultMessage": [{
686
+ id: "4iBXj2",
687
+ defaultMessage: [{
684
688
  "type": 0,
685
689
  "value": "Layout"
686
690
  }]
@@ -690,8 +694,8 @@ var definition = [{
690
694
  type: 'visual',
691
695
  isHorizontal: false,
692
696
  label: reactIntl.defineMessage({
693
- "id": "xsipID",
694
- "defaultMessage": [{
697
+ id: "xsipID",
698
+ defaultMessage: [{
695
699
  "type": 0,
696
700
  "value": "Image"
697
701
  }]
@@ -702,8 +706,8 @@ var definition = [{
702
706
  defaultValue: 'cover',
703
707
  values: ['cover', 'contain'],
704
708
  label: reactIntl.defineMessage({
705
- "id": "dkBBRa",
706
- "defaultMessage": [{
709
+ id: "dkBBRa",
710
+ defaultMessage: [{
707
711
  "type": 0,
708
712
  "value": "Image fit"
709
713
  }]
@@ -716,8 +720,8 @@ var definition = [{
716
720
  textStyle: 'heading2'
717
721
  },
718
722
  label: reactIntl.defineMessage({
719
- "id": "N25iDO",
720
- "defaultMessage": [{
723
+ id: "N25iDO",
724
+ defaultMessage: [{
721
725
  "type": 0,
722
726
  "value": "Title"
723
727
  }]
@@ -729,8 +733,8 @@ var definition = [{
729
733
  textStyle: 'text'
730
734
  },
731
735
  label: reactIntl.defineMessage({
732
- "id": "4E2gbX",
733
- "defaultMessage": [{
736
+ id: "4E2gbX",
737
+ defaultMessage: [{
734
738
  "type": 0,
735
739
  "value": "Text"
736
740
  }]
@@ -739,8 +743,8 @@ var definition = [{
739
743
  name: 'background',
740
744
  type: 'background',
741
745
  label: reactIntl.defineMessage({
742
- "id": "+MPZRu",
743
- "defaultMessage": [{
746
+ id: "+MPZRu",
747
+ defaultMessage: [{
744
748
  "type": 0,
745
749
  "value": "Background"
746
750
  }]
@@ -759,8 +763,8 @@ var definition = [{
759
763
  type: 'screen',
760
764
  group: {
761
765
  label: reactIntl.defineMessage({
762
- "id": "6mX2ya",
763
- "defaultMessage": [{
766
+ id: "6mX2ya",
767
+ defaultMessage: [{
764
768
  "type": 0,
765
769
  "value": "Images"
766
770
  }]
@@ -768,8 +772,8 @@ var definition = [{
768
772
  order: 4
769
773
  },
770
774
  title: reactIntl.defineMessage({
771
- "id": "H1YcaV",
772
- "defaultMessage": [{
775
+ id: "H1YcaV",
776
+ defaultMessage: [{
773
777
  "type": 0,
774
778
  "value": "Image with legend"
775
779
  }]
@@ -782,8 +786,8 @@ var definition = [{
782
786
  type: 'screen-layout',
783
787
  defaultValue: 'normal',
784
788
  label: reactIntl.defineMessage({
785
- "id": "4iBXj2",
786
- "defaultMessage": [{
789
+ id: "4iBXj2",
790
+ defaultMessage: [{
787
791
  "type": 0,
788
792
  "value": "Layout"
789
793
  }]
@@ -792,8 +796,8 @@ var definition = [{
792
796
  name: 'image',
793
797
  type: 'visual',
794
798
  label: reactIntl.defineMessage({
795
- "id": "xsipID",
796
- "defaultMessage": [{
799
+ id: "xsipID",
800
+ defaultMessage: [{
797
801
  "type": 0,
798
802
  "value": "Image"
799
803
  }]
@@ -804,8 +808,8 @@ var definition = [{
804
808
  defaultValue: 'cover',
805
809
  values: ['cover', 'contain'],
806
810
  label: reactIntl.defineMessage({
807
- "id": "dkBBRa",
808
- "defaultMessage": [{
811
+ id: "dkBBRa",
812
+ defaultMessage: [{
809
813
  "type": 0,
810
814
  "value": "Image fit"
811
815
  }]
@@ -817,8 +821,8 @@ var definition = [{
817
821
  textStyle: 'text'
818
822
  },
819
823
  label: reactIntl.defineMessage({
820
- "id": "3OS3Ms",
821
- "defaultMessage": [{
824
+ id: "3OS3Ms",
825
+ defaultMessage: [{
822
826
  "type": 0,
823
827
  "value": "Legend"
824
828
  }]
@@ -827,8 +831,8 @@ var definition = [{
827
831
  name: 'background',
828
832
  type: 'background',
829
833
  label: reactIntl.defineMessage({
830
- "id": "+MPZRu",
831
- "defaultMessage": [{
834
+ id: "+MPZRu",
835
+ defaultMessage: [{
832
836
  "type": 0,
833
837
  "value": "Background"
834
838
  }]
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@micromag/screen-image",
3
- "version": "0.2.401",
3
+ "version": "0.2.406",
4
4
  "description": "",
5
5
  "keywords": [
6
6
  "javascript"
@@ -49,15 +49,15 @@
49
49
  },
50
50
  "dependencies": {
51
51
  "@babel/runtime": "^7.13.10",
52
- "@micromag/core": "^0.2.401",
53
- "@micromag/element-background": "^0.2.401",
54
- "@micromag/element-call-to-action": "^0.2.401",
55
- "@micromag/element-container": "^0.2.401",
56
- "@micromag/element-heading": "^0.2.401",
57
- "@micromag/element-layout": "^0.2.401",
58
- "@micromag/element-text": "^0.2.401",
59
- "@micromag/element-visual": "^0.2.401",
60
- "@micromag/transforms": "^0.2.401",
52
+ "@micromag/core": "^0.2.405",
53
+ "@micromag/element-background": "^0.2.406",
54
+ "@micromag/element-call-to-action": "^0.2.405",
55
+ "@micromag/element-container": "^0.2.405",
56
+ "@micromag/element-heading": "^0.2.405",
57
+ "@micromag/element-layout": "^0.2.405",
58
+ "@micromag/element-text": "^0.2.405",
59
+ "@micromag/element-visual": "^0.2.406",
60
+ "@micromag/transforms": "^0.2.405",
61
61
  "classnames": "^2.2.6",
62
62
  "lodash": "^4.17.21",
63
63
  "prop-types": "^15.7.2",
@@ -67,5 +67,5 @@
67
67
  "publishConfig": {
68
68
  "access": "public"
69
69
  },
70
- "gitHead": "fd03ec6d9decc9e18d6088a36e47c7b1e0e72b4c"
70
+ "gitHead": "5e1a6de73674624b0cb3f9701140ea8850e6f35e"
71
71
  }