@seqera/docusaurus-theme-seqera 1.0.0

package/src/theme/Icon/Fusion/index.tsx

@@ -0,0 +1,32 @@
+import React, {type ReactNode} from 'react';
+import type {Props} from '@theme/Icon/Fusion';
+
+export default function IconFusion(props: Props): ReactNode {
+  return (
+    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" {...props}>
+      <g clipPath="url(#clip0_15_775)">
+        <path
+          d="M11.4826 19.5763C7.69536 19.3247 4.6608 16.2825 4.42272 12.4915H0C0.24576 18.7276 5.24928 23.7407 11.4826 23.9999V19.5763Z"
+          fill="currentColor"
+        />
+        <path
+          d="M4.42368 11.4826C4.6752 7.69536 7.71744 4.6608 11.5085 4.42272V0C5.27232 0.24576 0.2592 5.24928 0 11.4826H4.42368Z"
+          fill="currentColor"
+        />
+        <path
+          d="M19.5764 12.5173C19.3249 16.3045 16.2826 19.3391 12.4916 19.5772V23.9999C18.7277 23.7541 23.7409 18.7506 24.0001 12.5173H19.5764Z"
+          fill="currentColor"
+        />
+        <path
+          d="M12.5175 4.42368C16.3047 4.6752 19.3392 7.71744 19.5773 11.5085H24C23.7543 5.27232 18.7507 0.2592 12.5175 0V4.42368Z"
+          fill="currentColor"
+        />
+      </g>
+      <defs>
+        <clipPath id="clip0_15_775">
+          <rect width="24" height="24" fill="white" />
+        </clipPath>
+      </defs>
+    </svg>
+  );
+}

package/src/theme/Icon/GoogleCloud/index.tsx

