@ebrains/components 0.9.2-beta → 1.0.0

package/dist/components/gradient-secondary-palette.entry.js

@@ -1,75 +0,0 @@
-import { r as registerInstance, h } from './index-9d277061.js';
-
-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)))))));
-    }
-};
-
-export { GradientSecondaryPalette as gradient_secondary_palette };

package/dist/components/gradient-support-palette.entry.js

@@ -1,59 +0,0 @@
-import { r as registerInstance, h } from './index-9d277061.js';
-
-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 { GradientSupportPalette as gradient_support_palette };

package/dist/components/incorrect-use-of-colors.entry.js

@@ -1,46 +0,0 @@
-import { r as registerInstance, h } from './index-9d277061.js';
-
-const primary = [
-    {
-        background: '#9CE142'
-    },
-    {
-        background: '#00C959'
-    },
-    {
-        background: '#00A595'
-    }
-];
-const purple = [
-    {
-        background: '#C461FF'
-    },
-    {
-        background: '#5D3DF9'
-    }
-];
-const red = [
-    {
-        background: '#FFA543'
-    },
-    {
-        background: '#FF4D68'
-    }
-];
-const incorrect = [
-    {
-        background: '#3FA9F5'
-    },
-    ...purple,
-    ...red
-];
-const IncorrectUseOfColors = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-    }
-    render() {
-        return (h("div", { key: '80253e3c155668ddc9ff17644feba21c6bbda657', class: "container" }, h("eds-alert", { key: '6ebf1dbef8a8f24dd55b113225780d3763f240df', message: "Note that, each of the four colour tones cannot be mixed in the same composition.", intent: "error" }), h("div", { key: '749dff3be5134a9f314b285c11610eea9a4f4600', class: "flex" }, h("div", { key: 'd46d147fb0b9fab7a7965015892de54f34d69e11', class: "w-full" }, h("ul", { key: 'acb6ad9453e4e1324255a021bf42e52af29eae4f', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, primary.map((color) => (h("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { class: "w-full min-h-[150px] effect-height flex items-center justify-between p-16", style: { backgroundColor: color.background } })))))), h("div", { key: '42dc313b4347957c970f072167173ab564a8d4c0', class: "w-full" }, h("ul", { key: '89328173141957bedfe051dbba174eaa0ff903d2', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, incorrect.map((color) => (h("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { class: "w-full min-h-[90px] effect-height flex items-center justify-between p-16", style: { backgroundColor: color.background } })))))))));
-    }
-};
-
-export { IncorrectUseOfColors as incorrect_use_of_colors };