@vector-im/compound-web 8.3.6 → 8.4.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (24) hide show
  1. package/dist/components/Form/Controls/Checkbox/Checkbox.js +1 -1
  2. package/dist/components/Form/Controls/EditInPlace/EditInPlace.cjs.map +1 -1
  3. package/dist/components/Form/Controls/EditInPlace/EditInPlace.js.map +1 -1
  4. package/dist/components/Form/Controls/SettingsToggle/SettingsToggle.js +1 -1
  5. package/dist/components/Form/index.cjs +14 -14
  6. package/dist/components/Form/index.js +5 -5
  7. package/dist/components/Menu/Menu.cjs +10 -1
  8. package/dist/components/Menu/Menu.cjs.map +1 -1
  9. package/dist/components/Menu/Menu.d.ts +4 -0
  10. package/dist/components/Menu/Menu.d.ts.map +1 -1
  11. package/dist/components/Menu/Menu.js +10 -1
  12. package/dist/components/Menu/Menu.js.map +1 -1
  13. package/dist/components/ReleaseAnnouncement/ReleaseAnnouncementContext.d.ts.map +1 -1
  14. package/dist/components/ReleaseAnnouncement/useReleaseAnnouncement.d.ts.map +1 -1
  15. package/dist/components/ReleaseAnnouncement/useReleaseAnnouncement.js +1 -1
  16. package/dist/components/Tooltip/TooltipContext.d.ts.map +1 -1
  17. package/dist/components/Tooltip/useTooltip.d.ts.map +1 -1
  18. package/dist/components/Tooltip/useTooltip.js +1 -1
  19. package/dist/index.cjs +59 -59
  20. package/dist/index.js +22 -22
  21. package/dist/style.css +278 -278
  22. package/package.json +4 -4
  23. package/src/components/Form/Controls/EditInPlace/EditInPlace.tsx +1 -1
  24. package/src/components/Menu/Menu.tsx +11 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vector-im/compound-web",
3
- "version": "8.3.6",
3
+ "version": "8.4.0",
4
4
  "description": "Compound components for the Web",
5
5
  "type": "module",
6
6
  "main": "./dist/index.cjs",
@@ -56,7 +56,7 @@
56
56
  "@fontsource/inter": "^5.0.8",
57
57
  "@playwright/test": "^1.41.1",
58
58
  "@storybook/addon-a11y": "^10.0.0",
59
- "@storybook/addon-designs": "11.1.1",
59
+ "@storybook/addon-designs": "11.1.2",
60
60
  "@storybook/addon-docs": "^10.0.0",
61
61
  "@storybook/addon-links": "^10.0.0",
62
62
  "@storybook/addon-themes": "^10.0.0",
@@ -82,8 +82,8 @@
82
82
  "eslint-plugin-prettier": "^5.0.0",
83
83
  "eslint-plugin-react": "^7.33.2",
84
84
  "eslint-plugin-storybook": "^10.0.0",
85
- "jsdom": "^27.0.0",
86
- "prettier": "3.8.0",
85
+ "jsdom": "^28.0.0",
86
+ "prettier": "3.8.1",
87
87
  "react": "^19.1.0",
88
88
  "react-dom": "^19.1.0",
89
89
  "resize-observer-polyfill": "^1.5.1",
package/src/components/Form/Controls/EditInPlace/EditInPlace.tsx CHANGED
@@ -236,7 +236,7 @@ export const EditInPlace = forwardRef<HTMLInputElement, Props>(
236
236
  );
237
237
 
238
238
  const onInputHandler = useCallback(
239
- (e: React.ChangeEvent<HTMLInputElement>) => {
239
+ (e: React.InputEvent<HTMLInputElement>) => {
240
240
  dispatch(Event.Touch);
241
241
  onInput?.(e);
242
242
  },
package/src/components/Menu/Menu.tsx CHANGED
@@ -26,6 +26,11 @@ import { DrawerMenu } from "./DrawerMenu";
26
26
  import { getPlatform } from "../../utils/platform";
27
27
 
28
28
  interface Props {
29
+ /**
30
+ * CSS classes for the menu.
31
+ */
32
+ className?: string;
33
+
29
34
  /**
30
35
  * The menu title. This can be hidden with `showTitle={false}` in which case it will only
31
36
  * be a label for screen readers.
@@ -83,6 +88,7 @@ const DropdownMenuItemWrapper: FC<MenuItemWrapperProps> = ({
83
88
  * A menu opened by pressing a button.
84
89
  */
85
90
  export const Menu: FC<Props> = ({
91
+ className,
86
92
  title,
87
93
  showTitle = true,
88
94
  open,
@@ -122,7 +128,11 @@ export const Menu: FC<Props> = ({
122
128
  <Trigger asChild>{trigger}</Trigger>
123
129
  <Portal>
124
130
  <Content asChild side={side} align={align} sideOffset={8}>
125
- <FloatingMenu title={title} showTitle={showTitle}>
131
+ <FloatingMenu
132
+ className={className}
133
+ title={title}
134
+ showTitle={showTitle}
135
+ >
126
136
  {children}
127
137
  </FloatingMenu>
128
138
  </Content>