Release v0.17.0 (#659)

Co-authored-by: Benjamin Perez <benjamin@bexsoft.net>

.babelrc.json

@@ -0,0 +1,16 @@
+{
+  "sourceType": "unambiguous",
+  "presets": [
+    [
+      "@babel/preset-env",
+      {
+        "targets": {
+          "chrome": 100
+        }
+      }
+    ],
+    "@babel/preset-typescript",
+    "@babel/preset-react"
+  ],
+  "plugins": []
+}

.github/workflows/deployer.yml

@@ -0,0 +1,46 @@
+name: Build Container
+
+on:
+  release:
+    types:
+      - published
+
+concurrency:
+  group: ${{ github.workflow }}-deployer-${{ github.head_ref }}
+  cancel-in-progress: true
+
+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@v4
+        with:
+          node-version: ${{ env.NVMRC }}
+          cache: "yarn"
+          cache-dependency-path: yarn.lock
+
+      - 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: |
+          rm -Rf node_modules/
+          rm yarn.lock
+          yarn install
+          yarn build
+          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}')

.github/workflows/jobs.yml

@@ -20,11 +20,21 @@ 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@v3
+        with:
+          node-version: ${{ env.NVMRC }}
 
       - name: Install Dependencies
         continue-on-error: false
         run: |
+          corepack enable
           yarn install
 
       - name: Check if build is correct
@@ -36,20 +46,3 @@ jobs:
         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

.gitignore

@@ -7,6 +7,7 @@ node_modules/
 .env.development.local
 .env.test.local
 .env.production.local
+.idea/
 
 npm-debug.log*
 yarn-debug.log*

.nvmrc

@@ -0,0 +1 @@
+18

.storybook/main.js

@@ -1,13 +1,34 @@
+import remarkGfm from "remark-gfm";
+
 module.exports = {
   stories: [
     "../src/**/**/*.stories.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],
+          },
+        },
+      },
+    },
   ],
-  framework: "@storybook/react",
+  framework: {
+    name: "@storybook/react-webpack5",
+    options: {},
+  },
+  docs: {
+    autodocs: true,
+  },
 };

Dockerfile

@@ -0,0 +1,4 @@
+FROM nginx:1
+
+COPY nginx.conf /etc/nginx/nginx.conf
+COPY docs /usr/share/nginx/html

Makefile

@@ -4,7 +4,10 @@ build:
 	@(yarn install; yarn build;)
 
 lint:
-	@(cd portal-ui; yarn prettier --write . --loglevel warn; cd ..)
+	@(yarn prettier --write . --loglevel warn; cd ..)
 
 test:
 	@(yarn install; yarn test;)
+
+test-warnings:
+	./check-warnings.sh

README.md

@@ -1,4 +1,4 @@
-# MinIO Design Sytem
+# MinIO Design System
 
 The MinIO Design System is a design specification for all UI elements used in MinIO products.
 

check-warnings.sh

@@ -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

dist/assets/fonts/Inter/OFL.txt

@@ -0,0 +1,93 @@
+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.

dist/cjs/assets/index-3e3b9830.css

@@ -0,0 +1,174 @@
+@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);
+}

dist/cjs/types/components/Accordion/Accordion.d.ts

@@ -0,0 +1,4 @@
+import { FC } from "react";
+import { AccordionProps } from "./Accordion.types";
+declare const Accordion: FC<AccordionProps>;
+export default Accordion;

dist/cjs/types/components/Accordion/Accordion.types.d.ts

@@ -0,0 +1,17 @@
+import { ReactNode } from "react";
+import { CSSObject } from "styled-components";
+export interface AccordionProps {
+  expanded: boolean;
+  onTitleClick: () => void;
+  id: string;
+  title: ReactNode;
+  children: ReactNode;
+  disabled?: boolean;
+  sx?: CSSObject;
+}
+export interface AccordionMainProps {
+  sx?: CSSObject;
+}
+export interface AccordionContentProps {
+  expanded: boolean;
+}

dist/cjs/types/components/ActionLink/ActionLink.d.ts

