@harborclient/sdk 1.0.27 → 1.0.29

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.
@@ -2,7 +2,7 @@ import type { JSX, ReactNode } from 'react';
2
2
  /**
3
3
  * Visual tone for compact status badges.
4
4
  */
5
- export type BadgeVariant = 'success' | 'danger' | 'muted' | 'accent';
5
+ export type BadgeVariant = 'success' | 'danger' | 'muted' | 'accent' | 'warning';
6
6
  interface Props {
7
7
  /**
8
8
  * Badge label content.
@@ -21,7 +21,7 @@ interface Props {
21
21
  * Compact pill badge for status labels in lists and settings panels.
22
22
  *
23
23
  * @param children - Badge text.
24
- * @param variant - Color preset (`success`, `danger`, `muted`, or `accent`).
24
+ * @param variant - Color preset (`success`, `danger`, `muted`, `accent`, or `warning`).
25
25
  * @param className - Extra classes appended after the variant preset.
26
26
  */
27
27
  export declare function Badge({ children, variant, className }: Props): JSX.Element;
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Badge/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE5C;;GAEG;AACH,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,CAAC;AAErE,UAAU,KAAK;IACb;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IAEpB;;OAEG;IACH,OAAO,CAAC,EAAE,YAAY,CAAC;IAEvB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAsBD;;;;;;GAMG;AACH,wBAAgB,KAAK,CAAC,EAAE,QAAQ,EAAE,OAAiB,EAAE,SAAS,EAAE,EAAE,KAAK,GAAG,GAAG,CAAC,OAAO,CAKpF"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Badge/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE5C;;GAEG;AACH,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,SAAS,CAAC;AAEjF,UAAU,KAAK;IACb;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IAEpB;;OAEG;IACH,OAAO,CAAC,EAAE,YAAY,CAAC;IAEvB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAwBD;;;;;;GAMG;AACH,wBAAgB,KAAK,CAAC,EAAE,QAAQ,EAAE,OAAiB,EAAE,SAAS,EAAE,EAAE,KAAK,GAAG,GAAG,CAAC,OAAO,CAOpF"}
@@ -13,6 +13,8 @@ function variantClasses(variant) {
13
13
  return 'bg-danger/20 text-danger';
14
14
  case 'accent':
15
15
  return 'bg-accent/20 text-accent';
16
+ case 'warning':
17
+ return 'bg-warning/20 text-warning';
16
18
  case 'muted':
17
19
  default:
18
20
  return 'bg-control text-muted';
@@ -22,7 +24,7 @@ function variantClasses(variant) {
22
24
  * Compact pill badge for status labels in lists and settings panels.
23
25
  *
24
26
  * @param children - Badge text.
25
- * @param variant - Color preset (`success`, `danger`, `muted`, or `accent`).
27
+ * @param variant - Color preset (`success`, `danger`, `muted`, `accent`, or `warning`).
26
28
  * @param className - Extra classes appended after the variant preset.
27
29
  */
28
30
  export function Badge({ children, variant = 'muted', className }) {
@@ -3,11 +3,11 @@ import { FaIcon } from '../FaIcon/index.js';
3
3
  /**
4
4
  * Tailwind classes for inactive toolbar icon action buttons.
5
5
  */
6
- const TOOLBAR_ACTION_BUTTON_INACTIVE = 'hc-toolbar-action inline-flex h-7 w-7 shrink-0 cursor-pointer items-center justify-center rounded-full border-none bg-transparent text-[14px] text-muted hover:bg-selection hover:text-text focus-visible:bg-selection focus-visible:text-text disabled:cursor-not-allowed disabled:opacity-50 app-no-drag';
6
+ const TOOLBAR_ACTION_BUTTON_INACTIVE = 'hc-toolbar-action inline-flex h-7 w-7 shrink-0 cursor-pointer items-center justify-center rounded-md border-none bg-transparent text-muted hover:bg-selection hover:text-text focus-visible:bg-selection focus-visible:text-text disabled:cursor-not-allowed disabled:opacity-50 app-no-drag';
7
7
  /**
8
8
  * Tailwind classes for pressed toolbar toggles, matching footer layout icon buttons.
9
9
  */
10
- const TOOLBAR_ACTION_BUTTON_ACTIVE = 'hc-toolbar-action inline-flex h-7 w-7 shrink-0 cursor-pointer items-center justify-center rounded-md border-none bg-surface text-text shadow-sm focus-visible:bg-surface focus-visible:text-text disabled:cursor-not-allowed disabled:opacity-50 app-no-drag';
10
+ const TOOLBAR_ACTION_BUTTON_ACTIVE = 'hc-toolbar-action inline-flex h-7 w-7 shrink-0 cursor-pointer items-center justify-center rounded-md border-none bg-selection text-text shadow-sm focus-visible:bg-surface focus-visible:text-text disabled:cursor-not-allowed disabled:opacity-50 app-no-drag';
11
11
  /**
12
12
  * Resolves toolbar button classes for a declarative action.
13
13
  *
@@ -32,7 +32,7 @@ export function Toolbar({ actions, ariaLabel = 'Toolbar', className }) {
32
32
  return (_jsx("div", { role: "toolbar", "aria-label": ariaLabel, className: wrapperClassName, children: _jsx("div", { className: "hc-toolbar-actions flex items-center gap-1", children: actions.map((action) => {
33
33
  const title = action.title ?? action.label;
34
34
  return (_jsxs("div", { className: "hc-toolbar-action-wrap relative", children: [_jsx("button", { type: "button", ref: action.buttonRef, className: toolbarActionButton(action), title: title, "aria-label": action.label, "aria-expanded": action.ariaExpanded, "aria-pressed": action.ariaPressed, "aria-haspopup": action.ariaHaspopup, disabled: action.disabled, onClick: action.onClick, children: _jsx(FaIcon, { icon: action.icon, className: action.ariaPressed === true
35
- ? 'hc-toolbar-action-icon h-4 w-4'
36
- : 'hc-toolbar-action-icon h-3.5 w-3.5' }) }), action.popover] }, action.id));
35
+ ? 'hc-toolbar-action-icon h-5! w-5!'
36
+ : 'hc-toolbar-action-icon h-5! w-5!' }) }), action.popover] }, action.id));
37
37
  }) }) }));
38
38
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@harborclient/sdk",
3
- "version": "1.0.27",
3
+ "version": "1.0.29",
4
4
  "description": "TypeScript SDK for HarborClient development.",
5
5
  "keywords": [
6
6
  "harborclient",