@ebrains/react 0.9.3-beta → 1.1.0

package/logo-space.entry.esm.js

@@ -12,33 +12,33 @@ const LogoSpace = class {
   }
   render() {
     return h("div", {
-      key: 'ac45631802109b60cbccb09102ba1e0aa0fca3e6',
+      key: 'fdad9dd7dcfd064513452108f8a4cd13078d7146',
       class: "container"
     }, h("ul", {
-      key: '8739e8d9facd30229db4f9dad4f21c1491513945',
+      key: 'b13477839ec81d27c2b42cc99211d22af46b68e1',
       class: "not-prose grid-layout grid-cols-6 gap-y-8 md:gap-y-12 lg:gap-y-16"
     }, h("li", {
-      key: 'e5d12885d0faf35153d13e8da6d576ed421139b9',
+      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: 'f754292bf3d3f3c39773e6fced7893a79ea5eda3',
+      key: '43457a7e47ae85448c3283514ea8cbe7081c727b',
       class: "logo-container mx-auto w-[300px]",
       innerHTML: vLogoMargins
     })), h("li", {
-      key: 'de9d24e26be14bb0e975ebbc3568a38cfea69420',
+      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: 'f040d91a7af79e939d3d5aa5c92d2c1527b0b2cb',
+      key: '7d1c9e3f1ff874f4916dc2ecf79d2779c631a1ca',
       class: "text-center mt-16"
     }, h("p", {
-      key: '49759b744d2e71318d80712bfd3d6b19229a8a33',
+      key: '4b6430627d3245a915b3f8185cc5aa473995aeca',
       class: "f-body-01"
     }, "To ensure legibility, follow these minimum size guidelines:"), h("eds-table", {
-      key: '54d2f4512baa60fa4c6d1bf9b96f5ee59fc32911',
+      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: '060029fa1f01bca29cb7450c8be43ce0705effe3',
+      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"
     })));
   }

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

@@ -11,47 +11,47 @@ const LogoVariationsHorizontal = class {
   }
   render() {
     return h("div", {
-      key: '303b9b6eaf8926bac5e0a36834fcd4f3ffbc239f',
+      key: '987c614ac28a196ef8fff32c776b286269377dec',
       class: "container"
     }, h("ul", {
-      key: '79498e5d6218fd979da5b658e083f3941811d16e',
+      key: 'fc9335a57da5e088f50a4c22ff40546554251515',
       class: "not-prose grid-layout grid-cols-6 gap-y-8 md:gap-y-12 lg:gap-y-16"
     }, h("li", {
-      key: 'b7af4d1c59ae2c8fd72e4328b9789c82f2631151',
+      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: '05ac2498be41b34c65d7c427426bd860c34a9de6',
+      key: 'd60bf8e9307aa9243cade43a4cc43df8d11fd561',
       class: "f-body-01 text-center my-4"
     }, "#1 Coloured"), h("div", {
-      key: 'da35b27637ff24021defda4fa7e30dd25e24b33e',
+      key: 'a1357c422ecfb85210692c5686f2e1c295094858',
       class: "coloured"
     }, h("eds-logo", {
-      key: '6d9df95299de4f880ef937a3aeb95f855c2db4f1',
+      key: '07ac7f715db7c573bcf40e9023c5189fbbe0958c',
       type: "no-bg",
       href: "#"
     }))), h("li", {
-      key: '259b8e02669bee318d7f07a8b35ac12bca18c089',
+      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: 'a7c2453fe76f06c589cf4d877a870af88dfb6e0b',
+      key: '55eebb8ae1b53b26ce8505f648a7f079f15521b9',
       class: "f-body-01 text-center my-4"
     }, "#2 Black & White"), h("div", {
-      key: '0579383e0f27625c33621f239901eb2726681c4c',
+      key: 'c7394e8f6e044b260b9450f3b06b0ebb44fba4e1',
       class: "bg-default"
     }, h("eds-logo", {
-      key: 'f496baea986ebe432c2fe98576f74947df9e79dd',
+      key: '0febbfc78be2a064c0ff7f768936f1521dcac11c',
       type: "black",
       href: "#"
     }))), h("li", {
-      key: '7bd878285bb3145c23ee87ab31c94583be5b9bab',
+      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: 'c769dac987be6708208de115c1578c4d477fca22',
+      key: '8d2eb712f5d7c862fa8ac633177bb07dc4ac7c1e',
       class: "f-body-01 text-center my-4"
     }, "#3 Dark"), h("div", {
-      key: '793108fc4fd8119b5eefc1c14a4ffc2e11f6ccca'
+      key: '594c586462a164e790ba224e902605363322561c'
     }, h("eds-logo", {
-      key: '2cf9e56591026c45d4cb074ec0cc8d4dd894ed97',
+      key: 'bd19f2348abf5a9e347fa1b171f8ced2598093c7',
       type: "color-white",
       href: "#"
     })))));
