npm - @ebrains/components - Versions diffs - 1.1.0 → 1.3.0 - Mend

@ebrains/components 1.1.0 → 1.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (212) hide show

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

@@ -9,7 +9,7 @@ const LogoSpace = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h("div", { key: 'fdad9dd7dcfd064513452108f8a4cd13078d7146', class: "container" }, h("ul", { key: 'b13477839ec81d27c2b42cc99211d22af46b68e1', class: "not-prose grid-layout grid-cols-6 gap-y-8 md:gap-y-12 lg:gap-y-16" }, h("li", { key: '383a4e04e633675ab8561ddc583b34bea53a75cf', 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: '43457a7e47ae85448c3283514ea8cbe7081c727b', class: "logo-container mx-auto w-[300px]", innerHTML: vLogoMargins })), h("li", { key: 'db8762d40d62a07b72d5d40a4dbfbd7a5cd6381f', 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: '7d1c9e3f1ff874f4916dc2ecf79d2779c631a1ca', class: "text-center mt-16" }, h("p", { key: '4b6430627d3245a915b3f8185cc5aa473995aeca', class: "f-body-01" }, "To ensure legibility, follow these minimum size guidelines:"), h("eds-table", { key: '919120aa30fc233898f364cd24ebfe3c6dd82c7f', 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: '0f7b0c08a70626d0c8069d9916d486a04bbd62a2', 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: '3b8bd597cdf444eee5bf07fb627c4538e5d679cc', class: "container" }, h("ul", { key: 'cba7e1a29b54f81a18c168b4b00568d40f2d4371', class: "not-prose grid-layout grid-cols-6 gap-y-8 md:gap-y-12 lg:gap-y-16" }, h("li", { key: 'ecc9fbea2532bed8b33987dc50ab32bf63150834', 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: 'b75492b9024929b8f210ceb3e3300c4fb1791994', class: "logo-container mx-auto w-[300px]", innerHTML: vLogoMargins })), h("li", { key: '7de22236a86b8e6f10e5bd32922fab53c1ba12a8', 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: 'e8c9f50e17751a17674d20c418d544f90a7ba35b', class: "text-center mt-16" }, h("p", { key: 'da441199660dc0601ccea107fbc8722f9b5a381f', class: "f-body-01" }, "To ensure legibility, follow these minimum size guidelines:"), h("eds-table", { key: '01501a72a8bec05c19de3fdc3d0d101441db25b5', 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: 'ded8166e2ff4c9d0836e78b9bb48e291f9008a6c', 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 CHANGED Viewed

@@ -8,7 +8,7 @@ const LogoVariationsHorizontal = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h("div", { key: '987c614ac28a196ef8fff32c776b286269377dec', class: "container" }, h("ul", { key: 'fc9335a57da5e088f50a4c22ff40546554251515', class: "not-prose grid-layout grid-cols-6 gap-y-8 md:gap-y-12 lg:gap-y-16" }, h("li", { key: '714701eb21a78f77f5294ec8bf4799443311ca73', 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: 'd60bf8e9307aa9243cade43a4cc43df8d11fd561', class: "f-body-01 text-center my-4" }, "#1 Coloured"), h("div", { key: 'a1357c422ecfb85210692c5686f2e1c295094858', class: "coloured" }, h("eds-logo", { key: '07ac7f715db7c573bcf40e9023c5189fbbe0958c', type: "no-bg", href: "#" }))), h("li", { key: 'c452df580d16d70b5dc00485e9ba05a6738b0293', 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: '55eebb8ae1b53b26ce8505f648a7f079f15521b9', class: "f-body-01 text-center my-4" }, "#2 Black & White"), h("div", { key: 'c7394e8f6e044b260b9450f3b06b0ebb44fba4e1', class: "bg-default" }, h("eds-logo", { key: '0febbfc78be2a064c0ff7f768936f1521dcac11c', type: "black", href: "#" }))), h("li", { key: '9473120a767856f6a18b8973b6d0cc12f736f239', 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: '8d2eb712f5d7c862fa8ac633177bb07dc4ac7c1e', class: "f-body-01 text-center my-4" }, "#3 Dark"), h("div", { key: '594c586462a164e790ba224e902605363322561c' }, h("eds-logo", { key: 'bd19f2348abf5a9e347fa1b171f8ced2598093c7', type: "color-white", href: "#" }))))));
+        return (h("div", { key: 'b8329902e5b54186ff70883b7629ce713f9916e3', class: "container" }, h("ul", { key: 'bef5503199fa5390fe3690bf8398702b39f6ce43', class: "not-prose grid-layout grid-cols-6 gap-y-8 md:gap-y-12 lg:gap-y-16" }, h("li", { key: 'd5d87badeb69da37aa05c0265079cdadfa7b06ec', 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: '6e263eca9ee6d917b73314a9fed6843e90ab9ad1', class: "f-body-01 text-center my-4" }, "#1 Coloured"), h("div", { key: 'dca876e83d4a3196f937204d1f36a22e5e554edb', class: "coloured" }, h("eds-logo", { key: '6fadb6eb40b3771e808718ab19e1dcbdb838af14', type: "no-bg", href: "#" }))), h("li", { key: '913d4163183e8df4978e5030e2049b9627f355ac', 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: '94b74970ae70cd4a97ce07c8f2435995b6224e7b', class: "f-body-01 text-center my-4" }, "#2 Black & White"), h("div", { key: '7a10955ff26e151c467e55ce839fa5377509cbca', class: "bg-default" }, h("eds-logo", { key: '5bf7bc14877a77acf069e1067d67aebfb993c148', type: "black", href: "#" }))), h("li", { key: '7b1d286ae816ce932c51bf944e606ce0a0dd692f', 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: '1385573e0cba33124c068536a6df0cc809d2e872', class: "f-body-01 text-center my-4" }, "#3 Dark"), h("div", { key: '0d0febe112256ef7372f86886da3d25b2cb8c7d9' }, h("eds-logo", { key: '104ee7af8e721feaf91f6e96909181afea93ebc6', type: "color-white", href: "#" }))))));
     }
 };
 LogoVariationsHorizontal.style = LogoVariationsHorizontalStyle0;
