@qualcomm-ui/react 1.10.1 → 1.12.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/alert-banner/alert-banner-action-container.d.ts +14 -0
- package/dist/alert-banner/alert-banner-action-container.d.ts.map +1 -0
- package/dist/alert-banner/alert-banner-close-button.d.ts +13 -0
- package/dist/alert-banner/alert-banner-close-button.d.ts.map +1 -0
- package/dist/alert-banner/alert-banner-description.d.ts +13 -0
- package/dist/alert-banner/alert-banner-description.d.ts.map +1 -0
- package/dist/alert-banner/alert-banner-heading.d.ts +13 -0
- package/dist/alert-banner/alert-banner-heading.d.ts.map +1 -0
- package/dist/alert-banner/alert-banner-icon.d.ts +16 -0
- package/dist/alert-banner/alert-banner-icon.d.ts.map +1 -0
- package/dist/alert-banner/alert-banner-root.d.ts +18 -0
- package/dist/alert-banner/alert-banner-root.d.ts.map +1 -0
- package/dist/alert-banner/alert-banner.d.ts +82 -0
- package/dist/alert-banner/alert-banner.d.ts.map +1 -0
- package/dist/alert-banner/index.d.ts +41 -0
- package/dist/alert-banner/index.d.ts.map +1 -0
- package/dist/alert-banner/index.js +3 -0
- package/dist/alert-banner/index.js.map +7 -0
- package/dist/alert-banner/qds-alert-banner-context.d.ts +6 -0
- package/dist/alert-banner/qds-alert-banner-context.d.ts.map +1 -0
- package/dist/avatar/avatar-root.d.ts +7 -3
- package/dist/avatar/avatar-root.d.ts.map +1 -1
- package/dist/avatar/index.js +1 -1
- package/dist/avatar/index.js.map +2 -2
- package/dist/checkbox/checkbox-hint.d.ts +15 -0
- package/dist/checkbox/checkbox-hint.d.ts.map +1 -0
- package/dist/checkbox/checkbox.d.ts +11 -1
- package/dist/checkbox/checkbox.d.ts.map +1 -1
- package/dist/checkbox/index.d.ts +3 -1
- package/dist/checkbox/index.d.ts.map +1 -1
- package/dist/checkbox/index.js +1 -1
- package/dist/checkbox/index.js.map +4 -4
- package/dist/inline-notification/index.js +1 -1
- package/dist/inline-notification/index.js.map +2 -2
- package/dist/inline-notification/inline-notification-icon.d.ts.map +1 -1
- package/dist/input/index.js +1 -1
- package/dist/input/index.js.map +2 -2
- package/dist/number-input/index.d.ts +4 -1
- package/dist/number-input/index.d.ts.map +1 -1
- package/dist/number-input/index.js +1 -1
- package/dist/number-input/index.js.map +4 -4
- package/dist/number-input/number-input-unit-select.d.ts +6 -0
- package/dist/number-input/number-input-unit-select.d.ts.map +1 -0
- package/dist/number-input/number-input.d.ts +6 -1
- package/dist/number-input/number-input.d.ts.map +1 -1
- package/dist/radio/index.d.ts +3 -1
- package/dist/radio/index.d.ts.map +1 -1
- package/dist/radio/index.js +1 -1
- package/dist/radio/index.js.map +4 -4
- package/dist/radio/radio-group/index.d.ts +3 -1
- package/dist/radio/radio-group/index.d.ts.map +1 -1
- package/dist/radio/radio-group/radio-group-hint.d.ts +10 -0
- package/dist/radio/radio-group/radio-group-hint.d.ts.map +1 -0
- package/dist/radio/radio-hint.d.ts +15 -0
- package/dist/radio/radio-hint.d.ts.map +1 -0
- package/dist/radio/radio.d.ts +11 -1
- package/dist/radio/radio.d.ts.map +1 -1
- package/dist/select/index.d.ts +8 -1
- package/dist/select/index.d.ts.map +1 -1
- package/dist/select/index.js +1 -1
- package/dist/select/index.js.map +4 -4
- package/dist/select/select-item-checkbox.d.ts +11 -0
- package/dist/select/select-item-checkbox.d.ts.map +1 -0
- package/dist/select/select-items.d.ts.map +1 -1
- package/dist/select/select-root.d.ts +1 -1
- package/dist/select/select-root.d.ts.map +1 -1
- package/dist/switch/index.d.ts +3 -1
- package/dist/switch/index.d.ts.map +1 -1
- package/dist/switch/index.js +1 -1
- package/dist/switch/index.js.map +4 -4
- package/dist/switch/switch-hint.d.ts +15 -0
- package/dist/switch/switch-hint.d.ts.map +1 -0
- package/dist/switch/switch.d.ts +10 -1
- package/dist/switch/switch.d.ts.map +1 -1
- package/dist/tsbuildinfo +1 -1
- package/package.json +4 -4
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import type { ReactElement, ReactNode } from "react";
|
|
2
|
+
import { type ElementRenderProp } from "@qualcomm-ui/react-core/system";
|
|
3
|
+
export interface AlertBannerActionContainerProps 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 for the banner's primary action button. Renders a `<div>`
|
|
11
|
+
* element by default.
|
|
12
|
+
*/
|
|
13
|
+
export declare function AlertBannerActionContainer({ children, ...props }: AlertBannerActionContainerProps): ReactElement;
|
|
14
|
+
//# sourceMappingURL=alert-banner-action-container.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"alert-banner-action-container.d.ts","sourceRoot":"","sources":["../../src/alert-banner/alert-banner-action-container.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,+BACf,SAAQ,iBAAiB,CAAC,KAAK,CAAC;IAChC;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB;AAED;;;GAGG;AACH,wBAAgB,0BAA0B,CAAC,EACzC,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,+BAA+B,GAAG,YAAY,CAUhD"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import type { ReactElement, ReactNode } from "react";
|
|
2
|
+
import type { ElementRenderProp } from "@qualcomm-ui/react-core/system";
|
|
3
|
+
export interface AlertBannerCloseButtonProps extends ElementRenderProp<"button"> {
|
|
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
|
+
* Calls the root's `onClose` when clicked. Renders a `<button>` element by default.
|
|
11
|
+
*/
|
|
12
|
+
export declare function AlertBannerCloseButton({ children, ...props }: AlertBannerCloseButtonProps): ReactElement;
|
|
13
|
+
//# sourceMappingURL=alert-banner-close-button.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"alert-banner-close-button.d.ts","sourceRoot":"","sources":["../../src/alert-banner/alert-banner-close-button.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAC,YAAY,EAAE,SAAS,EAAC,MAAM,OAAO,CAAA;AAKlD,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,gCAAgC,CAAA;AAKrE,MAAM,WAAW,2BACf,SAAQ,iBAAiB,CAAC,QAAQ,CAAC;IACnC;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB;AAED;;GAEG;AACH,wBAAgB,sBAAsB,CAAC,EACrC,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,2BAA2B,GAAG,YAAY,CAqB5C"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import type { ReactElement, ReactNode } from "react";
|
|
2
|
+
import { type ElementRenderProp } from "@qualcomm-ui/react-core/system";
|
|
3
|
+
export interface AlertBannerDescriptionProps 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
|
+
* Description of the alert banner. Renders a `<div>` element by default.
|
|
11
|
+
*/
|
|
12
|
+
export declare function AlertBannerDescription({ children, ...props }: AlertBannerDescriptionProps): ReactElement;
|
|
13
|
+
//# sourceMappingURL=alert-banner-description.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"alert-banner-description.d.ts","sourceRoot":"","sources":["../../src/alert-banner/alert-banner-description.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,2BAA4B,SAAQ,iBAAiB,CAAC,KAAK,CAAC;IAC3E;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB;AAED;;GAEG;AACH,wBAAgB,sBAAsB,CAAC,EACrC,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,2BAA2B,GAAG,YAAY,CAU5C"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import type { ReactElement, ReactNode } from "react";
|
|
2
|
+
import { type ElementRenderProp } from "@qualcomm-ui/react-core/system";
|
|
3
|
+
export interface AlertBannerHeadingProps 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
|
+
* Heading of the alert banner. Renders a `<div>` element by default.
|
|
11
|
+
*/
|
|
12
|
+
export declare function AlertBannerHeading({ children, ...props }: AlertBannerHeadingProps): ReactElement;
|
|
13
|
+
//# sourceMappingURL=alert-banner-heading.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"alert-banner-heading.d.ts","sourceRoot":"","sources":["../../src/alert-banner/alert-banner-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,uBAAwB,SAAQ,iBAAiB,CAAC,KAAK,CAAC;IACvE;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB;AAED;;GAEG;AACH,wBAAgB,kBAAkB,CAAC,EACjC,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,uBAAuB,GAAG,YAAY,CAUxC"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import type { ReactElement } from "react";
|
|
2
|
+
import type { LucideIconOrNode } from "@qualcomm-ui/react-core/lucide";
|
|
3
|
+
import type { ElementRenderProp } from "@qualcomm-ui/react-core/system";
|
|
4
|
+
export interface AlertBannerIconProps extends ElementRenderProp<"span"> {
|
|
5
|
+
/**
|
|
6
|
+
* Override the icon displayed in the banner. When this prop is omitted,
|
|
7
|
+
* the icon is determined by the {@link emphasis} prop.
|
|
8
|
+
*/
|
|
9
|
+
icon?: LucideIconOrNode;
|
|
10
|
+
}
|
|
11
|
+
/**
|
|
12
|
+
* An icon that indicates the banner's status. Renders a `<span>` element by
|
|
13
|
+
* default.
|
|
14
|
+
*/
|
|
15
|
+
export declare function AlertBannerIcon({ icon: iconProp, ...props }: AlertBannerIconProps): ReactElement;
|
|
16
|
+
//# sourceMappingURL=alert-banner-icon.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"alert-banner-icon.d.ts","sourceRoot":"","sources":["../../src/alert-banner/alert-banner-icon.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAC,YAAY,EAAC,MAAM,OAAO,CAAA;AAYvC,OAAO,KAAK,EAAC,gBAAgB,EAAC,MAAM,gCAAgC,CAAA;AACpE,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,gCAAgC,CAAA;AAKrE,MAAM,WAAW,oBAAqB,SAAQ,iBAAiB,CAAC,MAAM,CAAC;IACrE;;;OAGG;IACH,IAAI,CAAC,EAAE,gBAAgB,CAAA;CACxB;AAED;;;GAGG;AACH,wBAAgB,eAAe,CAAC,EAC9B,IAAI,EAAE,QAAQ,EACd,GAAG,KAAK,EACT,EAAE,oBAAoB,GAAG,YAAY,CAWrC"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { type ReactElement, type ReactNode } from "react";
|
|
2
|
+
import { type QdsAlertBannerApiProps } from "@qualcomm-ui/qds-core/alert-banner";
|
|
3
|
+
import { type ElementRenderProp } from "@qualcomm-ui/react-core/system";
|
|
4
|
+
export interface AlertBannerRootProps extends QdsAlertBannerApiProps, 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
|
+
* Callback fired when the close button is clicked.
|
|
11
|
+
*/
|
|
12
|
+
onClose?: () => void;
|
|
13
|
+
}
|
|
14
|
+
/**
|
|
15
|
+
* Groups all parts of the alert banner. Renders a `<div>` element by default.
|
|
16
|
+
*/
|
|
17
|
+
export declare function AlertBannerRoot({ children, closeButtonAriaLabel, dir, emphasis, onClose, variant, ...props }: AlertBannerRootProps): ReactElement;
|
|
18
|
+
//# sourceMappingURL=alert-banner-root.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"alert-banner-root.d.ts","sourceRoot":"","sources":["../../src/alert-banner/alert-banner-root.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAC,KAAK,YAAY,EAAE,KAAK,SAAS,EAAU,MAAM,OAAO,CAAA;AAEhE,OAAO,EAEL,KAAK,sBAAsB,EAC5B,MAAM,oCAAoC,CAAA;AAE3C,OAAO,EACL,KAAK,iBAAiB,EAEvB,MAAM,gCAAgC,CAAA;AAQvC,MAAM,WAAW,oBACf,SAAQ,sBAAsB,EAC5B,IAAI,CAAC,iBAAiB,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC;IACvC;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAA;IAEpB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CACrB;AAED;;GAEG;AACH,wBAAgB,eAAe,CAAC,EAC9B,QAAQ,EACR,oBAAoB,EACpB,GAAG,EACH,QAAQ,EACR,OAAO,EACP,OAAO,EACP,GAAG,KAAK,EACT,EAAE,oBAAoB,GAAG,YAAY,CAqBrC"}
|
|
@@ -0,0 +1,82 @@
|
|
|
1
|
+
import type { ReactElement, ReactNode } from "react";
|
|
2
|
+
import type { LucideIconOrNode } from "@qualcomm-ui/react-core/lucide";
|
|
3
|
+
import { type AlertBannerActionContainerProps } from "./alert-banner-action-container";
|
|
4
|
+
import { type AlertBannerCloseButtonProps } from "./alert-banner-close-button";
|
|
5
|
+
import { type AlertBannerDescriptionProps } from "./alert-banner-description";
|
|
6
|
+
import { type AlertBannerHeadingProps } from "./alert-banner-heading";
|
|
7
|
+
import { type AlertBannerIconProps } from "./alert-banner-icon";
|
|
8
|
+
import { type AlertBannerRootProps } from "./alert-banner-root";
|
|
9
|
+
interface DismissableAlertBannerProps {
|
|
10
|
+
/**
|
|
11
|
+
* When `true`, renders a close button that calls `onClose` when clicked.
|
|
12
|
+
*/
|
|
13
|
+
dismissable: true;
|
|
14
|
+
/**
|
|
15
|
+
* Callback fired when the close button is clicked.
|
|
16
|
+
*/
|
|
17
|
+
onClose: NonNullable<AlertBannerRootProps["onClose"]>;
|
|
18
|
+
}
|
|
19
|
+
interface NonDismissableAlertBannerProps {
|
|
20
|
+
/**
|
|
21
|
+
* When `true`, renders a close button that calls `onClose` when clicked.
|
|
22
|
+
*
|
|
23
|
+
* @default false
|
|
24
|
+
*/
|
|
25
|
+
dismissable?: false;
|
|
26
|
+
/**
|
|
27
|
+
* Callback fired when the close button is clicked.
|
|
28
|
+
*/
|
|
29
|
+
onClose?: AlertBannerRootProps["onClose"];
|
|
30
|
+
}
|
|
31
|
+
interface AlertBannerSharedProps {
|
|
32
|
+
/**
|
|
33
|
+
* The component used for the content of the action element.
|
|
34
|
+
*/
|
|
35
|
+
action?: ReactNode;
|
|
36
|
+
/**
|
|
37
|
+
* Props applied to the action container element.
|
|
38
|
+
* @inheritDoc
|
|
39
|
+
*/
|
|
40
|
+
actionProps?: AlertBannerActionContainerProps;
|
|
41
|
+
/**
|
|
42
|
+
* The simple AlertBanner doesn't support children.
|
|
43
|
+
*/
|
|
44
|
+
children?: never;
|
|
45
|
+
/**
|
|
46
|
+
* Props applied to the close button element.
|
|
47
|
+
* @inheritDoc
|
|
48
|
+
*/
|
|
49
|
+
closeButtonProps?: AlertBannerCloseButtonProps;
|
|
50
|
+
/**
|
|
51
|
+
* Optional description text for the banner.
|
|
52
|
+
*/
|
|
53
|
+
description?: ReactNode;
|
|
54
|
+
/**
|
|
55
|
+
* Props applied to the description element.
|
|
56
|
+
* @inheritDoc
|
|
57
|
+
*/
|
|
58
|
+
descriptionProps?: AlertBannerDescriptionProps;
|
|
59
|
+
/**
|
|
60
|
+
* Optional heading text for the banner.
|
|
61
|
+
*/
|
|
62
|
+
heading?: ReactNode;
|
|
63
|
+
/**
|
|
64
|
+
* Props applied to the heading element.
|
|
65
|
+
* @inheritDoc
|
|
66
|
+
*/
|
|
67
|
+
headingProps?: AlertBannerHeadingProps;
|
|
68
|
+
/**
|
|
69
|
+
* Override the icon displayed in the banner. When this prop is omitted,
|
|
70
|
+
* the icon is determined by the {@link emphasis} prop.
|
|
71
|
+
*/
|
|
72
|
+
icon?: LucideIconOrNode;
|
|
73
|
+
/**
|
|
74
|
+
* Props applied to the icon element.
|
|
75
|
+
* @inheritDoc
|
|
76
|
+
*/
|
|
77
|
+
iconProps?: AlertBannerIconProps;
|
|
78
|
+
}
|
|
79
|
+
export type AlertBannerProps = Omit<AlertBannerRootProps, "children" | "onClose"> & AlertBannerSharedProps & (DismissableAlertBannerProps | NonDismissableAlertBannerProps);
|
|
80
|
+
export declare function AlertBanner({ action, actionProps, closeButtonProps, description, descriptionProps, dismissable, heading, headingProps, icon, iconProps, ...props }: AlertBannerProps): ReactElement;
|
|
81
|
+
export {};
|
|
82
|
+
//# sourceMappingURL=alert-banner.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"alert-banner.d.ts","sourceRoot":"","sources":["../../src/alert-banner/alert-banner.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAC,YAAY,EAAE,SAAS,EAAC,MAAM,OAAO,CAAA;AAElD,OAAO,KAAK,EAAC,gBAAgB,EAAC,MAAM,gCAAgC,CAAA;AAEpE,OAAO,EAEL,KAAK,+BAA+B,EACrC,MAAM,iCAAiC,CAAA;AACxC,OAAO,EAEL,KAAK,2BAA2B,EACjC,MAAM,6BAA6B,CAAA;AACpC,OAAO,EAEL,KAAK,2BAA2B,EACjC,MAAM,4BAA4B,CAAA;AACnC,OAAO,EAEL,KAAK,uBAAuB,EAC7B,MAAM,wBAAwB,CAAA;AAC/B,OAAO,EAAkB,KAAK,oBAAoB,EAAC,MAAM,qBAAqB,CAAA;AAC9E,OAAO,EAAkB,KAAK,oBAAoB,EAAC,MAAM,qBAAqB,CAAA;AAE9E,UAAU,2BAA2B;IACnC;;OAEG;IACH,WAAW,EAAE,IAAI,CAAA;IAEjB;;OAEG;IACH,OAAO,EAAE,WAAW,CAAC,oBAAoB,CAAC,SAAS,CAAC,CAAC,CAAA;CACtD;AAED,UAAU,8BAA8B;IACtC;;;;OAIG;IACH,WAAW,CAAC,EAAE,KAAK,CAAA;IAEnB;;OAEG;IACH,OAAO,CAAC,EAAE,oBAAoB,CAAC,SAAS,CAAC,CAAA;CAC1C;AAED,UAAU,sBAAsB;IAC9B;;OAEG;IACH,MAAM,CAAC,EAAE,SAAS,CAAA;IAElB;;;OAGG;IACH,WAAW,CAAC,EAAE,+BAA+B,CAAA;IAE7C;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAA;IAEhB;;;OAGG;IACH,gBAAgB,CAAC,EAAE,2BAA2B,CAAA;IAE9C;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAA;IAEvB;;;OAGG;IACH,gBAAgB,CAAC,EAAE,2BAA2B,CAAA;IAE9C;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,CAAA;IAEnB;;;OAGG;IACH,YAAY,CAAC,EAAE,uBAAuB,CAAA;IAEtC;;;OAGG;IACH,IAAI,CAAC,EAAE,gBAAgB,CAAA;IAEvB;;;OAGG;IACH,SAAS,CAAC,EAAE,oBAAoB,CAAA;CACjC;AAED,MAAM,MAAM,gBAAgB,GAAG,IAAI,CACjC,oBAAoB,EACpB,UAAU,GAAG,SAAS,CACvB,GACC,sBAAsB,GACtB,CAAC,2BAA2B,GAAG,8BAA8B,CAAC,CAAA;AAEhE,wBAAgB,WAAW,CAAC,EAC1B,MAAM,EACN,WAAW,EACX,gBAAgB,EAChB,WAAW,EACX,gBAAgB,EAChB,WAAW,EACX,OAAO,EACP,YAAY,EACZ,IAAI,EACJ,SAAS,EACT,GAAG,KAAK,EACT,EAAE,gBAAgB,GAAG,YAAY,CA8BjC"}
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
import { AlertBanner as SimpleAlertBanner } from "./alert-banner";
|
|
2
|
+
import { AlertBannerActionContainer, type AlertBannerActionContainerProps } from "./alert-banner-action-container";
|
|
3
|
+
import { AlertBannerCloseButton, type AlertBannerCloseButtonProps } from "./alert-banner-close-button";
|
|
4
|
+
import { AlertBannerDescription, type AlertBannerDescriptionProps } from "./alert-banner-description";
|
|
5
|
+
import { AlertBannerHeading, type AlertBannerHeadingProps } from "./alert-banner-heading";
|
|
6
|
+
import { AlertBannerIcon, type AlertBannerIconProps } from "./alert-banner-icon";
|
|
7
|
+
import { AlertBannerRoot, type AlertBannerRootProps } from "./alert-banner-root";
|
|
8
|
+
export { AlertBannerContextProvider, type AlertBannerContextValue, useAlertBannerContext, } from "./qds-alert-banner-context";
|
|
9
|
+
export type { AlertBannerActionContainerProps, AlertBannerCloseButtonProps, AlertBannerDescriptionProps, AlertBannerHeadingProps, AlertBannerIconProps, AlertBannerRootProps, };
|
|
10
|
+
type AlertBannerComponent = typeof SimpleAlertBanner & {
|
|
11
|
+
/**
|
|
12
|
+
* A container for the banner's action button. Renders a `<div>` element by
|
|
13
|
+
* default.
|
|
14
|
+
*/
|
|
15
|
+
ActionContainer: typeof AlertBannerActionContainer;
|
|
16
|
+
/**
|
|
17
|
+
* Calls the root's `onClose` when clicked. Renders a `<button>` element by
|
|
18
|
+
* default.
|
|
19
|
+
*/
|
|
20
|
+
CloseButton: typeof AlertBannerCloseButton;
|
|
21
|
+
/**
|
|
22
|
+
* A paragraph with additional information about the banner. Renders a
|
|
23
|
+
* `<div>` element by default.
|
|
24
|
+
*/
|
|
25
|
+
Description: typeof AlertBannerDescription;
|
|
26
|
+
/**
|
|
27
|
+
* A heading that labels the banner. Renders a `<div>` element by default.
|
|
28
|
+
*/
|
|
29
|
+
Heading: typeof AlertBannerHeading;
|
|
30
|
+
/**
|
|
31
|
+
* An icon that indicates the banner's status. Renders a `<span>` element by
|
|
32
|
+
* default.
|
|
33
|
+
*/
|
|
34
|
+
Icon: typeof AlertBannerIcon;
|
|
35
|
+
/**
|
|
36
|
+
* Groups all parts of the banner. Renders a `<div>` element by default.
|
|
37
|
+
*/
|
|
38
|
+
Root: typeof AlertBannerRoot;
|
|
39
|
+
};
|
|
40
|
+
export declare const AlertBanner: AlertBannerComponent;
|
|
41
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/alert-banner/index.ts"],"names":[],"mappings":"AAGA,OAAO,EAAC,WAAW,IAAI,iBAAiB,EAAC,MAAM,gBAAgB,CAAA;AAC/D,OAAO,EACL,0BAA0B,EAC1B,KAAK,+BAA+B,EACrC,MAAM,iCAAiC,CAAA;AACxC,OAAO,EACL,sBAAsB,EACtB,KAAK,2BAA2B,EACjC,MAAM,6BAA6B,CAAA;AACpC,OAAO,EACL,sBAAsB,EACtB,KAAK,2BAA2B,EACjC,MAAM,4BAA4B,CAAA;AACnC,OAAO,EACL,kBAAkB,EAClB,KAAK,uBAAuB,EAC7B,MAAM,wBAAwB,CAAA;AAC/B,OAAO,EAAC,eAAe,EAAE,KAAK,oBAAoB,EAAC,MAAM,qBAAqB,CAAA;AAC9E,OAAO,EAAC,eAAe,EAAE,KAAK,oBAAoB,EAAC,MAAM,qBAAqB,CAAA;AAE9E,OAAO,EACL,0BAA0B,EAC1B,KAAK,uBAAuB,EAC5B,qBAAqB,GACtB,MAAM,4BAA4B,CAAA;AAEnC,YAAY,EACV,+BAA+B,EAC/B,2BAA2B,EAC3B,2BAA2B,EAC3B,uBAAuB,EACvB,oBAAoB,EACpB,oBAAoB,GACrB,CAAA;AAED,KAAK,oBAAoB,GAAG,OAAO,iBAAiB,GAAG;IACrD;;;OAGG;IACH,eAAe,EAAE,OAAO,0BAA0B,CAAA;IAClD;;;OAGG;IACH,WAAW,EAAE,OAAO,sBAAsB,CAAA;IAC1C;;;OAGG;IACH,WAAW,EAAE,OAAO,sBAAsB,CAAA;IAC1C;;OAEG;IACH,OAAO,EAAE,OAAO,kBAAkB,CAAA;IAClC;;;OAGG;IACH,IAAI,EAAE,OAAO,eAAe,CAAA;IAC5B;;OAEG;IACH,IAAI,EAAE,OAAO,eAAe,CAAA;CAC7B,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,oBACiB,CAAA"}
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import{jsx as jsx7,jsxs}from"react/jsx-runtime";import{jsx}from"react/jsx-runtime";import{PolymorphicElement}from"@qualcomm-ui/react-core/system";import{mergeProps}from"@qualcomm-ui/utils/merge-props";import{createGuardedContext}from"@qualcomm-ui/react-core/context";var[AlertBannerContextProvider,useAlertBannerContext]=createGuardedContext({hookName:"useAlertBannerContext",providerName:"<AlertBannerContextProvider>",strict:!0});function AlertBannerActionContainer(t0){let{children,...props}=t0,context=useAlertBannerContext(),mergedProps=mergeProps(context.getActionBindings(),props);return jsx(PolymorphicElement,{as:"div",...mergedProps,children})}import{jsx as jsx2}from"react/jsx-runtime";import{X}from"lucide-react";import{InlineIconButton}from"@qualcomm-ui/react/inline-icon-button";import{mergeProps as mergeProps2}from"@qualcomm-ui/utils/merge-props";function AlertBannerCloseButton(t0){let{children,...props}=t0,context=useAlertBannerContext(),mergedProps=mergeProps2({onClick:context.onClose},context.getCloseButtonBindings(),props),emphasis=context.variant==="strong"?context.emphasis==="warning"?"persistent-black":"persistent-white":void 0;return jsx2(InlineIconButton,{emphasis,icon:X,size:"md",...mergedProps,children})}import{jsx as jsx3}from"react/jsx-runtime";import{PolymorphicElement as PolymorphicElement2}from"@qualcomm-ui/react-core/system";import{mergeProps as mergeProps3}from"@qualcomm-ui/utils/merge-props";function AlertBannerDescription(t0){let{children,...props}=t0,context=useAlertBannerContext(),mergedProps=mergeProps3(context.getDescriptionBindings(),props);return jsx3(PolymorphicElement2,{as:"div",...mergedProps,children})}import{jsx as jsx4}from"react/jsx-runtime";import{PolymorphicElement as PolymorphicElement3}from"@qualcomm-ui/react-core/system";import{mergeProps as mergeProps4}from"@qualcomm-ui/utils/merge-props";function AlertBannerHeading(t0){let{children,...props}=t0,context=useAlertBannerContext(),mergedProps=mergeProps4(context.getHeadingBindings(),props);return jsx4(PolymorphicElement3,{as:"div",...mergedProps,children})}import{jsx as jsx5}from"react/jsx-runtime";import{BellRing,CircleAlert,CircleCheck,Info,TriangleAlert}from"lucide-react";import{IconOrNode}from"@qualcomm-ui/react/icon";import{mergeProps as mergeProps5}from"@qualcomm-ui/utils/merge-props";function AlertBannerIcon(t0){let{icon:iconProp,...props}=t0,context=useAlertBannerContext(),mergedProps=mergeProps5(context.getIconBindings(),props);return jsx5(IconOrNode,{icon:iconProp||icons[context.emphasis]||Info,size:"lg",...mergedProps})}var icons={danger:CircleAlert,info:Info,neutral:BellRing,success:CircleCheck,warning:TriangleAlert};import{c as _c}from"react/compiler-runtime";import{jsx as jsx6}from"react/jsx-runtime";import"react";import{createQdsAlertBannerApi}from"@qualcomm-ui/qds-core/alert-banner";import{normalizeProps}from"@qualcomm-ui/react-core/machine";import{PolymorphicElement as PolymorphicElement4}from"@qualcomm-ui/react-core/system";import{mergeProps as mergeProps6}from"@qualcomm-ui/utils/merge-props";function AlertBannerRoot(t0){let $=_c(10),t1;if($[0]!==t0){let{children,closeButtonAriaLabel,dir,emphasis,onClose,variant,...props}=t0,t2;$[2]!==closeButtonAriaLabel||$[3]!==dir||$[4]!==emphasis||$[5]!==variant?(t2=createQdsAlertBannerApi({closeButtonAriaLabel,dir,emphasis,variant},normalizeProps),$[2]=closeButtonAriaLabel,$[3]=dir,$[4]=emphasis,$[5]=variant,$[6]=t2):t2=$[6];let t3;$[7]!==onClose||$[8]!==t2?(t3={...t2,onClose},$[7]=onClose,$[8]=t2,$[9]=t3):t3=$[9];let context=t3,mergedProps=mergeProps6(context.getRootBindings(),props);t1=jsx6(AlertBannerContextProvider,{value:context,children:jsx6(PolymorphicElement4,{as:"div",...mergedProps,children})}),$[0]=t0,$[1]=t1}else t1=$[1];return t1}function AlertBanner({action,actionProps,closeButtonProps,description,descriptionProps,dismissable,heading,headingProps,icon,iconProps,...props}){let headingContent=heading||headingProps?.children,descriptionContent=description||descriptionProps?.children,actionContent=action||actionProps?.children;return jsxs(AlertBannerRoot,{...props,children:[jsx7(AlertBannerIcon,{icon,...iconProps}),headingContent?jsx7(AlertBannerHeading,{...headingProps,children:headingContent}):null,descriptionContent?jsx7(AlertBannerDescription,{...descriptionProps,children:descriptionContent}):null,actionContent?jsx7(AlertBannerActionContainer,{...actionProps,children:actionContent}):null,dismissable?jsx7(AlertBannerCloseButton,{...closeButtonProps}):null]})}var AlertBanner2=AlertBanner;AlertBanner2.ActionContainer=AlertBannerActionContainer;AlertBanner2.CloseButton=AlertBannerCloseButton;AlertBanner2.Description=AlertBannerDescription;AlertBanner2.Heading=AlertBannerHeading;AlertBanner2.Icon=AlertBannerIcon;AlertBanner2.Root=AlertBannerRoot;export{AlertBanner2 as AlertBanner,AlertBannerContextProvider,useAlertBannerContext};
|
|
3
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../src/alert-banner/alert-banner.tsx", "../../src/alert-banner/alert-banner-action-container.tsx", "../../src/alert-banner/qds-alert-banner-context.ts", "../../src/alert-banner/alert-banner-close-button.tsx", "../../src/alert-banner/alert-banner-description.tsx", "../../src/alert-banner/alert-banner-heading.tsx", "../../src/alert-banner/alert-banner-icon.tsx", "../../src/alert-banner/alert-banner-root.tsx", "../../src/alert-banner/index.ts"],
|
|
4
|
+
"sourcesContent": ["import { jsx, jsxs } from \"react/jsx-runtime\";\nimport { AlertBannerActionContainer } from \"./alert-banner-action-container\";\nimport { AlertBannerCloseButton } from \"./alert-banner-close-button\";\nimport { AlertBannerDescription } from \"./alert-banner-description\";\nimport { AlertBannerHeading } from \"./alert-banner-heading\";\nimport { AlertBannerIcon } from \"./alert-banner-icon\";\nimport { AlertBannerRoot } from \"./alert-banner-root\";\nexport function AlertBanner({\n action,\n actionProps,\n closeButtonProps,\n description,\n descriptionProps,\n dismissable,\n heading,\n headingProps,\n icon,\n iconProps,\n ...props\n}) {\n const headingContent = heading || headingProps?.children;\n const descriptionContent = description || descriptionProps?.children;\n const actionContent = action || actionProps?.children;\n return /* @__PURE__ */jsxs(AlertBannerRoot, {\n ...props,\n children: [/* @__PURE__ */jsx(AlertBannerIcon, {\n icon,\n ...iconProps\n }), headingContent ? /* @__PURE__ */jsx(AlertBannerHeading, {\n ...headingProps,\n children: headingContent\n }) : null, descriptionContent ? /* @__PURE__ */jsx(AlertBannerDescription, {\n ...descriptionProps,\n children: descriptionContent\n }) : null, actionContent ? /* @__PURE__ */jsx(AlertBannerActionContainer, {\n ...actionProps,\n children: actionContent\n }) : null, dismissable ? /* @__PURE__ */jsx(AlertBannerCloseButton, {\n ...closeButtonProps\n }) : null]\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 { useAlertBannerContext } from \"./qds-alert-banner-context\";\nexport function AlertBannerActionContainer(t0) {\n const {\n children,\n ...props\n } = t0;\n const context = useAlertBannerContext();\n const mergedProps = mergeProps(context.getActionBindings(), props);\n return jsx(PolymorphicElement, {\n as: \"div\",\n ...mergedProps,\n children\n });\n}", "import { createGuardedContext } from \"@qualcomm-ui/react-core/context\";\nexport const [AlertBannerContextProvider, useAlertBannerContext] = createGuardedContext({\n hookName: \"useAlertBannerContext\",\n providerName: \"<AlertBannerContextProvider>\",\n strict: true\n});", "import { jsx } from \"react/jsx-runtime\";\nimport { X } from \"lucide-react\";\nimport { InlineIconButton } from \"@qualcomm-ui/react/inline-icon-button\";\nimport { mergeProps } from \"@qualcomm-ui/utils/merge-props\";\nimport { useAlertBannerContext } from \"./qds-alert-banner-context\";\nexport function AlertBannerCloseButton(t0) {\n const {\n children,\n ...props\n } = t0;\n const context = useAlertBannerContext();\n const mergedProps = mergeProps({\n onClick: context.onClose\n }, context.getCloseButtonBindings(), props);\n const emphasis = context.variant === \"strong\" ? context.emphasis === \"warning\" ? \"persistent-black\" : \"persistent-white\" : void 0;\n return jsx(InlineIconButton, {\n emphasis,\n icon: X,\n size: \"md\",\n ...mergedProps,\n children\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 { useAlertBannerContext } from \"./qds-alert-banner-context\";\nexport function AlertBannerDescription(t0) {\n const {\n children,\n ...props\n } = t0;\n const context = useAlertBannerContext();\n const mergedProps = mergeProps(context.getDescriptionBindings(), props);\n return jsx(PolymorphicElement, {\n as: \"div\",\n ...mergedProps,\n children\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 { useAlertBannerContext } from \"./qds-alert-banner-context\";\nexport function AlertBannerHeading(t0) {\n const {\n children,\n ...props\n } = t0;\n const context = useAlertBannerContext();\n const mergedProps = mergeProps(context.getHeadingBindings(), props);\n return jsx(PolymorphicElement, {\n as: \"div\",\n ...mergedProps,\n children\n });\n}", "import { jsx } from \"react/jsx-runtime\";\nimport { BellRing, CircleAlert, CircleCheck, Info, TriangleAlert } from \"lucide-react\";\nimport { IconOrNode } from \"@qualcomm-ui/react/icon\";\nimport { mergeProps } from \"@qualcomm-ui/utils/merge-props\";\nimport { useAlertBannerContext } from \"./qds-alert-banner-context\";\nexport function AlertBannerIcon(t0) {\n const {\n icon: iconProp,\n ...props\n } = t0;\n const context = useAlertBannerContext();\n const mergedProps = mergeProps(context.getIconBindings(), props);\n return jsx(IconOrNode, {\n icon: iconProp || icons[context.emphasis] || Info,\n size: \"lg\",\n ...mergedProps\n });\n}\nconst icons = {\n danger: CircleAlert,\n info: Info,\n neutral: BellRing,\n success: CircleCheck,\n warning: TriangleAlert\n};", "import { c as _c } from \"react/compiler-runtime\";\nimport { jsx } from \"react/jsx-runtime\";\nimport { useMemo } from \"react\";\nimport { createQdsAlertBannerApi } from \"@qualcomm-ui/qds-core/alert-banner\";\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 { AlertBannerContextProvider } from \"./qds-alert-banner-context\";\nexport function AlertBannerRoot(t0) {\n const $ = _c(10);\n let t1;\n if ($[0] !== t0) {\n const {\n children,\n closeButtonAriaLabel,\n dir,\n emphasis,\n onClose,\n variant,\n ...props\n } = t0;\n let t2;\n if ($[2] !== closeButtonAriaLabel || $[3] !== dir || $[4] !== emphasis || $[5] !== variant) {\n t2 = createQdsAlertBannerApi({\n closeButtonAriaLabel,\n dir,\n emphasis,\n variant\n }, normalizeProps);\n $[2] = closeButtonAriaLabel;\n $[3] = dir;\n $[4] = emphasis;\n $[5] = variant;\n $[6] = t2;\n } else {\n t2 = $[6];\n }\n let t3;\n if ($[7] !== onClose || $[8] !== t2) {\n t3 = {\n ...t2,\n onClose\n };\n $[7] = onClose;\n $[8] = t2;\n $[9] = t3;\n } else {\n t3 = $[9];\n }\n const context = t3;\n const mergedProps = mergeProps(context.getRootBindings(), props);\n t1 = jsx(AlertBannerContextProvider, {\n value: context,\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 { AlertBanner as SimpleAlertBanner } from \"./alert-banner\";\nimport { AlertBannerActionContainer } from \"./alert-banner-action-container\";\nimport { AlertBannerCloseButton } from \"./alert-banner-close-button\";\nimport { AlertBannerDescription } from \"./alert-banner-description\";\nimport { AlertBannerHeading } from \"./alert-banner-heading\";\nimport { AlertBannerIcon } from \"./alert-banner-icon\";\nimport { AlertBannerRoot } from \"./alert-banner-root\";\nexport { AlertBannerContextProvider, useAlertBannerContext } from \"./qds-alert-banner-context\";\nexport const AlertBanner = SimpleAlertBanner;\nAlertBanner.ActionContainer = AlertBannerActionContainer;\nAlertBanner.CloseButton = AlertBannerCloseButton;\nAlertBanner.Description = AlertBannerDescription;\nAlertBanner.Heading = AlertBannerHeading;\nAlertBanner.Icon = AlertBannerIcon;\nAlertBanner.Root = AlertBannerRoot;"],
|
|
5
|
+
"mappings": "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",
|
|
6
|
+
"names": ["jsx", "jsx", "mergeProps", "mergeProps", "jsx", "jsx", "PolymorphicElement", "mergeProps", "mergeProps", "jsx", "PolymorphicElement", "jsx", "PolymorphicElement", "mergeProps", "mergeProps", "jsx", "PolymorphicElement", "jsx", "mergeProps", "mergeProps", "jsx", "jsx", "PolymorphicElement", "mergeProps", "mergeProps", "jsx", "PolymorphicElement", "jsx", "AlertBanner"]
|
|
7
|
+
}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import type { QdsAlertBannerApi } from "@qualcomm-ui/qds-core/alert-banner";
|
|
2
|
+
export interface AlertBannerContextValue extends QdsAlertBannerApi {
|
|
3
|
+
onClose?: () => void;
|
|
4
|
+
}
|
|
5
|
+
export declare const AlertBannerContextProvider: import("react").Provider<AlertBannerContextValue>, useAlertBannerContext: (requireContext?: boolean) => AlertBannerContextValue;
|
|
6
|
+
//# sourceMappingURL=qds-alert-banner-context.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"qds-alert-banner-context.d.ts","sourceRoot":"","sources":["../../src/alert-banner/qds-alert-banner-context.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,oCAAoC,CAAA;AAGzE,MAAM,WAAW,uBAAwB,SAAQ,iBAAiB;IAChE,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CACrB;AAED,eAAO,MAAO,0BAA0B,qDAAE,qBAAqB,uDAK3D,CAAA"}
|
|
@@ -1,16 +1,20 @@
|
|
|
1
1
|
import { type ReactElement, type ReactNode } from "react";
|
|
2
2
|
import { type AvatarApiProps } from "@qualcomm-ui/core/avatar";
|
|
3
|
-
import { type QdsAvatarApiProps } from "@qualcomm-ui/qds-core/avatar";
|
|
3
|
+
import { type QdsAvatarApiProps, type QdsAvatarVariant } from "@qualcomm-ui/qds-core/avatar";
|
|
4
4
|
import { type ElementRenderProp, type IdProp } from "@qualcomm-ui/react-core/system";
|
|
5
|
-
export interface AvatarRootProps extends AvatarApiProps, QdsAvatarApiProps, IdProp, Omit<ElementRenderProp<"div">, "dir"> {
|
|
5
|
+
export interface AvatarRootProps extends AvatarApiProps, Omit<QdsAvatarApiProps, "variant">, IdProp, Omit<ElementRenderProp<"div">, "dir"> {
|
|
6
6
|
/**
|
|
7
7
|
* React {@link https://react.dev/learn/passing-props-to-a-component#passing-jsx-as-children children} prop.
|
|
8
8
|
*/
|
|
9
9
|
children?: ReactNode;
|
|
10
|
+
/**
|
|
11
|
+
* @deprecated use {@link emphasis} instead
|
|
12
|
+
*/
|
|
13
|
+
variant?: QdsAvatarVariant;
|
|
10
14
|
}
|
|
11
15
|
/**
|
|
12
16
|
* Displays a user's profile picture, initials, or fallback icon. Renders a `<span>`
|
|
13
17
|
* element by default.
|
|
14
18
|
*/
|
|
15
|
-
export declare function AvatarRoot({ children, id, size, status, variant, ...props }: AvatarRootProps): ReactElement;
|
|
19
|
+
export declare function AvatarRoot({ children, emphasis, id, size, status, variant, ...props }: AvatarRootProps): ReactElement;
|
|
16
20
|
//# sourceMappingURL=avatar-root.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"avatar-root.d.ts","sourceRoot":"","sources":["../../src/avatar/avatar-root.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAC,KAAK,YAAY,EAAE,KAAK,SAAS,EAAU,MAAM,OAAO,CAAA;AAEhE,OAAO,EAAC,KAAK,cAAc,EAAmB,MAAM,0BAA0B,CAAA;AAC9E,OAAO,EAEL,KAAK,iBAAiB,
|
|
1
|
+
{"version":3,"file":"avatar-root.d.ts","sourceRoot":"","sources":["../../src/avatar/avatar-root.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAC,KAAK,YAAY,EAAE,KAAK,SAAS,EAAU,MAAM,OAAO,CAAA;AAEhE,OAAO,EAAC,KAAK,cAAc,EAAmB,MAAM,0BAA0B,CAAA;AAC9E,OAAO,EAEL,KAAK,iBAAiB,EACtB,KAAK,gBAAgB,EACtB,MAAM,8BAA8B,CAAA;AAIrC,OAAO,EACL,KAAK,iBAAiB,EACtB,KAAK,MAAM,EAEZ,MAAM,gCAAgC,CAAA;AAKvC,MAAM,WAAW,eACf,SAAQ,cAAc,EACpB,IAAI,CAAC,iBAAiB,EAAE,SAAS,CAAC,EAClC,MAAM,EACN,IAAI,CAAC,iBAAiB,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC;IACvC;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAA;IAEpB;;OAEG;IACH,OAAO,CAAC,EAAE,gBAAgB,CAAA;CAC3B;AAED;;;GAGG;AACH,wBAAgB,UAAU,CAAC,EACzB,QAAQ,EACR,QAAQ,EACR,EAAE,EACF,IAAI,EACJ,MAAM,EACN,OAAO,EACP,GAAG,KAAK,EACT,EAAE,eAAe,GAAG,YAAY,CAsBhC"}
|
package/dist/avatar/index.js
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import{c as _c}from"react/compiler-runtime";import{jsx}from"react/jsx-runtime";import{IconOrNode}from"@qualcomm-ui/react/icon";import{useAvatarContent}from"@qualcomm-ui/react-core/avatar";import{PolymorphicElement}from"@qualcomm-ui/react-core/system";import{mergeProps}from"@qualcomm-ui/utils/merge-props";import{createGuardedContext}from"@qualcomm-ui/react-core/context";var[QdsAvatarContextProvider,useQdsAvatarContext]=createGuardedContext({hookName:"useQdsAvatarContext",providerName:"<QdsAvatarContextProvider>",strict:!0});function AvatarContent(t0){let $=_c(2),{children,icon,id,...props}=t0,t1;$[0]!==id?(t1={id},$[0]=id,$[1]=t1):t1=$[1];let contextProps=useAvatarContent(t1),qdsContext=useQdsAvatarContext(),mergedProps=mergeProps(contextProps,qdsContext.getContentBindings(),props);return jsx(PolymorphicElement,{as:"span",...mergedProps,children:icon?jsx(IconOrNode,{icon}):children})}import{c as _c2}from"react/compiler-runtime";import{jsx as jsx2}from"react/jsx-runtime";import{useAvatarImage}from"@qualcomm-ui/react-core/avatar";import{PolymorphicElement as PolymorphicElement2}from"@qualcomm-ui/react-core/system";import{mergeProps as mergeProps2}from"@qualcomm-ui/utils/merge-props";function AvatarImage(t0){let $=_c2(2),{children,id,...props}=t0,t1;$[0]!==id?(t1={id},$[0]=id,$[1]=t1):t1=$[1];let contextProps=useAvatarImage(t1),qdsContext=useQdsAvatarContext(),mergedProps=mergeProps2(contextProps,qdsContext.getImageBindings(),props);return jsx2(PolymorphicElement2,{as:"img",...mergedProps,children})}import{c as _c3}from"react/compiler-runtime";import{jsx as jsx3}from"react/jsx-runtime";import"react";import{splitAvatarProps}from"@qualcomm-ui/core/avatar";import{createQdsAvatarApi}from"@qualcomm-ui/qds-core/avatar";import{AvatarContextProvider,useAvatar}from"@qualcomm-ui/react-core/avatar";import{normalizeProps}from"@qualcomm-ui/react-core/machine";import{useControlledId}from"@qualcomm-ui/react-core/state";import{PolymorphicElement as PolymorphicElement3}from"@qualcomm-ui/react-core/system";import{mergeProps as mergeProps3}from"@qualcomm-ui/utils/merge-props";function AvatarRoot(t0){let $=_c3(
|
|
2
|
+
import{c as _c}from"react/compiler-runtime";import{jsx}from"react/jsx-runtime";import{IconOrNode}from"@qualcomm-ui/react/icon";import{useAvatarContent}from"@qualcomm-ui/react-core/avatar";import{PolymorphicElement}from"@qualcomm-ui/react-core/system";import{mergeProps}from"@qualcomm-ui/utils/merge-props";import{createGuardedContext}from"@qualcomm-ui/react-core/context";var[QdsAvatarContextProvider,useQdsAvatarContext]=createGuardedContext({hookName:"useQdsAvatarContext",providerName:"<QdsAvatarContextProvider>",strict:!0});function AvatarContent(t0){let $=_c(2),{children,icon,id,...props}=t0,t1;$[0]!==id?(t1={id},$[0]=id,$[1]=t1):t1=$[1];let contextProps=useAvatarContent(t1),qdsContext=useQdsAvatarContext(),mergedProps=mergeProps(contextProps,qdsContext.getContentBindings(),props);return jsx(PolymorphicElement,{as:"span",...mergedProps,children:icon?jsx(IconOrNode,{icon}):children})}import{c as _c2}from"react/compiler-runtime";import{jsx as jsx2}from"react/jsx-runtime";import{useAvatarImage}from"@qualcomm-ui/react-core/avatar";import{PolymorphicElement as PolymorphicElement2}from"@qualcomm-ui/react-core/system";import{mergeProps as mergeProps2}from"@qualcomm-ui/utils/merge-props";function AvatarImage(t0){let $=_c2(2),{children,id,...props}=t0,t1;$[0]!==id?(t1={id},$[0]=id,$[1]=t1):t1=$[1];let contextProps=useAvatarImage(t1),qdsContext=useQdsAvatarContext(),mergedProps=mergeProps2(contextProps,qdsContext.getImageBindings(),props);return jsx2(PolymorphicElement2,{as:"img",...mergedProps,children})}import{c as _c3}from"react/compiler-runtime";import{jsx as jsx3}from"react/jsx-runtime";import"react";import{splitAvatarProps}from"@qualcomm-ui/core/avatar";import{createQdsAvatarApi}from"@qualcomm-ui/qds-core/avatar";import{AvatarContextProvider,useAvatar}from"@qualcomm-ui/react-core/avatar";import{normalizeProps}from"@qualcomm-ui/react-core/machine";import{useControlledId}from"@qualcomm-ui/react-core/state";import{PolymorphicElement as PolymorphicElement3}from"@qualcomm-ui/react-core/system";import{mergeProps as mergeProps3}from"@qualcomm-ui/utils/merge-props";function AvatarRoot(t0){let $=_c3(5),{children,emphasis,id,size,status,variant,...props}=t0,[avatarProps,localProps]=splitAvatarProps(props),context=useAvatar(avatarProps),t1;$[0]!==emphasis||$[1]!==size||$[2]!==status||$[3]!==variant?(t1=createQdsAvatarApi({emphasis,size,status,variant},normalizeProps),$[0]=emphasis,$[1]=size,$[2]=status,$[3]=variant,$[4]=t1):t1=$[4];let qdsContext=t1,mergedProps=mergeProps3(context.getRootBindings({id:useControlledId(id)}),qdsContext.getRootBindings(),localProps);return jsx3(QdsAvatarContextProvider,{value:qdsContext,children:jsx3(AvatarContextProvider,{value:context,children:jsx3(PolymorphicElement3,{as:"div",...mergedProps,children})})})}import{c as _c4}from"react/compiler-runtime";import{jsx as jsx4}from"react/jsx-runtime";import{useAvatarStatus}from"@qualcomm-ui/react-core/avatar";import{PolymorphicElement as PolymorphicElement4}from"@qualcomm-ui/react-core/system";import{mergeProps as mergeProps4}from"@qualcomm-ui/utils/merge-props";function AvatarStatus(t0){let $=_c4(2),{children,id,...props}=t0,t1;$[0]!==id?(t1={id},$[0]=id,$[1]=t1):t1=$[1];let contextProps=useAvatarStatus(t1),qdsContext=useQdsAvatarContext(),mergedProps=mergeProps4(contextProps,qdsContext.getStatusBindings(),props);return jsx4(PolymorphicElement4,{as:"div",...mergedProps,children})}var Avatar={Content:AvatarContent,Image:AvatarImage,Root:AvatarRoot,Status:AvatarStatus};export{Avatar};
|
|
3
3
|
//# sourceMappingURL=index.js.map
|
package/dist/avatar/index.js.map
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/avatar/avatar-content.tsx", "../../src/avatar/qds-avatar-context.ts", "../../src/avatar/avatar-image.tsx", "../../src/avatar/avatar-root.tsx", "../../src/avatar/avatar-status.tsx", "../../src/avatar/index.ts"],
|
|
4
|
-
"sourcesContent": ["import { c as _c } from \"react/compiler-runtime\";\nimport { jsx } from \"react/jsx-runtime\";\nimport { IconOrNode } from \"@qualcomm-ui/react/icon\";\nimport { useAvatarContent } from \"@qualcomm-ui/react-core/avatar\";\nimport { PolymorphicElement } from \"@qualcomm-ui/react-core/system\";\nimport { mergeProps } from \"@qualcomm-ui/utils/merge-props\";\nimport { useQdsAvatarContext } from \"./qds-avatar-context\";\nexport function AvatarContent(t0) {\n const $ = _c(2);\n const {\n children,\n icon,\n id,\n ...props\n } = t0;\n let t1;\n if ($[0] !== id) {\n t1 = {\n id\n };\n $[0] = id;\n $[1] = t1;\n } else {\n t1 = $[1];\n }\n const contextProps = useAvatarContent(t1);\n const qdsContext = useQdsAvatarContext();\n const mergedProps = mergeProps(contextProps, qdsContext.getContentBindings(), props);\n return jsx(PolymorphicElement, {\n as: \"span\",\n ...mergedProps,\n children: icon ? jsx(IconOrNode, {\n icon\n }) : children\n });\n}", "import { createGuardedContext } from \"@qualcomm-ui/react-core/context\";\nexport const [QdsAvatarContextProvider, useQdsAvatarContext] = createGuardedContext({\n hookName: \"useQdsAvatarContext\",\n providerName: \"<QdsAvatarContextProvider>\",\n strict: true\n});", "import { c as _c } from \"react/compiler-runtime\";\nimport { jsx } from \"react/jsx-runtime\";\nimport { useAvatarImage } from \"@qualcomm-ui/react-core/avatar\";\nimport { PolymorphicElement } from \"@qualcomm-ui/react-core/system\";\nimport { mergeProps } from \"@qualcomm-ui/utils/merge-props\";\nimport { useQdsAvatarContext } from \"./qds-avatar-context\";\nexport function AvatarImage(t0) {\n const $ = _c(2);\n const {\n children,\n id,\n ...props\n } = t0;\n let t1;\n if ($[0] !== id) {\n t1 = {\n id\n };\n $[0] = id;\n $[1] = t1;\n } else {\n t1 = $[1];\n }\n const contextProps = useAvatarImage(t1);\n const qdsContext = useQdsAvatarContext();\n const mergedProps = mergeProps(contextProps, qdsContext.getImageBindings(), props);\n return jsx(PolymorphicElement, {\n as: \"img\",\n ...mergedProps,\n children\n });\n}", "import { c as _c } from \"react/compiler-runtime\";\nimport { jsx } from \"react/jsx-runtime\";\nimport { useMemo } from \"react\";\nimport { splitAvatarProps } from \"@qualcomm-ui/core/avatar\";\nimport { createQdsAvatarApi } from \"@qualcomm-ui/qds-core/avatar\";\nimport { AvatarContextProvider, useAvatar } from \"@qualcomm-ui/react-core/avatar\";\nimport { normalizeProps } from \"@qualcomm-ui/react-core/machine\";\nimport { useControlledId } from \"@qualcomm-ui/react-core/state\";\nimport { PolymorphicElement } from \"@qualcomm-ui/react-core/system\";\nimport { mergeProps } from \"@qualcomm-ui/utils/merge-props\";\nimport { QdsAvatarContextProvider } from \"./qds-avatar-context\";\nexport function AvatarRoot(t0) {\n const $ = _c(
|
|
5
|
-
"mappings": ";AAAA,OAAS,KAAK,OAAU,yBACxB,OAAS,QAAW,oBACpB,OAAS,eAAkB,0BAC3B,OAAS,qBAAwB,iCACjC,OAAS,uBAA0B,iCACnC,OAAS,eAAkB,iCCL3B,OAAS,yBAA4B,kCAC9B,GAAM,CAAC,yBAA0B,mBAAmB,EAAI,qBAAqB,CAClF,SAAU,sBACV,aAAc,6BACd,OAAQ,EACV,CAAC,EDEM,SAAS,cAAc,GAAI,CAChC,IAAM,EAAI,GAAG,CAAC,EACR,CACJ,SACA,KACA,GACA,GAAG,KACL,EAAI,GACA,GACA,EAAE,CAAC,IAAM,IACX,GAAK,CACH,EACF,EACA,EAAE,CAAC,EAAI,GACP,EAAE,CAAC,EAAI,IAEP,GAAK,EAAE,CAAC,EAEV,IAAM,aAAe,iBAAiB,EAAE,EAClC,WAAa,oBAAoB,EACjC,YAAc,WAAW,aAAc,WAAW,mBAAmB,EAAG,KAAK,EACnF,OAAO,IAAI,mBAAoB,CAC7B,GAAI,OACJ,GAAG,YACH,SAAU,KAAO,IAAI,WAAY,CAC/B,IACF,CAAC,EAAI,QACP,CAAC,CACH,CEnCA,OAAS,KAAKA,QAAU,yBACxB,OAAS,OAAAC,SAAW,oBACpB,OAAS,mBAAsB,iCAC/B,OAAS,sBAAAC,wBAA0B,iCACnC,OAAS,cAAAC,gBAAkB,iCAEpB,SAAS,YAAY,GAAI,CAC9B,IAAM,EAAIC,IAAG,CAAC,EACR,CACJ,SACA,GACA,GAAG,KACL,EAAI,GACA,GACA,EAAE,CAAC,IAAM,IACX,GAAK,CACH,EACF,EACA,EAAE,CAAC,EAAI,GACP,EAAE,CAAC,EAAI,IAEP,GAAK,EAAE,CAAC,EAEV,IAAM,aAAe,eAAe,EAAE,EAChC,WAAa,oBAAoB,EACjC,YAAcC,YAAW,aAAc,WAAW,iBAAiB,EAAG,KAAK,EACjF,OAAOC,KAAIC,oBAAoB,CAC7B,GAAI,MACJ,GAAG,YACH,QACF,CAAC,CACH,CC/BA,OAAS,KAAKC,QAAU,yBACxB,OAAS,OAAAC,SAAW,oBACpB,MAAwB,QACxB,OAAS,qBAAwB,2BACjC,OAAS,uBAA0B,+BACnC,OAAS,sBAAuB,cAAiB,iCACjD,OAAS,mBAAsB,kCAC/B,OAAS,oBAAuB,gCAChC,OAAS,sBAAAC,wBAA0B,iCACnC,OAAS,cAAAC,gBAAkB,iCAEpB,SAAS,WAAW,GAAI,CAC7B,IAAM,EAAIC,IAAG,CAAC,EACR,CACJ,SACA,GACA,KACA,OACA,QACA,GAAG,KACL,EAAI,GACE,CAAC,YAAa,UAAU,EAAI,iBAAiB,KAAK,EAClD,QAAU,UAAU,WAAW,EACjC,GACA,EAAE,CAAC,IAAM,MAAQ,EAAE,CAAC,IAAM,QAAU,EAAE,CAAC,IAAM,
|
|
4
|
+
"sourcesContent": ["import { c as _c } from \"react/compiler-runtime\";\nimport { jsx } from \"react/jsx-runtime\";\nimport { IconOrNode } from \"@qualcomm-ui/react/icon\";\nimport { useAvatarContent } from \"@qualcomm-ui/react-core/avatar\";\nimport { PolymorphicElement } from \"@qualcomm-ui/react-core/system\";\nimport { mergeProps } from \"@qualcomm-ui/utils/merge-props\";\nimport { useQdsAvatarContext } from \"./qds-avatar-context\";\nexport function AvatarContent(t0) {\n const $ = _c(2);\n const {\n children,\n icon,\n id,\n ...props\n } = t0;\n let t1;\n if ($[0] !== id) {\n t1 = {\n id\n };\n $[0] = id;\n $[1] = t1;\n } else {\n t1 = $[1];\n }\n const contextProps = useAvatarContent(t1);\n const qdsContext = useQdsAvatarContext();\n const mergedProps = mergeProps(contextProps, qdsContext.getContentBindings(), props);\n return jsx(PolymorphicElement, {\n as: \"span\",\n ...mergedProps,\n children: icon ? jsx(IconOrNode, {\n icon\n }) : children\n });\n}", "import { createGuardedContext } from \"@qualcomm-ui/react-core/context\";\nexport const [QdsAvatarContextProvider, useQdsAvatarContext] = createGuardedContext({\n hookName: \"useQdsAvatarContext\",\n providerName: \"<QdsAvatarContextProvider>\",\n strict: true\n});", "import { c as _c } from \"react/compiler-runtime\";\nimport { jsx } from \"react/jsx-runtime\";\nimport { useAvatarImage } from \"@qualcomm-ui/react-core/avatar\";\nimport { PolymorphicElement } from \"@qualcomm-ui/react-core/system\";\nimport { mergeProps } from \"@qualcomm-ui/utils/merge-props\";\nimport { useQdsAvatarContext } from \"./qds-avatar-context\";\nexport function AvatarImage(t0) {\n const $ = _c(2);\n const {\n children,\n id,\n ...props\n } = t0;\n let t1;\n if ($[0] !== id) {\n t1 = {\n id\n };\n $[0] = id;\n $[1] = t1;\n } else {\n t1 = $[1];\n }\n const contextProps = useAvatarImage(t1);\n const qdsContext = useQdsAvatarContext();\n const mergedProps = mergeProps(contextProps, qdsContext.getImageBindings(), props);\n return jsx(PolymorphicElement, {\n as: \"img\",\n ...mergedProps,\n children\n });\n}", "import { c as _c } from \"react/compiler-runtime\";\nimport { jsx } from \"react/jsx-runtime\";\nimport { useMemo } from \"react\";\nimport { splitAvatarProps } from \"@qualcomm-ui/core/avatar\";\nimport { createQdsAvatarApi } from \"@qualcomm-ui/qds-core/avatar\";\nimport { AvatarContextProvider, useAvatar } from \"@qualcomm-ui/react-core/avatar\";\nimport { normalizeProps } from \"@qualcomm-ui/react-core/machine\";\nimport { useControlledId } from \"@qualcomm-ui/react-core/state\";\nimport { PolymorphicElement } from \"@qualcomm-ui/react-core/system\";\nimport { mergeProps } from \"@qualcomm-ui/utils/merge-props\";\nimport { QdsAvatarContextProvider } from \"./qds-avatar-context\";\nexport function AvatarRoot(t0) {\n const $ = _c(5);\n const {\n children,\n emphasis,\n id,\n size,\n status,\n variant,\n ...props\n } = t0;\n const [avatarProps, localProps] = splitAvatarProps(props);\n const context = useAvatar(avatarProps);\n let t1;\n if ($[0] !== emphasis || $[1] !== size || $[2] !== status || $[3] !== variant) {\n t1 = createQdsAvatarApi({\n emphasis,\n size,\n status,\n variant\n }, normalizeProps);\n $[0] = emphasis;\n $[1] = size;\n $[2] = status;\n $[3] = variant;\n $[4] = t1;\n } else {\n t1 = $[4];\n }\n const qdsContext = t1;\n const mergedProps = mergeProps(context.getRootBindings({\n id: useControlledId(id)\n }), qdsContext.getRootBindings(), localProps);\n return jsx(QdsAvatarContextProvider, {\n value: qdsContext,\n children: jsx(AvatarContextProvider, {\n value: context,\n children: jsx(PolymorphicElement, {\n as: \"div\",\n ...mergedProps,\n children\n })\n })\n });\n}", "import { c as _c } from \"react/compiler-runtime\";\nimport { jsx } from \"react/jsx-runtime\";\nimport { useAvatarStatus } from \"@qualcomm-ui/react-core/avatar\";\nimport { PolymorphicElement } from \"@qualcomm-ui/react-core/system\";\nimport { mergeProps } from \"@qualcomm-ui/utils/merge-props\";\nimport { useQdsAvatarContext } from \"./qds-avatar-context\";\nexport function AvatarStatus(t0) {\n const $ = _c(2);\n const {\n children,\n id,\n ...props\n } = t0;\n let t1;\n if ($[0] !== id) {\n t1 = {\n id\n };\n $[0] = id;\n $[1] = t1;\n } else {\n t1 = $[1];\n }\n const contextProps = useAvatarStatus(t1);\n const qdsContext = useQdsAvatarContext();\n const mergedProps = mergeProps(contextProps, qdsContext.getStatusBindings(), props);\n return jsx(PolymorphicElement, {\n as: \"div\",\n ...mergedProps,\n children\n });\n}", "import { AvatarContent } from \"./avatar-content\";\nimport { AvatarImage } from \"./avatar-image\";\nimport { AvatarRoot } from \"./avatar-root\";\nimport { AvatarStatus } from \"./avatar-status\";\nexport const Avatar = {\n Content: AvatarContent,\n Image: AvatarImage,\n Root: AvatarRoot,\n Status: AvatarStatus\n};"],
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": ["_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
7
|
}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import type { ReactElement, ReactNode } from "react";
|
|
2
|
+
import { type InputHintProps } from "@qualcomm-ui/react/input";
|
|
3
|
+
import type { IdProp } from "@qualcomm-ui/react-core/system";
|
|
4
|
+
export interface CheckboxHintProps extends IdProp, InputHintProps {
|
|
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 help message displayed below the checkbox. Renders a `<div>` element by
|
|
12
|
+
* default.
|
|
13
|
+
*/
|
|
14
|
+
export declare function CheckboxHint({ children, id, ...props }: CheckboxHintProps): ReactElement;
|
|
15
|
+
//# sourceMappingURL=checkbox-hint.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"checkbox-hint.d.ts","sourceRoot":"","sources":["../../src/checkbox/checkbox-hint.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAC,YAAY,EAAE,SAAS,EAAC,MAAM,OAAO,CAAA;AAElD,OAAO,EAAY,KAAK,cAAc,EAAC,MAAM,0BAA0B,CAAA;AAEvE,OAAO,KAAK,EAAC,MAAM,EAAC,MAAM,gCAAgC,CAAA;AAK1D,MAAM,WAAW,iBAAkB,SAAQ,MAAM,EAAE,cAAc;IAC/D;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB;AAED;;;GAGG;AACH,wBAAgB,YAAY,CAAC,EAC3B,QAAQ,EACR,EAAE,EACF,GAAG,KAAK,EACT,EAAE,iBAAiB,GAAG,YAAY,CAUlC"}
|
|
@@ -2,6 +2,7 @@ import type { ReactElement, ReactNode } from "react";
|
|
|
2
2
|
import { type CheckboxControlProps } from "./checkbox-control";
|
|
3
3
|
import { type CheckboxErrorTextProps } from "./checkbox-error-text";
|
|
4
4
|
import { type CheckboxHiddenInputProps } from "./checkbox-hidden-input";
|
|
5
|
+
import { type CheckboxHintProps } from "./checkbox-hint";
|
|
5
6
|
import { type CheckboxIndicatorProps } from "./checkbox-indicator";
|
|
6
7
|
import { type CheckboxLabelProps } from "./checkbox-label";
|
|
7
8
|
import { type CheckboxRootProps } from "./checkbox-root";
|
|
@@ -40,6 +41,15 @@ export interface CheckboxProps extends CheckboxRootProps {
|
|
|
40
41
|
* @inheritDoc
|
|
41
42
|
*/
|
|
42
43
|
hiddenInputProps?: CheckboxHiddenInputProps;
|
|
44
|
+
/**
|
|
45
|
+
* Optional hint text that describes the element.
|
|
46
|
+
*/
|
|
47
|
+
hint?: ReactNode;
|
|
48
|
+
/**
|
|
49
|
+
* Props applied to the hint element.
|
|
50
|
+
* @inheritDoc
|
|
51
|
+
*/
|
|
52
|
+
hintProps?: CheckboxHintProps;
|
|
43
53
|
/**
|
|
44
54
|
* Props applied to the indicator element.
|
|
45
55
|
* @inheritDoc
|
|
@@ -57,5 +67,5 @@ export interface CheckboxProps extends CheckboxRootProps {
|
|
|
57
67
|
*/
|
|
58
68
|
labelProps?: CheckboxLabelProps;
|
|
59
69
|
}
|
|
60
|
-
export declare function Checkbox({ "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, controlProps, errorText, errorTextProps, hiddenInputProps: hiddenInputPropsProp, indicatorProps, label, labelProps, ...props }: CheckboxProps): ReactElement;
|
|
70
|
+
export declare function Checkbox({ "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, controlProps, errorText, errorTextProps, hiddenInputProps: hiddenInputPropsProp, hint, hintProps, indicatorProps, label, labelProps, ...props }: CheckboxProps): ReactElement;
|
|
61
71
|
//# sourceMappingURL=checkbox.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../src/checkbox/checkbox.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAC,YAAY,EAAE,SAAS,EAAC,MAAM,OAAO,CAAA;AAMlD,OAAO,EAAkB,KAAK,oBAAoB,EAAC,MAAM,oBAAoB,CAAA;AAC7E,OAAO,EAEL,KAAK,sBAAsB,EAC5B,MAAM,uBAAuB,CAAA;AAC9B,OAAO,EAEL,KAAK,wBAAwB,EAC9B,MAAM,yBAAyB,CAAA;AAChC,OAAO,EAEL,KAAK,sBAAsB,EAC5B,MAAM,sBAAsB,CAAA;AAC7B,OAAO,EAAgB,KAAK,kBAAkB,EAAC,MAAM,kBAAkB,CAAA;AACvE,OAAO,EAAe,KAAK,iBAAiB,EAAC,MAAM,iBAAiB,CAAA;AAEpE,MAAM,WAAW,aAAc,SAAQ,iBAAiB;IACtD;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAEjC;;;;OAIG;IACH,iBAAiB,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAEtC;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAA;IAEhB;;;OAGG;IACH,YAAY,CAAC,EAAE,oBAAoB,CAAA;IAEnC;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB;;;OAGG;IACH,cAAc,CAAC,EAAE,sBAAsB,CAAA;IAEvC;;;OAGG;IACH,gBAAgB,CAAC,EAAE,wBAAwB,CAAA;IAE3C;;;OAGG;IACH,cAAc,CAAC,EAAE,sBAAsB,CAAA;IAEvC;;;;OAIG;IACH,KAAK,CAAC,EAAE,SAAS,CAAA;IAEjB;;;OAGG;IACH,UAAU,CAAC,EAAE,kBAAkB,CAAA;CAChC;AAED,wBAAgB,QAAQ,CAAC,EACvB,YAAY,EAAE,SAAS,EACvB,iBAAiB,EAAE,cAAc,EACjC,YAAY,EACZ,SAAS,EACT,cAAc,EACd,gBAAgB,EAAE,oBAAoB,EACtC,cAAc,EACd,KAAK,EACL,UAAU,EACV,GAAG,KAAK,EACT,EAAE,aAAa,GAAG,YAAY,
|
|
1
|
+
{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../src/checkbox/checkbox.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAC,YAAY,EAAE,SAAS,EAAC,MAAM,OAAO,CAAA;AAMlD,OAAO,EAAkB,KAAK,oBAAoB,EAAC,MAAM,oBAAoB,CAAA;AAC7E,OAAO,EAEL,KAAK,sBAAsB,EAC5B,MAAM,uBAAuB,CAAA;AAC9B,OAAO,EAEL,KAAK,wBAAwB,EAC9B,MAAM,yBAAyB,CAAA;AAChC,OAAO,EAAe,KAAK,iBAAiB,EAAC,MAAM,iBAAiB,CAAA;AACpE,OAAO,EAEL,KAAK,sBAAsB,EAC5B,MAAM,sBAAsB,CAAA;AAC7B,OAAO,EAAgB,KAAK,kBAAkB,EAAC,MAAM,kBAAkB,CAAA;AACvE,OAAO,EAAe,KAAK,iBAAiB,EAAC,MAAM,iBAAiB,CAAA;AAEpE,MAAM,WAAW,aAAc,SAAQ,iBAAiB;IACtD;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAEjC;;;;OAIG;IACH,iBAAiB,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAEtC;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAA;IAEhB;;;OAGG;IACH,YAAY,CAAC,EAAE,oBAAoB,CAAA;IAEnC;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB;;;OAGG;IACH,cAAc,CAAC,EAAE,sBAAsB,CAAA;IAEvC;;;OAGG;IACH,gBAAgB,CAAC,EAAE,wBAAwB,CAAA;IAE3C;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,CAAA;IAEhB;;;OAGG;IACH,SAAS,CAAC,EAAE,iBAAiB,CAAA;IAE7B;;;OAGG;IACH,cAAc,CAAC,EAAE,sBAAsB,CAAA;IAEvC;;;;OAIG;IACH,KAAK,CAAC,EAAE,SAAS,CAAA;IAEjB;;;OAGG;IACH,UAAU,CAAC,EAAE,kBAAkB,CAAA;CAChC;AAED,wBAAgB,QAAQ,CAAC,EACvB,YAAY,EAAE,SAAS,EACvB,iBAAiB,EAAE,cAAc,EACjC,YAAY,EACZ,SAAS,EACT,cAAc,EACd,gBAAgB,EAAE,oBAAoB,EACtC,IAAI,EACJ,SAAS,EACT,cAAc,EACd,KAAK,EACL,UAAU,EACV,GAAG,KAAK,EACT,EAAE,aAAa,GAAG,YAAY,CAgD9B"}
|
package/dist/checkbox/index.d.ts
CHANGED
|
@@ -3,15 +3,17 @@ import { CheckboxContext, type CheckboxContextProps } from "./checkbox-context";
|
|
|
3
3
|
import { CheckboxControl, type CheckboxControlProps } from "./checkbox-control";
|
|
4
4
|
import { CheckboxErrorText, type CheckboxErrorTextProps } from "./checkbox-error-text";
|
|
5
5
|
import { CheckboxHiddenInput, type CheckboxHiddenInputProps } from "./checkbox-hidden-input";
|
|
6
|
+
import { CheckboxHint, type CheckboxHintProps } from "./checkbox-hint";
|
|
6
7
|
import { CheckboxIndicator, type CheckboxIndicatorProps } from "./checkbox-indicator";
|
|
7
8
|
import { CheckboxLabel, type CheckboxLabelProps } from "./checkbox-label";
|
|
8
9
|
import { CheckboxRoot, type CheckboxRootProps } from "./checkbox-root";
|
|
9
|
-
export type { CheckboxContextProps, CheckboxControlProps, CheckboxErrorTextProps, CheckboxHiddenInputProps, CheckboxIndicatorProps, CheckboxLabelProps, CheckboxRootProps, };
|
|
10
|
+
export type { CheckboxContextProps, CheckboxControlProps, CheckboxErrorTextProps, CheckboxHiddenInputProps, CheckboxHintProps, CheckboxIndicatorProps, CheckboxLabelProps, CheckboxRootProps, };
|
|
10
11
|
type CheckboxComponent = typeof SimpleCheckbox & {
|
|
11
12
|
Context: typeof CheckboxContext;
|
|
12
13
|
Control: typeof CheckboxControl;
|
|
13
14
|
ErrorText: typeof CheckboxErrorText;
|
|
14
15
|
HiddenInput: typeof CheckboxHiddenInput;
|
|
16
|
+
Hint: typeof CheckboxHint;
|
|
15
17
|
Indicator: typeof CheckboxIndicator;
|
|
16
18
|
Label: typeof CheckboxLabel;
|
|
17
19
|
Root: typeof CheckboxRoot;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/checkbox/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,QAAQ,IAAI,cAAc,EAAC,MAAM,YAAY,CAAA;AACrD,OAAO,EAAC,eAAe,EAAE,KAAK,oBAAoB,EAAC,MAAM,oBAAoB,CAAA;AAC7E,OAAO,EAAC,eAAe,EAAE,KAAK,oBAAoB,EAAC,MAAM,oBAAoB,CAAA;AAC7E,OAAO,EACL,iBAAiB,EACjB,KAAK,sBAAsB,EAC5B,MAAM,uBAAuB,CAAA;AAC9B,OAAO,EACL,mBAAmB,EACnB,KAAK,wBAAwB,EAC9B,MAAM,yBAAyB,CAAA;AAChC,OAAO,EACL,iBAAiB,EACjB,KAAK,sBAAsB,EAC5B,MAAM,sBAAsB,CAAA;AAC7B,OAAO,EAAC,aAAa,EAAE,KAAK,kBAAkB,EAAC,MAAM,kBAAkB,CAAA;AACvE,OAAO,EAAC,YAAY,EAAE,KAAK,iBAAiB,EAAC,MAAM,iBAAiB,CAAA;AAEpE,YAAY,EACV,oBAAoB,EACpB,oBAAoB,EACpB,sBAAsB,EACtB,wBAAwB,EACxB,sBAAsB,EACtB,kBAAkB,EAClB,iBAAiB,GAClB,CAAA;AAED,KAAK,iBAAiB,GAAG,OAAO,cAAc,GAAG;IAC/C,OAAO,EAAE,OAAO,eAAe,CAAA;IAC/B,OAAO,EAAE,OAAO,eAAe,CAAA;IAC/B,SAAS,EAAE,OAAO,iBAAiB,CAAA;IACnC,WAAW,EAAE,OAAO,mBAAmB,CAAA;IACvC,SAAS,EAAE,OAAO,iBAAiB,CAAA;IACnC,KAAK,EAAE,OAAO,aAAa,CAAA;IAC3B,IAAI,EAAE,OAAO,YAAY,CAAA;CAC1B,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,iBAAuD,CAAA"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/checkbox/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,QAAQ,IAAI,cAAc,EAAC,MAAM,YAAY,CAAA;AACrD,OAAO,EAAC,eAAe,EAAE,KAAK,oBAAoB,EAAC,MAAM,oBAAoB,CAAA;AAC7E,OAAO,EAAC,eAAe,EAAE,KAAK,oBAAoB,EAAC,MAAM,oBAAoB,CAAA;AAC7E,OAAO,EACL,iBAAiB,EACjB,KAAK,sBAAsB,EAC5B,MAAM,uBAAuB,CAAA;AAC9B,OAAO,EACL,mBAAmB,EACnB,KAAK,wBAAwB,EAC9B,MAAM,yBAAyB,CAAA;AAChC,OAAO,EAAC,YAAY,EAAE,KAAK,iBAAiB,EAAC,MAAM,iBAAiB,CAAA;AACpE,OAAO,EACL,iBAAiB,EACjB,KAAK,sBAAsB,EAC5B,MAAM,sBAAsB,CAAA;AAC7B,OAAO,EAAC,aAAa,EAAE,KAAK,kBAAkB,EAAC,MAAM,kBAAkB,CAAA;AACvE,OAAO,EAAC,YAAY,EAAE,KAAK,iBAAiB,EAAC,MAAM,iBAAiB,CAAA;AAEpE,YAAY,EACV,oBAAoB,EACpB,oBAAoB,EACpB,sBAAsB,EACtB,wBAAwB,EACxB,iBAAiB,EACjB,sBAAsB,EACtB,kBAAkB,EAClB,iBAAiB,GAClB,CAAA;AAED,KAAK,iBAAiB,GAAG,OAAO,cAAc,GAAG;IAC/C,OAAO,EAAE,OAAO,eAAe,CAAA;IAC/B,OAAO,EAAE,OAAO,eAAe,CAAA;IAC/B,SAAS,EAAE,OAAO,iBAAiB,CAAA;IACnC,WAAW,EAAE,OAAO,mBAAmB,CAAA;IACvC,IAAI,EAAE,OAAO,YAAY,CAAA;IACzB,SAAS,EAAE,OAAO,iBAAiB,CAAA;IACnC,KAAK,EAAE,OAAO,aAAa,CAAA;IAC3B,IAAI,EAAE,OAAO,YAAY,CAAA;CAC1B,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,iBAAuD,CAAA"}
|
package/dist/checkbox/index.js
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import{jsx as
|
|
2
|
+
import{jsx as jsx8,jsxs}from"react/jsx-runtime";import{useOptionalContentId}from"@qualcomm-ui/react-core/machine";import{useControlledId as useControlledId2}from"@qualcomm-ui/react-core/state";import{c as _c}from"react/compiler-runtime";import{jsx as jsx2}from"react/jsx-runtime";import{useCheckboxControl}from"@qualcomm-ui/react-core/checkbox";import{PolymorphicElement as PolymorphicElement2}from"@qualcomm-ui/react-core/system";import{mergeProps as mergeProps2}from"@qualcomm-ui/utils/merge-props";import{jsx}from"react/jsx-runtime";import{CheckmarkIcon}from"@qualcomm-ui/react/checkmark";import{useCheckboxIndicator}from"@qualcomm-ui/react-core/checkbox";import{PolymorphicElement}from"@qualcomm-ui/react-core/system";import{mergeProps}from"@qualcomm-ui/utils/merge-props";import{createGuardedContext}from"@qualcomm-ui/react-core/context";var[QdsCheckboxContextProvider,useQdsCheckboxContext]=createGuardedContext({hookName:"useQdsCheckboxContext",providerName:"<QdsCheckboxContextProvider>",strict:!0});function CheckboxIndicator(t0){let{children,...props}=t0,{contextProps,indeterminate}=useCheckboxIndicator(),qdsContext=useQdsCheckboxContext(),mergedProps=mergeProps(contextProps,qdsContext.getIndicatorBindings(),props);return jsx(PolymorphicElement,{as:"div",...mergedProps,children:children??jsx(CheckmarkIcon,{indeterminate,size:qdsContext.size})})}function CheckboxControl(t0){let $=_c(2),{children:t1,id,...props}=t0,children=t1===void 0?jsx2(CheckboxIndicator,{}):t1,t2;$[0]!==id?(t2={id},$[0]=id,$[1]=t2):t2=$[1];let contextProps=useCheckboxControl(t2),qdsContext=useQdsCheckboxContext(),mergedProps=mergeProps2(contextProps,qdsContext.getControlBindings(),props);return jsx2(PolymorphicElement2,{as:"div",...mergedProps,children})}import{c as _c2}from"react/compiler-runtime";import{jsx as jsx3}from"react/jsx-runtime";import{AlertCircle}from"lucide-react";import{InputErrorText}from"@qualcomm-ui/react/input";import{useCheckboxErrorText}from"@qualcomm-ui/react-core/checkbox";import{mergeProps as mergeProps3}from"@qualcomm-ui/utils/merge-props";function CheckboxErrorText(t0){let $=_c2(2),{children,id,...props}=t0,t1;$[0]!==id?(t1={id},$[0]=id,$[1]=t1):t1=$[1];let contextProps=useCheckboxErrorText(t1),qdsContext=useQdsCheckboxContext(),mergedProps=mergeProps3(contextProps,qdsContext.getErrorTextBindings(),props);return jsx3(InputErrorText,{icon:AlertCircle,...mergedProps,children})}import{c as _c3}from"react/compiler-runtime";import{jsx as jsx4}from"react/jsx-runtime";import{useCheckboxHiddenInput}from"@qualcomm-ui/react-core/checkbox";import{mergeProps as mergeProps4}from"@qualcomm-ui/utils/merge-props";function CheckboxHiddenInput(t0){let $=_c3(2),{id,...props}=t0,t1;$[0]!==id?(t1={id},$[0]=id,$[1]=t1):t1=$[1];let contextProps=useCheckboxHiddenInput(t1),qdsContext=useQdsCheckboxContext(),mergedProps=mergeProps4(contextProps,qdsContext.getHiddenInputBindings(),props);return jsx4("input",{...mergedProps})}import{c as _c4}from"react/compiler-runtime";import{jsx as jsx5}from"react/jsx-runtime";import{InputHint}from"@qualcomm-ui/react/input";import{useCheckboxHint}from"@qualcomm-ui/react-core/checkbox";import{mergeProps as mergeProps5}from"@qualcomm-ui/utils/merge-props";function CheckboxHint(t0){let $=_c4(2),{children,id,...props}=t0,t1;$[0]!==id?(t1={id},$[0]=id,$[1]=t1):t1=$[1];let contextProps=useCheckboxHint(t1),qdsContext=useQdsCheckboxContext(),mergedProps=mergeProps5(contextProps,qdsContext.getHintBindings(),props);return jsx5(InputHint,{...mergedProps,children})}import{c as _c5}from"react/compiler-runtime";import{jsx as jsx6}from"react/jsx-runtime";import{useCheckboxLabel}from"@qualcomm-ui/react-core/checkbox";import{PolymorphicElement as PolymorphicElement3}from"@qualcomm-ui/react-core/system";import{mergeProps as mergeProps6}from"@qualcomm-ui/utils/merge-props";function CheckboxLabel(t0){let $=_c5(2),{children,id,...props}=t0,t1;$[0]!==id?(t1={id},$[0]=id,$[1]=t1):t1=$[1];let contextProps=useCheckboxLabel(t1),qdsContext=useQdsCheckboxContext(),mergedProps=mergeProps6(contextProps,qdsContext.getLabelBindings(),props);return jsx6(PolymorphicElement3,{as:"span",...mergedProps,children})}import{c as _c6}from"react/compiler-runtime";import{jsx as jsx7}from"react/jsx-runtime";import"react";import{splitCheckboxProps}from"@qualcomm-ui/core/checkbox";import{createQdsCheckboxApi}from"@qualcomm-ui/qds-core/checkbox";import{CheckboxContextProvider,useCheckbox}from"@qualcomm-ui/react-core/checkbox";import{normalizeProps}from"@qualcomm-ui/react-core/machine";import{useControlledId}from"@qualcomm-ui/react-core/state";import{PolymorphicElement as PolymorphicElement4}from"@qualcomm-ui/react-core/system";import{mergeProps as mergeProps7}from"@qualcomm-ui/utils/merge-props";function CheckboxRoot(t0){let $=_c6(2),{children,id,size,...props}=t0,[checkboxProps,localProps]=splitCheckboxProps(props),context=useCheckbox(checkboxProps),t1;$[0]!==size?(t1=createQdsCheckboxApi({size},normalizeProps),$[0]=size,$[1]=t1):t1=$[1];let qdsContext=t1,mergedProps=mergeProps7(context.getRootBindings({id:useControlledId(id)}),qdsContext.getRootBindings(),localProps);return jsx7(QdsCheckboxContextProvider,{value:qdsContext,children:jsx7(CheckboxContextProvider,{value:context,children:jsx7(PolymorphicElement4,{as:"label",...mergedProps,children})})})}function Checkbox(t0){let{"aria-label":ariaLabel,"aria-labelledby":ariaLabelledBy,controlProps,errorText,errorTextProps,hiddenInputProps:hiddenInputPropsProp,hint,hintProps,indicatorProps,label,labelProps,...props}=t0,labelContent=label||labelProps?.children,errorTextContent=errorText||errorTextProps?.children,hintContent=hint||hintProps?.children,hiddenInputProps={...hiddenInputPropsProp};ariaLabel!==void 0&&(hiddenInputProps["aria-label"]=ariaLabel),ariaLabelledBy!==void 0&&(hiddenInputProps["aria-labelledby"]=ariaLabelledBy);let ids={errorText:useOptionalContentId(errorTextContent,errorTextProps),hiddenInput:useControlledId2(hiddenInputProps?.id),hint:useOptionalContentId(hintContent,hintProps),label:useOptionalContentId(labelContent,labelProps),root:useControlledId2(props.id),...props.ids};return jsxs(CheckboxRoot,{...props,id:ids.root,ids,children:[jsx8(CheckboxHiddenInput,{...hiddenInputProps,id:ids.hiddenInput}),jsx8(CheckboxControl,{...controlProps,children:jsx8(CheckboxIndicator,{...indicatorProps})}),labelContent?jsx8(CheckboxLabel,{...labelProps,id:ids.label,children:labelContent}):null,hintContent?jsx8(CheckboxHint,{...hintProps,id:ids.hint,children:hintContent}):null,errorTextContent?jsx8(CheckboxErrorText,{...errorTextProps,id:ids.errorText,children:errorTextContent}):null]})}import{c as _c7}from"react/compiler-runtime";import{useCheckboxContext}from"@qualcomm-ui/react-core/checkbox";import{renderProp}from"@qualcomm-ui/react-core/system";function CheckboxContext(t0){let $=_c7(3),{children}=t0,context=useCheckboxContext(),t1;return $[0]!==children||$[1]!==context?(t1=renderProp(children,context),$[0]=children,$[1]=context,$[2]=t1):t1=$[2],t1}var Checkbox2=Checkbox;Checkbox2.Context=CheckboxContext;Checkbox2.Control=CheckboxControl;Checkbox2.ErrorText=CheckboxErrorText;Checkbox2.HiddenInput=CheckboxHiddenInput;Checkbox2.Hint=CheckboxHint;Checkbox2.Indicator=CheckboxIndicator;Checkbox2.Label=CheckboxLabel;Checkbox2.Root=CheckboxRoot;export{Checkbox2 as Checkbox};
|
|
3
3
|
//# sourceMappingURL=index.js.map
|