@dxos/react-ui 0.3.10-next.c3f2d1d → 0.3.10-next.cec8a55

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.
Files changed (29) hide show
  1. package/dist/types/src/playground/Typography.stories.d.ts +16 -0
  2. package/dist/types/src/playground/Typography.stories.d.ts.map +1 -0
  3. package/package.json +6 -6
  4. package/src/components/Avatars/Avatar.stories.tsx +1 -1
  5. package/src/components/Avatars/AvatarGroup.stories.tsx +1 -1
  6. package/src/components/Breadcrumb/Breadcrumb.stories.tsx +1 -1
  7. package/src/components/Buttons/Button.stories.tsx +1 -1
  8. package/src/components/Buttons/Toggle.stories.tsx +1 -1
  9. package/src/components/Buttons/ToggleGroup.stories.tsx +1 -1
  10. package/src/components/Dialogs/AlertDialog.stories.tsx +1 -1
  11. package/src/components/Dialogs/Dialog.stories.tsx +1 -1
  12. package/src/components/DropdownMenu/DropdownMenu.stories.tsx +1 -1
  13. package/src/components/Input/Input.stories.tsx +1 -1
  14. package/src/components/Link/Link.stories.tsx +1 -1
  15. package/src/components/Lists/List.stories.tsx +1 -1
  16. package/src/components/Lists/Tree.stories.tsx +1 -1
  17. package/src/components/Main/Main.stories.tsx +1 -1
  18. package/src/components/Message/Message.stories.tsx +1 -1
  19. package/src/components/Popover/Popover.stories.tsx +1 -1
  20. package/src/components/ScrollArea/ScrollArea.stories.tsx +1 -1
  21. package/src/components/Select/Select.stories.tsx +1 -1
  22. package/src/components/Status/Status.stories.tsx +1 -1
  23. package/src/components/Tag/Tag.stories.tsx +1 -1
  24. package/src/components/Toast/Toast.stories.tsx +1 -1
  25. package/src/components/Toolbar/Toolbar.stories.tsx +1 -1
  26. package/src/components/Tooltip/Tooltip.stories.tsx +1 -1
  27. package/src/playground/Controls.stories.tsx +1 -1
  28. package/src/playground/Surfaces.stories.tsx +1 -1
  29. package/src/playground/Typography.stories.tsx +55 -0
package/dist/types/src/playground/Typography.stories.d.ts ADDED
@@ -0,0 +1,16 @@
1
+ import '@dxosTheme';
2
+ declare const _default: {
3
+ title: string;
4
+ component: () => JSX.Element;
5
+ decorators: import("@storybook/react").Decorator[];
6
+ parameters: {
7
+ chromatic: {
8
+ disableSnapshot: boolean;
9
+ };
10
+ };
11
+ };
12
+ export default _default;
13
+ export declare const Default: {
14
+ args: {};
15
+ };
16
+ //# sourceMappingURL=Typography.stories.d.ts.map
package/dist/types/src/playground/Typography.stories.d.ts.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Typography.stories.d.ts","sourceRoot":"","sources":["../../../../src/playground/Typography.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,YAAY,CAAC;;;;;;;;;;;AAyCpB,wBAKE;AAEF,eAAO,MAAM,OAAO;;CAEnB,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@dxos/react-ui",
3
- "version": "0.3.10-next.c3f2d1d",
3
+ "version": "0.3.10-next.cec8a55",
4
4
  "description": "Low-level React components for DXOS, applying a theme to a core group of primitives",
5
5
  "homepage": "https://dxos.org",
6
6
  "bugs": "https://github.com/dxos/dxos/issues",
@@ -37,10 +37,10 @@
37
37
  "jdenticon": "^3.2.0",
38
38
  "keyborg": "^2.0.0",
39
39
  "react-i18next": "^11.18.6",
