@ebrains/components 0.9.2-beta → 0.9.3-beta

package/dist/esm/color-2554aad6.js

@@ -0,0 +1,132 @@
+import { c as cva } from './index-39c58238.js';
+
+const GRADIANT_TOKENS = ['green', 'yellow', 'among-blue', 'purple'];
+const gradientBGColorVariants = cva([], {
+    variants: {
+        color: GRADIANT_TOKENS.reduce((acc, token) => (Object.assign(Object.assign({}, acc), { [token]: '' })), {}),
+        direction: {
+            top: '',
+            bottom: ''
+        },
+        pseudo: {
+            true: 'before:effect-opacity effect-bg-behind',
+            false: ''
+        },
+        hover: {
+            true: 'before:opacity-0 hover:before:opacity-100',
+            false: ''
+        }
+    },
+    compoundVariants: [
+        // region GREEN
+        {
+            color: 'green',
+            direction: 'top',
+            pseudo: true,
+            className: 'before:bg-gradient-01-top'
+        },
+        {
+            color: 'green',
+            pseudo: true,
+            direction: 'bottom',
+            className: 'before:bg-gradient-01-bottom'
+        },
+        {
+            color: 'green',
+            direction: 'top',
+            pseudo: false,
+            className: 'bg-gradient-01-top'
+        },
+        {
+            color: 'green',
+            pseudo: false,
+            direction: 'bottom',
+            className: 'bg-gradient-01-bottom'
+        },
+        // endregion
+        // region YELLOW
+        {
+            color: 'yellow',
+            direction: 'top',
+            pseudo: true,
+            className: 'before:bg-gradient-02-top'
+        },
+        {
+            color: 'yellow',
+            direction: 'bottom',
+            pseudo: true,
+            className: 'before:bg-gradient-02-bottom'
+        },
+        {
+            color: 'yellow',
+            direction: 'top',
+            pseudo: false,
+            className: 'bg-gradient-02-top'
+        },
+        {
+            color: 'yellow',
+            direction: 'bottom',
+            pseudo: false,
+            className: 'bg-gradient-02-bottom'
+        },
+        // endregion
+        // region PURPLE
+        {
+            color: 'purple',
+            direction: 'top',
+            pseudo: true,
+            class: 'before:bg-gradient-03-top'
+        },
+        {
+            color: 'purple',
+            direction: 'bottom',
+            pseudo: true,
+            class: 'before:bg-gradient-03-bottom'
+        },
+        {
+            color: 'purple',
+            direction: 'top',
+            pseudo: false,
+            class: 'bg-gradient-03-top'
+        },
+        {
+            color: 'purple',
+            direction: 'bottom',
+            pseudo: false,
+            class: 'bg-gradient-03-bottom'
+        },
+        // endregion
+        // region AMONG-BLUE
+        {
+            color: 'among-blue',
+            direction: 'top',
+            pseudo: true,
+            class: 'before:bg-gradient-04-top'
+        },
+        {
+            color: 'among-blue',
+            direction: 'bottom',
+            pseudo: true,
+            class: 'before:bg-gradient-04-bottom'
+        },
+        {
+            color: 'among-blue',
+            direction: 'top',
+            pseudo: false,
+            class: 'bg-gradient-04-top'
+        },
+        {
+            color: 'among-blue',
+            direction: 'bottom',
+            pseudo: false,
+            class: 'bg-gradient-04-bottom'
+        }
+        // endregion
+    ],
+    defaultVariants: {
+        direction: 'top',
+        pseudo: true
+    }
+});
+
+export { gradientBGColorVariants as g };

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

