@mirohq/design-system-input 0.1.23 → 0.1.25

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 +14 -71
  2. package/package.json +13 -13
package/dist/types.d.ts CHANGED
@@ -3,18 +3,13 @@ import react__default, { ComponentPropsWithRef, InputHTMLAttributes, ReactNode,
3
3
  import * as _stitches_react_types_styled_component from '@stitches/react/types/styled-component';
4
4
  import * as _mirohq_design_system_stitches from '@mirohq/design-system-stitches';
5
5
  import { CSS } from '@mirohq/design-system-stitches';
6
+ import * as _mirohq_design_system_components_primitive from '@mirohq/design-system-components/primitive';
6
7
  import * as _mirohq_design_system_primitive from '@mirohq/design-system-primitive';
7
8
  import * as packages_components_internal_base_button_src_base_button from 'packages/components/internal/base-button/src/base-button';
8
9
  import * as _mirohq_design_system_hooks_use_press from '@mirohq/design-system-hooks/use-press';
9
10
  import { FormElementProps } from '@mirohq/design-system-base-form';
10
11
 
11
- declare const StyledIconSlot: react.ForwardRefExoticComponent<Omit<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
12
- ref?: ((instance: HTMLDivElement | null) => void) | react.RefObject<HTMLDivElement> | null | undefined;
13
- } & {
14
- asChild?: boolean | undefined;
15
- }, _mirohq_design_system_stitches.ForbiddenProps> & {
16
- children?: react.ReactNode;
17
- } & _stitches_react_types_styled_component.TransformProps<{
12
+ declare const StyledIconSlot: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_design_system_stitches.StyledComponentProps<react.ForwardRefExoticComponent<_mirohq_design_system_primitive.PrimitiveProps<"div">>>, "disabled"> & _stitches_react_types_styled_component.TransformProps<{
18
13
  disabled?: boolean | "true" | undefined;
19
14
  }, {}> & _mirohq_design_system_stitches.CustomStylesProps, "ref"> & react.RefAttributes<HTMLDivElement>> & _mirohq_design_system_stitches.StitchesInternals<react.ForwardRefExoticComponent<_mirohq_design_system_primitive.PrimitiveProps<"div">>, {
20
15
  disabled?: boolean | "true" | undefined;
@@ -23,53 +18,23 @@ declare type StyledIconSlotProps = ComponentPropsWithRef<typeof StyledIconSlot>;
23
18
 
24
19
  interface IconSlotProps extends StyledIconSlotProps {
25
20
  }
26
- declare const IconSlot: react__default.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<react__default.DetailedHTMLProps<react__default.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
27
- ref?: ((instance: HTMLDivElement | null) => void) | react__default.RefObject<HTMLDivElement> | null | undefined;
28
- } & {
29
- asChild?: boolean | undefined;
30
- }, _mirohq_design_system_stitches.ForbiddenProps> & {
31
- children?: react__default.ReactNode;
32
- } & _stitches_react_types_styled_component.TransformProps<{
21
+ declare const IconSlot: react__default.ForwardRefExoticComponent<Omit<Omit<Omit<_mirohq_design_system_stitches.StyledComponentProps<react__default.ForwardRefExoticComponent<_mirohq_design_system_components_primitive.PrimitiveProps<"div">>>, "disabled"> & _stitches_react_types_styled_component.TransformProps<{
33
22
  disabled?: boolean | "true" | undefined;
34
23
  }, {}> & _mirohq_design_system_stitches.CustomStylesProps, "ref"> & react__default.RefAttributes<HTMLDivElement>, "ref"> & react__default.RefAttributes<HTMLDivElement>>;
35
24
 
36
- declare const StyledActionButton: react.ForwardRefExoticComponent<(Omit<Omit<Omit<Omit<Omit<Omit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
37
- ref?: ((instance: HTMLButtonElement | null) => void) | react.RefObject<HTMLButtonElement> | null | undefined;
38
- } & {
39
- asChild?: boolean | undefined;
40
- }, _mirohq_design_system_stitches.ForbiddenProps> & {
41
- children?: react.ReactNode;
42
- } & _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> & {
25
+ declare const StyledActionButton: 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<HTMLAnchorElement | HTMLButtonElement>, _mirohq_design_system_stitches.ForbiddenProps> & {
43
26
  children?: react.ReactNode;
44
- } & _stitches_react_types_styled_component.TransformProps<{
27
+ }, "readOnlyAppearance" | "disableAppearance"> & _stitches_react_types_styled_component.TransformProps<{
45
28
  readOnlyAppearance?: boolean | "true" | undefined;
46
29
  disableAppearance?: boolean | "true" | undefined;
47
- }, {}> & _mirohq_design_system_stitches.CustomStylesProps, "ref"> | Omit<Omit<Omit<Omit<Omit<Omit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
48
- ref?: ((instance: HTMLButtonElement | null) => void) | react.RefObject<HTMLButtonElement> | null | undefined;
49
- } & {
50
- asChild?: boolean | undefined;
51
- }, _mirohq_design_system_stitches.ForbiddenProps> & {
52
- children?: react.ReactNode;
53
- } & _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"> & {
30
+ }, {}> & _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"> & {
54
31
  href: string;
55
32
  }, "ref"> & react.RefAttributes<HTMLAnchorElement | HTMLButtonElement>, _mirohq_design_system_stitches.ForbiddenProps> & {
56
33
  children?: react.ReactNode;
57
- } & _stitches_react_types_styled_component.TransformProps<{
34
+ }, "readOnlyAppearance" | "disableAppearance"> & _stitches_react_types_styled_component.TransformProps<{
58
35
  readOnlyAppearance?: boolean | "true" | undefined;
59
36
  disableAppearance?: boolean | "true" | undefined;
60
- }, {}> & _mirohq_design_system_stitches.CustomStylesProps, "ref">) & react.RefAttributes<HTMLAnchorElement | HTMLButtonElement>> & _mirohq_design_system_stitches.StitchesInternals<react.ForwardRefExoticComponent<(Omit<Omit<Omit<Omit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
61
- ref?: ((instance: HTMLButtonElement | null) => void) | react.RefObject<HTMLButtonElement> | null | undefined;
62
- } & {
63
- asChild?: boolean | undefined;
64
- }, _mirohq_design_system_stitches.ForbiddenProps> & {
65
- children?: react.ReactNode;
66
- } & _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<Omit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
67
- ref?: ((instance: HTMLButtonElement | null) => void) | react.RefObject<HTMLButtonElement> | null | undefined;
68
- } & {
69
- asChild?: boolean | undefined;
70
- }, _mirohq_design_system_stitches.ForbiddenProps> & {
71
- children?: react.ReactNode;
72
- } & _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"> & {
37
+ }, {}> & _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_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"> & {
73
38
  href: string;
