@mirohq/design-system-dropdown-menu 4.4.27 → 4.4.28

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 (6) hide show
  1. package/dist/main.js +191 -62
  2. package/dist/main.js.map +1 -1
  3. package/dist/module.js +192 -63
  4. package/dist/module.js.map +1 -1
  5. package/dist/types.d.ts +45 -15
  6. package/package.json +8 -7
package/dist/types.d.ts CHANGED
@@ -10,14 +10,16 @@ import { ExtractValidKeys } from '@mirohq/design-system-types';
10
10
  import * as _mirohq_design_system_primitive from '@mirohq/design-system-primitive';
11
11
  import * as _mirohq_design_system_components_primitive from '@mirohq/design-system-components/primitive';
12
12
 
13
- declare const StyledCheckboxItem: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_design_system_stitches.StyledComponentProps<react.ForwardRefExoticComponent<RadixDropdownMenu.DropdownMenuCheckboxItemProps & react.RefAttributes<HTMLDivElement>>>, "variant"> & _stitches_react_types_styled_component.TransformProps<{
13
+ declare const StyledCheckboxItem: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_design_system_stitches.StyledComponentProps<react.ForwardRefExoticComponent<RadixDropdownMenu.DropdownMenuCheckboxItemProps & react.RefAttributes<HTMLDivElement>>>, "v1" | "variant"> & _stitches_react_types_styled_component.TransformProps<{
14
14
  variant?: "solid-prominent" | "ghost" | undefined;
15
+ v1?: boolean | "true" | "false" | undefined;
15
16
  }, {}> & _mirohq_design_system_stitches.CustomStylesProps, "ref"> & react.RefAttributes<HTMLDivElement>> & _mirohq_design_system_stitches.StitchesInternals<react.ForwardRefExoticComponent<RadixDropdownMenu.DropdownMenuCheckboxItemProps & react.RefAttributes<HTMLDivElement>>, {
16
17
  variant?: "solid-prominent" | "ghost" | undefined;
18
+ v1?: boolean | "true" | "false" | undefined;
17
19
  }, {}>;
18
20
  type StyledCheckboxItemProps = StrictComponentProps<typeof StyledCheckboxItem>;
19
21
 
20
- interface CheckboxItemProps extends Omit<StyledCheckboxItemProps, 'onChange'> {
22
+ interface CheckboxItemProps extends Omit<StyledCheckboxItemProps, 'onChange' | 'v1'> {
21
23
  /**
22
24
  * The checked state of the item.
23
25
  */
@@ -60,7 +62,11 @@ declare const StyledItemsContainer: react.ForwardRefExoticComponent<Omit<Omit<_m
60
62
  containerSpacing?: "small" | "medium" | "large" | undefined;
61
63
  }, {}>;
62
64
  type StyledItemsContainerProps = StrictComponentProps<typeof StyledItemsContainer>;
63
- declare const StyledContent: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_design_system_stitches.StyledComponentProps<react.ForwardRefExoticComponent<RadixDropdownMenu.DropdownMenuContentProps & react.RefAttributes<HTMLDivElement>>>, never> & _stitches_react_types_styled_component.TransformProps<{}, {}> & _mirohq_design_system_stitches.CustomStylesProps, "ref"> & react.RefAttributes<HTMLDivElement>> & _mirohq_design_system_stitches.StitchesInternals<react.ForwardRefExoticComponent<RadixDropdownMenu.DropdownMenuContentProps & react.RefAttributes<HTMLDivElement>>, {}, {}>;
65
+ declare const StyledContent: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_design_system_stitches.StyledComponentProps<react.ForwardRefExoticComponent<RadixDropdownMenu.DropdownMenuContentProps & react.RefAttributes<HTMLDivElement>>>, "v1"> & _stitches_react_types_styled_component.TransformProps<{
66
+ v1?: boolean | "true" | "false" | undefined;
67
+ }, {}> & _mirohq_design_system_stitches.CustomStylesProps, "ref"> & react.RefAttributes<HTMLDivElement>> & _mirohq_design_system_stitches.StitchesInternals<react.ForwardRefExoticComponent<RadixDropdownMenu.DropdownMenuContentProps & react.RefAttributes<HTMLDivElement>>, {
68
+ v1?: boolean | "true" | "false" | undefined;
69
+ }, {}>;
64
70
  type StyledContentProps = StrictComponentProps<typeof StyledContent>;
65
71
 
66
72
  type PointerDownOutsideEvent = CustomEvent<{
@@ -97,7 +103,7 @@ declare namespace types {
97
103
  };
98
104
  }
99
105
 
100
- interface ContentProps extends StyledContentProps {
106
+ interface ContentProps extends Omit<StyledContentProps, 'v1'> {
101
107
  /**
102
108
  * Whether keyboard navigation should loop around.
103
109
  * @default false
@@ -211,16 +217,18 @@ interface ContentProps extends StyledContentProps {
211
217
  }
212
218
  declare const Content: react__default.ForwardRefExoticComponent<Omit<ContentProps, "ref"> & react__default.RefAttributes<HTMLDivElement>>;
213
219
 
214
- declare const StyledItem: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_design_system_stitches.StyledComponentProps<react.ForwardRefExoticComponent<RadixDropdownMenu.DropdownMenuItemProps & react.RefAttributes<HTMLDivElement>>>, "variant" | "hasRightSlot"> & _stitches_react_types_styled_component.TransformProps<{
220
+ declare const StyledItem: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_design_system_stitches.StyledComponentProps<react.ForwardRefExoticComponent<RadixDropdownMenu.DropdownMenuItemProps & react.RefAttributes<HTMLDivElement>>>, "v1" | "variant" | "hasRightSlot"> & _stitches_react_types_styled_component.TransformProps<{
215
221
  hasRightSlot?: boolean | "true" | undefined;
216
222
  variant?: "subtle" | "danger" | undefined;
223
+ v1?: boolean | "true" | "false" | undefined;
217
224
  }, {}> & _mirohq_design_system_stitches.CustomStylesProps, "ref"> & react.RefAttributes<HTMLDivElement>> & _mirohq_design_system_stitches.StitchesInternals<react.ForwardRefExoticComponent<RadixDropdownMenu.DropdownMenuItemProps & react.RefAttributes<HTMLDivElement>>, {
218
225
  hasRightSlot?: boolean | "true" | undefined;
219
226
  variant?: "subtle" | "danger" | undefined;
227
+ v1?: boolean | "true" | "false" | undefined;
220
228
  }, {}>;
221
229
  type StyledItemProps = StrictComponentProps<typeof StyledItem>;
222
230
 
223
- interface ItemProps extends StyledItemProps {
231
+ interface ItemProps extends Omit<StyledItemProps, 'v1'> {
224
232
  /**
225
233
  * When true, prevents the user from interacting with the item.
226
234
  * @default false
@@ -266,10 +274,14 @@ interface RadioGroupProps extends Omit<StyledRadioGroupProps, 'onChange'> {
266
274
  }
267
275
  declare const RadioGroup: react__default.ForwardRefExoticComponent<Omit<RadioGroupProps, "ref"> & react__default.RefAttributes<HTMLDivElement>>;
268
276
 
269
- declare const StyledRadioItem: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_design_system_stitches.StyledComponentProps<react.ForwardRefExoticComponent<RadixDropdownMenu.DropdownMenuRadioItemProps & react.RefAttributes<HTMLDivElement>>>, never> & _stitches_react_types_styled_component.TransformProps<{}, {}> & _mirohq_design_system_stitches.CustomStylesProps, "ref"> & react.RefAttributes<HTMLDivElement>> & _mirohq_design_system_stitches.StitchesInternals<react.ForwardRefExoticComponent<RadixDropdownMenu.DropdownMenuRadioItemProps & react.RefAttributes<HTMLDivElement>>, {}, {}>;
277
+ declare const StyledRadioItem: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_design_system_stitches.StyledComponentProps<react.ForwardRefExoticComponent<RadixDropdownMenu.DropdownMenuRadioItemProps & react.RefAttributes<HTMLDivElement>>>, "v1"> & _stitches_react_types_styled_component.TransformProps<{
278
+ v1?: boolean | "true" | "false" | undefined;
279
+ }, {}> & _mirohq_design_system_stitches.CustomStylesProps, "ref"> & react.RefAttributes<HTMLDivElement>> & _mirohq_design_system_stitches.StitchesInternals<react.ForwardRefExoticComponent<RadixDropdownMenu.DropdownMenuRadioItemProps & react.RefAttributes<HTMLDivElement>>, {
280
+ v1?: boolean | "true" | "false" | undefined;
281
+ }, {}>;
270
282
  type StyledRadioItemProps = StrictComponentProps<typeof StyledRadioItem>;
271
283
 
272
- interface RadioItemProps extends StyledRadioItemProps {
284
+ interface RadioItemProps extends Omit<StyledRadioItemProps, 'v1'> {
273
285
  /**
274
286
  * The unique value of the item.
275
287
  */
@@ -305,10 +317,14 @@ interface SeparatorProps extends StyledSeparatorProps {
305
317
  }
306
318
  declare const Separator: react__default.ForwardRefExoticComponent<Omit<SeparatorProps, "ref"> & react__default.RefAttributes<HTMLDivElement>>;
307
319
 
308
- declare const StyledSwitchItem: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_design_system_stitches.StyledComponentProps<react.ForwardRefExoticComponent<RadixDropdownMenu.DropdownMenuCheckboxItemProps & react.RefAttributes<HTMLDivElement>>>, never> & _stitches_react_types_styled_component.TransformProps<{}, {}> & _mirohq_design_system_stitches.CustomStylesProps, "ref"> & react.RefAttributes<HTMLDivElement>> & _mirohq_design_system_stitches.StitchesInternals<react.ForwardRefExoticComponent<RadixDropdownMenu.DropdownMenuCheckboxItemProps & react.RefAttributes<HTMLDivElement>>, {}, {}>;
320
+ declare const StyledSwitchItem: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_design_system_stitches.StyledComponentProps<react.ForwardRefExoticComponent<RadixDropdownMenu.DropdownMenuCheckboxItemProps & react.RefAttributes<HTMLDivElement>>>, "v1"> & _stitches_react_types_styled_component.TransformProps<{
321
+ v1?: boolean | "true" | "false" | undefined;
322
+ }, {}> & _mirohq_design_system_stitches.CustomStylesProps, "ref"> & react.RefAttributes<HTMLDivElement>> & _mirohq_design_system_stitches.StitchesInternals<react.ForwardRefExoticComponent<RadixDropdownMenu.DropdownMenuCheckboxItemProps & react.RefAttributes<HTMLDivElement>>, {
323
+ v1?: boolean | "true" | "false" | undefined;
324
+ }, {}>;
309
325
  type StyledSwitchItemProps = StrictComponentProps<typeof StyledSwitchItem>;
310
326
 
311
- interface SwitchItemProps extends Omit<StyledSwitchItemProps, 'onChange'> {
327
+ interface SwitchItemProps extends Omit<StyledSwitchItemProps, 'onChange' | 'v1'> {
312
328
  /**
313
329
  * The checked state of the item.
314
330
  */
@@ -351,10 +367,14 @@ interface TriggerProps extends StyledTriggerProps {
351
367
  }
352
368
  declare const Trigger: react__default.ForwardRefExoticComponent<Omit<TriggerProps, "ref"> & react__default.RefAttributes<HTMLButtonElement>>;
353
369
 
354
- declare const StyledSubTrigger: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_design_system_stitches.StyledComponentProps<react.ForwardRefExoticComponent<RadixDropdownMenu.DropdownMenuSubTriggerProps & react.RefAttributes<HTMLDivElement>>>, never> & _stitches_react_types_styled_component.TransformProps<{}, {}> & _mirohq_design_system_stitches.CustomStylesProps, "ref"> & react.RefAttributes<HTMLDivElement>> & _mirohq_design_system_stitches.StitchesInternals<react.ForwardRefExoticComponent<RadixDropdownMenu.DropdownMenuSubTriggerProps & react.RefAttributes<HTMLDivElement>>, {}, {}>;
370
+ declare const StyledSubTrigger: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_design_system_stitches.StyledComponentProps<react.ForwardRefExoticComponent<RadixDropdownMenu.DropdownMenuSubTriggerProps & react.RefAttributes<HTMLDivElement>>>, "v1"> & _stitches_react_types_styled_component.TransformProps<{
371
+ v1?: boolean | "true" | "false" | undefined;
372
+ }, {}> & _mirohq_design_system_stitches.CustomStylesProps, "ref"> & react.RefAttributes<HTMLDivElement>> & _mirohq_design_system_stitches.StitchesInternals<react.ForwardRefExoticComponent<RadixDropdownMenu.DropdownMenuSubTriggerProps & react.RefAttributes<HTMLDivElement>>, {
373
+ v1?: boolean | "true" | "false" | undefined;
374
+ }, {}>;
355
375
  type StyledSubTriggerProps = StrictComponentProps<typeof StyledSubTrigger>;
356
376
 
357
- interface SubTriggerProps extends StyledSubTriggerProps {
377
+ interface SubTriggerProps extends Omit<StyledSubTriggerProps, 'v1'> {
358
378
  /**
359
379
  * Prevents the user from interacting with the switch.
360
380
  * @default false
@@ -369,10 +389,14 @@ interface SubTriggerProps extends StyledSubTriggerProps {
369
389
  }
370
390
  declare const SubTrigger: react__default.ForwardRefExoticComponent<Omit<StyledSubTriggerProps, "ref"> & react__default.RefAttributes<HTMLDivElement>>;
371
391
 
372
- declare const StyledSubContent: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_design_system_stitches.StyledComponentProps<react.ForwardRefExoticComponent<RadixDropdownMenu.DropdownMenuSubContentProps & react.RefAttributes<HTMLDivElement>>>, never> & _stitches_react_types_styled_component.TransformProps<{}, {}> & _mirohq_design_system_stitches.CustomStylesProps, "ref"> & react.RefAttributes<HTMLDivElement>> & _mirohq_design_system_stitches.StitchesInternals<react.ForwardRefExoticComponent<RadixDropdownMenu.DropdownMenuSubContentProps & react.RefAttributes<HTMLDivElement>>, {}, {}>;
392
+ declare const StyledSubContent: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_design_system_stitches.StyledComponentProps<react.ForwardRefExoticComponent<RadixDropdownMenu.DropdownMenuSubContentProps & react.RefAttributes<HTMLDivElement>>>, "v1"> & _stitches_react_types_styled_component.TransformProps<{
393
+ v1?: boolean | "true" | "false" | undefined;
394
+ }, {}> & _mirohq_design_system_stitches.CustomStylesProps, "ref"> & react.RefAttributes<HTMLDivElement>> & _mirohq_design_system_stitches.StitchesInternals<react.ForwardRefExoticComponent<RadixDropdownMenu.DropdownMenuSubContentProps & react.RefAttributes<HTMLDivElement>>, {
395
+ v1?: boolean | "true" | "false" | undefined;
396
+ }, {}>;
373
397
  type StyledSubContentProps = StrictComponentProps<typeof StyledSubContent>;
374
398
 
375
- interface SubContentProps extends StyledSubContentProps {
399
+ interface SubContentProps extends Omit<StyledSubContentProps, 'v1'> {
376
400
  /**
377
401
  * Whether keyboard navigation should loop around
378
402
  * @default false
@@ -506,7 +530,13 @@ interface PortalProps extends DropdownMenuPortalProps {
506
530
  }
507
531
  declare const Portal: (props: PortalProps) => react__default.ReactNode;
508
532
 
509
- declare const ItemDescription: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_design_system_stitches.StyledComponentProps<react.ForwardRefExoticComponent<_mirohq_design_system_primitive.PrimitiveProps<"div">>>, never> & _stitches_react_types_styled_component.TransformProps<{}, {}> & _mirohq_design_system_stitches.CustomStylesProps, "ref"> & react.RefAttributes<HTMLDivElement>> & _mirohq_design_system_stitches.StitchesInternals<react.ForwardRefExoticComponent<_mirohq_design_system_primitive.PrimitiveProps<"div">>, {}, {}>;
533
+ declare const StyledItemDescription: react__default.ForwardRefExoticComponent<Omit<Omit<_mirohq_design_system_stitches.StyledComponentProps<react__default.ForwardRefExoticComponent<_mirohq_design_system_primitive.PrimitiveProps<"div">>>, "v1"> & _stitches_react_types_styled_component.TransformProps<{
534
+ v1?: boolean | "true" | "false" | undefined;
535
+ }, {}> & _mirohq_design_system_stitches.CustomStylesProps, "ref"> & react__default.RefAttributes<HTMLDivElement>> & _mirohq_design_system_stitches.StitchesInternals<react__default.ForwardRefExoticComponent<_mirohq_design_system_primitive.PrimitiveProps<"div">>, {
536
+ v1?: boolean | "true" | "false" | undefined;
537
+ }, {}>;
538
+ type StyledItemDescriptionProps = StrictComponentProps<typeof StyledItemDescription>;
539
+ declare const ItemDescription: react__default.ForwardRefExoticComponent<Omit<StyledItemDescriptionProps, "ref"> & react__default.RefAttributes<HTMLDivElement>>;
510
540
 
511
541
  declare const StyledIconSlot: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_design_system_stitches.StyledComponentProps<react.ForwardRefExoticComponent<Omit<Omit<_mirohq_design_system_stitches.StyledComponentProps<react.ForwardRefExoticComponent<_mirohq_design_system_components_primitive.PrimitiveProps<"div">>>, never> & _stitches_react_types_styled_component.TransformProps<{}, {}> & _mirohq_design_system_stitches.CustomStylesProps, "ref"> & react.RefAttributes<HTMLDivElement>> & _mirohq_design_system_stitches.StitchesInternals<react.ForwardRefExoticComponent<_mirohq_design_system_components_primitive.PrimitiveProps<"div">>, {}, {}>>, never> & _stitches_react_types_styled_component.TransformProps<{}, {}> & _mirohq_design_system_stitches.CustomStylesProps, "ref"> & react.RefAttributes<HTMLDivElement>> & _mirohq_design_system_stitches.StitchesInternals<react.ForwardRefExoticComponent<Omit<Omit<_mirohq_design_system_stitches.StyledComponentProps<react.ForwardRefExoticComponent<_mirohq_design_system_components_primitive.PrimitiveProps<"div">>>, never> & _stitches_react_types_styled_component.TransformProps<{}, {}> & _mirohq_design_system_stitches.CustomStylesProps, "ref"> & react.RefAttributes<HTMLDivElement>> & _mirohq_design_system_stitches.StitchesInternals<react.ForwardRefExoticComponent<_mirohq_design_system_components_primitive.PrimitiveProps<"div">>, {}, {}>, {}, {}>;
512
542
  type StyledIconSlotProps = ComponentPropsWithRef<typeof StyledIconSlot>;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mirohq/design-system-dropdown-menu",
3
- "version": "4.4.27",
3
+ "version": "4.4.28",
4
4
  "description": "",
5
5
  "author": "Miro",
6
6
  "source": "src/index.ts",
@@ -30,19 +30,20 @@
30
30
  "@radix-ui/react-dropdown-menu": "^2.0.5",
31
31
  "@react-aria/utils": "^3.13.0",
32
32
  "@mirohq/design-system-base-hotkey": "^0.2.11",
33
- "@mirohq/design-system-base-switch": "^0.1.55",
33
+ "@mirohq/design-system-base-icon": "^0.1.33",
34
34
  "@mirohq/design-system-base-tooltip": "^0.1.1",
35
+ "@mirohq/design-system-base-switch": "^0.1.55",
35
36
  "@mirohq/design-system-primitive": "^1.1.2",
37
+ "@mirohq/design-system-experiments": "^0.2.0",
38
+ "@mirohq/design-system-scroll-area": "^0.4.22",
36
39
  "@mirohq/design-system-icons": "^0.65.4",
37
- "@mirohq/design-system-stitches": "^2.6.34",
38
40
  "@mirohq/design-system-styles": "^1.2.34",
39
- "@mirohq/design-system-scroll-area": "^0.4.22",
40
41
  "@mirohq/design-system-types": "^0.10.0",
41
- "@mirohq/design-system-base-icon": "^0.1.33",
42
42
  "@mirohq/design-system-use-aria-disabled": "^0.3.1",
43
+ "@mirohq/design-system-use-layout-effect": "^0.2.1",
43
44
  "@mirohq/design-system-use-previous": "^0.1.0",
44
- "@mirohq/design-system-utils": "^0.15.6",
45
- "@mirohq/design-system-use-layout-effect": "^0.2.1"
45
+ "@mirohq/design-system-stitches": "^2.6.34",
46
+ "@mirohq/design-system-utils": "^0.15.6"
46
47
  },
47
48
  "scripts": {
48
49
  "build": "rollup -c ../../../rollup.config.js",