@ebrains/components 2.1.0 → 2.3.0

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-e84b871c.js';
+import { r as registerInstance, h } from './index-870ab08f.js';
 
 const primary = [
     {
@@ -57,7 +57,7 @@ const CorrectUseOfColors = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h("div", { key: '6a68ca6961f662740e3981dc788b99e3d4a0d420', class: "container" }, h("p", { key: '3b7f675d96b1101c2d2a623082ab1987e06754de', class: "f-body-01" }, "This guide demonstrates the correct usage of the", h("eds-link", { key: 'cd4b48453834b32cf70aded20b3ebfc0109732cc', 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: '9c2d1c2d669bfef26b0ea45b113f727420d4a8c5', 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: '651d2e4bce17a2740372c1b56e772f12c906e45c', class: "flex" }, h("div", { key: 'dd7b40bf2c9be26367cf4d65df0e93d5590b34e9', class: "w-full" }, h("ul", { key: '62cb53477517807ad9535ca3b4474cf115f5ec03', 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: 'bb8be387a4abe956a4941db1b381d25eee435453', class: "w-full" }, h("ul", { key: '60834108dbdcc6872ff5cfd1509f08ca94847854', 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: 'b3cdb208264e8d62b144dc9eb912501d3d59e35d', class: "f-body-01" }, "This guide demonstrates the correct usage of the", h("eds-link", { key: '8b358d8027c603aab384028568acfba889df7f25', 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: '9712b5e1c2433f9b707469e4d9fde547ec14f7d9', 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: 'cfb5e4ada2dab6de1e4df810f9eaae0abbabd864', class: "flex" }, h("div", { key: 'c83e1bcd91700f4fc9eada969f9d349b6976b835', class: "w-full" }, h("ul", { key: 'c0c6a2a223013a5cb7b0545d59eaea8b66454f65', 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: '7b1ce7da35db835a2db620c0b4d97199f85070e5', class: "w-full" }, h("ul", { key: '2a2f9e1d29a523d5b419ae27aa1df8f892f440e7', 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: 'c6746faf400941b4eb92eb2b520a3a817615da9d', class: "f-body-01" }, "This guide demonstrates the correct usage of the", h("eds-link", { key: '89405406d127380e8b5872357cfba121a17adc3c', 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: 'a7c21a6afb1eb69e9e4cb5046f65c9a4fb193837', 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: '6097c0091a2c06e6e9e9e13db41329200a78d2d6', class: "flex" }, h("div", { key: 'e8c272ad9b1066500d940044fd86a6c6dc52264f', class: "w-full" }, h("ul", { key: '2902c01c108d7893d7e30e6401560034a2ed7a0f', 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: 'eca739bb09d6b509c1433069595a7e6fe9be38f2', class: "w-full" }, h("ul", { key: 'cf0578a5943f54a98c6433e584397c0787ad0b4b', 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: 'ead17e9a75227b4731116506bfbf9a2c656b37a9', class: "f-body-01" }, "This guide demonstrates the correct usage of the", h("eds-link", { key: 'd4e615ea5cc1c0a144ef0c2e0bd019ae9d58e3e8', 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: '52fe22c1055d44e4b6d772c0863abb72ffa49b5b', 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: '28487bfa952d4b2611ae1b03f71fdc6d5c46f2e7', class: "flex" }, h("div", { key: '5cd6b4413b345bc81a69fcdfc0a723e4f1c2f438', class: "w-full" }, h("ul", { key: 'c9ef7fe0eff085bb342d501f6505435220985214', 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: '65a67a40bc7cf64c19bbb1448813b1c34633cc60', class: "w-full" }, h("ul", { key: '4f26bdccba86cba74da820c500f630d88b846631', 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: '4cf1cf9e4076104bc15626b1812de8e44bb2c314', class: "container" }, h("p", { key: '044662efdf38d73e10baf84af9a53b0d757c8a3f', class: "f-body-01" }, "This guide demonstrates the correct usage of the", h("eds-link", { key: '08203f71273f93a43bb2984f5fcb6adf91500987', 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: '244c3681fc63df5debbac5094011b9efd557c99f', 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: '1daafe1f19e2552a4ebe785f5533aabecdab8226', class: "flex" }, h("div", { key: 'd3119d8a3b9053173a4ec421782d68a705d63f54', class: "w-full" }, h("ul", { key: 'e59ee9a8e3aecc12cdc573b4147c93487f60a426', 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: 'f8fd15b68a9d9f8b0a2a63ccc92ceb47d8c0ed17', class: "w-full" }, h("ul", { key: '9f8a13d2177fc7b500fadf3cf3a697578378f9ff', 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: '890abae9796f720980c4c40753e64ad9d5854184', class: "f-body-01" }, "This guide demonstrates the correct usage of the", h("eds-link", { key: 'b8099a6ebd9bee755ecfe7d450dbc191a2986aa0', 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: 'b9b0094d03544cfc8404730f8ceeb8caf44cfcd1', 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: 'f1cd546f656dc302f24106cc5fa5faa4a3fc2ece', class: "flex" }, h("div", { key: '730022a2670de7b3e7d0ed53eb9d2f9d533fddff', class: "w-full" }, h("ul", { key: '04b3c963c8ea94a30983d880b096682171eae657', 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: '78d294c8a18771a66f157f2140ca7aadaad9ed6a', class: "w-full" }, h("ul", { key: 'a7ece655dca8bc3a4d159bdc4b6bad4e86f3846d', 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: '156ee43969b677fd3140426786834631f5743bb8', class: "f-body-01" }, "This guide demonstrates the correct usage of the", h("eds-link", { key: '26704a99b2bcd72ee414e4df1090d3c360f7d601', 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: '7d7db00799454b2dc76d740529f1381b934a65a5', 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: 'be78a8f1ac1f5b8a0f905e6b1b7981234e627c31', class: "flex" }, h("div", { key: 'a379dd032f13978e6e35432388379f7a932a64d2', class: "w-full" }, h("ul", { key: 'bca9a0adde895d36fec1ca43d59679346408de36', 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: '235c66fc5f649e5efa11966d5d8708a72ed103ed', class: "w-full" }, h("ul", { key: '6155375812c41d5356aa5f04d18d64f917c60e87', 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: '453656ec8a0bd258c49d55edd978c3406f5a0ffc', class: "f-body-01" }, "This guide demonstrates the correct usage of the", h("eds-link", { key: '76169ca2b6cf12e269d0d7e22af41adc6c99e95a', 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: '0305f4dc08b6adce8bef1b102c846177ca6ff86d', 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: 'eb2e4206bed167eb28540e79c7b7490bd4a9ae1d', class: "flex" }, h("div", { key: 'c05f20dcfa4e806455b1a8805512b12c7a05cdc0', class: "w-full" }, h("ul", { key: 'bc0fd2e75f75db9b26ce7f225ee2f9fce15e65ca', 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: '335554176ea7a84d08e07162ed0d66ac69a6859c', class: "w-full" }, h("ul", { key: '10c149af45b26455c820d37e0e8109550b79c34f', 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-e84b871c.js';
+import { r as registerInstance, h } from './index-870ab08f.js';
 
 const DocsPalettes = class {
     constructor(hostRef) {
@@ -16,7 +16,7 @@ const DocsPalettes = class {
         }
     }
     render() {
-        return h("div", { key: '82b8de086298568ed7bbb4717da0f6f19ff9677c', class: "container" }, this.renderContent());
+        return h("div", { key: '97f8cff7dfed11b80a3a9e28d3628a72af8dc12d', class: "container" }, this.renderContent());
     }
 };
 

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-e84b871c.js';
+import { r as registerInstance, h } from './index-870ab08f.js';
 
 const DocsContent = class {
     constructor(hostRef) {
@@ -24,7 +24,7 @@ const DocsContent = class {
         }
     }
     render() {
-        return h("div", { key: '86455a5f05b74d8d751a5d17ecf58c0046e8d0a3', class: "container" }, this.renderContent());
+        return h("div", { key: '68fdef1fd6bdc75ce347d326b3329871e2ed5c8d', 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 };