@ebrains/react 0.9.0-beta → 0.9.2-beta

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

@@ -1,778 +0,0 @@
-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: '970e6baf4b258e9a0ed194316daf1c862d17733e',
-      class: "not-prose 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: '54f985b91b28ae253a06ec313872ccc81449bf51',
-      class: "not-prose 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);
-    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'
-    }];
-  }
-  getTextColor(value) {
-    // hex branch
-    if (value.startsWith('#')) {
-      const hex = value.slice(1);
-      const r = parseInt(hex.substring(0, 2), 16);
-      const g = parseInt(hex.substring(2, 4), 16);
-      const b = parseInt(hex.substring(4, 6), 16);
-      const brightness = (0.299 * r + 0.587 * g + 0.114 * b) / 255;
-      return brightness > 0.5 ? 'text-default' : 'text-inverse';
-    }
-    // rgb(...) branch
-    if (/rgb/i.test(value)) {
-      const nums = value.replace(/rgba?\(/i, '').replace(')', '').split(',').map(n => parseFloat(n.trim()));
-      const [r, g, b] = nums;
-      const brightness = (0.299 * r + 0.587 * g + 0.114 * b) / 255;
-      return brightness > 0.5 ? 'text-default' : 'text-inverse';
-    }
-    // fallback
-    return 'text-default';
-  }
-  render() {
-    return h("ul", {
-      key: 'cf31dbb2778735cb95f40243f557e97c15cd29f0',
-      class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16"
-    }, this.colors.map(color => {
-      // compute once
-      const textClass = this.getTextColor(color.background);
-      return 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 ${textClass}`
-      }, color.cmyk), h("eds-code-block", {
-        code: color.hex,
-        style: {
-          minWidth: '150px',
-          marginRight: '5px'
-        },
-        class: textClass
-      })), h("div", {
-        class: "grid"
-      }, h("span", {
-        class: `f-body-02 ${textClass}`
-      }, color.pantoneC), h("span", {
-        class: `f-body-02 ${textClass}`
-      }, color.pantoneU))));
-    }));
-  }
-};
-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: '469fc7f19a4346b7e930095c489c0e89cc58e6df',
-      class: "not-prose 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: 'bcfd5c5ca5a01138d27ae5f0867998bb40d526ac'
-    }, h("ul", {
-      key: '6f79d13b142488f1253ba77b0a044fd8ada8d297',
-      class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16"
-    }, h("li", {
-      key: 'e8e44a1ee3993564fc2331d0d9337a2e0ceaebc1',
-      class: "grid-col-span-12 md:grid-col-span-6 flex flex-col"
-    }, h("div", {
-      key: '229940b2fe6264429fb7627c9d3aa02e18e90b5a',
-      class: "effect-height flex items-center justify-between p-16",
-      style: {
-        background: this.colors[0].background
-      }
-    }, h("div", {
-      key: '0cf83c147dde777efe2783d2148e780ab328c978',
-      class: "grid"
-    }, h("span", {
-      key: '06f893ff45abe7c1d3cb817fe5834a5176c93f06',
-      class: "f-body-02"
-    }, this.colors[0].rgb), h("span", {
-      key: '3967e17ed980810d8b35b0d2b2e754f7b2e8b3e0',
-      class: "f-body-02 w-full"
-    }, this.colors[0].cmyk), h("eds-code-block", {
-      key: '2adc489cee7b3a3a67f62493fb5e125fc1e75c04',
-      code: this.colors[0].hex,
-      style: {
-        minWidth: '150px',
-        marginRight: '5px'
-      }
-    })), h("div", {
-      key: 'cb27de2308afcaaaad82675c50573805e51f36f7',
-      class: "grid"
-    }, h("span", {
-      key: '0655190c8a8d555ed0fec5c319ff349d9fefc4d0',
-      class: "f-body-02"
-    }, this.colors[0].pantoneC), h("span", {
-      key: '2b75a99e922965547e9f86240c0db577ec0b9682',
-      class: "f-body-02"
-    }, this.colors[0].pantoneU))), h("div", {
-      key: 'a8b7ef1c5309601366baffa2d3b48c6cd8893eb6',
-      class: "effect-height flex items-center justify-between p-16",
-      style: {
-        background: this.colors[1].background
-      }
-    }, h("div", {
-      key: 'fd01906e34a91984aa7ce6439abcf03673d70099',
-      class: "grid"
-    }, h("span", {
-      key: 'd4e119028ad415d9a21988c2bf603011856bb78d',
-      class: "f-body-02"
-    }, this.colors[1].rgb), h("span", {
-      key: '4ba9d26645884bc1fc75741ee40509af56a9e7ae',
-      class: "f-body-02 w-full"
-    }, this.colors[1].cmyk), h("eds-code-block", {
-      key: '5be1c28b15b458fba099868b598ee513077562e0',
-      code: this.colors[1].hex,
-      style: {
-        minWidth: '150px',
-        marginRight: '5px'
-      }
-    })), h("div", {
-      key: '8609b9e68f23aaec35e76b312a425c376d508892',
-      class: "grid"
-    }, h("span", {
-      key: 'f5cbb2d867e1a66e8371ebd73503ac1cd208f51d',
-      class: "f-body-02"
-    }, this.colors[1].pantoneC), h("span", {
-      key: 'b72b8b23c5b1e136cb1114af22f34c6222b0d0f9',
-      class: "f-body-02"
-    }, this.colors[1].pantoneU))))), h("eds-block-break", {
-      key: '73e70749f132579efc19bccab4fff8b3e2d6979a'
-    }), h("ul", {
-      key: 'ae61acfb731129d85d3c5151ac08d676113a5971',
-      class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16"
-    }, h("li", {
-      key: '2b59810dbc40db3dfca10a09ad524499ea87f0e9',
-      class: "grid-col-span-12 md:grid-col-span-6 flex flex-col"
-    }, h("div", {
-      key: 'e66cdabf69654205b975801bbc5ff102982fba78',
-      class: "effect-height flex items-center justify-between p-16",
-      style: {
-        background: this.colors[2].background
-      }
-    }, h("div", {
-      key: '0f4d10150dc7694d7d4ccf59bc99a95216a00bc5',
-      class: "grid"
-    }, h("span", {
-      key: '85bbcdc4ca9b1f35625c15f5e742c35599084456',
-      class: "f-body-02"
-    }, this.colors[2].rgb), h("span", {
-      key: '0b5354d88e4ada3497bb20ae9138e3f23d31b5e7',
-      class: "f-body-02 w-full"
-    }, this.colors[2].cmyk), h("eds-code-block", {
-      key: 'a67ca35d57d13a66fcab132565c1a246e37f42e8',
-      code: this.colors[2].hex,
-      style: {
-        minWidth: '150px',
-        marginRight: '5px'
-      }
-    })), h("div", {
-      key: '41322955767caa5ce439b142ccacdcb809ebc52e',
-      class: "grid"
-    }, h("span", {
-      key: 'ab06d7acd75b1065d057a4ec8cd7af93cd91bb5c',
-      class: "f-body-02"
-    }, this.colors[2].pantoneC), h("span", {
-      key: 'ec63cad47f9021cfd1bed508721cc5772d037bd3',
-      class: "f-body-02"
-    }, this.colors[2].pantoneU))), h("div", {
-      key: 'ce5898b0ff195f6033d28e68dfd981a1813a23a4',
-      class: "effect-height flex items-center justify-between p-16",
-      style: {
-        background: this.colors[3].background
-      }
-    }, h("div", {
-      key: '1126fbf08d60b5840ba76e7d838d0ebfb47a0af9',
-      class: "grid"
-    }, h("span", {
-      key: 'd18fbf24fcedb41638c626991e9ef3706cd0e4f7',
-      class: "f-body-02"
-    }, this.colors[3].rgb), h("span", {
-      key: '9d7d1df13ce9ab7b447d72851a2f5f3b66cf1034',
-      class: "f-body-02 w-full"
-    }, this.colors[3].cmyk), h("eds-code-block", {
-      key: '5f92ba3b52a56638b7469572614d75fde23a1516',
-      code: this.colors[3].hex,
-      style: {
-        minWidth: '150px',
-        marginRight: '5px'
-      }
-    })), h("div", {
-      key: '4b17671dd5d18382d80ee52b8cbce51633d78603',
-      class: "grid"
-    }, h("span", {
-      key: 'cc6a59b63bcd128d5adfd70d908cecba1324a717',
-      class: "f-body-02"
-    }, this.colors[3].pantoneC), h("span", {
-      key: '1cf37dab03769794f85d09d8d331306fb24e2fb3',
-      class: "f-body-02"
-    }, this.colors[3].pantoneU))))), h("eds-block-break", {
-      key: '1e1888c860c39e5ac93c2dcd5ff9bf65e8c3b412'
-    }), h("ul", {
-      key: '46ee0e1cd0a80a6da7991ee9474e4db5841b1c52',
-      class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16"
-    }, h("li", {
-      key: '59343e8799ddb56b0d14d3a9c43f4d43c5d82cba',
-      class: "grid-col-span-12 md:grid-col-span-6 flex flex-col"
-    }, h("div", {
-      key: '5388a8eb55332a9a6d5b5fbe8bf022eb2a76d06c',
-      class: "effect-height flex items-center justify-between p-16",
-      style: {
-        background: this.colors[4].background
-      }
-    }, h("div", {
-      key: '0f57d835c53d5844a155c8cfb78b1b3d0d37aecd',
-      class: "grid"
-    }, h("span", {
-      key: '65b91767f90901590ca0ca4d892bf4bf5ca215d2',
-      class: "f-body-02"
-    }, this.colors[4].rgb), h("span", {
-      key: 'c2c46be9bee84e4ca53929dc9a0f5b87f48ad3ed',
-      class: "f-body-02 w-full"
-    }, this.colors[4].cmyk), h("eds-code-block", {
-      key: 'c40e13a9f535d710cede159d555fac9bbddf7b4c',
-      code: this.colors[4].hex,
-      style: {
-        minWidth: '150px',
-        marginRight: '5px'
-      }
-    })), h("div", {
-      key: '0ebf1113e44f4e2704465d286022b84ddd57c43e',
-      class: "grid"
-    }, h("span", {
-      key: 'e8c7485dfe4b2d1e36eae2cb21ec624384e5c085',
-      class: "f-body-02"
-    }, this.colors[4].pantoneC), h("span", {
-      key: '7d875d8c15a4f7bee7c746d9f297bd910f4cc5a6',
-      class: "f-body-02"
-    }, this.colors[4].pantoneU))), h("div", {
-      key: '27777683ba91c02274fd691b09a43c836e24aca3',
-      class: "effect-height flex items-center justify-between p-16",
-      style: {
-        background: this.colors[5].background
-      }
-    }, h("div", {
-      key: '4f9b082b9e6c5d679801446fa5a7b88d18b40147',
-      class: "grid"
-    }, h("span", {
-      key: '6afd59aafb0f1b793a8f989f7d201a922951dacd',
-      class: "f-body-02"
-    }, this.colors[5].rgb), h("span", {
-      key: '2114f91de062deba17e69d9bff77670107ed3f91',
-      class: "f-body-02 w-full"
-    }, this.colors[5].cmyk), h("eds-code-block", {
-      key: '08f8b3155d932eed5b05f4dbfc0e3c6e23aa02b5',
-      code: this.colors[5].hex,
-      style: {
-        minWidth: '150px',
-        marginRight: '5px'
-      }
-    })), h("div", {
-      key: '5459b32225dbf86021dd6a95e84b73bf14a74fe8',
-      class: "grid"
-    }, h("span", {
-      key: 'bedfeaa4250c3bf74f267d50aecc0df93fbf21ad',
-      class: "f-body-02"
-    }, this.colors[5].pantoneC), h("span", {
-      key: '8cc7a7a1abef3dcccad63c600692bffa5df89837',
-      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: 'd965ec67f29697480e0b7a6fea0743d946476153',
-      class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16"
-    }, h("li", {
-      key: '7ae7f96aa9b3ce2a8d1fbc018b652a83e4f41e90',
-      class: "grid-col-span-12 md:grid-col-span-6 flex flex-col"
-    }, h("div", {
-      key: '604c51b26cc5eec60e2e0125cda0cb60c82282f0',
-      class: "effect-height flex items-center justify-between p-16",
-      style: {
-        backgroundColor: this.colors[0].background
-      }
-    }, h("div", {
-      key: '083d7aa003c99b54dc0c62c5ba1603c2a2a75c0a',
-      class: "grid"
-    }, h("span", {
-      key: '4bc89f70e22217fa58f1db0586a8d5ee0db8bdae',
-      class: "f-body-02"
-    }, this.colors[0].rgb), h("span", {
-      key: 'd8e1bb4f6ce3e173e31685fc4435be29d9eac4a4',
-      class: "f-body-02 w-full"
-    }, this.colors[0].cmyk), h("eds-code-block", {
-      key: 'e370e6ea2808161625aea5e9b1e6e4dd9d137f33',
-      code: this.colors[0].hex,
-      style: {
-        minWidth: '150px',
-        marginRight: '5px'
-      }
-    })), h("div", {
-      key: '6caf8c42e6296081a3daaca0e52c2a2776d1ab46',
-      class: "grid"
-    }, h("span", {
-      key: '48ac4de4d194ae630a8a14df56ff2670f2f37092',
-      class: "f-body-02"
-    }, this.colors[0].pantoneC || 'N/A'), h("span", {
-      key: 'fd02781c816a152d92c1579dc9a3115eadb0690e',
-      class: "f-body-02"
-    }, this.colors[0].pantoneU || 'N/A')))), h("li", {
-      key: 'a8562d9fb6ff77fcc6b31952a2ead12f3e0e9b50',
-      class: "grid-col-span-12 md:grid-col-span-6 flex flex-col"
-    }, h("div", {
-      key: '4578880af1de315101deb5b42c91769dc2ca7437',
-      class: "effect-height flex items-center justify-between p-16",
-      style: {
-        backgroundColor: this.colors[1].background
-      }
-    }, h("div", {
-      key: 'ed304eb3c8c3ccb769db7d769872ce075261cb17',
-      class: "grid"
-    }, h("span", {
-      key: '956fe1115a5c1c4f6d2503737a46f0f1cbdc8e06',
-      class: "f-body-02"
-    }, this.colors[1].rgb), h("span", {
-      key: '6beb1017eec40dd27351fda2ec1609987d46fb05',
-      class: "f-body-02 w-full"
-    }, this.colors[1].cmyk), h("eds-code-block", {
-      key: 'a9319b683d13670c827b3444484d5469142ef76d',
-      code: this.colors[1].hex,
-      style: {
-        minWidth: '150px',
-        marginRight: '5px'
-      }
-    })), h("div", {
-      key: '1d4f1a48a18aee0a90dd04fb336352042014ce29',
-      class: "grid"
-    }, h("span", {
-      key: 'f4b7df5e0cde451a5e650e11b9805cc5be0c9fec',
-      class: "f-body-02"
-    }, this.colors[1].pantoneC || 'N/A'), h("span", {
-      key: '26d4869a2207e1386f72d2833aaf819c15006c34',
-      class: "f-body-02"
-    }, this.colors[1].pantoneU || 'N/A')))), h("li", {
-      key: 'ed2b1465825e249bff9f5df38649b331f19e0672',
-      class: "grid-col-span-12 md:grid-col-span-6 flex flex-col"
-    }, h("div", {
-      key: '22182a6d9bb64ab5dcbc38e359c3a7d7f79f3090',
-      class: "effect-height flex items-center justify-between p-16",
-      style: {
-        background: this.colors[2].background
-      }
-    }, h("div", {
-      key: '28e2e772e7d12fbfdebec31f0aff6db397140132',
-      class: "grid"
-    }, h("span", {
-      key: '872451c9846398641f1a592e8c166a6a51ee7298',
-      class: "f-body-02"
-    }, this.colors[2].rgb), h("span", {
-      key: '84e28be1191f264e126c8579e26cbe6966010b4d',
-      class: "f-body-02 w-full"
-    }, this.colors[2].cmyk), h("eds-code-block", {
-      key: 'a4c3dc76652feefaf3a9eba5bb3694b8dbf96be8',
-      code: this.colors[2].hex,
-      style: {
-        minWidth: '150px',
-        marginRight: '5px'
-      }
-    })), h("div", {
-      key: 'ff3a6599da869d3f9e85cb94481206e7e6331988',
-      class: "grid"
-    }, h("span", {
-      key: '37ef90488eb673fdac1221f7123daa87a5a75fcd',
-      class: "f-body-02"
-    }, this.colors[2].pantoneC), h("span", {
-      key: '0a6fbb96f982a3e7c12af3787520335878faa9fe',
-      class: "f-body-02"
-    }, this.colors[2].pantoneU))), h("div", {
-      key: 'b59aeb053ab1145e0d3bc163f4650cdf30afe7d4',
-      class: "effect-height flex items-center justify-between p-16",
-      style: {
-        background: this.colors[3].background
-      }
-    }, h("div", {
-      key: 'af020f1a66c2d0afcb2e2bdf189569e6d897ef32',
-      class: "grid"
-    }, h("span", {
-      key: '3b2f895dccdeb5e2fb5aa505f19514f012d24426',
-      class: "f-body-02"
-    }, this.colors[3].rgb), h("span", {
-      key: '9836a6ef47ed0dc8767a590212a23bfca2f74adf',
-      class: "f-body-02 w-full"
-    }, this.colors[3].cmyk), h("eds-code-block", {
-      key: '3b274f716c6ca1381e4cc0136d18e167290bfa74',
-      code: this.colors[3].hex,
-      style: {
-        minWidth: '150px',
-        marginRight: '5px'
-      }
-    })), h("div", {
-      key: 'a41592e2172dc9f81e9d2f36328ff88de3f0954e',
-      class: "grid"
-    }, h("span", {
-      key: 'fd7a06a256d3513bcf239fe9f778f3589895b9d5',
-      class: "f-body-02"
-    }, this.colors[3].pantoneC), h("span", {
-      key: '991f38ea137b729c9e9e6c9e0031940151f6e9dc',
-      class: "f-body-02"
-    }, this.colors[3].pantoneU)))), h("li", {
-      key: '8efdd7d9f93cba4b9479e1d3face7cec94cf1af6',
-      class: "grid-col-span-12 md:grid-col-span-6 flex flex-col"
-    }, h("div", {
-      key: '4223ec29cac4313dc261cb472bd880ae00279657',
-      class: "effect-height flex items-center justify-between p-16",
-      style: {
-        backgroundColor: this.colors[4].background
-      }
-    }, h("div", {
-      key: '227dd5fab1add4083271b6e7f95c7d575d91252e',
-      class: "grid"
-    }, h("span", {
-      key: 'e5b1aab8d67f7c67f231acd4156768f146320be3',
-      class: "f-body-02"
-    }, this.colors[4].rgb), h("span", {
-      key: 'fc4712e37494e8e30a48bc77a0ca61c94e24075d',
-      class: "f-body-02 w-full"
-    }, this.colors[4].cmyk), h("eds-code-block", {
-      key: 'a429c519e42e242d8ce8f661a513f7b5327ffce7',
-      code: this.colors[4].hex,
-      style: {
-        minWidth: '150px',
-        marginRight: '5px'
-      }
-    })), h("div", {
-      key: '84f30a1620cacadf8c0bf1382333d74772f81f27',
-      class: "grid"
-    }, h("span", {
-      key: '2b6dfc8e87517e4d0421ef0e5c2391a07f033600',
-      class: "f-body-02"
-    }, this.colors[4].pantoneC || 'N/A'), h("span", {
-      key: 'c4cd5bc061ce4163a170568c0ed5934c7f30d75f',
-      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 };