@mirohq/design-system-button 4.2.5 → 4.2.7

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 +23 -11
  2. package/package.json +9 -9
package/dist/types.d.ts CHANGED
@@ -1,31 +1,43 @@
1
1
  import { BaseButtonProps } from '@mirohq/design-system-base-button';
2
2
  import * as react from 'react';
3
- import react__default, { ComponentPropsWithRef } from 'react';
3
+ import react__default, { ComponentPropsWithRef, ForwardRefExoticComponent } from 'react';
4
4
  import * as packages_components_internal_base_button_src_base_button from 'packages/components/internal/base-button/src/base-button';
5
5
  import * as _mirohq_design_system_hooks_use_press from '@mirohq/design-system-hooks/use-press';
6
6
  import * as _stitches_react_types_styled_component from '@stitches/react/types/styled-component';
7
7
  import * as _mirohq_design_system_stitches from '@mirohq/design-system-stitches';
8
8
  import * as _mirohq_design_system_primitive from '@mirohq/design-system-primitive';
9
9
 
10
- declare const StyledButton: react.ForwardRefExoticComponent<(Omit<Omit<Omit<Omit<Omit<Omit<_mirohq_design_system_stitches.StyledComponentProps<react.ForwardRefExoticComponent<_mirohq_design_system_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<HTMLAnchorElement | HTMLButtonElement>, _mirohq_design_system_stitches.ForbiddenProps> & {
11
- children?: react.ReactNode;
10
+ declare const StyledButton: react.ForwardRefExoticComponent<(Omit<Omit<Omit<Omit<Omit<Omit<Omit<Omit<_mirohq_design_system_stitches.StyledComponentProps<react.ForwardRefExoticComponent<_mirohq_design_system_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<HTMLAnchorElement | HTMLButtonElement>, "ref"> & {
13
+ ref?: ((instance: HTMLAnchorElement | 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<HTMLAnchorElement | HTMLButtonElement> | null | undefined;
14
+ }, _mirohq_design_system_stitches.ForbiddenProps> & {
15
+ children?: react.ReactNode | undefined;
12
16
  }, "size" | "v1" | "variant" | "rounded" | "fluid"> & _stitches_react_types_styled_component.TransformProps<{
13
17
  v1?: boolean | "false" | "true" | undefined;
14
18
  variant?: "primary" | "tertiary" | "ghost-prominent" | "secondary" | "outline-subtle" | "ghost" | "danger" | "danger-secondary" | "ghost-danger" | undefined;
15
19
  size?: "small" | "medium" | "large" | "x-large" | undefined;
16
20
  rounded?: boolean | "true" | undefined;
17
21
  fluid?: boolean | "true" | undefined;
18
- }, {}> & _mirohq_design_system_stitches.CustomStylesProps, "ref"> | Omit<Omit<Omit<Omit<Omit<Omit<_mirohq_design_system_stitches.StyledComponentProps<react.ForwardRefExoticComponent<_mirohq_design_system_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"> & {
22
+ }, {}> & _mirohq_design_system_stitches.CustomStylesProps, "ref"> | Omit<Omit<Omit<Omit<Omit<Omit<Omit<Omit<_mirohq_design_system_stitches.StyledComponentProps<react.ForwardRefExoticComponent<_mirohq_design_system_primitive.PrimitiveProps<"button">>>, never> & _stitches_react_types_styled_component.TransformProps<{}, {}> & _mirohq_design_system_stitches.CustomStylesProps, "ref"> & react.RefAttributes<HTMLButtonElement>, "ref"> & {
23
+ 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;
24
+ } & _mirohq_design_system_hooks_use_press.PressProps & packages_components_internal_base_button_src_base_button.HoverEvents & react.AnchorHTMLAttributes<"a"> & {
19
25
  href: string;
20
- }, "ref"> & react.RefAttributes<HTMLAnchorElement | HTMLButtonElement>, _mirohq_design_system_stitches.ForbiddenProps> & {
21
- children?: react.ReactNode;
26
+ }, "ref"> & react.RefAttributes<HTMLAnchorElement | HTMLButtonElement>, "ref"> & {
27
+ ref?: ((instance: HTMLAnchorElement | 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<HTMLAnchorElement | HTMLButtonElement> | null | undefined;
28
+ }, _mirohq_design_system_stitches.ForbiddenProps> & {
29
+ children?: react.ReactNode | undefined;
22
30
  }, "size" | "v1" | "variant" | "rounded" | "fluid"> & _stitches_react_types_styled_component.TransformProps<{
23
31
  v1?: boolean | "false" | "true" | undefined;
24
32
  variant?: "primary" | "tertiary" | "ghost-prominent" | "secondary" | "outline-subtle" | "ghost" | "danger" | "danger-secondary" | "ghost-danger" | undefined;
25
33
  size?: "small" | "medium" | "large" | "x-large" | undefined;
26
34
  rounded?: boolean | "true" | undefined;
27
35
  fluid?: boolean | "true" | undefined;
28
- }, {}> & _mirohq_design_system_stitches.CustomStylesProps, "ref">) & react.RefAttributes<HTMLAnchorElement | HTMLButtonElement>> & _mirohq_design_system_stitches.StitchesInternals<react.ForwardRefExoticComponent<(Omit<Omit<Omit<_mirohq_design_system_stitches.StyledComponentProps<react.ForwardRefExoticComponent<_mirohq_design_system_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_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"> & {
36
+ }, {}> & _mirohq_design_system_stitches.CustomStylesProps, "ref">) & react.RefAttributes<HTMLAnchorElement | HTMLButtonElement>> & _mirohq_design_system_stitches.StitchesInternals<react.ForwardRefExoticComponent<(Omit<Omit<Omit<Omit<_mirohq_design_system_stitches.StyledComponentProps<react.ForwardRefExoticComponent<_mirohq_design_system_primitive.PrimitiveProps<"button">>>, never> & _stitches_react_types_styled_component.TransformProps<{}, {}> & _mirohq_design_system_stitches.CustomStylesProps, "ref"> & react.RefAttributes<HTMLButtonElement>, "ref"> & {
37
+ 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;
38
+ } & _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_primitive.PrimitiveProps<"button">>>, never> & _stitches_react_types_styled_component.TransformProps<{}, {}> & _mirohq_design_system_stitches.CustomStylesProps, "ref"> & react.RefAttributes<HTMLButtonElement>, "ref"> & {
39
+ 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;
40
+ } & _mirohq_design_system_hooks_use_press.PressProps & packages_components_internal_base_button_src_base_button.HoverEvents & react.AnchorHTMLAttributes<"a"> & {
29
41
  href: string;
30
42
  }, "ref">) & react.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>, {
31
43
  v1?: boolean | "false" | "true" | undefined;
@@ -34,10 +46,10 @@ declare const StyledButton: react.ForwardRefExoticComponent<(Omit<Omit<Omit<Omit
34
46
  rounded?: boolean | "true" | undefined;
35
47
  fluid?: boolean | "true" | undefined;
36
48
  }, {}>;
37
- declare type StyledButtonProps = ComponentPropsWithRef<typeof StyledButton>;
49
+ type StyledButtonProps = ComponentPropsWithRef<typeof StyledButton>;
38
50
 
39
51
  declare const StyledIconSlot: react__default.ForwardRefExoticComponent<Omit<Omit<_mirohq_design_system_stitches.StyledComponentProps<react__default.ForwardRefExoticComponent<_mirohq_design_system_primitive.PrimitiveProps<"div">>>, never> & _stitches_react_types_styled_component.TransformProps<{}, {}> & _mirohq_design_system_stitches.CustomStylesProps, "ref"> & react__default.RefAttributes<HTMLDivElement>> & _mirohq_design_system_stitches.StitchesInternals<react__default.ForwardRefExoticComponent<_mirohq_design_system_primitive.PrimitiveProps<"div">>, {}, {}>;
40
- declare type StyledIconSlotProps = ComponentPropsWithRef<typeof StyledIconSlot>;
52
+ type StyledIconSlotProps = ComponentPropsWithRef<typeof StyledIconSlot>;
41
53
  interface IconSlotProps extends StyledIconSlotProps {
42
54
  /**
43
55
  * The icon.
@@ -48,7 +60,7 @@ declare const IconSlot: react__default.ForwardRefExoticComponent<Omit<IconSlotPr
48
60
 
49
61
  declare const Label: react.ForwardRefExoticComponent<_mirohq_design_system_primitive.PrimitiveProps<"span">>;
50
62
 
51
- declare type ButtonProps = {
63
+ type ButtonProps = {
52
64
  /**
53
65
  * Change the button style.
54
66
  * @default 'primary'
@@ -75,7 +87,7 @@ declare type ButtonProps = {
75
87
  */
76
88
  fluid?: StyledButtonProps['fluid'];
77
89
  } & BaseButtonProps;
78
- declare const Button: react__default.ForwardRefExoticComponent<ButtonProps> & Partials;
90
+ declare const Button: ForwardRefExoticComponent<ButtonProps> & Partials;
79
91
  interface Partials {
80
92
  IconSlot: typeof IconSlot;
81
93
  Label: typeof Label;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mirohq/design-system-button",
3
- "version": "4.2.5",
3
+ "version": "4.2.7",
4
4
  "description": "",
5
5
  "author": "Miro",
6
6
  "source": "src/index.ts",
@@ -26,15 +26,15 @@
26
26
  "react": "^16.14 || ^17 || ^18"
27
27
  },
28
28
  "dependencies": {
29
- "@mirohq/design-system-base-icon": "^0.1.33",
30
- "@mirohq/design-system-base-button": "^0.4.67",
31
- "@mirohq/design-system-primitive": "^1.1.2",
32
- "@mirohq/design-system-spinner": "^1.1.63",
33
- "@mirohq/design-system-stitches": "^2.6.29",
29
+ "@mirohq/design-system-base-button": "^0.5.0",
34
30
  "@mirohq/design-system-experiments": "^0.2.0",
35
- "@mirohq/design-system-styles": "^1.2.29",
36
- "@mirohq/design-system-utils": "^0.15.5",
37
- "@mirohq/design-system-types": "^0.10.0"
31
+ "@mirohq/design-system-primitive": "^1.1.2",
32
+ "@mirohq/design-system-stitches": "^2.6.30",
33
+ "@mirohq/design-system-base-icon": "^0.1.33",
34
+ "@mirohq/design-system-styles": "^1.2.30",
35
+ "@mirohq/design-system-spinner": "^1.1.64",
36
+ "@mirohq/design-system-types": "^0.10.0",
37
+ "@mirohq/design-system-utils": "^0.15.5"
38
38
  },
39
39
  "scripts": {
40
40
  "build": "rollup -c ../../../rollup.config.js",