@ebrains/components 0.9.1-beta → 0.9.2-beta

package/dist/collection/eds-docs-ui/logo/logo-space/logo-space.css

@@ -1,154 +0,0 @@
-ol,
-ul,
-menu {
-  list-style: none;
-  margin: 0;
-  padding: 0;
-}
-
-.text-center {
-  text-align: center;
-}
-
-.container {
-  width: calc(var(--container-width, 100%) - (2 * var(--breakout-container-outer-gutter, var(--container-outer-gutter, var(--outer-gutter, 0)))));
-  margin-right: auto;
-  margin-left: auto;
-}
-
-.container>* {
-  --container-outer-gutter: 0;
-  --breakout-container-outer-gutter: 0;
-}
-
-.grid-layout {
-  --grid-columns: 6;
-  display: grid;
-  grid-template-columns: repeat(var(--container-grid-columns, var(--grid-columns)), 1fr);
-  grid-gap: var(--inner-gutter);
-}
-
-.grid-cols-6[class*="grid-line-x"][class*="grid-line-x"]>*:nth-child(n)::before {
-  border-bottom-width: 1px;
-}
-
-.grid-cols-6[class*="grid-line-xfull"]>*:nth-child(n)::before {
-  inset-inline-start: calc(var(--inner-gutter) / -2);
-  inset-inline-end: calc(var(--inner-gutter) / -2);
-}
-
-.grid-cols-6[class*="grid-line-x"]>*:nth-child(6n+1)::before {
-  inset-inline-start: 0;
-}
-
-.grid-cols-6[class*="grid-line-x"]>*:nth-child(6n+6)::before {
-  inset-inline-end: 0;
-}
-
-.grid-cols-6[class*="grid-line-x"]>*:nth-child(6n+1):nth-last-child(-n+6)::before {
-  border-bottom-width: 0;
-}
-
-.grid-cols-6[class*="grid-line-x"]>*:nth-child(6n+1):nth-last-child(-n+6)~*::before {
-  border-bottom-width: 0;
-}
-
-.grid-cols-6[class*="grid-line-y"][class*="grid-line-y"]>*:nth-child(n)::after {
-  border-inline-end-width: 1px;
-}
-
-.grid-cols-6[class*="grid-line-y"][class*="grid-line-y"]>*:nth-child(6n+6)::after {
-  border-inline-end-width: 0;
-}
-
-.grid-cols-6[class*="grid-line-y"][class*="grid-line-y"]>*:nth-child(-n+6)::after {
-  top: 0;
-}
-
-.grid-cols-6[class*="grid-line-y"][class*="grid-line-y"]>*:nth-child(6n+1):nth-last-child(-n+6)::after {
-  bottom: 0;
-}
-
-.grid-cols-6[class*="grid-line-y"][class*="grid-line-y"]>*:nth-child(6n+1):nth-last-child(-n+6)~li::after {
-  bottom: 0;
-}
-
-.grid-col-span-6 {
-  --container-grid-columns: 6;
-  grid-column: span 6 / span 6;
-}
-
-.gap-y-8 {
-  row-gap: 0.5rem;
-}
-
-
-.flex {
-  display: flex;
-}
-
-.flex-col {
-  flex-direction: column;
-}
-
-.mx-auto {
-  margin-left: auto;
-  margin-right: auto;
-}
-
-.f-ui-02 {
-  font-family: var(--f-ui-02-fontFamily);
-  font-weight: var(--f-ui-02-fontWeight);
-  font-size: var(--f-ui-02-fontSize);
-  line-height: var(--f-ui-02-lineHeight);
-  letter-spacing: var(--f-ui-02-letterSpacing);
-}
-
-@media (min-width: 750px) {
-  .md\:grid-col-span-3 {
-    --container-grid-columns: 3;
-    grid-column: span 3 / span 3;
-  }
-
-  .md\:gap-y-12 {
-    row-gap: 0.75rem;
-  }
-}
-
-@media (min-width: 900px) {
-  .lg\:gap-y-16 {
-    row-gap: 1rem;
-  }
-
-  .lg\:grid-col-span-3 {
-    --container-grid-columns: 3;
-    grid-column: span 3 / span 3;
-  }
-}
-
-@media (min-width: 1024px) {
-  .xl\:grid-col-span-3 {
-    --container-grid-columns: 3;
-    grid-column: span 3 / span 3;
-  }
-}
-
-@media (min-width: 1280px) {
-  .xxl\:grid-col-span-2 {
-    --container-grid-columns: 2;
-    grid-column: span 2 / span 2;
-  }
-
-  .xxl\:grid-col-span-3 {
-    --container-grid-columns: 3;
-    grid-column: span 3 / span 3;
-  }
-}
-
-.w-\[150px\] {
-  width: 150px;
-}
-
-.w-\[300px\] {
-  width: 300px;
-}