@@ -0,0 +1,56 @@
+import React, {type ReactNode} from 'react';
+import type {Props} from '@theme/Icon/GoogleCloud';
+
+export default function IconGoogleCloud({
+  lightFill = '#160F26',
+  darkFill = '#FFFFFF',
+  ...props
+}: Props): ReactNode {
+  return (
+    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" {...props}>
+      <g clipPath="url(#clip0_5816_73083)">
+        <path
+          d="M19.7618 9.93455C19.6158 8.61717 19.1302 7.36027 18.3527 6.28687L15.8542 8.78528L15.7043 8.94518C16.0075 9.53929 16.1651 10.197 16.164 10.864C16.1657 11.5203 16.0116 12.1676 15.7143 12.7528C15.675 12.8266 15.6544 12.9089 15.6544 12.9926C15.6544 13.0763 15.675 13.1586 15.7143 13.2325C15.7606 13.3048 15.824 13.3646 15.899 13.4065C15.974 13.4483 16.0582 13.4709 16.1441 13.4723H17.9929C18.4533 13.5064 18.8837 13.7134 19.1979 14.0516C19.512 14.3899 19.6866 14.8345 19.6866 15.2961C19.6866 15.7578 19.512 16.2024 19.1979 16.5406C18.8837 16.8789 18.4533 17.0859 17.9929 17.12H12.9961V20.7677H18.5126C19.8571 20.7727 21.1563 20.2821 22.1618 19.3896C23.1674 18.4971 23.8088 17.2653 23.9634 15.9297C24.1179 14.5941 23.7749 13.2484 22.9998 12.1498C22.2247 11.0511 21.0719 10.2767 19.7618 9.97451V9.93455Z"
+              className="stroke-[var(--icon-stroke)] dark:stroke-[var(--icon-stroke-dark)]"
+            style={{
+              '--icon-stroke': lightFill,
+              '--icon-stroke-dark': darkFill,
+            } as React.CSSProperties}
+        />
+        <path
+          d="M6.66101 17.9793L4.3125 20.3278C5.01971 20.589 5.76721 20.7242 6.5211 20.7275H11.5179V17.0798H7.56044L6.66101 17.9793Z"
+              className="stroke-[var(--icon-stroke)] dark:stroke-[var(--icon-stroke-dark)]"
+            style={{
+              '--icon-stroke': lightFill,
+              '--icon-stroke-dark': darkFill,
+            } as React.CSSProperties}
+        />
+        <path
+          d="M6.51916 6.19695C7.49008 6.19381 8.45292 6.3735 9.35735 6.72662C9.63011 6.83212 9.89699 6.95221 10.1569 7.08639C10.7259 6.79488 11.3564 6.64409 11.9957 6.64667C13.0306 6.64381 14.029 7.0289 14.7939 7.72598L17.3723 5.14762C16.5663 4.37917 15.6045 3.79284 14.5522 3.42831C13.4999 3.06379 12.3816 2.92958 11.2729 3.03476C10.1643 3.13994 9.09109 3.48206 8.12612 4.03797C7.16114 4.59388 6.32684 5.3506 5.67969 6.25691C5.95825 6.22203 6.23847 6.20202 6.51916 6.19695Z"
+              className="stroke-[var(--icon-stroke)] dark:stroke-[var(--icon-stroke-dark)]"
+            style={{
+              '--icon-stroke': lightFill,
+              '--icon-stroke-dark': darkFill,
+            } as React.CSSProperties}
+        />
+        <path
+          d="M2.89286 19.6285L5.60114 16.9202C5.17123 16.7655 4.78447 16.5104 4.47309 16.1761C4.16171 15.8417 3.9347 15.4378 3.81098 14.998C3.68725 14.5582 3.67039 14.0952 3.76179 13.6475C3.85319 13.1999 4.05021 12.7805 4.33645 12.4244C4.62269 12.0683 4.98985 11.7857 5.40738 11.6002C5.82491 11.4147 6.28072 11.3316 6.73685 11.3579C7.19298 11.3841 7.63624 11.519 8.02972 11.7512C8.4232 11.9834 8.75551 12.3063 8.99898 12.6929C9.03928 12.7575 9.09328 12.8125 9.15718 12.8539C9.22108 12.8954 9.29331 12.9223 9.36875 12.9327H9.41872C9.48575 12.9337 9.55227 12.9209 9.61416 12.8951C9.67605 12.8693 9.73198 12.8311 9.77849 12.7828L11.6773 10.884C11.7574 10.7928 11.8016 10.6756 11.8016 10.5542C11.8016 10.4329 11.7574 10.3156 11.6773 10.2244C10.94 9.27523 9.95412 8.54881 8.82909 8.12578C8.09295 7.8404 7.31008 7.69467 6.52056 7.69605C5.91564 7.69704 5.31373 7.7811 4.7317 7.9459C3.53573 8.28639 2.46217 8.96199 1.63778 9.89292C0.813388 10.8239 0.272592 11.9712 0.079248 13.1996C-0.114096 14.428 0.0480873 15.686 0.546647 16.8252C1.04521 17.9643 1.85932 18.9371 2.89286 19.6285Z"
+              className="stroke-[var(--icon-stroke)] dark:stroke-[var(--icon-stroke-dark)]"
+            style={{
+              '--icon-stroke': lightFill,
+              '--icon-stroke-dark': darkFill,
+            } as React.CSSProperties}
+        />
+      </g>
+      <defs>
+        <clipPath id="clip0_5816_73083">
+          <rect width="24" height="24"     className="stroke-[var(--icon-stroke)] dark:stroke-[var(--icon-stroke-dark)]"
+            style={{
+              '--icon-stroke': lightFill,
+              '--icon-stroke-dark': darkFill,
+            } as React.CSSProperties} />
+        </clipPath>
+      </defs>
+    </svg>
+  );
+}

package/src/theme/Icon/Home/index.tsx

@@ -0,0 +1,15 @@
+
+
+import React, {type ReactNode} from 'react';
+import type {Props} from '@theme/Icon/Home';
+
+export default function IconHome(props: Props): ReactNode {
+  return (
+    <svg viewBox="0 0 24 24" {...props}>
+      <path
+        d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z"
+        fill="currentColor"
+      />
+    </svg>
+  );
+}

package/src/theme/Icon/Language/index.tsx

@@ -0,0 +1,24 @@
+
+
+import React, {type ReactNode} from 'react';
+import type {Props} from '@theme/Icon/Language';
+
+export default function IconLanguage({
+  width = 20,
+  height = 20,
+  ...props
+}: Props): ReactNode {
+  return (
+    <svg
+      viewBox="0 0 24 24"
+      width={width}
+      height={height}
+      aria-hidden
+      {...props}>
+      <path
+        fill="currentColor"
+        d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"
+      />
+    </svg>
+  );
+}

package/src/theme/Icon/LightMode/index.tsx

@@ -0,0 +1,15 @@
+
+
+import React, {type ReactNode} from 'react';
+import type {Props} from '@theme/Icon/LightMode';
+
+export default function IconLightMode(props: Props): ReactNode {
+  return (
+    <svg viewBox="0 0 24 24" width={24} height={24} {...props}>
+      <path
+        fill="currentColor"
+        d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"
+      />
+    </svg>
+  );
+}

