@ebrains/components 2.0.0 → 2.2.0

package/dist/esm/correct-use-of-colors.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-fdb33359.js';
+import { r as registerInstance, h } from './index-e84b871c.js';
 
 const primary = [
     {
@@ -57,7 +57,7 @@ const CorrectUseOfColors = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h("div", { key: '0d87f12519405c944ea432dacc79cc22e4710f7a', class: "container" }, h("p", { key: '6041d60d6e1bd6313b6d5989f89209c75b350048', class: "f-body-01" }, "This guide demonstrates the correct usage of the", h("eds-link", { key: 'bacd39d8122d919711793e0d90074ad4c7e91cc8', label: "primary", size: "small", intent: "underline", icon: "chevron-right", url: "../color-palette/#primary-palette", "extra-class": "inline-block ml-4" }), "and", h("eds-link", { key: 'ab097f654aee5417323b55d17666dd37f51ff193', label: "support", size: "small", intent: "underline", icon: "chevron-right", url: "../color-palette/#support-palette", "extra-class": "inline-block ml-4" }), "color palettes."), h("div", { key: 'd7b0a82ca3108c7510a8b79ab02aff5a459b3fba', class: "flex" }, h("div", { key: '25572bd784dd3376909f9be43535d06c1eb34301', class: "w-full" }, h("ul", { key: '27508829cd4240f4b443be77182289c2de7d80e4', 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: '8eec0e4d1f66bc4a46d3f8f6161230667aa52b81', class: "w-full" }, h("ul", { key: '38e5c24b6a446bc9eb44e2d8c2c9918edda1685c', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, support.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 } }))))))), h("p", { key: '62cf0cb3a3666bd073876a15ced356a1b786b755', class: "f-body-01" }, "This guide demonstrates the correct usage of the", h("eds-link", { key: '61bb1a7b4a226b2a87115ddcacb1e5f7054f7f2c', label: "purple", size: "small", intent: "underline", icon: "chevron-right", url: "../color-palette/#primary-palette", "extra-class": "inline-block ml-4" }), "and", h("eds-link", { key: '4cade7f04885d8743de7508088453d7266fdb52e', label: "support", size: "small", intent: "underline", icon: "chevron-right", url: "../color-palette/#support-palette", "extra-class": "inline-block ml-4" }), "color palettes."), h("div", { key: 'a85edc64dedaa5a736fdb6005f227dccd7d6e417', class: "flex" }, h("div", { key: '6585c4d28cc0a0c83483e05fc50e2d1eb6543826', class: "w-full" }, h("ul", { key: '5d2cd485f2730f9ecd8f9881660b660a9863f046', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, purple.map((color) => (h("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { class: "w-full min-h-[225px] effect-height flex items-center justify-between p-16", style: { backgroundColor: color.background } })))))), h("div", { key: '8cc38112f8fc04390309894e03bff57839867331', class: "w-full" }, h("ul", { key: '4fcf267012ae77e4a64cc8f3d41590a0077a71d2', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, support.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 } }))))))), h("p", { key: '1e5ae9ac4d5315e74c7509bf3ea429f330c80b8c', class: "f-body-01" }, "This guide demonstrates the correct usage of the", h("eds-link", { key: '2520f9de5232569e50a16bffab46ff8a7fd07de9', label: "blue", size: "small", intent: "underline", icon: "chevron-right", url: "../color-palette/#primary-palette", "extra-class": "inline-block ml-4" }), "and", h("eds-link", { key: '3319ed8a5d80766150d4479bb6d360a34e65f2c9', label: "support", size: "small", intent: "underline", icon: "chevron-right", url: "../color-palette/#support-palette", "extra-class": "inline-block ml-4" }), "color palettes."), h("div", { key: '4ac76de406d9d3c7d88c743dcb55445030540979', class: "flex" }, h("div", { key: '419a21e058fd90cdb9dbc814cf161d7b9a09ea60', class: "w-full" }, h("ul", { key: '811a0e032cd72ee22f474f2bcf9292cd5c1b39b0', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, blue.map((color) => (h("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { class: "w-full min-h-[225px] effect-height flex items-center justify-between p-16", style: { backgroundColor: color.background } })))))), h("div", { key: '7a99c481bc4b866fba27af928bec2d1f2d3aef40', class: "w-full" }, h("ul", { key: '903c58130e827d4b2d562cdfcdfc711357faba0a', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, support.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 } }))))))), h("p", { key: '1b85b22424d7d3a1b91ea28b22c0f35ed11c8292', class: "f-body-01" }, "This guide demonstrates the correct usage of the", h("eds-link", { key: 'b114668b2ae7e584bdf844738b07eabf2eaf4c1b', label: "redish", size: "small", intent: "underline", icon: "chevron-right", url: "../color-palette/#primary-palette", "extra-class": "inline-block ml-4" }), "and", h("eds-link", { key: '92aea63995d20c589cd5f93fad0151b1930e676e', label: "support", size: "small", intent: "underline", icon: "chevron-right", url: "../color-palette/#support-palette", "extra-class": "inline-block ml-4" }), "color palettes."), h("div", { key: '59f3e6a810cb7d399dd1290021cce9fd92238605', class: "flex" }, h("div", { key: '3f9b86e94966320bcee63999cea9da3b86a725dc', class: "w-full" }, h("ul", { key: '379a6bd45c7745b9fef85e5bfe122a860ead0ce0', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, red.map((color) => (h("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { class: "w-full min-h-[225px] effect-height flex items-center justify-between p-16", style: { backgroundColor: color.background } })))))), h("div", { key: '0f0d2766a259285042054653bede2d42673e2e70', class: "w-full" }, h("ul", { key: '2e47e7406097d32f4189f9ba52b19689f998a6d8', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, support.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 } })))))))));
+        return (h("div", { key: '2ece8530e14e2578756ea7a4b7c6de47692ea437', class: "container" }, h("p", { key: '2c1de740ce1273bff57584a89d126996b89a2585', class: "f-body-01" }, "This guide demonstrates the correct usage of the", h("eds-link", { key: '3ce5ec41aff1fa649799bb1b24e2c78ce3d5709e', label: "primary", size: "small", intent: "underline", icon: "chevron-right", url: "../color-palette/#primary-palette", "extra-class": "inline-block ml-4" }), "and", h("eds-link", { key: 'f067c4b8812fb79ddd8302a6e469131bb5ca2540', label: "support", size: "small", intent: "underline", icon: "chevron-right", url: "../color-palette/#support-palette", "extra-class": "inline-block ml-4" }), "color palettes."), h("div", { key: '07216a1e8bc1c8944d7cd266fd88fd779a47af2e', class: "flex" }, h("div", { key: '86594b56c689f5013ad372f61591256b96983d1e', class: "w-full" }, h("ul", { key: '890766f2292df846fddf466b950ad572bd012732', 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: 'c118abd619f14e52c4987a7994603ff61976a30a', class: "w-full" }, h("ul", { key: '68ff730e9d179c7c29701f82f08d0086af20d00b', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, support.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 } }))))))), h("p", { key: '183bb8155e1584b04b493934edaa437d5cf4b783', class: "f-body-01" }, "This guide demonstrates the correct usage of the", h("eds-link", { key: 'a040517846fb066a35816d293ac04bc7872b3b26', label: "purple", size: "small", intent: "underline", icon: "chevron-right", url: "../color-palette/#primary-palette", "extra-class": "inline-block ml-4" }), "and", h("eds-link", { key: '386c5220437d6e6659488e7bef5b3ffe52caf4ee', label: "support", size: "small", intent: "underline", icon: "chevron-right", url: "../color-palette/#support-palette", "extra-class": "inline-block ml-4" }), "color palettes."), h("div", { key: '0d63252310aaa25e69938f3347454094d8722071', class: "flex" }, h("div", { key: 'e4afc567b16e421b47d60679f1ea35e6663d06c6', class: "w-full" }, h("ul", { key: '479d5422ddc0fbc7bb7364fd004c91b6091eb23c', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, purple.map((color) => (h("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { class: "w-full min-h-[225px] effect-height flex items-center justify-between p-16", style: { backgroundColor: color.background } })))))), h("div", { key: 'cd991c92db354f80862ae1542396ea32b95c208a', class: "w-full" }, h("ul", { key: 'b88178a45d9f371feab17accb2e7316ef8471380', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, support.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 } }))))))), h("p", { key: '3777953463dcb70490b0c2ce6c42dc2dcbbf1d30', class: "f-body-01" }, "This guide demonstrates the correct usage of the", h("eds-link", { key: '13fe2cb15600d4c8d38cb62537222b7cc254b4ea', label: "blue", size: "small", intent: "underline", icon: "chevron-right", url: "../color-palette/#primary-palette", "extra-class": "inline-block ml-4" }), "and", h("eds-link", { key: 'e8156e3295aefedc79483b2f07abeb840980c76e', label: "support", size: "small", intent: "underline", icon: "chevron-right", url: "../color-palette/#support-palette", "extra-class": "inline-block ml-4" }), "color palettes."), h("div", { key: 'a37aa06966858518d02108f3dc62666fdac001ad', class: "flex" }, h("div", { key: '58dd02808202c7a3e1b09b9ca2dbd560e76cd336', class: "w-full" }, h("ul", { key: '0db69e93ff385af493c2b4e6797108d3b20eb4ff', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, blue.map((color) => (h("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { class: "w-full min-h-[225px] effect-height flex items-center justify-between p-16", style: { backgroundColor: color.background } })))))), h("div", { key: 'f7135c48160aec5de8d7a8f550b416e54ea2c7e8', class: "w-full" }, h("ul", { key: 'f0d5d0a49bcc9ea372266683b6c029b427db73bf', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, support.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 } }))))))), h("p", { key: '0a42fea17681992eec8f8c107b49cc90934730b4', class: "f-body-01" }, "This guide demonstrates the correct usage of the", h("eds-link", { key: '17c3efd3b9a55bea075920137d2a58cb910115c1', label: "redish", size: "small", intent: "underline", icon: "chevron-right", url: "../color-palette/#primary-palette", "extra-class": "inline-block ml-4" }), "and", h("eds-link", { key: '60e5ed7491f4d1814973f6c9f7fbfe8b96626f9d', label: "support", size: "small", intent: "underline", icon: "chevron-right", url: "../color-palette/#support-palette", "extra-class": "inline-block ml-4" }), "color palettes."), h("div", { key: '87b6b39208abc11441edc407a81208f4cda8bf49', class: "flex" }, h("div", { key: 'a123aa0926649903d2167293788e02ebfced78b9', class: "w-full" }, h("ul", { key: '2e791bb7cd1c15cccb46942e92a3fa9f6241742a', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, red.map((color) => (h("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { class: "w-full min-h-[225px] effect-height flex items-center justify-between p-16", style: { backgroundColor: color.background } })))))), h("div", { key: '3b7effab5bce2b76d6ac73c8d2353eb0d69cb021', class: "w-full" }, h("ul", { key: '2412301e05f2f711e5b48f86eff270795f363ee6', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, support.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 } })))))))));
     }
 };
 

package/dist/esm/docs-palettes.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-fdb33359.js';
+import { r as registerInstance, h } from './index-e84b871c.js';
 
 const DocsPalettes = class {
     constructor(hostRef) {
@@ -16,7 +16,7 @@ const DocsPalettes = class {
         }
     }
     render() {
-        return h("div", { key: '5ca77a86d54849aaed6f2d716a66a429e6df45b7', class: "container" }, this.renderContent());
+        return h("div", { key: '8ef26f3be50f9083f1430ec0c9dbf5213ac1268e', class: "container" }, this.renderContent());
     }
 };
 

package/dist/esm/docs-tokens.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-fdb33359.js';
+import { r as registerInstance, h } from './index-e84b871c.js';
 
 const DocsContent = class {
     constructor(hostRef) {
@@ -24,7 +24,7 @@ const DocsContent = class {
         }
     }
     render() {
-        return h("div", { key: '176be3a7df15e6463e13db2f0d519dc5dd6c11e4', class: "container" }, this.renderContent());
+        return h("div", { key: '17148efe64117050084010b77d85de64bdfe2000', class: "container" }, this.renderContent());
     }
 };
 

package/dist/esm/download-47746956.js

@@ -0,0 +1,18 @@
+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>`;
+
+export { download as d };

package/dist/esm/edit-3893a517.js

@@ -0,0 +1,3 @@
+const edit = `<svg width="20" height="20"  viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <path d="M12 3.99997H6C4.89543 3.99997 4 4.8954 4 5.99997V18C4 19.1045 4.89543 20 6 20H18C19.1046 20 20 19.1045 20 18V12M18.4142 8.41417L19.5 7.32842C20.281 6.54737 20.281 5.28104 19.5 4.5C18.7189 3.71895 17.4526 3.71895 16.6715 4.50001L15.5858 5.58575M18.4142 8.41417L12.3779 14.4505C12.0987 14.7297 11.7431 14.9201 11.356 14.9975L8.41422 15.5858L9.00257 12.6441C9.08001 12.2569 9.27032 11.9013 9.54951 11.6221L15.5858 5.58575M18.4142 8.41417L15.5858 5.58575" stroke="#000000" stroke-width="1.44" stroke-linecap="round" stroke-linejoin="round"></path> </g></svg>`;
+
+export { edit as e };