@ebrains/react 2.3.0 → 2.3.1

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

@@ -12,86 +12,86 @@ const LogoWrongUsage = class {
   }
   render() {
     return h("div", {
-      key: 'a5d22b7db9bf43fa54d7e0fe611b819e374b6f6b',
+      key: '47db71fa97eed9b24d6873aac34e4d513f835c8a',
       class: "container"
     }, h("ul", {
-      key: 'a2d9ebad864822e00db5bb207caf599de80be433',
+      key: 'f06cff3d8313404bbbe50e2744582a8d394384a2',
       class: "not-prose grid-layout grid-cols-6 gap-y-8 md:gap-y-12 lg:gap-y-16"
     }, h("li", {
-      key: 'ad449a11eb8e1404a47266adb9072efa0c182752',
+      key: 'ddac40db90edc523f2d95f7da243596baf3c00af',
       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: '3f9ab867a20bc72e15c5403683d50b0f86c18727',
+      key: 'e7ec76fb43d846bfaa09b7fd12a70d3b3fd91476',
       class: "mx-auto no-other-bg-color logo",
       innerHTML: hLogoColor
     }), h("p", {
-      key: '8a9ebdfd97d048e046adc85f182657c065d7c5e2',
+      key: '3288cbda1a66f4557dd0546cfc7fc1db64113520',
       class: "f-ui-02 text-center"
     }, "Do not use with backgrounds that make legibility difficult")), h("li", {
-      key: '621dc6459bd6934ada8cbbcb99e848464c6d7719',
+      key: 'af5f8b9fcf5583f970b2f097f2ebbf581f5e65c4',
       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: 'be8c7b7fc30111d6bd7e7803d4a47b58ab8275f9',
+      key: '06c9a344c7505b5299bca221ca3b3222ff141cfe',
       class: "mx-auto no-other-color logo non-brand-color",
       innerHTML: hLogoColor
     }), h("p", {
-      key: '1e458e14065bc2f064c29f03e7047578837e8dbf',
+      key: 'b9a018ccf607edb5f4646f41269f39b4146dfb07',
       class: "f-ui-02 text-center"
     }, "Do not apply other colors")), h("li", {
-      key: '92f588b1b08e74ae6de62037c611cd2c07c2d0f6',
+      key: '549d912c33d1d72b5a09e0bcf1b3866b83a42bcb',
       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: '1a8b871c1887b96183efc5a884085cd627a5dd03',
+      key: '4e01b36b889bbd5a76581e4a7d7dad700cce647c',
       class: "mx-auto distorted logo",
       innerHTML: hLogoColor
     }), h("p", {
-      key: '2ca68cc09eac491203fec3d84b19623dfc1c0433',
+      key: '15c8d9949f2fe250005879152e96ac6ddf9a9dde',
       class: "f-ui-02 text-center"
     }, "Do not deform the logo")), h("li", {
-      key: 'ee43635fa2d0dff9b9a5ea76127f5a35d1863c2a',
+      key: '4e3d38bba478657ef86242a5defab77340549e68',
       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: '3176d2dbec423d743b8d05c64d7a21088bf830a1',
+      key: '92b31722f79d8324a25cfea1583b64dc5710d96f',
       class: "mx-auto effects logo",
       innerHTML: hLogoColor
     }), h("p", {
-      key: '1148d744012e92f34ac48a2b69c3fb6451e4f844',
+      key: '0b9a84f0d8a9d3c02b7d8ace6b95964106239cd6',
       class: "f-ui-02 text-center"
     }, "Do not apply effects")), h("li", {
-      key: 'acde874cf0fd644ec0edc7350fc038e0ae13719d',
+      key: 'ebfea671909f84d0b3bb018bf56ebdfabc2c3785',
       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: '27b2b50f017142b1e9638baf1865fd804ba9121d',
+      key: 'dec45dc8ca9fcca44be26c0001dbefe045fab6b5',
       class: "mx-auto rotated logo",
       innerHTML: hLogoColor
     }), h("p", {
-      key: '28dfe52d02bdb82f29947227a9a9a699aabf82ef',
+      key: '32407a77fcd5bd9efe075f66fe7de260d6ac76bf',
       class: "f-ui-02 text-center"
     }, "Do not rotate the logo")), h("li", {
-      key: 'e754250d250603022bb031e66e7fd8e8e0f04155',
+      key: '65fe0d30655a81fb4b791d19bbcad66e4b6098e9',
       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: '042817f8f946a10372439398e4f6dd3c0fc182f6',
+      key: '561983d5e3ce55c7afa14999230838312c5682c6',
       class: "mx-auto outlined logo",
       innerHTML: hLogoColor
     }), h("p", {
-      key: 'f5136df73757f3ebd3c954f3aa5f9e47d7907c64',
+      key: '230eeb47f7e1d3d864b4202cb39cdadb883649da',
       class: "f-ui-02 text-center"
     }, "Do not apply outlines")), h("li", {
-      key: '6e30b4684ebe21136ddecef9e879024ce93206ad',
+      key: '3e30322cd2a4c1f9d03f9e9c5758a3e2141f61c1',
       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: '29ceba568f002cf04a810546ac76ed4d4a0c63fd',
+      key: '6d19155d8c5f4413118f3a2f3af89e276c707311',
       class: "mx-auto"
     }, h("div", {
-      key: '53976603b457baf9d28f4216b2ef54284467ffd7',
+      key: '64d6e6b6502add707ccb16da25f4fbb6699ab1b0',
       class: "bg-accent p-16"
     }, h("div", {
-      key: 'bdce208801ad76f3f8fd1639ca08b3a341ccf014',
+      key: '8f2c70ce2a39638634f388b7d28e6e3869a6d30d',
       class: "text-inverse",
       innerHTML: hLogoColor
     })), h("p", {
-      key: '97e656465d81823f22593dd8ec936dde966560e0',
+      key: '9ce6b36d8c6ca1c90299664765bdca50c3d1d412',
       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.0",
+  "version": "2.3.1",
   "module": "./index.esm.js",
   "type": "module",
   "main": "./index.esm.js",

package/svg-repository.entry.esm.js

@@ -314,10 +314,10 @@ const SvgRepository = class {
       }
     };
     return h("div", {
-      key: '9e4eb1306b8d43f5879b2e7c0ef0019f83c0b3b5',
+      key: '4c92aff806bb91d25e1c29d6d01c035e0a534eef',
       class: "full-width"
     }, h("eds-table", {
-      key: '3b6349562155ffed788587d39a82d0a2fb9798bb',
+      key: '3dd1d7abd1a310611a6229b356d7732ac4dc8e40',
       "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: 'db196307702df28bf9e2f7fb0b87298bf84baabb',
+      key: 'c8634946d5cd2813e8ed6eb3ee7a5071a8e80449',
       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: 'bdd584d53625299e4faa9a28f6f259bc5587b125',
+      key: 'a274ee157395f49f9f224ef496813ea5c3b8503c',
       class: "w-full mt-28"
     }, h("ul", {
-      key: '3076e4efcca5749cc07e69df70ce2658d6186ec6',
+      key: 'd2d6dbee8ef7e54dc1a85eb400c37b5910928e58',
       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: 'a2fbc57c2153391bc53b47a263488118ca3aa01a',
+      key: '44c305a74ba522938b27fe4a8deba5e18e752e72',
       class: "w-full mt-28"
     }, h("ul", {
-      key: 'e4e2d6cbc8d1510ede2b678b24ce8b34b838888f',
+      key: '8fa403e44506eb4847f1651a7fd519b9c5f336b8',
       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: '83fc87fd64531611114fe47d977dc54b6af1d327',
+      key: '01282f48cbcd27d349565fc5b87bd50159441e1f',
       class: "w-full"
     }, h("eds-section-core", {
-      key: 'b0b72d4f387cd48f4905c68b9f05ac3058d359c1',
+      key: 'ff586dcefa969a84732fbbac7f237089ec8d358d',
       tag: "div",
       "section-title": "Aspect Ratios",
       "heading-level": "h3"
     }, h("ul", {
-      key: 'af5677bb15a4ffb008fd90bdfdfb1b757a36e138',
+      key: 'f3c879e4105194896fd3fb8d98c39ee614973c24',
       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: '46cb6fe655e9f8b8688f44e2351f3992e8011b2a',
+      key: 'e6d23c9b0eecdbb9551da827e84b536c237c3fa2',
       class: "w-full"
     }, h("ul", {
-      key: '9d7205ee2e0b3b0386284dc282fcc5375c43ec26',
+      key: 'f8c8ea13fd5f36050858e813f3300c12c9ed8a93',
       class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16"
     }, h("li", {
-      key: 'b3e9d62bb934c1b413712b182cfdf015484db525',
+      key: '9473a1f844d1d6e4cfd2aaf6e8ec8587ebbc8f46',
       class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16"
     }, h("div", {
-      key: '78c8a23dcacfd216a6159da8af3809607ef29702',
+      key: '86f5d11b9f24a78c2d000a487402ea203663472d',
       class: "container p-8 item-center border-2 border-soft"
     }, h("div", {
-      key: '92a2938c5bdcb38456d96077f78993c711bc789f',
+      key: '2aa3f316b2a8b9f75403bc148f1e0f2c5b008760',
       class: "spacing-sample m-16 bg-strong"
     }, h("span", {
-      key: '7738363bee7cc25863bec922f55224044af61b6e',
+      key: '178bcea91ee96b6ba7d7f35d3129ba0365103a51',
       class: "f-body-01 text-inverse"
     }, "Margin: 1rem / m-16")))), h("li", {
-      key: '96c1f622b7e4136cebd53862b79bbc17ad484a25',
+      key: '3bea85f0dabe95c77f1f7efa20868e05dbe8ac29',
       class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16"
     }, h("div", {
-      key: 'ff4357650e10f9e7a61903c3c9f6a4f4d60d8c73',
+      key: '5500ec5a1b8a408ace5f6b74a09af135953508b9',
       class: "container p-8 item-center border-2 border-soft"
     }, h("div", {
-      key: 'cd07be06a51604f81f2868786028066f834cd87d',
+      key: '4fe620bb9f4e246aac4093a3bceeb504a91f7347',
       class: "spacing-sample ml-64 bg-strong"
     }, h("span", {
-      key: 'ded579013d8765c7802862b57cf2bf7ae03f1b99',
+      key: '8043e928ce06e7eb4f9a980523b85bc1aeacce23',
       class: "f-body-01 text-inverse"
     }, "Margin Left: 4rem / ml-64")))), h("li", {
-      key: 'a8e244c95f027993755fa567d900ff88ed08669b',
+      key: '3909330218202d18909ece6bb6c24209cdf89737',
       class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16"
     }, h("div", {
-      key: 'e3662c064d089089ebb796aadede38bbd7ebe69d',
+      key: 'eddaed5ba95dcff41b807123719b86a2e109f199',
       class: "container p-8 item-center border-2 border-soft"
     }, h("div", {
-      key: 'f168cbeaec417b0eccd66ed60f2776bdffdb7bfb',
+      key: '9d4ab0bce204ed45ec8a35079213a3663dff2e70',
       class: "spacing-sample mt-32 bg-strong"
     }, h("span", {
-      key: '696ec848f217896ae3fc06bf07546fe735d6ccd8',
+      key: '95a3e2eddf9d5b5659ee455de56815e83c873d22',
       class: "f-body-01 text-inverse"
     }, "Margin Top: 2rem / mt-32")))), h("li", {
-      key: '5e5d4a63fd7e28114a87dfa5789f5213b6c057f3',
+      key: '3dfe973b5081f9c209386a0b090703c5d9ee9286',
       class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16"
     }, h("div", {
-      key: '14cb262cc18f340e72a922dc793244c17fa9fb05',
+      key: 'a82ec5b68b327c2d6c73109170babaa42866a7bb',
       class: "container p-8 item-center border-2 border-soft"
     }, h("div", {
-      key: '791781717dc851f2e174277c557212e7e5c15b7a',
+      key: 'bf446dc3468e554be2419cd4f86a9e015f36e027',
       class: "spacing-sample p-32 bg-strong"
     }, h("span", {
-      key: 'd1df2d8f2520746e49ec9c85d8e17cf5569c4bc5',
+      key: '5569dc17bfd58e125651fa8bb7ff3c510e5a11c8',
       class: "f-body-01 text-inverse"
     }, "Padding: 2rem / p-32")))), h("li", {
-      key: '312e2c71672a05cc54cd492297a1cdcb2b11a395',
+      key: '2bd50606ad35620c512c764008e1ebae74b7eb5a',
       class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16"
     }, h("div", {
-      key: '8cd16bfafd2345b68e50a46c08c7a8f2430ee6ef',
+      key: '6d3172e3d9db2aca2d44112795e030cbe8764327',
       class: "container p-8 item-center border-2 border-soft"
     }, h("div", {
-      key: '8f7e910d8fc43b596b35f3e72a48646e9550e8ba',
+      key: '7abece54dfbf26fa0f441079192e3de3d1924897',
       class: "spacing-sample pt-32 bg-strong"
     }, h("span", {
-      key: '509c712085a239a435fc11f8ea7a6c9c788be60c',
+      key: 'dce98a63280c8b9e8a691074e7727a02c8683290',
       class: "f-body-01 text-inverse"
     }, "Padding Top: 2rem / pt-32")))), h("li", {
-      key: 'b99c86cd7dd23e7c091dd2c70ec42133d9d2e2ef',
+      key: '2330aed59c3748951cd1b99bec3324554b81f51b',
       class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16"
     }, h("div", {
-      key: '0e61fb5d7bf779eddc16c9627d6ca0ff6cf702e1',
+      key: 'f17b856f30a3ddaabc9d7dcc4438cde42f49956d',
       class: "container p-8 item-center border-2 border-soft"
     }, h("div", {
-      key: 'e65eb20ca88e563ae43eb0c208feacf7e310870f',
+      key: 'fb0907d427077e137a878adcb54b1e9b0cdf368e',
       class: "spacing-sample pl-32 bg-strong"
     }, h("span", {
-      key: '2a40e6977caccb37173f60de613c1a72b02f6d3e',
+      key: 'e5f919cc44e91ce7eb887bc0419f998039c95fa6',
       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: 'ff15f73114d16107a766fe6fe8342315cf2fa542',
+      key: '234d2f000995c4dbd180a2c80d4ead037c8f76ad',
       class: "w-full"
     }, h("ul", {
-      key: '22e8e89e792fee03f1957e5705fca1938771b9ac',
+      key: '7a4b29e3ecbb07c04c401fdbb473a4b122440e24',
       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", {