@ebrains/react 2.3.1 → 2.4.1

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

@@ -11,47 +11,47 @@ const LogoVariationsHorizontal = class {
   }
   render() {
     return h("div", {
-      key: '43ff78b2e28f748b65d76997fc217f694ab11210',
+      key: '31080c3f61b7081b812d2148af7f6b534d3b9205',
       class: "container"
     }, h("ul", {
-      key: '0b41f3d923858c41b34ec2df2a2536dc0d5ee129',
+      key: '8c425610616c76af3511717cd9848d8c08b6bb5a',
       class: "not-prose grid-layout grid-cols-6 gap-y-8 md:gap-y-12 lg:gap-y-16"
     }, h("li", {
-      key: '766c9f9b9555cccbf8a77f11a41ae7b1bc0fcbcb',
+      key: 'ac2a5a9aa41ff24812ec784afc48a824914b9b5f',
       class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col"
     }, h("p", {
-      key: '1a7e7814e435a6ee20ba8925b5b6bf8ac590ea89',
+      key: 'c6c4506d720f25b8fd5c640f1e6ac88d16c5f3cd',
       class: "f-body-01 text-center my-4"
     }, "#1 Coloured"), h("div", {
-      key: '135de0fdb2863f618e8e6da2bf8e49b91d9f4053',
+      key: 'cf934aaffba7de45df6d520f10cd62a3446e3513',
       class: "coloured"
     }, h("eds-logo", {
-      key: '367b20f96d4318d6bc9750ea6b18b30bbce5036e',
+      key: '7e7f53445d58659b79ac0894b330c8bfa6cf0029',
       type: "no-bg",
       href: "#"
     }))), h("li", {
-      key: '36d3d81aaf9518fd996bdc34498581bca3d70d2e',
+      key: 'e0df9fe7cba5df458cc0b4a71155a3142cda903f',
       class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col"
     }, h("p", {
-      key: 'b24aa1c6658bacab12264a63a95062fcadc870cc',
+      key: 'fd276f221216a21255a91983d3e7dd01a68c249e',
       class: "f-body-01 text-center my-4"
     }, "#2 Black & White"), h("div", {
-      key: 'cb77e4797f9b0c415d0df06a9250b356899f26f2',
+      key: '1a6fb9c33f9b08a530e77abd0ee52a1ff331593a',
       class: "bg-default"
     }, h("eds-logo", {
-      key: '7ccba5fd14b38ff9c4ea7531231559b0ed02966c',
+      key: 'eadd809060652b6258164bb4fa28a932177d916d',
       type: "black",
       href: "#"
     }))), h("li", {
-      key: '3926dd438bf041dd421cf244c50ada804894f32b',
+      key: '12bf924628c51eccf3ce49a9cbb8505852256f49',
       class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col"
     }, h("p", {
-      key: '734670d268558409ac6a3f72b7076c2d31428174',
+      key: '5b5378282b032642133d624cf0b795c443fab16e',
       class: "f-body-01 text-center my-4"
     }, "#3 Dark"), h("div", {
-      key: 'a96c5dc623498e217fdab19ece1ccf0049077c6e'
+      key: 'f84ba6c4c58ee16adcaccfcf04537e60f8bb694a'
     }, h("eds-logo", {
-      key: '2edd46a62c77ae56801ad035cfd128f77e3bf90a',
+      key: 'd0e17a1eb56a657bd390543b8d2f27543f8cb4e1',
       type: "color-white",
       href: "#"
     })))));
@@ -68,50 +68,50 @@ const LogoVariationsVertical = class {
   }
   render() {
     return h("div", {
-      key: 'ed4602bffec9b896853f794b6b9e56d2beed3a89',
+      key: 'c3c9836a877143b6cc94fb1b1e5460651290c55a',
       class: "container"
     }, h("ul", {
-      key: '3ffbcc4dbd811288a4f381d8eba61b06cde9297d',
+      key: '09c53755ca2f7c96dffc3c2cb431c0283b22e476',
       class: "not-prose grid-layout grid-cols-6 gap-y-8 md:gap-y-12 lg:gap-y-16"
     }, h("li", {
-      key: 'd47f43861c009c634338d5a04fa74a5d89c30f94',
+      key: '4e69783ee97bc8a87e355aded11969bd722b9cb6',
       class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col"
     }, h("p", {
-      key: 'e5db6a71f75fded654a99ec79e8fff330dd832ed',
+      key: '8dbb1dc5944bdd0c8a291953a812aa8260e891ae',
       class: "f-body-01 text-center my-4"
     }, "#1 Coloured"), h("div", {
-      key: '5868a3f04cd2a88df6cf3eefb46badbfada3ea8d',
+      key: '80014d18145ff1a926eae339472ca7c7281ca7b0',
       class: "mx-auto coloured w-[300px]"
     }, h("eds-logo", {
-      key: '590e3dfc99929401fceebb37346dc87cb24b9aa4',
+      key: '832765f9d2e6bfd286917ab64bc30c8f5eee4f6f',
       orientation: "vertical",
       type: "no-bg",
       href: "#"
     }))), h("li", {
-      key: 'd7dde19a741953af97b7c2ef52ac9fe535dd8d44',
+      key: '3501b56b46e16bdf16b963dc1ce21c7bb537d7a7',
       class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col"
     }, h("p", {
-      key: '1301a26d1f989762dad8ada3f2e85d5975ae8416',
+      key: 'beb34779015221aa5595d0741b07e6d25b096afa',
       class: "f-body-01 text-center my-4"
     }, "#2 Black & White"), h("div", {
-      key: 'ede8c0b521720e3f73f7cd17a98df8d617d06d6b',
+      key: '01f629499e08510989e7091c5360a568998bf3d7',
       class: "mx-auto bg-default w-[300px]"
     }, h("eds-logo", {
-      key: '298f13765230a428fe948df4e7f580a7ea438786',
+      key: '49aa4ef2bf284c891fe2ecca8fbe3a867e7de039',
       orientation: "vertical",
       type: "black",
       href: "#"
     }))), h("li", {
-      key: '558abf2aa94784e70252277adecae2f1f7be83ac',
+      key: '9b55564be0a4fb1d55452e7d3c0d4bd643d0517f',
       class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col"
     }, h("p", {
-      key: 'ccdde6e4a2cfd1eeca62362430f0e1ace6e33f9c',
+      key: 'a95288658f7199722ab086779e8613856e7079bd',
       class: "f-body-01 text-center my-4"
     }, "#3 Dark"), h("div", {
-      key: 'abdef9d3f5762ebbd571851192677bba00f45a48',
+      key: 'edaa539d4b4733274311621f65395371addffbdf',
       class: "mx-auto w-[300px]"
     }, h("eds-logo", {
-      key: 'b3c7f59aff43c12dfb70e1b93c5746c2d8f2499b',
+      key: 'e8a2997d451664afca22b6dc61c5da109a096e54',
       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: '84eb012e0b54780f60d478863ce3561d48ce85b1',
+      key: 'f35a343973fee85b4aa9341af797dc006aad4a03',
       class: "container"
     }, this.renderContent());
   }

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

@@ -12,86 +12,86 @@ const LogoWrongUsage = class {
   }
   render() {
     return h("div", {
-      key: '47db71fa97eed9b24d6873aac34e4d513f835c8a',
+      key: '6bbcb3339a0704b6bc75d38d8c699dbdf333ed4f',
       class: "container"
     }, h("ul", {
-      key: 'f06cff3d8313404bbbe50e2744582a8d394384a2',
+      key: 'a87538139dce51e0b67274cd7eb4a514cddf1892',
       class: "not-prose grid-layout grid-cols-6 gap-y-8 md:gap-y-12 lg:gap-y-16"
     }, h("li", {
-      key: 'ddac40db90edc523f2d95f7da243596baf3c00af',
+      key: 'c1b2d506f4bc4212ced9f42ca2cf5940e8c50002',
       class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col"
     }, h("div", {
-      key: 'e7ec76fb43d846bfaa09b7fd12a70d3b3fd91476',
+      key: '3af5af8f6b1388fd61550838cf3aa6dcfbc6f78d',
       class: "mx-auto no-other-bg-color logo",
       innerHTML: hLogoColor
     }), h("p", {
-      key: '3288cbda1a66f4557dd0546cfc7fc1db64113520',
+      key: 'c6576b28269f62dfbc9ad4c012f7253265e40ed7',
       class: "f-ui-02 text-center"
     }, "Do not use with backgrounds that make legibility difficult")), h("li", {
-      key: 'af5f8b9fcf5583f970b2f097f2ebbf581f5e65c4',
+      key: '2f0cf0b80c42585d5f49667e758be1bd666686a8',
       class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col"
     }, h("div", {
-      key: '06c9a344c7505b5299bca221ca3b3222ff141cfe',
+      key: '1483d36ce2107a2c4e2a3b4bb581559ef651dae0',
       class: "mx-auto no-other-color logo non-brand-color",
       innerHTML: hLogoColor
     }), h("p", {
-      key: 'b9a018ccf607edb5f4646f41269f39b4146dfb07',
+      key: 'f4f654f2ffcbc628620fdf93593effe220f5ab80',
       class: "f-ui-02 text-center"
     }, "Do not apply other colors")), h("li", {
-      key: '549d912c33d1d72b5a09e0bcf1b3866b83a42bcb',
+      key: '5411619f96e5db5f9e41c998bb2624346d9fc874',
       class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col"
     }, h("div", {
-      key: '4e01b36b889bbd5a76581e4a7d7dad700cce647c',
+      key: '1bf1eae3cac99a849ed20d77c340faa3ed333189',
       class: "mx-auto distorted logo",
       innerHTML: hLogoColor
     }), h("p", {
-      key: '15c8d9949f2fe250005879152e96ac6ddf9a9dde',
+      key: '73156bd4f715e56510f83ac12442516a5955c85c',
       class: "f-ui-02 text-center"
     }, "Do not deform the logo")), h("li", {
-      key: '4e3d38bba478657ef86242a5defab77340549e68',
+      key: '784997d0d0b9f438d04b0e6e5c373ea16a7350b7',
       class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col"
     }, h("div", {
-      key: '92b31722f79d8324a25cfea1583b64dc5710d96f',
+      key: '6c630fadddafc30eeed0512298a01b7f609cc9c0',
       class: "mx-auto effects logo",
       innerHTML: hLogoColor
     }), h("p", {
-      key: '0b9a84f0d8a9d3c02b7d8ace6b95964106239cd6',
+      key: 'd94d025029f55a163c14ee601f93bfce69a90b98',
       class: "f-ui-02 text-center"
     }, "Do not apply effects")), h("li", {
-      key: 'ebfea671909f84d0b3bb018bf56ebdfabc2c3785',
+      key: '54de1bb2f15c4817365f81b00c054f5ce5c3f73f',
       class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col"
     }, h("div", {
-      key: 'dec45dc8ca9fcca44be26c0001dbefe045fab6b5',
+      key: 'd10080524287c741489bcb0b0e110a1d5fe85e6a',
       class: "mx-auto rotated logo",
       innerHTML: hLogoColor
     }), h("p", {
-      key: '32407a77fcd5bd9efe075f66fe7de260d6ac76bf',
+      key: '09f9f4e58ef7b5c0d5f3226f5e7f985a85876c9f',
       class: "f-ui-02 text-center"
     }, "Do not rotate the logo")), h("li", {
-      key: '65fe0d30655a81fb4b791d19bbcad66e4b6098e9',
+      key: '9cf00dcba969bfc4b979f4e48a6fc54eef0a0f70',
       class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col"
     }, h("div", {
-      key: '561983d5e3ce55c7afa14999230838312c5682c6',
+      key: 'ea6ac8711d0bd15c90b57e0b49d429df29db1f46',
       class: "mx-auto outlined logo",
       innerHTML: hLogoColor
     }), h("p", {
-      key: '230eeb47f7e1d3d864b4202cb39cdadb883649da',
+      key: '034f83d9ed7e7d28824060a725676180ea4c5558',
       class: "f-ui-02 text-center"
     }, "Do not apply outlines")), h("li", {
-      key: '3e30322cd2a4c1f9d03f9e9c5758a3e2141f61c1',
+      key: '530423af692930c0b7dfad9ce66584d1bfb6f61a',
       class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col"
     }, h("div", {
-      key: '6d19155d8c5f4413118f3a2f3af89e276c707311',
+      key: 'cf068a0bf96cbaa1ec78badc46d7045257ecbae3',
       class: "mx-auto"
     }, h("div", {
-      key: '64d6e6b6502add707ccb16da25f4fbb6699ab1b0',
+      key: 'fb927d7148d7dbc3fd8d0a7cb585c29ccc4082dc',
       class: "bg-accent p-16"
     }, h("div", {
-      key: '8f2c70ce2a39638634f388b7d28e6e3869a6d30d',
+      key: '2b272b08d0fa2d5972d6c26387279813d83c6990',
       class: "text-inverse",
       innerHTML: hLogoColor
     })), h("p", {
-      key: '9ce6b36d8c6ca1c90299664765bdca50c3d1d412',
+      key: '1c104c8279497a6c4cce15f973de9341d4768653',
       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.3.1",
+  "version": "2.4.1",
   "module": "./index.esm.js",
   "type": "module",
   "main": "./index.esm.js",

package/src/components.d.ts

@@ -30,6 +30,7 @@ export declare const EdsPagination: import("react").ForwardRefExoticComponent<JS
 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 EdsSidebar: import("react").ForwardRefExoticComponent<JSX.EdsSidebar & Omit<import("react").HTMLAttributes<HTMLEdsSidebarElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLEdsSidebarElement>>;
 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>>;

package/svg-repository.entry.esm.js

@@ -37,7 +37,7 @@ import { p as portal } from './portal-d6c8ce56.esm.js';
 import { p as privat } from './private-1c25ff8e.esm.js';
 import { p as pub } from './public-d4d8c585.esm.js';
 import { t as tutorial } from './tutotial-150ee1fd.esm.js';
-import { u as upDonw } from './up-and-down-d747abee.esm.js';
+import { u as upDown } from './up-and-down-8b69ca97.esm.js';
 import { b as bin } from './bin-37cad2f0.esm.js';
 import { s as start } from './start-65126a4f.esm.js';
 import { d as draft } from './draft-dd5dada2.esm.js';
@@ -266,7 +266,7 @@ const svgs = /*#__PURE__*/Object.freeze({
   pub: pub,
   portal: portal,
   user: user,
-  upDonw: upDonw,
+  upDown: upDown,
   search: search,
   success: success,
   tutorial: tutorial,
@@ -314,10 +314,10 @@ const SvgRepository = class {
       }
     };
     return h("div", {
-      key: '4c92aff806bb91d25e1c29d6d01c035e0a534eef',
+      key: '741972b0adefcb91106a9229df6d1eb258b9a20e',
       class: "full-width"
     }, h("eds-table", {
-      key: '3dd1d7abd1a310611a6229b356d7732ac4dc8e40',
+      key: '2c06211f9e1ad7d3a10ddf95908db83783c37e53',
       "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: 'c8634946d5cd2813e8ed6eb3ee7a5071a8e80449',
+      key: '940429578fd363c79e2dd79f0f2ac758ca87e905',
       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: 'a274ee157395f49f9f224ef496813ea5c3b8503c',
+      key: '4e8ae60a6a8c9ed3f49c4d69a6b68b2f9e6e5c5a',
       class: "w-full mt-28"
     }, h("ul", {
-      key: 'd2d6dbee8ef7e54dc1a85eb400c37b5910928e58',
+      key: '5a4b2c649170390872aec0c21694067d735f4069',
       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: '44c305a74ba522938b27fe4a8deba5e18e752e72',
+      key: 'b5a033c491057c60a7b0d2ac1a1ef46a234eb718',
       class: "w-full mt-28"
     }, h("ul", {
-      key: '8fa403e44506eb4847f1651a7fd519b9c5f336b8',
+      key: '3f39094a92599645183ee2eb60b3726bd69b6166',
       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: '01282f48cbcd27d349565fc5b87bd50159441e1f',
+      key: '70fd39ec49cf5e57a1d1775b18a3dacc3f6afa73',
       class: "w-full"
     }, h("eds-section-core", {
-      key: 'ff586dcefa969a84732fbbac7f237089ec8d358d',
+      key: 'fd94df5d8f1049a86e6bebd2e96f5b1c44b8881d',
       tag: "div",
       "section-title": "Aspect Ratios",
       "heading-level": "h3"
     }, h("ul", {
-      key: 'f3c879e4105194896fd3fb8d98c39ee614973c24',
+      key: 'cd5928f33ea769e01ff0f7bf402e737cb03940e6',
       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: 'e6d23c9b0eecdbb9551da827e84b536c237c3fa2',
+      key: '6b3242864d2a095f7a39a2e13be792d864a2f349',
       class: "w-full"
     }, h("ul", {
-      key: 'f8c8ea13fd5f36050858e813f3300c12c9ed8a93',
+      key: 'afb2db7e82d1efc4c5f2118d3ce912836214b65c',
       class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16"
     }, h("li", {
-      key: '9473a1f844d1d6e4cfd2aaf6e8ec8587ebbc8f46',
+      key: '01f8b99e5d3bc38d9946f645c79c93bd7c2118b1',
       class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16"
     }, h("div", {
-      key: '86f5d11b9f24a78c2d000a487402ea203663472d',
+      key: 'd6986922cca32cdfeb39d3b31f7c3a1a7c1bb9e4',
       class: "container p-8 item-center border-2 border-soft"
     }, h("div", {
-      key: '2aa3f316b2a8b9f75403bc148f1e0f2c5b008760',
+      key: 'f8cfae4596dbd048053d5e433b55d6b4ecaa5351',
       class: "spacing-sample m-16 bg-strong"
     }, h("span", {
-      key: '178bcea91ee96b6ba7d7f35d3129ba0365103a51',
+      key: '4b19dd66840ea52b31b94d7222bde7cde6346225',
       class: "f-body-01 text-inverse"
     }, "Margin: 1rem / m-16")))), h("li", {
-      key: '3bea85f0dabe95c77f1f7efa20868e05dbe8ac29',
+      key: '8a8a0b2815f07dd8e9c3235b16ae1e8bdac1c3e3',
       class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16"
     }, h("div", {
-      key: '5500ec5a1b8a408ace5f6b74a09af135953508b9',
+      key: '096cc724cec2033f1f8f87bb5b6fac60dce82bd5',
       class: "container p-8 item-center border-2 border-soft"
     }, h("div", {
-      key: '4fe620bb9f4e246aac4093a3bceeb504a91f7347',
+      key: 'cf1917d881f307141e011aadc6d353883bf96720',
       class: "spacing-sample ml-64 bg-strong"
     }, h("span", {
-      key: '8043e928ce06e7eb4f9a980523b85bc1aeacce23',
+      key: '46c1054edcbad036d37d31ea86f85c13ea141dc3',
       class: "f-body-01 text-inverse"
     }, "Margin Left: 4rem / ml-64")))), h("li", {
-      key: '3909330218202d18909ece6bb6c24209cdf89737',
+      key: '562965b0245275992204e227b7cdb0d15df3e7fe',
       class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16"
     }, h("div", {
-      key: 'eddaed5ba95dcff41b807123719b86a2e109f199',
+      key: '1e3f7de64f7916a507b2dad14b9f6f711990dc0f',
       class: "container p-8 item-center border-2 border-soft"
     }, h("div", {
-      key: '9d4ab0bce204ed45ec8a35079213a3663dff2e70',
+      key: 'e7d391fca34899535c0c480dca50a169832cad89',
       class: "spacing-sample mt-32 bg-strong"
     }, h("span", {
-      key: '95a3e2eddf9d5b5659ee455de56815e83c873d22',
+      key: 'c8ecacf9b3ffe5cc0d5178953ed81612bfe7bfb9',
       class: "f-body-01 text-inverse"
     }, "Margin Top: 2rem / mt-32")))), h("li", {
-      key: '3dfe973b5081f9c209386a0b090703c5d9ee9286',
+      key: '578d79c02cfd18f3fd325c854c83a175358de29c',
       class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16"
     }, h("div", {
-      key: 'a82ec5b68b327c2d6c73109170babaa42866a7bb',
+      key: 'ea1b373a23cb9f504bb2f668592b05d7906463ff',
       class: "container p-8 item-center border-2 border-soft"
     }, h("div", {
-      key: 'bf446dc3468e554be2419cd4f86a9e015f36e027',
+      key: '4f5c6994dd127b2d8f6242d34182e768bff37a93',
       class: "spacing-sample p-32 bg-strong"
     }, h("span", {
-      key: '5569dc17bfd58e125651fa8bb7ff3c510e5a11c8',
+      key: '6833463ec21e77da1bed3b1c2d2e4df3892d655c',
       class: "f-body-01 text-inverse"
     }, "Padding: 2rem / p-32")))), h("li", {
-      key: '2bd50606ad35620c512c764008e1ebae74b7eb5a',
+      key: 'c625bba2faa660cd7de320d5de8833ad67124e65',
       class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16"
     }, h("div", {
-      key: '6d3172e3d9db2aca2d44112795e030cbe8764327',
+      key: '1c28128ae1046cbe561f526725f2e1f4098841a8',
       class: "container p-8 item-center border-2 border-soft"
     }, h("div", {
-      key: '7abece54dfbf26fa0f441079192e3de3d1924897',
+      key: '2d82995a9278f32ad257b5f43e299dc59fccfb8b',
       class: "spacing-sample pt-32 bg-strong"
     }, h("span", {
-      key: 'dce98a63280c8b9e8a691074e7727a02c8683290',
+      key: '7afad7410f0f0c867d32b7e81a384fe294bdba07',
       class: "f-body-01 text-inverse"
     }, "Padding Top: 2rem / pt-32")))), h("li", {
-      key: '2330aed59c3748951cd1b99bec3324554b81f51b',
+      key: '96a65c8b325e8c271e95d3e98c447ed6c438ee09',
       class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16"
     }, h("div", {
-      key: 'f17b856f30a3ddaabc9d7dcc4438cde42f49956d',
+      key: '4907c7fdc86c09e0760ba4ab9e0b06606804ca46',
       class: "container p-8 item-center border-2 border-soft"
     }, h("div", {
-      key: 'fb0907d427077e137a878adcb54b1e9b0cdf368e',
+      key: 'cebf638f44789c31845edfafe6d6e82e6fe8d188',
       class: "spacing-sample pl-32 bg-strong"
     }, h("span", {
-      key: 'e5f919cc44e91ce7eb887bc0419f998039c95fa6',
+      key: '3ca0c927fe573467215c84ffb8373bb90e4bf949',
       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: '234d2f000995c4dbd180a2c80d4ead037c8f76ad',
+      key: 'aedc3e99bcef2710c6919855fd30de9fa44d48f5',
       class: "w-full"
     }, h("ul", {
-      key: '7a4b29e3ecbb07c04c401fdbb473a4b122440e24',
+      key: '7391f39ff3599e976cd19805f35a5d4e74e06fa6',
       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/{up-and-down-d747abee.esm.js → up-and-down-8b69ca97.esm.js}

@@ -1,4 +1,4 @@
-const upDonw = `  <svg
+const upDown = `  <svg
     width="20"
     height="20"
     viewBox="0 0 20 20"
@@ -9,4 +9,4 @@ const upDonw = `  <svg
     <path d="M10 17L5 12L15 12L10 17Z" fill="currentColor" />
   </svg>`;
 
-export { upDonw as u };
+export { upDown as u };