@@ -23,7 +23,7 @@ const LogoVariationsVertical = class {
         this.type = undefined;
     }
     render() {
-        return (h("div", { key: '1e9f6ca3f43c6818c6213c581dcf0743958c9b5f', class: "container" }, h("ul", { key: 'd6cae4ea607afe3cad7b7eb675efe2c27fee8bce', class: "not-prose grid-layout grid-cols-6 gap-y-8 md:gap-y-12 lg:gap-y-16" }, h("li", { key: '2c08ccbd732b2e33c7ee75a62bd743d0977a212d', 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: '8996d851b5041d7b3f2349034f6ba858b9564937', class: "f-body-01 text-center my-4" }, "#1 Coloured"), h("div", { key: '623832731b38e02f69f795b1f959052425a233df', class: "mx-auto coloured w-[300px]" }, h("eds-logo", { key: 'dd8c635e0dd09b4c972c0d201e6bc6cbd899a896', orientation: "vertical", type: "no-bg", href: "#" }))), h("li", { key: 'f99951011003ed2409a44a5175ab67a2478ee22c', 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: '45c69ba60358e36f980df1fa1db4521dbcc38fc1', class: "f-body-01 text-center my-4" }, "#2 Black & White"), h("div", { key: 'd026d40d15b4e5e8a3d7718298130414198d5699', class: "mx-auto bg-default w-[300px]" }, h("eds-logo", { key: '62ca0a1c8bd93f3b780ba91d5b9bbd31d7bbe1f0', orientation: "vertical", type: "black", href: "#" }))), h("li", { key: 'b1c75a34b36bec4dde679f5bde1129e0315cac37', 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: '16c68f40c6a4bcaf3d618f8787682a974a8c900c', class: "f-body-01 text-center my-4" }, "#3 Dark"), h("div", { key: 'ce3b8ee8b54fabccd816388bb1a3acf642147c28', class: "mx-auto w-[300px]" }, h("eds-logo", { key: '8baa9d4f187e515d5a274156976fb134d79bd004', orientation: "vertical", type: "color-white", href: "#" }))))));
+        return (h("div", { key: 'c5edd87842f2f02818087806b4e2f582da663277', class: "container" }, h("ul", { key: 'e2d3e77fbcc9f6cbbe8c293e3548ab5b5b9be53c', class: "not-prose grid-layout grid-cols-6 gap-y-8 md:gap-y-12 lg:gap-y-16" }, h("li", { key: '87864a42ddab2c0816e9ff46c8122ea645f077aa', 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: '8187e615b2701e6496cd567882ea338d3e50150d', class: "f-body-01 text-center my-4" }, "#1 Coloured"), h("div", { key: '2368fe2ad41d8e325d4a54dac24786bc5a05ab56', class: "mx-auto coloured w-[300px]" }, h("eds-logo", { key: '8efcfe38b1dc0498fa5f132bf01feb3fbfdf05fe', orientation: "vertical", type: "no-bg", href: "#" }))), h("li", { key: '780ca8af41665e5bc92c6c25efd1e9a3552eacbe', 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: 'ea00627b69008f8438a74d84cd00ac76bcbc36f3', class: "f-body-01 text-center my-4" }, "#2 Black & White"), h("div", { key: '5d91c7b29a539118254bfbca8d553794f96e00e5', class: "mx-auto bg-default w-[300px]" }, h("eds-logo", { key: '5f9a4fc71340ab9c45fabdacaea00eb01771d8b3', orientation: "vertical", type: "black", href: "#" }))), h("li", { key: '5c9306edbd30774b35431b5af16956545e7bc973', 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: '8dbc48fd5256198bb0b50ce11267ac408c6e286c', class: "f-body-01 text-center my-4" }, "#3 Dark"), h("div", { key: '495a4c78848efe16898a7e37a802ca33ebe78989', class: "mx-auto w-[300px]" }, h("eds-logo", { key: 'ed7793faeff06e70d05b829d7b361c8e52372232', orientation: "vertical", type: "color-white", href: "#" }))))));
     }
 };
 LogoVariationsVertical.style = LogoVariationsVerticalStyle0;

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

