@ebrains/react 0.9.2-beta → 1.0.0

package/eu-9ddde93a.esm.js

@@ -0,0 +1,30 @@
+const euSvg = `<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" id="flag-icons-eu" viewBox="0 0 640 480">
+  <defs>
+    <g id="d">
+      <g id="b">
+        <path id="a" d="m0-1-.3 1 .5.1z"/>
+        <use xlink:href="#a" transform="scale(-1 1)"/>
+      </g>
+      <g id="c">
+        <use xlink:href="#b" transform="rotate(72)"/>
+        <use xlink:href="#b" transform="rotate(144)"/>
+      </g>
+      <use xlink:href="#c" transform="scale(-1 1)"/>
+    </g>
+  </defs>
+  <path fill="#039" d="M0 0h640v480H0z"/>
+  <g fill="#fc0" transform="translate(320 242.3) scale(23.7037)">
+    <use xlink:href="#d" width="100%" height="100%" y="-6"/>
+    <use xlink:href="#d" width="100%" height="100%" y="6"/>
+    <g id="e">
+      <use xlink:href="#d" width="100%" height="100%" x="-6"/>
+      <use xlink:href="#d" width="100%" height="100%" transform="rotate(-144 -2.3 -2.1)"/>
+      <use xlink:href="#d" width="100%" height="100%" transform="rotate(144 -2.1 -2.3)"/>
+      <use xlink:href="#d" width="100%" height="100%" transform="rotate(72 -4.7 -2)"/>
+      <use xlink:href="#d" width="100%" height="100%" transform="rotate(72 -5 .5)"/>
+    </g>
+    <use xlink:href="#e" width="100%" height="100%" transform="scale(-1 1)"/>
+  </g>
+</svg>`;
+
+export { euSvg as e };

package/facebook-9cb5c17f.esm.js

@@ -0,0 +1,14 @@
+const facebook = `  <svg
+    width="20"
+    height="20"
+    viewBox="0 0 20 20"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      d="M10.9481 19.9556C16.0263 19.4781 20 15.2031 20 10C20 4.47715 15.5228 0 10 0C4.47715 0 0 4.47715 0 10C0 14.7129 3.26027 18.6643 7.64847 19.722V12.0931H6V9.36828H7.64847V7.73228C7.64847 5.50935 8.5793 4.1875 11.2239 4.1875H13.4256V6.91266H12.0494C11.0199 6.91266 10.9518 7.29347 10.9518 8.00415L10.9481 9.36797H13.4412L13.1494 12.0928H10.9481V19.9556Z"
+      fill="currentColor"
+    />
+  </svg>`;
+
+export { facebook as f };

package/incorrect-use-of-colors.entry.esm.js

@@ -0,0 +1,74 @@
+import { r as registerInstance, h } from './index.esm2.js';
+import 'react';
+import 'react/jsx-runtime';
+import 'react-dom';
+
+const primary = [{
+  background: '#9CE142'
+}, {
+  background: '#00C959'
+}, {
+  background: '#00A595'
+}];
+const purple = [{
+  background: '#C461FF'
+}, {
+  background: '#5D3DF9'
+}];
+const red = [{
+  background: '#FFA543'
+}, {
+  background: '#FF4D68'
+}];
+const incorrect = [{
+  background: '#3FA9F5'
+}, ...purple, ...red];
+const IncorrectUseOfColors = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+  }
+  render() {
+    return h("div", {
+      key: '3503dcc0e2d3f5b08eec400e74484e5725d7b4af',
+      class: "container"
+    }, h("div", {
+      key: '657857e8826e60c498450326306234c59b4e770b',
+      class: "mb-8"
+    }, h("eds-alert", {
+      key: '88512240affc65314593f8573b3a13f58fb2806d',
+      message: "Note that, each of the four colour tones cannot be mixed in the same composition.",
+      intent: "error"
+    })), h("div", {
+      key: '8614d445187d2614e5833b8c89c66b178762574e',
+      class: "flex"
+    }, h("div", {
+      key: '1b36d52dbcbb65e1edb4513899ec898d691193c0',
+      class: "w-full"
+    }, h("ul", {
+      key: '13fb2eaca0ad3fb93487f6c0c976142a18870b4d',
+      class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16"
+    }, primary.map(color => h("li", {
+      class: "grid-col-span-12 md:grid-col-span-6 flex flex-col"
+    }, h("div", {
+      class: "w-full min-h-[150px] effect-height flex items-center justify-between p-16",
+      style: {
+        backgroundColor: color.background
+      }
+    }))))), h("div", {
+      key: 'adec93113e4c02168906e1da65f48c20e9b2c7dc',
+      class: "w-full"
+    }, h("ul", {
+      key: 'd0b43589866f53c92084b270afb3571ed2723fc8',
+      class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16"
+    }, incorrect.map(color => h("li", {
+      class: "grid-col-span-12 md:grid-col-span-6 flex flex-col"
+    }, h("div", {
+      class: "w-full min-h-[90px] effect-height flex items-center justify-between p-16",
+      style: {
+        backgroundColor: color.background
+      }
+    })))))));
+  }
+};
+
+export { IncorrectUseOfColors as incorrect_use_of_colors };

