@ebrains/react 1.2.0 → 1.4.0

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

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

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

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

package/package.json

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

package/src/components.d.ts

@@ -18,6 +18,8 @@ export declare const EdsHeader: import("react").ForwardRefExoticComponent<JSX.Ed
 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>>;
 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 EdsInputFooter: import("react").ForwardRefExoticComponent<JSX.EdsInputFooter & Omit<import("react").HTMLAttributes<HTMLEdsInputFooterElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLEdsInputFooterElement>>;
+export declare const EdsInputLabel: import("react").ForwardRefExoticComponent<JSX.EdsInputLabel & Omit<import("react").HTMLAttributes<HTMLEdsInputLabelElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLEdsInputLabelElement>>;
 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 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>>;

package/svg-repository.entry.esm.js

@@ -317,10 +317,10 @@ const SvgRepository = class {
       }
     };
     return h("div", {
-      key: '48b9bd49dc2521db7fc1676544530f6bd9cd6287',
+      key: 'c8c6a714522ff3e122b58c4bb931af7f95d281fa',
       class: "full-width"
     }, h("eds-table", {
-      key: 'c3b5bdecde28ad6ec8a5172d883d49a8b0436f18',
+      key: 'f3251327f43c5b18f7677738f37b60ff0e604c3f',
       "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: '1c949c3777a159f1a52baa4f27d1acf07bf86114',
+      key: '0ba9dbb1b98cb398c2eb989391f6e978f9dc21ef',
       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: '07f9d8424b849e486379f81764ad946b0b632fa7',
+      key: '0b0ccb9adcfa77ea898828ddbb244e959f93e2e4',
       class: "w-full mt-28"
     }, h("ul", {
-      key: 'ec8cb4aaad010b24dc82b556fbc143c52f9824c2',
+      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"
@@ -358,10 +358,10 @@ const TokenShadows = class {
   }
   render() {
     return h("section", {
-      key: '50f470109606938085ed98480892d94ebcc2878c',
+      key: '18d2b4cdcc3b6d6ce8864a9c36e869be9b9e5cb4',
       class: "w-full mt-28"
     }, h("ul", {
-      key: 'e9c982816b9117eacd1a9f721e7428f317087211',
+      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"

package/token-ratios.entry.esm.js

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

package/token-spacing.entry.esm.js

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

package/eds-toast.entry.esm.js

@@ -1,93 +0,0 @@
-import { r as registerInstance, h, g as getElement } from './index.esm2.js';
-import { c as cva } from './index-39c58238.esm.js';
-import 'react';
-import 'react/jsx-runtime';
-import 'react-dom';
-
-const edsToastCss = ".relative{position:relative}.right-4{right:0.25rem}.bottom-4{bottom:0.25rem}.w-auto{width:auto}.flex{display:flex}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-4{gap:0.25rem}.f-ui-01{font-family:var(--f-ui-01-fontFamily);font-weight:var(--f-ui-01-fontWeight);font-size:var(--f-ui-01-fontSize);line-height:var(--f-ui-01-lineHeight);letter-spacing:var(--f-ui-01-letterSpacing)}.ml-8{margin-left:0.5rem}.p-12{padding:0.75rem}.rounded-lg{border-radius:16px}.shadow-md{--tw-shadow:0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),\n        0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),\n        var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.bg-dark{background-color:var(--grey-300)}.bg-success{background-color:var(--green-200)}.bg-error{background-color:var(--red-200)}.bg-warning{background-color:var(--yellow-200)}.text-light{color:var(--grey-700)}.text-current{color:currentColor}.text-default{color:var(--black)}";
-const EdsToastStyle0 = edsToastCss;
-const toastStyles = cva(['relative right-4 bottom-4 w-auto p-12 rounded-lg shadow-md'], {
-  variants: {
-    intent: {
-      default: 'bg-dark text-light',
-      success: 'bg-success text-dark',
-      error: 'bg-error text-light',
-      warning: 'bg-warning text-dark'
-    }
-  },
-  defaultVariants: {
-    intent: 'default'
-  }
-});
-const EdsToast = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    /**
-     * Dismisses the toast.
-     */
-    this.dismissToast = () => {
-      this.visible = false;
-    };
-    this.message = undefined;
-    this.intent = 'default';
-    this.duration = undefined;
-    this.visible = true;
-  }
-  componentDidLoad() {
-    const btn = this.el.shadowRoot.querySelector('eds-button');
-    this.emitContext(btn);
-  }
-  /**
-   * Emits a custom event called `parentContext` for a given button element.
-   * This event provides context information about the toast component.
-   *
-   * @param btnElement - The link element to which the event will be dispatched.
-   */
-  emitContext(btnElement) {
-    const event = new CustomEvent('parentContext', {
-      detail: {
-        componentName: this.el.tagName.toLowerCase(),
-        identifier: null
-      }
-    });
-    btnElement.dispatchEvent(event);
-  }
-  connectedCallback() {
-    if (this.duration && this.duration > 0) {
-      this.dismissTimeout = setTimeout(this.dismissToast, this.duration);
-    }
-  }
-  disconnectedCallback() {
-    // Clear the timeout when the component is removed
-    clearTimeout(this.dismissTimeout);
-  }
-  render() {
-    if (!this.visible) {
-      return null;
-    }
-    const classes = toastStyles({
-      intent: this.intent
-    });
-    return h("div", {
-      class: classes,
-      role: "alert",
-      "aria-live": "assertive"
-    }, h("div", {
-      class: "flex items-center justify-between gap-4"
-    }, h("span", {
-      class: "f-ui-01"
-    }, this.message), h("eds-button", {
-      intent: "tertiary",
-      icon: "close",
-      "aria-label": "Close Toast",
-      onClick: () => this.dismissToast(),
-      "extra-class": "ml-8"
-    })));
-  }
-  get el() {
-    return getElement(this);
-  }
-};
-EdsToast.style = EdsToastStyle0;
-
-export { EdsToast as eds_toast };