@@ -16,7 +16,7 @@ const LogoVariationsTabs = class {
         }
     }
     render() {
-        return h("div", { key: '2403a062886a97ebbc34bb9f95e755ab1a278731', class: "container" }, this.renderContent());
+        return h("div", { key: '978803ba74596825489ce19690036162c5d2d6fb', class: "container" }, this.renderContent());
     }
 };

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

@@ -9,7 +9,7 @@ const LogoWrongUsage = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h("div", { key: '40d75361172edb23a89faa173ce3518c8750f0f0', class: "container" }, h("ul", { key: '064c760800e2aceba08c3953292f421eae003896', class: "not-prose grid-layout grid-cols-6 gap-y-8 md:gap-y-12 lg:gap-y-16" }, h("li", { key: 'd3213a50ed4d217c195bd9a9f1eff60406027892', 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: '4a3cd51e083d28149bc96c611d2fb4bbb7db37b3', class: "mx-auto no-other-bg-color logo", innerHTML: hLogoColor }), h("p", { key: '81ec640d08f3aa79098e02ecbf0575787c61cd5a', class: "f-ui-02 text-center" }, "Do not use with backgrounds that make legibility difficult")), h("li", { key: '7eb0f204779fe3852ce732fec83cf7efccc8bfd7', 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: '1e287231328b32ce97aee6c2d793b2a4885e5434', class: "mx-auto no-other-color logo non-brand-color", innerHTML: hLogoColor }), h("p", { key: 'f68bd11f49ca1fc5998ce9dbbd7d062ac30170cd', class: "f-ui-02 text-center" }, "Do not apply other colors")), h("li", { key: '06c5eb937c3ca8e556a987905281e3196c67da5c', 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: 'a165382706515bcff0f4acdfc5ee505021ef8ec3', class: "mx-auto distorted logo", innerHTML: hLogoColor }), h("p", { key: '9675a3a6f0e52db908fdac0e34dc307c2ea85235', class: "f-ui-02 text-center" }, "Do not deform the logo")), h("li", { key: 'c7f53a6c25eeafb8704c500c6daa07746c493d1f', 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: '2f8e8be3799a2eaae186412fd923da15ecd7ba14', class: "mx-auto effects logo", innerHTML: hLogoColor }), h("p", { key: '725a2a98e0c221d3edfda11b709ae9c9d4bc07b6', class: "f-ui-02 text-center" }, "Do not apply effects")), h("li", { key: 'e8de87168e68efaf2afe99fe83e4d336a5c0a106', 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: 'f1e0aa5ed1f402bdb6314c156d2f554626701123', class: "mx-auto rotated logo", innerHTML: hLogoColor }), h("p", { key: '5360e8d9dc65987adbe5b689a7dbf97a27d47aba', class: "f-ui-02 text-center" }, "Do not rotate the logo")), h("li", { key: '8e21d4edf6a714c41f6add93d70996abd8ad23aa', 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: '9510ae79414b2b74d15f8c3fafa92cb2a9b34959', class: "mx-auto outlined logo", innerHTML: hLogoColor }), h("p", { key: 'ef077ee715e907cd5d6e22f03f1f490ed1e159a3', class: "f-ui-02 text-center" }, "Do not apply outlines")), h("li", { key: '397110091fb08f7e34c16c8a264314153ac16ac3', 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: '0b8e2644362c8131f6df52af19aaa0b37fb3331a', class: "mx-auto" }, h("div", { key: '7d8b31e4b27bcc28847dd6c912a95bb1b9c08694', class: "bg-accent p-16" }, h("div", { key: '29b1988e197e997ce13c962dd872310bd61a545a', class: "text-inverse", innerHTML: hLogoColor })), h("p", { key: '6336def9b4ada2e13a43c037aec0ff59aa142e8c', 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: 'ca22a0f8284bd418c0307e9b18443cf93dbd5ef7', class: "container" }, h("ul", { key: 'dae3e5fdf852e1684effe028fcb12f3a4a765c92', class: "not-prose grid-layout grid-cols-6 gap-y-8 md:gap-y-12 lg:gap-y-16" }, h("li", { key: 'f938ed546e420f7f3c9629b3029623d8b0b3cb33', 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: 'eecaba67c1506aa8192bdeb07dfe92417c200520', class: "mx-auto no-other-bg-color logo", innerHTML: hLogoColor }), h("p", { key: '1057f9c302bc7e4b9ccdc5db8bdc5c92066b9efd', class: "f-ui-02 text-center" }, "Do not use with backgrounds that make legibility difficult")), h("li", { key: '2b4ea9b064c01b08daa1a236f9f427aab55155df', 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: '9d42d01d4c2cacf71ab151bcd136a9b427ae2f61', class: "mx-auto no-other-color logo non-brand-color", innerHTML: hLogoColor }), h("p", { key: 'abc8b7da35ff02d255c7101b963216a6176876be', class: "f-ui-02 text-center" }, "Do not apply other colors")), h("li", { key: '180f04ec0804841dff6aa1aadb4abcf39cd9795b', 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: 'b28e00dd5e87f8dfa0115c2a617755d0ad3615bf', class: "mx-auto distorted logo", innerHTML: hLogoColor }), h("p", { key: '93724268eeedcc799ec3c90087ce2e7ac61dc07e', class: "f-ui-02 text-center" }, "Do not deform the logo")), h("li", { key: '5063815d8df9ed7eb13d83734f23978916ade66a', 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: '8f8624744ed71aebc2d42815f8012ed5c18c1cb7', class: "mx-auto effects logo", innerHTML: hLogoColor }), h("p", { key: '14040538adcea3c5650ddb3e94a3a5186d009a2a', class: "f-ui-02 text-center" }, "Do not apply effects")), h("li", { key: 'a80a2e6f66d27bd28a52d9ea45aa3352519f8973', 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: 'ab16f170fde233d8e05c8b93babc83f6a54fe4df', class: "mx-auto rotated logo", innerHTML: hLogoColor }), h("p", { key: '12eb2d4f8c48b51397295e84fd13f9cdb7fe1291', class: "f-ui-02 text-center" }, "Do not rotate the logo")), h("li", { key: 'e93cc98bcb8594ea9cc715c3593bbbb05ef0a584', 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: 'e06d8c08690e542a9906526f31083cd19d36377c', class: "mx-auto outlined logo", innerHTML: hLogoColor }), h("p", { key: '28ffd7eb8d963d8fbaca70bdacb408d1ad2b5628', class: "f-ui-02 text-center" }, "Do not apply outlines")), h("li", { key: '762de4272afb3425d05854efcebdbac901e3434e', 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: 'b886b389d207ffdb8b135fdc0fd26e5e72f40a42', class: "mx-auto" }, h("div", { key: '2b03b5762338e7af827635e16f5a8da8a0322174', class: "bg-accent p-16" }, h("div", { key: 'c6db8ce985ce69f68973d59acabd846ec3b296ed', class: "text-inverse", innerHTML: hLogoColor })), h("p", { key: '3c2424662345ce48f2db344a5efd0aa2dc5ef002', 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 CHANGED Viewed

@@ -324,7 +324,7 @@ const SvgRepository = class {
             icon: { format: 'svg' },
             name: { format: 'bold' }
         };
-        return (h("div", { key: '48b9bd49dc2521db7fc1676544530f6bd9cd6287', class: "full-width" }, h("eds-table", { key: 'c3b5bdecde28ad6ec8a5172d883d49a8b0436f18', "table-data": JSON.stringify(svgData), config: JSON.stringify(tableConfig), "rows-per-page": 10, "search-enabled": true, "pagination-enabled": true })));
+        return (h("div", { key: 'c8c6a714522ff3e122b58c4bb931af7f95d281fa', class: "full-width" }, h("eds-table", { key: 'f3251327f43c5b18f7677738f37b60ff0e604c3f', "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 CHANGED Viewed

@@ -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: '1c949c3777a159f1a52baa4f27d1acf07bf86114', class: "w-full mt-28" }, Object.entries(sectionsToDisplay).map(([sectionName, sectionContent]) =>
+        return (h("section", { key: '0ba9dbb1b98cb398c2eb989391f6e978f9dc21ef', 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: '07f9d8424b849e486379f81764ad946b0b632fa7', class: "w-full mt-28" }, h("ul", { key: 'ec8cb4aaad010b24dc82b556fbc143c52f9824c2', 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: '0b0ccb9adcfa77ea898828ddbb244e959f93e2e4', class: "w-full mt-28" }, h("ul", { key: '94f17ad36ec9fcc47b645e323c7e5a8f3e040dda', 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: '50f470109606938085ed98480892d94ebcc2878c', class: "w-full mt-28" }, h("ul", { key: 'e9c982816b9117eacd1a9f721e7428f317087211', 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: '18d2b4cdcc3b6d6ce8864a9c36e869be9b9e5cb4', class: "w-full mt-28" }, h("ul", { key: '63e646788009d3315d2f4e03f1a780811486d9a0', 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 CHANGED Viewed

@@ -14,7 +14,7 @@ const TokenRatios = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h("section", { key: 'a68e1101a6dfd99b0b48540f96792622b9837efc', class: "w-full" }, h("eds-section-core", { key: '1f32847d415fad34b9add511d7bc49907f351fe9', tag: "div", "section-title": "Aspect Ratios", "heading-level": "h3" }, h("ul", { key: 'e1dc4d7772bc3cd009458e781f5de0c078f686c0', 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: '0fb029d34cba573e04e15030b3fdd1497ac9974e', class: "w-full" }, h("eds-section-core", { key: 'd6914b95ef74d590d58b0c90600fc44f5d9d6678', tag: "div", "section-title": "Aspect Ratios", "heading-level": "h3" }, h("ul", { key: 'f08511f07380707795b810fd0f34c1acdc47d37d', 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 CHANGED Viewed

@@ -5,7 +5,7 @@ const TokenSpacing = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h("div", { key: 'ad89d21ec01f11c77d85853f7c0dbefd8ea9f07f', class: "w-full" }, h("ul", { key: '6108fb2870c358de8e5c48e6d14f6c1e76af856f', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, h("li", { key: 'cd0d1986b416f12164b8d0458262987a445662ca', class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, h("div", { key: 'f2cfd77fcba601b89605dabf109f599816bb118e', class: "container p-8 item-center border-2 border-soft" }, h("div", { key: '69e4cb5660f5c51d2b9c1ba30a38f3b7decacc58', class: "spacing-sample m-16 bg-strong" }, h("span", { key: '70a07326b0a95655db3aad083637499f5ed4aa73', class: "f-body-01 text-inverse" }, "Margin: 1rem / m-16")))), h("li", { key: '97b8c127e9bbe9af4ec8f6876ebae3f87a52d130', class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, h("div", { key: '58537d6aa824b489ae9c5150400af21f11f1f447', class: "container p-8 item-center border-2 border-soft" }, h("div", { key: '3f2913d232cb9de1b678b7f7903bef0642ef42df', class: "spacing-sample ml-64 bg-strong" }, h("span", { key: 'fe56d1a501dc219a1bac474b674586609499f3de', class: "f-body-01 text-inverse" }, "Margin Left: 4rem / ml-64")))), h("li", { key: 'e2dee648fd4bce503414d76f3afe64655285523c', class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, h("div", { key: 'e788fa22248ac92fb8bc89566c5b8a77cf14578f', class: "container p-8 item-center border-2 border-soft" }, h("div", { key: '9629958b453aa831a1d871bb4e846d0926d9e57c', class: "spacing-sample mt-32 bg-strong" }, h("span", { key: '0efde7eaed0fe3e14f476617e7e9bf2e20131f2c', class: "f-body-01 text-inverse" }, "Margin Top: 2rem / mt-32")))), h("li", { key: '6dabfeb0086c784c50843abd12d5a505a56e0933', class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, h("div", { key: '164e7eec6ed3aad2847c4ede97f4bbfed34138d1', class: "container p-8 item-center border-2 border-soft" }, h("div", { key: '9be99b05ba29204f6163df2c1522e7aa6211bd3d', class: "spacing-sample p-32 bg-strong" }, h("span", { key: 'ae0a7ea74e31ea324015b844848c3d5a68930e8d', class: "f-body-01 text-inverse" }, "Padding: 2rem / p-32")))), h("li", { key: '3804dbfb6a64a1dfd478bd0132ff83f51bcff33e', class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, h("div", { key: '75c96b0762c3fac8b4de897ab8147b2c5614a360', class: "container p-8 item-center border-2 border-soft" }, h("div", { key: 'd00487531406fa89112bee34e05306c59dc4f497', class: "spacing-sample pt-32 bg-strong" }, h("span", { key: '8a750b7ac07739a71949b236421427b8bb05b067', class: "f-body-01 text-inverse" }, "Padding Top: 2rem / pt-32")))), h("li", { key: '5e5fe43383f13b4377aca7cfb07c97b6ac1dd79b', class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, h("div", { key: 'ed2ac88c543eba8c580d029ccacb1a8b26c1cae7', class: "container p-8 item-center border-2 border-soft" }, h("div", { key: 'cf9a94b61e598c0ee6da9e771717574b48264333', class: "spacing-sample pl-32 bg-strong" }, h("span", { key: 'a2d3fce66240c6b0d49d1a655c0b5a84be9c630d', class: "f-body-01 text-inverse" }, "Padding Left: 2rem / pl-32")))))));
+        return (h("div", { key: '144e643ff3f26d09b932b3bfa2086164134728c0', class: "w-full" }, h("ul", { key: 'fabddc807bcd5cefbfced6391117e9eb065ffff0', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, h("li", { key: 'cc0fba19927a1c3ad33008dc1087ee75e0c9fe2d', class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, h("div", { key: '328054d7cfe6a0678e9e592b91dba6a8524c2039', class: "container p-8 item-center border-2 border-soft" }, h("div", { key: 'e50e3533e36feb7021cac8ac10cc9a05e7f24c0a', class: "spacing-sample m-16 bg-strong" }, h("span", { key: '87165037495881426a3c9848953e049ec7e96b7a', class: "f-body-01 text-inverse" }, "Margin: 1rem / m-16")))), h("li", { key: 'a6a98204655e53b6ef9ce9f2fd90b561c79c185d', class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, h("div", { key: '385ae898ce1f1f96cbb236ded619a05d8326c304', class: "container p-8 item-center border-2 border-soft" }, h("div", { key: '4e6c11ae90e22efa73fb6c9481ee2c1511365394', class: "spacing-sample ml-64 bg-strong" }, h("span", { key: 'a13a1886b5019ca48a19d24ba03b3caa1c51bc3f', class: "f-body-01 text-inverse" }, "Margin Left: 4rem / ml-64")))), h("li", { key: '7b2f325ced5281668e6ece98d56caf864b34c7e8', class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, h("div", { key: '3e1a69b9983bc993686426ec84dd70b4803538a6', class: "container p-8 item-center border-2 border-soft" }, h("div", { key: '66804ce21771e53210bc385ac8cefce4c554d188', class: "spacing-sample mt-32 bg-strong" }, h("span", { key: '91cee3a9cf00777f1d2b4cde4ce484fcddef52f5', class: "f-body-01 text-inverse" }, "Margin Top: 2rem / mt-32")))), h("li", { key: '9d9074db464e7ecc36977c69b0fdd053e8025dec', class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, h("div", { key: 'e6a2d7d1ded9c92ca41d211dca3dcca9f03ad707', class: "container p-8 item-center border-2 border-soft" }, h("div", { key: 'c87e88d711ec5298525f1d901958a035837b3db0', class: "spacing-sample p-32 bg-strong" }, h("span", { key: '6276cb3c19a8fd1262c5002e682099f13d38b512', class: "f-body-01 text-inverse" }, "Padding: 2rem / p-32")))), h("li", { key: 'c8614add23a4802ccbb3086c74ac2871ad0a0340', class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, h("div", { key: '68b73e788596e32a696e012d08ec11cf479a5d45', class: "container p-8 item-center border-2 border-soft" }, h("div", { key: 'b057f25cdeda7c6cc3f0ce21e199d84d90bb0bfa', class: "spacing-sample pt-32 bg-strong" }, h("span", { key: 'a72e385bdaed3c6c8a06fb7951f6b326eb8f2e4f', class: "f-body-01 text-inverse" }, "Padding Top: 2rem / pt-32")))), h("li", { key: '11be77901177c2372b29076072dd7544f7371aa4', class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, h("div", { key: '5606d88389c6aaa16a9941fefe2bc34e881b22a3', class: "container p-8 item-center border-2 border-soft" }, h("div", { key: '1341d44c62567c8b5078046644cda8ddcec59809', class: "spacing-sample pl-32 bg-strong" }, h("span", { key: 'b9208571277fced609ea55a113a30dc7a424c2a8', class: "f-body-01 text-inverse" }, "Padding Left: 2rem / pl-32")))))));
     }
 };

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

@@ -203,7 +203,7 @@ const TokenTypography = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h("section", { key: '60710505ef0a06883d83c6838b1eb246485bd548', class: "w-full" }, h("ul", { key: '3cac0e7f35f878e29ee45e21407609753099e077', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, Object.entries(typography.typesets)
+        return (h("section", { key: 'b831c9707b00d17768f585e2015de8a7289b11d2', class: "w-full" }, h("ul", { key: '472e46f2c903597d24e8f24cf28b6f475c7d7a82', 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,