@duro-app/ui 5.11.0 → 5.13.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-Bms2ftt3.js +1694 -0
- package/dist/Table-Bms2ftt3.js.map +1 -0
- package/dist/compiler-runtime-BuugS4D0.js.map +1 -1
- package/dist/components/Alert/Alert.d.ts.map +1 -1
- package/dist/components/AppShell/native.css.d.ts +53 -0
- package/dist/components/AppShell/native.css.d.ts.map +1 -0
- package/dist/components/Button/Button.d.ts +2 -1
- package/dist/components/Button/Button.d.ts.map +1 -1
- package/dist/components/Button/styles.css.d.ts +1 -0
- package/dist/components/Button/styles.css.d.ts.map +1 -1
- package/dist/components/Callout/Callout.d.ts.map +1 -1
- package/dist/components/Callout/styles.css.d.ts +3 -0
- package/dist/components/Callout/styles.css.d.ts.map +1 -1
- package/dist/components/Checkbox/Checkbox.d.ts.map +1 -1
- package/dist/components/ConfirmDialog/ConfirmDialog.d.ts.map +1 -1
- package/dist/components/DetailPanel/DetailPanel.d.ts.map +1 -1
- package/dist/components/Dialog/Dialog.d.ts +2 -17
- package/dist/components/Dialog/Dialog.d.ts.map +1 -1
- package/dist/components/Dialog/Dialog.stories.d.ts +4 -0
- package/dist/components/Dialog/Dialog.stories.d.ts.map +1 -1
- package/dist/components/Dialog/native.css.d.ts +82 -0
- package/dist/components/Dialog/native.css.d.ts.map +1 -0
- package/dist/components/Dialog/parts.css.d.ts +82 -0
- package/dist/components/Dialog/parts.css.d.ts.map +1 -0
- package/dist/components/Dialog/parts.d.ts +35 -0
- package/dist/components/Dialog/parts.d.ts.map +1 -0
- package/dist/components/Dialog/styles.css.d.ts +1 -74
- package/dist/components/Dialog/styles.css.d.ts.map +1 -1
- package/dist/components/Drawer/Drawer.d.ts +7 -35
- package/dist/components/Drawer/Drawer.d.ts.map +1 -1
- package/dist/components/Drawer/Drawer.meta.d.ts.map +1 -1
- package/dist/components/Drawer/DrawerScroll.stories.d.ts.map +1 -1
- package/dist/components/Drawer/DrawerSnap.stories.d.ts +20 -0
- package/dist/components/Drawer/DrawerSnap.stories.d.ts.map +1 -0
- package/dist/components/Drawer/native.css.d.ts +55 -0
- package/dist/components/Drawer/native.css.d.ts.map +1 -0
- package/dist/components/Drawer/parts.css.d.ts +96 -0
- package/dist/components/Drawer/parts.css.d.ts.map +1 -0
- package/dist/components/Drawer/parts.d.ts +56 -0
- package/dist/components/Drawer/parts.d.ts.map +1 -0
- package/dist/components/Drawer/sheetPhysics.d.ts +56 -0
- package/dist/components/Drawer/sheetPhysics.d.ts.map +1 -0
- package/dist/components/Drawer/styles.css.d.ts +15 -58
- package/dist/components/Drawer/styles.css.d.ts.map +1 -1
- package/dist/components/Drawer/touchInput.d.ts +35 -0
- package/dist/components/Drawer/touchInput.d.ts.map +1 -0
- package/dist/components/Drawer/useDrawerRoot.d.ts +33 -0
- package/dist/components/Drawer/useDrawerRoot.d.ts.map +1 -0
- package/dist/components/Drawer/useSheetHeights.d.ts +7 -0
- package/dist/components/Drawer/useSheetHeights.d.ts.map +1 -0
- package/dist/components/Drawer/useSwipeDismiss.d.ts +13 -2
- package/dist/components/Drawer/useSwipeDismiss.d.ts.map +1 -1
- package/dist/components/Grid/styles.css.d.ts +1 -0
- package/dist/components/Grid/styles.css.d.ts.map +1 -1
- package/dist/components/Icon/Icon.d.ts +3 -9
- package/dist/components/Icon/Icon.d.ts.map +1 -1
- package/dist/components/Icon/geometry.d.ts +60 -0
- package/dist/components/Icon/geometry.d.ts.map +1 -0
- package/dist/components/Icon/types.d.ts +15 -0
- package/dist/components/Icon/types.d.ts.map +1 -0
- package/dist/components/Input/Input.d.ts +5 -1
- package/dist/components/Input/Input.d.ts.map +1 -1
- package/dist/components/Input/styles.css.d.ts +1 -0
- package/dist/components/Input/styles.css.d.ts.map +1 -1
- package/dist/components/LinkButton/styles.css.d.ts +1 -0
- package/dist/components/LinkButton/styles.css.d.ts.map +1 -1
- package/dist/components/Menu/Menu.d.ts +7 -1
- package/dist/components/Menu/Menu.d.ts.map +1 -1
- package/dist/components/Menu/native.css.d.ts +14 -0
- package/dist/components/Menu/native.css.d.ts.map +1 -0
- package/dist/components/Menu/useMenuOpen.d.ts +16 -0
- package/dist/components/Menu/useMenuOpen.d.ts.map +1 -0
- package/dist/components/Menu/useMenuRoot.d.ts +3 -6
- package/dist/components/Menu/useMenuRoot.d.ts.map +1 -1
- package/dist/components/Meter/styles.css.d.ts +1 -0
- package/dist/components/Meter/styles.css.d.ts.map +1 -1
- package/dist/components/PageShell/styles.css.d.ts +2 -0
- package/dist/components/PageShell/styles.css.d.ts.map +1 -1
- package/dist/components/Popover/native.css.d.ts +11 -0
- package/dist/components/Popover/native.css.d.ts.map +1 -0
- package/dist/components/RadioGroup/RadioGroup.d.ts +1 -17
- package/dist/components/RadioGroup/RadioGroup.d.ts.map +1 -1
- package/dist/components/RadioGroup/RadioGroup.stories.d.ts +3 -0
- package/dist/components/RadioGroup/RadioGroup.stories.d.ts.map +1 -1
- package/dist/components/RadioGroup/group.d.ts +31 -0
- package/dist/components/RadioGroup/group.d.ts.map +1 -0
- package/dist/components/RadioGroup/styles.css.d.ts +10 -0
- package/dist/components/RadioGroup/styles.css.d.ts.map +1 -1
- package/dist/components/ScrollArea/styles.css.d.ts +1 -0
- package/dist/components/ScrollArea/styles.css.d.ts.map +1 -1
- package/dist/components/SideNav/Chevron.d.ts +4 -0
- package/dist/components/SideNav/Chevron.d.ts.map +1 -0
- package/dist/components/SideNav/SideNav.d.ts.map +1 -1
- package/dist/components/SideNav/styles.css.d.ts +6 -0
- package/dist/components/SideNav/styles.css.d.ts.map +1 -1
- package/dist/components/SideNav/types.d.ts +6 -0
- package/dist/components/SideNav/types.d.ts.map +1 -0
- package/dist/components/Spinner/Spinner.d.ts +2 -6
- package/dist/components/Spinner/Spinner.d.ts.map +1 -1
- package/dist/components/Spinner/Spinner.types.d.ts +6 -0
- package/dist/components/Spinner/Spinner.types.d.ts.map +1 -0
- package/dist/components/Spinner/ring.css.d.ts +39 -0
- package/dist/components/Spinner/ring.css.d.ts.map +1 -0
- package/dist/components/Spinner/styles.css.d.ts +1 -28
- package/dist/components/Spinner/styles.css.d.ts.map +1 -1
- package/dist/components/SplitPane/SplitPane.d.ts +38 -0
- package/dist/components/SplitPane/SplitPane.d.ts.map +1 -0
- package/dist/components/SplitPane/SplitPane.meta.d.ts +3 -0
- package/dist/components/SplitPane/SplitPane.meta.d.ts.map +1 -0
- package/dist/components/SplitPane/SplitPane.stories.d.ts +17 -0
- package/dist/components/SplitPane/SplitPane.stories.d.ts.map +1 -0
- package/dist/components/SplitPane/styles.css.d.ts +78 -0
- package/dist/components/SplitPane/styles.css.d.ts.map +1 -0
- package/dist/components/StatusIcon/StatusIcon.d.ts.map +1 -1
- package/dist/components/StatusIcon/styles.css.d.ts +3 -0
- package/dist/components/StatusIcon/styles.css.d.ts.map +1 -1
- package/dist/components/Switch/Switch.d.ts +2 -18
- package/dist/components/Switch/Switch.d.ts.map +1 -1
- package/dist/components/Switch/Switch.types.d.ts +18 -0
- package/dist/components/Switch/Switch.types.d.ts.map +1 -0
- package/dist/components/TableOfContents/styles.css.d.ts +1 -0
- package/dist/components/TableOfContents/styles.css.d.ts.map +1 -1
- package/dist/components/Tabs/TabLayout.d.ts +7 -0
- package/dist/components/Tabs/TabLayout.d.ts.map +1 -0
- package/dist/components/Tabs/Tabs.d.ts.map +1 -1
- package/dist/components/Tabs/indicator.d.ts +28 -0
- package/dist/components/Tabs/indicator.d.ts.map +1 -0
- package/dist/components/Tabs/styles.css.d.ts +4 -0
- package/dist/components/Tabs/styles.css.d.ts.map +1 -1
- package/dist/components/Tabs/useTabIndicator.d.ts +4 -0
- package/dist/components/Tabs/useTabIndicator.d.ts.map +1 -0
- package/dist/components/Tabs/useTabKeys.d.ts +13 -0
- package/dist/components/Tabs/useTabKeys.d.ts.map +1 -0
- package/dist/components/Tag/RemoveGlyph.d.ts +4 -0
- package/dist/components/Tag/RemoveGlyph.d.ts.map +1 -0
- package/dist/components/Tag/Tag.d.ts +2 -24
- package/dist/components/Tag/Tag.d.ts.map +1 -1
- package/dist/components/Tag/styles.css.d.ts +8 -0
- package/dist/components/Tag/styles.css.d.ts.map +1 -1
- package/dist/components/Tag/types.d.ts +39 -0
- package/dist/components/Tag/types.d.ts.map +1 -0
- package/dist/components/Textarea/styles.css.d.ts +1 -0
- package/dist/components/Textarea/styles.css.d.ts.map +1 -1
- package/dist/components/Toast/ToastProvider.d.ts +2 -21
- package/dist/components/Toast/ToastProvider.d.ts.map +1 -1
- package/dist/components/Toast/native.css.d.ts +81 -0
- package/dist/components/Toast/native.css.d.ts.map +1 -0
- package/dist/components/Toast/store.d.ts +47 -0
- package/dist/components/Toast/store.d.ts.map +1 -0
- package/dist/components/Toggle/Toggle.d.ts.map +1 -1
- package/dist/components/Toggle/styles.css.d.ts +11 -2
- package/dist/components/Toggle/styles.css.d.ts.map +1 -1
- package/dist/components/Tooltip/TooltipHint.d.ts +9 -0
- package/dist/components/Tooltip/TooltipHint.d.ts.map +1 -0
- package/dist/components/Tree/Tree.d.ts.map +1 -1
- package/dist/components/Tree/styles.css.d.ts +6 -0
- package/dist/components/Tree/styles.css.d.ts.map +1 -1
- package/dist/components/Tree/useTreeKeyboard.d.ts +19 -0
- package/dist/components/Tree/useTreeKeyboard.d.ts.map +1 -0
- package/dist/components/VirtualList/VirtualList.d.ts +33 -0
- package/dist/components/VirtualList/VirtualList.d.ts.map +1 -0
- package/dist/components/VirtualList/VirtualList.meta.d.ts +3 -0
- package/dist/components/VirtualList/VirtualList.meta.d.ts.map +1 -0
- package/dist/components/VirtualList/VirtualList.stories.d.ts +15 -0
- package/dist/components/VirtualList/VirtualList.stories.d.ts.map +1 -0
- package/dist/components/VirtualList/styles.css.d.ts +28 -0
- package/dist/components/VirtualList/styles.css.d.ts.map +1 -0
- package/dist/components/VirtualTable/styles.css.d.ts +6 -0
- package/dist/components/VirtualTable/styles.css.d.ts.map +1 -1
- package/dist/index.css +1 -1
- package/dist/index.d.ts +3 -1
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +6202 -4794
- package/dist/index.js.map +1 -1
- package/dist/shared/ButtonHost.d.ts +11 -0
- package/dist/shared/ButtonHost.d.ts.map +1 -0
- package/dist/shared/portal/hostRegistry.d.ts +33 -0
- package/dist/shared/portal/hostRegistry.d.ts.map +1 -0
- package/dist/shared/pressableChild.d.ts +14 -0
- package/dist/shared/pressableChild.d.ts.map +1 -0
- package/dist/shared/useOverlayOpenState.d.ts +40 -0
- package/dist/shared/useOverlayOpenState.d.ts.map +1 -0
- package/dist/table.js +141 -135
- package/dist/table.js.map +1 -1
- package/package.json +34 -4
- package/src/components/Alert/Alert.tsx +14 -2
- package/src/components/AppShell/AppShell.meta.ts +1 -1
- package/src/components/AppShell/AppShell.native.tsx +174 -0
- package/src/components/AppShell/native.css.ts +56 -0
- package/src/components/Button/Button.tsx +6 -5
- package/src/components/Button/styles.css.ts +2 -0
- package/src/components/Callout/Callout.tsx +17 -3
- package/src/components/Callout/styles.css.ts +5 -0
- package/src/components/Checkbox/Checkbox.native.tsx +67 -0
- package/src/components/Checkbox/Checkbox.tsx +1 -50
- package/src/components/ConfirmDialog/ConfirmDialog.tsx +3 -0
- package/src/components/DetailPanel/DetailPanel.tsx +9 -45
- package/src/components/Dialog/Dialog.native.tsx +296 -0
- package/src/components/Dialog/Dialog.stories.tsx +71 -0
- package/src/components/Dialog/Dialog.tsx +41 -130
- package/src/components/Dialog/native.css.ts +78 -0
- package/src/components/Dialog/parts.css.ts +101 -0
- package/src/components/Dialog/parts.tsx +61 -0
- package/src/components/Dialog/styles.css.ts +2 -89
- package/src/components/Drawer/Drawer.meta.ts +2 -1
- package/src/components/Drawer/Drawer.native.tsx +469 -0
- package/src/components/Drawer/Drawer.tsx +63 -179
- package/src/components/Drawer/DrawerScroll.stories.tsx +4 -54
- package/src/components/Drawer/DrawerSnap.stories.tsx +205 -0
- package/src/components/Drawer/native.css.ts +58 -0
- package/src/components/Drawer/parts.css.ts +125 -0
- package/src/components/Drawer/parts.tsx +110 -0
- package/src/components/Drawer/sheetPhysics.ts +103 -0
- package/src/components/Drawer/styles.css.ts +19 -74
- package/src/components/Drawer/touchInput.ts +81 -0
- package/src/components/Drawer/useDrawerRoot.ts +90 -0
- package/src/components/Drawer/useSheetHeights.ts +42 -0
- package/src/components/Drawer/useSwipeDismiss.ts +146 -23
- package/src/components/Grid/styles.css.ts +2 -0
- package/src/components/Icon/Icon.native.tsx +54 -0
- package/src/components/Icon/Icon.tsx +19 -430
- package/src/components/Icon/geometry.ts +456 -0
- package/src/components/Icon/types.ts +74 -0
- package/src/components/Input/Input.tsx +8 -0
- package/src/components/Input/styles.css.ts +2 -0
- package/src/components/LinkButton/styles.css.ts +2 -0
- package/src/components/Menu/Menu.meta.ts +1 -1
- package/src/components/Menu/Menu.native.tsx +268 -0
- package/src/components/Menu/Menu.tsx +11 -2
- package/src/components/Menu/native.css.ts +18 -0
- package/src/components/Menu/useMenuOpen.ts +33 -0
- package/src/components/Menu/useMenuRoot.ts +7 -26
- package/src/components/Meter/styles.css.ts +2 -0
- package/src/components/PageShell/styles.css.ts +4 -0
- package/src/components/Popover/Popover.meta.ts +1 -1
- package/src/components/Popover/Popover.native.tsx +205 -0
- package/src/components/Popover/native.css.ts +13 -0
- package/src/components/RadioGroup/RadioGroup.meta.ts +1 -1
- package/src/components/RadioGroup/RadioGroup.native.tsx +48 -0
- package/src/components/RadioGroup/RadioGroup.stories.tsx +64 -1
- package/src/components/RadioGroup/RadioGroup.tsx +8 -83
- package/src/components/RadioGroup/group.tsx +85 -0
- package/src/components/RadioGroup/styles.css.ts +13 -0
- package/src/components/ScrollArea/styles.css.ts +2 -0
- package/src/components/SideNav/Chevron.native.tsx +20 -0
- package/src/components/SideNav/Chevron.tsx +20 -0
- package/src/components/SideNav/SideNav.meta.ts +1 -1
- package/src/components/SideNav/SideNav.tsx +57 -41
- package/src/components/SideNav/styles.css.ts +8 -0
- package/src/components/SideNav/types.ts +6 -0
- package/src/components/Spinner/Spinner.native.tsx +37 -0
- package/src/components/Spinner/Spinner.tsx +6 -15
- package/src/components/Spinner/Spinner.types.ts +6 -0
- package/src/components/Spinner/ring.css.ts +45 -0
- package/src/components/Spinner/styles.css.ts +2 -32
- package/src/components/SplitPane/SplitPane.meta.ts +40 -0
- package/src/components/SplitPane/SplitPane.native.tsx +47 -0
- package/src/components/SplitPane/SplitPane.stories.tsx +148 -0
- package/src/components/SplitPane/SplitPane.tsx +218 -0
- package/src/components/SplitPane/styles.css.ts +81 -0
- package/src/components/StatusIcon/StatusIcon.tsx +13 -2
- package/src/components/StatusIcon/styles.css.ts +5 -0
- package/src/components/Switch/Switch.native.tsx +45 -0
- package/src/components/Switch/Switch.tsx +22 -44
- package/src/components/Switch/Switch.types.ts +18 -0
- package/src/components/TableOfContents/styles.css.ts +2 -0
- package/src/components/Tabs/TabLayout.native.tsx +9 -0
- package/src/components/Tabs/TabLayout.tsx +6 -0
- package/src/components/Tabs/Tabs.meta.ts +1 -1
- package/src/components/Tabs/Tabs.tsx +38 -136
- package/src/components/Tabs/indicator.ts +36 -0
- package/src/components/Tabs/styles.css.ts +7 -0
- package/src/components/Tabs/useTabIndicator.native.ts +35 -0
- package/src/components/Tabs/useTabIndicator.ts +49 -0
- package/src/components/Tabs/useTabKeys.native.ts +2 -0
- package/src/components/Tabs/useTabKeys.ts +99 -0
- package/src/components/Tag/RemoveGlyph.native.tsx +17 -0
- package/src/components/Tag/RemoveGlyph.tsx +10 -0
- package/src/components/Tag/Tag.meta.ts +1 -1
- package/src/components/Tag/Tag.native.tsx +70 -0
- package/src/components/Tag/Tag.tsx +9 -37
- package/src/components/Tag/styles.css.ts +9 -0
- package/src/components/Tag/types.ts +43 -0
- package/src/components/Textarea/styles.css.ts +2 -0
- package/src/components/ThemeProvider/ThemeProvider.native.tsx +70 -10
- package/src/components/Toast/Toast.meta.ts +1 -1
- package/src/components/Toast/ToastProvider.native.tsx +226 -0
- package/src/components/Toast/ToastProvider.tsx +22 -84
- package/src/components/Toast/native.css.ts +78 -0
- package/src/components/Toast/store.ts +96 -0
- package/src/components/Toggle/Toggle.tsx +5 -3
- package/src/components/Toggle/styles.css.ts +14 -2
- package/src/components/Tooltip/Tooltip.meta.ts +1 -1
- package/src/components/Tooltip/Tooltip.native.tsx +36 -0
- package/src/components/Tooltip/TooltipHint.ts +13 -0
- package/src/components/Tree/Tree.meta.ts +1 -1
- package/src/components/Tree/Tree.tsx +23 -135
- package/src/components/Tree/styles.css.ts +6 -0
- package/src/components/Tree/useTreeKeyboard.native.ts +5 -0
- package/src/components/Tree/useTreeKeyboard.ts +152 -0
- package/src/components/VirtualList/VirtualList.meta.ts +39 -0
- package/src/components/VirtualList/VirtualList.stories.tsx +95 -0
- package/src/components/VirtualList/VirtualList.tsx +103 -0
- package/src/components/VirtualList/styles.css.ts +31 -0
- package/src/components/VirtualTable/styles.css.ts +12 -0
- package/src/hooks/useContainerBelow.native.ts +30 -0
- package/src/index.native.ts +61 -1
- package/src/index.ts +8 -1
- package/src/native-guard/globals.d.ts +10 -0
- package/src/native-guard/react-dom.d.ts +3 -0
- package/src/shared/ButtonHost.native.tsx +70 -0
- package/src/shared/ButtonHost.tsx +12 -0
- package/src/shared/accessibilityFocus.native.ts +23 -0
- package/src/shared/portal/AnchoredOverlay.native.tsx +117 -0
- package/src/shared/portal/OverlayModal.native.tsx +51 -0
- package/src/shared/portal/PortalHost.native.tsx +102 -0
- package/src/shared/portal/hostRegistry.ts +76 -0
- package/src/shared/portal/themeScope.native.ts +18 -0
- package/src/shared/pressableChild.ts +33 -0
- package/src/shared/safeArea.native.ts +22 -0
- package/src/shared/useKeyboardHeight.native.ts +18 -0
- package/src/shared/useOverlayOpenState.ts +128 -0
- package/src/shared/useScreenReaderEnabled.native.ts +19 -0
- package/dist/Table-ColfpgKV.js +0 -1552
- package/dist/Table-ColfpgKV.js.map +0 -1
- package/dist/components/ThemeProvider/ThemeProvider.native.d.ts +0 -10
- package/dist/components/ThemeProvider/ThemeProvider.native.d.ts.map +0 -1
- package/dist/index.native.d.ts +0 -33
- package/dist/index.native.d.ts.map +0 -1
- package/dist/platform.native.d.ts +0 -2
- package/dist/platform.native.d.ts.map +0 -1
|
@@ -17,7 +17,8 @@ interface ButtonProps {
|
|
|
17
17
|
'aria-controls'?: string;
|
|
18
18
|
/**
|
|
19
19
|
* The underlying <button>, e.g. to anchor a Popover or return focus to it.
|
|
20
|
-
*
|
|
20
|
+
* On native it is react-strict-dom's element (a Pressable host), which
|
|
21
|
+
* measures with `measureInWindow` and takes accessibility focus.
|
|
21
22
|
*/
|
|
22
23
|
ref?: Ref<HTMLButtonElement>;
|
|
23
24
|
children: ReactNode;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,SAAS,EAAE,GAAG,EAAC,MAAM,OAAO,CAAA;AAIzC,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,oBAAoB,CAAA;AAInD,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,WAAW,GAAG,kBAAkB,GAAG,MAAM,GAAG,QAAQ,CAAA;AAC5F,MAAM,MAAM,UAAU,GAAG,WAAW,CAAA;AAEpC,UAAU,WAAW;IACnB,OAAO,CAAC,EAAE,aAAa,CAAA;IACvB,IAAI,CAAC,EAAE,UAAU,CAAA;IACjB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAA;IAC1B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,mFAAmF;IACnF,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,gFAAgF;IAChF,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,8CAA8C;IAC9C,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB
|
|
1
|
+
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,SAAS,EAAE,GAAG,EAAC,MAAM,OAAO,CAAA;AAIzC,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,oBAAoB,CAAA;AAInD,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,WAAW,GAAG,kBAAkB,GAAG,MAAM,GAAG,QAAQ,CAAA;AAC5F,MAAM,MAAM,UAAU,GAAG,WAAW,CAAA;AAEpC,UAAU,WAAW;IACnB,OAAO,CAAC,EAAE,aAAa,CAAA;IACvB,IAAI,CAAC,EAAE,UAAU,CAAA;IACjB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAA;IAC1B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,mFAAmF;IACnF,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,gFAAgF;IAChF,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,8CAA8C;IAC9C,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB;;;;OAIG;IACH,GAAG,CAAC,EAAE,GAAG,CAAC,iBAAiB,CAAC,CAAA;IAC5B,QAAQ,EAAE,SAAS,CAAA;CACpB;AAOD,wBAAgB,MAAM,CAAC,EACrB,OAAmB,EACnB,IAAgB,EAChB,SAAiB,EACjB,QAAgB,EAChB,IAAe,EACf,OAAO,EACP,YAAY,EAAE,SAAS,EACvB,eAAe,EAAE,YAAY,EAC7B,eAAe,EAAE,YAAY,EAC7B,GAAG,EACH,QAAQ,GACT,EAAE,WAAW,2CA0Bb"}
|
|
@@ -70,6 +70,7 @@ export declare const styles: Readonly<{
|
|
|
70
70
|
}>;
|
|
71
71
|
readonly fullWidth: Readonly<{
|
|
72
72
|
readonly width: css.StyleXClassNameFor<"width", "100%">;
|
|
73
|
+
readonly boxSizing: css.StyleXClassNameFor<"boxSizing", "border-box">;
|
|
73
74
|
}>;
|
|
74
75
|
readonly disabled: Readonly<{
|
|
75
76
|
readonly opacity: css.StyleXClassNameFor<"opacity", 0.5>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Button/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/Button/styles.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAC,MAAM,kBAAkB,CAAA;AAQpC,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAwIjB,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Callout.d.ts","sourceRoot":"","sources":["../../../src/components/Callout/Callout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,OAAO,CAAA;AAGpC,OAAO,KAAK,EAAC,QAAQ,EAAC,MAAM,SAAS,CAAA;
|
|
1
|
+
{"version":3,"file":"Callout.d.ts","sourceRoot":"","sources":["../../../src/components/Callout/Callout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,OAAO,CAAA;AAGpC,OAAO,KAAK,EAAC,QAAQ,EAAC,MAAM,SAAS,CAAA;AAKrC,MAAM,MAAM,cAAc,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,GAAG,MAAM,CAAA;AAkBrE,UAAU,YAAY;IACpB,OAAO,CAAC,EAAE,cAAc,CAAA;IACxB,wFAAwF;IACxF,IAAI,CAAC,EAAE,QAAQ,GAAG,SAAS,GAAG,KAAK,CAAA;IACnC;;;;OAIG;IACH,KAAK,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAA;IAC1B,QAAQ,EAAE,SAAS,CAAA;CACpB;AAUD,wBAAgB,OAAO,CAAC,EAAC,OAAgB,EAAE,IAAI,EAAE,KAAgB,EAAE,QAAQ,EAAC,EAAE,YAAY,2CAkBzF"}
|
|
@@ -47,5 +47,8 @@ export declare const styles: Readonly<{
|
|
|
47
47
|
readonly borderColor: css.StyleXClassNameFor<"borderColor", string>;
|
|
48
48
|
readonly color: css.StyleXClassNameFor<"color", string>;
|
|
49
49
|
}>;
|
|
50
|
+
readonly nativeFlex: Readonly<{
|
|
51
|
+
readonly display: css.StyleXClassNameFor<"display", "flex">;
|
|
52
|
+
}>;
|
|
50
53
|
}>;
|
|
51
54
|
//# sourceMappingURL=styles.css.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Callout/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/Callout/styles.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAC,MAAM,kBAAkB,CAAA;AAMpC,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAwDjB,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,SAAS,EAAwB,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,SAAS,EAAwB,MAAM,OAAO,CAAA;AAK3D,UAAU,aAAa;IACrB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,qEAAqE;IACrE,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IAC3D,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB;AAED,wBAAgB,QAAQ,CAAC,EACvB,IAAI,EACJ,KAAK,EACL,OAAO,EAAE,iBAAiB,EAC1B,cAAsB,EACtB,QAAgB,EAChB,YAAY,EAAE,SAAS,EACvB,QAAQ,EACR,QAAQ,GACT,EAAE,aAAa,2CAoDf"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ConfirmDialog.d.ts","sourceRoot":"","sources":["../../../src/components/ConfirmDialog/ConfirmDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,SAAS,EAAW,MAAM,OAAO,CAAA;AAC9C,OAAO,EAAS,KAAK,UAAU,EAAC,MAAM,kBAAkB,CAAA;AAKxD,UAAU,kBAAkB;IAC1B,IAAI,EAAE,OAAO,CAAA;IACb,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACrC,KAAK,EAAE,SAAS,CAAA;IAChB,8BAA8B;IAC9B,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB;;wCAEoC;IACpC,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,2CAA2C;IAC3C,WAAW,CAAC,EAAE,SAAS,CAAA;IACvB,WAAW,CAAC,EAAE,SAAS,CAAA;IACvB;;;;;;OAMG;IACH,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE;QAAC,SAAS,EAAE,OAAO,CAAA;KAAC,KAAK,SAAS,CAAA;IACvD,8EAA8E;IAC9E,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;IACtB,YAAY,CAAC,EAAE,SAAS,CAAA;IACxB,IAAI,CAAC,EAAE,UAAU,CAAA;CAClB;AAED;;;;;GAKG;AACH,wBAAgB,aAAa,CAAC,EAC5B,IAAI,EACJ,YAAY,EACZ,KAAK,EACL,QAAQ,EACR,aAAa,EACb,WAAW,EACX,WAAsB,EACtB,WAAW,EACX,SAAS,EACT,YAAwB,EACxB,IAAW,GACZ,EAAE,kBAAkB,
|
|
1
|
+
{"version":3,"file":"ConfirmDialog.d.ts","sourceRoot":"","sources":["../../../src/components/ConfirmDialog/ConfirmDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,SAAS,EAAW,MAAM,OAAO,CAAA;AAC9C,OAAO,EAAS,KAAK,UAAU,EAAC,MAAM,kBAAkB,CAAA;AAKxD,UAAU,kBAAkB;IAC1B,IAAI,EAAE,OAAO,CAAA;IACb,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACrC,KAAK,EAAE,SAAS,CAAA;IAChB,8BAA8B;IAC9B,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB;;wCAEoC;IACpC,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,2CAA2C;IAC3C,WAAW,CAAC,EAAE,SAAS,CAAA;IACvB,WAAW,CAAC,EAAE,SAAS,CAAA;IACvB;;;;;;OAMG;IACH,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE;QAAC,SAAS,EAAE,OAAO,CAAA;KAAC,KAAK,SAAS,CAAA;IACvD,8EAA8E;IAC9E,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;IACtB,YAAY,CAAC,EAAE,SAAS,CAAA;IACxB,IAAI,CAAC,EAAE,UAAU,CAAA;CAClB;AAED;;;;;GAKG;AACH,wBAAgB,aAAa,CAAC,EAC5B,IAAI,EACJ,YAAY,EACZ,KAAK,EACL,QAAQ,EACR,aAAa,EACb,WAAW,EACX,WAAsB,EACtB,WAAW,EACX,SAAS,EACT,YAAwB,EACxB,IAAW,GACZ,EAAE,kBAAkB,2CAgDpB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DetailPanel.d.ts","sourceRoot":"","sources":["../../../src/components/DetailPanel/DetailPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,SAAS,EASf,MAAM,OAAO,CAAA;AAEd,OAAO,
|
|
1
|
+
{"version":3,"file":"DetailPanel.d.ts","sourceRoot":"","sources":["../../../src/components/DetailPanel/DetailPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,SAAS,EASf,MAAM,OAAO,CAAA;AAEd,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,uBAAuB,CAAA;AAgBxD,MAAM,MAAM,eAAe,GAAG,IAAI,GAAG,IAAI,CAAA;AA2BzC,UAAU,SAAS;IACjB,QAAQ,EAAE,SAAS,CAAA;IACnB,4BAA4B;IAC5B,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,wCAAwC;IACxC,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,qCAAqC;IACrC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACtC,oEAAoE;IACpE,sBAAsB,CAAC,EAAE,aAAa,CAAA;CACvC;AAED,iBAAS,IAAI,CAAC,EACZ,QAAQ,EACR,IAAI,EAAE,cAAc,EACpB,WAAmB,EACnB,YAAY,EACZ,sBAA+B,GAChC,EAAE,SAAS,2CAwEX;AAID,UAAU,YAAY;IACpB,QAAQ,EAAE,SAAS,CAAA;IACnB,gDAAgD;IAChD,IAAI,CAAC,EAAE,eAAe,CAAA;IACtB,qDAAqD;IACrD,KAAK,EAAE,MAAM,CAAA;CACd;AAYD,iBAAS,OAAO,CAAC,EAAC,QAAQ,EAAE,IAAW,EAAE,KAAK,EAAC,EAAE,YAAY,kDA8B5D;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,2CAa/C;AAID,UAAU,SAAS;IACjB,QAAQ,EAAE,SAAS,CAAA;IACnB,wCAAwC;IACxC,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB;AAED,iBAAS,IAAI,CAAC,EAAC,QAAQ,EAAE,MAAa,EAAC,EAAE,SAAS,2CAEjD;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,WAAW;;;;;;;;CAQvB,CAAA"}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { ReactNode, RefObject } from 'react';
|
|
2
2
|
import { DurationToken } from '@duro-app/tokens/keys';
|
|
3
|
-
|
|
3
|
+
import { Body, Description, Footer, Header, Title, DialogSize } from './parts';
|
|
4
|
+
export type { DialogSize };
|
|
4
5
|
interface RootProps {
|
|
5
6
|
children: ReactNode;
|
|
6
7
|
/** Controlled open state */
|
|
@@ -32,21 +33,6 @@ interface PortalProps {
|
|
|
32
33
|
size?: DialogSize;
|
|
33
34
|
}
|
|
34
35
|
declare function Portal({ children, size }: PortalProps): import("react/jsx-runtime").JSX.Element | null;
|
|
35
|
-
declare function Header({ children }: {
|
|
36
|
-
children: ReactNode;
|
|
37
|
-
}): import("react/jsx-runtime").JSX.Element;
|
|
38
|
-
declare function Title({ children }: {
|
|
39
|
-
children: ReactNode;
|
|
40
|
-
}): import("react/jsx-runtime").JSX.Element;
|
|
41
|
-
declare function Description({ children }: {
|
|
42
|
-
children: ReactNode;
|
|
43
|
-
}): import("react/jsx-runtime").JSX.Element;
|
|
44
|
-
declare function Body({ children }: {
|
|
45
|
-
children: ReactNode;
|
|
46
|
-
}): import("react/jsx-runtime").JSX.Element;
|
|
47
|
-
declare function Footer({ children }: {
|
|
48
|
-
children: ReactNode;
|
|
49
|
-
}): import("react/jsx-runtime").JSX.Element;
|
|
50
36
|
interface CloseProps {
|
|
51
37
|
children?: ReactNode;
|
|
52
38
|
'aria-label'?: string;
|
|
@@ -63,5 +49,4 @@ export declare const Dialog: {
|
|
|
63
49
|
Footer: typeof Footer;
|
|
64
50
|
Close: typeof Close;
|
|
65
51
|
};
|
|
66
|
-
export {};
|
|
67
52
|
//# sourceMappingURL=Dialog.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../../src/components/Dialog/Dialog.tsx"],"names":[],"mappings":"AACA,OAAO,
|
|
1
|
+
{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../../src/components/Dialog/Dialog.tsx"],"names":[],"mappings":"AACA,OAAO,EAAC,KAAK,SAAS,EAAE,KAAK,SAAS,EAAwC,MAAM,OAAO,CAAA;AAE3F,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,uBAAuB,CAAA;AAGxD,OAAO,EACL,IAAI,EACJ,WAAW,EAEX,MAAM,EACN,MAAM,EACN,KAAK,EAEL,KAAK,UAAU,EAChB,MAAM,SAAS,CAAA;AAShB,YAAY,EAAC,UAAU,EAAC,CAAA;AAiBxB,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,2CAkGX;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,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"}
|
|
@@ -17,4 +17,8 @@ export declare const EscapeClosesNonDismissable: Story;
|
|
|
17
17
|
export declare const InitialFocus: Story;
|
|
18
18
|
export declare const FirstFocusableByDefault: Story;
|
|
19
19
|
export declare const CloseOnEscapeOff: Story;
|
|
20
|
+
/** A second close while the exit animation plays reports the close once. */
|
|
21
|
+
export declare const DoubleCloseReportsOnce: Story;
|
|
22
|
+
/** A controlled `open` that turns false plays the exit animation before unmounting. */
|
|
23
|
+
export declare const ControlledCloseAnimates: Story;
|
|
20
24
|
//# sourceMappingURL=Dialog.stories.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Dialog.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Dialog/Dialog.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,IAAI,EAAE,QAAQ,EAAC,MAAM,kBAAkB,CAAA;
|
|
1
|
+
{"version":3,"file":"Dialog.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Dialog/Dialog.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,IAAI,EAAE,QAAQ,EAAC,MAAM,kBAAkB,CAAA;AAiBpD,QAAA,MAAM,IAAI,EAAE,IAEX,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAA;AAIrB,eAAO,MAAM,OAAO,EAAE,KA+BrB,CAAA;AAID,eAAO,MAAM,eAAe,EAAE,KA0B7B,CAAA;AAoCD,eAAO,MAAM,KAAK,EAAE,KAQnB,CAAA;AAiCD,eAAO,MAAM,UAAU,EAAE,KAExB,CAAA;AAyCD,eAAO,MAAM,QAAQ,EAAE,KAEtB,CAAA;AA8CD,eAAO,MAAM,kBAAkB,EAAE,KAEhC,CAAA;AAID,eAAO,MAAM,cAAc,EAAE,KAgC5B,CAAA;AA+BD,eAAO,MAAM,eAAe,EAAE,KAE7B,CAAA;AAkBD,eAAO,MAAM,yBAAyB,EAAE,KAiCvC,CAAA;AAyCD,eAAO,MAAM,kBAAkB,EAAE,KAsBhC,CAAA;AAID,eAAO,MAAM,sBAAsB,EAAE,KAYpC,CAAA;AAKD,eAAO,MAAM,0BAA0B,EAAE,KA0BxC,CAAA;AAyBD,eAAO,MAAM,YAAY,EAAE,KAO1B,CAAA;AAED,eAAO,MAAM,uBAAuB,EAAE,KAmBrC,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KAoB9B,CAAA;AA8BD,4EAA4E;AAC5E,eAAO,MAAM,sBAAsB,EAAE,KAYpC,CAAA;AAkBD,uFAAuF;AACvF,eAAO,MAAM,uBAAuB,EAAE,KAQrC,CAAA"}
|
|
@@ -0,0 +1,82 @@
|
|
|
1
|
+
import { css } from 'react-strict-dom';
|
|
2
|
+
/**
|
|
3
|
+
* Native Dialog surfaces. RSD has no CSS animations on native, so enter and
|
|
4
|
+
* exit are transitions between a hidden and a shown state (polyfilled with
|
|
5
|
+
* Animated).
|
|
6
|
+
*/
|
|
7
|
+
export declare const nativeStyles: Readonly<{
|
|
8
|
+
readonly fill: Readonly<{
|
|
9
|
+
readonly position: css.StyleXClassNameFor<"position", "absolute">;
|
|
10
|
+
readonly top: css.StyleXClassNameFor<"top", 0>;
|
|
11
|
+
readonly left: css.StyleXClassNameFor<"left", 0>;
|
|
12
|
+
readonly right: css.StyleXClassNameFor<"right", 0>;
|
|
13
|
+
readonly bottom: css.StyleXClassNameFor<"bottom", 0>;
|
|
14
|
+
}>;
|
|
15
|
+
readonly backdrop: Readonly<{
|
|
16
|
+
readonly backgroundColor: css.StyleXClassNameFor<"backgroundColor", string>;
|
|
17
|
+
readonly transitionProperty: css.StyleXClassNameFor<"transitionProperty", "opacity">;
|
|
18
|
+
readonly transitionDuration: css.StyleXClassNameFor<"transitionDuration", string>;
|
|
19
|
+
readonly transitionTimingFunction: css.StyleXClassNameFor<"transitionTimingFunction", string>;
|
|
20
|
+
}>;
|
|
21
|
+
readonly inset: Readonly<{
|
|
22
|
+
readonly display: css.StyleXClassNameFor<"display", "flex">;
|
|
23
|
+
readonly padding: css.StyleXClassNameFor<"padding", string>;
|
|
24
|
+
readonly width: css.StyleXClassNameFor<"width", "100%">;
|
|
25
|
+
readonly boxSizing: css.StyleXClassNameFor<"boxSizing", "border-box">;
|
|
26
|
+
readonly alignItems: css.StyleXClassNameFor<"alignItems", "center">;
|
|
27
|
+
}>;
|
|
28
|
+
readonly popup: Readonly<{
|
|
29
|
+
readonly backgroundColor: css.StyleXClassNameFor<"backgroundColor", string>;
|
|
30
|
+
readonly borderRadius: css.StyleXClassNameFor<"borderRadius", string>;
|
|
31
|
+
readonly boxShadow: css.StyleXClassNameFor<"boxShadow", string>;
|
|
32
|
+
readonly width: css.StyleXClassNameFor<"width", "100%">;
|
|
33
|
+
readonly boxSizing: css.StyleXClassNameFor<"boxSizing", "border-box">;
|
|
34
|
+
readonly display: css.StyleXClassNameFor<"display", "flex">;
|
|
35
|
+
readonly flexDirection: css.StyleXClassNameFor<"flexDirection", "column">;
|
|
36
|
+
readonly overflow: css.StyleXClassNameFor<"overflow", "hidden">;
|
|
37
|
+
readonly borderWidth: css.StyleXClassNameFor<"borderWidth", string>;
|
|
38
|
+
readonly borderStyle: css.StyleXClassNameFor<"borderStyle", "solid">;
|
|
39
|
+
readonly borderColor: css.StyleXClassNameFor<"borderColor", string>;
|
|
40
|
+
readonly transitionProperty: css.StyleXClassNameFor<"transitionProperty", "opacity, transform">;
|
|
41
|
+
readonly transitionDuration: css.StyleXClassNameFor<"transitionDuration", string>;
|
|
42
|
+
readonly transitionTimingFunction: css.StyleXClassNameFor<"transitionTimingFunction", string>;
|
|
43
|
+
}>;
|
|
44
|
+
readonly bodyContent: Readonly<{
|
|
45
|
+
readonly paddingLeft: css.StyleXClassNameFor<"paddingLeft", string>;
|
|
46
|
+
readonly paddingRight: css.StyleXClassNameFor<"paddingRight", string>;
|
|
47
|
+
readonly paddingBottom: css.StyleXClassNameFor<"paddingBottom", string>;
|
|
48
|
+
}>;
|
|
49
|
+
readonly maxHeight: (height: number) => readonly [Readonly<{
|
|
50
|
+
maxHeight: css.StyleXClassNameFor<"maxHeight", number>;
|
|
51
|
+
}>, css.InlineStyles];
|
|
52
|
+
readonly shown: Readonly<{
|
|
53
|
+
readonly opacity: css.StyleXClassNameFor<"opacity", 1>;
|
|
54
|
+
readonly transform: css.StyleXClassNameFor<"transform", "scale(1)">;
|
|
55
|
+
}>;
|
|
56
|
+
readonly hidden: Readonly<{
|
|
57
|
+
readonly opacity: css.StyleXClassNameFor<"opacity", 0>;
|
|
58
|
+
readonly transform: css.StyleXClassNameFor<"transform", "scale(0.97)">;
|
|
59
|
+
}>;
|
|
60
|
+
readonly exitInstant: Readonly<{
|
|
61
|
+
readonly transitionDuration: css.StyleXClassNameFor<"transitionDuration", string>;
|
|
62
|
+
}>;
|
|
63
|
+
readonly exitMinimal: Readonly<{
|
|
64
|
+
readonly transitionDuration: css.StyleXClassNameFor<"transitionDuration", string>;
|
|
65
|
+
}>;
|
|
66
|
+
readonly exitQuick: Readonly<{
|
|
67
|
+
readonly transitionDuration: css.StyleXClassNameFor<"transitionDuration", string>;
|
|
68
|
+
}>;
|
|
69
|
+
readonly exitFast: Readonly<{
|
|
70
|
+
readonly transitionDuration: css.StyleXClassNameFor<"transitionDuration", string>;
|
|
71
|
+
}>;
|
|
72
|
+
readonly exitBrisk: Readonly<{
|
|
73
|
+
readonly transitionDuration: css.StyleXClassNameFor<"transitionDuration", string>;
|
|
74
|
+
}>;
|
|
75
|
+
readonly exitBase: Readonly<{
|
|
76
|
+
readonly transitionDuration: css.StyleXClassNameFor<"transitionDuration", string>;
|
|
77
|
+
}>;
|
|
78
|
+
readonly exitSlow: Readonly<{
|
|
79
|
+
readonly transitionDuration: css.StyleXClassNameFor<"transitionDuration", string>;
|
|
80
|
+
}>;
|
|
81
|
+
}>;
|
|
82
|
+
//# sourceMappingURL=native.css.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"native.css.d.ts","sourceRoot":"","sources":["../../../src/components/Dialog/native.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAC,MAAM,kBAAkB,CAAA;AAOpC;;;;GAIG;AACH,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAiEvB,CAAA"}
|
|
@@ -0,0 +1,82 @@
|
|
|
1
|
+
import { css } from 'react-strict-dom';
|
|
2
|
+
/** Styles of the Dialog parts both platforms draw (no animations: native has none). */
|
|
3
|
+
export declare const partStyles: Readonly<{
|
|
4
|
+
readonly sm: Readonly<{
|
|
5
|
+
readonly maxWidth: css.StyleXClassNameFor<"maxWidth", string>;
|
|
6
|
+
}>;
|
|
7
|
+
readonly md: Readonly<{
|
|
8
|
+
readonly maxWidth: css.StyleXClassNameFor<"maxWidth", string>;
|
|
9
|
+
}>;
|
|
10
|
+
readonly lg: Readonly<{
|
|
11
|
+
readonly maxWidth: css.StyleXClassNameFor<"maxWidth", string>;
|
|
12
|
+
}>;
|
|
13
|
+
readonly header: Readonly<{
|
|
14
|
+
readonly flexShrink: css.StyleXClassNameFor<"flexShrink", 0>;
|
|
15
|
+
readonly display: css.StyleXClassNameFor<"display", "flex">;
|
|
16
|
+
readonly alignItems: css.StyleXClassNameFor<"alignItems", "flex-start">;
|
|
17
|
+
readonly justifyContent: css.StyleXClassNameFor<"justifyContent", "space-between">;
|
|
18
|
+
readonly paddingTop: css.StyleXClassNameFor<"paddingTop", string>;
|
|
19
|
+
readonly paddingLeft: css.StyleXClassNameFor<"paddingLeft", string>;
|
|
20
|
+
readonly paddingRight: css.StyleXClassNameFor<"paddingRight", string>;
|
|
21
|
+
readonly paddingBottom: css.StyleXClassNameFor<"paddingBottom", string>;
|
|
22
|
+
readonly gap: css.StyleXClassNameFor<"gap", string>;
|
|
23
|
+
}>;
|
|
24
|
+
readonly title: Readonly<{
|
|
25
|
+
readonly fontSize: css.StyleXClassNameFor<"fontSize", string>;
|
|
26
|
+
readonly fontWeight: css.StyleXClassNameFor<"fontWeight", string>;
|
|
27
|
+
readonly lineHeight: css.StyleXClassNameFor<"lineHeight", string>;
|
|
28
|
+
readonly color: css.StyleXClassNameFor<"color", string>;
|
|
29
|
+
readonly margin: css.StyleXClassNameFor<"margin", 0>;
|
|
30
|
+
}>;
|
|
31
|
+
readonly description: Readonly<{
|
|
32
|
+
readonly flexShrink: css.StyleXClassNameFor<"flexShrink", 0>;
|
|
33
|
+
readonly fontSize: css.StyleXClassNameFor<"fontSize", string>;
|
|
34
|
+
readonly lineHeight: css.StyleXClassNameFor<"lineHeight", string>;
|
|
35
|
+
readonly color: css.StyleXClassNameFor<"color", string>;
|
|
36
|
+
readonly margin: css.StyleXClassNameFor<"margin", 0>;
|
|
37
|
+
readonly paddingLeft: css.StyleXClassNameFor<"paddingLeft", string>;
|
|
38
|
+
readonly paddingRight: css.StyleXClassNameFor<"paddingRight", string>;
|
|
39
|
+
readonly paddingBottom: css.StyleXClassNameFor<"paddingBottom", string>;
|
|
40
|
+
}>;
|
|
41
|
+
readonly body: Readonly<{
|
|
42
|
+
readonly paddingLeft: css.StyleXClassNameFor<"paddingLeft", string>;
|
|
43
|
+
readonly paddingRight: css.StyleXClassNameFor<"paddingRight", string>;
|
|
44
|
+
readonly paddingBottom: css.StyleXClassNameFor<"paddingBottom", string>;
|
|
45
|
+
readonly overflowY: css.StyleXClassNameFor<"overflowY", "auto">;
|
|
46
|
+
readonly flex: css.StyleXClassNameFor<"flex", 1>;
|
|
47
|
+
}>;
|
|
48
|
+
readonly footer: Readonly<{
|
|
49
|
+
readonly flexShrink: css.StyleXClassNameFor<"flexShrink", 0>;
|
|
50
|
+
readonly display: css.StyleXClassNameFor<"display", "flex">;
|
|
51
|
+
readonly alignItems: css.StyleXClassNameFor<"alignItems", "center">;
|
|
52
|
+
readonly justifyContent: css.StyleXClassNameFor<"justifyContent", "flex-end">;
|
|
53
|
+
readonly gap: css.StyleXClassNameFor<"gap", string>;
|
|
54
|
+
readonly paddingTop: css.StyleXClassNameFor<"paddingTop", string>;
|
|
55
|
+
readonly paddingLeft: css.StyleXClassNameFor<"paddingLeft", string>;
|
|
56
|
+
readonly paddingRight: css.StyleXClassNameFor<"paddingRight", string>;
|
|
57
|
+
readonly paddingBottom: css.StyleXClassNameFor<"paddingBottom", string>;
|
|
58
|
+
readonly borderTopWidth: css.StyleXClassNameFor<"borderTopWidth", string>;
|
|
59
|
+
readonly borderTopStyle: css.StyleXClassNameFor<"borderTopStyle", "solid">;
|
|
60
|
+
readonly borderTopColor: css.StyleXClassNameFor<"borderTopColor", string>;
|
|
61
|
+
}>;
|
|
62
|
+
readonly closeButton: Readonly<{
|
|
63
|
+
readonly display: css.StyleXClassNameFor<"display", "flex">;
|
|
64
|
+
readonly alignItems: css.StyleXClassNameFor<"alignItems", "center">;
|
|
65
|
+
readonly justifyContent: css.StyleXClassNameFor<"justifyContent", "center">;
|
|
66
|
+
readonly width: css.StyleXClassNameFor<"width", string>;
|
|
67
|
+
readonly height: css.StyleXClassNameFor<"height", string>;
|
|
68
|
+
readonly borderRadius: css.StyleXClassNameFor<"borderRadius", string>;
|
|
69
|
+
readonly borderWidth: css.StyleXClassNameFor<"borderWidth", 0>;
|
|
70
|
+
readonly backgroundColor: css.StyleXClassNameFor<"backgroundColor", string>;
|
|
71
|
+
readonly color: css.StyleXClassNameFor<"color", string>;
|
|
72
|
+
readonly cursor: css.StyleXClassNameFor<"cursor", "pointer">;
|
|
73
|
+
readonly padding: css.StyleXClassNameFor<"padding", 0>;
|
|
74
|
+
readonly flexShrink: css.StyleXClassNameFor<"flexShrink", 0>;
|
|
75
|
+
readonly transitionProperty: css.StyleXClassNameFor<"transitionProperty", "background-color">;
|
|
76
|
+
readonly transitionDuration: css.StyleXClassNameFor<"transitionDuration", string>;
|
|
77
|
+
}>;
|
|
78
|
+
readonly inlineWrapper: Readonly<{
|
|
79
|
+
readonly display: css.StyleXClassNameFor<"display", "inline-flex">;
|
|
80
|
+
}>;
|
|
81
|
+
}>;
|
|
82
|
+
//# sourceMappingURL=parts.css.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"parts.css.d.ts","sourceRoot":"","sources":["../../../src/components/Dialog/parts.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAC,MAAM,kBAAkB,CAAA;AAQpC,uFAAuF;AACvF,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA2FrB,CAAA"}
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
import { ReactNode, RefObject } from 'react';
|
|
2
|
+
import { DurationToken } from '@duro-app/tokens/keys';
|
|
3
|
+
export type DialogSize = 'sm' | 'md' | 'lg';
|
|
4
|
+
export interface DialogContextValue {
|
|
5
|
+
/** Rendered: open, or playing the exit animation. */
|
|
6
|
+
open: boolean;
|
|
7
|
+
closing: boolean;
|
|
8
|
+
closeDuration: DurationToken;
|
|
9
|
+
dismissable: boolean;
|
|
10
|
+
requestOpen: () => void;
|
|
11
|
+
requestClose: () => void;
|
|
12
|
+
titleId: string;
|
|
13
|
+
descriptionId: string;
|
|
14
|
+
popupRef: RefObject<HTMLDivElement | null>;
|
|
15
|
+
/** Dialog.Close parts currently rendered (for the closeOnEscape dev warning). */
|
|
16
|
+
registerClose: () => () => void;
|
|
17
|
+
}
|
|
18
|
+
export declare const DialogContext: import('react').Context<DialogContextValue | null>;
|
|
19
|
+
export declare function useDialog(): DialogContextValue;
|
|
20
|
+
export declare function Header({ children }: {
|
|
21
|
+
children: ReactNode;
|
|
22
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
23
|
+
export declare function Title({ children }: {
|
|
24
|
+
children: ReactNode;
|
|
25
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
26
|
+
export declare function Description({ children }: {
|
|
27
|
+
children: ReactNode;
|
|
28
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
29
|
+
export declare function Body({ children }: {
|
|
30
|
+
children: ReactNode;
|
|
31
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
32
|
+
export declare function Footer({ children }: {
|
|
33
|
+
children: ReactNode;
|
|
34
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
35
|
+
//# sourceMappingURL=parts.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"parts.d.ts","sourceRoot":"","sources":["../../../src/components/Dialog/parts.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAgB,KAAK,SAAS,EAAE,KAAK,SAAS,EAAa,MAAM,OAAO,CAAA;AAE/E,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,uBAAuB,CAAA;AAGxD,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;AAE3C,MAAM,WAAW,kBAAkB;IACjC,qDAAqD;IACrD,IAAI,EAAE,OAAO,CAAA;IACb,OAAO,EAAE,OAAO,CAAA;IAChB,aAAa,EAAE,aAAa,CAAA;IAC5B,WAAW,EAAE,OAAO,CAAA;IACpB,WAAW,EAAE,MAAM,IAAI,CAAA;IACvB,YAAY,EAAE,MAAM,IAAI,CAAA;IACxB,OAAO,EAAE,MAAM,CAAA;IACf,aAAa,EAAE,MAAM,CAAA;IACrB,QAAQ,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAA;IAC1C,iFAAiF;IACjF,aAAa,EAAE,MAAM,MAAM,IAAI,CAAA;CAChC;AAED,eAAO,MAAM,aAAa,oDAAiD,CAAA;AAE3E,wBAAgB,SAAS,uBAIxB;AAID,wBAAgB,MAAM,CAAC,EAAC,QAAQ,EAAC,EAAE;IAAC,QAAQ,EAAE,SAAS,CAAA;CAAC,2CAEvD;AAED,wBAAgB,KAAK,CAAC,EAAC,QAAQ,EAAC,EAAE;IAAC,QAAQ,EAAE,SAAS,CAAA;CAAC,2CAOtD;AAED,wBAAgB,WAAW,CAAC,EAAC,QAAQ,EAAC,EAAE;IAAC,QAAQ,EAAE,SAAS,CAAA;CAAC,2CAO5D;AAED,wBAAgB,IAAI,CAAC,EAAC,QAAQ,EAAC,EAAE;IAAC,QAAQ,EAAE,SAAS,CAAA;CAAC,2CAErD;AAED,wBAAgB,MAAM,CAAC,EAAC,QAAQ,EAAC,EAAE;IAAC,QAAQ,EAAE,SAAS,CAAA;CAAC,2CAEvD"}
|
|
@@ -37,6 +37,7 @@ export declare const styles: Readonly<{
|
|
|
37
37
|
readonly borderRadius: css.StyleXClassNameFor<"borderRadius", string>;
|
|
38
38
|
readonly boxShadow: css.StyleXClassNameFor<"boxShadow", string>;
|
|
39
39
|
readonly width: css.StyleXClassNameFor<"width", "100%">;
|
|
40
|
+
readonly boxSizing: css.StyleXClassNameFor<"boxSizing", "border-box">;
|
|
40
41
|
readonly maxHeight: css.StyleXClassNameFor<"maxHeight", "85vh">;
|
|
41
42
|
readonly display: css.StyleXClassNameFor<"display", "flex">;
|
|
42
43
|
readonly flexDirection: css.StyleXClassNameFor<"flexDirection", "column">;
|
|
@@ -82,80 +83,6 @@ export declare const styles: Readonly<{
|
|
|
82
83
|
readonly closeDurationSlow: Readonly<{
|
|
83
84
|
readonly animationDuration: css.StyleXClassNameFor<"animationDuration", string>;
|
|
84
85
|
}>;
|
|
85
|
-
readonly sm: Readonly<{
|
|
86
|
-
readonly maxWidth: css.StyleXClassNameFor<"maxWidth", string>;
|
|
87
|
-
}>;
|
|
88
|
-
readonly md: Readonly<{
|
|
89
|
-
readonly maxWidth: css.StyleXClassNameFor<"maxWidth", string>;
|
|
90
|
-
}>;
|
|
91
|
-
readonly lg: Readonly<{
|
|
92
|
-
readonly maxWidth: css.StyleXClassNameFor<"maxWidth", string>;
|
|
93
|
-
}>;
|
|
94
|
-
readonly header: Readonly<{
|
|
95
|
-
readonly display: css.StyleXClassNameFor<"display", "flex">;
|
|
96
|
-
readonly alignItems: css.StyleXClassNameFor<"alignItems", "flex-start">;
|
|
97
|
-
readonly justifyContent: css.StyleXClassNameFor<"justifyContent", "space-between">;
|
|
98
|
-
readonly paddingTop: css.StyleXClassNameFor<"paddingTop", string>;
|
|
99
|
-
readonly paddingLeft: css.StyleXClassNameFor<"paddingLeft", string>;
|
|
100
|
-
readonly paddingRight: css.StyleXClassNameFor<"paddingRight", string>;
|
|
101
|
-
readonly paddingBottom: css.StyleXClassNameFor<"paddingBottom", string>;
|
|
102
|
-
readonly gap: css.StyleXClassNameFor<"gap", string>;
|
|
103
|
-
}>;
|
|
104
|
-
readonly title: Readonly<{
|
|
105
|
-
readonly fontSize: css.StyleXClassNameFor<"fontSize", string>;
|
|
106
|
-
readonly fontWeight: css.StyleXClassNameFor<"fontWeight", string>;
|
|
107
|
-
readonly lineHeight: css.StyleXClassNameFor<"lineHeight", string>;
|
|
108
|
-
readonly color: css.StyleXClassNameFor<"color", string>;
|
|
109
|
-
readonly margin: css.StyleXClassNameFor<"margin", 0>;
|
|
110
|
-
}>;
|
|
111
|
-
readonly description: Readonly<{
|
|
112
|
-
readonly fontSize: css.StyleXClassNameFor<"fontSize", string>;
|
|
113
|
-
readonly lineHeight: css.StyleXClassNameFor<"lineHeight", string>;
|
|
114
|
-
readonly color: css.StyleXClassNameFor<"color", string>;
|
|
115
|
-
readonly margin: css.StyleXClassNameFor<"margin", 0>;
|
|
116
|
-
readonly paddingLeft: css.StyleXClassNameFor<"paddingLeft", string>;
|
|
117
|
-
readonly paddingRight: css.StyleXClassNameFor<"paddingRight", string>;
|
|
118
|
-
readonly paddingBottom: css.StyleXClassNameFor<"paddingBottom", string>;
|
|
119
|
-
}>;
|
|
120
|
-
readonly body: Readonly<{
|
|
121
|
-
readonly paddingLeft: css.StyleXClassNameFor<"paddingLeft", string>;
|
|
122
|
-
readonly paddingRight: css.StyleXClassNameFor<"paddingRight", string>;
|
|
123
|
-
readonly paddingBottom: css.StyleXClassNameFor<"paddingBottom", string>;
|
|
124
|
-
readonly overflowY: css.StyleXClassNameFor<"overflowY", "auto">;
|
|
125
|
-
readonly flex: css.StyleXClassNameFor<"flex", 1>;
|
|
126
|
-
}>;
|
|
127
|
-
readonly footer: Readonly<{
|
|
128
|
-
readonly display: css.StyleXClassNameFor<"display", "flex">;
|
|
129
|
-
readonly alignItems: css.StyleXClassNameFor<"alignItems", "center">;
|
|
130
|
-
readonly justifyContent: css.StyleXClassNameFor<"justifyContent", "flex-end">;
|
|
131
|
-
readonly gap: css.StyleXClassNameFor<"gap", string>;
|
|
132
|
-
readonly paddingTop: css.StyleXClassNameFor<"paddingTop", string>;
|
|
133
|
-
readonly paddingLeft: css.StyleXClassNameFor<"paddingLeft", string>;
|
|
134
|
-
readonly paddingRight: css.StyleXClassNameFor<"paddingRight", string>;
|
|
135
|
-
readonly paddingBottom: css.StyleXClassNameFor<"paddingBottom", string>;
|
|
136
|
-
readonly borderTopWidth: css.StyleXClassNameFor<"borderTopWidth", string>;
|
|
137
|
-
readonly borderTopStyle: css.StyleXClassNameFor<"borderTopStyle", "solid">;
|
|
138
|
-
readonly borderTopColor: css.StyleXClassNameFor<"borderTopColor", string>;
|
|
139
|
-
}>;
|
|
140
|
-
readonly closeButton: Readonly<{
|
|
141
|
-
readonly display: css.StyleXClassNameFor<"display", "flex">;
|
|
142
|
-
readonly alignItems: css.StyleXClassNameFor<"alignItems", "center">;
|
|
143
|
-
readonly justifyContent: css.StyleXClassNameFor<"justifyContent", "center">;
|
|
144
|
-
readonly width: css.StyleXClassNameFor<"width", string>;
|
|
145
|
-
readonly height: css.StyleXClassNameFor<"height", string>;
|
|
146
|
-
readonly borderRadius: css.StyleXClassNameFor<"borderRadius", string>;
|
|
147
|
-
readonly borderWidth: css.StyleXClassNameFor<"borderWidth", 0>;
|
|
148
|
-
readonly backgroundColor: css.StyleXClassNameFor<"backgroundColor", string>;
|
|
149
|
-
readonly color: css.StyleXClassNameFor<"color", string>;
|
|
150
|
-
readonly cursor: css.StyleXClassNameFor<"cursor", "pointer">;
|
|
151
|
-
readonly padding: css.StyleXClassNameFor<"padding", 0>;
|
|
152
|
-
readonly flexShrink: css.StyleXClassNameFor<"flexShrink", 0>;
|
|
153
|
-
readonly transitionProperty: css.StyleXClassNameFor<"transitionProperty", "background-color">;
|
|
154
|
-
readonly transitionDuration: css.StyleXClassNameFor<"transitionDuration", string>;
|
|
155
|
-
}>;
|
|
156
|
-
readonly inlineWrapper: Readonly<{
|
|
157
|
-
readonly display: css.StyleXClassNameFor<"display", "inline-flex">;
|
|
158
|
-
}>;
|
|
159
86
|
readonly reducedMotion: Readonly<{
|
|
160
87
|
readonly animationDuration: css.StyleXClassNameFor<"animationDuration", string>;
|
|
161
88
|
}>;
|
|
@@ -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;AAQpC,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAiHjB,CAAA"}
|
|
@@ -1,48 +1,21 @@
|
|
|
1
1
|
import { ReactNode } from 'react';
|
|
2
|
-
import {
|
|
3
|
-
|
|
4
|
-
export type
|
|
5
|
-
|
|
6
|
-
children: ReactNode;
|
|
7
|
-
/** Controlled open state */
|
|
8
|
-
open?: boolean;
|
|
9
|
-
/** Default open state (uncontrolled) */
|
|
10
|
-
defaultOpen?: boolean;
|
|
11
|
-
/** Called when drawer open state changes */
|
|
12
|
-
onOpenChange?: (open: boolean) => void;
|
|
13
|
-
/** Which edge the drawer slides from. Default: 'right' */
|
|
14
|
-
anchor?: DrawerAnchor;
|
|
15
|
-
/** Whether clicking backdrop or pressing Escape closes the drawer. Default: true */
|
|
16
|
-
dismissable?: boolean;
|
|
17
|
-
/** Whether swipe gesture dismisses the drawer. Default: true */
|
|
18
|
-
swipeDismiss?: boolean;
|
|
19
|
-
/** Motion token for the close animation. Default: 'fast' (150ms) */
|
|
20
|
-
closeAnimationDuration?: DurationToken;
|
|
21
|
-
}
|
|
22
|
-
declare function Root({ children, open: controlledOpen, defaultOpen, onOpenChange, anchor, dismissable, swipeDismiss, closeAnimationDuration, }: RootProps): import("react/jsx-runtime").JSX.Element;
|
|
2
|
+
import { Description, Footer, Header, Title, DrawerSize, GrabberLabels } from './parts';
|
|
3
|
+
import { DrawerRootProps } from './useDrawerRoot';
|
|
4
|
+
export type { DrawerAnchor, DrawerSize, SnapPoint } from './parts';
|
|
5
|
+
declare function Root({ children, ...props }: DrawerRootProps): import("react/jsx-runtime").JSX.Element;
|
|
23
6
|
declare function Trigger({ children }: {
|
|
24
7
|
children: ReactNode;
|
|
25
8
|
}): import("react/jsx-runtime").JSX.Element;
|
|
26
9
|
interface PortalProps {
|
|
27
10
|
children: ReactNode;
|
|
28
11
|
size?: DrawerSize;
|
|
12
|
+
/** The grabber's accessible names, by what a press does next. Snap sheets only */
|
|
13
|
+
grabberLabels?: GrabberLabels;
|
|
29
14
|
}
|
|
30
|
-
declare function Portal({ children, size }: PortalProps): import("react/jsx-runtime").JSX.Element | null;
|
|
31
|
-
declare function Header({ children }: {
|
|
32
|
-
children: ReactNode;
|
|
33
|
-
}): import("react/jsx-runtime").JSX.Element;
|
|
34
|
-
declare function Title({ children }: {
|
|
35
|
-
children: ReactNode;
|
|
36
|
-
}): import("react/jsx-runtime").JSX.Element;
|
|
37
|
-
declare function Description({ children }: {
|
|
38
|
-
children: ReactNode;
|
|
39
|
-
}): import("react/jsx-runtime").JSX.Element;
|
|
15
|
+
declare function Portal({ children, size, grabberLabels }: PortalProps): import("react/jsx-runtime").JSX.Element | null;
|
|
40
16
|
declare function Body({ children }: {
|
|
41
17
|
children: ReactNode;
|
|
42
18
|
}): import("react/jsx-runtime").JSX.Element;
|
|
43
|
-
declare function Footer({ children }: {
|
|
44
|
-
children: ReactNode;
|
|
45
|
-
}): import("react/jsx-runtime").JSX.Element;
|
|
46
19
|
interface CloseProps {
|
|
47
20
|
children?: ReactNode;
|
|
48
21
|
'aria-label'?: string;
|
|
@@ -59,5 +32,4 @@ export declare const Drawer: {
|
|
|
59
32
|
Footer: typeof Footer;
|
|
60
33
|
Close: typeof Close;
|
|
61
34
|
};
|
|
62
|
-
export {};
|
|
63
35
|
//# sourceMappingURL=Drawer.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Drawer.d.ts","sourceRoot":"","sources":["../../../src/components/Drawer/Drawer.tsx"],"names":[],"mappings":"AACA,OAAO,
|
|
1
|
+
{"version":3,"file":"Drawer.d.ts","sourceRoot":"","sources":["../../../src/components/Drawer/Drawer.tsx"],"names":[],"mappings":"AACA,OAAO,EAAC,KAAK,SAAS,EAAmC,MAAM,OAAO,CAAA;AAWtE,OAAO,EAEL,WAAW,EAEX,MAAM,EACN,MAAM,EACN,KAAK,EAEL,KAAK,UAAU,EACf,KAAK,aAAa,EACnB,MAAM,SAAS,CAAA;AAChB,OAAO,EAAgB,KAAK,eAAe,EAAC,MAAM,iBAAiB,CAAA;AAEnE,YAAY,EAAC,YAAY,EAAE,UAAU,EAAE,SAAS,EAAC,MAAM,SAAS,CAAA;AAchE,iBAAS,IAAI,CAAC,EAAC,QAAQ,EAAE,GAAG,KAAK,EAAC,EAAE,eAAe,2CA+BlD;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;IACjB,kFAAkF;IAClF,aAAa,CAAC,EAAE,aAAa,CAAA;CAC9B;AAqBD,iBAAS,MAAM,CAAC,EAAC,QAAQ,EAAE,IAAW,EAAE,aAAsC,EAAC,EAAE,WAAW,kDAmH3F;AAID,iBAAS,IAAI,CAAC,EAAC,QAAQ,EAAC,EAAE;IAAC,QAAQ,EAAE,SAAS,CAAA;CAAC,2CAS9C;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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Drawer.meta.d.ts","sourceRoot":"","sources":["../../../src/components/Drawer/Drawer.meta.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAA;AAEpD,eAAO,MAAM,IAAI,EAAE,
|
|
1
|
+
{"version":3,"file":"Drawer.meta.d.ts","sourceRoot":"","sources":["../../../src/components/Drawer/Drawer.meta.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAA;AAEpD,eAAO,MAAM,IAAI,EAAE,aAyDlB,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DrawerScroll.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Drawer/DrawerScroll.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,IAAI,EAAE,QAAQ,EAAC,MAAM,kBAAkB,CAAA;AASpD,QAAA,MAAM,IAAI,EAAE,IAGX,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAA;
|
|
1
|
+
{"version":3,"file":"DrawerScroll.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Drawer/DrawerScroll.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,IAAI,EAAE,QAAQ,EAAC,MAAM,kBAAkB,CAAA;AASpD,QAAA,MAAM,IAAI,EAAE,IAGX,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAA;AAyGrB,eAAO,MAAM,kBAAkB,EAAE,KAWhC,CAAA;AAED,eAAO,MAAM,sBAAsB,EAAE,KAcpC,CAAA;AAED,eAAO,MAAM,sBAAsB,EAAE,KASpC,CAAA;AAED,eAAO,MAAM,yBAAyB,EAAE,KAYvC,CAAA;AAED,eAAO,MAAM,uBAAuB,EAAE,KAerC,CAAA;AAED,eAAO,MAAM,wBAAwB,EAAE,KAwBtC,CAAA;AAED,2EAA2E;AAC3E,eAAO,MAAM,iBAAiB,EAAE,KAuB/B,CAAA"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { SnapPoint } from './Drawer';
|
|
3
|
+
declare const meta: Meta;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj;
|
|
6
|
+
interface SheetArgs {
|
|
7
|
+
snapPoints: SnapPoint[];
|
|
8
|
+
defaultSnapPoint: SnapPoint;
|
|
9
|
+
titleAlign: 'start' | 'center';
|
|
10
|
+
onOpenChange?: (open: boolean) => void;
|
|
11
|
+
}
|
|
12
|
+
export declare const SnapSheet: StoryObj<SheetArgs>;
|
|
13
|
+
export declare const DragUpGrowsToLarge: Story;
|
|
14
|
+
export declare const DragDownShrinksToMedium: Story;
|
|
15
|
+
export declare const DragDownBelowMediumDismisses: Story;
|
|
16
|
+
export declare const SlowShortDragSnapsBack: Story;
|
|
17
|
+
export declare const GrabberTapCyclesDetents: Story;
|
|
18
|
+
export declare const DragUpOnContentGrowsThenScrolls: Story;
|
|
19
|
+
export declare const DoneCloses: Story;
|
|
20
|
+
//# sourceMappingURL=DrawerSnap.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DrawerSnap.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Drawer/DrawerSnap.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,IAAI,EAAE,QAAQ,EAAC,MAAM,kBAAkB,CAAA;AAEpD,OAAO,EAAS,KAAK,SAAS,EAAC,MAAM,UAAU,CAAA;AAK/C,QAAA,MAAM,IAAI,EAAE,IAGX,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAA;AAIrB,UAAU,SAAS;IACjB,UAAU,EAAE,SAAS,EAAE,CAAA;IACvB,gBAAgB,EAAE,SAAS,CAAA;IAC3B,UAAU,EAAE,OAAO,GAAG,QAAQ,CAAA;IAC9B,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;CACvC;AAwCD,eAAO,MAAM,SAAS,EAAE,QAAQ,CAAC,SAAS,CA2BzC,CAAA;AA8BD,eAAO,MAAM,kBAAkB,EAAE,KAQhC,CAAA;AAED,eAAO,MAAM,uBAAuB,EAAE,KAQrC,CAAA;AAED,eAAO,MAAM,4BAA4B,EAAE,KAQ1C,CAAA;AAED,eAAO,MAAM,sBAAsB,EAAE,KAWpC,CAAA;AAED,eAAO,MAAM,uBAAuB,EAAE,KAYrC,CAAA;AAED,eAAO,MAAM,+BAA+B,EAAE,KAiB7C,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KASxB,CAAA"}
|