@dxos/react-ui 0.8.4-main.dedc0f3 → 0.8.4-main.ead640a

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 (156) hide show
  1. package/dist/lib/browser/{chunk-Y4PW3CX2.mjs → chunk-24AWTFTZ.mjs} +219 -100
  2. package/dist/lib/browser/chunk-24AWTFTZ.mjs.map +7 -0
  3. package/dist/lib/browser/index.mjs +6 -1
  4. package/dist/lib/browser/index.mjs.map +2 -2
  5. package/dist/lib/browser/meta.json +1 -1
  6. package/dist/lib/browser/testing/index.mjs +54 -26
  7. package/dist/lib/browser/testing/index.mjs.map +4 -4
  8. package/dist/lib/node-esm/{chunk-L6LIOSFT.mjs → chunk-MPRFBTTQ.mjs} +219 -100
  9. package/dist/lib/node-esm/chunk-MPRFBTTQ.mjs.map +7 -0
  10. package/dist/lib/node-esm/index.mjs +6 -1
  11. package/dist/lib/node-esm/index.mjs.map +2 -2
  12. package/dist/lib/node-esm/meta.json +1 -1
  13. package/dist/lib/node-esm/testing/index.mjs +54 -26
  14. package/dist/lib/node-esm/testing/index.mjs.map +4 -4
  15. package/dist/types/src/components/Avatars/Avatar.stories.d.ts +0 -6
  16. package/dist/types/src/components/Avatars/Avatar.stories.d.ts.map +1 -1
  17. package/dist/types/src/components/Avatars/AvatarGroup.stories.d.ts +0 -6
  18. package/dist/types/src/components/Avatars/AvatarGroup.stories.d.ts.map +1 -1
  19. package/dist/types/src/components/Breadcrumb/Breadcrumb.stories.d.ts +0 -6
  20. package/dist/types/src/components/Breadcrumb/Breadcrumb.stories.d.ts.map +1 -1
  21. package/dist/types/src/components/Buttons/Button.d.ts +1 -1
  22. package/dist/types/src/components/Buttons/Button.d.ts.map +1 -1
  23. package/dist/types/src/components/Buttons/Button.stories.d.ts +1 -7
  24. package/dist/types/src/components/Buttons/Button.stories.d.ts.map +1 -1
  25. package/dist/types/src/components/Buttons/IconButton.stories.d.ts +0 -6
  26. package/dist/types/src/components/Buttons/IconButton.stories.d.ts.map +1 -1
  27. package/dist/types/src/components/Buttons/Toggle.stories.d.ts +0 -6
  28. package/dist/types/src/components/Buttons/Toggle.stories.d.ts.map +1 -1
  29. package/dist/types/src/components/Buttons/ToggleGroup.d.ts +2 -6
  30. package/dist/types/src/components/Buttons/ToggleGroup.d.ts.map +1 -1
  31. package/dist/types/src/components/Buttons/ToggleGroup.stories.d.ts +2 -12
  32. package/dist/types/src/components/Buttons/ToggleGroup.stories.d.ts.map +1 -1
  33. package/dist/types/src/components/Dialogs/AlertDialog.stories.d.ts +0 -6
  34. package/dist/types/src/components/Dialogs/AlertDialog.stories.d.ts.map +1 -1
  35. package/dist/types/src/components/Dialogs/Dialog.stories.d.ts +0 -1
  36. package/dist/types/src/components/Dialogs/Dialog.stories.d.ts.map +1 -1
  37. package/dist/types/src/components/Icon/Icon.d.ts +1 -1
  38. package/dist/types/src/components/Icon/Icon.d.ts.map +1 -1
  39. package/dist/types/src/components/Input/Input.d.ts +0 -2
  40. package/dist/types/src/components/Input/Input.d.ts.map +1 -1
  41. package/dist/types/src/components/Input/Input.stories.d.ts +0 -6
  42. package/dist/types/src/components/Input/Input.stories.d.ts.map +1 -1
  43. package/dist/types/src/components/Link/Link.stories.d.ts +0 -6
  44. package/dist/types/src/components/Link/Link.stories.d.ts.map +1 -1
  45. package/dist/types/src/components/Lists/List.stories.d.ts +0 -6
  46. package/dist/types/src/components/Lists/List.stories.d.ts.map +1 -1
  47. package/dist/types/src/components/Lists/Tree.stories.d.ts +0 -6
  48. package/dist/types/src/components/Lists/Tree.stories.d.ts.map +1 -1
  49. package/dist/types/src/components/Lists/Treegrid.d.ts.map +1 -1
  50. package/dist/types/src/components/Main/Main.d.ts +1 -10
  51. package/dist/types/src/components/Main/Main.d.ts.map +1 -1
  52. package/dist/types/src/components/Main/Main.stories.d.ts +1 -2
  53. package/dist/types/src/components/Main/Main.stories.d.ts.map +1 -1
  54. package/dist/types/src/components/Menus/ContextMenu.stories.d.ts +0 -6
  55. package/dist/types/src/components/Menus/ContextMenu.stories.d.ts.map +1 -1
  56. package/dist/types/src/components/Menus/DropdownMenu.d.ts +1 -1
  57. package/dist/types/src/components/Menus/DropdownMenu.d.ts.map +1 -1
  58. package/dist/types/src/components/Menus/DropdownMenu.stories.d.ts +0 -6
  59. package/dist/types/src/components/Menus/DropdownMenu.stories.d.ts.map +1 -1
  60. package/dist/types/src/components/Message/Message.stories.d.ts +0 -1
  61. package/dist/types/src/components/Message/Message.stories.d.ts.map +1 -1
  62. package/dist/types/src/components/Popover/Popover.d.ts +1 -1
  63. package/dist/types/src/components/Popover/Popover.d.ts.map +1 -1
  64. package/dist/types/src/components/Popover/Popover.stories.d.ts +0 -6
  65. package/dist/types/src/components/Popover/Popover.stories.d.ts.map +1 -1
  66. package/dist/types/src/components/ScrollArea/ScrollArea.stories.d.ts +0 -6
  67. package/dist/types/src/components/ScrollArea/ScrollArea.stories.d.ts.map +1 -1
  68. package/dist/types/src/components/Select/Select.stories.d.ts +0 -6
  69. package/dist/types/src/components/Select/Select.stories.d.ts.map +1 -1
  70. package/dist/types/src/components/Status/Status.stories.d.ts +0 -6
  71. package/dist/types/src/components/Status/Status.stories.d.ts.map +1 -1
  72. package/dist/types/src/components/Tag/Tag.stories.d.ts +8 -8
  73. package/dist/types/src/components/Tag/Tag.stories.d.ts.map +1 -1
  74. package/dist/types/src/components/Toast/Toast.stories.d.ts +0 -6
  75. package/dist/types/src/components/Toast/Toast.stories.d.ts.map +1 -1
  76. package/dist/types/src/components/Toolbar/Toolbar.d.ts +9 -11
  77. package/dist/types/src/components/Toolbar/Toolbar.d.ts.map +1 -1
  78. package/dist/types/src/components/Toolbar/Toolbar.stories.d.ts +0 -6
  79. package/dist/types/src/components/Toolbar/Toolbar.stories.d.ts.map +1 -1
  80. package/dist/types/src/components/Tooltip/Tooltip.d.ts +1 -3
  81. package/dist/types/src/components/Tooltip/Tooltip.d.ts.map +1 -1
  82. package/dist/types/src/components/Tooltip/Tooltip.stories.d.ts +0 -6
  83. package/dist/types/src/components/Tooltip/Tooltip.stories.d.ts.map +1 -1
  84. package/dist/types/src/hooks/useSafeArea.d.ts.map +1 -1
  85. package/dist/types/src/hooks/useVisualViewport.d.ts +2 -2
  86. package/dist/types/src/hooks/useVisualViewport.d.ts.map +1 -1
  87. package/dist/types/src/index.d.ts +1 -1
  88. package/dist/types/src/index.d.ts.map +1 -1
  89. package/dist/types/src/playground/Controls.stories.d.ts +0 -6
  90. package/dist/types/src/playground/Controls.stories.d.ts.map +1 -1
  91. package/dist/types/src/playground/Custom.stories.d.ts +1 -2
  92. package/dist/types/src/playground/Custom.stories.d.ts.map +1 -1
  93. package/dist/types/src/playground/Typography.stories.d.ts +0 -6
  94. package/dist/types/src/playground/Typography.stories.d.ts.map +1 -1
  95. package/dist/types/src/testing/decorators/index.d.ts +2 -1
  96. package/dist/types/src/testing/decorators/index.d.ts.map +1 -1
  97. package/dist/types/src/testing/decorators/withLayout.d.ts +15 -0
  98. package/dist/types/src/testing/decorators/withLayout.d.ts.map +1 -0
  99. package/dist/types/src/testing/decorators/withTheme.d.ts +3 -0
  100. package/dist/types/src/testing/decorators/withTheme.d.ts.map +1 -1
  101. package/dist/types/src/util/domino.d.ts +18 -0
  102. package/dist/types/src/util/domino.d.ts.map +1 -0
  103. package/dist/types/src/util/index.d.ts +2 -0
  104. package/dist/types/src/util/index.d.ts.map +1 -1
  105. package/dist/types/src/util/usePx.d.ts +8 -0
  106. package/dist/types/src/util/usePx.d.ts.map +1 -0
  107. package/dist/types/tsconfig.tsbuildinfo +1 -1
  108. package/package.json +20 -22
  109. package/src/components/Avatars/Avatar.stories.tsx +0 -2
  110. package/src/components/Avatars/AvatarGroup.stories.tsx +0 -3
  111. package/src/components/Breadcrumb/Breadcrumb.stories.tsx +0 -3
  112. package/src/components/Buttons/Button.stories.tsx +3 -5
  113. package/src/components/Buttons/IconButton.stories.tsx +0 -3
  114. package/src/components/Buttons/Toggle.stories.tsx +0 -3
  115. package/src/components/Buttons/ToggleGroup.stories.tsx +0 -3
  116. package/src/components/Dialogs/AlertDialog.stories.tsx +0 -3
  117. package/src/components/Dialogs/Dialog.stories.tsx +5 -3
  118. package/src/components/Icon/Icon.tsx +1 -1
  119. package/src/components/Input/Input.stories.tsx +0 -3
  120. package/src/components/Input/Input.tsx +3 -3
  121. package/src/components/Link/Link.stories.tsx +0 -3
  122. package/src/components/Lists/List.stories.tsx +2 -6
  123. package/src/components/Lists/Tree.stories.tsx +0 -3
  124. package/src/components/Lists/Treegrid.tsx +57 -16
  125. package/src/components/Main/Main.stories.tsx +3 -3
  126. package/src/components/Main/Main.tsx +17 -8
  127. package/src/components/Menus/ContextMenu.stories.tsx +0 -3
  128. package/src/components/Menus/DropdownMenu.stories.tsx +0 -3
  129. package/src/components/Menus/DropdownMenu.tsx +2 -2
  130. package/src/components/Message/Message.stories.tsx +0 -2
  131. package/src/components/Popover/Popover.stories.tsx +0 -3
  132. package/src/components/Popover/Popover.tsx +5 -5
  133. package/src/components/ScrollArea/ScrollArea.stories.tsx +0 -3
  134. package/src/components/Select/Select.stories.tsx +3 -5
  135. package/src/components/Status/Status.stories.tsx +0 -3
  136. package/src/components/Tag/Tag.stories.tsx +8 -7
  137. package/src/components/Toast/Toast.stories.tsx +0 -3
  138. package/src/components/Toolbar/Toolbar.stories.tsx +0 -3
  139. package/src/components/Toolbar/Toolbar.tsx +14 -4
  140. package/src/components/Tooltip/Tooltip.stories.tsx +0 -3
  141. package/src/components/Tooltip/Tooltip.tsx +2 -1
  142. package/src/hooks/useSafeArea.ts +3 -2
  143. package/src/hooks/useVisualViewport.ts +4 -4
  144. package/src/index.ts +1 -1
  145. package/src/playground/Controls.stories.tsx +3 -5
  146. package/src/playground/Custom.stories.tsx +3 -12
  147. package/src/playground/Typography.stories.tsx +0 -3
  148. package/src/testing/decorators/index.ts +2 -1
  149. package/src/testing/decorators/withLayout.tsx +56 -0
  150. package/src/testing/decorators/withTheme.tsx +31 -0
  151. package/src/util/domino.ts +53 -0
  152. package/src/util/index.ts +2 -0
  153. package/src/util/usePx.ts +61 -0
  154. package/dist/lib/browser/chunk-Y4PW3CX2.mjs.map +0 -7
  155. package/dist/lib/node-esm/chunk-L6LIOSFT.mjs.map +0 -7
  156. package/src/testing/decorators/withTheme.ts +0 -25
