@servicetitan/anvil2 1.11.1 → 1.12.1
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/Announcement.d.ts +1 -1
- package/dist/Announcement2.js +3 -3
- package/dist/Announcement2.js.map +1 -1
- package/dist/Avatar.d.ts +1 -1
- package/dist/Badge.d.ts +1 -1
- package/dist/Breadcrumbs.css +45 -0
- package/dist/Breadcrumbs.d.ts +29 -0
- package/dist/Breadcrumbs.js +2 -0
- package/dist/Breadcrumbs.js.map +1 -0
- package/dist/Breadcrumbs2.js +105 -0
- package/dist/Breadcrumbs2.js.map +1 -0
- package/dist/Button2.css +19 -5
- package/dist/Button22.js +4 -4
- package/dist/Button22.js.map +1 -1
- package/dist/Card2.js.map +1 -1
- package/dist/Checkbox3.js.map +1 -1
- package/dist/Chip.d.ts +1 -1
- package/dist/Chip3.js.map +1 -1
- package/dist/Combobox2.js +29 -23
- package/dist/Combobox2.js.map +1 -1
- package/dist/Details2.js.map +1 -1
- package/dist/Dialog3.js.map +1 -1
- package/dist/Divider2.js.map +1 -1
- package/dist/Drawer2.js.map +1 -1
- package/dist/Flex3.js.map +1 -1
- package/dist/Grid2.js.map +1 -1
- package/dist/Icon.d.ts +1 -1
- package/dist/Icon3.js.map +1 -1
- package/dist/Label.js.map +1 -1
- package/dist/Link3.js.map +1 -1
- package/dist/Menu2.js +26 -28
- package/dist/Menu2.js.map +1 -1
- package/dist/Overflow3.js +13 -2
- package/dist/Overflow3.js.map +1 -1
- package/dist/Page.css +48 -45
- package/dist/Page2.js +25 -24
- package/dist/Page2.js.map +1 -1
- package/dist/Popover3.js.map +1 -1
- package/dist/ProgressBar2.js.map +1 -1
- package/dist/Radio2.js.map +1 -1
- package/dist/SearchField2.js.map +1 -1
- package/dist/SegmentedControl.css +31 -27
- package/dist/SegmentedControl2.js +9 -9
- package/dist/SegmentedControl2.js.map +1 -1
- package/dist/SideNav2.js.map +1 -1
- package/dist/SrOnly3.js.map +1 -1
- package/dist/Stepper2.js.map +1 -1
- package/dist/Switch2.js.map +1 -1
- package/dist/Tab.css +39 -38
- package/dist/Tab2.js +12 -12
- package/dist/Tab2.js.map +1 -1
- package/dist/Text3.js.map +1 -1
- package/dist/TextField.css +23 -22
- package/dist/TextField.d.ts +18 -5
- package/dist/TextField.module.js +11 -10
- package/dist/TextField.module.js.map +1 -1
- package/dist/TextField2.js.map +1 -1
- package/dist/TextField3.js +20 -2
- package/dist/TextField3.js.map +1 -1
- package/dist/Textarea2.js.map +1 -1
- package/dist/Tooltip3.js.map +1 -1
- package/dist/anvil2.d.ts +41 -10
- package/dist/anvil2.js +1 -0
- package/dist/anvil2.js.map +1 -1
- package/dist/index4.js.map +1 -1
- package/dist/toast2.js.map +1 -1
- package/package.json +2 -2
package/dist/Announcement.d.ts
CHANGED
|
@@ -7,7 +7,7 @@ import { OnCloseProps } from '@servicetitan/hammer-react';
|
|
|
7
7
|
import { RefAttributes } from 'react';
|
|
8
8
|
import { Status } from '@servicetitan/hammer-react';
|
|
9
9
|
|
|
10
|
-
declare const Announcement: ForwardRefExoticComponent<Omit< DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & LayoutUtilProps & OnCloseProps & {
|
|
10
|
+
declare const Announcement: ForwardRefExoticComponent<Omit< DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & Omit< LayoutUtilProps, "flex" | "flexGrow" | "flexBasis"> & OnCloseProps & {
|
|
11
11
|
status?: Status;
|
|
12
12
|
title: string;
|
|
13
13
|
} & DataTrackingId & RefAttributes<HTMLDivElement>>;
|
package/dist/Announcement2.js
CHANGED
|
@@ -78,17 +78,17 @@ const Announcement$1 = forwardRef(
|
|
|
78
78
|
/* @__PURE__ */ jsx("span", { className: styles["title"], children: title })
|
|
79
79
|
] }),
|
|
80
80
|
children,
|
|
81
|
-
|
|
81
|
+
rest.onClose ? /* @__PURE__ */ jsx("span", { className: styles["close-container"], children: /* @__PURE__ */ jsx(
|
|
82
82
|
Button,
|
|
83
83
|
{
|
|
84
84
|
icon: SvgClose,
|
|
85
85
|
size: "small",
|
|
86
86
|
appearance: "ghost",
|
|
87
87
|
className: styles["close-button"],
|
|
88
|
-
onClick: (e) =>
|
|
88
|
+
onClick: (e) => rest.onClose?.(e),
|
|
89
89
|
"aria-label": `Dismiss ${status} announcement`
|
|
90
90
|
}
|
|
91
|
-
) })
|
|
91
|
+
) }) : null
|
|
92
92
|
]
|
|
93
93
|
}
|
|
94
94
|
);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Announcement2.js","sources":["../node_modules/@servicetitan/hammer-react/dist/Announcement.js","../src/components/Announcement/Announcement.tsx"],"sourcesContent":["import { jsxs, jsx } from 'react/jsx-runtime';\nimport { forwardRef } from 'react';\nimport cx from 'classnames';\nimport { Button } from './Button2.js';\nimport Close from '@servicetitan/hammer-icon/mdi/round/close.svg';\nimport Info from '@servicetitan/hammer-icon/mdi/round/info.svg';\nimport Warning from '@servicetitan/hammer-icon/mdi/round/warning.svg';\nimport Danger from '@servicetitan/hammer-icon/mdi/round/error.svg';\nimport Success from '@servicetitan/hammer-icon/mdi/round/check_circle.svg';\nimport { Icon } from './Icon.js';\nimport { useLayoutPropsUtil } from './useLayoutPropsUtil.js';\n\nimport './index2.css';const announcement = \"_announcement_1dgc8_4\";\nconst title = \"_title_1dgc8_43\";\nconst success = \"_success_1dgc8_60\";\nconst warning = \"_warning_1dgc8_64\";\nconst danger = \"_danger_1dgc8_68\";\nconst styles = {\n\tannouncement: announcement,\n\t\"close-container\": \"_close-container_1dgc8_34\",\n\t\"title-container\": \"_title-container_1dgc8_43\",\n\ttitle: title,\n\t\"status-icon\": \"_status-icon_1dgc8_57\",\n\tsuccess: success,\n\twarning: warning,\n\tdanger: danger,\n\t\"close-button\": \"_close-button_1dgc8_74\"\n};\n\nconst statusIconMap = {\n info: Info,\n success: Success,\n warning: Warning,\n danger: Danger\n};\nconst getIcon = (status = \"info\") => {\n return statusIconMap[status];\n};\nconst Announcement = forwardRef(\n (props, ref) => {\n const { layoutStyles, componentProps } = useLayoutPropsUtil(props);\n const {\n className,\n title,\n status = \"info\",\n children,\n style,\n ...rest\n } = componentProps;\n const styleCombined = {\n ...style,\n ...layoutStyles\n };\n const AnnouncementCx = cx(styles[\"announcement\"], className, {\n [styles[\"success\"]]: status === \"success\",\n [styles[\"warning\"]]: status === \"warning\",\n [styles[\"danger\"]]: status === \"danger\"\n });\n return /* @__PURE__ */ jsxs(\n \"div\",\n {\n role: \"status\",\n className: AnnouncementCx,\n \"data-anv\": \"announcement\",\n style: styleCombined,\n ...rest,\n ref,\n children: [\n /* @__PURE__ */ jsxs(\"span\", { className: styles[\"title-container\"], children: [\n /* @__PURE__ */ jsx(\n Icon,\n {\n size: \"large\",\n className: styles[\"status-icon\"],\n svg: getIcon(status)\n }\n ),\n /* @__PURE__ */ jsx(\"span\", { className: styles[\"title\"], children: title })\n ] }),\n children,\n
|
|
1
|
+
{"version":3,"file":"Announcement2.js","sources":["../node_modules/@servicetitan/hammer-react/dist/Announcement.js","../src/components/Announcement/Announcement.tsx"],"sourcesContent":["import { jsxs, jsx } from 'react/jsx-runtime';\nimport { forwardRef } from 'react';\nimport cx from 'classnames';\nimport { Button } from './Button2.js';\nimport Close from '@servicetitan/hammer-icon/mdi/round/close.svg';\nimport Info from '@servicetitan/hammer-icon/mdi/round/info.svg';\nimport Warning from '@servicetitan/hammer-icon/mdi/round/warning.svg';\nimport Danger from '@servicetitan/hammer-icon/mdi/round/error.svg';\nimport Success from '@servicetitan/hammer-icon/mdi/round/check_circle.svg';\nimport { Icon } from './Icon.js';\nimport { useLayoutPropsUtil } from './useLayoutPropsUtil.js';\n\nimport './index2.css';const announcement = \"_announcement_1dgc8_4\";\nconst title = \"_title_1dgc8_43\";\nconst success = \"_success_1dgc8_60\";\nconst warning = \"_warning_1dgc8_64\";\nconst danger = \"_danger_1dgc8_68\";\nconst styles = {\n\tannouncement: announcement,\n\t\"close-container\": \"_close-container_1dgc8_34\",\n\t\"title-container\": \"_title-container_1dgc8_43\",\n\ttitle: title,\n\t\"status-icon\": \"_status-icon_1dgc8_57\",\n\tsuccess: success,\n\twarning: warning,\n\tdanger: danger,\n\t\"close-button\": \"_close-button_1dgc8_74\"\n};\n\nconst statusIconMap = {\n info: Info,\n success: Success,\n warning: Warning,\n danger: Danger\n};\nconst getIcon = (status = \"info\") => {\n return statusIconMap[status];\n};\nconst Announcement = forwardRef(\n (props, ref) => {\n const { layoutStyles, componentProps } = useLayoutPropsUtil(props);\n const {\n className,\n title,\n status = \"info\",\n children,\n style,\n ...rest\n } = componentProps;\n const styleCombined = {\n ...style,\n ...layoutStyles\n };\n const AnnouncementCx = cx(styles[\"announcement\"], className, {\n [styles[\"success\"]]: status === \"success\",\n [styles[\"warning\"]]: status === \"warning\",\n [styles[\"danger\"]]: status === \"danger\"\n });\n return /* @__PURE__ */ jsxs(\n \"div\",\n {\n role: \"status\",\n className: AnnouncementCx,\n \"data-anv\": \"announcement\",\n style: styleCombined,\n ...rest,\n ref,\n children: [\n /* @__PURE__ */ jsxs(\"span\", { className: styles[\"title-container\"], children: [\n /* @__PURE__ */ jsx(\n Icon,\n {\n size: \"large\",\n className: styles[\"status-icon\"],\n svg: getIcon(status)\n }\n ),\n /* @__PURE__ */ jsx(\"span\", { className: styles[\"title\"], children: title })\n ] }),\n children,\n rest.onClose ? /* @__PURE__ */ jsx(\"span\", { className: styles[\"close-container\"], children: /* @__PURE__ */ jsx(\n Button,\n {\n icon: Close,\n size: \"small\",\n appearance: \"ghost\",\n className: styles[\"close-button\"],\n onClick: (e) => rest.onClose?.(e),\n \"aria-label\": `Dismiss ${status} announcement`\n }\n ) }) : null\n ]\n }\n );\n }\n);\nAnnouncement.displayName = \"Announcement\";\n\nexport { Announcement };\n//# sourceMappingURL=Announcement.js.map\n","import {\n AnnouncementProps as CoreAnnouncementProps,\n Announcement as CoreAnnouncement,\n} from \"@servicetitan/hammer-react\";\nimport { Ref, forwardRef } from \"react\";\nimport { useTrackingId } from \"../../hooks/useTrackingId\";\nimport { DataTrackingId } from \"../../types/DataTrackingId\";\n\nexport type AnnouncementProps = CoreAnnouncementProps & DataTrackingId;\n\nexport const Announcement = forwardRef(\n (props: AnnouncementProps, ref: Ref<HTMLDivElement>) => {\n const data = {\n title: props.title,\n status: props.status,\n };\n\n const trackingId = useTrackingId({\n name: \"Announcement\",\n data,\n hasOverride: !!props[\"data-tracking-id\"],\n });\n return (\n <CoreAnnouncement ref={ref} data-tracking-id={trackingId} {...props} />\n );\n }\n);\n"],"names":["Info","Success","Warning","Danger","Announcement","Close","CoreAnnouncement"],"mappings":"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","x_google_ignoreList":[0]}
|
package/dist/Avatar.d.ts
CHANGED
|
@@ -7,7 +7,7 @@ import { LayoutUtilProps } from '@servicetitan/hammer-react';
|
|
|
7
7
|
import { RefAttributes } from 'react';
|
|
8
8
|
import { Size } from '@servicetitan/hammer-react';
|
|
9
9
|
|
|
10
|
-
declare const Avatar: ForwardRefExoticComponent<Omit< DetailedHTMLProps<HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & LayoutUtilProps & {
|
|
10
|
+
declare const Avatar: ForwardRefExoticComponent<Omit< DetailedHTMLProps<HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & Omit< LayoutUtilProps, "flex" | "flexGrow" | "flexBasis"> & {
|
|
11
11
|
name: string;
|
|
12
12
|
color?: string;
|
|
13
13
|
size?: Extract< Size, "small" | "medium" | "large">;
|
package/dist/Badge.d.ts
CHANGED
|
@@ -5,7 +5,7 @@ import { HTMLAttributes } from 'react';
|
|
|
5
5
|
import { LayoutUtilProps } from '@servicetitan/hammer-react';
|
|
6
6
|
import { RefAttributes } from 'react';
|
|
7
7
|
|
|
8
|
-
declare const Badge: ForwardRefExoticComponent<Omit< DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & LayoutUtilProps & {
|
|
8
|
+
declare const Badge: ForwardRefExoticComponent<Omit< DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & Omit< LayoutUtilProps, "flex" | "flexGrow" | "flexBasis"> & {
|
|
9
9
|
offset?: {
|
|
10
10
|
x?: string;
|
|
11
11
|
y?: string;
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
@import url("https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,400;0,6..12,600;0,6..12,700;1,6..12,400;1,6..12,600;1,6..12,700&display=swap");
|
|
2
|
+
@layer starter, reset, base, state, application;
|
|
3
|
+
@layer reset {
|
|
4
|
+
._breadcrumbs_ci0xo_4 {
|
|
5
|
+
all: unset;
|
|
6
|
+
font-family: "Nunito Sans", sans-serif;
|
|
7
|
+
font-size: 100%;
|
|
8
|
+
color: var(--foreground-color, #141414);
|
|
9
|
+
margin: 0;
|
|
10
|
+
padding: 0;
|
|
11
|
+
border-style: none;
|
|
12
|
+
border-width: 0;
|
|
13
|
+
border-color: transparent;
|
|
14
|
+
box-sizing: border-box;
|
|
15
|
+
display: flex;
|
|
16
|
+
flex-wrap: wrap;
|
|
17
|
+
align-items: center;
|
|
18
|
+
gap: 0.25rem;
|
|
19
|
+
}
|
|
20
|
+
._breadcrumbs_ci0xo_4 ._breadcrumbs-link_ci0xo_20 {
|
|
21
|
+
all: unset;
|
|
22
|
+
font-family: "Nunito Sans", sans-serif;
|
|
23
|
+
font-size: 100%;
|
|
24
|
+
color: var(--foreground-color, #141414);
|
|
25
|
+
margin: 0;
|
|
26
|
+
padding: 0;
|
|
27
|
+
border-style: none;
|
|
28
|
+
border-width: 0;
|
|
29
|
+
border-color: transparent;
|
|
30
|
+
box-sizing: border-box;
|
|
31
|
+
display: inline;
|
|
32
|
+
}
|
|
33
|
+
}
|
|
34
|
+
@layer base {
|
|
35
|
+
._breadcrumbs_ci0xo_4 ._breadcrumbs-link_ci0xo_20 {
|
|
36
|
+
text-decoration: none;
|
|
37
|
+
}
|
|
38
|
+
}
|
|
39
|
+
@layer state {
|
|
40
|
+
._breadcrumbs_ci0xo_4 ._breadcrumbs-link_ci0xo_20[data-interactive=hover], ._breadcrumbs_ci0xo_4 ._breadcrumbs-link_ci0xo_20:hover {
|
|
41
|
+
text-decoration: underline;
|
|
42
|
+
opacity: 1;
|
|
43
|
+
}
|
|
44
|
+
}
|
|
45
|
+
@layer application {}
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import { AnchorHTMLAttributes } from 'react';
|
|
2
|
+
import { BreadcrumbsLinkProps as BreadcrumbsLinkProps_2 } from '@servicetitan/hammer-react';
|
|
3
|
+
import { BreadcrumbsProps as BreadcrumbsProps_2 } from '@servicetitan/hammer-react';
|
|
4
|
+
import { DetailedHTMLProps } from 'react';
|
|
5
|
+
import { ForwardRefExoticComponent } from 'react';
|
|
6
|
+
import { HTMLAttributes } from 'react';
|
|
7
|
+
import { LayoutUtilProps } from '@servicetitan/hammer-react';
|
|
8
|
+
import { ReactElement } from 'react';
|
|
9
|
+
import { RefAttributes } from 'react';
|
|
10
|
+
|
|
11
|
+
declare const Breadcrumbs: ForwardRefExoticComponent<Omit< DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & LayoutUtilProps & {
|
|
12
|
+
children: ReactElement<BreadcrumbsLinkProps_2> | ReactElement<BreadcrumbsLinkProps_2>[];
|
|
13
|
+
} & RefAttributes<HTMLScriptElement>> & {
|
|
14
|
+
Link: ForwardRefExoticComponent<Omit< DetailedHTMLProps<AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref"> & LayoutUtilProps & RefAttributes<HTMLAnchorElement>>;
|
|
15
|
+
};
|
|
16
|
+
export { Breadcrumbs }
|
|
17
|
+
export default Breadcrumbs;
|
|
18
|
+
|
|
19
|
+
export declare const BreadcrumbsElement: ForwardRefExoticComponent<Omit< DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & LayoutUtilProps & {
|
|
20
|
+
children: ReactElement<BreadcrumbsLinkProps_2> | ReactElement<BreadcrumbsLinkProps_2>[];
|
|
21
|
+
} & RefAttributes<HTMLScriptElement>>;
|
|
22
|
+
|
|
23
|
+
export declare const BreadcrumbsLink: ForwardRefExoticComponent<Omit< DetailedHTMLProps<AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref"> & LayoutUtilProps & RefAttributes<HTMLAnchorElement>>;
|
|
24
|
+
|
|
25
|
+
export declare type BreadcrumbsLinkProps = BreadcrumbsLinkProps_2;
|
|
26
|
+
|
|
27
|
+
export declare type BreadcrumbsProps = BreadcrumbsProps_2;
|
|
28
|
+
|
|
29
|
+
export { }
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Breadcrumbs.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -0,0 +1,105 @@
|
|
|
1
|
+
import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
import { forwardRef, Children, cloneElement } from 'react';
|
|
4
|
+
import { cx } from './index3.js';
|
|
5
|
+
import { Link } from './Link3.js';
|
|
6
|
+
import { Text } from './Text3.js';
|
|
7
|
+
import { useLayoutPropsUtil } from './useLayoutPropsUtil.js';
|
|
8
|
+
import { Icon } from './Icon3.js';
|
|
9
|
+
|
|
10
|
+
import './Breadcrumbs.css';const SvgChevronRight = (props) => /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 24 24", ...props }, /* @__PURE__ */ React.createElement("path", { d: "M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z" }));
|
|
11
|
+
|
|
12
|
+
const breadcrumbs = "_breadcrumbs_ci0xo_4";
|
|
13
|
+
const styles = {
|
|
14
|
+
breadcrumbs: breadcrumbs,
|
|
15
|
+
"breadcrumbs-link": "_breadcrumbs-link_ci0xo_20"
|
|
16
|
+
};
|
|
17
|
+
|
|
18
|
+
const BreadcrumbsLink$1 = forwardRef((props, ref) => {
|
|
19
|
+
const { layoutStyles, componentProps } = useLayoutPropsUtil(props);
|
|
20
|
+
const { children, className, style, ...rest } = componentProps;
|
|
21
|
+
const classes = cx([styles["breadcrumbs-link"]], className, {});
|
|
22
|
+
const styleCombined = {
|
|
23
|
+
...style,
|
|
24
|
+
...layoutStyles
|
|
25
|
+
};
|
|
26
|
+
return /* @__PURE__ */ jsx(
|
|
27
|
+
Link,
|
|
28
|
+
{
|
|
29
|
+
tabIndex: 0,
|
|
30
|
+
"data-anv": "breadcrumbs-link",
|
|
31
|
+
style: styleCombined,
|
|
32
|
+
appearance: "secondary",
|
|
33
|
+
className: classes,
|
|
34
|
+
...rest,
|
|
35
|
+
ref,
|
|
36
|
+
children: /* @__PURE__ */ jsx(Text, { size: "small", inline: true, children })
|
|
37
|
+
}
|
|
38
|
+
);
|
|
39
|
+
});
|
|
40
|
+
BreadcrumbsLink$1.displayName = "BreadcrumbsLink";
|
|
41
|
+
|
|
42
|
+
const BreadcrumbsElement$1 = forwardRef(
|
|
43
|
+
(props, ref) => {
|
|
44
|
+
const { layoutStyles, componentProps } = useLayoutPropsUtil(props);
|
|
45
|
+
const { children, className, style, ...rest } = componentProps;
|
|
46
|
+
const classes = cx([styles["breadcrumbs"]], className, {});
|
|
47
|
+
const styleCombined = {
|
|
48
|
+
...style,
|
|
49
|
+
...layoutStyles
|
|
50
|
+
};
|
|
51
|
+
const linkCount = Children.count(children);
|
|
52
|
+
return /* @__PURE__ */ jsx(
|
|
53
|
+
"nav",
|
|
54
|
+
{
|
|
55
|
+
"data-anv": "breadcrumbs",
|
|
56
|
+
style: styleCombined,
|
|
57
|
+
className: classes,
|
|
58
|
+
"aria-label": "Breadcrumb",
|
|
59
|
+
...rest,
|
|
60
|
+
ref,
|
|
61
|
+
children: Children.map(children, (link, i) => {
|
|
62
|
+
if (i + 1 === linkCount) {
|
|
63
|
+
return /* @__PURE__ */ jsx(
|
|
64
|
+
Text,
|
|
65
|
+
{
|
|
66
|
+
inline: true,
|
|
67
|
+
size: "small",
|
|
68
|
+
style: {
|
|
69
|
+
fontWeight: "bold"
|
|
70
|
+
},
|
|
71
|
+
children: link.props.children
|
|
72
|
+
}
|
|
73
|
+
);
|
|
74
|
+
} else {
|
|
75
|
+
return /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
76
|
+
cloneElement(link),
|
|
77
|
+
/* @__PURE__ */ jsx(Icon, { svg: SvgChevronRight, "aria-hidden": "true" })
|
|
78
|
+
] });
|
|
79
|
+
}
|
|
80
|
+
})
|
|
81
|
+
}
|
|
82
|
+
);
|
|
83
|
+
}
|
|
84
|
+
);
|
|
85
|
+
BreadcrumbsElement$1.displayName = "Breadcrumbs";
|
|
86
|
+
const Breadcrumbs$1 = Object.assign(BreadcrumbsElement$1, {
|
|
87
|
+
Link: BreadcrumbsLink$1
|
|
88
|
+
});
|
|
89
|
+
|
|
90
|
+
const BreadcrumbsElement = forwardRef(
|
|
91
|
+
(props, ref) => {
|
|
92
|
+
return /* @__PURE__ */ jsx(Breadcrumbs$1, { ref, ...props });
|
|
93
|
+
}
|
|
94
|
+
);
|
|
95
|
+
const BreadcrumbsLink = forwardRef(
|
|
96
|
+
(props, ref) => {
|
|
97
|
+
return /* @__PURE__ */ jsx(BreadcrumbsLink$1, { ref, ...props });
|
|
98
|
+
}
|
|
99
|
+
);
|
|
100
|
+
const Breadcrumbs = Object.assign(BreadcrumbsElement, {
|
|
101
|
+
Link: BreadcrumbsLink
|
|
102
|
+
});
|
|
103
|
+
|
|
104
|
+
export { Breadcrumbs, BreadcrumbsElement, BreadcrumbsLink };
|
|
105
|
+
//# sourceMappingURL=Breadcrumbs2.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Breadcrumbs2.js","sources":["../node_modules/@servicetitan/hammer-icon/mdi/filled/chevron_right.svg","../node_modules/@servicetitan/hammer-react/dist/Breadcrumbs.js","../src/components/Breadcrumbs/Breadcrumbs.tsx"],"sourcesContent":["import * as React from \"react\";\nconst SvgChevronRight = (props) => /* @__PURE__ */ React.createElement(\"svg\", { xmlns: \"http://www.w3.org/2000/svg\", width: \"1em\", height: \"1em\", viewBox: \"0 0 24 24\", ...props }, /* @__PURE__ */ React.createElement(\"path\", { d: \"M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z\" }));\nexport default SvgChevronRight;\n","import { jsx, jsxs, Fragment } from 'react/jsx-runtime';\nimport { forwardRef, Children, cloneElement } from 'react';\nimport cx from 'classnames';\nimport ChevronRight from '@servicetitan/hammer-icon/mdi/filled/chevron_right.svg';\nimport { Link } from './Link.js';\nimport { Text } from './Text.js';\nimport { useLayoutPropsUtil } from './useLayoutPropsUtil.js';\nimport { Icon } from './Icon.js';\n\nimport './index5.css';const breadcrumbs = \"_breadcrumbs_ci0xo_4\";\nconst styles = {\n\tbreadcrumbs: breadcrumbs,\n\t\"breadcrumbs-link\": \"_breadcrumbs-link_ci0xo_20\"\n};\n\nconst BreadcrumbsLink = forwardRef((props, ref) => {\n const { layoutStyles, componentProps } = useLayoutPropsUtil(props);\n const { children, className, style, ...rest } = componentProps;\n const classes = cx([styles[\"breadcrumbs-link\"]], className, {});\n const styleCombined = {\n ...style,\n ...layoutStyles\n };\n return /* @__PURE__ */ jsx(\n Link,\n {\n tabIndex: 0,\n \"data-anv\": \"breadcrumbs-link\",\n style: styleCombined,\n appearance: \"secondary\",\n className: classes,\n ...rest,\n ref,\n children: /* @__PURE__ */ jsx(Text, { size: \"small\", inline: true, children })\n }\n );\n});\nBreadcrumbsLink.displayName = \"BreadcrumbsLink\";\n\nconst BreadcrumbsElement = forwardRef(\n (props, ref) => {\n const { layoutStyles, componentProps } = useLayoutPropsUtil(props);\n const { children, className, style, ...rest } = componentProps;\n const classes = cx([styles[\"breadcrumbs\"]], className, {});\n const styleCombined = {\n ...style,\n ...layoutStyles\n };\n const linkCount = Children.count(children);\n return /* @__PURE__ */ jsx(\n \"nav\",\n {\n \"data-anv\": \"breadcrumbs\",\n style: styleCombined,\n className: classes,\n \"aria-label\": \"Breadcrumb\",\n ...rest,\n ref,\n children: Children.map(children, (link, i) => {\n if (i + 1 === linkCount) {\n return /* @__PURE__ */ jsx(\n Text,\n {\n inline: true,\n size: \"small\",\n style: {\n fontWeight: \"bold\"\n },\n children: link.props.children\n }\n );\n } else {\n return /* @__PURE__ */ jsxs(Fragment, { children: [\n cloneElement(link),\n /* @__PURE__ */ jsx(Icon, { svg: ChevronRight, \"aria-hidden\": \"true\" })\n ] });\n }\n })\n }\n );\n }\n);\nBreadcrumbsElement.displayName = \"Breadcrumbs\";\nconst Breadcrumbs = Object.assign(BreadcrumbsElement, {\n Link: BreadcrumbsLink\n});\n\nexport { Breadcrumbs, BreadcrumbsLink };\n//# sourceMappingURL=Breadcrumbs.js.map\n","import {\n BreadcrumbsLink as CoreBreadcrumbsLink,\n BreadcrumbsLinkProps as CoreBreadcrumbsLinkProps,\n BreadcrumbsProps as CoreBreadcrumbsProps,\n Breadcrumbs as CoreBreadcrumbs,\n} from \"@servicetitan/hammer-react\";\nimport { Ref, forwardRef } from \"react\";\n\nexport type BreadcrumbsProps = CoreBreadcrumbsProps;\nexport type BreadcrumbsLinkProps = CoreBreadcrumbsLinkProps;\n\nexport const BreadcrumbsElement = forwardRef(\n (props: BreadcrumbsProps, ref: Ref<HTMLScriptElement>) => {\n return <CoreBreadcrumbs ref={ref} {...props} />;\n }\n);\n\nexport const BreadcrumbsLink = forwardRef(\n (props: BreadcrumbsLinkProps, ref: Ref<HTMLAnchorElement>) => {\n return <CoreBreadcrumbsLink ref={ref} {...props} />;\n }\n);\n\nexport const Breadcrumbs = Object.assign(BreadcrumbsElement, {\n Link: BreadcrumbsLink,\n});\n"],"names":["BreadcrumbsLink","BreadcrumbsElement","ChevronRight","Breadcrumbs","CoreBreadcrumbs","CoreBreadcrumbsLink"],"mappings":"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","x_google_ignoreList":[0,1]}
|
package/dist/Button2.css
CHANGED
|
@@ -268,20 +268,34 @@
|
|
|
268
268
|
transition: background-color 200ms cubic-bezier(0, 0, 0.4, 1);
|
|
269
269
|
background-color: var(--background-color-primary-subdued, #e0f2ff);
|
|
270
270
|
}
|
|
271
|
-
}
|
|
271
|
+
}@layer reset {
|
|
272
|
+
._Spinner_1uyx3_3 {
|
|
273
|
+
all: unset;
|
|
274
|
+
font-family: "Nunito Sans", sans-serif;
|
|
275
|
+
font-size: 100%;
|
|
276
|
+
color: var(--foreground-color, #141414);
|
|
277
|
+
margin: 0;
|
|
278
|
+
padding: 0;
|
|
279
|
+
border-style: none;
|
|
280
|
+
border-width: 0;
|
|
281
|
+
border-color: transparent;
|
|
282
|
+
box-sizing: border-box;
|
|
283
|
+
display: initial;
|
|
284
|
+
}
|
|
285
|
+
}._Spinner_1uyx3_3 {
|
|
272
286
|
aspect-ratio: 1;
|
|
273
287
|
color: var(--background-color-primary, #0265dc);
|
|
274
|
-
}.
|
|
288
|
+
}._Spinner_1uyx3_3._Inherit_1uyx3_21 {
|
|
275
289
|
color: currentColor;
|
|
276
|
-
}.
|
|
290
|
+
}._circle_1uyx3_25 {
|
|
277
291
|
display: block;
|
|
278
292
|
border: 0.125rem solid transparent;
|
|
279
293
|
border-block-start: 0.125rem solid currentColor;
|
|
280
294
|
border-inline-start: 0.125rem solid currentColor;
|
|
281
295
|
border-radius: 50%;
|
|
282
296
|
aspect-ratio: 1;
|
|
283
|
-
animation:
|
|
284
|
-
}@keyframes
|
|
297
|
+
animation: _spin_1uyx3_1 1s linear infinite;
|
|
298
|
+
}@keyframes _spin_1uyx3_1 {
|
|
285
299
|
0% {
|
|
286
300
|
transform: rotate(0deg);
|
|
287
301
|
}
|
package/dist/Button22.js
CHANGED
|
@@ -31,10 +31,10 @@ const styles$1 = {
|
|
|
31
31
|
"indeterminate-before": "_indeterminate-before_j94k2_1"
|
|
32
32
|
};
|
|
33
33
|
|
|
34
|
-
const Spinner$1 = "
|
|
35
|
-
const Inherit = "
|
|
36
|
-
const circle = "
|
|
37
|
-
const spin = "
|
|
34
|
+
const Spinner$1 = "_Spinner_1uyx3_3";
|
|
35
|
+
const Inherit = "_Inherit_1uyx3_21";
|
|
36
|
+
const circle = "_circle_1uyx3_25";
|
|
37
|
+
const spin = "_spin_1uyx3_1";
|
|
38
38
|
const styles = {
|
|
39
39
|
Spinner: Spinner$1,
|
|
40
40
|
Inherit: Inherit,
|
package/dist/Button22.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button22.js","sources":["../node_modules/@servicetitan/hammer-react/dist/Button2.js"],"sourcesContent":["import { jsx, jsxs } from 'react/jsx-runtime';\nimport { forwardRef } from 'react';\nimport cx from 'classnames';\nimport { Icon } from './Icon.js';\nimport { useLayoutPropsUtil } from './useLayoutPropsUtil.js';\n\nimport './Button.css';const button = \"_button_j94k2_4\";\nconst icon = \"_icon_j94k2_59\";\nconst disabled = \"_disabled_j94k2_64\";\nconst loading = \"_loading_j94k2_73\";\nconst styles$1 = {\n\tbutton: button,\n\t\"type-icon\": \"_type-icon_j94k2_4\",\n\ticon: icon,\n\tdisabled: disabled,\n\tloading: loading,\n\t\"loading-spinner\": \"_loading-spinner_j94k2_76\",\n\t\"appearance-primary\": \"_appearance-primary_j94k2_79\",\n\t\"appearance-secondary\": \"_appearance-secondary_j94k2_91\",\n\t\"appearance-ghost\": \"_appearance-ghost_j94k2_103\",\n\t\"danger-primary\": \"_danger-primary_j94k2_115\",\n\t\"danger-secondary\": \"_danger-secondary_j94k2_127\",\n\t\"size-small\": \"_size-small_j94k2_139\",\n\t\"size-medium\": \"_size-medium_j94k2_148\",\n\t\"size-large\": \"_size-large_j94k2_156\",\n\t\"button-compound\": \"_button-compound_j94k2_221\",\n\t\"shape-rounded\": \"_shape-rounded_j94k2_240\",\n\t\"shape-pill\": \"_shape-pill_j94k2_243\",\n\t\"shape-circular\": \"_shape-circular_j94k2_246\",\n\t\"button-toggle\": \"_button-toggle_j94k2_251\",\n\t\"indeterminate-before\": \"_indeterminate-before_j94k2_1\"\n};\n\nconst Spinner$1 = \"
|
|
1
|
+
{"version":3,"file":"Button22.js","sources":["../node_modules/@servicetitan/hammer-react/dist/Button2.js"],"sourcesContent":["import { jsx, jsxs } from 'react/jsx-runtime';\nimport { forwardRef } from 'react';\nimport cx from 'classnames';\nimport { Icon } from './Icon.js';\nimport { useLayoutPropsUtil } from './useLayoutPropsUtil.js';\n\nimport './Button.css';const button = \"_button_j94k2_4\";\nconst icon = \"_icon_j94k2_59\";\nconst disabled = \"_disabled_j94k2_64\";\nconst loading = \"_loading_j94k2_73\";\nconst styles$1 = {\n\tbutton: button,\n\t\"type-icon\": \"_type-icon_j94k2_4\",\n\ticon: icon,\n\tdisabled: disabled,\n\tloading: loading,\n\t\"loading-spinner\": \"_loading-spinner_j94k2_76\",\n\t\"appearance-primary\": \"_appearance-primary_j94k2_79\",\n\t\"appearance-secondary\": \"_appearance-secondary_j94k2_91\",\n\t\"appearance-ghost\": \"_appearance-ghost_j94k2_103\",\n\t\"danger-primary\": \"_danger-primary_j94k2_115\",\n\t\"danger-secondary\": \"_danger-secondary_j94k2_127\",\n\t\"size-small\": \"_size-small_j94k2_139\",\n\t\"size-medium\": \"_size-medium_j94k2_148\",\n\t\"size-large\": \"_size-large_j94k2_156\",\n\t\"button-compound\": \"_button-compound_j94k2_221\",\n\t\"shape-rounded\": \"_shape-rounded_j94k2_240\",\n\t\"shape-pill\": \"_shape-pill_j94k2_243\",\n\t\"shape-circular\": \"_shape-circular_j94k2_246\",\n\t\"button-toggle\": \"_button-toggle_j94k2_251\",\n\t\"indeterminate-before\": \"_indeterminate-before_j94k2_1\"\n};\n\nconst Spinner$1 = \"_Spinner_1uyx3_3\";\nconst Inherit = \"_Inherit_1uyx3_21\";\nconst circle = \"_circle_1uyx3_25\";\nconst spin = \"_spin_1uyx3_1\";\nconst styles = {\n\tSpinner: Spinner$1,\n\tInherit: Inherit,\n\tcircle: circle,\n\tspin: spin\n};\n\nconst Spinner = (props) => {\n const { className, inherit, ...rest } = props;\n const classNames = cx(styles[\"Spinner\"], className, {\n [styles[\"Inherit\"]]: inherit\n });\n return /* @__PURE__ */ jsx(\"span\", { \"data-anv\": \"spinner\", className: classNames, children: /* @__PURE__ */ jsx(\"span\", { className: styles[\"circle\"], ...rest }) });\n};\n\nconst Button = forwardRef(\n (props, ref) => {\n const { layoutStyles, componentProps } = useLayoutPropsUtil(props);\n const {\n children,\n className,\n appearance = \"secondary\",\n size = \"medium\",\n icon,\n loading = false,\n disabled,\n style,\n type = \"button\",\n ...rest\n } = componentProps;\n const buttonClassNames = cx(className, styles$1[\"button\"], {\n [styles$1[\"appearance-primary\"]]: appearance === \"primary\",\n [styles$1[\"appearance-secondary\"]]: appearance === \"secondary\",\n [styles$1[\"appearance-ghost\"]]: appearance === \"ghost\",\n [styles$1[\"danger-secondary\"]]: appearance === \"danger-secondary\",\n [styles$1[\"danger-primary\"]]: appearance === \"danger\",\n [styles$1[\"size-small\"]]: size === \"small\",\n [styles$1[\"size-medium\"]]: size === \"medium\",\n [styles$1[\"size-large\"]]: size === \"large\",\n [styles$1[\"type-icon\"]]: !children,\n [styles$1[\"loading\"]]: loading\n });\n const iconBefore = (icon2) => {\n if (typeof icon2 === \"object\" && \"before\" in icon2) {\n return /* @__PURE__ */ jsx(\n Icon,\n {\n className: styles$1[\"icon\"],\n inherit: true,\n \"aria-hidden\": true,\n svg: icon2.before\n }\n );\n }\n if (icon2 && typeof icon2 !== \"object\") {\n return /* @__PURE__ */ jsx(\n Icon,\n {\n className: styles$1[\"icon\"],\n inherit: true,\n \"aria-hidden\": true,\n svg: icon2,\n size: !children && size !== \"small\" ? \"large\" : \"medium\"\n }\n );\n }\n return;\n };\n const styleCombined = {\n ...style,\n ...layoutStyles\n };\n return /* @__PURE__ */ jsxs(\n \"button\",\n {\n className: buttonClassNames,\n type,\n disabled: disabled || loading,\n \"aria-busy\": loading ? true : void 0,\n \"data-anv\": \"button\",\n style: styleCombined,\n ref,\n ...rest,\n children: [\n loading ? /* @__PURE__ */ jsx(Spinner, { inherit: true, className: styles$1[\"loading-spinner\"] }) : icon ? iconBefore(icon) : null,\n children,\n typeof icon === \"object\" && \"after\" in icon ? /* @__PURE__ */ jsx(\n Icon,\n {\n className: styles$1[\"icon\"],\n inherit: true,\n \"aria-hidden\": true,\n svg: icon.after\n }\n ) : null\n ]\n }\n );\n }\n);\nButton.displayName = \"Button\";\n\nexport { Button, Spinner, styles$1 as styles };\n//# sourceMappingURL=Button2.js.map\n"],"names":[],"mappings":"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","x_google_ignoreList":[0]}
|
package/dist/Card2.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Card2.js","sources":["../node_modules/@servicetitan/hammer-react/dist/Card.js","../src/components/Card/Card.tsx"],"sourcesContent":["import { jsx } from 'react/jsx-runtime';\nimport { forwardRef } from 'react';\nimport cx from 'classnames';\nimport { useLayoutPropsUtil } from './useLayoutPropsUtil.js';\n\nimport './
|
|
1
|
+
{"version":3,"file":"Card2.js","sources":["../node_modules/@servicetitan/hammer-react/dist/Card.js","../src/components/Card/Card.tsx"],"sourcesContent":["import { jsx } from 'react/jsx-runtime';\nimport { forwardRef } from 'react';\nimport cx from 'classnames';\nimport { useLayoutPropsUtil } from './useLayoutPropsUtil.js';\n\nimport './index7.css';const card = \"_card_ooru2_4\";\nconst styles = {\n\tcard: card,\n\t\"card-section\": \"_card-section_ooru2_27\",\n\t\"bg-stronger\": \"_bg-stronger_ooru2_32\",\n\t\"bg-strong\": \"_bg-strong_ooru2_32\",\n\t\"padding-0\": \"_padding-0_ooru2_38\",\n\t\"padding-xsmall\": \"_padding-xsmall_ooru2_41\",\n\t\"padding-small\": \"_padding-small_ooru2_44\",\n\t\"padding-medium\": \"_padding-medium_ooru2_47\",\n\t\"padding-large\": \"_padding-large_ooru2_50\"\n};\n\nconst Card = forwardRef((props, ref) => {\n const { layoutStyles, componentProps } = useLayoutPropsUtil(props);\n const {\n children,\n className,\n padding = \"medium\",\n background,\n style,\n ...rest\n } = componentProps;\n const cardClassNames = cx(\n [styles[\"card\"]],\n [styles[`padding-${padding}`]],\n className,\n {\n [styles[`bg-${background}`]]: !!background\n }\n );\n const styleCombined = {\n ...style,\n ...layoutStyles\n };\n return /* @__PURE__ */ jsx(\n \"div\",\n {\n className: cardClassNames,\n \"data-anv\": \"card\",\n style: styleCombined,\n ref,\n ...rest,\n children\n }\n );\n});\nCard.displayName = \"Card\";\n\nexport { Card };\n//# sourceMappingURL=Card.js.map\n","import {\n CardProps as CoreCardProps,\n Card as CoreCard,\n} from \"@servicetitan/hammer-react\";\nimport { Ref, forwardRef } from \"react\";\n\nexport type CardProps = CoreCardProps;\n\nexport const Card = forwardRef((props: CardProps, ref: Ref<HTMLDivElement>) => {\n return <CoreCard ref={ref} {...props} />;\n});\n"],"names":["Card","CoreCard"],"mappings":";;;;;AAKsB,MAAM,IAAI,GAAG,eAAe,CAAC;AACnD,MAAM,MAAM,GAAG;AACf,CAAC,IAAI,EAAE,IAAI;AACX,CAAC,cAAc,EAAE,wBAAwB;AACzC,CAAC,aAAa,EAAE,uBAAuB;AACvC,CAAC,WAAW,EAAE,qBAAqB;AACnC,CAAC,WAAW,EAAE,qBAAqB;AACnC,CAAC,gBAAgB,EAAE,0BAA0B;AAC7C,CAAC,eAAe,EAAE,yBAAyB;AAC3C,CAAC,gBAAgB,EAAE,0BAA0B;AAC7C,CAAC,eAAe,EAAE,yBAAyB;AAC3C,CAAC,CAAC;AACF;AACA,MAAMA,MAAI,GAAG,UAAU,CAAC,CAAC,KAAK,EAAE,GAAG,KAAK;AACxC,EAAE,MAAM,EAAE,YAAY,EAAE,cAAc,EAAE,GAAG,kBAAkB,CAAC,KAAK,CAAC,CAAC;AACrE,EAAE,MAAM;AACR,IAAI,QAAQ;AACZ,IAAI,SAAS;AACb,IAAI,OAAO,GAAG,QAAQ;AACtB,IAAI,UAAU;AACd,IAAI,KAAK;AACT,IAAI,GAAG,IAAI;AACX,GAAG,GAAG,cAAc,CAAC;AACrB,EAAE,MAAM,cAAc,GAAG,EAAE;AAC3B,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;AACpB,IAAI,CAAC,MAAM,CAAC,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC;AAClC,IAAI,SAAS;AACb,IAAI;AACJ,MAAM,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,UAAU,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,UAAU;AAChD,KAAK;AACL,GAAG,CAAC;AACJ,EAAE,MAAM,aAAa,GAAG;AACxB,IAAI,GAAG,KAAK;AACZ,IAAI,GAAG,YAAY;AACnB,GAAG,CAAC;AACJ,EAAE,uBAAuB,GAAG;AAC5B,IAAI,KAAK;AACT,IAAI;AACJ,MAAM,SAAS,EAAE,cAAc;AAC/B,MAAM,UAAU,EAAE,MAAM;AACxB,MAAM,KAAK,EAAE,aAAa;AAC1B,MAAM,GAAG;AACT,MAAM,GAAG,IAAI;AACb,MAAM,QAAQ;AACd,KAAK;AACL,GAAG,CAAC;AACJ,CAAC,CAAC,CAAC;AACHA,MAAI,CAAC,WAAW,GAAG,MAAM;;AC5ClB,MAAM,IAAO,GAAA,UAAA,CAAW,CAAC,KAAA,EAAkB,GAA6B,KAAA;AAC7E,EAAA,uBAAQ,GAAA,CAAAC,MAAA,EAAA,EAAS,GAAW,EAAA,GAAG,KAAO,EAAA,CAAA,CAAA;AACxC,CAAC;;;;","x_google_ignoreList":[0]}
|
package/dist/Checkbox3.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Checkbox3.js","sources":["../node_modules/@servicetitan/hammer-icon/mdi/round/check_box_outline_blank.svg","../node_modules/@servicetitan/hammer-icon/mdi/round/check_box.svg","../node_modules/@servicetitan/hammer-icon/mdi/round/indeterminate_check_box.svg","../node_modules/@servicetitan/hammer-react/dist/Checkbox.js"],"sourcesContent":["import * as React from \"react\";\nconst SvgCheckBoxOutlineBlank = (props) => /* @__PURE__ */ React.createElement(\"svg\", { xmlns: \"http://www.w3.org/2000/svg\", width: \"1em\", height: \"1em\", viewBox: \"0 0 24 24\", ...props }, /* @__PURE__ */ React.createElement(\"path\", { d: \"M18 19H6c-.55 0-1-.45-1-1V6c0-.55.45-1 1-1h12c.55 0 1 .45 1 1v12c0 .55-.45 1-1 1zm1-16H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z\" }));\nexport default SvgCheckBoxOutlineBlank;\n","import * as React from \"react\";\nconst SvgCheckBox = (props) => /* @__PURE__ */ React.createElement(\"svg\", { xmlns: \"http://www.w3.org/2000/svg\", width: \"1em\", height: \"1em\", viewBox: \"0 0 24 24\", ...props }, /* @__PURE__ */ React.createElement(\"path\", { d: \"M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-8.29 13.29a.996.996 0 0 1-1.41 0L5.71 12.7a.996.996 0 1 1 1.41-1.41L10 14.17l6.88-6.88a.996.996 0 1 1 1.41 1.41l-7.58 7.59z\" }));\nexport default SvgCheckBox;\n","import * as React from \"react\";\nconst SvgIndeterminateCheckBox = (props) => /* @__PURE__ */ React.createElement(\"svg\", { xmlns: \"http://www.w3.org/2000/svg\", width: \"1em\", height: \"1em\", viewBox: \"0 0 24 24\", ...props }, /* @__PURE__ */ React.createElement(\"path\", { d: \"M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-3 10H8c-.55 0-1-.45-1-1s.45-1 1-1h8c.55 0 1 .45 1 1s-.45 1-1 1z\" }));\nexport default SvgIndeterminateCheckBox;\n","import { jsxs, jsx } from 'react/jsx-runtime';\nimport { forwardRef, useState, useEffect, useId } from 'react';\nimport cx from 'classnames';\nimport { Icon } from './Icon.js';\nimport Checkbox_outline from '@servicetitan/hammer-icon/mdi/round/check_box_outline_blank.svg';\nimport Checkbox_checked from '@servicetitan/hammer-icon/mdi/round/check_box.svg';\nimport Checkbox_indeterminate from '@servicetitan/hammer-icon/mdi/round/indeterminate_check_box.svg';\nimport { useLayoutPropsUtil } from './useLayoutPropsUtil.js';\nimport { Helper } from './Helper.js';\n\nimport './index7.css';const checkbox = \"_checkbox_1mc89_4\";\nconst wrapper = \"_wrapper_1mc89_19\";\nconst error = \"_error_1mc89_85\";\nconst legend = \"_legend_1mc89_201\";\nconst children = \"_children_1mc89_213\";\nconst label = \"_label_1mc89_219\";\nconst styles = {\n\tcheckbox: checkbox,\n\twrapper: wrapper,\n\t\"required-asterisk\": \"_required-asterisk_1mc89_33\",\n\t\"icon-wrapper\": \"_icon-wrapper_1mc89_37\",\n\t\"helper-wrapper\": \"_helper-wrapper_1mc89_70\",\n\t\"icon-indeterminate\": \"_icon-indeterminate_1mc89_75\",\n\t\"icon-unchecked\": \"_icon-unchecked_1mc89_76\",\n\t\"icon-checked\": \"_icon-checked_1mc89_77\",\n\terror: error,\n\t\"checkbox-group\": \"_checkbox-group_1mc89_181\",\n\tlegend: legend,\n\tchildren: children,\n\tlabel: label\n};\n\nconst CheckboxGroup = forwardRef((props, ref) => {\n const { layoutStyles, componentProps } = useLayoutPropsUtil(props);\n const { className, children, legend, required, style, ...rest } = componentProps;\n const checkboxGroupClassNames = cx(styles[\"checkbox-group\"], className);\n const styleCombined = {\n ...style,\n ...layoutStyles\n };\n return /* @__PURE__ */ jsxs(\n \"fieldset\",\n {\n role: \"group\",\n \"data-anv\": \"checkbox-group\",\n className: checkboxGroupClassNames,\n ref,\n style: styleCombined,\n ...rest,\n children: [\n /* @__PURE__ */ jsxs(\"legend\", { className: styles[\"legend\"], children: [\n legend,\n required && \", required\"\n ] }),\n /* @__PURE__ */ jsxs(\"label\", { className: styles[\"label\"], \"aria-hidden\": true, children: [\n legend,\n required && /* @__PURE__ */ jsx(\"span\", { className: styles[\"required-asterisk\"], children: \"*\" })\n ] }),\n /* @__PURE__ */ jsx(\n \"div\",\n {\n className: styles[\"children\"],\n style: {\n flexDirection: layoutStyles?.flexDirection,\n gap: layoutStyles?.gap\n },\n children\n }\n )\n ]\n }\n );\n});\nCheckboxGroup.displayName = \"CheckboxGroup\";\n\nconst CheckboxElement = forwardRef(\n (props, ref) => {\n const { layoutStyles, componentProps } = useLayoutPropsUtil(props);\n const {\n indeterminate,\n onChange,\n onClick,\n value,\n className,\n disabled,\n error,\n icons,\n checked: checkedProp,\n defaultChecked,\n label,\n style,\n required,\n description,\n ...rest\n } = componentProps;\n const {\n checked: checkedIcon = Checkbox_checked,\n indeterminate: indeterminateIcon = Checkbox_indeterminate,\n unchecked: uncheckedIcon = Checkbox_outline\n } = { ...icons };\n const [checked, setChecked] = useState(checkedProp);\n useEffect(() => {\n if (typeof checkedProp === \"undefined\")\n return;\n setChecked((prev) => {\n if (prev === checkedProp)\n return prev;\n onChange?.(void 0, { value, checked: checkedProp });\n return checkedProp;\n });\n }, [checkedProp, onChange, value]);\n const onChangeHandler = (e) => {\n if (checkedProp)\n return;\n onChange?.(e, { value, checked: checked ?? e.target.checked });\n };\n const onClickHandler = (e) => {\n onClick?.(e, {\n value,\n checked: checked ?? e.target.checked\n });\n };\n const helperUid = useId();\n const wrapperClassNames = cx(styles[\"wrapper\"], className);\n const checkboxClassNames = cx(styles[\"checkbox\"], {\n [styles[\"error\"]]: error\n });\n const styleCombined = {\n ...style,\n ...layoutStyles\n };\n return /* @__PURE__ */ jsxs(\n \"div\",\n {\n className: wrapperClassNames,\n style: styleCombined,\n \"data-anv\": \"checkbox\",\n children: [\n /* @__PURE__ */ jsxs(\"label\", { className: checkboxClassNames, children: [\n /* @__PURE__ */ jsx(\n \"input\",\n {\n type: \"checkbox\",\n disabled,\n value,\n onChange: onChangeHandler,\n onClick: onClickHandler,\n \"aria-checked\": indeterminate ? \"mixed\" : checked ?? defaultChecked,\n checked,\n defaultChecked,\n \"aria-invalid\": error,\n \"aria-describedby\": helperUid,\n ref,\n ...rest\n }\n ),\n /* @__PURE__ */ jsxs(\"span\", { className: styles[\"icon-wrapper\"], \"aria-hidden\": true, children: [\n /* @__PURE__ */ jsx(\n Icon,\n {\n size: \"large\",\n svg: indeterminateIcon,\n className: styles[\"icon-indeterminate\"]\n }\n ),\n /* @__PURE__ */ jsx(\n Icon,\n {\n size: \"large\",\n svg: checkedIcon,\n className: styles[\"icon-checked\"]\n }\n ),\n /* @__PURE__ */ jsx(\n Icon,\n {\n size: \"large\",\n svg: uncheckedIcon,\n className: styles[\"icon-unchecked\"]\n }\n )\n ] }),\n /* @__PURE__ */ jsxs(\"span\", { children: [\n label,\n required && /* @__PURE__ */ jsx(\"span\", { \"aria-hidden\": true, className: styles[\"required-asterisk\"], children: \"*\" })\n ] })\n ] }),\n description ? /* @__PURE__ */ jsx(\"div\", { className: styles[\"helper-wrapper\"], children: /* @__PURE__ */ jsx(Helper, { id: helperUid, description }) }) : null\n ]\n }\n );\n }\n);\nCheckboxElement.displayName = \"Checkbox\";\nconst Checkbox = Object.assign(CheckboxElement, {\n Group: CheckboxGroup\n});\n\nexport { Checkbox, CheckboxGroup };\n//# sourceMappingURL=Checkbox.js.map\n"],"names":["Checkbox_checked","Checkbox_indeterminate","Checkbox_outline"],"mappings":"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","x_google_ignoreList":[0,1,2,3]}
|
|
1
|
+
{"version":3,"file":"Checkbox3.js","sources":["../node_modules/@servicetitan/hammer-icon/mdi/round/check_box_outline_blank.svg","../node_modules/@servicetitan/hammer-icon/mdi/round/check_box.svg","../node_modules/@servicetitan/hammer-icon/mdi/round/indeterminate_check_box.svg","../node_modules/@servicetitan/hammer-react/dist/Checkbox.js"],"sourcesContent":["import * as React from \"react\";\nconst SvgCheckBoxOutlineBlank = (props) => /* @__PURE__ */ React.createElement(\"svg\", { xmlns: \"http://www.w3.org/2000/svg\", width: \"1em\", height: \"1em\", viewBox: \"0 0 24 24\", ...props }, /* @__PURE__ */ React.createElement(\"path\", { d: \"M18 19H6c-.55 0-1-.45-1-1V6c0-.55.45-1 1-1h12c.55 0 1 .45 1 1v12c0 .55-.45 1-1 1zm1-16H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z\" }));\nexport default SvgCheckBoxOutlineBlank;\n","import * as React from \"react\";\nconst SvgCheckBox = (props) => /* @__PURE__ */ React.createElement(\"svg\", { xmlns: \"http://www.w3.org/2000/svg\", width: \"1em\", height: \"1em\", viewBox: \"0 0 24 24\", ...props }, /* @__PURE__ */ React.createElement(\"path\", { d: \"M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-8.29 13.29a.996.996 0 0 1-1.41 0L5.71 12.7a.996.996 0 1 1 1.41-1.41L10 14.17l6.88-6.88a.996.996 0 1 1 1.41 1.41l-7.58 7.59z\" }));\nexport default SvgCheckBox;\n","import * as React from \"react\";\nconst SvgIndeterminateCheckBox = (props) => /* @__PURE__ */ React.createElement(\"svg\", { xmlns: \"http://www.w3.org/2000/svg\", width: \"1em\", height: \"1em\", viewBox: \"0 0 24 24\", ...props }, /* @__PURE__ */ React.createElement(\"path\", { d: \"M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-3 10H8c-.55 0-1-.45-1-1s.45-1 1-1h8c.55 0 1 .45 1 1s-.45 1-1 1z\" }));\nexport default SvgIndeterminateCheckBox;\n","import { jsxs, jsx } from 'react/jsx-runtime';\nimport { forwardRef, useState, useEffect, useId } from 'react';\nimport cx from 'classnames';\nimport { Icon } from './Icon.js';\nimport Checkbox_outline from '@servicetitan/hammer-icon/mdi/round/check_box_outline_blank.svg';\nimport Checkbox_checked from '@servicetitan/hammer-icon/mdi/round/check_box.svg';\nimport Checkbox_indeterminate from '@servicetitan/hammer-icon/mdi/round/indeterminate_check_box.svg';\nimport { useLayoutPropsUtil } from './useLayoutPropsUtil.js';\nimport { Helper } from './Helper.js';\n\nimport './index8.css';const checkbox = \"_checkbox_1mc89_4\";\nconst wrapper = \"_wrapper_1mc89_19\";\nconst error = \"_error_1mc89_85\";\nconst legend = \"_legend_1mc89_201\";\nconst children = \"_children_1mc89_213\";\nconst label = \"_label_1mc89_219\";\nconst styles = {\n\tcheckbox: checkbox,\n\twrapper: wrapper,\n\t\"required-asterisk\": \"_required-asterisk_1mc89_33\",\n\t\"icon-wrapper\": \"_icon-wrapper_1mc89_37\",\n\t\"helper-wrapper\": \"_helper-wrapper_1mc89_70\",\n\t\"icon-indeterminate\": \"_icon-indeterminate_1mc89_75\",\n\t\"icon-unchecked\": \"_icon-unchecked_1mc89_76\",\n\t\"icon-checked\": \"_icon-checked_1mc89_77\",\n\terror: error,\n\t\"checkbox-group\": \"_checkbox-group_1mc89_181\",\n\tlegend: legend,\n\tchildren: children,\n\tlabel: label\n};\n\nconst CheckboxGroup = forwardRef((props, ref) => {\n const { layoutStyles, componentProps } = useLayoutPropsUtil(props);\n const { className, children, legend, required, style, ...rest } = componentProps;\n const checkboxGroupClassNames = cx(styles[\"checkbox-group\"], className);\n const styleCombined = {\n ...style,\n ...layoutStyles\n };\n return /* @__PURE__ */ jsxs(\n \"fieldset\",\n {\n role: \"group\",\n \"data-anv\": \"checkbox-group\",\n className: checkboxGroupClassNames,\n ref,\n style: styleCombined,\n ...rest,\n children: [\n /* @__PURE__ */ jsxs(\"legend\", { className: styles[\"legend\"], children: [\n legend,\n required && \", required\"\n ] }),\n /* @__PURE__ */ jsxs(\"label\", { className: styles[\"label\"], \"aria-hidden\": true, children: [\n legend,\n required && /* @__PURE__ */ jsx(\"span\", { className: styles[\"required-asterisk\"], children: \"*\" })\n ] }),\n /* @__PURE__ */ jsx(\n \"div\",\n {\n className: styles[\"children\"],\n style: {\n flexDirection: layoutStyles?.flexDirection,\n gap: layoutStyles?.gap\n },\n children\n }\n )\n ]\n }\n );\n});\nCheckboxGroup.displayName = \"CheckboxGroup\";\n\nconst CheckboxElement = forwardRef(\n (props, ref) => {\n const { layoutStyles, componentProps } = useLayoutPropsUtil(props);\n const {\n indeterminate,\n onChange,\n onClick,\n value,\n className,\n disabled,\n error,\n icons,\n checked: checkedProp,\n defaultChecked,\n label,\n style,\n required,\n description,\n ...rest\n } = componentProps;\n const {\n checked: checkedIcon = Checkbox_checked,\n indeterminate: indeterminateIcon = Checkbox_indeterminate,\n unchecked: uncheckedIcon = Checkbox_outline\n } = { ...icons };\n const [checked, setChecked] = useState(checkedProp);\n useEffect(() => {\n if (typeof checkedProp === \"undefined\")\n return;\n setChecked((prev) => {\n if (prev === checkedProp)\n return prev;\n onChange?.(void 0, { value, checked: checkedProp });\n return checkedProp;\n });\n }, [checkedProp, onChange, value]);\n const onChangeHandler = (e) => {\n if (checkedProp)\n return;\n onChange?.(e, { value, checked: checked ?? e.target.checked });\n };\n const onClickHandler = (e) => {\n onClick?.(e, {\n value,\n checked: checked ?? e.target.checked\n });\n };\n const helperUid = useId();\n const wrapperClassNames = cx(styles[\"wrapper\"], className);\n const checkboxClassNames = cx(styles[\"checkbox\"], {\n [styles[\"error\"]]: error\n });\n const styleCombined = {\n ...style,\n ...layoutStyles\n };\n return /* @__PURE__ */ jsxs(\n \"div\",\n {\n className: wrapperClassNames,\n style: styleCombined,\n \"data-anv\": \"checkbox\",\n children: [\n /* @__PURE__ */ jsxs(\"label\", { className: checkboxClassNames, children: [\n /* @__PURE__ */ jsx(\n \"input\",\n {\n type: \"checkbox\",\n disabled,\n value,\n onChange: onChangeHandler,\n onClick: onClickHandler,\n \"aria-checked\": indeterminate ? \"mixed\" : checked ?? defaultChecked,\n checked,\n defaultChecked,\n \"aria-invalid\": error,\n \"aria-describedby\": helperUid,\n ref,\n ...rest\n }\n ),\n /* @__PURE__ */ jsxs(\"span\", { className: styles[\"icon-wrapper\"], \"aria-hidden\": true, children: [\n /* @__PURE__ */ jsx(\n Icon,\n {\n size: \"large\",\n svg: indeterminateIcon,\n className: styles[\"icon-indeterminate\"]\n }\n ),\n /* @__PURE__ */ jsx(\n Icon,\n {\n size: \"large\",\n svg: checkedIcon,\n className: styles[\"icon-checked\"]\n }\n ),\n /* @__PURE__ */ jsx(\n Icon,\n {\n size: \"large\",\n svg: uncheckedIcon,\n className: styles[\"icon-unchecked\"]\n }\n )\n ] }),\n /* @__PURE__ */ jsxs(\"span\", { children: [\n label,\n required && /* @__PURE__ */ jsx(\"span\", { \"aria-hidden\": true, className: styles[\"required-asterisk\"], children: \"*\" })\n ] })\n ] }),\n description ? /* @__PURE__ */ jsx(\"div\", { className: styles[\"helper-wrapper\"], children: /* @__PURE__ */ jsx(Helper, { id: helperUid, description }) }) : null\n ]\n }\n );\n }\n);\nCheckboxElement.displayName = \"Checkbox\";\nconst Checkbox = Object.assign(CheckboxElement, {\n Group: CheckboxGroup\n});\n\nexport { Checkbox, CheckboxGroup };\n//# sourceMappingURL=Checkbox.js.map\n"],"names":["Checkbox_checked","Checkbox_indeterminate","Checkbox_outline"],"mappings":"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","x_google_ignoreList":[0,1,2,3]}
|
package/dist/Chip.d.ts
CHANGED
|
@@ -8,7 +8,7 @@ import { MouseEvent as MouseEvent_2 } from 'react';
|
|
|
8
8
|
import { RefAttributes } from 'react';
|
|
9
9
|
import { Size } from '@servicetitan/hammer-react';
|
|
10
10
|
|
|
11
|
-
declare const Chip: ForwardRefExoticComponent<Omit< DetailedHTMLProps<HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & LayoutUtilProps & {
|
|
11
|
+
declare const Chip: ForwardRefExoticComponent<Omit< DetailedHTMLProps<HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & Omit< LayoutUtilProps, "flex" | "flexGrow" | "flexBasis"> & {
|
|
12
12
|
label: string;
|
|
13
13
|
size?: Extract< Size, "small" | "medium">;
|
|
14
14
|
color?: string;
|
package/dist/Chip3.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Chip3.js","sources":["../node_modules/@servicetitan/hammer-react/dist/Chip.js"],"sourcesContent":["import { jsxs, jsx } from 'react/jsx-runtime';\nimport { forwardRef, useContext } from 'react';\nimport cx from 'classnames';\nimport tinycolor from 'tinycolor2';\nimport Close from '@servicetitan/hammer-icon/mdi/round/close.svg';\nimport { Icon } from './Icon.js';\nimport { useLayoutPropsUtil } from './useLayoutPropsUtil.js';\nimport { ThemeProviderContext } from './index3.js';\nimport { usePrefersColorScheme } from './usePrefersColorScheme.js';\nimport { useAccessibleColor } from './useAccessibleColor.js';\n\nimport './
|
|
1
|
+
{"version":3,"file":"Chip3.js","sources":["../node_modules/@servicetitan/hammer-react/dist/Chip.js"],"sourcesContent":["import { jsxs, jsx } from 'react/jsx-runtime';\nimport { forwardRef, useContext } from 'react';\nimport cx from 'classnames';\nimport tinycolor from 'tinycolor2';\nimport Close from '@servicetitan/hammer-icon/mdi/round/close.svg';\nimport { Icon } from './Icon.js';\nimport { useLayoutPropsUtil } from './useLayoutPropsUtil.js';\nimport { ThemeProviderContext } from './index3.js';\nimport { usePrefersColorScheme } from './usePrefersColorScheme.js';\nimport { useAccessibleColor } from './useAccessibleColor.js';\n\nimport './index9.css';const chip = \"_chip_o8loa_4\";\nconst inner = \"_inner_o8loa_17\";\nconst close = \"_close_o8loa_30\";\nconst button = \"_button_o8loa_43\";\nconst styles = {\n\tchip: chip,\n\tinner: inner,\n\tclose: close,\n\tbutton: button,\n\t\"text-wrap\": \"_text-wrap_o8loa_109\",\n\t\"size-small\": \"_size-small_o8loa_124\",\n\t\"has-close\": \"_has-close_o8loa_138\"\n};\n\nconst Chip = forwardRef((props, ref) => {\n const { layoutStyles, componentProps } = useLayoutPropsUtil(props);\n const {\n className,\n color,\n onClose,\n onClick,\n label,\n style,\n textWrap,\n size = \"medium\",\n tabIndex,\n ...rest\n } = componentProps;\n const removeText = \", removeable\";\n const newLabel = `${label}${onClose ? removeText : \"\"}`;\n const ChipClassNames = cx(styles[\"chip\"], className, {\n [styles[\"size-small\"]]: size === \"small\",\n [styles[\"has-close\"]]: !!onClose,\n [styles[\"text-wrap\"]]: textWrap\n });\n const { mode: themeMode } = useContext(ThemeProviderContext);\n const { mode: sysMode } = usePrefersColorScheme();\n const mode = themeMode ?? sysMode;\n const { foreground, background } = useAccessibleColor(color, mode);\n const setborderColor = () => {\n if (mode === \"dark\") {\n if (color) {\n return tinycolor(background).brighten(20).toHexString();\n }\n }\n return \"var(--background-color)\";\n };\n const bgObj = tinycolor(background);\n const styleWithColor = {\n \"--int-bg-color\": color && background,\n \"--int-font-color\": color && foreground,\n \"--int-border-color\": setborderColor(),\n \"--int-close-background-color\": color ? bgObj.isDark() ? bgObj.lighten(15).toHexString() : bgObj.darken(15).toHexString() : \"#14141429\",\n ...style,\n ...layoutStyles\n };\n const onKeyUpHandler = (e) => {\n switch (e.code) {\n case \"Delete\":\n case \"Backspace\":\n onClose?.(e);\n break;\n case \"Enter\":\n onClick?.();\n break;\n }\n };\n return /* @__PURE__ */ jsxs(\n \"span\",\n {\n className: ChipClassNames,\n style: styleWithColor,\n \"data-anv\": \"chip\",\n \"aria-label\": newLabel,\n role: onClick ? \"button\" : void 0,\n ...rest,\n ref,\n onClick,\n onKeyUp: onKeyUpHandler,\n tabIndex: onClick || onClose ? 0 : tabIndex,\n children: [\n /* @__PURE__ */ jsx(\"span\", { className: styles.inner, children: label }),\n !!onClose && // this is disabled because this is fake button that only mouse users will interact\n // eslint-disable-next-line jsx-a11y/no-static-element-interactions, jsx-a11y/click-events-have-key-events\n /* @__PURE__ */ jsx(\n \"span\",\n {\n \"aria-hidden\": true,\n \"aria-label\": \"remove button\",\n className: styles[\"close\"],\n onClick: (e) => {\n e.stopPropagation();\n onClose(e);\n },\n children: /* @__PURE__ */ jsx(Icon, { \"aria-hidden\": true, svg: Close, size })\n }\n )\n ]\n }\n );\n});\nChip.displayName = \"Chip\";\n\nexport { Chip };\n//# sourceMappingURL=Chip.js.map\n"],"names":["Close"],"mappings":"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","x_google_ignoreList":[0]}
|