@@ -0,0 +1,6 @@
+import React, { FC } from "react";
+import { ActionLinkProps } from "./ActionLink.types";
+declare const ActionLink: FC<
+  ActionLinkProps & React.ButtonHTMLAttributes<HTMLButtonElement>
+>;
+export default ActionLink;

dist/cjs/types/components/ActionLink/ActionLink.types.d.ts

@@ -0,0 +1,9 @@
+import { CSSObject } from "styled-components";
+export interface CommonActionLinkProps {
+  isLoading?: boolean;
+  label?: any;
+}
+export interface BaseActionLinkProps {
+  sx?: CSSObject;
+}
+export type ActionLinkProps = CommonActionLinkProps & BaseActionLinkProps;

dist/cjs/types/components/ActionsList/ActionsList.d.ts

@@ -0,0 +1,4 @@
+import { FC } from "react";
+import { ActionsListProps } from "./ActionsList.types";
+declare const ActionsList: FC<ActionsListProps>;
+export default ActionsList;

dist/cjs/types/components/ActionsList/ActionsList.types.d.ts

@@ -0,0 +1,22 @@
+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;
+}

dist/cjs/types/components/ActionsList/ObjectActionButton.d.ts

@@ -0,0 +1,4 @@
+import { FC } from "react";
+import { ActionButtonProps } from "./ActionsList.types";
+declare const ObjectActionButton: FC<ActionButtonProps>;
+export default ObjectActionButton;

dist/cjs/types/components/ApplicationLogo/ApplicationLogo.d.ts

@@ -0,0 +1,4 @@
+import { FC } from "react";
+import { ApplicationLogoProps } from "./ApplicationLogo.types";
+declare const ApplicationLogo: FC<ApplicationLogoProps>;
+export default ApplicationLogo;

dist/cjs/types/components/ApplicationLogo/ApplicationLogo.types.d.ts

@@ -0,0 +1,27 @@
+import React from "react";
+export interface ApplicationLogoProps {
+  applicationName:
+    | "console"
+    | "operator"
+    | "directpv"
+    | "kes"
+    | "subnet"
+    | "subnetops"
+    | "cloud"
+    | "releases"
+    | "vmbroker"
+    | "eureka"
+    | "kms"
+    | "loadbalancer"
+    | "index"
+    | "cache"
+    | "monitor"
+    | "observe"
+    | "missioncontrol"
+    | "globalconsole"
+    | "minio"
+    | "enterprise";
+  subVariant?: "simple" | "AGPL" | "standard" | "enterprise" | "new";
+  inverse?: boolean;
+  onClick?: React.MouseEventHandler<any> | undefined;
+}

dist/cjs/types/components/ApplicationLogo/Logos/Cache/Cache.d.ts

@@ -0,0 +1,4 @@
+import { FC, SVGProps } from "react";
+import { LogoBaseProps } from "../LogoBase/LogoBase.types";
+declare const Cache: FC<SVGProps<any> & LogoBaseProps>;
+export default Cache;

dist/cjs/types/components/ApplicationLogo/Logos/Cloud/Cloud.d.ts

@@ -0,0 +1,4 @@
+import { FC, SVGProps } from "react";
+import { LogoBaseProps } from "../LogoBase/LogoBase.types";
+declare const Cloud: FC<SVGProps<any> & LogoBaseProps>;
+export default Cloud;

dist/cjs/types/components/ApplicationLogo/Logos/Console/ConsoleAGPL.d.ts

@@ -0,0 +1,4 @@
+import { FC, SVGProps } from "react";
+import { LogoBaseProps } from "../LogoBase/LogoBase.types";
+declare const ConsoleAGPL: FC<SVGProps<any> & LogoBaseProps>;
+export default ConsoleAGPL;

dist/cjs/types/components/ApplicationLogo/Logos/Console/ConsoleEnterprise.d.ts

