@harborclient/sdk 1.0.27 → 1.0.28
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.
|
@@ -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-
|
|
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-
|
|
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-
|
|
36
|
-
: 'hc-toolbar-action-icon h-
|
|
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
|
}
|