package/index-39c58238.esm.js

@@ -0,0 +1,58 @@
+function r(e) {
+  var t,
+    f,
+    n = "";
+  if ("string" == typeof e || "number" == typeof e) n += e;else if ("object" == typeof e) if (Array.isArray(e)) for (t = 0; t < e.length; t++) e[t] && (f = r(e[t])) && (n && (n += " "), n += f);else for (t in e) e[t] && (n && (n += " "), n += t);
+  return n;
+}
+function clsx() {
+  for (var e, t, f = 0, n = ""; f < arguments.length;) (e = arguments[f++]) && (t = r(e)) && (n && (n += " "), n += t);
+  return n;
+}
+const falsyToString = value => typeof value === "boolean" ? "".concat(value) : value === 0 ? "0" : value;
+const cx = clsx;
+const cva = (base, config) => {
+  return props => {
+    var ref;
+    if ((config === null || config === void 0 ? void 0 : config.variants) == null) return cx(base, props === null || props === void 0 ? void 0 : props.class, props === null || props === void 0 ? void 0 : props.className);
+    const {
+      variants,
+      defaultVariants
+    } = config;
+    const getVariantClassNames = Object.keys(variants).map(variant => {
+      const variantProp = props === null || props === void 0 ? void 0 : props[variant];
+      const defaultVariantProp = defaultVariants === null || defaultVariants === void 0 ? void 0 : defaultVariants[variant];
+      if (variantProp === null) return null;
+      const variantKey = falsyToString(variantProp) || falsyToString(defaultVariantProp);
+      return variants[variant][variantKey];
+    });
+    const propsWithoutUndefined = props && Object.entries(props).reduce((acc, param) => {
+      let [key, value] = param;
+      if (value === undefined) {
+        return acc;
+      }
+      acc[key] = value;
+      return acc;
+    }, {});
+    const getCompoundVariantClassNames = config === null || config === void 0 ? void 0 : (ref = config.compoundVariants) === null || ref === void 0 ? void 0 : ref.reduce((acc, param1) => {
+      let {
+        class: cvClass,
+        className: cvClassName,
+        ...compoundVariantOptions
+      } = param1;
+      return Object.entries(compoundVariantOptions).every(param => {
+        let [key, value] = param;
+        return Array.isArray(value) ? value.includes({
+          ...defaultVariants,
+          ...propsWithoutUndefined
+        }[key]) : {
+          ...defaultVariants,
+          ...propsWithoutUndefined
+        }[key] === value;
+      }) ? [...acc, cvClass, cvClassName] : acc;
+    }, []);
+    return cx(base, getVariantClassNames, getCompoundVariantClassNames, props === null || props === void 0 ? void 0 : props.class, props === null || props === void 0 ? void 0 : props.className);
+  };
+};
+
+export { cva as c };

package/index.esm.d.ts

@@ -0,0 +1 @@
+export * from "./src/index";

package/index.esm.js

@@ -0,0 +1,4 @@
+export { E as EdsAccordion, a as EdsAlert, b as EdsAvatar, d as EdsBlockBreak, e as EdsBreadcrumb, f as EdsButton, i as EdsCardGeneric, j as EdsCardSection, k as EdsCodeBlock, l as EdsDropdown, m as EdsFeedback, n as EdsFooter, o as EdsForm, p as EdsFullscreenMenu, q as EdsGauge, s as EdsHeader, t as EdsIconWrapper, u as EdsImg, v as EdsInputField, w as EdsLink, x as EdsLogo, y as EdsMatomoNotice, z as EdsModal, A as EdsPagination, B as EdsPie, C as EdsProgressBar, D as EdsRating, F as EdsSocialNetworks, G as EdsSpinner, I as EdsSplashScreen, J as EdsSteps, K as EdsStepsV2, L as EdsSwitch, M as EdsTable, N as EdsTabs, O as EdsTag, P as EdsToast, Q as EdsTooltip, R as EdsUser } from './index.esm2.js';
+import 'react';
+import 'react/jsx-runtime';
+import 'react-dom';