@@ -0,0 +1,4 @@
+import { FC, SVGProps } from "react";
+import { LogoBaseProps } from "../LogoBase/LogoBase.types";
+declare const ConsoleEnterprise: FC<SVGProps<any> & LogoBaseProps>;
+export default ConsoleEnterprise;

dist/cjs/types/components/ApplicationLogo/Logos/Console/ConsoleSingle.d.ts

@@ -0,0 +1,4 @@
+import { FC, SVGProps } from "react";
+import { LogoBaseProps } from "../LogoBase/LogoBase.types";
+declare const ConsoleSingle: FC<SVGProps<any> & LogoBaseProps>;
+export default ConsoleSingle;

dist/cjs/types/components/ApplicationLogo/Logos/Console/ConsoleStandard.d.ts

@@ -0,0 +1,4 @@
+import { FC, SVGProps } from "react";
+import { LogoBaseProps } from "../LogoBase/LogoBase.types";
+declare const ConsoleStandard: FC<SVGProps<any> & LogoBaseProps>;
+export default ConsoleStandard;

dist/cjs/types/components/ApplicationLogo/Logos/Console/GlobalConsole.d.ts

@@ -0,0 +1,4 @@
+import { FC, SVGProps } from "react";
+import { LogoBaseProps } from "../LogoBase/LogoBase.types";
+declare const GlobalConsole: FC<SVGProps<any> & LogoBaseProps>;
+export default GlobalConsole;

dist/cjs/types/components/ApplicationLogo/Logos/DirectPV/DirectPV.d.ts

@@ -0,0 +1,4 @@
+import { FC, SVGProps } from "react";
+import { LogoBaseProps } from "../LogoBase/LogoBase.types";
+declare const DirectPV: FC<SVGProps<any> & LogoBaseProps>;
+export default DirectPV;

dist/cjs/types/components/ApplicationLogo/Logos/Enterprise/Enterprise.d.ts

@@ -0,0 +1,4 @@
+import { FC, SVGProps } from "react";
+import { LogoBaseProps } from "../LogoBase/LogoBase.types";
+declare const Enterprise: FC<SVGProps<any> & LogoBaseProps>;
+export default Enterprise;

dist/cjs/types/components/ApplicationLogo/Logos/Eureka/Eureka.d.ts

@@ -0,0 +1,4 @@
+import { FC, SVGProps } from "react";
+import { LogoBaseProps } from "../LogoBase/LogoBase.types";
+declare const Eureka: FC<SVGProps<any> & LogoBaseProps>;
+export default Eureka;

dist/cjs/types/components/ApplicationLogo/Logos/Eureka/EurekaNew.d.ts

@@ -0,0 +1,4 @@
+import { FC, SVGProps } from "react";
+import { LogoBaseProps } from "../LogoBase/LogoBase.types";
+declare const EurekaNew: FC<SVGProps<any> & LogoBaseProps>;
+export default EurekaNew;

dist/cjs/types/components/ApplicationLogo/Logos/IndexLogo/IndexLogo.d.ts

@@ -0,0 +1,4 @@
+import { FC, SVGProps } from "react";
+import { LogoBaseProps } from "../LogoBase/LogoBase.types";
+declare const IndexLogo: FC<SVGProps<any> & LogoBaseProps>;
+export default IndexLogo;

dist/cjs/types/components/ApplicationLogo/Logos/KES/KES.d.ts

@@ -0,0 +1,4 @@
+import { FC, SVGProps } from "react";
+import { LogoBaseProps } from "../LogoBase/LogoBase.types";
+declare const KES: FC<SVGProps<any> & LogoBaseProps>;
+export default KES;

dist/cjs/types/components/ApplicationLogo/Logos/KMS/KMS.d.ts

@@ -0,0 +1,4 @@
+import { FC, SVGProps } from "react";
+import { LogoBaseProps } from "../LogoBase/LogoBase.types";
+declare const KMS: FC<SVGProps<any> & LogoBaseProps>;
+export default KMS;

dist/cjs/types/components/ApplicationLogo/Logos/LoadBalancer/LoadBalancer.d.ts

