@ebrains/react 2.1.0 → 2.2.0

package/svg-repository.entry.esm.js

@@ -20,6 +20,7 @@ import { s as search } from './search-fbcd79c2.esm.js';
 import { l as loader } from './loader-c9628637.esm.js';
 import { s as success } from './success-443809da.esm.js';
 import { c as close } from './close-87fc0d63.esm.js';
+import { d as download } from './download-47746956.esm.js';
 import { m as menu } from './menu-340ea948.esm.js';
 import { m as more } from './more-4449d549.esm.js';
 import { u as user } from './user-71ebdc15.esm.js';
@@ -178,22 +179,6 @@ const documentation = `<svg
       stroke-width="1.5"
     />
   </svg>`;
-const download = `<svg
-    width="20"
-    height="20"
-    viewBox="0 0 20 20"
-    fill="none"
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <path
-      d="M5.91937 8H9V3H11V8H14.0806L10 13.1008L5.91937 8Z"
-      fill="currentColor"
-    />
-    <path
-      d="M5 15V12H3V15C3 16.1046 3.89543 17 5 17H15C16.1046 17 17 16.1046 17 15V12H15V15H5Z"
-      fill="currentColor"
-    />
-  </svg>`;
 const filter = ` <svg
     width="20"
     height="20"
@@ -329,10 +314,10 @@ const SvgRepository = class {
       }
     };
     return h("div", {
-      key: '7182d9e62bbee54fe4787d4fdd00e454d4f9df44',
+      key: '36ab796174ab215a5e8f834f0d6291853305e732',
       class: "full-width"
     }, h("eds-table", {
-      key: '4f9e0681ce92a66ca09fd933663caf465208306d',
+      key: '31fca470f340fa54137887ef426f4f7e1fc72f73',
       "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: 'b8b778fe87179f77bb71705d89026c500b0293fb',
+      key: 'c5a0dc7f4e58c77624481262b1a6ac31df5425ee',
       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: '584f5f90e1e3813692870fbd8fd382956729dbf1',
+      key: 'd0e212f61414068b55b2ce1a3d9c7c2a51743908',
       class: "w-full mt-28"
     }, h("ul", {
-      key: '81786b7835d62739d6ec034609e77209e15e3b38',
+      key: 'f656822bfc1a95bb4435eec2db9573e4362d1c59',
       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: '8ca055cb3616c9bc3f6e8c1032671ff53a540156',
+      key: '2f8e9eef279ee176ba1c72660181a4a36a184985',
       class: "w-full mt-28"
     }, h("ul", {
-      key: '7b72868285aaffe0f31628b5ab142e39aaccd964',
+      key: 'a5ddc9f6faab20c73b6dbb08364925d3b221e848',
       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: '255775984f1d0edd52f48814776dfb5739b4885e',
+      key: '0215729c6c798288f74b3e9a589763c8a71c6fd3',
       class: "w-full"
     }, h("eds-section-core", {
-      key: '7fd28e74db00800fcaa4adb13dd6b0b9cace371d',
+      key: '9ac3c1b933b7bb7cc6c8dd9aeface59ba3646750',
       tag: "div",
       "section-title": "Aspect Ratios",
       "heading-level": "h3"
     }, h("ul", {
-      key: '1e4c0af9a699e69c5bc6c86df821c457bb20614a',
+      key: 'd4ae2c487aa2402740dfd1465823fe3d04c19e18',
       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: '9967174337c771b175eb51d9cd77ec227071178e',
+      key: 'e01032fc0640d466fbf25d52c786c2ad09282deb',
       class: "w-full"
     }, h("ul", {
-      key: 'db8df572ea997ea83600cb522c761ec5c99788bc',
+      key: '067499a0d422c6759393a729018a0e428ac5bb73',
       class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16"
     }, h("li", {
-      key: '25a7b31970e56ce8ff62c81a69daac121984d9d6',
+      key: '18811cd88f3627f824c09ed57522b624c905704a',
       class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16"
     }, h("div", {
-      key: '1a1dfa005e39237c2fedb210c0082293770387c6',
+      key: '6f810ada1266d71181c85ae01f6d0f03d74c5d62',
       class: "container p-8 item-center border-2 border-soft"
     }, h("div", {
-      key: '473024ed6927d1a140eee0e021af92790c3ec5b0',
+      key: 'be8c8193dd759eb651230904f482bdd29ece17d9',
       class: "spacing-sample m-16 bg-strong"
     }, h("span", {
-      key: '7b691bf830943134160396ddcd8f71e419eb29e2',
+      key: '3275ae8d2dcc26a097fcec9e47e865d122e8a7a0',
       class: "f-body-01 text-inverse"
     }, "Margin: 1rem / m-16")))), h("li", {
-      key: '38f1d4d7e78b1efdbc55cf732b6be2ac3a62b5b7',
+      key: '1501280856acd0f86ed6d18deb2994e2b938d550',
       class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16"
     }, h("div", {
-      key: '3a0fc8cdfa13bf0998a4829c36a74b17a6ee2314',
+      key: '9c6bd09fb408bf28e1ff7259ee82858657055d53',
       class: "container p-8 item-center border-2 border-soft"
     }, h("div", {
-      key: 'ec730379e1041a68c9d980bb6b5d4b16560debb0',
+      key: '66ce0e318e1ef01c95634678d8dad929261c3559',
       class: "spacing-sample ml-64 bg-strong"
     }, h("span", {
-      key: 'fd6f3ab787f1d43fb0b060e8408a1464eacd9875',
+      key: '746c47d3d838c4a2afc3e33f97ea92e4152505a4',
       class: "f-body-01 text-inverse"
     }, "Margin Left: 4rem / ml-64")))), h("li", {
-      key: '60a45420ca9cd7f4dab1524c8d6be31b39295b0c',
+      key: '1e743a6b9907f8d533b6bb0e47204ca9f2ac1540',
       class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16"
     }, h("div", {
-      key: 'ec433621396341959df05dd4becf2844c4266ea5',
+      key: '9b127a0fc072a67d2a03af42718407f7c570981c',
       class: "container p-8 item-center border-2 border-soft"
     }, h("div", {
-      key: 'e2ae2d3a3f0eb5226fae09d70eff099ed79ca0e6',
+      key: '603d387bfc95e7eaaa688d9bed69d17dcdbeb023',
       class: "spacing-sample mt-32 bg-strong"
     }, h("span", {
-      key: '1da10931bb4dae62a1a1c020c89463634a3c1630',
+      key: '19105f04e3571991899dcd237a2e88285200fa2a',
       class: "f-body-01 text-inverse"
     }, "Margin Top: 2rem / mt-32")))), h("li", {
-      key: 'f2f6ff5c992df7d4d426a3488cb7aa7ad9b7bc85',
+      key: 'a4bba328ebdb74767c06aed1ddf90251ff53c774',
       class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16"
     }, h("div", {
-      key: '23700500e04f2ec99fb5329092b7e430f7ac4274',
+      key: '8c0ddf065902880ea676a0178d8d384696d11d44',
       class: "container p-8 item-center border-2 border-soft"
     }, h("div", {
-      key: 'bc304e082326c02787a62681fa86d20382fbb2d7',
+      key: 'c73eb82ac1b447d2441be39f1e07e4864bba2a49',
       class: "spacing-sample p-32 bg-strong"
     }, h("span", {
-      key: '32692a307c58603ac232bb1004b88e0b5bff0c3d',
+      key: '6c76e373c0827ed4449abfd0fa1b69db2e02ef10',
       class: "f-body-01 text-inverse"
     }, "Padding: 2rem / p-32")))), h("li", {
-      key: '6fc5032427724389d29d200347e3f5de984d6ec5',
+      key: '23699817570e914c03849e8bc5ab3c72b732470c',
       class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16"
     }, h("div", {
-      key: 'f66687c53866291f4f455153e34813d53bbb6d68',
+      key: '253d94e4ddabd622302bbc38a5e866b9a9dc8826',
       class: "container p-8 item-center border-2 border-soft"
     }, h("div", {
-      key: 'c4305cf37d1f08f50be085664d9a4da0c4859805',
+      key: 'c366056f299a7fd53eb589cedbf8f40aa996d032',
       class: "spacing-sample pt-32 bg-strong"
     }, h("span", {
-      key: '4bd0c2056950a34d119c11ffd04e1dce1b8136c5',
+      key: '22b94a1f3f4605af8f11dcd10b03f112ad426798',
       class: "f-body-01 text-inverse"
     }, "Padding Top: 2rem / pt-32")))), h("li", {
-      key: '67053133a6c121e02b7cab1da4cf4bc025dcc28d',
+      key: '18418c7ea84aaaefe187e484774e96d5233946ab',
       class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16"
     }, h("div", {
-      key: 'dc7c1198e284eb0d71d183017e99fca72c3fb2a7',
+      key: '953b9ebfb47560f768bdf606fdc455eae18fa351',
       class: "container p-8 item-center border-2 border-soft"
     }, h("div", {
-      key: '3e69f16b8673007197f18b736e07a9e2c86e7eeb',
+      key: '1ee32fc2918a078e421e0641c84e76c2bf48e839',
       class: "spacing-sample pl-32 bg-strong"
     }, h("span", {
-      key: '5a112de1bf2ce66ea278da76b8890aff02cce8af',
+      key: '15f50b76c805eb9fc1610d8027cd710f6c8c89b4',
       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: 'b638ddc335ade66f9eb0af8752f56945270fc5ee',
+      key: 'a50023eb5ce02aebb63994e4319450f3a330617d',
       class: "w-full"
     }, h("ul", {
-      key: '40f638bc0eccdcc79aecaf5da8fc9c1332122d49',
+      key: '757a1845f16da440eaa8ba332b39f62ccb69ed89',
       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-tooltip.entry.esm.js

@@ -1,47 +0,0 @@
-import { r as registerInstance, h, g as getElement } from './index.esm2.js';
-import { s as sendAnalytics } from './analytics-d99780e3.esm.js';
-import 'react';
-import 'react/jsx-runtime';
-import 'react-dom';
-
-const edsTooltipCss = ".relative{position:relative}.absolute{position:absolute}.inline-block{display:inline-block}.rounded-xs{border-radius:4px}.bg-strongest{background-color:var(--black)}.text-inverse{color:var(--white)}.f-ui-03-light{font-family:var(--f-ui-03-light-fontFamily);font-weight:var(--f-ui-03-light-fontWeight);font-size:var(--f-ui-03-light-fontSize);line-height:var(--f-ui-03-light-lineHeight);letter-spacing:var(--f-ui-03-light-letterSpacing)}.pointer-events-none{pointer-events:none}.left-1\\/2{left:50%}.z-10{z-index:10}.transform{transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-x-1\\/2{--tw-translate-x:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.whitespace-nowrap{white-space:nowrap}.p-6{padding:0.375rem}.top-full{top:100%}.bottom-full{bottom:100%}.right-full{right:100%}.left-full{left:100%}.mr-2{margin-right:0.125rem}.ml-2{margin-left:0.125rem}.mt-2{margin-top:0.125rem}.mb-2{margin-bottom:0.125rem}.opacity-0{opacity:0}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.duration-150{transition-duration:150ms}.ease-in-out{transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.group:hover .group-hover\\:opacity-100{opacity:1}.max-w-\\[20rem\\]{max-width:20rem}.whitespace-normal{white-space:normal}.break-words{overflow-wrap:break-word}.w-full{width:100%}";
-const EdsTooltipStyle0 = edsTooltipCss;
-const EdsTooltip = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.content = undefined;
-    this.position = 'top';
-  }
-  /** fire analytics on every hover */
-  handleHover() {
-    sendAnalytics({
-      category: 'ui-component',
-      tag: this.el.tagName.toLowerCase(),
-      name: this.content.toLowerCase(),
-      action: 'hover'
-    });
-  }
-  render() {
-    const positionClass = this.position === 'bottom' ? 'top-full mt-2' : 'bottom-full mb-2';
-    return h("div", {
-      key: 'ee76b787881bdaef986b73fb2775c900a8c33d05',
-      class: "relative w-full inline-block group"
-    }, h("slot", {
-      key: 'a5f9ade50e829efab02ef28ecff3edeedae9d469'
-    }), h("div", {
-      key: '31bdc63d6263090578f6600ae32027c2b050b2bf',
-      class: `absolute ${positionClass}
-            rounded-xs bg-strongest text-inverse 
-            f-ui-03-light pointer-events-none 
-            z-10 p-4 opacity-0 transition-opacity duration-150 ease-in-out
-            group-hover:opacity-100 whitespace-normal break-words`,
-      role: "tooltip"
-    }, this.content));
-  }
-  get el() {
-    return getElement(this);
-  }
-};
-EdsTooltip.style = EdsTooltipStyle0;
-
-export { EdsTooltip as eds_tooltip };