@@ -68,50 +68,50 @@ const LogoVariationsVertical = class {
   }
   render() {
     return h("div", {
-      key: '98119d5c92d137e01d050699991658c764e9cb1b',
+      key: '1e9f6ca3f43c6818c6213c581dcf0743958c9b5f',
       class: "container"
     }, h("ul", {
-      key: '191909da09aefdd362d8125790a1fe07f5f93293',
+      key: 'd6cae4ea607afe3cad7b7eb675efe2c27fee8bce',
       class: "not-prose grid-layout grid-cols-6 gap-y-8 md:gap-y-12 lg:gap-y-16"
     }, h("li", {
-      key: '1ce2f0a7266e25e132d6f52b04f15b526787a12c',
+      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: 'e62d64aa3747eede49fe9687a73067a8dec5b54f',
+      key: '8996d851b5041d7b3f2349034f6ba858b9564937',
       class: "f-body-01 text-center my-4"
     }, "#1 Coloured"), h("div", {
-      key: '7ae9e21a9684d00c9ad91ccf70173e81bf8c707a',
+      key: '623832731b38e02f69f795b1f959052425a233df',
       class: "mx-auto coloured w-[300px]"
     }, h("eds-logo", {
-      key: '73aeaf945b418210481fbeabf7db1d320108cbce',
+      key: 'dd8c635e0dd09b4c972c0d201e6bc6cbd899a896',
       orientation: "vertical",
       type: "no-bg",
       href: "#"
     }))), h("li", {
-      key: '45494f2903afdb8a67b9a063a547f8b166bfc22f',
+      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: 'd1c2475c0e32aba56377211b63ba139fd1d77c68',
+      key: '45c69ba60358e36f980df1fa1db4521dbcc38fc1',
       class: "f-body-01 text-center my-4"
     }, "#2 Black & White"), h("div", {
-      key: '880d39be54129b285feec50302cf31c8cc52e9d9',
+      key: 'd026d40d15b4e5e8a3d7718298130414198d5699',
       class: "mx-auto bg-default w-[300px]"
     }, h("eds-logo", {
-      key: '17eecfd918fb83aef6820576cfb0730328f5e442',
+      key: '62ca0a1c8bd93f3b780ba91d5b9bbd31d7bbe1f0',
       orientation: "vertical",
       type: "black",
       href: "#"
     }))), h("li", {
-      key: '48b40e5870cccea3eb0260697b1caddcab6cbed0',
+      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: '206c2b8286a9fe665a1a356ebd87082adfe5e4bf',
+      key: '16c68f40c6a4bcaf3d618f8787682a974a8c900c',
       class: "f-body-01 text-center my-4"
     }, "#3 Dark"), h("div", {
-      key: '1d4b01ef162611ce1c2cc56d1ad7a44a10aacdd3',
+      key: 'ce3b8ee8b54fabccd816388bb1a3acf642147c28',
       class: "mx-auto w-[300px]"
     }, h("eds-logo", {
-      key: 'b6826d25f29634a7df4f51b4b66868ae06487b8b',
+      key: '8baa9d4f187e515d5a274156976fb134d79bd004',
       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: 'c08e3e918cdad5cde3ccc7279faa6a0401379c4d',
+      key: '2403a062886a97ebbc34bb9f95e755ab1a278731',
       class: "container"
     }, this.renderContent());
   }

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

@@ -12,86 +12,86 @@ const LogoWrongUsage = class {
   }
   render() {
     return h("div", {
-      key: '29efde52c2dd279e53de859e2d55f13ef456fbb7',
+      key: '40d75361172edb23a89faa173ce3518c8750f0f0',
       class: "container"
     }, h("ul", {
-      key: '47ec32e39e00a93c9fd0ee9353d2e87a5530d937',
+      key: '064c760800e2aceba08c3953292f421eae003896',
       class: "not-prose grid-layout grid-cols-6 gap-y-8 md:gap-y-12 lg:gap-y-16"
     }, h("li", {
-      key: '0890b62f9594e3533c9373d7dd69c9a523459d2d',
+      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: '29ab45edf20e7e5a5e09ba2b885ab728b20e03ea',
+      key: '4a3cd51e083d28149bc96c611d2fb4bbb7db37b3',
       class: "mx-auto no-other-bg-color logo",
       innerHTML: hLogoColor
     }), h("p", {
-      key: '9ef9b01748e1ba30658714883b0997578c8b5e65',
+      key: '81ec640d08f3aa79098e02ecbf0575787c61cd5a',
       class: "f-ui-02 text-center"
     }, "Do not use with backgrounds that make legibility difficult")), h("li", {
-      key: '86e3b5b446bec5b603a4805dfbd0178db38c9e7a',
+      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: 'a4162957d768f7cc4a2ed37ea54936deb51b5139',
+      key: '1e287231328b32ce97aee6c2d793b2a4885e5434',
       class: "mx-auto no-other-color logo non-brand-color",
       innerHTML: hLogoColor
     }), h("p", {
-      key: 'e191bfc6f34d3abb9932f0ee1a292a1ef2c014e4',
+      key: 'f68bd11f49ca1fc5998ce9dbbd7d062ac30170cd',
       class: "f-ui-02 text-center"
     }, "Do not apply other colors")), h("li", {
-      key: '2ff5502d05c7250a96e713ae9262e196713972a0',
+      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: '7fd6ae31c854500d409c1a7ded46701fd3594048',
+      key: 'a165382706515bcff0f4acdfc5ee505021ef8ec3',
       class: "mx-auto distorted logo",
       innerHTML: hLogoColor
     }), h("p", {
-      key: '1ba0aa443e530fabe50a1c35424dbff92af91b26',
+      key: '9675a3a6f0e52db908fdac0e34dc307c2ea85235',
       class: "f-ui-02 text-center"
     }, "Do not deform the logo")), h("li", {
-      key: 'd559f9daac4e6c9aaa4aede80674dcc8e08de6ca',
+      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: '8a055314d4e27ff21d1cc549015c99bb9e902701',
+      key: '2f8e8be3799a2eaae186412fd923da15ecd7ba14',
       class: "mx-auto effects logo",
       innerHTML: hLogoColor
     }), h("p", {
-      key: '89f33c8671e0fd28c5af8b043ac272bad057bb09',
+      key: '725a2a98e0c221d3edfda11b709ae9c9d4bc07b6',
       class: "f-ui-02 text-center"
     }, "Do not apply effects")), h("li", {
-      key: 'cebc53c3b9587b6d7716024a1a918981091336d7',
+      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: '5174d83109b26e78025e8423f7d8efb23645fcfe',
+      key: 'f1e0aa5ed1f402bdb6314c156d2f554626701123',
       class: "mx-auto rotated logo",
       innerHTML: hLogoColor
     }), h("p", {
-      key: '11ad5211fe42aac40850750430f09fdf90ab7550',
+      key: '5360e8d9dc65987adbe5b689a7dbf97a27d47aba',
       class: "f-ui-02 text-center"
     }, "Do not rotate the logo")), h("li", {
-      key: 'a9d64273d612e625507e118e1eb026e46dbb2327',
+      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: '23b94e3540210c8167250a3ea949811e38a4c54e',
+      key: '9510ae79414b2b74d15f8c3fafa92cb2a9b34959',
       class: "mx-auto outlined logo",
       innerHTML: hLogoColor
     }), h("p", {
-      key: '3540516d624e796c46ad8dde67c9894a12c46139',
+      key: 'ef077ee715e907cd5d6e22f03f1f490ed1e159a3',
       class: "f-ui-02 text-center"
     }, "Do not apply outlines")), h("li", {
-      key: '5b727526d27d8451eaed5fdcfcbc6c5fb63d47bf',
+      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: '3db0e0d743e3c4ea7de0d7acd9bd352bc13c884a',
+      key: '0b8e2644362c8131f6df52af19aaa0b37fb3331a',
       class: "mx-auto"
     }, h("div", {
-      key: '813f12df22dc5216791bd7f830e487f7c7067a1d',
+      key: '7d8b31e4b27bcc28847dd6c912a95bb1b9c08694',
       class: "bg-accent p-16"
     }, h("div", {
-      key: 'd0d7436a198169184ccf797fa9ab04502b629ab0',
+      key: '29b1988e197e997ce13c962dd872310bd61a545a',
       class: "text-inverse",
       innerHTML: hLogoColor
     })), h("p", {
-      key: 'ef6e1a7df5f3d5ea40b4ea9ca39461da0413ba5c',
+      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")))));
   }

package/package.json

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

package/src/components.d.ts

@@ -13,6 +13,7 @@ export declare const EdsFeedback: import("react").ForwardRefExoticComponent<JSX.
 export declare const EdsFooter: import("react").ForwardRefExoticComponent<JSX.EdsFooter & Omit<import("react").HTMLAttributes<HTMLEdsFooterElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLEdsFooterElement>>;
 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 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>>;
@@ -22,9 +23,9 @@ export declare const EdsLogo: import("react").ForwardRefExoticComponent<JSX.EdsL
 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>>;
 export declare const EdsPagination: import("react").ForwardRefExoticComponent<JSX.EdsPagination & Omit<import("react").HTMLAttributes<HTMLEdsPaginationElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLEdsPaginationElement>>;
+export declare const EdsPie: import("react").ForwardRefExoticComponent<JSX.EdsPie & Omit<import("react").HTMLAttributes<HTMLEdsPieElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLEdsPieElement>>;
 export declare const EdsProgressBar: import("react").ForwardRefExoticComponent<JSX.EdsProgressBar & Omit<import("react").HTMLAttributes<HTMLEdsProgressBarElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLEdsProgressBarElement>>;
 export declare const EdsRating: import("react").ForwardRefExoticComponent<JSX.EdsRating & Omit<import("react").HTMLAttributes<HTMLEdsRatingElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLEdsRatingElement>>;
-export declare const EdsSectionCore: import("react").ForwardRefExoticComponent<JSX.EdsSectionCore & Omit<import("react").HTMLAttributes<HTMLEdsSectionCoreElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLEdsSectionCoreElement>>;
 export declare const EdsSocialNetworks: import("react").ForwardRefExoticComponent<JSX.EdsSocialNetworks & Omit<import("react").HTMLAttributes<HTMLEdsSocialNetworksElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLEdsSocialNetworksElement>>;
 export declare const EdsSpinner: import("react").ForwardRefExoticComponent<JSX.EdsSpinner & Omit<import("react").HTMLAttributes<HTMLEdsSpinnerElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLEdsSpinnerElement>>;
 export declare const EdsSplashScreen: import("react").ForwardRefExoticComponent<JSX.EdsSplashScreen & Omit<import("react").HTMLAttributes<HTMLEdsSplashScreenElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLEdsSplashScreenElement>>;
@@ -34,7 +35,6 @@ export declare const EdsSwitch: import("react").ForwardRefExoticComponent<JSX.Ed
 export declare const EdsTable: import("react").ForwardRefExoticComponent<JSX.EdsTable & Omit<import("react").HTMLAttributes<HTMLEdsTableElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLEdsTableElement>>;
 export declare const EdsTabs: import("react").ForwardRefExoticComponent<JSX.EdsTabs & Omit<import("react").HTMLAttributes<HTMLEdsTabsElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLEdsTabsElement>>;
 export declare const EdsTag: import("react").ForwardRefExoticComponent<JSX.EdsTag & Omit<import("react").HTMLAttributes<HTMLEdsTagElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLEdsTagElement>>;
-export declare const EdsTimeline: import("react").ForwardRefExoticComponent<JSX.EdsTimeline & Omit<import("react").HTMLAttributes<HTMLEdsTimelineElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLEdsTimelineElement>>;
 export declare const EdsToast: import("react").ForwardRefExoticComponent<JSX.EdsToast & Omit<import("react").HTMLAttributes<HTMLEdsToastElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLEdsToastElement>>;
 export declare const EdsTooltip: import("react").ForwardRefExoticComponent<JSX.EdsTooltip & Omit<import("react").HTMLAttributes<HTMLEdsTooltipElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLEdsTooltipElement>>;
 export declare const EdsUser: import("react").ForwardRefExoticComponent<JSX.EdsUser & Omit<import("react").HTMLAttributes<HTMLEdsUserElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLEdsUserElement>>;

package/src/generated/components.d.ts

@@ -19,7 +19,7 @@ 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<JSX.EdsLogin & Omit<import("react").HTMLAttributes<HTMLEdsLoginElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLEdsLoginElement>>;
+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

@@ -317,10 +317,10 @@ const SvgRepository = class {
       }
     };
     return h("div", {
-      key: '337ffab9c7167da8c4e7300297faf0e7dd5886e0',
+      key: '48b9bd49dc2521db7fc1676544530f6bd9cd6287',
       class: "full-width"
     }, h("eds-table", {
-      key: '686e28e32060b5b4f72769744569460555466bb9',
+      key: 'c3b5bdecde28ad6ec8a5172d883d49a8b0436f18',
       "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: '61b0561443787bdc5d1fdf6db0bed0bebe8ba6cb',
+      key: '1c949c3777a159f1a52baa4f27d1acf07bf86114',
       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: 'f6e277d8d84957ad05f027a7a151f2dd0b5c6e21',
+      key: '07f9d8424b849e486379f81764ad946b0b632fa7',
       class: "w-full mt-28"
     }, h("ul", {
-      key: 'feeef0a573d704dc010b76fc94a5ac9a9a05f0da',
+      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"
@@ -358,10 +358,10 @@ const TokenShadows = class {
   }
   render() {
     return h("section", {
-      key: '0d61c0eee38fbcffe111031da0829b3a9050bc8d',
+      key: '50f470109606938085ed98480892d94ebcc2878c',
       class: "w-full mt-28"
     }, h("ul", {
-      key: '587c263280d086c23351c6bbeaf01f37c307ce65',
+      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"

package/token-ratios.entry.esm.js

@@ -17,15 +17,15 @@ const TokenRatios = class {
   }
   render() {
     return h("section", {
-      key: 'c4348ae18a2c7644f7a191aa5190ac3b98b5ccb9',
+      key: 'a68e1101a6dfd99b0b48540f96792622b9837efc',
       class: "w-full"
     }, h("eds-section-core", {
-      key: '6f148fc0c0ebbaef05761fa1a773cf026e308517',
+      key: '1f32847d415fad34b9add511d7bc49907f351fe9',
       tag: "div",
       "section-title": "Aspect Ratios",
       "heading-level": "h3"
     }, h("ul", {
-      key: 'eb932db069683046fcda8ea950bac277e1387c33',
+      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"

package/token-spacing.entry.esm.js

@@ -0,0 +1,93 @@
+import { r as registerInstance, h } from './index.esm2.js';
+import 'react';
+import 'react/jsx-runtime';
+import 'react-dom';
+
+const TokenSpacing = class {
+  constructor(hostRef) {
+    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"))))));
+  }
+};
+
+export { TokenSpacing as token_spacing };

package/token-typography.entry.esm.js

@@ -202,10 +202,10 @@ const TokenTypography = class {
   }
   render() {
     return h("section", {
-      key: '2448267dd93e815f2def0a4b711f28325d906d61',
+      key: '60710505ef0a06883d83c6838b1eb246485bd548',
       class: "w-full"
     }, h("ul", {
-      key: 'ac73af17e45045d2122d54dd357f1141b3a5bad7',
+      key: '3cac0e7f35f878e29ee45e21407609753099e077',
       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", {