docs(brand): add hero banner

chore(brand): dynamic hero banner
docs: tidy LLM.md indexes; CLAUDE.md -> LLM.md symlink convention
2026-06-28 20:22:21 -07:00 · 2026-06-28 20:22:20 -07:00 · 2026-06-17 10:05:55 -07:00 · 2026-06-01 18:10:04 -07:00 · 2026-06-01 15:19:35 -07:00 · 2026-05-07 09:10:51 -07:00
625 changed files with 39612 additions and 16820 deletions
@@ -0,0 +1,16 @@
+{
+  "sourceType": "unambiguous",
+  "presets": [
+    [
+      "@babel/preset-env",
+      {
+        "targets": {
+          "chrome": 100
+        }
+      }
+    ],
+    "@babel/preset-typescript",
+    "@babel/preset-react"
+  ],
+  "plugins": []
+}
@@ -0,0 +1,6 @@
+.git
+*.md
+LICENSE
+.vscode/
+.idea/
+.env*
@@ -0,0 +1,9 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="1280" height="640" viewBox="0 0 1280 640" role="img" aria-label="mds">
+<rect width="1280" height="640" fill="#0A0A0A"/>
+<svg x="96" y="215" width="210" height="210" viewBox="0 0 67 67"><path d="M22.21 67V44.6369H0V67H22.21Z" fill="#fff"/><path d="M66.7038 22.3184H22.2534L0.0878906 44.6367H44.4634L66.7038 22.3184Z" fill="#fff"/><path d="M22.21 0H0V22.3184H22.21V0Z" fill="#fff"/><path d="M66.7198 0H44.5098V22.3184H66.7198V0Z" fill="#fff"/><path d="M66.7198 67V44.6369H44.5098V67H66.7198Z" fill="#fff"/></svg>
+<text x="378" y="276" font-family="Inter,system-ui,-apple-system,sans-serif" font-size="78" font-weight="800" letter-spacing="-2" fill="#ffffff">mds</text>
+<text x="378" y="322" font-family="Inter,system-ui,sans-serif" font-size="30" fill="#ffffff" opacity=".66">MinIO Design System is a common library of all the UI design elements.</text>
+<rect x="378" y="338" width="806" height="3" rx="1.5" fill="#ffffff" opacity=".9"/>
+<text x="378" y="390" font-family="Inter,system-ui,sans-serif" font-size="24" font-weight="600" fill="#ffffff" opacity=".5">github.com/hanzoai</text>
+<text x="1184" y="390" text-anchor="end" font-family="Inter,system-ui,sans-serif" font-size="24" font-weight="600" fill="#ffffff" opacity=".5">hanzo.ai</text>
+</svg>
@@ -0,0 +1,16 @@
+name: Docker
+on:
+  workflow_dispatch:
+  push:
+    branches: [main, dev, test]
+    tags: ['v*']
+permissions:
+  contents: read
+  packages: write
+  id-token: write
+jobs:
+  docker:
+    uses: hanzoai/.github/.github/workflows/docker-build.yml@main
+    with:
+      image: ghcr.io/hanzoai/mds
+    secrets: inherit
@@ -20,36 +20,33 @@ jobs:
      matrix:
        os: [ubuntu-latest]
    steps:
-      - uses: actions/checkout@v2
+      - name: Check out Code
+        uses: actions/checkout@v3
+
+      - name: Read .nvmrc
+        id: node_version
+        run: echo "$(cat .nvmrc)" && echo "NVMRC=$(cat .nvmrc)" >> $GITHUB_ENV
+
+      - uses: actions/setup-node@v4
+        with:
+          node-version: ${{ env.NVMRC }}
+
+      - name: Install pnpm
+        uses: pnpm/action-setup@v4
+        with:
+          version: 9.15.0

      - name: Install Dependencies
        continue-on-error: false
        run: |
-          yarn install
+          pnpm install

      - name: Check if build is correct
        continue-on-error: false
        run: |
-          yarn build
+          pnpm build

      - name: Check if Files are Prettified
        continue-on-error: false
        run: |
          ./check-prettier.sh
