@duro-app/ui 5.2.0 → 5.3.0
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/{Table-C70zdSkM.js → Table-Cm5cCnZD.js} +730 -625
- package/dist/Table-Cm5cCnZD.js.map +1 -0
- package/dist/components/ActionBar/styles.css.d.ts +1 -1
- package/dist/components/ActionBar/styles.css.d.ts.map +1 -1
- package/dist/components/Badge/Badge.d.ts +1 -1
- package/dist/components/Badge/Badge.d.ts.map +1 -1
- package/dist/components/Badge/Badge.stories.d.ts +3 -0
- package/dist/components/Badge/Badge.stories.d.ts.map +1 -1
- package/dist/components/Badge/styles.css.d.ts +4 -0
- package/dist/components/Badge/styles.css.d.ts.map +1 -1
- package/dist/components/Button/Button.d.ts.map +1 -1
- package/dist/components/ButtonGroup/ButtonGroup.d.ts +9 -2
- package/dist/components/ButtonGroup/ButtonGroup.d.ts.map +1 -1
- package/dist/components/ButtonGroup/ButtonGroup.meta.d.ts.map +1 -1
- package/dist/components/ButtonGroup/ButtonGroup.stories.d.ts +19 -0
- package/dist/components/ButtonGroup/ButtonGroup.stories.d.ts.map +1 -1
- package/dist/components/ButtonGroup/ButtonGroupContext.d.ts +13 -0
- package/dist/components/ButtonGroup/ButtonGroupContext.d.ts.map +1 -0
- package/dist/components/ButtonGroup/attached.css.d.ts +34 -0
- package/dist/components/ButtonGroup/attached.css.d.ts.map +1 -0
- package/dist/components/ButtonGroup/styles.css.d.ts +7 -0
- package/dist/components/ButtonGroup/styles.css.d.ts.map +1 -1
- package/dist/components/ButtonGroup/useGroupedControl.d.ts +25 -0
- package/dist/components/ButtonGroup/useGroupedControl.d.ts.map +1 -0
- package/dist/components/Dialog/Dialog.d.ts.map +1 -1
- package/dist/components/Dialog/styles.css.d.ts +2 -2
- package/dist/components/Dialog/styles.css.d.ts.map +1 -1
- package/dist/components/DragDrop/DragDrop.d.ts.map +1 -1
- package/dist/components/DragDrop/styles.css.d.ts +1 -1
- package/dist/components/DragDrop/styles.css.d.ts.map +1 -1
- package/dist/components/Drawer/Drawer.d.ts.map +1 -1
- package/dist/components/Drawer/styles.css.d.ts +2 -2
- package/dist/components/Drawer/styles.css.d.ts.map +1 -1
- package/dist/components/Listbox/styles.css.d.ts +1 -1
- package/dist/components/Listbox/styles.css.d.ts.map +1 -1
- package/dist/components/Menu/Menu.d.ts.map +1 -1
- package/dist/components/Menu/styles.css.d.ts +1 -1
- package/dist/components/Menu/styles.css.d.ts.map +1 -1
- package/dist/components/Popover/Popover.d.ts +7 -2
- package/dist/components/Popover/Popover.d.ts.map +1 -1
- package/dist/components/Popover/styles.css.d.ts +4 -1
- package/dist/components/Popover/styles.css.d.ts.map +1 -1
- package/dist/components/ScrollArea/styles.css.d.ts +1 -1
- package/dist/components/ScrollArea/styles.css.d.ts.map +1 -1
- package/dist/components/Select/Select.d.ts.map +1 -1
- package/dist/components/Select/Select.stories.d.ts +2 -0
- package/dist/components/Select/Select.stories.d.ts.map +1 -1
- package/dist/components/Select/styles.css.d.ts +2 -2
- package/dist/components/Select/styles.css.d.ts.map +1 -1
- package/dist/components/Select/useSelectRoot.d.ts.map +1 -1
- package/dist/components/ThemeProvider/Layers.stories.d.ts +24 -0
- package/dist/components/ThemeProvider/Layers.stories.d.ts.map +1 -0
- package/dist/components/ThemeProvider/ThemeProvider.d.ts.map +1 -1
- package/dist/components/Toast/styles.css.d.ts +1 -0
- package/dist/components/Toast/styles.css.d.ts.map +1 -1
- package/dist/components/Toggle/Toggle.d.ts.map +1 -1
- package/dist/components/Toggle/styles.css.d.ts +3 -0
- package/dist/components/Toggle/styles.css.d.ts.map +1 -1
- package/dist/components/ToggleGroup/ToggleGroup.d.ts.map +1 -1
- package/dist/components/ToggleGroup/styles.css.d.ts +5 -0
- package/dist/components/ToggleGroup/styles.css.d.ts.map +1 -1
- package/dist/components/Toolbar/ControlContextBoundary.d.ts +10 -0
- package/dist/components/Toolbar/ControlContextBoundary.d.ts.map +1 -0
- package/dist/components/Toolbar/Toolbar.d.ts +22 -0
- package/dist/components/Toolbar/Toolbar.d.ts.map +1 -0
- package/dist/components/Toolbar/Toolbar.meta.d.ts +3 -0
- package/dist/components/Toolbar/Toolbar.meta.d.ts.map +1 -0
- package/dist/components/Toolbar/Toolbar.stories.d.ts +28 -0
- package/dist/components/Toolbar/Toolbar.stories.d.ts.map +1 -0
- package/dist/components/Toolbar/ToolbarContext.d.ts +10 -0
- package/dist/components/Toolbar/ToolbarContext.d.ts.map +1 -0
- package/dist/components/Toolbar/styles.css.d.ts +16 -0
- package/dist/components/Toolbar/styles.css.d.ts.map +1 -0
- package/dist/components/Tooltip/styles.css.d.ts +1 -1
- package/dist/components/Tooltip/styles.css.d.ts.map +1 -1
- package/dist/components/VirtualTable/styles.css.d.ts +1 -1
- package/dist/components/VirtualTable/styles.css.d.ts.map +1 -1
- package/dist/index.css +1 -1
- package/dist/index.d.ts +2 -1
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +3164 -2917
- package/dist/index.js.map +1 -1
- package/dist/shared/ModalContext.d.ts +14 -0
- package/dist/shared/ModalContext.d.ts.map +1 -0
- package/dist/shared/mergeRefs.d.ts +4 -0
- package/dist/shared/mergeRefs.d.ts.map +1 -0
- package/dist/shared/useOrderedRegistry.d.ts +26 -0
- package/dist/shared/useOrderedRegistry.d.ts.map +1 -0
- package/dist/table.js +45 -45
- package/dist/table.js.map +1 -1
- package/package.json +2 -2
- package/src/components/ActionBar/styles.css.ts +2 -1
- package/src/components/Badge/Badge.stories.tsx +62 -1
- package/src/components/Badge/Badge.tsx +1 -1
- package/src/components/Badge/styles.css.ts +5 -0
- package/src/components/Button/Button.tsx +7 -1
- package/src/components/ButtonGroup/ButtonGroup.meta.ts +14 -1
- package/src/components/ButtonGroup/ButtonGroup.stories.tsx +271 -1
- package/src/components/ButtonGroup/ButtonGroup.tsx +46 -14
- package/src/components/ButtonGroup/ButtonGroupContext.ts +19 -0
- package/src/components/ButtonGroup/attached.css.ts +44 -0
- package/src/components/ButtonGroup/styles.css.ts +8 -0
- package/src/components/ButtonGroup/useGroupedControl.ts +75 -0
- package/src/components/Dialog/Dialog.tsx +5 -1
- package/src/components/Dialog/styles.css.ts +3 -2
- package/src/components/DragDrop/DragDrop.tsx +15 -8
- package/src/components/DragDrop/styles.css.ts +4 -1
- package/src/components/Drawer/Drawer.tsx +5 -1
- package/src/components/Drawer/styles.css.ts +3 -2
- package/src/components/Listbox/styles.css.ts +2 -1
- package/src/components/Menu/Menu.tsx +10 -3
- package/src/components/Menu/styles.css.ts +2 -1
- package/src/components/Popover/Popover.tsx +26 -5
- package/src/components/Popover/styles.css.ts +9 -1
- package/src/components/ScrollArea/styles.css.ts +2 -1
- package/src/components/Select/Select.stories.tsx +20 -1
- package/src/components/Select/Select.tsx +9 -3
- package/src/components/Select/styles.css.ts +3 -2
- package/src/components/Select/useSelectRoot.ts +17 -0
- package/src/components/ThemeProvider/Layers.stories.tsx +379 -0
- package/src/components/ThemeProvider/ThemeProvider.tsx +4 -2
- package/src/components/Toast/styles.css.ts +3 -0
- package/src/components/Toggle/Toggle.tsx +20 -4
- package/src/components/Toggle/styles.css.ts +6 -0
- package/src/components/ToggleGroup/ToggleGroup.tsx +16 -4
- package/src/components/ToggleGroup/styles.css.ts +7 -0
- package/src/components/Toolbar/ControlContextBoundary.tsx +16 -0
- package/src/components/Toolbar/Toolbar.meta.ts +48 -0
- package/src/components/Toolbar/Toolbar.stories.tsx +468 -0
- package/src/components/Toolbar/Toolbar.tsx +113 -0
- package/src/components/Toolbar/ToolbarContext.ts +15 -0
- package/src/components/Toolbar/styles.css.ts +17 -0
- package/src/components/Tooltip/styles.css.ts +2 -1
- package/src/components/VirtualTable/styles.css.ts +2 -1
- package/src/index.ts +2 -1
- package/src/shared/ModalContext.ts +18 -0
- package/src/shared/mergeRefs.ts +11 -0
- package/src/shared/useOrderedRegistry.ts +57 -0
- package/dist/Table-C70zdSkM.js.map +0 -1
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import { css } from 'react-strict-dom';
|
|
2
|
+
export declare const attached: Readonly<{
|
|
3
|
+
readonly item: Readonly<{
|
|
4
|
+
readonly position: css.StyleXClassNameFor<"position", "relative">;
|
|
5
|
+
readonly zIndex: css.StyleXClassNameFor<"zIndex", number | null>;
|
|
6
|
+
}>;
|
|
7
|
+
readonly horizontalFirst: Readonly<{
|
|
8
|
+
readonly borderTopRightRadius: css.StyleXClassNameFor<"borderTopRightRadius", 0>;
|
|
9
|
+
readonly borderBottomRightRadius: css.StyleXClassNameFor<"borderBottomRightRadius", 0>;
|
|
10
|
+
}>;
|
|
11
|
+
readonly horizontalMiddle: Readonly<{
|
|
12
|
+
readonly borderRadius: css.StyleXClassNameFor<"borderRadius", 0>;
|
|
13
|
+
readonly marginLeft: css.StyleXClassNameFor<"marginLeft", string>;
|
|
14
|
+
}>;
|
|
15
|
+
readonly horizontalLast: Readonly<{
|
|
16
|
+
readonly borderTopLeftRadius: css.StyleXClassNameFor<"borderTopLeftRadius", 0>;
|
|
17
|
+
readonly borderBottomLeftRadius: css.StyleXClassNameFor<"borderBottomLeftRadius", 0>;
|
|
18
|
+
readonly marginLeft: css.StyleXClassNameFor<"marginLeft", string>;
|
|
19
|
+
}>;
|
|
20
|
+
readonly verticalFirst: Readonly<{
|
|
21
|
+
readonly borderBottomLeftRadius: css.StyleXClassNameFor<"borderBottomLeftRadius", 0>;
|
|
22
|
+
readonly borderBottomRightRadius: css.StyleXClassNameFor<"borderBottomRightRadius", 0>;
|
|
23
|
+
}>;
|
|
24
|
+
readonly verticalMiddle: Readonly<{
|
|
25
|
+
readonly borderRadius: css.StyleXClassNameFor<"borderRadius", 0>;
|
|
26
|
+
readonly marginTop: css.StyleXClassNameFor<"marginTop", string>;
|
|
27
|
+
}>;
|
|
28
|
+
readonly verticalLast: Readonly<{
|
|
29
|
+
readonly borderTopLeftRadius: css.StyleXClassNameFor<"borderTopLeftRadius", 0>;
|
|
30
|
+
readonly borderTopRightRadius: css.StyleXClassNameFor<"borderTopRightRadius", 0>;
|
|
31
|
+
readonly marginTop: css.StyleXClassNameFor<"marginTop", string>;
|
|
32
|
+
}>;
|
|
33
|
+
}>;
|
|
34
|
+
//# sourceMappingURL=attached.css.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"attached.css.d.ts","sourceRoot":"","sources":["../../../src/components/ButtonGroup/attached.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAC,MAAM,kBAAkB,CAAA;AASpC,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAkCnB,CAAA"}
|
|
@@ -37,6 +37,13 @@ export declare const styles: Readonly<{
|
|
|
37
37
|
readonly gapMd: Readonly<{
|
|
38
38
|
readonly gap: css.StyleXClassNameFor<"gap", string>;
|
|
39
39
|
}>;
|
|
40
|
+
readonly attached: Readonly<{
|
|
41
|
+
readonly flexWrap: css.StyleXClassNameFor<"flexWrap", "nowrap">;
|
|
42
|
+
readonly alignItems: css.StyleXClassNameFor<"alignItems", "stretch">;
|
|
43
|
+
}>;
|
|
44
|
+
readonly attachedVertical: Readonly<{
|
|
45
|
+
readonly alignItems: css.StyleXClassNameFor<"alignItems", "stretch">;
|
|
46
|
+
}>;
|
|
40
47
|
readonly disabled: Readonly<{
|
|
41
48
|
readonly opacity: css.StyleXClassNameFor<"opacity", 0.5>;
|
|
42
49
|
readonly pointerEvents: css.StyleXClassNameFor<"pointerEvents", "none">;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/ButtonGroup/styles.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAC,MAAM,kBAAkB,CAAA;AAGpC,eAAO,MAAM,MAAM
|
|
1
|
+
{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/ButtonGroup/styles.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAC,MAAM,kBAAkB,CAAA;AAGpC,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAgCjB,CAAA"}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import { RefObject } from 'react';
|
|
2
|
+
import { html } from 'react-strict-dom';
|
|
3
|
+
import { GroupPosition } from './ButtonGroupContext';
|
|
4
|
+
type ButtonStyle = Parameters<typeof html.button>[0]['style'];
|
|
5
|
+
export interface GroupedControl<T extends HTMLElement> {
|
|
6
|
+
ref: RefObject<T | null>;
|
|
7
|
+
/** In an attached ButtonGroup. */
|
|
8
|
+
attached: boolean;
|
|
9
|
+
position: GroupPosition | null;
|
|
10
|
+
/** The joined style for its position; spread after the control's own. */
|
|
11
|
+
style: ButtonStyle | null;
|
|
12
|
+
/** The Toolbar's roving tabindex, when in one. */
|
|
13
|
+
tabIndex: 0 | -1 | undefined;
|
|
14
|
+
onFocus: (() => void) | undefined;
|
|
15
|
+
}
|
|
16
|
+
/**
|
|
17
|
+
* What a control (Button, Toggle, the Select, Menu and Popover triggers) takes
|
|
18
|
+
* from an attached ButtonGroup and a Toolbar around it: its joined style by
|
|
19
|
+
* position, and its roving tabindex. Outside both, every field is inert.
|
|
20
|
+
*/
|
|
21
|
+
export declare function useGroupedControl<T extends HTMLElement>({ disabled, }?: {
|
|
22
|
+
disabled?: boolean;
|
|
23
|
+
}): GroupedControl<T>;
|
|
24
|
+
export {};
|
|
25
|
+
//# sourceMappingURL=useGroupedControl.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useGroupedControl.d.ts","sourceRoot":"","sources":["../../../src/components/ButtonGroup/useGroupedControl.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,SAAS,EAAiC,MAAM,OAAO,CAAA;AACpE,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,kBAAkB,CAAA;AAG1C,OAAO,EAAiB,KAAK,aAAa,EAAC,MAAM,sBAAsB,CAAA;AAkBvE,KAAK,WAAW,GAAG,UAAU,CAAC,OAAO,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAA;AAE7D,MAAM,WAAW,cAAc,CAAC,CAAC,SAAS,WAAW;IACnD,GAAG,EAAE,SAAS,CAAC,CAAC,GAAG,IAAI,CAAC,CAAA;IACxB,kCAAkC;IAClC,QAAQ,EAAE,OAAO,CAAA;IACjB,QAAQ,EAAE,aAAa,GAAG,IAAI,CAAA;IAC9B,yEAAyE;IACzE,KAAK,EAAE,WAAW,GAAG,IAAI,CAAA;IACzB,kDAAkD;IAClD,QAAQ,EAAE,CAAC,GAAG,CAAC,CAAC,GAAG,SAAS,CAAA;IAC5B,OAAO,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,SAAS,CAAA;CAClC;AAED;;;;GAIG;AACH,wBAAgB,iBAAiB,CAAC,CAAC,SAAS,WAAW,EAAE,EACvD,QAAgB,GACjB,GAAE;IAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;CAAM,GAAG,cAAc,CAAC,CAAC,CAAC,CA+B/C"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../../src/components/Dialog/Dialog.tsx"],"names":[],"mappings":"AACA,OAAO,EACL,KAAK,SAAS,EACd,KAAK,SAAS,EAQf,MAAM,OAAO,CAAA;AAEd,OAAO,EAAc,KAAK,aAAa,EAAC,MAAM,uBAAuB,CAAA;
|
|
1
|
+
{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../../src/components/Dialog/Dialog.tsx"],"names":[],"mappings":"AACA,OAAO,EACL,KAAK,SAAS,EACd,KAAK,SAAS,EAQf,MAAM,OAAO,CAAA;AAEd,OAAO,EAAc,KAAK,aAAa,EAAC,MAAM,uBAAuB,CAAA;AAYrE,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;AAsC3C,UAAU,SAAS;IACjB,QAAQ,EAAE,SAAS,CAAA;IACnB,4BAA4B;IAC5B,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,wCAAwC;IACxC,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,4CAA4C;IAC5C,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACtC,qEAAqE;IACrE,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB;;;;OAIG;IACH,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,8FAA8F;IAC9F,YAAY,CAAC,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAA;IAC5C,oEAAoE;IACpE,sBAAsB,CAAC,EAAE,aAAa,CAAA;CACvC;AAED,iBAAS,IAAI,CAAC,EACZ,QAAQ,EACR,IAAI,EAAE,cAAc,EACpB,WAAmB,EACnB,YAAY,EACZ,WAAkB,EAClB,aAAoB,EACpB,YAAY,EACZ,sBAA+B,GAChC,EAAE,SAAS,2CA6HX;AAID,UAAU,YAAY;IACpB,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,iBAAS,OAAO,CAAC,EAAC,QAAQ,EAAC,EAAE,YAAY,2CAQxC;AAID,UAAU,WAAW;IACnB,QAAQ,EAAE,SAAS,CAAA;IACnB,IAAI,CAAC,EAAE,UAAU,CAAA;CAClB;AAED,iBAAS,MAAM,CAAC,EAAC,QAAQ,EAAE,IAAW,EAAC,EAAE,WAAW,kDAkEnD;AAID,iBAAS,MAAM,CAAC,EAAC,QAAQ,EAAC,EAAE;IAAC,QAAQ,EAAE,SAAS,CAAA;CAAC,2CAEhD;AAID,iBAAS,KAAK,CAAC,EAAC,QAAQ,EAAC,EAAE;IAAC,QAAQ,EAAE,SAAS,CAAA;CAAC,2CAO/C;AAID,iBAAS,WAAW,CAAC,EAAC,QAAQ,EAAC,EAAE;IAAC,QAAQ,EAAE,SAAS,CAAA;CAAC,2CAOrD;AAID,iBAAS,IAAI,CAAC,EAAC,QAAQ,EAAC,EAAE;IAAC,QAAQ,EAAE,SAAS,CAAA;CAAC,2CAE9C;AAID,iBAAS,MAAM,CAAC,EAAC,QAAQ,EAAC,EAAE;IAAC,QAAQ,EAAE,SAAS,CAAA;CAAC,2CAEhD;AAID,UAAU,UAAU;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB;AAED,iBAAS,KAAK,CAAC,EAAC,QAAQ,EAAE,YAAY,EAAE,SAAmB,EAAC,EAAE,UAAU,2CAwBvE;AAID,eAAO,MAAM,MAAM;;;;;;;;;;CAUlB,CAAA"}
|
|
@@ -4,7 +4,7 @@ export declare const styles: Readonly<{
|
|
|
4
4
|
readonly position: css.StyleXClassNameFor<"position", "fixed">;
|
|
5
5
|
readonly inset: css.StyleXClassNameFor<"inset", 0>;
|
|
6
6
|
readonly backgroundColor: css.StyleXClassNameFor<"backgroundColor", string>;
|
|
7
|
-
readonly zIndex: css.StyleXClassNameFor<"zIndex",
|
|
7
|
+
readonly zIndex: css.StyleXClassNameFor<"zIndex", number>;
|
|
8
8
|
readonly pointerEvents: css.StyleXClassNameFor<"pointerEvents", "auto">;
|
|
9
9
|
}>;
|
|
10
10
|
readonly backdropOpen: Readonly<{
|
|
@@ -24,7 +24,7 @@ export declare const styles: Readonly<{
|
|
|
24
24
|
readonly viewport: Readonly<{
|
|
25
25
|
readonly position: css.StyleXClassNameFor<"position", "fixed">;
|
|
26
26
|
readonly inset: css.StyleXClassNameFor<"inset", 0>;
|
|
27
|
-
readonly zIndex: css.StyleXClassNameFor<"zIndex",
|
|
27
|
+
readonly zIndex: css.StyleXClassNameFor<"zIndex", number>;
|
|
28
28
|
readonly display: css.StyleXClassNameFor<"display", "flex">;
|
|
29
29
|
readonly alignItems: css.StyleXClassNameFor<"alignItems", "center">;
|
|
30
30
|
readonly justifyContent: css.StyleXClassNameFor<"justifyContent", "center">;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Dialog/styles.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAC,MAAM,kBAAkB,CAAA;
|
|
1
|
+
{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Dialog/styles.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAC,MAAM,kBAAkB,CAAA;AAUpC,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAsMjB,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DragDrop.d.ts","sourceRoot":"","sources":["../../../src/components/DragDrop/DragDrop.tsx"],"names":[],"mappings":"AAAA,OAAO,EAQL,KAAK,SAAS,EACf,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"DragDrop.d.ts","sourceRoot":"","sources":["../../../src/components/DragDrop/DragDrop.tsx"],"names":[],"mappings":"AAAA,OAAO,EAQL,KAAK,SAAS,EACf,MAAM,OAAO,CAAA;AA6Bd,MAAM,WAAW,gBAAgB,CAAC,CAAC,GAAG,OAAO;IAC3C,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAA;IACnB,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,IAAI,EAAE,CAAC,CAAA;CACjB;AAED,MAAM,WAAW,cAAc;IAC7B,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAA;IACrB;4EACwE;IACxE,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;CACvB;AAED,MAAM,WAAW,aAAa,CAAC,CAAC,GAAG,OAAO;IACxC,QAAQ,CAAC,IAAI,EAAE,gBAAgB,CAAC,CAAC,CAAC,CAAA;IAClC,QAAQ,CAAC,MAAM,EAAE,cAAc,CAAA;CAChC;AAqED,MAAM,WAAW,iBAAiB,CAAC,CAAC,GAAG,OAAO;IAC5C;2EACuE;IACvE,MAAM,EAAE,CAAC,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,KAAK,IAAI,CAAA;IACzC,yDAAyD;IACzD,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE;QAAC,IAAI,EAAE,MAAM,GAAG,MAAM,GAAG,QAAQ,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAA;KAAC,KAAK,MAAM,CAAA;IAC7F,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,iBAAS,IAAI,CAAC,CAAC,GAAG,OAAO,EAAE,EAAC,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAC,EAAE,iBAAiB,CAAC,CAAC,CAAC,2CAiP5E;AAMD,MAAM,WAAW,iBAAiB,CAAC,CAAC,GAAG,OAAO;IAC5C,EAAE,EAAE,MAAM,CAAA;IACV,2DAA2D;IAC3D,KAAK,EAAE,MAAM,CAAA;IACb;4BACwB;IACxB,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAA;IACvC,4DAA4D;IAC5D,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,gBAAgB,CAAC,CAAC,CAAC,KAAK,OAAO,CAAA;IAChD,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,iBAAS,IAAI,CAAC,CAAC,GAAG,OAAO,EAAE,EACzB,EAAE,EACF,KAAK,EACL,WAA0B,EAC1B,OAAO,EACP,QAAQ,GACT,EAAE,iBAAiB,CAAC,CAAC,CAAC,2CA0BtB;AAMD,MAAM,WAAW,iBAAiB,CAAC,CAAC,GAAG,OAAO;IAC5C,EAAE,EAAE,MAAM,CAAA;IACV,6CAA6C;IAC7C,IAAI,EAAE,MAAM,CAAA;IACZ,wDAAwD;IACxD,KAAK,EAAE,MAAM,CAAA;IACb,mCAAmC;IACnC,IAAI,CAAC,EAAE,CAAC,CAAA;IACR,0DAA0D;IAC1D,OAAO,CAAC,EAAE,SAAS,CAAA;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,iBAAS,IAAI,CAAC,CAAC,GAAG,OAAO,EAAE,EACzB,EAAE,EACF,IAAI,EACJ,KAAK,EACL,IAAI,EACJ,OAAO,EACP,QAAgB,EAChB,QAAQ,GACT,EAAE,iBAAiB,CAAC,CAAC,CAAC,2CA4CtB;AAED,8EAA8E;AAC9E,wBAAgB,WAAW,IAAI;IAC7B,QAAQ,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAA;IAChC,QAAQ,CAAC,IAAI,EAAE,cAAc,GAAG,IAAI,CAAA;CACrC,CAGA;AAED,eAAO,MAAM,QAAQ;;;;CAAqB,CAAA"}
|
|
@@ -41,7 +41,7 @@ export declare const styles: Readonly<{
|
|
|
41
41
|
readonly top: css.StyleXClassNameFor<"top", 0>;
|
|
42
42
|
readonly left: css.StyleXClassNameFor<"left", 0>;
|
|
43
43
|
readonly pointerEvents: css.StyleXClassNameFor<"pointerEvents", "none">;
|
|
44
|
-
readonly zIndex: css.StyleXClassNameFor<"zIndex",
|
|
44
|
+
readonly zIndex: css.StyleXClassNameFor<"zIndex", number>;
|
|
45
45
|
readonly opacity: css.StyleXClassNameFor<"opacity", 0.9>;
|
|
46
46
|
readonly cursor: css.StyleXClassNameFor<"cursor", "grabbing">;
|
|
47
47
|
}>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/DragDrop/styles.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAC,MAAM,kBAAkB,CAAA;
|
|
1
|
+
{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/DragDrop/styles.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAC,MAAM,kBAAkB,CAAA;AAQpC,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA8DjB,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Drawer.d.ts","sourceRoot":"","sources":["../../../src/components/Drawer/Drawer.tsx"],"names":[],"mappings":"AACA,OAAO,EACL,KAAK,SAAS,EASf,MAAM,OAAO,CAAA;AAEd,OAAO,EAAc,KAAK,aAAa,EAAC,MAAM,uBAAuB,CAAA;
|
|
1
|
+
{"version":3,"file":"Drawer.d.ts","sourceRoot":"","sources":["../../../src/components/Drawer/Drawer.tsx"],"names":[],"mappings":"AACA,OAAO,EACL,KAAK,SAAS,EASf,MAAM,OAAO,CAAA;AAEd,OAAO,EAAc,KAAK,aAAa,EAAC,MAAM,uBAAuB,CAAA;AASrE,MAAM,MAAM,YAAY,GAAG,OAAO,GAAG,MAAM,GAAG,QAAQ,CAAA;AACtD,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;AAwC3C,UAAU,SAAS;IACjB,QAAQ,EAAE,SAAS,CAAA;IACnB,4BAA4B;IAC5B,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,wCAAwC;IACxC,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,4CAA4C;IAC5C,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACtC,0DAA0D;IAC1D,MAAM,CAAC,EAAE,YAAY,CAAA;IACrB,oFAAoF;IACpF,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,gEAAgE;IAChE,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,oEAAoE;IACpE,sBAAsB,CAAC,EAAE,aAAa,CAAA;CACvC;AAED,iBAAS,IAAI,CAAC,EACZ,QAAQ,EACR,IAAI,EAAE,cAAc,EACpB,WAAmB,EACnB,YAAY,EACZ,MAAgB,EAChB,WAAkB,EAClB,YAAmB,EACnB,sBAA+B,GAChC,EAAE,SAAS,2CA+FX;AAID,iBAAS,OAAO,CAAC,EAAC,QAAQ,EAAC,EAAE;IAAC,QAAQ,EAAE,SAAS,CAAA;CAAC,2CAQjD;AAID,UAAU,WAAW;IACnB,QAAQ,EAAE,SAAS,CAAA;IACnB,IAAI,CAAC,EAAE,UAAU,CAAA;CAClB;AAqBD,iBAAS,MAAM,CAAC,EAAC,QAAQ,EAAE,IAAW,EAAC,EAAE,WAAW,kDA2FnD;AAID,iBAAS,MAAM,CAAC,EAAC,QAAQ,EAAC,EAAE;IAAC,QAAQ,EAAE,SAAS,CAAA;CAAC,2CAEhD;AAID,iBAAS,KAAK,CAAC,EAAC,QAAQ,EAAC,EAAE;IAAC,QAAQ,EAAE,SAAS,CAAA;CAAC,2CAO/C;AAID,iBAAS,WAAW,CAAC,EAAC,QAAQ,EAAC,EAAE;IAAC,QAAQ,EAAE,SAAS,CAAA;CAAC,2CAOrD;AAID,iBAAS,IAAI,CAAC,EAAC,QAAQ,EAAC,EAAE;IAAC,QAAQ,EAAE,SAAS,CAAA;CAAC,2CAE9C;AAID,iBAAS,MAAM,CAAC,EAAC,QAAQ,EAAC,EAAE;IAAC,QAAQ,EAAE,SAAS,CAAA;CAAC,2CAEhD;AAID,UAAU,UAAU;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB;AAED,iBAAS,KAAK,CAAC,EAAC,QAAQ,EAAE,YAAY,EAAE,SAAmB,EAAC,EAAE,UAAU,2CAuBvE;AAID,eAAO,MAAM,MAAM;;;;;;;;;;CAUlB,CAAA"}
|
|
@@ -4,7 +4,7 @@ export declare const styles: Readonly<{
|
|
|
4
4
|
readonly position: css.StyleXClassNameFor<"position", "fixed">;
|
|
5
5
|
readonly inset: css.StyleXClassNameFor<"inset", 0>;
|
|
6
6
|
readonly backgroundColor: css.StyleXClassNameFor<"backgroundColor", string>;
|
|
7
|
-
readonly zIndex: css.StyleXClassNameFor<"zIndex",
|
|
7
|
+
readonly zIndex: css.StyleXClassNameFor<"zIndex", number>;
|
|
8
8
|
readonly pointerEvents: css.StyleXClassNameFor<"pointerEvents", "auto">;
|
|
9
9
|
}>;
|
|
10
10
|
readonly backdropOpen: Readonly<{
|
|
@@ -22,7 +22,7 @@ export declare const styles: Readonly<{
|
|
|
22
22
|
readonly viewport: Readonly<{
|
|
23
23
|
readonly position: css.StyleXClassNameFor<"position", "fixed">;
|
|
24
24
|
readonly inset: css.StyleXClassNameFor<"inset", 0>;
|
|
25
|
-
readonly zIndex: css.StyleXClassNameFor<"zIndex",
|
|
25
|
+
readonly zIndex: css.StyleXClassNameFor<"zIndex", number>;
|
|
26
26
|
readonly display: css.StyleXClassNameFor<"display", "flex">;
|
|
27
27
|
readonly pointerEvents: css.StyleXClassNameFor<"pointerEvents", "none">;
|
|
28
28
|
}>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Drawer/styles.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAC,MAAM,kBAAkB,CAAA;
|
|
1
|
+
{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Drawer/styles.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAC,MAAM,kBAAkB,CAAA;AAUpC,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAyPjB,CAAA"}
|
|
@@ -13,7 +13,7 @@ export declare const styles: Readonly<{
|
|
|
13
13
|
readonly paddingTop: css.StyleXClassNameFor<"paddingTop", string>;
|
|
14
14
|
readonly paddingBottom: css.StyleXClassNameFor<"paddingBottom", string>;
|
|
15
15
|
readonly overflowY: css.StyleXClassNameFor<"overflowY", "auto">;
|
|
16
|
-
readonly zIndex: css.StyleXClassNameFor<"zIndex",
|
|
16
|
+
readonly zIndex: css.StyleXClassNameFor<"zIndex", number>;
|
|
17
17
|
readonly pointerEvents: css.StyleXClassNameFor<"pointerEvents", "auto">;
|
|
18
18
|
}>;
|
|
19
19
|
readonly ownWidth: Readonly<{
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Listbox/styles.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAC,MAAM,kBAAkB,CAAA;
|
|
1
|
+
{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Listbox/styles.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAC,MAAM,kBAAkB,CAAA;AAUpC,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA+EjB,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Menu.d.ts","sourceRoot":"","sources":["../../../src/components/Menu/Menu.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,SAAS,EACd,KAAK,GAAG,EAOT,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"Menu.d.ts","sourceRoot":"","sources":["../../../src/components/Menu/Menu.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,SAAS,EACd,KAAK,GAAG,EAOT,MAAM,OAAO,CAAA;AAed,UAAU,SAAS;IACjB,QAAQ,EAAE,SAAS,CAAA;IACnB,6BAA6B;IAC7B,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,yCAAyC;IACzC,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,4CAA4C;IAC5C,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;CACvC;AAED,iBAAS,IAAI,CAAC,EAAC,QAAQ,EAAE,IAAI,EAAE,WAAW,EAAE,YAAY,EAAC,EAAE,SAAS,2CAUnE;AAQD,MAAM,MAAM,kBAAkB,GAAG,SAAS,GAAG,OAAO,CAAA;AAEpD,UAAU,YAAY;IACpB,QAAQ,EAAE,SAAS,CAAA;IACnB,iEAAiE;IACjE,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,gFAAgF;IAChF,OAAO,CAAC,EAAE,kBAAkB,CAAA;IAC5B,GAAG,CAAC,EAAE,GAAG,CAAC,iBAAiB,CAAC,CAAA;CAC7B;AAED,iBAAS,OAAO,CAAC,EAAC,QAAQ,EAAE,YAAY,EAAE,SAAS,EAAE,OAAmB,EAAE,GAAG,EAAC,EAAE,YAAY,2CA2C3F;AAGD,UAAU,UAAU;IAClB,QAAQ,EAAE,SAAS,CAAA;IACnB,KAAK,CAAC,EAAE,OAAO,GAAG,KAAK,CAAA;CACxB;AAKD,iBAAS,KAAK,CAAC,EAAC,QAAQ,EAAE,KAAe,EAAC,EAAE,UAAU,sCAkDrD;AAGD,UAAU,SAAS;IACjB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,iBAAS,IAAI,CAAC,EAAC,OAAO,EAAE,QAAQ,EAAC,EAAE,SAAS,2CA6B3C;AAGD,UAAU,aAAa;IACrB,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,iBAAS,QAAQ,CAAC,EAAC,IAAI,EAAE,QAAQ,EAAC,EAAE,aAAa,2CAyBhD;AAMD,iBAAS,SAAS,4CAEjB;AAED,eAAO,MAAM,IAAI;;;;;;;CAOhB,CAAA"}
|
|
@@ -49,7 +49,7 @@ export declare const styles: Readonly<{
|
|
|
49
49
|
readonly minWidth: css.StyleXClassNameFor<"minWidth", string>;
|
|
50
50
|
readonly maxHeight: css.StyleXClassNameFor<"maxHeight", string>;
|
|
51
51
|
readonly overflowY: css.StyleXClassNameFor<"overflowY", "auto">;
|
|
52
|
-
readonly zIndex: css.StyleXClassNameFor<"zIndex",
|
|
52
|
+
readonly zIndex: css.StyleXClassNameFor<"zIndex", number>;
|
|
53
53
|
readonly pointerEvents: css.StyleXClassNameFor<"pointerEvents", "auto">;
|
|
54
54
|
readonly outlineStyle: css.StyleXClassNameFor<"outlineStyle", "none">;
|
|
55
55
|
}>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Menu/styles.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAC,MAAM,kBAAkB,CAAA;
|
|
1
|
+
{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Menu/styles.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAC,MAAM,kBAAkB,CAAA;AAUpC,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA0GjB,CAAA"}
|
|
@@ -19,9 +19,14 @@ interface RootProps {
|
|
|
19
19
|
ref?: Ref<PopoverHandle>;
|
|
20
20
|
}
|
|
21
21
|
declare function Root({ children, open: openProp, defaultOpen, onOpenChange, side, align, anchor, ignore, ref, }: RootProps): import("react/jsx-runtime").JSX.Element;
|
|
22
|
-
|
|
22
|
+
interface TriggerProps {
|
|
23
23
|
children: ReactNode;
|
|
24
|
-
|
|
24
|
+
/** Accessible name: required when the label is an icon only. */
|
|
25
|
+
'aria-label'?: string;
|
|
26
|
+
/** The trigger <button>, e.g. to measure it or return focus to it. */
|
|
27
|
+
ref?: Ref<HTMLButtonElement>;
|
|
28
|
+
}
|
|
29
|
+
declare function Trigger({ children, 'aria-label': ariaLabel, ref }: TriggerProps): import("react/jsx-runtime").JSX.Element;
|
|
25
30
|
interface PopupProps {
|
|
26
31
|
children: ReactNode;
|
|
27
32
|
/** Accessible name for the dialog. */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../../../src/components/Popover/Popover.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,SAAS,EACd,KAAK,GAAG,EAWT,MAAM,OAAO,CAAA;AAKd,OAAO,EAAyB,KAAK,YAAY,EAAE,KAAK,WAAW,EAAC,MAAM,YAAY,CAAA;
|
|
1
|
+
{"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../../../src/components/Popover/Popover.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,SAAS,EACd,KAAK,GAAG,EAWT,MAAM,OAAO,CAAA;AAKd,OAAO,EAAyB,KAAK,YAAY,EAAE,KAAK,WAAW,EAAC,MAAM,YAAY,CAAA;AAUtF,KAAK,WAAW,GAAG,OAAO,GAAG,IAAI,GAAG,CAAC,MAAM,OAAO,GAAG,IAAI,CAAC,CAAA;AA6B1D,MAAM,WAAW,aAAa;IAC5B,oDAAoD;IACpD,UAAU,EAAE,MAAM,IAAI,CAAA;CACvB;AAED,UAAU,SAAS;IACjB,QAAQ,EAAE,SAAS,CAAA;IACnB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACtC,IAAI,CAAC,EAAE,WAAW,CAAA;IAClB,KAAK,CAAC,EAAE,YAAY,CAAA;IACpB,2EAA2E;IAC3E,MAAM,CAAC,EAAE,MAAM,OAAO,CAAA;IACtB,kFAAkF;IAClF,MAAM,CAAC,EAAE,aAAa,CAAC,WAAW,CAAC,CAAA;IACnC,GAAG,CAAC,EAAE,GAAG,CAAC,aAAa,CAAC,CAAA;CACzB;AAED,iBAAS,IAAI,CAAC,EACZ,QAAQ,EACR,IAAI,EAAE,QAAQ,EACd,WAAmB,EACnB,YAAY,EACZ,IAAe,EACf,KAAe,EACf,MAAM,EACN,MAAM,EACN,GAAG,GACJ,EAAE,SAAS,2CA4GX;AAKD,UAAU,YAAY;IACpB,QAAQ,EAAE,SAAS,CAAA;IACnB,gEAAgE;IAChE,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,sEAAsE;IACtE,GAAG,CAAC,EAAE,GAAG,CAAC,iBAAiB,CAAC,CAAA;CAC7B;AAED,iBAAS,OAAO,CAAC,EAAC,QAAQ,EAAE,YAAY,EAAE,SAAS,EAAE,GAAG,EAAC,EAAE,YAAY,2CAoBtE;AAID,UAAU,UAAU;IAClB,QAAQ,EAAE,SAAS,CAAA;IACnB,sCAAsC;IACtC,KAAK,EAAE,MAAM,CAAA;CACd;AAED,iBAAS,KAAK,CAAC,EAAC,QAAQ,EAAE,KAAK,EAAC,EAAE,UAAU,sCA+D3C;AAID,iBAAS,KAAK,CAAC,EAAC,QAAQ,EAAC,EAAE;IAAC,QAAQ,EAAE,SAAS,CAAA;CAAC,2CAQ/C;AAED,eAAO,MAAM,OAAO;;;;;CAKnB,CAAA"}
|
|
@@ -20,6 +20,9 @@ export declare const styles: Readonly<{
|
|
|
20
20
|
readonly transitionProperty: css.StyleXClassNameFor<"transitionProperty", "background-color, border-color">;
|
|
21
21
|
readonly transitionDuration: css.StyleXClassNameFor<"transitionDuration", string>;
|
|
22
22
|
}>;
|
|
23
|
+
readonly popupInModal: Readonly<{
|
|
24
|
+
readonly zIndex: css.StyleXClassNameFor<"zIndex", number>;
|
|
25
|
+
}>;
|
|
23
26
|
readonly popup: Readonly<{
|
|
24
27
|
readonly position: css.StyleXClassNameFor<"position", "fixed">;
|
|
25
28
|
readonly top: css.StyleXClassNameFor<"top", 0>;
|
|
@@ -35,7 +38,7 @@ export declare const styles: Readonly<{
|
|
|
35
38
|
readonly fontFamily: css.StyleXClassNameFor<"fontFamily", string>;
|
|
36
39
|
readonly fontSize: css.StyleXClassNameFor<"fontSize", string>;
|
|
37
40
|
readonly color: css.StyleXClassNameFor<"color", string>;
|
|
38
|
-
readonly zIndex: css.StyleXClassNameFor<"zIndex",
|
|
41
|
+
readonly zIndex: css.StyleXClassNameFor<"zIndex", number>;
|
|
39
42
|
readonly pointerEvents: css.StyleXClassNameFor<"pointerEvents", "auto">;
|
|
40
43
|
}>;
|
|
41
44
|
readonly close: Readonly<{
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Popover/styles.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAC,MAAM,kBAAkB,CAAA;
|
|
1
|
+
{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Popover/styles.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAC,MAAM,kBAAkB,CAAA;AASpC,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA0EjB,CAAA"}
|
|
@@ -17,7 +17,7 @@ export declare const styles: Readonly<{
|
|
|
17
17
|
}>;
|
|
18
18
|
readonly scrollbar: Readonly<{
|
|
19
19
|
readonly position: css.StyleXClassNameFor<"position", "absolute">;
|
|
20
|
-
readonly zIndex: css.StyleXClassNameFor<"zIndex",
|
|
20
|
+
readonly zIndex: css.StyleXClassNameFor<"zIndex", number>;
|
|
21
21
|
readonly display: css.StyleXClassNameFor<"display", "flex">;
|
|
22
22
|
readonly touchAction: css.StyleXClassNameFor<"touchAction", "none">;
|
|
23
23
|
readonly userSelect: css.StyleXClassNameFor<"userSelect", "none">;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/ScrollArea/styles.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAC,MAAM,kBAAkB,CAAA;
|
|
1
|
+
{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/ScrollArea/styles.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAC,MAAM,kBAAkB,CAAA;AAOpC,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA4EjB,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,SAAS,EAAsD,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,SAAS,EAAsD,MAAM,OAAO,CAAA;AAczF,UAAU,SAAS;IACjB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAA;IAC9C,aAAa,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IACtC,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,iBAAS,IAAI,CAAC,EAAC,IAAI,EAAE,YAAY,EAAE,KAAK,EAAE,aAAa,EAAE,aAAa,EAAE,QAAQ,EAAC,EAAE,SAAS,2CAW3F;AAGD,iBAAS,OAAO,CAAC,EACf,QAAQ,EACR,YAAY,EAAE,SAAS,GACxB,EAAE;IACD,QAAQ,EAAE,SAAS,CAAA;IACnB,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB,2CAsCA;AAGD,iBAAS,KAAK,CAAC,EAAC,WAAW,EAAC,EAAE;IAAC,WAAW,CAAC,EAAE,MAAM,CAAA;CAAC,2CASnD;AAGD,iBAAS,IAAI,CAAC,EAAC,QAAQ,EAAC,EAAE;IAAC,QAAQ,CAAC,EAAE,SAAS,CAAA;CAAC,2CAoB/C;AAQD,iBAAS,KAAK,CAAC,EAAC,QAAQ,EAAC,EAAE;IAAC,QAAQ,EAAE,SAAS,CAAA;CAAC,2CAqD/C;AAGD,UAAU,SAAS;IACjB,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,iBAAS,IAAI,CAAC,EAAC,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAC,EAAE,SAAS,2CAmDpD;AAGD,iBAAS,QAAQ,CAAC,EAAC,QAAQ,EAAC,EAAE;IAAC,QAAQ,EAAE,SAAS,CAAA;CAAC,2CAElD;AAED,eAAO,MAAM,MAAM;;;;;;;;CAQlB,CAAA"}
|
|
@@ -7,4 +7,6 @@ export declare const OpenAndSelect: Story;
|
|
|
7
7
|
export declare const WithPlaceholder: Story;
|
|
8
8
|
export declare const KeyboardNavigation: Story;
|
|
9
9
|
export declare const InsideDialog: Story;
|
|
10
|
+
/** Closed, the trigger opens on ArrowDown or ArrowUp, on the selected option (5.3). */
|
|
11
|
+
export declare const ArrowKeysOpen: Story;
|
|
10
12
|
//# sourceMappingURL=Select.stories.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Select.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,IAAI,EAAE,QAAQ,EAAC,MAAM,kBAAkB,CAAA;AAKpD,QAAA,MAAM,IAAI,EAAE,IAEX,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAA;AAErB,eAAO,MAAM,OAAO,EAAE,KA0BrB,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAoC3B,CAAA;AAED,eAAO,MAAM,eAAe,EAAE,KA0C7B,CAAA;AAED,eAAO,MAAM,kBAAkB,EAAE,KAyBhC,CAAA;AAMD,eAAO,MAAM,YAAY,EAAE,KA0C1B,CAAA"}
|
|
1
|
+
{"version":3,"file":"Select.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,IAAI,EAAE,QAAQ,EAAC,MAAM,kBAAkB,CAAA;AAKpD,QAAA,MAAM,IAAI,EAAE,IAEX,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAA;AAErB,eAAO,MAAM,OAAO,EAAE,KA0BrB,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAoC3B,CAAA;AAED,eAAO,MAAM,eAAe,EAAE,KA0C7B,CAAA;AAED,eAAO,MAAM,kBAAkB,EAAE,KAyBhC,CAAA;AAMD,eAAO,MAAM,YAAY,EAAE,KA0C1B,CAAA;AAED,uFAAuF;AACvF,eAAO,MAAM,aAAa,EAAE,KAgB3B,CAAA"}
|
|
@@ -42,7 +42,7 @@ export declare const styles: Readonly<{
|
|
|
42
42
|
readonly left: css.StyleXClassNameFor<"left", 0>;
|
|
43
43
|
readonly right: css.StyleXClassNameFor<"right", 0>;
|
|
44
44
|
readonly bottom: css.StyleXClassNameFor<"bottom", 0>;
|
|
45
|
-
readonly zIndex: css.StyleXClassNameFor<"zIndex",
|
|
45
|
+
readonly zIndex: css.StyleXClassNameFor<"zIndex", number>;
|
|
46
46
|
readonly pointerEvents: css.StyleXClassNameFor<"pointerEvents", "auto">;
|
|
47
47
|
}>;
|
|
48
48
|
readonly popup: Readonly<{
|
|
@@ -58,7 +58,7 @@ export declare const styles: Readonly<{
|
|
|
58
58
|
readonly minWidth: css.StyleXClassNameFor<"minWidth", string>;
|
|
59
59
|
readonly maxHeight: css.StyleXClassNameFor<"maxHeight", string>;
|
|
60
60
|
readonly overflowY: css.StyleXClassNameFor<"overflowY", "auto">;
|
|
61
|
-
readonly zIndex: css.StyleXClassNameFor<"zIndex",
|
|
61
|
+
readonly zIndex: css.StyleXClassNameFor<"zIndex", number>;
|
|
62
62
|
readonly pointerEvents: css.StyleXClassNameFor<"pointerEvents", "auto">;
|
|
63
63
|
}>;
|
|
64
64
|
readonly popupPosition: (top: number, left: number, minWidth: number) => readonly [Readonly<{
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Select/styles.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAC,MAAM,kBAAkB,CAAA;
|
|
1
|
+
{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Select/styles.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAC,MAAM,kBAAkB,CAAA;AAUpC,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAwGjB,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useSelectRoot.d.ts","sourceRoot":"","sources":["../../../src/components/Select/useSelectRoot.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,iBAAiB,CAAA;AAEvD,UAAU,oBAAoB;IAC5B,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAA;IAC9C,aAAa,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;CACvC;AAED,wBAAgB,aAAa,CAAC,EAC5B,YAAY,EACZ,KAAK,EAAE,eAAe,EACtB,aAAa,EACb,aAAa,GACd,EAAE,oBAAoB;;;
|
|
1
|
+
{"version":3,"file":"useSelectRoot.d.ts","sourceRoot":"","sources":["../../../src/components/Select/useSelectRoot.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,iBAAiB,CAAA;AAEvD,UAAU,oBAAoB;IAC5B,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAA;IAC9C,aAAa,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;CACvC;AAED,wBAAgB,aAAa,CAAC,EAC5B,YAAY,EACZ,KAAK,EAAE,eAAe,EACtB,aAAa,EACb,aAAa,GACd,EAAE,oBAAoB;;;EAsLtB"}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
/**
|
|
3
|
+
* What stacks above what. Dialog, Drawer, the popups and the toast region all
|
|
4
|
+
* portal into the ThemeProvider mount, so their `layers` values order them in
|
|
5
|
+
* one stacking context: a popup or a toast opened over a modal must be the
|
|
6
|
+
* topmost element where it is drawn.
|
|
7
|
+
*/
|
|
8
|
+
declare const meta: Meta;
|
|
9
|
+
export default meta;
|
|
10
|
+
type Story = StoryObj;
|
|
11
|
+
export declare const PopoverInDialog: Story;
|
|
12
|
+
export declare const PopoverInDrawer: Story;
|
|
13
|
+
export declare const ToastOverDialog: Story;
|
|
14
|
+
export declare const DragDropInDialog: Story;
|
|
15
|
+
/** A Select opened inside a Popover: its listbox (mounted before the Popover
|
|
16
|
+
* opens) and click-catcher stack above the Popover. */
|
|
17
|
+
export declare const SelectInPopover: Story;
|
|
18
|
+
/** A Dialog opened from a button inside an open Popover: the Dialog is on
|
|
19
|
+
* top, and the Popover does not stay drawn over it. */
|
|
20
|
+
export declare const DialogFromPopover: Story;
|
|
21
|
+
/** DragDrop inside a Dialog whose body is scrolled: the ghost stays under the
|
|
22
|
+
* pointer and on top. */
|
|
23
|
+
export declare const DragDropInScrolledDialog: Story;
|
|
24
|
+
//# sourceMappingURL=Layers.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Layers.stories.d.ts","sourceRoot":"","sources":["../../../src/components/ThemeProvider/Layers.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,IAAI,EAAE,QAAQ,EAAC,MAAM,kBAAkB,CAAA;AAYpD;;;;;GAKG;AACH,QAAA,MAAM,IAAI,EAAE,IAEX,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAA;AAyBrB,eAAO,MAAM,eAAe,EAAE,KAsB7B,CAAA;AAED,eAAO,MAAM,eAAe,EAAE,KAsB7B,CAAA;AAWD,eAAO,MAAM,eAAe,EAAE,KAyB7B,CAAA;AAOD,eAAO,MAAM,gBAAgB,EAAE,KA+E9B,CAAA;AAED;wDACwD;AACxD,eAAO,MAAM,eAAe,EAAE,KA2B7B,CAAA;AAED;wDACwD;AACxD,eAAO,MAAM,iBAAiB,EAAE,KA8B/B,CAAA;AAED;0BAC0B;AAC1B,eAAO,MAAM,wBAAwB,EAAE,KA6FtC,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ThemeProvider.d.ts","sourceRoot":"","sources":["../../../src/components/ThemeProvider/ThemeProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAgB,KAAK,SAAS,EAAuB,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"ThemeProvider.d.ts","sourceRoot":"","sources":["../../../src/components/ThemeProvider/ThemeProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAgB,KAAK,SAAS,EAAuB,MAAM,OAAO,CAAA;AAOzE,MAAM,MAAM,SAAS,GAAG,MAAM,GAAG,OAAO,GAAG,eAAe,CAAA;AAE1D,UAAU,kBAAkB;IAC1B,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,QAAQ,EAAE,SAAS,CAAA;CACpB;AAmCD,wBAAgB,cAAc,IAAI,WAAW,GAAG,IAAI,CAEnD;AAED,wBAAgB,aAAa,CAAC,EAAC,KAAc,EAAE,QAAQ,EAAC,EAAE,kBAAkB,2CAW3E"}
|
|
@@ -12,6 +12,7 @@ export declare const styles: Readonly<{
|
|
|
12
12
|
readonly paddingLeft: css.StyleXClassNameFor<"paddingLeft", string>;
|
|
13
13
|
readonly paddingRight: css.StyleXClassNameFor<"paddingRight", string>;
|
|
14
14
|
readonly pointerEvents: css.StyleXClassNameFor<"pointerEvents", "none">;
|
|
15
|
+
readonly zIndex: css.StyleXClassNameFor<"zIndex", number>;
|
|
15
16
|
}>;
|
|
16
17
|
readonly toast: Readonly<{
|
|
17
18
|
readonly pointerEvents: css.StyleXClassNameFor<"pointerEvents", "auto">;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Toast/styles.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAC,MAAM,kBAAkB,CAAA;
|
|
1
|
+
{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Toast/styles.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAC,MAAM,kBAAkB,CAAA;AAepC,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAyGjB,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Toggle.d.ts","sourceRoot":"","sources":["../../../src/components/Toggle/Toggle.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,SAAS,EAAuC,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"Toggle.d.ts","sourceRoot":"","sources":["../../../src/components/Toggle/Toggle.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,SAAS,EAAuC,MAAM,OAAO,CAAA;AAQ1E,MAAM,MAAM,UAAU,GAAG,SAAS,GAAG,OAAO,CAAA;AAE5C,UAAU,WAAW;IACnB,mDAAmD;IACnD,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,8DAA8D;IAC9D,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,wEAAwE;IACxE,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAA;IAC5C,mDAAmD;IACnD,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,iCAAiC;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,6DAA6D;IAC7D,IAAI,CAAC,EAAE,UAAU,CAAA;IACjB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,QAAQ,EAAE,SAAS,CAAA;CACpB;AAYD,wBAAgB,MAAM,CAAC,EACrB,OAAO,EAAE,iBAAiB,EAC1B,cAAsB,EACtB,eAAe,EACf,KAAK,EACL,QAAQ,EAAE,YAAoB,EAC9B,IAAI,EAAE,QAAoB,EAC1B,YAAY,EAAE,SAAS,EACvB,QAAQ,GACT,EAAE,WAAW,2CAuEb"}
|
|
@@ -56,6 +56,9 @@ export declare const styles: Readonly<{
|
|
|
56
56
|
readonly borderRightStyle: css.StyleXClassNameFor<"borderRightStyle", "solid">;
|
|
57
57
|
readonly borderColor: css.StyleXClassNameFor<"borderColor", string>;
|
|
58
58
|
}>;
|
|
59
|
+
readonly attachedPressed: Readonly<{
|
|
60
|
+
readonly boxShadow: css.StyleXClassNameFor<"boxShadow", `inset 0 0 0 ${css.StyleXVar<string>} ${css.StyleXVar<string>}`>;
|
|
61
|
+
}>;
|
|
59
62
|
readonly disabled: Readonly<{
|
|
60
63
|
readonly opacity: css.StyleXClassNameFor<"opacity", 0.5>;
|
|
61
64
|
readonly cursor: css.StyleXClassNameFor<"cursor", "not-allowed">;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Toggle/styles.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAC,MAAM,kBAAkB,CAAA;AAQpC,eAAO,MAAM,MAAM
|
|
1
|
+
{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Toggle/styles.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAC,MAAM,kBAAkB,CAAA;AAQpC,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA+EjB,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ToggleGroup.d.ts","sourceRoot":"","sources":["../../../src/components/ToggleGroup/ToggleGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,SAAS,EAAuC,MAAM,OAAO,CAAA;AAG1E,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,kBAAkB,CAAA;AAChD,OAAO,EAAqB,KAAK,WAAW,EAAC,MAAM,sBAAsB,CAAA;
|
|
1
|
+
{"version":3,"file":"ToggleGroup.d.ts","sourceRoot":"","sources":["../../../src/components/ToggleGroup/ToggleGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,SAAS,EAAuC,MAAM,OAAO,CAAA;AAG1E,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,kBAAkB,CAAA;AAChD,OAAO,EAAqB,KAAK,WAAW,EAAC,MAAM,sBAAsB,CAAA;AAQzE,UAAU,gBAAgB;IACxB,uDAAuD;IACvD,KAAK,CAAC,EAAE,MAAM,EAAE,CAAA;IAChB,oCAAoC;IACpC,YAAY,CAAC,EAAE,MAAM,EAAE,CAAA;IACvB,6DAA6D;IAC7D,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAA;IACzC,6DAA6D;IAC7D,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,2CAA2C;IAC3C,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,wBAAwB;IACxB,WAAW,CAAC,EAAE,WAAW,CAAA;IACzB,yCAAyC;IACzC,IAAI,CAAC,EAAE,UAAU,CAAA;IACjB;qEACiE;IACjE,IAAI,CAAC,EAAE,OAAO,CAAA;IAKd;sEACkE;IAClE,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB;qCACiC;IACjC,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,4EAA4E;IAC5E,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EAAE,eAAe,EACtB,YAAiB,EACjB,aAAa,EACb,QAAgB,EAChB,QAAgB,EAChB,WAA0B,EAC1B,IAAgB,EAChB,IAAY,EACZ,OAAO,EACP,QAAQ,EACR,GAAG,SAAS,EACb,EAAE,gBAAgB,2CAuGlB;yBAnHe,WAAW"}
|
|
@@ -30,5 +30,10 @@ export declare const styles: Readonly<{
|
|
|
30
30
|
readonly vertical: Readonly<{
|
|
31
31
|
readonly flexDirection: css.StyleXClassNameFor<"flexDirection", "column">;
|
|
32
32
|
}>;
|
|
33
|
+
readonly inAttachedGroup: Readonly<{
|
|
34
|
+
readonly borderWidth: css.StyleXClassNameFor<"borderWidth", 0>;
|
|
35
|
+
readonly borderRadius: css.StyleXClassNameFor<"borderRadius", 0>;
|
|
36
|
+
readonly overflow: css.StyleXClassNameFor<"overflow", "visible">;
|
|
37
|
+
}>;
|
|
33
38
|
}>;
|
|
34
39
|
//# sourceMappingURL=styles.css.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/ToggleGroup/styles.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAC,MAAM,kBAAkB,CAAA;AAMpC,eAAO,MAAM,MAAM
|
|
1
|
+
{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/ToggleGroup/styles.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAC,MAAM,kBAAkB,CAAA;AAMpC,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA+CjB,CAAA"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
/**
|
|
3
|
+
* Popups and modals stop the ButtonGroup and Toolbar contexts. A portal keeps
|
|
4
|
+
* its React parent, so without this the buttons in a Popover opened from a
|
|
5
|
+
* toolbar would come out squared and with tabindex=-1.
|
|
6
|
+
*/
|
|
7
|
+
export declare function ControlContextBoundary({ children }: {
|
|
8
|
+
children: ReactNode;
|
|
9
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
//# sourceMappingURL=ControlContextBoundary.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ControlContextBoundary.d.ts","sourceRoot":"","sources":["../../../src/components/Toolbar/ControlContextBoundary.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,OAAO,CAAA;AAIpC;;;;GAIG;AACH,wBAAgB,sBAAsB,CAAC,EAAC,QAAQ,EAAC,EAAE;IAAC,QAAQ,EAAE,SAAS,CAAA;CAAC,2CAMvE"}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
import { Orientation } from '../../shared/types';
|
|
3
|
+
export interface ToolbarProps {
|
|
4
|
+
/** Names the toolbar ("Formatting"). Required: a toolbar is a landmark-like widget. */
|
|
5
|
+
'aria-label': string;
|
|
6
|
+
/**
|
|
7
|
+
* Arrow keys follow the orientation: Left/Right (default) or Up/Down. A
|
|
8
|
+
* vertical toolbar cannot hold a Select, whose closed trigger opens on
|
|
9
|
+
* ArrowDown/ArrowUp. A Menu can: its closed trigger handles no arrow key,
|
|
10
|
+
* so Up/Down move past it and Enter or Space opens it.
|
|
11
|
+
*/
|
|
12
|
+
orientation?: Orientation;
|
|
13
|
+
children: ReactNode;
|
|
14
|
+
}
|
|
15
|
+
/**
|
|
16
|
+
* A row of controls with one tab stop (the WAI-ARIA toolbar pattern). Every
|
|
17
|
+
* Button, Toggle and Select/Menu/Popover trigger inside it, through any
|
|
18
|
+
* ButtonGroup, joins one roving tabindex: Tab enters at the last focused
|
|
19
|
+
* control, Left/Right (Up/Down when vertical) move, Home/End jump to the ends.
|
|
20
|
+
*/
|
|
21
|
+
export declare function Toolbar({ 'aria-label': ariaLabel, orientation, children, }: ToolbarProps): import("react/jsx-runtime").JSX.Element;
|
|
22
|
+
//# sourceMappingURL=Toolbar.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Toolbar.d.ts","sourceRoot":"","sources":["../../../src/components/Toolbar/Toolbar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,SAAS,EAAoD,MAAM,OAAO,CAAA;AAEvF,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,oBAAoB,CAAA;AAKnD,MAAM,WAAW,YAAY;IAC3B,uFAAuF;IACvF,YAAY,EAAE,MAAM,CAAA;IACpB;;;;;OAKG;IACH,WAAW,CAAC,EAAE,WAAW,CAAA;IACzB,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED;;;;;GAKG;AACH,wBAAgB,OAAO,CAAC,EACtB,YAAY,EAAE,SAAS,EACvB,WAA0B,EAC1B,QAAQ,GACT,EAAE,YAAY,2CAkFd"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Toolbar.meta.d.ts","sourceRoot":"","sources":["../../../src/components/Toolbar/Toolbar.meta.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAA;AAEpD,eAAO,MAAM,IAAI,EAAE,aA6ClB,CAAA"}
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { Toolbar } from './Toolbar';
|
|
3
|
+
declare const meta: Meta<typeof Toolbar>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof Toolbar>;
|
|
6
|
+
/** [Normal | Arial | 15px] and [B | I | U | <> | link | T | highlight], then Insert. */
|
|
7
|
+
export declare const Default: Story;
|
|
8
|
+
/** Tab enters once; ArrowRight crosses the groups; End and Home reach the ends. */
|
|
9
|
+
export declare const ArrowKeys: Story;
|
|
10
|
+
/** A closed Select takes ArrowDown: it opens, and Escape closes it on its trigger. */
|
|
11
|
+
export declare const SelectArrowDown: Story;
|
|
12
|
+
/** ArrowRight while a Select is open: focus stays on its trigger, the listbox stays open. */
|
|
13
|
+
export declare const SelectOpenKeepsArrows: Story;
|
|
14
|
+
/** The link Popover's contents are outside the group and the toolbar: its
|
|
15
|
+
* Apply button is one Tab away and has all four corners round. */
|
|
16
|
+
export declare const PopoverInsideToolbar: Story;
|
|
17
|
+
/** ArrowLeft typed in the Popover's input moves the caret, not toolbar focus. */
|
|
18
|
+
export declare const PopoverInputKeepsArrows: Story;
|
|
19
|
+
export declare const ControlKeepsHandledKeys: Story;
|
|
20
|
+
/** Vertical: Up/Down move. */
|
|
21
|
+
export declare const Vertical: Story;
|
|
22
|
+
export declare const ServerRender: Story;
|
|
23
|
+
export declare const ReorderKeyedChildren: Story;
|
|
24
|
+
/** Vertical, with a Menu: a closed Menu.Trigger handles no arrow key, so
|
|
25
|
+
* ArrowDown moves on (Enter or Space opens it). Unlike a Select, a Menu can
|
|
26
|
+
* sit in a vertical toolbar. */
|
|
27
|
+
export declare const VerticalWithMenu: Story;
|
|
28
|
+
//# sourceMappingURL=Toolbar.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Toolbar.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Toolbar/Toolbar.stories.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAC,IAAI,EAAE,QAAQ,EAAC,MAAM,kBAAkB,CAAA;AAIpD,OAAO,EAAC,OAAO,EAAC,MAAM,WAAW,CAAA;AAWjC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,OAAO,CAG9B,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,OAAO,CAAC,CAAA;AAsIrC,wFAAwF;AACxF,eAAO,MAAM,OAAO,EAAE,KAWrB,CAAA;AAED,mFAAmF;AACnF,eAAO,MAAM,SAAS,EAAE,KA6BvB,CAAA;AAED,sFAAsF;AACtF,eAAO,MAAM,eAAe,EAAE,KAa7B,CAAA;AAED,6FAA6F;AAC7F,eAAO,MAAM,qBAAqB,EAAE,KAanC,CAAA;AAED;mEACmE;AACnE,eAAO,MAAM,oBAAoB,EAAE,KAkBlC,CAAA;AAED,iFAAiF;AACjF,eAAO,MAAM,uBAAuB,EAAE,KAYrC,CAAA;AAqBD,eAAO,MAAM,uBAAuB,EAAE,KAarC,CAAA;AAED,8BAA8B;AAC9B,eAAO,MAAM,QAAQ,EAAE,KAoBtB,CAAA;AAoBD,eAAO,MAAM,YAAY,EAAE,KAwC1B,CAAA;AAwBD,eAAO,MAAM,oBAAoB,EAAE,KA0BlC,CAAA;AAED;;iCAEiC;AACjC,eAAO,MAAM,gBAAgB,EAAE,KAwB9B,CAAA"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
export interface ToolbarContextValue {
|
|
2
|
+
register: (id: string, el: HTMLElement, disabled: boolean) => () => void;
|
|
3
|
+
/** 0 for the toolbar's one tab stop, -1 for the rest; undefined before
|
|
4
|
+
* the control has registered (server render, first paint). */
|
|
5
|
+
tabIndexOf: (id: string) => 0 | -1 | undefined;
|
|
6
|
+
onItemFocus: (id: string) => void;
|
|
7
|
+
}
|
|
8
|
+
export declare const ToolbarContext: import('react').Context<ToolbarContextValue | null>;
|
|
9
|
+
export declare function useToolbar(): ToolbarContextValue | null;
|
|
10
|
+
//# sourceMappingURL=ToolbarContext.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ToolbarContext.d.ts","sourceRoot":"","sources":["../../../src/components/Toolbar/ToolbarContext.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,mBAAmB;IAClC,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,WAAW,EAAE,QAAQ,EAAE,OAAO,KAAK,MAAM,IAAI,CAAA;IACxE;mEAC+D;IAC/D,UAAU,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,SAAS,CAAA;IAC9C,WAAW,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;CAClC;AAED,eAAO,MAAM,cAAc,qDAAkD,CAAA;AAE7E,wBAAgB,UAAU,+BAEzB"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { css } from 'react-strict-dom';
|
|
2
|
+
export declare const styles: Readonly<{
|
|
3
|
+
readonly root: Readonly<{
|
|
4
|
+
readonly display: css.StyleXClassNameFor<"display", "flex">;
|
|
5
|
+
readonly flexDirection: css.StyleXClassNameFor<"flexDirection", "row">;
|
|
6
|
+
readonly flexWrap: css.StyleXClassNameFor<"flexWrap", "wrap">;
|
|
7
|
+
readonly alignItems: css.StyleXClassNameFor<"alignItems", "center">;
|
|
8
|
+
readonly gap: css.StyleXClassNameFor<"gap", string>;
|
|
9
|
+
}>;
|
|
10
|
+
readonly vertical: Readonly<{
|
|
11
|
+
readonly flexDirection: css.StyleXClassNameFor<"flexDirection", "column">;
|
|
12
|
+
readonly flexWrap: css.StyleXClassNameFor<"flexWrap", "nowrap">;
|
|
13
|
+
readonly alignItems: css.StyleXClassNameFor<"alignItems", "stretch">;
|
|
14
|
+
}>;
|
|
15
|
+
}>;
|
|
16
|
+
//# sourceMappingURL=styles.css.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Toolbar/styles.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAC,MAAM,kBAAkB,CAAA;AAGpC,eAAO,MAAM,MAAM;;;;;;;;;;;;;EAajB,CAAA"}
|