74
39
  }, "ref">) & react.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>, {
75
40
  readOnlyAppearance?: boolean | "true" | undefined;
@@ -80,43 +45,25 @@ declare type StyledActionButtonProps = ComponentPropsWithRef<typeof StyledAction
80
45
  declare type ActionButtonProps = StyledActionButtonProps & {
81
46
  label: string;
82
47
  };
83
- declare const ActionButton: react__default.ForwardRefExoticComponent<(Omit<Omit<Omit<Omit<Omit<Omit<Omit<react__default.DetailedHTMLProps<react__default.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
84
- ref?: ((instance: HTMLButtonElement | null) => void) | react__default.RefObject<HTMLButtonElement> | null | undefined;
85
- } & {
86
- asChild?: boolean | undefined;
87
- }, _mirohq_design_system_stitches.ForbiddenProps> & {
88
- children?: react__default.ReactNode;
89
- } & _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"> & react__default.RefAttributes<HTMLAnchorElement | HTMLButtonElement>, _mirohq_design_system_stitches.ForbiddenProps> & {
48
+ declare const ActionButton: react__default.ForwardRefExoticComponent<(Omit<Omit<Omit<Omit<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> & _mirohq_design_system_hooks_use_press.PressProps & packages_components_internal_base_button_src_base_button.HoverEvents, "ref"> & react__default.RefAttributes<HTMLAnchorElement | HTMLButtonElement>, _mirohq_design_system_stitches.ForbiddenProps> & {
90
49
  children?: react__default.ReactNode;
91
- } & _stitches_react_types_styled_component.TransformProps<{
50
+ }, "readOnlyAppearance" | "disableAppearance"> & _stitches_react_types_styled_component.TransformProps<{
92
51
  readOnlyAppearance?: boolean | "true" | undefined;
93
52
  disableAppearance?: boolean | "true" | undefined;
94
53
  }, {}> & _mirohq_design_system_stitches.CustomStylesProps, "ref"> & react__default.RefAttributes<HTMLAnchorElement | HTMLButtonElement> & {
95
54
  label: string;
96
- }, "ref"> | Omit<Omit<Omit<Omit<Omit<Omit<Omit<react__default.DetailedHTMLProps<react__default.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
97
- ref?: ((instance: HTMLButtonElement | null) => void) | react__default.RefObject<HTMLButtonElement> | null | undefined;
98
- } & {
99
- asChild?: boolean | undefined;
100
- }, _mirohq_design_system_stitches.ForbiddenProps> & {
101
- children?: react__default.ReactNode;
102
- } & _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"> & {
55
+ }, "ref"> | Omit<Omit<Omit<Omit<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> & _mirohq_design_system_hooks_use_press.PressProps & packages_components_internal_base_button_src_base_button.HoverEvents & react__default.AnchorHTMLAttributes<"a"> & {
103
56
  href: string;
104
57
  }, "ref"> & react__default.RefAttributes<HTMLAnchorElement | HTMLButtonElement>, _mirohq_design_system_stitches.ForbiddenProps> & {
105
58
  children?: react__default.ReactNode;
106
- } & _stitches_react_types_styled_component.TransformProps<{
59
+ }, "readOnlyAppearance" | "disableAppearance"> & _stitches_react_types_styled_component.TransformProps<{
107
60
  readOnlyAppearance?: boolean | "true" | undefined;
108
61
  disableAppearance?: boolean | "true" | undefined;
109
62
  }, {}> & _mirohq_design_system_stitches.CustomStylesProps, "ref"> & react__default.RefAttributes<HTMLAnchorElement | HTMLButtonElement> & {
110
63
  label: string;
111
64
  }, "ref">) & react__default.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
