@ohos-ports/instructure-ui-breadcrumb 11.7.5-beta.0

package/tsconfig.json

@@ -0,0 +1,4 @@
+{
+  "extends": "../../tsconfig.json",
+  "compilerOptions": {}
+}

package/types/Breadcrumb/v1/BreadcrumbLink/index.d.ts

@@ -0,0 +1,31 @@
+import { Component } from 'react';
+import type { BreadcrumbLinkProps, BreadcrumbLinkState } from './props';
+/**
+---
+parent: Breadcrumb
+id: Breadcrumb.Link
+---
+**/
+declare class BreadcrumbLink extends Component<BreadcrumbLinkProps, BreadcrumbLinkState> {
+    static displayName: string;
+    static readonly componentId = "Breadcrumb.Link";
+    static allowedProps: readonly (keyof {
+        children: React.ReactNode;
+        href?: string;
+        onClick?: (event: React.MouseEvent<import("@instructure/ui-view/types/exports/a.js").ViewOwnProps, MouseEvent>) => void;
+        onMouseEnter?: (event: React.MouseEvent<import("@instructure/ui-view/types/exports/a.js").ViewOwnProps, MouseEvent>) => void;
+        size?: "small" | "medium" | "large";
+        renderIcon?: import("@instructure/shared-types").Renderable;
+        iconPlacement?: "start" | "end";
+        isCurrentPage?: boolean;
+    })[];
+    static defaultProps: {};
+    ref: Element | null;
+    handleRef: (el: Element | null) => void;
+    constructor(props: BreadcrumbLinkProps);
+    handleTruncation(isTruncated: boolean): void;
+    render(): import("@emotion/react/jsx-runtime").JSX.Element;
+}
+export default BreadcrumbLink;
+export { BreadcrumbLink };
+//# sourceMappingURL=index.d.ts.map

package/types/Breadcrumb/v1/BreadcrumbLink/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/Breadcrumb/v1/BreadcrumbLink/index.tsx"],"names":[],"mappings":"AAwBA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAQjC,OAAO,KAAK,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAEvE;;;;;GAKG;AAEH,cAAM,cAAe,SAAQ,SAAS,CACpC,mBAAmB,EACnB,mBAAmB,CACpB;IACC,MAAM,CAAC,WAAW,SAAmB;IACrC,MAAM,CAAC,QAAQ,CAAC,WAAW,qBAAoB;IAE/C,MAAM,CAAC,YAAY;;;;;;;;;SAAe;IAClC,MAAM,CAAC,YAAY,KAAK;IAExB,GAAG,EAAE,OAAO,GAAG,IAAI,CAAO;IAE1B,SAAS,GAAI,IAAI,OAAO,GAAG,IAAI,UAE9B;gBACW,KAAK,EAAE,mBAAmB;IAOtC,gBAAgB,CAAC,WAAW,EAAE,OAAO;IAMrC,MAAM;CAiDP;AAED,eAAe,cAAc,CAAA;AAC7B,OAAO,EAAE,cAAc,EAAE,CAAA"}

package/types/Breadcrumb/v1/BreadcrumbLink/props.d.ts

