@ebrains/react 2.2.0 → 2.3.0

package/logo-space.entry.esm.js

@@ -12,33 +12,33 @@ const LogoSpace = class {
   }
   render() {
     return h("div", {
-      key: '2ff3cdb12cbd61fc4053418d1a678409c05755f2',
+      key: 'b07b6c2b9e042c3c330de470cf2e792285362a0f',
       class: "container"
     }, h("ul", {
-      key: 'abfc33d14841a457959f5b15e8542465e8a0f883',
+      key: '40cb4cca1a4b42026becc95a46a380e23ed77723',
       class: "not-prose grid-layout grid-cols-6 gap-y-8 md:gap-y-12 lg:gap-y-16"
     }, h("li", {
-      key: 'd81281a2d146a19d036678cb794f5224236ce521',
+      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: '9d3774468a2b09098b84a8354683b2c6940491f5',
+      key: '4f3b6da2c7f238b814c8a8537d6246215e935a26',
       class: "logo-container mx-auto w-[300px]",
       innerHTML: vLogoMargins
     })), h("li", {
-      key: 'cb4d4a3ff951b25fba627bd98cc1319dcb803158',
+      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: 'fa2f563d8ad8100b6d12c626f41b4552d99c743e',
+      key: 'ac4e8c0cdd8f2f206f9ead55806b32425279c8ee',
       class: "text-center mt-16"
     }, h("p", {
-      key: 'bda0bb099f9e82b9462bee494f7d417bdd9984b9',
+      key: '0db3cdd9c348fa3855f995363fc3cd872b6da2c4',
       class: "f-body-01"
     }, "To ensure legibility, follow these minimum size guidelines:"), h("eds-table", {
-      key: '92b100f67e3a7dd84d817b5dbc8cdfe76d6b2408',
+      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: '4d6ad4aacf24c4386493fe74ed928321627602ac',
+      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"
     })));
   }

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

@@ -11,47 +11,47 @@ const LogoVariationsHorizontal = class {
   }
   render() {
     return h("div", {
-      key: 'd8357d0a4234d0c411881928a6daabdda928f272',
+      key: '148d0694cc666c2048a65f035e3b423f14721a24',
       class: "container"
     }, h("ul", {
-      key: '30e3d8efd0f5fd173f48c6e1e02005e7da813ce9',
+      key: '577efdbf7af11206706768435afcf949e704c16a',
       class: "not-prose grid-layout grid-cols-6 gap-y-8 md:gap-y-12 lg:gap-y-16"
     }, h("li", {
-      key: '751d2de97fe8774614b15de1feda7f59c8da2ef0',
+      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: 'd0ba9b152a505a591cabf5a54b720b6e718173e0',
+      key: 'a5be5fc2dae4b966722d0ad69510f6622882aa99',
       class: "f-body-01 text-center my-4"
     }, "#1 Coloured"), h("div", {
-      key: '81b91d5c53a7ac440364083dd06222f32bf5dc51',
+      key: 'e20d0633cc5c1c6f61c8147d55b7dd228c774f99',
       class: "coloured"
     }, h("eds-logo", {
-      key: '921cac572b2da3871eff8c2912de79babb909c91',
+      key: '2a5a4eea4c70fadfcaef15c5b2c498b833231603',
       type: "no-bg",
       href: "#"
     }))), h("li", {
-      key: '74cebe6855e0e23d95a3ec74927b569c29b34d07',
+      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: 'ed5484e8ff8f85251f85a61fb53d21639dbb914b',
+      key: '5dcb436091288a40213ad53fff116c0a18fd8626',
       class: "f-body-01 text-center my-4"
     }, "#2 Black & White"), h("div", {
-      key: '7a5f1894fe514a323e8955c01d1ab071187c2a5c',
+      key: 'e0f165856fb0a693ca2a655b5f6beb8f37810905',
       class: "bg-default"
     }, h("eds-logo", {
-      key: '9a072cdaf4f7f901b8cb91d3fe9bc85ddb0e8eba',
+      key: 'ca1d9b99e93b458c9a4c59389ade43db1aedd473',
       type: "black",
       href: "#"
     }))), h("li", {
-      key: 'ea3f60807f78264c6305061dc292d1d17f7fd173',
+      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: '530e8f71e5d6f56a9f8981ad454ecbd00162030e',
+      key: 'dcd75bb1f4717a6d8b34f522c25b04a976bcbdea',
       class: "f-body-01 text-center my-4"
     }, "#3 Dark"), h("div", {
-      key: 'b74d2cfb21a8d6f8288444cfed8ba9dc80d929b7'
+      key: '11f500da753124767502a09824007bef6586b445'
     }, h("eds-logo", {
-      key: 'f31c76f4f3e3f03f02d2712a272ba893f7832a7a',
+      key: '95ed147e3a5284960d5c740841620d622537cc3c',
       type: "color-white",
       href: "#"
     })))));