112
65
 
113
- declare const StyledInput: react.ForwardRefExoticComponent<Omit<Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & {
114
- ref?: ((instance: HTMLInputElement | null) => void) | react.RefObject<HTMLInputElement> | null | undefined;
115
- } & {
116
- asChild?: boolean | undefined;
117
- }, _mirohq_design_system_stitches.ForbiddenProps> & {
118
- children?: react.ReactNode;
119
- } & _stitches_react_types_styled_component.TransformProps<{}, {}> & _mirohq_design_system_stitches.CustomStylesProps, "ref"> & react.RefAttributes<HTMLInputElement>> & _mirohq_design_system_stitches.StitchesInternals<react.ForwardRefExoticComponent<_mirohq_design_system_primitive.PrimitiveProps<"input">>, {}, {}>;
66
+ declare const StyledInput: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_design_system_stitches.StyledComponentProps<react.ForwardRefExoticComponent<_mirohq_design_system_primitive.PrimitiveProps<"input">>>, never> & _stitches_react_types_styled_component.TransformProps<{}, {}> & _mirohq_design_system_stitches.CustomStylesProps, "ref"> & react.RefAttributes<HTMLInputElement>> & _mirohq_design_system_stitches.StitchesInternals<react.ForwardRefExoticComponent<_mirohq_design_system_primitive.PrimitiveProps<"input">>, {}, {}>;
120
67
  declare type StyledInputProps = ComponentPropsWithRef<typeof StyledInput>;