@@ -0,0 +1,49 @@
+import React from 'react';
+import type { PickPropsWithExceptions, OtherHTMLAttributes, Renderable } from '@instructure/shared-types';
+import type { ViewOwnProps } from '@instructure/ui-view/v11_6';
+import type { LinkProps } from '@instructure/ui-link/v11_6';
+type BreadcrumbLinkOwnProps = {
+    /**
+     * Content to render as the crumb, generally should be text.
+     */
+    children: React.ReactNode;
+    /**
+     * Link the crumb should direct to; if an href is provided, the crumb will render as a link
+     */
+    href?: string;
+    /**
+     * If the Breadcrumb.Link has an onClick prop (and no href), it will render as a button
+     */
+    onClick?: (event: React.MouseEvent<ViewOwnProps, MouseEvent>) => void;
+    /**
+     * Fires when the Link is hovered
+     */
+    onMouseEnter?: (event: React.MouseEvent<ViewOwnProps, MouseEvent>) => void;
+    /**
+     * Sets the font-size of the breadcrumb text
+     */
+    size?: 'small' | 'medium' | 'large';
+    /**
+     * Add an icon to the Breadcrumb.Link
+     */
+    renderIcon?: Renderable;
+    /**
+     * Place the icon before or after the text in the Breadcrumb.Link
+     */
+    iconPlacement?: 'start' | 'end';
+    /**
+     * Whether the page this breadcrumb points to is the current one. If true, it sets aria-current="page".
+     * If this prop is not set to true on any breadcrumb element, the one recieving the aria-current="page" will always be the last element, unless the last element's isCurrentPage prop is explicity set to false.
+     */
+    isCurrentPage?: boolean;
+};
+type PropKeys = keyof BreadcrumbLinkOwnProps;
+type AllowedPropKeys = Readonly<Array<PropKeys>>;
+type BreadcrumbLinkProps = PickPropsWithExceptions<LinkProps, 'children' | 'href' | 'onClick' | 'renderIcon' | 'iconPlacement' | 'isWithinText' | 'elementRef'> & BreadcrumbLinkOwnProps & OtherHTMLAttributes<BreadcrumbLinkOwnProps & LinkProps>;
+declare const allowedProps: AllowedPropKeys;
+type BreadcrumbLinkState = {
+    isTruncated: boolean;
+};
+export type { BreadcrumbLinkProps, BreadcrumbLinkState };
+export { allowedProps };
+//# sourceMappingURL=props.d.ts.map

package/types/Breadcrumb/v1/BreadcrumbLink/props.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../../../src/Breadcrumb/v1/BreadcrumbLink/props.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,KAAK,EACV,uBAAuB,EACvB,mBAAmB,EACnB,UAAU,EACX,MAAM,2BAA2B,CAAA;AAClC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAA;AAC9D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAA;AAE3D,KAAK,sBAAsB,GAAG;IAC5B;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IACb;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,YAAY,EAAE,UAAU,CAAC,KAAK,IAAI,CAAA;IACrE;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,YAAY,EAAE,UAAU,CAAC,KAAK,IAAI,CAAA;IAC1E;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IACnC;;OAEG;IACH,UAAU,CAAC,EAAE,UAAU,CAAA;IACvB;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,GAAG,KAAK,CAAA;IAC/B;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAA;CACxB,CAAA;AAED,KAAK,QAAQ,GAAG,MAAM,sBAAsB,CAAA;AAE5C,KAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,KAAK,mBAAmB,GAAG,uBAAuB,CAChD,SAAS,EACP,UAAU,GACV,MAAM,GACN,SAAS,GACT,YAAY,GACZ,eAAe,GACf,cAAc,GACd,YAAY,CACf,GACC,sBAAsB,GACtB,mBAAmB,CAAC,sBAAsB,GAAG,SAAS,CAAC,CAAA;AACzD,QAAA,MAAM,YAAY,EAAE,eASnB,CAAA;AAED,KAAK,mBAAmB,GAAG;IACzB,WAAW,EAAE,OAAO,CAAA;CACrB,CAAA;AAED,YAAY,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,CAAA;AACxD,OAAO,EAAE,YAAY,EAAE,CAAA"}

package/types/Breadcrumb/v1/index.d.ts

@@ -0,0 +1,35 @@
+import { Component, ReactElement } from 'react';
+import { BreadcrumbLink } from './BreadcrumbLink/index.js';
+import type { BreadcrumbProps } from './props';
+/**
+---
+category: components
+---
+**/
+declare class Breadcrumb extends Component<BreadcrumbProps> {
+    static displayName: string;
+    static readonly componentId = "Breadcrumb";
+    static allowedProps: readonly (keyof {
+        children?: React.ReactNode;
+        label: string;
+        size?: "small" | "medium" | "large";
+        margin?: import("@instructure/emotion").Spacing;
+    })[];
+    static defaultProps: {
+        size: string;
+        children: null;
+    };
+    ref: Element | null;
+    handleRef: (el: Element | null) => void;
+    addAriaCurrent: (child: React.ReactNode) => ReactElement<{
+        'aria-current'?: string;
+    }, string | import("react").JSXElementConstructor<any>>;
+    componentDidMount(): void;
+    componentDidUpdate(): void;
+    static Link: typeof BreadcrumbLink;
+    renderChildren(): import("@emotion/react/jsx-runtime").JSX.Element[] | null | undefined;
+    render(): import("@emotion/react/jsx-runtime").JSX.Element;
+}
+export default Breadcrumb;
+export { Breadcrumb, BreadcrumbLink };
+//# sourceMappingURL=index.d.ts.map

