@dxos/react-ui 0.8.4-main.67995b8 → 0.8.4-main.72ec0f3
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/lib/browser/{chunk-2COVUP44.mjs → chunk-53MI2QCM.mjs} +651 -317
- package/dist/lib/browser/chunk-53MI2QCM.mjs.map +7 -0
- package/dist/lib/browser/index.mjs +12 -1
- package/dist/lib/browser/index.mjs.map +2 -2
- package/dist/lib/browser/meta.json +1 -1
- package/dist/lib/browser/testing/index.mjs +57 -29
- package/dist/lib/browser/testing/index.mjs.map +4 -4
- package/dist/lib/node-esm/{chunk-GHXHND5V.mjs → chunk-ID67AFFF.mjs} +651 -317
- package/dist/lib/node-esm/chunk-ID67AFFF.mjs.map +7 -0
- package/dist/lib/node-esm/index.mjs +12 -1
- package/dist/lib/node-esm/index.mjs.map +2 -2
- package/dist/lib/node-esm/meta.json +1 -1
- package/dist/lib/node-esm/testing/index.mjs +57 -29
- package/dist/lib/node-esm/testing/index.mjs.map +4 -4
- package/dist/types/src/components/Avatars/Avatar.d.ts +1 -1
- package/dist/types/src/components/Avatars/Avatar.d.ts.map +1 -1
- package/dist/types/src/components/Avatars/Avatar.stories.d.ts +5 -31
- package/dist/types/src/components/Avatars/Avatar.stories.d.ts.map +1 -1
- package/dist/types/src/components/Avatars/AvatarGroup.stories.d.ts +5 -11
- package/dist/types/src/components/Avatars/AvatarGroup.stories.d.ts.map +1 -1
- package/dist/types/src/components/Breadcrumb/Breadcrumb.d.ts +1 -1
- package/dist/types/src/components/Breadcrumb/Breadcrumb.d.ts.map +1 -1
- package/dist/types/src/components/Breadcrumb/Breadcrumb.stories.d.ts +8 -20
- package/dist/types/src/components/Breadcrumb/Breadcrumb.stories.d.ts.map +1 -1
- package/dist/types/src/components/{Buttons → Button}/Button.d.ts +1 -1
- package/dist/types/src/components/Button/Button.d.ts.map +1 -0
- package/dist/types/src/components/Button/Button.stories.d.ts +17 -0
- package/dist/types/src/components/Button/Button.stories.d.ts.map +1 -0
- package/dist/types/src/components/{Buttons → Button}/IconButton.d.ts +2 -3
- package/dist/types/src/components/Button/IconButton.d.ts.map +1 -0
- package/dist/types/src/components/Button/IconButton.stories.d.ts +13 -0
- package/dist/types/src/components/Button/IconButton.stories.d.ts.map +1 -0
- package/dist/types/src/components/Button/Toggle.d.ts.map +1 -0
- package/dist/types/src/components/Button/Toggle.stories.d.ts +16 -0
- package/dist/types/src/components/Button/Toggle.stories.d.ts.map +1 -0
- package/dist/types/src/components/{Buttons → Button}/ToggleGroup.d.ts +7 -8
- package/dist/types/src/components/Button/ToggleGroup.d.ts.map +1 -0
- package/dist/types/src/components/Button/ToggleGroup.stories.d.ts +27 -0
- package/dist/types/src/components/Button/ToggleGroup.stories.d.ts.map +1 -0
- package/dist/types/src/components/Button/index.d.ts.map +1 -0
- package/dist/types/src/components/Clipboard/ClipboardProvider.d.ts.map +1 -1
- package/dist/types/src/components/Clipboard/CopyButton.d.ts +1 -1
- package/dist/types/src/components/Clipboard/CopyButton.d.ts.map +1 -1
- package/dist/types/src/components/DensityProvider/DensityProvider.d.ts.map +1 -1
- package/dist/types/src/components/{Dialogs → Dialog}/AlertDialog.d.ts +1 -1
- package/dist/types/src/components/Dialog/AlertDialog.d.ts.map +1 -0
- package/dist/types/src/components/Dialog/AlertDialog.stories.d.ts +11 -0
- package/dist/types/src/components/Dialog/AlertDialog.stories.d.ts.map +1 -0
- package/dist/types/src/components/{Dialogs → Dialog}/Dialog.d.ts +1 -1
- package/dist/types/src/components/Dialog/Dialog.d.ts.map +1 -0
- package/dist/types/src/components/Dialog/Dialog.stories.d.ts +25 -0
- package/dist/types/src/components/Dialog/Dialog.stories.d.ts.map +1 -0
- package/dist/types/src/components/Dialog/index.d.ts.map +1 -0
- package/dist/types/src/components/ElevationProvider/ElevationProvider.d.ts.map +1 -1
- package/dist/types/src/components/Icon/Icon.d.ts +1 -1
- package/dist/types/src/components/Icon/Icon.d.ts.map +1 -1
- package/dist/types/src/components/Icon/Icon.stories.d.ts +17 -0
- package/dist/types/src/components/Icon/Icon.stories.d.ts.map +1 -0
- package/dist/types/src/components/Input/Input.d.ts +2 -4
- package/dist/types/src/components/Input/Input.d.ts.map +1 -1
- package/dist/types/src/components/Input/Input.stories.d.ts +10 -11
- package/dist/types/src/components/Input/Input.stories.d.ts.map +1 -1
- package/dist/types/src/components/Link/Link.stories.d.ts +8 -8
- package/dist/types/src/components/Link/Link.stories.d.ts.map +1 -1
- package/dist/types/src/components/{Lists → List}/List.d.ts +2 -2
- package/dist/types/src/components/List/List.d.ts.map +1 -0
- package/dist/types/src/components/List/List.stories.d.ts +14 -0
- package/dist/types/src/components/List/List.stories.d.ts.map +1 -0
- package/dist/types/src/components/List/ListDropIndicator.d.ts.map +1 -0
- package/dist/types/src/components/{Lists → List}/Tree.d.ts +1 -1
- package/dist/types/src/components/List/Tree.d.ts.map +1 -0
- package/dist/types/src/components/List/Tree.stories.d.ts +15 -0
- package/dist/types/src/components/List/Tree.stories.d.ts.map +1 -0
- package/dist/types/src/components/List/TreeDropIndicator.d.ts.map +1 -0
- package/dist/types/src/components/{Lists → List}/Treegrid.d.ts +1 -1
- package/dist/types/src/components/{Lists → List}/Treegrid.d.ts.map +1 -1
- package/dist/types/src/components/List/Treegrid.stories.d.ts +12 -0
- package/dist/types/src/components/List/Treegrid.stories.d.ts.map +1 -0
- package/dist/types/src/components/List/index.d.ts.map +1 -0
- package/dist/types/src/components/Main/Main.d.ts +10 -19
- package/dist/types/src/components/Main/Main.d.ts.map +1 -1
- package/dist/types/src/components/Main/Main.stories.d.ts +6 -7
- package/dist/types/src/components/Main/Main.stories.d.ts.map +1 -1
- package/dist/types/src/components/Menus/ContextMenu.d.ts.map +1 -1
- package/dist/types/src/components/Menus/ContextMenu.stories.d.ts +6 -44
- package/dist/types/src/components/Menus/ContextMenu.stories.d.ts.map +1 -1
- package/dist/types/src/components/Menus/DropdownMenu.d.ts +6 -5
- package/dist/types/src/components/Menus/DropdownMenu.d.ts.map +1 -1
- package/dist/types/src/components/Menus/DropdownMenu.stories.d.ts +6 -41
- package/dist/types/src/components/Menus/DropdownMenu.stories.d.ts.map +1 -1
- package/dist/types/src/components/Message/Message.d.ts +1 -1
- package/dist/types/src/components/Message/Message.d.ts.map +1 -1
- package/dist/types/src/components/Message/Message.stories.d.ts +7 -16
- package/dist/types/src/components/Message/Message.stories.d.ts.map +1 -1
- package/dist/types/src/components/Popover/Popover.d.ts +2 -2
- package/dist/types/src/components/Popover/Popover.d.ts.map +1 -1
- package/dist/types/src/components/Popover/Popover.stories.d.ts +6 -34
- package/dist/types/src/components/Popover/Popover.stories.d.ts.map +1 -1
- package/dist/types/src/components/ScrollArea/ScrollArea.d.ts +1 -1
- package/dist/types/src/components/ScrollArea/ScrollArea.d.ts.map +1 -1
- package/dist/types/src/components/ScrollArea/ScrollArea.stories.d.ts +6 -32
- package/dist/types/src/components/ScrollArea/ScrollArea.stories.d.ts.map +1 -1
- package/dist/types/src/components/ScrollContainer/ScrollContainer.d.ts +37 -0
- package/dist/types/src/components/ScrollContainer/ScrollContainer.d.ts.map +1 -0
- package/dist/types/src/components/ScrollContainer/ScrollContainer.stories.d.ts +18 -0
- package/dist/types/src/components/ScrollContainer/ScrollContainer.stories.d.ts.map +1 -0
- package/dist/types/src/components/ScrollContainer/index.d.ts +2 -0
- package/dist/types/src/components/ScrollContainer/index.d.ts.map +1 -0
- package/dist/types/src/components/Select/Select.d.ts +1 -1
- package/dist/types/src/components/Select/Select.d.ts.map +1 -1
- package/dist/types/src/components/Select/Select.stories.d.ts +4 -9
- package/dist/types/src/components/Select/Select.stories.d.ts.map +1 -1
- package/dist/types/src/components/Status/Status.stories.d.ts +2 -8
- package/dist/types/src/components/Status/Status.stories.d.ts.map +1 -1
- package/dist/types/src/components/Tag/Tag.stories.d.ts +12 -12
- package/dist/types/src/components/Tag/Tag.stories.d.ts.map +1 -1
- package/dist/types/src/components/ThemeProvider/ThemeProvider.d.ts +1 -1
- package/dist/types/src/components/ThemeProvider/ThemeProvider.d.ts.map +1 -1
- package/dist/types/src/components/ThemeProvider/TranslationsProvider.d.ts +1 -1
- package/dist/types/src/components/ThemeProvider/TranslationsProvider.d.ts.map +1 -1
- package/dist/types/src/components/Toast/Toast.d.ts +1 -1
- package/dist/types/src/components/Toast/Toast.d.ts.map +1 -1
- package/dist/types/src/components/Toast/Toast.stories.d.ts +6 -44
- package/dist/types/src/components/Toast/Toast.stories.d.ts.map +1 -1
- package/dist/types/src/components/Toolbar/Toolbar.d.ts +12 -12
- package/dist/types/src/components/Toolbar/Toolbar.d.ts.map +1 -1
- package/dist/types/src/components/Toolbar/Toolbar.stories.d.ts +6 -50
- package/dist/types/src/components/Toolbar/Toolbar.stories.d.ts.map +1 -1
- package/dist/types/src/components/Tooltip/Tooltip.d.ts +2 -4
- package/dist/types/src/components/Tooltip/Tooltip.d.ts.map +1 -1
- package/dist/types/src/components/Tooltip/Tooltip.stories.d.ts +8 -61
- package/dist/types/src/components/Tooltip/Tooltip.stories.d.ts.map +1 -1
- package/dist/types/src/components/index.d.ts +4 -3
- package/dist/types/src/components/index.d.ts.map +1 -1
- package/dist/types/src/hooks/useSafeArea.d.ts.map +1 -1
- package/dist/types/src/hooks/useVisualViewport.d.ts +2 -2
- package/dist/types/src/hooks/useVisualViewport.d.ts.map +1 -1
- package/dist/types/src/index.d.ts +1 -1
- package/dist/types/src/index.d.ts.map +1 -1
- package/dist/types/src/playground/Controls.stories.d.ts +5 -9
- package/dist/types/src/playground/Controls.stories.d.ts.map +1 -1
- package/dist/types/src/playground/Custom.stories.d.ts +12 -4
- package/dist/types/src/playground/Custom.stories.d.ts.map +1 -1
- package/dist/types/src/playground/Typography.stories.d.ts +5 -11
- package/dist/types/src/playground/Typography.stories.d.ts.map +1 -1
- package/dist/types/src/testing/decorators/index.d.ts +2 -1
- package/dist/types/src/testing/decorators/index.d.ts.map +1 -1
- package/dist/types/src/testing/decorators/withLayout.d.ts +15 -0
- package/dist/types/src/testing/decorators/withLayout.d.ts.map +1 -0
- package/dist/types/src/testing/decorators/{withSurfaceVariantsLayout.d.ts → withLayoutVariants.d.ts} +2 -2
- package/dist/types/src/testing/decorators/withLayoutVariants.d.ts.map +1 -0
- package/dist/types/src/testing/decorators/withTheme.d.ts +3 -0
- package/dist/types/src/testing/decorators/withTheme.d.ts.map +1 -1
- package/dist/types/src/util/domino.d.ts +18 -0
- package/dist/types/src/util/domino.d.ts.map +1 -0
- package/dist/types/src/util/index.d.ts +2 -0
- package/dist/types/src/util/index.d.ts.map +1 -1
- package/dist/types/src/util/usePx.d.ts +8 -0
- package/dist/types/src/util/usePx.d.ts.map +1 -0
- package/dist/types/tsconfig.tsbuildinfo +1 -1
- package/package.json +28 -27
- package/src/components/Avatars/Avatar.stories.tsx +19 -10
- package/src/components/Avatars/Avatar.tsx +3 -3
- package/src/components/Avatars/AvatarGroup.stories.tsx +10 -6
- package/src/components/Breadcrumb/Breadcrumb.stories.tsx +17 -12
- package/src/components/Breadcrumb/Breadcrumb.tsx +1 -1
- package/src/components/{Buttons → Button}/Button.stories.tsx +8 -9
- package/src/components/{Buttons → Button}/IconButton.stories.tsx +11 -8
- package/src/components/{Buttons → Button}/IconButton.tsx +16 -14
- package/src/components/{Buttons → Button}/Toggle.stories.tsx +13 -9
- package/src/components/{Buttons → Button}/ToggleGroup.stories.tsx +10 -7
- package/src/components/{Buttons → Button}/ToggleGroup.tsx +17 -4
- package/src/components/Clipboard/ClipboardProvider.tsx +1 -1
- package/src/components/Clipboard/CopyButton.tsx +3 -2
- package/src/components/DensityProvider/DensityProvider.tsx +1 -1
- package/src/components/{Dialogs → Dialog}/AlertDialog.stories.tsx +15 -12
- package/src/components/{Dialogs → Dialog}/AlertDialog.tsx +13 -13
- package/src/components/{Dialogs → Dialog}/Dialog.stories.tsx +17 -15
- package/src/components/{Dialogs → Dialog}/Dialog.tsx +13 -13
- package/src/components/ElevationProvider/ElevationProvider.tsx +1 -1
- package/src/components/Icon/Icon.stories.tsx +113 -0
- package/src/components/Icon/Icon.tsx +1 -1
- package/src/components/Input/Input.stories.tsx +12 -14
- package/src/components/Input/Input.tsx +16 -16
- package/src/components/Link/Link.stories.tsx +10 -6
- package/src/components/{Lists → List}/List.stories.tsx +16 -14
- package/src/components/{Lists → List}/List.tsx +16 -12
- package/src/components/{Lists → List}/ListDropIndicator.tsx +1 -1
- package/src/components/{Lists → List}/Tree.stories.tsx +11 -8
- package/src/components/{Lists → List}/Tree.tsx +4 -3
- package/src/components/{Lists → List}/TreeDropIndicator.tsx +1 -1
- package/src/components/{Lists → List}/Treegrid.stories.tsx +12 -6
- package/src/components/{Lists → List}/Treegrid.tsx +58 -17
- package/src/components/Main/Main.stories.tsx +17 -9
- package/src/components/Main/Main.tsx +43 -28
- package/src/components/Menus/ContextMenu.stories.tsx +11 -8
- package/src/components/Menus/ContextMenu.tsx +1 -0
- package/src/components/Menus/DropdownMenu.stories.tsx +12 -9
- package/src/components/Menus/DropdownMenu.tsx +41 -14
- package/src/components/Message/Message.stories.tsx +11 -7
- package/src/components/Message/Message.tsx +1 -1
- package/src/components/Popover/Popover.stories.tsx +12 -9
- package/src/components/Popover/Popover.tsx +29 -12
- package/src/components/ScrollArea/ScrollArea.stories.tsx +12 -9
- package/src/components/ScrollArea/ScrollArea.tsx +4 -4
- package/src/components/ScrollContainer/ScrollContainer.stories.tsx +69 -0
- package/src/components/ScrollContainer/ScrollContainer.tsx +231 -0
- package/src/components/ScrollContainer/index.ts +5 -0
- package/src/components/Select/Select.stories.tsx +15 -12
- package/src/components/Select/Select.tsx +9 -8
- package/src/components/Status/Status.stories.tsx +9 -6
- package/src/components/Tag/Tag.stories.tsx +18 -9
- package/src/components/ThemeProvider/ThemeProvider.tsx +3 -2
- package/src/components/ThemeProvider/TranslationsProvider.tsx +3 -3
- package/src/components/Toast/Toast.stories.tsx +12 -9
- package/src/components/Toast/Toast.tsx +9 -9
- package/src/components/Toolbar/Toolbar.stories.tsx +14 -12
- package/src/components/Toolbar/Toolbar.tsx +20 -8
- package/src/components/Tooltip/Tooltip.stories.tsx +16 -12
- package/src/components/Tooltip/Tooltip.tsx +5 -4
- package/src/components/index.ts +4 -3
- package/src/hooks/useSafeArea.ts +3 -2
- package/src/hooks/useVisualViewport.ts +4 -4
- package/src/index.ts +1 -1
- package/src/playground/Controls.stories.tsx +12 -8
- package/src/playground/Custom.stories.tsx +13 -24
- package/src/playground/Typography.stories.tsx +8 -6
- package/src/testing/decorators/index.ts +2 -1
- package/src/testing/decorators/withLayout.tsx +56 -0
- package/src/testing/decorators/{withSurfaceVariantsLayout.tsx → withLayoutVariants.tsx} +2 -2
- package/src/testing/decorators/withTheme.tsx +31 -0
- package/src/util/domino.ts +53 -0
- package/src/util/index.ts +2 -0
- package/src/util/usePx.ts +61 -0
- package/dist/lib/browser/chunk-2COVUP44.mjs.map +0 -7
- package/dist/lib/node-esm/chunk-GHXHND5V.mjs.map +0 -7
- package/dist/types/src/components/Buttons/Button.d.ts.map +0 -1
- package/dist/types/src/components/Buttons/Button.stories.d.ts +0 -12
- package/dist/types/src/components/Buttons/Button.stories.d.ts.map +0 -1
- package/dist/types/src/components/Buttons/IconButton.d.ts.map +0 -1
- package/dist/types/src/components/Buttons/IconButton.stories.d.ts +0 -22
- package/dist/types/src/components/Buttons/IconButton.stories.d.ts.map +0 -1
- package/dist/types/src/components/Buttons/Toggle.d.ts.map +0 -1
- package/dist/types/src/components/Buttons/Toggle.stories.d.ts +0 -19
- package/dist/types/src/components/Buttons/Toggle.stories.d.ts.map +0 -1
- package/dist/types/src/components/Buttons/ToggleGroup.d.ts.map +0 -1
- package/dist/types/src/components/Buttons/ToggleGroup.stories.d.ts +0 -39
- package/dist/types/src/components/Buttons/ToggleGroup.stories.d.ts.map +0 -1
- package/dist/types/src/components/Buttons/index.d.ts.map +0 -1
- package/dist/types/src/components/Dialogs/AlertDialog.d.ts.map +0 -1
- package/dist/types/src/components/Dialogs/AlertDialog.stories.d.ts +0 -43
- package/dist/types/src/components/Dialogs/AlertDialog.stories.d.ts.map +0 -1
- package/dist/types/src/components/Dialogs/Dialog.d.ts.map +0 -1
- package/dist/types/src/components/Dialogs/Dialog.stories.d.ts +0 -48
- package/dist/types/src/components/Dialogs/Dialog.stories.d.ts.map +0 -1
- package/dist/types/src/components/Dialogs/index.d.ts.map +0 -1
- package/dist/types/src/components/Lists/List.d.ts.map +0 -1
- package/dist/types/src/components/Lists/List.stories.d.ts +0 -37
- package/dist/types/src/components/Lists/List.stories.d.ts.map +0 -1
- package/dist/types/src/components/Lists/ListDropIndicator.d.ts.map +0 -1
- package/dist/types/src/components/Lists/Tree.d.ts.map +0 -1
- package/dist/types/src/components/Lists/Tree.stories.d.ts +0 -41
- package/dist/types/src/components/Lists/Tree.stories.d.ts.map +0 -1
- package/dist/types/src/components/Lists/TreeDropIndicator.d.ts.map +0 -1
- package/dist/types/src/components/Lists/Treegrid.stories.d.ts +0 -10
- package/dist/types/src/components/Lists/Treegrid.stories.d.ts.map +0 -1
- package/dist/types/src/components/Lists/index.d.ts.map +0 -1
- package/dist/types/src/testing/decorators/withSurfaceVariantsLayout.d.ts.map +0 -1
- package/src/testing/decorators/withTheme.ts +0 -25
- /package/dist/types/src/components/{Buttons → Button}/Toggle.d.ts +0 -0
- /package/dist/types/src/components/{Buttons → Button}/index.d.ts +0 -0
- /package/dist/types/src/components/{Dialogs → Dialog}/index.d.ts +0 -0
- /package/dist/types/src/components/{Lists → List}/ListDropIndicator.d.ts +0 -0
- /package/dist/types/src/components/{Lists → List}/TreeDropIndicator.d.ts +0 -0
- /package/dist/types/src/components/{Lists → List}/index.d.ts +0 -0
- /package/src/components/{Buttons → Button}/Button.tsx +0 -0
- /package/src/components/{Buttons → Button}/Toggle.tsx +0 -0
- /package/src/components/{Buttons → Button}/index.ts +0 -0
- /package/src/components/{Dialogs → Dialog}/index.ts +0 -0
- /package/src/components/{Lists → List}/index.ts +0 -0
|
@@ -1,32 +1,45 @@
|
|
|
1
1
|
import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
|
|
2
2
|
import {
|
|
3
|
-
ThemeProvider
|
|
4
|
-
|
|
3
|
+
ThemeProvider,
|
|
4
|
+
Tooltip
|
|
5
|
+
} from "../chunk-ID67AFFF.mjs";
|
|
5
6
|
|
|
6
|
-
// src/testing/decorators/
|
|
7
|
-
import
|
|
8
|
-
import {
|
|
9
|
-
var
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
}
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
7
|
+
// src/testing/decorators/withLayout.tsx
|
|
8
|
+
import React from "react";
|
|
9
|
+
import { mx } from "@dxos/react-ui-theme";
|
|
10
|
+
var withLayout = (props) => (Story) => {
|
|
11
|
+
if (typeof props === "function") {
|
|
12
|
+
const Container3 = props;
|
|
13
|
+
return /* @__PURE__ */ React.createElement(Container3, null, /* @__PURE__ */ React.createElement(Story, null));
|
|
14
|
+
}
|
|
15
|
+
const Container2 = layouts[props.container] ?? layouts.default;
|
|
16
|
+
return /* @__PURE__ */ React.createElement(Container2, {
|
|
17
|
+
classNames: mx(props.classNames, props.scroll ? "overflow-y-auto" : "overflow-hidden")
|
|
18
|
+
}, /* @__PURE__ */ React.createElement(Story, null));
|
|
19
|
+
};
|
|
20
|
+
var layouts = {
|
|
21
|
+
default: ({ children, classNames }) => /* @__PURE__ */ React.createElement("div", {
|
|
22
|
+
role: "none",
|
|
23
|
+
className: mx(classNames)
|
|
24
|
+
}, children),
|
|
25
|
+
column: ({ children, classNames }) => /* @__PURE__ */ React.createElement("div", {
|
|
26
|
+
role: "none",
|
|
27
|
+
className: "fixed inset-0 flex justify-center overflow-hidden bg-deckSurface"
|
|
28
|
+
}, /* @__PURE__ */ React.createElement("div", {
|
|
29
|
+
role: "none",
|
|
30
|
+
className: mx("flex flex-col is-[40rem] bg-baseSurface", classNames)
|
|
31
|
+
}, children))
|
|
19
32
|
};
|
|
20
33
|
|
|
21
|
-
// src/testing/decorators/
|
|
34
|
+
// src/testing/decorators/withLayoutVariants.tsx
|
|
22
35
|
import { useSignals as _useSignals } from "@preact-signals/safe-react/tracking";
|
|
23
|
-
import
|
|
24
|
-
import { mx, surfaceShadow } from "@dxos/react-ui-theme";
|
|
36
|
+
import React2 from "react";
|
|
37
|
+
import { mx as mx2, surfaceShadow } from "@dxos/react-ui-theme";
|
|
25
38
|
var Container = ({ children, elevation, surface }) => {
|
|
26
39
|
var _effect = _useSignals();
|
|
27
40
|
try {
|
|
28
|
-
return /* @__PURE__ */
|
|
29
|
-
className:
|
|
41
|
+
return /* @__PURE__ */ React2.createElement("div", {
|
|
42
|
+
className: mx2("rounded-md border border-separator p-2", surface, surfaceShadow({
|
|
30
43
|
elevation
|
|
31
44
|
}))
|
|
32
45
|
}, children);
|
|
@@ -37,18 +50,18 @@ var Container = ({ children, elevation, surface }) => {
|
|
|
37
50
|
var Panel = ({ Story, elevations, densities, className }) => {
|
|
38
51
|
var _effect = _useSignals();
|
|
39
52
|
try {
|
|
40
|
-
return /* @__PURE__ */
|
|
41
|
-
className:
|
|
42
|
-
}, elevations?.map(({ elevation, surface }) => densities?.map((density) => /* @__PURE__ */
|
|
53
|
+
return /* @__PURE__ */ React2.createElement("div", {
|
|
54
|
+
className: mx2("flex flex-col bs-full p-4 gap-4", className)
|
|
55
|
+
}, elevations?.map(({ elevation, surface }) => densities?.map((density) => /* @__PURE__ */ React2.createElement(Container, {
|
|
43
56
|
key: `${elevation}--${density}`,
|
|
44
57
|
surface,
|
|
45
58
|
elevation
|
|
46
|
-
}, /* @__PURE__ */
|
|
59
|
+
}, /* @__PURE__ */ React2.createElement(Story, null)))));
|
|
47
60
|
} finally {
|
|
48
61
|
_effect.f();
|
|
49
62
|
}
|
|
50
63
|
};
|
|
51
|
-
var
|
|
64
|
+
var withLayoutVariants = ({ elevations = [
|
|
52
65
|
{
|
|
53
66
|
elevation: "base",
|
|
54
67
|
surface: "bg-baseSurface"
|
|
@@ -64,22 +77,37 @@ var withSurfaceVariantsLayout = ({ elevations = [
|
|
|
64
77
|
], densities = [
|
|
65
78
|
"coarse"
|
|
66
79
|
] } = {}) => {
|
|
67
|
-
return (Story) => /* @__PURE__ */
|
|
80
|
+
return (Story) => /* @__PURE__ */ React2.createElement("div", {
|
|
68
81
|
className: "fixed inset-0 grid grid-cols-2 overflow-y-auto"
|
|
69
|
-
}, /* @__PURE__ */
|
|
82
|
+
}, /* @__PURE__ */ React2.createElement(Panel, {
|
|
70
83
|
Story,
|
|
71
84
|
className: "light",
|
|
72
85
|
elevations,
|
|
73
86
|
densities
|
|
74
|
-
}), /* @__PURE__ */
|
|
87
|
+
}), /* @__PURE__ */ React2.createElement(Panel, {
|
|
75
88
|
Story,
|
|
76
89
|
className: "dark",
|
|
77
90
|
elevations,
|
|
78
91
|
densities
|
|
79
92
|
}));
|
|
80
93
|
};
|
|
94
|
+
|
|
95
|
+
// src/testing/decorators/withTheme.tsx
|
|
96
|
+
import React3, { memo } from "react";
|
|
97
|
+
import { defaultTx } from "@dxos/react-ui-theme";
|
|
98
|
+
var withTheme = (Story, context) => {
|
|
99
|
+
const { globals: { theme }, parameters: { translations } } = context;
|
|
100
|
+
const MemoizedStory = /* @__PURE__ */ memo(Story);
|
|
101
|
+
return /* @__PURE__ */ React3.createElement(ThemeProvider, {
|
|
102
|
+
tx: defaultTx,
|
|
103
|
+
themeMode: theme,
|
|
104
|
+
resourceExtensions: translations,
|
|
105
|
+
noCache: true
|
|
106
|
+
}, /* @__PURE__ */ React3.createElement(Tooltip.Provider, null, /* @__PURE__ */ React3.createElement(MemoizedStory, null)));
|
|
107
|
+
};
|
|
81
108
|
export {
|
|
82
|
-
|
|
109
|
+
withLayout,
|
|
110
|
+
withLayoutVariants,
|
|
83
111
|
withTheme
|
|
84
112
|
};
|
|
85
113
|
//# sourceMappingURL=index.mjs.map
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
|
-
"sources": ["../../../../src/testing/decorators/
|
|
4
|
-
"sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport { type Decorator, type
|
|
5
|
-
"mappings": "
|
|
6
|
-
"names": ["
|
|
3
|
+
"sources": ["../../../../src/testing/decorators/withLayout.tsx", "../../../../src/testing/decorators/withLayoutVariants.tsx", "../../../../src/testing/decorators/withTheme.tsx"],
|
|
4
|
+
"sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport { type Decorator } from '@storybook/react';\nimport React, { type FC, type PropsWithChildren } from 'react';\n\nimport { type ClassNameValue, type ThemedClassName } from '@dxos/react-ui';\nimport { mx } from '@dxos/react-ui-theme';\n\nexport type ContainerProps = ThemedClassName<PropsWithChildren>;\n\nexport type ContainerType = 'default' | 'column';\n\nexport type WithLayoutProps =\n | FC<ContainerProps>\n | { classNames?: ClassNameValue; container?: ContainerType; scroll?: boolean };\n\n/**\n * Adds layout container.\n */\nexport const withLayout =\n (props: WithLayoutProps): Decorator =>\n (Story) => {\n if (typeof props === 'function') {\n const Container = props;\n return (\n <Container>\n <Story />\n </Container>\n );\n }\n\n const Container = layouts[(props as any).container as ContainerType] ?? layouts.default;\n return (\n <Container classNames={mx(props.classNames, props.scroll ? 'overflow-y-auto' : 'overflow-hidden')}>\n <Story />\n </Container>\n );\n };\n\nconst layouts: Record<ContainerType, FC<ContainerProps>> = {\n default: ({ children, classNames }: ContainerProps) => (\n <div role='none' className={mx(classNames)}>\n {children}\n </div>\n ),\n\n column: ({ children, classNames }: ContainerProps) => (\n <div role='none' className='fixed inset-0 flex justify-center overflow-hidden bg-deckSurface'>\n <div role='none' className={mx('flex flex-col is-[40rem] bg-baseSurface', classNames)}>\n {children}\n </div>\n </div>\n ),\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { type Decorator } from '@storybook/react';\nimport React, { type ComponentType, type PropsWithChildren } from 'react';\n\nimport { mx, surfaceShadow } from '@dxos/react-ui-theme';\nimport { type Density, type Elevation } from '@dxos/react-ui-types';\n\ntype Config = {\n elevations?: { elevation: Elevation; surface?: string }[];\n densities?: Density[];\n};\n\nconst Container = ({ children, elevation, surface }: PropsWithChildren<{ elevation: Elevation; surface?: string }>) => (\n <div className={mx('rounded-md border border-separator p-2', surface, surfaceShadow({ elevation }))}>{children}</div>\n);\n\nconst Panel = ({\n Story,\n elevations,\n densities,\n className,\n}: { Story: ComponentType } & Config & { className?: string }) => (\n <div className={mx('flex flex-col bs-full p-4 gap-4', className)}>\n {elevations?.map(({ elevation, surface }) =>\n densities?.map((density) => (\n <Container key={`${elevation}--${density}`} surface={surface} elevation={elevation}>\n <Story />\n </Container>\n )),\n )}\n </div>\n);\n\nexport const withLayoutVariants = ({\n elevations = [\n { elevation: 'base', surface: 'bg-baseSurface' },\n { elevation: 'positioned', surface: 'bg-cardSurface' },\n { elevation: 'dialog', surface: 'bg-modalSurface' },\n ],\n densities = ['coarse'],\n}: Config = {}): Decorator => {\n return (Story) => (\n <div className='fixed inset-0 grid grid-cols-2 overflow-y-auto'>\n <Panel Story={Story} className='light' elevations={elevations} densities={densities} />\n <Panel Story={Story} className='dark' elevations={elevations} densities={densities} />\n </div>\n );\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { type Decorator } from '@storybook/react';\nimport React, { memo } from 'react';\n\nimport { defaultTx } from '@dxos/react-ui-theme';\n\nimport { type ThemeMode, ThemeProvider, Tooltip } from '../../components';\n\n/**\n * Adds theme decorator (add to preview.ts)\n */\nexport const withTheme: Decorator = (Story, context) => {\n const {\n globals: { theme },\n parameters: { translations },\n } = context;\n\n // Prevent re-rendering of the story.\n const MemoizedStory = memo(Story);\n\n return (\n <ThemeProvider tx={defaultTx} themeMode={theme as ThemeMode} resourceExtensions={translations} noCache>\n <Tooltip.Provider>\n <MemoizedStory />\n </Tooltip.Provider>\n </ThemeProvider>\n );\n};\n"],
|
|
5
|
+
"mappings": ";;;;;;;AAKA,OAAOA,WAAgD;AAGvD,SAASC,UAAU;AAaZ,IAAMC,aACX,CAACC,UACD,CAACC,UAAAA;AACC,MAAI,OAAOD,UAAU,YAAY;AAC/B,UAAME,aAAYF;AAClB,WACE,sBAAA,cAACE,YAAAA,MACC,sBAAA,cAACD,OAAAA,IAAAA,CAAAA;EAGP;AAEA,QAAMC,aAAYC,QAASH,MAAcI,SAAS,KAAsBD,QAAQE;AAChF,SACE,sBAAA,cAACH,YAAAA;IAAUI,YAAYC,GAAGP,MAAMM,YAAYN,MAAMQ,SAAS,oBAAoB,iBAAA;KAC7E,sBAAA,cAACP,OAAAA,IAAAA,CAAAA;AAGP;AAEF,IAAME,UAAqD;EACzDE,SAAS,CAAC,EAAEI,UAAUH,WAAU,MAC9B,sBAAA,cAACI,OAAAA;IAAIC,MAAK;IAAOC,WAAWL,GAAGD,UAAAA;KAC5BG,QAAAA;EAILI,QAAQ,CAAC,EAAEJ,UAAUH,WAAU,MAC7B,sBAAA,cAACI,OAAAA;IAAIC,MAAK;IAAOC,WAAU;KACzB,sBAAA,cAACF,OAAAA;IAAIC,MAAK;IAAOC,WAAWL,GAAG,2CAA2CD,UAAAA;KACvEG,QAAAA,CAAAA;AAIT;;;;AClDA,OAAOK,YAA2D;AAElE,SAASC,MAAAA,KAAIC,qBAAqB;AAQlC,IAAMC,YAAY,CAAC,EAAEC,UAAUC,WAAWC,QAAO,MAAiE;;;WAChH,gBAAAC,OAAA,cAACC,OAAAA;MAAIC,WAAWC,IAAG,0CAA0CJ,SAASK,cAAc;QAAEN;MAAU,CAAA,CAAA;OAAMD,QAAAA;;;;;AAGxG,IAAMQ,QAAQ,CAAC,EACbC,OACAC,YACAC,WACAN,UAAS,MACkD;;;WAC3D,gBAAAF,OAAA,cAACC,OAAAA;MAAIC,WAAWC,IAAG,mCAAmCD,SAAAA;OACnDK,YAAYE,IAAI,CAAC,EAAEX,WAAWC,QAAO,MACpCS,WAAWC,IAAI,CAACC,YACd,gBAAAV,OAAA,cAACJ,WAAAA;MAAUe,KAAK,GAAGb,SAAAA,KAAcY,OAAAA;MAAWX;MAAkBD;OAC5D,gBAAAE,OAAA,cAACM,OAAAA,IAAAA,CAAAA,CAAAA,CAAAA,CAAAA;;;;;AAOJ,IAAMM,qBAAqB,CAAC,EACjCL,aAAa;EACX;IAAET,WAAW;IAAQC,SAAS;EAAiB;EAC/C;IAAED,WAAW;IAAcC,SAAS;EAAiB;EACrD;IAAED,WAAW;IAAUC,SAAS;EAAkB;GAEpDS,YAAY;EAAC;EAAS,IACZ,CAAC,MAAC;AACZ,SAAO,CAACF,UACN,gBAAAN,OAAA,cAACC,OAAAA;IAAIC,WAAU;KACb,gBAAAF,OAAA,cAACK,OAAAA;IAAMC;IAAcJ,WAAU;IAAQK;IAAwBC;MAC/D,gBAAAR,OAAA,cAACK,OAAAA;IAAMC;IAAcJ,WAAU;IAAOK;IAAwBC;;AAGpE;;;AC7CA,OAAOK,UAASC,YAAY;AAE5B,SAASC,iBAAiB;AAOnB,IAAMC,YAAuB,CAACC,OAAOC,YAAAA;AAC1C,QAAM,EACJC,SAAS,EAAEC,MAAK,GAChBC,YAAY,EAAEC,aAAY,EAAE,IAC1BJ;AAGJ,QAAMK,gBAAgBC,qBAAKP,KAAAA;AAE3B,SACE,gBAAAQ,OAAA,cAACC,eAAAA;IAAcC,IAAIC;IAAWC,WAAWT;IAAoBU,oBAAoBR;IAAcS,SAAAA;KAC7F,gBAAAN,OAAA,cAACO,QAAQC,UAAQ,MACf,gBAAAR,OAAA,cAACF,eAAAA,IAAAA,CAAAA,CAAAA;AAIT;",
|
|
6
|
+
"names": ["React", "mx", "withLayout", "props", "Story", "Container", "layouts", "container", "default", "classNames", "mx", "scroll", "children", "div", "role", "className", "column", "React", "mx", "surfaceShadow", "Container", "children", "elevation", "surface", "React", "div", "className", "mx", "surfaceShadow", "Panel", "Story", "elevations", "densities", "map", "density", "key", "withLayoutVariants", "React", "memo", "defaultTx", "withTheme", "Story", "context", "globals", "theme", "parameters", "translations", "MemoizedStory", "memo", "React", "ThemeProvider", "tx", "defaultTx", "themeMode", "resourceExtensions", "noCache", "Tooltip", "Provider"]
|
|
7
7
|
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import '@dxos/lit-ui/dx-avatar.pcss';
|
|
2
2
|
import { Primitive } from '@radix-ui/react-primitive';
|
|
3
3
|
import React, { type ComponentProps, type ComponentPropsWithRef, type PropsWithChildren } from 'react';
|
|
4
|
-
import { type
|
|
4
|
+
import { type AvatarAnimation, type AvatarStatus, type AvatarVariant, type DxAvatar as NaturalDxAvatar } from '@dxos/lit-ui';
|
|
5
5
|
import { DxAvatar } from '@dxos/lit-ui/react';
|
|
6
6
|
import { type ThemedClassName } from '../../util';
|
|
7
7
|
export type AvatarRootProps = PropsWithChildren<Partial<AvatarContextValue>>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../../../src/components/Avatars/Avatar.tsx"],"names":[],"mappings":"AAIA,OAAO,6BAA6B,CAAC;AAGrC,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAEtD,OAAO,KAAK,EAAE,EAAE,KAAK,cAAc,EAAE,KAAK,qBAAqB,
|
|
1
|
+
{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../../../src/components/Avatars/Avatar.tsx"],"names":[],"mappings":"AAIA,OAAO,6BAA6B,CAAC;AAGrC,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAEtD,OAAO,KAAK,EAAE,EAAE,KAAK,cAAc,EAAE,KAAK,qBAAqB,EAAE,KAAK,iBAAiB,EAAc,MAAM,OAAO,CAAC;AAEnH,OAAO,EACL,KAAK,eAAe,EACpB,KAAK,YAAY,EACjB,KAAK,aAAa,EAClB,KAAK,QAAQ,IAAI,eAAe,EACjC,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAK9C,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,YAAY,CAAC;AAElD,MAAM,MAAM,eAAe,GAAG,iBAAiB,CAAC,OAAO,CAAC,kBAAkB,CAAC,CAAC,CAAC;AAE7E,KAAK,kBAAkB,GAAG;IACxB,OAAO,EAAE,MAAM,CAAC;IAChB,aAAa,EAAE,MAAM,CAAC;CACvB,CAAC;AAGF,QAAA,MAAuB,gBAAgB,8CAAkD,CAAC;AAQ1F,KAAK,kBAAkB,GAAG,eAAe,CAAC,IAAI,CAAC,cAAc,CAAC,OAAO,QAAQ,CAAC,EAAE,UAAU,CAAC,CAAC,CAAC;AAmB7F,KAAK,gBAAgB,GAAG,eAAe,CAAC,IAAI,CAAC,qBAAqB,CAAC,OAAO,SAAS,CAAC,IAAI,CAAC,EAAE,IAAI,CAAC,CAAC,GAAG;IAClG,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB,CAAC;AAkBF,KAAK,sBAAsB,GAAG,eAAe,CAAC,IAAI,CAAC,qBAAqB,CAAC,OAAO,SAAS,CAAC,IAAI,CAAC,EAAE,IAAI,CAAC,CAAC,GAAG;IACxG,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB,CAAC;AAkBF,eAAO,MAAM,MAAM;mFAnEyE,eAAe;;;;CAwE1G,CAAC;AAEF,OAAO,EAAE,gBAAgB,EAAE,CAAC;AAE5B,YAAY,EACV,YAAY,EACZ,aAAa,EACb,eAAe,EACf,kBAAkB,EAClB,gBAAgB,EAChB,sBAAsB,EACtB,eAAe,IAAI,QAAQ,GAC5B,CAAC"}
|
|
@@ -1,39 +1,13 @@
|
|
|
1
|
-
import '
|
|
2
|
-
|
|
3
|
-
import { type HuePalette } from '@dxos/react-ui-theme';
|
|
4
|
-
import { type Size } from '@dxos/react-ui-types';
|
|
5
|
-
import { type AvatarVariant, type AvatarStatus, type AvatarAnimation } from './Avatar';
|
|
6
|
-
type StoryProps = {
|
|
7
|
-
id?: string;
|
|
8
|
-
imgSrc?: string;
|
|
9
|
-
fallbackText?: string;
|
|
10
|
-
label?: string;
|
|
11
|
-
description?: string;
|
|
12
|
-
status?: AvatarStatus;
|
|
13
|
-
variant?: AvatarVariant;
|
|
14
|
-
animation?: AvatarAnimation;
|
|
15
|
-
size?: Size;
|
|
16
|
-
hue?: HuePalette;
|
|
17
|
-
};
|
|
18
|
-
declare const _default: {
|
|
1
|
+
import React from 'react';
|
|
2
|
+
declare const meta: {
|
|
19
3
|
title: string;
|
|
20
|
-
component: {
|
|
21
|
-
Root: ({ children, labelId: propsLabelId, descriptionId: propsDescriptionId }: import("./Avatar").AvatarRootProps) => React.JSX.Element;
|
|
22
|
-
Content: React.ForwardRefExoticComponent<Omit<import("./Avatar").AvatarContentProps, "ref"> & React.RefAttributes<import("@dxos/lit-ui").DxAvatar>>;
|
|
23
|
-
Label: React.ForwardRefExoticComponent<Omit<import("./Avatar").AvatarLabelProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;
|
|
24
|
-
Description: React.ForwardRefExoticComponent<Omit<import("./Avatar").AvatarDescriptionProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;
|
|
25
|
-
};
|
|
26
|
-
render: (props: PropsWithChildren<StoryProps>) => React.JSX.Element;
|
|
4
|
+
component: ({ children, labelId: propsLabelId, descriptionId: propsDescriptionId }: import("./Avatar").AvatarRootProps) => React.JSX.Element;
|
|
27
5
|
decorators: import("@storybook/react").Decorator[];
|
|
28
|
-
parameters: {
|
|
29
|
-
chromatic: {
|
|
30
|
-
disableSnapshot: boolean;
|
|
31
|
-
};
|
|
32
|
-
};
|
|
33
6
|
};
|
|
34
|
-
export default
|
|
7
|
+
export default meta;
|
|
35
8
|
export declare const Default: () => React.JSX.Element;
|
|
36
9
|
export declare const Image: () => React.JSX.Element;
|
|
10
|
+
export declare const BrokenImage: () => React.JSX.Element;
|
|
37
11
|
export declare const Square: () => React.JSX.Element;
|
|
38
12
|
export declare const DefaultEmoji: () => React.JSX.Element;
|
|
39
13
|
export declare const SquareEmoji: () => React.JSX.Element;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Avatar.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Avatars/Avatar.stories.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Avatar.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Avatars/Avatar.stories.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAiC,MAAM,OAAO,CAAC;AAqDtD,QAAA,MAAM,IAAI;;;;CAI0B,CAAC;AAErC,eAAe,IAAI,CAAC;AAepB,eAAO,MAAM,OAAO,yBAenB,CAAC;AAEF,eAAO,MAAM,KAAK,yBAIjB,CAAC;AAEF,eAAO,MAAM,WAAW,yBAIvB,CAAC;AAEF,eAAO,MAAM,MAAM,yBAOlB,CAAC;AAEF,eAAO,MAAM,YAAY,yBAOxB,CAAC;AAEF,eAAO,MAAM,WAAW,yBAA4D,CAAC;AAErF,eAAO,MAAM,WAAW,yBASvB,CAAC;AAEF,eAAO,MAAM,KAAK,yBAA8D,CAAC;AAEjF,eAAO,MAAM,KAAK,yBAOjB,CAAC"}
|
|
@@ -1,17 +1,11 @@
|
|
|
1
|
-
import '@
|
|
1
|
+
import { type StoryObj } from '@storybook/react-vite';
|
|
2
2
|
import React from 'react';
|
|
3
|
-
declare const
|
|
3
|
+
declare const meta: {
|
|
4
4
|
title: string;
|
|
5
5
|
render: () => React.JSX.Element;
|
|
6
6
|
decorators: import("@storybook/react").Decorator[];
|
|
7
|
-
parameters: {
|
|
8
|
-
chromatic: {
|
|
9
|
-
disableSnapshot: boolean;
|
|
10
|
-
};
|
|
11
|
-
};
|
|
12
|
-
};
|
|
13
|
-
export default _default;
|
|
14
|
-
export declare const Default: {
|
|
15
|
-
args: {};
|
|
16
7
|
};
|
|
8
|
+
export default meta;
|
|
9
|
+
type Story = StoryObj<typeof meta>;
|
|
10
|
+
export declare const Default: Story;
|
|
17
11
|
//# sourceMappingURL=AvatarGroup.stories.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AvatarGroup.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Avatars/AvatarGroup.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,
|
|
1
|
+
{"version":3,"file":"AvatarGroup.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Avatars/AvatarGroup.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAAK,MAAM,OAAO,CAAC;AAkC1B,QAAA,MAAM,IAAI;;;;CAI2B,CAAC;AAEtC,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { Primitive } from '@radix-ui/react-primitive';
|
|
2
|
-
import React, { type
|
|
2
|
+
import React, { type ComponentPropsWithRef, type ComponentPropsWithoutRef } from 'react';
|
|
3
3
|
import { type ThemedClassName } from '../../util';
|
|
4
4
|
import { type LinkProps } from '../Link';
|
|
5
5
|
type BreadcrumbRootProps = ThemedClassName<ComponentPropsWithRef<typeof Primitive.div>> & {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Breadcrumb.d.ts","sourceRoot":"","sources":["../../../../../src/components/Breadcrumb/Breadcrumb.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAEtD,OAAO,KAAK,EAAE,EAAE,KAAK,
|
|
1
|
+
{"version":3,"file":"Breadcrumb.d.ts","sourceRoot":"","sources":["../../../../../src/components/Breadcrumb/Breadcrumb.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAEtD,OAAO,KAAK,EAAE,EAAE,KAAK,qBAAqB,EAAE,KAAK,wBAAwB,EAAc,MAAM,OAAO,CAAC;AAGrG,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,YAAY,CAAC;AAElD,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,SAAS,CAAC;AAE/C,KAAK,mBAAmB,GAAG,eAAe,CAAC,qBAAqB,CAAC,OAAO,SAAS,CAAC,GAAG,CAAC,CAAC,GAAG;IACxF,YAAY,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAiBF,KAAK,mBAAmB,GAAG,eAAe,CAAC,qBAAqB,CAAC,OAAO,SAAS,CAAC,EAAE,CAAC,CAAC,GAAG;IAAE,OAAO,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AAiB/G,KAAK,uBAAuB,GAAG,eAAe,CAAC,qBAAqB,CAAC,OAAO,SAAS,CAAC,EAAE,CAAC,CAAC,GAAG;IAAE,OAAO,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AAiBnH,KAAK,mBAAmB,GAAG,SAAS,CAAC;AAOrC,KAAK,sBAAsB,GAAG,eAAe,CAAC,qBAAqB,CAAC,IAAI,CAAC,CAAC,GAAG;IAAE,OAAO,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AAiBnG,KAAK,wBAAwB,GAAG,eAAe,CAAC,wBAAwB,CAAC,OAAO,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC;AAgBjG,eAAO,MAAM,UAAU;;;;;;oDAd0C,wBAAwB;CAqBxF,CAAC;AAEF,YAAY,EACV,mBAAmB,EACnB,mBAAmB,EACnB,uBAAuB,EACvB,mBAAmB,EACnB,sBAAsB,EACtB,wBAAwB,GACzB,CAAC"}
|
|
@@ -1,25 +1,13 @@
|
|
|
1
|
-
import '@
|
|
1
|
+
import { type StoryObj } from '@storybook/react-vite';
|
|
2
2
|
import React from 'react';
|
|
3
|
-
|
|
3
|
+
import { type BreadcrumbRootProps } from './Breadcrumb';
|
|
4
|
+
declare const meta: {
|
|
4
5
|
title: string;
|
|
5
|
-
component:
|
|
6
|
-
|
|
7
|
-
List: React.ForwardRefExoticComponent<Omit<import("./Breadcrumb").BreadcrumbListProps, "ref"> & React.RefAttributes<HTMLOListElement>>;
|
|
8
|
-
ListItem: React.ForwardRefExoticComponent<Omit<import("./Breadcrumb").BreadcrumbListItemProps, "ref"> & React.RefAttributes<HTMLLIElement>>;
|
|
9
|
-
Link: React.ForwardRefExoticComponent<Omit<import("..").LinkProps, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
|
|
10
|
-
Current: React.ForwardRefExoticComponent<Omit<import("./Breadcrumb").BreadcrumbCurrentProps, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
|
|
11
|
-
Separator: ({ children, classNames, ...props }: import("./Breadcrumb").BreadcrumbSeparatorProps) => React.JSX.Element;
|
|
12
|
-
};
|
|
13
|
-
render: () => React.JSX.Element;
|
|
6
|
+
component: any;
|
|
7
|
+
render: (props: BreadcrumbRootProps) => React.JSX.Element;
|
|
14
8
|
decorators: import("@storybook/react").Decorator[];
|
|
15
|
-
parameters: {
|
|
16
|
-
chromatic: {
|
|
17
|
-
disableSnapshot: boolean;
|
|
18
|
-
};
|
|
19
|
-
};
|
|
20
|
-
};
|
|
21
|
-
export default _default;
|
|
22
|
-
export declare const Default: {
|
|
23
|
-
args: {};
|
|
24
9
|
};
|
|
10
|
+
export default meta;
|
|
11
|
+
type Story = StoryObj<typeof meta>;
|
|
12
|
+
export declare const Default: Story;
|
|
25
13
|
//# sourceMappingURL=Breadcrumb.stories.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Breadcrumb.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Breadcrumb/Breadcrumb.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,
|
|
1
|
+
{"version":3,"file":"Breadcrumb.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Breadcrumb/Breadcrumb.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,EAAc,KAAK,mBAAmB,EAAE,MAAM,cAAc,CAAC;AA8BpE,QAAA,MAAM,IAAI;;eAEsB,GAAG;oBA9BN,mBAAmB;;CAiCX,CAAC;AAEtC,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC"}
|
|
@@ -13,7 +13,7 @@ type ButtonGroupContextValue = {
|
|
|
13
13
|
};
|
|
14
14
|
declare const BUTTON_GROUP_NAME = "ButtonGroup";
|
|
15
15
|
declare const useButtonGroupContext: (consumerName: string) => ButtonGroupContextValue;
|
|
16
|
-
declare const Button: React.
|
|
16
|
+
declare const Button: React.NamedExoticComponent<Omit<ButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
17
17
|
type ButtonGroupProps = ThemedClassName<ComponentPropsWithRef<typeof Primitive.div>> & {
|
|
18
18
|
elevation?: Elevation;
|
|
19
19
|
asChild?: boolean;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAEtD,OAAO,KAAK,EAAE,EAAE,KAAK,qBAAqB,EAAoB,MAAM,OAAO,CAAC;AAE5E,OAAO,EAAE,KAAK,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAGpE,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,YAAY,CAAC;AAElD,UAAU,WAAY,SAAQ,eAAe,CAAC,qBAAqB,CAAC,OAAO,SAAS,CAAC,MAAM,CAAC,CAAC;IAC3F,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,aAAa,CAAC;IACtE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,KAAK,uBAAuB,GAAG;IAAE,OAAO,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AAErD,QAAA,MAAM,iBAAiB,gBAAgB,CAAC;AAGxC,QAAA,MAA4B,qBAAqB,mDAE/C,CAAC;AAEH,QAAA,MAAM,MAAM,+FA6CX,CAAC;AAIF,KAAK,gBAAgB,GAAG,eAAe,CAAC,qBAAqB,CAAC,OAAO,SAAS,CAAC,GAAG,CAAC,CAAC,GAAG;IACrF,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,QAAA,MAAM,WAAW,sGAgBhB,CAAC;AAIF,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,iBAAiB,EAAE,qBAAqB,EAAE,CAAC;AAEzE,YAAY,EAAE,WAAW,EAAE,gBAAgB,EAAE,CAAC"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { type StoryObj } from '@storybook/react-vite';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import { type ButtonProps } from './Button';
|
|
4
|
+
declare const meta: {
|
|
5
|
+
title: string;
|
|
6
|
+
component: React.NamedExoticComponent<Omit<ButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
7
|
+
render: ({ children, ...args }: Omit<ButtonProps, "ref">) => React.JSX.Element;
|
|
8
|
+
decorators: import("@storybook/react").Decorator[];
|
|
9
|
+
};
|
|
10
|
+
export default meta;
|
|
11
|
+
type Story = StoryObj<typeof meta>;
|
|
12
|
+
export declare const Default: Story;
|
|
13
|
+
export declare const Primary: Story;
|
|
14
|
+
export declare const Destructive: Story;
|
|
15
|
+
export declare const Outline: Story;
|
|
16
|
+
export declare const Ghost: Story;
|
|
17
|
+
//# sourceMappingURL=Button.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Button.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Button/Button.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,OAAO,EAAuB,KAAK,WAAW,EAAE,MAAM,UAAU,CAAC;AAuBjE,QAAA,MAAM,IAAI;;;oCArBmC,IAAI,CAAC,WAAW,EAAE,KAAK,CAAC;;CA0BtC,CAAC;AAEhC,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAInC,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAEzB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAEnB,CAAC"}
|
|
@@ -1,15 +1,14 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { type ButtonProps } from './Button';
|
|
3
2
|
import { type ThemedClassName } from '../../util';
|
|
4
3
|
import { type IconProps } from '../Icon';
|
|
5
4
|
import { type TooltipSide } from '../Tooltip';
|
|
6
|
-
|
|
5
|
+
import { type ButtonProps } from './Button';
|
|
6
|
+
type IconButtonProps = Omit<ButtonProps, 'children'> & Partial<Pick<IconProps, 'icon' | 'size'>> & {
|
|
7
7
|
label: string;
|
|
8
8
|
iconOnly?: boolean;
|
|
9
9
|
noTooltip?: boolean;
|
|
10
10
|
caretDown?: boolean;
|
|
11
11
|
iconClassNames?: ThemedClassName<any>['classNames'];
|
|
12
|
-
tooltipPortal?: boolean;
|
|
13
12
|
tooltipSide?: TooltipSide;
|
|
14
13
|
};
|
|
15
14
|
declare const IconButton: React.ForwardRefExoticComponent<Omit<IconButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../../../../src/components/Button/IconButton.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAG1C,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,YAAY,CAAC;AAClD,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,SAAS,CAAC;AAC/C,OAAO,EAAW,KAAK,WAAW,EAAE,MAAM,YAAY,CAAC;AAEvD,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,UAAU,CAAC;AAEpD,KAAK,eAAe,GAAG,IAAI,CAAC,WAAW,EAAE,UAAU,CAAC,GAClD,OAAO,CAAC,IAAI,CAAC,SAAS,EAAE,MAAM,GAAG,MAAM,CAAC,CAAC,GAAG;IAC1C,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,eAAe,CAAC,GAAG,CAAC,CAAC,YAAY,CAAC,CAAC;IACpD,WAAW,CAAC,EAAE,WAAW,CAAC;CAC3B,CAAC;AAEJ,QAAA,MAAM,UAAU,wGAMf,CAAC;AA8BF,OAAO,EAAE,UAAU,EAAE,CAAC;AAEtB,YAAY,EAAE,eAAe,EAAE,CAAC"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { type StoryObj } from '@storybook/react-vite';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import { type IconButtonProps } from './IconButton';
|
|
4
|
+
declare const meta: {
|
|
5
|
+
title: string;
|
|
6
|
+
component: React.ForwardRefExoticComponent<Omit<IconButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
7
|
+
render: any;
|
|
8
|
+
decorators: import("@storybook/react").Decorator[];
|
|
9
|
+
};
|
|
10
|
+
export default meta;
|
|
11
|
+
type Story = StoryObj<typeof meta>;
|
|
12
|
+
export declare const Default: Story;
|
|
13
|
+
//# sourceMappingURL=IconButton.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"IconButton.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Button/IconButton.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,EAAc,KAAK,eAAe,EAAE,MAAM,cAAc,CAAC;AAehE,QAAA,MAAM,IAAI;;;YAGgB,GAAG;;CAEM,CAAC;AAEpC,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Toggle.d.ts","sourceRoot":"","sources":["../../../../../src/components/Button/Toggle.tsx"],"names":[],"mappings":"AAIA,OAAO,EAA6B,KAAK,WAAW,IAAI,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC7G,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,UAAU,CAAC;AAEpD,KAAK,WAAW,GAAG,IAAI,CAAC,oBAAoB,EAAE,SAAS,CAAC,GAAG,WAAW,CAAC;AAEvE,QAAA,MAAM,MAAM,oGAQX,CAAC;AAEF,OAAO,EAAE,MAAM,EAAE,CAAC;AAClB,YAAY,EAAE,WAAW,EAAE,CAAC"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { type StoryObj } from '@storybook/react-vite';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import { type ToggleProps } from './Toggle';
|
|
4
|
+
declare const meta: {
|
|
5
|
+
title: string;
|
|
6
|
+
component: React.ForwardRefExoticComponent<Omit<ToggleProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
7
|
+
render: (props: ToggleProps) => React.JSX.Element;
|
|
8
|
+
decorators: import("@storybook/react").Decorator[];
|
|
9
|
+
parameters: {
|
|
10
|
+
layout: string;
|
|
11
|
+
};
|
|
12
|
+
};
|
|
13
|
+
export default meta;
|
|
14
|
+
type Story = StoryObj<typeof meta>;
|
|
15
|
+
export declare const Default: Story;
|
|
16
|
+
//# sourceMappingURL=Toggle.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Toggle.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Button/Toggle.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,UAAU,CAAC;AAUpD,QAAA,MAAM,IAAI;;;oBARmB,WAAW;;;;;CAgBT,CAAC;AAEhC,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC"}
|
|
@@ -1,19 +1,16 @@
|
|
|
1
|
-
import { type
|
|
1
|
+
import { type ToggleGroupItemProps as ToggleGroupItemPrimitiveProps, type ToggleGroupMultipleProps, type ToggleGroupSingleProps } from '@radix-ui/react-toggle-group';
|
|
2
2
|
import React from 'react';
|
|
3
3
|
import { type ButtonProps } from './Button';
|
|
4
|
+
import { type IconButtonProps } from './IconButton';
|
|
4
5
|
type ToggleGroupProps = Omit<ToggleGroupSingleProps, 'className'> | Omit<ToggleGroupMultipleProps, 'className'>;
|
|
5
|
-
declare const ToggleGroup: React.ForwardRefExoticComponent<(Omit<Omit<ToggleGroupSingleProps, "className"> & Omit<
|
|
6
|
-
ref?: ((instance: HTMLDivElement | null) => void | React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | React.RefObject<HTMLDivElement> | null | undefined;
|
|
7
|
-
} & {
|
|
6
|
+
declare const ToggleGroup: React.ForwardRefExoticComponent<(Omit<Omit<ToggleGroupSingleProps, "className"> & Omit<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
|
|
8
7
|
asChild?: boolean;
|
|
9
8
|
}, "className"> & {
|
|
10
9
|
classNames?: import("@dxos/react-ui-types").ClassNameValue;
|
|
11
10
|
} & {
|
|
12
11
|
elevation?: import("@dxos/react-ui-types").Elevation;
|
|
13
12
|
asChild?: boolean;
|
|
14
|
-
}, "ref"> | Omit<Omit<ToggleGroupMultipleProps, "className"> & Omit<
|
|
15
|
-
ref?: ((instance: HTMLDivElement | null) => void | React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | React.RefObject<HTMLDivElement> | null | undefined;
|
|
16
|
-
} & {
|
|
13
|
+
}, "ref"> | Omit<Omit<ToggleGroupMultipleProps, "className"> & Omit<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
|
|
17
14
|
asChild?: boolean;
|
|
18
15
|
}, "className"> & {
|
|
19
16
|
classNames?: import("@dxos/react-ui-types").ClassNameValue;
|
|
@@ -23,6 +20,8 @@ declare const ToggleGroup: React.ForwardRefExoticComponent<(Omit<Omit<ToggleGrou
|
|
|
23
20
|
}, "ref">) & React.RefAttributes<HTMLDivElement>>;
|
|
24
21
|
type ToggleGroupItemProps = Omit<ToggleGroupItemPrimitiveProps, 'className'> & ButtonProps;
|
|
25
22
|
declare const ToggleGroupItem: React.ForwardRefExoticComponent<Omit<ToggleGroupItemProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
26
|
-
|
|
23
|
+
type ToggleGroupIconItemProps = Omit<ToggleGroupItemPrimitiveProps, 'className'> & IconButtonProps;
|
|
24
|
+
declare const ToggleGroupIconItem: React.ForwardRefExoticComponent<Omit<ToggleGroupIconItemProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
25
|
+
export { ToggleGroup, ToggleGroupItem, ToggleGroupIconItem };
|
|
27
26
|
export type { ToggleGroupProps, ToggleGroupItemProps };
|
|
28
27
|
//# sourceMappingURL=ToggleGroup.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ToggleGroup.d.ts","sourceRoot":"","sources":["../../../../../src/components/Button/ToggleGroup.tsx"],"names":[],"mappings":"AAIA,OAAO,EAEL,KAAK,oBAAoB,IAAI,6BAA6B,EAC1D,KAAK,wBAAwB,EAE7B,KAAK,sBAAsB,EAC5B,MAAM,8BAA8B,CAAC;AACtC,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,EAA8C,KAAK,WAAW,EAAE,MAAM,UAAU,CAAC;AACxF,OAAO,EAAc,KAAK,eAAe,EAAE,MAAM,cAAc,CAAC;AAEhE,KAAK,gBAAgB,GAAG,IAAI,CAAC,sBAAsB,EAAE,WAAW,CAAC,GAAG,IAAI,CAAC,wBAAwB,EAAE,WAAW,CAAC,CAAC;AAEhH,QAAA,MAAM,WAAW;;;;;;;;;;;;;;iDAQhB,CAAC;AAEF,KAAK,oBAAoB,GAAG,IAAI,CAAC,6BAA6B,EAAE,WAAW,CAAC,GAAG,WAAW,CAAC;AAE3F,QAAA,MAAM,eAAe,6GAQpB,CAAC;AAEF,KAAK,wBAAwB,GAAG,IAAI,CAAC,6BAA6B,EAAE,WAAW,CAAC,GAAG,eAAe,CAAC;AAEnG,QAAA,MAAM,mBAAmB,iHAQxB,CAAC;AAEF,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,mBAAmB,EAAE,CAAC;AAC7D,YAAY,EAAE,gBAAgB,EAAE,oBAAoB,EAAE,CAAC"}
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import { type StoryObj } from '@storybook/react-vite';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import { type ToggleGroupProps } from './ToggleGroup';
|
|
4
|
+
declare const meta: {
|
|
5
|
+
title: string;
|
|
6
|
+
component: React.ForwardRefExoticComponent<(Omit<Omit<import("@radix-ui/react-toggle-group").ToggleGroupSingleProps, "className"> & Omit<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
|
|
7
|
+
asChild?: boolean;
|
|
8
|
+
}, "className"> & {
|
|
9
|
+
classNames?: import("@dxos/react-ui-types").ClassNameValue;
|
|
10
|
+
} & {
|
|
11
|
+
elevation?: import("@dxos/react-ui-types").Elevation;
|
|
12
|
+
asChild?: boolean;
|
|
13
|
+
}, "ref"> | Omit<Omit<import("@radix-ui/react-toggle-group").ToggleGroupMultipleProps, "className"> & Omit<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
|
|
14
|
+
asChild?: boolean;
|
|
15
|
+
}, "className"> & {
|
|
16
|
+
classNames?: import("@dxos/react-ui-types").ClassNameValue;
|
|
17
|
+
} & {
|
|
18
|
+
elevation?: import("@dxos/react-ui-types").Elevation;
|
|
19
|
+
asChild?: boolean;
|
|
20
|
+
}, "ref">) & React.RefAttributes<HTMLDivElement>>;
|
|
21
|
+
render: (props: ToggleGroupProps) => React.JSX.Element;
|
|
22
|
+
decorators: import("@storybook/react").Decorator[];
|
|
23
|
+
};
|
|
24
|
+
export default meta;
|
|
25
|
+
type Story = StoryObj<typeof meta>;
|
|
26
|
+
export declare const Default: Story;
|
|
27
|
+
//# sourceMappingURL=ToggleGroup.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ToggleGroup.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Button/ToggleGroup.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,EAAgC,KAAK,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAgBpF,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;oBAbmB,gBAAgB;;CAkBT,CAAC;AAErC,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Button/index.ts"],"names":[],"mappings":"AAIA,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ClipboardProvider.d.ts","sourceRoot":"","sources":["../../../../../src/components/Clipboard/ClipboardProvider.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"ClipboardProvider.d.ts","sourceRoot":"","sources":["../../../../../src/components/Clipboard/ClipboardProvider.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,EAAE,KAAK,iBAAiB,EAAoD,MAAM,OAAO,CAAC;AAExG,MAAM,MAAM,qBAAqB,GAAG;IAClC,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;CACpD,CAAC;AAEF,eAAO,MAAM,gBAAgB,sCAG3B,CAAC;AAEH,eAAO,MAAM,YAAY,6BAAqC,CAAC;AAE/D,eAAO,MAAM,iBAAiB,GAAI,cAAc,iBAAiB,CAAC,EAAE,CAAC,sBAOpE,CAAC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { type ButtonProps } from '../
|
|
2
|
+
import { type ButtonProps } from '../Button';
|
|
3
3
|
import { type IconProps } from '../Icon';
|
|
4
4
|
import { type TooltipScopedProps } from '../Tooltip';
|
|
5
5
|
export type CopyButtonProps = ButtonProps & Pick<IconProps, 'size'> & {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CopyButton.d.ts","sourceRoot":"","sources":["../../../../../src/components/Clipboard/CopyButton.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"CopyButton.d.ts","sourceRoot":"","sources":["../../../../../src/components/Clipboard/CopyButton.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAU,KAAK,WAAW,EAAc,MAAM,WAAW,CAAC;AACjE,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,SAAS,CAAC;AAE/C,OAAO,EAAE,KAAK,kBAAkB,EAAqB,MAAM,YAAY,CAAC;AAIxE,MAAM,MAAM,eAAe,GAAG,WAAW,GACvC,IAAI,CAAC,SAAS,EAAE,MAAM,CAAC,GAAG;IACxB,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAIJ,eAAO,MAAM,UAAU,GAAI,uCAA2C,eAAe,sBAqBpF,CAAC;AAEF,KAAK,uBAAuB,GAAG,eAAe,GAAG;IAC/C,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAAI,gEAOhC,kBAAkB,CAAC,uBAAuB,CAAC,sBAkB7C,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DensityProvider.d.ts","sourceRoot":"","sources":["../../../../../src/components/DensityProvider/DensityProvider.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"DensityProvider.d.ts","sourceRoot":"","sources":["../../../../../src/components/DensityProvider/DensityProvider.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,EAAE,KAAK,iBAAiB,EAAiB,MAAM,OAAO,CAAC;AAErE,OAAO,EAAE,KAAK,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAEpD,MAAM,WAAW,mBAAmB;IAClC,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,MAAM,oBAAoB,GAAG,iBAAiB,CAAC;IACnD,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC,CAAC;AAEH,eAAO,MAAM,cAAc,oCAA0D,CAAC;AAEtF,eAAO,MAAM,eAAe,GAAI,uBAAuB,oBAAoB,sBAE1E,CAAC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { type
|
|
1
|
+
import { type AlertDialogActionProps as AlertDialogActionPrimitiveProps, type AlertDialogCancelProps as AlertDialogCancelPrimitiveProps, type AlertDialogContentProps as AlertDialogContentPrimitiveProps, type AlertDialogDescriptionProps as AlertDialogDescriptionPrimitiveProps, type AlertDialogOverlayProps as AlertDialogOverlayPrimitiveProps, type AlertDialogPortalProps as AlertDialogPortalPrimitiveProps, type AlertDialogProps as AlertDialogRootPrimitiveProps, type AlertDialogTitleProps as AlertDialogTitlePrimitiveProps, type AlertDialogTriggerProps as AlertDialogTriggerPrimitiveProps } from '@radix-ui/react-alert-dialog';
|
|
2
2
|
import React from 'react';
|
|
3
3
|
import { type ThemedClassName } from '../../util';
|
|
4
4
|
type AlertDialogRootProps = AlertDialogRootPrimitiveProps;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AlertDialog.d.ts","sourceRoot":"","sources":["../../../../../src/components/Dialog/AlertDialog.tsx"],"names":[],"mappings":"AAIA,OAAO,EAEL,KAAK,sBAAsB,IAAI,+BAA+B,EAE9D,KAAK,sBAAsB,IAAI,+BAA+B,EAE9D,KAAK,uBAAuB,IAAI,gCAAgC,EAEhE,KAAK,2BAA2B,IAAI,oCAAoC,EAExE,KAAK,uBAAuB,IAAI,gCAAgC,EAEhE,KAAK,sBAAsB,IAAI,+BAA+B,EAE9D,KAAK,gBAAgB,IAAI,6BAA6B,EAEtD,KAAK,qBAAqB,IAAI,8BAA8B,EAE5D,KAAK,uBAAuB,IAAI,gCAAgC,EACjE,MAAM,8BAA8B,CAAC;AAEtC,OAAO,KAA6E,MAAM,OAAO,CAAC;AAGlG,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,YAAY,CAAC;AAGlD,KAAK,oBAAoB,GAAG,6BAA6B,CAAC;AAQ1D,KAAK,uBAAuB,GAAG,gCAAgC,CAAC;AAIhE,KAAK,sBAAsB,GAAG,+BAA+B,CAAC;AAI9D,KAAK,sBAAsB,GAAG,+BAA+B,CAAC;AAI9D,KAAK,sBAAsB,GAAG,+BAA+B,CAAC;AAI9D,KAAK,qBAAqB,GAAG,eAAe,CAAC,8BAA8B,CAAC,GAAG;IAAE,MAAM,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AAgBpG,KAAK,2BAA2B,GAAG,eAAe,CAAC,oCAAoC,CAAC,GAAG;IAAE,MAAM,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AA0BhH,KAAK,uBAAuB,GAAG,eAAe,CAAC,gCAAgC,CAAC,GAAG;IACjF,UAAU,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,KAAK,CAAC;CACzC,CAAC;AA6BF,KAAK,uBAAuB,GAAG,eAAe,CAAC,gCAAgC,CAAC,CAAC;AAqBjF,eAAO,MAAM,WAAW;;;;;;;;;;CAUvB,CAAC;AAEF,YAAY,EACV,oBAAoB,EACpB,uBAAuB,EACvB,sBAAsB,EACtB,uBAAuB,EACvB,uBAAuB,EACvB,qBAAqB,EACrB,2BAA2B,EAC3B,sBAAsB,EACtB,sBAAsB,GACvB,CAAC"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { type StoryObj } from '@storybook/react-vite';
|
|
2
|
+
declare const meta: {
|
|
3
|
+
title: string;
|
|
4
|
+
component: any;
|
|
5
|
+
render: any;
|
|
6
|
+
decorators: import("@storybook/react").Decorator[];
|
|
7
|
+
};
|
|
8
|
+
export default meta;
|
|
9
|
+
type Story = StoryObj<typeof meta>;
|
|
10
|
+
export declare const Default: Story;
|
|
11
|
+
//# sourceMappingURL=AlertDialog.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AlertDialog.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Dialog/AlertDialog.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AA4CjE,QAAA,MAAM,IAAI;;eAEuB,GAAG;YACV,GAAG;;CAEQ,CAAC;AAEtC,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KASrB,CAAC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { type
|
|
1
|
+
import { type DialogCloseProps as DialogClosePrimitiveProps, type DialogContentProps as DialogContentPrimitiveProps, type DialogDescriptionProps as DialogDescriptionPrimitiveProps, type DialogOverlayProps as DialogOverlayPrimitiveProps, type DialogPortalProps as DialogPortalPrimitiveProps, type DialogProps as DialogRootPrimitiveProps, type DialogTitleProps as DialogTitlePrimitiveProps, type DialogTriggerProps as DialogTriggerPrimitiveProps } from '@radix-ui/react-dialog';
|
|
2
2
|
import React from 'react';
|
|
3
3
|
import { type ThemedClassName } from '../../util';
|
|
4
4
|
type DialogRootProps = DialogRootPrimitiveProps;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../../../../src/components/Dialog/Dialog.tsx"],"names":[],"mappings":"AAKA,OAAO,EAEL,KAAK,gBAAgB,IAAI,yBAAyB,EAElD,KAAK,kBAAkB,IAAI,2BAA2B,EAEtD,KAAK,sBAAsB,IAAI,+BAA+B,EAE9D,KAAK,kBAAkB,IAAI,2BAA2B,EAEtD,KAAK,iBAAiB,IAAI,0BAA0B,EAEpD,KAAK,WAAW,IAAI,wBAAwB,EAE5C,KAAK,gBAAgB,IAAI,yBAAyB,EAElD,KAAK,kBAAkB,IAAI,2BAA2B,EACvD,MAAM,wBAAwB,CAAC;AAChC,OAAO,KAA6E,MAAM,OAAO,CAAC;AAGlG,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,YAAY,CAAC;AAGlD,KAAK,eAAe,GAAG,wBAAwB,CAAC;AAQhD,KAAK,kBAAkB,GAAG,2BAA2B,CAAC;AAItD,KAAK,iBAAiB,GAAG,0BAA0B,CAAC;AAIpD,KAAK,gBAAgB,GAAG,eAAe,CAAC,yBAAyB,CAAC,GAAG;IAAE,MAAM,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AAe1F,KAAK,sBAAsB,GAAG,eAAe,CAAC,+BAA+B,CAAC,GAAG;IAAE,MAAM,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AAgBtG,KAAK,gBAAgB,GAAG,yBAAyB,CAAC;AAYlD,KAAK,kBAAkB,GAAG,eAAe,CAAC,2BAA2B,GAAG;IAAE,UAAU,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,KAAK,CAAA;CAAE,CAAC,CAAC;AAqBrH,KAAK,kBAAkB,GAAG,eAAe,CAAC,2BAA2B,CAAC,GAAG;IAAE,eAAe,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AA6BvG,eAAO,MAAM,MAAM;;;;;;;;;CASlB,CAAC;AAEF,YAAY,EACV,eAAe,EACf,kBAAkB,EAClB,iBAAiB,EACjB,kBAAkB,EAClB,kBAAkB,EAClB,gBAAgB,EAChB,sBAAsB,EACtB,gBAAgB,GACjB,CAAC"}
|