@harborclient/sdk 1.0.7 → 1.0.9
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.
|
@@ -5,11 +5,11 @@ interface Props {
|
|
|
5
5
|
*/
|
|
6
6
|
onClick: () => void;
|
|
7
7
|
/**
|
|
8
|
-
*
|
|
8
|
+
* Visible button text and default accessible name when `ariaLabel` is not provided.
|
|
9
9
|
*/
|
|
10
10
|
label?: string;
|
|
11
11
|
/**
|
|
12
|
-
* Accessible name when it should differ from `label`.
|
|
12
|
+
* Accessible name when it should differ from the visible `label`.
|
|
13
13
|
*/
|
|
14
14
|
ariaLabel?: string;
|
|
15
15
|
/**
|
|
@@ -18,13 +18,13 @@ interface Props {
|
|
|
18
18
|
className?: string;
|
|
19
19
|
}
|
|
20
20
|
/**
|
|
21
|
-
* Secondary
|
|
21
|
+
* Secondary back control for nested panel and overlay headers.
|
|
22
22
|
*
|
|
23
|
-
* Matches {@link PanelCloseButton}
|
|
23
|
+
* Matches {@link PanelCloseButton} sizing with a left-angle icon and visible label.
|
|
24
24
|
*
|
|
25
25
|
* @param onClick - Back navigation handler.
|
|
26
|
-
* @param label -
|
|
27
|
-
* @param ariaLabel - Accessible name override
|
|
26
|
+
* @param label - Visible button text; defaults to "Back".
|
|
27
|
+
* @param ariaLabel - Accessible name override when it should differ from `label`.
|
|
28
28
|
* @param className - Extra classes appended after the layout preset.
|
|
29
29
|
*/
|
|
30
30
|
export declare function BackButton({ onClick, label, ariaLabel, className }: Props): JSX.Element;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/BackButton/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAKjC,UAAU,KAAK;IACb;;OAEG;IACH,OAAO,EAAE,MAAM,IAAI,CAAC;IAEpB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;GASG;AACH,wBAAgB,UAAU,CAAC,EAAE,OAAO,EAAE,KAAc,EAAE,SAAS,EAAE,SAAS,EAAE,EAAE,KAAK,GAAG,GAAG,CAAC,OAAO,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/BackButton/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAKjC,UAAU,KAAK;IACb;;OAEG;IACH,OAAO,EAAE,MAAM,IAAI,CAAC;IAEpB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;GASG;AACH,wBAAgB,UAAU,CAAC,EAAE,OAAO,EAAE,KAAc,EAAE,SAAS,EAAE,SAAS,EAAE,EAAE,KAAK,GAAG,GAAG,CAAC,OAAO,CAgBhG"}
|
|
@@ -1,19 +1,19 @@
|
|
|
1
|
-
import { jsx as _jsx } from "@harborclient/sdk/jsx-runtime";
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "@harborclient/sdk/jsx-runtime";
|
|
2
2
|
import { Button } from '../Button/index.js';
|
|
3
3
|
import { FaIcon } from '../FaIcon/index.js';
|
|
4
4
|
import { faAngleLeft } from '@fortawesome/free-solid-svg-icons';
|
|
5
5
|
/**
|
|
6
|
-
* Secondary
|
|
6
|
+
* Secondary back control for nested panel and overlay headers.
|
|
7
7
|
*
|
|
8
|
-
* Matches {@link PanelCloseButton}
|
|
8
|
+
* Matches {@link PanelCloseButton} sizing with a left-angle icon and visible label.
|
|
9
9
|
*
|
|
10
10
|
* @param onClick - Back navigation handler.
|
|
11
|
-
* @param label -
|
|
12
|
-
* @param ariaLabel - Accessible name override
|
|
11
|
+
* @param label - Visible button text; defaults to "Back".
|
|
12
|
+
* @param ariaLabel - Accessible name override when it should differ from `label`.
|
|
13
13
|
* @param className - Extra classes appended after the layout preset.
|
|
14
14
|
*/
|
|
15
15
|
export function BackButton({ onClick, label = 'Back', ariaLabel, className }) {
|
|
16
|
-
const base = 'inline-flex shrink-0 items-center justify-center py-
|
|
16
|
+
const base = 'inline-flex shrink-0 items-center justify-center gap-1.5 py-1 text-[14px] h-6';
|
|
17
17
|
const classes = className ? `hc-back-button ${base} ${className}` : `hc-back-button ${base}`;
|
|
18
|
-
return (
|
|
18
|
+
return (_jsxs(Button, { type: "button", variant: "toolbar", className: classes, "aria-label": ariaLabel, onClick: onClick, children: [_jsx(FaIcon, { icon: faAngleLeft, className: "h-4 w-4", "aria-hidden": true }), _jsx("span", { children: label })] }));
|
|
19
19
|
}
|