@@ -0,0 +1,4 @@
+import { FC, SVGProps } from "react";
+import { LogoBaseProps } from "../LogoBase/LogoBase.types";
+declare const LoadBalancer: FC<SVGProps<any> & LogoBaseProps>;
+export default LoadBalancer;

dist/cjs/types/components/ApplicationLogo/Logos/LogoBase/LogoBase.d.ts

@@ -0,0 +1,9 @@
+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;

dist/cjs/types/components/ApplicationLogo/Logos/LogoBase/LogoBase.types.d.ts

@@ -0,0 +1,3 @@
+export interface LogoBaseProps {
+  inverse?: boolean;
+}

dist/cjs/types/components/ApplicationLogo/Logos/MinIO/MinIOEnterprise.d.ts

@@ -0,0 +1,4 @@
+import { FC, SVGProps } from "react";
+import { LogoBaseProps } from "../LogoBase/LogoBase.types";
+declare const KMS: FC<SVGProps<any> & LogoBaseProps>;
+export default KMS;

dist/cjs/types/components/ApplicationLogo/Logos/MissionControl/MissionControl.d.ts

@@ -0,0 +1,4 @@
+import { FC, SVGProps } from "react";
+import { LogoBaseProps } from "../LogoBase/LogoBase.types";
+declare const MissionControl: FC<SVGProps<any> & LogoBaseProps>;
+export default MissionControl;

dist/cjs/types/components/ApplicationLogo/Logos/Monitor/Monitor.d.ts

@@ -0,0 +1,4 @@
+import { FC, SVGProps } from "react";
+import { LogoBaseProps } from "../LogoBase/LogoBase.types";
+declare const Monitor: FC<SVGProps<any> & LogoBaseProps>;
+export default Monitor;

dist/cjs/types/components/ApplicationLogo/Logos/Observe/Observe.d.ts

@@ -0,0 +1,4 @@
+import { FC, SVGProps } from "react";
+import { LogoBaseProps } from "../LogoBase/LogoBase.types";
+declare const Observe: FC<SVGProps<any> & LogoBaseProps>;
+export default Observe;

dist/cjs/types/components/ApplicationLogo/Logos/Operator/Operator.d.ts

@@ -0,0 +1,4 @@
+import { FC, SVGProps } from "react";
+import { LogoBaseProps } from "../LogoBase/LogoBase.types";
+declare const Operator: FC<SVGProps<any> & LogoBaseProps>;
+export default Operator;

dist/cjs/types/components/ApplicationLogo/Logos/Releases/Releases.d.ts

@@ -0,0 +1,4 @@
+import { FC, SVGProps } from "react";
+import { LogoBaseProps } from "../LogoBase/LogoBase.types";
+declare const Releases: FC<SVGProps<any> & LogoBaseProps>;
+export default Releases;

dist/cjs/types/components/ApplicationLogo/Logos/SUBNET/SUBNET.d.ts

@@ -0,0 +1,4 @@
+import { FC, SVGProps } from "react";
+import { LogoBaseProps } from "../LogoBase/LogoBase.types";
+declare const SUBNET: FC<SVGProps<any> & LogoBaseProps>;
+export default SUBNET;

dist/cjs/types/components/ApplicationLogo/Logos/SubnetOPS/SubnetOPS.d.ts

@@ -0,0 +1,4 @@
+import { FC, SVGProps } from "react";
+import { LogoBaseProps } from "../LogoBase/LogoBase.types";
+declare const DirectPV: FC<SVGProps<any> & LogoBaseProps>;
+export default DirectPV;

dist/cjs/types/components/ApplicationLogo/Logos/VMBroker/VMBroker.d.ts

@@ -0,0 +1,4 @@
+import { FC, SVGProps } from "react";
+import { LogoBaseProps } from "../LogoBase/LogoBase.types";
+declare const VMBroker: FC<SVGProps<any> & LogoBaseProps>;
+export default VMBroker;

dist/cjs/types/components/Autocomplete/Autocomplete.d.ts