package/src/theme/Icon/MCP/index.tsx

@@ -0,0 +1,84 @@
+import React, {type ReactNode} from 'react';
+import type {Props} from '@theme/Icon/MCP';
+
+export default function IconMCP({
+  lightFill = '#160F26',
+  darkFill = '#FFFFFF',
+  ...props
+}: Props): ReactNode {
+  return (
+    <svg
+      width="19"
+      height="23"
+      viewBox="0 0 19 23"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}>
+      <path
+        className="stroke-[var(--icon-stroke)] dark:stroke-[var(--icon-stroke-dark)]"
+        style={
+          {
+            '--icon-stroke': lightFill,
+            '--icon-stroke-dark': darkFill,
+          } as React.CSSProperties
+        }
+        d="M18.5 20.5V2.5L14 4.5H5L0.5 2.5V20.5"
+        strokeMiterlimit="10"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <path
+        className="stroke-[var(--icon-stroke)] dark:stroke-[var(--icon-stroke-dark)]"
+        style={
+          {
+            '--icon-stroke': lightFill,
+            '--icon-stroke-dark': darkFill,
+          } as React.CSSProperties
+        }
+        d="M18.5 8.5L14 10.5H5L0.5 8.5"
+        strokeMiterlimit="10"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <path
+        className="stroke-[var(--icon-stroke)] dark:stroke-[var(--icon-stroke-dark)]"
+        style={
+          {
+            '--icon-stroke': lightFill,
+            '--icon-stroke-dark': darkFill,
+          } as React.CSSProperties
+        }
+        d="M18.5 14.5L14 16.5H5L0.5 14.5"
+        strokeMiterlimit="10"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <path
+        className="stroke-[var(--icon-stroke)] dark:stroke-[var(--icon-stroke-dark)]"
+        style={
+          {
+            '--icon-stroke': lightFill,
+            '--icon-stroke-dark': darkFill,
+          } as React.CSSProperties
+        }
+        d="M18.5 20.5L14 22.5H5L0.5 20.5"
+        strokeMiterlimit="10"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <path
+        className="stroke-[var(--icon-stroke)] dark:stroke-[var(--icon-stroke-dark)]"
+        style={
+          {
+            '--icon-stroke': lightFill,
+            '--icon-stroke-dark': darkFill,
+          } as React.CSSProperties
+        }
+        d="M0.5 2.5L5 0.5H14L18.5 2.5"
+        strokeMiterlimit="10"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+}

package/src/theme/Icon/Menu/index.tsx

@@ -0,0 +1,29 @@
+
+
+import React, {type ReactNode} from 'react';
+import type {Props} from '@theme/Icon/Menu';
+
+export default function IconMenu({
+  width = 30,
+  height = 30,
+  className,
+  ...restProps
+}: Props): ReactNode {
+  return (
+    <svg
+      className={className}
+      width={width}
+      height={height}
+      viewBox="0 0 30 30"
+      aria-hidden="true"
+      {...restProps}>
+      <path
+        stroke="currentColor"
+        strokeLinecap="round"
+        strokeMiterlimit="10"
+        strokeWidth="2"
+        d="M4 7h22M4 15h22M4 23h22"
+      />
+    </svg>
+  );
+}

package/src/theme/Icon/MultiQC/index.tsx

@@ -0,0 +1,25 @@
+import React, {type ReactNode} from 'react';
+import type {Props} from '@theme/Icon/MultiQC';
+
+export default function IconMultiQC(props: Props): ReactNode {
+  return (
+    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" {...props}>
+      <path
+        d="M4.42368 11.4826C4.6752 7.69536 7.71744 4.6608 11.5085 4.42272V0C5.27232 0.24576 0.2592 5.24928 0 11.4826H4.42368Z"
+        fill="currentColor"
+      />
+      <path
+        d="M11.4826 19.5764C7.69536 19.3249 4.6608 16.2826 4.42272 12.4916H0C0.24576 18.7277 5.24928 23.7409 11.4826 24.0001V19.5764Z"
+        fill="currentColor"
+      />
+      <path
+        d="M12.5175 4.42368C16.3047 4.6752 19.3392 7.71744 19.5773 11.5085H24C23.7543 5.27232 18.7507 0.2592 12.5175 0V4.42368Z"
+        fill="currentColor"
+      />
+      <path
+        d="M24 19.5764C20.2128 19.3249 17.1783 16.2826 16.9402 12.4916H12.5175C12.7632 18.7277 17.7667 23.7409 24 24.0001V19.5764Z"
+        fill="currentColor"
+      />
+    </svg>
+  );
+}

