@ebrains/react 0.6.0-alpha.0 → 0.8.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.
Files changed (96) hide show
  1. package/color-primary-palette_6.entry.esm.js +106 -106
  2. package/correct-use-of-colors.entry.esm.js +33 -33
  3. package/eds-accordion_17.entry.esm.js +196 -0
  4. package/eds-alert.entry.esm.js +14 -6
  5. package/eds-app-root.entry.esm.js +53 -0
  6. package/eds-breadcrumb.entry.esm.js +8 -16
  7. package/eds-card-desc_3.entry.esm.js +125 -0
  8. package/eds-card-generic.entry.esm.js +114 -0
  9. package/eds-card-project.entry.esm.js +10 -10
  10. package/eds-card-section.entry.esm.js +56 -0
  11. package/eds-card-tags.entry.esm.js +1 -1
  12. package/eds-card-tool.entry.esm.js +4 -4
  13. package/eds-card-wrapper.entry.esm.js +4 -4
  14. package/eds-code-block.entry.esm.js +7 -7
  15. package/eds-components-section.entry.esm.js +27 -24
  16. package/eds-cookies-preference.entry.esm.js +2 -2
  17. package/eds-docs-palettes.entry.esm.js +1 -1
  18. package/eds-docs-tokens.entry.esm.js +1 -1
  19. package/eds-feedback.entry.esm.js +82 -0
  20. package/eds-form.entry.esm.js +339 -276
  21. package/eds-frame.entry.esm.js +34 -33
  22. package/eds-icon-arrow-diagonal.entry.esm.js +3 -3
  23. package/eds-icon-arrow-right.entry.esm.js +1 -1
  24. package/eds-icon-bluesky.entry.esm.js +1 -1
  25. package/eds-icon-chevron-down.entry.esm.js +1 -1
  26. package/eds-icon-chevron-left.entry.esm.js +1 -1
  27. package/eds-icon-chevron-right.entry.esm.js +1 -1
  28. package/eds-icon-chevron-up.entry.esm.js +1 -1
  29. package/eds-icon-close.entry.esm.js +1 -1
  30. package/eds-icon-copy.entry.esm.js +1 -1
  31. package/eds-icon-eu.entry.esm.js +1 -1
  32. package/eds-icon-facebook.entry.esm.js +1 -1
  33. package/eds-icon-gitlab.entry.esm.js +1 -1
  34. package/eds-icon-linkedin.entry.esm.js +1 -1
  35. package/eds-icon-loader.entry.esm.js +1 -1
  36. package/eds-icon-mastodon.entry.esm.js +1 -1
  37. package/eds-icon-menu.entry.esm.js +1 -1
  38. package/eds-icon-more.entry.esm.js +1 -1
  39. package/eds-icon-search.entry.esm.js +1 -1
  40. package/eds-icon-star.entry.esm.js +21 -0
  41. package/eds-icon-success.entry.esm.js +1 -1
  42. package/eds-icon-thumbs-down.entry.esm.js +21 -0
  43. package/eds-icon-thumbs-up.entry.esm.js +21 -0
  44. package/eds-icon-twitter.entry.esm.js +1 -1
  45. package/eds-icon-user.entry.esm.js +1 -1
  46. package/eds-icon-youtube.entry.esm.js +1 -1
  47. package/eds-input_7.entry.esm.js +77 -37
  48. package/{keycloak-d502ec16.esm.js → eds-login_2.entry.esm.js} +172 -1
  49. package/eds-logo-variations.entry.esm.js +1 -1
  50. package/eds-modal.entry.esm.js +22 -9
  51. package/eds-pagination_2.entry.esm.js +49 -28
  52. package/eds-progress-bar.entry.esm.js +2 -2
  53. package/eds-rating.entry.esm.js +37 -37
  54. package/eds-section-core_2.entry.esm.js +6 -6
  55. package/eds-spinner.entry.esm.js +67 -0
  56. package/eds-svg-repository.entry.esm.js +18 -7
  57. package/eds-switch.entry.esm.js +5 -5
  58. package/eds-tabs.entry.esm.js +14 -26
  59. package/eds-timeline.entry.esm.js +9 -23
  60. package/eds-toast-manager.entry.esm.js +62 -0
  61. package/eds-toast.entry.esm.js +92 -0
  62. package/eds-tooltip.entry.esm.js +3 -3
  63. package/eds-trl.entry.esm.js +3 -3
  64. package/incorrect-use-of-colors.entry.esm.js +7 -7
  65. package/index.esm.js +1 -1
  66. package/index.esm2.js +47 -55
  67. package/logo-space.entry.esm.js +4 -4
  68. package/logo-variations-horizontal_2.entry.esm.js +26 -26
  69. package/logo-wrong-usage.entry.esm.js +37 -37
  70. package/package.json +1 -1
  71. package/sharedUtils-a550989c.esm.js +17 -0
  72. package/src/components.d.ts +4 -3
  73. package/star-0da9b5e9.esm.js +5 -0
  74. package/thumbs-down-a18fd049.esm.js +5 -0
  75. package/thumbs-up-c19a71bc.esm.js +6 -0
  76. package/token-list_3.entry.esm.js +5 -5
  77. package/token-ratios.entry.esm.js +3 -3
  78. package/token-spacing.entry.esm.js +26 -26
  79. package/token-typography.entry.esm.js +2 -2
  80. package/README.md +0 -7
  81. package/eds-accordion_13.entry.esm.js +0 -1064
  82. package/eds-block-break.entry.esm.js +0 -22
  83. package/eds-dropdown_2.entry.esm.js +0 -235
  84. package/eds-footer.entry.esm.js +0 -102
  85. package/eds-fullscreen-menu.entry.esm.js +0 -143
  86. package/eds-header.entry.esm.js +0 -130
  87. package/eds-link.entry.esm.js +0 -204
  88. package/eds-login.entry.esm.js +0 -97
  89. package/eds-logo.entry.esm.js +0 -87
  90. package/eds-navigator.entry.esm.js +0 -72
  91. package/eds-social-networks.entry.esm.js +0 -74
  92. package/eds-steps.entry.esm.js +0 -98
  93. package/eds-tab.entry.esm.js +0 -41
  94. package/eds-tabs-content.entry.esm.js +0 -145
  95. package/eds-user.entry.esm.js +0 -118
  96. package/eds-vertical-stepper.entry.esm.js +0 -81
