@ebrains/react 0.0.1-alpha.0 → 0.2.0-alpha.0

package/color-primary-palette_6.entry.esm.js

@@ -0,0 +1,756 @@
+import { r as registerInstance, h } from './index.esm2.js';
+import 'react';
+import 'react/jsx-runtime';
+import 'react-dom';
+
+const ColorPrimaryPalette = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    // Primary palette data
+    this.colors = [{
+      rgb: 'R156 G225 B66',
+      cmyk: 'C52 M0 Y98 K0',
+      hex: '#9CE142',
+      pantoneC: 'PANTONE 367 C',
+      pantoneU: 'PANTONE 374 U',
+      background: '#9CE142'
+    }, {
+      rgb: 'R0 G201 B89',
+      cmyk: 'C75 M0 Y80 K0',
+      hex: '#00C959',
+      pantoneC: 'PANTONE 7480 C',
+      pantoneU: 'PANTONE 7481 U',
+      background: '#00C959'
+    }, {
+      rgb: 'R0 G165 B149',
+      cmyk: 'C78 M8 Y49 K0',
+      hex: '#00A595',
+      pantoneC: 'PANTONE 3272 C',
+      pantoneU: 'PANTONE 3275 U',
+      background: '#00A595'
+    }];
+  }
+  render() {
+    return h("ul", {
+      key: '20dce1081c2a9213d9df3bb19f14445881892809',
+      class: "gap-y-8 md:gap-y-12 lg:gap-y-16"
+    }, this.colors.map(color => h("li", {
+      class: "grid-col-span-12 md:grid-col-span-6 flex flex-col"
+    }, h("div", {
+      class: "effect-height flex items-center justify-between p-16",
+      style: {
+        backgroundColor: color.background
+      }
+    }, h("div", {
+      class: "grid"
+    }, h("span", {
+      class: "f-body-02"
+    }, color.rgb), h("span", {
+      class: "f-body-02 w-full"
+    }, color.cmyk), h("eds-code-block", {
+      code: color.hex,
+      style: {
+        minWidth: '150px',
+        marginRight: '5px'
+      }
+    })), h("div", {
+      class: "grid"
+    }, h("span", {
+      class: "f-body-02"
+    }, color.pantoneC), h("span", {
+      class: "f-body-02"
+    }, color.pantoneU))))));
+  }
+};
+const ColorSecondaryPalette = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    // Secondary palette data
+    this.colors = [{
+      rgb: 'R63 G169 B245',
+      cmyk: 'C68 M13 Y0 K0',
+      hex: '#3FA9F5',
+      pantoneC: 'PANTONE 298 C',
+      pantoneU: 'PANTONE 298 U',
+      background: '#3FA9F5'
+    }, {
+      rgb: 'R6 G68 B244',
+      cmyk: 'C92 M60 Y0 K0',
+      hex: '#0644F4',
+      pantoneC: 'PANTONE 2728 C',
+      pantoneU: 'PANTONE 2935 U',
+      background: '#0644F4'
+    }, {
+      rgb: 'R196 G97 B255',
+      cmyk: 'C52 M67 Y0 K0',
+      hex: '#C461FF',
+      pantoneC: 'PANTONE 252 C',
+      pantoneU: 'PANTONE 252 U',
+      background: '#C461FF'
+    }, {
+      rgb: 'R93 G61 B249',
+      cmyk: 'C83 M78 Y0 K0',
+      hex: '#5D3DF9',
+      pantoneC: 'PANTONE 266 C',
+      pantoneU: 'PANTONE 2735 U',
+      background: '#5D3DF9'
+    }, {
+      rgb: 'R255 G165 B67',
+      cmyk: 'C0 M43 Y76 K0',
+      hex: '#FFA543',
+      pantoneC: 'PANTONE 804 C',
+      pantoneU: 'PANTONE 136 U',
+      background: '#FFA543'
+    }, {
+      rgb: 'R255 G77 B104',
+      cmyk: 'C0 M81 Y42 K0',
+      hex: '#FF4D68',
+      pantoneC: 'PANTONE 1785 C',
+      pantoneU: 'PANTONE 185 U',
+      background: '#FF4D68'
+    }];
+    this.show = undefined;
+  }
+  render() {
+    return h("ul", {
+      key: '1eb0e9d0b681be4049209e60ab72bfd36cb09731',
+      class: "gap-y-8 md:gap-y-12 lg:gap-y-16"
+    }, this.colors.map(color => h("li", {
+      class: "grid-col-span-12 md:grid-col-span-6 flex flex-col"
+    }, h("div", {
+      class: "effect-height flex items-center justify-between p-16",
+      style: {
+        backgroundColor: color.background
+      }
+    }, h("div", {
+      class: "grid"
+    }, h("span", {
+      class: "f-body-02"
+    }, color.rgb), h("span", {
+      class: "f-body-02 w-full"
+    }, color.cmyk), h("eds-code-block", {
+      code: color.hex,
+      style: {
+        minWidth: '150px',
+        marginRight: '5px'
+      }
+    })), h("div", {
+      class: "grid"
+    }, h("span", {
+      class: "f-body-02"
+    }, color.pantoneC), h("span", {
+      class: "f-body-02"
+    }, color.pantoneU))))));
+  }
+};
+const ColorSupportPalette = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    // Support palette data
+    this.colors = [{
+      rgb: 'R20 G20 B20',
+      cmyk: 'C78 M69 Y61 K87',
+      hex: '#141414',
+      pantoneC: '',
+      pantoneU: '',
+      background: '#141414'
+    }, {
+      rgb: 'R56 G56 B56',
+      cmyk: 'C68 M58 Y55 K63',
+      hex: '#383838',
+      pantoneC: 'PANTONE 447 C',
+      pantoneU: 'PANTONE Neutral Black U',
+      background: '#383838'
+    }, {
+      rgb: 'R204 G204 B204',
+      cmyk: 'C23 M17 Y18 K0',
+      hex: '#CCCCCC',
+      pantoneC: 'PANTONE Cool Gray 2 C',
+      pantoneU: 'PANTONE Cool Gray 2 U',
+      background: '#CCCCCC'
+    }, {
+      rgb: 'R230 G230 B230',
+      cmyk: 'C12 M8 Y9 K0',
+      hex: '#E6E6E6',
+      pantoneC: 'PANTONE 663 C',
+      pantoneU: 'PANTONE 649 U',
+      background: '#E6E6E6'
+    }, {
+      rgb: 'R255 G255 B255',
+      cmyk: 'C0 M0 Y0 K0',
+      hex: '#FFFFFF',
+      pantoneC: '',
+      pantoneU: '',
+      background: '#FFFFFF'
+    }];
+  }
+  render() {
+    return h("ul", {
+      key: 'c3dfdc3ab9ac3dcfbe1b82c7725d548d9f10a7ad',
+      class: "gap-y-8 md:gap-y-12 lg:gap-y-16"
+    }, this.colors.map(color => h("li", {
+      class: "grid-col-span-12 md:grid-col-span-6 flex flex-col"
+    }, h("div", {
+      class: "effect-height flex items-center justify-between p-16",
+      style: {
+        backgroundColor: color.background
+      }
+    }, h("div", {
+      class: "grid"
+    }, h("span", {
+      class: "f-body-02"
+    }, color.rgb), h("span", {
+      class: "f-body-02 w-full"
+    }, color.cmyk), h("eds-code-block", {
+      code: color.hex,
+      style: {
+        minWidth: '150px',
+        marginRight: '5px'
+      }
+    })), h("div", {
+      class: "grid"
+    }, h("span", {
+      class: "f-body-02"
+    }, color.pantoneC || 'N/A'), h("span", {
+      class: "f-body-02"
+    }, color.pantoneU || 'N/A'))))));
+  }
+};
+const GradientPrimaryPalette = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    // Gradient primary palette data
+    this.colors = [{
+      rgb: 'R156 G225 B66',
+      cmyk: 'C52 M0 Y98 K0',
+      hex: '#9CE142',
+      pantoneC: 'PANTONE 367 C',
+      pantoneU: 'PANTONE 374 U',
+      background: 'linear-gradient(to bottom, #9CE142 0%, #00C959 50%, #00A595 100%)'
+    }, {
+      rgb: 'R0 G201 B89',
+      cmyk: 'C75 M0 Y80 K0',
+      hex: '#00C959',
+      pantoneC: 'PANTONE 7480 C',
+      pantoneU: 'PANTONE 7481 U',
+      background: 'linear-gradient(to bottom, #9CE142 0%, #00C959 50%, #00A595 100%)'
+    }, {
+      rgb: 'R0 G165 B149',
+      cmyk: 'C78 M8 Y49 K0',
+      hex: '#00A595',
+      pantoneC: 'PANTONE 3272 C',
+      pantoneU: 'PANTONE 3275 U',
+      background: 'linear-gradient(to bottom, #9CE142 0%, #00C959 50%, #00A595 100%)'
+    }];
+  }
+  render() {
+    return h("ul", {
+      key: 'f943b364e509b687251bc9f75a6de5292f31533e',
+      class: "gap-y-8 md:gap-y-12 lg:gap-y-16",
+      style: {
+        background: 'linear-gradient(to bottom, #9CE142 0%, #00C959 50%, #00A595 100%)'
+      }
+    }, this.colors.map(color => h("li", {
+      class: "grid-col-span-12 md:grid-col-span-6 flex flex-col"
+    }, h("div", {
+      class: "effect-height flex items-center justify-between p-16"
+    }, h("div", {
+      class: "grid"
+    }, h("span", {
+      class: "f-body-02"
+    }, color.rgb), h("span", {
+      class: "f-body-02 w-full"
+    }, color.cmyk), h("eds-code-block", {
+      code: color.hex,
+      style: {
+        minWidth: '150px',
+        marginRight: '5px'
+      }
+    })), h("div", {
+      class: "grid"
+    }, h("span", {
+      class: "f-body-02"
+    }, color.pantoneC), h("span", {
+      class: "f-body-02"
+    }, color.pantoneU))))));
+  }
+};
+const GradientSecondaryPalette = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    // Gradient secondary palette data
+    this.colors = [{
+      rgb: 'R63 G169 B245',
+      cmyk: 'C68 M13 Y0 K0',
+      hex: '#3FA9F5',
+      pantoneC: 'PANTONE 298 C',
+      pantoneU: 'PANTONE 298 U',
+      background: 'linear-gradient(to bottom, #3FA9F5, #3FA9F5)'
+    }, {
+      rgb: 'R6 G68 B244',
+      cmyk: 'C92 M60 Y0 K0',
+      hex: '#0644F4',
+      pantoneC: 'PANTONE 2728 C',
+      pantoneU: 'PANTONE 2935 U',
+      background: 'linear-gradient(to bottom, #3FA9F5, #0644F4)'
+    }, {
+      rgb: 'R196 G97 B255',
+      cmyk: 'C52 M67 Y0 K0',
+      hex: '#C461FF',
+      pantoneC: 'PANTONE 252 C',
+      pantoneU: 'PANTONE 252 U',
+      background: 'linear-gradient(to bottom, #C461FF, #C461FF)'
+    }, {
+      rgb: 'R93 G61 B249',
+      cmyk: 'C83 M78 Y0 K0',
+      hex: '#5D3DF9',
+      pantoneC: 'PANTONE 266 C',
+      pantoneU: 'PANTONE 2735 U',
+      background: 'linear-gradient(to bottom, #C461FF, #5D3DF9)'
+    }, {
+      rgb: 'R255 G165 B67',
+      cmyk: 'C0 M43 Y76 K0',
+      hex: '#FFA543',
+      pantoneC: 'PANTONE 804 C',
+      pantoneU: 'PANTONE 136 U',
+      background: 'linear-gradient(to bottom, #FFA543, #FFA543)'
+    }, {
+      rgb: 'R255 G77 B104',
+      cmyk: 'C0 M81 Y42 K0',
+      hex: '#FF4D68',
+      pantoneC: 'PANTONE 1785 C',
+      pantoneU: 'PANTONE 185 U',
+      background: 'linear-gradient(to bottom, #FFA543, #FF4D68)'
+    }];
+  }
+  render() {
+    return h("div", {
+      key: 'bdc18e3d665665553343829c723199b442e19d45'
+    }, h("ul", {
+      key: 'd8eaca9e80b609d02bc8110f18df5e160df31a82',
+      class: "gap-y-8 md:gap-y-12 lg:gap-y-16"
+    }, h("li", {
+      key: 'c5aebad3d86550c6cf1a838df3e8c9ec9747cb66',
+      class: "grid-col-span-12 md:grid-col-span-6 flex flex-col"
+    }, h("div", {
+      key: '23b9e4b23e828626a764ef259015b9d257bc0c0a',
+      class: "effect-height flex items-center justify-between p-16",
+      style: {
+        background: this.colors[0].background
+      }
+    }, h("div", {
+      key: 'a91c4fa791b2047cc5269c7904a128850e4d0fb1',
+      class: "grid"
+    }, h("span", {
+      key: 'cf468a9a5668b8985bfb017c388700aa15004c14',
+      class: "f-body-02"
+    }, this.colors[0].rgb), h("span", {
+      key: '562785dd94ded6d876aa99255996dcdb29ab1697',
+      class: "f-body-02 w-full"
+    }, this.colors[0].cmyk), h("eds-code-block", {
+      key: '1864b7d5a62e7936b23c6db3aaf2265e1b7e9d05',
+      code: this.colors[0].hex,
+      style: {
+        minWidth: '150px',
+        marginRight: '5px'
+      }
+    })), h("div", {
+      key: '21c102281f3d0190931f4c51ceec86bb6d47f329',
+      class: "grid"
+    }, h("span", {
+      key: 'f6f6afb11df2a294083285ddd4f571e36693490c',
+      class: "f-body-02"
+    }, this.colors[0].pantoneC), h("span", {
+      key: '0e14a45108fe727bb8be3035138eb5b814417062',
+      class: "f-body-02"
+    }, this.colors[0].pantoneU))), h("div", {
+      key: '2d4142003fce425659f61711f1d6f1c99883753e',
+      class: "effect-height flex items-center justify-between p-16",
+      style: {
+        background: this.colors[1].background
+      }
+    }, h("div", {
+      key: '4d2d09712751c9c9a6d65b5fa17b940c2052ab22',
+      class: "grid"
+    }, h("span", {
+      key: 'd114fd9cb9b365c5c671e5949437d666b82ad565',
+      class: "f-body-02"
+    }, this.colors[1].rgb), h("span", {
+      key: '185b7450294ffe29066af38007e0c49ef63e076f',
+      class: "f-body-02 w-full"
+    }, this.colors[1].cmyk), h("eds-code-block", {
+      key: '351efdce5d3fac3feaf0bf2f7893dc27c2d75342',
+      code: this.colors[1].hex,
+      style: {
+        minWidth: '150px',
+        marginRight: '5px'
+      }
+    })), h("div", {
+      key: '3bf2699a9868e389f992ff48d4c39d488a4abbfc',
+      class: "grid"
+    }, h("span", {
+      key: 'a681050804433e72304d96ec086fafb8cbc51173',
+      class: "f-body-02"
+    }, this.colors[1].pantoneC), h("span", {
+      key: '95c9809b141e92a409a5a627ceb768520c9c4ece',
+      class: "f-body-02"
+    }, this.colors[1].pantoneU))))), h("eds-block-break", {
+      key: '66ef5f885a5c19fafa1b0fff70d1b9030a7134b0'
+    }), h("ul", {
+      key: '64c01dd159b84674852efb2fe3745408bae602d8',
+      class: "gap-y-8 md:gap-y-12 lg:gap-y-16"
+    }, h("li", {
+      key: '3f26394aa89b38a2da75745a2e10cd667b384794',
+      class: "grid-col-span-12 md:grid-col-span-6 flex flex-col"
+    }, h("div", {
+      key: '02175a5dee1685aa806f7f11f38b1fc10bc3e39f',
+      class: "effect-height flex items-center justify-between p-16",
+      style: {
+        background: this.colors[2].background
+      }
+    }, h("div", {
+      key: 'f32d9cfe7b4f685cd763c782978f74e5e9a89163',
+      class: "grid"
+    }, h("span", {
+      key: '553c770c44856f9cd9c1889469d23cda5f287cc0',
+      class: "f-body-02"
+    }, this.colors[2].rgb), h("span", {
+      key: 'bbf13e0c6a19b0e916fff6c9d327a647e7a6fbf8',
+      class: "f-body-02 w-full"
+    }, this.colors[2].cmyk), h("eds-code-block", {
+      key: 'b06f51bea3fc1e9163cc05db89394eba7043f6c7',
+      code: this.colors[2].hex,
+      style: {
+        minWidth: '150px',
+        marginRight: '5px'
+      }
+    })), h("div", {
+      key: '3aa123886f1a945552885d37698229f5cd0a2966',
+      class: "grid"
+    }, h("span", {
+      key: '3016782b49158e04f6d45ad64cee65b39e878fa4',
+      class: "f-body-02"
+    }, this.colors[2].pantoneC), h("span", {
+      key: '21d1948bdaa6bfbb6089657f74ee8fa0ecbebace',
+      class: "f-body-02"
+    }, this.colors[2].pantoneU))), h("div", {
+      key: 'f47d2389491869cd32b738a3b90018115afbcb54',
+      class: "effect-height flex items-center justify-between p-16",
+      style: {
+        background: this.colors[3].background
+      }
+    }, h("div", {
+      key: 'f1f01d85a7c3be1ad5ed8b853f79eedf6330e82e',
+      class: "grid"
+    }, h("span", {
+      key: 'f649a7e8e05bb5831c23a7411843cd98ed2ed96f',
+      class: "f-body-02"
+    }, this.colors[3].rgb), h("span", {
+      key: '455e57d9ca09d6e77bdc0991712e808bdca0e6e5',
+      class: "f-body-02 w-full"
+    }, this.colors[3].cmyk), h("eds-code-block", {
+      key: '7fb2003ba7dd3d1f24aebdd90c87bd805ad0cd3a',
+      code: this.colors[3].hex,
+      style: {
+        minWidth: '150px',
+        marginRight: '5px'
+      }
+    })), h("div", {
+      key: 'e0d3fedab453a4bec2d84aaf62b4a80c82a2db86',
+      class: "grid"
+    }, h("span", {
+      key: '5286c2010275bc886814b513cf4d84e7094621fd',
+      class: "f-body-02"
+    }, this.colors[3].pantoneC), h("span", {
+      key: '3593537296fa34b31d417242664384f7a8d87583',
+      class: "f-body-02"
+    }, this.colors[3].pantoneU))))), h("eds-block-break", {
+      key: '5cfec71639c53573ba390860973e8a2ba1fd5c44'
+    }), h("ul", {
+      key: '117e15fcee91fc3f01af739bd73bfd34cdf56e7a',
+      class: "gap-y-8 md:gap-y-12 lg:gap-y-16"
+    }, h("li", {
+      key: '301626130c8f9737f05a3d4b070ff1fd6adf177f',
+      class: "grid-col-span-12 md:grid-col-span-6 flex flex-col"
+    }, h("div", {
+      key: 'c58c6cef85dbf3fb3fddd6bfceb0bf1d39590f5c',
+      class: "effect-height flex items-center justify-between p-16",
+      style: {
+        background: this.colors[4].background
+      }
+    }, h("div", {
+      key: 'f5a2a3cbfa9c62bf0073a176474b41a6fcf684a1',
+      class: "grid"
+    }, h("span", {
+      key: 'b4af0df345df2de8031bf404ebae2f048fd9c5c9',
+      class: "f-body-02"
+    }, this.colors[4].rgb), h("span", {
+      key: '79e7576ed0036fb4339b12e8c4b3fe327685879d',
+      class: "f-body-02 w-full"
+    }, this.colors[4].cmyk), h("eds-code-block", {
+      key: 'b409249f4fb37f56251bb1305f4062d89bdf6b0e',
+      code: this.colors[4].hex,
+      style: {
+        minWidth: '150px',
+        marginRight: '5px'
+      }
+    })), h("div", {
+      key: '84fe567c909d8c1f4923b9be35b7548a95a11eea',
+      class: "grid"
+    }, h("span", {
+      key: '6bf3c87341ab929749913400f1a2f9773bb03a97',
+      class: "f-body-02"
+    }, this.colors[4].pantoneC), h("span", {
+      key: '237e9a04a4c7dc25ed19d021dc292053034e8113',
+      class: "f-body-02"
+    }, this.colors[4].pantoneU))), h("div", {
+      key: 'd2c85d6e08bdb41850d4a93b7a6e18b683583d8f',
+      class: "effect-height flex items-center justify-between p-16",
+      style: {
+        background: this.colors[5].background
+      }
+    }, h("div", {
+      key: '832782a24170ba86015d59bbc7e59654fe8e6537',
+      class: "grid"
+    }, h("span", {
+      key: '9b45e512e6068874f829260378f2e2545d098e05',
+      class: "f-body-02"
+    }, this.colors[5].rgb), h("span", {
+      key: '31c2ef651c4fd295921910828388d6aaeba21c9e',
+      class: "f-body-02 w-full"
+    }, this.colors[5].cmyk), h("eds-code-block", {
+      key: '3d238f2e4d97604c411f5ad38787cf2d6fc9771a',
+      code: this.colors[5].hex,
+      style: {
+        minWidth: '150px',
+        marginRight: '5px'
+      }
+    })), h("div", {
+      key: 'b96d4416fc2fb060ccc197020ae8ee8a2fc05aa5',
+      class: "grid"
+    }, h("span", {
+      key: '83b4399412447ab4c3ab43a75d6b82c069b37b76',
+      class: "f-body-02"
+    }, this.colors[5].pantoneC), h("span", {
+      key: '4af3fd1f49acae167a909e1ceb21203bdff66690',
+      class: "f-body-02"
+    }, this.colors[5].pantoneU))))));
+  }
+};
+const GradientSupportPalette = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    // Gradient support palette data
+    this.colors = [{
+      rgb: 'R20 G20 B20',
+      cmyk: 'C78 M69 Y61 K87',
+      hex: '#141414',
+      pantoneC: '',
+      pantoneU: '',
+      background: '#141414'
+    }, {
+      rgb: 'R56 G56 B56',
+      cmyk: 'C68 M58 Y55 K63',
+      hex: '#383838',
+      pantoneC: 'PANTONE 447 C',
+      pantoneU: 'PANTONE Neutral Black U',
+      background: '#383838'
+    }, {
+      rgb: 'R204 G204 B204',
+      cmyk: 'C23 M17 Y18 K0',
+      hex: '#CCCCCC',
+      pantoneC: 'PANTONE Cool Gray 2 C',
+      pantoneU: 'PANTONE Cool Gray 2 U',
+      background: 'linear-gradient(to bottom, #CCCCCC, #CCCCCC)'
+    }, {
+      rgb: 'R230 G230 B230',
+      cmyk: 'C12 M8 Y9 K0',
+      hex: '#E6E6E6',
+      pantoneC: 'PANTONE 663 C',
+      pantoneU: 'PANTONE 649 U',
+      background: 'linear-gradient(to bottom, #CCCCCC, #E6E6E6)'
+    }, {
+      rgb: 'R255 G255 B255',
+      cmyk: 'C0 M0 Y0 K0',
+      hex: '#FFFFFF',
+      pantoneC: '',
+      pantoneU: '',
+      background: '#FFFFFF'
+    }];
+  }
+  render() {
+    return h("ul", {
+      key: 'c7a9e89b9da867c127705056cdb10a6985bcfa43',
+      class: "gap-y-8 md:gap-y-12 lg:gap-y-16"
+    }, h("li", {
+      key: '47cd16f026680ac4885a87fda5a7334b51412236',
+      class: "grid-col-span-12 md:grid-col-span-6 flex flex-col"
+    }, h("div", {
+      key: '4a400afaa3dada2350a4f0c22f68e31c68f8fbb5',
+      class: "effect-height flex items-center justify-between p-16",
+      style: {
+        backgroundColor: this.colors[0].background
+      }
+    }, h("div", {
+      key: 'b42a6ea902b8ceb2b59625dd505e8a9dd76eaef5',
+      class: "grid"
+    }, h("span", {
+      key: '50d914814be2695d1479e4503e6ba29494769333',
+      class: "f-body-02"
+    }, this.colors[0].rgb), h("span", {
+      key: 'c9c2900f6e5a03cce2d692270efeb6196f5247d9',
+      class: "f-body-02 w-full"
+    }, this.colors[0].cmyk), h("eds-code-block", {
+      key: 'bc07b6e90d9b426ef20bf0b61dfd1cf9ffeb9c28',
+      code: this.colors[0].hex,
+      style: {
+        minWidth: '150px',
+        marginRight: '5px'
+      }
+    })), h("div", {
+      key: '29a0057038daa5a5eceb64607658c7016fd55dce',
+      class: "grid"
+    }, h("span", {
+      key: 'a94716477804b07614ffdc0fe543e8828ad39c24',
+      class: "f-body-02"
+    }, this.colors[0].pantoneC || 'N/A'), h("span", {
+      key: '83be94becd5d45b4547e204d89725b3b6ac2cf9f',
+      class: "f-body-02"
+    }, this.colors[0].pantoneU || 'N/A')))), h("li", {
+      key: '0ea4a2a1e82af5d75003a518d39cf256707e7bc9',
+      class: "grid-col-span-12 md:grid-col-span-6 flex flex-col"
+    }, h("div", {
+      key: 'fbf46dbacd066c848b32c0cc5450a27f27ac9fff',
+      class: "effect-height flex items-center justify-between p-16",
+      style: {
+        backgroundColor: this.colors[1].background
+      }
+    }, h("div", {
+      key: '1ee3cf46b024449c1ef3b574d444a7c46c681329',
+      class: "grid"
+    }, h("span", {
+      key: '9f330c8d91f92cdf265b533a6452b0bcbb750b59',
+      class: "f-body-02"
+    }, this.colors[1].rgb), h("span", {
+      key: '8233d8e3edd2e56cf0c21ef41ad3fbc9304081d6',
+      class: "f-body-02 w-full"
+    }, this.colors[1].cmyk), h("eds-code-block", {
+      key: 'b5fe02b9ebba2007e79bea4dc626529dfb079387',
+      code: this.colors[1].hex,
+      style: {
+        minWidth: '150px',
+        marginRight: '5px'
+      }
+    })), h("div", {
+      key: '9cc0560cd2b01ba2dd28cbcdd6498112824840ee',
+      class: "grid"
+    }, h("span", {
+      key: '239157d8d24f5ad8384479c2cb01c98b175d1ba9',
+      class: "f-body-02"
+    }, this.colors[1].pantoneC || 'N/A'), h("span", {
+      key: '3bf35bb7d4d6b40469dcf7fad11e91280f509dcd',
+      class: "f-body-02"
+    }, this.colors[1].pantoneU || 'N/A')))), h("li", {
+      key: 'ce422b2cd0e6aa04b479fc65051a84a6df6b7885',
+      class: "grid-col-span-12 md:grid-col-span-6 flex flex-col"
+    }, h("div", {
+      key: 'be5b32ca29a572fe6259f1ce38cb619ff891dd10',
+      class: "effect-height flex items-center justify-between p-16",
+      style: {
+        background: this.colors[2].background
+      }
+    }, h("div", {
+      key: '316e83dc0cb32df5dc95bc926f628a17c83ee7ff',
+      class: "grid"
+    }, h("span", {
+      key: '137f7cd7f0bbac24cfc12cf7c9bc0f3cf79f697d',
+      class: "f-body-02"
+    }, this.colors[2].rgb), h("span", {
+      key: '22b0307ccd12d25b42b8253b78a1b82a52bd5ebc',
+      class: "f-body-02 w-full"
+    }, this.colors[2].cmyk), h("eds-code-block", {
+      key: '1e27dd1221baeead37dda20d2869f446b1098655',
+      code: this.colors[2].hex,
+      style: {
+        minWidth: '150px',
+        marginRight: '5px'
+      }
+    })), h("div", {
+      key: '6d2a34842470d26a49e56f1ac87991de251d437c',
+      class: "grid"
+    }, h("span", {
+      key: '7e2213e4f1f51e26779bb20ad5f5ad228c71be95',
+      class: "f-body-02"
+    }, this.colors[2].pantoneC), h("span", {
+      key: '59424be94d66cb7fc4cc25f4b470179f145d31cf',
+      class: "f-body-02"
+    }, this.colors[2].pantoneU))), h("div", {
+      key: '3abe2e221fb94bfe2d3a1808496a195753e50b92',
+      class: "effect-height flex items-center justify-between p-16",
+      style: {
+        background: this.colors[3].background
+      }
+    }, h("div", {
+      key: '24502f470ddb1881655b6c19216f0702b3728d26',
+      class: "grid"
+    }, h("span", {
+      key: 'b0a86c800dafa141d5d665d1cfcf4dde204f9594',
+      class: "f-body-02"
+    }, this.colors[3].rgb), h("span", {
+      key: '20309cdbfff6bb0953025e82c06343f83fd6f878',
+      class: "f-body-02 w-full"
+    }, this.colors[3].cmyk), h("eds-code-block", {
+      key: 'd83e2351a1f717716d339638b10bdc96d1acaeda',
+      code: this.colors[3].hex,
+      style: {
+        minWidth: '150px',
+        marginRight: '5px'
+      }
+    })), h("div", {
+      key: '0fda1734b7ab96453af9316695c66bb03917d1f6',
+      class: "grid"
+    }, h("span", {
+      key: '692a1cecedf32db4783840ba0d6c5b9d7db3ee50',
+      class: "f-body-02"
+    }, this.colors[3].pantoneC), h("span", {
+      key: 'be23c5a7bd828f00d123cf20febea767cbe0f9b3',
+      class: "f-body-02"
+    }, this.colors[3].pantoneU)))), h("li", {
+      key: 'd584c32630f9b58355cf3b772ebdf8cdaac2d060',
+      class: "grid-col-span-12 md:grid-col-span-6 flex flex-col"
+    }, h("div", {
+      key: '78f22604defd15a5d43e2eaa79e254b7415976b7',
+      class: "effect-height flex items-center justify-between p-16",
+      style: {
+        backgroundColor: this.colors[4].background
+      }
+    }, h("div", {
+      key: 'd216e68addbd780486b699672033c27ff68a8034',
+      class: "grid"
+    }, h("span", {
+      key: '1c26437a530d3b09c5a3e92cf14d243aa86c0956',
+      class: "f-body-02"
+    }, this.colors[4].rgb), h("span", {
+      key: 'e9ee2088dfad82523f799663e1b9a1aeaac2529b',
+      class: "f-body-02 w-full"
+    }, this.colors[4].cmyk), h("eds-code-block", {
+      key: 'f8ef23e2a5027609ddf4be44c7c3b1096586bd04',
+      code: this.colors[4].hex,
+      style: {
+        minWidth: '150px',
+        marginRight: '5px'
+      }
+    })), h("div", {
+      key: '7f36d8b56cb6475c4a852d6aa7d242e1a241ca10',
+      class: "grid"
+    }, h("span", {
+      key: 'abe78109be71d80d68347ded8794d0bed31f66a0',
+      class: "f-body-02"
+    }, this.colors[4].pantoneC || 'N/A'), h("span", {
+      key: 'd2e2343639db85544e1819b59460d0ef2b1c1317',
+      class: "f-body-02"
+    }, this.colors[4].pantoneU || 'N/A')))));
+  }
+};
+
+export { ColorPrimaryPalette as color_primary_palette, ColorSecondaryPalette as color_secondary_palette, ColorSupportPalette as color_support_palette, GradientPrimaryPalette as gradient_primary_palette, GradientSecondaryPalette as gradient_secondary_palette, GradientSupportPalette as gradient_support_palette };