package/src/theme/Icon/Nextflow/index.tsx

@@ -0,0 +1,25 @@
+import React, {type ReactNode} from 'react';
+import type {Props} from '@theme/Icon/Nextflow';
+
+export default function IconNextflow(props: Props): ReactNode {
+  return (
+    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" {...props}>
+      <path
+        d="M0 4.42368C3.7872 4.6752 6.82176 7.71744 7.05984 11.5085H11.4826C11.2368 5.27232 6.23328 0.2592 0 0V4.42368Z"
+        fill="currentColor"
+      />
+      <path
+        d="M7.0848 12.5175C6.83328 16.3047 3.79104 19.3392 0 19.5773V24C6.23616 23.7543 11.2493 18.7507 11.5085 12.5175H7.0848Z"
+        fill="currentColor"
+      />
+      <path
+        d="M16.9153 11.4826C17.1668 7.69536 20.209 4.6608 24.0001 4.42272V0C17.7639 0.24576 12.7508 5.24928 12.4916 11.4826H16.9153Z"
+        fill="currentColor"
+      />
+      <path
+        d="M24 19.5764C20.2128 19.3249 17.1783 16.2826 16.9402 12.4916H12.5175C12.7632 18.7277 17.7667 23.7409 24 24.0001V19.5764Z"
+        fill="currentColor"
+      />
+    </svg>
+  );
+}

package/src/theme/Icon/QuestionMark/index.tsx

@@ -0,0 +1,46 @@
+import React, {type ReactNode} from 'react';
+import type {Props} from '@theme/Icon/QuestionMark';
+
+export default function IconQuestionMark({
+  lightFill = '#160F26',
+  darkFill = '#FFFFFF',
+  ...props
+}: Props): ReactNode {
+  return (
+    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" {...props}>
+      <path
+        d="M12.5 14.5V13L15.5 11V7.5L11.5 4.75L7.5 7.25V9.5L11.5 7L13.5 8.5V10L10.5 12V14.5H12.5Z"
+        className="stroke-[var(--icon-stroke)] dark:stroke-[var(--icon-stroke-dark)]"
+        style={{
+          '--icon-stroke': lightFill,
+          '--icon-stroke-dark': darkFill,
+        } as React.CSSProperties}
+        strokeMiterlimit="10"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <path
+        d="M11.5 16.5L10 18L11.5 19.5L12.999 18L11.499 16.5H11.5Z"
+        className="stroke-[var(--icon-stroke)] dark:stroke-[var(--icon-stroke-dark)]"
+        style={{
+          '--icon-stroke': lightFill,
+          '--icon-stroke-dark': darkFill,
+        } as React.CSSProperties}
+        strokeMiterlimit="10"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <path
+        d="M21.5 18L11.5 23.5L1.5 18V7L11.5 1.5L21.5 7V18Z"
+        className="stroke-[var(--icon-stroke)] dark:stroke-[var(--icon-stroke-dark)]"
+        style={{
+          '--icon-stroke': lightFill,
+          '--icon-stroke-dark': darkFill,
+        } as React.CSSProperties}
+        strokeMiterlimit="10"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+}

package/src/theme/Icon/SeqeraCloud/index.tsx

@@ -0,0 +1,35 @@
+import React, {type ReactNode} from 'react';
+import type {Props} from '@theme/Icon/SeqeraCloud';
+
+export default function IconSeqeraCloud({
+  lightFill = '#160F26',
+  darkFill = '#FFFFFF',
+  ...props
+}: Props): ReactNode {
+  return (
+    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" {...props}>
+      <path
+        d="M21 11.5H18L15.5 5.5H10.5L8 9.5H4L0.5 15L4 19.5H20L22.5 16L21 11.5Z"
+        className="stroke-[var(--icon-stroke)] dark:stroke-[var(--icon-stroke-dark)]"
+        style={{
+          '--icon-stroke': lightFill,
+          '--icon-stroke-dark': darkFill,
+        } as React.CSSProperties}
+        strokeMiterlimit="10"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <path
+        d="M14.5 11.5H18"
+        className="stroke-[var(--icon-stroke)] dark:stroke-[var(--icon-stroke-dark)]"
+        style={{
+          '--icon-stroke': lightFill,
+          '--icon-stroke-dark': darkFill,
+        } as React.CSSProperties}
+        strokeMiterlimit="10"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+}