@moderneinc/design-system-logos 7.0.0-next.df34ef

package/dist/react.d.ts

@@ -0,0 +1,172 @@
+import { FunctionComponent, CSSProperties } from 'react';
+
+// Generated by scripts/build.js. Do not edit.
+type LogoSlug =
+  | 'akka'
+  | 'android'
+  | 'angular'
+  | 'anthropic'
+  | 'apache'
+  | 'archunit'
+  | 'arquillian'
+  | 'artifactory'
+  | 'assertj'
+  | 'astgrep'
+  | 'aws'
+  | 'aws-s3'
+  | 'axonframework'
+  | 'axoniq'
+  | 'azul'
+  | 'azure'
+  | 'biome'
+  | 'byteman'
+  | 'camel'
+  | 'circleci'
+  | 'cloudsuitability'
+  | 'cobol'
+  | 'codehaus'
+  | 'compose'
+  | 'concourse'
+  | 'controlflow'
+  | 'core'
+  | 'csharp'
+  | 'cucumber'
+  | 'customrecipe'
+  | 'datafaker'
+  | 'dbrider'
+  | 'diffblue'
+  | 'docker'
+  | 'dotnet'
+  | 'dropwizard'
+  | 'easymock'
+  | 'elastic'
+  | 'fasterxml'
+  | 'featureflags'
+  | 'ff4j'
+  | 'flyway'
+  | 'gcp'
+  | 'gemini'
+  | 'github'
+  | 'gitlab'
+  | 'go'
+  | 'google'
+  | 'gradle'
+  | 'groovy'
+  | 'hcl'
+  | 'hibernate'
+  | 'httpcomponents'
+  | 'jacoco'
+  | 'jakarta'
+  | 'jasperreports'
+  | 'java'
+  | 'javascript'
+  | 'jboss'
+  | 'jenkins'
+  | 'jest'
+  | 'jetty'
+  | 'jhipster'
+  | 'jmockit'
+  | 'joda'
+  | 'json'
+  | 'jspecify'
+  | 'junit'
+  | 'kafka'
+  | 'keyfactor'
+  | 'kotlin'
+  | 'kubernetes'
+  | 'langchain'
+  | 'launchdarkly'
+  | 'liberty'
+  | 'lodash'
+  | 'log4j'
+  | 'lombok'
+  | 'maven'
+  | 'micrometer'
+  | 'micronaut'
+  | 'minio'
+  | 'mistral'
+  | 'mockito'
+  | 'moderne'
+  | 'mui'
+  | 'netty'
+  | 'nextjs'
+  | 'nexus'
+  | 'nodejs'
+  | 'npm'
+  | 'nuget'
+  | 'okhttp'
+  | 'open-ai'
+  | 'openapi'
+  | 'openfeature'
+  | 'openrewrite'
+  | 'opentelemetry'
+  | 'operaton'
+  | 'oracle'
+  | 'picnic'
+  | 'play'
+  | 'plexus'
+  | 'poolside'
+  | 'properties'
+  | 'pydantic'
+  | 'pypi'
+  | 'python'
+  | 'quarkus'
+  | 'react'
+  | 'reactive'
+  | 'reactor'
+  | 'recommendations'
+  | 'refaster'
+  | 'richfaces'
+  | 'scala'
+  | 'search'
+  | 'spring'
+  | 'springamqp'
+  | 'springbatch'
+  | 'springboot'
+  | 'springcloud'
+  | 'springdata'
+  | 'springframework'
+  | 'springkafka'
+  | 'springsecurity'
+  | 'sql'
+  | 'storybook'
+  | 'struts'
+  | 'svelte'
+  | 'tapestry'
+  | 'terraform'
+  | 'testcontainers'
+  | 'testng'
+  | 'text'
+  | 'timefold'
+  | 'toml'
+  | 'ubc'
+  | 'ui5'
+  | 'unleash'
+  | 'vue'
+  | 'vulncheck'
+  | 'wicket'
+  | 'wiremock'
+  | 'xml'
+  | 'xunit'
+  | 'yaml'
+
+type LogoProps = {
+  /** Basename of the mark, e.g. `kafka`. */
+  slug: LogoSlug
+  alt: string
+  /** Any CSS length. Defaults to MUI's medium SvgIcon size. */
+  size?: number | string
+  /**
+   * Overrides `[data-theme="dark"]` detection. Marks never server-render —
+   * loading is an effect — so this skips the light-then-dark swap on hydration
+   * rather than producing artwork server-side.
+   */
+  dark?: boolean
+  style?: CSSProperties
+  className?: string
+}
+
+declare const Logo: FunctionComponent<LogoProps>
+
+export { Logo };
+export type { LogoProps };