package/types/Breadcrumb/v1/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Breadcrumb/v1/index.tsx"],"names":[],"mappings":"AAwBA,OAAO,EAIL,SAAS,EACT,YAAY,EACb,MAAM,OAAO,CAAA;AAMd,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAM1D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAE9C;;;;GAIG;AAEH,cACM,UAAW,SAAQ,SAAS,CAAC,eAAe,CAAC;IACjD,MAAM,CAAC,WAAW,SAAe;IACjC,MAAM,CAAC,QAAQ,CAAC,WAAW,gBAAe;IAE1C,MAAM,CAAC,YAAY;;;;;SAAe;IAClC,MAAM,CAAC,YAAY;;;MAGlB;IAED,GAAG,EAAE,OAAO,GAAG,IAAI,CAAO;IAE1B,SAAS,GAAI,IAAI,OAAO,GAAG,IAAI,UAE9B;IAED,cAAc,GAAI,OAAO,KAAK,CAAC,SAAS;yBAEW,MAAM;4DAMxD;IAED,iBAAiB;IAGjB,kBAAkB;IAIlB,MAAM,CAAC,IAAI,wBAAiB;IAE5B,cAAc;IAqCd,MAAM;CAgBP;AAED,eAAe,UAAU,CAAA;AACzB,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,CAAA"}

package/types/Breadcrumb/v1/props.d.ts

@@ -0,0 +1,30 @@
+import type { Spacing, WithStyleProps, ComponentStyle } from '@instructure/emotion';
+import type { BreadcrumbTheme } from '@instructure/shared-types';
+type BreadcrumbOwnProps = {
+    /**
+     * children of type Breadcrumb.Link
+     */
+    children?: React.ReactNode;
+    /**
+     * An accessible label for the navigation
+     */
+    label: string;
+    /**
+     * Sets the font-size of the breadcrumb text
+     */
+    size?: 'small' | 'medium' | 'large';
+    /**
+     * Valid values are `0`, `none`, `auto`, `xxx-small`, `xx-small`, `x-small`,
+     * `small`, `medium`, `large`, `x-large`, `xx-large`. Apply these values via
+     * familiar CSS-like shorthand. For example: `margin="small auto large"`.
+     */
+    margin?: Spacing;
+};
+type PropKeys = keyof BreadcrumbOwnProps;
+type AllowedPropKeys = Readonly<Array<PropKeys>>;
+type BreadcrumbProps = BreadcrumbOwnProps & WithStyleProps<BreadcrumbTheme, BreadcrumbStyle>;
+type BreadcrumbStyle = ComponentStyle<'breadcrumb' | 'crumb' | 'separator'>;
+declare const allowedProps: AllowedPropKeys;
+export type { BreadcrumbProps, BreadcrumbStyle };
+export { allowedProps };
+//# sourceMappingURL=props.d.ts.map

package/types/Breadcrumb/v1/props.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../../src/Breadcrumb/v1/props.ts"],"names":[],"mappings":"AAuBA,OAAO,KAAK,EACV,OAAO,EACP,cAAc,EACd,cAAc,EACf,MAAM,sBAAsB,CAAA;AAC7B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAA;AAEhE,KAAK,kBAAkB,GAAG;IACxB;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B;;OAEG;IACH,KAAK,EAAE,MAAM,CAAA;IACb;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IACnC;;;;OAIG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB,CAAA;AAED,KAAK,QAAQ,GAAG,MAAM,kBAAkB,CAAA;AAExC,KAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,KAAK,eAAe,GAAG,kBAAkB,GACvC,cAAc,CAAC,eAAe,EAAE,eAAe,CAAC,CAAA;AAElD,KAAK,eAAe,GAAG,cAAc,CAAC,YAAY,GAAG,OAAO,GAAG,WAAW,CAAC,CAAA;AAC3E,QAAA,MAAM,YAAY,EAAE,eAAyD,CAAA;AAE7E,YAAY,EAAE,eAAe,EAAE,eAAe,EAAE,CAAA;AAChD,OAAO,EAAE,YAAY,EAAE,CAAA"}

package/types/Breadcrumb/v1/styles.d.ts

