@ebrains/react 0.0.1-alpha.0 → 0.3.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: '581f0978ebeda33a156d2baf3cc41a10897da1cf',
+      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: '7f2e8e7efa207bedaa1e19c0f7d87459a5c22693',
+      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: '6cd3d5f3128a49e9ac77abc11f46ca880bc6c195',
+      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: '922dbe263e6db86ed17d98d65d38e1d6f4ef25df',
+      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: '29353679b15fce11ec2e357704cffd6a2d1389d4'
+    }, h("ul", {
+      key: '7a262e1c8f17226c6639a00e1829d4f0927f988d',
+      class: "gap-y-8 md:gap-y-12 lg:gap-y-16"
+    }, h("li", {
+      key: 'f3dfcbe6da3ee882ae9100f95fe68788cd82195f',
+      class: "grid-col-span-12 md:grid-col-span-6 flex flex-col"
+    }, h("div", {
+      key: '83e3ac5d6f64e18e38e179251d58ff3ed23019a3',
+      class: "effect-height flex items-center justify-between p-16",
+      style: {
+        background: this.colors[0].background
+      }
+    }, h("div", {
+      key: 'ebc2424dd2950cc2704351456d4d974051e0dd93',
+      class: "grid"
+    }, h("span", {
+      key: '3fdfb110070a8795a1bb1aea12447bc2556937cc',
+      class: "f-body-02"
+    }, this.colors[0].rgb), h("span", {
+      key: '0b929d1ddd40e67bc8cd0248fc7bf0c0f8a11cb7',
+      class: "f-body-02 w-full"
+    }, this.colors[0].cmyk), h("eds-code-block", {
+      key: '3f4ab8d6b91afeaba20c273b8ede74593d452bf0',
+      code: this.colors[0].hex,
+      style: {
+        minWidth: '150px',
+        marginRight: '5px'
+      }
+    })), h("div", {
+      key: '80b6a23a151e6b71630071f2d51c03e6b8c957ff',
+      class: "grid"
+    }, h("span", {
+      key: 'c86531490e51f5559d4293bc75bb2477d23d1593',
+      class: "f-body-02"
+    }, this.colors[0].pantoneC), h("span", {
+      key: '5bbc4e02eb2845508c6de7715f5fe202a36249a5',
+      class: "f-body-02"
+    }, this.colors[0].pantoneU))), h("div", {
+      key: '050d2770d4c2e6395dc5350c9f29860ecf3d7e46',
+      class: "effect-height flex items-center justify-between p-16",
+      style: {
+        background: this.colors[1].background
+      }
+    }, h("div", {
+      key: '20a5a6748573d6e059ec81d00a737355cfd7f934',
+      class: "grid"
+    }, h("span", {
+      key: 'a63a0ea4301f11e4984f3749c087041acedb94b4',
+      class: "f-body-02"
+    }, this.colors[1].rgb), h("span", {
+      key: 'd986ecee52e15de1bbd58c48109f8c89d0cf19a2',
+      class: "f-body-02 w-full"
+    }, this.colors[1].cmyk), h("eds-code-block", {
+      key: 'd35bb3c1cb26aa9a3828cecfde1b32f428e8b1af',
+      code: this.colors[1].hex,
+      style: {
+        minWidth: '150px',
+        marginRight: '5px'
+      }
+    })), h("div", {
+      key: '8a616b789a99d3721ccc1f102131c2aba1951106',
+      class: "grid"
+    }, h("span", {
+      key: '03d172bbc56a4535d20051bb2ab1bfb4c0889586',
+      class: "f-body-02"
+    }, this.colors[1].pantoneC), h("span", {
+      key: '66f1656d1d41f1616175285cf8f7e7089c9f2657',
+      class: "f-body-02"
+    }, this.colors[1].pantoneU))))), h("eds-block-break", {
+      key: '85a7244a69f0d3af26ea5f148917183e2431140e'
+    }), h("ul", {
+      key: 'eb44b6b21fc75b1fd22e1aee42fac1aa99155b0d',
+      class: "gap-y-8 md:gap-y-12 lg:gap-y-16"
+    }, h("li", {
+      key: 'ecb50392387996034d1f4211d5336d2071927844',
+      class: "grid-col-span-12 md:grid-col-span-6 flex flex-col"
+    }, h("div", {
+      key: 'f45bf292bf11cb440731ff7bc67e5b364cb7b6c1',
+      class: "effect-height flex items-center justify-between p-16",
+      style: {
+        background: this.colors[2].background
+      }
+    }, h("div", {
+      key: '981db4da9bdbc0f60ba6e8fd83840101a815550f',
+      class: "grid"
+    }, h("span", {
+      key: 'd6aaf058991f0d7e1c4d5d7bfa17b0342880cb9c',
+      class: "f-body-02"
+    }, this.colors[2].rgb), h("span", {
+      key: 'cd63d8d64b9fa30f7a568125f61d3735c3596f0b',
+      class: "f-body-02 w-full"
+    }, this.colors[2].cmyk), h("eds-code-block", {
+      key: 'aca8d6c9668168c6d4b71cb5039e0af4cd419e30',
+      code: this.colors[2].hex,
+      style: {
+        minWidth: '150px',
+        marginRight: '5px'
+      }
+    })), h("div", {
+      key: 'ed16477727fe22372cbcd730c4e9cc67f5b35ed8',
+      class: "grid"
+    }, h("span", {
+      key: '4b6989756eb826d93b5b7d71e874f62914d221df',
+      class: "f-body-02"
+    }, this.colors[2].pantoneC), h("span", {
+      key: 'a4e3d7e9f3582a0fc5dfabbfc9feb5bb969c2933',
+      class: "f-body-02"
+    }, this.colors[2].pantoneU))), h("div", {
+      key: 'd23b28073abf3c16b3f8d58744fb5f66877cdd94',
+      class: "effect-height flex items-center justify-between p-16",
+      style: {
+        background: this.colors[3].background
+      }
+    }, h("div", {
+      key: '1c96adb58e67d7cada4b4ba382ca2fcd37f0dfd8',
+      class: "grid"
+    }, h("span", {
+      key: 'beaab441ab5852d1141b509a161123ab0f743e7c',
+      class: "f-body-02"
+    }, this.colors[3].rgb), h("span", {
+      key: 'd2e57f4fd72ff1ef9c84f27e81c8c6b03ec50f66',
+      class: "f-body-02 w-full"
+    }, this.colors[3].cmyk), h("eds-code-block", {
+      key: '48772cedf0b4ad119e14696e58203efce7bb3559',
+      code: this.colors[3].hex,
+      style: {
+        minWidth: '150px',
+        marginRight: '5px'
+      }
+    })), h("div", {
+      key: '0e233bc33432cdd2149ab20b64464d03de22bcef',
+      class: "grid"
+    }, h("span", {
+      key: 'b0f41ae03bfd3bedf2ebd60b6a4b30c677395da0',
+      class: "f-body-02"
+    }, this.colors[3].pantoneC), h("span", {
+      key: '433f30e367352cbd24668dac2ecf741b9f81febe',
+      class: "f-body-02"
+    }, this.colors[3].pantoneU))))), h("eds-block-break", {
+      key: 'a862789d835c146d140b634782eefa7b48139597'
+    }), h("ul", {
+      key: '9fe132435b11fa93057df3d747dfe36f04bfd997',
+      class: "gap-y-8 md:gap-y-12 lg:gap-y-16"
+    }, h("li", {
+      key: 'e8438aedc62f4d0195a3c4c1c714ba99c6f7b67f',
+      class: "grid-col-span-12 md:grid-col-span-6 flex flex-col"
+    }, h("div", {
+      key: '9928ba20be7b9100e437345a4c5b03bf6d495707',
+      class: "effect-height flex items-center justify-between p-16",
+      style: {
+        background: this.colors[4].background
+      }
+    }, h("div", {
+      key: '1cd2d6a8ec580b4094335d3c56acfbb398a96c28',
+      class: "grid"
+    }, h("span", {
+      key: 'dbbd548a12bcc861526309132e685a97714de1d5',
+      class: "f-body-02"
+    }, this.colors[4].rgb), h("span", {
+      key: '93d38512e45747e4277169ee3221c36f96862f29',
+      class: "f-body-02 w-full"
+    }, this.colors[4].cmyk), h("eds-code-block", {
+      key: 'b04c9679ea48bf89e70cc969ecd42984ce3c7286',
+      code: this.colors[4].hex,
+      style: {
+        minWidth: '150px',
+        marginRight: '5px'
+      }
+    })), h("div", {
+      key: '4a6130bdeb963c9674100528e2ef24a2245acbab',
+      class: "grid"
+    }, h("span", {
+      key: '7f49f52d514e36d7886a1aecb3c92c7148dcf595',
+      class: "f-body-02"
+    }, this.colors[4].pantoneC), h("span", {
+      key: '0d9a53c5262183a24114f762175f1d9fe5299950',
+      class: "f-body-02"
+    }, this.colors[4].pantoneU))), h("div", {
+      key: '26a6e6ca4a67e5ff01d4fcb75e40fdb1456ca62f',
+      class: "effect-height flex items-center justify-between p-16",
+      style: {
+        background: this.colors[5].background
+      }
+    }, h("div", {
+      key: 'ff5052b9aa74a3edb7d3ba6d1c75b9073b969b31',
+      class: "grid"
+    }, h("span", {
+      key: 'b69e9f4646835b689fd46c6f84b8b35dba1500a1',
+      class: "f-body-02"
+    }, this.colors[5].rgb), h("span", {
+      key: 'a459cc1600cb4072e6d1cfbcae75d17cf14fbbfe',
+      class: "f-body-02 w-full"
+    }, this.colors[5].cmyk), h("eds-code-block", {
+      key: '55f9185213f01a7891a4e8ff54f4f26759370ef8',
+      code: this.colors[5].hex,
+      style: {
+        minWidth: '150px',
+        marginRight: '5px'
+      }
+    })), h("div", {
+      key: '2f3bbbcdf402f0da4bade772b3cadb1b8cb3370c',
+      class: "grid"
+    }, h("span", {
+      key: '818372e4673ef5c8e35085702a559b744a5cbe8c',
+      class: "f-body-02"
+    }, this.colors[5].pantoneC), h("span", {
+      key: '2bc994826618735b82fd93fe039328a2ff4f6f95',
+      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: 'e5444717497402cac34586943ffd10abd2e77148',
+      class: "gap-y-8 md:gap-y-12 lg:gap-y-16"
+    }, h("li", {
+      key: '84f6b65181b6f2237b7ef261445a2e58935975ab',
+      class: "grid-col-span-12 md:grid-col-span-6 flex flex-col"
+    }, h("div", {
+      key: 'b9eb17a05b1a479e46adf3908ede6d2a74e47e91',
+      class: "effect-height flex items-center justify-between p-16",
+      style: {
+        backgroundColor: this.colors[0].background
+      }
+    }, h("div", {
+      key: '74cb2cf74997cf993557cbf06158578a45439965',
+      class: "grid"
+    }, h("span", {
+      key: '29c00a82880aff024927e29c95fde61016553d5d',
+      class: "f-body-02"
+    }, this.colors[0].rgb), h("span", {
+      key: 'db89f95d9c30eb90ba6d7f9cd12c793f8a500b00',
+      class: "f-body-02 w-full"
+    }, this.colors[0].cmyk), h("eds-code-block", {
+      key: 'd050e9d7910ed8ac88f4f791a2c8a1edaadcb0ac',
+      code: this.colors[0].hex,
+      style: {
+        minWidth: '150px',
+        marginRight: '5px'
+      }
+    })), h("div", {
+      key: 'd2b688154a3d1f61df4dcc1f735eae9747011d01',
+      class: "grid"
+    }, h("span", {
+      key: '2a204759a52f881b2d6b0d40116bf00bbda3aed2',
+      class: "f-body-02"
+    }, this.colors[0].pantoneC || 'N/A'), h("span", {
+      key: '9023f33ba5182558f12dfb119ed4338649638bd7',
+      class: "f-body-02"
+    }, this.colors[0].pantoneU || 'N/A')))), h("li", {
+      key: '55a4cf54a4dbc1b5c7f9962c571cbb971cba0d93',
+      class: "grid-col-span-12 md:grid-col-span-6 flex flex-col"
+    }, h("div", {
+      key: 'b4190fda8834ddfe5e53e90d357cc1835e7d16ce',
+      class: "effect-height flex items-center justify-between p-16",
+      style: {
+        backgroundColor: this.colors[1].background
+      }
+    }, h("div", {
+      key: 'cf5415f31d46d7a966fa3da040aec720c0241673',
+      class: "grid"
+    }, h("span", {
+      key: '4fb475890391784e8be7c40d0c74c02a492739f7',
+      class: "f-body-02"
+    }, this.colors[1].rgb), h("span", {
+      key: '02f5bd1fcb7be45141963bb1d723646195978d49',
+      class: "f-body-02 w-full"
+    }, this.colors[1].cmyk), h("eds-code-block", {
+      key: '781791e59a86c8687d9afe6d729161acf05fc9dd',
+      code: this.colors[1].hex,
+      style: {
+        minWidth: '150px',
+        marginRight: '5px'
+      }
+    })), h("div", {
+      key: 'dd84d9b36892ff47481babfb2fbb8a9082f43219',
+      class: "grid"
+    }, h("span", {
+      key: 'df5ef60b6866f46bafcd93d8f82498090102a520',
+      class: "f-body-02"
+    }, this.colors[1].pantoneC || 'N/A'), h("span", {
+      key: 'a8cf80fcb9f7fef12daf32055c61fdb33ee38d67',
+      class: "f-body-02"
+    }, this.colors[1].pantoneU || 'N/A')))), h("li", {
+      key: '2ed0376ad5484fadac08c530450e993fa6145328',
+      class: "grid-col-span-12 md:grid-col-span-6 flex flex-col"
+    }, h("div", {
+      key: '30ba72591ea4537407b2220a85a961fce0fc54e5',
+      class: "effect-height flex items-center justify-between p-16",
+      style: {
+        background: this.colors[2].background
+      }
+    }, h("div", {
+      key: '641ea920703268846558c852fe087fa9546e14b7',
+      class: "grid"
+    }, h("span", {
+      key: 'f672422e13deb40e9dfaddd6f9855b2de28eab5b',
+      class: "f-body-02"
+    }, this.colors[2].rgb), h("span", {
+      key: '008794c76fb2713438c198c914e718efbbfc7b5e',
+      class: "f-body-02 w-full"
+    }, this.colors[2].cmyk), h("eds-code-block", {
+      key: 'ee1cfa3a78f670c74e00e96b6415f85715334526',
+      code: this.colors[2].hex,
+      style: {
+        minWidth: '150px',
+        marginRight: '5px'
+      }
+    })), h("div", {
+      key: '295c044bb9cc9ed3a85bb488225db4401f0ea542',
+      class: "grid"
+    }, h("span", {
+      key: '9d7dbf15fd44ce3d3e45a39324ad3a60d7ae30f0',
+      class: "f-body-02"
+    }, this.colors[2].pantoneC), h("span", {
+      key: 'd639d12c3215caf3f4f1e8a4ae062b540b6af50d',
+      class: "f-body-02"
+    }, this.colors[2].pantoneU))), h("div", {
+      key: '04e95d8b1a6f7dcdbc465263382e36d05f79d602',
+      class: "effect-height flex items-center justify-between p-16",
+      style: {
+        background: this.colors[3].background
+      }
+    }, h("div", {
+      key: 'e67079bbbdfa1853a2f069f08c52a8388cce688a',
+      class: "grid"
+    }, h("span", {
+      key: '43be6b7785066c0d51aa87e987fb672a758de8bb',
+      class: "f-body-02"
+    }, this.colors[3].rgb), h("span", {
+      key: '791e968b11a9dafefac8fe0eda01b04ab4911802',
+      class: "f-body-02 w-full"
+    }, this.colors[3].cmyk), h("eds-code-block", {
+      key: '5831fd1e75f8ed0d2edc29fbc439389275adf59e',
+      code: this.colors[3].hex,
+      style: {
+        minWidth: '150px',
+        marginRight: '5px'
+      }
+    })), h("div", {
+      key: '09329acac8fbc33edada7a7c10c675631a240ea2',
+      class: "grid"
+    }, h("span", {
+      key: '42f70fa2578b40e189b95cd1d4c56ccd84cdce69',
+      class: "f-body-02"
+    }, this.colors[3].pantoneC), h("span", {
+      key: '2b8dfefd1e2dff08aa17b234a04cff60e3eb9d7a',
+      class: "f-body-02"
+    }, this.colors[3].pantoneU)))), h("li", {
+      key: 'e3a39fb7ad23526623bfea88cdab8d320847365d',
+      class: "grid-col-span-12 md:grid-col-span-6 flex flex-col"
+    }, h("div", {
+      key: 'cfde16c94675c5c9b510e3752f875655c9d098e2',
+      class: "effect-height flex items-center justify-between p-16",
+      style: {
+        backgroundColor: this.colors[4].background
+      }
+    }, h("div", {
+      key: '1f8a8bd2e746c187323841ced84eec52d2c2f2f1',
+      class: "grid"
+    }, h("span", {
+      key: '920fc68ae73790a37c927dabf687ccaf5e248841',
+      class: "f-body-02"
+    }, this.colors[4].rgb), h("span", {
+      key: '40205cf5666e6ba44ca07a09dc08e54f2f9cad56',
+      class: "f-body-02 w-full"
+    }, this.colors[4].cmyk), h("eds-code-block", {
+      key: '8a855110b362569cc9926a09772d12f133aa20b6',
+      code: this.colors[4].hex,
+      style: {
+        minWidth: '150px',
+        marginRight: '5px'
+      }
+    })), h("div", {
+      key: 'a69c90cfac79b0a7ba5fbd921117a12ce997c228',
+      class: "grid"
+    }, h("span", {
+      key: 'bc06aaaaececad3b81e4884380e17fe773f97570',
+      class: "f-body-02"
+    }, this.colors[4].pantoneC || 'N/A'), h("span", {
+      key: '15baae3dafc6b53322e1a67956af1f533ea402f7',
+      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 };