highsoft-ui 1.0.174 → 1.0.175
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.
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
import { ElementType, FC, HTMLAttributes, ReactNode, SVGProps } from 'react';
|
|
2
|
+
export interface BreadcrumbItem {
|
|
3
|
+
label: ReactNode;
|
|
4
|
+
/** Link target. Leave it out for a plain label, such as a section name or the current page. */
|
|
5
|
+
href?: string;
|
|
6
|
+
/** Leading icon, an `@untitled-ui/icons-react` component, drawn through `Icon` at 12px. */
|
|
7
|
+
icon?: FC<SVGProps<SVGSVGElement>>;
|
|
8
|
+
/** Tone of the icon: `inherit` (default) follows the text; `brand` gives it a touch of the brand colour. */
|
|
9
|
+
iconColor?: 'inherit' | 'brand';
|
|
10
|
+
}
|
|
11
|
+
export type BreadcrumbSeparator = 'chevron' | 'arrow' | 'slash';
|
|
12
|
+
export interface BreadcrumbProps extends Omit<HTMLAttributes<HTMLElement>, 'children'> {
|
|
13
|
+
/** The trail, first to last. The last item is the current page and renders without a link. */
|
|
14
|
+
items: BreadcrumbItem[];
|
|
15
|
+
/** What sits between the items: a chevron (default), an arrow, or a slash. */
|
|
16
|
+
separator?: BreadcrumbSeparator;
|
|
17
|
+
/**
|
|
18
|
+
* Component for the links, e.g. Next's `Link`, so client-side routing
|
|
19
|
+
* works. Default `"a"`.
|
|
20
|
+
*/
|
|
21
|
+
link?: ElementType;
|
|
22
|
+
/**
|
|
23
|
+
* On a narrow screen, fold the middle items into an ellipsis so the first
|
|
24
|
+
* and the last two stay visible (default `true`).
|
|
25
|
+
*/
|
|
26
|
+
collapse?: boolean;
|
|
27
|
+
/** Accessible name of the `<nav>` (default "Breadcrumb"). */
|
|
28
|
+
label?: string;
|
|
29
|
+
}
|
|
30
|
+
/**
|
|
31
|
+
* The trail to the current page. Linked items are the plain Button at size
|
|
32
|
+
* 100, the current page is a label marked `aria-current="page"`, and the
|
|
33
|
+
* separators are icons. Everything sits on one 24px row. On a narrow screen
|
|
34
|
+
* the middle items fold into an ellipsis so the first and the last two stay.
|
|
35
|
+
*/
|
|
36
|
+
export declare const Breadcrumb: import('react').ForwardRefExoticComponent<BreadcrumbProps & import('react').RefAttributes<HTMLElement>>;
|
package/dist/lib/main.d.ts
CHANGED
|
@@ -77,6 +77,8 @@ export { SidebarLayout, SidebarMain, Sidebar, SidebarHeader, SidebarBody, Sideba
|
|
|
77
77
|
export type { SidebarLayoutProps, SidebarProps, SidebarSectionProps, SidebarSwitcherProps, NavItemProps, NavGroupProps, NavDisclosureProps, SidebarLayoutContextValue } from './components/Sidebar';
|
|
78
78
|
export { PrefPanel } from './components/PrefPanel';
|
|
79
79
|
export { PrevNextNav } from './components/PrevNextNav';
|
|
80
|
+
export { Breadcrumb } from './components/Breadcrumb';
|
|
81
|
+
export type { BreadcrumbProps, BreadcrumbItem, BreadcrumbSeparator } from './components/Breadcrumb';
|
|
80
82
|
export type { PrevNextNavProps, PrevNextNavItem, PrevNextNavBack } from './components/PrevNextNav';
|
|
81
83
|
export { TableOfContents } from './components/TableOfContents';
|
|
82
84
|
export type { TableOfContentsProps, TableOfContentsItem } from './components/TableOfContents';
|
package/dist/main.js
CHANGED
|
@@ -52,6 +52,7 @@ import { NavGroup as _e } from "./components/Sidebar/NavGroup.js";
|
|
|
52
52
|
import { NavDisclosure as ve } from "./components/Sidebar/NavDisclosure.js";
|
|
53
53
|
import "./components/Sidebar/index.js";
|
|
54
54
|
import { t as ye } from "./PrevNextNav-BwP-lRaG.js";
|
|
55
|
-
import { t as be } from "./
|
|
56
|
-
import {
|
|
57
|
-
|
|
55
|
+
import { t as be } from "./Breadcrumb-CyaMrJfW.js";
|
|
56
|
+
import { t as xe } from "./TableOfContents-d26S7KYx.js";
|
|
57
|
+
import { ThemeLoader as Se, themeLoaderScript as Ce } from "./components/ThemeLoader/index.js";
|
|
58
|
+
export { a as Box, be as Breadcrumb, s as BrowserFrame, o as Button, y as ButtonGroup, $ as Checkbox, Q as CheckboxGroup, h as ClientLogo, p as CodeBlock, E as Container, d as CopyCode, D as DiscordInvite, L as Dropdown, F as DropdownItem, I as DropdownSeparator, M as FeatureItem, j as Features, u as Figure, W as Footer, T as FormGroup, C as FormRow, f as FrameworkIcon, G as GPTInput, J as Header, O as Heading, l as Icon, w as InputGrouped, b as InputSolo, B as Label, _ as Link, A as List, k as ListItem, N as Logo, g as LogoCarousel, re as Modal, ae as ModalContactFooter, ve as NavDisclosure, _e as NavGroup, ge as NavItem, z as NewTag, P as NewsletterSignup, K as Notification, R as PrefPanel, ye as PrevNextNav, v as ProductIcon, Z as RadioBox, X as RadioBoxGroup, ie as RoadmapDetails, x as SearchDropdown, S as SelectGrouped, de as Sidebar, fe as SidebarBody, pe as SidebarHeader, ce as SidebarLayout, le as SidebarMain, ue as SidebarResizer, me as SidebarSection, he as SidebarSwitcher, q as SubHeader, xe as TableOfContents, Y as Tabs, Se as ThemeLoader, i as ThemeProvider, ee as Toggle, te as ToggleCard, ne as ToggleList, c as Typography, V as VideoCover, H as VideoPlayer, U as VideoPlayerModal, m as clientLogoLabels, Ce as themeLoaderScript, n as useClipboard, t as useNextTheme, oe as useOptionalSidebarLayout, se as useSidebarLayout, r as useSuccessFlash, e as useTheme };
|