40
- "@dxos/react-hooks": "0.3.10-next.c3f2d1d",
41
- "@dxos/react-list": "0.3.10-next.c3f2d1d",
42
- "@dxos/react-ui-types": "0.3.10-next.c3f2d1d",
43
- "@dxos/react-input": "0.3.10-next.c3f2d1d"
40
+ "@dxos/react-hooks": "0.3.10-next.cec8a55",
41
+ "@dxos/react-input": "0.3.10-next.cec8a55",
42
+ "@dxos/react-list": "0.3.10-next.cec8a55",
43
+ "@dxos/react-ui-types": "0.3.10-next.cec8a55"
44
44
  },
45
45
  "devDependencies": {
46
46
  "@dnd-kit/core": "^6.0.5",
@@ -54,7 +54,7 @@
54
54
  "react-dom": "^18.2.0",
55
55
  "vite": "^4.3.9",
56
56
  "vite-plugin-turbosnap": "^1.0.2",
57
- "@dxos/react-ui-theme": "0.3.10-next.c3f2d1d"
57
+ "@dxos/react-ui-theme": "0.3.10-next.cec8a55"
58
58
  },
59
59
  "peerDependencies": {
60
60
  "@phosphor-icons/react": "^2.0.5",
package/src/components/Avatars/Avatar.stories.tsx CHANGED
@@ -62,7 +62,7 @@ const StorybookAvatar = (props: PropsWithChildren<StorybookAvatarProps>) => {
62
62
  };
63
63
 
64
64
  export default {
65
- title: 'DXOS UI/Avatar',
65
+ title: 'react-ui/Avatar',
66
66
  component: StorybookAvatar,
67
67
  decorators: [withTheme],
68
68
  parameters: { chromatic: { disableSnapshot: false } },
package/src/components/Avatars/AvatarGroup.stories.tsx CHANGED
@@ -42,7 +42,7 @@ const StorybookAvatarGroup = () => {
42
42
  };
43
43
 
44
44
  export default {
45
- title: 'DXOS UI/Avatar Group',
45
+ title: 'react-ui/Avatar Group',
46
46
  component: StorybookAvatarGroup,
47
47
  decorators: [withTheme],
48
48
  parameters: { chromatic: { disableSnapshot: false } },
package/src/components/Breadcrumb/Breadcrumb.stories.tsx CHANGED
@@ -39,7 +39,7 @@ const StorybookBreadcrumb = () => {
39
39
  };
40
40
 
41
41
  export default {
42
- title: 'DXOS UI/Breadcrumb',
42
+ title: 'react-ui/Breadcrumb',
43
43
  component: StorybookBreadcrumb,
44
44
  decorators: [withTheme],
45
45
  parameters: { chromatic: { disableSnapshot: false } },
package/src/components/Buttons/Button.stories.tsx CHANGED
@@ -15,7 +15,7 @@ import { DensityProvider } from '../DensityProvider';
15
15
  import { ElevationProvider } from '../ElevationProvider';
16
16
 
17
17
  export default {
18
- title: 'DXOS UI/Button',
18
+ title: 'react-ui/Button',
19
19
  component: Button,
20
20
  decorators: [withTheme],
21
21
  parameters: { chromatic: { disableSnapshot: false } },
package/src/components/Buttons/Toggle.stories.tsx CHANGED
@@ -21,7 +21,7 @@ const StorybookToggle = (props: StorybookToggleProps) => {
21
21
  };
22
22
 
23
23
  export default {
24
- title: 'DXOS UI/Toggle button',
24
+ title: 'react-ui/Toggle button',
25
25
  component: StorybookToggle,
26
26
  decorators: [withTheme],
27
27
  parameters: { chromatic: { disableSnapshot: false } },
package/src/components/Buttons/ToggleGroup.stories.tsx CHANGED
@@ -29,7 +29,7 @@ const StorybookToggleGroup = (props: StorybookToggleGroupProps) => {
29
29
  };
30
30
 
31
31
  export default {
32
- title: 'DXOS UI/Toggle button group',
32
+ title: 'react-ui/Toggle button group',
33
33
  component: StorybookToggleGroup,
34
34
  decorators: [withTheme],
35
35
  parameters: { chromatic: { disableSnapshot: false } },
package/src/components/Dialogs/AlertDialog.stories.tsx CHANGED
@@ -54,7 +54,7 @@ const StorybookAlertDialog = ({
54
54
  };
55
55
 
56
56
  export default {
57
- title: 'DXOS UI/Dialog (alert)',
57
+ title: 'react-ui/Dialog (alert)',
58
58
  component: StorybookAlertDialog,
59
59
  decorators: [withTheme],
60
60
  parameters: { chromatic: { disableSnapshot: false } },
package/src/components/Dialogs/Dialog.stories.tsx CHANGED
@@ -39,7 +39,7 @@ const StorybookDialog = ({ title, openTrigger, description, body, closeTrigger }
39
39
  };
40
40
 
41
41
  export default {
42
- title: 'DXOS UI/Dialog',
42
+ title: 'react-ui/Dialog',
43
43
  component: StorybookDialog,
44
44
  decorators: [withTheme],
45
45
  parameters: { chromatic: { disableSnapshot: false } },
package/src/components/DropdownMenu/DropdownMenu.stories.tsx CHANGED
@@ -92,7 +92,7 @@ const StorybookDropdownMenu = () => {
92
92
  };
93
93
 
94
94
  export default {
95
- title: 'DXOS UI/Dropdown menu',
95
+ title: 'react-ui/Dropdown menu',
96
96
  component: StorybookDropdownMenu,
97
97
  decorators: [withTheme],
98
98
  parameters: { chromatic: { disableSnapshot: false } },
package/src/components/Input/Input.stories.tsx CHANGED
@@ -72,7 +72,7 @@ const StoryInput = (props: StoryInputProps) => {
72
72
  };
73
73
 
74
74
  export default {
75
- title: 'DXOS UI/Input',
75
+ title: 'react-ui/Input',
76
76
  component: StoryInput,
77
77
  // TODO(thure): Refactor
78
78
  argTypes: {
package/src/components/Link/Link.stories.tsx CHANGED
@@ -8,7 +8,7 @@ import { Link } from './Link';
8
8
  import { withTheme } from '../../testing';
9
9
 
10
10
  export default {
11
- title: 'DXOS UI/Link',
11
+ title: 'react-ui/Link',
12
12
  component: Link,
13
13
  decorators: [withTheme],
14
14
  parameters: { chromatic: { disableSnapshot: false } },
package/src/components/Lists/List.stories.tsx CHANGED
@@ -16,7 +16,7 @@ import { List, ListItem, type ListProps, type ListScopedProps } from './List';
16
16
  import { withTheme } from '../../testing';
17
17
 
18
18
  export default {
19
- title: 'DXOS UI/List',
19
+ title: 'react-ui/List',
20
20
  component: List as FC<ListProps>,
21
21
  decorators: [withTheme],
22
22
  parameters: { chromatic: { disableSnapshot: false } },
package/src/components/Lists/Tree.stories.tsx CHANGED
@@ -56,7 +56,7 @@ const StorybookTree = ({ data }: StorybookTreeProps) => {
56
56
  };
57
57
 
58
58
  export default {
59
- title: 'DXOS UI/Tree',
59
+ title: 'react-ui/Tree',
60
60
  component: StorybookTree,
61
61
  decorators: [withTheme],
62
62
  parameters: { chromatic: { disableSnapshot: false } },
package/src/components/Main/Main.stories.tsx CHANGED
@@ -46,7 +46,7 @@ const StoryMain = (_args: StoryMainArgs) => {
46
46
  };
47
47
 
48
48
  export default {
49
- title: 'DXOS UI/Main',
49
+ title: 'react-ui/Main',
50
50
  component: StoryMain,
51
51
  decorators: [withTheme],
52
52
  parameters: { chromatic: { disableSnapshot: false } },
package/src/components/Message/Message.stories.tsx CHANGED
@@ -28,7 +28,7 @@ const StoryMessage = ({ valence, title, body }: StoryMessageProps) => (
28
28
  );
29
29
 
30
30
  export default {
31
- title: 'DXOS UI/Message',
31
+ title: 'react-ui/Message',
32
32
  component: StoryMessage,
33
33
  decorators: [withTheme],
34
34
  parameters: { chromatic: { disableSnapshot: false } },
package/src/components/Popover/Popover.stories.tsx CHANGED
@@ -28,7 +28,7 @@ const StorybookPopover = ({ openTrigger, children }: PropsWithChildren<{ openTri
28
28
  };
29
29
 
30
30
  export default {
31
- title: 'DXOS UI/Popover',
31
+ title: 'react-ui/Popover',
32
32
  component: StorybookPopover,
33
33
  decorators: [withTheme],
34
34
  parameters: { chromatic: { disableSnapshot: false } },
package/src/components/ScrollArea/ScrollArea.stories.tsx CHANGED
@@ -34,7 +34,7 @@ const StorybookScrollArea = ({ children }: PropsWithChildren<{}>) => {
34
34
  };
35
35
 
36
36
  export default {
37
- title: 'DXOS UI/Scroll area',
37
+ title: 'react-ui/Scroll area',
38
38
  component: StorybookScrollArea,
39
39
  decorators: [withTheme],
40
40
  parameters: { chromatic: { disableSnapshot: false } },
package/src/components/Select/Select.stories.tsx CHANGED
@@ -59,7 +59,7 @@ const StorybookSelect = ({ items = [] }: PropsWithChildren<{ items: ItemProps[]
59
59
  };
60
60
 
61
61
  export default {
62
- title: 'DXOS UI/Select',
62
+ title: 'react-ui/Select',
63
63
  component: createDensityTest(StorybookSelect),
64
64
  decorators: [withTheme],
65
65
  parameters: { chromatic: { disableSnapshot: false } },
package/src/components/Status/Status.stories.tsx CHANGED
@@ -10,7 +10,7 @@ import { Status } from './Status';
10
10
  import { withTheme } from '../../testing';
11
11
 
12
12
  export default {
13
- title: 'DXOS UI/Status',
13
+ title: 'react-ui/Status',
14
14
  component: Status,
15
15
  actions: { argTypesRegex: '^on.*' },
16
16
  decorators: [withTheme],
package/src/components/Tag/Tag.stories.tsx CHANGED
@@ -8,7 +8,7 @@ import { Tag } from './Tag';
8
8
  import { withTheme } from '../../testing';
9
9
 
10
10
  export default {
11
- title: 'DXOS UI/Tag',
11
+ title: 'react-ui/Tag',
12
12
  component: Tag,
13
13
  decorators: [withTheme],
14
14
  parameters: { chromatic: { disableSnapshot: false } },
package/src/components/Toast/Toast.stories.tsx CHANGED
@@ -45,7 +45,7 @@ const StorybookToast = (props: StorybookToastProps) => {
45
45
  };
46
46
 
47
47
  export default {
48
- title: 'DXOS UI/Toast',
48
+ title: 'react-ui/Toast',
49
49
  component: StorybookToast,
50
50
  decorators: [withTheme],
51
51
  parameters: { chromatic: { disableSnapshot: false } },
package/src/components/Toolbar/Toolbar.stories.tsx CHANGED
@@ -70,7 +70,7 @@ const StorybookToolbar = (props: StorybookToolbarProps) => {
70
70
  };
71
71
 
72
72
  export default {
73
- title: 'DXOS UI/Toolbar',
73
+ title: 'react-ui/Toolbar',
74
74
  component: StorybookToolbar,
75
75
  decorators: [withTheme],
76
76
  parameters: { chromatic: { disableSnapshot: false } },
package/src/components/Tooltip/Tooltip.stories.tsx CHANGED
@@ -29,7 +29,7 @@ const StoryTooltip = ({ content }: StoryTooltipProps) => (
29
29
  );
30
30
 
31
31
  export default {
32
- title: 'DXOS UI/Tooltip',
32
+ title: 'react-ui/Tooltip',
33
33
  component: StoryTooltip,
34
34
  decorators: [withTheme],
35
35
  parameters: { chromatic: { disableSnapshot: false } },
package/src/playground/Controls.stories.tsx CHANGED
@@ -83,7 +83,7 @@ const Story = () => {
83
83
  };
84
84
 
85
85
  export default {
86
- title: 'DXOS UI/Scenarios/Controls',
86
+ title: 'react-ui/Scenarios/Controls',
87
87
  component: Story,
88
88
  decorators: [withTheme],
89
89
  parameters: { chromatic: { disableSnapshot: false } },
package/src/playground/Surfaces.stories.tsx CHANGED
@@ -58,7 +58,7 @@ const SurfacesStory = () => {
58
58
  };
59
59
 
60
60
  export default {
61
- title: 'DXOS UI/Scenarios/Surfaces',
61
+ title: 'react-ui/Scenarios/Surfaces',
62
62
  component: SurfacesStory,
63
63
  decorators: [withTheme],
64
64
  parameters: { chromatic: { disableSnapshot: false } },
package/src/playground/Typography.stories.tsx ADDED
@@ -0,0 +1,55 @@
1
+ //
2
+ // Copyright 2023 DXOS.org
3
+ //
4
+
5
+ import '@dxosTheme';
6
+
7
+ import React from 'react';
8
+
9
+ import { withTheme } from '../testing';
10
+
11
+ const TypographyStory = () => {
12
+ return (
13
+ <div className='mli-auto p-8 max-is-[60rem] space-b-4'>
14
+ <h1 className='text-4xl font-medium'>
15
+ Việc <span className='italic'>thừa</span> nhận{' '}
16
+ <span className='font-mono bg-neutral-500/10'>
17
+ nhân <span className='italic'>phẩm ~~&gt;</span> vốn
18
+ </span>{' '}
19
+ có, các quyền
20
+ </h1>
21
+ <p>
22
+ Không ai bị bắt, giam giữ hay đày đi nơi khác một cách độc đoán. Mọi người, với tư cách bình đẳng về mọi phương
23
+ diện, đều có quyền được một toà án độc lập và vô tư phân xử công bằng và công khai để xác định quyền, nghĩa vụ
24
+ hoặc bất cứ một lời buộc tội nào đối với người đó.
25
+ </p>
26
+ <h2 className='text-xl font-semibold'>
27
+ Mọi <span className='font-mono'>Mọi</span> người đều có quyền nghỉ ngơi và giải trí, kể cả quyền được hạn chế
28
+ hợp lý về số giờ làm việc và hưởng những ngày nghỉ định kỳ được trả lương.
29
+ </h2>
30
+ <p className='font-mono bg-neutral-500/10'>
31
+ Mọi người đều có quyền được hưởng trật tự xã hội và trật tự quốc tế trong đó các quyền và tự do nêu trong Bản
32
+ tuyên ngôn này có thể được thực hiện đầy đủ.
33
+ </p>
34
+ <p className='italic'>
35
+ Không được phép diễn giải bất kỳ điều khoản nào trong Bản tuyên ngôn này theo hướng ngầm ý cho phép bất kỳ quốc
36
+ gia,{' '}
37
+ <span className='not-italic'>
38
+ nhóm người hay cá nhân nào được quyền tham gia vào bất kỳ hoạt động nào hay thực hiện bất kỳ hành vi nào nhằm
39
+ phá hoại bất kỳ quyền và tự do nào nêu trong Bản tuyên ngôn này.
40
+ </span>
41
+ </p>
42
+ </div>
43
+ );
44
+ };
45
+
46
+ export default {
47
+ title: 'DXOS UI/Scenarios/Typography',
48
+ component: TypographyStory,
49
+ decorators: [withTheme],
50
+ parameters: { chromatic: { disableSnapshot: false } },
51
+ };
52
+
53
+ export const Default = {
54
+ args: {},
55
+ };