@mirohq/design-system-base-button 0.4.12-themes.0 → 0.4.12
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.
- package/dist/main.js +1 -3
- package/dist/main.js.map +1 -1
- package/dist/module.js +1 -3
- package/dist/module.js.map +1 -1
- package/dist/types.d.ts +107 -118
- package/package.json +3 -3
package/dist/main.js
CHANGED
|
@@ -10,7 +10,6 @@ var interactions = require('@react-aria/interactions');
|
|
|
10
10
|
var designSystemUsePress = require('@mirohq/design-system-use-press');
|
|
11
11
|
var designSystemPrimitive = require('@mirohq/design-system-primitive');
|
|
12
12
|
var designSystemStitches = require('@mirohq/design-system-stitches');
|
|
13
|
-
var designSystemStyles = require('@mirohq/design-system-styles');
|
|
14
13
|
|
|
15
14
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
16
15
|
|
|
@@ -33,8 +32,7 @@ const StyledBaseButton = designSystemStitches.styled(designSystemPrimitive.Primi
|
|
|
33
32
|
},
|
|
34
33
|
"&[aria-disabled]": {
|
|
35
34
|
cursor: "default"
|
|
36
|
-
}
|
|
37
|
-
...designSystemStyles.focus.defaults
|
|
35
|
+
}
|
|
38
36
|
});
|
|
39
37
|
|
|
40
38
|
const BaseButton = React__default["default"].forwardRef(
|
package/dist/main.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"main.js","sources":["../src/base-button.styled.ts","../src/base-button.tsx"],"sourcesContent":["import type { ComponentPropsWithRef } from 'react'\nimport { Primitive } from '@mirohq/design-system-primitive'\nimport { styled } from '@mirohq/design-system-stitches'\
|
|
1
|
+
{"version":3,"file":"main.js","sources":["../src/base-button.styled.ts","../src/base-button.tsx"],"sourcesContent":["import type { ComponentPropsWithRef } from 'react'\nimport { Primitive } from '@mirohq/design-system-primitive'\nimport { styled } from '@mirohq/design-system-stitches'\n\nexport const sizes = {\n medium: '$8',\n large: '$10',\n xLarge: '$12',\n}\n\nexport const StyledBaseButton = styled(Primitive.button, {\n all: 'unset',\n display: 'inline-flex',\n alignItems: 'center',\n boxSizing: 'border-box',\n borderRadius: '$50',\n cursor: 'pointer',\n\n '&[disabled]': {\n pointerEvents: 'none',\n },\n\n '&[aria-disabled]': {\n cursor: 'default',\n },\n})\n\nexport type StyledBaseButtonProps = ComponentPropsWithRef<\n typeof StyledBaseButton\n>\n","import React from 'react'\nimport type { ElementRef, AnchorHTMLAttributes } from 'react'\nimport { mergeProps } from '@react-aria/utils'\nimport { booleanify, removeEventProps } from '@mirohq/design-system-utils'\nimport { useHover } from '@react-aria/interactions'\nimport type { HoverEvents } from '@react-types/shared'\nimport { usePress } from '@mirohq/design-system-use-press'\nimport type { PressProps } from '@mirohq/design-system-use-press'\n\nimport { StyledBaseButton } from './base-button.styled'\nimport type { StyledBaseButtonProps } from './base-button.styled'\n\n// DO NOT export it in the index\n// Fix TS2742, option 3.1 in the comment bellow\n// https://github.com/microsoft/TypeScript/issues/47663#issuecomment-1519138189\nexport type { HoverEvents } from '@react-types/shared'\n\ntype AsButtonProps = StyledBaseButtonProps & PressProps & HoverEvents\ntype AsLinkProps = AsButtonProps & AnchorHTMLAttributes<'a'> & { href: string }\n\nexport type BaseButtonProps = AsButtonProps | AsLinkProps\n\nexport const BaseButton = React.forwardRef<\n ElementRef<'button' | 'a'>,\n BaseButtonProps\n>(\n (\n {\n disabled = false,\n 'aria-disabled': ariaDisabled,\n children,\n asChild,\n role,\n onHoverStart,\n onHoverEnd,\n onHoverChange,\n ...restProps\n },\n forwardRef\n ) => {\n const asLink = 'href' in restProps\n const { href, target, rel = '' } = restProps as AsLinkProps\n\n let elementProps = restProps\n\n if (booleanify(ariaDisabled)) {\n elementProps = removeEventProps(elementProps, ['onBlur', 'onFocus'])\n }\n\n const { pressProps, isPressed } = usePress({\n preventFocusOnPress: true,\n disabled: disabled || booleanify(ariaDisabled),\n ...elementProps,\n })\n\n const { hoverProps, isHovered } = useHover({\n onHoverStart,\n onHoverEnd,\n onHoverChange,\n })\n\n elementProps = mergeProps(pressProps, hoverProps)\n\n return (\n <StyledBaseButton\n {...elementProps}\n data-pressed={isPressed ? '' : undefined}\n data-hovered={isHovered ? '' : undefined}\n asChild={asLink || asChild}\n disabled={disabled}\n role={role ?? (asChild === true ? 'button' : undefined)}\n aria-disabled={booleanify(ariaDisabled) ? 'true' : undefined}\n tabIndex={disabled && (asLink || asChild === true) ? -1 : undefined}\n // Button can be an <a> but TS will never know because it will only happen in runtime via asChild\n // @ts-expect-error\n ref={forwardRef}\n >\n {asLink ? (\n <a\n href={href}\n target={target}\n rel={\n target === '_blank' ? `noopener noreferrer ${rel}`.trim() : rel\n }\n >\n {children}\n </a>\n ) : (\n children\n )}\n </StyledBaseButton>\n )\n }\n)\n"],"names":["styled","Primitive","React","booleanify","removeEventProps","usePress","useHover","mergeProps","jsx"],"mappings":"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"}
|
package/dist/module.js
CHANGED
|
@@ -6,7 +6,6 @@ import { useHover } from '@react-aria/interactions';
|
|
|
6
6
|
import { usePress } from '@mirohq/design-system-use-press';
|
|
7
7
|
import { Primitive } from '@mirohq/design-system-primitive';
|
|
8
8
|
import { styled } from '@mirohq/design-system-stitches';
|
|
9
|
-
import { focus } from '@mirohq/design-system-styles';
|
|
10
9
|
|
|
11
10
|
const sizes = {
|
|
12
11
|
medium: "$8",
|
|
@@ -25,8 +24,7 @@ const StyledBaseButton = styled(Primitive.button, {
|
|
|
25
24
|
},
|
|
26
25
|
"&[aria-disabled]": {
|
|
27
26
|
cursor: "default"
|
|
28
|
-
}
|
|
29
|
-
...focus.defaults
|
|
27
|
+
}
|
|
30
28
|
});
|
|
31
29
|
|
|
32
30
|
const BaseButton = React.forwardRef(
|
package/dist/module.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"module.js","sources":["../src/base-button.styled.ts","../src/base-button.tsx"],"sourcesContent":["import type { ComponentPropsWithRef } from 'react'\nimport { Primitive } from '@mirohq/design-system-primitive'\nimport { styled } from '@mirohq/design-system-stitches'\
|
|
1
|
+
{"version":3,"file":"module.js","sources":["../src/base-button.styled.ts","../src/base-button.tsx"],"sourcesContent":["import type { ComponentPropsWithRef } from 'react'\nimport { Primitive } from '@mirohq/design-system-primitive'\nimport { styled } from '@mirohq/design-system-stitches'\n\nexport const sizes = {\n medium: '$8',\n large: '$10',\n xLarge: '$12',\n}\n\nexport const StyledBaseButton = styled(Primitive.button, {\n all: 'unset',\n display: 'inline-flex',\n alignItems: 'center',\n boxSizing: 'border-box',\n borderRadius: '$50',\n cursor: 'pointer',\n\n '&[disabled]': {\n pointerEvents: 'none',\n },\n\n '&[aria-disabled]': {\n cursor: 'default',\n },\n})\n\nexport type StyledBaseButtonProps = ComponentPropsWithRef<\n typeof StyledBaseButton\n>\n","import React from 'react'\nimport type { ElementRef, AnchorHTMLAttributes } from 'react'\nimport { mergeProps } from '@react-aria/utils'\nimport { booleanify, removeEventProps } from '@mirohq/design-system-utils'\nimport { useHover } from '@react-aria/interactions'\nimport type { HoverEvents } from '@react-types/shared'\nimport { usePress } from '@mirohq/design-system-use-press'\nimport type { PressProps } from '@mirohq/design-system-use-press'\n\nimport { StyledBaseButton } from './base-button.styled'\nimport type { StyledBaseButtonProps } from './base-button.styled'\n\n// DO NOT export it in the index\n// Fix TS2742, option 3.1 in the comment bellow\n// https://github.com/microsoft/TypeScript/issues/47663#issuecomment-1519138189\nexport type { HoverEvents } from '@react-types/shared'\n\ntype AsButtonProps = StyledBaseButtonProps & PressProps & HoverEvents\ntype AsLinkProps = AsButtonProps & AnchorHTMLAttributes<'a'> & { href: string }\n\nexport type BaseButtonProps = AsButtonProps | AsLinkProps\n\nexport const BaseButton = React.forwardRef<\n ElementRef<'button' | 'a'>,\n BaseButtonProps\n>(\n (\n {\n disabled = false,\n 'aria-disabled': ariaDisabled,\n children,\n asChild,\n role,\n onHoverStart,\n onHoverEnd,\n onHoverChange,\n ...restProps\n },\n forwardRef\n ) => {\n const asLink = 'href' in restProps\n const { href, target, rel = '' } = restProps as AsLinkProps\n\n let elementProps = restProps\n\n if (booleanify(ariaDisabled)) {\n elementProps = removeEventProps(elementProps, ['onBlur', 'onFocus'])\n }\n\n const { pressProps, isPressed } = usePress({\n preventFocusOnPress: true,\n disabled: disabled || booleanify(ariaDisabled),\n ...elementProps,\n })\n\n const { hoverProps, isHovered } = useHover({\n onHoverStart,\n onHoverEnd,\n onHoverChange,\n })\n\n elementProps = mergeProps(pressProps, hoverProps)\n\n return (\n <StyledBaseButton\n {...elementProps}\n data-pressed={isPressed ? '' : undefined}\n data-hovered={isHovered ? '' : undefined}\n asChild={asLink || asChild}\n disabled={disabled}\n role={role ?? (asChild === true ? 'button' : undefined)}\n aria-disabled={booleanify(ariaDisabled) ? 'true' : undefined}\n tabIndex={disabled && (asLink || asChild === true) ? -1 : undefined}\n // Button can be an <a> but TS will never know because it will only happen in runtime via asChild\n // @ts-expect-error\n ref={forwardRef}\n >\n {asLink ? (\n <a\n href={href}\n target={target}\n rel={\n target === '_blank' ? `noopener noreferrer ${rel}`.trim() : rel\n }\n >\n {children}\n </a>\n ) : (\n children\n )}\n </StyledBaseButton>\n )\n }\n)\n"],"names":[],"mappings":"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"}
|
package/dist/types.d.ts
CHANGED
|
@@ -25,7 +25,6 @@ declare const StyledBaseButton: react.ForwardRefExoticComponent<Omit<Omit<{}, ne
|
|
|
25
25
|
readonly lg: "4px";
|
|
26
26
|
};
|
|
27
27
|
colors: {
|
|
28
|
-
readonly black: any;
|
|
29
28
|
readonly 'blue-100': any;
|
|
30
29
|
readonly 'blue-200': any;
|
|
31
30
|
readonly 'blue-300': any;
|
|
@@ -45,15 +44,6 @@ declare const StyledBaseButton: react.ForwardRefExoticComponent<Omit<Omit<{}, ne
|
|
|
45
44
|
readonly 'gray-700': any;
|
|
46
45
|
readonly 'gray-800': any;
|
|
47
46
|
readonly 'gray-900': any;
|
|
48
|
-
readonly 'green-100': any;
|
|
49
|
-
readonly 'green-200': any;
|
|
50
|
-
readonly 'green-300': any;
|
|
51
|
-
readonly 'green-400': any;
|
|
52
|
-
readonly 'green-500': any;
|
|
53
|
-
readonly 'green-600': any;
|
|
54
|
-
readonly 'green-700': any;
|
|
55
|
-
readonly 'green-800': any;
|
|
56
|
-
readonly 'green-900': any;
|
|
57
47
|
readonly 'indigo-100': any;
|
|
58
48
|
readonly 'indigo-200': any;
|
|
59
49
|
readonly 'indigo-300': any;
|
|
@@ -72,8 +62,6 @@ declare const StyledBaseButton: react.ForwardRefExoticComponent<Omit<Omit<{}, ne
|
|
|
72
62
|
readonly 'red-700': any;
|
|
73
63
|
readonly 'red-800': any;
|
|
74
64
|
readonly 'red-900': any;
|
|
75
|
-
readonly transparent: any;
|
|
76
|
-
readonly white: any;
|
|
77
65
|
readonly 'yellow-100': any;
|
|
78
66
|
readonly 'yellow-200': any;
|
|
79
67
|
readonly 'yellow-300': any;
|
|
@@ -83,112 +71,113 @@ declare const StyledBaseButton: react.ForwardRefExoticComponent<Omit<Omit<{}, ne
|
|
|
83
71
|
readonly 'yellow-700': any;
|
|
84
72
|
readonly 'yellow-800': any;
|
|
85
73
|
readonly 'yellow-900': any;
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
74
|
+
readonly 'green-100': any;
|
|
75
|
+
readonly 'green-200': any;
|
|
76
|
+
readonly 'green-300': any;
|
|
77
|
+
readonly 'green-400': any;
|
|
78
|
+
readonly 'green-500': any;
|
|
79
|
+
readonly 'green-600': any;
|
|
80
|
+
readonly 'green-700': any;
|
|
81
|
+
readonly 'green-800': any;
|
|
82
|
+
readonly 'green-900': any;
|
|
83
|
+
readonly black: any;
|
|
84
|
+
readonly white: any;
|
|
85
|
+
readonly transparent: any;
|
|
86
|
+
readonly 'background-danger'?: any;
|
|
87
|
+
readonly 'background-danger-hover'?: any;
|
|
88
|
+
readonly 'background-danger-prominent'?: any;
|
|
89
|
+
readonly 'background-danger-prominent-active'?: any;
|
|
90
|
+
readonly 'background-danger-prominent-hover'?: any;
|
|
91
|
+
readonly 'background-neutrals'?: any;
|
|
92
|
+
readonly 'background-neutrals-container'?: any;
|
|
93
|
+
readonly 'background-neutrals-controls-disabled'?: any;
|
|
94
|
+
readonly 'background-neutrals-disabled'?: any;
|
|
95
|
+
readonly 'background-neutrals-inactive'?: any;
|
|
96
|
+
readonly 'background-neutrals-inactive-hover'?: any;
|
|
97
|
+
readonly 'background-neutrals-inverted'?: any;
|
|
98
|
+
readonly 'background-neutrals-inverted-subtle'?: any;
|
|
99
|
+
readonly 'background-neutrals-page'?: any;
|
|
100
|
+
readonly 'background-neutrals-page-subtle'?: any;
|
|
101
|
+
readonly 'background-neutrals-scrolls'?: any;
|
|
102
|
+
readonly 'background-neutrals-scrolls-hover'?: any;
|
|
103
|
+
readonly 'background-neutrals-subtle'?: any;
|
|
104
|
+
readonly 'background-neutrals-subtle-active'?: any;
|
|
105
|
+
readonly 'background-neutrals-subtle-hover'?: any;
|
|
106
|
+
readonly 'background-primary-prominent'?: any;
|
|
107
|
+
readonly 'background-primary-prominent-active'?: any;
|
|
108
|
+
readonly 'background-primary-prominent-hover'?: any;
|
|
109
|
+
readonly 'background-primary-prominent-selected'?: any;
|
|
110
|
+
readonly 'background-primary-subtle'?: any;
|
|
111
|
+
readonly 'background-primary-subtle-active'?: any;
|
|
112
|
+
readonly 'background-primary-subtle-hover'?: any;
|
|
113
|
+
readonly 'background-primary-subtle-selected'?: any;
|
|
114
|
+
readonly 'background-success'?: any;
|
|
115
|
+
readonly 'background-warning-prominent'?: any;
|
|
116
|
+
readonly 'background-warning-subtle'?: any;
|
|
117
|
+
readonly 'text-danger'?: any;
|
|
118
|
+
readonly 'text-danger-active'?: any;
|
|
119
|
+
readonly 'text-danger-hover'?: any;
|
|
120
|
+
readonly 'text-danger-inverted'?: any;
|
|
121
|
+
readonly 'text-neutrals'?: any;
|
|
122
|
+
readonly 'text-neutrals-disabled'?: any;
|
|
123
|
+
readonly 'text-neutrals-inverted'?: any;
|
|
124
|
+
readonly 'text-neutrals-placeholder'?: any;
|
|
125
|
+
readonly 'text-neutrals-placeholder-only'?: any;
|
|
126
|
+
readonly 'text-neutrals-subtle'?: any;
|
|
127
|
+
readonly 'text-neutrals-subtle-active'?: any;
|
|
128
|
+
readonly 'text-neutrals-subtle-hover'?: any;
|
|
129
|
+
readonly 'text-primary'?: any;
|
|
130
|
+
readonly 'text-primary-active'?: any;
|
|
131
|
+
readonly 'text-primary-hover'?: any;
|
|
132
|
+
readonly 'text-primary-inverted'?: any;
|
|
133
|
+
readonly 'text-primary-inverted-subtle'?: any;
|
|
134
|
+
readonly 'text-primary-selected'?: any;
|
|
135
|
+
readonly 'text-success'?: any;
|
|
136
|
+
readonly 'text-warning'?: any;
|
|
137
|
+
readonly 'icon-danger'?: any;
|
|
138
|
+
readonly 'icon-danger-active'?: any;
|
|
139
|
+
readonly 'icon-danger-hover'?: any;
|
|
140
|
+
readonly 'icon-danger-inverted'?: any;
|
|
141
|
+
readonly 'icon-neutrals'?: any;
|
|
142
|
+
readonly 'icon-neutrals-disabled'?: any;
|
|
143
|
+
readonly 'icon-neutrals-inactive'?: any;
|
|
144
|
+
readonly 'icon-neutrals-inactive-hover'?: any;
|
|
145
|
+
readonly 'icon-neutrals-inverted'?: any;
|
|
146
|
+
readonly 'icon-neutrals-search'?: any;
|
|
147
|
+
readonly 'icon-neutrals-subtle'?: any;
|
|
148
|
+
readonly 'icon-neutrals-text'?: any;
|
|
149
|
+
readonly 'icon-primary'?: any;
|
|
150
|
+
readonly 'icon-primary-active'?: any;
|
|
151
|
+
readonly 'icon-primary-hover'?: any;
|
|
152
|
+
readonly 'icon-primary-inverted'?: any;
|
|
153
|
+
readonly 'icon-primary-selected'?: any;
|
|
154
|
+
readonly 'icon-success'?: any;
|
|
155
|
+
readonly 'icon-success-inverted'?: any;
|
|
156
|
+
readonly 'icon-warning'?: any;
|
|
157
|
+
readonly 'icon-warning-prominent'?: any;
|
|
158
|
+
readonly 'border-danger'?: any;
|
|
159
|
+
readonly 'border-danger-active'?: any;
|
|
160
|
+
readonly 'border-danger-hover'?: any;
|
|
161
|
+
readonly 'border-focus-inner'?: any;
|
|
162
|
+
readonly 'border-focus-middle'?: any;
|
|
163
|
+
readonly 'border-focus-outer'?: any;
|
|
164
|
+
readonly 'border-neutrals'?: any;
|
|
165
|
+
readonly 'border-neutrals-active'?: any;
|
|
166
|
+
readonly 'border-neutrals-controls'?: any;
|
|
167
|
+
readonly 'border-neutrals-controls-disabled'?: any;
|
|
168
|
+
readonly 'border-neutrals-disabled'?: any;
|
|
169
|
+
readonly 'border-neutrals-hover'?: any;
|
|
170
|
+
readonly 'border-neutrals-inverted'?: any;
|
|
171
|
+
readonly 'border-neutrals-subtle'?: any;
|
|
172
|
+
readonly 'border-neutrals-text-subtle'?: any;
|
|
173
|
+
readonly 'border-neutrals-text-subtle-active'?: any;
|
|
174
|
+
readonly 'border-neutrals-text-subtle-hover'?: any;
|
|
175
|
+
readonly 'border-primary'?: any;
|
|
176
|
+
readonly 'border-primary-active'?: any;
|
|
177
|
+
readonly 'border-primary-hover'?: any;
|
|
178
|
+
readonly 'border-primary-inverted'?: any;
|
|
179
|
+
readonly 'border-success'?: any;
|
|
180
|
+
readonly 'border-warning'?: any;
|
|
192
181
|
};
|
|
193
182
|
'font-sizes': {
|
|
194
183
|
readonly 150: "0.75rem";
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@mirohq/design-system-base-button",
|
|
3
|
-
"version": "0.4.12
|
|
3
|
+
"version": "0.4.12",
|
|
4
4
|
"description": "",
|
|
5
5
|
"author": "Miro",
|
|
6
6
|
"source": "src/index.ts",
|
|
@@ -29,8 +29,8 @@
|
|
|
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-
|
|
33
|
-
"@mirohq/design-system-
|
|
32
|
+
"@mirohq/design-system-primitive": "^1.1.0",
|
|
33
|
+
"@mirohq/design-system-stitches": "^2.3.4"
|
|
34
34
|
},
|
|
35
35
|
"scripts": {
|
|
36
36
|
"build": "rollup -c ../../../../rollup.config.js",
|