@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
- * Default accessible name when `ariaLabel` is not provided.
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 icon back control for nested panel headers.
21
+ * Secondary back control for nested panel and overlay headers.
22
22
  *
23
- * Matches {@link PanelCloseButton} styling with a left-angle icon instead of close.
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 - Default accessible name; defaults to "Back".
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,CAehG"}
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 icon back control for nested panel headers.
6
+ * Secondary back control for nested panel and overlay headers.
7
7
  *
8
- * Matches {@link PanelCloseButton} styling with a left-angle icon instead of close.
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 - Default accessible name; defaults to "Back".
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-2';
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 (_jsx(Button, { type: "button", variant: "secondary", className: classes, "aria-label": ariaLabel ?? label, onClick: onClick, children: _jsx(FaIcon, { icon: faAngleLeft, className: "h-4 w-4" }) }));
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
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@harborclient/sdk",
3
- "version": "1.0.7",
3
+ "version": "1.0.9",
4
4
  "description": "TypeScript SDK for HarborClient plugin development.",
5
5
  "keywords": [
6
6
  "harborclient",