@ebrains/components 2.3.0 → 2.3.1

package/dist/esm/logo-space.entry.js

@@ -9,7 +9,7 @@ const LogoSpace = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h("div", { key: 'b07b6c2b9e042c3c330de470cf2e792285362a0f', class: "container" }, h("ul", { key: '40cb4cca1a4b42026becc95a46a380e23ed77723', class: "not-prose grid-layout grid-cols-6 gap-y-8 md:gap-y-12 lg:gap-y-16" }, h("li", { key: 'aabdf6b8bf59cd755976ae99b79dca074e904c71', class: "grid-col-span-6 xxl:grid-col-span-3 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, h("div", { key: '4f3b6da2c7f238b814c8a8537d6246215e935a26', class: "logo-container mx-auto w-[300px]", innerHTML: vLogoMargins })), h("li", { key: 'b8ee9f87dc5140b964f20600cad7ec65dc6c9837', class: "grid-col-span-6 xxl:grid-col-span-3 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, h("div", { key: 'ac4e8c0cdd8f2f206f9ead55806b32425279c8ee', class: "text-center mt-16" }, h("p", { key: '0db3cdd9c348fa3855f995363fc3cd872b6da2c4', class: "f-body-01" }, "To ensure legibility, follow these minimum size guidelines:"), h("eds-table", { key: '9bd39257f807324aa45013009ebbe08c1a8b2ee7', data: '[\n                  { "Media": "Print", "Landscape": "0.75 cm", "Portrait": "1.75 cm" },\n                  { "Media": "Web", "Landscape": "29 px", "Portrait": "50 px" }\n                ]', config: '{\n                  "Media": { "format": "bold" }\n                }' }))), h("li", { key: '27789915053632c4fa664363b4e2fbdd5524569c', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }))));
+        return (h("div", { key: '411079c2662e0a3a30a86d5772cb805f4efa37ac', class: "container" }, h("ul", { key: 'c68ca64183ed475c7dc674dede1fd6487eddef63', class: "not-prose grid-layout grid-cols-6 gap-y-8 md:gap-y-12 lg:gap-y-16" }, h("li", { key: 'e0100ca54422f34ff4cd15e0917644ec8712c156', class: "grid-col-span-6 xxl:grid-col-span-3 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, h("div", { key: '812f16e80ab95933bffe6c7ef39e52f702b79edb', class: "logo-container mx-auto w-[300px]", innerHTML: vLogoMargins })), h("li", { key: 'c5209c8ede7c3f3fd5f0e9334aab586296c4d008', class: "grid-col-span-6 xxl:grid-col-span-3 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, h("div", { key: '9ab0f8f9a361ee987dee921009f89123247c921d', class: "text-center mt-16" }, h("p", { key: '205d342af4c1a674cb84e3ef5d153228a1c093c8', class: "f-body-01" }, "To ensure legibility, follow these minimum size guidelines:"), h("eds-table", { key: '0391c6dea176b8752b1415fc1519808371f7d04c', data: '[\n                  { "Media": "Print", "Landscape": "0.75 cm", "Portrait": "1.75 cm" },\n                  { "Media": "Web", "Landscape": "29 px", "Portrait": "50 px" }\n                ]', config: '{\n                  "Media": { "format": "bold" }\n                }' }))), h("li", { key: '24d1d1e16a52cef90e4cc0cb20896b193e04f25d', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }))));
     }
 };
 LogoSpace.style = LogoSpaceStyle0;

package/dist/esm/logo-variations-horizontal_2.entry.js

