@ebrains/react 1.2.0 → 1.3.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/color-primary-palette_6.entry.esm.js +106 -106
- package/components-section.entry.esm.js +1 -1
- package/correct-use-of-colors.entry.esm.js +33 -33
- package/docs-palettes.entry.esm.js +1 -1
- package/docs-tokens.entry.esm.js +1 -1
- package/eds-app-root.entry.esm.js +4 -4
- package/eds-avatar_28.entry.esm.js +85 -78
- package/eds-cookies-preference.entry.esm.js +2 -2
- package/eds-feedback.entry.esm.js +5 -5
- package/eds-frame.entry.esm.js +4 -4
- package/eds-progress-bar.entry.esm.js +4 -4
- package/eds-rating.entry.esm.js +1 -1
- package/eds-section-core_2.entry.esm.js +5 -5
- package/eds-spinner.entry.esm.js +3 -3
- package/eds-switch.entry.esm.js +5 -5
- package/eds-timeline.entry.esm.js +4 -4
- package/eds-toast-manager.entry.esm.js +1 -1
- package/eds-tooltip.entry.esm.js +3 -3
- package/eds-trl.entry.esm.js +2 -2
- package/incorrect-use-of-colors.entry.esm.js +8 -8
- package/index.esm.js +1 -1
- package/index.esm2.js +4 -2
- package/logo-space.entry.esm.js +9 -9
- package/logo-variations-horizontal_2.entry.esm.js +28 -28
- package/logo-variations-tabs.entry.esm.js +1 -1
- package/logo-wrong-usage.entry.esm.js +25 -25
- package/package.json +1 -1
- package/src/components.d.ts +2 -0
- package/svg-repository.entry.esm.js +2 -2
- package/token-list_3.entry.esm.js +5 -5
- package/token-ratios.entry.esm.js +3 -3
- package/token-spacing.entry.esm.js +26 -26
- package/token-typography.entry.esm.js +2 -2
|
@@ -32,7 +32,7 @@ const ColorPrimaryPalette = class {
|
|
|
32
32
|
}
|
|
33
33
|
render() {
|
|
34
34
|
return h("ul", {
|
|
35
|
-
key: '
|
|
35
|
+
key: 'dca9faa5b584c6927687845d7ef33ac5e7554e5c',
|
|
36
36
|
class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16"
|
|
37
37
|
}, this.colors.map(color => h("li", {
|
|
38
38
|
class: "grid-col-span-12 md:grid-col-span-6 flex flex-col"
|
|
@@ -113,7 +113,7 @@ const ColorSecondaryPalette = class {
|
|
|
113
113
|
}
|
|
114
114
|
render() {
|
|
115
115
|
return h("ul", {
|
|
116
|
-
key: '
|
|
116
|
+
key: '4759c4ec0d107c4a70d300b9e3d72c36044fb200',
|
|
117
117
|
class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16"
|
|
118
118
|
}, this.colors.map(color => h("li", {
|
|
119
119
|
class: "grid-col-span-12 md:grid-col-span-6 flex flex-col"
|
|
@@ -205,7 +205,7 @@ const ColorSupportPalette = class {
|
|
|
205
205
|
}
|
|
206
206
|
render() {
|
|
207
207
|
return h("ul", {
|
|
208
|
-
key: '
|
|
208
|
+
key: '869a21a9a286ba36e5df1cef926e1c119ce35645',
|
|
209
209
|
class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16"
|
|
210
210
|
}, this.colors.map(color => {
|
|
211
211
|
// compute once
|
|
@@ -267,7 +267,7 @@ const GradientPrimaryPalette = class {
|
|
|
267
267
|
}
|
|
268
268
|
render() {
|
|
269
269
|
return h("ul", {
|
|
270
|
-
key: '
|
|
270
|
+
key: 'a527107bb4bab3981790adacf1b354da1fa41602',
|
|
271
271
|
class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16",
|
|
272
272
|
style: {
|
|
273
273
|
background: 'linear-gradient(to bottom, #9CE142 0%, #00C959 50%, #00A595 100%)'
|
|
@@ -347,214 +347,214 @@ const GradientSecondaryPalette = class {
|
|
|
347
347
|
}
|
|
348
348
|
render() {
|
|
349
349
|
return h("div", {
|
|
350
|
-
key: '
|
|
350
|
+
key: '74f7edbba10e5d4db5a2f661b73b0fb918e46b68'
|
|
351
351
|
}, h("ul", {
|
|
352
|
-
key: '
|
|
352
|
+
key: 'b9045ef69060083d97bd3eb3a3c6b717f4fe1f34',
|
|
353
353
|
class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16"
|
|
354
354
|
}, h("li", {
|
|
355
|
-
key: '
|
|
355
|
+
key: 'a72a7d04c335ab12eeb9cafaa2e6f2faf54b8b96',
|
|
356
356
|
class: "grid-col-span-12 md:grid-col-span-6 flex flex-col"
|
|
357
357
|
}, h("div", {
|
|
358
|
-
key: '
|
|
358
|
+
key: '34c60280372817adbd8f5f516a5825f5a21438e4',
|
|
359
359
|
class: "effect-height flex items-center justify-between p-16",
|
|
360
360
|
style: {
|
|
361
361
|
background: this.colors[0].background
|
|
362
362
|
}
|
|
363
363
|
}, h("div", {
|
|
364
|
-
key: '
|
|
364
|
+
key: '46e9b34908507069d975d766a5e696a6ab47b990',
|
|
365
365
|
class: "grid"
|
|
366
366
|
}, h("span", {
|
|
367
|
-
key: '
|
|
367
|
+
key: 'ebeb484c14c82b35811bb66111dcdd67549d1a46',
|
|
368
368
|
class: "f-body-02"
|
|
369
369
|
}, this.colors[0].rgb), h("span", {
|
|
370
|
-
key: '
|
|
370
|
+
key: 'b7fa5ce2837e11ff98f470f5907d4a7a47ed288a',
|
|
371
371
|
class: "f-body-02 w-full"
|
|
372
372
|
}, this.colors[0].cmyk), h("eds-code-block", {
|
|
373
|
-
key: '
|
|
373
|
+
key: '6e65b43c564a308f6b183e463f6b2ca28cbac2a7',
|
|
374
374
|
code: this.colors[0].hex,
|
|
375
375
|
style: {
|
|
376
376
|
minWidth: '150px',
|
|
377
377
|
marginRight: '5px'
|
|
378
378
|
}
|
|
379
379
|
})), h("div", {
|
|
380
|
-
key: '
|
|
380
|
+
key: '03b3bf61023ea3314dfa1a8bedfa5f72f47a21d2',
|
|
381
381
|
class: "grid"
|
|
382
382
|
}, h("span", {
|
|
383
|
-
key: '
|
|
383
|
+
key: '4d1a77980d823f96a6b47abd9496062802532fb7',
|
|
384
384
|
class: "f-body-02"
|
|
385
385
|
}, this.colors[0].pantoneC), h("span", {
|
|
386
|
-
key: '
|
|
386
|
+
key: '60c0d9436d3210518dd931e5b46e0687992611f2',
|
|
387
387
|
class: "f-body-02"
|
|
388
388
|
}, this.colors[0].pantoneU))), h("div", {
|
|
389
|
-
key: '
|
|
389
|
+
key: '9ac430429109809eb270b58d07423fbb4f12f06d',
|
|
390
390
|
class: "effect-height flex items-center justify-between p-16",
|
|
391
391
|
style: {
|
|
392
392
|
background: this.colors[1].background
|
|
393
393
|
}
|
|
394
394
|
}, h("div", {
|
|
395
|
-
key: '
|
|
395
|
+
key: '6e12590eb03638ff0a05cb1fc21c793b202be508',
|
|
396
396
|
class: "grid"
|
|
397
397
|
}, h("span", {
|
|
398
|
-
key: '
|
|
398
|
+
key: 'ca3267c62171da901fa7397ab755913d8244fa05',
|
|
399
399
|
class: "f-body-02"
|
|
400
400
|
}, this.colors[1].rgb), h("span", {
|
|
401
|
-
key: '
|
|
401
|
+
key: 'd3e34e06994849c667d2ce4aed6660d0052b51bc',
|
|
402
402
|
class: "f-body-02 w-full"
|
|
403
403
|
}, this.colors[1].cmyk), h("eds-code-block", {
|
|
404
|
-
key: '
|
|
404
|
+
key: '10090042d6f423dc0ba69bbebbbc261a8f83177b',
|
|
405
405
|
code: this.colors[1].hex,
|
|
406
406
|
style: {
|
|
407
407
|
minWidth: '150px',
|
|
408
408
|
marginRight: '5px'
|
|
409
409
|
}
|
|
410
410
|
})), h("div", {
|
|
411
|
-
key: '
|
|
411
|
+
key: 'e51f480cfbce6505657be18f64e206f17292b75b',
|
|
412
412
|
class: "grid"
|
|
413
413
|
}, h("span", {
|
|
414
|
-
key: '
|
|
414
|
+
key: 'e52d1565df7f85edf31815330139542ad685d5bb',
|
|
415
415
|
class: "f-body-02"
|
|
416
416
|
}, this.colors[1].pantoneC), h("span", {
|
|
417
|
-
key: '
|
|
417
|
+
key: 'c82c6476a00d3d86f175d84a991799e4b8be0339',
|
|
418
418
|
class: "f-body-02"
|
|
419
419
|
}, this.colors[1].pantoneU))))), h("eds-block-break", {
|
|
420
|
-
key: '
|
|
420
|
+
key: '9f9454dd27f53c76e055b75bd35718170934161c'
|
|
421
421
|
}), h("ul", {
|
|
422
|
-
key: '
|
|
422
|
+
key: 'f0cd0c2956b005dff53e840780ec883e79e54d29',
|
|
423
423
|
class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16"
|
|
424
424
|
}, h("li", {
|
|
425
|
-
key: '
|
|
425
|
+
key: '0051eca25a27a4617642ee62495b5070b39303e1',
|
|
426
426
|
class: "grid-col-span-12 md:grid-col-span-6 flex flex-col"
|
|
427
427
|
}, h("div", {
|
|
428
|
-
key: '
|
|
428
|
+
key: 'e635251200247329d546f6832b45c15f68e16ada',
|
|
429
429
|
class: "effect-height flex items-center justify-between p-16",
|
|
430
430
|
style: {
|
|
431
431
|
background: this.colors[2].background
|
|
432
432
|
}
|
|
433
433
|
}, h("div", {
|
|
434
|
-
key: '
|
|
434
|
+
key: 'ae1fbc5eab2f291f01a67ea2c175e916994a23cc',
|
|
435
435
|
class: "grid"
|
|
436
436
|
}, h("span", {
|
|
437
|
-
key: '
|
|
437
|
+
key: '89b9565bb0eaceb4306cc2fb8112005e1ecac2ec',
|
|
438
438
|
class: "f-body-02"
|
|
439
439
|
}, this.colors[2].rgb), h("span", {
|
|
440
|
-
key: '
|
|
440
|
+
key: '789381481f744ceeb4db49ffdcae1992e24411e7',
|
|
441
441
|
class: "f-body-02 w-full"
|
|
442
442
|
}, this.colors[2].cmyk), h("eds-code-block", {
|
|
443
|
-
key: '
|
|
443
|
+
key: '17ef5171b93ddae1a653e4e24931a4dd8133e327',
|
|
444
444
|
code: this.colors[2].hex,
|
|
445
445
|
style: {
|
|
446
446
|
minWidth: '150px',
|
|
447
447
|
marginRight: '5px'
|
|
448
448
|
}
|
|
449
449
|
})), h("div", {
|
|
450
|
-
key: '
|
|
450
|
+
key: '683d59c2d9ef6c7be6cddce3e861b88362c9d92b',
|
|
451
451
|
class: "grid"
|
|
452
452
|
}, h("span", {
|
|
453
|
-
key: '
|
|
453
|
+
key: '049567ea731c85be8ee92a1e367d8bed0d53a948',
|
|
454
454
|
class: "f-body-02"
|
|
455
455
|
}, this.colors[2].pantoneC), h("span", {
|
|
456
|
-
key: '
|
|
456
|
+
key: 'e9abe0895de0438db939a081f84dd4a95de56b33',
|
|
457
457
|
class: "f-body-02"
|
|
458
458
|
}, this.colors[2].pantoneU))), h("div", {
|
|
459
|
-
key: '
|
|
459
|
+
key: 'e2d6d0aaf225da7a4b92a539106a4995e0a97e90',
|
|
460
460
|
class: "effect-height flex items-center justify-between p-16",
|
|
461
461
|
style: {
|
|
462
462
|
background: this.colors[3].background
|
|
463
463
|
}
|
|
464
464
|
}, h("div", {
|
|
465
|
-
key: '
|
|
465
|
+
key: '5327980f01b127a695ebc19f2ea9edf99b674078',
|
|
466
466
|
class: "grid"
|
|
467
467
|
}, h("span", {
|
|
468
|
-
key: '
|
|
468
|
+
key: 'c44c7dfd09520b00a4faa2723a797e2e6e893816',
|
|
469
469
|
class: "f-body-02"
|
|
470
470
|
}, this.colors[3].rgb), h("span", {
|
|
471
|
-
key: '
|
|
471
|
+
key: '50ed833cf9d0b281d0ee2c06ca6e9074b82de399',
|
|
472
472
|
class: "f-body-02 w-full"
|
|
473
473
|
}, this.colors[3].cmyk), h("eds-code-block", {
|
|
474
|
-
key: '
|
|
474
|
+
key: 'd8545dfbeec83ce4e04695b52c85e1e4ea8d125e',
|
|
475
475
|
code: this.colors[3].hex,
|
|
476
476
|
style: {
|
|
477
477
|
minWidth: '150px',
|
|
478
478
|
marginRight: '5px'
|
|
479
479
|
}
|
|
480
480
|
})), h("div", {
|
|
481
|
-
key: '
|
|
481
|
+
key: '3a88aa95a18ff30a5694c73dfce9b27cdbfb22cc',
|
|
482
482
|
class: "grid"
|
|
483
483
|
}, h("span", {
|
|
484
|
-
key: '
|
|
484
|
+
key: '72245f6f7992657f4801571258c0b474a0b00f26',
|
|
485
485
|
class: "f-body-02"
|
|
486
486
|
}, this.colors[3].pantoneC), h("span", {
|
|
487
|
-
key: '
|
|
487
|
+
key: '1d24a4ce4f9456268030f45fb5320f71de235483',
|
|
488
488
|
class: "f-body-02"
|
|
489
489
|
}, this.colors[3].pantoneU))))), h("eds-block-break", {
|
|
490
|
-
key: '
|
|
490
|
+
key: '911c0de727c6dfbe9e0d83b572ea2637a54481f6'
|
|
491
491
|
}), h("ul", {
|
|
492
|
-
key: '
|
|
492
|
+
key: 'a09572c51f87e28b3b90b5ac9936d1c0c109a780',
|
|
493
493
|
class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16"
|
|
494
494
|
}, h("li", {
|
|
495
|
-
key: '
|
|
495
|
+
key: '0228ebc07d1402fd16def4e3596d80f971b3d437',
|
|
496
496
|
class: "grid-col-span-12 md:grid-col-span-6 flex flex-col"
|
|
497
497
|
}, h("div", {
|
|
498
|
-
key: '
|
|
498
|
+
key: '6041ecff1c8ec57284ea167a39573a572c266c19',
|
|
499
499
|
class: "effect-height flex items-center justify-between p-16",
|
|
500
500
|
style: {
|
|
501
501
|
background: this.colors[4].background
|
|
502
502
|
}
|
|
503
503
|
}, h("div", {
|
|
504
|
-
key: '
|
|
504
|
+
key: 'eb2a7c48b057c022302c9a2d4101bbf3c062afb9',
|
|
505
505
|
class: "grid"
|
|
506
506
|
}, h("span", {
|
|
507
|
-
key: '
|
|
507
|
+
key: 'e4de44d68f477e93a9fe992cd4e8008c71db775c',
|
|
508
508
|
class: "f-body-02"
|
|
509
509
|
}, this.colors[4].rgb), h("span", {
|
|
510
|
-
key: '
|
|
510
|
+
key: '4e5c3774c71fe464173005df581f867a683b8f32',
|
|
511
511
|
class: "f-body-02 w-full"
|
|
512
512
|
}, this.colors[4].cmyk), h("eds-code-block", {
|
|
513
|
-
key: '
|
|
513
|
+
key: 'aa9462ae6d2feb2f1caddff60b0e36593a2363ac',
|
|
514
514
|
code: this.colors[4].hex,
|
|
515
515
|
style: {
|
|
516
516
|
minWidth: '150px',
|
|
517
517
|
marginRight: '5px'
|
|
518
518
|
}
|
|
519
519
|
})), h("div", {
|
|
520
|
-
key: '
|
|
520
|
+
key: 'ef2cbd394e055499a1b8050d61618d4469cfe12f',
|
|
521
521
|
class: "grid"
|
|
522
522
|
}, h("span", {
|
|
523
|
-
key: '
|
|
523
|
+
key: '15e103271c649e90d5f9e8891bd94da5c91855c2',
|
|
524
524
|
class: "f-body-02"
|
|
525
525
|
}, this.colors[4].pantoneC), h("span", {
|
|
526
|
-
key: '
|
|
526
|
+
key: '6a19b5ba5340ff0fe4eb91869f502ed0d33dc423',
|
|
527
527
|
class: "f-body-02"
|
|
528
528
|
}, this.colors[4].pantoneU))), h("div", {
|
|
529
|
-
key: '
|
|
529
|
+
key: 'fd71cdb93d40856025ff743330a1849829f13ea1',
|
|
530
530
|
class: "effect-height flex items-center justify-between p-16",
|
|
531
531
|
style: {
|
|
532
532
|
background: this.colors[5].background
|
|
533
533
|
}
|
|
534
534
|
}, h("div", {
|
|
535
|
-
key: '
|
|
535
|
+
key: 'fb0aa74276a6210ea690892ac4cb295975c1631c',
|
|
536
536
|
class: "grid"
|
|
537
537
|
}, h("span", {
|
|
538
|
-
key: '
|
|
538
|
+
key: '25292c9f2f2417f7fd8e6db1d3419663ef5bf831',
|
|
539
539
|
class: "f-body-02"
|
|
540
540
|
}, this.colors[5].rgb), h("span", {
|
|
541
|
-
key: '
|
|
541
|
+
key: '1bca86d8036ac0923e6014b36177974e135799a0',
|
|
542
542
|
class: "f-body-02 w-full"
|
|
543
543
|
}, this.colors[5].cmyk), h("eds-code-block", {
|
|
544
|
-
key: '
|
|
544
|
+
key: '142843c1ac15d4fdda1d5c2a96d11503ac99c2c9',
|
|
545
545
|
code: this.colors[5].hex,
|
|
546
546
|
style: {
|
|
547
547
|
minWidth: '150px',
|
|
548
548
|
marginRight: '5px'
|
|
549
549
|
}
|
|
550
550
|
})), h("div", {
|
|
551
|
-
key: '
|
|
551
|
+
key: '6c05bf3278967860f4c36a6c4711be70ba9989c4',
|
|
552
552
|
class: "grid"
|
|
553
553
|
}, h("span", {
|
|
554
|
-
key: '
|
|
554
|
+
key: '32459a9b07699f3291ce29dcffaa12faffe6006a',
|
|
555
555
|
class: "f-body-02"
|
|
556
556
|
}, this.colors[5].pantoneC), h("span", {
|
|
557
|
-
key: '
|
|
557
|
+
key: 'b9cd8ea5b74262c3268981137639c953cbfa512f',
|
|
558
558
|
class: "f-body-02"
|
|
559
559
|
}, this.colors[5].pantoneU))))));
|
|
560
560
|
}
|
|
@@ -602,174 +602,174 @@ const GradientSupportPalette = class {
|
|
|
602
602
|
}
|
|
603
603
|
render() {
|
|
604
604
|
return h("ul", {
|
|
605
|
-
key: '
|
|
605
|
+
key: '7df69f04c7056874f1adc148bc558eebb3ad5ce0',
|
|
606
606
|
class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16"
|
|
607
607
|
}, h("li", {
|
|
608
|
-
key: '
|
|
608
|
+
key: '6022b06412004891f8878ef083f8b720561b21c4',
|
|
609
609
|
class: "grid-col-span-12 md:grid-col-span-6 flex flex-col"
|
|
610
610
|
}, h("div", {
|
|
611
|
-
key: '
|
|
611
|
+
key: 'baa50bd7d36783a3c906bf34cf4782883d07fd15',
|
|
612
612
|
class: "effect-height flex items-center justify-between p-16",
|
|
613
613
|
style: {
|
|
614
614
|
backgroundColor: this.colors[0].background
|
|
615
615
|
}
|
|
616
616
|
}, h("div", {
|
|
617
|
-
key: '
|
|
617
|
+
key: '8676a93e699a766cf14c933f782e255945cd6b33',
|
|
618
618
|
class: "grid"
|
|
619
619
|
}, h("span", {
|
|
620
|
-
key: '
|
|
620
|
+
key: '812287677e887e635f2256afcc747008b3b67e87',
|
|
621
621
|
class: "f-body-02"
|
|
622
622
|
}, this.colors[0].rgb), h("span", {
|
|
623
|
-
key: '
|
|
623
|
+
key: '4818cfaa20c82c2ea7fe2058159aab5d4a7585d2',
|
|
624
624
|
class: "f-body-02 w-full"
|
|
625
625
|
}, this.colors[0].cmyk), h("eds-code-block", {
|
|
626
|
-
key: '
|
|
626
|
+
key: '3366a3a92d136f057350048698ea552d2abb528f',
|
|
627
627
|
code: this.colors[0].hex,
|
|
628
628
|
style: {
|
|
629
629
|
minWidth: '150px',
|
|
630
630
|
marginRight: '5px'
|
|
631
631
|
}
|
|
632
632
|
})), h("div", {
|
|
633
|
-
key: '
|
|
633
|
+
key: '7d65d5e2f1e283fbbda8542fdb1238bc01419176',
|
|
634
634
|
class: "grid"
|
|
635
635
|
}, h("span", {
|
|
636
|
-
key: '
|
|
636
|
+
key: '97f249218107af11869a10c80c29a32ecf37fed4',
|
|
637
637
|
class: "f-body-02"
|
|
638
638
|
}, this.colors[0].pantoneC || 'N/A'), h("span", {
|
|
639
|
-
key: '
|
|
639
|
+
key: 'ef213856451374a9709ac600360a92b07596fbb6',
|
|
640
640
|
class: "f-body-02"
|
|
641
641
|
}, this.colors[0].pantoneU || 'N/A')))), h("li", {
|
|
642
|
-
key: '
|
|
642
|
+
key: '6e7b366c0b441e4738d1ec1c148ded1fb4e32750',
|
|
643
643
|
class: "grid-col-span-12 md:grid-col-span-6 flex flex-col"
|
|
644
644
|
}, h("div", {
|
|
645
|
-
key: '
|
|
645
|
+
key: 'e1c6c78fb4bc1aa509abd179bbca4eb9cc92d927',
|
|
646
646
|
class: "effect-height flex items-center justify-between p-16",
|
|
647
647
|
style: {
|
|
648
648
|
backgroundColor: this.colors[1].background
|
|
649
649
|
}
|
|
650
650
|
}, h("div", {
|
|
651
|
-
key: '
|
|
651
|
+
key: '8596e8b03c79c16fe7fcbcbde6d66618cd9eb31c',
|
|
652
652
|
class: "grid"
|
|
653
653
|
}, h("span", {
|
|
654
|
-
key: '
|
|
654
|
+
key: 'daf3bbd648cc5b23c24ea04e4f63bf5224100637',
|
|
655
655
|
class: "f-body-02"
|
|
656
656
|
}, this.colors[1].rgb), h("span", {
|
|
657
|
-
key: '
|
|
657
|
+
key: '36279d0a36a908d94bf69cd4626f697ddcf8a4a5',
|
|
658
658
|
class: "f-body-02 w-full"
|
|
659
659
|
}, this.colors[1].cmyk), h("eds-code-block", {
|
|
660
|
-
key: '
|
|
660
|
+
key: '968dd60e01ed0ca4c12859883f39eae13bc241d2',
|
|
661
661
|
code: this.colors[1].hex,
|
|
662
662
|
style: {
|
|
663
663
|
minWidth: '150px',
|
|
664
664
|
marginRight: '5px'
|
|
665
665
|
}
|
|
666
666
|
})), h("div", {
|
|
667
|
-
key: '
|
|
667
|
+
key: '8adc5a48de6c7662d5bfd7f580b539cdb2724966',
|
|
668
668
|
class: "grid"
|
|
669
669
|
}, h("span", {
|
|
670
|
-
key: '
|
|
670
|
+
key: 'aba8dc8c327f186cd71251c5d759a8d2bab22d76',
|
|
671
671
|
class: "f-body-02"
|
|
672
672
|
}, this.colors[1].pantoneC || 'N/A'), h("span", {
|
|
673
|
-
key: '
|
|
673
|
+
key: '4f00ac84c957f17f640fdf99fe7bc0f8d5a4729d',
|
|
674
674
|
class: "f-body-02"
|
|
675
675
|
}, this.colors[1].pantoneU || 'N/A')))), h("li", {
|
|
676
|
-
key: '
|
|
676
|
+
key: 'f60cc305104ff06e7e3138122605719fdf44211a',
|
|
677
677
|
class: "grid-col-span-12 md:grid-col-span-6 flex flex-col"
|
|
678
678
|
}, h("div", {
|
|
679
|
-
key: '
|
|
679
|
+
key: '16055cb2c78f2cab4c2a8ee5abf0ff180ce1818c',
|
|
680
680
|
class: "effect-height flex items-center justify-between p-16",
|
|
681
681
|
style: {
|
|
682
682
|
background: this.colors[2].background
|
|
683
683
|
}
|
|
684
684
|
}, h("div", {
|
|
685
|
-
key: '
|
|
685
|
+
key: 'cb9015c5139a9e4bc4d83c81e4c624418ba91e57',
|
|
686
686
|
class: "grid"
|
|
687
687
|
}, h("span", {
|
|
688
|
-
key: '
|
|
688
|
+
key: 'e6071179b0d5ee6a327bae62e8cb797be4613a48',
|
|
689
689
|
class: "f-body-02"
|
|
690
690
|
}, this.colors[2].rgb), h("span", {
|
|
691
|
-
key: '
|
|
691
|
+
key: 'f82c6c24daedeed9976b40e15e68b0f8cf0e0237',
|
|
692
692
|
class: "f-body-02 w-full"
|
|
693
693
|
}, this.colors[2].cmyk), h("eds-code-block", {
|
|
694
|
-
key: '
|
|
694
|
+
key: '38c572026fb438735393f080475ce007f1d6d87a',
|
|
695
695
|
code: this.colors[2].hex,
|
|
696
696
|
style: {
|
|
697
697
|
minWidth: '150px',
|
|
698
698
|
marginRight: '5px'
|
|
699
699
|
}
|
|
700
700
|
})), h("div", {
|
|
701
|
-
key: '
|
|
701
|
+
key: 'a348ef327a39997ef3b76d5c98dd0e485e71ceec',
|
|
702
702
|
class: "grid"
|
|
703
703
|
}, h("span", {
|
|
704
|
-
key: '
|
|
704
|
+
key: 'f8d5156c502542206b83b8f402085b3e8f0cbbaf',
|
|
705
705
|
class: "f-body-02"
|
|
706
706
|
}, this.colors[2].pantoneC), h("span", {
|
|
707
|
-
key: '
|
|
707
|
+
key: 'd1ce2dc56c8f256a1e139a6a22ddfe922f374617',
|
|
708
708
|
class: "f-body-02"
|
|
709
709
|
}, this.colors[2].pantoneU))), h("div", {
|
|
710
|
-
key: '
|
|
710
|
+
key: 'c37b60531e00b73b27a9d687f256906aa702fc33',
|
|
711
711
|
class: "effect-height flex items-center justify-between p-16",
|
|
712
712
|
style: {
|
|
713
713
|
background: this.colors[3].background
|
|
714
714
|
}
|
|
715
715
|
}, h("div", {
|
|
716
|
-
key: '
|
|
716
|
+
key: '5664705a651d08bbc912dc2c54a5836b7b110756',
|
|
717
717
|
class: "grid"
|
|
718
718
|
}, h("span", {
|
|
719
|
-
key: '
|
|
719
|
+
key: '983856d8e4b220111545618290fc646d9441255d',
|
|
720
720
|
class: "f-body-02"
|
|
721
721
|
}, this.colors[3].rgb), h("span", {
|
|
722
|
-
key: '
|
|
722
|
+
key: '4889da92a9135b03cf4a3261bf56dbb5f0676732',
|
|
723
723
|
class: "f-body-02 w-full"
|
|
724
724
|
}, this.colors[3].cmyk), h("eds-code-block", {
|
|
725
|
-
key: '
|
|
725
|
+
key: '7a05d96a8850a939aae04055d6687c4f0b099627',
|
|
726
726
|
code: this.colors[3].hex,
|
|
727
727
|
style: {
|
|
728
728
|
minWidth: '150px',
|
|
729
729
|
marginRight: '5px'
|
|
730
730
|
}
|
|
731
731
|
})), h("div", {
|
|
732
|
-
key: '
|
|
732
|
+
key: '6d2a643019c9157caa657022ffd186cbce545051',
|
|
733
733
|
class: "grid"
|
|
734
734
|
}, h("span", {
|
|
735
|
-
key: '
|
|
735
|
+
key: 'd6d4e56c980b989317059c5564d6734d882cb340',
|
|
736
736
|
class: "f-body-02"
|
|
737
737
|
}, this.colors[3].pantoneC), h("span", {
|
|
738
|
-
key: '
|
|
738
|
+
key: '27d832aebcf959f279b31479011ad580eca1738e',
|
|
739
739
|
class: "f-body-02"
|
|
740
740
|
}, this.colors[3].pantoneU)))), h("li", {
|
|
741
|
-
key: '
|
|
741
|
+
key: '4883a16496f89bb91be092dd30c396b5da80b022',
|
|
742
742
|
class: "grid-col-span-12 md:grid-col-span-6 flex flex-col"
|
|
743
743
|
}, h("div", {
|
|
744
|
-
key: '
|
|
744
|
+
key: '0961b636d4700899d85a96559163a22cea529a3c',
|
|
745
745
|
class: "effect-height flex items-center justify-between p-16",
|
|
746
746
|
style: {
|
|
747
747
|
backgroundColor: this.colors[4].background
|
|
748
748
|
}
|
|
749
749
|
}, h("div", {
|
|
750
|
-
key: '
|
|
750
|
+
key: '7dfe7f6f7ce9a0ef94f2e4fb5a238efbf4d79000',
|
|
751
751
|
class: "grid"
|
|
752
752
|
}, h("span", {
|
|
753
|
-
key: '
|
|
753
|
+
key: 'de249cb619dc0b304e02137d3acca2372542d894',
|
|
754
754
|
class: "f-body-02"
|
|
755
755
|
}, this.colors[4].rgb), h("span", {
|
|
756
|
-
key: '
|
|
756
|
+
key: 'e61f26f9cb320b5c89a869cc136b77e188883271',
|
|
757
757
|
class: "f-body-02 w-full"
|
|
758
758
|
}, this.colors[4].cmyk), h("eds-code-block", {
|
|
759
|
-
key: '
|
|
759
|
+
key: '6f42200391ca34de7059bb58487072e142a1e426',
|
|
760
760
|
code: this.colors[4].hex,
|
|
761
761
|
style: {
|
|
762
762
|
minWidth: '150px',
|
|
763
763
|
marginRight: '5px'
|
|
764
764
|
}
|
|
765
765
|
})), h("div", {
|
|
766
|
-
key: '
|
|
766
|
+
key: 'cc46304bf53b13ff4895589d728e8db931a4410d',
|
|
767
767
|
class: "grid"
|
|
768
768
|
}, h("span", {
|
|
769
|
-
key: '
|
|
769
|
+
key: '1e7f7cef5a61e4644b2ffd4853a764e3d5894fa9',
|
|
770
770
|
class: "f-body-02"
|
|
771
771
|
}, this.colors[4].pantoneC || 'N/A'), h("span", {
|
|
772
|
-
key: '
|
|
772
|
+
key: '30eb901e47311d9bce77ec1a05f29d43fb41dd70',
|
|
773
773
|
class: "f-body-02"
|
|
774
774
|
}, this.colors[4].pantoneU || 'N/A')))));
|
|
775
775
|
}
|