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
986 changed files with 11563 additions and 132548 deletions
@@ -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>
@@ -1,48 +1,16 @@
-name: Workflow
-
+name: Docker
 on:
-  release:
-    types:
-      - published
-
-concurrency:
-  group: ${{ github.workflow }}-deployer-${{ github.head_ref }}
-  cancel-in-progress: true
-
+  workflow_dispatch:
+  push:
+    branches: [main, dev, test]
+    tags: ['v*']
+permissions:
+  contents: read
+  packages: write
+  id-token: write
 jobs:
-  build-and-release:
-    name: "Build"
-    runs-on: ${{ matrix.os }}
-    strategy:
-      matrix:
-        os: [ubuntu-latest]
-    steps:
-      - 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@v3
-        with:
-          node-version: ${{ env.NVMRC }}
-          cache: "yarn"
-          cache-dependency-path: yarn.lock
-
-      - name: Install Dependencies
-        continue-on-error: false
-        run: |
-          yarn set version stable
-          yarn install --frozen-lockfile --immutable
-
-      - name: Log in to private Docker registry
-        run: echo "${{ secrets.REGISTRY_PASSWORD }}" | docker login ${{ secrets.REGISTRY_URL }} -u ${{ secrets.REGISTRY_USERNAME }} --password-stdin
-
-      - name: Build Storybook
-        run: |
-          yarn build-storybook 
-          docker buildx build --platform linux/amd64 --push -t registry.min.dev/minio/mds .
-          echo "${{ secrets.MDS_DEPLOYER_KUBECONFIG }}" > /tmp/kubecconfig
-          ls -l /tmp/kubecconfig
-          kubectl --kubeconfig /tmp/kubecconfig -n mds delete pod $(kubectl --kubeconfig /tmp/kubecconfig -n mds get pods | grep mds | awk '{print $1}')
+  docker:
+    uses: hanzoai/.github/.github/workflows/docker-build.yml@main
+    with:
+      image: ghcr.io/hanzoai/mds
+    secrets: inherit
@@ -27,19 +27,24 @@ jobs:
        id: node_version
        run: echo "$(cat .nvmrc)" && echo "NVMRC=$(cat .nvmrc)" >> $GITHUB_ENV

-      - uses: actions/setup-node@v3
+      - 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
@@ -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,14 +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*
@@ -1,10 +1,10 @@
 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",
@@ -20,12 +20,15 @@ module.exports = {
        },
      },
    },
+    "@storybook/addon-webpack5-compiler-babel",
+    "@chromatic-com/storybook",
  ],
  framework: {
    name: "@storybook/react-webpack5",
    options: {},
  },