@@ -8,7 +8,7 @@ const LogoVariationsHorizontal = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h("div", { key: '148d0694cc666c2048a65f035e3b423f14721a24', class: "container" }, h("ul", { key: '577efdbf7af11206706768435afcf949e704c16a', class: "not-prose grid-layout grid-cols-6 gap-y-8 md:gap-y-12 lg:gap-y-16" }, h("li", { key: 'e280ee9020e2750a2f3637a01cf623ccc0b94bfe', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, h("p", { key: 'a5be5fc2dae4b966722d0ad69510f6622882aa99', class: "f-body-01 text-center my-4" }, "#1 Coloured"), h("div", { key: 'e20d0633cc5c1c6f61c8147d55b7dd228c774f99', class: "coloured" }, h("eds-logo", { key: '2a5a4eea4c70fadfcaef15c5b2c498b833231603', type: "no-bg", href: "#" }))), h("li", { key: '6da7cc2329e7abcccfe3d2a0f095320d33b6272e', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, h("p", { key: '5dcb436091288a40213ad53fff116c0a18fd8626', class: "f-body-01 text-center my-4" }, "#2 Black & White"), h("div", { key: 'e0f165856fb0a693ca2a655b5f6beb8f37810905', class: "bg-default" }, h("eds-logo", { key: 'ca1d9b99e93b458c9a4c59389ade43db1aedd473', type: "black", href: "#" }))), h("li", { key: '8ae1f94da858d44f7efa0d7c2c4d83b8e1780bf6', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, h("p", { key: 'dcd75bb1f4717a6d8b34f522c25b04a976bcbdea', class: "f-body-01 text-center my-4" }, "#3 Dark"), h("div", { key: '11f500da753124767502a09824007bef6586b445' }, h("eds-logo", { key: '95ed147e3a5284960d5c740841620d622537cc3c', type: "color-white", href: "#" }))))));
+        return (h("div", { key: '43ff78b2e28f748b65d76997fc217f694ab11210', class: "container" }, h("ul", { key: '0b41f3d923858c41b34ec2df2a2536dc0d5ee129', class: "not-prose grid-layout grid-cols-6 gap-y-8 md:gap-y-12 lg:gap-y-16" }, h("li", { key: '766c9f9b9555cccbf8a77f11a41ae7b1bc0fcbcb', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, h("p", { key: '1a7e7814e435a6ee20ba8925b5b6bf8ac590ea89', class: "f-body-01 text-center my-4" }, "#1 Coloured"), h("div", { key: '135de0fdb2863f618e8e6da2bf8e49b91d9f4053', class: "coloured" }, h("eds-logo", { key: '367b20f96d4318d6bc9750ea6b18b30bbce5036e', type: "no-bg", href: "#" }))), h("li", { key: '36d3d81aaf9518fd996bdc34498581bca3d70d2e', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, h("p", { key: 'b24aa1c6658bacab12264a63a95062fcadc870cc', class: "f-body-01 text-center my-4" }, "#2 Black & White"), h("div", { key: 'cb77e4797f9b0c415d0df06a9250b356899f26f2', class: "bg-default" }, h("eds-logo", { key: '7ccba5fd14b38ff9c4ea7531231559b0ed02966c', type: "black", href: "#" }))), h("li", { key: '3926dd438bf041dd421cf244c50ada804894f32b', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, h("p", { key: '734670d268558409ac6a3f72b7076c2d31428174', class: "f-body-01 text-center my-4" }, "#3 Dark"), h("div", { key: 'a96c5dc623498e217fdab19ece1ccf0049077c6e' }, h("eds-logo", { key: '2edd46a62c77ae56801ad035cfd128f77e3bf90a', type: "color-white", href: "#" }))))));
     }
 };
 LogoVariationsHorizontal.style = LogoVariationsHorizontalStyle0;
@@ -23,7 +23,7 @@ const LogoVariationsVertical = class {
         this.type = undefined;
     }
     render() {
-        return (h("div", { key: '33670ab1d0922b7ce5d561ae1bcb25d85cdf3ecb', class: "container" }, h("ul", { key: '7b05bb7f6e1699766f6d0321762f0ef66ab3b306', class: "not-prose grid-layout grid-cols-6 gap-y-8 md:gap-y-12 lg:gap-y-16" }, h("li", { key: 'f64a1ad98d1c126581283ed16b665dea3fa1d03e', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, h("p", { key: '41c416c593cacad33a826c76e6617bc6c6b5b9e3', class: "f-body-01 text-center my-4" }, "#1 Coloured"), h("div", { key: '9bf761058eb7581b949af689a0341dc2a8b85b24', class: "mx-auto coloured w-[300px]" }, h("eds-logo", { key: 'eb04b74cf4feb3054ba5b769fd7690281dbf768b', orientation: "vertical", type: "no-bg", href: "#" }))), h("li", { key: '15eede1e668a9012de6ab03dde25b5e4c51605c6', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, h("p", { key: '8d99d4f4caf4ef224fb691fdebfd3048075db0c0', class: "f-body-01 text-center my-4" }, "#2 Black & White"), h("div", { key: 'f4b55a2fc4305075270e9e4a6149be5278fe3618', class: "mx-auto bg-default w-[300px]" }, h("eds-logo", { key: '38ca84d79e788b92ce2489e19f35b8ba989313f2', orientation: "vertical", type: "black", href: "#" }))), h("li", { key: 'e6193b54d8b8cda2dc44bce2b983af7e7f3db0b3', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, h("p", { key: '2564444f18acf01edd3caa3e4df06a0a54cad60a', class: "f-body-01 text-center my-4" }, "#3 Dark"), h("div", { key: '70db409bd6dfd47bb66cef38059a52a9b0556e14', class: "mx-auto w-[300px]" }, h("eds-logo", { key: '567844257939403cee8d4ce76b84dfdc12df97d1', orientation: "vertical", type: "color-white", href: "#" }))))));
+        return (h("div", { key: 'ed4602bffec9b896853f794b6b9e56d2beed3a89', class: "container" }, h("ul", { key: '3ffbcc4dbd811288a4f381d8eba61b06cde9297d', class: "not-prose grid-layout grid-cols-6 gap-y-8 md:gap-y-12 lg:gap-y-16" }, h("li", { key: 'd47f43861c009c634338d5a04fa74a5d89c30f94', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, h("p", { key: 'e5db6a71f75fded654a99ec79e8fff330dd832ed', class: "f-body-01 text-center my-4" }, "#1 Coloured"), h("div", { key: '5868a3f04cd2a88df6cf3eefb46badbfada3ea8d', class: "mx-auto coloured w-[300px]" }, h("eds-logo", { key: '590e3dfc99929401fceebb37346dc87cb24b9aa4', orientation: "vertical", type: "no-bg", href: "#" }))), h("li", { key: 'd7dde19a741953af97b7c2ef52ac9fe535dd8d44', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, h("p", { key: '1301a26d1f989762dad8ada3f2e85d5975ae8416', class: "f-body-01 text-center my-4" }, "#2 Black & White"), h("div", { key: 'ede8c0b521720e3f73f7cd17a98df8d617d06d6b', class: "mx-auto bg-default w-[300px]" }, h("eds-logo", { key: '298f13765230a428fe948df4e7f580a7ea438786', orientation: "vertical", type: "black", href: "#" }))), h("li", { key: '558abf2aa94784e70252277adecae2f1f7be83ac', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, h("p", { key: 'ccdde6e4a2cfd1eeca62362430f0e1ace6e33f9c', class: "f-body-01 text-center my-4" }, "#3 Dark"), h("div", { key: 'abdef9d3f5762ebbd571851192677bba00f45a48', class: "mx-auto w-[300px]" }, h("eds-logo", { key: 'b3c7f59aff43c12dfb70e1b93c5746c2d8f2499b', orientation: "vertical", type: "color-white", href: "#" }))))));
     }
 };
 LogoVariationsVertical.style = LogoVariationsVerticalStyle0;

package/dist/esm/logo-variations-tabs.entry.js

@@ -16,7 +16,7 @@ const LogoVariationsTabs = class {
         }
     }
     render() {
-        return h("div", { key: '5e6042f51c956138d571256803766ef2497ca160', class: "container" }, this.renderContent());
+        return h("div", { key: '84eb012e0b54780f60d478863ce3561d48ce85b1', class: "container" }, this.renderContent());
     }
 };
 

package/dist/esm/logo-wrong-usage.entry.js

@@ -9,7 +9,7 @@ const LogoWrongUsage = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h("div", { key: 'a5d22b7db9bf43fa54d7e0fe611b819e374b6f6b', class: "container" }, h("ul", { key: 'a2d9ebad864822e00db5bb207caf599de80be433', class: "not-prose grid-layout grid-cols-6 gap-y-8 md:gap-y-12 lg:gap-y-16" }, h("li", { key: 'ad449a11eb8e1404a47266adb9072efa0c182752', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, h("div", { key: '3f9ab867a20bc72e15c5403683d50b0f86c18727', class: "mx-auto no-other-bg-color logo", innerHTML: hLogoColor }), h("p", { key: '8a9ebdfd97d048e046adc85f182657c065d7c5e2', class: "f-ui-02 text-center" }, "Do not use with backgrounds that make legibility difficult")), h("li", { key: '621dc6459bd6934ada8cbbcb99e848464c6d7719', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, h("div", { key: 'be8c7b7fc30111d6bd7e7803d4a47b58ab8275f9', class: "mx-auto no-other-color logo non-brand-color", innerHTML: hLogoColor }), h("p", { key: '1e458e14065bc2f064c29f03e7047578837e8dbf', class: "f-ui-02 text-center" }, "Do not apply other colors")), h("li", { key: '92f588b1b08e74ae6de62037c611cd2c07c2d0f6', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, h("div", { key: '1a8b871c1887b96183efc5a884085cd627a5dd03', class: "mx-auto distorted logo", innerHTML: hLogoColor }), h("p", { key: '2ca68cc09eac491203fec3d84b19623dfc1c0433', class: "f-ui-02 text-center" }, "Do not deform the logo")), h("li", { key: 'ee43635fa2d0dff9b9a5ea76127f5a35d1863c2a', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, h("div", { key: '3176d2dbec423d743b8d05c64d7a21088bf830a1', class: "mx-auto effects logo", innerHTML: hLogoColor }), h("p", { key: '1148d744012e92f34ac48a2b69c3fb6451e4f844', class: "f-ui-02 text-center" }, "Do not apply effects")), h("li", { key: 'acde874cf0fd644ec0edc7350fc038e0ae13719d', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, h("div", { key: '27b2b50f017142b1e9638baf1865fd804ba9121d', class: "mx-auto rotated logo", innerHTML: hLogoColor }), h("p", { key: '28dfe52d02bdb82f29947227a9a9a699aabf82ef', class: "f-ui-02 text-center" }, "Do not rotate the logo")), h("li", { key: 'e754250d250603022bb031e66e7fd8e8e0f04155', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, h("div", { key: '042817f8f946a10372439398e4f6dd3c0fc182f6', class: "mx-auto outlined logo", innerHTML: hLogoColor }), h("p", { key: 'f5136df73757f3ebd3c954f3aa5f9e47d7907c64', class: "f-ui-02 text-center" }, "Do not apply outlines")), h("li", { key: '6e30b4684ebe21136ddecef9e879024ce93206ad', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, h("div", { key: '29ceba568f002cf04a810546ac76ed4d4a0c63fd', class: "mx-auto" }, h("div", { key: '53976603b457baf9d28f4216b2ef54284467ffd7', class: "bg-accent p-16" }, h("div", { key: 'bdce208801ad76f3f8fd1639ca08b3a341ccf014', class: "text-inverse", innerHTML: hLogoColor })), h("p", { key: '97e656465d81823f22593dd8ec936dde966560e0', class: "f-ui-02 text-center" }, "Do not use the green background for the logo version of the logo with backgrounds with the same tones"))))));
+        return (h("div", { key: '47db71fa97eed9b24d6873aac34e4d513f835c8a', class: "container" }, h("ul", { key: 'f06cff3d8313404bbbe50e2744582a8d394384a2', class: "not-prose grid-layout grid-cols-6 gap-y-8 md:gap-y-12 lg:gap-y-16" }, h("li", { key: 'ddac40db90edc523f2d95f7da243596baf3c00af', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, h("div", { key: 'e7ec76fb43d846bfaa09b7fd12a70d3b3fd91476', class: "mx-auto no-other-bg-color logo", innerHTML: hLogoColor }), h("p", { key: '3288cbda1a66f4557dd0546cfc7fc1db64113520', class: "f-ui-02 text-center" }, "Do not use with backgrounds that make legibility difficult")), h("li", { key: 'af5f8b9fcf5583f970b2f097f2ebbf581f5e65c4', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, h("div", { key: '06c9a344c7505b5299bca221ca3b3222ff141cfe', class: "mx-auto no-other-color logo non-brand-color", innerHTML: hLogoColor }), h("p", { key: 'b9a018ccf607edb5f4646f41269f39b4146dfb07', class: "f-ui-02 text-center" }, "Do not apply other colors")), h("li", { key: '549d912c33d1d72b5a09e0bcf1b3866b83a42bcb', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, h("div", { key: '4e01b36b889bbd5a76581e4a7d7dad700cce647c', class: "mx-auto distorted logo", innerHTML: hLogoColor }), h("p", { key: '15c8d9949f2fe250005879152e96ac6ddf9a9dde', class: "f-ui-02 text-center" }, "Do not deform the logo")), h("li", { key: '4e3d38bba478657ef86242a5defab77340549e68', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, h("div", { key: '92b31722f79d8324a25cfea1583b64dc5710d96f', class: "mx-auto effects logo", innerHTML: hLogoColor }), h("p", { key: '0b9a84f0d8a9d3c02b7d8ace6b95964106239cd6', class: "f-ui-02 text-center" }, "Do not apply effects")), h("li", { key: 'ebfea671909f84d0b3bb018bf56ebdfabc2c3785', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, h("div", { key: 'dec45dc8ca9fcca44be26c0001dbefe045fab6b5', class: "mx-auto rotated logo", innerHTML: hLogoColor }), h("p", { key: '32407a77fcd5bd9efe075f66fe7de260d6ac76bf', class: "f-ui-02 text-center" }, "Do not rotate the logo")), h("li", { key: '65fe0d30655a81fb4b791d19bbcad66e4b6098e9', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, h("div", { key: '561983d5e3ce55c7afa14999230838312c5682c6', class: "mx-auto outlined logo", innerHTML: hLogoColor }), h("p", { key: '230eeb47f7e1d3d864b4202cb39cdadb883649da', class: "f-ui-02 text-center" }, "Do not apply outlines")), h("li", { key: '3e30322cd2a4c1f9d03f9e9c5758a3e2141f61c1', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, h("div", { key: '6d19155d8c5f4413118f3a2f3af89e276c707311', class: "mx-auto" }, h("div", { key: '64d6e6b6502add707ccb16da25f4fbb6699ab1b0', class: "bg-accent p-16" }, h("div", { key: '8f2c70ce2a39638634f388b7d28e6e3869a6d30d', class: "text-inverse", innerHTML: hLogoColor })), h("p", { key: '9ce6b36d8c6ca1c90299664765bdca50c3d1d412', class: "f-ui-02 text-center" }, "Do not use the green background for the logo version of the logo with backgrounds with the same tones"))))));
     }
 };
 LogoWrongUsage.style = LogoWrongUsageStyle0;

package/dist/esm/svg-repository.entry.js

@@ -320,7 +320,7 @@ const SvgRepository = class {
             icon: { format: 'svg' },
             name: { format: 'bold' }
         };
-        return (h("div", { key: '9e4eb1306b8d43f5879b2e7c0ef0019f83c0b3b5', class: "full-width" }, h("eds-table", { key: '3b6349562155ffed788587d39a82d0a2fb9798bb', "table-data": JSON.stringify(svgData), config: JSON.stringify(tableConfig), "rows-per-page": 10, "search-enabled": true, "pagination-enabled": true })));
+        return (h("div", { key: '4c92aff806bb91d25e1c29d6d01c035e0a534eef', class: "full-width" }, h("eds-table", { key: '3dd1d7abd1a310611a6229b356d7732ac4dc8e40', "table-data": JSON.stringify(svgData), config: JSON.stringify(tableConfig), "rows-per-page": 10, "search-enabled": true, "pagination-enabled": true })));
     }
     get hostEl() { return getElement(this); }
 };

package/dist/esm/token-list_3.entry.js

@@ -240,7 +240,7 @@ const TokenList = class {
     render() {
         // Check if `show` prop is provided; if not, display all sections
         const sectionsToDisplay = this.show ? { [this.show]: colors[this.show] } : colors;
-        return (h("section", { key: 'db196307702df28bf9e2f7fb0b87298bf84baabb', class: "w-full mt-28" }, Object.entries(sectionsToDisplay).map(([sectionName, sectionContent]) => 
+        return (h("section", { key: 'c8634946d5cd2813e8ed6eb3ee7a5071a8e80449', class: "w-full mt-28" }, Object.entries(sectionsToDisplay).map(([sectionName, sectionContent]) => 
         // Only render sections that exist in `colors`
         sectionContent ? this.renderSection(sectionName, sectionContent) : null)));
     }
@@ -260,7 +260,7 @@ const TokenRadii = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h("section", { key: 'bdd584d53625299e4faa9a28f6f259bc5587b125', class: "w-full mt-28" }, h("ul", { key: '3076e4efcca5749cc07e69df70ce2658d6186ec6', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, Object.entries(radii).map(([key, value]) => (h("li", { class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, h("div", { class: `w-full p-16 block lg:flex items-center justify-center text-center border-3 border-soft rounded-${key}` }, h("eds-code-block", { language: "Utility Class", code: `rounded-${key}`, class: "mx-auto min-w-[200px] sm:mb-4 sm:max-w-[200px] mr-auto" }), h("eds-code-block", { code: `border-radius:${value}`, language: "css", class: "mx-auto min-w-[200px] sm:max-w-[200px] ml-auto" }))))))));
+        return (h("section", { key: 'a274ee157395f49f9f224ef496813ea5c3b8503c', class: "w-full mt-28" }, h("ul", { key: 'd2d6dbee8ef7e54dc1a85eb400c37b5910928e58', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, Object.entries(radii).map(([key, value]) => (h("li", { class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, h("div", { class: `w-full p-16 block lg:flex items-center justify-center text-center border-3 border-soft rounded-${key}` }, h("eds-code-block", { language: "Utility Class", code: `rounded-${key}`, class: "mx-auto min-w-[200px] sm:mb-4 sm:max-w-[200px] mr-auto" }), h("eds-code-block", { code: `border-radius:${value}`, language: "css", class: "mx-auto min-w-[200px] sm:max-w-[200px] ml-auto" }))))))));
     }
 };
 
@@ -287,7 +287,7 @@ const TokenShadows = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h("section", { key: 'a2fbc57c2153391bc53b47a263488118ca3aa01a', class: "w-full mt-28" }, h("ul", { key: 'e4e2d6cbc8d1510ede2b678b24ce8b34b838888f', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, Object.entries(shadowTokens).map(([category, tokens]) => Object.entries(tokens).map(([key, value]) => (h("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col items-center mt-16" }, h("div", { class: "w-full p-16 block lg:flex items-center justify-center text-center border-2 border-soft", style: { boxShadow: value } }, h("eds-code-block", { code: `${category}-${key}`, language: "Utility Class", class: "mr-auto sm:mb-4 min-w-[200px]" }), h("eds-code-block", { code: `${value}`, language: "css", class: "ml-auto min-w-[200px]" })))))))));
+        return (h("section", { key: '44c305a74ba522938b27fe4a8deba5e18e752e72', class: "w-full mt-28" }, h("ul", { key: '8fa403e44506eb4847f1651a7fd519b9c5f336b8', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, Object.entries(shadowTokens).map(([category, tokens]) => Object.entries(tokens).map(([key, value]) => (h("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col items-center mt-16" }, h("div", { class: "w-full p-16 block lg:flex items-center justify-center text-center border-2 border-soft", style: { boxShadow: value } }, h("eds-code-block", { code: `${category}-${key}`, language: "Utility Class", class: "mr-auto sm:mb-4 min-w-[200px]" }), h("eds-code-block", { code: `${value}`, language: "css", class: "ml-auto min-w-[200px]" })))))))));
     }
 };
 

package/dist/esm/token-ratios.entry.js

@@ -14,7 +14,7 @@ const TokenRatios = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h("section", { key: '83fc87fd64531611114fe47d977dc54b6af1d327', class: "w-full" }, h("eds-section-core", { key: 'b0b72d4f387cd48f4905c68b9f05ac3058d359c1', tag: "div", "section-title": "Aspect Ratios", "heading-level": "h3" }, h("ul", { key: 'af5677bb15a4ffb008fd90bdfdfb1b757a36e138', class: "gap-y-8 md:gap-y-12 lg:gap-y-16" }, Object.entries(ratios).map(([key, value]) => (h("li", { class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, h("div", { class: "container ratio-box flex items-center justify-center text-center border-2 border-soft", style: {
+        return (h("section", { key: '01282f48cbcd27d349565fc5b87bd50159441e1f', class: "w-full" }, h("eds-section-core", { key: 'ff586dcefa969a84732fbbac7f237089ec8d358d', tag: "div", "section-title": "Aspect Ratios", "heading-level": "h3" }, h("ul", { key: 'f3c879e4105194896fd3fb8d98c39ee614973c24', class: "gap-y-8 md:gap-y-12 lg:gap-y-16" }, Object.entries(ratios).map(([key, value]) => (h("li", { class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, h("div", { class: "container ratio-box flex items-center justify-center text-center border-2 border-soft", style: {
                 aspectRatio: value.replace('/', ':'), // Cast to string to resolve TypeScript error
                 width: '100%', // Full width to show the aspect ratio correctly
                 maxWidth: '300px'

package/dist/esm/token-spacing.entry.js

@@ -5,7 +5,7 @@ const TokenSpacing = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h("div", { key: '46cb6fe655e9f8b8688f44e2351f3992e8011b2a', class: "w-full" }, h("ul", { key: '9d7205ee2e0b3b0386284dc282fcc5375c43ec26', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, h("li", { key: 'b3e9d62bb934c1b413712b182cfdf015484db525', class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, h("div", { key: '78c8a23dcacfd216a6159da8af3809607ef29702', class: "container p-8 item-center border-2 border-soft" }, h("div", { key: '92a2938c5bdcb38456d96077f78993c711bc789f', class: "spacing-sample m-16 bg-strong" }, h("span", { key: '7738363bee7cc25863bec922f55224044af61b6e', class: "f-body-01 text-inverse" }, "Margin: 1rem / m-16")))), h("li", { key: '96c1f622b7e4136cebd53862b79bbc17ad484a25', class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, h("div", { key: 'ff4357650e10f9e7a61903c3c9f6a4f4d60d8c73', class: "container p-8 item-center border-2 border-soft" }, h("div", { key: 'cd07be06a51604f81f2868786028066f834cd87d', class: "spacing-sample ml-64 bg-strong" }, h("span", { key: 'ded579013d8765c7802862b57cf2bf7ae03f1b99', class: "f-body-01 text-inverse" }, "Margin Left: 4rem / ml-64")))), h("li", { key: 'a8e244c95f027993755fa567d900ff88ed08669b', class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, h("div", { key: 'e3662c064d089089ebb796aadede38bbd7ebe69d', class: "container p-8 item-center border-2 border-soft" }, h("div", { key: 'f168cbeaec417b0eccd66ed60f2776bdffdb7bfb', class: "spacing-sample mt-32 bg-strong" }, h("span", { key: '696ec848f217896ae3fc06bf07546fe735d6ccd8', class: "f-body-01 text-inverse" }, "Margin Top: 2rem / mt-32")))), h("li", { key: '5e5d4a63fd7e28114a87dfa5789f5213b6c057f3', class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, h("div", { key: '14cb262cc18f340e72a922dc793244c17fa9fb05', class: "container p-8 item-center border-2 border-soft" }, h("div", { key: '791781717dc851f2e174277c557212e7e5c15b7a', class: "spacing-sample p-32 bg-strong" }, h("span", { key: 'd1df2d8f2520746e49ec9c85d8e17cf5569c4bc5', class: "f-body-01 text-inverse" }, "Padding: 2rem / p-32")))), h("li", { key: '312e2c71672a05cc54cd492297a1cdcb2b11a395', class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, h("div", { key: '8cd16bfafd2345b68e50a46c08c7a8f2430ee6ef', class: "container p-8 item-center border-2 border-soft" }, h("div", { key: '8f7e910d8fc43b596b35f3e72a48646e9550e8ba', class: "spacing-sample pt-32 bg-strong" }, h("span", { key: '509c712085a239a435fc11f8ea7a6c9c788be60c', class: "f-body-01 text-inverse" }, "Padding Top: 2rem / pt-32")))), h("li", { key: 'b99c86cd7dd23e7c091dd2c70ec42133d9d2e2ef', class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, h("div", { key: '0e61fb5d7bf779eddc16c9627d6ca0ff6cf702e1', class: "container p-8 item-center border-2 border-soft" }, h("div", { key: 'e65eb20ca88e563ae43eb0c208feacf7e310870f', class: "spacing-sample pl-32 bg-strong" }, h("span", { key: '2a40e6977caccb37173f60de613c1a72b02f6d3e', class: "f-body-01 text-inverse" }, "Padding Left: 2rem / pl-32")))))));
+        return (h("div", { key: 'e6d23c9b0eecdbb9551da827e84b536c237c3fa2', class: "w-full" }, h("ul", { key: 'f8c8ea13fd5f36050858e813f3300c12c9ed8a93', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, h("li", { key: '9473a1f844d1d6e4cfd2aaf6e8ec8587ebbc8f46', class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, h("div", { key: '86f5d11b9f24a78c2d000a487402ea203663472d', class: "container p-8 item-center border-2 border-soft" }, h("div", { key: '2aa3f316b2a8b9f75403bc148f1e0f2c5b008760', class: "spacing-sample m-16 bg-strong" }, h("span", { key: '178bcea91ee96b6ba7d7f35d3129ba0365103a51', class: "f-body-01 text-inverse" }, "Margin: 1rem / m-16")))), h("li", { key: '3bea85f0dabe95c77f1f7efa20868e05dbe8ac29', class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, h("div", { key: '5500ec5a1b8a408ace5f6b74a09af135953508b9', class: "container p-8 item-center border-2 border-soft" }, h("div", { key: '4fe620bb9f4e246aac4093a3bceeb504a91f7347', class: "spacing-sample ml-64 bg-strong" }, h("span", { key: '8043e928ce06e7eb4f9a980523b85bc1aeacce23', class: "f-body-01 text-inverse" }, "Margin Left: 4rem / ml-64")))), h("li", { key: '3909330218202d18909ece6bb6c24209cdf89737', class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, h("div", { key: 'eddaed5ba95dcff41b807123719b86a2e109f199', class: "container p-8 item-center border-2 border-soft" }, h("div", { key: '9d4ab0bce204ed45ec8a35079213a3663dff2e70', class: "spacing-sample mt-32 bg-strong" }, h("span", { key: '95a3e2eddf9d5b5659ee455de56815e83c873d22', class: "f-body-01 text-inverse" }, "Margin Top: 2rem / mt-32")))), h("li", { key: '3dfe973b5081f9c209386a0b090703c5d9ee9286', class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, h("div", { key: 'a82ec5b68b327c2d6c73109170babaa42866a7bb', class: "container p-8 item-center border-2 border-soft" }, h("div", { key: 'bf446dc3468e554be2419cd4f86a9e015f36e027', class: "spacing-sample p-32 bg-strong" }, h("span", { key: '5569dc17bfd58e125651fa8bb7ff3c510e5a11c8', class: "f-body-01 text-inverse" }, "Padding: 2rem / p-32")))), h("li", { key: '2bd50606ad35620c512c764008e1ebae74b7eb5a', class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, h("div", { key: '6d3172e3d9db2aca2d44112795e030cbe8764327', class: "container p-8 item-center border-2 border-soft" }, h("div", { key: '7abece54dfbf26fa0f441079192e3de3d1924897', class: "spacing-sample pt-32 bg-strong" }, h("span", { key: 'dce98a63280c8b9e8a691074e7727a02c8683290', class: "f-body-01 text-inverse" }, "Padding Top: 2rem / pt-32")))), h("li", { key: '2330aed59c3748951cd1b99bec3324554b81f51b', class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, h("div", { key: 'f17b856f30a3ddaabc9d7dcc4438cde42f49956d', class: "container p-8 item-center border-2 border-soft" }, h("div", { key: 'fb0907d427077e137a878adcb54b1e9b0cdf368e', class: "spacing-sample pl-32 bg-strong" }, h("span", { key: 'e5f919cc44e91ce7eb887bc0419f998039c95fa6', class: "f-body-01 text-inverse" }, "Padding Left: 2rem / pl-32")))))));
     }
 };
 

package/dist/esm/token-typography.entry.js

@@ -203,7 +203,7 @@ const TokenTypography = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h("section", { key: 'ff15f73114d16107a766fe6fe8342315cf2fa542', class: "w-full" }, h("ul", { key: '22e8e89e792fee03f1957e5705fca1938771b9ac', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, Object.entries(typography.typesets)
+        return (h("section", { key: '234d2f000995c4dbd180a2c80d4ead037c8f76ad', class: "w-full" }, h("ul", { key: '7a4b29e3ecbb07c04c401fdbb473a4b122440e24', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, Object.entries(typography.typesets)
             .filter(([typeKey]) => typeKey !== 'displays') // Exclude "displays"
             .flatMap(([typeKey, typeValues]) => Object.entries(typeValues).map(([size, style]) => (h("li", { class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, h("div", { class: "w-full p-4 block lg:flex items-center border border-soft rounded" }, h("div", { class: "mr-auto hidden lg:block", style: {
                 fontFamily: typography.families.sans,