@@ -0,0 +1,15 @@
+import type { BreadcrumbTheme } from '@instructure/shared-types';
+import type { BreadcrumbProps, BreadcrumbStyle } from './props';
+/**
+ * ---
+ * private: true
+ * ---
+ * Generates the style object from the theme and provided additional information
+ * @param  {Object} componentTheme The theme variable object.
+ * @param  {Object} props the props of the component, the style is applied to
+ * @param  {Object} state the state of the component, the style is applied to
+ * @return {Object} The final style object, which will be used in the component
+ */
+declare const generateStyle: (componentTheme: BreadcrumbTheme, props: BreadcrumbProps) => BreadcrumbStyle;
+export default generateStyle;
+//# sourceMappingURL=styles.d.ts.map

package/types/Breadcrumb/v1/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/Breadcrumb/v1/styles.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAA;AAChE,OAAO,KAAK,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAE/D;;;;;;;;;GASG;AACH,QAAA,MAAM,aAAa,GACjB,gBAAgB,eAAe,EAC/B,OAAO,eAAe,KACrB,eAyEF,CAAA;AAED,eAAe,aAAa,CAAA"}

package/types/Breadcrumb/v1/theme.d.ts

@@ -0,0 +1,10 @@
+import type { Theme } from '@instructure/ui-themes';
+import { BreadcrumbTheme } from '@instructure/shared-types';
+/**
+ * Generates the theme object for the component from the theme and provided additional information
+ * @param  {Object} theme The actual theme object.
+ * @return {Object} The final theme object with the overrides and component variables
+ */
+declare const generateComponentTheme: (theme: Theme) => BreadcrumbTheme;
+export default generateComponentTheme;
+//# sourceMappingURL=theme.d.ts.map

package/types/Breadcrumb/v1/theme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/Breadcrumb/v1/theme.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAA;AACnD,OAAO,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAA;AAE3D;;;;GAIG;AACH,QAAA,MAAM,sBAAsB,GAAI,OAAO,KAAK,KAAG,eAoB9C,CAAA;AAED,eAAe,sBAAsB,CAAA"}

package/types/Breadcrumb/v2/BreadcrumbLink/index.d.ts

@@ -0,0 +1,31 @@
+import { Component } from 'react';
+import type { BreadcrumbLinkProps, BreadcrumbLinkState } from './props';
+/**
+---
+parent: Breadcrumb
+id: Breadcrumb.Link
+---
+**/
+declare class BreadcrumbLink extends Component<BreadcrumbLinkProps, BreadcrumbLinkState> {
+    static displayName: string;
+    static readonly componentId = "Breadcrumb.Link";
+    static allowedProps: readonly (keyof {
+        children: React.ReactNode;
+        href?: string;
+        onClick?: (event: React.MouseEvent<import("@instructure/ui-view/types/exports/b.js").ViewOwnProps, MouseEvent>) => void;
+        onMouseEnter?: (event: React.MouseEvent<import("@instructure/ui-view/types/exports/b.js").ViewOwnProps, MouseEvent>) => void;
+        size?: "small" | "medium" | "large";
+        renderIcon?: import("@instructure/shared-types").Renderable;
+        iconPlacement?: "start" | "end";
+        isCurrentPage?: boolean;
+    })[];
+    static defaultProps: {};
+    ref: Element | null;
+    handleRef: (el: Element | null) => void;
+    constructor(props: BreadcrumbLinkProps);
+    handleTruncation(isTruncated: boolean): void;
+    render(): import("@emotion/react/jsx-runtime").JSX.Element;
+}
+export default BreadcrumbLink;
+export { BreadcrumbLink };
+//# sourceMappingURL=index.d.ts.map

package/types/Breadcrumb/v2/BreadcrumbLink/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/Breadcrumb/v2/BreadcrumbLink/index.tsx"],"names":[],"mappings":"AAwBA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAQjC,OAAO,KAAK,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAEvE;;;;;GAKG;AAEH,cAAM,cAAe,SAAQ,SAAS,CACpC,mBAAmB,EACnB,mBAAmB,CACpB;IACC,MAAM,CAAC,WAAW,SAAmB;IACrC,MAAM,CAAC,QAAQ,CAAC,WAAW,qBAAoB;IAE/C,MAAM,CAAC,YAAY;;;;;;;;;SAAe;IAClC,MAAM,CAAC,YAAY,KAAK;IAExB,GAAG,EAAE,OAAO,GAAG,IAAI,CAAO;IAE1B,SAAS,GAAI,IAAI,OAAO,GAAG,IAAI,UAE9B;gBACW,KAAK,EAAE,mBAAmB;IAOtC,gBAAgB,CAAC,WAAW,EAAE,OAAO;IAMrC,MAAM;CAkDP;AAED,eAAe,cAAc,CAAA;AAC7B,OAAO,EAAE,cAAc,EAAE,CAAA"}