@@ -0,0 +1,18 @@
1
+ import { type ClassNameValue } from '@dxos/react-ui-types';
2
+ /**
3
+ * Super lightweight chainable DOM builder.
4
+ */
5
+ export declare class Domino<T extends HTMLElement> {
6
+ static of<K extends keyof HTMLElementTagNameMap>(tag: K): Domino<HTMLElementTagNameMap[K]>;
7
+ private readonly _el;
8
+ constructor(tag: keyof HTMLElementTagNameMap);
9
+ classNames(...classNames: ClassNameValue[]): this;
10
+ text(value: string): this;
11
+ data(key: string, value: string): this;
12
+ attributes(attr: Record<string, string | undefined>): this;
13
+ style(styles: Partial<CSSStyleDeclaration>): this;
14
+ children<C extends HTMLElement>(...children: Domino<C>[]): this;
15
+ on(event: string, handler: (e: Event) => void): this;
16
+ build(): T;
17
+ }
18
+ //# sourceMappingURL=domino.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"domino.d.ts","sourceRoot":"","sources":["../../../../src/util/domino.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAE3D;;GAEG;AACH,qBAAa,MAAM,CAAC,CAAC,SAAS,WAAW;IACvC,MAAM,CAAC,EAAE,CAAC,CAAC,SAAS,MAAM,qBAAqB,EAAE,GAAG,EAAE,CAAC,GAAG,MAAM,CAAC,qBAAqB,CAAC,CAAC,CAAC,CAAC;IAI1F,OAAO,CAAC,QAAQ,CAAC,GAAG,CAAI;gBACZ,GAAG,EAAE,MAAM,qBAAqB;IAG5C,UAAU,CAAC,GAAG,UAAU,EAAE,cAAc,EAAE,GAAG,IAAI;IAIjD,IAAI,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAIzB,IAAI,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI;IAItC,UAAU,CAAC,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,SAAS,CAAC,GAAG,IAAI;IAM1D,KAAK,CAAC,MAAM,EAAE,OAAO,CAAC,mBAAmB,CAAC,GAAG,IAAI;IAIjD,QAAQ,CAAC,CAAC,SAAS,WAAW,EAAE,GAAG,QAAQ,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,GAAG,IAAI;IAI/D,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,CAAC,CAAC,EAAE,KAAK,KAAK,IAAI,GAAG,IAAI;IAIpD,KAAK,IAAI,CAAC;CAGX"}
@@ -1,3 +1,5 @@
1
+ export * from './domino';
1
2
  export * from './hasIosKeyboard';
2
3
  export type * from './ThemedClassName';
4
+ export * from './usePx';
3
5
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/util/index.ts"],"names":[],"mappings":"AAIA,cAAc,kBAAkB,CAAC;AACjC,mBAAmB,mBAAmB,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/util/index.ts"],"names":[],"mappings":"AAIA,cAAc,UAAU,CAAC;AACzB,cAAc,kBAAkB,CAAC;AACjC,mBAAmB,mBAAmB,CAAC;AACvC,cAAc,SAAS,CAAC"}
@@ -0,0 +1,8 @@
1
+ /**
2
+ * React hook that converts rem values to pixels and updates when the root font size changes.
3
+ *
4
+ * @param rem The rem value to convert to pixels
5
+ * @returns The current pixel value equivalent of the rem input
6
+ */
7
+ export declare const usePx: (rem: number) => number;
8
+ //# sourceMappingURL=usePx.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"usePx.d.ts","sourceRoot":"","sources":["../../../../src/util/usePx.ts"],"names":[],"mappings":"AAQA;;;;;GAKG;AACH,eAAO,MAAM,KAAK,GAAI,KAAK,MAAM,KAAG,MA8CnC,CAAC"}