@dxos/react-ui 0.9.0 → 0.9.1-main.c7dcc2e112

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 (81) hide show
  1. package/dist/lib/browser/{chunk-7JFD5ZHZ.mjs → chunk-F3PLXTDA.mjs} +21 -25
  2. package/dist/lib/browser/{chunk-7JFD5ZHZ.mjs.map → chunk-F3PLXTDA.mjs.map} +3 -3
  3. package/dist/lib/browser/{chunk-5SPBSIWS.mjs → chunk-HFJYTGHU.mjs} +11 -1
  4. package/dist/lib/browser/chunk-HFJYTGHU.mjs.map +7 -0
  5. package/dist/lib/browser/index.mjs +1042 -856
  6. package/dist/lib/browser/index.mjs.map +4 -4
  7. package/dist/lib/browser/meta.json +1 -1
  8. package/dist/lib/browser/testing/index.mjs +5 -5
  9. package/dist/lib/browser/testing/index.mjs.map +2 -2
  10. package/dist/lib/browser/translations.mjs +1 -1
  11. package/dist/lib/node-esm/{chunk-TTEL2FP2.mjs → chunk-LLVUYLAM.mjs} +21 -25
  12. package/dist/lib/node-esm/{chunk-TTEL2FP2.mjs.map → chunk-LLVUYLAM.mjs.map} +3 -3
  13. package/dist/lib/node-esm/{chunk-FPVTVXND.mjs → chunk-OJYUPUCY.mjs} +11 -1
  14. package/dist/lib/node-esm/chunk-OJYUPUCY.mjs.map +7 -0
  15. package/dist/lib/node-esm/index.mjs +1042 -856
  16. package/dist/lib/node-esm/index.mjs.map +4 -4
  17. package/dist/lib/node-esm/meta.json +1 -1
  18. package/dist/lib/node-esm/testing/index.mjs +5 -5
  19. package/dist/lib/node-esm/testing/index.mjs.map +2 -2
  20. package/dist/lib/node-esm/translations.mjs +1 -1
  21. package/dist/types/src/components/Button/Button.d.ts +2 -0
  22. package/dist/types/src/components/Button/Button.d.ts.map +1 -1
  23. package/dist/types/src/components/Button/IconButton.d.ts +0 -1
  24. package/dist/types/src/components/Button/IconButton.d.ts.map +1 -1
  25. package/dist/types/src/components/Button/IconButton.stories.d.ts +34 -0
  26. package/dist/types/src/components/Button/IconButton.stories.d.ts.map +1 -1
  27. package/dist/types/src/components/Button/SystemIconButton.d.ts +20 -0
  28. package/dist/types/src/components/Button/SystemIconButton.d.ts.map +1 -0
  29. package/dist/types/src/components/Button/ToggleIconButton.d.ts +15 -0
  30. package/dist/types/src/components/Button/ToggleIconButton.d.ts.map +1 -0
  31. package/dist/types/src/components/Button/index.d.ts +2 -0
  32. package/dist/types/src/components/Button/index.d.ts.map +1 -1
  33. package/dist/types/src/components/Card/Card.d.ts +25 -19
  34. package/dist/types/src/components/Card/Card.d.ts.map +1 -1
  35. package/dist/types/src/components/Card/Card.stories.d.ts +1 -1
  36. package/dist/types/src/components/Card/Card.stories.d.ts.map +1 -1
  37. package/dist/types/src/components/Card/Card.theme.d.ts.map +1 -1
  38. package/dist/types/src/components/Clipboard/index.d.ts +1 -0
  39. package/dist/types/src/components/Clipboard/index.d.ts.map +1 -1
  40. package/dist/types/src/components/Column/Column.d.ts +19 -1
  41. package/dist/types/src/components/Column/Column.d.ts.map +1 -1
  42. package/dist/types/src/components/Column/Column.theme.d.ts +8 -0
  43. package/dist/types/src/components/Column/Column.theme.d.ts.map +1 -1
  44. package/dist/types/src/components/Input/constants.d.ts +3 -0
  45. package/dist/types/src/components/Input/constants.d.ts.map +1 -1
  46. package/dist/types/src/components/Message/Message.theme.d.ts.map +1 -1
  47. package/dist/types/src/components/Toast/Toast.d.ts.map +1 -1
  48. package/dist/types/src/components/Toast/Toast.theme.d.ts.map +1 -1
  49. package/dist/types/src/components/Tooltip/TextTooltip.d.ts +19 -0
  50. package/dist/types/src/components/Tooltip/TextTooltip.d.ts.map +1 -0
  51. package/dist/types/src/components/Tooltip/index.d.ts +1 -0
  52. package/dist/types/src/components/Tooltip/index.d.ts.map +1 -1
  53. package/dist/types/src/testing/Loading.d.ts.map +1 -1
  54. package/dist/types/src/translations.d.ts +10 -0
  55. package/dist/types/src/translations.d.ts.map +1 -1
  56. package/dist/types/tsconfig.tsbuildinfo +1 -1
  57. package/package.json +16 -16
  58. package/src/components/Button/Button.tsx +23 -2
  59. package/src/components/Button/IconButton.stories.tsx +81 -1
  60. package/src/components/Button/IconButton.tsx +2 -4
  61. package/src/components/Button/SystemIconButton.tsx +153 -0
  62. package/src/components/Button/ToggleIconButton.tsx +32 -0
  63. package/src/components/Button/index.ts +2 -0
  64. package/src/components/Card/Card.stories.tsx +69 -27
  65. package/src/components/Card/Card.theme.ts +27 -9
  66. package/src/components/Card/Card.tsx +165 -88
  67. package/src/components/Column/Column.theme.ts +32 -4
  68. package/src/components/Column/Column.tsx +36 -1
  69. package/src/components/Input/constants.ts +3 -0
  70. package/src/components/Message/Message.theme.ts +0 -10
  71. package/src/components/Message/Message.tsx +4 -4
  72. package/src/components/Popover/Popover.theme.ts +1 -1
  73. package/src/components/Toast/Toast.theme.ts +0 -6
  74. package/src/components/Toast/Toast.tsx +11 -10
  75. package/src/components/Tooltip/TextTooltip.tsx +54 -0
  76. package/src/components/Tooltip/index.ts +1 -0
  77. package/src/testing/Loading.tsx +2 -1
  78. package/src/testing/decorators/withLayout.tsx +2 -2
  79. package/src/translations.ts +10 -0
  80. package/dist/lib/browser/chunk-5SPBSIWS.mjs.map +0 -7
  81. package/dist/lib/node-esm/chunk-FPVTVXND.mjs.map +0 -7