package/types/Breadcrumb/v2/BreadcrumbLink/props.d.ts

@@ -0,0 +1,49 @@
+import React from 'react';
+import type { PickPropsWithExceptions, OtherHTMLAttributes, Renderable } from '@instructure/shared-types';
+import type { ViewOwnProps } from '@instructure/ui-view/latest';
+import type { LinkProps } from '@instructure/ui-link/latest';
+type BreadcrumbLinkOwnProps = {
+    /**
+     * Content to render as the crumb, generally should be text.
+     */
+    children: React.ReactNode;
+    /**
+     * Link the crumb should direct to; if an href is provided, the crumb will render as a link
+     */
+    href?: string;
+    /**
+     * If the Breadcrumb.Link has an onClick prop (and no href), it will render as a button
+     */
+    onClick?: (event: React.MouseEvent<ViewOwnProps, MouseEvent>) => void;
+    /**
+     * Fires when the Link is hovered
+     */
+    onMouseEnter?: (event: React.MouseEvent<ViewOwnProps, MouseEvent>) => void;
+    /**
+     * Sets the font-size of the breadcrumb text
+     */
+    size?: 'small' | 'medium' | 'large';
+    /**
+     * Add an icon to the Breadcrumb.Link
+     */
+    renderIcon?: Renderable;
+    /**
+     * Place the icon before or after the text in the Breadcrumb.Link
+     */
+    iconPlacement?: 'start' | 'end';
+    /**
+     * Whether the page this breadcrumb points to is the current one. If true, it sets aria-current="page".
+     * If this prop is not set to true on any breadcrumb element, the one recieving the aria-current="page" will always be the last element, unless the last element's isCurrentPage prop is explicity set to false.
+     */
+    isCurrentPage?: boolean;
+};
+type PropKeys = keyof BreadcrumbLinkOwnProps;
+type AllowedPropKeys = Readonly<Array<PropKeys>>;
+type BreadcrumbLinkProps = PickPropsWithExceptions<LinkProps, 'children' | 'href' | 'onClick' | 'renderIcon' | 'iconPlacement' | 'elementRef'> & BreadcrumbLinkOwnProps & OtherHTMLAttributes<BreadcrumbLinkOwnProps & LinkProps>;
+declare const allowedProps: AllowedPropKeys;
+type BreadcrumbLinkState = {
+    isTruncated: boolean;
+};
+export type { BreadcrumbLinkProps, BreadcrumbLinkState };
+export { allowedProps };
+//# sourceMappingURL=props.d.ts.map

package/types/Breadcrumb/v2/BreadcrumbLink/props.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../../../src/Breadcrumb/v2/BreadcrumbLink/props.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,KAAK,EACV,uBAAuB,EACvB,mBAAmB,EACnB,UAAU,EACX,MAAM,2BAA2B,CAAA;AAClC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAA;AAC/D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAA;AAE5D,KAAK,sBAAsB,GAAG;IAC5B;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IACb;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,YAAY,EAAE,UAAU,CAAC,KAAK,IAAI,CAAA;IACrE;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,YAAY,EAAE,UAAU,CAAC,KAAK,IAAI,CAAA;IAC1E;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IACnC;;OAEG;IACH,UAAU,CAAC,EAAE,UAAU,CAAA;IACvB;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,GAAG,KAAK,CAAA;IAC/B;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAA;CACxB,CAAA;AAED,KAAK,QAAQ,GAAG,MAAM,sBAAsB,CAAA;AAE5C,KAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,KAAK,mBAAmB,GAAG,uBAAuB,CAChD,SAAS,EACP,UAAU,GACV,MAAM,GACN,SAAS,GACT,YAAY,GACZ,eAAe,GACf,YAAY,CACf,GACC,sBAAsB,GACtB,mBAAmB,CAAC,sBAAsB,GAAG,SAAS,CAAC,CAAA;AACzD,QAAA,MAAM,YAAY,EAAE,eASnB,CAAA;AAED,KAAK,mBAAmB,GAAG;IACzB,WAAW,EAAE,OAAO,CAAA;CACrB,CAAA;AAED,YAAY,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,CAAA;AACxD,OAAO,EAAE,YAAY,EAAE,CAAA"}

