@mintlify/components 0.3.14 → 0.4.0

package/dist/index.d.ts

@@ -1,17 +1,401 @@
-import { Accordion, AccordionGroup } from './Accordion';
-import { ApiPlayground, RequestMethodBubble, RequestPathHeader } from './Api';
-import { AppearFromTop } from './AppearFromTop';
-import { Button, ButtonProps, ButtonPropsBase } from './Button';
-import { Info, Warning, Note, Tip, Check } from './Callouts';
-import { Card, CardProps, CardPropsBase } from './Card';
-import { CardGroup } from './CardGroup';
-import { CodeBlock, CodeBlockProps, CodeBlockPropsBase, CodeGroup, CodeGroupProps, CodeGroupPropsBase } from './Code';
-import { Expandable } from './Expandable';
-import { Frame } from './Frame';
-import { Param } from './Param';
-import { PillSelect } from './PillSelect';
-import { Tab, Tabs } from './Tabs';
-import { Tooltip } from './Tooltip';
-import './css/globals.css';
-export type { CardProps, ButtonProps, ButtonPropsBase, CardPropsBase, CodeGroupPropsBase, CodeBlockPropsBase, CodeGroupProps, CodeBlockProps, };
-export { Accordion, AccordionGroup, AppearFromTop, ApiPlayground, Button, Card, CardGroup, CodeBlock, CodeGroup, Check, Expandable, Frame, Info, Warning, Note, Param, PillSelect, RequestMethodBubble, RequestPathHeader, Tabs, Tip, Tab, Tooltip, };
+import { JSX as JSX_2 } from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+
+export declare function Badge({ children, color, shape, size, stroke, disabled, icon, iconType, className, }: BadgeProps): JSX_2.Element;
+
+export declare interface BadgeProps {
+    /**
+     * @default "gray"
+     */
+    color?: "gray" | "blue" | "green" | "orange" | "red" | "purple" | "white" | "surface" | "white-destructive" | "surface-destructive";
+    /**
+     * Badge border radius shape.
+     * @default "rounded"
+     */
+    shape?: "rounded" | "pill";
+    /**
+     * @default "md"
+     */
+    size?: "xs" | "sm" | "md" | "lg";
+    /**
+     * Whether to display a border stroke outline.
+     * @default false
+     */
+    stroke?: boolean;
+    /**
+     * Whether the badge is disabled.
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * Optional icon before content. String (icon name) or React node.
+     * see {@link Icon} for available icon sets.
+     * @example
+     * ```tsx
+     * <Badge icon="check" iconType="lucide">Verified</Badge>
+     * ```
+     */
+    icon?: ReactNode | string;
+    /**
+     * Icon set type when `icon` is a string.
+     * @see {@link IconType}
+     */
+    iconType?: IconType;
+    className?: string;
+    children: ReactNode;
+}
+
+export declare const colors: {
+    "base-white": string;
+    "base-dark-1": string;
+    "base-transparent": string;
+    "icon-gray-2": string;
+    "icon-gray-3": string;
+    "gray-13-shadow": string;
+    "gray-13-shadow-2": string;
+    "red-1-focus": string;
+    "gray-1": string;
+    "gray-2": string;
+    "gray-3": string;
+    "gray-4": string;
+    "gray-5": string;
+    "gray-6": string;
+    "gray-7": string;
+    "gray-8": string;
+    "gray-9": string;
+    "gray-10": string;
+    "gray-11": string;
+    "gray-12": string;
+    "gray-13": string;
+    "gray-1a": string;
+    "gray-2a": string;
+    "gray-5a": string;
+    "gray-5a-solid": string;
+    "gray-7a": string;
+    "gray-9a": string;
+    "gray-9a-solid": string;
+    "white-1": string;
+    "white-2": string;
+    "white-3": string;
+    "white-4": string;
+    "white-5": string;
+    "white-5-solid": string;
+    "white-6": string;
+    "white-7": string;
+    "white-9": string;
+    "white-9-solid": string;
+    "white-13": string;
+    "blue-1": string;
+    "blue-2": string;
+    "blue-6": string;
+    "blue-8": string;
+    "blue-9": string;
+    "blue-12": string;
+    "blue-11": string;
+    "blue-3a": string;
+    "blue-5a": string;
+    "blue-7a": string;
+    "green-1": string;
+    "green-2": string;
+    "green-3": string;
+    "green-4": string;
+    "green-6": string;
+    "green-7": string;
+    "green-8": string;
+    "green-9": string;
+    "green-10": string;
+    "green-11": string;
+    "green-12": string;
+    "green-13": string;
+    "green-1a": string;
+    "green-3a": string;
+    "green-4a": string;
+    "green-5a": string;
+    "green-7a": string;
+    "green-11a": string;
+    "orange-1": string;
+    "orange-2": string;
+    "orange-4": string;
+    "orange-6": string;
+    "orange-8": string;
+    "orange-9": string;
+    "orange-11": string;
+    "orange-12": string;
+    "orange-13": string;
+    "orange-3a": string;
+    "orange-4a": string;
+    "orange-5a": string;
+    "orange-7a": string;
+    "red-1": string;
+    "red-2": string;
+    "red-4": string;
+    "red-5": string;
+    "red-6": string;
+    "red-8": string;
+    "red-9": string;
+    "red-11": string;
+    "red-12": string;
+    "red-13": string;
+    "red-1a": string;
+    "red-2a": string;
+    "red-3a": string;
+    "red-4a": string;
+    "red-5a": string;
+    "red-6a": string;
+    "red-7a": string;
+    "red-9a": string;
+    "purple-1": string;
+    "purple-2": string;
+    "purple-6": string;
+    "purple-8": string;
+    "purple-11": string;
+    "purple-12": string;
+    "purple-13": string;
+    "purple-3a": string;
+    "purple-5a": string;
+    "purple-7a": string;
+};
+
+export declare const designTokens: {
+    light: {
+        "red-1-focus": string;
+        "brand-7": string;
+        "brand-1a": string;
+        "brand-10": string;
+        "brand-4a": string;
+        "brand-11a": string;
+        "surface-neutral": string;
+        "surface-neutral-subtle": string;
+        "surface-warning": string;
+        "surface-info-accent": string;
+        "primary-hover": string;
+        "primary-disabled": string;
+        "button-secondary": string;
+        "button-secondary-hover": string;
+        "button-tertiary": string;
+        "tertiary-hover": string;
+        ghost: string;
+        "ghost-hover": string;
+        "destructive-hover": string;
+        "destructive-disabled": string;
+        "destructive-secondary-hover": string;
+        "button-destructive-tertiary": string;
+        "destructive-tertiary-hover": string;
+        "destructive-ghost-hover": string;
+        "badge-gray": string;
+        "badge-gray-accent": string;
+        "badge-blue": string;
+        "badge-blue-disabled": string;
+        "badge-green": string;
+        "badge-green-disabled": string;
+        "badge-orange": string;
+        "badge-orange-disabled": string;
+        "badge-red": string;
+        "badge-red-disabled": string;
+        "badge-purple": string;
+        "badge-purple-disabled": string;
+        "badge-purple-accent": string;
+        "badge-white-disabled": string;
+        "badge-surface": string;
+        "accent-blue-accent": string;
+        "accent-blue-subtle": string;
+        "accent-gray-accent": string;
+        "accent-green": string;
+        "accent-green-accent": string;
+        "accent-green-subtle": string;
+        "accent-orange-subtle": string;
+        "accent-orange-accent": string;
+        "accent-red": string;
+        "accent-red-subtle": string;
+        "accent-red-accent": string;
+        "accent-purple": string;
+        "accent-purple-subtle": string;
+        "accent-purple-accent": string;
+        "checkbox-disabled": string;
+        "toggle-default": string;
+        "toggle-hover": string;
+        "toggle-active-hover": string;
+        "toggle-active-disabled": string;
+        "toggle-handle-disabled": string;
+        "border-action-normal": string;
+        "border-action-hover": string;
+        "border-action-focus": string;
+        "border-action-focus-destructive-light": string;
+        "border-action-destructive": string;
+        "border-action-destructive-hover": string;
+        "border-base-warning": string;
+        "border-base-destructive": string;
+        "border-base-alpha": string;
+        "border-base-alpha-white": string;
+        "text-primary": string;
+        "text-secondary": string;
+        "text-secondary-solid": string;
+        "text-tertiary": string;
+        "text-quaternary": string;
+        "text-quaternary-solid": string;
+        "text-inverted": string;
+        "text-static-dark": string;
+        "text-static-dark-secondary": string;
+        "text-destructive": string;
+        "text-destructive-secondary": string;
+        "text-destructive-tertiary": string;
+        "text-success": string;
+        "text-warning": string;
+        "text-accent-blue-inverted": string;
+        "text-accent-blue-secondary": string;
+        "text-accent-blue-tertiary": string;
+        "text-accent-green": string;
+        "text-accent-green-inverted": string;
+        "text-accent-green-secondary": string;
+        "text-accent-orange-inverted": string;
+        "text-accent-orange-secondary": string;
+        "text-accent-red-inverted": string;
+        "text-accent-red-secondary": string;
+        "text-accent-purple-inverted": string;
+        "text-accent-purple-secondary": string;
+        "icon-tertiary": string;
+        "icon-quaternary": string;
+        "shadow-xs": string;
+        "shadow-tooltip-sm": string;
+        "focus-light": string;
+        "focus-accent": string;
+        "focus-light-destructive": string;
+    };
+    dark: {
+        "red-1-focus": string;
+        "brand-1a": string;
+        "brand-7": string;
+        "brand-10": string;
+        "brand-4a": string;
+        "brand-11a": string;
+        "surface-inverted": string;
+        "surface-neutral": string;
+        "surface-neutral-subtle": string;
+        "surface-warning": string;
+        "surface-info-accent": string;
+        "primary-hover": string;
+        "primary-disabled": string;
+        "button-secondary": string;
+        "button-secondary-hover": string;
+        "button-tertiary": string;
+        "tertiary-hover": string;
+        ghost: string;
+        "ghost-hover": string;
+        "destructive-hover": string;
+        "destructive-disabled": string;
+        "destructive-secondary-hover": string;
+        "button-destructive-tertiary": string;
+        "destructive-tertiary-hover": string;
+        "destructive-ghost-hover": string;
+        "badge-gray": string;
+        "badge-gray-accent": string;
+        "badge-blue": string;
+        "badge-blue-disabled": string;
+        "badge-green": string;
+        "badge-green-disabled": string;
+        "badge-orange": string;
+        "badge-orange-disabled": string;
+        "badge-red": string;
+        "badge-red-disabled": string;
+        "badge-purple": string;
+        "badge-purple-disabled": string;
+        "badge-purple-accent": string;
+        "badge-white-disabled": string;
+        "badge-surface": string;
+        "accent-blue-accent": string;
+        "accent-blue-subtle": string;
+        "accent-gray-accent": string;
+        "accent-green": string;
+        "accent-green-accent": string;
+        "accent-green-subtle": string;
+        "accent-orange-subtle": string;
+        "accent-orange-accent": string;
+        "accent-red": string;
+        "accent-red-subtle": string;
+        "accent-red-accent": string;
+        "accent-purple": string;
+        "accent-purple-subtle": string;
+        "accent-purple-accent": string;
+        "checkbox-disabled": string;
+        "toggle-default": string;
+        "toggle-hover": string;
+        "toggle-active-hover": string;
+        "toggle-active-disabled": string;
+        "toggle-handle-disabled": string;
+        "border-action-normal": string;
+        "border-action-hover": string;
+        "border-action-focus": string;
+        "border-action-focus-destructive-light": string;
+        "border-action-destructive": string;
+        "border-action-destructive-hover": string;
+        "border-action-success": string;
+        "border-base-warning": string;
+        "border-base-destructive": string;
+        "border-base-alpha": string;
+        "border-base-alpha-white": string;
+        "text-primary": string;
+        "text-secondary": string;
+        "text-secondary-solid": string;
+        "text-tertiary": string;
+        "text-quaternary": string;
+        "text-quaternary-solid": string;
+        "text-inverted": string;
+        "text-static-dark": string;
+        "text-static-dark-secondary": string;
+        "text-destructive": string;
+        "text-destructive-secondary": string;
+        "text-destructive-tertiary": string;
+        "text-success": string;
+        "text-warning": string;
+        "text-accent-blue-inverted": string;
+        "text-accent-blue-secondary": string;
+        "text-accent-blue-tertiary": string;
+        "text-accent-green": string;
+        "text-accent-green-inverted": string;
+        "text-accent-green-secondary": string;
+        "text-accent-orange-inverted": string;
+        "text-accent-orange-secondary": string;
+        "text-accent-red-inverted": string;
+        "text-accent-red-secondary": string;
+        "text-accent-purple-inverted": string;
+        "text-accent-purple-secondary": string;
+        "icon-tertiary": string;
+        "icon-quaternary": string;
+        "shadow-xs": string;
+        "shadow-tooltip-sm": string;
+        "focus-light": string;
+        "focus-accent": string;
+        "focus-light-destructive": string;
+    };
+};
+
+declare const focus_2: {
+    "light-light": string;
+    "light-dark": string;
+    "accent-light": string;
+    "accent-dark": string;
+    "light-destructive-light": string;
+    "light-destructive-dark": string;
+};
+export { focus_2 as focus }
+
+export declare function Icon({ icon, iconType, color, size, className, }: IconProps): JSX_2.Element;
+
+export declare interface IconProps {
+    icon: string;
+    iconType?: IconType;
+    color?: string;
+    size?: number;
+    className?: string;
+}
+
+export declare type IconType = "regular" | "solid" | "light" | "thin" | "sharp-solid" | "duotone" | "brands";
+
+export declare const shadows: {
+    "xs-light": string;
+    "xs-dark": string;
+    "tooltip-sm-light": string;
+    "tooltip-sm-dark": string;
+};
+
+export { }