package/dist/collection/eds-docs-ui/logo/logo-space/logo-space.js

@@ -1,22 +0,0 @@
-import { h } from "@stencil/core";
-import { vLogoMargins } from "../../../../../../../../packages/svgs/src/index";
-/**
- * @internal
- */
-export class LogoSpace {
-    render() {
-        return (h("div", { key: 'ef880ea5beba757cdd39f435eeb2fffc31840b44', class: "container" }, h("ul", { key: '53cab505e89057b97a9e6d431e25886c8790a363', class: "not-prose grid-layout grid-cols-6 gap-y-8 md:gap-y-12 lg:gap-y-16" }, h("li", { key: 'c5454fac34e2799ce7a10d57e9d1a659522325ac', class: "grid-col-span-6 xxl:grid-col-span-3 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, h("div", { key: 'e8c8300bec00274891d0a5fca79955fa06efff67', class: "logo-container mx-auto w-[300px]", innerHTML: vLogoMargins })), h("li", { key: '4b3c0262751f08fd7b23937908c429ea95f0d053', class: "grid-col-span-6 xxl:grid-col-span-3 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, h("div", { key: '93acac909ef53d6e08dc09d0f9bacd676bb5e7d9', class: "text-center mt-16" }, h("p", { key: 'e8f03d15125aeb471a876cd58f12ae094c1539d3', class: "f-body-01" }, "To ensure legibility, follow these minimum size guidelines:"), h("eds-table", { key: 'fbb39b9b45de955c46329f3d96209074a1e513ff', data: '[\n                  { "Media": "Print", "Landscape": "0.75 cm", "Portrait": "1.75 cm" },\n                  { "Media": "Web", "Landscape": "29 px", "Portrait": "50 px" }\n                ]', config: '{\n                  "Media": { "format": "bold" }\n                }' }))), h("li", { key: '25b3994ab87f7c78b514b585aebf72893b4cc25f', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }))));
-    }
-    static get is() { return "logo-space"; }
-    static get encapsulation() { return "shadow"; }
-    static get originalStyleUrls() {
-        return {
-            "$": ["logo-space.css"]
-        };
-    }
-    static get styleUrls() {
-        return {
-            "$": ["logo-space.css"]
-        };
-    }
-}

package/dist/collection/eds-docs-ui/logo/logo-variations/horizontal/logo-variations-horizontal.css

@@ -1,161 +0,0 @@
-ol,
-ul,
-menu {
-  list-style: none;
-  margin: 0;
-  padding: 0;
-}
-
-.coloured {
-  background: linear-gradient(to left,
-      #9CE142 0%,
-      #00C959 50%,
-      #00A595 100%);
-}
-
-.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);
-}
-
-.text-center {
-  text-align: center;
-}
-
-.container {
-  width: calc(var(--container-width, 100%) - (2 * var(--breakout-container-outer-gutter, var(--container-outer-gutter, var(--outer-gutter, 0)))));
-  margin-right: auto;
-  margin-left: auto;
-}
-
-.container>* {
-  --container-outer-gutter: 0;
-  --breakout-container-outer-gutter: 0;
-}
-
-.grid-layout {
-  --grid-columns: 6;
-  display: grid;
-  grid-template-columns: repeat(var(--container-grid-columns, var(--grid-columns)), 1fr);
-  grid-gap: var(--inner-gutter);
-}
-
-.grid-cols-6[class*="grid-line-x"][class*="grid-line-x"]>*:nth-child(n)::before {
-  border-bottom-width: 1px;
-}
-
-.grid-cols-6[class*="grid-line-xfull"]>*:nth-child(n)::before {
-  inset-inline-start: calc(var(--inner-gutter) / -2);
-  inset-inline-end: calc(var(--inner-gutter) / -2);
-}
-
-.grid-cols-6[class*="grid-line-x"]>*:nth-child(6n+1)::before {
-  inset-inline-start: 0;
-}
-
-.grid-cols-6[class*="grid-line-x"]>*:nth-child(6n+6)::before {
-  inset-inline-end: 0;
-}
-
-.grid-cols-6[class*="grid-line-x"]>*:nth-child(6n+1):nth-last-child(-n+6)::before {
-  border-bottom-width: 0;
-}
-
-.grid-cols-6[class*="grid-line-x"]>*:nth-child(6n+1):nth-last-child(-n+6)~*::before {
-  border-bottom-width: 0;
-}
-
-.grid-cols-6[class*="grid-line-y"][class*="grid-line-y"]>*:nth-child(n)::after {
-  border-inline-end-width: 1px;
-}
-
-.grid-cols-6[class*="grid-line-y"][class*="grid-line-y"]>*:nth-child(6n+6)::after {
-  border-inline-end-width: 0;
-}
-
-.grid-cols-6[class*="grid-line-y"][class*="grid-line-y"]>*:nth-child(-n+6)::after {
-  top: 0;
-}
-
-.grid-cols-6[class*="grid-line-y"][class*="grid-line-y"]>*:nth-child(6n+1):nth-last-child(-n+6)::after {
-  bottom: 0;
-}
-
-.grid-cols-6[class*="grid-line-y"][class*="grid-line-y"]>*:nth-child(6n+1):nth-last-child(-n+6)~li::after {
-  bottom: 0;
-}
-
-.grid-col-span-6 {
-  --container-grid-columns: 6;
-  grid-column: span 6 / span 6;
-}
-
-.gap-y-8 {
-  row-gap: 0.5rem;
-}
-
-
-.flex {
-  display: flex;
-}
-
-.flex-col {
-  flex-direction: column;
-}
-
-.mx-auto {
-  margin-left: auto;
-  margin-right: auto;
-}
-
-.f-ui-02 {
-  font-family: var(--f-ui-02-fontFamily);
-  font-weight: var(--f-ui-02-fontWeight);
-  font-size: var(--f-ui-02-fontSize);
-  line-height: var(--f-ui-02-lineHeight);
-  letter-spacing: var(--f-ui-02-letterSpacing);
-}
-
-@media (min-width: 750px) {
-  .md\:grid-col-span-3 {
-    --container-grid-columns: 3;
-    grid-column: span 3 / span 3;
-  }
-
-  .md\:gap-y-12 {
-    row-gap: 0.75rem;
-  }
-}
-
-@media (min-width: 900px) {
-  .lg\:gap-y-16 {
-    row-gap: 1rem;
-  }
-
-  .lg\:grid-col-span-3 {
-    --container-grid-columns: 3;
-    grid-column: span 3 / span 3;
-  }
-}
-
-@media (min-width: 1024px) {
-  .xl\:grid-col-span-3 {
-    --container-grid-columns: 3;
-    grid-column: span 3 / span 3;
-  }
-}
-
-@media (min-width: 1280px) {
-  .xxl\:grid-col-span-2 {
-    --container-grid-columns: 2;
-    grid-column: span 2 / span 2;
-  }
-
-  .xxl\:grid-col-span-3 {
-    --container-grid-columns: 3;
-    grid-column: span 3 / span 3;
-  }
-}

