@danxbot/ui 15.6.1 → 15.7.1
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.
- package/dist/index.js +160 -132
- package/dist/index.js.map +1 -1
- package/dist/types/components/EditGutter.d.ts +15 -1
- package/package.json +1 -1
|
@@ -14,6 +14,20 @@ interface EditGutterFieldProps {
|
|
|
14
14
|
/** Render no pencil — the field cannot be edited here. */
|
|
15
15
|
disabled?: boolean;
|
|
16
16
|
className?: string;
|
|
17
|
+
/**
|
|
18
|
+
* DX-3623 — `"sm"` (default, unchanged) is `--control-sm` (36px on a fine
|
|
19
|
+
* pointer). `"xs"` is `--control-xs` (28px on a fine pointer) for a host
|
|
20
|
+
* page whose own left gutter is narrower than 36px — it still fits INSIDE
|
|
21
|
+
* a typical ~32px page gutter with room to spare, where `"sm"` would not.
|
|
22
|
+
* Neither size opts out of the coarse-pointer tap floor (`dx-tap`'s
|
|
23
|
+
* `min-width`/`min-height: 44px` under `(pointer: coarse)`): on a touch
|
|
24
|
+
* device the pencil's HIT AREA still grows to the accessible 44px minimum
|
|
25
|
+
* once revealed, deliberately overhanging past a gutter narrower than
|
|
26
|
+
* that — it is a `ghost` button, invisible until pressed, so the extra
|
|
27
|
+
* hit area costs nothing visually and nothing in layout (the pencil is
|
|
28
|
+
* `position: absolute` throughout, so growing it never shifts content).
|
|
29
|
+
*/
|
|
30
|
+
size?: "sm" | "xs";
|
|
17
31
|
}
|
|
18
32
|
/**
|
|
19
33
|
* The gutter keeps `editing` itself (omit both), or the caller owns it: pass
|
|
@@ -26,5 +40,5 @@ export type EditGutterProps = EditGutterFieldProps & ({
|
|
|
26
40
|
editing?: undefined;
|
|
27
41
|
onEditingChange?: (editing: boolean) => void;
|
|
28
42
|
} | EditActivation);
|
|
29
|
-
export declare function EditGutter({ label, children, editing: editingProp, onEditingChange, disabled, className }: EditGutterProps): import("react").JSX.Element;
|
|
43
|
+
export declare function EditGutter({ label, children, editing: editingProp, onEditingChange, disabled, className, size, }: EditGutterProps): import("react").JSX.Element;
|
|
30
44
|
export {};
|