@danxbot/ui 3.12.1 → 3.12.2
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 +3151 -3128
- package/dist/index.js.map +1 -1
- package/dist/types/components/Popover.d.ts +14 -1
- package/package.json +2 -2
|
@@ -5,6 +5,19 @@ export interface PopoverProps {
|
|
|
5
5
|
align?: "start" | "center" | "end";
|
|
6
6
|
/** Draws the little pointer at the trigger. Off by default — see below. */
|
|
7
7
|
arrow?: boolean;
|
|
8
|
+
/**
|
|
9
|
+
* The panel's DESIGN width — any CSS length, e.g. `"30rem"`.
|
|
10
|
+
*
|
|
11
|
+
* A prop rather than a `max-w-*` in `className`, and the difference is not
|
|
12
|
+
* cosmetic: `className` is merged last and would take the viewport clamp
|
|
13
|
+
* with it (see THE SIZE CLAMP above). This writes `--dx-popover-w`, which
|
|
14
|
+
* sits INSIDE the `min()` — so a design size can be as large as it likes and
|
|
15
|
+
* still cannot render wider than 80vw or than the room the positioner found.
|
|
16
|
+
*
|
|
17
|
+
* Unset, the popup keeps the library default of 20rem at the current
|
|
18
|
+
* `--ui-scale`.
|
|
19
|
+
*/
|
|
20
|
+
width?: string;
|
|
8
21
|
className?: string;
|
|
9
22
|
children: ReactNode;
|
|
10
23
|
ref?: Ref<HTMLDivElement>;
|
|
@@ -43,7 +56,7 @@ export interface PopoverProps {
|
|
|
43
56
|
"aria-labelledby"?: string;
|
|
44
57
|
"aria-label"?: string;
|
|
45
58
|
}
|
|
46
|
-
export declare function Popover({ trigger, side, align, arrow, className, children, ref, defaultOpen, onOpenChange, "aria-labelledby": ariaLabelledBy, "aria-label": ariaLabel, }: PopoverProps): import("react").JSX.Element;
|
|
59
|
+
export declare function Popover({ trigger, side, align, arrow, width, className, children, ref, defaultOpen, onOpenChange, "aria-labelledby": ariaLabelledBy, "aria-label": ariaLabel, }: PopoverProps): import("react").JSX.Element;
|
|
47
60
|
/** Closes the nearest Popover. */
|
|
48
61
|
export declare function PopoverClose({ children }: {
|
|
49
62
|
children: ReactNode;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@danxbot/ui",
|
|
3
|
-
"version": "3.12.
|
|
3
|
+
"version": "3.12.2",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"description": "Danxbot — a domain-agnostic React design system with motion as a first-class primitive.",
|
|
6
6
|
"license": "MIT",
|
|
@@ -73,7 +73,7 @@
|
|
|
73
73
|
"gates": "npm run shoot && npm run a11y && node scripts/shoot-overlays.mjs && npm run probe",
|
|
74
74
|
"a11y": "node scripts/a11y-scan.mjs",
|
|
75
75
|
"shoot": "node scripts/shoot.mjs",
|
|
76
|
-
"probe": "node scripts/probe-scale.mjs && node scripts/probe-switch.mjs && node scripts/probe-slider.mjs && node scripts/probe-panel.mjs && node scripts/probe-popover-width.mjs && node scripts/probe-api.mjs && node scripts/probe-api-live.mjs && node scripts/probe-tabs-overflow.mjs && node scripts/probe-stat-row.mjs && node scripts/probe-packaging.mjs && node scripts/probe-containment.mjs && node scripts/probe-shell.mjs && node scripts/probe-card-header.mjs && node scripts/probe-inline-edit.mjs",
|
|
76
|
+
"probe": "node scripts/probe-scale.mjs && node scripts/probe-switch.mjs && node scripts/probe-slider.mjs && node scripts/probe-panel.mjs && node scripts/probe-popover-width.mjs && node scripts/probe-api.mjs && node scripts/probe-api-live.mjs && node scripts/probe-tabs-overflow.mjs && node scripts/probe-stat-row.mjs && node scripts/probe-packaging.mjs && node scripts/probe-containment.mjs && node scripts/probe-popover-containment.mjs && node scripts/probe-shell.mjs && node scripts/probe-card-header.mjs && node scripts/probe-inline-edit.mjs",
|
|
77
77
|
"sync": "node scripts/sync.mjs",
|
|
78
78
|
"visual": "node scripts/visual-docker.mjs",
|
|
79
79
|
"visual:update": "node scripts/visual-docker.mjs --update-snapshots",
|