@@ -0,0 +1,4 @@
+import { FC } from "react";
+import { AutocompleteProps } from "./Autocomplete.types";
+declare const Autocomplete: FC<AutocompleteProps>;
+export default Autocomplete;

dist/cjs/types/components/Autocomplete/Autocomplete.types.d.ts

@@ -0,0 +1,22 @@
+/// <reference types="react" />
+import { CSSObject } from "styled-components";
+import { SelectorType } from "../../global/global.types";
+import { CommonHelpTipPlacement } from "../HelpTip/HelpTip.types";
+export interface AutocompleteProps {
+  options: SelectorType[];
+  value?: string;
+  id: string;
+  name?: string;
+  required?: boolean;
+  className?: string;
+  disabled?: boolean;
+  displayDropArrow?: boolean;
+  label?: string;
+  tooltip?: string;
+  noLabelMinWidth?: boolean;
+  placeholder?: string;
+  onChange: (newValue: string, extraValue?: any) => void;
+  sx?: CSSObject;
+  helpTip?: React.ReactNode;
+  helpTipPlacement?: CommonHelpTipPlacement;
+}

dist/cjs/types/components/BackLink/BackLink.d.ts

@@ -0,0 +1,4 @@
+import { FC } from "react";
+import { BackLinkProps } from "./BackLink.types";
+declare const BackLink: FC<BackLinkProps>;
+export default BackLink;

dist/cjs/types/components/BackLink/BackLink.types.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import { CSSProperties } from "styled-components";
+export interface BackLinkProps
+  extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+  sx?: CSSProperties;
+  label?: string;
+}

dist/cjs/types/components/Badge/Badge.d.ts

@@ -0,0 +1,4 @@
+import { FC, HTMLAttributes } from "react";
+import { BadgeProps } from "./Badge.types";
+declare const Badge: FC<HTMLAttributes<HTMLSpanElement> & BadgeProps>;
+export default Badge;

dist/cjs/types/components/Badge/Badge.types.d.ts

@@ -0,0 +1,16 @@
+import { CSSObject } from "styled-components";
+export interface BadgeMain {
+  invisible?: boolean;
+  max?: number;
+  showZero?: boolean;
+  badgeContent?: number;
+}
+export interface BadgeConstruct {
+  horizontalPosition?: "left" | "right";
+  verticalPosition?: "bottom" | "top";
+  sx?: CSSObject;
+  color?: "default" | "secondary" | "warn" | "alert" | "ok" | "grey";
+  shape?: "circular" | "rectangular";
+  dotOnly?: boolean;
+}
+export type BadgeProps = BadgeMain & BadgeConstruct;

dist/cjs/types/components/Box/Box.d.ts

@@ -0,0 +1,4 @@
+import { FC, HTMLAttributes } from "react";
+import { BoxProps } from "./Box.types";
+declare const Box: FC<HTMLAttributes<HTMLDivElement> & BoxProps>;
+export default Box;

dist/cjs/types/components/Box/Box.types.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import { CSSObject } from "styled-components";
+export interface BoxProps {
+  sx?: CSSObject;
+  children?: React.ReactNode;
+  withBorders?: boolean;
+  customBorderPadding?: number | string;
+  useBackground?: boolean;
+}

dist/cjs/types/components/Breadcrumbs/Breadcrumbs.d.ts

@@ -0,0 +1,4 @@
+import { FC } from "react";
+import { BreadcrumbsProps } from "./Breadcrumbs.types";
+declare const Breadcrumbs: FC<BreadcrumbsProps>;
+export default Breadcrumbs;

dist/cjs/types/components/Breadcrumbs/Breadcrumbs.types.d.ts

@@ -0,0 +1,11 @@
+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;
+}

dist/cjs/types/components/Button/Button.d.ts

@@ -1,4 +1,6 @@
-import { FC } from "react";
+import React, { FC } from "react";
 import { ButtonProps } from "./Button.types";
-declare const Button: FC<ButtonProps>;
+declare const Button: FC<
+  ButtonProps & React.ButtonHTMLAttributes<HTMLButtonElement>
+>;
 export default Button;