@yanolja-next/design-core 0.0.1 → 0.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/AGENTS.md +37 -0
- package/README.md +145 -1
- package/RULES.md +470 -0
- package/catalog.json +1345 -0
- package/dist/catalog.d.ts +11 -0
- package/dist/components/button/ActionRow.d.ts +2 -0
- package/dist/components/button/Button.d.ts +20 -0
- package/dist/components/button/ButtonLink.d.ts +9 -0
- package/dist/components/button/CopyBox.d.ts +7 -0
- package/dist/components/button/CopyButton.d.ts +6 -0
- package/dist/components/button/CopyText.d.ts +10 -0
- package/dist/components/button/ExpandToggle.d.ts +8 -0
- package/dist/components/button/GoLink.d.ts +11 -0
- package/dist/components/button/TextButton.d.ts +3 -0
- package/dist/components/button/ToolButton.d.ts +7 -0
- package/dist/components/button/index.d.ts +19 -0
- package/dist/components/data/card/Card.d.ts +31 -0
- package/dist/components/data/card/index.d.ts +2 -0
- package/dist/components/data/change-group/ChangeGroup.d.ts +10 -0
- package/dist/components/data/change-group/MarkList.d.ts +12 -0
- package/dist/components/data/change-group/index.d.ts +4 -0
- package/dist/components/data/clip-text/ClipText.d.ts +6 -0
- package/dist/components/data/clip-text/index.d.ts +2 -0
- package/dist/components/data/collection-filter/CollectionFilter.d.ts +19 -0
- package/dist/components/data/collection-filter/ToolbarDivider.d.ts +2 -0
- package/dist/components/data/collection-filter/index.d.ts +3 -0
- package/dist/components/data/container/Container.d.ts +26 -0
- package/dist/components/data/container/SectionStack.d.ts +2 -0
- package/dist/components/data/container/index.d.ts +3 -0
- package/dist/components/data/disclosure/Disclosure.d.ts +10 -0
- package/dist/components/data/disclosure/index.d.ts +2 -0
- package/dist/components/data/divided/Divided.d.ts +2 -0
- package/dist/components/data/divided/index.d.ts +1 -0
- package/dist/components/data/empty-state/EmptyState.d.ts +16 -0
- package/dist/components/data/empty-state/index.d.ts +2 -0
- package/dist/components/data/facts/Facts.d.ts +11 -0
- package/dist/components/data/facts/index.d.ts +2 -0
- package/dist/components/data/fail-state/FailLine.d.ts +5 -0
- package/dist/components/data/fail-state/FailState.d.ts +11 -0
- package/dist/components/data/fail-state/index.d.ts +4 -0
- package/dist/components/data/figures/Figures.d.ts +30 -0
- package/dist/components/data/figures/index.d.ts +2 -0
- package/dist/components/data/index.d.ts +38 -0
- package/dist/components/data/info-panel/InfoPanel.d.ts +22 -0
- package/dist/components/data/info-panel/index.d.ts +2 -0
- package/dist/components/data/inline-list/InlineList.d.ts +5 -0
- package/dist/components/data/inline-list/index.d.ts +2 -0
- package/dist/components/data/key-value/KeyValue.d.ts +7 -0
- package/dist/components/data/key-value/KeyValueColumns.d.ts +10 -0
- package/dist/components/data/key-value/index.d.ts +4 -0
- package/dist/components/data/lines/Lines.d.ts +6 -0
- package/dist/components/data/lines/index.d.ts +2 -0
- package/dist/components/data/link-card/LinkCard.d.ts +22 -0
- package/dist/components/data/link-card/index.d.ts +2 -0
- package/dist/components/data/machine-text/MachineText.d.ts +6 -0
- package/dist/components/data/machine-text/index.d.ts +2 -0
- package/dist/components/data/meta/Meta.d.ts +7 -0
- package/dist/components/data/meta/index.d.ts +2 -0
- package/dist/components/data/metric-strip/MetricStrip.d.ts +17 -0
- package/dist/components/data/metric-strip/index.d.ts +2 -0
- package/dist/components/data/more-text/MoreText.d.ts +8 -0
- package/dist/components/data/more-text/index.d.ts +2 -0
- package/dist/components/data/name-text/NameText.d.ts +4 -0
- package/dist/components/data/name-text/index.d.ts +2 -0
- package/dist/components/data/note/Note.d.ts +7 -0
- package/dist/components/data/note/index.d.ts +2 -0
- package/dist/components/data/page-foot/PageFoot.d.ts +3 -0
- package/dist/components/data/page-foot/index.d.ts +1 -0
- package/dist/components/data/pagination/Pagination.d.ts +10 -0
- package/dist/components/data/pagination/index.d.ts +2 -0
- package/dist/components/data/pick-list/PickList.d.ts +24 -0
- package/dist/components/data/pick-list/index.d.ts +2 -0
- package/dist/components/data/prose/PlainText.d.ts +3 -0
- package/dist/components/data/prose/Prose.d.ts +3 -0
- package/dist/components/data/prose/index.d.ts +4 -0
- package/dist/components/data/rail/Rail.d.ts +30 -0
- package/dist/components/data/rail/index.d.ts +1 -0
- package/dist/components/data/skeleton/Skeleton.d.ts +48 -0
- package/dist/components/data/skeleton/index.d.ts +2 -0
- package/dist/components/data/skeleton/placeholder.d.ts +13 -0
- package/dist/components/data/split-panes/SplitPanes.d.ts +3 -0
- package/dist/components/data/split-panes/index.d.ts +2 -0
- package/dist/components/data/steps/Steps.d.ts +10 -0
- package/dist/components/data/steps/index.d.ts +2 -0
- package/dist/components/data/sub-head/SubHead.d.ts +6 -0
- package/dist/components/data/sub-head/index.d.ts +2 -0
- package/dist/components/data/table/Table.d.ts +95 -0
- package/dist/components/data/table/TableClip.d.ts +6 -0
- package/dist/components/data/table/TableMore.d.ts +2 -0
- package/dist/components/data/table/TableSkeleton.d.ts +20 -0
- package/dist/components/data/table/TableSubLine.d.ts +8 -0
- package/dist/components/data/table/index.d.ts +9 -0
- package/dist/components/data/tabs/Tabs.d.ts +14 -0
- package/dist/components/data/tabs/index.d.ts +2 -0
- package/dist/components/data/term-list/TermList.d.ts +10 -0
- package/dist/components/data/term-list/index.d.ts +2 -0
- package/dist/components/data/url-text/UrlText.d.ts +11 -0
- package/dist/components/data/url-text/index.d.ts +2 -0
- package/dist/components/data/usage-bar/UsageBar.d.ts +19 -0
- package/dist/components/data/usage-bar/index.d.ts +2 -0
- package/dist/components/data/veiled/Veiled.d.ts +6 -0
- package/dist/components/data/veiled/index.d.ts +2 -0
- package/dist/components/data/warn-line/WarnLine.d.ts +6 -0
- package/dist/components/data/warn-line/index.d.ts +2 -0
- package/dist/components/forms/badge/Badge.d.ts +10 -0
- package/dist/components/forms/badge/index.d.ts +2 -0
- package/dist/components/forms/checkbox/Checkbox.d.ts +18 -0
- package/dist/components/forms/checkbox/index.d.ts +2 -0
- package/dist/components/forms/chip/Chip.d.ts +14 -0
- package/dist/components/forms/chip/ChipList.d.ts +2 -0
- package/dist/components/forms/chip/index.d.ts +3 -0
- package/dist/components/forms/code-input/CodeInput.d.ts +8 -0
- package/dist/components/forms/code-input/index.d.ts +2 -0
- package/dist/components/forms/combobox/Combobox.d.ts +28 -0
- package/dist/components/forms/combobox/index.d.ts +2 -0
- package/dist/components/forms/control.d.ts +6 -0
- package/dist/components/forms/field/Field.d.ts +32 -0
- package/dist/components/forms/field/index.d.ts +2 -0
- package/dist/components/forms/field-group/FieldGroup.d.ts +6 -0
- package/dist/components/forms/field-group/index.d.ts +2 -0
- package/dist/components/forms/form/Form.d.ts +2 -0
- package/dist/components/forms/form/index.d.ts +1 -0
- package/dist/components/forms/form-actions/FormActions.d.ts +5 -0
- package/dist/components/forms/form-actions/index.d.ts +2 -0
- package/dist/components/forms/index.d.ts +16 -0
- package/dist/components/forms/input/Input.d.ts +12 -0
- package/dist/components/forms/input/index.d.ts +2 -0
- package/dist/components/forms/radio/Radio.d.ts +10 -0
- package/dist/components/forms/radio/index.d.ts +2 -0
- package/dist/components/forms/segmented/Segmented.d.ts +20 -0
- package/dist/components/forms/segmented/index.d.ts +2 -0
- package/dist/components/forms/select/Select.d.ts +30 -0
- package/dist/components/forms/select/SelectText.d.ts +2 -0
- package/dist/components/forms/select/index.d.ts +3 -0
- package/dist/components/forms/status-indicator/StatusIndicator.d.ts +12 -0
- package/dist/components/forms/status-indicator/index.d.ts +2 -0
- package/dist/components/forms/switch/Switch.d.ts +7 -0
- package/dist/components/forms/switch/index.d.ts +2 -0
- package/dist/components/forms/textarea/Textarea.d.ts +5 -0
- package/dist/components/forms/textarea/index.d.ts +2 -0
- package/dist/components/icon/Icon.d.ts +10 -0
- package/dist/components/icon/SwapIcon.d.ts +2 -0
- package/dist/components/icon/icons.d.ts +286 -0
- package/dist/components/icon/index.d.ts +3 -0
- package/dist/components/link/Link.d.ts +12 -0
- package/dist/components/link/TextLink.d.ts +8 -0
- package/dist/components/link/index.d.ts +4 -0
- package/dist/components/overlay/index.d.ts +6 -0
- package/dist/components/overlay/menu/Menu.d.ts +36 -0
- package/dist/components/overlay/menu/index.d.ts +2 -0
- package/dist/components/overlay/modal/ConfirmModal.d.ts +15 -0
- package/dist/components/overlay/modal/Modal.d.ts +34 -0
- package/dist/components/overlay/modal/PanelHeader.d.ts +32 -0
- package/dist/components/overlay/modal/index.d.ts +5 -0
- package/dist/components/overlay/popover/Popover.d.ts +23 -0
- package/dist/components/overlay/popover/index.d.ts +2 -0
- package/dist/components/overlay/sheet/Sheet.d.ts +31 -0
- package/dist/components/overlay/sheet/index.d.ts +2 -0
- package/dist/components/overlay/toast/Toast.d.ts +20 -0
- package/dist/components/overlay/toast/index.d.ts +2 -0
- package/dist/components/overlay/tooltip/InfoTip.d.ts +8 -0
- package/dist/components/overlay/tooltip/TipText.d.ts +6 -0
- package/dist/components/overlay/tooltip/Tooltip.d.ts +14 -0
- package/dist/components/overlay/tooltip/index.d.ts +6 -0
- package/dist/components/reason/LockedPreview.d.ts +2 -0
- package/dist/components/reason/WithReason.d.ts +10 -0
- package/dist/components/reason/index.d.ts +3 -0
- package/dist/components/shell/app-shell/AppShell.d.ts +7 -0
- package/dist/components/shell/app-shell/index.d.ts +4 -0
- package/dist/components/shell/app-shell/sideNav.d.ts +12 -0
- package/dist/components/shell/drawer/Drawer.d.ts +36 -0
- package/dist/components/shell/drawer/index.d.ts +2 -0
- package/dist/components/shell/help-panel/HelpPanel.d.ts +33 -0
- package/dist/components/shell/help-panel/index.d.ts +2 -0
- package/dist/components/shell/index.d.ts +12 -0
- package/dist/components/shell/match/Keycap.d.ts +2 -0
- package/dist/components/shell/match/MatchText.d.ts +4 -0
- package/dist/components/shell/page-head/HeadMore.d.ts +15 -0
- package/dist/components/shell/page-head/PageHead.d.ts +39 -0
- package/dist/components/shell/page-head/index.d.ts +6 -0
- package/dist/components/shell/page-head/pagePath.d.ts +10 -0
- package/dist/components/shell/rank.d.ts +1 -0
- package/dist/components/shell/sidebar/Sidebar.d.ts +40 -0
- package/dist/components/shell/sidebar/index.d.ts +2 -0
- package/dist/components/shell/sign-in-card/SignInCard.d.ts +29 -0
- package/dist/components/shell/sign-in-card/index.d.ts +2 -0
- package/dist/components/shell/slash.d.ts +3 -0
- package/dist/components/shell/standalone-panel/StandalonePanel.d.ts +6 -0
- package/dist/components/shell/standalone-panel/index.d.ts +2 -0
- package/dist/components/shell/topbar/Topbar.d.ts +76 -0
- package/dist/components/shell/topbar/index.d.ts +2 -0
- package/dist/components/viz/chart/BarChart.d.ts +6 -0
- package/dist/components/viz/chart/ChartFrame.d.ts +34 -0
- package/dist/components/viz/chart/ChartHead.d.ts +9 -0
- package/dist/components/viz/chart/ChartLegend.d.ts +17 -0
- package/dist/components/viz/chart/ChartSkeleton.d.ts +6 -0
- package/dist/components/viz/chart/LineChart.d.ts +6 -0
- package/dist/components/viz/chart/Sparkline.d.ts +14 -0
- package/dist/components/viz/chart/TimeSeriesChart.d.ts +7 -0
- package/dist/components/viz/chart/bubble.d.ts +1 -0
- package/dist/components/viz/chart/index.d.ts +16 -0
- package/dist/components/viz/chart/layout.d.ts +212 -0
- package/dist/components/viz/chart/timeSeries.d.ts +44 -0
- package/dist/components/viz/code-block/CodeBlock.d.ts +18 -0
- package/dist/components/viz/code-block/index.d.ts +2 -0
- package/dist/components/viz/index.d.ts +2 -0
- package/dist/i18n/en.d.ts +88 -0
- package/dist/i18n/index.d.ts +15 -0
- package/dist/index.d.ts +22 -0
- package/dist/index.js +10142 -0
- package/dist/lib/afterPress.d.ts +1 -0
- package/dist/lib/arrival.d.ts +3 -0
- package/dist/lib/cn.d.ts +2 -0
- package/dist/lib/copied.d.ts +5 -0
- package/dist/lib/floating.d.ts +5 -0
- package/dist/lib/focusAfter.d.ts +2 -0
- package/dist/lib/hit.d.ts +1 -0
- package/dist/lib/level.d.ts +1 -0
- package/dist/lib/media.d.ts +3 -0
- package/dist/lib/motion.d.ts +20 -0
- package/dist/lib/pageScroll.d.ts +6 -0
- package/dist/lib/scrollbar.d.ts +1 -0
- package/dist/styles.css +2 -0
- package/llms.txt +201 -0
- package/package.json +69 -5
- package/skill/SKILL.md +38 -0
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
export interface CatalogEntry {
|
|
2
|
+
name: string;
|
|
3
|
+
layer: 'core' | 'console' | 'landing';
|
|
4
|
+
intent: string;
|
|
5
|
+
use: string;
|
|
6
|
+
avoid: string;
|
|
7
|
+
instead?: string[];
|
|
8
|
+
parts?: Record<string, string>;
|
|
9
|
+
rule?: string;
|
|
10
|
+
}
|
|
11
|
+
export declare const catalog: CatalogEntry[];
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { VariantProps } from 'class-variance-authority';
|
|
2
|
+
import { ButtonHTMLAttributes } from 'react';
|
|
3
|
+
import { IconName } from '../icon';
|
|
4
|
+
export declare const buttonVariants: (props?: ({
|
|
5
|
+
variant?: "default" | "primary" | "ink" | "danger" | "quiet" | null | undefined;
|
|
6
|
+
size?: "head" | "default" | "sm" | "lg" | null | undefined;
|
|
7
|
+
iconOnly?: boolean | null | undefined;
|
|
8
|
+
withIcon?: "trailing" | null | undefined;
|
|
9
|
+
blocked?: boolean | null | undefined;
|
|
10
|
+
loading?: boolean | null | undefined;
|
|
11
|
+
selected?: boolean | null | undefined;
|
|
12
|
+
textOnly?: boolean | null | undefined;
|
|
13
|
+
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
14
|
+
export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement>, Pick<VariantProps<typeof buttonVariants>, 'variant' | 'size'> {
|
|
15
|
+
icon?: IconName;
|
|
16
|
+
loading?: boolean;
|
|
17
|
+
disabledReason?: string;
|
|
18
|
+
selected?: boolean;
|
|
19
|
+
}
|
|
20
|
+
export declare function Button({ variant, size: asked, icon, loading, disabled, disabledReason, selected, className, children, type, onClick, ...props }: ButtonProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { VariantProps } from 'class-variance-authority';
|
|
2
|
+
import { IconName } from '../icon';
|
|
3
|
+
import { LinkProps } from '../link';
|
|
4
|
+
import { buttonVariants } from './Button';
|
|
5
|
+
export interface ButtonLinkProps extends Omit<LinkProps, 'href'>, Pick<VariantProps<typeof buttonVariants>, 'variant' | 'size'> {
|
|
6
|
+
href: string;
|
|
7
|
+
icon?: IconName;
|
|
8
|
+
}
|
|
9
|
+
export declare function ButtonLink({ href, variant, size, icon, className, children, ...props }: ButtonLinkProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { HTMLAttributes, ReactNode } from 'react';
|
|
2
|
+
export interface CopyBoxProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children'> {
|
|
3
|
+
label: string;
|
|
4
|
+
value?: string;
|
|
5
|
+
children?: ReactNode;
|
|
6
|
+
}
|
|
7
|
+
export declare function CopyBox({ label, value, children, className, ...props }: CopyBoxProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { ToolButtonProps } from './ToolButton';
|
|
2
|
+
export interface CopyButtonProps extends Omit<ToolButtonProps, 'icon' | 'label' | 'onClick'> {
|
|
3
|
+
value: string;
|
|
4
|
+
label: string;
|
|
5
|
+
}
|
|
6
|
+
export declare function CopyButton({ value, label, ...props }: CopyButtonProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
export interface CopyTextProps {
|
|
3
|
+
value: string;
|
|
4
|
+
label: string;
|
|
5
|
+
text?: string;
|
|
6
|
+
size?: 'id';
|
|
7
|
+
render?: (copy: ReactNode) => ReactNode;
|
|
8
|
+
className?: string;
|
|
9
|
+
}
|
|
10
|
+
export declare function CopyText({ value, label, text, size, render, className }: CopyTextProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
export interface ExpandToggleProps {
|
|
2
|
+
expanded: boolean;
|
|
3
|
+
onToggle: () => void;
|
|
4
|
+
label: string;
|
|
5
|
+
className?: string;
|
|
6
|
+
}
|
|
7
|
+
export declare function ExpandToggle({ expanded, onToggle, label, className }: ExpandToggleProps): import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
export declare function ExpandToggleSpace(): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { AnchorHTMLAttributes, HTMLAttributes } from 'react';
|
|
2
|
+
export declare const goLinkVariants: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
|
|
3
|
+
export type GoLinkProps = (AnchorHTMLAttributes<HTMLAnchorElement> & {
|
|
4
|
+
href: string;
|
|
5
|
+
asChild?: false;
|
|
6
|
+
disabledReason?: string;
|
|
7
|
+
flush?: boolean;
|
|
8
|
+
}) | (HTMLAttributes<HTMLElement> & {
|
|
9
|
+
asChild: true;
|
|
10
|
+
});
|
|
11
|
+
export declare function GoLink({ asChild, className, children, ...props }: GoLinkProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { ButtonHTMLAttributes } from 'react';
|
|
2
|
+
import { IconName } from '../icon';
|
|
3
|
+
export interface ToolButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'children'> {
|
|
4
|
+
icon: IconName;
|
|
5
|
+
label: string;
|
|
6
|
+
}
|
|
7
|
+
export declare function ToolButton({ icon, label, className, type, ...props }: ToolButtonProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
export { ActionRow } from './ActionRow';
|
|
2
|
+
export type { ButtonProps } from './Button';
|
|
3
|
+
export { Button, buttonVariants } from './Button';
|
|
4
|
+
export type { ButtonLinkProps } from './ButtonLink';
|
|
5
|
+
export { ButtonLink } from './ButtonLink';
|
|
6
|
+
export type { CopyBoxProps } from './CopyBox';
|
|
7
|
+
export { CopyBox } from './CopyBox';
|
|
8
|
+
export type { CopyButtonProps } from './CopyButton';
|
|
9
|
+
export { CopyButton } from './CopyButton';
|
|
10
|
+
export type { CopyTextProps } from './CopyText';
|
|
11
|
+
export { CopyText } from './CopyText';
|
|
12
|
+
export type { ExpandToggleProps } from './ExpandToggle';
|
|
13
|
+
export { ExpandToggle, ExpandToggleSpace } from './ExpandToggle';
|
|
14
|
+
export type { GoLinkProps } from './GoLink';
|
|
15
|
+
export { GoLink, goLinkVariants } from './GoLink';
|
|
16
|
+
export type { TextButtonProps } from './TextButton';
|
|
17
|
+
export { TextButton } from './TextButton';
|
|
18
|
+
export type { ToolButtonProps } from './ToolButton';
|
|
19
|
+
export { ToolButton } from './ToolButton';
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import { VariantProps } from 'class-variance-authority';
|
|
2
|
+
import { ButtonHTMLAttributes, HTMLAttributes, ReactNode } from 'react';
|
|
3
|
+
import { LinkProps } from '../../link';
|
|
4
|
+
export declare const cardVariants: (props?: ({
|
|
5
|
+
flat?: boolean | null | undefined;
|
|
6
|
+
link?: boolean | null | undefined;
|
|
7
|
+
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
8
|
+
export interface CardProps extends HTMLAttributes<HTMLElement>, VariantProps<typeof cardVariants> {
|
|
9
|
+
}
|
|
10
|
+
export declare function Card({ flat, link, className, children, ...props }: CardProps): import("react/jsx-runtime").JSX.Element;
|
|
11
|
+
export type CardLinkProps = LinkProps;
|
|
12
|
+
export declare function CardLink({ className, ...props }: CardLinkProps): import("react/jsx-runtime").JSX.Element;
|
|
13
|
+
export type CardButtonProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'type'>;
|
|
14
|
+
export declare function CardButton({ className, ...props }: CardButtonProps): import("react/jsx-runtime").JSX.Element;
|
|
15
|
+
export interface CardHeadProps extends Omit<HTMLAttributes<HTMLElement>, 'title'> {
|
|
16
|
+
title: ReactNode;
|
|
17
|
+
as?: 'h2' | 'h3';
|
|
18
|
+
meta?: ReactNode;
|
|
19
|
+
metaNumeric?: boolean;
|
|
20
|
+
actions?: ReactNode;
|
|
21
|
+
tools?: ReactNode;
|
|
22
|
+
}
|
|
23
|
+
export declare function CardHead({ title, as: Heading, meta, metaNumeric, actions, tools, className, ...props }: CardHeadProps): import("react/jsx-runtime").JSX.Element;
|
|
24
|
+
export declare const cardBodyVariants: (props?: ({
|
|
25
|
+
pad?: boolean | null | undefined;
|
|
26
|
+
fill?: boolean | null | undefined;
|
|
27
|
+
even?: boolean | null | undefined;
|
|
28
|
+
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
29
|
+
export interface CardBodyProps extends HTMLAttributes<HTMLDivElement>, VariantProps<typeof cardBodyVariants> {
|
|
30
|
+
}
|
|
31
|
+
export declare function CardBody({ pad, fill, even, className, ...props }: CardBodyProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { HTMLAttributes } from 'react';
|
|
2
|
+
import { IconName } from '../../icon';
|
|
3
|
+
import { MarkListItem } from './MarkList';
|
|
4
|
+
export interface ChangeGroupProps extends HTMLAttributes<HTMLElement> {
|
|
5
|
+
title: string;
|
|
6
|
+
mark: 'loss' | 'gain' | IconName;
|
|
7
|
+
items: readonly (string | MarkListItem)[];
|
|
8
|
+
}
|
|
9
|
+
export declare function ChangeGroup({ title, mark, items, className, ...props }: ChangeGroupProps): import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
export declare function ChangeNote({ className, ...props }: HTMLAttributes<HTMLParagraphElement>): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { HTMLAttributes, ReactNode } from 'react';
|
|
2
|
+
import { IconName } from '../../icon';
|
|
3
|
+
export interface MarkListProps extends HTMLAttributes<HTMLUListElement> {
|
|
4
|
+
mark: 'loss' | 'gain' | IconName;
|
|
5
|
+
items: readonly (string | MarkListItem)[];
|
|
6
|
+
}
|
|
7
|
+
export interface MarkListItem {
|
|
8
|
+
label: string;
|
|
9
|
+
value?: ReactNode;
|
|
10
|
+
note?: ReactNode;
|
|
11
|
+
}
|
|
12
|
+
export declare function MarkList({ mark, items, className, ...props }: MarkListProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { HTMLAttributes, ReactNode } from 'react';
|
|
2
|
+
export interface CollectionSelection {
|
|
3
|
+
count: number;
|
|
4
|
+
actions: ReactNode;
|
|
5
|
+
onClear: () => void;
|
|
6
|
+
}
|
|
7
|
+
export interface CollectionFilterProps extends HTMLAttributes<HTMLDivElement> {
|
|
8
|
+
query?: string;
|
|
9
|
+
onQueryChange?: (query: string) => void;
|
|
10
|
+
placeholder?: string;
|
|
11
|
+
searchLabel?: string;
|
|
12
|
+
pagination?: ReactNode;
|
|
13
|
+
settings?: ReactNode;
|
|
14
|
+
children?: ReactNode;
|
|
15
|
+
selection?: CollectionSelection;
|
|
16
|
+
place?: 'bar' | 'head';
|
|
17
|
+
sparse?: boolean;
|
|
18
|
+
}
|
|
19
|
+
export declare function CollectionFilter({ query, onQueryChange, placeholder, searchLabel, pagination, settings, children, selection, place, sparse, className, ...props }: CollectionFilterProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import { HTMLAttributes, ReactNode } from 'react';
|
|
2
|
+
import { IconName } from '../../icon';
|
|
3
|
+
export declare const containerVariants: (props?: ({
|
|
4
|
+
hero?: boolean | null | undefined;
|
|
5
|
+
flush?: boolean | null | undefined;
|
|
6
|
+
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
7
|
+
export interface ContainerFooterLink {
|
|
8
|
+
label: string;
|
|
9
|
+
href: string;
|
|
10
|
+
}
|
|
11
|
+
export interface ContainerProps extends Omit<HTMLAttributes<HTMLElement>, 'title'> {
|
|
12
|
+
title: string;
|
|
13
|
+
as?: 'h2' | 'h3';
|
|
14
|
+
count?: string | number;
|
|
15
|
+
icon?: IconName;
|
|
16
|
+
hero?: boolean;
|
|
17
|
+
info?: ReactNode;
|
|
18
|
+
description?: ReactNode;
|
|
19
|
+
status?: ReactNode;
|
|
20
|
+
link?: ContainerFooterLink;
|
|
21
|
+
actions?: ReactNode;
|
|
22
|
+
actionsBeside?: boolean;
|
|
23
|
+
flush?: boolean;
|
|
24
|
+
footer?: ContainerFooterLink;
|
|
25
|
+
}
|
|
26
|
+
export declare function Container({ title, as: Heading, count, icon: _icon, hero, info, description, status, link, actions, actionsBeside, flush, footer, className, children, ...props }: ContainerProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
export interface DisclosureProps {
|
|
3
|
+
summary: ReactNode;
|
|
4
|
+
note?: ReactNode;
|
|
5
|
+
defaultOpen?: boolean;
|
|
6
|
+
lines?: boolean;
|
|
7
|
+
className?: string;
|
|
8
|
+
children: ReactNode;
|
|
9
|
+
}
|
|
10
|
+
export declare function Disclosure({ summary, note, defaultOpen, lines, className, children, }: DisclosureProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { Divided } from './Divided';
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { VariantProps } from 'class-variance-authority';
|
|
2
|
+
import { HTMLAttributes, ReactNode } from 'react';
|
|
3
|
+
export declare const emptyStateVariants: (props?: ({
|
|
4
|
+
size?: "line" | "default" | "sm" | null | undefined;
|
|
5
|
+
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
6
|
+
export interface EmptyStateProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'>, VariantProps<typeof emptyStateVariants> {
|
|
7
|
+
title: ReactNode;
|
|
8
|
+
description?: ReactNode;
|
|
9
|
+
action?: ReactNode;
|
|
10
|
+
}
|
|
11
|
+
export declare function EmptyState({ title, description, action, size, className, ...props }: EmptyStateProps): import("react/jsx-runtime").JSX.Element;
|
|
12
|
+
export declare function StateText({ title, description, action, }: {
|
|
13
|
+
title: ReactNode;
|
|
14
|
+
description?: ReactNode;
|
|
15
|
+
action?: ReactNode;
|
|
16
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { HTMLAttributes, ReactNode } from 'react';
|
|
2
|
+
export interface Fact {
|
|
3
|
+
label: ReactNode;
|
|
4
|
+
value: ReactNode;
|
|
5
|
+
}
|
|
6
|
+
export interface FactsProps extends HTMLAttributes<HTMLParagraphElement> {
|
|
7
|
+
items: Fact[];
|
|
8
|
+
layout?: 'line' | 'grid';
|
|
9
|
+
children?: ReactNode;
|
|
10
|
+
}
|
|
11
|
+
export declare function Facts({ items, layout, className, children, ...props }: FactsProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { HTMLAttributes, ReactNode } from 'react';
|
|
2
|
+
export interface FailLineProps extends HTMLAttributes<HTMLSpanElement> {
|
|
3
|
+
cause?: ReactNode;
|
|
4
|
+
}
|
|
5
|
+
export declare function FailLine({ cause, className, children, ...props }: FailLineProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { HTMLAttributes, ReactNode } from 'react';
|
|
2
|
+
export interface FailStateProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {
|
|
3
|
+
title: ReactNode;
|
|
4
|
+
description?: ReactNode;
|
|
5
|
+
onRetry?: () => void;
|
|
6
|
+
retryLabel?: string;
|
|
7
|
+
retrying?: boolean;
|
|
8
|
+
retryHint?: ReactNode;
|
|
9
|
+
size?: 'default' | 'line';
|
|
10
|
+
}
|
|
11
|
+
export declare function FailState({ title, description, onRetry, retryLabel, retrying, retryHint, size, className, ...props }: FailStateProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import { VariantProps } from 'class-variance-authority';
|
|
2
|
+
import { HTMLAttributes, ReactNode } from 'react';
|
|
3
|
+
export declare const figuresVariants: (props?: ({
|
|
4
|
+
size?: "default" | "sm" | null | undefined;
|
|
5
|
+
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
6
|
+
export interface FiguresProps extends HTMLAttributes<HTMLDListElement>, VariantProps<typeof figuresVariants> {
|
|
7
|
+
}
|
|
8
|
+
export declare function Figures({ size, className, ...props }: FiguresProps): import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
export declare const figureValueVariants: (props?: ({
|
|
10
|
+
lead?: "none" | "big" | "hero" | null | undefined;
|
|
11
|
+
plain?: boolean | null | undefined;
|
|
12
|
+
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
13
|
+
export interface FigureProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children'> {
|
|
14
|
+
label: ReactNode;
|
|
15
|
+
value: ReactNode;
|
|
16
|
+
note?: ReactNode;
|
|
17
|
+
lead?: 'hero' | 'big';
|
|
18
|
+
plain?: boolean;
|
|
19
|
+
inline?: boolean;
|
|
20
|
+
}
|
|
21
|
+
export declare function Figure({ label, value, note, lead, plain, inline, className, ...props }: FigureProps): import("react/jsx-runtime").JSX.Element;
|
|
22
|
+
export declare const heroVariants: (props?: ({
|
|
23
|
+
size?: "default" | "xl" | null | undefined;
|
|
24
|
+
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
25
|
+
export interface HeroProps extends Omit<HTMLAttributes<HTMLSpanElement>, 'children'>, VariantProps<typeof heroVariants> {
|
|
26
|
+
value?: ReactNode;
|
|
27
|
+
loading?: boolean;
|
|
28
|
+
suffix?: ReactNode;
|
|
29
|
+
}
|
|
30
|
+
export declare function Hero({ value, size, suffix, loading, className, ...props }: HeroProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
export * from './card';
|
|
2
|
+
export * from './change-group';
|
|
3
|
+
export * from './clip-text';
|
|
4
|
+
export * from './collection-filter';
|
|
5
|
+
export * from './container';
|
|
6
|
+
export * from './disclosure';
|
|
7
|
+
export * from './divided';
|
|
8
|
+
export * from './empty-state';
|
|
9
|
+
export * from './facts';
|
|
10
|
+
export * from './fail-state';
|
|
11
|
+
export * from './figures';
|
|
12
|
+
export * from './info-panel';
|
|
13
|
+
export * from './inline-list';
|
|
14
|
+
export * from './key-value';
|
|
15
|
+
export * from './lines';
|
|
16
|
+
export * from './link-card';
|
|
17
|
+
export * from './machine-text';
|
|
18
|
+
export * from './meta';
|
|
19
|
+
export * from './metric-strip';
|
|
20
|
+
export * from './more-text';
|
|
21
|
+
export * from './name-text';
|
|
22
|
+
export * from './note';
|
|
23
|
+
export * from './page-foot';
|
|
24
|
+
export * from './pagination';
|
|
25
|
+
export * from './pick-list';
|
|
26
|
+
export * from './prose';
|
|
27
|
+
export * from './rail';
|
|
28
|
+
export * from './skeleton';
|
|
29
|
+
export * from './split-panes';
|
|
30
|
+
export * from './steps';
|
|
31
|
+
export * from './sub-head';
|
|
32
|
+
export * from './table';
|
|
33
|
+
export * from './tabs';
|
|
34
|
+
export * from './term-list';
|
|
35
|
+
export * from './url-text';
|
|
36
|
+
export * from './usage-bar';
|
|
37
|
+
export * from './veiled';
|
|
38
|
+
export * from './warn-line';
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { HTMLAttributes, ReactNode } from 'react';
|
|
2
|
+
export interface InfoPanelProps extends HTMLAttributes<HTMLElement> {
|
|
3
|
+
label: string;
|
|
4
|
+
}
|
|
5
|
+
export declare function InfoPanel({ label, className, ...props }: InfoPanelProps): import("react/jsx-runtime").JSX.Element;
|
|
6
|
+
export interface InfoSectionProps extends Omit<HTMLAttributes<HTMLElement>, 'title'> {
|
|
7
|
+
title: string;
|
|
8
|
+
link?: ReactNode;
|
|
9
|
+
}
|
|
10
|
+
export declare function InfoSection({ title, link, className, children, ...props }: InfoSectionProps): import("react/jsx-runtime").JSX.Element;
|
|
11
|
+
export interface Person {
|
|
12
|
+
name: string;
|
|
13
|
+
role: string;
|
|
14
|
+
unnamed?: boolean;
|
|
15
|
+
}
|
|
16
|
+
export interface PersonListProps extends HTMLAttributes<HTMLDivElement> {
|
|
17
|
+
items?: Person[];
|
|
18
|
+
empty: string;
|
|
19
|
+
loading?: boolean;
|
|
20
|
+
summary?: string;
|
|
21
|
+
}
|
|
22
|
+
export declare function PersonList({ items, empty, loading, summary, className, ...props }: PersonListProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { HTMLAttributes } from 'react';
|
|
2
|
+
export interface InlineListProps extends HTMLAttributes<HTMLSpanElement> {
|
|
3
|
+
separator?: string;
|
|
4
|
+
}
|
|
5
|
+
export declare function InlineList({ separator, className, children, ...props }: InlineListProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { HTMLAttributes, ReactNode } from 'react';
|
|
2
|
+
export declare function KeyValue({ className, ...props }: HTMLAttributes<HTMLDListElement>): import("react/jsx-runtime").JSX.Element;
|
|
3
|
+
export interface KeyValueItemProps {
|
|
4
|
+
label: ReactNode;
|
|
5
|
+
children: ReactNode;
|
|
6
|
+
}
|
|
7
|
+
export declare function KeyValueItem({ label, children }: KeyValueItemProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { HTMLAttributes, ReactNode } from 'react';
|
|
2
|
+
export interface KeyValuePair {
|
|
3
|
+
label: string;
|
|
4
|
+
value: ReactNode;
|
|
5
|
+
}
|
|
6
|
+
export interface KeyValueColumnsProps extends HTMLAttributes<HTMLDivElement> {
|
|
7
|
+
columns: KeyValuePair[][];
|
|
8
|
+
aligned?: boolean;
|
|
9
|
+
}
|
|
10
|
+
export declare function KeyValueColumns({ columns, aligned, className, style, ...props }: KeyValueColumnsProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { HTMLAttributes } from 'react';
|
|
2
|
+
export interface LinesProps extends HTMLAttributes<HTMLElement> {
|
|
3
|
+
as?: 'span' | 'div' | 'ul';
|
|
4
|
+
tight?: boolean;
|
|
5
|
+
}
|
|
6
|
+
export declare function Lines({ as: Tag, tight, className, ...props }: LinesProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
import { IconName } from '../../icon';
|
|
3
|
+
import { CardButtonProps, CardLinkProps } from '../card';
|
|
4
|
+
interface LinkCardContent {
|
|
5
|
+
name: ReactNode;
|
|
6
|
+
icon?: IconName;
|
|
7
|
+
badges?: ReactNode;
|
|
8
|
+
code?: string;
|
|
9
|
+
description?: string;
|
|
10
|
+
note?: ReactNode;
|
|
11
|
+
fact?: ReactNode;
|
|
12
|
+
size?: 'md' | 'sm';
|
|
13
|
+
className?: string;
|
|
14
|
+
}
|
|
15
|
+
export type LinkCardProps = LinkCardContent & (Omit<CardLinkProps, 'className' | 'children'> | (Omit<CardButtonProps, 'className' | 'children'> & {
|
|
16
|
+
href?: undefined;
|
|
17
|
+
}));
|
|
18
|
+
export declare function LinkCard({ name, icon, badges, code: id, description: text, note, fact, size, className, ...press }: LinkCardProps): import("react/jsx-runtime").JSX.Element;
|
|
19
|
+
export declare function LinkCardSkeleton({ className }: {
|
|
20
|
+
className?: string;
|
|
21
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
22
|
+
export {};
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { HTMLAttributes } from 'react';
|
|
2
|
+
export interface MachineTextProps extends HTMLAttributes<HTMLElement> {
|
|
3
|
+
as?: 'span' | 'code';
|
|
4
|
+
wrap?: boolean;
|
|
5
|
+
}
|
|
6
|
+
export declare function MachineText({ as: Tag, wrap, className, ...props }: MachineTextProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { HTMLAttributes } from 'react';
|
|
2
|
+
export interface MetaProps extends HTMLAttributes<HTMLElement> {
|
|
3
|
+
as?: 'span' | 'p' | 'div';
|
|
4
|
+
tight?: boolean;
|
|
5
|
+
clip?: boolean;
|
|
6
|
+
}
|
|
7
|
+
export declare function Meta({ as: Tag, tight, clip, title, className, ...props }: MetaProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { HTMLAttributes, ReactNode } from 'react';
|
|
2
|
+
export interface MetricItem {
|
|
3
|
+
label: string;
|
|
4
|
+
key?: string;
|
|
5
|
+
value: ReactNode;
|
|
6
|
+
href?: string;
|
|
7
|
+
note?: ReactNode;
|
|
8
|
+
chart?: ReactNode;
|
|
9
|
+
tone?: 'danger';
|
|
10
|
+
}
|
|
11
|
+
export interface MetricStripProps extends Omit<HTMLAttributes<HTMLElement>, 'onSelect'> {
|
|
12
|
+
items: MetricItem[];
|
|
13
|
+
notes?: 'below' | 'beside';
|
|
14
|
+
selected?: string;
|
|
15
|
+
onSelect?: (key: string) => void;
|
|
16
|
+
}
|
|
17
|
+
export declare function MetricStrip({ items, notes, selected, onSelect, className, ...props }: MetricStripProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
export interface MoreTextProps {
|
|
3
|
+
children: ReactNode;
|
|
4
|
+
lines?: number;
|
|
5
|
+
label?: string;
|
|
6
|
+
className?: string;
|
|
7
|
+
}
|
|
8
|
+
export declare function MoreText({ children, lines, label, className }: MoreTextProps): import("react/jsx-runtime").JSX.Element;
|