package/dist/collection/eds-docs-ui/logo/logo-variations/horizontal/logo-variations-horizontal.js

@@ -1,21 +0,0 @@
-import { h } from "@stencil/core";
-/**
- * @internal
- */
-export class LogoVariationsHorizontal {
-    render() {
-        return (h("div", { key: '02941660c566920227b36481dd7d211ad0ae35cc', class: "container" }, h("ul", { key: 'a1859aafecdba011251097f758b38171278cac22', class: "not-prose grid-layout grid-cols-6 gap-y-8 md:gap-y-12 lg:gap-y-16" }, h("li", { key: 'c105a4f208a7b7f15c6e0b28aff947e14bd533b9', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, h("p", { key: '7b465faf996ae41431f505a81f86711988fcf680', class: "f-body-01 text-center my-4" }, "#1 Coloured"), h("div", { key: '6e4ecd4347777a1fed5502129abe7247e2963923', class: "coloured" }, h("eds-logo", { key: '8b129a330768f306d009bf93a4602d761559d0b8', type: "no-bg", href: "#" }))), h("li", { key: '451cadfdb5178acc0269988a06afb0e454a07833', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, h("p", { key: '7b9d5fc604ebea27478f9ea3f95bf353e3310132', class: "f-body-01 text-center my-4" }, "#2 Black & White"), h("div", { key: 'd3bb58f4f9c5c5e2d74511d7aac5375d221119e2', class: "bg-default" }, h("eds-logo", { key: 'bff3e05b114130b767cfecd65de33ba6ebf63778', type: "black", href: "#" }))), h("li", { key: 'f7a627949d4c2e2a31f2e8c713a311c440c7d644', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, h("p", { key: '09f14d2777c7462c493953748b92cdadf971e67e', class: "f-body-01 text-center my-4" }, "#3 Dark"), h("div", { key: 'c7b79be6d031fb97e875525b848350a988879193' }, h("eds-logo", { key: '8a7fcf5800747bca95402df008423fd57ef2ebde', type: "color-white", href: "#" }))))));
-    }
-    static get is() { return "logo-variations-horizontal"; }
-    static get encapsulation() { return "shadow"; }
-    static get originalStyleUrls() {
-        return {
-            "$": ["logo-variations-horizontal.css"]
-        };
-    }
-    static get styleUrls() {
-        return {
-            "$": ["logo-variations-horizontal.css"]
-        };
-    }
-}

package/dist/collection/eds-docs-ui/logo/logo-variations/vertical/logo-variations-vertical.css

@@ -1,169 +0,0 @@
-.coloured {
-  background: linear-gradient(to left,
-      #9CE142 0%,
-      #00C959 50%,
-      #00A595 100%);
-}
-
-ol,
-ul,
-menu {
-  list-style: none;
-  margin: 0;
-  padding: 0;
-}
-
-.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);
-}
-
-.text-center {
-  text-align: center;
-}
-
-.w-\[200px\] {
-  width: 200px;
-}
-
-.w-\[300px\] {
-  width: 300px;
-}
-
-.container {
-  width: calc(var(--container-width, 100%) - (2 * var(--breakout-container-outer-gutter, var(--container-outer-gutter, var(--outer-gutter, 0)))));
-  margin-right: auto;
-  margin-left: auto;
-}
-
-.container>* {
-  --container-outer-gutter: 0;
-  --breakout-container-outer-gutter: 0;
-}
-
-.grid-layout {
-  --grid-columns: 6;
-  display: grid;
-  grid-template-columns: repeat(var(--container-grid-columns, var(--grid-columns)), 1fr);
-  grid-gap: var(--inner-gutter);
-}
-
-.grid-cols-6[class*="grid-line-x"][class*="grid-line-x"]>*:nth-child(n)::before {
-  border-bottom-width: 1px;
-}
-
-.grid-cols-6[class*="grid-line-xfull"]>*:nth-child(n)::before {
-  inset-inline-start: calc(var(--inner-gutter) / -2);
-  inset-inline-end: calc(var(--inner-gutter) / -2);
-}
-
-.grid-cols-6[class*="grid-line-x"]>*:nth-child(6n+1)::before {
-  inset-inline-start: 0;
-}
-
-.grid-cols-6[class*="grid-line-x"]>*:nth-child(6n+6)::before {
-  inset-inline-end: 0;
-}
-
-.grid-cols-6[class*="grid-line-x"]>*:nth-child(6n+1):nth-last-child(-n+6)::before {
-  border-bottom-width: 0;
-}
-
-.grid-cols-6[class*="grid-line-x"]>*:nth-child(6n+1):nth-last-child(-n+6)~*::before {
-  border-bottom-width: 0;
-}
-
-.grid-cols-6[class*="grid-line-y"][class*="grid-line-y"]>*:nth-child(n)::after {
-  border-inline-end-width: 1px;
-}
-
-.grid-cols-6[class*="grid-line-y"][class*="grid-line-y"]>*:nth-child(6n+6)::after {
-  border-inline-end-width: 0;
-}
-
-.grid-cols-6[class*="grid-line-y"][class*="grid-line-y"]>*:nth-child(-n+6)::after {
-  top: 0;
-}
-
-.grid-cols-6[class*="grid-line-y"][class*="grid-line-y"]>*:nth-child(6n+1):nth-last-child(-n+6)::after {
-  bottom: 0;
-}
-
-.grid-cols-6[class*="grid-line-y"][class*="grid-line-y"]>*:nth-child(6n+1):nth-last-child(-n+6)~li::after {
-  bottom: 0;
-}
-
-.grid-col-span-6 {
-  --container-grid-columns: 6;
-  grid-column: span 6 / span 6;
-}
-
-.gap-y-8 {
-  row-gap: 0.5rem;
-}
-
-
-.flex {
-  display: flex;
-}
-
-.flex-col {
-  flex-direction: column;
-}
-
-.mx-auto {
-  margin-left: auto;
-  margin-right: auto;
-}
-
-.f-ui-02 {
-  font-family: var(--f-ui-02-fontFamily);
-  font-weight: var(--f-ui-02-fontWeight);
-  font-size: var(--f-ui-02-fontSize);
-  line-height: var(--f-ui-02-lineHeight);
-  letter-spacing: var(--f-ui-02-letterSpacing);
-}
-
-@media (min-width: 750px) {
-  .md\:grid-col-span-3 {
-    --container-grid-columns: 3;
-    grid-column: span 3 / span 3;
-  }
-
-  .md\:gap-y-12 {
-    row-gap: 0.75rem;
-  }
-}
-
-@media (min-width: 900px) {
-  .lg\:gap-y-16 {
-    row-gap: 1rem;
-  }
-
-  .lg\:grid-col-span-3 {
-    --container-grid-columns: 3;
-    grid-column: span 3 / span 3;
-  }
-}
-
-@media (min-width: 1024px) {
-  .xl\:grid-col-span-3 {
-    --container-grid-columns: 3;
-    grid-column: span 3 / span 3;
-  }
-}
-
-@media (min-width: 1280px) {
-  .xxl\:grid-col-span-2 {
-    --container-grid-columns: 2;
-    grid-column: span 2 / span 2;
-  }
-
-  .xxl\:grid-col-span-3 {
-    --container-grid-columns: 3;
-    grid-column: span 3 / span 3;
-  }
-}

package/dist/collection/eds-docs-ui/logo/logo-variations/vertical/logo-variations-vertical.js

@@ -1,64 +0,0 @@
-import { h } from "@stencil/core";
-/**
- * @internal
- */
-export class LogoVariationsVertical {
-    constructor() {
-        this.orientation = 'vertical';
-        this.type = undefined;
-    }
-    render() {
-        return (h("div", { key: 'e842e396933ee714f86a9443b55cd7045d12277e', class: "container" }, h("ul", { key: 'dfea7dc44294bfe2acbbfd580bff8908cbeb98bf', class: "not-prose grid-layout grid-cols-6 gap-y-8 md:gap-y-12 lg:gap-y-16" }, h("li", { key: 'fe44c472c10b814ff815c2a8cd7101adb0890872', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, h("p", { key: '5ed6f1029df41907ca8b27a51612a1078f353ade', class: "f-body-01 text-center my-4" }, "#1 Coloured"), h("div", { key: 'eae38dbd0f8d4b92f2768559dbe65d6c136ba746', class: "mx-auto coloured w-[300px]" }, h("eds-logo", { key: '7a05dacc86c54c6ff51810b14c9dc99fad4e36b5', orientation: "vertical", type: "no-bg", href: "#" }))), h("li", { key: '4055ab71f60098acea7e27f2a8706c45aecb7097', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, h("p", { key: '340cfb0cbf6383d46eabd91b6fb591a003ec00f6', class: "f-body-01 text-center my-4" }, "#2 Black & White"), h("div", { key: 'd4158d0b6413cae236c333fe0ffdd77dbda22c88', class: "mx-auto bg-default w-[300px]" }, h("eds-logo", { key: 'a411c3438499758b68cf949a83d9097da70a11f0', orientation: "vertical", type: "black", href: "#" }))), h("li", { key: 'a7a97185be422337fb333709c61fe7c435bc82f3', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, h("p", { key: 'cef2acc75d1749cd93699a99a2d80aeaa61ed632', class: "f-body-01 text-center my-4" }, "#3 Dark"), h("div", { key: '43be8f5ca418a93b58c8f3a52d04a6e50b5bb03b', class: "mx-auto w-[300px]" }, h("eds-logo", { key: 'b5453b1009c0aa5c799c417e5c13b30cfc647840', orientation: "vertical", type: "color-white", href: "#" }))))));
-    }
-    static get is() { return "logo-variations-vertical"; }
-    static get encapsulation() { return "shadow"; }
-    static get originalStyleUrls() {
-        return {
-            "$": ["logo-variations-vertical.css"]
-        };
-    }
-    static get styleUrls() {
-        return {
-            "$": ["logo-variations-vertical.css"]
-        };
-    }
-    static get properties() {
-        return {
-            "orientation": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "'horizontal' | 'vertical'",
-                    "resolved": "\"horizontal\" | \"vertical\"",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "attribute": "orientation",
-                "reflect": false,
-                "defaultValue": "'vertical'"
-            },
-            "type": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "'coloured' | 'black' | 'color-white'",
-                    "resolved": "\"black\" | \"color-white\" | \"coloured\"",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "The type of logo variation to display.\nAvailable options: \"coloured\", \"mono\", \"dark\"."
-                },
-                "attribute": "type",
-                "reflect": false
-            }
-        };
-    }
-}

package/dist/collection/eds-docs-ui/logo/logo-variations-tabs/logo-variations.js

@@ -1,44 +0,0 @@
-import { h } from "@stencil/core";
-/**
- * @internal
- */
-export class LogoVariationsTabs {
-    constructor() {
-        this.tabIndex = undefined;
-    }
-    renderContent() {
-        switch (this.tabIndex) {
-            case 0:
-                return h("logo-variations-horizontal", null);
-            case 1:
-                return h("logo-variations-vertical", null);
-            default:
-                return h("p", null, "Content not available.");
-        }
-    }
-    render() {
-        return h("div", { key: 'f0bc6f4cd2e1d34d77ff52c3a0ce35a3214a2f9f', class: "container" }, this.renderContent());
-    }
-    static get is() { return "logo-variations-tabs"; }
-    static get properties() {
-        return {
-            "tabIndex": {
-                "type": "number",
-                "mutable": false,
-                "complexType": {
-                    "original": "number",
-                    "resolved": "number",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Active tab index to determine the content to display"
-                },
-                "attribute": "tab-index",
-                "reflect": false
-            }
-        };
-    }
-}