package/types/Breadcrumb/v2/index.d.ts

@@ -0,0 +1,35 @@
+import { Component, ReactElement } from 'react';
+import { BreadcrumbLink } from './BreadcrumbLink/index.js';
+import type { BreadcrumbProps } from './props';
+/**
+---
+category: components
+---
+**/
+declare class Breadcrumb extends Component<BreadcrumbProps> {
+    static displayName: string;
+    static readonly componentId = "Breadcrumb";
+    static allowedProps: readonly (keyof {
+        children?: React.ReactNode;
+        label: string;
+        size?: "small" | "medium" | "large";
+        margin?: import("@instructure/emotion").Spacing;
+    })[];
+    static defaultProps: {
+        size: string;
+        children: null;
+    };
+    ref: Element | null;
+    handleRef: (el: Element | null) => void;
+    addAriaCurrent: (child: React.ReactNode) => ReactElement<{
+        'aria-current'?: string;
+    }, string | import("react").JSXElementConstructor<any>>;
+    componentDidMount(): void;
+    componentDidUpdate(): void;
+    static Link: typeof BreadcrumbLink;
+    renderChildren(): import("@emotion/react/jsx-runtime").JSX.Element[] | null | undefined;
+    render(): import("@emotion/react/jsx-runtime").JSX.Element;
+}
+export default Breadcrumb;
+export { Breadcrumb, BreadcrumbLink };
+//# sourceMappingURL=index.d.ts.map

package/types/Breadcrumb/v2/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Breadcrumb/v2/index.tsx"],"names":[],"mappings":"AAwBA,OAAO,EAA4B,SAAS,EAAE,YAAY,EAAE,MAAM,OAAO,CAAA;AAOzE,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAK1D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAE9C;;;;GAIG;AAEH,cACM,UAAW,SAAQ,SAAS,CAAC,eAAe,CAAC;IACjD,MAAM,CAAC,WAAW,SAAe;IACjC,MAAM,CAAC,QAAQ,CAAC,WAAW,gBAAe;IAE1C,MAAM,CAAC,YAAY;;;;;SAAe;IAClC,MAAM,CAAC,YAAY;;;MAGlB;IAED,GAAG,EAAE,OAAO,GAAG,IAAI,CAAO;IAE1B,SAAS,GAAI,IAAI,OAAO,GAAG,IAAI,UAE9B;IAED,cAAc,GAAI,OAAO,KAAK,CAAC,SAAS;yBAEW,MAAM;4DAMxD;IAED,iBAAiB;IAIjB,kBAAkB;IAIlB,MAAM,CAAC,IAAI,wBAAiB;IAE5B,cAAc;IAwDd,MAAM;CAgBP;AAED,eAAe,UAAU,CAAA;AACzB,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,CAAA"}

package/types/Breadcrumb/v2/props.d.ts

@@ -0,0 +1,30 @@
+import type { Spacing, WithStyleProps, ComponentStyle } from '@instructure/emotion';
+import type { NewComponentTypes } from '@instructure/ui-themes';
+type BreadcrumbOwnProps = {
+    /**
+     * children of type Breadcrumb.Link
+     */
+    children?: React.ReactNode;
+    /**
+     * An accessible label for the navigation
+     */
+    label: string;
+    /**
+     * Sets the font-size of the breadcrumb text
+     */
+    size?: 'small' | 'medium' | 'large';
+    /**
+     * Valid values are `0`, `none`, `auto`, and Spacing token values,
+     * see https://instructure.design/layout-spacing. Apply these values via
+     * familiar CSS-like shorthand. For example, `margin="general.spaceMd auto"`.
+     */
+    margin?: Spacing;
+};
+type PropKeys = keyof BreadcrumbOwnProps;
+type AllowedPropKeys = Readonly<Array<PropKeys>>;
+type BreadcrumbProps = BreadcrumbOwnProps & WithStyleProps<ReturnType<NewComponentTypes['Breadcrumb']>, BreadcrumbStyle>;
+type BreadcrumbStyle = ComponentStyle<'breadcrumb' | 'crumb' | 'separator'>;
+declare const allowedProps: AllowedPropKeys;
+export type { BreadcrumbProps, BreadcrumbStyle };
+export { allowedProps };
+//# sourceMappingURL=props.d.ts.map