-
-  run-components-tests:
-    name: "Components validation tests"
-    needs:
-      - review-warnings-and-build
-    runs-on: ${{ matrix.os }}
-    strategy:
-      matrix:
-        os: [ubuntu-latest]
-    steps:
-      - uses: actions/checkout@v2
-
-      - name: Install Dependencies
-        run: yarn install
-
-      - name: Run Jest Tests
-        run: yarn test
@@ -0,0 +1,7 @@
+name: Workflow Sanity
+on:
+  pull_request:
+    paths: ['.github/workflows/**']
+jobs:
+  sanity:
+    uses: hanzoai/.github/.github/workflows/workflow-sanity.yml@main
@@ -1,13 +1,22 @@
-# dependencies
-node_modules/

-# misc
+!.yarn/cache
+!.yarn/patches
+!.yarn/plugins
+!.yarn/releases
+!.yarn/sdks
+!.yarn/versions
 .DS_Store
-.env.local
 .env.development.local
-.env.test.local
+.env.local
 .env.production.local
-
+.env.test.local
+.idea/
+.yarn/*
+**/dist/
+# dependencies
+# misc
+dist/
+node_modules/
 npm-debug.log*
 yarn-debug.log*
 yarn-error.log*
@@ -0,0 +1 @@
+18
@@ -1,13 +1,34 @@
+import remarkGfm from "remark-gfm";
+
 module.exports = {
-  stories: [
-    "../src/**/**/*.stories.mdx",
-    "../src/**/**/*.stories.@(js|jsx|ts|tsx)",
-  ],
+  stories: ["../src/**/**/*.mdx", "../src/**/**/*.stories.@(js|jsx|ts|tsx)"],
+  core: {
+    disableTelemetry: true,
+  },
  addons: [
    "@storybook/addon-links",
    "@storybook/addon-essentials",
    "@storybook/addon-interactions",
    "storybook-dark-mode",
+    {
+      name: "@storybook/addon-docs",
+      options: {
+        mdxPluginOptions: {
+          mdxCompileOptions: {
+            remarkPlugins: [remarkGfm],
+          },
+        },
+      },
+    },
+    "@storybook/addon-webpack5-compiler-babel",
+    "@chromatic-com/storybook",
  ],
-  framework: "@storybook/react",
+  framework: {
+    name: "@storybook/react-webpack5",
+    options: {},
+  },
+  docs: {},
+  typescript: {
+    reactDocgen: "react-docgen-typescript",
+  },
 };
