@qualcomm-ui/react 1.17.1 → 1.19.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/dist/card/card-avatar.d.ts +13 -0
- package/dist/card/card-avatar.d.ts.map +1 -0
- package/dist/card/card-badge.d.ts +14 -0
- package/dist/card/card-badge.d.ts.map +1 -0
- package/dist/card/card-button.d.ts +14 -0
- package/dist/card/card-button.d.ts.map +1 -0
- package/dist/card/card-content.d.ts +14 -0
- package/dist/card/card-content.d.ts.map +1 -0
- package/dist/card/card-eyebrow-text.d.ts +14 -0
- package/dist/card/card-eyebrow-text.d.ts.map +1 -0
- package/dist/card/card-footer.d.ts +14 -0
- package/dist/card/card-footer.d.ts.map +1 -0
- package/dist/card/card-heading-text.d.ts +13 -0
- package/dist/card/card-heading-text.d.ts.map +1 -0
- package/dist/card/card-heading.d.ts +14 -0
- package/dist/card/card-heading.d.ts.map +1 -0
- package/dist/card/card-link.d.ts +14 -0
- package/dist/card/card-link.d.ts.map +1 -0
- package/dist/card/card-media.d.ts +15 -0
- package/dist/card/card-media.d.ts.map +1 -0
- package/dist/card/card-menu-trigger.d.ts +14 -0
- package/dist/card/card-menu-trigger.d.ts.map +1 -0
- package/dist/card/card-paragraph-text.d.ts +13 -0
- package/dist/card/card-paragraph-text.d.ts.map +1 -0
- package/dist/card/card-root.d.ts +15 -0
- package/dist/card/card-root.d.ts.map +1 -0
- package/dist/card/card-subheading-text.d.ts +14 -0
- package/dist/card/card-subheading-text.d.ts.map +1 -0
- package/dist/card/index.d.ts +91 -0
- package/dist/card/index.d.ts.map +1 -0
- package/dist/card/index.js +3 -0
- package/dist/card/index.js.map +7 -0
- package/dist/card/qds-card-context.d.ts +3 -0
- package/dist/card/qds-card-context.d.ts.map +1 -0
- package/dist/stepper/index.d.ts +84 -0
- package/dist/stepper/index.d.ts.map +1 -0
- package/dist/stepper/index.js +3 -0
- package/dist/stepper/index.js.map +7 -0
- package/dist/stepper/qds-stepper-context.d.ts +3 -0
- package/dist/stepper/qds-stepper-context.d.ts.map +1 -0
- package/dist/stepper/stepper-completed-content.d.ts +9 -0
- package/dist/stepper/stepper-completed-content.d.ts.map +1 -0
- package/dist/stepper/stepper-content.d.ts +9 -0
- package/dist/stepper/stepper-content.d.ts.map +1 -0
- package/dist/stepper/stepper-context.d.ts +9 -0
- package/dist/stepper/stepper-context.d.ts.map +1 -0
- package/dist/stepper/stepper-hint.d.ts +9 -0
- package/dist/stepper/stepper-hint.d.ts.map +1 -0
- package/dist/stepper/stepper-indicator-icon.d.ts +6 -0
- package/dist/stepper/stepper-indicator-icon.d.ts.map +1 -0
- package/dist/stepper/stepper-indicator.d.ts +32 -0
- package/dist/stepper/stepper-indicator.d.ts.map +1 -0
- package/dist/stepper/stepper-item.d.ts +9 -0
- package/dist/stepper/stepper-item.d.ts.map +1 -0
- package/dist/stepper/stepper-label.d.ts +9 -0
- package/dist/stepper/stepper-label.d.ts.map +1 -0
- package/dist/stepper/stepper-list.d.ts +9 -0
- package/dist/stepper/stepper-list.d.ts.map +1 -0
- package/dist/stepper/stepper-next-trigger.d.ts +9 -0
- package/dist/stepper/stepper-next-trigger.d.ts.map +1 -0
- package/dist/stepper/stepper-prev-trigger.d.ts +9 -0
- package/dist/stepper/stepper-prev-trigger.d.ts.map +1 -0
- package/dist/stepper/stepper-root.d.ts +10 -0
- package/dist/stepper/stepper-root.d.ts.map +1 -0
- package/dist/stepper/stepper-separator.d.ts +9 -0
- package/dist/stepper/stepper-separator.d.ts.map +1 -0
- package/dist/stepper/stepper-trigger.d.ts +9 -0
- package/dist/stepper/stepper-trigger.d.ts.map +1 -0
- package/dist/tsbuildinfo +1 -1
- package/package.json +4 -4
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import type { ReactElement, ReactNode } from "react";
|
|
2
|
+
import type { ElementRenderProp } from "@qualcomm-ui/react-core/system";
|
|
3
|
+
export interface CardAvatarProps extends ElementRenderProp<"div"> {
|
|
4
|
+
/**
|
|
5
|
+
* React {@link https://react.dev/learn/passing-props-to-a-component#passing-jsx-as-children children} prop.
|
|
6
|
+
*/
|
|
7
|
+
children?: ReactNode;
|
|
8
|
+
}
|
|
9
|
+
/**
|
|
10
|
+
* A slot for an avatar within the card. Renders a `<div>` element by default.
|
|
11
|
+
*/
|
|
12
|
+
export declare function CardAvatar(props: CardAvatarProps): ReactElement;
|
|
13
|
+
//# sourceMappingURL=card-avatar.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"card-avatar.d.ts","sourceRoot":"","sources":["../../src/card/card-avatar.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAC,YAAY,EAAE,SAAS,EAAC,MAAM,OAAO,CAAA;AAGlD,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,gCAAgC,CAAA;AAKrE,MAAM,WAAW,eAAgB,SAAQ,iBAAiB,CAAC,KAAK,CAAC;IAC/D;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB;AAED;;GAEG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,GAAG,YAAY,CAK/D"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import type { ReactElement, ReactNode } from "react";
|
|
2
|
+
import { type ElementRenderProp } from "@qualcomm-ui/react-core/system";
|
|
3
|
+
export interface CardBadgeProps extends ElementRenderProp<"div"> {
|
|
4
|
+
/**
|
|
5
|
+
* React {@link https://react.dev/learn/passing-props-to-a-component#passing-jsx-as-children children} prop.
|
|
6
|
+
*/
|
|
7
|
+
children?: ReactNode;
|
|
8
|
+
}
|
|
9
|
+
/**
|
|
10
|
+
* A badge slot within the card, typically used to display a status or category
|
|
11
|
+
* badge. Renders a `<div>` element by default.
|
|
12
|
+
*/
|
|
13
|
+
export declare function CardBadge(props: CardBadgeProps): ReactElement;
|
|
14
|
+
//# sourceMappingURL=card-badge.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"card-badge.d.ts","sourceRoot":"","sources":["../../src/card/card-badge.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAC,YAAY,EAAE,SAAS,EAAC,MAAM,OAAO,CAAA;AAElD,OAAO,EACL,KAAK,iBAAiB,EAEvB,MAAM,gCAAgC,CAAA;AAKvC,MAAM,WAAW,cAAe,SAAQ,iBAAiB,CAAC,KAAK,CAAC;IAC9D;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB;AAED;;;GAGG;AACH,wBAAgB,SAAS,CAAC,KAAK,EAAE,cAAc,GAAG,YAAY,CAK7D"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import type { ReactElement, ReactNode } from "react";
|
|
2
|
+
import { type QdsCardButtonApiProps } from "@qualcomm-ui/qds-core/card";
|
|
3
|
+
import type { ElementRenderProp } from "@qualcomm-ui/react-core/system";
|
|
4
|
+
export interface CardButtonProps extends ElementRenderProp<"button">, QdsCardButtonApiProps {
|
|
5
|
+
/**
|
|
6
|
+
* React {@link https://react.dev/learn/passing-props-to-a-component#passing-jsx-as-children children} prop.
|
|
7
|
+
*/
|
|
8
|
+
children?: ReactNode;
|
|
9
|
+
}
|
|
10
|
+
/**
|
|
11
|
+
* A button area within the card footer. Renders a `<button>` element by default.
|
|
12
|
+
*/
|
|
13
|
+
export declare function CardButton({ variant, ...props }: CardButtonProps): ReactElement;
|
|
14
|
+
//# sourceMappingURL=card-button.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"card-button.d.ts","sourceRoot":"","sources":["../../src/card/card-button.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAC,YAAY,EAAE,SAAS,EAAC,MAAM,OAAO,CAAA;AAElD,OAAO,EACL,KAAK,qBAAqB,EAE3B,MAAM,4BAA4B,CAAA;AAEnC,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,gCAAgC,CAAA;AAKrE,MAAM,WAAW,eACf,SAAQ,iBAAiB,CAAC,QAAQ,CAAC,EACjC,qBAAqB;IACvB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB;AAED;;GAEG;AACH,wBAAgB,UAAU,CAAC,EAAC,OAAO,EAAE,GAAG,KAAK,EAAC,EAAE,eAAe,GAAG,YAAY,CAK7E"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import type { ReactElement, ReactNode } from "react";
|
|
2
|
+
import { type ElementRenderProp } from "@qualcomm-ui/react-core/system";
|
|
3
|
+
export interface CardContentProps extends ElementRenderProp<"div"> {
|
|
4
|
+
/**
|
|
5
|
+
* React {@link https://react.dev/learn/passing-props-to-a-component#passing-jsx-as-children children} prop.
|
|
6
|
+
*/
|
|
7
|
+
children?: ReactNode;
|
|
8
|
+
}
|
|
9
|
+
/**
|
|
10
|
+
* The main content area of the card that wraps text, headings, and other body
|
|
11
|
+
* content. Renders a `<div>` element by default.
|
|
12
|
+
*/
|
|
13
|
+
export declare function CardContent(props: CardContentProps): ReactElement;
|
|
14
|
+
//# sourceMappingURL=card-content.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"card-content.d.ts","sourceRoot":"","sources":["../../src/card/card-content.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAC,YAAY,EAAE,SAAS,EAAC,MAAM,OAAO,CAAA;AAElD,OAAO,EACL,KAAK,iBAAiB,EAEvB,MAAM,gCAAgC,CAAA;AAKvC,MAAM,WAAW,gBAAiB,SAAQ,iBAAiB,CAAC,KAAK,CAAC;IAChE;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB;AAED;;;GAGG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,GAAG,YAAY,CAKjE"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import type { ReactElement, ReactNode } from "react";
|
|
2
|
+
import { type ElementRenderProp } from "@qualcomm-ui/react-core/system";
|
|
3
|
+
export interface CardEyebrowTextProps extends ElementRenderProp<"span"> {
|
|
4
|
+
/**
|
|
5
|
+
* React {@link https://react.dev/learn/passing-props-to-a-component#passing-jsx-as-children children} prop.
|
|
6
|
+
*/
|
|
7
|
+
children?: ReactNode;
|
|
8
|
+
}
|
|
9
|
+
/**
|
|
10
|
+
* A small label above the heading, typically used for categorization.
|
|
11
|
+
* Renders a `<span>` element by default.
|
|
12
|
+
*/
|
|
13
|
+
export declare function CardEyebrowText(props: CardEyebrowTextProps): ReactElement;
|
|
14
|
+
//# sourceMappingURL=card-eyebrow-text.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"card-eyebrow-text.d.ts","sourceRoot":"","sources":["../../src/card/card-eyebrow-text.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAC,YAAY,EAAE,SAAS,EAAC,MAAM,OAAO,CAAA;AAElD,OAAO,EACL,KAAK,iBAAiB,EAEvB,MAAM,gCAAgC,CAAA;AAKvC,MAAM,WAAW,oBAAqB,SAAQ,iBAAiB,CAAC,MAAM,CAAC;IACrE;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB;AAED;;;GAGG;AACH,wBAAgB,eAAe,CAAC,KAAK,EAAE,oBAAoB,GAAG,YAAY,CAKzE"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import type { ReactElement, ReactNode } from "react";
|
|
2
|
+
import { type ElementRenderProp } from "@qualcomm-ui/react-core/system";
|
|
3
|
+
export interface CardFooterProps extends ElementRenderProp<"div"> {
|
|
4
|
+
/**
|
|
5
|
+
* React {@link https://react.dev/learn/passing-props-to-a-component#passing-jsx-as-children children} prop.
|
|
6
|
+
*/
|
|
7
|
+
children?: ReactNode;
|
|
8
|
+
}
|
|
9
|
+
/**
|
|
10
|
+
* The bottom section of the card, typically for actions like buttons or links.
|
|
11
|
+
* Renders a `<div>` element by default.
|
|
12
|
+
*/
|
|
13
|
+
export declare function CardFooter(props: CardFooterProps): ReactElement;
|
|
14
|
+
//# sourceMappingURL=card-footer.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"card-footer.d.ts","sourceRoot":"","sources":["../../src/card/card-footer.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAC,YAAY,EAAE,SAAS,EAAC,MAAM,OAAO,CAAA;AAElD,OAAO,EACL,KAAK,iBAAiB,EAEvB,MAAM,gCAAgC,CAAA;AAKvC,MAAM,WAAW,eAAgB,SAAQ,iBAAiB,CAAC,KAAK,CAAC;IAC/D;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB;AAED;;;GAGG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,GAAG,YAAY,CAK/D"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import type { ReactElement, ReactNode } from "react";
|
|
2
|
+
import { type ElementRenderProp } from "@qualcomm-ui/react-core/system";
|
|
3
|
+
export interface CardHeadingTextProps extends ElementRenderProp<"div"> {
|
|
4
|
+
/**
|
|
5
|
+
* React {@link https://react.dev/learn/passing-props-to-a-component#passing-jsx-as-children children} prop.
|
|
6
|
+
*/
|
|
7
|
+
children?: ReactNode;
|
|
8
|
+
}
|
|
9
|
+
/**
|
|
10
|
+
* The primary heading of the card. Renders a `<div>` element by default.
|
|
11
|
+
*/
|
|
12
|
+
export declare function CardHeadingText(props: CardHeadingTextProps): ReactElement;
|
|
13
|
+
//# sourceMappingURL=card-heading-text.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"card-heading-text.d.ts","sourceRoot":"","sources":["../../src/card/card-heading-text.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAC,YAAY,EAAE,SAAS,EAAC,MAAM,OAAO,CAAA;AAElD,OAAO,EACL,KAAK,iBAAiB,EAEvB,MAAM,gCAAgC,CAAA;AAKvC,MAAM,WAAW,oBAAqB,SAAQ,iBAAiB,CAAC,KAAK,CAAC;IACpE;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB;AAED;;GAEG;AACH,wBAAgB,eAAe,CAAC,KAAK,EAAE,oBAAoB,GAAG,YAAY,CAKzE"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import type { ReactElement, ReactNode } from "react";
|
|
2
|
+
import { type ElementRenderProp } from "@qualcomm-ui/react-core/system";
|
|
3
|
+
export interface CardHeadingProps extends ElementRenderProp<"div"> {
|
|
4
|
+
/**
|
|
5
|
+
* React {@link https://react.dev/learn/passing-props-to-a-component#passing-jsx-as-children children} prop.
|
|
6
|
+
*/
|
|
7
|
+
children?: ReactNode;
|
|
8
|
+
}
|
|
9
|
+
/**
|
|
10
|
+
* A container that wraps the eyebrow text, heading text, and optional menu
|
|
11
|
+
* trigger. Renders a `<div>` element by default.
|
|
12
|
+
*/
|
|
13
|
+
export declare function CardHeading(props: CardHeadingProps): ReactElement;
|
|
14
|
+
//# sourceMappingURL=card-heading.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"card-heading.d.ts","sourceRoot":"","sources":["../../src/card/card-heading.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAC,YAAY,EAAE,SAAS,EAAC,MAAM,OAAO,CAAA;AAElD,OAAO,EACL,KAAK,iBAAiB,EAEvB,MAAM,gCAAgC,CAAA;AAKvC,MAAM,WAAW,gBAAiB,SAAQ,iBAAiB,CAAC,KAAK,CAAC;IAChE;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB;AAED;;;GAGG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,GAAG,YAAY,CAKjE"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import type { ReactElement, ReactNode } from "react";
|
|
2
|
+
import { type QdsCardLinkApiProps } from "@qualcomm-ui/qds-core/card";
|
|
3
|
+
import { type LinkProps } from "@qualcomm-ui/react/link";
|
|
4
|
+
export interface CardLinkProps extends Omit<LinkProps, "emphasis" | "size">, QdsCardLinkApiProps {
|
|
5
|
+
/**
|
|
6
|
+
* React {@link https://react.dev/learn/passing-props-to-a-component#passing-jsx-as-children children} prop.
|
|
7
|
+
*/
|
|
8
|
+
children?: ReactNode;
|
|
9
|
+
}
|
|
10
|
+
/**
|
|
11
|
+
* A link within the card footer. Renders an `<a>` element by default.
|
|
12
|
+
*/
|
|
13
|
+
export declare function CardLink({ variant, ...props }: CardLinkProps): ReactElement;
|
|
14
|
+
//# sourceMappingURL=card-link.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"card-link.d.ts","sourceRoot":"","sources":["../../src/card/card-link.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAC,YAAY,EAAE,SAAS,EAAC,MAAM,OAAO,CAAA;AAElD,OAAO,EACL,KAAK,mBAAmB,EAEzB,MAAM,4BAA4B,CAAA;AACnC,OAAO,EAAO,KAAK,SAAS,EAAC,MAAM,yBAAyB,CAAA;AAK5D,MAAM,WAAW,aACf,SAAQ,IAAI,CAAC,SAAS,EAAE,UAAU,GAAG,MAAM,CAAC,EAC1C,mBAAmB;IACrB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB;AAED;;GAEG;AACH,wBAAgB,QAAQ,CAAC,EAAC,OAAO,EAAE,GAAG,KAAK,EAAC,EAAE,aAAa,GAAG,YAAY,CAKzE"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import type { ReactElement, ReactNode } from "react";
|
|
2
|
+
import type { QdsCardMediaApiProps } from "@qualcomm-ui/qds-core/card";
|
|
3
|
+
import { type ElementRenderProp } from "@qualcomm-ui/react-core/system";
|
|
4
|
+
export interface CardMediaProps extends ElementRenderProp<"div">, QdsCardMediaApiProps {
|
|
5
|
+
/**
|
|
6
|
+
* React {@link https://react.dev/learn/passing-props-to-a-component#passing-jsx-as-children children} prop.
|
|
7
|
+
*/
|
|
8
|
+
children?: ReactNode;
|
|
9
|
+
}
|
|
10
|
+
/**
|
|
11
|
+
* A media area at the top of the card for images, avatars, or other visual content.
|
|
12
|
+
* Renders a `<div>` element by default.
|
|
13
|
+
*/
|
|
14
|
+
export declare function CardMedia({ padding, ...props }: CardMediaProps): ReactElement;
|
|
15
|
+
//# sourceMappingURL=card-media.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"card-media.d.ts","sourceRoot":"","sources":["../../src/card/card-media.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAC,YAAY,EAAE,SAAS,EAAC,MAAM,OAAO,CAAA;AAElD,OAAO,KAAK,EAAC,oBAAoB,EAAC,MAAM,4BAA4B,CAAA;AACpE,OAAO,EACL,KAAK,iBAAiB,EAEvB,MAAM,gCAAgC,CAAA;AAKvC,MAAM,WAAW,cACf,SAAQ,iBAAiB,CAAC,KAAK,CAAC,EAC9B,oBAAoB;IACtB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB;AAED;;;GAGG;AACH,wBAAgB,SAAS,CAAC,EAAC,OAAO,EAAE,GAAG,KAAK,EAAC,EAAE,cAAc,GAAG,YAAY,CAK3E"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import type { ReactElement, ReactNode } from "react";
|
|
2
|
+
import { type ElementRenderProp } from "@qualcomm-ui/react-core/system";
|
|
3
|
+
export interface CardMenuTriggerProps extends ElementRenderProp<"div"> {
|
|
4
|
+
/**
|
|
5
|
+
* React {@link https://react.dev/learn/passing-props-to-a-component#passing-jsx-as-children children} prop.
|
|
6
|
+
*/
|
|
7
|
+
children?: ReactNode;
|
|
8
|
+
}
|
|
9
|
+
/**
|
|
10
|
+
* A trigger area for an overflow menu within the card heading. Renders a
|
|
11
|
+
* `<div>` element by default.
|
|
12
|
+
*/
|
|
13
|
+
export declare function CardMenuTrigger(props: CardMenuTriggerProps): ReactElement;
|
|
14
|
+
//# sourceMappingURL=card-menu-trigger.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"card-menu-trigger.d.ts","sourceRoot":"","sources":["../../src/card/card-menu-trigger.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAC,YAAY,EAAE,SAAS,EAAC,MAAM,OAAO,CAAA;AAElD,OAAO,EACL,KAAK,iBAAiB,EAEvB,MAAM,gCAAgC,CAAA;AAKvC,MAAM,WAAW,oBAAqB,SAAQ,iBAAiB,CAAC,KAAK,CAAC;IACpE;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB;AAED;;;GAGG;AACH,wBAAgB,eAAe,CAAC,KAAK,EAAE,oBAAoB,GAAG,YAAY,CAKzE"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import type { ReactElement, ReactNode } from "react";
|
|
2
|
+
import { type ElementRenderProp } from "@qualcomm-ui/react-core/system";
|
|
3
|
+
export interface CardParagraphTextProps extends ElementRenderProp<"p"> {
|
|
4
|
+
/**
|
|
5
|
+
* React {@link https://react.dev/learn/passing-props-to-a-component#passing-jsx-as-children children} prop.
|
|
6
|
+
*/
|
|
7
|
+
children?: ReactNode;
|
|
8
|
+
}
|
|
9
|
+
/**
|
|
10
|
+
* A paragraph of body text within the card. Renders a `<p>` element by default.
|
|
11
|
+
*/
|
|
12
|
+
export declare function CardParagraphText(props: CardParagraphTextProps): ReactElement;
|
|
13
|
+
//# sourceMappingURL=card-paragraph-text.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"card-paragraph-text.d.ts","sourceRoot":"","sources":["../../src/card/card-paragraph-text.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAC,YAAY,EAAE,SAAS,EAAC,MAAM,OAAO,CAAA;AAElD,OAAO,EACL,KAAK,iBAAiB,EAEvB,MAAM,gCAAgC,CAAA;AAKvC,MAAM,WAAW,sBAAuB,SAAQ,iBAAiB,CAAC,GAAG,CAAC;IACpE;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB;AAED;;GAEG;AACH,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,GAAG,YAAY,CAK7E"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { type ReactElement, type ReactNode } from "react";
|
|
2
|
+
import { type QdsCardApiProps } from "@qualcomm-ui/qds-core/card";
|
|
3
|
+
import { type ElementRenderProp } from "@qualcomm-ui/react-core/system";
|
|
4
|
+
export interface CardRootProps extends QdsCardApiProps, Omit<ElementRenderProp<"div">, "dir"> {
|
|
5
|
+
/**
|
|
6
|
+
* React {@link https://react.dev/learn/passing-props-to-a-component#passing-jsx-as-children children} prop.
|
|
7
|
+
*/
|
|
8
|
+
children?: ReactNode;
|
|
9
|
+
}
|
|
10
|
+
/**
|
|
11
|
+
* The outer container for a card. Provides size and variant context to all child
|
|
12
|
+
* card parts. Renders a `<div>` element by default.
|
|
13
|
+
*/
|
|
14
|
+
export declare function CardRoot({ alignment, children, dir, interactive, size, variant, ...props }: CardRootProps): ReactElement;
|
|
15
|
+
//# sourceMappingURL=card-root.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"card-root.d.ts","sourceRoot":"","sources":["../../src/card/card-root.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAC,KAAK,YAAY,EAAE,KAAK,SAAS,EAAU,MAAM,OAAO,CAAA;AAEhE,OAAO,EAEL,KAAK,eAAe,EACrB,MAAM,4BAA4B,CAAA;AAEnC,OAAO,EACL,KAAK,iBAAiB,EAEvB,MAAM,gCAAgC,CAAA;AAKvC,MAAM,WAAW,aACf,SAAQ,eAAe,EACrB,IAAI,CAAC,iBAAiB,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC;IACvC;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB;AAED;;;GAGG;AACH,wBAAgB,QAAQ,CAAC,EACvB,SAAS,EACT,QAAQ,EACR,GAAG,EACH,WAAW,EACX,IAAI,EACJ,OAAO,EACP,GAAG,KAAK,EACT,EAAE,aAAa,GAAG,YAAY,CAkB9B"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import type { ReactElement, ReactNode } from "react";
|
|
2
|
+
import { type ElementRenderProp } from "@qualcomm-ui/react-core/system";
|
|
3
|
+
export interface CardSubheadingTextProps extends ElementRenderProp<"div"> {
|
|
4
|
+
/**
|
|
5
|
+
* React {@link https://react.dev/learn/passing-props-to-a-component#passing-jsx-as-children children} prop.
|
|
6
|
+
*/
|
|
7
|
+
children?: ReactNode;
|
|
8
|
+
}
|
|
9
|
+
/**
|
|
10
|
+
* A secondary heading below the main heading. Renders a `<div>` element by
|
|
11
|
+
* default.
|
|
12
|
+
*/
|
|
13
|
+
export declare function CardSubheadingText(props: CardSubheadingTextProps): ReactElement;
|
|
14
|
+
//# sourceMappingURL=card-subheading-text.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"card-subheading-text.d.ts","sourceRoot":"","sources":["../../src/card/card-subheading-text.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAC,YAAY,EAAE,SAAS,EAAC,MAAM,OAAO,CAAA;AAElD,OAAO,EACL,KAAK,iBAAiB,EAEvB,MAAM,gCAAgC,CAAA;AAKvC,MAAM,WAAW,uBAAwB,SAAQ,iBAAiB,CAAC,KAAK,CAAC;IACvE;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB;AAED;;;GAGG;AACH,wBAAgB,kBAAkB,CAChC,KAAK,EAAE,uBAAuB,GAC7B,YAAY,CAKd"}
|
|
@@ -0,0 +1,91 @@
|
|
|
1
|
+
import type { FunctionComponent } from "react";
|
|
2
|
+
import { type CardAvatarProps } from "./card-avatar";
|
|
3
|
+
import { type CardBadgeProps } from "./card-badge";
|
|
4
|
+
import { type CardButtonProps } from "./card-button";
|
|
5
|
+
import { type CardContentProps } from "./card-content";
|
|
6
|
+
import { type CardEyebrowTextProps } from "./card-eyebrow-text";
|
|
7
|
+
import { type CardFooterProps } from "./card-footer";
|
|
8
|
+
import { type CardHeadingProps } from "./card-heading";
|
|
9
|
+
import { type CardHeadingTextProps } from "./card-heading-text";
|
|
10
|
+
import { type CardLinkProps } from "./card-link";
|
|
11
|
+
import { type CardMediaProps } from "./card-media";
|
|
12
|
+
import { type CardMenuTriggerProps } from "./card-menu-trigger";
|
|
13
|
+
import { type CardParagraphTextProps } from "./card-paragraph-text";
|
|
14
|
+
import { type CardRootProps } from "./card-root";
|
|
15
|
+
import { type CardSubheadingTextProps } from "./card-subheading-text";
|
|
16
|
+
export * from "./qds-card-context";
|
|
17
|
+
export type { CardAvatarProps, CardBadgeProps, CardButtonProps, CardContentProps, CardEyebrowTextProps, CardFooterProps, CardHeadingProps, CardHeadingTextProps, CardLinkProps, CardMediaProps, CardMenuTriggerProps, CardParagraphTextProps, CardRootProps, CardSubheadingTextProps, };
|
|
18
|
+
interface CardComponent {
|
|
19
|
+
/**
|
|
20
|
+
* A slot for an avatar within the card.
|
|
21
|
+
* Renders a `<div>` element by default.
|
|
22
|
+
*/
|
|
23
|
+
Avatar: FunctionComponent<CardAvatarProps>;
|
|
24
|
+
/**
|
|
25
|
+
* A badge slot within the card, typically used to display a status or category
|
|
26
|
+
* badge. Renders a `<div>` element by default.
|
|
27
|
+
*/
|
|
28
|
+
Badge: FunctionComponent<CardBadgeProps>;
|
|
29
|
+
/**
|
|
30
|
+
* A button area within the card footer.
|
|
31
|
+
* Renders a `<button>` element by default.
|
|
32
|
+
*/
|
|
33
|
+
Button: FunctionComponent<CardButtonProps>;
|
|
34
|
+
/**
|
|
35
|
+
* The main content area of the card that wraps text, headings, and other body
|
|
36
|
+
* content. Renders a `<div>` element by default.
|
|
37
|
+
*/
|
|
38
|
+
Content: FunctionComponent<CardContentProps>;
|
|
39
|
+
/**
|
|
40
|
+
* A small label above the heading, typically used for categorization.
|
|
41
|
+
* Renders a `<span>` element by default.
|
|
42
|
+
*/
|
|
43
|
+
EyebrowText: FunctionComponent<CardEyebrowTextProps>;
|
|
44
|
+
/**
|
|
45
|
+
* The bottom section of the card, typically for actions like buttons or links.
|
|
46
|
+
* Renders a `<div>` element by default.
|
|
47
|
+
*/
|
|
48
|
+
Footer: FunctionComponent<CardFooterProps>;
|
|
49
|
+
/**
|
|
50
|
+
* A container that wraps the eyebrow text, heading text, and optional menu
|
|
51
|
+
* trigger. Renders a `<div>` element by default.
|
|
52
|
+
*/
|
|
53
|
+
Heading: FunctionComponent<CardHeadingProps>;
|
|
54
|
+
/**
|
|
55
|
+
* The primary heading of the card.
|
|
56
|
+
* Renders a `<div>` element by default.
|
|
57
|
+
*/
|
|
58
|
+
HeadingText: FunctionComponent<CardHeadingTextProps>;
|
|
59
|
+
/**
|
|
60
|
+
* A link within the card footer.
|
|
61
|
+
* Renders an `<a>` element by default.
|
|
62
|
+
*/
|
|
63
|
+
Link: FunctionComponent<CardLinkProps>;
|
|
64
|
+
/**
|
|
65
|
+
* A media area at the top of the card for images, avatars, or other visual
|
|
66
|
+
* content. Renders a `<div>` element by default.
|
|
67
|
+
*/
|
|
68
|
+
Media: FunctionComponent<CardMediaProps>;
|
|
69
|
+
/**
|
|
70
|
+
* A trigger area for an overflow menu within the card heading.
|
|
71
|
+
* Renders a `<div>` element by default.
|
|
72
|
+
*/
|
|
73
|
+
MenuTrigger: FunctionComponent<CardMenuTriggerProps>;
|
|
74
|
+
/**
|
|
75
|
+
* A paragraph of body text within the card.
|
|
76
|
+
* Renders a `<p>` element by default.
|
|
77
|
+
*/
|
|
78
|
+
ParagraphText: FunctionComponent<CardParagraphTextProps>;
|
|
79
|
+
/**
|
|
80
|
+
* The outer container for a card. Provides size and variant context to all child
|
|
81
|
+
* card parts. Renders a `<div>` element by default.
|
|
82
|
+
*/
|
|
83
|
+
Root: FunctionComponent<CardRootProps>;
|
|
84
|
+
/**
|
|
85
|
+
* A secondary heading below the main heading.
|
|
86
|
+
* Renders a `<div>` element by default.
|
|
87
|
+
*/
|
|
88
|
+
SubheadingText: FunctionComponent<CardSubheadingTextProps>;
|
|
89
|
+
}
|
|
90
|
+
export declare const Card: CardComponent;
|
|
91
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/card/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,OAAO,CAAA;AAE5C,OAAO,EAAa,KAAK,eAAe,EAAC,MAAM,eAAe,CAAA;AAC9D,OAAO,EAAY,KAAK,cAAc,EAAC,MAAM,cAAc,CAAA;AAC3D,OAAO,EAAa,KAAK,eAAe,EAAC,MAAM,eAAe,CAAA;AAC9D,OAAO,EAAc,KAAK,gBAAgB,EAAC,MAAM,gBAAgB,CAAA;AACjE,OAAO,EAAkB,KAAK,oBAAoB,EAAC,MAAM,qBAAqB,CAAA;AAC9E,OAAO,EAAa,KAAK,eAAe,EAAC,MAAM,eAAe,CAAA;AAC9D,OAAO,EAAc,KAAK,gBAAgB,EAAC,MAAM,gBAAgB,CAAA;AACjE,OAAO,EAAkB,KAAK,oBAAoB,EAAC,MAAM,qBAAqB,CAAA;AAC9E,OAAO,EAAW,KAAK,aAAa,EAAC,MAAM,aAAa,CAAA;AACxD,OAAO,EAAY,KAAK,cAAc,EAAC,MAAM,cAAc,CAAA;AAC3D,OAAO,EAAkB,KAAK,oBAAoB,EAAC,MAAM,qBAAqB,CAAA;AAC9E,OAAO,EAEL,KAAK,sBAAsB,EAC5B,MAAM,uBAAuB,CAAA;AAC9B,OAAO,EAAW,KAAK,aAAa,EAAC,MAAM,aAAa,CAAA;AACxD,OAAO,EAEL,KAAK,uBAAuB,EAC7B,MAAM,wBAAwB,CAAA;AAE/B,cAAc,oBAAoB,CAAA;AAClC,YAAY,EACV,eAAe,EACf,cAAc,EACd,eAAe,EACf,gBAAgB,EAChB,oBAAoB,EACpB,eAAe,EACf,gBAAgB,EAChB,oBAAoB,EACpB,aAAa,EACb,cAAc,EACd,oBAAoB,EACpB,sBAAsB,EACtB,aAAa,EACb,uBAAuB,GACxB,CAAA;AAED,UAAU,aAAa;IACrB;;;OAGG;IACH,MAAM,EAAE,iBAAiB,CAAC,eAAe,CAAC,CAAA;IAC1C;;;OAGG;IACH,KAAK,EAAE,iBAAiB,CAAC,cAAc,CAAC,CAAA;IACxC;;;OAGG;IACH,MAAM,EAAE,iBAAiB,CAAC,eAAe,CAAC,CAAA;IAC1C;;;OAGG;IACH,OAAO,EAAE,iBAAiB,CAAC,gBAAgB,CAAC,CAAA;IAC5C;;;OAGG;IACH,WAAW,EAAE,iBAAiB,CAAC,oBAAoB,CAAC,CAAA;IACpD;;;OAGG;IACH,MAAM,EAAE,iBAAiB,CAAC,eAAe,CAAC,CAAA;IAC1C;;;OAGG;IACH,OAAO,EAAE,iBAAiB,CAAC,gBAAgB,CAAC,CAAA;IAC5C;;;OAGG;IACH,WAAW,EAAE,iBAAiB,CAAC,oBAAoB,CAAC,CAAA;IACpD;;;OAGG;IACH,IAAI,EAAE,iBAAiB,CAAC,aAAa,CAAC,CAAA;IACtC;;;OAGG;IACH,KAAK,EAAE,iBAAiB,CAAC,cAAc,CAAC,CAAA;IACxC;;;OAGG;IACH,WAAW,EAAE,iBAAiB,CAAC,oBAAoB,CAAC,CAAA;IACpD;;;OAGG;IACH,aAAa,EAAE,iBAAiB,CAAC,sBAAsB,CAAC,CAAA;IACxD;;;OAGG;IACH,IAAI,EAAE,iBAAiB,CAAC,aAAa,CAAC,CAAA;IACtC;;;OAGG;IACH,cAAc,EAAE,iBAAiB,CAAC,uBAAuB,CAAC,CAAA;CAC3D;AAED,eAAO,MAAM,IAAI,EAAE,aAelB,CAAA"}
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import{c as _c}from"react/compiler-runtime";import{jsx}from"react/jsx-runtime";import{Avatar}from"@qualcomm-ui/react/avatar";import{mergeProps}from"@qualcomm-ui/utils/merge-props";import{createGuardedContext}from"@qualcomm-ui/react-core/context";var[QdsCardContextProvider,useQdsCardContext]=createGuardedContext({hookName:"useQdsCardContext",providerName:"<QdsCardContextProvider>",strict:!0});function CardAvatar(props){let $=_c(3),qdsContext=useQdsCardContext(),t0;if($[0]!==props||$[1]!==qdsContext){let mergedProps=mergeProps(qdsContext.getAvatarBindings(),props);t0=jsx(Avatar.Root,{...mergedProps}),$[0]=props,$[1]=qdsContext,$[2]=t0}else t0=$[2];return t0}import{c as _c2}from"react/compiler-runtime";import{jsx as jsx2}from"react/jsx-runtime";import{PolymorphicElement}from"@qualcomm-ui/react-core/system";import{mergeProps as mergeProps2}from"@qualcomm-ui/utils/merge-props";function CardBadge(props){let $=_c2(3),qdsContext=useQdsCardContext(),t0;if($[0]!==props||$[1]!==qdsContext){let mergedProps=mergeProps2(qdsContext.getBadgeBindings(),props);t0=jsx2(PolymorphicElement,{as:"div",...mergedProps}),$[0]=props,$[1]=qdsContext,$[2]=t0}else t0=$[2];return t0}import{jsx as jsx3}from"react/jsx-runtime";import{translateCardButtonProps}from"@qualcomm-ui/qds-core/card";import{Button}from"@qualcomm-ui/react/button";import{mergeProps as mergeProps3}from"@qualcomm-ui/utils/merge-props";function CardButton(t0){let{variant,...props}=t0,qdsContext=useQdsCardContext(),mergedProps=mergeProps3(qdsContext.getButtonBindings(),props);return jsx3(Button,{...mergedProps,...translateCardButtonProps({variant})})}import{c as _c3}from"react/compiler-runtime";import{jsx as jsx4}from"react/jsx-runtime";import{PolymorphicElement as PolymorphicElement2}from"@qualcomm-ui/react-core/system";import{mergeProps as mergeProps4}from"@qualcomm-ui/utils/merge-props";function CardContent(props){let $=_c3(3),qdsContext=useQdsCardContext(),t0;if($[0]!==props||$[1]!==qdsContext){let mergedProps=mergeProps4(qdsContext.getContentBindings(),props);t0=jsx4(PolymorphicElement2,{as:"div",...mergedProps}),$[0]=props,$[1]=qdsContext,$[2]=t0}else t0=$[2];return t0}import{c as _c4}from"react/compiler-runtime";import{jsx as jsx5}from"react/jsx-runtime";import{PolymorphicElement as PolymorphicElement3}from"@qualcomm-ui/react-core/system";import{mergeProps as mergeProps5}from"@qualcomm-ui/utils/merge-props";function CardEyebrowText(props){let $=_c4(3),qdsContext=useQdsCardContext(),t0;if($[0]!==props||$[1]!==qdsContext){let mergedProps=mergeProps5(qdsContext.getEyebrowTextBindings(),props);t0=jsx5(PolymorphicElement3,{as:"span",...mergedProps}),$[0]=props,$[1]=qdsContext,$[2]=t0}else t0=$[2];return t0}import{c as _c5}from"react/compiler-runtime";import{jsx as jsx6}from"react/jsx-runtime";import{PolymorphicElement as PolymorphicElement4}from"@qualcomm-ui/react-core/system";import{mergeProps as mergeProps6}from"@qualcomm-ui/utils/merge-props";function CardFooter(props){let $=_c5(3),qdsContext=useQdsCardContext(),t0;if($[0]!==props||$[1]!==qdsContext){let mergedProps=mergeProps6(qdsContext.getFooterBindings(),props);t0=jsx6(PolymorphicElement4,{as:"div",...mergedProps}),$[0]=props,$[1]=qdsContext,$[2]=t0}else t0=$[2];return t0}import{c as _c6}from"react/compiler-runtime";import{jsx as jsx7}from"react/jsx-runtime";import{PolymorphicElement as PolymorphicElement5}from"@qualcomm-ui/react-core/system";import{mergeProps as mergeProps7}from"@qualcomm-ui/utils/merge-props";function CardHeading(props){let $=_c6(3),qdsContext=useQdsCardContext(),t0;if($[0]!==props||$[1]!==qdsContext){let mergedProps=mergeProps7(qdsContext.getHeadingBindings(),props);t0=jsx7(PolymorphicElement5,{as:"div",...mergedProps}),$[0]=props,$[1]=qdsContext,$[2]=t0}else t0=$[2];return t0}import{c as _c7}from"react/compiler-runtime";import{jsx as jsx8}from"react/jsx-runtime";import{PolymorphicElement as PolymorphicElement6}from"@qualcomm-ui/react-core/system";import{mergeProps as mergeProps8}from"@qualcomm-ui/utils/merge-props";function CardHeadingText(props){let $=_c7(3),qdsContext=useQdsCardContext(),t0;if($[0]!==props||$[1]!==qdsContext){let mergedProps=mergeProps8(qdsContext.getHeadingTextBindings(),props);t0=jsx8(PolymorphicElement6,{as:"div",...mergedProps}),$[0]=props,$[1]=qdsContext,$[2]=t0}else t0=$[2];return t0}import{jsx as jsx9}from"react/jsx-runtime";import{translateCardLinkProps}from"@qualcomm-ui/qds-core/card";import{Link}from"@qualcomm-ui/react/link";import{mergeProps as mergeProps9}from"@qualcomm-ui/utils/merge-props";function CardLink(t0){let{variant,...props}=t0,qdsContext=useQdsCardContext(),mergedProps=mergeProps9(qdsContext.getLinkBindings(),props);return jsx9(Link,{...mergedProps,...translateCardLinkProps({variant})})}import{jsx as jsx10}from"react/jsx-runtime";import{PolymorphicElement as PolymorphicElement7}from"@qualcomm-ui/react-core/system";import{mergeProps as mergeProps10}from"@qualcomm-ui/utils/merge-props";function CardMedia(t0){let{padding,...props}=t0,qdsContext=useQdsCardContext(),mergedProps=mergeProps10(qdsContext.getMediaBindings({padding}),props);return jsx10(PolymorphicElement7,{as:"div",...mergedProps})}import{c as _c8}from"react/compiler-runtime";import{jsx as jsx11}from"react/jsx-runtime";import{PolymorphicElement as PolymorphicElement8}from"@qualcomm-ui/react-core/system";import{mergeProps as mergeProps11}from"@qualcomm-ui/utils/merge-props";function CardMenuTrigger(props){let $=_c8(3),qdsContext=useQdsCardContext(),t0;if($[0]!==props||$[1]!==qdsContext){let mergedProps=mergeProps11(qdsContext.getMenuTriggerBindings(),props);t0=jsx11(PolymorphicElement8,{as:"div",...mergedProps}),$[0]=props,$[1]=qdsContext,$[2]=t0}else t0=$[2];return t0}import{c as _c9}from"react/compiler-runtime";import{jsx as jsx12}from"react/jsx-runtime";import{PolymorphicElement as PolymorphicElement9}from"@qualcomm-ui/react-core/system";import{mergeProps as mergeProps12}from"@qualcomm-ui/utils/merge-props";function CardParagraphText(props){let $=_c9(3),qdsContext=useQdsCardContext(),t0;if($[0]!==props||$[1]!==qdsContext){let mergedProps=mergeProps12(qdsContext.getParagraphTextBindings(),props);t0=jsx12(PolymorphicElement9,{as:"p",...mergedProps}),$[0]=props,$[1]=qdsContext,$[2]=t0}else t0=$[2];return t0}import{c as _c10}from"react/compiler-runtime";import{jsx as jsx13}from"react/jsx-runtime";import"react";import{createQdsCardApi}from"@qualcomm-ui/qds-core/card";import{normalizeProps}from"@qualcomm-ui/react-core/machine";import{PolymorphicElement as PolymorphicElement10}from"@qualcomm-ui/react-core/system";import{mergeProps as mergeProps13}from"@qualcomm-ui/utils/merge-props";function CardRoot(t0){let $=_c10(8),t1;if($[0]!==t0){let{alignment,children,dir,interactive,size,variant,...props}=t0,t2;$[2]!==alignment||$[3]!==dir||$[4]!==interactive||$[5]!==size||$[6]!==variant?(t2=createQdsCardApi({alignment,dir,interactive,size,variant},normalizeProps),$[2]=alignment,$[3]=dir,$[4]=interactive,$[5]=size,$[6]=variant,$[7]=t2):t2=$[7];let qdsCardApi=t2,mergedProps=mergeProps13(qdsCardApi.getRootBindings(),props);t1=jsx13(QdsCardContextProvider,{value:qdsCardApi,children:jsx13(PolymorphicElement10,{as:"div",...mergedProps,children})}),$[0]=t0,$[1]=t1}else t1=$[1];return t1}import{c as _c11}from"react/compiler-runtime";import{jsx as jsx14}from"react/jsx-runtime";import{PolymorphicElement as PolymorphicElement11}from"@qualcomm-ui/react-core/system";import{mergeProps as mergeProps14}from"@qualcomm-ui/utils/merge-props";function CardSubheadingText(props){let $=_c11(3),qdsContext=useQdsCardContext(),t0;if($[0]!==props||$[1]!==qdsContext){let mergedProps=mergeProps14(qdsContext.getSubheadingTextBindings(),props);t0=jsx14(PolymorphicElement11,{as:"div",...mergedProps}),$[0]=props,$[1]=qdsContext,$[2]=t0}else t0=$[2];return t0}var Card={Avatar:CardAvatar,Badge:CardBadge,Button:CardButton,Content:CardContent,EyebrowText:CardEyebrowText,Footer:CardFooter,Heading:CardHeading,HeadingText:CardHeadingText,Link:CardLink,Media:CardMedia,MenuTrigger:CardMenuTrigger,ParagraphText:CardParagraphText,Root:CardRoot,SubheadingText:CardSubheadingText};export{Card,QdsCardContextProvider,useQdsCardContext};
|
|
3
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../src/card/card-avatar.tsx", "../../src/card/qds-card-context.ts", "../../src/card/card-badge.tsx", "../../src/card/card-button.tsx", "../../src/card/card-content.tsx", "../../src/card/card-eyebrow-text.tsx", "../../src/card/card-footer.tsx", "../../src/card/card-heading.tsx", "../../src/card/card-heading-text.tsx", "../../src/card/card-link.tsx", "../../src/card/card-media.tsx", "../../src/card/card-menu-trigger.tsx", "../../src/card/card-paragraph-text.tsx", "../../src/card/card-root.tsx", "../../src/card/card-subheading-text.tsx", "../../src/card/index.ts"],
|
|
4
|
+
"sourcesContent": ["import { c as _c } from \"react/compiler-runtime\";\nimport { jsx } from \"react/jsx-runtime\";\nimport { Avatar } from \"@qualcomm-ui/react/avatar\";\nimport { mergeProps } from \"@qualcomm-ui/utils/merge-props\";\nimport { useQdsCardContext } from \"./qds-card-context\";\nexport function CardAvatar(props) {\n const $ = _c(3);\n const qdsContext = useQdsCardContext();\n let t0;\n if ($[0] !== props || $[1] !== qdsContext) {\n const mergedProps = mergeProps(qdsContext.getAvatarBindings(), props);\n t0 = jsx(Avatar.Root, {\n ...mergedProps\n });\n $[0] = props;\n $[1] = qdsContext;\n $[2] = t0;\n } else {\n t0 = $[2];\n }\n return t0;\n}", "import { createGuardedContext } from \"@qualcomm-ui/react-core/context\";\nexport const [QdsCardContextProvider, useQdsCardContext] = createGuardedContext({\n hookName: \"useQdsCardContext\",\n providerName: \"<QdsCardContextProvider>\",\n strict: true\n});", "import { c as _c } from \"react/compiler-runtime\";\nimport { jsx } from \"react/jsx-runtime\";\nimport { PolymorphicElement } from \"@qualcomm-ui/react-core/system\";\nimport { mergeProps } from \"@qualcomm-ui/utils/merge-props\";\nimport { useQdsCardContext } from \"./qds-card-context\";\nexport function CardBadge(props) {\n const $ = _c(3);\n const qdsContext = useQdsCardContext();\n let t0;\n if ($[0] !== props || $[1] !== qdsContext) {\n const mergedProps = mergeProps(qdsContext.getBadgeBindings(), props);\n t0 = jsx(PolymorphicElement, {\n as: \"div\",\n ...mergedProps\n });\n $[0] = props;\n $[1] = qdsContext;\n $[2] = t0;\n } else {\n t0 = $[2];\n }\n return t0;\n}", "import { jsx } from \"react/jsx-runtime\";\nimport { translateCardButtonProps } from \"@qualcomm-ui/qds-core/card\";\nimport { Button } from \"@qualcomm-ui/react/button\";\nimport { mergeProps } from \"@qualcomm-ui/utils/merge-props\";\nimport { useQdsCardContext } from \"./qds-card-context\";\nexport function CardButton(t0) {\n const {\n variant,\n ...props\n } = t0;\n const qdsContext = useQdsCardContext();\n const mergedProps = mergeProps(qdsContext.getButtonBindings(), props);\n return jsx(Button, {\n ...mergedProps,\n ...translateCardButtonProps({\n variant\n })\n });\n}", "import { c as _c } from \"react/compiler-runtime\";\nimport { jsx } from \"react/jsx-runtime\";\nimport { PolymorphicElement } from \"@qualcomm-ui/react-core/system\";\nimport { mergeProps } from \"@qualcomm-ui/utils/merge-props\";\nimport { useQdsCardContext } from \"./qds-card-context\";\nexport function CardContent(props) {\n const $ = _c(3);\n const qdsContext = useQdsCardContext();\n let t0;\n if ($[0] !== props || $[1] !== qdsContext) {\n const mergedProps = mergeProps(qdsContext.getContentBindings(), props);\n t0 = jsx(PolymorphicElement, {\n as: \"div\",\n ...mergedProps\n });\n $[0] = props;\n $[1] = qdsContext;\n $[2] = t0;\n } else {\n t0 = $[2];\n }\n return t0;\n}", "import { c as _c } from \"react/compiler-runtime\";\nimport { jsx } from \"react/jsx-runtime\";\nimport { PolymorphicElement } from \"@qualcomm-ui/react-core/system\";\nimport { mergeProps } from \"@qualcomm-ui/utils/merge-props\";\nimport { useQdsCardContext } from \"./qds-card-context\";\nexport function CardEyebrowText(props) {\n const $ = _c(3);\n const qdsContext = useQdsCardContext();\n let t0;\n if ($[0] !== props || $[1] !== qdsContext) {\n const mergedProps = mergeProps(qdsContext.getEyebrowTextBindings(), props);\n t0 = jsx(PolymorphicElement, {\n as: \"span\",\n ...mergedProps\n });\n $[0] = props;\n $[1] = qdsContext;\n $[2] = t0;\n } else {\n t0 = $[2];\n }\n return t0;\n}", "import { c as _c } from \"react/compiler-runtime\";\nimport { jsx } from \"react/jsx-runtime\";\nimport { PolymorphicElement } from \"@qualcomm-ui/react-core/system\";\nimport { mergeProps } from \"@qualcomm-ui/utils/merge-props\";\nimport { useQdsCardContext } from \"./qds-card-context\";\nexport function CardFooter(props) {\n const $ = _c(3);\n const qdsContext = useQdsCardContext();\n let t0;\n if ($[0] !== props || $[1] !== qdsContext) {\n const mergedProps = mergeProps(qdsContext.getFooterBindings(), props);\n t0 = jsx(PolymorphicElement, {\n as: \"div\",\n ...mergedProps\n });\n $[0] = props;\n $[1] = qdsContext;\n $[2] = t0;\n } else {\n t0 = $[2];\n }\n return t0;\n}", "import { c as _c } from \"react/compiler-runtime\";\nimport { jsx } from \"react/jsx-runtime\";\nimport { PolymorphicElement } from \"@qualcomm-ui/react-core/system\";\nimport { mergeProps } from \"@qualcomm-ui/utils/merge-props\";\nimport { useQdsCardContext } from \"./qds-card-context\";\nexport function CardHeading(props) {\n const $ = _c(3);\n const qdsContext = useQdsCardContext();\n let t0;\n if ($[0] !== props || $[1] !== qdsContext) {\n const mergedProps = mergeProps(qdsContext.getHeadingBindings(), props);\n t0 = jsx(PolymorphicElement, {\n as: \"div\",\n ...mergedProps\n });\n $[0] = props;\n $[1] = qdsContext;\n $[2] = t0;\n } else {\n t0 = $[2];\n }\n return t0;\n}", "import { c as _c } from \"react/compiler-runtime\";\nimport { jsx } from \"react/jsx-runtime\";\nimport { PolymorphicElement } from \"@qualcomm-ui/react-core/system\";\nimport { mergeProps } from \"@qualcomm-ui/utils/merge-props\";\nimport { useQdsCardContext } from \"./qds-card-context\";\nexport function CardHeadingText(props) {\n const $ = _c(3);\n const qdsContext = useQdsCardContext();\n let t0;\n if ($[0] !== props || $[1] !== qdsContext) {\n const mergedProps = mergeProps(qdsContext.getHeadingTextBindings(), props);\n t0 = jsx(PolymorphicElement, {\n as: \"div\",\n ...mergedProps\n });\n $[0] = props;\n $[1] = qdsContext;\n $[2] = t0;\n } else {\n t0 = $[2];\n }\n return t0;\n}", "import { jsx } from \"react/jsx-runtime\";\nimport { translateCardLinkProps } from \"@qualcomm-ui/qds-core/card\";\nimport { Link } from \"@qualcomm-ui/react/link\";\nimport { mergeProps } from \"@qualcomm-ui/utils/merge-props\";\nimport { useQdsCardContext } from \"./qds-card-context\";\nexport function CardLink(t0) {\n const {\n variant,\n ...props\n } = t0;\n const qdsContext = useQdsCardContext();\n const mergedProps = mergeProps(qdsContext.getLinkBindings(), props);\n return jsx(Link, {\n ...mergedProps,\n ...translateCardLinkProps({\n variant\n })\n });\n}", "import { jsx } from \"react/jsx-runtime\";\nimport { PolymorphicElement } from \"@qualcomm-ui/react-core/system\";\nimport { mergeProps } from \"@qualcomm-ui/utils/merge-props\";\nimport { useQdsCardContext } from \"./qds-card-context\";\nexport function CardMedia(t0) {\n const {\n padding,\n ...props\n } = t0;\n const qdsContext = useQdsCardContext();\n const mergedProps = mergeProps(qdsContext.getMediaBindings({\n padding\n }), props);\n return jsx(PolymorphicElement, {\n as: \"div\",\n ...mergedProps\n });\n}", "import { c as _c } from \"react/compiler-runtime\";\nimport { jsx } from \"react/jsx-runtime\";\nimport { PolymorphicElement } from \"@qualcomm-ui/react-core/system\";\nimport { mergeProps } from \"@qualcomm-ui/utils/merge-props\";\nimport { useQdsCardContext } from \"./qds-card-context\";\nexport function CardMenuTrigger(props) {\n const $ = _c(3);\n const qdsContext = useQdsCardContext();\n let t0;\n if ($[0] !== props || $[1] !== qdsContext) {\n const mergedProps = mergeProps(qdsContext.getMenuTriggerBindings(), props);\n t0 = jsx(PolymorphicElement, {\n as: \"div\",\n ...mergedProps\n });\n $[0] = props;\n $[1] = qdsContext;\n $[2] = t0;\n } else {\n t0 = $[2];\n }\n return t0;\n}", "import { c as _c } from \"react/compiler-runtime\";\nimport { jsx } from \"react/jsx-runtime\";\nimport { PolymorphicElement } from \"@qualcomm-ui/react-core/system\";\nimport { mergeProps } from \"@qualcomm-ui/utils/merge-props\";\nimport { useQdsCardContext } from \"./qds-card-context\";\nexport function CardParagraphText(props) {\n const $ = _c(3);\n const qdsContext = useQdsCardContext();\n let t0;\n if ($[0] !== props || $[1] !== qdsContext) {\n const mergedProps = mergeProps(qdsContext.getParagraphTextBindings(), props);\n t0 = jsx(PolymorphicElement, {\n as: \"p\",\n ...mergedProps\n });\n $[0] = props;\n $[1] = qdsContext;\n $[2] = t0;\n } else {\n t0 = $[2];\n }\n return t0;\n}", "import { c as _c } from \"react/compiler-runtime\";\nimport { jsx } from \"react/jsx-runtime\";\nimport { useMemo } from \"react\";\nimport { createQdsCardApi } from \"@qualcomm-ui/qds-core/card\";\nimport { normalizeProps } from \"@qualcomm-ui/react-core/machine\";\nimport { PolymorphicElement } from \"@qualcomm-ui/react-core/system\";\nimport { mergeProps } from \"@qualcomm-ui/utils/merge-props\";\nimport { QdsCardContextProvider } from \"./qds-card-context\";\nexport function CardRoot(t0) {\n const $ = _c(8);\n let t1;\n if ($[0] !== t0) {\n const {\n alignment,\n children,\n dir,\n interactive,\n size,\n variant,\n ...props\n } = t0;\n let t2;\n if ($[2] !== alignment || $[3] !== dir || $[4] !== interactive || $[5] !== size || $[6] !== variant) {\n t2 = createQdsCardApi({\n alignment,\n dir,\n interactive,\n size,\n variant\n }, normalizeProps);\n $[2] = alignment;\n $[3] = dir;\n $[4] = interactive;\n $[5] = size;\n $[6] = variant;\n $[7] = t2;\n } else {\n t2 = $[7];\n }\n const qdsCardApi = t2;\n const mergedProps = mergeProps(qdsCardApi.getRootBindings(), props);\n t1 = jsx(QdsCardContextProvider, {\n value: qdsCardApi,\n children: jsx(PolymorphicElement, {\n as: \"div\",\n ...mergedProps,\n children\n })\n });\n $[0] = t0;\n $[1] = t1;\n } else {\n t1 = $[1];\n }\n return t1;\n}", "import { c as _c } from \"react/compiler-runtime\";\nimport { jsx } from \"react/jsx-runtime\";\nimport { PolymorphicElement } from \"@qualcomm-ui/react-core/system\";\nimport { mergeProps } from \"@qualcomm-ui/utils/merge-props\";\nimport { useQdsCardContext } from \"./qds-card-context\";\nexport function CardSubheadingText(props) {\n const $ = _c(3);\n const qdsContext = useQdsCardContext();\n let t0;\n if ($[0] !== props || $[1] !== qdsContext) {\n const mergedProps = mergeProps(qdsContext.getSubheadingTextBindings(), props);\n t0 = jsx(PolymorphicElement, {\n as: \"div\",\n ...mergedProps\n });\n $[0] = props;\n $[1] = qdsContext;\n $[2] = t0;\n } else {\n t0 = $[2];\n }\n return t0;\n}", "import { CardAvatar } from \"./card-avatar\";\nimport { CardBadge } from \"./card-badge\";\nimport { CardButton } from \"./card-button\";\nimport { CardContent } from \"./card-content\";\nimport { CardEyebrowText } from \"./card-eyebrow-text\";\nimport { CardFooter } from \"./card-footer\";\nimport { CardHeading } from \"./card-heading\";\nimport { CardHeadingText } from \"./card-heading-text\";\nimport { CardLink } from \"./card-link\";\nimport { CardMedia } from \"./card-media\";\nimport { CardMenuTrigger } from \"./card-menu-trigger\";\nimport { CardParagraphText } from \"./card-paragraph-text\";\nimport { CardRoot } from \"./card-root\";\nimport { CardSubheadingText } from \"./card-subheading-text\";\nexport * from \"./qds-card-context\";\nexport const Card = {\n Avatar: CardAvatar,\n Badge: CardBadge,\n Button: CardButton,\n Content: CardContent,\n EyebrowText: CardEyebrowText,\n Footer: CardFooter,\n Heading: CardHeading,\n HeadingText: CardHeadingText,\n Link: CardLink,\n Media: CardMedia,\n MenuTrigger: CardMenuTrigger,\n ParagraphText: CardParagraphText,\n Root: CardRoot,\n SubheadingText: CardSubheadingText\n};"],
|
|
5
|
+
"mappings": "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",
|
|
6
|
+
"names": ["_c", "jsx", "mergeProps", "_c", "mergeProps", "jsx", "jsx", "mergeProps", "mergeProps", "jsx", "_c", "jsx", "PolymorphicElement", "mergeProps", "_c", "mergeProps", "jsx", "PolymorphicElement", "_c", "jsx", "PolymorphicElement", "mergeProps", "_c", "mergeProps", "jsx", "PolymorphicElement", "_c", "jsx", "PolymorphicElement", "mergeProps", "_c", "mergeProps", "jsx", "PolymorphicElement", "_c", "jsx", "PolymorphicElement", "mergeProps", "_c", "mergeProps", "jsx", "PolymorphicElement", "_c", "jsx", "PolymorphicElement", "mergeProps", "_c", "mergeProps", "jsx", "PolymorphicElement", "jsx", "mergeProps", "mergeProps", "jsx", "jsx", "PolymorphicElement", "mergeProps", "mergeProps", "jsx", "PolymorphicElement", "_c", "jsx", "PolymorphicElement", "mergeProps", "_c", "mergeProps", "jsx", "PolymorphicElement", "_c", "jsx", "PolymorphicElement", "mergeProps", "_c", "mergeProps", "jsx", "PolymorphicElement", "_c", "jsx", "PolymorphicElement", "mergeProps", "_c", "mergeProps", "jsx", "PolymorphicElement", "_c", "jsx", "PolymorphicElement", "mergeProps", "_c", "mergeProps", "jsx", "PolymorphicElement"]
|
|
7
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"qds-card-context.d.ts","sourceRoot":"","sources":["../../src/card/qds-card-context.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,4BAA4B,CAAA;AAG1D,eAAO,MAAO,sBAAsB,wCAAE,iBAAiB,0CAKnD,CAAA"}
|
|
@@ -0,0 +1,84 @@
|
|
|
1
|
+
import { StepperCompletedContent, type StepperCompletedContentProps } from "./stepper-completed-content";
|
|
2
|
+
import { StepperContent, type StepperContentProps } from "./stepper-content";
|
|
3
|
+
import { StepperContext, type StepperContextProps } from "./stepper-context";
|
|
4
|
+
import { StepperHint, type StepperHintProps } from "./stepper-hint";
|
|
5
|
+
import { StepperIndicator, type StepperIndicatorProps } from "./stepper-indicator";
|
|
6
|
+
import { StepperIndicatorIcon, type StepperIndicatorIconProps } from "./stepper-indicator-icon";
|
|
7
|
+
import { StepperItem, type StepperItemProps } from "./stepper-item";
|
|
8
|
+
import { StepperLabel, type StepperLabelProps } from "./stepper-label";
|
|
9
|
+
import { StepperList, type StepperListProps } from "./stepper-list";
|
|
10
|
+
import { StepperNextTrigger, type StepperNextTriggerProps } from "./stepper-next-trigger";
|
|
11
|
+
import { StepperPrevTrigger, type StepperPrevTriggerProps } from "./stepper-prev-trigger";
|
|
12
|
+
import { StepperRoot, type StepperRootProps } from "./stepper-root";
|
|
13
|
+
import { StepperSeparator, type StepperSeparatorProps } from "./stepper-separator";
|
|
14
|
+
import { StepperTrigger, type StepperTriggerProps } from "./stepper-trigger";
|
|
15
|
+
export * from "./qds-stepper-context";
|
|
16
|
+
export type { StepperPrevTriggerProps, StepperIndicatorProps, StepperCompletedContentProps, StepperRootProps, StepperTriggerProps, StepperListProps, StepperNextTriggerProps, StepperIndicatorIconProps, StepperHintProps, StepperLabelProps, StepperItemProps, StepperSeparatorProps, StepperContextProps, StepperContentProps, };
|
|
17
|
+
type StepperComponent = {
|
|
18
|
+
/**
|
|
19
|
+
* Content area displayed when all steps are completed. Renders a `<div>` element
|
|
20
|
+
* by default.
|
|
21
|
+
*/
|
|
22
|
+
CompletedContent: typeof StepperCompletedContent;
|
|
23
|
+
/**
|
|
24
|
+
* Content area for a step. Renders a `<div>` element by default.
|
|
25
|
+
*/
|
|
26
|
+
Content: typeof StepperContent;
|
|
27
|
+
/**
|
|
28
|
+
* Render prop that provides the current stepper API context.
|
|
29
|
+
*/
|
|
30
|
+
Context: typeof StepperContext;
|
|
31
|
+
/**
|
|
32
|
+
* Displays a step subtitle or hint. Renders a `<span>` element by default.
|
|
33
|
+
*/
|
|
34
|
+
Hint: typeof StepperHint;
|
|
35
|
+
/**
|
|
36
|
+
* Visual indicator for the step state. Renders a `<div>` element by default.
|
|
37
|
+
*
|
|
38
|
+
* By default, displays the step number or icon. When a step is completed, it
|
|
39
|
+
* shows a checkmark icon. When a step is invalid, it shows an error icon.
|
|
40
|
+
*
|
|
41
|
+
* Rendering order:
|
|
42
|
+
*
|
|
43
|
+
* - errorIcon (when invalid)
|
|
44
|
+
* - children (current step)
|
|
45
|
+
* - completedIcon (when complete)
|
|
46
|
+
* - children (not current step)
|
|
47
|
+
*/
|
|
48
|
+
Indicator: typeof StepperIndicator;
|
|
49
|
+
IndicatorIcon: typeof StepperIndicatorIcon;
|
|
50
|
+
/**
|
|
51
|
+
* Wrapper for a single step. Renders a `<div>` element by default.
|
|
52
|
+
*/
|
|
53
|
+
Item: typeof StepperItem;
|
|
54
|
+
/**
|
|
55
|
+
* Displays the step title. Renders a `<span>` element by default.
|
|
56
|
+
*/
|
|
57
|
+
Label: typeof StepperLabel;
|
|
58
|
+
/**
|
|
59
|
+
* Container for the step items. Renders a `<div>` element by default.
|
|
60
|
+
*/
|
|
61
|
+
List: typeof StepperList;
|
|
62
|
+
/**
|
|
63
|
+
* Navigates to the next step. Renders a `<button>` element by default.
|
|
64
|
+
*/
|
|
65
|
+
NextTrigger: typeof StepperNextTrigger;
|
|
66
|
+
/**
|
|
67
|
+
* Navigates to the previous step. Renders a `<button>` element by default.
|
|
68
|
+
*/
|
|
69
|
+
PrevTrigger: typeof StepperPrevTrigger;
|
|
70
|
+
/**
|
|
71
|
+
* Groups all parts of the stepper. Renders a `<div>` element by default.
|
|
72
|
+
*/
|
|
73
|
+
Root: typeof StepperRoot;
|
|
74
|
+
/**
|
|
75
|
+
* Visual connector between steps. Renders a `<div>` element by default.
|
|
76
|
+
*/
|
|
77
|
+
Separator: typeof StepperSeparator;
|
|
78
|
+
/**
|
|
79
|
+
* Used to make each step item clickable. Renders a `<button>` element by default.
|
|
80
|
+
*/
|
|
81
|
+
Trigger: typeof StepperTrigger;
|
|
82
|
+
};
|
|
83
|
+
export declare const Stepper: StepperComponent;
|
|
84
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/stepper/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,uBAAuB,EACvB,KAAK,4BAA4B,EAClC,MAAM,6BAA6B,CAAA;AACpC,OAAO,EAAC,cAAc,EAAE,KAAK,mBAAmB,EAAC,MAAM,mBAAmB,CAAA;AAC1E,OAAO,EAAC,cAAc,EAAE,KAAK,mBAAmB,EAAC,MAAM,mBAAmB,CAAA;AAC1E,OAAO,EAAC,WAAW,EAAE,KAAK,gBAAgB,EAAC,MAAM,gBAAgB,CAAA;AACjE,OAAO,EAAC,gBAAgB,EAAE,KAAK,qBAAqB,EAAC,MAAM,qBAAqB,CAAA;AAChF,OAAO,EACL,oBAAoB,EACpB,KAAK,yBAAyB,EAC/B,MAAM,0BAA0B,CAAA;AACjC,OAAO,EAAC,WAAW,EAAE,KAAK,gBAAgB,EAAC,MAAM,gBAAgB,CAAA;AACjE,OAAO,EAAC,YAAY,EAAE,KAAK,iBAAiB,EAAC,MAAM,iBAAiB,CAAA;AACpE,OAAO,EAAC,WAAW,EAAE,KAAK,gBAAgB,EAAC,MAAM,gBAAgB,CAAA;AACjE,OAAO,EACL,kBAAkB,EAClB,KAAK,uBAAuB,EAC7B,MAAM,wBAAwB,CAAA;AAC/B,OAAO,EACL,kBAAkB,EAClB,KAAK,uBAAuB,EAC7B,MAAM,wBAAwB,CAAA;AAC/B,OAAO,EAAC,WAAW,EAAE,KAAK,gBAAgB,EAAC,MAAM,gBAAgB,CAAA;AACjE,OAAO,EAAC,gBAAgB,EAAE,KAAK,qBAAqB,EAAC,MAAM,qBAAqB,CAAA;AAChF,OAAO,EAAC,cAAc,EAAE,KAAK,mBAAmB,EAAC,MAAM,mBAAmB,CAAA;AAE1E,cAAc,uBAAuB,CAAA;AACrC,YAAY,EACV,uBAAuB,EACvB,qBAAqB,EACrB,4BAA4B,EAC5B,gBAAgB,EAChB,mBAAmB,EACnB,gBAAgB,EAChB,uBAAuB,EACvB,yBAAyB,EACzB,gBAAgB,EAChB,iBAAiB,EACjB,gBAAgB,EAChB,qBAAqB,EACrB,mBAAmB,EACnB,mBAAmB,GACpB,CAAA;AAED,KAAK,gBAAgB,GAAG;IACtB;;;OAGG;IACH,gBAAgB,EAAE,OAAO,uBAAuB,CAAA;IAChD;;OAEG;IACH,OAAO,EAAE,OAAO,cAAc,CAAA;IAC9B;;OAEG;IACH,OAAO,EAAE,OAAO,cAAc,CAAA;IAC9B;;OAEG;IACH,IAAI,EAAE,OAAO,WAAW,CAAA;IACxB;;;;;;;;;;;;OAYG;IACH,SAAS,EAAE,OAAO,gBAAgB,CAAA;IAClC,aAAa,EAAE,OAAO,oBAAoB,CAAA;IAC1C;;OAEG;IACH,IAAI,EAAE,OAAO,WAAW,CAAA;IACxB;;OAEG;IACH,KAAK,EAAE,OAAO,YAAY,CAAA;IAC1B;;OAEG;IACH,IAAI,EAAE,OAAO,WAAW,CAAA;IACxB;;OAEG;IACH,WAAW,EAAE,OAAO,kBAAkB,CAAA;IACtC;;OAEG;IACH,WAAW,EAAE,OAAO,kBAAkB,CAAA;IACtC;;OAEG;IACH,IAAI,EAAE,OAAO,WAAW,CAAA;IACxB;;OAEG;IACH,SAAS,EAAE,OAAO,gBAAgB,CAAA;IAClC;;OAEG;IACH,OAAO,EAAE,OAAO,cAAc,CAAA;CAC/B,CAAA;AAED,eAAO,MAAM,OAAO,EAAE,gBAerB,CAAA"}
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import{c as _c}from"react/compiler-runtime";import{jsx}from"react/jsx-runtime";import{CoreStepper}from"@qualcomm-ui/react-core/stepper";import{mergeProps}from"@qualcomm-ui/utils/merge-props";import{createGuardedContext}from"@qualcomm-ui/react-core/context";var[QdsStepperContextProvider,useQdsStepperContext]=createGuardedContext({hookName:"useQdsStepperContext",providerName:"<QdsStepperContextProvider>",strict:!0});function StepperCompletedContent(props){let $=_c(3),qdsContext=useQdsStepperContext(),t0;if($[0]!==props||$[1]!==qdsContext){let mergedProps=mergeProps(qdsContext.getCompletedContentBindings(),props);t0=jsx(CoreStepper.CompletedContent,{...mergedProps}),$[0]=props,$[1]=qdsContext,$[2]=t0}else t0=$[2];return t0}import{c as _c2}from"react/compiler-runtime";import{jsx as jsx2}from"react/jsx-runtime";import{CoreStepper as CoreStepper2}from"@qualcomm-ui/react-core/stepper";import{mergeProps as mergeProps2}from"@qualcomm-ui/utils/merge-props";function StepperContent(props){let $=_c2(3),qdsContext=useQdsStepperContext(),t0;if($[0]!==props||$[1]!==qdsContext){let mergedProps=mergeProps2(qdsContext.getContentBindings(),props);t0=jsx2(CoreStepper2.Content,{...mergedProps}),$[0]=props,$[1]=qdsContext,$[2]=t0}else t0=$[2];return t0}import{jsx as jsx3}from"react/jsx-runtime";import{CoreStepper as CoreStepper3}from"@qualcomm-ui/react-core/stepper";function StepperContext({children}){return jsx3(CoreStepper3.Context,{children})}import{c as _c3}from"react/compiler-runtime";import{jsx as jsx4}from"react/jsx-runtime";import{CoreStepper as CoreStepper4}from"@qualcomm-ui/react-core/stepper";import{mergeProps as mergeProps3}from"@qualcomm-ui/utils/merge-props";function StepperHint(props){let $=_c3(3),qdsContext=useQdsStepperContext(),t0;if($[0]!==props||$[1]!==qdsContext){let mergedProps=mergeProps3(qdsContext.getHintBindings(),props);t0=jsx4(CoreStepper4.Hint,{...mergedProps}),$[0]=props,$[1]=qdsContext,$[2]=t0}else t0=$[2];return t0}import{jsx as jsx5}from"react/jsx-runtime";import{Check,createLucideIcon}from"lucide-react";import{StepperIndicatorAlert}from"@qualcomm-ui/qds-core/stepper";import{IconOrNode}from"@qualcomm-ui/react/icon";import{CoreStepper as CoreStepper5,useStepperContext,useStepperItemContext}from"@qualcomm-ui/react-core/stepper";import{mergeProps as mergeProps4}from"@qualcomm-ui/utils/merge-props";var AlertIcon=createLucideIcon("stepper-indicator-alert",StepperIndicatorAlert);function StepperIndicator(t0){let{children,completedIcon:t1,errorIcon:t2,...props}=t0,completedIcon=t1===void 0?Check:t1,errorIcon=t2===void 0?AlertIcon:t2,qdsContext=useQdsStepperContext(),stepperContext=useStepperContext(),itemContext=useStepperItemContext(),itemState=stepperContext.getItemState(itemContext),mergedProps=mergeProps4(qdsContext.getIndicatorBindings(),props);return jsx5(CoreStepper5.Indicator,{...mergedProps,children:itemState.current?jsx5("span",{children}):itemState.completed?jsx5(IconOrNode,{icon:completedIcon}):itemState.invalid?jsx5(IconOrNode,{icon:errorIcon}):jsx5("span",{children})})}import{c as _c4}from"react/compiler-runtime";import{jsx as jsx6}from"react/jsx-runtime";import{IconOrNode as IconOrNode2}from"@qualcomm-ui/react/icon";import{mergeProps as mergeProps5}from"@qualcomm-ui/utils/merge-props";function StepperIndicatorIcon(props){let $=_c4(3),qdsContext=useQdsStepperContext(),t0;if($[0]!==props||$[1]!==qdsContext){let mergedProps=mergeProps5(qdsContext.getIndicatorIconBindings(),props);t0=jsx6(IconOrNode2,{...mergedProps}),$[0]=props,$[1]=qdsContext,$[2]=t0}else t0=$[2];return t0}import{c as _c5}from"react/compiler-runtime";import{jsx as jsx7}from"react/jsx-runtime";import{CoreStepper as CoreStepper6}from"@qualcomm-ui/react-core/stepper";import{mergeProps as mergeProps6}from"@qualcomm-ui/utils/merge-props";function StepperItem(props){let $=_c5(3),qdsContext=useQdsStepperContext(),t0;if($[0]!==props||$[1]!==qdsContext){let mergedProps=mergeProps6(qdsContext.getItemBindings(),props);t0=jsx7(CoreStepper6.Item,{...mergedProps}),$[0]=props,$[1]=qdsContext,$[2]=t0}else t0=$[2];return t0}import{c as _c6}from"react/compiler-runtime";import{jsx as jsx8}from"react/jsx-runtime";import{CoreStepper as CoreStepper7}from"@qualcomm-ui/react-core/stepper";import{mergeProps as mergeProps7}from"@qualcomm-ui/utils/merge-props";function StepperLabel(props){let $=_c6(3),qdsContext=useQdsStepperContext(),t0;if($[0]!==props||$[1]!==qdsContext){let mergedProps=mergeProps7(qdsContext.getLabelBindings(),props);t0=jsx8(CoreStepper7.Label,{...mergedProps}),$[0]=props,$[1]=qdsContext,$[2]=t0}else t0=$[2];return t0}import{c as _c7}from"react/compiler-runtime";import{jsx as jsx9}from"react/jsx-runtime";import{CoreStepper as CoreStepper8}from"@qualcomm-ui/react-core/stepper";import{mergeProps as mergeProps8}from"@qualcomm-ui/utils/merge-props";function StepperList(props){let $=_c7(3),qdsContext=useQdsStepperContext(),t0;if($[0]!==props||$[1]!==qdsContext){let mergedProps=mergeProps8(qdsContext.getListBindings(),props);t0=jsx9(CoreStepper8.List,{...mergedProps}),$[0]=props,$[1]=qdsContext,$[2]=t0}else t0=$[2];return t0}import{c as _c8}from"react/compiler-runtime";import{jsx as jsx10}from"react/jsx-runtime";import{CoreStepper as CoreStepper9}from"@qualcomm-ui/react-core/stepper";import{mergeProps as mergeProps9}from"@qualcomm-ui/utils/merge-props";function StepperNextTrigger(props){let $=_c8(3),qdsContext=useQdsStepperContext(),t0;if($[0]!==props||$[1]!==qdsContext){let mergedProps=mergeProps9(qdsContext.getNextTriggerBindings(),props);t0=jsx10(CoreStepper9.NextTrigger,{...mergedProps}),$[0]=props,$[1]=qdsContext,$[2]=t0}else t0=$[2];return t0}import{c as _c9}from"react/compiler-runtime";import{jsx as jsx11}from"react/jsx-runtime";import{CoreStepper as CoreStepper10}from"@qualcomm-ui/react-core/stepper";import{mergeProps as mergeProps10}from"@qualcomm-ui/utils/merge-props";function StepperPrevTrigger(props){let $=_c9(3),qdsContext=useQdsStepperContext(),t0;if($[0]!==props||$[1]!==qdsContext){let mergedProps=mergeProps10(qdsContext.getPrevTriggerBindings(),props);t0=jsx11(CoreStepper10.PrevTrigger,{...mergedProps}),$[0]=props,$[1]=qdsContext,$[2]=t0}else t0=$[2];return t0}import{c as _c10}from"react/compiler-runtime";import{jsx as jsx12}from"react/jsx-runtime";import"react";import{createQdsStepperApi}from"@qualcomm-ui/qds-core/stepper";import{normalizeProps}from"@qualcomm-ui/react-core/machine";import{CoreStepper as CoreStepper11}from"@qualcomm-ui/react-core/stepper";import{mergeProps as mergeProps11}from"@qualcomm-ui/utils/merge-props";function StepperRoot(t0){let $=_c10(4),t1;if($[0]!==t0){let{size,...props}=t0,t2;$[2]!==size?(t2=createQdsStepperApi({size},normalizeProps),$[2]=size,$[3]=t2):t2=$[3];let qdsContext=t2,mergedProps=mergeProps11(qdsContext.getRootBindings(),props);t1=jsx12(QdsStepperContextProvider,{value:qdsContext,children:jsx12(CoreStepper11.Root,{...mergedProps})}),$[0]=t0,$[1]=t1}else t1=$[1];return t1}import{c as _c11}from"react/compiler-runtime";import{jsx as jsx13}from"react/jsx-runtime";import{CoreStepper as CoreStepper12}from"@qualcomm-ui/react-core/stepper";import{mergeProps as mergeProps12}from"@qualcomm-ui/utils/merge-props";function StepperSeparator(props){let $=_c11(3),qdsContext=useQdsStepperContext(),t0;if($[0]!==props||$[1]!==qdsContext){let mergedProps=mergeProps12(qdsContext.getSeparatorBindings(),props);t0=jsx13(CoreStepper12.Separator,{...mergedProps}),$[0]=props,$[1]=qdsContext,$[2]=t0}else t0=$[2];return t0}import{c as _c12}from"react/compiler-runtime";import{jsx as jsx14}from"react/jsx-runtime";import{CoreStepper as CoreStepper13}from"@qualcomm-ui/react-core/stepper";import{mergeProps as mergeProps13}from"@qualcomm-ui/utils/merge-props";function StepperTrigger(props){let $=_c12(3),qdsContext=useQdsStepperContext(),t0;if($[0]!==props||$[1]!==qdsContext){let mergedProps=mergeProps13(qdsContext.getTriggerBindings(),props);t0=jsx14(CoreStepper13.Trigger,{...mergedProps}),$[0]=props,$[1]=qdsContext,$[2]=t0}else t0=$[2];return t0}var Stepper={CompletedContent:StepperCompletedContent,Content:StepperContent,Context:StepperContext,Hint:StepperHint,Indicator:StepperIndicator,IndicatorIcon:StepperIndicatorIcon,Item:StepperItem,Label:StepperLabel,List:StepperList,NextTrigger:StepperNextTrigger,PrevTrigger:StepperPrevTrigger,Root:StepperRoot,Separator:StepperSeparator,Trigger:StepperTrigger};export{QdsStepperContextProvider,Stepper,useQdsStepperContext};
|
|
3
|
+
//# sourceMappingURL=index.js.map
|