package/types/Breadcrumb/v2/props.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../../src/Breadcrumb/v2/props.ts"],"names":[],"mappings":"AAuBA,OAAO,KAAK,EACV,OAAO,EACP,cAAc,EACd,cAAc,EACf,MAAM,sBAAsB,CAAA;AAC7B,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAA;AAE/D,KAAK,kBAAkB,GAAG;IACxB;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B;;OAEG;IACH,KAAK,EAAE,MAAM,CAAA;IACb;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IACnC;;;;OAIG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB,CAAA;AAED,KAAK,QAAQ,GAAG,MAAM,kBAAkB,CAAA;AAExC,KAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,KAAK,eAAe,GAAG,kBAAkB,GACvC,cAAc,CAAC,UAAU,CAAC,iBAAiB,CAAC,YAAY,CAAC,CAAC,EAAE,eAAe,CAAC,CAAA;AAE9E,KAAK,eAAe,GAAG,cAAc,CAAC,YAAY,GAAG,OAAO,GAAG,WAAW,CAAC,CAAA;AAE3E,QAAA,MAAM,YAAY,EAAE,eAAyD,CAAA;AAE7E,YAAY,EAAE,eAAe,EAAE,eAAe,EAAE,CAAA;AAChD,OAAO,EAAE,YAAY,EAAE,CAAA"}

package/types/Breadcrumb/v2/styles.d.ts

@@ -0,0 +1,14 @@
+import type { NewComponentTypes } from '@instructure/ui-themes';
+import type { BreadcrumbProps, BreadcrumbStyle } from './props';
+/**
+ * ---
+ * private: true
+ * ---
+ * Generates the style object from the theme and provided additional information
+ * @param  {Object} componentTheme The theme variable object.
+ * @param  {Object} props the props of the component, the style is applied to
+ * @return {Object} The final style object, which will be used in the component
+ */
+declare const generateStyle: (componentTheme: ReturnType<NewComponentTypes["Breadcrumb"]>, props: BreadcrumbProps) => BreadcrumbStyle;
+export default generateStyle;
+//# sourceMappingURL=styles.d.ts.map

package/types/Breadcrumb/v2/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/Breadcrumb/v2/styles.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAA;AAC/D,OAAO,KAAK,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAE/D;;;;;;;;GAQG;AACH,QAAA,MAAM,aAAa,GACjB,gBAAgB,UAAU,CAAC,iBAAiB,CAAC,YAAY,CAAC,CAAC,EAC3D,OAAO,eAAe,KACrB,eA4CF,CAAA;AAED,eAAe,aAAa,CAAA"}

package/types/exports/a.d.ts

@@ -0,0 +1,4 @@
+export { Breadcrumb, BreadcrumbLink } from '../Breadcrumb/v1/index.js';
+export type { BreadcrumbProps } from '../Breadcrumb/v1/props';
+export type { BreadcrumbLinkProps } from '../Breadcrumb/v1/BreadcrumbLink/props';
+//# sourceMappingURL=a.d.ts.map

package/types/exports/a.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"a.d.ts","sourceRoot":"","sources":["../../src/exports/a.ts"],"names":[],"mappings":"AAuBA,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAEtE,YAAY,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAA;AAC7D,YAAY,EAAE,mBAAmB,EAAE,MAAM,uCAAuC,CAAA"}

package/types/exports/b.d.ts

@@ -0,0 +1,4 @@
+export { Breadcrumb, BreadcrumbLink } from '../Breadcrumb/v2/index.js';
+export type { BreadcrumbProps } from '../Breadcrumb/v2/props';
+export type { BreadcrumbLinkProps } from '../Breadcrumb/v2/BreadcrumbLink/props';
+//# sourceMappingURL=b.d.ts.map

package/types/exports/b.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"b.d.ts","sourceRoot":"","sources":["../../src/exports/b.ts"],"names":[],"mappings":"AAuBA,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAEtE,YAAY,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAA;AAC7D,YAAY,EAAE,mBAAmB,EAAE,MAAM,uCAAuC,CAAA"}