-  docs: {
-    autodocs: true,
+  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
@@ -1,4 +1,2 @@
-FROM nginx:1.23
-
-COPY nginx.conf /etc/nginx/nginx.conf
-COPY docs /usr/share/nginx/html
+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,13 +1,13 @@
 default: build

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

 lint:
-	@(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.
@@ -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,174 +0,0 @@
-@media (prefers-color-scheme: dark) {
-  .w-tc-editor {
-    --color-fg-default: #c9d1d9;
-    --color-canvas-subtle: #161b22;
-    --color-prettylights-syntax-comment: #8b949e;
-    --color-prettylights-syntax-entity-tag: #7ee787;
-    --color-prettylights-syntax-entity: #d2a8ff;
-    --color-prettylights-syntax-sublimelinter-gutter-mark: #484f58;
-    --color-prettylights-syntax-constant: #79c0ff;
-    --color-prettylights-syntax-string: #a5d6ff;
-    --color-prettylights-syntax-keyword: #ff7b72;
-    --color-prettylights-syntax-markup-bold: #c9d1d9;
-  }
-}
-@media (prefers-color-scheme: light) {
-  .w-tc-editor {
-    --color-fg-default: #24292f;
-    --color-canvas-subtle: #f6f8fa;
-    --color-prettylights-syntax-comment: #6e7781;
-    --color-prettylights-syntax-entity-tag: #116329;
-    --color-prettylights-syntax-entity: #8250df;
-    --color-prettylights-syntax-sublimelinter-gutter-mark: #8c959f;
-    --color-prettylights-syntax-constant: #0550ae;
-    --color-prettylights-syntax-string: #0a3069;
-    --color-prettylights-syntax-keyword: #cf222e;
-    --color-prettylights-syntax-markup-bold: #24292f;
-  }
-}
-.w-tc-editor[data-color-mode*="dark"],
-[data-color-mode*="dark"] .w-tc-editor,
-[data-color-mode*="dark"] .w-tc-editor-var,
-body[data-color-mode*="dark"] {
-  --color-fg-default: #c9d1d9;
-  --color-canvas-subtle: #161b22;
-  --color-prettylights-syntax-comment: #8b949e;
-  --color-prettylights-syntax-entity-tag: #7ee787;
-  --color-prettylights-syntax-entity: #d2a8ff;
-  --color-prettylights-syntax-sublimelinter-gutter-mark: #484f58;
-  --color-prettylights-syntax-constant: #79c0ff;
-  --color-prettylights-syntax-string: #a5d6ff;
-  --color-prettylights-syntax-keyword: #ff7b72;
-  --color-prettylights-syntax-markup-bold: #c9d1d9;
-}
-.w-tc-editor[data-color-mode*="light"],
-[data-color-mode*="light"] .w-tc-editor,
-[data-color-mode*="light"] .w-tc-editor-var,
-body[data-color-mode*="light"] {
-  --color-fg-default: #24292f;
-  --color-canvas-subtle: #f6f8fa;
-  --color-prettylights-syntax-comment: #6e7781;
-  --color-prettylights-syntax-entity-tag: #116329;
-  --color-prettylights-syntax-entity: #8250df;
-  --color-prettylights-syntax-sublimelinter-gutter-mark: #8c959f;
-  --color-prettylights-syntax-constant: #0550ae;
-  --color-prettylights-syntax-string: #0a3069;
-  --color-prettylights-syntax-keyword: #cf222e;
-  --color-prettylights-syntax-markup-bold: #24292f;
-}
-.w-tc-editor {
-  font-family: inherit;
-  font-size: 12px;
-  background-color: var(--color-canvas-subtle);
-  color: var(--color-fg-default);
-}
-.w-tc-editor-text,
-.w-tc-editor-preview {
-  min-height: 16px;
-}
-.w-tc-editor-preview pre {
-  margin: 0;
-  padding: 0;
-  white-space: inherit;
-  font-family: inherit;
-  font-size: inherit;
-}
-.w-tc-editor-preview pre code {
-  font-family: inherit;
-}
-.w-tc-editor code[class*="language-"] .token.cdata,
-.w-tc-editor pre[class*="language-"] .token.cdata,
-.w-tc-editor code[class*="language-"] .token.comment,
-.w-tc-editor pre[class*="language-"] .token.comment,
-.w-tc-editor code[class*="language-"] .token.doctype,
-.w-tc-editor pre[class*="language-"] .token.doctype,
-.w-tc-editor code[class*="language-"] .token.prolog,
-.w-tc-editor pre[class*="language-"] .token.prolog {
-  color: var(--color-prettylights-syntax-comment);
-}
-.w-tc-editor code[class*="language-"] .token.punctuation,
-.w-tc-editor pre[class*="language-"] .token.punctuation {
-  color: var(--color-prettylights-syntax-sublimelinter-gutter-mark);
-}
-.w-tc-editor code[class*="language-"] .namespace,
-.w-tc-editor pre[class*="language-"] .namespace {
-  opacity: 0.7;
-}
-.w-tc-editor code[class*="language-"] .token.boolean,
-.w-tc-editor pre[class*="language-"] .token.boolean,
-.w-tc-editor code[class*="language-"] .token.constant,
-.w-tc-editor pre[class*="language-"] .token.constant,
-.w-tc-editor code[class*="language-"] .token.deleted,
-.w-tc-editor pre[class*="language-"] .token.deleted,
-.w-tc-editor code[class*="language-"] .token.number,
-.w-tc-editor pre[class*="language-"] .token.number,
-.w-tc-editor code[class*="language-"] .token.symbol,
-.w-tc-editor pre[class*="language-"] .token.symbol {
-  color: var(--color-prettylights-syntax-entity-tag);
-}
-.w-tc-editor code[class*="language-"] .token.builtin,
-.w-tc-editor pre[class*="language-"] .token.builtin,
-.w-tc-editor code[class*="language-"] .token.char,
-.w-tc-editor pre[class*="language-"] .token.char,
-.w-tc-editor code[class*="language-"] .token.inserted,
-.w-tc-editor pre[class*="language-"] .token.inserted,
-.w-tc-editor code[class*="language-"] .token.selector,
-.w-tc-editor pre[class*="language-"] .token.selector,
-.w-tc-editor code[class*="language-"] .token.string,
-.w-tc-editor pre[class*="language-"] .token.string {
-  color: var(--color-prettylights-syntax-constant);
-}
-.w-tc-editor code[class*="language-"] .style .token.string,
-.w-tc-editor pre[class*="language-"] .style .token.string,
-.w-tc-editor code[class*="language-"] .token.entity,
-.w-tc-editor pre[class*="language-"] .token.entity,
-.w-tc-editor code[class*="language-"] .token.property,
-.w-tc-editor pre[class*="language-"] .token.property,
-.w-tc-editor code[class*="language-"] .token.operator,
-.w-tc-editor pre[class*="language-"] .token.operator,
-.w-tc-editor code[class*="language-"] .token.url,
-.w-tc-editor pre[class*="language-"] .token.url {
-  color: var(--color-prettylights-syntax-constant);
-}
-.w-tc-editor code[class*="language-"] .token.atrule,
-.w-tc-editor pre[class*="language-"] .token.atrule,
-.w-tc-editor code[class*="language-"] .token.property-access .token.method,
-.w-tc-editor pre[class*="language-"] .token.property-access .token.method,
-.w-tc-editor code[class*="language-"] .token.keyword,
-.w-tc-editor pre[class*="language-"] .token.keyword {
-  color: var(--color-prettylights-syntax-keyword);
-}
-.w-tc-editor code[class*="language-"] .token.function,
-.w-tc-editor pre[class*="language-"] .token.function {
-  color: var(--color-prettylights-syntax-string);
-}
-.w-tc-editor code[class*="language-"] .token.important,
-.w-tc-editor pre[class*="language-"] .token.important,
-.w-tc-editor code[class*="language-"] .token.regex,
-.w-tc-editor pre[class*="language-"] .token.regex,
-.w-tc-editor code[class*="language-"] .token.variable,
-.w-tc-editor pre[class*="language-"] .token.variable {
-  color: var(--color-prettylights-syntax-string-regexp);
-}
-.w-tc-editor code[class*="language-"] .token.bold,
-.w-tc-editor pre[class*="language-"] .token.bold,
-.w-tc-editor code[class*="language-"] .token.important,
-.w-tc-editor pre[class*="language-"] .token.important {
-  color: var(--color-prettylights-syntax-markup-bold);
-}
-.w-tc-editor code[class*="language-"] .token.tag,
-.w-tc-editor pre[class*="language-"] .token.tag {
-  color: var(--color-prettylights-syntax-entity-tag);
-}
-.w-tc-editor code[class*="language-"] .token.attr-value,
-.w-tc-editor pre[class*="language-"] .token.attr-value,
-.w-tc-editor code[class*="language-"] .token.attr-name,
-.w-tc-editor pre[class*="language-"] .token.attr-name {
-  color: var(--color-prettylights-syntax-constant);
-}
-.w-tc-editor code[class*="language-"] .token.selector .class,
-.w-tc-editor pre[class*="language-"] .token.selector .class,
-.w-tc-editor code[class*="language-"] .token.class-name,
-.w-tc-editor pre[class*="language-"] .token.class-name {
-  color: var(--color-prettylights-syntax-entity);
-}
@@ -1,6 +0,0 @@
-import React, { FC } from "react";
-import { ActionLinkProps } from "./ActionLink.types";
-declare const ActionLink: FC<
-  ActionLinkProps & React.ButtonHTMLAttributes<HTMLButtonElement>
->;
-export default ActionLink;
@@ -1,9 +0,0 @@
-import { CSSObject } from "styled-components";
-export interface CommonActionLinkProps {
-  isLoading: boolean;
-  label: any;
-}
-export interface BaseActionLinkProps {
-  sx?: CSSObject;
-}
-export type ActionLinkProps = CommonActionLinkProps & BaseActionLinkProps;
@@ -1,4 +0,0 @@
-import { FC } from "react";
-import { ActionsListProps } from "./ActionsList.types";
-declare const ActionsList: FC<ActionsListProps>;
-export default ActionsList;
@@ -1,22 +0,0 @@
-import React from "react";
-import { CSSObject } from "styled-components";
-export interface ActionItem {
-  action: () => void;
-  label: string;
-  disabled: boolean;
-  icon: React.ReactNode;
-  tooltip: string;
-}
-export interface ActionsListProps {
-  sx?: CSSObject;
-  items: ActionItem[];
-  title: React.ReactNode;
-}
-export interface ActionsListPanelProps {
-  sx?: CSSObject;
-}
-export interface ActionButtonProps
-  extends React.ButtonHTMLAttributes<HTMLButtonElement> {
-  label: string;
-  icon: React.ReactNode;
-}
@@ -1,4 +0,0 @@
-import { FC } from "react";
-import { ActionButtonProps } from "./ActionsList.types";
-declare const ObjectActionButton: FC<ActionButtonProps>;
-export default ObjectActionButton;
@@ -1,4 +0,0 @@
-import { FC } from "react";
-import { ApplicationLogoProps } from "./ApplicationLogo.types";
-declare const ApplicationLogo: FC<ApplicationLogoProps>;
-export default ApplicationLogo;
@@ -1,17 +0,0 @@
-import React from "react";
-export interface ApplicationLogoProps {
-  applicationName:
-    | "console"
-    | "operator"
-    | "directpv"
-    | "kes"
-    | "subnet"
-    | "subnetops"
-    | "cloud"
-    | "releases"
-    | "vmbroker"
-    | "eureka";
-  subVariant?: "simple" | "AGPL" | "standard" | "enterprise" | "new";
-  inverse?: boolean;
-  onClick?: React.MouseEventHandler<any> | undefined;
-}
@@ -1,4 +0,0 @@
-import { FC, SVGProps } from "react";
-import { LogoBaseProps } from "../LogoBase/LogoBase.types";
-declare const Cloud: FC<SVGProps<any> & LogoBaseProps>;
-export default Cloud;
@@ -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 Eureka: FC<SVGProps<any> & LogoBaseProps>;
-export default Eureka;
@@ -1,4 +0,0 @@
-import { FC, SVGProps } from "react";
-import { LogoBaseProps } from "../LogoBase/LogoBase.types";
-declare const EurekaNew: FC<SVGProps<any> & LogoBaseProps>;
-export default EurekaNew;
@@ -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 Releases: FC<SVGProps<any> & LogoBaseProps>;
-export default Releases;
@@ -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,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 VMBroker: FC<SVGProps<any> & LogoBaseProps>;
-export default VMBroker;
@@ -1,4 +0,0 @@
-import { FC } from "react";
-import { BackLinkProps } from "./BackLink.types";
-declare const BackLink: FC<BackLinkProps>;
-export default BackLink;
@@ -1,7 +0,0 @@
-import React from "react";
-import { CSSProperties } from "styled-components";
-export interface BackLinkProps
-  extends React.ButtonHTMLAttributes<HTMLButtonElement> {
-  sx?: CSSProperties;
-  label?: string;
-}
@@ -1,4 +0,0 @@
-import { FC, HTMLAttributes } from "react";
-import { BoxProps } from "./Box.types";
-declare const Box: FC<HTMLAttributes<HTMLDivElement> & BoxProps>;
-export default Box;
@@ -1,9 +0,0 @@
-import React from "react";
-import { CSSObject } from "styled-components";
-export interface BoxProps {
-  sx?: CSSObject;
-  children?: React.ReactNode;
-  withBorders?: boolean;
-  customBorderPadding?: number | string;
-  useBackground?: boolean;
-}
@@ -1,4 +0,0 @@
-import { FC } from "react";
-import { BreadcrumbsProps } from "./Breadcrumbs.types";
-declare const Breadcrumbs: FC<BreadcrumbsProps>;
-export default Breadcrumbs;
@@ -1,11 +0,0 @@
-import React from "react";
-import { CSSObject } from "styled-components";
-export interface BreadcrumbsProps {
-  sx?: CSSObject;
-  children: React.ReactNode;
-  additionalOptions?: React.ReactNode;
-  goBackFunction: () => void;
-}
-export interface BreadcrumbsContainerProps {
-  sx?: CSSObject;
-}
@@ -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,19 +0,0 @@
-import { MouseEventHandler, ReactNode } from "react";
-import { CSSObject } from "styled-components";
-export interface ButtonProps {
-  id: string;
-  name?: string;
-  label?: string;
-  variant?: "regular" | "callAction" | "secondary" | "text" | "subAction";
-  icon?: ReactNode;
-  iconLocation?: "start" | "end";
-  fullWidth?: boolean;
-  disabled?: boolean;
-  collapseOnSmall?: boolean;
-  onClick?: MouseEventHandler<HTMLButtonElement>;
-  children?: ReactNode | string;
-  sx?: CSSObject;
-}
-export interface ConstructProps {
-  parentChildren: ReactNode | string | undefined;
-}
@@ -1,6 +0,0 @@
-import React, { FC } from "react";
-import { CheckboxProps } from "./Checkbox.types";
-declare const Checkbox: FC<
-  CheckboxProps & React.InputHTMLAttributes<HTMLInputElement>
->;
-export default Checkbox;
@@ -1,8 +0,0 @@
-import { HTMLAttributes } from "react";
-import { CSSObject } from "styled-components";
-export interface CheckboxProps extends HTMLAttributes<HTMLInputElement> {
-  label?: string;
-  tooltip?: string;
-  overrideLabelClasses?: string;
-  sx?: CSSObject;
-}
@@ -1,4 +0,0 @@
-import { FC } from "react";
-import { CodeEditorProps } from "./CodeEditor.types";
-declare const CodeMirrorWrapper: FC<CodeEditorProps>;
-export default CodeMirrorWrapper;
@@ -1,18 +0,0 @@
-import React from "react";
-import { CSSObject } from "styled-components";
-export interface CodeEditorProps {
-  value: string;
-  label?: string;
-  mode?: string;
-  tooltip?: string;
-  editorHeight?: string | number;
-  onChange: (value: string) => any;
-  className?: string;
-  helpTools?: React.ReactNode;
-  sx?: CSSObject;
-}
-export interface CodeEditorBaseProps {
-  editorHeight: string | number;
-  sx?: CSSObject;
-  className?: string;
-}
@@ -1,4 +0,0 @@
-import { FC } from "react";
-import { CommentBoxProps } from "./CommentBox.types";
-declare const InputBox: FC<CommentBoxProps>;
-export default InputBox;
@@ -1,25 +0,0 @@
-import React from "react";
-import { CSSObject } from "styled-components";
-export interface CommentBoxProps
-  extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {
-  id: string;
-  fullWidth?: boolean;
-  label?: string;
-  tooltip?: string;
-  sx?: CSSObject;
-  index?: number;
-  noLabelMinWidth?: boolean;
-  required?: boolean;
-  className?: string;
-  error?: string;
-}
-export interface CommentContainerProps {
-  children?: React.ReactNode;
-  sx?: CSSObject;
-  error?: boolean;
-  startIcon?: React.ReactNode;
-  className?: string;
-}
-export interface ExtraCommentProps {
-  originType?: string;
-}
@@ -1,4 +0,0 @@
-import { FC } from "react";
-import { ColumnSelectorProps } from "./DataTable.types";
-declare const ColumnsSelector: FC<ColumnSelectorProps>;
-export default ColumnsSelector;
@@ -1,4 +0,0 @@
-import { FC } from "react";
-import { DataTableProps } from "./DataTable.types";
-declare const DataTable: FC<DataTableProps>;
-export default DataTable;
@@ -1,108 +0,0 @@
-import React, { HTMLAttributes } from "react";
-import { CSSObject } from "styled-components";
-export declare const actionsTypes: readonly [
-  "view",
-  "edit",
-  "delete",
-  "description",
-  "share",
-  "cloud",
-  "console",
-  "download",
-  "disable",
-  "format",
-  "preview",
-];
-export type PredefinedActionTypes = (typeof actionsTypes)[number];
-export interface ItemActions {
-  tooltip?: string;
-  type: PredefinedActionTypes | React.ReactNode;
-  sendOnlyId?: boolean;
-  isDisabled?: boolean | ((itemValue: any) => boolean);
-  showLoader?: boolean | ((itemValue: any) => boolean);
-  onClick?(valueToSend: any): any;
-}
-export interface IColumns {
-  label: string;
-  elementKey?: string;
-  renderFunction?: (input: any) => any;
-  renderFullObject?: boolean;
-  globalClass?: any;
-  rowClass?: any;
-  width?: number;
-  headerTextAlign?: string;
-  contentTextAlign?: string;
-  enableSort?: boolean;
-}
-export interface IInfiniteScrollConfig {
-  loadMoreRecords: (indexElements: {
-    startIndex: number;
-    stopIndex: number;
-  }) => Promise<any>;
-  recordsCount: number;
-}
-export interface ISortConfig {
-  triggerSort: (val: any) => any;
-  currentSort: string;
-  currentDirection: "ASC" | "DESC" | undefined;
-}
-export interface DataTableProps {
-  itemActions?: ItemActions[] | null;
-  columns: IColumns[];
-  onSelect?: (e: React.ChangeEvent<HTMLInputElement>) => void;
-  idField?: string;
-  isLoading?: boolean;
-  loadingMessage?: React.ReactNode;
-  records: any[];
-  entityName?: string;
-  selectedItems?: string[];
-  customEmptyMessage?: string;
-  customPaperHeight?: string;
-  noBackground?: boolean;
-  columnsSelector?: boolean;
-  textSelectable?: boolean;
-  columnsShown?: string[];
-  onColumnChange?: (column: string) => any;
-  autoScrollToBottom?: boolean;
-  infiniteScrollConfig?: IInfiniteScrollConfig;
-  sortConfig?: ISortConfig;
-  disabled?: boolean;
-  onSelectAll?: () => void;
-  rowStyle?: ({
-    index,
-  }: {
-    index: number;
-  }) => "deleted" | "" | React.CSSProperties;
-  parentClassName?: string;
-  sx?: CSSObject;
-  rowHeight?: number;
-}
-export interface DataTableWrapperProps extends HTMLAttributes<HTMLDivElement> {
-  disabled?: boolean;
-  customPaperHeight?: string | number;
-  noBackground?: boolean;
-  sx?: CSSObject;
-  rowHeight: number;
-}
-export interface IActionButton {
-  tooltip?: string;
-  type: PredefinedActionTypes | React.ReactNode;
-  onClick?: (id: string) => any;
-  valueToSend: any;
-  selected: boolean;
-  sendOnlyId?: boolean;
-  idField: string;
-  disabled: boolean;
-}
-export interface ColumnSelectorProps {
-  open: boolean;
-  closeTriggerAction: () => void;
-  onSelect: (column: string) => void;
-  columns: IColumns[];
-  selectedOptionIDs: string[];
-  sx?: CSSObject;
-  anchorEl?: (EventTarget & HTMLElement) | null;
-}
-export interface ColumnSelectorConstructProps {
-  sx?: CSSObject;
-}
@@ -1,40 +0,0 @@
-import React from "react";
-import { IColumns, ItemActions } from "./DataTable.types";
-export declare const selectWidth = 45;
-export declare const generateColumnsMap: (
-  columns: IColumns[],
-  containerWidth: number,
-  actionsWidth: number,
-  hasSelect: boolean,
-  hasActions: boolean,
-  selectedItems: string[],
-  idField: string,
-  columnsSelector: boolean,
-  columnsShown: string[],
-  sortColumn: string,
-  sortDirection: "ASC" | "DESC" | undefined,
-) => (React.JSX.Element | null)[];
-export declare const elementActions: (
-  actions: ItemActions[],
-  valueToSend: any,
-  selected: boolean,
-  idField: string,
-) => (React.JSX.Element | null)[];
-export declare const calculateOptionsSize: (
-  containerWidth: number,
-  totalOptions: number,
-) => number;
-export declare const isPredefinedAction: (
-  val: any,
-) => val is
-  | "view"
-  | "console"
-  | "cloud"
-  | "format"
-  | "edit"
-  | "delete"
-  | "description"
-  | "share"
-  | "download"
-  | "disable"
-  | "preview";
--- a/Show More
+++ b/Show More