@@ -2,5 +2,6 @@
2
2
  // Copyright 2023 DXOS.org
3
3
  //
4
4
 
5
+ export * from './TextTooltip';
5
6
  export * from './Tooltip';
6
7
  export * from './tooltipContent';
@@ -24,11 +24,12 @@ export const Loading = ({ data }: LoadingProps) => {
24
24
  }, []);
25
25
 
26
26
  return (
27
- <div className='w-full p-2'>
27
+ <div className='grid p-2'>
28
28
  <div
29
29
  className={mx(
30
30
  'flex flex-col w-full p-2 border-2 border-teal-500 rounded-md',
31
31
  'opacity-0 transition delay-1000 duration-1000',
32
+ 'overflow-auto',
32
33
  visible && 'opacity-100',
33
34
  )}
34
35
  >
@@ -55,13 +55,13 @@ const layouts: Record<ContainerType, FC<ContainerProps>> = {
55
55
 
56
56
  centered: ({ classNames, children }: ContainerProps) => (
57
57
  <div className={mx('fixed inset-0 grid overflow-hidden place-items-center bg-black')}>
58
- <div className={mx('flex flex-col bg-base-surface', classNames)}>{children}</div>
58
+ <div className={mx('flex flex-col dx-attention-surface', classNames)}>{children}</div>
59
59
  </div>
60
60
  ),
61
61
 
62
62
  column: ({ classNames, children }: ContainerProps) => (
63
63
  <div className='fixed inset-0 flex overflow-hidden justify-center bg-black'>
64
- <div className={mx('flex flex-col w-[40rem] bg-base-surface', classNames)}>{children}</div>
64
+ <div className={mx('flex flex-col w-[40rem] dx-attention-surface', classNames)}>{children}</div>
65
65
  </div>
66
66
  ),
67
67
  };
@@ -14,6 +14,16 @@ export const translations = [
14
14
  'toolbar-drag-handle.label': 'Drag to rearrange',
15
15
  'toolbar-close.label': 'Close',
16
16
  'toolbar-delete.label': 'Delete',
17
+ 'system-button.star.label': 'Star',
18
+ 'system-button.unstar.label': 'Unstar',
19
+ 'system-button.bookmark.label': 'Bookmark',
20
+ 'system-button.unbookmark.label': 'Remove bookmark',
21
+ 'system-button.expand.label': 'Expand',
22
+ 'system-button.collapse.label': 'Collapse',
23
+ 'system-button.add.label': 'Add',
24
+ 'system-button.delete.label': 'Delete',
25
+ 'system-button.edit.label': 'Edit',
26
+ 'system-button.close.label': 'Close',
17
27
  'carousel-viewport.label': 'Carousel',
18
28
  'carousel-prev.label': 'Previous slide',
19
29
  'carousel-next.label': 'Next slide',
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../src/translations.ts"],
4
- "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport { type Resource } from '@dxos/react-ui';\n\nexport const translationKey = '@dxos/react-ui';\n\nexport const translations = [\n {\n 'en-US': {\n [translationKey]: {\n 'toolbar-menu.label': 'Action menu',\n 'toolbar-drag-handle.label': 'Drag to rearrange',\n 'toolbar-close.label': 'Close',\n 'toolbar-delete.label': 'Delete',\n 'carousel-viewport.label': 'Carousel',\n 'carousel-prev.label': 'Previous slide',\n 'carousel-next.label': 'Next slide',\n 'carousel-indicators.label': 'Carousel slides',\n 'carousel-go-to.label': 'Go to slide {{index}}',\n 'date-picker.placeholder.single.label': 'Pick a date',\n 'date-picker.placeholder.range.label': 'Pick a date range',\n 'date-picker.placeholder.multiple.label': 'Pick dates',\n 'date-picker.clear.label': 'Clear',\n 'calendar.nav.previous.label': 'Previous month',\n 'calendar.nav.next.label': 'Next month',\n 'calendar.footer.today.label': 'Today',\n 'trigger-button.label': 'Open',\n },\n },\n },\n] as const satisfies Resource[];\n"],
5
- "mappings": ";AAMO,IAAMA,iBAAiB;AAEvB,IAAMC,eAAe;EAC1B;IACE,SAAS;MACP,CAACD,cAAAA,GAAiB;QAChB,sBAAsB;QACtB,6BAA6B;QAC7B,uBAAuB;QACvB,wBAAwB;QACxB,2BAA2B;QAC3B,uBAAuB;QACvB,uBAAuB;QACvB,6BAA6B;QAC7B,wBAAwB;QACxB,wCAAwC;QACxC,uCAAuC;QACvC,0CAA0C;QAC1C,2BAA2B;QAC3B,+BAA+B;QAC/B,2BAA2B;QAC3B,+BAA+B;QAC/B,wBAAwB;MAC1B;IACF;EACF;;",
6
- "names": ["translationKey", "translations"]
7
- }
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../src/translations.ts"],
4
- "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport { type Resource } from '@dxos/react-ui';\n\nexport const translationKey = '@dxos/react-ui';\n\nexport const translations = [\n {\n 'en-US': {\n [translationKey]: {\n 'toolbar-menu.label': 'Action menu',\n 'toolbar-drag-handle.label': 'Drag to rearrange',\n 'toolbar-close.label': 'Close',\n 'toolbar-delete.label': 'Delete',\n 'carousel-viewport.label': 'Carousel',\n 'carousel-prev.label': 'Previous slide',\n 'carousel-next.label': 'Next slide',\n 'carousel-indicators.label': 'Carousel slides',\n 'carousel-go-to.label': 'Go to slide {{index}}',\n 'date-picker.placeholder.single.label': 'Pick a date',\n 'date-picker.placeholder.range.label': 'Pick a date range',\n 'date-picker.placeholder.multiple.label': 'Pick dates',\n 'date-picker.clear.label': 'Clear',\n 'calendar.nav.previous.label': 'Previous month',\n 'calendar.nav.next.label': 'Next month',\n 'calendar.footer.today.label': 'Today',\n 'trigger-button.label': 'Open',\n },\n },\n },\n] as const satisfies Resource[];\n"],
5
- "mappings": ";;;AAMO,IAAMA,iBAAiB;AAEvB,IAAMC,eAAe;EAC1B;IACE,SAAS;MACP,CAACD,cAAAA,GAAiB;QAChB,sBAAsB;QACtB,6BAA6B;QAC7B,uBAAuB;QACvB,wBAAwB;QACxB,2BAA2B;QAC3B,uBAAuB;QACvB,uBAAuB;QACvB,6BAA6B;QAC7B,wBAAwB;QACxB,wCAAwC;QACxC,uCAAuC;QACvC,0CAA0C;QAC1C,2BAA2B;QAC3B,+BAA+B;QAC/B,2BAA2B;QAC3B,+BAA+B;QAC/B,wBAAwB;MAC1B;IACF;EACF;;",
6
- "names": ["translationKey", "translations"]
7
- }