@@ -68,50 +68,50 @@ const LogoVariationsVertical = class {
   }
   render() {
     return h("div", {
-      key: '983decc613dcf98cc903eb0220e4604e6eaff4d0',
+      key: '33670ab1d0922b7ce5d561ae1bcb25d85cdf3ecb',
       class: "container"
     }, h("ul", {
-      key: '4c76eb52168bc862e3d9ba4afcfce2feadb92ab8',
+      key: '7b05bb7f6e1699766f6d0321762f0ef66ab3b306',
       class: "not-prose grid-layout grid-cols-6 gap-y-8 md:gap-y-12 lg:gap-y-16"
     }, h("li", {
-      key: '4e51746424e45dcae4bd01fe5ff30a9634333e2f',
+      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: '18227e8430d94259740bcbcfe100540831d2a857',
+      key: '41c416c593cacad33a826c76e6617bc6c6b5b9e3',
       class: "f-body-01 text-center my-4"
     }, "#1 Coloured"), h("div", {
-      key: '374be81aba7532670ff470026317a49d78f54762',
+      key: '9bf761058eb7581b949af689a0341dc2a8b85b24',
       class: "mx-auto coloured w-[300px]"
     }, h("eds-logo", {
-      key: 'fdfe6b1cc100dff3a53c9065bc16803043df97e5',
+      key: 'eb04b74cf4feb3054ba5b769fd7690281dbf768b',
       orientation: "vertical",
       type: "no-bg",
       href: "#"
     }))), h("li", {
-      key: '5aaf638a69109964188bbcad753f420177859107',
+      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: 'aadc470260f28236f3f4628ebf5c7261915f1fb2',
+      key: '8d99d4f4caf4ef224fb691fdebfd3048075db0c0',
       class: "f-body-01 text-center my-4"
     }, "#2 Black & White"), h("div", {
-      key: '3fed72cb0a3f38c6619d78a6995746a3cee5ee0e',
+      key: 'f4b55a2fc4305075270e9e4a6149be5278fe3618',
       class: "mx-auto bg-default w-[300px]"
     }, h("eds-logo", {
-      key: 'bcf169b31b33615c82b768f20a0b648236644c65',
+      key: '38ca84d79e788b92ce2489e19f35b8ba989313f2',
       orientation: "vertical",
       type: "black",
       href: "#"
     }))), h("li", {
-      key: '62f0c6803ca0ec6090db435388da6754054c2007',
+      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: '32813722dca892164d108df2ef0a3048cb4ebbbd',
+      key: '2564444f18acf01edd3caa3e4df06a0a54cad60a',
       class: "f-body-01 text-center my-4"
     }, "#3 Dark"), h("div", {
-      key: 'e33669ea223f6d923d71e2a8568140ae5ef739e3',
+      key: '70db409bd6dfd47bb66cef38059a52a9b0556e14',
       class: "mx-auto w-[300px]"
     }, h("eds-logo", {
-      key: '4176811098a57727ed30bfc1db82fa16aa06bd6c',
+      key: '567844257939403cee8d4ce76b84dfdc12df97d1',
       orientation: "vertical",
       type: "color-white",
       href: "#"

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

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

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

@@ -12,86 +12,86 @@ const LogoWrongUsage = class {
   }
   render() {
     return h("div", {
-      key: 'fa573cdaaa0d55c820b5a355bff48d5f1d10544a',
+      key: 'a5d22b7db9bf43fa54d7e0fe611b819e374b6f6b',
       class: "container"
     }, h("ul", {
-      key: '5c1941d3c45fa4814ffbdfaf30af106542862802',
+      key: 'a2d9ebad864822e00db5bb207caf599de80be433',
       class: "not-prose grid-layout grid-cols-6 gap-y-8 md:gap-y-12 lg:gap-y-16"
     }, h("li", {
-      key: 'fd02c67fbe23ebb78289e5281c5b4917a44c950e',
+      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: '246527a7926c377c287a3c8073b06952b54dc694',
+      key: '3f9ab867a20bc72e15c5403683d50b0f86c18727',
       class: "mx-auto no-other-bg-color logo",
       innerHTML: hLogoColor
     }), h("p", {
-      key: '88ebc748214a558e6cee28b8624f287de2faf80c',
+      key: '8a9ebdfd97d048e046adc85f182657c065d7c5e2',
       class: "f-ui-02 text-center"
     }, "Do not use with backgrounds that make legibility difficult")), h("li", {
-      key: 'dbf4655e3bbbad7566f64f5b8eb474c749967c38',
+      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: '5d2c9c916bc81ce831daf99c6293024aa9b0b2f0',
+      key: 'be8c7b7fc30111d6bd7e7803d4a47b58ab8275f9',
       class: "mx-auto no-other-color logo non-brand-color",
       innerHTML: hLogoColor
     }), h("p", {
-      key: 'f9a37e0a587b60bf607efd2e1f3aa4114f67ef33',
+      key: '1e458e14065bc2f064c29f03e7047578837e8dbf',
       class: "f-ui-02 text-center"
     }, "Do not apply other colors")), h("li", {
-      key: '3e1126e6636e0064ce852cc4249a684b77d7ba0a',
+      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: 'a1eb4d8ea7764734f24b39cb95b36d6718f331a3',
+      key: '1a8b871c1887b96183efc5a884085cd627a5dd03',
       class: "mx-auto distorted logo",
       innerHTML: hLogoColor
     }), h("p", {
-      key: 'e3d0156ec563c657c03beaa61a7ae068e78df09c',
+      key: '2ca68cc09eac491203fec3d84b19623dfc1c0433',
       class: "f-ui-02 text-center"
     }, "Do not deform the logo")), h("li", {
-      key: '062a45841b978d79fe82e5773ba82c98e8f9eb6c',
+      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: 'd0f276a91bf1ea13b4f482e39e9f83b7ef3f2593',
+      key: '3176d2dbec423d743b8d05c64d7a21088bf830a1',
       class: "mx-auto effects logo",
       innerHTML: hLogoColor
     }), h("p", {
-      key: '62f67b5f28839a5bb3706e78004c1989feced677',
+      key: '1148d744012e92f34ac48a2b69c3fb6451e4f844',
       class: "f-ui-02 text-center"
     }, "Do not apply effects")), h("li", {
-      key: 'c4d0025e06c8385935a4b6162d65f78bc3d7b94d',
+      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: 'c6118e7d56abcf4a54f6f590d9a77a9397fa3209',
+      key: '27b2b50f017142b1e9638baf1865fd804ba9121d',
       class: "mx-auto rotated logo",
       innerHTML: hLogoColor
     }), h("p", {
-      key: 'a6c71000e3cf8b6d3a28c8f8c0df0840fdf2a749',
+      key: '28dfe52d02bdb82f29947227a9a9a699aabf82ef',
       class: "f-ui-02 text-center"
     }, "Do not rotate the logo")), h("li", {
-      key: 'd558e277275a305f3d491eba94aad8c1e7eec471',
+      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: '56947add9521b76a88ea05f8f64b6f0f656a9863',
+      key: '042817f8f946a10372439398e4f6dd3c0fc182f6',
       class: "mx-auto outlined logo",
       innerHTML: hLogoColor
     }), h("p", {
-      key: '0de198ca711a32e9b0f6ff7275af9dc2bce3c1b6',
+      key: 'f5136df73757f3ebd3c954f3aa5f9e47d7907c64',
       class: "f-ui-02 text-center"
     }, "Do not apply outlines")), h("li", {
-      key: '12b7c15e994ae6b40041da68eaa609ee0ec499a7',
+      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: '9ef38af84bee3b83b04f881e6481769fc39991ff',
+      key: '29ceba568f002cf04a810546ac76ed4d4a0c63fd',
       class: "mx-auto"
     }, h("div", {
-      key: '7f793491cf76a2c937ab0ca820dfd3f2a5779728',
+      key: '53976603b457baf9d28f4216b2ef54284467ffd7',
       class: "bg-accent p-16"
     }, h("div", {
-      key: '60bfff8e962a543dcda5db9d1bdf75a3702f8b38',
+      key: 'bdce208801ad76f3f8fd1639ca08b3a341ccf014',
       class: "text-inverse",
       innerHTML: hLogoColor
     })), h("p", {
-      key: '8a0a6a43def963fd5bd00e857ab7e21d60e54454',
+      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")))));
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ebrains/react",
-  "version": "2.2.0",
+  "version": "2.3.0",
   "module": "./index.esm.js",
   "type": "module",
   "main": "./index.esm.js",

package/src/components.d.ts

@@ -14,6 +14,7 @@ export declare const EdsFooter: import("react").ForwardRefExoticComponent<JSX.Ed
 export declare const EdsForm: import("react").ForwardRefExoticComponent<JSX.EdsForm & Omit<import("react").HTMLAttributes<HTMLEdsFormElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLEdsFormElement>>;
 export declare const EdsFullscreenMenu: import("react").ForwardRefExoticComponent<JSX.EdsFullscreenMenu & Omit<import("react").HTMLAttributes<HTMLEdsFullscreenMenuElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLEdsFullscreenMenuElement>>;
 export declare const EdsGauge: import("react").ForwardRefExoticComponent<JSX.EdsGauge & Omit<import("react").HTMLAttributes<HTMLEdsGaugeElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLEdsGaugeElement>>;
+export declare const EdsGlobalSearch: import("react").ForwardRefExoticComponent<JSX.EdsGlobalSearch & Omit<import("react").HTMLAttributes<HTMLEdsGlobalSearchElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLEdsGlobalSearchElement>>;
 export declare const EdsHeader: import("react").ForwardRefExoticComponent<JSX.EdsHeader & Omit<import("react").HTMLAttributes<HTMLEdsHeaderElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLEdsHeaderElement>>;
 export declare const EdsIconWrapper: import("react").ForwardRefExoticComponent<JSX.EdsIconWrapper & Omit<import("react").HTMLAttributes<HTMLEdsIconWrapperElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLEdsIconWrapperElement>>;
 export declare const EdsImg: import("react").ForwardRefExoticComponent<JSX.EdsImg & Omit<import("react").HTMLAttributes<HTMLEdsImgElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLEdsImgElement>>;

package/src/generated/components.d.ts

@@ -19,7 +19,6 @@ export declare const EdsIconWrapper: import("react").ForwardRefExoticComponent<J
 export declare const EdsImg: import("react").ForwardRefExoticComponent<JSX.EdsImg & Omit<import("react").HTMLAttributes<HTMLEdsImgElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLEdsImgElement>>;
 export declare const EdsInputField: import("react").ForwardRefExoticComponent<JSX.EdsInputField & Omit<import("react").HTMLAttributes<HTMLEdsInputFieldElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLEdsInputFieldElement>>;
 export declare const EdsLink: import("react").ForwardRefExoticComponent<JSX.EdsLink & Omit<import("react").HTMLAttributes<HTMLEdsLinkElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLEdsLinkElement>>;
-export declare const EdsLogin: import("react").ForwardRefExoticComponent<any>;
 export declare const EdsLogo: import("react").ForwardRefExoticComponent<JSX.EdsLogo & Omit<import("react").HTMLAttributes<HTMLEdsLogoElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLEdsLogoElement>>;
 export declare const EdsMatomoNotice: import("react").ForwardRefExoticComponent<JSX.EdsMatomoNotice & Omit<import("react").HTMLAttributes<HTMLEdsMatomoNoticeElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLEdsMatomoNoticeElement>>;
 export declare const EdsModal: import("react").ForwardRefExoticComponent<JSX.EdsModal & Omit<import("react").HTMLAttributes<HTMLEdsModalElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLEdsModalElement>>;

package/svg-repository.entry.esm.js

@@ -314,10 +314,10 @@ const SvgRepository = class {
       }
     };
     return h("div", {
-      key: '36ab796174ab215a5e8f834f0d6291853305e732',
+      key: '9e4eb1306b8d43f5879b2e7c0ef0019f83c0b3b5',
       class: "full-width"
     }, h("eds-table", {
-      key: '31fca470f340fa54137887ef426f4f7e1fc72f73',
+      key: '3b6349562155ffed788587d39a82d0a2fb9798bb',
       "table-data": JSON.stringify(svgData),
       config: JSON.stringify(tableConfig),
       "rows-per-page": 10,

package/token-list_3.entry.esm.js

@@ -296,7 +296,7 @@ const TokenList = class {
       [this.show]: colors[this.show]
     } : colors;
     return h("section", {
-      key: 'c5a0dc7f4e58c77624481262b1a6ac31df5425ee',
+      key: 'db196307702df28bf9e2f7fb0b87298bf84baabb',
       class: "w-full mt-28"
     }, Object.entries(sectionsToDisplay).map(([sectionName, sectionContent]) =>
     // Only render sections that exist in `colors`
@@ -317,10 +317,10 @@ const TokenRadii = class {
   }
   render() {
     return h("section", {
-      key: 'd0e212f61414068b55b2ce1a3d9c7c2a51743908',
+      key: 'bdd584d53625299e4faa9a28f6f259bc5587b125',
       class: "w-full mt-28"
     }, h("ul", {
-      key: 'f656822bfc1a95bb4435eec2db9573e4362d1c59',
+      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"
@@ -358,10 +358,10 @@ const TokenShadows = class {
   }
   render() {
     return h("section", {
-      key: '2f8e9eef279ee176ba1c72660181a4a36a184985',
+      key: 'a2fbc57c2153391bc53b47a263488118ca3aa01a',
       class: "w-full mt-28"
     }, h("ul", {
-      key: 'a5ddc9f6faab20c73b6dbb08364925d3b221e848',
+      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"

package/token-ratios.entry.esm.js

@@ -17,15 +17,15 @@ const TokenRatios = class {
   }
   render() {
     return h("section", {
-      key: '0215729c6c798288f74b3e9a589763c8a71c6fd3',
+      key: '83fc87fd64531611114fe47d977dc54b6af1d327',
       class: "w-full"
     }, h("eds-section-core", {
-      key: '9ac3c1b933b7bb7cc6c8dd9aeface59ba3646750',
+      key: 'b0b72d4f387cd48f4905c68b9f05ac3058d359c1',
       tag: "div",
       "section-title": "Aspect Ratios",
       "heading-level": "h3"
     }, h("ul", {
-      key: 'd4ae2c487aa2402740dfd1465823fe3d04c19e18',
+      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"

package/token-spacing.entry.esm.js

@@ -9,82 +9,82 @@ const TokenSpacing = class {
   }
   render() {
     return h("div", {
-      key: 'e01032fc0640d466fbf25d52c786c2ad09282deb',
+      key: '46cb6fe655e9f8b8688f44e2351f3992e8011b2a',
       class: "w-full"
     }, h("ul", {
-      key: '067499a0d422c6759393a729018a0e428ac5bb73',
+      key: '9d7205ee2e0b3b0386284dc282fcc5375c43ec26',
       class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16"
     }, h("li", {
-      key: '18811cd88f3627f824c09ed57522b624c905704a',
+      key: 'b3e9d62bb934c1b413712b182cfdf015484db525',
       class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16"
     }, h("div", {
-      key: '6f810ada1266d71181c85ae01f6d0f03d74c5d62',
+      key: '78c8a23dcacfd216a6159da8af3809607ef29702',
       class: "container p-8 item-center border-2 border-soft"
     }, h("div", {
-      key: 'be8c8193dd759eb651230904f482bdd29ece17d9',
+      key: '92a2938c5bdcb38456d96077f78993c711bc789f',
       class: "spacing-sample m-16 bg-strong"
     }, h("span", {
-      key: '3275ae8d2dcc26a097fcec9e47e865d122e8a7a0',
+      key: '7738363bee7cc25863bec922f55224044af61b6e',
       class: "f-body-01 text-inverse"
     }, "Margin: 1rem / m-16")))), h("li", {
-      key: '1501280856acd0f86ed6d18deb2994e2b938d550',
+      key: '96c1f622b7e4136cebd53862b79bbc17ad484a25',
       class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16"
     }, h("div", {
-      key: '9c6bd09fb408bf28e1ff7259ee82858657055d53',
+      key: 'ff4357650e10f9e7a61903c3c9f6a4f4d60d8c73',
       class: "container p-8 item-center border-2 border-soft"
     }, h("div", {
-      key: '66ce0e318e1ef01c95634678d8dad929261c3559',
+      key: 'cd07be06a51604f81f2868786028066f834cd87d',
       class: "spacing-sample ml-64 bg-strong"
     }, h("span", {
-      key: '746c47d3d838c4a2afc3e33f97ea92e4152505a4',
+      key: 'ded579013d8765c7802862b57cf2bf7ae03f1b99',
       class: "f-body-01 text-inverse"
     }, "Margin Left: 4rem / ml-64")))), h("li", {
-      key: '1e743a6b9907f8d533b6bb0e47204ca9f2ac1540',
+      key: 'a8e244c95f027993755fa567d900ff88ed08669b',
       class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16"
     }, h("div", {
-      key: '9b127a0fc072a67d2a03af42718407f7c570981c',
+      key: 'e3662c064d089089ebb796aadede38bbd7ebe69d',
       class: "container p-8 item-center border-2 border-soft"
     }, h("div", {
-      key: '603d387bfc95e7eaaa688d9bed69d17dcdbeb023',
+      key: 'f168cbeaec417b0eccd66ed60f2776bdffdb7bfb',
       class: "spacing-sample mt-32 bg-strong"
     }, h("span", {
-      key: '19105f04e3571991899dcd237a2e88285200fa2a',
+      key: '696ec848f217896ae3fc06bf07546fe735d6ccd8',
       class: "f-body-01 text-inverse"
     }, "Margin Top: 2rem / mt-32")))), h("li", {
-      key: 'a4bba328ebdb74767c06aed1ddf90251ff53c774',
+      key: '5e5d4a63fd7e28114a87dfa5789f5213b6c057f3',
       class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16"
     }, h("div", {
-      key: '8c0ddf065902880ea676a0178d8d384696d11d44',
+      key: '14cb262cc18f340e72a922dc793244c17fa9fb05',
       class: "container p-8 item-center border-2 border-soft"
     }, h("div", {
-      key: 'c73eb82ac1b447d2441be39f1e07e4864bba2a49',
+      key: '791781717dc851f2e174277c557212e7e5c15b7a',
       class: "spacing-sample p-32 bg-strong"
     }, h("span", {
-      key: '6c76e373c0827ed4449abfd0fa1b69db2e02ef10',
+      key: 'd1df2d8f2520746e49ec9c85d8e17cf5569c4bc5',
       class: "f-body-01 text-inverse"
     }, "Padding: 2rem / p-32")))), h("li", {
-      key: '23699817570e914c03849e8bc5ab3c72b732470c',
+      key: '312e2c71672a05cc54cd492297a1cdcb2b11a395',
       class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16"
     }, h("div", {
-      key: '253d94e4ddabd622302bbc38a5e866b9a9dc8826',
+      key: '8cd16bfafd2345b68e50a46c08c7a8f2430ee6ef',
       class: "container p-8 item-center border-2 border-soft"
     }, h("div", {
-      key: 'c366056f299a7fd53eb589cedbf8f40aa996d032',
+      key: '8f7e910d8fc43b596b35f3e72a48646e9550e8ba',
       class: "spacing-sample pt-32 bg-strong"
     }, h("span", {
-      key: '22b94a1f3f4605af8f11dcd10b03f112ad426798',
+      key: '509c712085a239a435fc11f8ea7a6c9c788be60c',
       class: "f-body-01 text-inverse"
     }, "Padding Top: 2rem / pt-32")))), h("li", {
-      key: '18418c7ea84aaaefe187e484774e96d5233946ab',
+      key: 'b99c86cd7dd23e7c091dd2c70ec42133d9d2e2ef',
       class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16"
     }, h("div", {
-      key: '953b9ebfb47560f768bdf606fdc455eae18fa351',
+      key: '0e61fb5d7bf779eddc16c9627d6ca0ff6cf702e1',
       class: "container p-8 item-center border-2 border-soft"
     }, h("div", {
-      key: '1ee32fc2918a078e421e0641c84e76c2bf48e839',
+      key: 'e65eb20ca88e563ae43eb0c208feacf7e310870f',
       class: "spacing-sample pl-32 bg-strong"
     }, h("span", {
-      key: '15f50b76c805eb9fc1610d8027cd710f6c8c89b4',
+      key: '2a40e6977caccb37173f60de613c1a72b02f6d3e',
       class: "f-body-01 text-inverse"
     }, "Padding Left: 2rem / pl-32"))))));
   }

package/token-typography.entry.esm.js

@@ -202,10 +202,10 @@ const TokenTypography = class {
   }
   render() {
     return h("section", {
-      key: 'a50023eb5ce02aebb63994e4319450f3a330617d',
+      key: 'ff15f73114d16107a766fe6fe8342315cf2fa542',
       class: "w-full"
     }, h("ul", {
-      key: '757a1845f16da440eaa8ba332b39f62ccb69ed89',
+      key: '22e8e89e792fee03f1957e5705fca1938771b9ac',
       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", {

package/eds-spinner.entry.esm.js

@@ -1,104 +0,0 @@
-import { r as registerInstance, h, H as Host } from './index.esm2.js';
-import 'react';
-import 'react/jsx-runtime';
-import 'react-dom';
-
-const edsSpinnerCss = ":host{display:block}.spinner{box-sizing:border-box;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.f-body-01{font-family:var(--f-body-01-fontFamily);font-weight:var(--f-body-01-fontWeight);font-size:var(--f-body-01-fontSize);line-height:var(--f-body-01-lineHeight);letter-spacing:var(--f-body-01-letterSpacing)}";
-const EdsSpinnerStyle0 = edsSpinnerCss;
-const EdsSpinner = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.size = 'md';
-    this.variant = 'secondary';
-    this.message = undefined;
-    this.background = 'var(--grey-200)';
-    this.fullscreen = false;
-  }
-  get spinnerSize() {
-    switch (this.size) {
-      case 'xs':
-        return '1rem';
-      case 'sm':
-        return '4rem';
-      case 'lg':
-        return '8rem';
-      case 'xl':
-        return '10rem';
-      case 'md':
-      default:
-        return '6rem';
-    }
-  }
-  get spinnerThickness() {
-    switch (this.size) {
-      case 'xs':
-        return '4px';
-      case 'sm':
-        return '8px';
-      case 'lg':
-        return '16px';
-      case 'xl':
-        return '20px';
-      case 'md':
-      default:
-        return '12px';
-    }
-  }
-  render() {
-    // derive colors from variant
-    const borderColor = this.variant === 'primary' ? 'var(--grey-900)' : 'var(--grey-400)';
-    const bottomColor = this.variant === 'primary' ? 'var(--green-400)' : 'var(--grey-900)';
-    const spinnerStyle = Object.assign({
-      width: this.spinnerSize,
-      height: this.spinnerSize,
-      border: `${this.spinnerThickness} solid ${borderColor}`,
-      borderBottomColor: bottomColor
-    }, !this.fullscreen && {
-      display: 'inline-block'
-    });
-    // Overlay style: use fixed positioning for fullscreen,
-    // and absolute positioning for inline mode.
-    const overlayStyle = this.fullscreen ? {
-      position: 'fixed',
-      top: '0',
-      left: '0',
-      width: '100vw',
-      height: '100vh',
-      zIndex: '9999999',
-      backgroundColor: this.background,
-      display: 'flex',
-      flexDirection: 'column',
-      alignItems: 'center',
-      justifyContent: 'center'
-    } : {
-      position: 'absolute',
-      top: '0',
-      left: '0',
-      width: '100%',
-      height: '100%',
-      //zIndex: '1000',
-      backgroundColor: this.background,
-      display: 'flex',
-      flexDirection: 'column',
-      alignItems: 'center',
-      justifyContent: 'center'
-    };
-    return h(Host, {
-      key: 'b10a5d28d0b06e7b36276fb814e3b8b57b767094'
-    }, h("div", {
-      key: '8f2205bb74775c16660d35f80bf880ac9c39d725',
-      class: "spinner-overlay",
-      style: overlayStyle
-    }, h("span", {
-      key: 'f681700791c6c10ea63473f34719a873757bcf5e',
-      class: "spinner",
-      style: spinnerStyle
-    }), this.message && h("p", {
-      key: 'b0afdd60a6c74fd740626cb7da3402a9a5075e34',
-      class: "f-body-01"
-    }, this.message)));
-  }
-};
-EdsSpinner.style = EdsSpinnerStyle0;
-
-export { EdsSpinner as eds_spinner };