@@ -2,7 +2,7 @@ import { themes } from "@storybook/theming";
 import { darkColors, lightColors } from "../src/global/themes";

 export const parameters = {
-  actions: { argTypesRegex: "^on[A-Z].*" },
+  actions: {},
  controls: {
    matchers: {
      color: /(background|color)$/i,
@@ -38,3 +38,4 @@ export const parameters = {
    },
  },
 };
+export const tags = ["autodocs"];
@@ -0,0 +1 @@
+nodeLinker: node-modules
@@ -0,0 +1 @@
+LLM.md
@@ -0,0 +1 @@
+LLM.md
@@ -0,0 +1,2 @@
+FROM ghcr.io/hanzoai/spa
+COPY docs /public
@@ -0,0 +1,36 @@
+# Hanzo Mds
+
+## Overview
+A MinIO Components Library
+
+## Tech Stack
+- **Language**: TypeScript/JavaScript
+
+## Build & Run
+```bash
+npm install && npm run build
+npm test
+```
+
+## Structure
+```
+mds/
+  Dockerfile
+  LICENSE
+  Makefile
+  README.md
+  check-prettier.sh
+  check-warnings.sh
+  jest.config.js
+  nginx.conf
+  package.json
+  rollup.config.mjs
+  src/
+  tsconfig.json
+```
+
+## Key Files
+- `README.md` -- Project documentation
+- `package.json` -- Dependencies and scripts
+- `Makefile` -- Build automation
+- `Dockerfile` -- Container build
@@ -1,10 +1,13 @@
 default: build

 build:
-	@(yarn install; yarn build;)
+	@(pnpm install; pnpm build;)

 lint:
-	@(cd portal-ui; yarn prettier --write . --loglevel warn; cd ..)
+	@(pnpm prettier --write . --loglevel warn; cd ..)

 test:
-	@(yarn install; yarn test;)
+	@(pnpm install; pnpm test;)
+
+test-warnings:
+	./check-warnings.sh
@@ -1,3 +1,5 @@
+<p align="center"><img src=".github/hero.svg" alt="mds" width="880"></p>
+
 # MinIO Design System

 The MinIO Design System is a design specification for all UI elements used in MinIO products.
@@ -0,0 +1,19 @@
+#!/bin/bash
+
+yell() { echo "$0: $*" >&2; }
+
+die() {
+  yell "$*"
+  cat yarn.log
+  exit 111
+}
+
+try() { "$@" &> yarn.log || die "cannot $*"; }
+
+rm -f yarn.log
+try make build
+
+if cat yarn.log | grep "Compiled with warnings"; then
+  echo "There are warnings in the code"
+  exit 1
+fi
@@ -1,93 +0,0 @@
-Copyright 2020 The Inter Project Authors (https://github.com/rsms/inter)
-
-This Font Software is licensed under the SIL Open Font License, Version 1.1.
-This license is copied below, and is also available with a FAQ at:
-http://scripts.sil.org/OFL
-
-
-----------------------------------------------------------
-SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
-----------------------------------------------------------
-
-PREAMBLE
-The goals of the Open Font License (OFL) are to stimulate worldwide
-development of collaborative font projects, to support the font creation
-efforts of academic and linguistic communities, and to provide a free and
-open framework in which fonts may be shared and improved in partnership
-with others.
-
-The OFL allows the licensed fonts to be used, studied, modified and
-redistributed freely as long as they are not sold by themselves. The
-fonts, including any derivative works, can be bundled, embedded, 
-redistributed and/or sold with any software provided that any reserved
-names are not used by derivative works. The fonts and derivatives,
-however, cannot be released under any other type of license. The
-requirement for fonts to remain under this license does not apply
-to any document created using the fonts or their derivatives.
-
-DEFINITIONS
-"Font Software" refers to the set of files released by the Copyright
-Holder(s) under this license and clearly marked as such. This may
-include source files, build scripts and documentation.
-
-"Reserved Font Name" refers to any names specified as such after the
-copyright statement(s).
-
-"Original Version" refers to the collection of Font Software components as
-distributed by the Copyright Holder(s).
-
-"Modified Version" refers to any derivative made by adding to, deleting,
-or substituting -- in part or in whole -- any of the components of the
-Original Version, by changing formats or by porting the Font Software to a
-new environment.
-
-"Author" refers to any designer, engineer, programmer, technical
-writer or other person who contributed to the Font Software.
-
-PERMISSION & CONDITIONS
-Permission is hereby granted, free of charge, to any person obtaining
-a copy of the Font Software, to use, study, copy, merge, embed, modify,
-redistribute, and sell modified and unmodified copies of the Font
-Software, subject to the following conditions:
-
-1) Neither the Font Software nor any of its individual components,
-in Original or Modified Versions, may be sold by itself.
-
-2) Original or Modified Versions of the Font Software may be bundled,
-redistributed and/or sold with any software, provided that each copy
-contains the above copyright notice and this license. These can be
-included either as stand-alone text files, human-readable headers or
-in the appropriate machine-readable metadata fields within text or
-binary files as long as those fields can be easily viewed by the user.
-
-3) No Modified Version of the Font Software may use the Reserved Font
-Name(s) unless explicit written permission is granted by the corresponding
-Copyright Holder. This restriction only applies to the primary font name as
-presented to the users.
-
-4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
-Software shall not be used to promote, endorse or advertise any
-Modified Version, except to acknowledge the contribution(s) of the
-Copyright Holder(s) and the Author(s) or with their explicit written
-permission.
-
-5) The Font Software, modified or unmodified, in part or in whole,
-must be distributed entirely under this license, and must not be
-distributed under any other license. The requirement for fonts to
-remain under this license does not apply to any document created
-using the Font Software.
-
-TERMINATION
-This license becomes null and void if any of the above conditions are
-not met.
-
-DISCLAIMER
-THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
-EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
-MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
-OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
-COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
-INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
-DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
-FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
-OTHER DEALINGS IN THE FONT SOFTWARE.
@@ -1,4 +0,0 @@
-import { FC } from "react";
-import { ApplicationLogoProps } from "./ApplicationLogo.types";
-declare const ApplicationLogo: FC<ApplicationLogoProps>;
-export default ApplicationLogo;
@@ -1,5 +0,0 @@
-export interface ApplicationLogoProps {
-  applicationName: "console" | "operator" | "directpv" | "kes" | "subnet";
-  subVariant?: "simple" | "AGPL" | "standard" | "enterprise";
-  inverse?: boolean;
-}
@@ -1,4 +0,0 @@
-import { FC, SVGProps } from "react";
-import { LogoBaseProps } from "../LogoBase/LogoBase.types";
-declare const ConsoleAGPL: FC<SVGProps<any> & LogoBaseProps>;
-export default ConsoleAGPL;
@@ -1,4 +0,0 @@
-import { FC, SVGProps } from "react";
-import { LogoBaseProps } from "../LogoBase/LogoBase.types";
-declare const ConsoleEnterprise: FC<SVGProps<any> & LogoBaseProps>;
-export default ConsoleEnterprise;
@@ -1,4 +0,0 @@
-import { FC, SVGProps } from "react";
-import { LogoBaseProps } from "../LogoBase/LogoBase.types";
-declare const ConsoleSingle: FC<SVGProps<any> & LogoBaseProps>;
-export default ConsoleSingle;
@@ -1,4 +0,0 @@
-import { FC, SVGProps } from "react";
-import { LogoBaseProps } from "../LogoBase/LogoBase.types";
-declare const ConsoleStandard: FC<SVGProps<any> & LogoBaseProps>;
-export default ConsoleStandard;
@@ -1,4 +0,0 @@
-import { FC, SVGProps } from "react";
-import { LogoBaseProps } from "../LogoBase/LogoBase.types";
-declare const DirectPV: FC<SVGProps<any> & LogoBaseProps>;
-export default DirectPV;
@@ -1,4 +0,0 @@
-import { FC, SVGProps } from "react";
-import { LogoBaseProps } from "../LogoBase/LogoBase.types";
-declare const KES: FC<SVGProps<any> & LogoBaseProps>;
-export default KES;
@@ -1,9 +0,0 @@
-import React from "react";
-import { LogoBaseProps } from "./LogoBase.types";
-declare const LogoBase: import("styled-components").StyledComponent<
-  "svg",
-  any,
-  React.SVGProps<any> & LogoBaseProps,
-  never
->;
-export default LogoBase;
@@ -1,3 +0,0 @@
-export interface LogoBaseProps {
-  inverse?: boolean;
-}
@@ -1,4 +0,0 @@
-import { FC, SVGProps } from "react";
-import { LogoBaseProps } from "../LogoBase/LogoBase.types";
-declare const Operator: FC<SVGProps<any> & LogoBaseProps>;
-export default Operator;
@@ -1,4 +0,0 @@
-import { FC, SVGProps } from "react";
-import { LogoBaseProps } from "../LogoBase/LogoBase.types";
-declare const SUBNET: FC<SVGProps<any> & LogoBaseProps>;
-export default SUBNET;
@@ -1,6 +0,0 @@
-import React, { FC } from "react";
-import { ButtonProps } from "./Button.types";
-declare const Button: FC<
-  ButtonProps & React.ButtonHTMLAttributes<HTMLButtonElement>
->;
-export default Button;
@@ -1,17 +0,0 @@
-import { MouseEventHandler, ReactNode } from "react";
-export interface ButtonProps {
-  id: string;
-  name?: string;
-  label?: string;
-  variant?: "regular" | "callAction" | "secondary";
-  icon?: ReactNode;
-  iconLocation?: "start" | "end";
-  fullWidth?: boolean;
-  disabled?: boolean;
-  collapseOnSmall?: boolean;
-  onClick?: MouseEventHandler<HTMLButtonElement>;
-  children?: ReactNode | string;
-}
-export interface ConstructProps {
-  parentChildren: ReactNode | string | undefined;
-}
@@ -1,5 +0,0 @@
-declare const GlobalStyles: import("styled-components").GlobalStyleComponent<
-  {},
-  import("styled-components").DefaultTheme
->;
-export default GlobalStyles;
@@ -1,4 +0,0 @@
-import { FC } from "react";
-import { GridProps } from "./Grid.types";
-declare const Grid: FC<GridProps>;
-export default Grid;
@@ -1,35 +0,0 @@
-import { HTMLAttributes, ReactNode } from "react";
-import { CSSObject } from "styled-components";
-interface GridCommonProps extends HTMLAttributes<HTMLDivElement> {
-  children?: ReactNode;
-  sx?: CSSObject;
-}
-type ConditionalProps =
-  | {
-      container?: boolean;
-      item?: never;
-      wrap?: "nowrap" | "wrap-reverse" | "wrap";
-      direction?: "column-reverse" | "column" | "row-reverse" | "row";
-      columnSpacing?: number;
-      rowSpacing?: number;
-      xs?: never;
-      sm?: never;
-      md?: never;
-      lg?: never;
-      xl?: never;
-    }
-  | {
-      container?: never;
-      item?: boolean;
-      wrap?: never;
-      direction?: never;
-      columnSpacing?: never;
-      rowSpacing?: never;
-      xs?: "auto" | "hidden" | number | boolean;
-      sm?: "auto" | "hidden" | number | boolean;
-      md?: "auto" | "hidden" | number | boolean;
-      lg?: "auto" | "hidden" | number | boolean;
-      xl?: "auto" | "hidden" | number | boolean;
-    };
-export type GridProps = GridCommonProps & ConditionalProps;
-export {};
@@ -1,4 +0,0 @@
-import { FC } from "react";
-import { LoginWrapperProps } from "./LoginWrapper.types";
-declare const LoginWrapper: FC<LoginWrapperProps>;
-export default LoginWrapper;
@@ -1,9 +0,0 @@
-import { ReactNode } from "react";
-import { ApplicationLogoProps } from "../ApplicationLogo/ApplicationLogo.types";
-export interface LoginWrapperProps {
-  logoProps: ApplicationLogoProps;
-  form: ReactNode;
-  formFooter?: ReactNode;
-  promoHeader?: ReactNode;
-  promoInfo?: ReactNode;
-}
@@ -1,4 +0,0 @@
-import { FC } from "react";
-import { ThemeHandlerProps } from "./ThemeHandler.types";
-declare const ThemeHandler: FC<ThemeHandlerProps>;
-export default ThemeHandler;
@@ -1,5 +0,0 @@
-import { ReactNode } from "react";
-export interface ThemeHandlerProps {
-  darkMode?: boolean;
-  children: ReactNode;
-}
@@ -1,3 +0,0 @@
-import { FC, SVGProps } from "react";
-declare const ThemedLogo: FC<SVGProps<any>>;
-export default ThemedLogo;
@@ -1,7 +0,0 @@
-export { default as ThemeHandler } from "./ThemeHandler/ThemeHandler";
-export { default as GlobalStyles } from "./GlobalStyles/GlobalStyles";
-export { default as Button } from "./Button/Button";
-export { default as ApplicationLogo } from "./ApplicationLogo/ApplicationLogo";
-export { default as ThemedLogo } from "./ThemedLogo/ThemedLogo";
-export { default as Grid } from "./Grid/Grid";
-export { default as LoginWrapper } from "./LoginWrapper/LoginWrapper";
@@ -1,248 +0,0 @@
-export declare const lightColors: {
-  white: string;
-  sectionOneBG: string;
-  defaultFontColor: string;
-  bulletColor: string;
-  borderColor: string;
-  mainGrey: string;
-  disabledGrey: string;
-  hoverGrey: string;
-  pressedGrey: string;
-  actionDisabledGrey: string;
-  mainBlue: string;
-  hoverBlue: string;
-  pressedBlue: string;
-  mainRed: string;
-  hoverRed: string;
-  lightRed: string;
-  divisorColor: string;
-  disabledBGGrey: string;
-  disabledInnerGrey: string;
-  logoLabel: string;
-  logoLabelInverse: string;
-  promoBlue: string;
-  footerDivider: string;
-  promoBG: string;
-};
-export declare const darkColors: {
-  dark: string;
-  sectionOneBG: string;
-  defaultFontColor: string;
-  bulletColor: string;
-  borderColor: string;
-  mainGrey: string;
-  disabledGrey: string;
-  hoverGrey: string;
-  borderPressedGrey: string;
-  pressedGrey: string;
-  mainWhite: string;
-  disabledWhite: string;
-  hoverWhite: string;
-  pressedWhite: string;
-  mainRed: string;
-  hoverRed: string;
-  divisorColor: string;
-  disabledBGGrey: string;
-  disabledInnerGrey: string;
-  logoLabel: string;
-  logoLabelInverse: string;
-  footerDivider: string;
-  footerColor: string;
-  promoBG: string;
-};
-export declare const lightTheme: {
-  bgColor: string;
-  fontColor: string;
-  borderColor: string;
-  bulletColor: string;
-  logoColor: string;
-  logoLabelColor: string;
-  logoLabelInverse: string;
-  buttons: {
-    regular: {
-      enabled: {
-        border: string;
-        text: string;
-        background: string;
-        iconColor: string;
-      };
-      disabled: {
-        border: string;
-        text: string;
-        background: string;
-        iconColor: string;
-      };
-      hover: {
-        border: string;
-        text: string;
-        background: string;
-        iconColor: string;
-      };
-      pressed: {
-        border: string;
-        text: string;
-        background: string;
-        iconColor: string;
-      };
-    };
-    callAction: {
-      enabled: {
-        border: string;
-        text: string;
-        background: string;
-        iconColor: string;
-      };
-      disabled: {
-        border: string;
-        text: string;
-        background: string;
-        iconColor: string;
-      };
-      hover: {
-        border: string;
-        text: string;
-        background: string;
-        iconColor: string;
-      };
-      pressed: {
-        border: string;
-        text: string;
-        background: string;
-        iconColor: string;
-      };
-    };
-    secondary: {
-      enabled: {
-        border: string;
-        text: string;
-        background: string;
-        iconColor: string;
-      };
-      disabled: {
-        border: string;
-        text: string;
-        background: string;
-        iconColor: string;
-      };
-      hover: {
-        border: string;
-        text: string;
-        background: string;
-        iconColor: string;
-      };
-      pressed: {
-        border: string;
-        text: string;
-        background: string;
-        iconColor: string;
-      };
-    };
-  };
-  login: {
-    formBG: string;
-    bgFilter: string;
-    promoBG: string;
-    promoHeader: string;
-    promoText: string;
-    footerElements: string;
-    footerDivider: string;
-  };
-};
-export declare const darkTheme: {
-  bgColor: string;
-  fontColor: string;
-  borderColor: string;
-  bulletColor: string;
-  logoColor: string;
-  logoLabelColor: string;
-  logoLabelInverse: string;
-  buttons: {
-    regular: {
-      enabled: {
-        border: string;
-        text: string;
-        background: string;
-        iconColor: string;
-      };
-      disabled: {
-        border: string;
-        text: string;
-        background: string;
-        iconColor: string;
-      };
-      hover: {
-        border: string;
-        text: string;
-        background: string;
-        iconColor: string;
-      };
-      pressed: {
-        border: string;
-        text: string;
-        background: string;
-        iconColor: string;
-      };
-    };
-    callAction: {
-      enabled: {
-        border: string;
-        text: string;
-        background: string;
-        iconColor: string;
-      };
-      disabled: {
-        border: string;
-        text: string;
-        background: string;
-        iconColor: string;
-      };
-      hover: {
-        border: string;
-        text: string;
-        background: string;
-        iconColor: string;
-      };
-      pressed: {
-        border: string;
-        text: string;
-        background: string;
-        iconColor: string;
-      };
-    };
-    secondary: {
-      enabled: {
-        border: string;
-        text: string;
-        background: string;
-        iconColor: string;
-      };
-      disabled: {
-        border: string;
-        text: string;
-        background: string;
-        iconColor: string;
-      };
-      hover: {
-        border: string;
-        text: string;
-        background: string;
-        iconColor: string;
-      };
-      pressed: {
-        border: string;
-        text: string;
-        background: string;
-        iconColor: string;
-      };
-    };
-  };
-  login: {
-    formBG: string;
-    promoBG: string;
-    bgFilter: string;
-    promoHeader: string;
-    promoText: string;
-    footerElements: string;
-    footerDivider: string;
-  };
-};
@@ -1,10 +0,0 @@
-export declare const breakPoints: {
-  xs: number;
-  sm: number;
-  md: number;
-  lg: number;
-  xl: number;
-};
-export declare const fractionToPerc: (
-  fraction: "auto" | number | boolean
-) => string;
@@ -1 +0,0 @@
-export * from "./components";
@@ -1,8 +0,0 @@
-import React from "react";
-interface IStoryThemeProvider {
-  children: React.ReactNode;
-}
-declare const StoryThemeProvider: ({
-  children,
-}: IStoryThemeProvider) => JSX.Element;
-export default StoryThemeProvider;
@@ -1,3 +0,0 @@
-import { SVGProps } from "react";
-declare const TestIcon: (props: SVGProps<SVGSVGElement>) => JSX.Element;
-export default TestIcon;
@@ -1,4 +0,0 @@
-import { FC } from "react";
-import { ApplicationLogoProps } from "./ApplicationLogo.types";
-declare const ApplicationLogo: FC<ApplicationLogoProps>;
-export default ApplicationLogo;
@@ -1,5 +0,0 @@
-export interface ApplicationLogoProps {
-  applicationName: "console" | "operator" | "directpv" | "kes" | "subnet";
-  subVariant?: "simple" | "AGPL" | "standard" | "enterprise";
-  inverse?: boolean;
-}
@@ -1,4 +0,0 @@
-import { FC, SVGProps } from "react";
-import { LogoBaseProps } from "../LogoBase/LogoBase.types";
-declare const ConsoleAGPL: FC<SVGProps<any> & LogoBaseProps>;
-export default ConsoleAGPL;
@@ -1,4 +0,0 @@
-import { FC, SVGProps } from "react";
-import { LogoBaseProps } from "../LogoBase/LogoBase.types";
-declare const ConsoleEnterprise: FC<SVGProps<any> & LogoBaseProps>;
-export default ConsoleEnterprise;
@@ -1,4 +0,0 @@
-import { FC, SVGProps } from "react";
-import { LogoBaseProps } from "../LogoBase/LogoBase.types";
-declare const ConsoleSingle: FC<SVGProps<any> & LogoBaseProps>;
-export default ConsoleSingle;
@@ -1,4 +0,0 @@
-import { FC, SVGProps } from "react";
-import { LogoBaseProps } from "../LogoBase/LogoBase.types";
-declare const ConsoleStandard: FC<SVGProps<any> & LogoBaseProps>;
-export default ConsoleStandard;
@@ -1,4 +0,0 @@
-import { FC, SVGProps } from "react";
-import { LogoBaseProps } from "../LogoBase/LogoBase.types";
-declare const DirectPV: FC<SVGProps<any> & LogoBaseProps>;
-export default DirectPV;
@@ -1,4 +0,0 @@
-import { FC, SVGProps } from "react";
-import { LogoBaseProps } from "../LogoBase/LogoBase.types";
-declare const KES: FC<SVGProps<any> & LogoBaseProps>;
-export default KES;
@@ -1,9 +0,0 @@
-import React from "react";
-import { LogoBaseProps } from "./LogoBase.types";
-declare const LogoBase: import("styled-components").StyledComponent<
-  "svg",
-  any,
-  React.SVGProps<any> & LogoBaseProps,
-  never
->;
-export default LogoBase;
--- a/Show More
+++ b/Show More