@devopness/ui-react
Version:
Devopness Design System React Components - Painless essential DevOps to everyone
443 lines (442 loc) • 12.8 kB
TypeScript
import { Icon } from './types';
declare const iconList: readonly [{
readonly type: "icon";
readonly name: "home";
readonly component: import('react-icons/lib').IconType;
}, {
readonly type: "icon";
readonly name: "add";
readonly component: import('react-icons/lib').IconType;
}, {
readonly type: "icon";
readonly name: "alarm";
readonly component: import('react-icons/lib').IconType;
}, {
readonly type: "icon";
readonly name: "arrowDown";
readonly component: import('react-icons/lib').IconType;
}, {
readonly type: "icon";
readonly name: "arrowLeft";
readonly component: import('react-icons/lib').IconType;
}, {
readonly type: "icon";
readonly name: "arrowRight";
readonly component: import('react-icons/lib').IconType;
}, {
readonly type: "icon";
readonly name: "arrowUp";
readonly component: import('react-icons/lib').IconType;
}, {
readonly type: "icon";
readonly name: "branch";
readonly component: import('react-icons/lib').IconType;
}, {
readonly type: "icon";
readonly name: "checkOutline";
readonly component: import('react-icons/lib').IconType;
}, {
readonly type: "image";
readonly name: "children";
readonly component: string;
}, {
readonly type: "icon";
readonly name: "close";
readonly component: import('react-icons/lib').IconType;
}, {
readonly type: "icon";
readonly name: "cloudWarning";
readonly component: import('react-icons/lib').IconType;
}, {
readonly type: "icon";
readonly name: "codeBadge";
readonly component: import('react-icons/lib').IconType;
}, {
readonly type: "icon";
readonly name: "commit";
readonly component: import('react-icons/lib').IconType;
}, {
readonly type: "icon";
readonly name: "config";
readonly component: import('react-icons/lib').IconType;
}, {
readonly type: "icon";
readonly name: "connect";
readonly component: import('react-icons/lib').IconType;
}, {
readonly type: "icon";
readonly name: "copy";
readonly component: import('react-icons/lib').IconType;
}, {
readonly type: "icon";
readonly name: "copyOutline";
readonly component: import('react-icons/lib').IconType;
}, {
readonly type: "icon";
readonly name: "cubes";
readonly component: import('react-icons/lib').IconType;
}, {
readonly type: "icon";
readonly name: "currencyCircle";
readonly component: import('react-icons/lib').IconType;
}, {
readonly type: "icon";
readonly name: "delete";
readonly component: import('react-icons/lib').IconType;
}, {
readonly type: "icon";
readonly name: "deploy";
readonly component: import('react-icons/lib').IconType;
}, {
readonly type: "icon";
readonly name: "description";
readonly component: import('react-icons/lib').IconType;
}, {
readonly type: "icon";
readonly name: "devices";
readonly component: import('react-icons/lib').IconType;
}, {
readonly type: "icon";
readonly name: "dragHandle";
readonly component: import('react-icons/lib').IconType;
}, {
readonly type: "icon";
readonly name: "edit";
readonly component: import('react-icons/lib').IconType;
}, {
readonly type: "icon";
readonly name: "error";
readonly component: import('react-icons/lib').IconType;
}, {
readonly type: "icon";
readonly name: "eyeClosed";
readonly component: import('react-icons/lib').IconType;
}, {
readonly type: "icon";
readonly name: "eyeOpen";
readonly component: import('react-icons/lib').IconType;
}, {
readonly type: "icon";
readonly name: "eyeOutline";
readonly component: import('react-icons/lib').IconType;
}, {
readonly type: "icon";
readonly name: "folder";
readonly component: import('react-icons/lib').IconType;
}, {
readonly type: "icon";
readonly name: "gear";
readonly component: import('react-icons/lib').IconType;
}, {
readonly type: "icon";
readonly name: "globe";
readonly component: import('react-icons/lib').IconType;
}, {
readonly type: "icon";
readonly name: "group";
readonly component: import('react-icons/lib').IconType;
}, {
readonly type: "icon";
readonly name: "help";
readonly component: import('react-icons/lib').IconType;
}, {
readonly type: "icon";
readonly name: "info";
readonly component: import('react-icons/lib').IconType;
}, {
readonly type: "icon";
readonly name: "key";
readonly component: import('react-icons/lib').IconType;
}, {
readonly type: "icon";
readonly name: "launch";
readonly component: import('react-icons/lib').IconType;
}, {
readonly type: "icon";
readonly name: "lens";
readonly component: import('react-icons/lib').IconType;
}, {
readonly type: "icon";
readonly name: "link";
readonly component: import('react-icons/lib').IconType;
}, {
readonly type: "icon";
readonly name: "loading";
readonly component: ({ color, size }: {
color: string;
size: number;
}) => import("react/jsx-runtime").JSX.Element;
}, {
readonly type: "icon";
readonly name: "lock";
readonly component: import('react-icons/lib').IconType;
}, {
readonly type: "icon";
readonly name: "lockOpen";
readonly component: import('react-icons/lib').IconType;
}, {
readonly type: "icon";
readonly name: "logout";
readonly component: import('react-icons/lib').IconType;
}, {
readonly type: "icon";
readonly name: "mapPin";
readonly component: import('react-icons/lib').IconType;
}, {
readonly type: "icon";
readonly name: "more";
readonly component: import('react-icons/lib').IconType;
}, {
readonly type: "icon";
readonly name: "network";
readonly component: import('react-icons/lib').IconType;
}, {
readonly type: "icon";
readonly name: "openInNewWindow";
readonly component: import('react-icons/lib').IconType;
}, {
readonly type: "icon";
readonly name: "organization";
readonly component: import('react-icons/lib').IconType;
}, {
readonly type: "image";
readonly name: "parent";
readonly component: string;
}, {
readonly type: "icon";
readonly name: "passkey";
readonly component: import('react-icons/lib').IconType;
}, {
readonly type: "icon";
readonly name: "pending";
readonly component: import('react-icons/lib').IconType;
}, {
readonly type: "icon";
readonly name: "plus";
readonly component: import('react-icons/lib').IconType;
}, {
readonly type: "icon";
readonly name: "plusCircle";
readonly component: import('react-icons/lib').IconType;
}, {
readonly type: "icon";
readonly name: "remove";
readonly component: import('react-icons/lib').IconType;
}, {
readonly type: "icon";
readonly name: "security";
readonly component: import('react-icons/lib').IconType;
}, {
readonly type: "icon";
readonly name: "server";
readonly component: import('react-icons/lib').IconType;
}, {
readonly type: "icon";
readonly name: "serverCloud";
readonly component: import('react-icons/lib').IconType;
}, {
readonly type: "icon";
readonly name: "serverOutline";
readonly component: import('react-icons/lib').IconType;
}, {
readonly type: "icon";
readonly name: "settings";
readonly component: import('react-icons/lib').IconType;
}, {
readonly type: "icon";
readonly name: "shield";
readonly component: import('react-icons/lib').IconType;
}, {
readonly type: "image";
readonly name: "shieldLock";
readonly component: string;
}, {
readonly type: "icon";
readonly name: "shieldOutline";
readonly component: import('react-icons/lib').IconType;
}, {
readonly type: "icon";
readonly name: "skip";
readonly component: import('react-icons/lib').IconType;
}, {
readonly type: "icon";
readonly name: "snooze";
readonly component: import('react-icons/lib').IconType;
}, {
readonly type: "icon";
readonly name: "sort";
readonly component: import('react-icons/lib').IconType;
}, {
readonly type: "icon";
readonly name: "storage";
readonly component: import('react-icons/lib').IconType;
}, {
readonly type: "icon";
readonly name: "subnet";
readonly component: import('react-icons/lib').IconType;
}, {
readonly type: "icon";
readonly name: "success";
readonly component: import('react-icons/lib').IconType;
}, {
readonly type: "icon";
readonly name: "tag";
readonly component: import('react-icons/lib').IconType;
}, {
readonly type: "icon";
readonly name: "teamOutline";
readonly component: import('react-icons/lib').IconType;
}, {
readonly type: "icon";
readonly name: "terminal";
readonly component: import('react-icons/lib').IconType;
}, {
readonly type: "icon";
readonly name: "treeView";
readonly component: import('react-icons/lib').IconType;
}, {
readonly type: "icon";
readonly name: "unlink";
readonly component: import('react-icons/lib').IconType;
}, {
readonly type: "icon";
readonly name: "user";
readonly component: import('react-icons/lib').IconType;
}, {
readonly type: "icon";
readonly name: "warning";
readonly component: import('react-icons/lib').IconType;
}, {
readonly type: "image";
readonly name: "aws";
readonly component: string;
}, {
readonly type: "image";
readonly name: "azure";
readonly component: string;
}, {
readonly type: "image";
readonly name: "bitbucket";
readonly component: string;
}, {
readonly type: "image";
readonly name: "c-sharp";
readonly component: string;
}, {
readonly type: "image";
readonly name: "centos";
readonly component: string;
}, {
readonly type: "image";
readonly name: "devopness";
readonly component: string;
}, {
readonly type: "image";
readonly name: "digitalocean";
readonly component: string;
}, {
readonly type: "image";
readonly name: "docker";
readonly component: string;
}, {
readonly type: "image";
readonly name: "dotnetcore";
readonly component: string;
}, {
readonly type: "image";
readonly name: "dotnetcore-aspnetcore";
readonly component: string;
}, {
readonly type: "image";
readonly name: "gcp";
readonly component: string;
}, {
readonly type: "image";
readonly name: "github";
readonly component: string;
}, {
readonly type: "image";
readonly name: "gitlab";
readonly component: string;
}, {
readonly type: "image";
readonly name: "html";
readonly component: string;
}, {
readonly type: "image";
readonly name: "java";
readonly component: string;
}, {
readonly type: "image";
readonly name: "nodejs";
readonly component: string;
}, {
readonly type: "image";
readonly name: "php";
readonly component: string;
}, {
readonly type: "image";
readonly name: "php-laravel";
readonly component: string;
}, {
readonly type: "image";
readonly name: "python";
readonly component: string;
}, {
readonly type: "image";
readonly name: "python-django";
readonly component: string;
}, {
readonly type: "image";
readonly name: "python-fastapi";
readonly component: string;
}, {
readonly type: "image";
readonly name: "python-flask";
readonly component: string;
}, {
readonly type: "image";
readonly name: "ruby";
readonly component: string;
}, {
readonly type: "icon";
readonly name: "self-hosted";
readonly component: import('react-icons/lib').IconType;
}, {
readonly type: "image";
readonly name: "ubuntu";
readonly component: string;
}];
/**
* Maps deprecated icon names to their new names.
*
* This object helps migrate from old icon names to new ones by providing
* a lookup table where:
* - Keys are the old/deprecated icon names
* - Values are the new icon names that should be used instead
*
* @example
* // The object looks like this:
* {
* 'downArrow': 'arrowDown',
* 'eye': 'eyeOpen',
* // ... more mappings
* }
*
* @example
* // Usage:
* const newName = deprecatedToNewIconMap['downArrow'] // returns 'arrowDown'
*/
declare const deprecatedToNewIconMap: DeprecatedToNewIconMap;
type DeprecatedIcon = Extract<(typeof iconList)[number], {
type: 'deprecated-icon';
} | {
type: 'deprecated-image';
}>;
type DeprecatedToNewIconMap = {
[K in DeprecatedIcon['name']]: Extract<DeprecatedIcon, {
name: K;
}>['newName'];
};
declare const iconLoader: (name?: Icon, size?: number, color?: string, opacity?: number, label?: string) => React.JSX.Element;
export { deprecatedToNewIconMap, iconLoader, iconList };