package/dist/react.esm.js

@@ -0,0 +1,524 @@
+import { jsx } from 'react/jsx-runtime';
+import { useState, useEffect, useSyncExternalStore } from 'react';
+
+const slugs = [
+  "akka",
+  "android",
+  "angular",
+  "anthropic",
+  "apache",
+  "archunit",
+  "arquillian",
+  "artifactory",
+  "assertj",
+  "astgrep",
+  "aws",
+  "aws-s3",
+  "axonframework",
+  "axoniq",
+  "azul",
+  "azure",
+  "biome",
+  "byteman",
+  "camel",
+  "circleci",
+  "cloudsuitability",
+  "cobol",
+  "codehaus",
+  "compose",
+  "concourse",
+  "controlflow",
+  "core",
+  "csharp",
+  "cucumber",
+  "customrecipe",
+  "datafaker",
+  "dbrider",
+  "diffblue",
+  "docker",
+  "dotnet",
+  "dropwizard",
+  "easymock",
+  "elastic",
+  "fasterxml",
+  "featureflags",
+  "ff4j",
+  "flyway",
+  "gcp",
+  "gemini",
+  "github",
+  "gitlab",
+  "go",
+  "google",
+  "gradle",
+  "groovy",
+  "hcl",
+  "hibernate",
+  "httpcomponents",
+  "jacoco",
+  "jakarta",
+  "jasperreports",
+  "java",
+  "javascript",
+  "jboss",
+  "jenkins",
+  "jest",
+  "jetty",
+  "jhipster",
+  "jmockit",
+  "joda",
+  "json",
+  "jspecify",
+  "junit",
+  "kafka",
+  "keyfactor",
+  "kotlin",
+  "kubernetes",
+  "langchain",
+  "launchdarkly",
+  "liberty",
+  "lodash",
+  "log4j",
+  "lombok",
+  "maven",
+  "micrometer",
+  "micronaut",
+  "minio",
+  "mistral",
+  "mockito",
+  "moderne",
+  "mui",
+  "netty",
+  "nextjs",
+  "nexus",
+  "nodejs",
+  "npm",
+  "nuget",
+  "okhttp",
+  "open-ai",
+  "openapi",
+  "openfeature",
+  "openrewrite",
+  "opentelemetry",
+  "operaton",
+  "oracle",
+  "picnic",
+  "play",
+  "plexus",
+  "poolside",
+  "properties",
+  "pydantic",
+  "pypi",
+  "python",
+  "quarkus",
+  "react",
+  "reactive",
+  "reactor",
+  "recommendations",
+  "refaster",
+  "richfaces",
+  "scala",
+  "search",
+  "spring",
+  "springamqp",
+  "springbatch",
+  "springboot",
+  "springcloud",
+  "springdata",
+  "springframework",
+  "springkafka",
+  "springsecurity",
+  "sql",
+  "storybook",
+  "struts",
+  "svelte",
+  "tapestry",
+  "terraform",
+  "testcontainers",
+  "testng",
+  "text",
+  "timefold",
+  "toml",
+  "ubc",
+  "ui5",
+  "unleash",
+  "vue",
+  "vulncheck",
+  "wicket",
+  "wiremock",
+  "xml",
+  "xunit",
+  "yaml"
+];
+const darkSlugs = [
+  "akka",
+  "anthropic",
+  "assertj",
+  "astgrep",
+  "aws",
+  "axoniq",
+  "azul",
+  "circleci",
+  "cloudsuitability",
+  "codehaus",
+  "controlflow",
+  "core",
+  "datafaker",
+  "diffblue",
+  "docker",
+  "easymock",
+  "fasterxml",
+  "featureflags",
+  "github",
+  "hcl",
+  "hibernate",
+  "httpcomponents",
+  "jacoco",
+  "jakarta",
+  "jboss",
+  "jmockit",
+  "joda",
+  "json",
+  "jspecify",
+  "junit",
+  "kafka",
+  "keyfactor",
+  "langchain",
+  "launchdarkly",
+  "lodash",
+  "micronaut",
+  "mockito",
+  "moderne",
+  "nextjs",
+  "nexus",
+  "nuget",
+  "open-ai",
+  "openapi",
+  "openfeature",
+  "openrewrite",
+  "operaton",
+  "poolside",
+  "properties",
+  "quarkus",
+  "react",
+  "reactive",
+  "recommendations",
+  "richfaces",
+  "search",
+  "terraform",
+  "testng",
+  "text",
+  "timefold",
+  "toml",
+  "ubc",
+  "unleash",
+  "vulncheck",
+  "xml",
+  "xunit",
+  "yaml"
+];
+
+const thunks = {
+  "akka": () => import('./marks/akka.js'),
+  "android": () => import('./marks/android.js'),
+  "angular": () => import('./marks/angular.js'),
+  "anthropic": () => import('./marks/anthropic.js'),
+  "apache": () => import('./marks/apache.js'),
+  "archunit": () => import('./marks/archunit.js'),
+  "arquillian": () => import('./marks/arquillian.js'),
+  "artifactory": () => import('./marks/artifactory.js'),
+  "assertj": () => import('./marks/assertj.js'),
+  "astgrep": () => import('./marks/astgrep.js'),
+  "aws": () => import('./marks/aws.js'),
+  "aws-s3": () => import('./marks/aws-s3.js'),
+  "axonframework": () => import('./marks/axonframework.js'),
+  "axoniq": () => import('./marks/axoniq.js'),
+  "azul": () => import('./marks/azul.js'),
+  "azure": () => import('./marks/azure.js'),
+  "biome": () => import('./marks/biome.js'),
+  "byteman": () => import('./marks/byteman.js'),
+  "camel": () => import('./marks/camel.js'),
+  "circleci": () => import('./marks/circleci.js'),
+  "cloudsuitability": () => import('./marks/cloudsuitability.js'),
+  "cobol": () => import('./marks/cobol.js'),
+  "codehaus": () => import('./marks/codehaus.js'),
+  "compose": () => import('./marks/compose.js'),
+  "concourse": () => import('./marks/concourse.js'),
+  "controlflow": () => import('./marks/controlflow.js'),
+  "core": () => import('./marks/core.js'),
+  "csharp": () => import('./marks/csharp.js'),
+  "cucumber": () => import('./marks/cucumber.js'),
+  "customrecipe": () => import('./marks/customrecipe.js'),
+  "datafaker": () => import('./marks/datafaker.js'),
+  "dbrider": () => import('./marks/dbrider.js'),
+  "diffblue": () => import('./marks/diffblue.js'),
+  "docker": () => import('./marks/docker.js'),
+  "dotnet": () => import('./marks/dotnet.js'),
+  "dropwizard": () => import('./marks/dropwizard.js'),
+  "easymock": () => import('./marks/easymock.js'),
+  "elastic": () => import('./marks/elastic.js'),
+  "fasterxml": () => import('./marks/fasterxml.js'),
+  "featureflags": () => import('./marks/featureflags.js'),
+  "ff4j": () => import('./marks/ff4j.js'),
+  "flyway": () => import('./marks/flyway.js'),
+  "gcp": () => import('./marks/gcp.js'),
+  "gemini": () => import('./marks/gemini.js'),
+  "github": () => import('./marks/github.js'),
+  "gitlab": () => import('./marks/gitlab.js'),
+  "go": () => import('./marks/go.js'),
+  "google": () => import('./marks/google.js'),
+  "gradle": () => import('./marks/gradle.js'),
+  "groovy": () => import('./marks/groovy.js'),
+  "hcl": () => import('./marks/hcl.js'),
+  "hibernate": () => import('./marks/hibernate.js'),
+  "httpcomponents": () => import('./marks/httpcomponents.js'),
+  "jacoco": () => import('./marks/jacoco.js'),
+  "jakarta": () => import('./marks/jakarta.js'),
+  "jasperreports": () => import('./marks/jasperreports.js'),
+  "java": () => import('./marks/java.js'),
+  "javascript": () => import('./marks/javascript.js'),
+  "jboss": () => import('./marks/jboss.js'),
+  "jenkins": () => import('./marks/jenkins.js'),
+  "jest": () => import('./marks/jest.js'),
+  "jetty": () => import('./marks/jetty.js'),
+  "jhipster": () => import('./marks/jhipster.js'),
+  "jmockit": () => import('./marks/jmockit.js'),
+  "joda": () => import('./marks/joda.js'),
+  "json": () => import('./marks/json.js'),
+  "jspecify": () => import('./marks/jspecify.js'),
+  "junit": () => import('./marks/junit.js'),
+  "kafka": () => import('./marks/kafka.js'),
+  "keyfactor": () => import('./marks/keyfactor.js'),
+  "kotlin": () => import('./marks/kotlin.js'),
+  "kubernetes": () => import('./marks/kubernetes.js'),
+  "langchain": () => import('./marks/langchain.js'),
+  "launchdarkly": () => import('./marks/launchdarkly.js'),
+  "liberty": () => import('./marks/liberty.js'),
+  "lodash": () => import('./marks/lodash.js'),
+  "log4j": () => import('./marks/log4j.js'),
+  "lombok": () => import('./marks/lombok.js'),
+  "maven": () => import('./marks/maven.js'),
+  "micrometer": () => import('./marks/micrometer.js'),
+  "micronaut": () => import('./marks/micronaut.js'),
+  "minio": () => import('./marks/minio.js'),
+  "mistral": () => import('./marks/mistral.js'),
+  "mockito": () => import('./marks/mockito.js'),
+  "moderne": () => import('./marks/moderne.js'),
+  "mui": () => import('./marks/mui.js'),
+  "netty": () => import('./marks/netty.js'),
+  "nextjs": () => import('./marks/nextjs.js'),
+  "nexus": () => import('./marks/nexus.js'),
+  "nodejs": () => import('./marks/nodejs.js'),
+  "npm": () => import('./marks/npm.js'),
+  "nuget": () => import('./marks/nuget.js'),
+  "okhttp": () => import('./marks/okhttp.js'),
+  "open-ai": () => import('./marks/open-ai.js'),
+  "openapi": () => import('./marks/openapi.js'),
+  "openfeature": () => import('./marks/openfeature.js'),
+  "openrewrite": () => import('./marks/openrewrite.js'),
+  "opentelemetry": () => import('./marks/opentelemetry.js'),
+  "operaton": () => import('./marks/operaton.js'),
+  "oracle": () => import('./marks/oracle.js'),
+  "picnic": () => import('./marks/picnic.js'),
+  "play": () => import('./marks/play.js'),
+  "plexus": () => import('./marks/plexus.js'),
+  "poolside": () => import('./marks/poolside.js'),
+  "properties": () => import('./marks/properties.js'),
+  "pydantic": () => import('./marks/pydantic.js'),
+  "pypi": () => import('./marks/pypi.js'),
+  "python": () => import('./marks/python.js'),
+  "quarkus": () => import('./marks/quarkus.js'),
+  "react": () => import('./marks/react.js'),
+  "reactive": () => import('./marks/reactive.js'),
+  "reactor": () => import('./marks/reactor.js'),
+  "recommendations": () => import('./marks/recommendations.js'),
+  "refaster": () => import('./marks/refaster.js'),
+  "richfaces": () => import('./marks/richfaces.js'),
+  "scala": () => import('./marks/scala.js'),
+  "search": () => import('./marks/search.js'),
+  "spring": () => import('./marks/spring.js'),
+  "springamqp": () => import('./marks/springamqp.js'),
+  "springbatch": () => import('./marks/springbatch.js'),
+  "springboot": () => import('./marks/springboot.js'),
+  "springcloud": () => import('./marks/springcloud.js'),
+  "springdata": () => import('./marks/springdata.js'),
+  "springframework": () => import('./marks/springframework.js'),
+  "springkafka": () => import('./marks/springkafka.js'),
+  "springsecurity": () => import('./marks/springsecurity.js'),
+  "sql": () => import('./marks/sql.js'),
+  "storybook": () => import('./marks/storybook.js'),
+  "struts": () => import('./marks/struts.js'),
+  "svelte": () => import('./marks/svelte.js'),
+  "tapestry": () => import('./marks/tapestry.js'),
+  "terraform": () => import('./marks/terraform.js'),
+  "testcontainers": () => import('./marks/testcontainers.js'),
+  "testng": () => import('./marks/testng.js'),
+  "text": () => import('./marks/text.js'),
+  "timefold": () => import('./marks/timefold.js'),
+  "toml": () => import('./marks/toml.js'),
+  "ubc": () => import('./marks/ubc.js'),
+  "ui5": () => import('./marks/ui5.js'),
+  "unleash": () => import('./marks/unleash.js'),
+  "vue": () => import('./marks/vue.js'),
+  "vulncheck": () => import('./marks/vulncheck.js'),
+  "wicket": () => import('./marks/wicket.js'),
+  "wiremock": () => import('./marks/wiremock.js'),
+  "xml": () => import('./marks/xml.js'),
+  "xunit": () => import('./marks/xunit.js'),
+  "yaml": () => import('./marks/yaml.js')
+};
+const darkThunks = {
+  "akka": () => import('./marks/akka.dark.js'),
+  "anthropic": () => import('./marks/anthropic.dark.js'),
+  "assertj": () => import('./marks/assertj.dark.js'),
+  "astgrep": () => import('./marks/astgrep.dark.js'),
+  "aws": () => import('./marks/aws.dark.js'),
+  "axoniq": () => import('./marks/axoniq.dark.js'),
+  "azul": () => import('./marks/azul.dark.js'),
+  "circleci": () => import('./marks/circleci.dark.js'),
+  "cloudsuitability": () => import('./marks/cloudsuitability.dark.js'),
+  "codehaus": () => import('./marks/codehaus.dark.js'),
+  "controlflow": () => import('./marks/controlflow.dark.js'),
+  "core": () => import('./marks/core.dark.js'),
+  "datafaker": () => import('./marks/datafaker.dark.js'),
+  "diffblue": () => import('./marks/diffblue.dark.js'),
+  "docker": () => import('./marks/docker.dark.js'),
+  "easymock": () => import('./marks/easymock.dark.js'),
+  "fasterxml": () => import('./marks/fasterxml.dark.js'),
+  "featureflags": () => import('./marks/featureflags.dark.js'),
+  "github": () => import('./marks/github.dark.js'),
+  "hcl": () => import('./marks/hcl.dark.js'),
+  "hibernate": () => import('./marks/hibernate.dark.js'),
+  "httpcomponents": () => import('./marks/httpcomponents.dark.js'),
+  "jacoco": () => import('./marks/jacoco.dark.js'),
+  "jakarta": () => import('./marks/jakarta.dark.js'),
+  "jboss": () => import('./marks/jboss.dark.js'),
+  "jmockit": () => import('./marks/jmockit.dark.js'),
+  "joda": () => import('./marks/joda.dark.js'),
+  "json": () => import('./marks/json.dark.js'),
+  "jspecify": () => import('./marks/jspecify.dark.js'),
+  "junit": () => import('./marks/junit.dark.js'),
+  "kafka": () => import('./marks/kafka.dark.js'),
+  "keyfactor": () => import('./marks/keyfactor.dark.js'),
+  "langchain": () => import('./marks/langchain.dark.js'),
+  "launchdarkly": () => import('./marks/launchdarkly.dark.js'),
+  "lodash": () => import('./marks/lodash.dark.js'),
+  "micronaut": () => import('./marks/micronaut.dark.js'),
+  "mockito": () => import('./marks/mockito.dark.js'),
+  "moderne": () => import('./marks/moderne.dark.js'),
+  "nextjs": () => import('./marks/nextjs.dark.js'),
+  "nexus": () => import('./marks/nexus.dark.js'),
+  "nuget": () => import('./marks/nuget.dark.js'),
+  "open-ai": () => import('./marks/open-ai.dark.js'),
+  "openapi": () => import('./marks/openapi.dark.js'),
+  "openfeature": () => import('./marks/openfeature.dark.js'),
+  "openrewrite": () => import('./marks/openrewrite.dark.js'),
+  "operaton": () => import('./marks/operaton.dark.js'),
+  "poolside": () => import('./marks/poolside.dark.js'),
+  "properties": () => import('./marks/properties.dark.js'),
+  "quarkus": () => import('./marks/quarkus.dark.js'),
+  "react": () => import('./marks/react.dark.js'),
+  "reactive": () => import('./marks/reactive.dark.js'),
+  "recommendations": () => import('./marks/recommendations.dark.js'),
+  "richfaces": () => import('./marks/richfaces.dark.js'),
+  "search": () => import('./marks/search.dark.js'),
+  "terraform": () => import('./marks/terraform.dark.js'),
+  "testng": () => import('./marks/testng.dark.js'),
+  "text": () => import('./marks/text.dark.js'),
+  "timefold": () => import('./marks/timefold.dark.js'),
+  "toml": () => import('./marks/toml.dark.js'),
+  "ubc": () => import('./marks/ubc.dark.js'),
+  "unleash": () => import('./marks/unleash.dark.js'),
+  "vulncheck": () => import('./marks/vulncheck.dark.js'),
+  "xml": () => import('./marks/xml.dark.js'),
+  "xunit": () => import('./marks/xunit.dark.js'),
+  "yaml": () => import('./marks/yaml.dark.js')
+};
+
+const darkSet = new Set(darkSlugs);
+const hasDark = (slug) => darkSet.has(slug);
+new Set(slugs);
+const loadLogo = async (slug, { dark = false } = {}) => {
+  const thunk = dark && darkSet.has(slug) ? darkThunks[slug] : thunks[slug];
+  if (!thunk) {
+    throw new Error(`unknown logo slug: ${slug}`);
+  }
+  return (await thunk()).default;
+};
+
+const isDarkTheme = () => typeof document !== "undefined" && document.documentElement.getAttribute("data-theme") === "dark";
+let observer = null;
+const subscribers = /* @__PURE__ */ new Set();
+const notifySubscribers = () => {
+  for (const callback of subscribers) callback();
+};
+const subscribeToTheme = (callback) => {
+  if (subscribers.size === 0) {
+    observer = new MutationObserver(notifySubscribers);
+    observer.observe(document.documentElement, { attributeFilter: ["data-theme"] });
+  }
+  subscribers.add(callback);
+  return () => {
+    subscribers.delete(callback);
+    if (subscribers.size === 0) {
+      observer.disconnect();
+      observer = null;
+    }
+  };
+};
+const useDarkTheme = () => useSyncExternalStore(subscribeToTheme, isDarkTheme, () => false);
+const Logo = ({ slug, alt, size = "1.5rem", dark, style, className }) => {
+  const themeDark = useDarkTheme();
+  const wantDark = (dark ?? themeDark) && hasDark(slug);
+  const [src, setSrc] = useState(null);
+  const [renderedSlug, setRenderedSlug] = useState(slug);
+  if (slug !== renderedSlug) {
+    setRenderedSlug(slug);
+    setSrc(null);
+  }
+  useEffect(() => {
+    let live = true;
+    loadLogo(slug, { dark: wantDark }).then(
+      (uri) => live && setSrc(uri),
+      // Logged, not thrown: a missing mark shouldn't take down an otherwise
+      // fine page, but it shouldn't vanish silently either.
+      (error) => {
+        if (live) {
+          console.error(`[Logo] failed to load "${slug}"`, error);
+          setSrc(null);
+        }
+      }
+    );
+    return () => {
+      live = false;
+    };
+  }, [slug, wantDark]);
+  if (!src) {
+    return /* @__PURE__ */ jsx(
+      "span",
+      {
+        "aria-hidden": "true",
+        className,
+        style: { display: "inline-block", width: size, height: size, ...style }
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(
+    "img",
+    {
+      alt,
+      className,
+      src,
+      style: {
+        width: size,
+        height: size,
+        objectFit: "contain",
+        verticalAlign: "middle",
+        ...style
+      }
+    }
+  );
+};
+
+export { Logo };
+//# sourceMappingURL=react.esm.js.map