@@ -0,0 +1,331 @@
+import { r as registerInstance, h } from './index-8a71b9a7.js';
+
+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: 'af0b4133a365f9c2db08ea05eab950de32536950', 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: '059dacf5e142b2e4bd61a7977f1bdd79554ddca9', 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: '2cadb1ac7f985ba4960eb2a8b8d64c543c07dafa', 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: 'b77f4fad55c2aa54422fd3b18ef09d4004490014', 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: '10c513243cdbc57d018445e4413d4a1940616be1' }, h("ul", { key: 'c28494f2db389b90b82b18663d3ff2cae3528fc7', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, h("li", { key: '9b93b139f06b5cf2bf40ea9576a16f1f95b47cef', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { key: '32aea8893b8c109ac13bb4fa87f81fdfbb31211c', class: "effect-height flex items-center justify-between p-16", style: {
+                background: this.colors[0].background
+            } }, h("div", { key: '0881e06d858eb7ec8681d201abf2d6b19f89052f', class: "grid" }, h("span", { key: '9d94677102fc1ee3720b2d845038968b38143afc', class: "f-body-02" }, this.colors[0].rgb), h("span", { key: 'a11ac3d683540f396dd6a22250773d9bbc6b7c86', class: "f-body-02 w-full" }, this.colors[0].cmyk), h("eds-code-block", { key: 'aaf6227e91efb700dee4dd14a99f0f803902a348', code: this.colors[0].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: 'aefdddab57b6f487a9b9b28bf9931b43924d7fb9', class: "grid" }, h("span", { key: '5ff736d1d6d0a6919899a58970042157970fa9df', class: "f-body-02" }, this.colors[0].pantoneC), h("span", { key: '668f276d932498e064c51637157d34c416a82c35', class: "f-body-02" }, this.colors[0].pantoneU))), h("div", { key: '8797049389313e6627574e97e609572979b16ec0', class: "effect-height flex items-center justify-between p-16", style: {
+                background: this.colors[1].background
+            } }, h("div", { key: '44ee397cf746e87daa52979200c270703d1bc55e', class: "grid" }, h("span", { key: '65bc43371dee383f17da6cf366520ca6499db61d', class: "f-body-02" }, this.colors[1].rgb), h("span", { key: '3afcdc449bb40583bec4a64229beb176644c6d86', class: "f-body-02 w-full" }, this.colors[1].cmyk), h("eds-code-block", { key: '9356d97b5db02857d89215ea40bd2d17917fb032', code: this.colors[1].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: 'e4515e8ff06d5da2530754720753562fd12282a2', class: "grid" }, h("span", { key: '208101b85d06b7a9fa5c1a0d0eb470c48c55c8d6', class: "f-body-02" }, this.colors[1].pantoneC), h("span", { key: '73b9ffdae670b0977b71eb5a5540c6ca5cdf850a', class: "f-body-02" }, this.colors[1].pantoneU))))), h("eds-block-break", { key: 'a6b352c935c7c548647ec33f548f5963d3fb2771' }), h("ul", { key: 'b17a428d35de0e5fd34f93b5e5d7eea10bd97c05', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, h("li", { key: 'bf11a3863db3b16410bb33b63e589f08d3ac9f10', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { key: 'ab6c9f7addcbcedc3686f95e4955b9e7ab14b6fc', class: "effect-height flex items-center justify-between p-16", style: {
+                background: this.colors[2].background
+            } }, h("div", { key: '4a1b5ad1af1f12ecf5d0e3d29af852f8c9a68c8a', class: "grid" }, h("span", { key: '3ce666f09c7de2488d94698a19ae1c51ddecbf7b', class: "f-body-02" }, this.colors[2].rgb), h("span", { key: '10301ea300f2b1a6d827bf56fd8b8e0e0cc858f6', class: "f-body-02 w-full" }, this.colors[2].cmyk), h("eds-code-block", { key: '2db903a2fe58581b0e6d7b9adc984f4320dc8a09', code: this.colors[2].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: 'afe001eb4a52f6a05b38ffcc71d538ec22a98022', class: "grid" }, h("span", { key: '62fc31bde6e3b34327e41cd39fc80cab32faa94d', class: "f-body-02" }, this.colors[2].pantoneC), h("span", { key: '2ca52fff58fcef2660e80f2a847c45d08438f14e', class: "f-body-02" }, this.colors[2].pantoneU))), h("div", { key: '85e4a7be29033cdaf374b27ceed588c825ace64f', class: "effect-height flex items-center justify-between p-16", style: {
+                background: this.colors[3].background
+            } }, h("div", { key: '16193b9db41b2296de12684ac3f9274436aac1fa', class: "grid" }, h("span", { key: '809a4b38fe70a64bdd823093aeb0278b181fd9b8', class: "f-body-02" }, this.colors[3].rgb), h("span", { key: '96bd1f267b3fc2dc280a683d92bbc872ec446f6b', class: "f-body-02 w-full" }, this.colors[3].cmyk), h("eds-code-block", { key: '217931cdbd3da0f016253e61ef19e74e4df4f669', code: this.colors[3].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: '03b91a07130bc1d4c811759085174f794f66d143', class: "grid" }, h("span", { key: 'bdc570cfb341c90b7e89100af5034496c1b369ee', class: "f-body-02" }, this.colors[3].pantoneC), h("span", { key: 'cc10a8ba6a2cf4470bbbf16c03f513273411db4b', class: "f-body-02" }, this.colors[3].pantoneU))))), h("eds-block-break", { key: '45e15e96024ba30a44ae8fff1b1484ca036e2d89' }), h("ul", { key: 'a487cf89f96a29775770ba4a5a80019387d179bc', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, h("li", { key: '15018fc0724f6b1e62b5b37922dc924ec2fb41d8', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { key: 'b2b27ed4e039ab44c9514ddfc3dbe928ce0aa46b', class: "effect-height flex items-center justify-between p-16", style: {
+                background: this.colors[4].background
+            } }, h("div", { key: '8714548cc695018bb413d3e72ea8e580cc9bc98f', class: "grid" }, h("span", { key: '28e8f390390f82e5cbad32394e46a4606feeec6b', class: "f-body-02" }, this.colors[4].rgb), h("span", { key: '5b6f7f1ee8484f99e9421af84835ed4bf6765db4', class: "f-body-02 w-full" }, this.colors[4].cmyk), h("eds-code-block", { key: '84c6ddd8728a2a39c8863af7a6ad181f321efd7f', code: this.colors[4].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: '7ddccbf76753340f715d4fbfcd31bab083bf3725', class: "grid" }, h("span", { key: 'f2a84a9e46d18015b45f052dc8786ac7c1fc3bb3', class: "f-body-02" }, this.colors[4].pantoneC), h("span", { key: '741fd132025aa0c0a1da6d8a88273a1cd19aeae7', class: "f-body-02" }, this.colors[4].pantoneU))), h("div", { key: 'e0d48d68d5487c82149c90cc0e726370f0d25960', class: "effect-height flex items-center justify-between p-16", style: {
+                background: this.colors[5].background
+            } }, h("div", { key: '16b56121efc5527b8eb3dad7e119840102d1d390', class: "grid" }, h("span", { key: '5f326a2653de6dcc8c85ad88c5554214519fa1fd', class: "f-body-02" }, this.colors[5].rgb), h("span", { key: '1cb2c712393855e7b01bf1e083444e2c170d7b0b', class: "f-body-02 w-full" }, this.colors[5].cmyk), h("eds-code-block", { key: '6cc534503946d6aee5b562b2b1b713988df963ac', code: this.colors[5].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: 'd79c852afae4fbe6b360cc319b8d3bf22ce7b194', class: "grid" }, h("span", { key: 'cab85faa9f7cd31c14a15a014f8a95c39b6e631d', class: "f-body-02" }, this.colors[5].pantoneC), h("span", { key: 'ea3a9fafeee11b75663bd753c75b7cbcfdb9c5c1', 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: '2735f6a59037973febc2ee871464146b3a12e69b', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, h("li", { key: 'a861d0c4ea7545d55b8c324f916e1831e271bb47', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { key: '93a8c04259ed46a2c520c1355efaaa2ecf0c4714', class: "effect-height flex items-center justify-between p-16", style: { backgroundColor: this.colors[0].background } }, h("div", { key: '554964ca9e800dd356fcddfcc82004e7a6131d21', class: "grid" }, h("span", { key: 'e91f746f3ce067afe57835da2996804dba471ce3', class: "f-body-02" }, this.colors[0].rgb), h("span", { key: '41d7dd9aa7ec450f35ae6587b51a5d7c639cb1fa', class: "f-body-02 w-full" }, this.colors[0].cmyk), h("eds-code-block", { key: '4e0d93b261af040d0aa82c8043542a751915786f', code: this.colors[0].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: 'f1c2c77f37d5e80b6574e68c9454cac46cd99c9f', class: "grid" }, h("span", { key: '8e216418f476d026cb59dbbdab802bb4bdf7a4e4', class: "f-body-02" }, this.colors[0].pantoneC || 'N/A'), h("span", { key: '5b978c9f6206ba4a57645dd5b107ace27be515a9', class: "f-body-02" }, this.colors[0].pantoneU || 'N/A')))), h("li", { key: '232cd30eb6c637d31f80cf8281fb434e9837e9b8', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { key: '61a073ea3b4bc8134ad539b941a6bc1b3a914a11', class: "effect-height flex items-center justify-between p-16", style: { backgroundColor: this.colors[1].background } }, h("div", { key: '22a69e75c01842e67d87126f3d34e9a19ead4ab1', class: "grid" }, h("span", { key: 'b537d9e9cb0429677656c068a0a81499d42cac30', class: "f-body-02" }, this.colors[1].rgb), h("span", { key: 'ab35b28dec337cb81ad50372e7c071c7d8f3b785', class: "f-body-02 w-full" }, this.colors[1].cmyk), h("eds-code-block", { key: 'a0bea555719eacc8f0730300ebab6ae98ea6771a', code: this.colors[1].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: '8458087421b893504829ed46b05ba44acb0c5f53', class: "grid" }, h("span", { key: '2ec00ee996a3184afe07c27e45e999c4740b93a1', class: "f-body-02" }, this.colors[1].pantoneC || 'N/A'), h("span", { key: '7d48ea6d5b12c6a1ced3812fdc4cb39cd3afaed4', class: "f-body-02" }, this.colors[1].pantoneU || 'N/A')))), h("li", { key: 'b2ac623c59d1dc2ab14cc2775c5b95b4d02fc72f', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { key: '6152411685ae903a22bf9b06db18182c35bea246', class: "effect-height flex items-center justify-between p-16", style: {
+                background: this.colors[2].background
+            } }, h("div", { key: 'fa8fb3b382d53be84413643cb12a58b4a41202ca', class: "grid" }, h("span", { key: '026b5ed6229ef0e89636fce8643264ba47255249', class: "f-body-02" }, this.colors[2].rgb), h("span", { key: 'bc5784f779096d92229abc19c003df07ee7acf1c', class: "f-body-02 w-full" }, this.colors[2].cmyk), h("eds-code-block", { key: '76e8f012cb9d7994906e2d9ce55d7eb47c5cbd0f', code: this.colors[2].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: '0410c816d39550853c240894811717c427fa3dee', class: "grid" }, h("span", { key: 'b1f2869cc28a05e0c52f7bd8cec85d170d6250a7', class: "f-body-02" }, this.colors[2].pantoneC), h("span", { key: 'f53078949c7803385c6616325670143e1af08abe', class: "f-body-02" }, this.colors[2].pantoneU))), h("div", { key: '2076894246cdbcdc0557e70ef9ca857f8fb825cf', class: "effect-height flex items-center justify-between p-16", style: {
+                background: this.colors[3].background
+            } }, h("div", { key: '5f8b1cf3e3529c9e54185cd6bb8c1aaaa0ebc359', class: "grid" }, h("span", { key: '06f7ef3d3e164a632f2bc9c5e99642a827a79e27', class: "f-body-02" }, this.colors[3].rgb), h("span", { key: '21a313355fa68a829619d9da29000acef0509fba', class: "f-body-02 w-full" }, this.colors[3].cmyk), h("eds-code-block", { key: '859bc066d1756b9ac5f72de7fcd0b4bd3013f8f4', code: this.colors[3].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: '5a4ffa55b941478f5f18e764fc54421b4dd33141', class: "grid" }, h("span", { key: 'b42265cfe889bcb45270c21016134fa72ba18e5d', class: "f-body-02" }, this.colors[3].pantoneC), h("span", { key: '6b478b1526fbd5e5175f67dbb5b9e30e21dc56bb', class: "f-body-02" }, this.colors[3].pantoneU)))), h("li", { key: '7a92c596887e9c42c2c79c208ed82810b8f6a714', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { key: 'edcc8539e72b7497a0bb49d442774903116bf916', class: "effect-height flex items-center justify-between p-16", style: { backgroundColor: this.colors[4].background } }, h("div", { key: 'a65cdaa466210da348bf54e36c4e805ae26e36fa', class: "grid" }, h("span", { key: '894bc12a1b61925db0ec12b82f2f938805b71f46', class: "f-body-02" }, this.colors[4].rgb), h("span", { key: '0b7f7cf4c514ccc4bd3c3a1f1bce75f23bbcc2cb', class: "f-body-02 w-full" }, this.colors[4].cmyk), h("eds-code-block", { key: 'bc3b15dd7eb559b10fc64b08fc6c4d7681209d3c', code: this.colors[4].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: '57be009b3ec863485042af43ca0dabcceb5a317b', class: "grid" }, h("span", { key: 'f7e10fda97f12f55d4756014f296e710793c38f4', class: "f-body-02" }, this.colors[4].pantoneC || 'N/A'), h("span", { key: 'e16fc4ac9a8639bda71bb814992bf6416949fd06', 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 };

package/dist/{components → esm}/components-section.entry.js

@@ -1,4 +1,4 @@
-import { h, r as registerInstance } from './index-9d277061.js';
+import { h, r as registerInstance } from './index-8a71b9a7.js';
 
 const DocsOverview = () => (h("div", { class: "static-content container" },
     h("h2", null, "Load the module"),
@@ -128,7 +128,7 @@ const ComponentsSection = class {
         }
     }
     render() {
-        return h("div", { key: 'ee8facfaad3786770fd3ea39f1db7922a67ffd3e', class: "container" }, this.renderContent());
+        return h("div", { key: 'ee1dd33b05afae12511c5876db4e8bd771117853', class: "container" }, this.renderContent());
     }
 };
 

package/dist/esm/components.js

@@ -0,0 +1,20 @@
+import { p as promiseResolve, b as bootstrapLazy } from './index-8a71b9a7.js';
+export { s as setNonce } from './index-8a71b9a7.js';
+import { g as globalScripts } from './app-globals-0f993ce5.js';
+
+/*
+ Stencil Client Patch Browser v4.22.0 | MIT Licensed | https://stenciljs.com
+ */
+var patchBrowser = () => {
+  const importMeta = import.meta.url;
+  const opts = {};
+  if (importMeta !== "") {
+    opts.resourcesUrl = new URL(".", importMeta).href;
+  }
+  return promiseResolve(opts);
+};
+
+patchBrowser().then(async (options) => {
+  await globalScripts();
+  return bootstrapLazy(JSON.parse("[[\"eds-avatar_27\",[[1,\"eds-form\",{\"name\":[1],\"setFormUrl\":[4,\"set-form-url\"],\"formBtn\":[4,\"form-btn\"],\"formBtnLabel\":[1,\"form-btn-label\"],\"errorMessage\":[1,\"error-message\"],\"fields\":[1],\"initData\":[16],\"values\":[32],\"isSubmitting\":[32],\"hasError\":[32],\"errors\":[32],\"parsedFields\":[32]},null,{\"fields\":[\"parseFields\"]}],[1,\"eds-fullscreen-menu\",{\"links\":[1],\"menuLinks\":[1,\"menu-links\"],\"homeUrl\":[1,\"home-url\"],\"inverseHeader\":[4,\"inverse-header\"],\"isMenuOpen\":[32]},[[16,\"toggleheadermenu\",\"handleToggleMenu\"]]],[1,\"eds-user\",{\"user\":[1025]}],[1,\"eds-header\",{\"homeUrl\":[513,\"home-url\"],\"links\":[1],\"inverseHeader\":[4,\"inverse-header\"],\"menuEnabled\":[4,\"menu-enabled\"],\"isMenuOpen\":[32],\"isUserMenuOpen\":[32],\"isAuthenticated\":[32]},[[16,\"authStatusChanged\",\"onAuthStatusChanged\"]]],[1,\"eds-steps-v2\",{\"steps\":[1],\"type\":[1],\"imageSrc\":[1,\"image-src\"],\"bg\":[4],\"message\":[1],\"activeStep\":[32]},null,{\"activeStep\":[\"activeStepChanged\"]}],[1,\"eds-breadcrumb\",{\"items\":[1],\"intent\":[1],\"parsedItems\":[32],\"isSmallScreen\":[32],\"maxVisibleItems\":[32]},null,{\"items\":[\"parseItems\"]}],[1,\"eds-modal\",{\"heading\":[1,\"title\"],\"truncate\":[2],\"position\":[1],\"inverseHeader\":[4,\"inverse-header\"],\"isOpen\":[32],\"open\":[64],\"close\":[64],\"toggle\":[64]},[[0,\"eds-modal-open\",\"handleGlobalOpen\"],[0,\"eds-modal-close\",\"handleGlobalClose\"],[8,\"keydown\",\"handleKeyDown\"]]],[0,\"token-spacing\"],[1,\"eds-footer\",{\"social\":[4],\"enableScrollTop\":[4,\"enable-scroll-top\"],\"fundedBy\":[1,\"funded-by\"],\"rightsReserved\":[1,\"rights-reserved\"],\"enableCookiesSettings\":[4,\"enable-cookies-settings\"],\"showMatomoNotice\":[32]}],[1,\"eds-dropdown\",{\"icon\":[1],\"label\":[1],\"rounded\":[4],\"ariaLabel\":[1,\"aria-label\"],\"asNav\":[4,\"as-nav\"],\"dropdownPos\":[1,\"dropdown-pos\"],\"dropdownOffset\":[4,\"dropdown-offset\"],\"intent\":[1],\"isOpen\":[32],\"focusIndex\":[32]},[[8,\"click\",\"handleWindowClick\"],[8,\"keydown\",\"handleKeyDown\"]]],[1,\"eds-steps\",{\"steps\":[1],\"type\":[1],\"activeStep\":[32]},null,{\"activeStep\":[\"activeStepChanged\"]}],[1,\"eds-social-networks\",{\"heading\":[1,\"title\"]}],[1,\"eds-block-break\",{\"extraClass\":[1,\"extra-class\"]}],[1,\"eds-input-field\",{\"name\":[1],\"inputId\":[1,\"input-id\"],\"placeholder\":[1],\"disabled\":[4],\"onChange\":[16],\"onInput\":[16],\"type\":[1],\"required\":[4],\"label\":[1],\"hint\":[1],\"icon\":[1],\"link\":[16],\"message\":[1],\"error\":[4],\"checked\":[4],\"errorMessage\":[1,\"error-message\"],\"value\":[8],\"maxLength\":[2,\"max-length\"],\"options\":[1]}],[1,\"eds-avatar\",{\"firstName\":[1,\"first-name\"],\"lastName\":[1,\"last-name\"],\"picture\":[1],\"initials\":[1],\"color\":[1]}],[0,\"eds-input\",{\"name\":[1],\"inputId\":[1,\"input-id\"],\"placeholder\":[1],\"disabled\":[4],\"hasMessage\":[4,\"has-message\"],\"error\":[4],\"checked\":[4],\"type\":[1],\"required\":[4],\"value\":[8],\"icon\":[1],\"maxLength\":[2,\"max-length\"],\"options\":[16],\"extraClass\":[1,\"extra-class\"],\"innerVal\":[32],\"maxLengthReached\":[32]},null,{\"value\":[\"onValueChanged\"]}],[0,\"eds-input-footer\",{\"name\":[1],\"errorMessage\":[1,\"error-message\"],\"message\":[1],\"error\":[4],\"link\":[16]}],[0,\"eds-input-search\",{\"name\":[1],\"inputId\":[1,\"input-id\"],\"placeholder\":[1],\"value\":[1],\"disabled\":[4],\"required\":[4],\"decorate\":[1],\"label\":[1],\"getInputElement\":[64]}],[0,\"eds-input-select\",{\"inputId\":[1,\"input-id\"],\"name\":[1],\"placeholder\":[1],\"disabled\":[4],\"hasMessage\":[4,\"has-message\"],\"error\":[4],\"required\":[4],\"options\":[16],\"labelKey\":[1,\"label-key\"],\"valueKey\":[1,\"value-key\"],\"value\":[8],\"dynamicOptions\":[32],\"loading\":[32],\"dynamicValueKey\":[32],\"dynamicLabelKey\":[32],\"hasFetched\":[32]},null,{\"options\":[\"loadOptions\"]}],[0,\"eds-input-label\",{\"label\":[1],\"name\":[1],\"required\":[4],\"disabled\":[4]}],[0,\"eds-input-range\",{\"name\":[1],\"inputId\":[1,\"input-id\"],\"disabled\":[4],\"required\":[4],\"min\":[2],\"max\":[2],\"step\":[2],\"value\":[2],\"sliderVal\":[32],\"getInputElement\":[64]},null,{\"value\":[\"onValueChange\"]}],[1,\"eds-tag\",{\"label\":[1],\"intent\":[1],\"size\":[1]}],[1,\"eds-logo\",{\"href\":[1],\"orientation\":[1],\"type\":[1],\"label\":[1]}],[1,\"eds-img\",{\"src\":[1],\"alt\":[1],\"width\":[2],\"height\":[2],\"srcset\":[1],\"sizes\":[1],\"formats\":[16],\"lazyload\":[4],\"withBg\":[4,\"with-bg\"],\"loaded\":[32],\"showBg\":[32]}],[1,\"eds-link\",{\"label\":[1],\"intent\":[1],\"icon\":[1],\"iconPos\":[1,\"icon-pos\"],\"iconSmall\":[4,\"icon-small\"],\"size\":[1],\"external\":[4],\"current\":[4],\"download\":[4],\"url\":[1],\"ariaLabel\":[1,\"aria-label\"],\"disabled\":[4],\"hideLabelOnSmallScreen\":[4,\"hide-label-on-small-screen\"],\"extraClass\":[1,\"extra-class\"]},[[0,\"parentContext\",\"handleParentContext\"]]],[1,\"eds-button\",{\"label\":[1],\"ariaLabel\":[1,\"aria-label\"],\"elementType\":[1,\"element-type\"],\"intent\":[1],\"loading\":[4],\"disabled\":[4],\"pill\":[4],\"icon\":[1],\"size\":[1],\"iconPos\":[1,\"icon-pos\"],\"iconSmall\":[4,\"icon-small\"],\"extraClass\":[1,\"extra-class\"],\"triggerClick\":[16]},[[0,\"parentContext\",\"handleParentContext\"]]],[0,\"eds-icon-wrapper\",{\"icon\":[1],\"class\":[1],\"IconComponent\":[32]},null,{\"icon\":[\"iconChanged\"]}]]],[\"eds-trl\",[[0,\"eds-trl\",{\"applications\":[1]}]]],[\"logo-space\",[[1,\"logo-space\"]]],[\"svg-repository\",[[1,\"svg-repository\"]]],[\"docs-palettes\",[[0,\"docs-palettes\",{\"tabIndex\":[2,\"tab-index\"]}]]],[\"components-section\",[[0,\"components-section\",{\"tabIndex\":[2,\"tab-index\"]}]]],[\"eds-app-root\",[[1,\"eds-app-root\",{\"isAuthenticated\":[32]}]]],[\"eds-card-section\",[[1,\"eds-card-section\",{\"cards\":[1],\"occupyCols\":[2,\"occupy-cols\"]}]]],[\"eds-timeline\",[[1,\"eds-timeline\",{\"events\":[1],\"selectedEvent\":[32],\"parsedEvents\":[32]},null,{\"events\":[\"parseEvents\"]}]]],[\"docs-tokens\",[[0,\"docs-tokens\",{\"tabIndex\":[2,\"tab-index\"]}]]],[\"eds-card-tool\",[[1,\"eds-card-tool\",{\"cardTitle\":[1,\"card-title\"],\"url\":[1],\"description\":[1],\"image\":[8],\"avatar\":[1],\"shortAbbreviation\":[1,\"short-abbreviation\"],\"headingLevel\":[1,\"heading-level\"],\"tags\":[8],\"tiny\":[4],\"bg\":[4],\"withHover\":[4,\"with-hover\"],\"external\":[4],\"hierarchy\":[4]}]]],[\"eds-cookies-preference\",[[0,\"eds-cookies-preference\",{\"buttonText\":[1,\"button-text\"],\"intent\":[1],\"showMatomoNotice\":[32],\"noticeKey\":[32]}]]],[\"eds-card-project\",[[0,\"eds-card-project\",{\"image\":[8],\"editorialTitle\":[1,\"editorial-title\"],\"headingLevel\":[1,\"heading-level\"],\"categoryTitle\":[1,\"category-title\"],\"color\":[1],\"bgOnHover\":[4,\"bg-on-hover\"],\"vertical\":[4],\"titleProject\":[1,\"title-project\"],\"url\":[1],\"parsedImage\":[32]}]]],[\"eds-feedback\",[[1,\"eds-feedback\",{\"type\":[1],\"count\":[2],\"label\":[1],\"description\":[1],\"textMapping\":[1,\"text-mapping\"],\"selectedRating\":[32]},[[16,\"rating\",\"ratingUpdated\"]]]]],[\"eds-toast-manager\",[[1,\"eds-toast-manager\",{\"toasts\":[32]}]]],[\"incorrect-use-of-colors\",[[0,\"incorrect-use-of-colors\"]]],[\"logo-variations-tabs\",[[0,\"logo-variations-tabs\",{\"tabIndex\":[2,\"tab-index\"]}]]],[\"correct-use-of-colors\",[[0,\"correct-use-of-colors\"]]],[\"eds-frame\",[[1,\"eds-frame\",{\"frameLabel\":[1,\"frame-label\"],\"frameSrc\":[1,\"frame-src\"],\"urlLabel\":[1,\"url-label\"],\"errorMessage\":[1,\"error-message\"],\"url\":[1],\"intent\":[1],\"size\":[1],\"iframeError\":[32]}]]],[\"token-ratios\",[[0,\"token-ratios\"]]],[\"token-typography\",[[0,\"token-typography\"]]],[\"eds-card-tags\",[[1,\"eds-card-tags\",{\"accent\":[4],\"tags\":[16]}]]],[\"eds-card-wrapper\",[[4,\"eds-card-wrapper\",{\"tiny\":[4],\"withBg\":[4,\"with-bg\"],\"withHover\":[4,\"with-hover\"]}]]],[\"eds-icon-arrow-diagonal\",[[0,\"eds-icon-arrow-diagonal\",{\"class\":[1]}]]],[\"eds-icon-arrow-right\",[[0,\"eds-icon-arrow-right\",{\"class\":[1]}]]],[\"eds-icon-bluesky\",[[0,\"eds-icon-bluesky\",{\"class\":[1]}]]],[\"eds-icon-bookmark\",[[0,\"eds-icon-bookmark\",{\"class\":[1]}]]],[\"eds-icon-chevron-down\",[[0,\"eds-icon-chevron-down\",{\"class\":[1]}]]],[\"eds-icon-chevron-left\",[[0,\"eds-icon-chevron-left\",{\"class\":[1]}]]],[\"eds-icon-chevron-right\",[[0,\"eds-icon-chevron-right\",{\"class\":[1]}]]],[\"eds-icon-chevron-up\",[[0,\"eds-icon-chevron-up\",{\"class\":[1]}]]],[\"eds-icon-close\",[[0,\"eds-icon-close\",{\"class\":[1]}]]],[\"eds-icon-copy\",[[0,\"eds-icon-copy\",{\"class\":[1]}]]],[\"eds-icon-eu\",[[0,\"eds-icon-eu\",{\"class\":[1]}]]],[\"eds-icon-external\",[[0,\"eds-icon-external\",{\"class\":[1]}]]],[\"eds-icon-facebook\",[[0,\"eds-icon-facebook\",{\"class\":[1]}]]],[\"eds-icon-gitlab\",[[0,\"eds-icon-gitlab\",{\"class\":[1]}]]],[\"eds-icon-linkedin\",[[0,\"eds-icon-linkedin\",{\"class\":[1]}]]],[\"eds-icon-loader\",[[0,\"eds-icon-loader\",{\"class\":[1]}]]],[\"eds-icon-mastodon\",[[0,\"eds-icon-mastodon\",{\"class\":[1]}]]],[\"eds-icon-menu\",[[0,\"eds-icon-menu\",{\"class\":[1]}]]],[\"eds-icon-minus\",[[0,\"eds-icon-minus\",{\"class\":[1]}]]],[\"eds-icon-more\",[[0,\"eds-icon-more\",{\"class\":[1]}]]],[\"eds-icon-paper\",[[0,\"eds-icon-paper\",{\"class\":[1]}]]],[\"eds-icon-plus\",[[0,\"eds-icon-plus\",{\"class\":[1]}]]],[\"eds-icon-portal\",[[0,\"eds-icon-portal\",{\"class\":[1]}]]],[\"eds-icon-private\",[[0,\"eds-icon-private\",{\"class\":[1]}]]],[\"eds-icon-public\",[[0,\"eds-icon-public\",{\"class\":[1]}]]],[\"eds-icon-search\",[[0,\"eds-icon-search\",{\"class\":[1]}]]],[\"eds-icon-star\",[[0,\"eds-icon-star\",{\"class\":[1]}]]],[\"eds-icon-success\",[[0,\"eds-icon-success\",{\"class\":[1]}]]],[\"eds-icon-thumbs-down\",[[0,\"eds-icon-thumbs-down\",{\"class\":[1]}]]],[\"eds-icon-thumbs-up\",[[0,\"eds-icon-thumbs-up\",{\"class\":[1]}]]],[\"eds-icon-tutorial\",[[0,\"eds-icon-tutorial\",{\"class\":[1]}]]],[\"eds-icon-twitter\",[[0,\"eds-icon-twitter\",{\"class\":[1]}]]],[\"eds-icon-unknown\",[[0,\"eds-icon-unknown\",{\"class\":[1]}]]],[\"eds-icon-updown\",[[0,\"eds-icon-updown\",{\"class\":[1]}]]],[\"eds-icon-user\",[[0,\"eds-icon-user\",{\"class\":[1]}]]],[\"eds-icon-youtube\",[[0,\"eds-icon-youtube\",{\"class\":[1]}]]],[\"eds-switch\",[[1,\"eds-switch\",{\"checked\":[1540],\"disabled\":[4],\"labelOn\":[1,\"label-on\"],\"labelOff\":[1,\"label-off\"]}]]],[\"eds-tabs\",[[1,\"eds-tabs\",{\"identifier\":[1,\"id\"],\"navAriaLabel\":[1,\"nav-aria-label\"],\"tabs\":[1],\"parsedTabs\":[32],\"activeIndex\":[32]},null,{\"tabs\":[\"parseTabs\"]}]]],[\"eds-tooltip\",[[1,\"eds-tooltip\",{\"content\":[1],\"position\":[1],\"isVisible\":[32],\"isPositioned\":[32],\"tooltipStyle\":[32]},[[1,\"mouseover\",\"showTooltip\"],[1,\"mouseout\",\"hideTooltip\"],[8,\"keydown\",\"handleKeyPress\"]]]]],[\"logo-wrong-usage\",[[1,\"logo-wrong-usage\"]]],[\"eds-accordion\",[[1,\"eds-accordion\",{\"heading\":[1,\"title\"],\"description\":[1],\"switchBg\":[4,\"switch-bg\"],\"expanded\":[4],\"clampText\":[4,\"clamp-text\"],\"isExpanded\":[32],\"panelHeight\":[32],\"shortContent\":[32],\"headerHeight\":[32]}]]],[\"eds-matomo-notice\",[[1,\"eds-matomo-notice\",{\"heading\":[1,\"title\"],\"description\":[1],\"optOutMessage\":[1,\"opt-out-message\"],\"forceShow\":[4,\"force-show\"],\"showNotice\":[32]},[[16,\"cookies\",\"toggleCookiesConsent\"]]]]],[\"eds-rating\",[[1,\"eds-rating\",{\"ratingType\":[1,\"rating-type\"],\"ratingCount\":[2,\"rating-count\"],\"selectedRating\":[32]}]]],[\"eds-toast\",[[1,\"eds-toast\",{\"message\":[1],\"intent\":[1],\"duration\":[2],\"visible\":[32]}]]],[\"eds-progress-bar\",[[1,\"eds-progress-bar\",{\"value\":[1026],\"updateValue\":[64]}]]],[\"eds-card-desc_2\",[[1,\"eds-card-desc\",{\"description\":[1],\"descClass\":[1,\"desc-class\"],\"truncate\":[4],\"truncateLines\":[1,\"truncate-lines\"]}],[1,\"eds-card-title\",{\"url\":[1],\"titleClass\":[1,\"title-class\"],\"headingLevel\":[1,\"heading-level\"],\"externalLink\":[4,\"external-link\"],\"cardTitle\":[1,\"card-title\"],\"hierarchy\":[4]}]]],[\"eds-card-generic\",[[1,\"eds-card-generic\",{\"cardTitle\":[1,\"card-title\"],\"url\":[1],\"description\":[1],\"image\":[8],\"avatar\":[1],\"shortAbbreviation\":[1,\"short-abbreviation\"],\"headingLevel\":[1,\"heading-level\"],\"tags\":[1],\"tiny\":[4],\"bg\":[4],\"withHover\":[4,\"with-hover\"],\"hierarchy\":[4],\"parsedImage\":[32]},[[0,\"parentContext\",\"handleParentContext\"]]]]],[\"eds-login_2\",[[1,\"eds-login\",{\"keycloakUrl\":[1,\"keycloak-url\"],\"keycloakRealm\":[1,\"keycloak-realm\"],\"keycloakClientId\":[1,\"keycloak-client-id\"],\"authenticated\":[32],\"user\":[32],\"serverAvailable\":[32]}],[1,\"eds-splash-screen\",{\"inverse\":[4],\"initPromise\":[16],\"isVisible\":[32]},[[8,\"hideSplash\",\"handleHideSplash\"]],{\"initPromise\":[\"watchInitPromise\"]}]]],[\"logo-variations-horizontal_2\",[[1,\"logo-variations-horizontal\"],[1,\"logo-variations-vertical\",{\"orientation\":[1],\"type\":[1]}]]],[\"eds-alert\",[[1,\"eds-alert\",{\"message\":[1],\"pressableLabel\":[1,\"pressable-label\"],\"pressableUrl\":[1,\"pressable-url\"],\"direction\":[1],\"intent\":[1],\"brd\":[1],\"withBtn\":[32]}]]],[\"eds-spinner\",[[1,\"eds-spinner\",{\"size\":[1],\"thickness\":[1],\"borderColor\":[1,\"border-color\"],\"bottomColor\":[1,\"bottom-color\"],\"background\":[1],\"fullscreen\":[4]}]]],[\"eds-code-block\",[[1,\"eds-code-block\",{\"code\":[1],\"language\":[1],\"copied\":[32]}]]],[\"token-list_3\",[[0,\"token-list\",{\"show\":[1]}],[0,\"token-radii\"],[0,\"token-shadows\"]]],[\"eds-section-core_2\",[[4,\"eds-section-core\",{\"tag\":[1],\"sectionTitle\":[1,\"section-title\"],\"headingLevel\":[1,\"heading-level\"]}],[0,\"eds-section-heading\",{\"sectionTitle\":[1,\"section-title\"],\"withContainer\":[4,\"with-container\"],\"headingLevel\":[1,\"heading-level\"],\"tag\":[1],\"spacingLarge\":[4,\"spacing-large\"]}]]],[\"color-primary-palette_6\",[[0,\"gradient-secondary-palette\"],[0,\"color-primary-palette\"],[0,\"color-secondary-palette\",{\"show\":[1]}],[0,\"color-support-palette\"],[0,\"gradient-primary-palette\"],[0,\"gradient-support-palette\"]]],[\"eds-pagination_2\",[[1,\"eds-table\",{\"data\":[1,\"table-data\"],\"endpoint\":[1],\"config\":[1],\"rowsPerPage\":[2,\"rows-per-page\"],\"paginationEnabled\":[4,\"pagination-enabled\"],\"searchEnabled\":[4,\"search-enabled\"],\"hostWidth\":[1,\"host-width\"],\"columnSize\":[1,\"column-size\"],\"tbData\":[32],\"columns\":[32],\"currentPage\":[32],\"parsedConfig\":[32],\"totalRows\":[32],\"searchQuery\":[32],\"containerWidth\":[32]},null,{\"data\":[\"handleDataChange\",\"parseData\"],\"config\":[\"handleConfigChange\"]}],[1,\"eds-pagination\",{\"currentPage\":[2,\"current-page\"],\"lastPage\":[2,\"last-page\"],\"perPage\":[2,\"per-page\"],\"total\":[2],\"url\":[1],\"mode\":[1],\"prevLabel\":[1,\"prev-label\"],\"nextLabel\":[1,\"next-label\"],\"prevUrl\":[1,\"prev-url\"],\"nextUrl\":[1,\"next-url\"],\"links\":[32]},null,{\"currentPage\":[\"onPageOrLastPageChange\"],\"lastPage\":[\"onPageOrLastPageChange\"]}]]]]"), options);
+});

package/dist/esm/copy-03b72cb6.js

@@ -0,0 +1,5 @@
+const copy = `<svg width="20" height="20" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
+    <path stroke-linecap="round" stroke-linejoin="round" d="M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z"></path>
+</svg>`;
+
+export { copy as c };

package/dist/{components → esm}/correct-use-of-colors.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-9d277061.js';
+import { r as registerInstance, h } from './index-8a71b9a7.js';
 
 const primary = [
     {
@@ -57,7 +57,7 @@ const CorrectUseOfColors = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h("div", { key: '966cb542b868e89c3f2538548e8a1ca8e20ea8d8', class: "container" }, h("p", { key: '3c595ffa9a2de45b681924354486309004d4ceaf', class: "f-body-01" }, "This guide demonstrates the correct usage of the", h("eds-link", { key: '1d1fded0f8cf78cec9e364e5b6844598b55f3f86', label: "primary", size: "small", intent: "underline", icon: "chevron-right", url: "../color-palette/#primary-palette", "extra-class": "inline-block ml-4" }), "and", h("eds-link", { key: 'abae691bb80eca1019f97375997b1aa6a577ba8b', label: "support", size: "small", intent: "underline", icon: "chevron-right", url: "../color-palette/#support-palette", "extra-class": "inline-block ml-4" }), "color palettes."), h("div", { key: '251e6d8ad16d70974b67fa044d53abd1be79ccac', class: "flex" }, h("div", { key: 'de5b9b6720aababb693421663c52db85cee1b5fc', class: "w-full" }, h("ul", { key: 'a61f669f45c2f9d3b53d87bacc222a4274f93d34', 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: 'e7787d0ae843d7767ecac3267f11325dcfecf948', class: "w-full" }, h("ul", { key: '0d740ad8178c88175939d32a4f84d518f587e43a', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, support.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 } }))))))), h("p", { key: '6c59b2c574f5039baafd91a2939fbbb307732500', class: "f-body-01" }, "This guide demonstrates the correct usage of the", h("eds-link", { key: '03e9ca7b0831c2b1d1908001324a38147ecea835', label: "purple", size: "small", intent: "underline", icon: "chevron-right", url: "../color-palette/#primary-palette", "extra-class": "inline-block ml-4" }), "and", h("eds-link", { key: '021affd3b5db00ccb5ef0d51de4552c5d3a11f44', label: "support", size: "small", intent: "underline", icon: "chevron-right", url: "../color-palette/#support-palette", "extra-class": "inline-block ml-4" }), "color palettes."), h("div", { key: 'b7a5c4c10adab099c57ed70c0d2186d791aa70ec', class: "flex" }, h("div", { key: '3732c49a47158c206e1b40fc5425e555487ec757', class: "w-full" }, h("ul", { key: '54a5d35510bd77397d1418aa2638cf310534e986', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, purple.map((color) => (h("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { class: "w-full min-h-[225px] effect-height flex items-center justify-between p-16", style: { backgroundColor: color.background } })))))), h("div", { key: '048de44bd69a7b6ecefe3188d76821e4d5145620', class: "w-full" }, h("ul", { key: 'e3f8cadce4b9a575e1d844958cfccf20a19db681', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, support.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 } }))))))), h("p", { key: '14d7f9c88ae769d6feb2a8344f8b45b40d4ae095', class: "f-body-01" }, "This guide demonstrates the correct usage of the", h("eds-link", { key: '810bdfa6fd175f9d483129b70bbae469051e0e0d', label: "blue", size: "small", intent: "underline", icon: "chevron-right", url: "../color-palette/#primary-palette", "extra-class": "inline-block ml-4" }), "and", h("eds-link", { key: 'fb8a9712f8e1ae1cffbb85c79f7e9c2657f867db', label: "support", size: "small", intent: "underline", icon: "chevron-right", url: "../color-palette/#support-palette", "extra-class": "inline-block ml-4" }), "color palettes."), h("div", { key: '1df0919bb4c75ee251d7f5c8cf95bb2e2e990242', class: "flex" }, h("div", { key: '5a898462aa680267f4ac35aefb98e60b7f486c63', class: "w-full" }, h("ul", { key: 'ad6f3e6ccde7d225be344efbc176064fc89aa796', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, blue.map((color) => (h("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { class: "w-full min-h-[225px] effect-height flex items-center justify-between p-16", style: { backgroundColor: color.background } })))))), h("div", { key: '8dd6e01b989c8589be6b553c85f0512c268ac369', class: "w-full" }, h("ul", { key: 'c36937d99efd585c4e8a37b80de5bce82374186c', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, support.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 } }))))))), h("p", { key: '452c68d1c797de34e531d7c734d350fcc36ae2f2', class: "f-body-01" }, "This guide demonstrates the correct usage of the", h("eds-link", { key: '17453c9d78c20583c989281672c0f41bbe8d036f', label: "redish", size: "small", intent: "underline", icon: "chevron-right", url: "../color-palette/#primary-palette", "extra-class": "inline-block ml-4" }), "and", h("eds-link", { key: '3e78eb924b6a857674d50d4a209e4843f76e5fc3', label: "support", size: "small", intent: "underline", icon: "chevron-right", url: "../color-palette/#support-palette", "extra-class": "inline-block ml-4" }), "color palettes."), h("div", { key: 'ae3e2a703633013f632df3a75f45ec932ce5e13b', class: "flex" }, h("div", { key: '4a0f256fa355dcbd6d6fc0e95e81a6c2821c917d', class: "w-full" }, h("ul", { key: '8aaf611ed9b87b86d0c1b47b1e37cb01989838b2', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, red.map((color) => (h("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { class: "w-full min-h-[225px] effect-height flex items-center justify-between p-16", style: { backgroundColor: color.background } })))))), h("div", { key: '112e50da1627a671fbca843111becf51cd02ebc5', class: "w-full" }, h("ul", { key: '14033bd08a9d16bd0b6cfe8b87acc2a841c48a29', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, support.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 } })))))))));
+        return (h("div", { key: '9f7fbb8254528663d833da6bb683c2bb19e2837b', class: "container" }, h("p", { key: '71cdde5e7a803ccfbe49bfea00f208a23a10ab8d', class: "f-body-01" }, "This guide demonstrates the correct usage of the", h("eds-link", { key: 'fecaba6a82952070d3deb88cf22e335e6e0d7a08', label: "primary", size: "small", intent: "underline", icon: "chevron-right", url: "../color-palette/#primary-palette", "extra-class": "inline-block ml-4" }), "and", h("eds-link", { key: '0fb583c3d4542134f921649aef5f07738e00b086', label: "support", size: "small", intent: "underline", icon: "chevron-right", url: "../color-palette/#support-palette", "extra-class": "inline-block ml-4" }), "color palettes."), h("div", { key: '3bfb272e2e2d5ab823f157aa1add3511f34a4c27', class: "flex" }, h("div", { key: 'baaf45c1f7b749b6f8f4035b1c62942e320d77d3', class: "w-full" }, h("ul", { key: '7e6d1a2051e98d7af54ef7061f39edaf2c7beb0a', 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: '1bf98fe26e99af8473077ac13d3d9b8c405bf1c4', class: "w-full" }, h("ul", { key: '1402fcefd163737b10c5b0d12014bc6e3fd66780', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, support.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 } }))))))), h("p", { key: 'b9bc90a0d0cc539349f10c51a1b3dfd19bb453ea', class: "f-body-01" }, "This guide demonstrates the correct usage of the", h("eds-link", { key: '40a8a92005d47099d518281ed61f31888169dfcd', label: "purple", size: "small", intent: "underline", icon: "chevron-right", url: "../color-palette/#primary-palette", "extra-class": "inline-block ml-4" }), "and", h("eds-link", { key: '7b530b15d10ce8591b2cd42299f2d6a0b6de575e', label: "support", size: "small", intent: "underline", icon: "chevron-right", url: "../color-palette/#support-palette", "extra-class": "inline-block ml-4" }), "color palettes."), h("div", { key: 'c2b1599f407579d58e36effc3d4ba0115f4fa453', class: "flex" }, h("div", { key: '514a3c8c3a04f8e5607a606bf310b6173b973ba8', class: "w-full" }, h("ul", { key: '81c56759b2aaf2153cf6150f892ba23f67b8296e', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, purple.map((color) => (h("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { class: "w-full min-h-[225px] effect-height flex items-center justify-between p-16", style: { backgroundColor: color.background } })))))), h("div", { key: 'ef65f00f5fbf77af47292e570e98d465d553a03a', class: "w-full" }, h("ul", { key: '8fb9499e6c4587db8a188aad5120c1a1bd93b049', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, support.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 } }))))))), h("p", { key: '045fe17ef474b7d7c55ee50b183ea8e40439f034', class: "f-body-01" }, "This guide demonstrates the correct usage of the", h("eds-link", { key: '20147150cb42c6105559457d364c28b09f9ba171', label: "blue", size: "small", intent: "underline", icon: "chevron-right", url: "../color-palette/#primary-palette", "extra-class": "inline-block ml-4" }), "and", h("eds-link", { key: '37093d1dda45c1c114e95533bbf560934d529e4a', label: "support", size: "small", intent: "underline", icon: "chevron-right", url: "../color-palette/#support-palette", "extra-class": "inline-block ml-4" }), "color palettes."), h("div", { key: '1d53f16c58afa8f537d384434a6ac68e2d14c707', class: "flex" }, h("div", { key: 'cdd9390005122023dec3b5abcb88bf996e833c70', class: "w-full" }, h("ul", { key: 'e76d12d0b57b810c95788e9ccb0d39d4ab9ceb4e', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, blue.map((color) => (h("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { class: "w-full min-h-[225px] effect-height flex items-center justify-between p-16", style: { backgroundColor: color.background } })))))), h("div", { key: '3ff4f5c0ba01b4723e8e664633f7220c9703905f', class: "w-full" }, h("ul", { key: 'f69b766d268d5e1d10972723a4ebdc5d9e0cae07', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, support.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 } }))))))), h("p", { key: '6591ea37bd86b328c1c55a5150f8ce44d24f8f52', class: "f-body-01" }, "This guide demonstrates the correct usage of the", h("eds-link", { key: '47110ceefffb0f391443845425d0e9d07a15e779', label: "redish", size: "small", intent: "underline", icon: "chevron-right", url: "../color-palette/#primary-palette", "extra-class": "inline-block ml-4" }), "and", h("eds-link", { key: '0e034de1c3c0ea2f1c0e71f1e1a0024e6bc66d79', label: "support", size: "small", intent: "underline", icon: "chevron-right", url: "../color-palette/#support-palette", "extra-class": "inline-block ml-4" }), "color palettes."), h("div", { key: '0b0d5484f0d3569bfdc529ef49af00a6c41a25ce', class: "flex" }, h("div", { key: '66e8d6d41bab4c18846885814b5a7aad6c08d240', class: "w-full" }, h("ul", { key: 'b9093c38be4aaca5045c62911cd6c789fdc12438', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, red.map((color) => (h("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { class: "w-full min-h-[225px] effect-height flex items-center justify-between p-16", style: { backgroundColor: color.background } })))))), h("div", { key: 'eb682711d6439a79719062057440de519ba48ecb', class: "w-full" }, h("ul", { key: '79805bba02241029b99027dab0f9cf6673e0e1c3', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, support.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 } })))))))));
     }
 };
 

package/dist/{components → esm}/docs-palettes.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-9d277061.js';
+import { r as registerInstance, h } from './index-8a71b9a7.js';
 
 const DocsPalettes = class {
     constructor(hostRef) {
@@ -16,7 +16,7 @@ const DocsPalettes = class {
         }
     }
     render() {
-        return h("div", { key: 'f985628b9ea3f02a511e2facbda99b54f0723acf', class: "container" }, this.renderContent());
+        return h("div", { key: '41ac7248f45204f420ab2954e26529577e2cb27f', class: "container" }, this.renderContent());
     }
 };