@ebrains/react 2.2.0 → 2.3.1

package/token-spacing.entry.esm.js

@@ -9,82 +9,82 @@ const TokenSpacing = class {
   }
   render() {
     return h("div", {
-      key: 'e01032fc0640d466fbf25d52c786c2ad09282deb',
+      key: 'e6d23c9b0eecdbb9551da827e84b536c237c3fa2',
       class: "w-full"
     }, h("ul", {
-      key: '067499a0d422c6759393a729018a0e428ac5bb73',
+      key: 'f8c8ea13fd5f36050858e813f3300c12c9ed8a93',
       class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16"
     }, h("li", {
-      key: '18811cd88f3627f824c09ed57522b624c905704a',
+      key: '9473a1f844d1d6e4cfd2aaf6e8ec8587ebbc8f46',
       class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16"
     }, h("div", {
-      key: '6f810ada1266d71181c85ae01f6d0f03d74c5d62',
+      key: '86f5d11b9f24a78c2d000a487402ea203663472d',
       class: "container p-8 item-center border-2 border-soft"
     }, h("div", {
-      key: 'be8c8193dd759eb651230904f482bdd29ece17d9',
+      key: '2aa3f316b2a8b9f75403bc148f1e0f2c5b008760',
       class: "spacing-sample m-16 bg-strong"
     }, h("span", {
-      key: '3275ae8d2dcc26a097fcec9e47e865d122e8a7a0',
+      key: '178bcea91ee96b6ba7d7f35d3129ba0365103a51',
       class: "f-body-01 text-inverse"
     }, "Margin: 1rem / m-16")))), h("li", {
-      key: '1501280856acd0f86ed6d18deb2994e2b938d550',
+      key: '3bea85f0dabe95c77f1f7efa20868e05dbe8ac29',
       class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16"
     }, h("div", {
-      key: '9c6bd09fb408bf28e1ff7259ee82858657055d53',
+      key: '5500ec5a1b8a408ace5f6b74a09af135953508b9',
       class: "container p-8 item-center border-2 border-soft"
     }, h("div", {
-      key: '66ce0e318e1ef01c95634678d8dad929261c3559',
+      key: '4fe620bb9f4e246aac4093a3bceeb504a91f7347',
       class: "spacing-sample ml-64 bg-strong"
     }, h("span", {
-      key: '746c47d3d838c4a2afc3e33f97ea92e4152505a4',
+      key: '8043e928ce06e7eb4f9a980523b85bc1aeacce23',
       class: "f-body-01 text-inverse"
     }, "Margin Left: 4rem / ml-64")))), h("li", {
-      key: '1e743a6b9907f8d533b6bb0e47204ca9f2ac1540',
+      key: '3909330218202d18909ece6bb6c24209cdf89737',
       class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16"
     }, h("div", {
-      key: '9b127a0fc072a67d2a03af42718407f7c570981c',
+      key: 'eddaed5ba95dcff41b807123719b86a2e109f199',
       class: "container p-8 item-center border-2 border-soft"
     }, h("div", {
-      key: '603d387bfc95e7eaaa688d9bed69d17dcdbeb023',
+      key: '9d4ab0bce204ed45ec8a35079213a3663dff2e70',
       class: "spacing-sample mt-32 bg-strong"
     }, h("span", {
-      key: '19105f04e3571991899dcd237a2e88285200fa2a',
+      key: '95a3e2eddf9d5b5659ee455de56815e83c873d22',
       class: "f-body-01 text-inverse"
     }, "Margin Top: 2rem / mt-32")))), h("li", {
-      key: 'a4bba328ebdb74767c06aed1ddf90251ff53c774',
+      key: '3dfe973b5081f9c209386a0b090703c5d9ee9286',
       class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16"
     }, h("div", {
-      key: '8c0ddf065902880ea676a0178d8d384696d11d44',
+      key: 'a82ec5b68b327c2d6c73109170babaa42866a7bb',
       class: "container p-8 item-center border-2 border-soft"
     }, h("div", {
-      key: 'c73eb82ac1b447d2441be39f1e07e4864bba2a49',
+      key: 'bf446dc3468e554be2419cd4f86a9e015f36e027',
       class: "spacing-sample p-32 bg-strong"
     }, h("span", {
-      key: '6c76e373c0827ed4449abfd0fa1b69db2e02ef10',
+      key: '5569dc17bfd58e125651fa8bb7ff3c510e5a11c8',
       class: "f-body-01 text-inverse"
     }, "Padding: 2rem / p-32")))), h("li", {
-      key: '23699817570e914c03849e8bc5ab3c72b732470c',
+      key: '2bd50606ad35620c512c764008e1ebae74b7eb5a',
       class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16"
     }, h("div", {
-      key: '253d94e4ddabd622302bbc38a5e866b9a9dc8826',
+      key: '6d3172e3d9db2aca2d44112795e030cbe8764327',
       class: "container p-8 item-center border-2 border-soft"
     }, h("div", {
-      key: 'c366056f299a7fd53eb589cedbf8f40aa996d032',
+      key: '7abece54dfbf26fa0f441079192e3de3d1924897',
       class: "spacing-sample pt-32 bg-strong"
     }, h("span", {
-      key: '22b94a1f3f4605af8f11dcd10b03f112ad426798',
+      key: 'dce98a63280c8b9e8a691074e7727a02c8683290',
       class: "f-body-01 text-inverse"
     }, "Padding Top: 2rem / pt-32")))), h("li", {
-      key: '18418c7ea84aaaefe187e484774e96d5233946ab',
+      key: '2330aed59c3748951cd1b99bec3324554b81f51b',
       class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16"
     }, h("div", {
-      key: '953b9ebfb47560f768bdf606fdc455eae18fa351',
+      key: 'f17b856f30a3ddaabc9d7dcc4438cde42f49956d',
       class: "container p-8 item-center border-2 border-soft"
     }, h("div", {
-      key: '1ee32fc2918a078e421e0641c84e76c2bf48e839',
+      key: 'fb0907d427077e137a878adcb54b1e9b0cdf368e',
       class: "spacing-sample pl-32 bg-strong"
     }, h("span", {
-      key: '15f50b76c805eb9fc1610d8027cd710f6c8c89b4',
+      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: 'a50023eb5ce02aebb63994e4319450f3a330617d',
+      key: '234d2f000995c4dbd180a2c80d4ead037c8f76ad',
       class: "w-full"
     }, h("ul", {
-      key: '757a1845f16da440eaa8ba332b39f62ccb69ed89',
+      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", {

package/eds-spinner.entry.esm.js

@@ -1,104 +0,0 @@
-import { r as registerInstance, h, H as Host } from './index.esm2.js';
-import 'react';
-import 'react/jsx-runtime';
-import 'react-dom';
-
-const edsSpinnerCss = ":host{display:block}.spinner{box-sizing:border-box;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.f-body-01{font-family:var(--f-body-01-fontFamily);font-weight:var(--f-body-01-fontWeight);font-size:var(--f-body-01-fontSize);line-height:var(--f-body-01-lineHeight);letter-spacing:var(--f-body-01-letterSpacing)}";
-const EdsSpinnerStyle0 = edsSpinnerCss;
-const EdsSpinner = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.size = 'md';
-    this.variant = 'secondary';
-    this.message = undefined;
-    this.background = 'var(--grey-200)';
-    this.fullscreen = false;
-  }
-  get spinnerSize() {
-    switch (this.size) {
-      case 'xs':
-        return '1rem';
-      case 'sm':
-        return '4rem';
-      case 'lg':
-        return '8rem';
-      case 'xl':
-        return '10rem';
-      case 'md':
-      default:
-        return '6rem';
-    }
-  }
-  get spinnerThickness() {
-    switch (this.size) {
-      case 'xs':
-        return '4px';
-      case 'sm':
-        return '8px';
-      case 'lg':
-        return '16px';
-      case 'xl':
-        return '20px';
-      case 'md':
-      default:
-        return '12px';
-    }
-  }
-  render() {
-    // derive colors from variant
-    const borderColor = this.variant === 'primary' ? 'var(--grey-900)' : 'var(--grey-400)';
-    const bottomColor = this.variant === 'primary' ? 'var(--green-400)' : 'var(--grey-900)';
-    const spinnerStyle = Object.assign({
-      width: this.spinnerSize,
-      height: this.spinnerSize,
-      border: `${this.spinnerThickness} solid ${borderColor}`,
-      borderBottomColor: bottomColor
-    }, !this.fullscreen && {
-      display: 'inline-block'
-    });
-    // Overlay style: use fixed positioning for fullscreen,
-    // and absolute positioning for inline mode.
-    const overlayStyle = this.fullscreen ? {
-      position: 'fixed',
-      top: '0',
-      left: '0',
-      width: '100vw',
-      height: '100vh',
-      zIndex: '9999999',
-      backgroundColor: this.background,
-      display: 'flex',
-      flexDirection: 'column',
-      alignItems: 'center',
-      justifyContent: 'center'
-    } : {
-      position: 'absolute',
-      top: '0',
-      left: '0',
-      width: '100%',
-      height: '100%',
-      //zIndex: '1000',
-      backgroundColor: this.background,
-      display: 'flex',
-      flexDirection: 'column',
-      alignItems: 'center',
-      justifyContent: 'center'
-    };
-    return h(Host, {
-      key: 'b10a5d28d0b06e7b36276fb814e3b8b57b767094'
-    }, h("div", {
-      key: '8f2205bb74775c16660d35f80bf880ac9c39d725',
-      class: "spinner-overlay",
-      style: overlayStyle
-    }, h("span", {
-      key: 'f681700791c6c10ea63473f34719a873757bcf5e',
-      class: "spinner",
-      style: spinnerStyle
-    }), this.message && h("p", {
-      key: 'b0afdd60a6c74fd740626cb7da3402a9a5075e34',
-      class: "f-body-01"
-    }, this.message)));
-  }
-};
-EdsSpinner.style = EdsSpinnerStyle0;
-
-export { EdsSpinner as eds_spinner };