121
68
 
122
69
  interface InputProps$1 extends StyledInputProps {
@@ -124,11 +71,7 @@ interface InputProps$1 extends StyledInputProps {
124
71
 
125
72
  declare type InputProviderProps = FormElementProps;
126
73
 
127
- declare const StyledBaseInput: react.ForwardRefExoticComponent<Omit<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
128
- ref?: ((instance: HTMLDivElement | null) => void) | react.RefObject<HTMLDivElement> | null | undefined;
129
- }, _mirohq_design_system_stitches.ForbiddenProps> & {
130
- children?: react.ReactNode;
131
- } & _stitches_react_types_styled_component.TransformProps<{
74
+ declare const StyledBaseInput: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_design_system_stitches.StyledComponentProps<"div">, "size" | "disabled" | "readOnly" | "ariaDisabled" | "valid" | "focused" | "hovered"> & _stitches_react_types_styled_component.TransformProps<{
132
75
  hovered?: boolean | "false" | "true" | undefined;
133
76
  focused?: boolean | "false" | "true" | undefined;
134
77
  valid?: boolean | "false" | "true" | undefined;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mirohq/design-system-input",
3
- "version": "0.1.23",
3
+ "version": "0.1.25",
4
4
  "description": "",
5
5
  "author": "Miro",
6
6
  "source": "src/index.ts",
@@ -29,20 +29,20 @@
29
29
  "@react-aria/interactions": "^3.13.0",
30
30
  "@react-aria/utils": "^3.13.0",
31
31
  "@react-types/shared": "^3.16.0",
32
- "@mirohq/design-system-base-button": "^0.4.43",
33
- "@mirohq/design-system-base-icon": "^0.1.28",
34
- "@mirohq/design-system-base-form": "^0.2.9",
35
- "@mirohq/design-system-icon-button": "^2.1.19",
36
- "@mirohq/design-system-primitive": "^1.1.2",
37
- "@mirohq/design-system-icons": "^0.42.0",
32
+ "@mirohq/design-system-base-button": "^0.4.44",
33
+ "@mirohq/design-system-base-form": "^0.2.10",
34
+ "@mirohq/design-system-base-icon": "^0.1.29",
38
35
  "@mirohq/design-system-base-input": "^0.0.4",
39
- "@mirohq/design-system-stitches": "^2.6.7",
40
- "@mirohq/design-system-tooltip": "^3.3.13",
41
- "@mirohq/design-system-styles": "^1.2.6",
36
+ "@mirohq/design-system-icon-button": "^2.1.20",
37
+ "@mirohq/design-system-primitive": "^1.1.2",
38
+ "@mirohq/design-system-styles": "^1.2.7",
39
+ "@mirohq/design-system-icons": "^0.43.0",
40
+ "@mirohq/design-system-stitches": "^2.6.8",
41
+ "@mirohq/design-system-tooltip": "^3.3.14",
42
42
  "@mirohq/design-system-use-layout-effect": "^0.2.1",
43
- "@mirohq/design-system-utils": "^0.15.2",
44
- "@mirohq/design-system-use-aria-disabled": "^0.1.2",
45
- "@mirohq/design-system-use-press": "^0.3.3"
43
+ "@mirohq/design-system-use-press": "^0.3.4",
44
+ "@mirohq/design-system-utils": "^0.15.3",
45
+ "@mirohq/design-system-use-aria-disabled": "^0.1.3"
46
46
  },
47
47
  "scripts": {
48
48
  "build": "rollup -c ../../../rollup.config.js",