@mirohq/design-system-icon-button 3.2.7 → 3.2.8

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 (2) hide show
  1. package/dist/types.d.ts +36 -20
  2. package/package.json +4 -4
package/dist/types.d.ts CHANGED
@@ -7,30 +7,42 @@ import * as react from 'react';
7
7
  import react__default, { ComponentPropsWithRef } from 'react';
8
8
  import { BaseButtonProps } from '@mirohq/design-system-base-button';
9
9
 
10
- declare const StyledIconButton: react.ForwardRefExoticComponent<(Omit<Omit<Omit<Omit<Omit<Omit<_mirohq_design_system_stitches.StyledComponentProps<react.ForwardRefExoticComponent<_mirohq_design_system_components_primitive.PrimitiveProps<"button">>>, never> & _stitches_react_types_styled_component.TransformProps<{}, {}> & _mirohq_design_system_stitches.CustomStylesProps, "ref"> & react.RefAttributes<HTMLButtonElement> & _mirohq_design_system_hooks_use_press.PressProps & packages_components_internal_base_button_src_base_button.HoverEvents, "ref"> & react.RefAttributes<HTMLButtonElement | HTMLAnchorElement>, _mirohq_design_system_stitches.ForbiddenProps> & {
11
- children?: react.ReactNode;
10
+ declare const StyledIconButton: react.ForwardRefExoticComponent<(Omit<Omit<Omit<Omit<Omit<Omit<Omit<Omit<_mirohq_design_system_stitches.StyledComponentProps<react.ForwardRefExoticComponent<_mirohq_design_system_components_primitive.PrimitiveProps<"button">>>, never> & _stitches_react_types_styled_component.TransformProps<{}, {}> & _mirohq_design_system_stitches.CustomStylesProps, "ref"> & react.RefAttributes<HTMLButtonElement>, "ref"> & {
11
+ ref?: ((instance: HTMLButtonElement | null) => void | react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | react.RefObject<HTMLButtonElement> | null | undefined;
12
+ } & _mirohq_design_system_hooks_use_press.PressProps & packages_components_internal_base_button_src_base_button.HoverEvents, "ref"> & react.RefAttributes<HTMLButtonElement | HTMLAnchorElement>, "ref"> & {
13
+ ref?: ((instance: HTMLButtonElement | HTMLAnchorElement | null) => void | react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | react.RefObject<HTMLButtonElement | HTMLAnchorElement> | null | undefined;
14
+ }, _mirohq_design_system_stitches.ForbiddenProps> & {
15
+ children?: react.ReactNode | undefined;
12
16
  }, "size" | "v1" | "variant"> & _stitches_react_types_styled_component.TransformProps<{
13
17
  v1?: boolean | "true" | "false" | undefined;
14
18
  variant?: "outline" | "primary" | "secondary" | "ghost" | "danger" | undefined;
15
19
  size?: "medium" | "large" | "x-large" | undefined;
16
- }, {}> & _mirohq_design_system_stitches.CustomStylesProps, "ref"> | Omit<Omit<Omit<Omit<Omit<Omit<_mirohq_design_system_stitches.StyledComponentProps<react.ForwardRefExoticComponent<_mirohq_design_system_components_primitive.PrimitiveProps<"button">>>, never> & _stitches_react_types_styled_component.TransformProps<{}, {}> & _mirohq_design_system_stitches.CustomStylesProps, "ref"> & react.RefAttributes<HTMLButtonElement> & _mirohq_design_system_hooks_use_press.PressProps & packages_components_internal_base_button_src_base_button.HoverEvents & react.AnchorHTMLAttributes<"a"> & {
20
+ }, {}> & _mirohq_design_system_stitches.CustomStylesProps, "ref"> | Omit<Omit<Omit<Omit<Omit<Omit<Omit<Omit<_mirohq_design_system_stitches.StyledComponentProps<react.ForwardRefExoticComponent<_mirohq_design_system_components_primitive.PrimitiveProps<"button">>>, never> & _stitches_react_types_styled_component.TransformProps<{}, {}> & _mirohq_design_system_stitches.CustomStylesProps, "ref"> & react.RefAttributes<HTMLButtonElement>, "ref"> & {
21
+ ref?: ((instance: HTMLButtonElement | null) => void | react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | react.RefObject<HTMLButtonElement> | null | undefined;
22
+ } & _mirohq_design_system_hooks_use_press.PressProps & packages_components_internal_base_button_src_base_button.HoverEvents & react.AnchorHTMLAttributes<"a"> & {
17
23
  href: string;
18
- }, "ref"> & react.RefAttributes<HTMLButtonElement | HTMLAnchorElement>, _mirohq_design_system_stitches.ForbiddenProps> & {
19
- children?: react.ReactNode;
24
+ }, "ref"> & react.RefAttributes<HTMLButtonElement | HTMLAnchorElement>, "ref"> & {
25
+ ref?: ((instance: HTMLButtonElement | HTMLAnchorElement | null) => void | react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | react.RefObject<HTMLButtonElement | HTMLAnchorElement> | null | undefined;
26
+ }, _mirohq_design_system_stitches.ForbiddenProps> & {
27
+ children?: react.ReactNode | undefined;
20
28
  }, "size" | "v1" | "variant"> & _stitches_react_types_styled_component.TransformProps<{
21
29
  v1?: boolean | "true" | "false" | undefined;
22
30
  variant?: "outline" | "primary" | "secondary" | "ghost" | "danger" | undefined;
23
31
  size?: "medium" | "large" | "x-large" | undefined;
24
- }, {}> & _mirohq_design_system_stitches.CustomStylesProps, "ref">) & react.RefAttributes<HTMLButtonElement | HTMLAnchorElement>> & _mirohq_design_system_stitches.StitchesInternals<react.ForwardRefExoticComponent<(Omit<Omit<Omit<_mirohq_design_system_stitches.StyledComponentProps<react.ForwardRefExoticComponent<_mirohq_design_system_components_primitive.PrimitiveProps<"button">>>, never> & _stitches_react_types_styled_component.TransformProps<{}, {}> & _mirohq_design_system_stitches.CustomStylesProps, "ref"> & react.RefAttributes<HTMLButtonElement> & _mirohq_design_system_hooks_use_press.PressProps & packages_components_internal_base_button_src_base_button.HoverEvents, "ref"> | Omit<Omit<Omit<_mirohq_design_system_stitches.StyledComponentProps<react.ForwardRefExoticComponent<_mirohq_design_system_components_primitive.PrimitiveProps<"button">>>, never> & _stitches_react_types_styled_component.TransformProps<{}, {}> & _mirohq_design_system_stitches.CustomStylesProps, "ref"> & react.RefAttributes<HTMLButtonElement> & _mirohq_design_system_hooks_use_press.PressProps & packages_components_internal_base_button_src_base_button.HoverEvents & react.AnchorHTMLAttributes<"a"> & {
32
+ }, {}> & _mirohq_design_system_stitches.CustomStylesProps, "ref">) & react.RefAttributes<HTMLButtonElement | HTMLAnchorElement>> & _mirohq_design_system_stitches.StitchesInternals<react.ForwardRefExoticComponent<(Omit<Omit<Omit<Omit<_mirohq_design_system_stitches.StyledComponentProps<react.ForwardRefExoticComponent<_mirohq_design_system_components_primitive.PrimitiveProps<"button">>>, never> & _stitches_react_types_styled_component.TransformProps<{}, {}> & _mirohq_design_system_stitches.CustomStylesProps, "ref"> & react.RefAttributes<HTMLButtonElement>, "ref"> & {
33
+ ref?: ((instance: HTMLButtonElement | null) => void | react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | react.RefObject<HTMLButtonElement> | null | undefined;
34
+ } & _mirohq_design_system_hooks_use_press.PressProps & packages_components_internal_base_button_src_base_button.HoverEvents, "ref"> | Omit<Omit<Omit<Omit<_mirohq_design_system_stitches.StyledComponentProps<react.ForwardRefExoticComponent<_mirohq_design_system_components_primitive.PrimitiveProps<"button">>>, never> & _stitches_react_types_styled_component.TransformProps<{}, {}> & _mirohq_design_system_stitches.CustomStylesProps, "ref"> & react.RefAttributes<HTMLButtonElement>, "ref"> & {
35
+ ref?: ((instance: HTMLButtonElement | null) => void | react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | react.RefObject<HTMLButtonElement> | null | undefined;
36
+ } & _mirohq_design_system_hooks_use_press.PressProps & packages_components_internal_base_button_src_base_button.HoverEvents & react.AnchorHTMLAttributes<"a"> & {
25
37
  href: string;
26
38
  }, "ref">) & react.RefAttributes<HTMLButtonElement | HTMLAnchorElement>>, {
27
39
  v1?: boolean | "true" | "false" | undefined;
28
40
  variant?: "outline" | "primary" | "secondary" | "ghost" | "danger" | undefined;
29
41
  size?: "medium" | "large" | "x-large" | undefined;
30
42
  }, {}>;
31
- declare type StyledIconButtonProps = ComponentPropsWithRef<typeof StyledIconButton>;
43
+ type StyledIconButtonProps = ComponentPropsWithRef<typeof StyledIconButton>;
32
44
 
33
- declare type IconButtonProps = {
45
+ type IconButtonProps = {
34
46
  /**
35
47
  * Icon button label used to provide a description.
36
48
  */
@@ -68,26 +80,28 @@ declare const IconButton: react__default.ForwardRefExoticComponent<(Omit<{
68
80
  * Change the Icon button style
69
81
  * @default 'ghost'
70
82
  */
71
- variant?: StyledIconButtonProps['variant'];
83
+ variant?: StyledIconButtonProps["variant"];
72
84
  /**
73
85
  * Change the Icon button size.
74
86
  * @default 'large'
75
87
  */
76
- size?: StyledIconButtonProps['size'];
88
+ size?: StyledIconButtonProps["size"];
77
89
  /**
78
90
  * Wraps the Icon button with a badge.
79
91
  * @default false
80
92
  */
81
- showBadge?: boolean | undefined;
93
+ showBadge?: boolean;
82
94
  /**
83
95
  * The content to be displayed inside of the badge.
84
96
  */
85
- badgeContent?: string | undefined;
97
+ badgeContent?: string;
86
98
  /**
87
99
  * Badge label used to make Badge recognizable by the screen readers.
88
100
  */
89
- badgeAriaLabel?: string | undefined;
90
- } & Omit<Omit<_mirohq_design_system_stitches.StyledComponentProps<react__default.ForwardRefExoticComponent<_mirohq_design_system_components_primitive.PrimitiveProps<"button">>>, never> & _stitches_react_types_styled_component.TransformProps<{}, {}> & _mirohq_design_system_stitches.CustomStylesProps, "ref"> & react__default.RefAttributes<HTMLButtonElement> & _mirohq_design_system_hooks_use_press.PressProps & packages_components_internal_base_button_src_base_button.HoverEvents, "ref"> | Omit<{
101
+ badgeAriaLabel?: string;
102
+ } & Omit<Omit<Omit<_mirohq_design_system_stitches.StyledComponentProps<react__default.ForwardRefExoticComponent<_mirohq_design_system_components_primitive.PrimitiveProps<"button">>>, never> & _stitches_react_types_styled_component.TransformProps<{}, {}> & _mirohq_design_system_stitches.CustomStylesProps, "ref"> & react__default.RefAttributes<HTMLButtonElement>, "ref"> & {
103
+ ref?: ((instance: HTMLButtonElement | null) => void | react__default.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof react__default.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | react__default.RefObject<HTMLButtonElement> | null | undefined;
104
+ } & _mirohq_design_system_hooks_use_press.PressProps & packages_components_internal_base_button_src_base_button.HoverEvents, "ref"> | Omit<{
91
105
  /**
92
106
  * Icon button label used to provide a description.
93
107
  */
@@ -96,26 +110,28 @@ declare const IconButton: react__default.ForwardRefExoticComponent<(Omit<{
96
110
  * Change the Icon button style
97
111
  * @default 'ghost'
98
112
  */
99
- variant?: StyledIconButtonProps['variant'];
113
+ variant?: StyledIconButtonProps["variant"];
100
114
  /**
101
115
  * Change the Icon button size.
102
116
  * @default 'large'
103
117
  */
104
- size?: StyledIconButtonProps['size'];
118
+ size?: StyledIconButtonProps["size"];
105
119
  /**
106
120
  * Wraps the Icon button with a badge.
107
121
  * @default false
108
122
  */
109
- showBadge?: boolean | undefined;
123
+ showBadge?: boolean;
110
124
  /**
111
125
  * The content to be displayed inside of the badge.
112
126
  */
113
- badgeContent?: string | undefined;
127
+ badgeContent?: string;
114
128
  /**
115
129
  * Badge label used to make Badge recognizable by the screen readers.
116
130
  */
117
- badgeAriaLabel?: string | undefined;
118
- } & Omit<Omit<_mirohq_design_system_stitches.StyledComponentProps<react__default.ForwardRefExoticComponent<_mirohq_design_system_components_primitive.PrimitiveProps<"button">>>, never> & _stitches_react_types_styled_component.TransformProps<{}, {}> & _mirohq_design_system_stitches.CustomStylesProps, "ref"> & react__default.RefAttributes<HTMLButtonElement> & _mirohq_design_system_hooks_use_press.PressProps & packages_components_internal_base_button_src_base_button.HoverEvents & react__default.AnchorHTMLAttributes<"a"> & {
131
+ badgeAriaLabel?: string;
132
+ } & Omit<Omit<Omit<_mirohq_design_system_stitches.StyledComponentProps<react__default.ForwardRefExoticComponent<_mirohq_design_system_components_primitive.PrimitiveProps<"button">>>, never> & _stitches_react_types_styled_component.TransformProps<{}, {}> & _mirohq_design_system_stitches.CustomStylesProps, "ref"> & react__default.RefAttributes<HTMLButtonElement>, "ref"> & {
133
+ ref?: ((instance: HTMLButtonElement | null) => void | react__default.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof react__default.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | react__default.RefObject<HTMLButtonElement> | null | undefined;
134
+ } & _mirohq_design_system_hooks_use_press.PressProps & packages_components_internal_base_button_src_base_button.HoverEvents & react__default.AnchorHTMLAttributes<"a"> & {
119
135
  href: string;
120
136
  }, "ref">) & react__default.RefAttributes<HTMLButtonElement | HTMLAnchorElement>>;
121
137
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mirohq/design-system-icon-button",
3
- "version": "3.2.7",
3
+ "version": "3.2.8",
4
4
  "description": "",
5
5
  "author": "Miro",
6
6
  "source": "src/index.ts",
@@ -26,12 +26,12 @@
26
26
  "react": "^16.14 || ^17 || ^18"
27
27
  },
28
28
  "dependencies": {
29
- "@mirohq/design-system-badge": "^0.4.8",
30
- "@mirohq/design-system-base-button": "^0.4.68",
29
+ "@mirohq/design-system-badge": "^0.5.0",
30
+ "@mirohq/design-system-base-button": "^0.5.0",
31
+ "@mirohq/design-system-base-icon": "^0.1.33",
31
32
  "@mirohq/design-system-experiments": "^0.2.0",
32
33
  "@mirohq/design-system-stitches": "^2.6.30",
33
34
  "@mirohq/design-system-styles": "^1.2.30",
34
- "@mirohq/design-system-base-icon": "^0.1.33",
35
35
  "@mirohq/design-system-use-id": "^0.1.2",
36
36
  "@mirohq/design-system-utils": "^0.15.5"
37
37
  },