@harborclient/sdk 1.0.14 → 1.0.15
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.
|
@@ -163,14 +163,14 @@ export function VariableInput({ value, onChange, variables, placeholder, onKeyDo
|
|
|
163
163
|
const tooltipContent = tooltip ? getVariableTooltipContent(tooltip.key, variables) : null;
|
|
164
164
|
return (_jsxs("div", { className: wrapperClassName
|
|
165
165
|
? `hc-variable-input relative min-w-0 ${wrapperClassName}`
|
|
166
|
-
: 'hc-variable-input relative min-w-0 flex-1', children: [_jsx("div", { ref: backdropRef, "aria-hidden": true, className: "pointer-events-none absolute inset-0 overflow-hidden whitespace-nowrap px-2 py-1.5 text-[
|
|
166
|
+
: 'hc-variable-input relative min-w-0 flex-1', children: [_jsx("div", { ref: backdropRef, "aria-hidden": true, className: "pointer-events-none absolute inset-0 overflow-hidden whitespace-nowrap px-2.5 py-1.5 text-[16px] text-inherit", children: safeValue ? (tokens.map((token, index) => token.key ? (_jsx("span", { ref: (el) => {
|
|
167
167
|
if (el)
|
|
168
168
|
spanRefs.current.set(index, el);
|
|
169
169
|
else
|
|
170
170
|
spanRefs.current.delete(index);
|
|
171
171
|
}, className: "text-[#32D2E2]", children: token.text }, index)) : (_jsx("span", { children: token.text }, index)))) : (_jsx("span", { className: "text-muted", children: placeholder })) }), _jsx(Input, { ref: inputRef, id: id, variant: "plain", role: source ? 'combobox' : undefined, "aria-autocomplete": source ? 'list' : undefined, "aria-expanded": source ? autocompleteOpen : undefined, "aria-controls": source && autocompleteOpen ? listboxId : undefined, "aria-activedescendant": source && autocompleteOpen && autocompleteActiveIndex >= 0
|
|
172
172
|
? `${listboxId}-option-${autocompleteActiveIndex}`
|
|
173
|
-
: undefined, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, "aria-describedby": tooltip ? tooltipId : undefined, className: `relative w-full min-w-0 border-none bg-transparent px-2 py-1.5 text-[
|
|
173
|
+
: undefined, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, "aria-describedby": tooltip ? tooltipId : undefined, className: `relative w-full min-w-0 border-none bg-transparent px-2.5 py-1.5 text-[16px] text-transparent caret-text focus-visible:shadow-none ${className}`, type: "text", placeholder: placeholder, value: safeValue, onChange: (e) => {
|
|
174
174
|
onChange(e.target.value);
|
|
175
175
|
queueMicrotask(updateTooltipFromCaret);
|
|
176
176
|
}, onFocus: () => {
|
|
@@ -10,9 +10,9 @@ export type FieldVariant = 'control' | 'surface' | 'plain';
|
|
|
10
10
|
*/
|
|
11
11
|
export declare const fieldFrame = "overflow-hidden rounded-md border border-separator bg-field";
|
|
12
12
|
/** Inset control style for standard settings and editor fields. */
|
|
13
|
-
export declare const field = "rounded-md border border-separator bg-field px-2 py-1 text-[
|
|
13
|
+
export declare const field = "rounded-md border border-separator bg-field px-2.5 py-1.5 text-[16px] text-text app-no-drag";
|
|
14
14
|
/** Surface style for modal and Team Hub form fields. */
|
|
15
|
-
export declare const surfaceField = "w-full rounded-md border border-separator bg-field px-3 py-2 text-[
|
|
15
|
+
export declare const surfaceField = "w-full rounded-md border border-separator bg-field px-3 py-2.5 text-[15px] text-text";
|
|
16
16
|
/** Transparent overlay checkbox input sized to {@link checkboxBox}. */
|
|
17
17
|
export declare const checkboxInput = "peer absolute inset-0 m-0 h-full w-full cursor-pointer opacity-0 disabled:cursor-not-allowed";
|
|
18
18
|
/** Custom checkbox box styled via `peer-checked` / `peer-focus-visible` on {@link checkboxInput}. */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"classes.d.ts","sourceRoot":"","sources":["../../../src/components/forms/classes.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH;;GAEG;AACH,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;AAE3D;;GAEG;AACH,eAAO,MAAM,UAAU,gEAAgE,CAAC;AAExF,mEAAmE;AACnE,eAAO,MAAM,KAAK,
|
|
1
|
+
{"version":3,"file":"classes.d.ts","sourceRoot":"","sources":["../../../src/components/forms/classes.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH;;GAEG;AACH,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;AAE3D;;GAEG;AACH,eAAO,MAAM,UAAU,gEAAgE,CAAC;AAExF,mEAAmE;AACnE,eAAO,MAAM,KAAK,gGAC6E,CAAC;AAEhG,wDAAwD;AACxD,eAAO,MAAM,YAAY,yFAC+D,CAAC;AAEzF,uEAAuE;AACvE,eAAO,MAAM,aAAa,iGACsE,CAAC;AAEjG,qGAAqG;AACrG,eAAO,MAAM,WAAW,qaAC4Y,CAAC;AAEra,oEAAoE;AACpE,eAAO,MAAM,UAAU,iGACyE,CAAC;AAEjG,kGAAkG;AAClG,eAAO,MAAM,WAAW,0YACiX,CAAC;AAO1Y;;;;;;;GAOG;AACH,wBAAgB,iBAAiB,CAC/B,OAAO,EAAE,YAAY,EACrB,SAAS,CAAC,EAAE,MAAM,EAClB,SAAS,CAAC,EAAE,MAAM,GACjB,MAAM,GAAG,SAAS,CAOpB"}
|
|
@@ -6,9 +6,9 @@
|
|
|
6
6
|
*/
|
|
7
7
|
export const fieldFrame = 'overflow-hidden rounded-md border border-separator bg-field';
|
|
8
8
|
/** Inset control style for standard settings and editor fields. */
|
|
9
|
-
export const field = 'rounded-md border border-separator bg-field px-2 py-1 text-[
|
|
9
|
+
export const field = 'rounded-md border border-separator bg-field px-2.5 py-1.5 text-[16px] text-text app-no-drag';
|
|
10
10
|
/** Surface style for modal and Team Hub form fields. */
|
|
11
|
-
export const surfaceField = 'w-full rounded-md border border-separator bg-field px-3 py-2 text-[
|
|
11
|
+
export const surfaceField = 'w-full rounded-md border border-separator bg-field px-3 py-2.5 text-[15px] text-text';
|
|
12
12
|
/** Transparent overlay checkbox input sized to {@link checkboxBox}. */
|
|
13
13
|
export const checkboxInput = 'peer absolute inset-0 m-0 h-full w-full cursor-pointer opacity-0 disabled:cursor-not-allowed';
|
|
14
14
|
/** Custom checkbox box styled via `peer-checked` / `peer-focus-visible` on {@link checkboxInput}. */
|