@dxos/react-ui 0.8.4-main.69d29f4 → 0.8.4-main.6fa680abb7
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-CEKVHJ27.mjs → chunk-2FKSMWNY.mjs} +117 -117
- package/dist/lib/browser/chunk-2FKSMWNY.mjs.map +7 -0
- package/dist/lib/browser/index.mjs +2804 -1957
- package/dist/lib/browser/index.mjs.map +4 -4
- package/dist/lib/browser/meta.json +1 -1
- package/dist/lib/browser/testing/index.mjs +56 -32
- package/dist/lib/browser/testing/index.mjs.map +4 -4
- package/dist/lib/node-esm/{chunk-2NHEX4AD.mjs → chunk-ZNBLTSHI.mjs} +117 -117
- package/dist/lib/node-esm/chunk-ZNBLTSHI.mjs.map +7 -0
- package/dist/lib/node-esm/index.mjs +2804 -1957
- package/dist/lib/node-esm/index.mjs.map +4 -4
- package/dist/lib/node-esm/meta.json +1 -1
- package/dist/lib/node-esm/testing/index.mjs +56 -32
- package/dist/lib/node-esm/testing/index.mjs.map +4 -4
- package/dist/types/src/components/Avatars/Avatar.d.ts.map +1 -1
- package/dist/types/src/components/Avatars/Avatar.stories.d.ts.map +1 -1
- package/dist/types/src/components/Breadcrumb/Breadcrumb.d.ts.map +1 -1
- package/dist/types/src/components/Button/Button.d.ts.map +1 -1
- package/dist/types/src/components/Card/Card.d.ts +107 -0
- package/dist/types/src/components/Card/Card.d.ts.map +1 -0
- package/dist/types/src/components/Card/Card.stories.d.ts +21 -0
- package/dist/types/src/components/Card/Card.stories.d.ts.map +1 -0
- package/dist/types/src/components/Card/index.d.ts +2 -0
- package/dist/types/src/components/Card/index.d.ts.map +1 -0
- package/dist/types/src/components/Dialog/AlertDialog.d.ts +12 -3
- package/dist/types/src/components/Dialog/AlertDialog.d.ts.map +1 -1
- package/dist/types/src/components/Dialog/AlertDialog.stories.d.ts.map +1 -1
- package/dist/types/src/components/Dialog/Dialog.d.ts +11 -4
- package/dist/types/src/components/Dialog/Dialog.d.ts.map +1 -1
- package/dist/types/src/components/Dialog/Dialog.stories.d.ts +3 -6
- package/dist/types/src/components/Dialog/Dialog.stories.d.ts.map +1 -1
- package/dist/types/src/components/ErrorFallback/ErrorFallback.d.ts +11 -0
- package/dist/types/src/components/ErrorFallback/ErrorFallback.d.ts.map +1 -0
- package/dist/types/src/components/ErrorFallback/ErrorFallback.stories.d.ts +7 -0
- package/dist/types/src/components/ErrorFallback/ErrorFallback.stories.d.ts.map +1 -0
- package/dist/types/src/components/ErrorFallback/ErrorStack.d.ts +8 -0
- package/dist/types/src/components/ErrorFallback/ErrorStack.d.ts.map +1 -0
- package/dist/types/src/components/ErrorFallback/ThrowError.d.ts +9 -0
- package/dist/types/src/components/ErrorFallback/ThrowError.d.ts.map +1 -0
- package/dist/types/src/components/ErrorFallback/index.d.ts +5 -0
- package/dist/types/src/components/ErrorFallback/index.d.ts.map +1 -0
- package/dist/types/src/components/Image/Image.d.ts +14 -0
- package/dist/types/src/components/Image/Image.d.ts.map +1 -0
- package/dist/types/src/components/Image/Image.stories.d.ts +33 -0
- package/dist/types/src/components/Image/Image.stories.d.ts.map +1 -0
- package/dist/types/src/components/Image/index.d.ts +2 -0
- package/dist/types/src/components/Image/index.d.ts.map +1 -0
- package/dist/types/src/components/Input/Input.d.ts +2 -5
- package/dist/types/src/components/Input/Input.d.ts.map +1 -1
- package/dist/types/src/components/Input/Input.stories.d.ts +7 -7
- package/dist/types/src/components/Input/Input.stories.d.ts.map +1 -1
- package/dist/types/src/components/List/List.d.ts.map +1 -1
- package/dist/types/src/components/List/List.stories.d.ts.map +1 -1
- package/dist/types/src/components/List/Treegrid.d.ts.map +1 -1
- package/dist/types/src/components/Main/Main.d.ts +9 -10
- package/dist/types/src/components/Main/Main.d.ts.map +1 -1
- package/dist/types/src/components/Main/Main.stories.d.ts +0 -3
- package/dist/types/src/components/Main/Main.stories.d.ts.map +1 -1
- package/dist/types/src/components/Menu/ContextMenu.d.ts.map +1 -1
- package/dist/types/src/components/Message/Message.d.ts.map +1 -1
- package/dist/types/src/components/Message/Message.stories.d.ts +2 -3
- package/dist/types/src/components/Message/Message.stories.d.ts.map +1 -1
- package/dist/types/src/components/Popover/Popover.d.ts +1 -0
- package/dist/types/src/components/Popover/Popover.d.ts.map +1 -1
- package/dist/types/src/components/ScrollArea/ScrollArea.d.ts +21 -26
- package/dist/types/src/components/ScrollArea/ScrollArea.d.ts.map +1 -1
- package/dist/types/src/components/ScrollArea/ScrollArea.stories.d.ts +41 -9
- package/dist/types/src/components/ScrollArea/ScrollArea.stories.d.ts.map +1 -1
- package/dist/types/src/components/ScrollContainer/ScrollContainer.d.ts.map +1 -1
- package/dist/types/src/components/ScrollContainer/ScrollContainer.stories.d.ts +6 -1
- package/dist/types/src/components/ScrollContainer/ScrollContainer.stories.d.ts.map +1 -1
- package/dist/types/src/components/Select/Select.d.ts.map +1 -1
- package/dist/types/src/components/Skeleton/Skeleton.d.ts +12 -0
- package/dist/types/src/components/Skeleton/Skeleton.d.ts.map +1 -0
- package/dist/types/src/components/Skeleton/Skeleton.stories.d.ts +17 -0
- package/dist/types/src/components/Skeleton/Skeleton.stories.d.ts.map +1 -0
- package/dist/types/src/components/Skeleton/index.d.ts +2 -0
- package/dist/types/src/components/Skeleton/index.d.ts.map +1 -0
- package/dist/types/src/components/Splitter/Splitter.d.ts +32 -0
- package/dist/types/src/components/Splitter/Splitter.d.ts.map +1 -0
- package/dist/types/src/components/Splitter/Splitter.stories.d.ts +7 -0
- package/dist/types/src/components/Splitter/Splitter.stories.d.ts.map +1 -0
- package/dist/types/src/components/Splitter/index.d.ts +2 -0
- package/dist/types/src/components/Splitter/index.d.ts.map +1 -0
- package/dist/types/src/components/Status/Status.stories.d.ts +4 -2
- package/dist/types/src/components/Status/Status.stories.d.ts.map +1 -1
- package/dist/types/src/components/Tag/Tag.d.ts.map +1 -1
- package/dist/types/src/components/Tag/Tag.stories.d.ts +0 -5
- package/dist/types/src/components/Tag/Tag.stories.d.ts.map +1 -1
- package/dist/types/src/components/ThemeProvider/ThemeProvider.d.ts +1 -0
- package/dist/types/src/components/ThemeProvider/ThemeProvider.d.ts.map +1 -1
- package/dist/types/src/components/ThemeProvider/ThemeProvider.stories.d.ts +12 -0
- package/dist/types/src/components/ThemeProvider/ThemeProvider.stories.d.ts.map +1 -0
- package/dist/types/src/components/Toast/Toast.d.ts.map +1 -1
- package/dist/types/src/components/Toolbar/Toolbar.d.ts +33 -7
- package/dist/types/src/components/Toolbar/Toolbar.d.ts.map +1 -1
- package/dist/types/src/components/Tooltip/Tooltip.d.ts.map +1 -1
- package/dist/types/src/components/Tooltip/Tooltip.stories.d.ts.map +1 -1
- package/dist/types/src/components/index.d.ts +8 -4
- package/dist/types/src/components/index.d.ts.map +1 -1
- package/dist/types/src/exemplars/generics.stories.d.ts +18 -0
- package/dist/types/src/exemplars/generics.stories.d.ts.map +1 -0
- package/dist/types/src/exemplars/slot.stories.d.ts +14 -0
- package/dist/types/src/exemplars/slot.stories.d.ts.map +1 -0
- package/dist/types/src/exemplars/tabster.stories.d.ts +8 -0
- package/dist/types/src/exemplars/tabster.stories.d.ts.map +1 -0
- package/dist/types/src/exemplars/virtualizer.stories.d.ts +11 -0
- package/dist/types/src/exemplars/virtualizer.stories.d.ts.map +1 -0
- package/dist/types/src/index.d.ts +1 -0
- package/dist/types/src/index.d.ts.map +1 -1
- package/dist/types/src/playground/Controls.stories.d.ts.map +1 -1
- package/dist/types/src/primitives/Column/Column.d.ts +26 -0
- package/dist/types/src/primitives/Column/Column.d.ts.map +1 -0
- package/dist/types/src/primitives/Column/Column.stories.d.ts +6 -0
- package/dist/types/src/primitives/Column/Column.stories.d.ts.map +1 -0
- package/dist/types/src/primitives/Column/index.d.ts +2 -0
- package/dist/types/src/primitives/Column/index.d.ts.map +1 -0
- package/dist/types/src/primitives/Container/Container.d.ts +8 -0
- package/dist/types/src/primitives/Container/Container.d.ts.map +1 -0
- package/dist/types/src/primitives/Container/Container.stories.d.ts +6 -0
- package/dist/types/src/primitives/Container/Container.stories.d.ts.map +1 -0
- package/dist/types/src/primitives/Container/index.d.ts +2 -0
- package/dist/types/src/primitives/Container/index.d.ts.map +1 -0
- package/dist/types/src/primitives/Flex/Flex.d.ts +13 -0
- package/dist/types/src/primitives/Flex/Flex.d.ts.map +1 -0
- package/dist/types/src/primitives/Flex/Flex.stories.d.ts +8 -0
- package/dist/types/src/primitives/Flex/Flex.stories.d.ts.map +1 -0
- package/dist/types/src/primitives/Flex/index.d.ts +2 -0
- package/dist/types/src/primitives/Flex/index.d.ts.map +1 -0
- package/dist/types/src/primitives/Grid/Grid.d.ts +15 -0
- package/dist/types/src/primitives/Grid/Grid.d.ts.map +1 -0
- package/dist/types/src/primitives/Grid/Grid.stories.d.ts +8 -0
- package/dist/types/src/primitives/Grid/Grid.stories.d.ts.map +1 -0
- package/dist/types/src/primitives/Grid/index.d.ts +2 -0
- package/dist/types/src/primitives/Grid/index.d.ts.map +1 -0
- package/dist/types/src/primitives/Panel/Panel.d.ts +26 -0
- package/dist/types/src/primitives/Panel/Panel.d.ts.map +1 -0
- package/dist/types/src/primitives/Panel/Panel.stories.d.ts +6 -0
- package/dist/types/src/primitives/Panel/Panel.stories.d.ts.map +1 -0
- package/dist/types/src/primitives/Panel/index.d.ts +2 -0
- package/dist/types/src/primitives/Panel/index.d.ts.map +1 -0
- package/dist/types/src/primitives/index.d.ts +6 -0
- package/dist/types/src/primitives/index.d.ts.map +1 -0
- package/dist/types/src/testing/Loading.d.ts +9 -0
- package/dist/types/src/testing/Loading.d.ts.map +1 -0
- package/dist/types/src/testing/decorators/withLayout.d.ts +1 -1
- package/dist/types/src/testing/decorators/withLayout.d.ts.map +1 -1
- package/dist/types/src/testing/decorators/withLayoutVariants.d.ts.map +1 -1
- package/dist/types/src/testing/decorators/withTheme.d.ts +3 -2
- package/dist/types/src/testing/decorators/withTheme.d.ts.map +1 -1
- package/dist/types/src/testing/index.d.ts +1 -0
- package/dist/types/src/testing/index.d.ts.map +1 -1
- package/dist/types/src/translations.d.ts +11 -0
- package/dist/types/src/translations.d.ts.map +1 -0
- package/dist/types/tsconfig.tsbuildinfo +1 -1
- package/package.json +25 -21
- package/src/components/Avatars/Avatar.stories.tsx +5 -6
- package/src/components/Avatars/Avatar.tsx +5 -12
- package/src/components/Avatars/AvatarGroup.stories.tsx +2 -2
- package/src/components/Breadcrumb/Breadcrumb.stories.tsx +3 -3
- package/src/components/Breadcrumb/Breadcrumb.tsx +11 -37
- package/src/components/Button/Button.stories.tsx +3 -3
- package/src/components/Button/Button.tsx +6 -12
- package/src/components/Button/IconButton.stories.tsx +4 -4
- package/src/components/Button/IconButton.tsx +1 -1
- package/src/components/Button/Toggle.stories.tsx +2 -2
- package/src/components/Button/ToggleGroup.stories.tsx +2 -2
- package/src/components/Card/Card.stories.tsx +151 -0
- package/src/components/Card/Card.tsx +347 -0
- package/src/components/Card/index.ts +5 -0
- package/src/components/Clipboard/CopyButton.tsx +3 -3
- package/src/components/Dialog/AlertDialog.stories.tsx +15 -15
- package/src/components/Dialog/AlertDialog.tsx +116 -16
- package/src/components/Dialog/Dialog.stories.tsx +40 -15
- package/src/components/Dialog/Dialog.tsx +75 -45
- package/src/components/ErrorFallback/ErrorFallback.stories.tsx +50 -0
- package/src/components/ErrorFallback/ErrorFallback.tsx +70 -0
- package/src/components/ErrorFallback/ErrorStack.tsx +80 -0
- package/src/components/ErrorFallback/ThrowError.tsx +37 -0
- package/src/components/ErrorFallback/index.ts +9 -0
- package/src/components/Icon/Icon.stories.tsx +2 -2
- package/src/components/Icon/Icon.tsx +1 -1
- package/src/components/Image/Image.stories.tsx +86 -0
- package/src/components/Image/Image.tsx +223 -0
- package/src/components/Image/index.ts +5 -0
- package/src/components/Input/Input.stories.tsx +20 -39
- package/src/components/Input/Input.tsx +20 -65
- package/src/components/Link/Link.stories.tsx +2 -2
- package/src/components/Link/Link.tsx +2 -2
- package/src/components/List/List.stories.tsx +15 -22
- package/src/components/List/List.tsx +11 -16
- package/src/components/List/ListDropIndicator.tsx +7 -7
- package/src/components/List/Tree.stories.tsx +4 -4
- package/src/components/List/TreeDropIndicator.tsx +6 -6
- package/src/components/List/Treegrid.stories.tsx +3 -3
- package/src/components/List/Treegrid.tsx +10 -15
- package/src/components/Main/Main.stories.tsx +41 -23
- package/src/components/Main/Main.tsx +138 -81
- package/src/components/Menu/ContextMenu.stories.tsx +2 -2
- package/src/components/Menu/ContextMenu.tsx +9 -33
- package/src/components/Menu/DropdownMenu.stories.tsx +2 -2
- package/src/components/Menu/DropdownMenu.tsx +10 -10
- package/src/components/Message/Message.stories.tsx +25 -10
- package/src/components/Message/Message.tsx +17 -29
- package/src/components/Popover/Popover.stories.tsx +4 -4
- package/src/components/Popover/Popover.tsx +23 -20
- package/src/components/ScrollArea/ScrollArea.stories.tsx +152 -76
- package/src/components/ScrollArea/ScrollArea.tsx +72 -116
- package/src/components/ScrollArea/index.ts +1 -1
- package/src/components/ScrollContainer/ScrollContainer.stories.tsx +41 -22
- package/src/components/ScrollContainer/ScrollContainer.tsx +18 -13
- package/src/components/Select/Select.stories.tsx +2 -2
- package/src/components/Select/Select.tsx +11 -27
- package/src/components/Separator/Separator.tsx +1 -1
- package/src/components/Skeleton/Skeleton.stories.tsx +52 -0
- package/src/components/Skeleton/Skeleton.tsx +26 -0
- package/src/components/Skeleton/index.ts +5 -0
- package/src/components/Splitter/Splitter.stories.tsx +83 -0
- package/src/components/Splitter/Splitter.tsx +126 -0
- package/src/components/Splitter/index.ts +5 -0
- package/src/components/Status/Status.stories.tsx +21 -17
- package/src/components/Status/Status.tsx +2 -2
- package/src/components/Tag/Tag.stories.tsx +4 -9
- package/src/components/Tag/Tag.tsx +2 -7
- package/src/components/ThemeProvider/ThemeProvider.stories.tsx +32 -0
- package/src/components/ThemeProvider/ThemeProvider.tsx +4 -3
- package/src/components/Toast/Toast.stories.tsx +2 -2
- package/src/components/Toast/Toast.tsx +10 -14
- package/src/components/Toolbar/Toolbar.stories.tsx +2 -2
- package/src/components/Toolbar/Toolbar.tsx +174 -12
- package/src/components/Tooltip/Tooltip.stories.tsx +15 -13
- package/src/components/Tooltip/Tooltip.tsx +3 -2
- package/src/components/index.ts +9 -5
- package/src/exemplars/generics.stories.tsx +49 -0
- package/src/exemplars/slot.stories.tsx +107 -0
- package/src/exemplars/tabster.stories.tsx +127 -0
- package/src/exemplars/virtualizer.stories.tsx +137 -0
- package/src/index.ts +1 -0
- package/src/playground/Controls.stories.tsx +3 -10
- package/src/playground/Custom.stories.tsx +10 -10
- package/src/playground/Typography.stories.tsx +3 -3
- package/src/primitives/Column/Column.stories.tsx +78 -0
- package/src/primitives/Column/Column.tsx +134 -0
- package/src/primitives/Column/index.ts +5 -0
- package/src/primitives/Container/Container.stories.tsx +30 -0
- package/src/primitives/Container/Container.tsx +22 -0
- package/src/primitives/Container/index.ts +5 -0
- package/src/primitives/Flex/Flex.stories.tsx +58 -0
- package/src/primitives/Flex/Flex.tsx +29 -0
- package/src/primitives/Flex/index.ts +5 -0
- package/src/primitives/Grid/Grid.stories.tsx +57 -0
- package/src/primitives/Grid/Grid.tsx +35 -0
- package/src/primitives/Grid/index.ts +5 -0
- package/src/primitives/Panel/Panel.stories.tsx +67 -0
- package/src/primitives/Panel/Panel.tsx +119 -0
- package/src/primitives/Panel/index.ts +5 -0
- package/src/primitives/index.ts +9 -0
- package/src/testing/Loading.tsx +26 -0
- package/src/testing/decorators/withLayout.tsx +21 -7
- package/src/testing/decorators/withLayoutVariants.tsx +18 -21
- package/src/testing/decorators/withTheme.tsx +19 -17
- package/src/testing/index.ts +2 -0
- package/src/translations.ts +19 -0
- package/dist/lib/browser/chunk-CEKVHJ27.mjs.map +0 -7
- package/dist/lib/node-esm/chunk-2NHEX4AD.mjs.map +0 -7
- package/dist/types/src/components/AnchoredOverflow/AnchoredOverflow.d.ts +0 -15
- package/dist/types/src/components/AnchoredOverflow/AnchoredOverflow.d.ts.map +0 -1
- package/dist/types/src/components/AnchoredOverflow/index.d.ts +0 -2
- package/dist/types/src/components/AnchoredOverflow/index.d.ts.map +0 -1
- package/src/components/AnchoredOverflow/AnchoredOverflow.tsx +0 -59
- package/src/components/AnchoredOverflow/index.ts +0 -5
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
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, memo } from 'react';\n\nimport { type ClassNameValue, type ThemedClassName } from '@dxos/react-ui';\nimport { mx } from '@dxos/ui-theme';\n\nexport type ContainerProps = ThemedClassName<PropsWithChildren>;\n\nexport type ContainerType = 'fullscreen' | 'column';\n\nexport type WithLayoutProps =\n | FC<ContainerProps>\n | {\n classNames?: ClassNameValue;\n layout?: ContainerType;\n scroll?: boolean;\n };\n\n/**\n * Adds layout container.\n */\nexport const withLayout =\n (props: WithLayoutProps = {}): Decorator =>\n (Story) => {\n // Prevent re-rendering of the story.\n const MemoizedStory = memo(Story);\n if (typeof props === 'function') {\n const Container = props;\n return (\n <Container>\n <MemoizedStory />\n </Container>\n );\n } else {\n const { layout = '
|
|
5
|
-
"mappings": ";;;;;;;AAKA,OAAOA,SAA0CC,YAAY;AAG7D,SAASC,UAAU;AAiBZ,IAAMC,aACX,CAACC,QAAyB,CAAC,MAC3B,CAACC,UAAAA;AAEC,QAAMC,gBAAgBC,qBAAKF,KAAAA;AAC3B,MAAI,OAAOD,UAAU,YAAY;AAC/B,UAAMI,aAAYJ;AAClB,WACE,sBAAA,cAACI,YAAAA,MACC,sBAAA,cAACF,eAAAA,IAAAA,CAAAA;EAGP,OAAO;AACL,UAAM,EAAEG,SAAS,
|
|
6
|
-
"names": ["React", "memo", "mx", "withLayout", "props", "Story", "MemoizedStory", "memo", "Container", "layout", "classNames", "scroll", "layouts", "fullscreen", "mx", "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", "
|
|
3
|
+
"sources": ["../../../../src/testing/decorators/withLayout.tsx", "../../../../src/testing/decorators/withLayoutVariants.tsx", "../../../../src/testing/decorators/withTheme.tsx", "../../../../src/testing/Loading.tsx"],
|
|
4
|
+
"sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport { type Decorator } from '@storybook/react';\nimport React, { type FC, type PropsWithChildren, memo } from 'react';\n\nimport { type ClassNameValue, type ThemedClassName } from '@dxos/react-ui';\nimport { mx } from '@dxos/ui-theme';\n\nexport type ContainerProps = ThemedClassName<PropsWithChildren>;\n\nexport type ContainerType = 'default' | 'fullscreen' | 'centered' | 'column';\n\nexport type WithLayoutProps =\n | FC<ContainerProps>\n | {\n classNames?: ClassNameValue;\n layout?: ContainerType;\n scroll?: boolean;\n };\n\n/**\n * Adds layout container.\n */\nexport const withLayout =\n (props: WithLayoutProps = {}): Decorator =>\n (Story) => {\n // Prevent re-rendering of the story.\n const MemoizedStory = memo(Story);\n if (typeof props === 'function') {\n const Container = props;\n return (\n <Container>\n <MemoizedStory />\n </Container>\n );\n } else {\n const { layout = 'default', classNames, scroll } = props;\n const Container = layouts[layout] ?? layouts.fullscreen;\n return (\n <Container classNames={mx(classNames, scroll ? 'overflow-y-auto' : 'overflow-hidden')}>\n <MemoizedStory />\n </Container>\n );\n }\n };\n\nconst layouts: Record<ContainerType, FC<ContainerProps>> = {\n default: ({ classNames, children }: ContainerProps) => (\n <div role='none' className={mx('p-4', classNames)}>\n {children}\n </div>\n ),\n\n fullscreen: ({ classNames, children }: ContainerProps) => (\n <div role='none' className={mx('fixed inset-0 flex overflow-hidden bg-base-surface', classNames)}>\n {children}\n </div>\n ),\n\n centered: ({ classNames, children }: ContainerProps) => (\n <div role='none' className={mx('fixed inset-0 grid overflow-hidden place-items-center bg-base-surface')}>\n <div role='none' className={mx('flex flex-col w-[40rem] bg-group-surface', classNames)}>\n {children}\n </div>\n </div>\n ),\n\n column: ({ classNames, children }: ContainerProps) => (\n <div role='none' className='fixed inset-0 flex overflow-hidden justify-center bg-base-surface'>\n <div role='none' className={mx('flex flex-col w-[40rem] bg-group-surface', 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/ui-theme';\nimport { type Density, type Elevation } from '@dxos/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('p-4 rounded-sm', surface, surfaceShadow({ elevation }))}>{children}</div>\n);\n\nconst Panel = ({\n Story,\n elevations,\n densities,\n className,\n}: { Story: ComponentType } & Config & { className?: string }) => {\n return (\n <div className={mx('flex flex-col h-full p-8 gap-8', 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};\n\nexport const withLayoutVariants = ({\n elevations = [\n { elevation: 'dialog', surface: 'bg-modal-surface' },\n { elevation: 'positioned', surface: 'bg-card-surface' },\n { elevation: 'base', surface: 'bg-base-surface' },\n ],\n densities = ['coarse'],\n}: Config = {}): Decorator => {\n return (Story) => <Panel Story={Story} elevations={elevations} densities={densities} />;\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/ui-theme';\nimport { type ThemeMode } from '@dxos/ui-types';\n\nimport { type ThemeContextValue, ThemeProvider, Tooltip } from '../../components';\n\n/**\n * Adds theme decorator.\n */\nexport const withTheme =\n ({ tx = defaultTx, ...props }: Partial<ThemeContextValue> = {}): Decorator =>\n (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 {...props} tx={tx} themeMode={theme as ThemeMode} resourceExtensions={translations} noCache>\n <Tooltip.Provider>\n <MemoizedStory />\n </Tooltip.Provider>\n </ThemeProvider>\n );\n };\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { mx } from '@dxos/ui-theme';\nimport { safeStringify } from '@dxos/util';\nimport React, { useEffect, useState } from 'react';\n\nexport type LoadingProps = { data?: any };\n\n/**\n * Storybook loading component.\n */\nexport const Loading = ({ data }: LoadingProps) => {\n const [visible, setVisible] = useState(false);\n useEffect(() => {\n const t = setTimeout(() => setVisible(true), 500);\n return () => clearTimeout(t);\n }, []);\n return (\n <div className={mx('flex flex-col opacity-0 transition delay-1000 duration-1000', visible && 'opacity-100')}>\n <h2 className='uppercase'>Loading</h2>\n <pre>{safeStringify(data, undefined, 2)}</pre>\n </div>\n );\n};\n"],
|
|
5
|
+
"mappings": ";;;;;;;AAKA,OAAOA,SAA0CC,YAAY;AAG7D,SAASC,UAAU;AAiBZ,IAAMC,aACX,CAACC,QAAyB,CAAC,MAC3B,CAACC,UAAAA;AAEC,QAAMC,gBAAgBC,qBAAKF,KAAAA;AAC3B,MAAI,OAAOD,UAAU,YAAY;AAC/B,UAAMI,aAAYJ;AAClB,WACE,sBAAA,cAACI,YAAAA,MACC,sBAAA,cAACF,eAAAA,IAAAA,CAAAA;EAGP,OAAO;AACL,UAAM,EAAEG,SAAS,WAAWC,YAAYC,OAAM,IAAKP;AACnD,UAAMI,aAAYI,QAAQH,MAAAA,KAAWG,QAAQC;AAC7C,WACE,sBAAA,cAACL,YAAAA;MAAUE,YAAYI,GAAGJ,YAAYC,SAAS,oBAAoB,iBAAA;OACjE,sBAAA,cAACL,eAAAA,IAAAA,CAAAA;EAGP;AACF;AAEF,IAAMM,UAAqD;EACzDG,SAAS,CAAC,EAAEL,YAAYM,SAAQ,MAC9B,sBAAA,cAACC,OAAAA;IAAIC,MAAK;IAAOC,WAAWL,GAAG,OAAOJ,UAAAA;KACnCM,QAAAA;EAILH,YAAY,CAAC,EAAEH,YAAYM,SAAQ,MACjC,sBAAA,cAACC,OAAAA;IAAIC,MAAK;IAAOC,WAAWL,GAAG,sDAAsDJ,UAAAA;KAClFM,QAAAA;EAILI,UAAU,CAAC,EAAEV,YAAYM,SAAQ,MAC/B,sBAAA,cAACC,OAAAA;IAAIC,MAAK;IAAOC,WAAWL,GAAG,uEAAA;KAC7B,sBAAA,cAACG,OAAAA;IAAIC,MAAK;IAAOC,WAAWL,GAAG,4CAA4CJ,UAAAA;KACxEM,QAAAA,CAAAA;EAKPK,QAAQ,CAAC,EAAEX,YAAYM,SAAQ,MAC7B,sBAAA,cAACC,OAAAA;IAAIC,MAAK;IAAOC,WAAU;KACzB,sBAAA,cAACF,OAAAA;IAAIC,MAAK;IAAOC,WAAWL,GAAG,4CAA4CJ,UAAAA;KACxEM,QAAAA,CAAAA;AAIT;;;ACvEA,OAAOM,YAA2D;AAElE,SAASC,MAAAA,KAAIC,qBAAqB;AAQlC,IAAMC,YAAY,CAAC,EAAEC,UAAUC,WAAWC,QAAO,MAC/C,gBAAAC,OAAA,cAACC,OAAAA;EAAIC,WAAWC,IAAG,kBAAkBJ,SAASK,cAAc;IAAEN;EAAU,CAAA,CAAA;GAAMD,QAAAA;AAGhF,IAAMQ,QAAQ,CAAC,EACbC,OACAC,YACAC,WACAN,UAAS,MACkD;AAC3D,SACE,gBAAAF,OAAA,cAACC,OAAAA;IAAIC,WAAWC,IAAG,kCAAkCD,SAAAA;KAClDK,YAAYE,IAAI,CAAC,EAAEX,WAAWC,QAAO,MACpCS,WAAWC,IAAI,CAACC,YACd,gBAAAV,OAAA,cAACJ,WAAAA;IAAUe,KAAK,GAAGb,SAAAA,KAAcY,OAAAA;IAAWX;IAAkBD;KAC5D,gBAAAE,OAAA,cAACM,OAAAA,IAAAA,CAAAA,CAAAA,CAAAA,CAAAA;AAMb;AAEO,IAAMM,qBAAqB,CAAC,EACjCL,aAAa;EACX;IAAET,WAAW;IAAUC,SAAS;EAAmB;EACnD;IAAED,WAAW;IAAcC,SAAS;EAAkB;EACtD;IAAED,WAAW;IAAQC,SAAS;EAAkB;GAElDS,YAAY;EAAC;EAAS,IACZ,CAAC,MAAC;AACZ,SAAO,CAACF,UAAU,gBAAAN,OAAA,cAACK,OAAAA;IAAMC;IAAcC;IAAwBC;;AACjE;;;AC1CA,OAAOK,UAASC,QAAAA,aAAY;AAE5B,SAASC,iBAAiB;AAQnB,IAAMC,YACX,CAAC,EAAEC,KAAKC,WAAW,GAAGC,MAAAA,IAAsC,CAAC,MAC7D,CAACC,OAAOC,YAAAA;AACN,QAAM,EACJC,SAAS,EAAEC,MAAK,GAChBC,YAAY,EAAEC,aAAY,EAAE,IAC1BJ;AAGJ,QAAMK,gBAAgBC,gBAAAA,MAAKP,KAAAA;AAE3B,SACE,gBAAAQ,OAAA,cAACC,eAAAA;IAAe,GAAGV;IAAOF;IAAQa,WAAWP;IAAoBQ,oBAAoBN;IAAcO,SAAAA;KACjG,gBAAAJ,OAAA,cAACK,QAAQC,UAAQ,MACf,gBAAAN,OAAA,cAACF,eAAAA,IAAAA,CAAAA,CAAAA;AAIT;;;AC7BF,SAASS,MAAAA,WAAU;AACnB,SAASC,qBAAqB;AAC9B,OAAOC,UAASC,WAAWC,gBAAgB;AAOpC,IAAMC,UAAU,CAAC,EAAEC,KAAI,MAAgB;AAC5C,QAAM,CAACC,SAASC,UAAAA,IAAcC,SAAS,KAAA;AACvCC,YAAU,MAAA;AACR,UAAMC,IAAIC,WAAW,MAAMJ,WAAW,IAAA,GAAO,GAAA;AAC7C,WAAO,MAAMK,aAAaF,CAAAA;EAC5B,GAAG,CAAA,CAAE;AACL,SACE,gBAAAG,OAAA,cAACC,OAAAA;IAAIC,WAAWC,IAAG,+DAA+DV,WAAW,aAAA;KAC3F,gBAAAO,OAAA,cAACI,MAAAA;IAAGF,WAAU;KAAY,SAAA,GAC1B,gBAAAF,OAAA,cAACK,OAAAA,MAAKC,cAAcd,MAAMe,QAAW,CAAA,CAAA,CAAA;AAG3C;",
|
|
6
|
+
"names": ["React", "memo", "mx", "withLayout", "props", "Story", "MemoizedStory", "memo", "Container", "layout", "classNames", "scroll", "layouts", "fullscreen", "mx", "default", "children", "div", "role", "className", "centered", "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", "tx", "defaultTx", "props", "Story", "context", "globals", "theme", "parameters", "translations", "MemoizedStory", "memo", "React", "ThemeProvider", "themeMode", "resourceExtensions", "noCache", "Tooltip", "Provider", "mx", "safeStringify", "React", "useEffect", "useState", "Loading", "data", "visible", "setVisible", "useState", "useEffect", "t", "setTimeout", "clearTimeout", "React", "div", "className", "mx", "h2", "pre", "safeStringify", "undefined"]
|
|
7
7
|
}
|
|
@@ -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,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;
|
|
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;AAWF,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;mFA5DyE,eAAe;;;;CAiE1G,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 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Avatar.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Avatars/Avatar.stories.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAiC,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Avatar.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Avatars/Avatar.stories.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAiC,MAAM,OAAO,CAAC;AAoDtD,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 +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,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;
|
|
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;AAUF,KAAK,mBAAmB,GAAG,eAAe,CAAC,qBAAqB,CAAC,OAAO,SAAS,CAAC,EAAE,CAAC,CAAC,GAAG;IAAE,OAAO,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AAU/G,KAAK,uBAAuB,GAAG,eAAe,CAAC,qBAAqB,CAAC,OAAO,SAAS,CAAC,EAAE,CAAC,CAAC,GAAG;IAAE,OAAO,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AAUnH,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;AAYnG,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 +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,gBAAgB,CAAC;AAG9D,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,+
|
|
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,gBAAgB,CAAC;AAG9D,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,+FA4CX,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,sGAWhB,CAAC;AAIF,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,iBAAiB,EAAE,qBAAqB,EAAE,CAAC;AAEzE,YAAY,EAAE,WAAW,EAAE,gBAAgB,EAAE,CAAC"}
|
|
@@ -0,0 +1,107 @@
|
|
|
1
|
+
import React, { type HTMLAttributes, type PropsWithChildren } from 'react';
|
|
2
|
+
import { type Density, type SlottableProps } from '@dxos/ui-types';
|
|
3
|
+
import { type ThemedClassName } from '../../util';
|
|
4
|
+
import { type IconProps } from '../Icon';
|
|
5
|
+
import { type ToolbarMenuItem, type ToolbarMenuProps, type ToolbarRootProps } from '../Toolbar';
|
|
6
|
+
type CardContextValue = {
|
|
7
|
+
menuItems?: CardMenuItem<any>[];
|
|
8
|
+
};
|
|
9
|
+
type CardRootProps = SlottableProps<HTMLDivElement, {
|
|
10
|
+
id?: string;
|
|
11
|
+
border?: boolean;
|
|
12
|
+
fullWidth?: boolean;
|
|
13
|
+
}>;
|
|
14
|
+
type CardToolbarProps = ToolbarRootProps & {
|
|
15
|
+
density?: Density;
|
|
16
|
+
};
|
|
17
|
+
type CardMenuItem<T extends any | void = void> = ToolbarMenuItem<T>;
|
|
18
|
+
type CardMenuProps<T extends any | void = void> = ToolbarMenuProps<T>;
|
|
19
|
+
type CardPosterProps = ThemedClassName<{
|
|
20
|
+
alt: string;
|
|
21
|
+
aspect?: 'video' | 'auto';
|
|
22
|
+
} & Partial<{
|
|
23
|
+
image: string;
|
|
24
|
+
icon: string;
|
|
25
|
+
}>>;
|
|
26
|
+
type CardActionProps = {
|
|
27
|
+
icon?: string;
|
|
28
|
+
label: string;
|
|
29
|
+
actionIcon?: string;
|
|
30
|
+
onClick?: () => void;
|
|
31
|
+
};
|
|
32
|
+
type CardLinkProps = {
|
|
33
|
+
label: string;
|
|
34
|
+
href: string;
|
|
35
|
+
};
|
|
36
|
+
export declare const Card: {
|
|
37
|
+
Root: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
|
|
38
|
+
id?: string;
|
|
39
|
+
border?: boolean;
|
|
40
|
+
fullWidth?: boolean;
|
|
41
|
+
} & {
|
|
42
|
+
classNames?: import("@dxos/ui-types").ClassNameValue;
|
|
43
|
+
asChild?: boolean;
|
|
44
|
+
} & React.RefAttributes<HTMLDivElement>>;
|
|
45
|
+
Toolbar: React.ForwardRefExoticComponent<Omit<import("@radix-ui/react-toolbar").ToolbarProps & Partial<{
|
|
46
|
+
density: Density;
|
|
47
|
+
disabled: boolean;
|
|
48
|
+
layoutManaged: boolean;
|
|
49
|
+
}> & {
|
|
50
|
+
textBlockWidth?: boolean;
|
|
51
|
+
}, "className"> & {
|
|
52
|
+
classNames?: import("@dxos/ui-types").ClassNameValue;
|
|
53
|
+
} & {
|
|
54
|
+
density?: Density;
|
|
55
|
+
} & React.RefAttributes<HTMLDivElement>>;
|
|
56
|
+
ToolbarIconButton: React.ForwardRefExoticComponent<Omit<import("..").IconButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
57
|
+
ToolbarSeparator: React.ForwardRefExoticComponent<Omit<import("@radix-ui/react-separator").SeparatorProps, "className"> & {
|
|
58
|
+
classNames?: import("@dxos/ui-types").ClassNameValue;
|
|
59
|
+
} & {
|
|
60
|
+
subdued?: boolean;
|
|
61
|
+
} & {
|
|
62
|
+
variant?: "gap" | "line";
|
|
63
|
+
} & React.RefAttributes<HTMLDivElement>>;
|
|
64
|
+
DragHandle: React.ForwardRefExoticComponent<Omit<import("..").ToolbarDragHandleProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
65
|
+
CloseIconButton: React.ForwardRefExoticComponent<import("..").ToolbarCloseIconButtonProps & React.RefAttributes<HTMLButtonElement>>;
|
|
66
|
+
Title: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
|
|
67
|
+
classNames?: import("@dxos/ui-types").ClassNameValue;
|
|
68
|
+
asChild?: boolean;
|
|
69
|
+
} & React.RefAttributes<HTMLDivElement>>;
|
|
70
|
+
Menu: <T extends unknown = void>({ context, items }: CardMenuProps<T>) => React.JSX.Element;
|
|
71
|
+
Icon: ({ toolbar, ...props }: IconProps & {
|
|
72
|
+
toolbar?: boolean;
|
|
73
|
+
}) => React.JSX.Element;
|
|
74
|
+
IconBlock: ({ classNames, children, role, ...props }: ThemedClassName<PropsWithChildren<HTMLAttributes<HTMLDivElement>>>) => React.JSX.Element;
|
|
75
|
+
Content: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
|
|
76
|
+
classNames?: import("@dxos/ui-types").ClassNameValue;
|
|
77
|
+
asChild?: boolean;
|
|
78
|
+
} & React.RefAttributes<HTMLDivElement>>;
|
|
79
|
+
Row: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
|
|
80
|
+
icon?: string;
|
|
81
|
+
} & {
|
|
82
|
+
classNames?: import("@dxos/ui-types").ClassNameValue;
|
|
83
|
+
asChild?: boolean;
|
|
84
|
+
} & React.RefAttributes<HTMLDivElement>>;
|
|
85
|
+
Section: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
|
|
86
|
+
classNames?: import("@dxos/ui-types").ClassNameValue;
|
|
87
|
+
asChild?: boolean;
|
|
88
|
+
} & React.RefAttributes<HTMLDivElement>>;
|
|
89
|
+
Heading: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
|
|
90
|
+
variant?: "default" | "subtitle";
|
|
91
|
+
} & {
|
|
92
|
+
classNames?: import("@dxos/ui-types").ClassNameValue;
|
|
93
|
+
asChild?: boolean;
|
|
94
|
+
} & React.RefAttributes<HTMLDivElement>>;
|
|
95
|
+
Text: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
|
|
96
|
+
truncate?: boolean;
|
|
97
|
+
variant?: "default" | "description";
|
|
98
|
+
} & {
|
|
99
|
+
classNames?: import("@dxos/ui-types").ClassNameValue;
|
|
100
|
+
asChild?: boolean;
|
|
101
|
+
} & React.RefAttributes<HTMLDivElement>>;
|
|
102
|
+
Poster: (props: CardPosterProps) => React.JSX.Element | undefined;
|
|
103
|
+
Action: ({ icon, actionIcon, label, onClick }: CardActionProps) => React.JSX.Element;
|
|
104
|
+
Link: ({ label, href }: CardLinkProps) => React.JSX.Element;
|
|
105
|
+
};
|
|
106
|
+
export type { CardContextValue, CardRootProps, CardToolbarProps, CardMenuProps };
|
|
107
|
+
//# sourceMappingURL=Card.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../../../src/components/Card/Card.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,EAAE,KAAK,cAAc,EAAE,KAAK,iBAAiB,EAAyC,MAAM,OAAO,CAAC;AAGlH,OAAO,EAAE,KAAK,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAInE,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,YAAY,CAAC;AAElD,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,SAAS,CAAC;AAE/C,OAAO,EAAW,KAAK,eAAe,EAAE,KAAK,gBAAgB,EAAE,KAAK,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAMzG,KAAK,gBAAgB,GAAG;IACtB,SAAS,CAAC,EAAE,YAAY,CAAC,GAAG,CAAC,EAAE,CAAC;CACjC,CAAC;AASF,KAAK,aAAa,GAAG,cAAc,CACjC,cAAc,EACd;IACE,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CACF,CAAC;AA0BF,KAAK,gBAAgB,GAAG,gBAAgB,GAAG;IACzC,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAuBF,KAAK,YAAY,CAAC,CAAC,SAAS,GAAG,GAAG,IAAI,GAAG,IAAI,IAAI,eAAe,CAAC,CAAC,CAAC,CAAC;AACpE,KAAK,aAAa,CAAC,CAAC,SAAS,GAAG,GAAG,IAAI,GAAG,IAAI,IAAI,gBAAgB,CAAC,CAAC,CAAC,CAAC;AAmItE,KAAK,eAAe,GAAG,eAAe,CACpC;IACE,GAAG,EAAE,MAAM,CAAC;IACZ,MAAM,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;CAC3B,GAAG,OAAO,CAAC;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,CAAC,CAC7C,CAAC;AA0BF,KAAK,eAAe,GAAG;IAAE,IAAI,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,UAAU,CAAC,EAAE,MAAM,CAAC;IAAC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CAAE,CAAC;AAiBnG,KAAK,aAAa,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,CAAC;AA+CrD,eAAO,MAAM,IAAI;;aA1RR,MAAM;iBACF,OAAO;oBACJ,OAAO;;;;;;;;;;;;;;kBA6BX,OAAO;;;;;;;;;;;;;;;;WA2BD,CAAC,6CAAgD,aAAa,CAAC,CAAC,CAAC;kCAkM1C,SAAS,GAAG;QAAE,OAAO,CAAC,EAAE,OAAO,CAAA;KAAE;0DAiBvE,eAAe,CAAC,iBAAiB,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC,CAAC;;;;;;eAtKT,MAAM;;;;;;;;;;kBAoCC,SAAS,GAAG,UAAU;;;;;;mBA4BxB,OAAO;kBAAY,SAAS,GAAG,aAAa;;;;;oBA2BlF,eAAe;mDA0B6C,eAAe;4BAiBnE,aAAa;CAsE/C,CAAC;AAEF,YAAY,EAAE,gBAAgB,EAAE,aAAa,EAAE,gBAAgB,EAAE,aAAa,EAAE,CAAC"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { type StoryObj } from '@storybook/react-vite';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
type StoryProps = {
|
|
4
|
+
title: string;
|
|
5
|
+
description?: string;
|
|
6
|
+
image?: string;
|
|
7
|
+
fullWidth?: boolean;
|
|
8
|
+
};
|
|
9
|
+
declare const meta: {
|
|
10
|
+
title: string;
|
|
11
|
+
render: ({ title, description, image, fullWidth }: StoryProps) => React.JSX.Element;
|
|
12
|
+
decorators: import("@storybook/react").Decorator[];
|
|
13
|
+
};
|
|
14
|
+
export default meta;
|
|
15
|
+
type Story = StoryObj<typeof meta>;
|
|
16
|
+
export declare const Default: Story;
|
|
17
|
+
export declare const FullWidth: Story;
|
|
18
|
+
export declare const Simple: Story;
|
|
19
|
+
export declare const Description: Story;
|
|
20
|
+
export declare const Mock: () => React.JSX.Element;
|
|
21
|
+
//# sourceMappingURL=Card.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Card.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Card/Card.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAAiB,MAAM,OAAO,CAAC;AAUtC,KAAK,UAAU,GAAG;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAqCF,QAAA,MAAM,IAAI;;uDAnCsD,UAAU;;CAuCrC,CAAC;AAEtC,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAInC,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAOvB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAgBpB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAsBzB,CAAC;AAEF,eAAO,MAAM,IAAI,yBAsBhB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Card/index.ts"],"names":[],"mappings":"AAIA,cAAc,QAAQ,CAAC"}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
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
|
-
import React from 'react';
|
|
2
|
+
import React, { type PropsWithChildren } from 'react';
|
|
3
|
+
import { type DialogSize } from '@dxos/ui-theme';
|
|
3
4
|
import { type ThemedClassName } from '../../util';
|
|
4
5
|
type AlertDialogRootProps = AlertDialogRootPrimitiveProps;
|
|
5
6
|
type AlertDialogTriggerProps = AlertDialogTriggerPrimitiveProps;
|
|
@@ -15,17 +16,25 @@ type AlertDialogDescriptionProps = ThemedClassName<AlertDialogDescriptionPrimiti
|
|
|
15
16
|
type AlertDialogOverlayProps = ThemedClassName<AlertDialogOverlayPrimitiveProps> & {
|
|
16
17
|
blockAlign?: 'center' | 'start' | 'end';
|
|
17
18
|
};
|
|
18
|
-
type AlertDialogContentProps = ThemedClassName<AlertDialogContentPrimitiveProps
|
|
19
|
+
type AlertDialogContentProps = ThemedClassName<AlertDialogContentPrimitiveProps> & {
|
|
20
|
+
size?: DialogSize;
|
|
21
|
+
};
|
|
22
|
+
type AlertDialogBodyProps = PropsWithChildren;
|
|
23
|
+
type AlertDialogActionBarProps = ThemedClassName<PropsWithChildren>;
|
|
19
24
|
export declare const AlertDialog: {
|
|
20
25
|
Root: React.FunctionComponent<AlertDialogRootPrimitiveProps>;
|
|
21
26
|
Trigger: React.FunctionComponent<AlertDialogTriggerPrimitiveProps>;
|
|
22
27
|
Portal: React.FunctionComponent<AlertDialogPortalPrimitiveProps>;
|
|
23
28
|
Overlay: React.ForwardRefExoticComponent<AlertDialogOverlayProps>;
|
|
24
29
|
Content: React.ForwardRefExoticComponent<AlertDialogContentProps>;
|
|
30
|
+
Body: React.ForwardRefExoticComponent<{
|
|
31
|
+
children?: React.ReactNode | undefined;
|
|
32
|
+
}>;
|
|
25
33
|
Title: React.ForwardRefExoticComponent<AlertDialogTitleProps>;
|
|
26
34
|
Description: React.ForwardRefExoticComponent<AlertDialogTitleProps>;
|
|
35
|
+
ActionBar: React.ForwardRefExoticComponent<AlertDialogActionBarProps>;
|
|
27
36
|
Cancel: React.FunctionComponent<AlertDialogCancelPrimitiveProps>;
|
|
28
37
|
Action: React.FunctionComponent<AlertDialogActionPrimitiveProps>;
|
|
29
38
|
};
|
|
30
|
-
export type { AlertDialogRootProps, AlertDialogTriggerProps, AlertDialogPortalProps, AlertDialogOverlayProps, AlertDialogContentProps, AlertDialogTitleProps, AlertDialogDescriptionProps, AlertDialogCancelProps, AlertDialogActionProps, };
|
|
39
|
+
export type { AlertDialogRootProps, AlertDialogTriggerProps, AlertDialogPortalProps, AlertDialogOverlayProps, AlertDialogContentProps, AlertDialogBodyProps, AlertDialogTitleProps, AlertDialogDescriptionProps, AlertDialogActionBarProps, AlertDialogCancelProps, AlertDialogActionProps, };
|
|
31
40
|
//# sourceMappingURL=AlertDialog.d.ts.map
|
|
@@ -1 +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,
|
|
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,KAAK,EAAE,EAGZ,KAAK,iBAAiB,EAEvB,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAIjD,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,YAAY,CAAC;AAOlD,KAAK,oBAAoB,GAAG,6BAA6B,CAAC;AAY1D,KAAK,uBAAuB,GAAG,gCAAgC,CAAC;AAQhE,KAAK,sBAAsB,GAAG,+BAA+B,CAAC;AAQ9D,KAAK,sBAAsB,GAAG,+BAA+B,CAAC;AAQ9D,KAAK,sBAAsB,GAAG,+BAA+B,CAAC;AAQ9D,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;AAsChH,KAAK,uBAAuB,GAAG,eAAe,CAAC,gCAAgC,CAAC,GAAG;IACjF,UAAU,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,KAAK,CAAC;CACzC,CAAC;AAiCF,KAAK,uBAAuB,GAAG,eAAe,CAAC,gCAAgC,CAAC,GAAG;IAAE,IAAI,CAAC,EAAE,UAAU,CAAA;CAAE,CAAC;AAyBzG,KAAK,oBAAoB,GAAG,iBAAiB,CAAC;AAsB9C,KAAK,yBAAyB,GAAG,eAAe,CAAC,iBAAiB,CAAC,CAAC;AAsBpE,eAAO,MAAM,WAAW;;;;;;;;;;;;;;CAYvB,CAAC;AAEF,YAAY,EACV,oBAAoB,EACpB,uBAAuB,EACvB,sBAAsB,EACtB,uBAAuB,EACvB,uBAAuB,EACvB,oBAAoB,EACpB,qBAAqB,EACrB,2BAA2B,EAC3B,yBAAyB,EACzB,sBAAsB,EACtB,sBAAsB,GACvB,CAAC"}
|
|
@@ -1 +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;
|
|
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;AA6CjE,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,KAQrB,CAAC"}
|
|
@@ -2,7 +2,6 @@ import { type DialogCloseProps as DialogClosePrimitiveProps, DialogContent as Di
|
|
|
2
2
|
import React, { type ComponentPropsWithRef, type PropsWithChildren } from 'react';
|
|
3
3
|
import { type DialogSize } from '@dxos/ui-theme';
|
|
4
4
|
import { type ThemedClassName } from '../../util';
|
|
5
|
-
import { type IconButtonProps } from '../Button';
|
|
6
5
|
type DialogRootProps = DialogRootPrimitiveProps;
|
|
7
6
|
type DialogTriggerProps = DialogTriggerPrimitiveProps;
|
|
8
7
|
type DialogPortalProps = DialogPortalPrimitiveProps;
|
|
@@ -16,14 +15,18 @@ type DialogContentProps = ThemedClassName<ComponentPropsWithRef<typeof DialogCon
|
|
|
16
15
|
type DialogHeaderProps = ThemedClassName<PropsWithChildren> & {
|
|
17
16
|
srOnly?: boolean;
|
|
18
17
|
};
|
|
18
|
+
type DialogCloseIconButtonProps = {
|
|
19
|
+
label?: string;
|
|
20
|
+
};
|
|
21
|
+
type DialogBodyProps = PropsWithChildren;
|
|
19
22
|
type DialogTitleProps = ThemedClassName<DialogTitlePrimitiveProps> & {
|
|
20
23
|
srOnly?: boolean;
|
|
21
24
|
};
|
|
22
25
|
type DialogDescriptionProps = ThemedClassName<DialogDescriptionPrimitiveProps> & {
|
|
23
26
|
srOnly?: boolean;
|
|
24
27
|
};
|
|
28
|
+
type DialogActionBarProps = ThemedClassName<PropsWithChildren>;
|
|
25
29
|
type DialogCloseProps = DialogClosePrimitiveProps;
|
|
26
|
-
type DialogCloseIconButtonProps = ThemedClassName<Partial<IconButtonProps>>;
|
|
27
30
|
export declare const Dialog: {
|
|
28
31
|
Root: React.FunctionComponent<DialogRootPrimitiveProps>;
|
|
29
32
|
Trigger: React.FunctionComponent<DialogTriggerPrimitiveProps>;
|
|
@@ -31,10 +34,14 @@ export declare const Dialog: {
|
|
|
31
34
|
Overlay: React.ForwardRefExoticComponent<DialogOverlayProps>;
|
|
32
35
|
Content: React.ForwardRefExoticComponent<DialogContentProps>;
|
|
33
36
|
Header: React.ForwardRefExoticComponent<DialogTitleProps>;
|
|
37
|
+
Body: React.ForwardRefExoticComponent<{
|
|
38
|
+
children?: React.ReactNode | undefined;
|
|
39
|
+
}>;
|
|
34
40
|
Title: React.ForwardRefExoticComponent<DialogTitleProps>;
|
|
35
41
|
Description: React.ForwardRefExoticComponent<DialogTitleProps>;
|
|
42
|
+
ActionBar: React.ForwardRefExoticComponent<DialogActionBarProps>;
|
|
36
43
|
Close: React.FunctionComponent<DialogClosePrimitiveProps>;
|
|
37
|
-
CloseIconButton: React.ForwardRefExoticComponent<DialogCloseIconButtonProps
|
|
44
|
+
CloseIconButton: React.ForwardRefExoticComponent<DialogCloseIconButtonProps & React.RefAttributes<HTMLButtonElement>>;
|
|
38
45
|
};
|
|
39
|
-
export type { DialogRootProps, DialogTriggerProps, DialogPortalProps, DialogOverlayProps, DialogContentProps, DialogHeaderProps, DialogTitleProps, DialogDescriptionProps,
|
|
46
|
+
export type { DialogRootProps, DialogTriggerProps, DialogPortalProps, DialogOverlayProps, DialogContentProps, DialogHeaderProps, DialogBodyProps, DialogTitleProps, DialogDescriptionProps, DialogActionBarProps, DialogCloseProps, };
|
|
40
47
|
//# sourceMappingURL=Dialog.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../../../../src/components/Dialog/Dialog.tsx"],"names":[],"mappings":"AAKA,OAAO,EAEL,KAAK,gBAAgB,IAAI,yBAAyB,EAClD,aAAa,IAAI,sBAAsB,EAEvC,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,KAAK,EAAE,EACZ,KAAK,qBAAqB,EAG1B,KAAK,iBAAiB,EAEvB,MAAM,OAAO,CAAC;AAGf,OAAO,EAAE,KAAK,UAAU,EAAkB,MAAM,gBAAgB,CAAC;
|
|
1
|
+
{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../../../../src/components/Dialog/Dialog.tsx"],"names":[],"mappings":"AAKA,OAAO,EAEL,KAAK,gBAAgB,IAAI,yBAAyB,EAClD,aAAa,IAAI,sBAAsB,EAEvC,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,KAAK,EAAE,EACZ,KAAK,qBAAqB,EAG1B,KAAK,iBAAiB,EAEvB,MAAM,OAAO,CAAC;AAGf,OAAO,EAAE,KAAK,UAAU,EAAkB,MAAM,gBAAgB,CAAC;AAIjE,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,YAAY,CAAC;AAQlD,KAAK,eAAe,GAAG,wBAAwB,CAAC;AAYhD,KAAK,kBAAkB,GAAG,2BAA2B,CAAC;AAQtD,KAAK,iBAAiB,GAAG,0BAA0B,CAAC;AAiBpD,KAAK,kBAAkB,GAAG,eAAe,CAAC,2BAA2B,GAAG;IAAE,UAAU,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,KAAK,CAAA;CAAE,CAAC,CAAC;AA2BrH,KAAK,kBAAkB,GAAG,eAAe,CAAC,qBAAqB,CAAC,OAAO,sBAAsB,CAAC,CAAC,GAAG;IAChG,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B,CAAC;AA4BF,KAAK,iBAAiB,GAAG,eAAe,CAAC,iBAAiB,CAAC,GAAG;IAAE,MAAM,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AAiBnF,KAAK,0BAA0B,GAAG;IAAE,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAwBrD,KAAK,eAAe,GAAG,iBAAiB,CAAC;AAmBzC,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;AAoBtG,KAAK,oBAAoB,GAAG,eAAe,CAAC,iBAAiB,CAAC,CAAC;AAoB/D,KAAK,gBAAgB,GAAG,yBAAyB,CAAC;AAQlD,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;CAalB,CAAC;AAEF,YAAY,EACV,eAAe,EACf,kBAAkB,EAClB,iBAAiB,EACjB,kBAAkB,EAClB,kBAAkB,EAClB,iBAAiB,EACjB,eAAe,EACf,gBAAgB,EAChB,sBAAsB,EACtB,oBAAoB,EACpB,gBAAgB,GACjB,CAAC"}
|
|
@@ -6,22 +6,19 @@ type StoryProps = Pick<DialogContentProps, 'size'> & Partial<{
|
|
|
6
6
|
description: string;
|
|
7
7
|
openTrigger: string;
|
|
8
8
|
closeTrigger: string;
|
|
9
|
-
blockAlign: '
|
|
9
|
+
blockAlign: 'start' | 'center';
|
|
10
10
|
}>;
|
|
11
11
|
declare const meta: {
|
|
12
12
|
title: string;
|
|
13
13
|
component: any;
|
|
14
14
|
render: ({ size, title, description, openTrigger, closeTrigger, blockAlign }: StoryProps) => React.JSX.Element;
|
|
15
15
|
decorators: import("@storybook/react").Decorator[];
|
|
16
|
-
parameters: {
|
|
17
|
-
chromatic: {
|
|
18
|
-
disableSnapshot: boolean;
|
|
19
|
-
};
|
|
20
|
-
};
|
|
21
16
|
};
|
|
22
17
|
export default meta;
|
|
23
18
|
type Story = StoryObj<typeof meta>;
|
|
19
|
+
export declare const Default: Story;
|
|
24
20
|
export declare const Small: Story;
|
|
25
21
|
export declare const Medium: Story;
|
|
26
22
|
export declare const Large: Story;
|
|
23
|
+
export declare const ExtraLarge: Story;
|
|
27
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":"AAIA,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Dialog.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Dialog/Dialog.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,OAAO,EAAU,KAAK,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAE3D,KAAK,UAAU,GAAG,IAAI,CAAC,kBAAkB,EAAE,MAAM,CAAC,GAChD,OAAO,CAAC;IACN,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,OAAO,GAAG,QAAQ,CAAC;CAChC,CAAC,CAAC;AAoCL,QAAA,MAAM,IAAI;;eAEa,GAAG;kFApCiE,UAAU;;CAuChE,CAAC;AAEtC,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAQrB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KASnB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KASpB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KASnB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KASxB,CAAC"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import React, { type PropsWithChildren } from 'react';
|
|
2
|
+
import { type FallbackProps } from 'react-error-boundary';
|
|
3
|
+
export type ErrorFallbackProps = PropsWithChildren<Pick<FallbackProps, 'error'> & {
|
|
4
|
+
title?: string;
|
|
5
|
+
data?: any;
|
|
6
|
+
}>;
|
|
7
|
+
/**
|
|
8
|
+
* Themed fallback component for `ErrorBoundary`.
|
|
9
|
+
*/
|
|
10
|
+
export declare const ErrorFallback: ({ children, error, title, data }: ErrorFallbackProps) => React.JSX.Element;
|
|
11
|
+
//# sourceMappingURL=ErrorFallback.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ErrorFallback.d.ts","sourceRoot":"","sources":["../../../../../src/components/ErrorFallback/ErrorFallback.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,EAAE,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAC;AACtD,OAAO,EAAE,KAAK,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAM1D,MAAM,MAAM,kBAAkB,GAAG,iBAAiB,CAAC,IAAI,CAAC,aAAa,EAAE,OAAO,CAAC,GAAG;IAAE,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,GAAG,CAAA;CAAE,CAAC,CAAC;AAElH;;GAEG;AACH,eAAO,MAAM,aAAa,GAAI,kCAAkC,kBAAkB,sBAmCjF,CAAC"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { type Meta, type StoryObj } from '@storybook/react-vite';
|
|
2
|
+
declare const meta: Meta;
|
|
3
|
+
export default meta;
|
|
4
|
+
type Story = StoryObj<typeof meta>;
|
|
5
|
+
export declare const Default: Story;
|
|
6
|
+
export declare const StringError: Story;
|
|
7
|
+
//# sourceMappingURL=ErrorFallback.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ErrorFallback.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/ErrorFallback/ErrorFallback.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,IAAI,EAAE,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAsBjE,QAAA,MAAM,IAAI,EAAE,IAOX,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAEzB,CAAC"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
/**
|
|
3
|
+
* Renders a parsed error stack trace with tree connector symbols and clickable vscode:// links for local frames.
|
|
4
|
+
*/
|
|
5
|
+
export declare const ErrorStack: ({ error }: {
|
|
6
|
+
error: Error;
|
|
7
|
+
}) => React.JSX.Element;
|
|
8
|
+
//# sourceMappingURL=ErrorStack.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ErrorStack.d.ts","sourceRoot":"","sources":["../../../../../src/components/ErrorFallback/ErrorStack.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B;;GAEG;AACH,eAAO,MAAM,UAAU,GAAI,WAAW;IAAE,KAAK,EAAE,KAAK,CAAA;CAAE,sBA6CrD,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ThrowError.d.ts","sourceRoot":"","sources":["../../../../../src/components/ErrorFallback/ThrowError.tsx"],"names":[],"mappings":"AAMA,MAAM,MAAM,eAAe,GAAG;IAC5B,KAAK,CAAC,EAAE,MAAM,KAAK,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,UAAU,GAAI,qBAA6B,eAAe,SAkBtE,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/ErrorFallback/index.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,aAAa,EAAE,KAAK,kBAAkB,EAAE,KAAK,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAExG,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { type ThemedClassName } from '@dxos/react-ui';
|
|
3
|
+
export type ImageProps = ThemedClassName<{
|
|
4
|
+
src: string;
|
|
5
|
+
alt?: string;
|
|
6
|
+
crossOrigin?: 'anonymous' | 'use-credentials' | '';
|
|
7
|
+
} & ColorOptions>;
|
|
8
|
+
export declare const Image: ({ classNames, src, alt, crossOrigin, sampleSize, contrast, }: ImageProps) => React.JSX.Element;
|
|
9
|
+
type ColorOptions = {
|
|
10
|
+
sampleSize?: number;
|
|
11
|
+
contrast?: number;
|
|
12
|
+
};
|
|
13
|
+
export {};
|
|
14
|
+
//# sourceMappingURL=Image.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Image.d.ts","sourceRoot":"","sources":["../../../../../src/components/Image/Image.tsx"],"names":[],"mappings":"AAIA,OAAO,KAA6D,MAAM,OAAO,CAAC;AAElF,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAKtD,MAAM,MAAM,UAAU,GAAG,eAAe,CACtC;IACE,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,WAAW,GAAG,iBAAiB,GAAG,EAAE,CAAC;CACpD,GAAG,YAAY,CACjB,CAAC;AAGF,eAAO,MAAM,KAAK,GAAI,8DAOnB,UAAU,sBA4EZ,CAAC;AAEF,KAAK,YAAY,GAAG;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC"}
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import { type StoryObj } from '@storybook/react-vite';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
declare const meta: {
|
|
4
|
+
title: string;
|
|
5
|
+
component: ({ classNames, src, alt, crossOrigin, sampleSize, contrast, }: import("./Image").ImageProps) => React.JSX.Element;
|
|
6
|
+
render: (args: Omit<{
|
|
7
|
+
src: string;
|
|
8
|
+
alt?: string;
|
|
9
|
+
crossOrigin?: "anonymous" | "use-credentials" | "";
|
|
10
|
+
} & {
|
|
11
|
+
sampleSize?: number;
|
|
12
|
+
contrast?: number;
|
|
13
|
+
}, "className"> & {
|
|
14
|
+
classNames?: import("@dxos/ui-types").ClassNameValue;
|
|
15
|
+
}) => React.JSX.Element;
|
|
16
|
+
decorators: import("@storybook/react").Decorator[];
|
|
17
|
+
parameters: {
|
|
18
|
+
layout: string;
|
|
19
|
+
};
|
|
20
|
+
};
|
|
21
|
+
export default meta;
|
|
22
|
+
type Story = StoryObj<typeof meta>;
|
|
23
|
+
export declare const Default: Story;
|
|
24
|
+
/**
|
|
25
|
+
* Access to image at 'https://dxos.network/dxos-logotype-blue.png'
|
|
26
|
+
* from origin 'http://localhost:9009' has been blocked by CORS policy:
|
|
27
|
+
* No 'Access-Control-Allow-Origin' header is present on the requested resource.
|
|
28
|
+
*/
|
|
29
|
+
export declare const Cors: Story;
|
|
30
|
+
export declare const Corners: Story;
|
|
31
|
+
export declare const SVG: Story;
|
|
32
|
+
export declare const Many: Story;
|
|
33
|
+
//# sourceMappingURL=Image.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Image.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Image/Image.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAAkB,MAAM,OAAO,CAAC;AAWvC,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;CAYoB,CAAC;AAE/B,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC;AAIF;;;;GAIG;AACH,eAAO,MAAM,IAAI,EAAE,KAKlB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AAEF,eAAO,MAAM,GAAG,EAAE,KAKjB,CAAC;AAEF,eAAO,MAAM,IAAI,EAAE,KAiBlB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Image/index.ts"],"names":[],"mappings":"AAIA,cAAc,SAAS,CAAC"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { type CheckboxProps as CheckboxPrimitiveProps } from '@radix-ui/react-checkbox';
|
|
2
2
|
import React, { type ComponentPropsWithRef } from 'react';
|
|
3
3
|
import { type DescriptionAndValidationProps as DescriptionAndValidationPrimitiveProps, type DescriptionProps as DescriptionPrimitiveProps, type InputRootProps, type InputScopedProps, type LabelProps as LabelPrimitiveProps, type PinInputProps as PinInputPrimitiveProps, type TextAreaProps as TextAreaPrimitiveProps, type TextInputProps as TextInputPrimitiveProps, type ValidationProps as ValidationPrimitiveProps } from '@dxos/react-input';
|
|
4
|
-
import { type
|
|
4
|
+
import { type Density, type Elevation, type Size } from '@dxos/ui-types';
|
|
5
5
|
import { type ThemedClassName } from '../../util';
|
|
6
6
|
type InputVariant = 'default' | 'subdued';
|
|
7
7
|
type InputSharedProps = Partial<{
|
|
@@ -21,10 +21,7 @@ type ValidationProps = ThemedClassName<ValidationPrimitiveProps> & {
|
|
|
21
21
|
type DescriptionAndValidationProps = ThemedClassName<DescriptionAndValidationPrimitiveProps> & {
|
|
22
22
|
srOnly?: boolean;
|
|
23
23
|
};
|
|
24
|
-
type PinInputProps = InputSharedProps & Omit<PinInputPrimitiveProps, '
|
|
25
|
-
segmentClassName?: ClassNameValue;
|
|
26
|
-
inputClassName?: ClassNameValue;
|
|
27
|
-
};
|
|
24
|
+
type PinInputProps = ThemedClassName<InputSharedProps & Omit<PinInputPrimitiveProps, 'className' | 'segmentClassName'>>;
|
|
28
25
|
type AutoFillProps = {
|
|
29
26
|
noAutoFill?: boolean;
|
|
30
27
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../../../src/components/Input/Input.tsx"],"names":[],"mappings":"AAIA,OAAO,EAA6B,KAAK,aAAa,IAAI,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAEnH,OAAO,KAAK,EAAE,EAAE,KAAK,qBAAqB,
|
|
1
|
+
{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../../../src/components/Input/Input.tsx"],"names":[],"mappings":"AAIA,OAAO,EAA6B,KAAK,aAAa,IAAI,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAEnH,OAAO,KAAK,EAAE,EAAE,KAAK,qBAAqB,EAA8C,MAAM,OAAO,CAAC;AAEtG,OAAO,EAEL,KAAK,6BAA6B,IAAI,sCAAsC,EAE5E,KAAK,gBAAgB,IAAI,yBAAyB,EAGlD,KAAK,cAAc,EACnB,KAAK,gBAAgB,EAErB,KAAK,UAAU,IAAI,mBAAmB,EAEtC,KAAK,aAAa,IAAI,sBAAsB,EAE5C,KAAK,aAAa,IAAI,sBAAsB,EAE5C,KAAK,cAAc,IAAI,uBAAuB,EAE9C,KAAK,eAAe,IAAI,wBAAwB,EAEjD,MAAM,mBAAmB,CAAC;AAE3B,OAAO,EAAE,KAAK,OAAO,EAAE,KAAK,SAAS,EAAE,KAAK,IAAI,EAAE,MAAM,gBAAgB,CAAC;AAGzE,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,YAAY,CAAC;AAGlD,KAAK,YAAY,GAAG,SAAS,GAAG,SAAS,CAAC;AAE1C,KAAK,gBAAgB,GAAG,OAAO,CAAC;IAAE,OAAO,EAAE,OAAO,CAAC;IAAC,SAAS,EAAE,SAAS,CAAC;IAAC,OAAO,EAAE,YAAY,CAAA;CAAE,CAAC,CAAC;AAEnG,KAAK,UAAU,GAAG,eAAe,CAAC,mBAAmB,CAAC,GAAG;IAAE,MAAM,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AAW9E,KAAK,gBAAgB,GAAG,eAAe,CAAC,yBAAyB,CAAC,GAAG;IAAE,MAAM,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AAa1F,KAAK,eAAe,GAAG,eAAe,CAAC,wBAAwB,CAAC,GAAG;IAAE,MAAM,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AAkBxF,KAAK,6BAA6B,GAAG,eAAe,CAAC,sCAAsC,CAAC,GAAG;IAAE,MAAM,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AAiBpH,KAAK,aAAa,GAAG,eAAe,CAAC,gBAAgB,GAAG,IAAI,CAAC,sBAAsB,EAAE,WAAW,GAAG,kBAAkB,CAAC,CAAC,CAAC;AAyBxH,KAAK,aAAa,GAAG;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF,KAAK,cAAc,GAAG,gBAAgB,GAAG,eAAe,CAAC,uBAAuB,CAAC,GAAG,aAAa,CAAC;AAoClG,KAAK,aAAa,GAAG,gBAAgB,GAAG,eAAe,CAAC,sBAAsB,CAAC,CAAC;AA+BhF,KAAK,aAAa,GAAG,eAAe,CAAC,IAAI,CAAC,sBAAsB,EAAE,UAAU,CAAC,CAAC,GAAG;IAC/E,IAAI,CAAC,EAAE,IAAI,CAAC;CACb,CAAC;AAmDF,KAAK,WAAW,GAAG,eAAe,CAChC,IAAI,CAAC,qBAAqB,CAAC,OAAO,CAAC,EAAE,UAAU,GAAG,UAAU,CAAC,GAAG;IAAE,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAA;CAAE,CACjH,CAAC;AA2CF,eAAO,MAAM,KAAK;;;;;;;;;;;;;;CAWjB,CAAC;AAEF,YAAY,EACV,YAAY,EACZ,cAAc,EACd,gBAAgB,EAChB,aAAa,EACb,cAAc,EACd,aAAa,EACb,aAAa,EACb,WAAW,EACX,UAAU,EACV,gBAAgB,EAChB,eAAe,EACf,6BAA6B,GAC9B,CAAC"}
|
|
@@ -14,7 +14,7 @@ type Variant = {
|
|
|
14
14
|
type: K;
|
|
15
15
|
} & VariantMap[K];
|
|
16
16
|
}[keyof VariantMap];
|
|
17
|
-
type
|
|
17
|
+
type StoryProps = Partial<{
|
|
18
18
|
kind: keyof VariantMap;
|
|
19
19
|
label: string;
|
|
20
20
|
labelVisuallyHidden: boolean;
|
|
@@ -26,19 +26,19 @@ type BaseProps = Partial<{
|
|
|
26
26
|
declare const meta: {
|
|
27
27
|
title: string;
|
|
28
28
|
component: any;
|
|
29
|
-
render: (props:
|
|
29
|
+
render: ({ kind, label, description, labelVisuallyHidden, descriptionVisuallyHidden, validationValence, validationMessage, ...props }: StoryProps) => React.JSX.Element;
|
|
30
30
|
decorators: import("@storybook/react").Decorator[];
|
|
31
31
|
};
|
|
32
32
|
export default meta;
|
|
33
|
-
type Story = StoryObj<
|
|
34
|
-
export declare const
|
|
33
|
+
type Story = StoryObj<StoryProps & Variant>;
|
|
34
|
+
export declare const DensityCoarse: Story;
|
|
35
35
|
export declare const DensityFine: Story;
|
|
36
36
|
export declare const Subdued: Story;
|
|
37
37
|
export declare const Disabled: Story;
|
|
38
38
|
export declare const LabelVisuallyHidden: Story;
|
|
39
|
-
export declare const
|
|
40
|
-
export declare const
|
|
41
|
-
export declare const
|
|
39
|
+
export declare const WithDescription: Story;
|
|
40
|
+
export declare const WithErrorAndDescription: Story;
|
|
41
|
+
export declare const WithValidationAndDescription: Story;
|
|
42
42
|
export declare const TextArea: Story;
|
|
43
43
|
export declare const PinInput: Story;
|
|
44
44
|
export declare const Checkbox: Story;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Input.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Input/Input.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Input.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Input/Input.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAIrD,OAAO,EACL,KAAK,aAAa,EAElB,KAAK,aAAa,EAClB,KAAK,WAAW,EAChB,KAAK,aAAa,EAClB,KAAK,cAAc,EACpB,MAAM,SAAS,CAAC;AAEjB,KAAK,UAAU,GAAG;IAChB,IAAI,EAAE,cAAc,CAAC;IACrB,GAAG,EAAE,aAAa,CAAC;IACnB,QAAQ,EAAE,aAAa,CAAC;IACxB,QAAQ,EAAE,aAAa,CAAC;IACxB,MAAM,EAAE,WAAW,CAAC;CACrB,CAAC;AAEF,KAAK,OAAO,GAAG;KAAG,CAAC,IAAI,MAAM,UAAU,GAAG;QAAE,IAAI,EAAE,CAAC,CAAA;KAAE,GAAG,UAAU,CAAC,CAAC,CAAC;CAAE,CAAC,MAAM,UAAU,CAAC,CAAC;AAE1F,KAAK,UAAU,GAAG,OAAO,CAAC;IACxB,IAAI,EAAE,MAAM,UAAU,CAAC;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,mBAAmB,EAAE,OAAO,CAAC;IAC7B,WAAW,EAAE,MAAM,CAAC;IACpB,yBAAyB,EAAE,OAAO,CAAC;IACnC,iBAAiB,EAAE,cAAc,CAAC;IAClC,iBAAiB,EAAE,MAAM,CAAC;CAC3B,CAAC,CAAC;AA8BH,QAAA,MAAM,IAAI;;eAEiB,GAAG;2IArB3B,UAAU;;CAwBwB,CAAC;AAEtC,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,UAAU,GAAG,OAAO,CAAC,CAAC;AAE5C,eAAO,MAAM,aAAa,EAAE,KAa3B,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAazB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAarB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAOtB,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,KAOjC,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAO7B,CAAC;AAEF,eAAO,MAAM,uBAAuB,EAAE,KASrC,CAAC;AAEF,eAAO,MAAM,4BAA4B,EAAE,KAS1C,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAOtB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAStB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAOtB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAMpB,CAAC"}
|