@ebrains/react 0.6.0-alpha.0 → 0.7.0-alpha.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/correct-use-of-colors.entry.esm.js +33 -33
- package/eds-accordion_22.entry.esm.js +269 -0
- package/eds-app-root.entry.esm.js +53 -0
- package/eds-avatar_4.entry.esm.js +185 -0
- package/eds-breadcrumb.entry.esm.js +4 -15
- package/eds-card-generic.entry.esm.js +114 -0
- package/eds-card-section.entry.esm.js +56 -0
- package/eds-components-section.entry.esm.js +1 -1
- package/eds-cookies-preference.entry.esm.js +2 -2
- package/eds-docs-palettes.entry.esm.js +1 -1
- package/eds-docs-tokens.entry.esm.js +1 -1
- package/{eds-dropdown_2.entry.esm.js → eds-dropdown.entry.esm.js} +19 -98
- package/eds-feedback.entry.esm.js +82 -0
- package/eds-form.entry.esm.js +253 -253
- package/eds-frame.entry.esm.js +34 -33
- package/eds-icon-arrow-diagonal.entry.esm.js +1 -1
- package/eds-icon-arrow-right.entry.esm.js +1 -1
- package/eds-icon-bluesky.entry.esm.js +1 -1
- package/eds-icon-chevron-down.entry.esm.js +1 -1
- package/eds-icon-chevron-left.entry.esm.js +1 -1
- package/eds-icon-chevron-right.entry.esm.js +1 -1
- package/eds-icon-chevron-up.entry.esm.js +1 -1
- package/eds-icon-close.entry.esm.js +1 -1
- package/eds-icon-copy.entry.esm.js +1 -1
- package/eds-icon-eu.entry.esm.js +1 -1
- package/eds-icon-facebook.entry.esm.js +1 -1
- package/eds-icon-gitlab.entry.esm.js +1 -1
- package/eds-icon-linkedin.entry.esm.js +1 -1
- package/eds-icon-loader.entry.esm.js +1 -1
- package/eds-icon-mastodon.entry.esm.js +1 -1
- package/eds-icon-menu.entry.esm.js +1 -1
- package/eds-icon-more.entry.esm.js +1 -1
- package/eds-icon-search.entry.esm.js +1 -1
- package/eds-icon-star.entry.esm.js +21 -0
- package/eds-icon-success.entry.esm.js +1 -1
- package/eds-icon-thumbs-down.entry.esm.js +21 -0
- package/eds-icon-thumbs-up.entry.esm.js +21 -0
- package/eds-icon-twitter.entry.esm.js +1 -1
- package/eds-icon-user.entry.esm.js +1 -1
- package/eds-icon-youtube.entry.esm.js +1 -1
- package/{keycloak-d502ec16.esm.js → eds-login_2.entry.esm.js} +172 -1
- package/eds-logo-variations.entry.esm.js +1 -1
- package/eds-modal.entry.esm.js +22 -9
- package/eds-progress-bar.entry.esm.js +2 -2
- package/eds-rating.entry.esm.js +37 -37
- package/eds-section-core_2.entry.esm.js +5 -5
- package/eds-spinner.entry.esm.js +67 -0
- package/eds-steps.entry.esm.js +8 -17
- package/eds-svg-repository.entry.esm.js +8 -2
- package/eds-switch.entry.esm.js +5 -5
- package/eds-tabs.entry.esm.js +14 -26
- package/eds-timeline.entry.esm.js +6 -23
- package/eds-toast-manager.entry.esm.js +62 -0
- package/eds-toast.entry.esm.js +92 -0
- package/eds-tooltip.entry.esm.js +3 -3
- package/eds-trl.entry.esm.js +2 -2
- package/eds-user.entry.esm.js +64 -87
- package/eds-vertical-stepper.entry.esm.js +5 -5
- package/formUtils-ac68474d.esm.js +247 -0
- package/incorrect-use-of-colors.entry.esm.js +7 -7
- package/index.esm.js +1 -1
- package/index.esm2.js +46 -46
- package/logo-space.entry.esm.js +4 -4
- package/logo-variations-horizontal_2.entry.esm.js +26 -26
- package/logo-wrong-usage.entry.esm.js +37 -37
- package/package.json +1 -1
- package/sharedUtils-a550989c.esm.js +17 -0
- package/src/components.d.ts +4 -1
- package/star-0da9b5e9.esm.js +5 -0
- package/thumbs-down-a18fd049.esm.js +5 -0
- package/thumbs-up-c19a71bc.esm.js +6 -0
- 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
- package/eds-accordion_13.entry.esm.js +0 -1064
- package/eds-block-break.entry.esm.js +0 -22
- package/eds-footer.entry.esm.js +0 -102
- package/eds-fullscreen-menu.entry.esm.js +0 -143
- package/eds-header.entry.esm.js +0 -130
- package/eds-input_7.entry.esm.js +0 -529
- package/eds-link.entry.esm.js +0 -204
- package/eds-login.entry.esm.js +0 -97
- package/eds-logo.entry.esm.js +0 -87
- package/eds-navigator.entry.esm.js +0 -72
- package/eds-pagination_2.entry.esm.js +0 -472
- package/eds-social-networks.entry.esm.js +0 -74
- package/eds-tab.entry.esm.js +0 -41
- package/eds-tabs-content.entry.esm.js +0 -145
|
@@ -32,7 +32,7 @@ const ColorPrimaryPalette = class {
|
|
|
32
32
|
}
|
|
33
33
|
render() {
|
|
34
34
|
return h("ul", {
|
|
35
|
-
key: '
|
|
35
|
+
key: '7460398e9b55e735287f39e8a7fd6a6116bd8141',
|
|
36
36
|
class: "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: '0910d36be4d6a7a7b8cf1d95a507bb3e1a2f5062',
|
|
117
117
|
class: "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"
|
|
@@ -186,7 +186,7 @@ const ColorSupportPalette = class {
|
|
|
186
186
|
}
|
|
187
187
|
render() {
|
|
188
188
|
return h("ul", {
|
|
189
|
-
key: '
|
|
189
|
+
key: 'dfac2328c0c7d8f9398ee7c6e7ad82f5acaaeb6a',
|
|
190
190
|
class: "gap-y-8 md:gap-y-12 lg:gap-y-16"
|
|
191
191
|
}, this.colors.map(color => h("li", {
|
|
192
192
|
class: "grid-col-span-12 md:grid-col-span-6 flex flex-col"
|
|
@@ -245,7 +245,7 @@ const GradientPrimaryPalette = class {
|
|
|
245
245
|
}
|
|
246
246
|
render() {
|
|
247
247
|
return h("ul", {
|
|
248
|
-
key: '
|
|
248
|
+
key: '64ac6b2a3c62ef21921d0aa75c1f85e672dab1a1',
|
|
249
249
|
class: "gap-y-8 md:gap-y-12 lg:gap-y-16",
|
|
250
250
|
style: {
|
|
251
251
|
background: 'linear-gradient(to bottom, #9CE142 0%, #00C959 50%, #00A595 100%)'
|
|
@@ -325,214 +325,214 @@ const GradientSecondaryPalette = class {
|
|
|
325
325
|
}
|
|
326
326
|
render() {
|
|
327
327
|
return h("div", {
|
|
328
|
-
key: '
|
|
328
|
+
key: '18563bbde4b325aed74ee0b01b138a23cdae495c'
|
|
329
329
|
}, h("ul", {
|
|
330
|
-
key: '
|
|
330
|
+
key: 'dbabf8a22ee06cafb4b4cefdd8b68f250ec83f12',
|
|
331
331
|
class: "gap-y-8 md:gap-y-12 lg:gap-y-16"
|
|
332
332
|
}, h("li", {
|
|
333
|
-
key: '
|
|
333
|
+
key: '5f3cddf6bff2942681c67e464b5da2e3ac805d0b',
|
|
334
334
|
class: "grid-col-span-12 md:grid-col-span-6 flex flex-col"
|
|
335
335
|
}, h("div", {
|
|
336
|
-
key: '
|
|
336
|
+
key: '22cf209919cac0811959841e6f2aa75728728d4a',
|
|
337
337
|
class: "effect-height flex items-center justify-between p-16",
|
|
338
338
|
style: {
|
|
339
339
|
background: this.colors[0].background
|
|
340
340
|
}
|
|
341
341
|
}, h("div", {
|
|
342
|
-
key: '
|
|
342
|
+
key: '7f1c4b5fa75f03395c272b3301d71d122b68d120',
|
|
343
343
|
class: "grid"
|
|
344
344
|
}, h("span", {
|
|
345
|
-
key: '
|
|
345
|
+
key: 'a10f6c850e37a7e664e770f6a35c0b126cb8418a',
|
|
346
346
|
class: "f-body-02"
|
|
347
347
|
}, this.colors[0].rgb), h("span", {
|
|
348
|
-
key: '
|
|
348
|
+
key: '0e3e4b4ea42aa3040e1367817824cbcb67e12564',
|
|
349
349
|
class: "f-body-02 w-full"
|
|
350
350
|
}, this.colors[0].cmyk), h("eds-code-block", {
|
|
351
|
-
key: '
|
|
351
|
+
key: '7947f3621bfcc3a53f06f8067b2f64deea660993',
|
|
352
352
|
code: this.colors[0].hex,
|
|
353
353
|
style: {
|
|
354
354
|
minWidth: '150px',
|
|
355
355
|
marginRight: '5px'
|
|
356
356
|
}
|
|
357
357
|
})), h("div", {
|
|
358
|
-
key: '
|
|
358
|
+
key: 'bc30dd2504a253d142778e7c5a1a3fd60c90367e',
|
|
359
359
|
class: "grid"
|
|
360
360
|
}, h("span", {
|
|
361
|
-
key: '
|
|
361
|
+
key: 'd2d183a462473ce02f80724cd3fa2280e4ceb8e0',
|
|
362
362
|
class: "f-body-02"
|
|
363
363
|
}, this.colors[0].pantoneC), h("span", {
|
|
364
|
-
key: '
|
|
364
|
+
key: '91555d5a4e2b03aae6a887a890b848080781622e',
|
|
365
365
|
class: "f-body-02"
|
|
366
366
|
}, this.colors[0].pantoneU))), h("div", {
|
|
367
|
-
key: '
|
|
367
|
+
key: 'b16c2c137bf4a738236f8b673f0f7810ad2746ab',
|
|
368
368
|
class: "effect-height flex items-center justify-between p-16",
|
|
369
369
|
style: {
|
|
370
370
|
background: this.colors[1].background
|
|
371
371
|
}
|
|
372
372
|
}, h("div", {
|
|
373
|
-
key: '
|
|
373
|
+
key: '1f7a698c4ad373d9513c5925074e81176a824c9a',
|
|
374
374
|
class: "grid"
|
|
375
375
|
}, h("span", {
|
|
376
|
-
key: '
|
|
376
|
+
key: '2852eb1e5f3fa33a67887eceb315b32c4035f2eb',
|
|
377
377
|
class: "f-body-02"
|
|
378
378
|
}, this.colors[1].rgb), h("span", {
|
|
379
|
-
key: '
|
|
379
|
+
key: '903756ee7952c079d9e9f3d349344ddac243f632',
|
|
380
380
|
class: "f-body-02 w-full"
|
|
381
381
|
}, this.colors[1].cmyk), h("eds-code-block", {
|
|
382
|
-
key: '
|
|
382
|
+
key: '2db0546ebeef3538312a6477b92a736c444e503e',
|
|
383
383
|
code: this.colors[1].hex,
|
|
384
384
|
style: {
|
|
385
385
|
minWidth: '150px',
|
|
386
386
|
marginRight: '5px'
|
|
387
387
|
}
|
|
388
388
|
})), h("div", {
|
|
389
|
-
key: '
|
|
389
|
+
key: 'e61d36591eb298ea6f3fcbabd0b0f9362238fe4f',
|
|
390
390
|
class: "grid"
|
|
391
391
|
}, h("span", {
|
|
392
|
-
key: '
|
|
392
|
+
key: '8b0ded8e23240b6d4d8edfa3a3aa6c85f25f988b',
|
|
393
393
|
class: "f-body-02"
|
|
394
394
|
}, this.colors[1].pantoneC), h("span", {
|
|
395
|
-
key: '
|
|
395
|
+
key: 'fb40588691f07763cf9880d9f8f049002f3e8f06',
|
|
396
396
|
class: "f-body-02"
|
|
397
397
|
}, this.colors[1].pantoneU))))), h("eds-block-break", {
|
|
398
|
-
key: '
|
|
398
|
+
key: 'c3ed43f27d147d4cb230fa1501e7831bc5147f1e'
|
|
399
399
|
}), h("ul", {
|
|
400
|
-
key: '
|
|
400
|
+
key: '9762bc8bedd63846dc4c0bec57efb65054c5a59c',
|
|
401
401
|
class: "gap-y-8 md:gap-y-12 lg:gap-y-16"
|
|
402
402
|
}, h("li", {
|
|
403
|
-
key: '
|
|
403
|
+
key: 'ce9b3991c76437de7f7fc0c94fd6587c4991075a',
|
|
404
404
|
class: "grid-col-span-12 md:grid-col-span-6 flex flex-col"
|
|
405
405
|
}, h("div", {
|
|
406
|
-
key: '
|
|
406
|
+
key: 'c5d74cb6e29b296c7ed91894498c5bf924de2d0b',
|
|
407
407
|
class: "effect-height flex items-center justify-between p-16",
|
|
408
408
|
style: {
|
|
409
409
|
background: this.colors[2].background
|
|
410
410
|
}
|
|
411
411
|
}, h("div", {
|
|
412
|
-
key: '
|
|
412
|
+
key: '888b52e0276da7d9aa3c8e6f2554da86b22c5086',
|
|
413
413
|
class: "grid"
|
|
414
414
|
}, h("span", {
|
|
415
|
-
key: '
|
|
415
|
+
key: 'a40cd60940f1d32360d0f757d47372319d8ecc9e',
|
|
416
416
|
class: "f-body-02"
|
|
417
417
|
}, this.colors[2].rgb), h("span", {
|
|
418
|
-
key: '
|
|
418
|
+
key: '5a0cd8cb8e93b41be560d817bd5885c6b4461a0e',
|
|
419
419
|
class: "f-body-02 w-full"
|
|
420
420
|
}, this.colors[2].cmyk), h("eds-code-block", {
|
|
421
|
-
key: '
|
|
421
|
+
key: 'fe48732aa72d3c35e5377bf0ae5ac475a2ca1de4',
|
|
422
422
|
code: this.colors[2].hex,
|
|
423
423
|
style: {
|
|
424
424
|
minWidth: '150px',
|
|
425
425
|
marginRight: '5px'
|
|
426
426
|
}
|
|
427
427
|
})), h("div", {
|
|
428
|
-
key: '
|
|
428
|
+
key: '5693b3908af5f0787d965ab028363318639dfec5',
|
|
429
429
|
class: "grid"
|
|
430
430
|
}, h("span", {
|
|
431
|
-
key: '
|
|
431
|
+
key: 'ae024e8c6d7c28d8c22cce3e98084533a56f4ca8',
|
|
432
432
|
class: "f-body-02"
|
|
433
433
|
}, this.colors[2].pantoneC), h("span", {
|
|
434
|
-
key: '
|
|
434
|
+
key: '05340bf74e18c28154f8d4df08d32283a5ead23a',
|
|
435
435
|
class: "f-body-02"
|
|
436
436
|
}, this.colors[2].pantoneU))), h("div", {
|
|
437
|
-
key: '
|
|
437
|
+
key: '06ab691118c23a05bebad65d640e5995e7e3af25',
|
|
438
438
|
class: "effect-height flex items-center justify-between p-16",
|
|
439
439
|
style: {
|
|
440
440
|
background: this.colors[3].background
|
|
441
441
|
}
|
|
442
442
|
}, h("div", {
|
|
443
|
-
key: '
|
|
443
|
+
key: '52dd0aab7a5809bbd082a3d3cff2695572ebf6c6',
|
|
444
444
|
class: "grid"
|
|
445
445
|
}, h("span", {
|
|
446
|
-
key: '
|
|
446
|
+
key: 'bb918b8a0e618124fc55290df71c3813471ee1af',
|
|
447
447
|
class: "f-body-02"
|
|
448
448
|
}, this.colors[3].rgb), h("span", {
|
|
449
|
-
key: '
|
|
449
|
+
key: '91a426d45df887346a9bb7f60bcbbd21718f8b22',
|
|
450
450
|
class: "f-body-02 w-full"
|
|
451
451
|
}, this.colors[3].cmyk), h("eds-code-block", {
|
|
452
|
-
key: '
|
|
452
|
+
key: '0f4a629375447d8429c4b8ff2fc040a89e84b5fc',
|
|
453
453
|
code: this.colors[3].hex,
|
|
454
454
|
style: {
|
|
455
455
|
minWidth: '150px',
|
|
456
456
|
marginRight: '5px'
|
|
457
457
|
}
|
|
458
458
|
})), h("div", {
|
|
459
|
-
key: '
|
|
459
|
+
key: 'b53e0a653cffa7fb4a0988c5bec113efeb5641a7',
|
|
460
460
|
class: "grid"
|
|
461
461
|
}, h("span", {
|
|
462
|
-
key: '
|
|
462
|
+
key: 'b6f08290063126ba39f73bb657dd10ad52bd8bad',
|
|
463
463
|
class: "f-body-02"
|
|
464
464
|
}, this.colors[3].pantoneC), h("span", {
|
|
465
|
-
key: '
|
|
465
|
+
key: '9339e232d31c86a33e374f24f152a69e7e5c1a7b',
|
|
466
466
|
class: "f-body-02"
|
|
467
467
|
}, this.colors[3].pantoneU))))), h("eds-block-break", {
|
|
468
|
-
key: '
|
|
468
|
+
key: '2e3f5b0f5683a67b8f8e9ce83ce250802a7c9004'
|
|
469
469
|
}), h("ul", {
|
|
470
|
-
key: '
|
|
470
|
+
key: '6b9aca7a8e164c6b401fc1a642aa143a468bbb66',
|
|
471
471
|
class: "gap-y-8 md:gap-y-12 lg:gap-y-16"
|
|
472
472
|
}, h("li", {
|
|
473
|
-
key: '
|
|
473
|
+
key: '8bdd9fb9b08ab1ba07a17fdfb6acdd48ae11b28c',
|
|
474
474
|
class: "grid-col-span-12 md:grid-col-span-6 flex flex-col"
|
|
475
475
|
}, h("div", {
|
|
476
|
-
key: '
|
|
476
|
+
key: '3d3ea47b21006a0771859a92e15ac4f9b7bf7897',
|
|
477
477
|
class: "effect-height flex items-center justify-between p-16",
|
|
478
478
|
style: {
|
|
479
479
|
background: this.colors[4].background
|
|
480
480
|
}
|
|
481
481
|
}, h("div", {
|
|
482
|
-
key: '
|
|
482
|
+
key: 'b1dace03d1388205556c95d49cbd756614def991',
|
|
483
483
|
class: "grid"
|
|
484
484
|
}, h("span", {
|
|
485
|
-
key: '
|
|
485
|
+
key: '094ec7f3f8ddd1275a6fb1b58c84bb111e3ae404',
|
|
486
486
|
class: "f-body-02"
|
|
487
487
|
}, this.colors[4].rgb), h("span", {
|
|
488
|
-
key: '
|
|
488
|
+
key: '336830747c0799da2661ac90a3afa8cb61cb1fab',
|
|
489
489
|
class: "f-body-02 w-full"
|
|
490
490
|
}, this.colors[4].cmyk), h("eds-code-block", {
|
|
491
|
-
key: '
|
|
491
|
+
key: '18a585ce75dad73a2ed6a876634ed222db9fd994',
|
|
492
492
|
code: this.colors[4].hex,
|
|
493
493
|
style: {
|
|
494
494
|
minWidth: '150px',
|
|
495
495
|
marginRight: '5px'
|
|
496
496
|
}
|
|
497
497
|
})), h("div", {
|
|
498
|
-
key: '
|
|
498
|
+
key: '88a46869e0d40d98cdcff22d82e03d1ac49af723',
|
|
499
499
|
class: "grid"
|
|
500
500
|
}, h("span", {
|
|
501
|
-
key: '
|
|
501
|
+
key: 'bc766933761ebb18581f5099f08a61b841a267a3',
|
|
502
502
|
class: "f-body-02"
|
|
503
503
|
}, this.colors[4].pantoneC), h("span", {
|
|
504
|
-
key: '
|
|
504
|
+
key: 'd3972a70e80e7267f427ec0d68205a778e339d74',
|
|
505
505
|
class: "f-body-02"
|
|
506
506
|
}, this.colors[4].pantoneU))), h("div", {
|
|
507
|
-
key: '
|
|
507
|
+
key: 'ba98ae739932dc19d1aa4cc34f4ffc02c0e175c0',
|
|
508
508
|
class: "effect-height flex items-center justify-between p-16",
|
|
509
509
|
style: {
|
|
510
510
|
background: this.colors[5].background
|
|
511
511
|
}
|
|
512
512
|
}, h("div", {
|
|
513
|
-
key: '
|
|
513
|
+
key: '2249fc8c98d70a0be85aa516cf84d4fb624e78c7',
|
|
514
514
|
class: "grid"
|
|
515
515
|
}, h("span", {
|
|
516
|
-
key: '
|
|
516
|
+
key: 'd89fe65247e3e0971a1c66f5e688f8fbd4d91400',
|
|
517
517
|
class: "f-body-02"
|
|
518
518
|
}, this.colors[5].rgb), h("span", {
|
|
519
|
-
key: '
|
|
519
|
+
key: '39bbde5ac5c4ab66ccb28bd2c8c4495cc1593920',
|
|
520
520
|
class: "f-body-02 w-full"
|
|
521
521
|
}, this.colors[5].cmyk), h("eds-code-block", {
|
|
522
|
-
key: '
|
|
522
|
+
key: '8cb9c77d7bb896ae6f18b445fb044267310ded19',
|
|
523
523
|
code: this.colors[5].hex,
|
|
524
524
|
style: {
|
|
525
525
|
minWidth: '150px',
|
|
526
526
|
marginRight: '5px'
|
|
527
527
|
}
|
|
528
528
|
})), h("div", {
|
|
529
|
-
key: '
|
|
529
|
+
key: '16f65aa08412f3fe478fb72d07a27537ada9804d',
|
|
530
530
|
class: "grid"
|
|
531
531
|
}, h("span", {
|
|
532
|
-
key: '
|
|
532
|
+
key: '997dba028ea8e06c970a624309a82c7dda2316d9',
|
|
533
533
|
class: "f-body-02"
|
|
534
534
|
}, this.colors[5].pantoneC), h("span", {
|
|
535
|
-
key: '
|
|
535
|
+
key: '64483b5a8f445664c816b275eb871ef0fcecda19',
|
|
536
536
|
class: "f-body-02"
|
|
537
537
|
}, this.colors[5].pantoneU))))));
|
|
538
538
|
}
|
|
@@ -580,174 +580,174 @@ const GradientSupportPalette = class {
|
|
|
580
580
|
}
|
|
581
581
|
render() {
|
|
582
582
|
return h("ul", {
|
|
583
|
-
key: '
|
|
583
|
+
key: 'dc57ff3bffa6aea0facf8d1e8fc186139f69e56e',
|
|
584
584
|
class: "gap-y-8 md:gap-y-12 lg:gap-y-16"
|
|
585
585
|
}, h("li", {
|
|
586
|
-
key: '
|
|
586
|
+
key: 'e1d8dbfcb363cd25456d10ad4d9f500c3a324ab3',
|
|
587
587
|
class: "grid-col-span-12 md:grid-col-span-6 flex flex-col"
|
|
588
588
|
}, h("div", {
|
|
589
|
-
key: '
|
|
589
|
+
key: 'd11bbdbb71906dd7331aaaa1327ec2f7adb3914d',
|
|
590
590
|
class: "effect-height flex items-center justify-between p-16",
|
|
591
591
|
style: {
|
|
592
592
|
backgroundColor: this.colors[0].background
|
|
593
593
|
}
|
|
594
594
|
}, h("div", {
|
|
595
|
-
key: '
|
|
595
|
+
key: '4badad0801b33acb2b098698bde99760bfd14b80',
|
|
596
596
|
class: "grid"
|
|
597
597
|
}, h("span", {
|
|
598
|
-
key: '
|
|
598
|
+
key: '77380c331665e198b3a04a93b728d7448158bdf1',
|
|
599
599
|
class: "f-body-02"
|
|
600
600
|
}, this.colors[0].rgb), h("span", {
|
|
601
|
-
key: '
|
|
601
|
+
key: '342dd1997afc6c83c28662101ba7f91ea8566a55',
|
|
602
602
|
class: "f-body-02 w-full"
|
|
603
603
|
}, this.colors[0].cmyk), h("eds-code-block", {
|
|
604
|
-
key: '
|
|
604
|
+
key: 'ddcbdaf618dde60577034a7e861b4cf3bbe667f6',
|
|
605
605
|
code: this.colors[0].hex,
|
|
606
606
|
style: {
|
|
607
607
|
minWidth: '150px',
|
|
608
608
|
marginRight: '5px'
|
|
609
609
|
}
|
|
610
610
|
})), h("div", {
|
|
611
|
-
key: '
|
|
611
|
+
key: '8a357ee33e9cd94eb30a5678d20cbf4ebf9498bd',
|
|
612
612
|
class: "grid"
|
|
613
613
|
}, h("span", {
|
|
614
|
-
key: '
|
|
614
|
+
key: '22089c639c787de6f12441041d2f7a2a747f4242',
|
|
615
615
|
class: "f-body-02"
|
|
616
616
|
}, this.colors[0].pantoneC || 'N/A'), h("span", {
|
|
617
|
-
key: '
|
|
617
|
+
key: '0423ab8c9d4e1797e6536829be719e09ca772e28',
|
|
618
618
|
class: "f-body-02"
|
|
619
619
|
}, this.colors[0].pantoneU || 'N/A')))), h("li", {
|
|
620
|
-
key: '
|
|
620
|
+
key: '13c11bcd2017ae7dbbe8c83dcaa6ceeb4ed355e6',
|
|
621
621
|
class: "grid-col-span-12 md:grid-col-span-6 flex flex-col"
|
|
622
622
|
}, h("div", {
|
|
623
|
-
key: '
|
|
623
|
+
key: '878df236a48f7c58dfc9fcf1041823efa5b86b6f',
|
|
624
624
|
class: "effect-height flex items-center justify-between p-16",
|
|
625
625
|
style: {
|
|
626
626
|
backgroundColor: this.colors[1].background
|
|
627
627
|
}
|
|
628
628
|
}, h("div", {
|
|
629
|
-
key: '
|
|
629
|
+
key: '3c477c2733d98d2c3c918196274f73e21f1646fe',
|
|
630
630
|
class: "grid"
|
|
631
631
|
}, h("span", {
|
|
632
|
-
key: '
|
|
632
|
+
key: 'ce1f49df809c94f3b5aaca8bda6b48cded46f0a2',
|
|
633
633
|
class: "f-body-02"
|
|
634
634
|
}, this.colors[1].rgb), h("span", {
|
|
635
|
-
key: '
|
|
635
|
+
key: '99d3fe3b33328b1e2f025abf3622f715ed301f1b',
|
|
636
636
|
class: "f-body-02 w-full"
|
|
637
637
|
}, this.colors[1].cmyk), h("eds-code-block", {
|
|
638
|
-
key: '
|
|
638
|
+
key: 'de3b2711377cdee0f78aca2391ec59af02e847e3',
|
|
639
639
|
code: this.colors[1].hex,
|
|
640
640
|
style: {
|
|
641
641
|
minWidth: '150px',
|
|
642
642
|
marginRight: '5px'
|
|
643
643
|
}
|
|
644
644
|
})), h("div", {
|
|
645
|
-
key: '
|
|
645
|
+
key: 'aeaf3c18d0b30e99290bd0bc471eab32540dc495',
|
|
646
646
|
class: "grid"
|
|
647
647
|
}, h("span", {
|
|
648
|
-
key: '
|
|
648
|
+
key: 'e7665496b791ed0cc6593348ecf9def40a1e80ca',
|
|
649
649
|
class: "f-body-02"
|
|
650
650
|
}, this.colors[1].pantoneC || 'N/A'), h("span", {
|
|
651
|
-
key: '
|
|
651
|
+
key: 'e205631d4697c84fc65fa93224cdb76e254ec951',
|
|
652
652
|
class: "f-body-02"
|
|
653
653
|
}, this.colors[1].pantoneU || 'N/A')))), h("li", {
|
|
654
|
-
key: '
|
|
654
|
+
key: 'cc17448fa87f6aed9d590aa4f5e2b1110f5e0bda',
|
|
655
655
|
class: "grid-col-span-12 md:grid-col-span-6 flex flex-col"
|
|
656
656
|
}, h("div", {
|
|
657
|
-
key: '
|
|
657
|
+
key: 'eb68860fede226a32f4bccd49df7df4b4f29c125',
|
|
658
658
|
class: "effect-height flex items-center justify-between p-16",
|
|
659
659
|
style: {
|
|
660
660
|
background: this.colors[2].background
|
|
661
661
|
}
|
|
662
662
|
}, h("div", {
|
|
663
|
-
key: '
|
|
663
|
+
key: '377ef135def34f71d52870ebb16aead224b9b794',
|
|
664
664
|
class: "grid"
|
|
665
665
|
}, h("span", {
|
|
666
|
-
key: '
|
|
666
|
+
key: '3117040c6a1c417dc9ac7629a885975cd459716b',
|
|
667
667
|
class: "f-body-02"
|
|
668
668
|
}, this.colors[2].rgb), h("span", {
|
|
669
|
-
key: '
|
|
669
|
+
key: 'c800eb6acf0b6182e95ad74376b46f8907507b51',
|
|
670
670
|
class: "f-body-02 w-full"
|
|
671
671
|
}, this.colors[2].cmyk), h("eds-code-block", {
|
|
672
|
-
key: '
|
|
672
|
+
key: 'b244b778b58b605d3f0939a36930a096763a10e7',
|
|
673
673
|
code: this.colors[2].hex,
|
|
674
674
|
style: {
|
|
675
675
|
minWidth: '150px',
|
|
676
676
|
marginRight: '5px'
|
|
677
677
|
}
|
|
678
678
|
})), h("div", {
|
|
679
|
-
key: '
|
|
679
|
+
key: '95681ce98858d2ebc7dca572366eb314e9648d10',
|
|
680
680
|
class: "grid"
|
|
681
681
|
}, h("span", {
|
|
682
|
-
key: '
|
|
682
|
+
key: '43573821ee81029875fa51580d9b043246a37f91',
|
|
683
683
|
class: "f-body-02"
|
|
684
684
|
}, this.colors[2].pantoneC), h("span", {
|
|
685
|
-
key: '
|
|
685
|
+
key: 'c6083e98c351f4290617b3036a430d96350f6fe0',
|
|
686
686
|
class: "f-body-02"
|
|
687
687
|
}, this.colors[2].pantoneU))), h("div", {
|
|
688
|
-
key: '
|
|
688
|
+
key: 'c2b7b895df7c4f8520e147b69ab51d988b5fc36a',
|
|
689
689
|
class: "effect-height flex items-center justify-between p-16",
|
|
690
690
|
style: {
|
|
691
691
|
background: this.colors[3].background
|
|
692
692
|
}
|
|
693
693
|
}, h("div", {
|
|
694
|
-
key: '
|
|
694
|
+
key: '6f95b56b195779568cb8ee8f2426a413e04efb24',
|
|
695
695
|
class: "grid"
|
|
696
696
|
}, h("span", {
|
|
697
|
-
key: '
|
|
697
|
+
key: 'e5f3dcdaeefdc080d24bfc70e98c50206215b268',
|
|
698
698
|
class: "f-body-02"
|
|
699
699
|
}, this.colors[3].rgb), h("span", {
|
|
700
|
-
key: '
|
|
700
|
+
key: 'f22aad83b9de337384791e3900934035e1dfcd6b',
|
|
701
701
|
class: "f-body-02 w-full"
|
|
702
702
|
}, this.colors[3].cmyk), h("eds-code-block", {
|
|
703
|
-
key: '
|
|
703
|
+
key: 'ec068df8197f86f9d2f433ddd589b89708e035a4',
|
|
704
704
|
code: this.colors[3].hex,
|
|
705
705
|
style: {
|
|
706
706
|
minWidth: '150px',
|
|
707
707
|
marginRight: '5px'
|
|
708
708
|
}
|
|
709
709
|
})), h("div", {
|
|
710
|
-
key: '
|
|
710
|
+
key: '61f27c8dccfdfe2004ed7774d06ca38b0ede285d',
|
|
711
711
|
class: "grid"
|
|
712
712
|
}, h("span", {
|
|
713
|
-
key: '
|
|
713
|
+
key: '9a8e7b7cc4eead6b79423e97b3ff01d3b70a85ec',
|
|
714
714
|
class: "f-body-02"
|
|
715
715
|
}, this.colors[3].pantoneC), h("span", {
|
|
716
|
-
key: '
|
|
716
|
+
key: '2b5a61e7cdab44181d44db06a3eb5031a31648b8',
|
|
717
717
|
class: "f-body-02"
|
|
718
718
|
}, this.colors[3].pantoneU)))), h("li", {
|
|
719
|
-
key: '
|
|
719
|
+
key: '11e3f6ca45cbac17dd3bb8da99c6fd78e5a96b39',
|
|
720
720
|
class: "grid-col-span-12 md:grid-col-span-6 flex flex-col"
|
|
721
721
|
}, h("div", {
|
|
722
|
-
key: '
|
|
722
|
+
key: '7e34069adbd3ed1509a35a22e4239e5e56d7f5b3',
|
|
723
723
|
class: "effect-height flex items-center justify-between p-16",
|
|
724
724
|
style: {
|
|
725
725
|
backgroundColor: this.colors[4].background
|
|
726
726
|
}
|
|
727
727
|
}, h("div", {
|
|
728
|
-
key: '
|
|
728
|
+
key: 'c0047f8cb9bf28bec4230fa0aae28e7d3ecb1599',
|
|
729
729
|
class: "grid"
|
|
730
730
|
}, h("span", {
|
|
731
|
-
key: '
|
|
731
|
+
key: 'a44db9793a74563015861206d3e6d10c3a3de998',
|
|
732
732
|
class: "f-body-02"
|
|
733
733
|
}, this.colors[4].rgb), h("span", {
|
|
734
|
-
key: '
|
|
734
|
+
key: '51a8bce7027c8c151a2f56624dd340fe744d7da6',
|
|
735
735
|
class: "f-body-02 w-full"
|
|
736
736
|
}, this.colors[4].cmyk), h("eds-code-block", {
|
|
737
|
-
key: '
|
|
737
|
+
key: '20d8bcda1aed4dd237dddb6079bba68f8f85dda7',
|
|
738
738
|
code: this.colors[4].hex,
|
|
739
739
|
style: {
|
|
740
740
|
minWidth: '150px',
|
|
741
741
|
marginRight: '5px'
|
|
742
742
|
}
|
|
743
743
|
})), h("div", {
|
|
744
|
-
key: '
|
|
744
|
+
key: '8e30a85a4418f1173183be58eade4682c6c812dd',
|
|
745
745
|
class: "grid"
|
|
746
746
|
}, h("span", {
|
|
747
|
-
key: '
|
|
747
|
+
key: '52fa4db1021aa08f5fe4c9cface5562050181eff',
|
|
748
748
|
class: "f-body-02"
|
|
749
749
|
}, this.colors[4].pantoneC || 'N/A'), h("span", {
|
|
750
|
-
key: '
|
|
750
|
+
key: '7b0d375a2a63b3657eed9b4df0aead1db00255b5',
|
|
751
751
|
class: "f-body-02"
|
|
752
752
|
}, this.colors[4].pantoneU || 'N/A')))));
|
|
753
753
|
}
|