@@ -32,7 +32,7 @@ const ColorPrimaryPalette = class {
32
32
  }
33
33
  render() {
34
34
  return h("ul", {
35
- key: 'b9b1f4d9c692d3b6f80dd5e50f7c840ed2dd6139',
35
+ key: '153e3c0f00db6f824cb0f43b420645bcbd66632f',
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: 'f3b7eccec4f67008e8ed73c1a0ff23a542e3c516',
116
+ key: 'b0af2cdf6524cf79ef8d28f37533d1f84812f174',
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: 'bef8701ffa7aec7ea1f0f21a2dfbe1157647bb0a',
189
+ key: 'c58041047c7d7993ac4e936051d40e1e8dda5263',
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: '783eb92c379de99659e65e7cb02a1f0ca9df8758',
248
+ key: '95d991a7331f3f75909421db363b0c30646dd9f7',
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: '4bb98c83660ec855ba6b7faeb83386450c27f5fd'
328
+ key: '95324cdbb1dc2eec5d1b47b5a88b69c9e2139535'
329
329
  }, h("ul", {
330
- key: '55b537cacdc2e3df835615e1658f82810633c485',
330
+ key: 'deddb39135e4dee2c6b401eb543ea2169d606331',
331
331
  class: "gap-y-8 md:gap-y-12 lg:gap-y-16"
332
332
  }, h("li", {
333
- key: 'd2f0d5c21e96579ef9a29540df473f821e2b29b6',
333
+ key: '848cdd2984b1dc5b2c0672ab125fe951b9c7d30c',
334
334
  class: "grid-col-span-12 md:grid-col-span-6 flex flex-col"
335
335
  }, h("div", {
336
- key: 'e29f3000a3ee702caba1e1867b5d63be74b0d657',
336
+ key: 'af8b2fd8be90d0fffe2334f66878a34b32fa148f',
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: 'b1337194dd634b5820cc33707958fd0a2e0e92a6',
342
+ key: 'b796899ca009ee80c877e2e728639abcf2b46770',
343
343
  class: "grid"
344
344
  }, h("span", {
345
- key: '0385f9d05575613fcb99e8e01ee04c427ba66a8d',
345
+ key: '2ba29c5bb91fef4b817f853056701feb001bdca0',
346
346
  class: "f-body-02"
347
347
  }, this.colors[0].rgb), h("span", {
348
- key: 'bbebf9ca89b0972376225d1708a356777dc6fcca',
348
+ key: '23e36499f1ba4dd08ac928c6fefc6d38f03f4724',
349
349
  class: "f-body-02 w-full"
350
350
  }, this.colors[0].cmyk), h("eds-code-block", {
351
- key: 'cb70085fe98e4c3e9f535e626b386b1c51b26fc8',
351
+ key: '11af3db24e81dc5382e8b3c64296e0416c3a2a5a',
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: 'cfd3721992823321bb75c0e544b28fa13cabd7eb',
358
+ key: '0bc7aa191c1ddd71c5e716ac07687c2412530bad',
359
359
  class: "grid"
360
360
  }, h("span", {
361
- key: '00834f078742102f17dfa76a6ab024b0ccbcb7c9',
361
+ key: '3b84d1f6f75c3fa401fc08597318cb24e00a6db3',
362
362
  class: "f-body-02"
363
363
  }, this.colors[0].pantoneC), h("span", {
364
- key: '35d7c496211ab03ce17e17e839c27bcc5a9ef56f',
364
+ key: 'beb7250e567791947e9ccda81cf99d4fd3c7e007',
365
365
  class: "f-body-02"
366
366
  }, this.colors[0].pantoneU))), h("div", {
367
- key: 'baae2cbc6859b137a8588b0e9dd56d0c9e3c3acd',
367
+ key: 'd5c6301370b862c3bd713188b468ed22f9377e9c',
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: '55e3d9d0ce260c574da96b4775ce5f3e3e7fbaf0',
373
+ key: '14958bec1bc69da8afcd5abbec40153900003aea',
374
374
  class: "grid"
375
375
  }, h("span", {
376
- key: 'c29acb597734c8422532cb303af1eaf04be73bbb',
376
+ key: '7efe478f1588fc12a88e74eb6385a9ac1e83f2d2',
377
377
  class: "f-body-02"
378
378
  }, this.colors[1].rgb), h("span", {
379
- key: 'f1d9139118ce788e0c59d0fb7e8304b8d2ad2b6b',
379
+ key: 'aaf8b133f495682cd5934be9719889fd6cd79d5f',
380
380
  class: "f-body-02 w-full"
381
381
  }, this.colors[1].cmyk), h("eds-code-block", {
382
- key: 'f8d92e3e205baf3c60a776ef6928da3f45682397',
382
+ key: 'ba3050a85770e74810686603510bbd439e9c48c2',
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: '09c594d5fe6a642bb0b8dc813911516cb933488e',
389
+ key: 'cc133d0be620d1749317a2d46386c3b662c7e231',
390
390
  class: "grid"
391
391
  }, h("span", {
392
- key: '62caf5d0012613e3ce291efc0539224e20da2180',
392
+ key: '77a6292eec6c5b36a209d627e8ebe4b0d8978529',
393
393
  class: "f-body-02"
394
394
  }, this.colors[1].pantoneC), h("span", {
395
- key: '6a6ced363a3b8a3c05298fd82ab9b7ec81d580f3',
395
+ key: '4bbf9a51af72aecd3d8e40388d56f7ec04307e5b',
396
396
  class: "f-body-02"
397
397
  }, this.colors[1].pantoneU))))), h("eds-block-break", {
398
- key: '126929a680751e2028b373be442814d677911978'
398
+ key: 'd8bd95b4b6a4992490b8a28c88ba94524ed3f89d'
399
399
  }), h("ul", {
400
- key: '522cc84b4b8e1765a97c08927d640981e0a37328',
400
+ key: 'dcd47948561897e2b9dd5052f542b6faece97160',
401
401
  class: "gap-y-8 md:gap-y-12 lg:gap-y-16"
402
402
  }, h("li", {
403
- key: '4db01022fbe75477a88e7c8e7474e431c126dd63',
403
+ key: '4c2780b54496da965860adb2a13b3874198d2c50',
404
404
  class: "grid-col-span-12 md:grid-col-span-6 flex flex-col"
405
405
  }, h("div", {
406
- key: '92c1d309578f357745dcde72aae7c54b48d1a378',
406
+ key: '1817732e6c42366661ef95cc1efad7bb3443481d',
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: 'f789570aa4141bd4dbdbe737fca7a666beb5e635',
412
+ key: 'fdb50c1ad5c1b19aa7d6b271857d63d7ff129d66',
413
413
  class: "grid"
414
414
  }, h("span", {
415
- key: '2d3840caf5ec39e08271b4400f9ce0e425bc796c',
415
+ key: '4b5f5b8e075d73329803b5ca1204c257e8e8d6c4',
416
416
  class: "f-body-02"
417
417
  }, this.colors[2].rgb), h("span", {
418
- key: '41cd0250155a4d8413fb5b35677c6121c3539ab3',
418
+ key: '67a26de500956ca477aa2213e6ecf8bea6d7ecb0',
419
419
  class: "f-body-02 w-full"
420
420
  }, this.colors[2].cmyk), h("eds-code-block", {
421
- key: 'c36680567bbfd9085b2151748a4dfa7e557925d8',
421
+ key: 'f0cd24d68af26304da2bfc8755328ca9d319c1b9',
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: '14241bc8d0354da8eba7fb06eafc6841b182796a',
428
+ key: 'f45ddb2b08e36a64e0383289fe7e1e70d11bc725',
429
429
  class: "grid"
430
430
  }, h("span", {
431
- key: '97bde70e3d904c55fdf1e7d8b13aff954b905644',
431
+ key: 'b5f5fd53de2e0fee6122c0797f3269dd0e70e9f3',
432
432
  class: "f-body-02"
433
433
  }, this.colors[2].pantoneC), h("span", {
434
- key: 'c5734847ceebbcf235c058c7987415cd47bdba86',
434
+ key: 'cbe037d718989eaf0274463ed300e81415e701e9',
435
435
  class: "f-body-02"
436
436
  }, this.colors[2].pantoneU))), h("div", {
437
- key: '0c016fdccdbb1c372b28da2c47eacbbfb7af32a8',
437
+ key: '64e866bab4859c8a35a08440bf4c855d3824d20a',
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: '0d34612dbff071b4abd0aa2e0b89885ab1088a60',
443
+ key: '1060ff9082dc3fd0c1d76a7b1c348ee980d59d5d',
444
444
  class: "grid"
445
445
  }, h("span", {
446
- key: 'ab9628602287dc6543c086cb6b34dd22d40af58c',
446
+ key: 'abe785e555f4ec227ae6fd5eda65431b63f69d84',
447
447
  class: "f-body-02"
448
448
  }, this.colors[3].rgb), h("span", {
449
- key: '7ca06f7d0801cf664762b274815747e75023b596',
449
+ key: '43a7d7afd959c53d552225df797f308f2c6672c0',
450
450
  class: "f-body-02 w-full"
451
451
  }, this.colors[3].cmyk), h("eds-code-block", {
452
- key: 'a910ecaee2d78c6be8af632b497a4fe2d9651a9e',
452
+ key: '0238b051353f4d717d7e1fc8a2d038e03c337150',
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: '420889ad4cb54cd70ed3d10053f836e0b226eee6',
459
+ key: 'c922aca2c73e3d489f029edee6c21f2c741608bc',
460
460
  class: "grid"
461
461
  }, h("span", {
462
- key: 'cc92bf72e7dd47a8d492ef263c46d22c7f5b64b2',
462
+ key: 'fd09943b23b1c58efcb1f971fde59cdcdd6fb6d3',
463
463
  class: "f-body-02"
464
464
  }, this.colors[3].pantoneC), h("span", {
465
- key: 'd740c9446d7521e4b6f3e049149d687c74615493',
465
+ key: '5a9e9d68d53c02c9a871efc71e384bfe4f3dc15e',
466
466
  class: "f-body-02"
467
467
  }, this.colors[3].pantoneU))))), h("eds-block-break", {
468
- key: 'a6c5dea6ed19042213dcb8c0d12cb3120078c284'
468
+ key: '708821f7228d40fa0a6af2ce906955e7d0a9134a'
469
469
  }), h("ul", {
470
- key: '7eede8a017fc381b57f07c1d3c4cf62b4b9a7f63',
470
+ key: 'af9971a8abdf34a4397466712e6391496a4fbbfb',
471
471
  class: "gap-y-8 md:gap-y-12 lg:gap-y-16"
472
472
  }, h("li", {
473
- key: '1202837ab3483b3cb9dd71992e71ea59594596e5',
473
+ key: 'fc026fa3187ed8536a553a34eca496d60c0a3c28',
474
474
  class: "grid-col-span-12 md:grid-col-span-6 flex flex-col"
475
475
  }, h("div", {
476
- key: '5280e99341777daa28196e0be215f58b64d5be37',
476
+ key: 'd42c5c8620956085d632daa27f552935cc57c4f5',
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: '0a29d5eba0d80789df6e2df892f72a210558bc5f',
482
+ key: '3cd0f3371918e997facce06672764914a168e7b9',
483
483
  class: "grid"
484
484
  }, h("span", {
485
- key: 'b53837c45946fd2a2e2f44d1ed6ffe86fa15de5d',
485
+ key: '1111da42bd889d65bba8615cbb321c1ad6386a5b',
486
486
  class: "f-body-02"
487
487
  }, this.colors[4].rgb), h("span", {
488
- key: '236bb0f5c879da738a5b758982262ef23537e863',
488
+ key: '172ea59eb6a729ba29341662dba089d665dfe921',
489
489
  class: "f-body-02 w-full"
490
490
  }, this.colors[4].cmyk), h("eds-code-block", {
491
- key: 'ae5ed445fb1a5203745d71b9507cc1247c244d95',
491
+ key: '7a56e5937a4ae52d5c55489d49379b04d99f1bc3',
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: 'b1ee585cd3ae08d506b42e435e00f885b49f8994',
498
+ key: '4a5fd644619823b3ae0e30cd60fa6d7bfc643047',
499
499
  class: "grid"
500
500
  }, h("span", {
501
- key: '35c51bc7d60ba9fde2b6eac0ce035e0aceaad92c',
501
+ key: '15a2d7d98420c0ebb8fe3914bb1457e821a5a99a',
502
502
  class: "f-body-02"
503
503
  }, this.colors[4].pantoneC), h("span", {
504
- key: 'c8796f41fe7ef23bafa9139c19b0807f712a8382',
504
+ key: '4e09b1d98588aba17283686303f02ddce63b9f79',
505
505
  class: "f-body-02"
506
506
  }, this.colors[4].pantoneU))), h("div", {
507
- key: 'e849871809560f669619b23a695f20103d5872e8',
507
+ key: '527816987ba5afd8d906ab1b1c92c1499bb0c82c',
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: 'ef1de66807f52f07f65dcdcebb82db99e4488e96',
513
+ key: '5723ecebf48cb271b908892880b2e5916a2260d3',
514
514
  class: "grid"
515
515
  }, h("span", {
516
- key: '60e08fa96458ca4e403ac7f44d57fa68c5bdcab8',
516
+ key: '1f4bc5243c69d4d875100dea5678eca909a318d6',
517
517
  class: "f-body-02"
518
518
  }, this.colors[5].rgb), h("span", {
519
- key: '8c0ca774be1ff12054bfb29ea2b56c12b776f84c',
519
+ key: 'a0d7e3283b2c27c9c909174671f84f0e127fd47b',
520
520
  class: "f-body-02 w-full"
521
521
  }, this.colors[5].cmyk), h("eds-code-block", {
522
- key: '2ad43b9dc6d62df3ed3e057262aca05558781f50',
522
+ key: '80eb873c0ef3db0ab0fedb0b97fd6a55c77b7a9b',
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: '6f9ca87ef408575620079ca088ae00252cccd0fc',
529
+ key: '7ad8e2f8fd77fa22f8c960b9f60b93160d7b18e4',
530
530
  class: "grid"
531
531
  }, h("span", {
532
- key: 'ccd038680073b25d8584f06fd1baab655cf6125c',
532
+ key: '76d8a46dc70cabfb90314730a14cf613dd94e5a2',
533
533
  class: "f-body-02"
534
534
  }, this.colors[5].pantoneC), h("span", {
535
- key: '8705f39198fa91da2b26d334dc1c89cd9f511492',
535
+ key: '6fba90e3c22c2a2cb79dc99345648fdce235a529',
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: 'e1b86872cead72320e3e4cf6cd22e672500cfcab',
583
+ key: '2d73e1f2954e7900990f3f1b92e088172c48d193',
584
584
  class: "gap-y-8 md:gap-y-12 lg:gap-y-16"
585
585
  }, h("li", {
586
- key: '6a39321c305bb9c0f4c79932252faf0c08fd11e6',
586
+ key: 'ddd095d39334d645bd69143f975c869c9061becf',
587
587
  class: "grid-col-span-12 md:grid-col-span-6 flex flex-col"
588
588
  }, h("div", {
589
- key: '255fb9153e49030054666f086b2e0ac4d6d3dc0e',
589
+ key: '8fdd52e523f612f65293cefa69cd1587722ea0b2',
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: 'fb08851f97cefa4b06a00f7063b558607f5df19e',
595
+ key: 'ba16ce258232ac4ff1dd57e69ce89eba2755ea4e',
596
596
  class: "grid"
597
597
  }, h("span", {
598
- key: '4a8a0dc633cca7c36e6ca981e6b85775005ce80f',
598
+ key: 'e5bbd8438eedce22c00a570b5000bb2f9544f943',
599
599
  class: "f-body-02"
600
600
  }, this.colors[0].rgb), h("span", {
601
- key: '0bebfc5eb567e030e993037f527df3af46615ff2',
601
+ key: '26bdb7eab2bf73b568d79a31d697d835a1a2c16d',
602
602
  class: "f-body-02 w-full"
603
603
  }, this.colors[0].cmyk), h("eds-code-block", {
604
- key: 'aa06e607647a762ed7150a5aceaeda8c7854a050',
604
+ key: '63ed93911453afa708119d3bc237581fc14d859b',
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: '5c143dd4c8afff2365aad02f68d444fd2234d90f',
611
+ key: 'a99939016fee0fdcbfc8916ddabc70da990506b6',
612
612
  class: "grid"
613
613
  }, h("span", {
614
- key: '47c9334efb42ee8259033bf1a323519d0a048bc7',
614
+ key: 'f51ea8694129ef99920037fae8837b2c4f7552ce',
615
615
  class: "f-body-02"
616
616
  }, this.colors[0].pantoneC || 'N/A'), h("span", {
617
- key: 'bca6d9635f5bcb16ef54154b2d3a2b6734cef7e7',
617
+ key: '047e32f25dc6f2c8d8c0881c500e4485d20e9312',
618
618
  class: "f-body-02"
619
619
  }, this.colors[0].pantoneU || 'N/A')))), h("li", {
620
- key: 'e78077ac00556ec5faa7d0ec7e3dc2b9ae7643f2',
620
+ key: '8364ad80dc8a18b4315f9e39f8d364fe928e1334',
621
621
  class: "grid-col-span-12 md:grid-col-span-6 flex flex-col"
622
622
  }, h("div", {
623
- key: '10f182a6515a0006f3903dfcf783349870c2e6c2',
623
+ key: 'f03dce05b8e864f63560d3ac02bdbc37c66f5c00',
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: '4ef41025e6e2bb0ebe05933f7fad707c4136c852',
629
+ key: 'b6995567668ffafb14824bfcb2394dfbaff7f718',
630
630
  class: "grid"
631
631
  }, h("span", {
632
- key: 'c2b3c48904efe628b148e080e1487dc8fba70b63',
632
+ key: 'eea29f050955e9cb036650af9760f4056ca2de29',
633
633
  class: "f-body-02"
634
634
  }, this.colors[1].rgb), h("span", {
635
- key: 'ae12e16d9a070b29492a385ff21b6371b9826f85',
635
+ key: '4978ad35c6902267c8bbecb471ea479c2a08577b',
636
636
  class: "f-body-02 w-full"
637
637
  }, this.colors[1].cmyk), h("eds-code-block", {
638
- key: 'a6e980da23e2c5d0312a9d1a12432388fbba1d56',
638
+ key: 'e043773af3e73ebd7978c7f7bc7cbc0ca02f162c',
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: 'a38408a780756f4e81c8d791e52eb87056755eaf',
645
+ key: '3fa13de855940e4188818ff7031463b9d3915511',
646
646
  class: "grid"
647
647
  }, h("span", {
648
- key: '0180f83000b733914c33696ef4b6d7257efba396',
648
+ key: '0c5f5c3ab2946033c7ff74f39b7a71380471d887',
649
649
  class: "f-body-02"
650
650
  }, this.colors[1].pantoneC || 'N/A'), h("span", {
651
- key: 'fdaab526fcb07f4a58e4daae616da144c2f46666',
651
+ key: '4b21f7ed78add17b4d013c59aac12976670ef037',
652
652
  class: "f-body-02"
653
653
  }, this.colors[1].pantoneU || 'N/A')))), h("li", {
654
- key: 'c771a8d62610c7255835896fe678136838c05235',
654
+ key: 'fce44ca75c9d2317b6fd9a1953db054b8d1ca4b3',
655
655
  class: "grid-col-span-12 md:grid-col-span-6 flex flex-col"
656
656
  }, h("div", {
657
- key: 'debe404f676d76d4ee6e0bf70fc1fb596b768a72',
657
+ key: '4748c78922ae9c03cd457911b0e9e92c818545d8',
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: 'db1beec1c3ad71ef5fcacaa0d14618acc01666f4',
663
+ key: '9cff6d7998f301a7c97d939bf5c38e5687fb0bde',
664
664
  class: "grid"
665
665
  }, h("span", {
666
- key: 'cc6e9c599d26813756dc0eb0c240169ea5b2856a',
666
+ key: 'a1561d5f9472d43e40bd054cf516458f89841c3f',
667
667
  class: "f-body-02"
668
668
  }, this.colors[2].rgb), h("span", {
669
- key: '9f45b4ec7cd579040a135f63aa3b7aadb8f10ada',
669
+ key: 'b55020b6dbb423ec2151b81c185311229993ec83',
670
670
  class: "f-body-02 w-full"
671
671
  }, this.colors[2].cmyk), h("eds-code-block", {
672
- key: '2ce58a56fcfd1a3b8f7855296c929c37b634bfca',
672
+ key: 'ae4d929c795f5e12cb1f2f41aad3bfc9a1db47c7',
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: 'd494a074655c8bcf35d4021b700eafcd9acdfb54',
679
+ key: '3ba7d23eb05b4dcc97b8dd7204a93daca6e0e798',
680
680
  class: "grid"
681
681
  }, h("span", {
682
- key: '626ae49228b52ff921b5ce2bc15b12a540618691',
682
+ key: '4c047aae61adb93550b0ce1da65387b6d57e745f',
683
683
  class: "f-body-02"
684
684
  }, this.colors[2].pantoneC), h("span", {
685
- key: 'db8c4d3f246851fd18794e317d20f1a1f9be59b9',
685
+ key: '8d8776d142dd8f9378900dc152b32b5b3cfbe95e',
686
686
  class: "f-body-02"
687
687
  }, this.colors[2].pantoneU))), h("div", {
688
- key: 'f27de0de4bfff2bc26ef573a11b770f55f461425',
688
+ key: 'd4d02de329e6d6407c8e360a7b1838395f7aab40',
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: '386d0e341c37f0baef2c62a13fcba88640b5ec3a',
694
+ key: '50659022ed31e85fa46df11e33050430bc3a92db',
695
695
  class: "grid"
696
696
  }, h("span", {
697
- key: '5b5f541490612b70841e2ea62bad3b8f86587301',
697
+ key: 'b2353739a0a09c5576eed0355a2c96913fb81a97',
698
698
  class: "f-body-02"
699
699
  }, this.colors[3].rgb), h("span", {
700
- key: '88b7fd61a6fe4f15bb37d067e8b9f28fe329de0d',
700
+ key: 'a40cd11295617a0b67bfe1ac49420d9918503a6d',
701
701
  class: "f-body-02 w-full"
702
702
  }, this.colors[3].cmyk), h("eds-code-block", {
703
- key: '7d96a904aa3703ffba953ede2e68aae605aa5921',
703
+ key: 'd42fa64fbc856b2a52241650d6b74acd2b8642ee',
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: '8a20e30b1c43b8f50eb8cbde0e735a54d4129e26',
710
+ key: '341bd4f637751cefa429bc6c3aab0adc714830e6',
711
711
  class: "grid"
712
712
  }, h("span", {
713
- key: 'd843ddf7b0328f99400c106e7705aed0626d2f32',
713
+ key: '728dfa47d7e92236cfb9c321fcd610a9cd3c4cd8',
714
714
  class: "f-body-02"
715
715
  }, this.colors[3].pantoneC), h("span", {
716
- key: '57ce96cc38ae1f0b91f512841e0738384e543cb1',
716
+ key: '3f06c0d1468942e9999655d32b0b32454720ceae',
717
717
  class: "f-body-02"
718
718
  }, this.colors[3].pantoneU)))), h("li", {
719
- key: '5d96a25dcd51b35b01952ebc94c75cfa1045b8da',
719
+ key: '9bdd7ba9ccb255e8540b12ae33636a164f2d2da1',
720
720
  class: "grid-col-span-12 md:grid-col-span-6 flex flex-col"
721
721
  }, h("div", {
722
- key: '713e347acd6ee623562db92a24b87a2f36086875',
722
+ key: 'e700e5494922cdd1940a4002cab7fecfd407ce72',
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: 'a62ed8e1fda6deb45b131c4d7cefe355862b33ba',
728
+ key: '7dc4bfe5e3db4754f7e0c21005b36e16f32cf531',
729
729
  class: "grid"
730
730
  }, h("span", {
731
- key: 'bb419133f1bfcd07f05d551a4dafa54331ee1c09',
731
+ key: '7faca86fa5a0477b8a136c39c9e6caac63bbaa27',
732
732
  class: "f-body-02"
733
733
  }, this.colors[4].rgb), h("span", {
734
- key: '774de6f18b6ab9d5539cc6889949b7ef9a0511db',
734
+ key: 'b0dede7a2415df03772b15e32feb066f1dc18124',
735
735
  class: "f-body-02 w-full"
736
736
  }, this.colors[4].cmyk), h("eds-code-block", {
737
- key: '87d83ce275bfbba7a8930e1e0fcecf14dee2af59',
737
+ key: '3903bcb378fc37313c79c187d2722a80773a6fdf',
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: '4e4acde29f939b2e7b2d4925490da515b8bcabf1',
744
+ key: 'b15d2d0529d6ac65f549219155b0dc1f17c4e43e',
745
745
  class: "grid"
746
746
  }, h("span", {
747
- key: 'c2276899357a54e0be5d35fcb9cbc01257882a12',
747
+ key: 'c7bc170b9f4b11552e5f5b7332fb3cc2db628dbf',
748
748
  class: "f-body-02"
749
749
  }, this.colors[4].pantoneC || 'N/A'), h("span", {
750
- key: 'c78d9648c05583b858d75ff0f6aff57a62ff1628',
750
+ key: '8c643a1a1590e3cf928835afc3a0a8c35dbe18f2',
751
751
  class: "f-body-02"
752
752
  }, this.colors[4].pantoneU || 'N/A')))));
753
753
  }