@mirohq/design-system-button 3.1.2-use-press.1 → 3.1.3-calendar-component.0

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 +6 -1
  2. package/dist/main.js.map +1 -1
  3. package/dist/module.js +7 -2
  4. package/dist/module.js.map +1 -1
  5. package/dist/types.d.ts +27 -2240
  6. package/package.json +11 -7
package/dist/types.d.ts CHANGED
@@ -1,10 +1,8 @@
1
1
  import * as react from 'react';
2
2
  import react__default, { ComponentPropsWithRef } from 'react';
3
- import { BaseButtonProps } from '@mirohq/design-system-base-button';
4
- import * as packages_components_internal_base_button_src_base_button from 'packages/components/internal/base-button/src/base-button';
5
- import * as _mirohq_design_system_hooks_use_press from '@mirohq/design-system-hooks/use-press';
6
3
  import * as _mirohq_design_system_stitches from '@mirohq/design-system-stitches';
7
4
  import * as _stitches_react_types_css_util from '@stitches/react/types/css-util';
5
+ import * as _mirohq_design_system_base_button from '@mirohq/design-system-base-button';
8
6
  import * as _stitches_react_types_styled_component from '@stitches/react/types/styled-component';
9
7
  import * as _mirohq_design_system_primitive from '@mirohq/design-system-primitive';
10
8
 
@@ -18,2228 +16,7 @@ declare const StyledButton: react.ForwardRefExoticComponent<Pick<Omit<{
18
16
  size?: "small" | "medium" | "large" | "x-large" | undefined;
19
17
  rounded?: boolean | "true" | undefined;
20
18
  fluid?: boolean | "true" | undefined;
21
- }, {}> & _mirohq_design_system_stitches.SafeProps<(Omit<Pick<Pick<Omit<{}, never> & _stitches_react_types_styled_component.TransformProps<{}, {}> & _mirohq_design_system_stitches.SafeProps<Omit<Pick<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "key" | keyof react.ButtonHTMLAttributes<HTMLButtonElement>> & {
22
- ref?: ((instance: HTMLButtonElement | null) => void) | react.RefObject<HTMLButtonElement> | null | undefined;
23
- } & {
24
- asChild?: boolean | undefined;
25
- }, "css"> & _stitches_react_types_styled_component.TransformProps<{}, {}> & {
26
- css?: _stitches_react_types_css_util.CSS<{}, {
27
- 'border-widths': {
28
- readonly none: 0;
29
- readonly sm: "1px";
30
- readonly md: "2px";
31
- readonly lg: "4px";
32
- };
33
- colors: {
34
- readonly 'blue-100': any;
35
- readonly 'blue-200': any;
36
- readonly 'blue-300': any;
37
- readonly 'blue-400': any;
38
- readonly 'blue-500': any;
39
- readonly 'blue-600': any;
40
- readonly 'blue-700': any;
41
- readonly 'blue-800': any;
42
- readonly 'blue-900': any;
43
- readonly 'blue-1000': any;
44
- readonly 'gray-100': any;
45
- readonly 'gray-200': any;
46
- readonly 'gray-300': any;
47
- readonly 'gray-400': any;
48
- readonly 'gray-500': any;
49
- readonly 'gray-600': any;
50
- readonly 'gray-700': any;
51
- readonly 'gray-800': any;
52
- readonly 'gray-900': any;
53
- readonly 'indigo-100': any;
54
- readonly 'indigo-200': any;
55
- readonly 'indigo-300': any;
56
- readonly 'indigo-400': any;
57
- readonly 'indigo-500': any;
58
- readonly 'indigo-600': any;
59
- readonly 'indigo-700': any;
60
- readonly 'indigo-800': any;
61
- readonly 'indigo-900': any;
62
- readonly 'red-100': any;
63
- readonly 'red-200': any;
64
- readonly 'red-300': any;
65
- readonly 'red-400': any;
66
- readonly 'red-500': any;
67
- readonly 'red-600': any;
68
- readonly 'red-700': any;
69
- readonly 'red-800': any;
70
- readonly 'red-900': any;
71
- readonly 'yellow-100': any;
72
- readonly 'yellow-200': any;
73
- readonly 'yellow-300': any;
74
- readonly 'yellow-400': any;
75
- readonly 'yellow-500': any;
76
- readonly 'yellow-600': any;
77
- readonly 'yellow-700': any;
78
- readonly 'yellow-800': any;
79
- readonly 'yellow-900': any;
80
- readonly 'green-100': any;
81
- readonly 'green-200': any;
82
- readonly 'green-300': any;
83
- readonly 'green-400': any;
84
- readonly 'green-500': any;
85
- readonly 'green-600': any;
86
- readonly 'green-700': any;
87
- readonly 'green-800': any;
88
- readonly 'green-900': any;
89
- readonly black: any;
90
- readonly white: any;
91
- readonly transparent: any;
92
- readonly 'background-danger'?: any;
93
- readonly 'background-danger-hover'?: any;
94
- readonly 'background-danger-prominent'?: any;
95
- readonly 'background-danger-prominent-active'?: any;
96
- readonly 'background-danger-prominent-hover'?: any;
97
- readonly 'background-neutrals'?: any;
98
- readonly 'background-neutrals-body'?: any;
99
- readonly 'background-neutrals-container'?: any;
100
- readonly 'background-neutrals-controls-disabled'?: any;
101
- readonly 'background-neutrals-disabled'?: any;
102
- readonly 'background-neutrals-inactive'?: any;
103
- readonly 'background-neutrals-inactive-hover'?: any;
104
- readonly 'background-neutrals-inverted'?: any;
105
- readonly 'background-neutrals-inverted-subtle'?: any;
106
- readonly 'background-neutrals-scrolls'?: any;
107
- readonly 'background-neutrals-scrolls-hover'?: any;
108
- readonly 'background-neutrals-subtle'?: any;
109
- readonly 'background-neutrals-subtle-active'?: any;
110
- readonly 'background-neutrals-subtle-hover'?: any;
111
- readonly 'background-primary-prominent'?: any;
112
- readonly 'background-primary-prominent-active'?: any;
113
- readonly 'background-primary-prominent-hover'?: any;
114
- readonly 'background-primary-prominent-selected'?: any;
115
- readonly 'background-primary-subtle'?: any;
116
- readonly 'background-primary-subtle-active'?: any;
117
- readonly 'background-primary-subtle-hover'?: any;
118
- readonly 'background-primary-subtle-selected'?: any;
119
- readonly 'background-success'?: any;
120
- readonly 'background-warning-prominent'?: any;
121
- readonly 'background-warning-subtle'?: any;
122
- readonly 'text-danger'?: any;
123
- readonly 'text-danger-active'?: any;
124
- readonly 'text-danger-hover'?: any;
125
- readonly 'text-danger-inverted'?: any;
126
- readonly 'text-neutrals'?: any;
127
- readonly 'text-neutrals-disabled'?: any;
128
- readonly 'text-neutrals-inverted'?: any;
129
- readonly 'text-neutrals-link'?: any;
130
- readonly 'text-neutrals-link-active'?: any;
131
- readonly 'text-neutrals-link-hover'?: any;
132
- readonly 'text-neutrals-placeholder'?: any;
133
- readonly 'text-neutrals-placeholder-only'?: any;
134
- readonly 'text-neutrals-subtle'?: any;
135
- readonly 'text-primary'?: any;
136
- readonly 'text-primary-active'?: any;
137
- readonly 'text-primary-hover'?: any;
138
- readonly 'text-primary-inverted'?: any;
139
- readonly 'text-primary-inverted-subtle'?: any;
140
- readonly 'text-primary-selected'?: any;
141
- readonly 'text-success'?: any;
142
- readonly 'text-warning'?: any;
143
- readonly 'icon-danger'?: any;
144
- readonly 'icon-danger-active'?: any;
145
- readonly 'icon-danger-hover'?: any;
146
- readonly 'icon-danger-inverted'?: any;
147
- readonly 'icon-neutrals'?: any;
148
- readonly 'icon-neutrals-disabled'?: any;
149
- readonly 'icon-neutrals-inactive'?: any;
150
- readonly 'icon-neutrals-inactive-hover'?: any;
151
- readonly 'icon-neutrals-inverted'?: any;
152
- readonly 'icon-neutrals-search'?: any;
153
- readonly 'icon-neutrals-subtle'?: any;
154
- readonly 'icon-neutrals-with-text'?: any;
155
- readonly 'icon-primary'?: any;
156
- readonly 'icon-primary-active'?: any;
157
- readonly 'icon-primary-hover'?: any;
158
- readonly 'icon-primary-inverted'?: any;
159
- readonly 'icon-primary-selected'?: any;
160
- readonly 'icon-success'?: any;
161
- readonly 'icon-success-inverted'?: any;
162
- readonly 'icon-warning'?: any;
163
- readonly 'border-danger'?: any;
164
- readonly 'border-focus-inner'?: any;
165
- readonly 'border-focus-middle'?: any;
166
- readonly 'border-focus-outer'?: any;
167
- readonly 'border-neutrals'?: any;
168
- readonly 'border-neutrals-active'?: any;
169
- readonly 'border-neutrals-controls'?: any;
170
- readonly 'border-neutrals-controls-disabled'?: any;
171
- readonly 'border-neutrals-disabled'?: any;
172
- readonly 'border-neutrals-hover'?: any;
173
- readonly 'border-neutrals-inverted'?: any;
174
- readonly 'border-neutrals-subtle'?: 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;
181
- };
182
- 'font-sizes': {
183
- readonly 150: "0.75rem";
184
- readonly 175: "0.875rem";
185
- readonly 200: "1rem";
186
- readonly 225: "1.125rem";
187
- readonly 250: "1.25rem";
188
- readonly 300: "1.5rem";
189
- readonly 400: "2rem";
190
- readonly 500: "2.5rem";
191
- readonly 600: "3rem";
192
- readonly 800: "4rem";
193
- readonly 900: "4.5rem";
194
- };
195
- radii: {
196
- readonly none: 0;
197
- readonly half: "999em";
198
- readonly 25: "2px";
199
- readonly 50: "4px";
200
- readonly 75: "6px";
201
- readonly 100: "8px";
202
- readonly 200: "16px";
203
- };
204
- shadows: {
205
- readonly 50: "0 4px 16px #05003812";
206
- readonly 100: "0 8px 32px #05003808";
207
- readonly 'focus-small': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-inner";
208
- readonly 'focus-small-outline': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 1px $colors$border-focus-middle, inset 0 0 0 2px $colors$border-focus-inner";
209
- readonly 'focus-large': "0 0 0 4px $colors$border-focus-inner, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-outer";
210
- readonly 'focus-controls': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$border-focus-middle, 0 0 0 5px $colors$border-focus-outer";
211
- };
212
- sizes: {
213
- readonly number: string;
214
- readonly 'icon-200': "16px";
215
- readonly 'icon-300': "24px";
216
- readonly 'icon-400': "32px";
217
- };
218
- space: {
219
- readonly none: 0;
220
- readonly 50: "4px";
221
- readonly 100: "8px";
222
- readonly 150: "12px";
223
- readonly 200: "16px";
224
- readonly 300: "24px";
225
- readonly 400: "32px";
226
- readonly 500: "64px";
227
- readonly 600: "48px";
228
- readonly 800: "64px";
229
- readonly 1200: "96px";
230
- readonly 1600: "128px";
231
- };
232
- 'space-gap': {
233
- readonly none: any;
234
- readonly 50: any;
235
- readonly 100: any;
236
- readonly 200: any;
237
- readonly 300: any;
238
- };
239
- 'space-inset': {
240
- readonly none: any;
241
- readonly 50: any;
242
- readonly 100: any;
243
- readonly 150: any;
244
- readonly 200: any;
245
- readonly 300: any;
246
- readonly 400: any;
247
- readonly 600: any;
248
- readonly 800: any;
249
- readonly 1200: any;
250
- readonly 1600: any;
251
- };
252
- 'space-offset': {
253
- readonly none: any;
254
- readonly 50: any;
255
- readonly 100: any;
256
- readonly 150: any;
257
- readonly 200: any;
258
- readonly 300: any;
259
- readonly 400: any;
260
- readonly 600: any;
261
- readonly 800: any;
262
- readonly 1200: any;
263
- readonly 1600: any;
264
- readonly 'stacking-none': any;
265
- readonly 'stacking-100': any;
266
- readonly 'stacking-200': any;
267
- readonly 'stacking-300': any;
268
- readonly 'stacking-400': any;
269
- readonly 'stacking-500': any;
270
- readonly 'stacking-800': any;
271
- };
272
- 'stroke-width': {
273
- readonly thin: "1.5px";
274
- readonly normal: "2px";
275
- readonly bold: "4px";
276
- };
277
- 'z-indices': {
278
- readonly dropdownMenu: 100;
279
- readonly popover: 200;
280
- readonly tooltip: 300;
281
- };
282
- }, {
283
- readonly background: "colors";
284
- readonly backgroundColor: "colors";
285
- readonly backgroundImage: "colors";
286
- readonly blockSize: "sizes";
287
- readonly border: "colors";
288
- readonly borderBlock: "colors";
289
- readonly borderBlockEnd: "colors";
290
- readonly borderBlockStart: "colors";
291
- readonly borderBottom: "colors";
292
- readonly borderBottomColor: "colors";
293
- readonly borderBottomLeftRadius: "radii";
294
- readonly borderBottomRightRadius: "radii";
295
- readonly borderBottomStyle: "border-styles";
296
- readonly borderBottomWidth: "border-widths";
297
- readonly borderColor: "colors";
298
- readonly borderImage: "colors";
299
- readonly borderInline: "colors";
300
- readonly borderInlineEnd: "colors";
301
- readonly borderInlineStart: "colors";
302
- readonly borderLeft: "colors";
303
- readonly borderLeftColor: "colors";
304
- readonly borderLeftStyle: "border-styles";
305
- readonly borderLeftWidth: "border-widths";
306
- readonly borderRadius: "radii";
307
- readonly borderRight: "colors";
308
- readonly borderRightColor: "colors";
309
- readonly borderRightStyle: "border-styles";
310
- readonly borderRightWidth: "border-widths";
311
- readonly borderStyle: "border-styles";
312
- readonly borderTop: "colors";
313
- readonly borderTopColor: "colors";
314
- readonly borderTopLeftRadius: "radii";
315
- readonly borderTopRightRadius: "radii";
316
- readonly borderTopStyle: "border-styles";
317
- readonly borderTopWidth: "border-widths";
318
- readonly borderWidth: "border-widths";
319
- readonly bottom: "space";
320
- readonly boxShadow: "shadows";
321
- readonly caretColor: "colors";
322
- readonly color: "colors";
323
- readonly columnGap: "space-gap";
324
- readonly columnRuleColor: "colors";
325
- readonly fill: "colors";
326
- readonly flexBasis: "sizes";
327
- readonly fontFamily: "fonts";
328
- readonly fontSize: "font-sizes";
329
- readonly fontWeight: "font-weights";
330
- readonly gap: "space-gap";
331
- readonly gridColumnGap: "space-gap";
332
- readonly gridGap: "space-gap";
333
- readonly gridRowGap: "space-gap";
334
- readonly gridTemplateColumns: "sizes";
335
- readonly gridTemplateRows: "sizes";
336
- readonly height: "sizes";
337
- readonly inlineSize: "sizes";
338
- readonly inset: "space-inset";
339
- readonly insetBlock: "space-inset";
340
- readonly insetBlockEnd: "space-inset";
341
- readonly insetBlockStart: "space-inset";
342
- readonly insetInline: "space-inset";
343
- readonly insetInlineEnd: "space-inset";
344
- readonly insetInlineStart: "space-inset";
345
- readonly left: "space";
346
- readonly letterSpacing: "letter-spacings";
347
- readonly lineHeight: "line-heights";
348
- readonly margin: "space-offset";
349
- readonly marginBlock: "space-offset";
350
- readonly marginBlockEnd: "space-offset";
351
- readonly marginBlockStart: "space-offset";
352
- readonly marginBottom: "space-offset";
353
- readonly marginInline: "space-offset";
354
- readonly marginInlineEnd: "space-offset";
355
- readonly marginInlineStart: "space-offset";
356
- readonly marginLeft: "space-offset";
357
- readonly marginRight: "space-offset";
358
- readonly marginTop: "space-offset";
359
- readonly maxBlockSize: "sizes";
360
- readonly maxHeight: "sizes";
361
- readonly maxInlineSize: "sizes";
362
- readonly maxWidth: "sizes";
363
- readonly minBlockSize: "sizes";
364
- readonly minHeight: "sizes";
365
- readonly minInlineSize: "sizes";
366
- readonly minWidth: "sizes";
367
- readonly outline: "colors";
368
- readonly outlineColor: "colors";
369
- readonly padding: "space-inset";
370
- readonly paddingBlock: "space-inset";
371
- readonly paddingBlockEnd: "space-inset";
372
- readonly paddingBlockStart: "space-inset";
373
- readonly paddingBottom: "space-inset";
374
- readonly paddingInline: "space-inset";
375
- readonly paddingInlineEnd: "space-inset";
376
- readonly paddingInlineStart: "space-inset";
377
- readonly paddingLeft: "space-inset";
378
- readonly paddingRight: "space-inset";
379
- readonly paddingTop: "space-inset";
380
- readonly right: "space";
381
- readonly rowGap: "space-gap";
382
- readonly scrollMargin: "space-offset";
383
- readonly scrollMarginBlock: "space-offset";
384
- readonly scrollMarginBlockEnd: "space-offset";
385
- readonly scrollMarginBlockStart: "space-offset";
386
- readonly scrollMarginBottom: "space-offset";
387
- readonly scrollMarginInline: "space-offset";
388
- readonly scrollMarginInlineEnd: "space-offset";
389
- readonly scrollMarginInlineStart: "space-offset";
390
- readonly scrollMarginLeft: "space-offset";
391
- readonly scrollMarginRight: "space-offset";
392
- readonly scrollMarginTop: "space-offset";
393
- readonly scrollPadding: "space-inset";
394
- readonly scrollPaddingBlock: "space-inset";
395
- readonly scrollPaddingBlockEnd: "space-inset";
396
- readonly scrollPaddingBlockStart: "space-inset";
397
- readonly scrollPaddingBottom: "space-inset";
398
- readonly scrollPaddingInline: "space-inset";
399
- readonly scrollPaddingInlineEnd: "space-inset";
400
- readonly scrollPaddingInlineStart: "space-inset";
401
- readonly scrollPaddingLeft: "space-inset";
402
- readonly scrollPaddingRight: "space-inset";
403
- readonly scrollPaddingTop: "space-inset";
404
- readonly stroke: "colors";
405
- readonly strokeWidth: "stroke-width";
406
- readonly textDecorationColor: "colors";
407
- readonly textShadow: "shadows";
408
- readonly top: "space";
409
- readonly transition: "transitions";
410
- readonly width: "sizes";
411
- readonly zIndex: "z-indices";
412
- }, {
413
- paddingX: (value: {
414
- readonly [$$PropertyValue]: "padding";
415
- }) => {
416
- paddingLeft: {
417
- readonly [$$PropertyValue]: "padding";
418
- };
419
- paddingRight: {
420
- readonly [$$PropertyValue]: "padding";
421
- };
422
- };
423
- paddingY: (value: {
424
- readonly [$$PropertyValue]: "padding";
425
- }) => {
426
- paddingTop: {
427
- readonly [$$PropertyValue]: "padding";
428
- };
429
- paddingBottom: {
430
- readonly [$$PropertyValue]: "padding";
431
- };
432
- };
433
- marginX: (value: {
434
- readonly [$$PropertyValue]: "margin";
435
- }) => {
436
- marginLeft: {
437
- readonly [$$PropertyValue]: "margin";
438
- };
439
- marginRight: {
440
- readonly [$$PropertyValue]: "margin";
441
- };
442
- };
443
- marginY: (value: {
444
- readonly [$$PropertyValue]: "margin";
445
- }) => {
446
- marginTop: {
447
- readonly [$$PropertyValue]: "margin";
448
- };
449
- marginBottom: {
450
- readonly [$$PropertyValue]: "margin";
451
- };
452
- };
453
- square: (value: {
454
- readonly [$$PropertyValue]: "width";
455
- }) => {
456
- width: {
457
- readonly [$$PropertyValue]: "width";
458
- };
459
- height: {
460
- readonly [$$PropertyValue]: "width";
461
- };
462
- };
463
- }> | undefined;
464
- }> & {
465
- children?: react.ReactNode;
466
- } & _mirohq_design_system_stitches.CustomStylesProps, "form" | "slot" | "title" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "autoFocus" | "disabled" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "type" | "value" | "asChild" | keyof _mirohq_design_system_stitches.CustomStylesProps> & react.RefAttributes<HTMLButtonElement> & _mirohq_design_system_hooks_use_press.PressProps & packages_components_internal_base_button_src_base_button.HoverEvents, "form" | "slot" | "title" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "type" | "value" | "asChild" | keyof _mirohq_design_system_stitches.CustomStylesProps | keyof _mirohq_design_system_hooks_use_press.PressProps | keyof packages_components_internal_base_button_src_base_button.HoverEvents> & react.RefAttributes<HTMLButtonElement | HTMLAnchorElement>, "css"> & _stitches_react_types_styled_component.TransformProps<{}, {}> & {
467
- css?: _stitches_react_types_css_util.CSS<{}, {
468
- 'border-widths': {
469
- readonly none: 0;
470
- readonly sm: "1px";
471
- readonly md: "2px";
472
- readonly lg: "4px";
473
- };
474
- colors: {
475
- readonly 'blue-100': any;
476
- readonly 'blue-200': any;
477
- readonly 'blue-300': any;
478
- readonly 'blue-400': any;
479
- readonly 'blue-500': any;
480
- readonly 'blue-600': any;
481
- readonly 'blue-700': any;
482
- readonly 'blue-800': any;
483
- readonly 'blue-900': any;
484
- readonly 'blue-1000': any;
485
- readonly 'gray-100': any;
486
- readonly 'gray-200': any;
487
- readonly 'gray-300': any;
488
- readonly 'gray-400': any;
489
- readonly 'gray-500': any;
490
- readonly 'gray-600': any;
491
- readonly 'gray-700': any;
492
- readonly 'gray-800': any;
493
- readonly 'gray-900': any;
494
- readonly 'indigo-100': any;
495
- readonly 'indigo-200': any;
496
- readonly 'indigo-300': any;
497
- readonly 'indigo-400': any;
498
- readonly 'indigo-500': any;
499
- readonly 'indigo-600': any;
500
- readonly 'indigo-700': any;
501
- readonly 'indigo-800': any;
502
- readonly 'indigo-900': any;
503
- readonly 'red-100': any;
504
- readonly 'red-200': any;
505
- readonly 'red-300': any;
506
- readonly 'red-400': any;
507
- readonly 'red-500': any;
508
- readonly 'red-600': any;
509
- readonly 'red-700': any;
510
- readonly 'red-800': any;
511
- readonly 'red-900': any;
512
- readonly 'yellow-100': any;
513
- readonly 'yellow-200': any;
514
- readonly 'yellow-300': any;
515
- readonly 'yellow-400': any;
516
- readonly 'yellow-500': any;
517
- readonly 'yellow-600': any;
518
- readonly 'yellow-700': any;
519
- readonly 'yellow-800': any;
520
- readonly 'yellow-900': any;
521
- readonly 'green-100': any;
522
- readonly 'green-200': any;
523
- readonly 'green-300': any;
524
- readonly 'green-400': any;
525
- readonly 'green-500': any;
526
- readonly 'green-600': any;
527
- readonly 'green-700': any;
528
- readonly 'green-800': any;
529
- readonly 'green-900': any;
530
- readonly black: any;
531
- readonly white: any;
532
- readonly transparent: any;
533
- readonly 'background-danger'?: any;
534
- readonly 'background-danger-hover'?: any;
535
- readonly 'background-danger-prominent'?: any;
536
- readonly 'background-danger-prominent-active'?: any;
537
- readonly 'background-danger-prominent-hover'?: any;
538
- readonly 'background-neutrals'?: any;
539
- readonly 'background-neutrals-body'?: any;
540
- readonly 'background-neutrals-container'?: any;
541
- readonly 'background-neutrals-controls-disabled'?: any;
542
- readonly 'background-neutrals-disabled'?: any;
543
- readonly 'background-neutrals-inactive'?: any;
544
- readonly 'background-neutrals-inactive-hover'?: any;
545
- readonly 'background-neutrals-inverted'?: any;
546
- readonly 'background-neutrals-inverted-subtle'?: any;
547
- readonly 'background-neutrals-scrolls'?: any;
548
- readonly 'background-neutrals-scrolls-hover'?: any;
549
- readonly 'background-neutrals-subtle'?: any;
550
- readonly 'background-neutrals-subtle-active'?: any;
551
- readonly 'background-neutrals-subtle-hover'?: any;
552
- readonly 'background-primary-prominent'?: any;
553
- readonly 'background-primary-prominent-active'?: any;
554
- readonly 'background-primary-prominent-hover'?: any;
555
- readonly 'background-primary-prominent-selected'?: any;
556
- readonly 'background-primary-subtle'?: any;
557
- readonly 'background-primary-subtle-active'?: any;
558
- readonly 'background-primary-subtle-hover'?: any;
559
- readonly 'background-primary-subtle-selected'?: any;
560
- readonly 'background-success'?: any;
561
- readonly 'background-warning-prominent'?: any;
562
- readonly 'background-warning-subtle'?: any;
563
- readonly 'text-danger'?: any;
564
- readonly 'text-danger-active'?: any;
565
- readonly 'text-danger-hover'?: any;
566
- readonly 'text-danger-inverted'?: any;
567
- readonly 'text-neutrals'?: any;
568
- readonly 'text-neutrals-disabled'?: any;
569
- readonly 'text-neutrals-inverted'?: any;
570
- readonly 'text-neutrals-link'?: any;
571
- readonly 'text-neutrals-link-active'?: any;
572
- readonly 'text-neutrals-link-hover'?: any;
573
- readonly 'text-neutrals-placeholder'?: any;
574
- readonly 'text-neutrals-placeholder-only'?: any;
575
- readonly 'text-neutrals-subtle'?: any;
576
- readonly 'text-primary'?: any;
577
- readonly 'text-primary-active'?: any;
578
- readonly 'text-primary-hover'?: any;
579
- readonly 'text-primary-inverted'?: any;
580
- readonly 'text-primary-inverted-subtle'?: any;
581
- readonly 'text-primary-selected'?: any;
582
- readonly 'text-success'?: any;
583
- readonly 'text-warning'?: any;
584
- readonly 'icon-danger'?: any;
585
- readonly 'icon-danger-active'?: any;
586
- readonly 'icon-danger-hover'?: any;
587
- readonly 'icon-danger-inverted'?: any;
588
- readonly 'icon-neutrals'?: any;
589
- readonly 'icon-neutrals-disabled'?: any;
590
- readonly 'icon-neutrals-inactive'?: any;
591
- readonly 'icon-neutrals-inactive-hover'?: any;
592
- readonly 'icon-neutrals-inverted'?: any;
593
- readonly 'icon-neutrals-search'?: any;
594
- readonly 'icon-neutrals-subtle'?: any;
595
- readonly 'icon-neutrals-with-text'?: any;
596
- readonly 'icon-primary'?: any;
597
- readonly 'icon-primary-active'?: any;
598
- readonly 'icon-primary-hover'?: any;
599
- readonly 'icon-primary-inverted'?: any;
600
- readonly 'icon-primary-selected'?: any;
601
- readonly 'icon-success'?: any;
602
- readonly 'icon-success-inverted'?: any;
603
- readonly 'icon-warning'?: any;
604
- readonly 'border-danger'?: any;
605
- readonly 'border-focus-inner'?: any;
606
- readonly 'border-focus-middle'?: any;
607
- readonly 'border-focus-outer'?: any;
608
- readonly 'border-neutrals'?: any;
609
- readonly 'border-neutrals-active'?: any;
610
- readonly 'border-neutrals-controls'?: any;
611
- readonly 'border-neutrals-controls-disabled'?: any;
612
- readonly 'border-neutrals-disabled'?: any;
613
- readonly 'border-neutrals-hover'?: any;
614
- readonly 'border-neutrals-inverted'?: any;
615
- readonly 'border-neutrals-subtle'?: any;
616
- readonly 'border-primary'?: any;
617
- readonly 'border-primary-active'?: any;
618
- readonly 'border-primary-hover'?: any;
619
- readonly 'border-primary-inverted'?: any;
620
- readonly 'border-success'?: any;
621
- readonly 'border-warning'?: any;
622
- };
623
- 'font-sizes': {
624
- readonly 150: "0.75rem";
625
- readonly 175: "0.875rem";
626
- readonly 200: "1rem";
627
- readonly 225: "1.125rem";
628
- readonly 250: "1.25rem";
629
- readonly 300: "1.5rem";
630
- readonly 400: "2rem";
631
- readonly 500: "2.5rem";
632
- readonly 600: "3rem";
633
- readonly 800: "4rem";
634
- readonly 900: "4.5rem";
635
- };
636
- radii: {
637
- readonly none: 0;
638
- readonly half: "999em";
639
- readonly 25: "2px";
640
- readonly 50: "4px";
641
- readonly 75: "6px";
642
- readonly 100: "8px";
643
- readonly 200: "16px";
644
- };
645
- shadows: {
646
- readonly 50: "0 4px 16px #05003812";
647
- readonly 100: "0 8px 32px #05003808";
648
- readonly 'focus-small': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-inner";
649
- readonly 'focus-small-outline': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 1px $colors$border-focus-middle, inset 0 0 0 2px $colors$border-focus-inner";
650
- readonly 'focus-large': "0 0 0 4px $colors$border-focus-inner, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-outer";
651
- readonly 'focus-controls': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$border-focus-middle, 0 0 0 5px $colors$border-focus-outer";
652
- };
653
- sizes: {
654
- readonly number: string;
655
- readonly 'icon-200': "16px";
656
- readonly 'icon-300': "24px";
657
- readonly 'icon-400': "32px";
658
- };
659
- space: {
660
- readonly none: 0;
661
- readonly 50: "4px";
662
- readonly 100: "8px";
663
- readonly 150: "12px";
664
- readonly 200: "16px";
665
- readonly 300: "24px";
666
- readonly 400: "32px";
667
- readonly 500: "64px";
668
- readonly 600: "48px";
669
- readonly 800: "64px";
670
- readonly 1200: "96px";
671
- readonly 1600: "128px";
672
- };
673
- 'space-gap': {
674
- readonly none: any;
675
- readonly 50: any;
676
- readonly 100: any;
677
- readonly 200: any;
678
- readonly 300: any;
679
- };
680
- 'space-inset': {
681
- readonly none: any;
682
- readonly 50: any;
683
- readonly 100: any;
684
- readonly 150: any;
685
- readonly 200: any;
686
- readonly 300: any;
687
- readonly 400: any;
688
- readonly 600: any;
689
- readonly 800: any;
690
- readonly 1200: any;
691
- readonly 1600: any;
692
- };
693
- 'space-offset': {
694
- readonly none: any;
695
- readonly 50: any;
696
- readonly 100: any;
697
- readonly 150: any;
698
- readonly 200: any;
699
- readonly 300: any;
700
- readonly 400: any;
701
- readonly 600: any;
702
- readonly 800: any;
703
- readonly 1200: any;
704
- readonly 1600: any;
705
- readonly 'stacking-none': any;
706
- readonly 'stacking-100': any;
707
- readonly 'stacking-200': any;
708
- readonly 'stacking-300': any;
709
- readonly 'stacking-400': any;
710
- readonly 'stacking-500': any;
711
- readonly 'stacking-800': any;
712
- };
713
- 'stroke-width': {
714
- readonly thin: "1.5px";
715
- readonly normal: "2px";
716
- readonly bold: "4px";
717
- };
718
- 'z-indices': {
719
- readonly dropdownMenu: 100;
720
- readonly popover: 200;
721
- readonly tooltip: 300;
722
- };
723
- }, {
724
- readonly background: "colors";
725
- readonly backgroundColor: "colors";
726
- readonly backgroundImage: "colors";
727
- readonly blockSize: "sizes";
728
- readonly border: "colors";
729
- readonly borderBlock: "colors";
730
- readonly borderBlockEnd: "colors";
731
- readonly borderBlockStart: "colors";
732
- readonly borderBottom: "colors";
733
- readonly borderBottomColor: "colors";
734
- readonly borderBottomLeftRadius: "radii";
735
- readonly borderBottomRightRadius: "radii";
736
- readonly borderBottomStyle: "border-styles";
737
- readonly borderBottomWidth: "border-widths";
738
- readonly borderColor: "colors";
739
- readonly borderImage: "colors";
740
- readonly borderInline: "colors";
741
- readonly borderInlineEnd: "colors";
742
- readonly borderInlineStart: "colors";
743
- readonly borderLeft: "colors";
744
- readonly borderLeftColor: "colors";
745
- readonly borderLeftStyle: "border-styles";
746
- readonly borderLeftWidth: "border-widths";
747
- readonly borderRadius: "radii";
748
- readonly borderRight: "colors";
749
- readonly borderRightColor: "colors";
750
- readonly borderRightStyle: "border-styles";
751
- readonly borderRightWidth: "border-widths";
752
- readonly borderStyle: "border-styles";
753
- readonly borderTop: "colors";
754
- readonly borderTopColor: "colors";
755
- readonly borderTopLeftRadius: "radii";
756
- readonly borderTopRightRadius: "radii";
757
- readonly borderTopStyle: "border-styles";
758
- readonly borderTopWidth: "border-widths";
759
- readonly borderWidth: "border-widths";
760
- readonly bottom: "space";
761
- readonly boxShadow: "shadows";
762
- readonly caretColor: "colors";
763
- readonly color: "colors";
764
- readonly columnGap: "space-gap";
765
- readonly columnRuleColor: "colors";
766
- readonly fill: "colors";
767
- readonly flexBasis: "sizes";
768
- readonly fontFamily: "fonts";
769
- readonly fontSize: "font-sizes";
770
- readonly fontWeight: "font-weights";
771
- readonly gap: "space-gap";
772
- readonly gridColumnGap: "space-gap";
773
- readonly gridGap: "space-gap";
774
- readonly gridRowGap: "space-gap";
775
- readonly gridTemplateColumns: "sizes";
776
- readonly gridTemplateRows: "sizes";
777
- readonly height: "sizes";
778
- readonly inlineSize: "sizes";
779
- readonly inset: "space-inset";
780
- readonly insetBlock: "space-inset";
781
- readonly insetBlockEnd: "space-inset";
782
- readonly insetBlockStart: "space-inset";
783
- readonly insetInline: "space-inset";
784
- readonly insetInlineEnd: "space-inset";
785
- readonly insetInlineStart: "space-inset";
786
- readonly left: "space";
787
- readonly letterSpacing: "letter-spacings";
788
- readonly lineHeight: "line-heights";
789
- readonly margin: "space-offset";
790
- readonly marginBlock: "space-offset";
791
- readonly marginBlockEnd: "space-offset";
792
- readonly marginBlockStart: "space-offset";
793
- readonly marginBottom: "space-offset";
794
- readonly marginInline: "space-offset";
795
- readonly marginInlineEnd: "space-offset";
796
- readonly marginInlineStart: "space-offset";
797
- readonly marginLeft: "space-offset";
798
- readonly marginRight: "space-offset";
799
- readonly marginTop: "space-offset";
800
- readonly maxBlockSize: "sizes";
801
- readonly maxHeight: "sizes";
802
- readonly maxInlineSize: "sizes";
803
- readonly maxWidth: "sizes";
804
- readonly minBlockSize: "sizes";
805
- readonly minHeight: "sizes";
806
- readonly minInlineSize: "sizes";
807
- readonly minWidth: "sizes";
808
- readonly outline: "colors";
809
- readonly outlineColor: "colors";
810
- readonly padding: "space-inset";
811
- readonly paddingBlock: "space-inset";
812
- readonly paddingBlockEnd: "space-inset";
813
- readonly paddingBlockStart: "space-inset";
814
- readonly paddingBottom: "space-inset";
815
- readonly paddingInline: "space-inset";
816
- readonly paddingInlineEnd: "space-inset";
817
- readonly paddingInlineStart: "space-inset";
818
- readonly paddingLeft: "space-inset";
819
- readonly paddingRight: "space-inset";
820
- readonly paddingTop: "space-inset";
821
- readonly right: "space";
822
- readonly rowGap: "space-gap";
823
- readonly scrollMargin: "space-offset";
824
- readonly scrollMarginBlock: "space-offset";
825
- readonly scrollMarginBlockEnd: "space-offset";
826
- readonly scrollMarginBlockStart: "space-offset";
827
- readonly scrollMarginBottom: "space-offset";
828
- readonly scrollMarginInline: "space-offset";
829
- readonly scrollMarginInlineEnd: "space-offset";
830
- readonly scrollMarginInlineStart: "space-offset";
831
- readonly scrollMarginLeft: "space-offset";
832
- readonly scrollMarginRight: "space-offset";
833
- readonly scrollMarginTop: "space-offset";
834
- readonly scrollPadding: "space-inset";
835
- readonly scrollPaddingBlock: "space-inset";
836
- readonly scrollPaddingBlockEnd: "space-inset";
837
- readonly scrollPaddingBlockStart: "space-inset";
838
- readonly scrollPaddingBottom: "space-inset";
839
- readonly scrollPaddingInline: "space-inset";
840
- readonly scrollPaddingInlineEnd: "space-inset";
841
- readonly scrollPaddingInlineStart: "space-inset";
842
- readonly scrollPaddingLeft: "space-inset";
843
- readonly scrollPaddingRight: "space-inset";
844
- readonly scrollPaddingTop: "space-inset";
845
- readonly stroke: "colors";
846
- readonly strokeWidth: "stroke-width";
847
- readonly textDecorationColor: "colors";
848
- readonly textShadow: "shadows";
849
- readonly top: "space";
850
- readonly transition: "transitions";
851
- readonly width: "sizes";
852
- readonly zIndex: "z-indices";
853
- }, {
854
- paddingX: (value: {
855
- readonly [$$PropertyValue]: "padding";
856
- }) => {
857
- paddingLeft: {
858
- readonly [$$PropertyValue]: "padding";
859
- };
860
- paddingRight: {
861
- readonly [$$PropertyValue]: "padding";
862
- };
863
- };
864
- paddingY: (value: {
865
- readonly [$$PropertyValue]: "padding";
866
- }) => {
867
- paddingTop: {
868
- readonly [$$PropertyValue]: "padding";
869
- };
870
- paddingBottom: {
871
- readonly [$$PropertyValue]: "padding";
872
- };
873
- };
874
- marginX: (value: {
875
- readonly [$$PropertyValue]: "margin";
876
- }) => {
877
- marginLeft: {
878
- readonly [$$PropertyValue]: "margin";
879
- };
880
- marginRight: {
881
- readonly [$$PropertyValue]: "margin";
882
- };
883
- };
884
- marginY: (value: {
885
- readonly [$$PropertyValue]: "margin";
886
- }) => {
887
- marginTop: {
888
- readonly [$$PropertyValue]: "margin";
889
- };
890
- marginBottom: {
891
- readonly [$$PropertyValue]: "margin";
892
- };
893
- };
894
- square: (value: {
895
- readonly [$$PropertyValue]: "width";
896
- }) => {
897
- width: {
898
- readonly [$$PropertyValue]: "width";
899
- };
900
- height: {
901
- readonly [$$PropertyValue]: "width";
902
- };
903
- };
904
- }> | undefined;
905
- }) | (Omit<Pick<Pick<Omit<{}, never> & _stitches_react_types_styled_component.TransformProps<{}, {}> & _mirohq_design_system_stitches.SafeProps<Omit<Pick<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "key" | keyof react.ButtonHTMLAttributes<HTMLButtonElement>> & {
906
- ref?: ((instance: HTMLButtonElement | null) => void) | react.RefObject<HTMLButtonElement> | null | undefined;
907
- } & {
908
- asChild?: boolean | undefined;
909
- }, "css"> & _stitches_react_types_styled_component.TransformProps<{}, {}> & {
910
- css?: _stitches_react_types_css_util.CSS<{}, {
911
- 'border-widths': {
912
- readonly none: 0;
913
- readonly sm: "1px";
914
- readonly md: "2px";
915
- readonly lg: "4px";
916
- };
917
- colors: {
918
- readonly 'blue-100': any;
919
- readonly 'blue-200': any;
920
- readonly 'blue-300': any;
921
- readonly 'blue-400': any;
922
- readonly 'blue-500': any;
923
- readonly 'blue-600': any;
924
- readonly 'blue-700': any;
925
- readonly 'blue-800': any;
926
- readonly 'blue-900': any;
927
- readonly 'blue-1000': any;
928
- readonly 'gray-100': any;
929
- readonly 'gray-200': any;
930
- readonly 'gray-300': any;
931
- readonly 'gray-400': any;
932
- readonly 'gray-500': any;
933
- readonly 'gray-600': any;
934
- readonly 'gray-700': any;
935
- readonly 'gray-800': any;
936
- readonly 'gray-900': any;
937
- readonly 'indigo-100': any;
938
- readonly 'indigo-200': any;
939
- readonly 'indigo-300': any;
940
- readonly 'indigo-400': any;
941
- readonly 'indigo-500': any;
942
- readonly 'indigo-600': any;
943
- readonly 'indigo-700': any;
944
- readonly 'indigo-800': any;
945
- readonly 'indigo-900': any;
946
- readonly 'red-100': any;
947
- readonly 'red-200': any;
948
- readonly 'red-300': any;
949
- readonly 'red-400': any;
950
- readonly 'red-500': any;
951
- readonly 'red-600': any;
952
- readonly 'red-700': any;
953
- readonly 'red-800': any;
954
- readonly 'red-900': any;
955
- readonly 'yellow-100': any;
956
- readonly 'yellow-200': any;
957
- readonly 'yellow-300': any;
958
- readonly 'yellow-400': any;
959
- readonly 'yellow-500': any;
960
- readonly 'yellow-600': any;
961
- readonly 'yellow-700': any;
962
- readonly 'yellow-800': any;
963
- readonly 'yellow-900': any;
964
- readonly 'green-100': any;
965
- readonly 'green-200': any;
966
- readonly 'green-300': any;
967
- readonly 'green-400': any;
968
- readonly 'green-500': any;
969
- readonly 'green-600': any;
970
- readonly 'green-700': any;
971
- readonly 'green-800': any;
972
- readonly 'green-900': any;
973
- readonly black: any;
974
- readonly white: any;
975
- readonly transparent: any;
976
- readonly 'background-danger'?: any;
977
- readonly 'background-danger-hover'?: any;
978
- readonly 'background-danger-prominent'?: any;
979
- readonly 'background-danger-prominent-active'?: any;
980
- readonly 'background-danger-prominent-hover'?: any;
981
- readonly 'background-neutrals'?: any;
982
- readonly 'background-neutrals-body'?: any;
983
- readonly 'background-neutrals-container'?: any;
984
- readonly 'background-neutrals-controls-disabled'?: any;
985
- readonly 'background-neutrals-disabled'?: any;
986
- readonly 'background-neutrals-inactive'?: any;
987
- readonly 'background-neutrals-inactive-hover'?: any;
988
- readonly 'background-neutrals-inverted'?: any;
989
- readonly 'background-neutrals-inverted-subtle'?: any;
990
- readonly 'background-neutrals-scrolls'?: any;
991
- readonly 'background-neutrals-scrolls-hover'?: any;
992
- readonly 'background-neutrals-subtle'?: any;
993
- readonly 'background-neutrals-subtle-active'?: any;
994
- readonly 'background-neutrals-subtle-hover'?: any;
995
- readonly 'background-primary-prominent'?: any;
996
- readonly 'background-primary-prominent-active'?: any;
997
- readonly 'background-primary-prominent-hover'?: any;
998
- readonly 'background-primary-prominent-selected'?: any;
999
- readonly 'background-primary-subtle'?: any;
1000
- readonly 'background-primary-subtle-active'?: any;
1001
- readonly 'background-primary-subtle-hover'?: any;
1002
- readonly 'background-primary-subtle-selected'?: any;
1003
- readonly 'background-success'?: any;
1004
- readonly 'background-warning-prominent'?: any;
1005
- readonly 'background-warning-subtle'?: any;
1006
- readonly 'text-danger'?: any;
1007
- readonly 'text-danger-active'?: any;
1008
- readonly 'text-danger-hover'?: any;
1009
- readonly 'text-danger-inverted'?: any;
1010
- readonly 'text-neutrals'?: any;
1011
- readonly 'text-neutrals-disabled'?: any;
1012
- readonly 'text-neutrals-inverted'?: any;
1013
- readonly 'text-neutrals-link'?: any;
1014
- readonly 'text-neutrals-link-active'?: any;
1015
- readonly 'text-neutrals-link-hover'?: any;
1016
- readonly 'text-neutrals-placeholder'?: any;
1017
- readonly 'text-neutrals-placeholder-only'?: any;
1018
- readonly 'text-neutrals-subtle'?: any;
1019
- readonly 'text-primary'?: any;
1020
- readonly 'text-primary-active'?: any;
1021
- readonly 'text-primary-hover'?: any;
1022
- readonly 'text-primary-inverted'?: any;
1023
- readonly 'text-primary-inverted-subtle'?: any;
1024
- readonly 'text-primary-selected'?: any;
1025
- readonly 'text-success'?: any;
1026
- readonly 'text-warning'?: any;
1027
- readonly 'icon-danger'?: any;
1028
- readonly 'icon-danger-active'?: any;
1029
- readonly 'icon-danger-hover'?: any;
1030
- readonly 'icon-danger-inverted'?: any;
1031
- readonly 'icon-neutrals'?: any;
1032
- readonly 'icon-neutrals-disabled'?: any;
1033
- readonly 'icon-neutrals-inactive'?: any;
1034
- readonly 'icon-neutrals-inactive-hover'?: any;
1035
- readonly 'icon-neutrals-inverted'?: any;
1036
- readonly 'icon-neutrals-search'?: any;
1037
- readonly 'icon-neutrals-subtle'?: any;
1038
- readonly 'icon-neutrals-with-text'?: any;
1039
- readonly 'icon-primary'?: any;
1040
- readonly 'icon-primary-active'?: any;
1041
- readonly 'icon-primary-hover'?: any;
1042
- readonly 'icon-primary-inverted'?: any;
1043
- readonly 'icon-primary-selected'?: any;
1044
- readonly 'icon-success'?: any;
1045
- readonly 'icon-success-inverted'?: any;
1046
- readonly 'icon-warning'?: any;
1047
- readonly 'border-danger'?: any;
1048
- readonly 'border-focus-inner'?: any;
1049
- readonly 'border-focus-middle'?: any;
1050
- readonly 'border-focus-outer'?: any;
1051
- readonly 'border-neutrals'?: any;
1052
- readonly 'border-neutrals-active'?: any;
1053
- readonly 'border-neutrals-controls'?: any;
1054
- readonly 'border-neutrals-controls-disabled'?: any;
1055
- readonly 'border-neutrals-disabled'?: any;
1056
- readonly 'border-neutrals-hover'?: any;
1057
- readonly 'border-neutrals-inverted'?: any;
1058
- readonly 'border-neutrals-subtle'?: any;
1059
- readonly 'border-primary'?: any;
1060
- readonly 'border-primary-active'?: any;
1061
- readonly 'border-primary-hover'?: any;
1062
- readonly 'border-primary-inverted'?: any;
1063
- readonly 'border-success'?: any;
1064
- readonly 'border-warning'?: any;
1065
- };
1066
- 'font-sizes': {
1067
- readonly 150: "0.75rem";
1068
- readonly 175: "0.875rem";
1069
- readonly 200: "1rem";
1070
- readonly 225: "1.125rem";
1071
- readonly 250: "1.25rem";
1072
- readonly 300: "1.5rem";
1073
- readonly 400: "2rem";
1074
- readonly 500: "2.5rem";
1075
- readonly 600: "3rem";
1076
- readonly 800: "4rem";
1077
- readonly 900: "4.5rem";
1078
- };
1079
- radii: {
1080
- readonly none: 0;
1081
- readonly half: "999em";
1082
- readonly 25: "2px";
1083
- readonly 50: "4px";
1084
- readonly 75: "6px";
1085
- readonly 100: "8px";
1086
- readonly 200: "16px";
1087
- };
1088
- shadows: {
1089
- readonly 50: "0 4px 16px #05003812";
1090
- readonly 100: "0 8px 32px #05003808";
1091
- readonly 'focus-small': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-inner";
1092
- readonly 'focus-small-outline': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 1px $colors$border-focus-middle, inset 0 0 0 2px $colors$border-focus-inner";
1093
- readonly 'focus-large': "0 0 0 4px $colors$border-focus-inner, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-outer";
1094
- readonly 'focus-controls': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$border-focus-middle, 0 0 0 5px $colors$border-focus-outer";
1095
- };
1096
- sizes: {
1097
- readonly number: string;
1098
- readonly 'icon-200': "16px";
1099
- readonly 'icon-300': "24px";
1100
- readonly 'icon-400': "32px";
1101
- };
1102
- space: {
1103
- readonly none: 0;
1104
- readonly 50: "4px";
1105
- readonly 100: "8px";
1106
- readonly 150: "12px";
1107
- readonly 200: "16px";
1108
- readonly 300: "24px";
1109
- readonly 400: "32px";
1110
- readonly 500: "64px";
1111
- readonly 600: "48px";
1112
- readonly 800: "64px";
1113
- readonly 1200: "96px";
1114
- readonly 1600: "128px";
1115
- };
1116
- 'space-gap': {
1117
- readonly none: any;
1118
- readonly 50: any;
1119
- readonly 100: any;
1120
- readonly 200: any;
1121
- readonly 300: any;
1122
- };
1123
- 'space-inset': {
1124
- readonly none: any;
1125
- readonly 50: any;
1126
- readonly 100: any;
1127
- readonly 150: any;
1128
- readonly 200: any;
1129
- readonly 300: any;
1130
- readonly 400: any;
1131
- readonly 600: any;
1132
- readonly 800: any;
1133
- readonly 1200: any;
1134
- readonly 1600: any;
1135
- };
1136
- 'space-offset': {
1137
- readonly none: any;
1138
- readonly 50: any;
1139
- readonly 100: any;
1140
- readonly 150: any;
1141
- readonly 200: any;
1142
- readonly 300: any;
1143
- readonly 400: any;
1144
- readonly 600: any;
1145
- readonly 800: any;
1146
- readonly 1200: any;
1147
- readonly 1600: any;
1148
- readonly 'stacking-none': any;
1149
- readonly 'stacking-100': any;
1150
- readonly 'stacking-200': any;
1151
- readonly 'stacking-300': any;
1152
- readonly 'stacking-400': any;
1153
- readonly 'stacking-500': any;
1154
- readonly 'stacking-800': any;
1155
- };
1156
- 'stroke-width': {
1157
- readonly thin: "1.5px";
1158
- readonly normal: "2px";
1159
- readonly bold: "4px";
1160
- };
1161
- 'z-indices': {
1162
- readonly dropdownMenu: 100;
1163
- readonly popover: 200;
1164
- readonly tooltip: 300;
1165
- };
1166
- }, {
1167
- readonly background: "colors";
1168
- readonly backgroundColor: "colors";
1169
- readonly backgroundImage: "colors";
1170
- readonly blockSize: "sizes";
1171
- readonly border: "colors";
1172
- readonly borderBlock: "colors";
1173
- readonly borderBlockEnd: "colors";
1174
- readonly borderBlockStart: "colors";
1175
- readonly borderBottom: "colors";
1176
- readonly borderBottomColor: "colors";
1177
- readonly borderBottomLeftRadius: "radii";
1178
- readonly borderBottomRightRadius: "radii";
1179
- readonly borderBottomStyle: "border-styles";
1180
- readonly borderBottomWidth: "border-widths";
1181
- readonly borderColor: "colors";
1182
- readonly borderImage: "colors";
1183
- readonly borderInline: "colors";
1184
- readonly borderInlineEnd: "colors";
1185
- readonly borderInlineStart: "colors";
1186
- readonly borderLeft: "colors";
1187
- readonly borderLeftColor: "colors";
1188
- readonly borderLeftStyle: "border-styles";
1189
- readonly borderLeftWidth: "border-widths";
1190
- readonly borderRadius: "radii";
1191
- readonly borderRight: "colors";
1192
- readonly borderRightColor: "colors";
1193
- readonly borderRightStyle: "border-styles";
1194
- readonly borderRightWidth: "border-widths";
1195
- readonly borderStyle: "border-styles";
1196
- readonly borderTop: "colors";
1197
- readonly borderTopColor: "colors";
1198
- readonly borderTopLeftRadius: "radii";
1199
- readonly borderTopRightRadius: "radii";
1200
- readonly borderTopStyle: "border-styles";
1201
- readonly borderTopWidth: "border-widths";
1202
- readonly borderWidth: "border-widths";
1203
- readonly bottom: "space";
1204
- readonly boxShadow: "shadows";
1205
- readonly caretColor: "colors";
1206
- readonly color: "colors";
1207
- readonly columnGap: "space-gap";
1208
- readonly columnRuleColor: "colors";
1209
- readonly fill: "colors";
1210
- readonly flexBasis: "sizes";
1211
- readonly fontFamily: "fonts";
1212
- readonly fontSize: "font-sizes";
1213
- readonly fontWeight: "font-weights";
1214
- readonly gap: "space-gap";
1215
- readonly gridColumnGap: "space-gap";
1216
- readonly gridGap: "space-gap";
1217
- readonly gridRowGap: "space-gap";
1218
- readonly gridTemplateColumns: "sizes";
1219
- readonly gridTemplateRows: "sizes";
1220
- readonly height: "sizes";
1221
- readonly inlineSize: "sizes";
1222
- readonly inset: "space-inset";
1223
- readonly insetBlock: "space-inset";
1224
- readonly insetBlockEnd: "space-inset";
1225
- readonly insetBlockStart: "space-inset";
1226
- readonly insetInline: "space-inset";
1227
- readonly insetInlineEnd: "space-inset";
1228
- readonly insetInlineStart: "space-inset";
1229
- readonly left: "space";
1230
- readonly letterSpacing: "letter-spacings";
1231
- readonly lineHeight: "line-heights";
1232
- readonly margin: "space-offset";
1233
- readonly marginBlock: "space-offset";
1234
- readonly marginBlockEnd: "space-offset";
1235
- readonly marginBlockStart: "space-offset";
1236
- readonly marginBottom: "space-offset";
1237
- readonly marginInline: "space-offset";
1238
- readonly marginInlineEnd: "space-offset";
1239
- readonly marginInlineStart: "space-offset";
1240
- readonly marginLeft: "space-offset";
1241
- readonly marginRight: "space-offset";
1242
- readonly marginTop: "space-offset";
1243
- readonly maxBlockSize: "sizes";
1244
- readonly maxHeight: "sizes";
1245
- readonly maxInlineSize: "sizes";
1246
- readonly maxWidth: "sizes";
1247
- readonly minBlockSize: "sizes";
1248
- readonly minHeight: "sizes";
1249
- readonly minInlineSize: "sizes";
1250
- readonly minWidth: "sizes";
1251
- readonly outline: "colors";
1252
- readonly outlineColor: "colors";
1253
- readonly padding: "space-inset";
1254
- readonly paddingBlock: "space-inset";
1255
- readonly paddingBlockEnd: "space-inset";
1256
- readonly paddingBlockStart: "space-inset";
1257
- readonly paddingBottom: "space-inset";
1258
- readonly paddingInline: "space-inset";
1259
- readonly paddingInlineEnd: "space-inset";
1260
- readonly paddingInlineStart: "space-inset";
1261
- readonly paddingLeft: "space-inset";
1262
- readonly paddingRight: "space-inset";
1263
- readonly paddingTop: "space-inset";
1264
- readonly right: "space";
1265
- readonly rowGap: "space-gap";
1266
- readonly scrollMargin: "space-offset";
1267
- readonly scrollMarginBlock: "space-offset";
1268
- readonly scrollMarginBlockEnd: "space-offset";
1269
- readonly scrollMarginBlockStart: "space-offset";
1270
- readonly scrollMarginBottom: "space-offset";
1271
- readonly scrollMarginInline: "space-offset";
1272
- readonly scrollMarginInlineEnd: "space-offset";
1273
- readonly scrollMarginInlineStart: "space-offset";
1274
- readonly scrollMarginLeft: "space-offset";
1275
- readonly scrollMarginRight: "space-offset";
1276
- readonly scrollMarginTop: "space-offset";
1277
- readonly scrollPadding: "space-inset";
1278
- readonly scrollPaddingBlock: "space-inset";
1279
- readonly scrollPaddingBlockEnd: "space-inset";
1280
- readonly scrollPaddingBlockStart: "space-inset";
1281
- readonly scrollPaddingBottom: "space-inset";
1282
- readonly scrollPaddingInline: "space-inset";
1283
- readonly scrollPaddingInlineEnd: "space-inset";
1284
- readonly scrollPaddingInlineStart: "space-inset";
1285
- readonly scrollPaddingLeft: "space-inset";
1286
- readonly scrollPaddingRight: "space-inset";
1287
- readonly scrollPaddingTop: "space-inset";
1288
- readonly stroke: "colors";
1289
- readonly strokeWidth: "stroke-width";
1290
- readonly textDecorationColor: "colors";
1291
- readonly textShadow: "shadows";
1292
- readonly top: "space";
1293
- readonly transition: "transitions";
1294
- readonly width: "sizes";
1295
- readonly zIndex: "z-indices";
1296
- }, {
1297
- paddingX: (value: {
1298
- readonly [$$PropertyValue]: "padding";
1299
- }) => {
1300
- paddingLeft: {
1301
- readonly [$$PropertyValue]: "padding";
1302
- };
1303
- paddingRight: {
1304
- readonly [$$PropertyValue]: "padding";
1305
- };
1306
- };
1307
- paddingY: (value: {
1308
- readonly [$$PropertyValue]: "padding";
1309
- }) => {
1310
- paddingTop: {
1311
- readonly [$$PropertyValue]: "padding";
1312
- };
1313
- paddingBottom: {
1314
- readonly [$$PropertyValue]: "padding";
1315
- };
1316
- };
1317
- marginX: (value: {
1318
- readonly [$$PropertyValue]: "margin";
1319
- }) => {
1320
- marginLeft: {
1321
- readonly [$$PropertyValue]: "margin";
1322
- };
1323
- marginRight: {
1324
- readonly [$$PropertyValue]: "margin";
1325
- };
1326
- };
1327
- marginY: (value: {
1328
- readonly [$$PropertyValue]: "margin";
1329
- }) => {
1330
- marginTop: {
1331
- readonly [$$PropertyValue]: "margin";
1332
- };
1333
- marginBottom: {
1334
- readonly [$$PropertyValue]: "margin";
1335
- };
1336
- };
1337
- square: (value: {
1338
- readonly [$$PropertyValue]: "width";
1339
- }) => {
1340
- width: {
1341
- readonly [$$PropertyValue]: "width";
1342
- };
1343
- height: {
1344
- readonly [$$PropertyValue]: "width";
1345
- };
1346
- };
1347
- }> | undefined;
1348
- }> & {
1349
- children?: react.ReactNode;
1350
- } & _mirohq_design_system_stitches.CustomStylesProps, "form" | "slot" | "title" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "autoFocus" | "disabled" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "type" | "value" | "asChild" | keyof _mirohq_design_system_stitches.CustomStylesProps> & react.RefAttributes<HTMLButtonElement> & _mirohq_design_system_hooks_use_press.PressProps & packages_components_internal_base_button_src_base_button.HoverEvents & react.AnchorHTMLAttributes<"a"> & {
1351
- href: string;
1352
- }, "form" | "key" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "value" | "asChild" | keyof _mirohq_design_system_stitches.CustomStylesProps | keyof _mirohq_design_system_hooks_use_press.PressProps | keyof packages_components_internal_base_button_src_base_button.HoverEvents | keyof react.AnchorHTMLAttributes<"a">> & react.RefAttributes<HTMLButtonElement | HTMLAnchorElement>, "css"> & _stitches_react_types_styled_component.TransformProps<{}, {}> & {
1353
- css?: _stitches_react_types_css_util.CSS<{}, {
1354
- 'border-widths': {
1355
- readonly none: 0;
1356
- readonly sm: "1px";
1357
- readonly md: "2px";
1358
- readonly lg: "4px";
1359
- };
1360
- colors: {
1361
- readonly 'blue-100': any;
1362
- readonly 'blue-200': any;
1363
- readonly 'blue-300': any;
1364
- readonly 'blue-400': any;
1365
- readonly 'blue-500': any;
1366
- readonly 'blue-600': any;
1367
- readonly 'blue-700': any;
1368
- readonly 'blue-800': any;
1369
- readonly 'blue-900': any;
1370
- readonly 'blue-1000': any;
1371
- readonly 'gray-100': any;
1372
- readonly 'gray-200': any;
1373
- readonly 'gray-300': any;
1374
- readonly 'gray-400': any;
1375
- readonly 'gray-500': any;
1376
- readonly 'gray-600': any;
1377
- readonly 'gray-700': any;
1378
- readonly 'gray-800': any;
1379
- readonly 'gray-900': any;
1380
- readonly 'indigo-100': any;
1381
- readonly 'indigo-200': any;
1382
- readonly 'indigo-300': any;
1383
- readonly 'indigo-400': any;
1384
- readonly 'indigo-500': any;
1385
- readonly 'indigo-600': any;
1386
- readonly 'indigo-700': any;
1387
- readonly 'indigo-800': any;
1388
- readonly 'indigo-900': any;
1389
- readonly 'red-100': any;
1390
- readonly 'red-200': any;
1391
- readonly 'red-300': any;
1392
- readonly 'red-400': any;
1393
- readonly 'red-500': any;
1394
- readonly 'red-600': any;
1395
- readonly 'red-700': any;
1396
- readonly 'red-800': any;
1397
- readonly 'red-900': any;
1398
- readonly 'yellow-100': any;
1399
- readonly 'yellow-200': any;
1400
- readonly 'yellow-300': any;
1401
- readonly 'yellow-400': any;
1402
- readonly 'yellow-500': any;
1403
- readonly 'yellow-600': any;
1404
- readonly 'yellow-700': any;
1405
- readonly 'yellow-800': any;
1406
- readonly 'yellow-900': any;
1407
- readonly 'green-100': any;
1408
- readonly 'green-200': any;
1409
- readonly 'green-300': any;
1410
- readonly 'green-400': any;
1411
- readonly 'green-500': any;
1412
- readonly 'green-600': any;
1413
- readonly 'green-700': any;
1414
- readonly 'green-800': any;
1415
- readonly 'green-900': any;
1416
- readonly black: any;
1417
- readonly white: any;
1418
- readonly transparent: any;
1419
- readonly 'background-danger'?: any;
1420
- readonly 'background-danger-hover'?: any;
1421
- readonly 'background-danger-prominent'?: any;
1422
- readonly 'background-danger-prominent-active'?: any;
1423
- readonly 'background-danger-prominent-hover'?: any;
1424
- readonly 'background-neutrals'?: any;
1425
- readonly 'background-neutrals-body'?: any;
1426
- readonly 'background-neutrals-container'?: any;
1427
- readonly 'background-neutrals-controls-disabled'?: any;
1428
- readonly 'background-neutrals-disabled'?: any;
1429
- readonly 'background-neutrals-inactive'?: any;
1430
- readonly 'background-neutrals-inactive-hover'?: any;
1431
- readonly 'background-neutrals-inverted'?: any;
1432
- readonly 'background-neutrals-inverted-subtle'?: any;
1433
- readonly 'background-neutrals-scrolls'?: any;
1434
- readonly 'background-neutrals-scrolls-hover'?: any;
1435
- readonly 'background-neutrals-subtle'?: any;
1436
- readonly 'background-neutrals-subtle-active'?: any;
1437
- readonly 'background-neutrals-subtle-hover'?: any;
1438
- readonly 'background-primary-prominent'?: any;
1439
- readonly 'background-primary-prominent-active'?: any;
1440
- readonly 'background-primary-prominent-hover'?: any;
1441
- readonly 'background-primary-prominent-selected'?: any;
1442
- readonly 'background-primary-subtle'?: any;
1443
- readonly 'background-primary-subtle-active'?: any;
1444
- readonly 'background-primary-subtle-hover'?: any;
1445
- readonly 'background-primary-subtle-selected'?: any;
1446
- readonly 'background-success'?: any;
1447
- readonly 'background-warning-prominent'?: any;
1448
- readonly 'background-warning-subtle'?: any;
1449
- readonly 'text-danger'?: any;
1450
- readonly 'text-danger-active'?: any;
1451
- readonly 'text-danger-hover'?: any;
1452
- readonly 'text-danger-inverted'?: any;
1453
- readonly 'text-neutrals'?: any;
1454
- readonly 'text-neutrals-disabled'?: any;
1455
- readonly 'text-neutrals-inverted'?: any;
1456
- readonly 'text-neutrals-link'?: any;
1457
- readonly 'text-neutrals-link-active'?: any;
1458
- readonly 'text-neutrals-link-hover'?: any;
1459
- readonly 'text-neutrals-placeholder'?: any;
1460
- readonly 'text-neutrals-placeholder-only'?: any;
1461
- readonly 'text-neutrals-subtle'?: any;
1462
- readonly 'text-primary'?: any;
1463
- readonly 'text-primary-active'?: any;
1464
- readonly 'text-primary-hover'?: any;
1465
- readonly 'text-primary-inverted'?: any;
1466
- readonly 'text-primary-inverted-subtle'?: any;
1467
- readonly 'text-primary-selected'?: any;
1468
- readonly 'text-success'?: any;
1469
- readonly 'text-warning'?: any;
1470
- readonly 'icon-danger'?: any;
1471
- readonly 'icon-danger-active'?: any;
1472
- readonly 'icon-danger-hover'?: any;
1473
- readonly 'icon-danger-inverted'?: any;
1474
- readonly 'icon-neutrals'?: any;
1475
- readonly 'icon-neutrals-disabled'?: any;
1476
- readonly 'icon-neutrals-inactive'?: any;
1477
- readonly 'icon-neutrals-inactive-hover'?: any;
1478
- readonly 'icon-neutrals-inverted'?: any;
1479
- readonly 'icon-neutrals-search'?: any;
1480
- readonly 'icon-neutrals-subtle'?: any;
1481
- readonly 'icon-neutrals-with-text'?: any;
1482
- readonly 'icon-primary'?: any;
1483
- readonly 'icon-primary-active'?: any;
1484
- readonly 'icon-primary-hover'?: any;
1485
- readonly 'icon-primary-inverted'?: any;
1486
- readonly 'icon-primary-selected'?: any;
1487
- readonly 'icon-success'?: any;
1488
- readonly 'icon-success-inverted'?: any;
1489
- readonly 'icon-warning'?: any;
1490
- readonly 'border-danger'?: any;
1491
- readonly 'border-focus-inner'?: any;
1492
- readonly 'border-focus-middle'?: any;
1493
- readonly 'border-focus-outer'?: any;
1494
- readonly 'border-neutrals'?: any;
1495
- readonly 'border-neutrals-active'?: any;
1496
- readonly 'border-neutrals-controls'?: any;
1497
- readonly 'border-neutrals-controls-disabled'?: any;
1498
- readonly 'border-neutrals-disabled'?: any;
1499
- readonly 'border-neutrals-hover'?: any;
1500
- readonly 'border-neutrals-inverted'?: any;
1501
- readonly 'border-neutrals-subtle'?: any;
1502
- readonly 'border-primary'?: any;
1503
- readonly 'border-primary-active'?: any;
1504
- readonly 'border-primary-hover'?: any;
1505
- readonly 'border-primary-inverted'?: any;
1506
- readonly 'border-success'?: any;
1507
- readonly 'border-warning'?: any;
1508
- };
1509
- 'font-sizes': {
1510
- readonly 150: "0.75rem";
1511
- readonly 175: "0.875rem";
1512
- readonly 200: "1rem";
1513
- readonly 225: "1.125rem";
1514
- readonly 250: "1.25rem";
1515
- readonly 300: "1.5rem";
1516
- readonly 400: "2rem";
1517
- readonly 500: "2.5rem";
1518
- readonly 600: "3rem";
1519
- readonly 800: "4rem";
1520
- readonly 900: "4.5rem";
1521
- };
1522
- radii: {
1523
- readonly none: 0;
1524
- readonly half: "999em";
1525
- readonly 25: "2px";
1526
- readonly 50: "4px";
1527
- readonly 75: "6px";
1528
- readonly 100: "8px";
1529
- readonly 200: "16px";
1530
- };
1531
- shadows: {
1532
- readonly 50: "0 4px 16px #05003812";
1533
- readonly 100: "0 8px 32px #05003808";
1534
- readonly 'focus-small': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-inner";
1535
- readonly 'focus-small-outline': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 1px $colors$border-focus-middle, inset 0 0 0 2px $colors$border-focus-inner";
1536
- readonly 'focus-large': "0 0 0 4px $colors$border-focus-inner, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-outer";
1537
- readonly 'focus-controls': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$border-focus-middle, 0 0 0 5px $colors$border-focus-outer";
1538
- };
1539
- sizes: {
1540
- readonly number: string;
1541
- readonly 'icon-200': "16px";
1542
- readonly 'icon-300': "24px";
1543
- readonly 'icon-400': "32px";
1544
- };
1545
- space: {
1546
- readonly none: 0;
1547
- readonly 50: "4px";
1548
- readonly 100: "8px";
1549
- readonly 150: "12px";
1550
- readonly 200: "16px";
1551
- readonly 300: "24px";
1552
- readonly 400: "32px";
1553
- readonly 500: "64px";
1554
- readonly 600: "48px";
1555
- readonly 800: "64px";
1556
- readonly 1200: "96px";
1557
- readonly 1600: "128px";
1558
- };
1559
- 'space-gap': {
1560
- readonly none: any;
1561
- readonly 50: any;
1562
- readonly 100: any;
1563
- readonly 200: any;
1564
- readonly 300: any;
1565
- };
1566
- 'space-inset': {
1567
- readonly none: any;
1568
- readonly 50: any;
1569
- readonly 100: any;
1570
- readonly 150: any;
1571
- readonly 200: any;
1572
- readonly 300: any;
1573
- readonly 400: any;
1574
- readonly 600: any;
1575
- readonly 800: any;
1576
- readonly 1200: any;
1577
- readonly 1600: any;
1578
- };
1579
- 'space-offset': {
1580
- readonly none: any;
1581
- readonly 50: any;
1582
- readonly 100: any;
1583
- readonly 150: any;
1584
- readonly 200: any;
1585
- readonly 300: any;
1586
- readonly 400: any;
1587
- readonly 600: any;
1588
- readonly 800: any;
1589
- readonly 1200: any;
1590
- readonly 1600: any;
1591
- readonly 'stacking-none': any;
1592
- readonly 'stacking-100': any;
1593
- readonly 'stacking-200': any;
1594
- readonly 'stacking-300': any;
1595
- readonly 'stacking-400': any;
1596
- readonly 'stacking-500': any;
1597
- readonly 'stacking-800': any;
1598
- };
1599
- 'stroke-width': {
1600
- readonly thin: "1.5px";
1601
- readonly normal: "2px";
1602
- readonly bold: "4px";
1603
- };
1604
- 'z-indices': {
1605
- readonly dropdownMenu: 100;
1606
- readonly popover: 200;
1607
- readonly tooltip: 300;
1608
- };
1609
- }, {
1610
- readonly background: "colors";
1611
- readonly backgroundColor: "colors";
1612
- readonly backgroundImage: "colors";
1613
- readonly blockSize: "sizes";
1614
- readonly border: "colors";
1615
- readonly borderBlock: "colors";
1616
- readonly borderBlockEnd: "colors";
1617
- readonly borderBlockStart: "colors";
1618
- readonly borderBottom: "colors";
1619
- readonly borderBottomColor: "colors";
1620
- readonly borderBottomLeftRadius: "radii";
1621
- readonly borderBottomRightRadius: "radii";
1622
- readonly borderBottomStyle: "border-styles";
1623
- readonly borderBottomWidth: "border-widths";
1624
- readonly borderColor: "colors";
1625
- readonly borderImage: "colors";
1626
- readonly borderInline: "colors";
1627
- readonly borderInlineEnd: "colors";
1628
- readonly borderInlineStart: "colors";
1629
- readonly borderLeft: "colors";
1630
- readonly borderLeftColor: "colors";
1631
- readonly borderLeftStyle: "border-styles";
1632
- readonly borderLeftWidth: "border-widths";
1633
- readonly borderRadius: "radii";
1634
- readonly borderRight: "colors";
1635
- readonly borderRightColor: "colors";
1636
- readonly borderRightStyle: "border-styles";
1637
- readonly borderRightWidth: "border-widths";
1638
- readonly borderStyle: "border-styles";
1639
- readonly borderTop: "colors";
1640
- readonly borderTopColor: "colors";
1641
- readonly borderTopLeftRadius: "radii";
1642
- readonly borderTopRightRadius: "radii";
1643
- readonly borderTopStyle: "border-styles";
1644
- readonly borderTopWidth: "border-widths";
1645
- readonly borderWidth: "border-widths";
1646
- readonly bottom: "space";
1647
- readonly boxShadow: "shadows";
1648
- readonly caretColor: "colors";
1649
- readonly color: "colors";
1650
- readonly columnGap: "space-gap";
1651
- readonly columnRuleColor: "colors";
1652
- readonly fill: "colors";
1653
- readonly flexBasis: "sizes";
1654
- readonly fontFamily: "fonts";
1655
- readonly fontSize: "font-sizes";
1656
- readonly fontWeight: "font-weights";
1657
- readonly gap: "space-gap";
1658
- readonly gridColumnGap: "space-gap";
1659
- readonly gridGap: "space-gap";
1660
- readonly gridRowGap: "space-gap";
1661
- readonly gridTemplateColumns: "sizes";
1662
- readonly gridTemplateRows: "sizes";
1663
- readonly height: "sizes";
1664
- readonly inlineSize: "sizes";
1665
- readonly inset: "space-inset";
1666
- readonly insetBlock: "space-inset";
1667
- readonly insetBlockEnd: "space-inset";
1668
- readonly insetBlockStart: "space-inset";
1669
- readonly insetInline: "space-inset";
1670
- readonly insetInlineEnd: "space-inset";
1671
- readonly insetInlineStart: "space-inset";
1672
- readonly left: "space";
1673
- readonly letterSpacing: "letter-spacings";
1674
- readonly lineHeight: "line-heights";
1675
- readonly margin: "space-offset";
1676
- readonly marginBlock: "space-offset";
1677
- readonly marginBlockEnd: "space-offset";
1678
- readonly marginBlockStart: "space-offset";
1679
- readonly marginBottom: "space-offset";
1680
- readonly marginInline: "space-offset";
1681
- readonly marginInlineEnd: "space-offset";
1682
- readonly marginInlineStart: "space-offset";
1683
- readonly marginLeft: "space-offset";
1684
- readonly marginRight: "space-offset";
1685
- readonly marginTop: "space-offset";
1686
- readonly maxBlockSize: "sizes";
1687
- readonly maxHeight: "sizes";
1688
- readonly maxInlineSize: "sizes";
1689
- readonly maxWidth: "sizes";
1690
- readonly minBlockSize: "sizes";
1691
- readonly minHeight: "sizes";
1692
- readonly minInlineSize: "sizes";
1693
- readonly minWidth: "sizes";
1694
- readonly outline: "colors";
1695
- readonly outlineColor: "colors";
1696
- readonly padding: "space-inset";
1697
- readonly paddingBlock: "space-inset";
1698
- readonly paddingBlockEnd: "space-inset";
1699
- readonly paddingBlockStart: "space-inset";
1700
- readonly paddingBottom: "space-inset";
1701
- readonly paddingInline: "space-inset";
1702
- readonly paddingInlineEnd: "space-inset";
1703
- readonly paddingInlineStart: "space-inset";
1704
- readonly paddingLeft: "space-inset";
1705
- readonly paddingRight: "space-inset";
1706
- readonly paddingTop: "space-inset";
1707
- readonly right: "space";
1708
- readonly rowGap: "space-gap";
1709
- readonly scrollMargin: "space-offset";
1710
- readonly scrollMarginBlock: "space-offset";
1711
- readonly scrollMarginBlockEnd: "space-offset";
1712
- readonly scrollMarginBlockStart: "space-offset";
1713
- readonly scrollMarginBottom: "space-offset";
1714
- readonly scrollMarginInline: "space-offset";
1715
- readonly scrollMarginInlineEnd: "space-offset";
1716
- readonly scrollMarginInlineStart: "space-offset";
1717
- readonly scrollMarginLeft: "space-offset";
1718
- readonly scrollMarginRight: "space-offset";
1719
- readonly scrollMarginTop: "space-offset";
1720
- readonly scrollPadding: "space-inset";
1721
- readonly scrollPaddingBlock: "space-inset";
1722
- readonly scrollPaddingBlockEnd: "space-inset";
1723
- readonly scrollPaddingBlockStart: "space-inset";
1724
- readonly scrollPaddingBottom: "space-inset";
1725
- readonly scrollPaddingInline: "space-inset";
1726
- readonly scrollPaddingInlineEnd: "space-inset";
1727
- readonly scrollPaddingInlineStart: "space-inset";
1728
- readonly scrollPaddingLeft: "space-inset";
1729
- readonly scrollPaddingRight: "space-inset";
1730
- readonly scrollPaddingTop: "space-inset";
1731
- readonly stroke: "colors";
1732
- readonly strokeWidth: "stroke-width";
1733
- readonly textDecorationColor: "colors";
1734
- readonly textShadow: "shadows";
1735
- readonly top: "space";
1736
- readonly transition: "transitions";
1737
- readonly width: "sizes";
1738
- readonly zIndex: "z-indices";
1739
- }, {
1740
- paddingX: (value: {
1741
- readonly [$$PropertyValue]: "padding";
1742
- }) => {
1743
- paddingLeft: {
1744
- readonly [$$PropertyValue]: "padding";
1745
- };
1746
- paddingRight: {
1747
- readonly [$$PropertyValue]: "padding";
1748
- };
1749
- };
1750
- paddingY: (value: {
1751
- readonly [$$PropertyValue]: "padding";
1752
- }) => {
1753
- paddingTop: {
1754
- readonly [$$PropertyValue]: "padding";
1755
- };
1756
- paddingBottom: {
1757
- readonly [$$PropertyValue]: "padding";
1758
- };
1759
- };
1760
- marginX: (value: {
1761
- readonly [$$PropertyValue]: "margin";
1762
- }) => {
1763
- marginLeft: {
1764
- readonly [$$PropertyValue]: "margin";
1765
- };
1766
- marginRight: {
1767
- readonly [$$PropertyValue]: "margin";
1768
- };
1769
- };
1770
- marginY: (value: {
1771
- readonly [$$PropertyValue]: "margin";
1772
- }) => {
1773
- marginTop: {
1774
- readonly [$$PropertyValue]: "margin";
1775
- };
1776
- marginBottom: {
1777
- readonly [$$PropertyValue]: "margin";
1778
- };
1779
- };
1780
- square: (value: {
1781
- readonly [$$PropertyValue]: "width";
1782
- }) => {
1783
- width: {
1784
- readonly [$$PropertyValue]: "width";
1785
- };
1786
- height: {
1787
- readonly [$$PropertyValue]: "width";
1788
- };
1789
- };
1790
- }> | undefined;
1791
- })> & {
1792
- children?: react.ReactNode;
1793
- } & _mirohq_design_system_stitches.CustomStylesProps, "form" | "slot" | "title" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "autoFocus" | "disabled" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "type" | "value" | "size" | "asChild" | keyof _mirohq_design_system_stitches.CustomStylesProps | "pressed" | "preventFocusOnPress" | "allowTextSelectionOnPress" | "shouldCancelOnPointerExit" | "onPressStart" | "onPressEnd" | "onPressChange" | "onPress" | "onPressUp" | "onHoverStart" | "onHoverEnd" | "onHoverChange" | "variant" | "rounded" | "fluid"> & react.RefAttributes<HTMLButtonElement | HTMLAnchorElement>> & _mirohq_design_system_stitches.StitchesInternals<react.ForwardRefExoticComponent<(Pick<Pick<Omit<{}, never> & _stitches_react_types_styled_component.TransformProps<{}, {}> & _mirohq_design_system_stitches.SafeProps<Omit<Pick<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "key" | keyof react.ButtonHTMLAttributes<HTMLButtonElement>> & {
1794
- ref?: ((instance: HTMLButtonElement | null) => void) | react.RefObject<HTMLButtonElement> | null | undefined;
1795
- } & {
1796
- asChild?: boolean | undefined;
1797
- }, "css"> & _stitches_react_types_styled_component.TransformProps<{}, {}> & {
1798
- css?: _stitches_react_types_css_util.CSS<{}, {
1799
- 'border-widths': {
1800
- readonly none: 0;
1801
- readonly sm: "1px";
1802
- readonly md: "2px";
1803
- readonly lg: "4px";
1804
- };
1805
- colors: {
1806
- readonly 'blue-100': any;
1807
- readonly 'blue-200': any;
1808
- readonly 'blue-300': any;
1809
- readonly 'blue-400': any;
1810
- readonly 'blue-500': any;
1811
- readonly 'blue-600': any;
1812
- readonly 'blue-700': any;
1813
- readonly 'blue-800': any;
1814
- readonly 'blue-900': any;
1815
- readonly 'blue-1000': any;
1816
- readonly 'gray-100': any;
1817
- readonly 'gray-200': any;
1818
- readonly 'gray-300': any;
1819
- readonly 'gray-400': any;
1820
- readonly 'gray-500': any;
1821
- readonly 'gray-600': any;
1822
- readonly 'gray-700': any;
1823
- readonly 'gray-800': any;
1824
- readonly 'gray-900': any;
1825
- readonly 'indigo-100': any;
1826
- readonly 'indigo-200': any;
1827
- readonly 'indigo-300': any;
1828
- readonly 'indigo-400': any;
1829
- readonly 'indigo-500': any;
1830
- readonly 'indigo-600': any;
1831
- readonly 'indigo-700': any;
1832
- readonly 'indigo-800': any;
1833
- readonly 'indigo-900': any;
1834
- readonly 'red-100': any;
1835
- readonly 'red-200': any;
1836
- readonly 'red-300': any;
1837
- readonly 'red-400': any;
1838
- readonly 'red-500': any;
1839
- readonly 'red-600': any;
1840
- readonly 'red-700': any;
1841
- readonly 'red-800': any;
1842
- readonly 'red-900': any;
1843
- readonly 'yellow-100': any;
1844
- readonly 'yellow-200': any;
1845
- readonly 'yellow-300': any;
1846
- readonly 'yellow-400': any;
1847
- readonly 'yellow-500': any;
1848
- readonly 'yellow-600': any;
1849
- readonly 'yellow-700': any;
1850
- readonly 'yellow-800': any;
1851
- readonly 'yellow-900': any;
1852
- readonly 'green-100': any;
1853
- readonly 'green-200': any;
1854
- readonly 'green-300': any;
1855
- readonly 'green-400': any;
1856
- readonly 'green-500': any;
1857
- readonly 'green-600': any;
1858
- readonly 'green-700': any;
1859
- readonly 'green-800': any;
1860
- readonly 'green-900': any;
1861
- readonly black: any;
1862
- readonly white: any;
1863
- readonly transparent: any;
1864
- readonly 'background-danger'?: any;
1865
- readonly 'background-danger-hover'?: any;
1866
- readonly 'background-danger-prominent'?: any;
1867
- readonly 'background-danger-prominent-active'?: any;
1868
- readonly 'background-danger-prominent-hover'?: any;
1869
- readonly 'background-neutrals'?: any;
1870
- readonly 'background-neutrals-body'?: any;
1871
- readonly 'background-neutrals-container'?: any;
1872
- readonly 'background-neutrals-controls-disabled'?: any;
1873
- readonly 'background-neutrals-disabled'?: any;
1874
- readonly 'background-neutrals-inactive'?: any;
1875
- readonly 'background-neutrals-inactive-hover'?: any;
1876
- readonly 'background-neutrals-inverted'?: any;
1877
- readonly 'background-neutrals-inverted-subtle'?: any;
1878
- readonly 'background-neutrals-scrolls'?: any;
1879
- readonly 'background-neutrals-scrolls-hover'?: any;
1880
- readonly 'background-neutrals-subtle'?: any;
1881
- readonly 'background-neutrals-subtle-active'?: any;
1882
- readonly 'background-neutrals-subtle-hover'?: any;
1883
- readonly 'background-primary-prominent'?: any;
1884
- readonly 'background-primary-prominent-active'?: any;
1885
- readonly 'background-primary-prominent-hover'?: any;
1886
- readonly 'background-primary-prominent-selected'?: any;
1887
- readonly 'background-primary-subtle'?: any;
1888
- readonly 'background-primary-subtle-active'?: any;
1889
- readonly 'background-primary-subtle-hover'?: any;
1890
- readonly 'background-primary-subtle-selected'?: any;
1891
- readonly 'background-success'?: any;
1892
- readonly 'background-warning-prominent'?: any;
1893
- readonly 'background-warning-subtle'?: any;
1894
- readonly 'text-danger'?: any;
1895
- readonly 'text-danger-active'?: any;
1896
- readonly 'text-danger-hover'?: any;
1897
- readonly 'text-danger-inverted'?: any;
1898
- readonly 'text-neutrals'?: any;
1899
- readonly 'text-neutrals-disabled'?: any;
1900
- readonly 'text-neutrals-inverted'?: any;
1901
- readonly 'text-neutrals-link'?: any;
1902
- readonly 'text-neutrals-link-active'?: any;
1903
- readonly 'text-neutrals-link-hover'?: any;
1904
- readonly 'text-neutrals-placeholder'?: any;
1905
- readonly 'text-neutrals-placeholder-only'?: any;
1906
- readonly 'text-neutrals-subtle'?: any;
1907
- readonly 'text-primary'?: any;
1908
- readonly 'text-primary-active'?: any;
1909
- readonly 'text-primary-hover'?: any;
1910
- readonly 'text-primary-inverted'?: any;
1911
- readonly 'text-primary-inverted-subtle'?: any;
1912
- readonly 'text-primary-selected'?: any;
1913
- readonly 'text-success'?: any;
1914
- readonly 'text-warning'?: any;
1915
- readonly 'icon-danger'?: any;
1916
- readonly 'icon-danger-active'?: any;
1917
- readonly 'icon-danger-hover'?: any;
1918
- readonly 'icon-danger-inverted'?: any;
1919
- readonly 'icon-neutrals'?: any;
1920
- readonly 'icon-neutrals-disabled'?: any;
1921
- readonly 'icon-neutrals-inactive'?: any;
1922
- readonly 'icon-neutrals-inactive-hover'?: any;
1923
- readonly 'icon-neutrals-inverted'?: any;
1924
- readonly 'icon-neutrals-search'?: any;
1925
- readonly 'icon-neutrals-subtle'?: any;
1926
- readonly 'icon-neutrals-with-text'?: any;
1927
- readonly 'icon-primary'?: any;
1928
- readonly 'icon-primary-active'?: any;
1929
- readonly 'icon-primary-hover'?: any;
1930
- readonly 'icon-primary-inverted'?: any;
1931
- readonly 'icon-primary-selected'?: any;
1932
- readonly 'icon-success'?: any;
1933
- readonly 'icon-success-inverted'?: any;
1934
- readonly 'icon-warning'?: any;
1935
- readonly 'border-danger'?: any;
1936
- readonly 'border-focus-inner'?: any;
1937
- readonly 'border-focus-middle'?: any;
1938
- readonly 'border-focus-outer'?: any;
1939
- readonly 'border-neutrals'?: any;
1940
- readonly 'border-neutrals-active'?: any;
1941
- readonly 'border-neutrals-controls'?: any;
1942
- readonly 'border-neutrals-controls-disabled'?: any;
1943
- readonly 'border-neutrals-disabled'?: any;
1944
- readonly 'border-neutrals-hover'?: any;
1945
- readonly 'border-neutrals-inverted'?: any;
1946
- readonly 'border-neutrals-subtle'?: any;
1947
- readonly 'border-primary'?: any;
1948
- readonly 'border-primary-active'?: any;
1949
- readonly 'border-primary-hover'?: any;
1950
- readonly 'border-primary-inverted'?: any;
1951
- readonly 'border-success'?: any;
1952
- readonly 'border-warning'?: any;
1953
- };
1954
- 'font-sizes': {
1955
- readonly 150: "0.75rem";
1956
- readonly 175: "0.875rem";
1957
- readonly 200: "1rem";
1958
- readonly 225: "1.125rem";
1959
- readonly 250: "1.25rem";
1960
- readonly 300: "1.5rem";
1961
- readonly 400: "2rem";
1962
- readonly 500: "2.5rem";
1963
- readonly 600: "3rem";
1964
- readonly 800: "4rem";
1965
- readonly 900: "4.5rem";
1966
- };
1967
- radii: {
1968
- readonly none: 0;
1969
- readonly half: "999em";
1970
- readonly 25: "2px";
1971
- readonly 50: "4px";
1972
- readonly 75: "6px";
1973
- readonly 100: "8px";
1974
- readonly 200: "16px";
1975
- };
1976
- shadows: {
1977
- readonly 50: "0 4px 16px #05003812";
1978
- readonly 100: "0 8px 32px #05003808";
1979
- readonly 'focus-small': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-inner";
1980
- readonly 'focus-small-outline': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 1px $colors$border-focus-middle, inset 0 0 0 2px $colors$border-focus-inner";
1981
- readonly 'focus-large': "0 0 0 4px $colors$border-focus-inner, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-outer";
1982
- readonly 'focus-controls': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$border-focus-middle, 0 0 0 5px $colors$border-focus-outer";
1983
- };
1984
- sizes: {
1985
- readonly number: string;
1986
- readonly 'icon-200': "16px";
1987
- readonly 'icon-300': "24px";
1988
- readonly 'icon-400': "32px";
1989
- };
1990
- space: {
1991
- readonly none: 0;
1992
- readonly 50: "4px";
1993
- readonly 100: "8px";
1994
- readonly 150: "12px";
1995
- readonly 200: "16px";
1996
- readonly 300: "24px";
1997
- readonly 400: "32px";
1998
- readonly 500: "64px";
1999
- readonly 600: "48px";
2000
- readonly 800: "64px";
2001
- readonly 1200: "96px";
2002
- readonly 1600: "128px";
2003
- };
2004
- 'space-gap': {
2005
- readonly none: any;
2006
- readonly 50: any;
2007
- readonly 100: any;
2008
- readonly 200: any;
2009
- readonly 300: any;
2010
- };
2011
- 'space-inset': {
2012
- readonly none: any;
2013
- readonly 50: any;
2014
- readonly 100: any;
2015
- readonly 150: any;
2016
- readonly 200: any;
2017
- readonly 300: any;
2018
- readonly 400: any;
2019
- readonly 600: any;
2020
- readonly 800: any;
2021
- readonly 1200: any;
2022
- readonly 1600: any;
2023
- };
2024
- 'space-offset': {
2025
- readonly none: any;
2026
- readonly 50: any;
2027
- readonly 100: any;
2028
- readonly 150: any;
2029
- readonly 200: any;
2030
- readonly 300: any;
2031
- readonly 400: any;
2032
- readonly 600: any;
2033
- readonly 800: any;
2034
- readonly 1200: any;
2035
- readonly 1600: any;
2036
- readonly 'stacking-none': any;
2037
- readonly 'stacking-100': any;
2038
- readonly 'stacking-200': any;
2039
- readonly 'stacking-300': any;
2040
- readonly 'stacking-400': any;
2041
- readonly 'stacking-500': any;
2042
- readonly 'stacking-800': any;
2043
- };
2044
- 'stroke-width': {
2045
- readonly thin: "1.5px";
2046
- readonly normal: "2px";
2047
- readonly bold: "4px";
2048
- };
2049
- 'z-indices': {
2050
- readonly dropdownMenu: 100;
2051
- readonly popover: 200;
2052
- readonly tooltip: 300;
2053
- };
2054
- }, {
2055
- readonly background: "colors";
2056
- readonly backgroundColor: "colors";
2057
- readonly backgroundImage: "colors";
2058
- readonly blockSize: "sizes";
2059
- readonly border: "colors";
2060
- readonly borderBlock: "colors";
2061
- readonly borderBlockEnd: "colors";
2062
- readonly borderBlockStart: "colors";
2063
- readonly borderBottom: "colors";
2064
- readonly borderBottomColor: "colors";
2065
- readonly borderBottomLeftRadius: "radii";
2066
- readonly borderBottomRightRadius: "radii";
2067
- readonly borderBottomStyle: "border-styles";
2068
- readonly borderBottomWidth: "border-widths";
2069
- readonly borderColor: "colors";
2070
- readonly borderImage: "colors";
2071
- readonly borderInline: "colors";
2072
- readonly borderInlineEnd: "colors";
2073
- readonly borderInlineStart: "colors";
2074
- readonly borderLeft: "colors";
2075
- readonly borderLeftColor: "colors";
2076
- readonly borderLeftStyle: "border-styles";
2077
- readonly borderLeftWidth: "border-widths";
2078
- readonly borderRadius: "radii";
2079
- readonly borderRight: "colors";
2080
- readonly borderRightColor: "colors";
2081
- readonly borderRightStyle: "border-styles";
2082
- readonly borderRightWidth: "border-widths";
2083
- readonly borderStyle: "border-styles";
2084
- readonly borderTop: "colors";
2085
- readonly borderTopColor: "colors";
2086
- readonly borderTopLeftRadius: "radii";
2087
- readonly borderTopRightRadius: "radii";
2088
- readonly borderTopStyle: "border-styles";
2089
- readonly borderTopWidth: "border-widths";
2090
- readonly borderWidth: "border-widths";
2091
- readonly bottom: "space";
2092
- readonly boxShadow: "shadows";
2093
- readonly caretColor: "colors";
2094
- readonly color: "colors";
2095
- readonly columnGap: "space-gap";
2096
- readonly columnRuleColor: "colors";
2097
- readonly fill: "colors";
2098
- readonly flexBasis: "sizes";
2099
- readonly fontFamily: "fonts";
2100
- readonly fontSize: "font-sizes";
2101
- readonly fontWeight: "font-weights";
2102
- readonly gap: "space-gap";
2103
- readonly gridColumnGap: "space-gap";
2104
- readonly gridGap: "space-gap";
2105
- readonly gridRowGap: "space-gap";
2106
- readonly gridTemplateColumns: "sizes";
2107
- readonly gridTemplateRows: "sizes";
2108
- readonly height: "sizes";
2109
- readonly inlineSize: "sizes";
2110
- readonly inset: "space-inset";
2111
- readonly insetBlock: "space-inset";
2112
- readonly insetBlockEnd: "space-inset";
2113
- readonly insetBlockStart: "space-inset";
2114
- readonly insetInline: "space-inset";
2115
- readonly insetInlineEnd: "space-inset";
2116
- readonly insetInlineStart: "space-inset";
2117
- readonly left: "space";
2118
- readonly letterSpacing: "letter-spacings";
2119
- readonly lineHeight: "line-heights";
2120
- readonly margin: "space-offset";
2121
- readonly marginBlock: "space-offset";
2122
- readonly marginBlockEnd: "space-offset";
2123
- readonly marginBlockStart: "space-offset";
2124
- readonly marginBottom: "space-offset";
2125
- readonly marginInline: "space-offset";
2126
- readonly marginInlineEnd: "space-offset";
2127
- readonly marginInlineStart: "space-offset";
2128
- readonly marginLeft: "space-offset";
2129
- readonly marginRight: "space-offset";
2130
- readonly marginTop: "space-offset";
2131
- readonly maxBlockSize: "sizes";
2132
- readonly maxHeight: "sizes";
2133
- readonly maxInlineSize: "sizes";
2134
- readonly maxWidth: "sizes";
2135
- readonly minBlockSize: "sizes";
2136
- readonly minHeight: "sizes";
2137
- readonly minInlineSize: "sizes";
2138
- readonly minWidth: "sizes";
2139
- readonly outline: "colors";
2140
- readonly outlineColor: "colors";
2141
- readonly padding: "space-inset";
2142
- readonly paddingBlock: "space-inset";
2143
- readonly paddingBlockEnd: "space-inset";
2144
- readonly paddingBlockStart: "space-inset";
2145
- readonly paddingBottom: "space-inset";
2146
- readonly paddingInline: "space-inset";
2147
- readonly paddingInlineEnd: "space-inset";
2148
- readonly paddingInlineStart: "space-inset";
2149
- readonly paddingLeft: "space-inset";
2150
- readonly paddingRight: "space-inset";
2151
- readonly paddingTop: "space-inset";
2152
- readonly right: "space";
2153
- readonly rowGap: "space-gap";
2154
- readonly scrollMargin: "space-offset";
2155
- readonly scrollMarginBlock: "space-offset";
2156
- readonly scrollMarginBlockEnd: "space-offset";
2157
- readonly scrollMarginBlockStart: "space-offset";
2158
- readonly scrollMarginBottom: "space-offset";
2159
- readonly scrollMarginInline: "space-offset";
2160
- readonly scrollMarginInlineEnd: "space-offset";
2161
- readonly scrollMarginInlineStart: "space-offset";
2162
- readonly scrollMarginLeft: "space-offset";
2163
- readonly scrollMarginRight: "space-offset";
2164
- readonly scrollMarginTop: "space-offset";
2165
- readonly scrollPadding: "space-inset";
2166
- readonly scrollPaddingBlock: "space-inset";
2167
- readonly scrollPaddingBlockEnd: "space-inset";
2168
- readonly scrollPaddingBlockStart: "space-inset";
2169
- readonly scrollPaddingBottom: "space-inset";
2170
- readonly scrollPaddingInline: "space-inset";
2171
- readonly scrollPaddingInlineEnd: "space-inset";
2172
- readonly scrollPaddingInlineStart: "space-inset";
2173
- readonly scrollPaddingLeft: "space-inset";
2174
- readonly scrollPaddingRight: "space-inset";
2175
- readonly scrollPaddingTop: "space-inset";
2176
- readonly stroke: "colors";
2177
- readonly strokeWidth: "stroke-width";
2178
- readonly textDecorationColor: "colors";
2179
- readonly textShadow: "shadows";
2180
- readonly top: "space";
2181
- readonly transition: "transitions";
2182
- readonly width: "sizes";
2183
- readonly zIndex: "z-indices";
2184
- }, {
2185
- paddingX: (value: {
2186
- readonly [$$PropertyValue]: "padding";
2187
- }) => {
2188
- paddingLeft: {
2189
- readonly [$$PropertyValue]: "padding";
2190
- };
2191
- paddingRight: {
2192
- readonly [$$PropertyValue]: "padding";
2193
- };
2194
- };
2195
- paddingY: (value: {
2196
- readonly [$$PropertyValue]: "padding";
2197
- }) => {
2198
- paddingTop: {
2199
- readonly [$$PropertyValue]: "padding";
2200
- };
2201
- paddingBottom: {
2202
- readonly [$$PropertyValue]: "padding";
2203
- };
2204
- };
2205
- marginX: (value: {
2206
- readonly [$$PropertyValue]: "margin";
2207
- }) => {
2208
- marginLeft: {
2209
- readonly [$$PropertyValue]: "margin";
2210
- };
2211
- marginRight: {
2212
- readonly [$$PropertyValue]: "margin";
2213
- };
2214
- };
2215
- marginY: (value: {
2216
- readonly [$$PropertyValue]: "margin";
2217
- }) => {
2218
- marginTop: {
2219
- readonly [$$PropertyValue]: "margin";
2220
- };
2221
- marginBottom: {
2222
- readonly [$$PropertyValue]: "margin";
2223
- };
2224
- };
2225
- square: (value: {
2226
- readonly [$$PropertyValue]: "width";
2227
- }) => {
2228
- width: {
2229
- readonly [$$PropertyValue]: "width";
2230
- };
2231
- height: {
2232
- readonly [$$PropertyValue]: "width";
2233
- };
2234
- };
2235
- }> | undefined;
2236
- }> & {
2237
- children?: react.ReactNode;
2238
- } & _mirohq_design_system_stitches.CustomStylesProps, "form" | "slot" | "title" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "autoFocus" | "disabled" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "type" | "value" | "asChild" | keyof _mirohq_design_system_stitches.CustomStylesProps> & react.RefAttributes<HTMLButtonElement> & _mirohq_design_system_hooks_use_press.PressProps & packages_components_internal_base_button_src_base_button.HoverEvents, "form" | "slot" | "title" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "type" | "value" | "asChild" | keyof _mirohq_design_system_stitches.CustomStylesProps | keyof _mirohq_design_system_hooks_use_press.PressProps | keyof packages_components_internal_base_button_src_base_button.HoverEvents> | Pick<Pick<Omit<{}, never> & _stitches_react_types_styled_component.TransformProps<{}, {}> & _mirohq_design_system_stitches.SafeProps<Omit<Pick<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "key" | keyof react.ButtonHTMLAttributes<HTMLButtonElement>> & {
2239
- ref?: ((instance: HTMLButtonElement | null) => void) | react.RefObject<HTMLButtonElement> | null | undefined;
2240
- } & {
2241
- asChild?: boolean | undefined;
2242
- }, "css"> & _stitches_react_types_styled_component.TransformProps<{}, {}> & {
19
+ }, {}> & _mirohq_design_system_stitches.SafeProps<Omit<Pick<_mirohq_design_system_base_button.BaseButtonProps, "form" | "slot" | "title" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "autoFocus" | "disabled" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "type" | "value" | "target" | "href" | "rel" | "asChild" | "css" | "UNSAFE_style" | "onPress" | "onPressStart" | "onPressEnd" | "onPressChange" | "onFocusChange" | "excludeFromTabOrder" | "onHoverStart" | "onHoverEnd" | "onHoverChange"> & react.RefAttributes<HTMLButtonElement | HTMLAnchorElement>, "css"> & _stitches_react_types_styled_component.TransformProps<{}, {}> & {
2243
20
  css?: _stitches_react_types_css_util.CSS<{}, {
2244
21
  'border-widths': {
2245
22
  readonly none: 0;
@@ -2312,7 +89,6 @@ declare const StyledButton: react.ForwardRefExoticComponent<Pick<Omit<{
2312
89
  readonly 'background-danger-prominent-active'?: any;
2313
90
  readonly 'background-danger-prominent-hover'?: any;
2314
91
  readonly 'background-neutrals'?: any;
2315
- readonly 'background-neutrals-body'?: any;
2316
92
  readonly 'background-neutrals-container'?: any;
2317
93
  readonly 'background-neutrals-controls-disabled'?: any;
2318
94
  readonly 'background-neutrals-disabled'?: any;
@@ -2320,6 +96,8 @@ declare const StyledButton: react.ForwardRefExoticComponent<Pick<Omit<{
2320
96
  readonly 'background-neutrals-inactive-hover'?: any;
2321
97
  readonly 'background-neutrals-inverted'?: any;
2322
98
  readonly 'background-neutrals-inverted-subtle'?: any;
99
+ readonly 'background-neutrals-page'?: any;
100
+ readonly 'background-neutrals-page-subtle'?: any;
2323
101
  readonly 'background-neutrals-scrolls'?: any;
2324
102
  readonly 'background-neutrals-scrolls-hover'?: any;
2325
103
  readonly 'background-neutrals-subtle'?: any;
@@ -2343,12 +121,11 @@ declare const StyledButton: react.ForwardRefExoticComponent<Pick<Omit<{
2343
121
  readonly 'text-neutrals'?: any;
2344
122
  readonly 'text-neutrals-disabled'?: any;
2345
123
  readonly 'text-neutrals-inverted'?: any;
2346
- readonly 'text-neutrals-link'?: any;
2347
- readonly 'text-neutrals-link-active'?: any;
2348
- readonly 'text-neutrals-link-hover'?: any;
2349
124
  readonly 'text-neutrals-placeholder'?: any;
2350
125
  readonly 'text-neutrals-placeholder-only'?: any;
2351
126
  readonly 'text-neutrals-subtle'?: any;
127
+ readonly 'text-neutrals-subtle-active'?: any;
128
+ readonly 'text-neutrals-subtle-hover'?: any;
2352
129
  readonly 'text-primary'?: any;
2353
130
  readonly 'text-primary-active'?: any;
2354
131
  readonly 'text-primary-hover'?: any;
@@ -2368,7 +145,7 @@ declare const StyledButton: react.ForwardRefExoticComponent<Pick<Omit<{
2368
145
  readonly 'icon-neutrals-inverted'?: any;
2369
146
  readonly 'icon-neutrals-search'?: any;
2370
147
  readonly 'icon-neutrals-subtle'?: any;
2371
- readonly 'icon-neutrals-with-text'?: any;
148
+ readonly 'icon-neutrals-text'?: any;
2372
149
  readonly 'icon-primary'?: any;
2373
150
  readonly 'icon-primary-active'?: any;
2374
151
  readonly 'icon-primary-hover'?: any;
@@ -2377,7 +154,10 @@ declare const StyledButton: react.ForwardRefExoticComponent<Pick<Omit<{
2377
154
  readonly 'icon-success'?: any;
2378
155
  readonly 'icon-success-inverted'?: any;
2379
156
  readonly 'icon-warning'?: any;
157
+ readonly 'icon-warning-prominent'?: any;
2380
158
  readonly 'border-danger'?: any;
159
+ readonly 'border-danger-active'?: any;
160
+ readonly 'border-danger-hover'?: any;
2381
161
  readonly 'border-focus-inner'?: any;
2382
162
  readonly 'border-focus-middle'?: any;
2383
163
  readonly 'border-focus-outer'?: any;
@@ -2389,6 +169,9 @@ declare const StyledButton: react.ForwardRefExoticComponent<Pick<Omit<{
2389
169
  readonly 'border-neutrals-hover'?: any;
2390
170
  readonly 'border-neutrals-inverted'?: any;
2391
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;
2392
175
  readonly 'border-primary'?: any;
2393
176
  readonly 'border-primary-active'?: any;
2394
177
  readonly 'border-primary-hover'?: any;
@@ -2680,9 +463,7 @@ declare const StyledButton: react.ForwardRefExoticComponent<Pick<Omit<{
2680
463
  }> | undefined;
2681
464
  }> & {
2682
465
  children?: react.ReactNode;
2683
- } & _mirohq_design_system_stitches.CustomStylesProps, "form" | "slot" | "title" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "autoFocus" | "disabled" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "type" | "value" | "asChild" | keyof _mirohq_design_system_stitches.CustomStylesProps> & react.RefAttributes<HTMLButtonElement> & _mirohq_design_system_hooks_use_press.PressProps & packages_components_internal_base_button_src_base_button.HoverEvents & react.AnchorHTMLAttributes<"a"> & {
2684
- href: string;
2685
- }, "form" | "key" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "value" | "asChild" | keyof _mirohq_design_system_stitches.CustomStylesProps | keyof _mirohq_design_system_hooks_use_press.PressProps | keyof packages_components_internal_base_button_src_base_button.HoverEvents | keyof react.AnchorHTMLAttributes<"a">>) & react.RefAttributes<HTMLButtonElement | HTMLAnchorElement>>, {
466
+ } & _mirohq_design_system_stitches.CustomStylesProps, "form" | "slot" | "title" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "autoFocus" | "disabled" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "type" | "value" | "size" | "target" | "href" | "rel" | "asChild" | keyof _mirohq_design_system_stitches.CustomStylesProps | "onPress" | "onPressStart" | "onPressEnd" | "onPressChange" | "onFocusChange" | "excludeFromTabOrder" | "onHoverStart" | "onHoverEnd" | "onHoverChange" | "variant" | "rounded" | "fluid"> & react.RefAttributes<HTMLButtonElement | HTMLAnchorElement>> & _mirohq_design_system_stitches.StitchesInternals<react.ForwardRefExoticComponent<Pick<_mirohq_design_system_base_button.BaseButtonProps, "form" | "slot" | "title" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "autoFocus" | "disabled" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "type" | "value" | "target" | "href" | "rel" | "asChild" | "css" | "UNSAFE_style" | "onPress" | "onPressStart" | "onPressEnd" | "onPressChange" | "onFocusChange" | "excludeFromTabOrder" | "onHoverStart" | "onHoverEnd" | "onHoverChange"> & react.RefAttributes<HTMLButtonElement | HTMLAnchorElement>>, {
2686
467
  variant?: "solid-prominent" | "outline-prominent" | "ghost-prominent" | "solid-subtle" | "outline-subtle" | "ghost-subtle" | "solid-danger" | "outline-danger" | "ghost-danger" | undefined;
2687
468
  size?: "small" | "medium" | "large" | "x-large" | undefined;
2688
469
  rounded?: boolean | "true" | undefined;
@@ -2767,7 +548,6 @@ declare const StyledIconSlot: react__default.ForwardRefExoticComponent<Pick<Omit
2767
548
  readonly 'background-danger-prominent-active'?: any;
2768
549
  readonly 'background-danger-prominent-hover'?: any;
2769
550
  readonly 'background-neutrals'?: any;
2770
- readonly 'background-neutrals-body'?: any;
2771
551
  readonly 'background-neutrals-container'?: any;
2772
552
  readonly 'background-neutrals-controls-disabled'?: any;
2773
553
  readonly 'background-neutrals-disabled'?: any;
@@ -2775,6 +555,8 @@ declare const StyledIconSlot: react__default.ForwardRefExoticComponent<Pick<Omit
2775
555
  readonly 'background-neutrals-inactive-hover'?: any;
2776
556
  readonly 'background-neutrals-inverted'?: any;
2777
557
  readonly 'background-neutrals-inverted-subtle'?: any;
558
+ readonly 'background-neutrals-page'?: any;
559
+ readonly 'background-neutrals-page-subtle'?: any;
2778
560
  readonly 'background-neutrals-scrolls'?: any;
2779
561
  readonly 'background-neutrals-scrolls-hover'?: any;
2780
562
  readonly 'background-neutrals-subtle'?: any;
@@ -2798,12 +580,11 @@ declare const StyledIconSlot: react__default.ForwardRefExoticComponent<Pick<Omit
2798
580
  readonly 'text-neutrals'?: any;
2799
581
  readonly 'text-neutrals-disabled'?: any;
2800
582
  readonly 'text-neutrals-inverted'?: any;
2801
- readonly 'text-neutrals-link'?: any;
2802
- readonly 'text-neutrals-link-active'?: any;
2803
- readonly 'text-neutrals-link-hover'?: any;
2804
583
  readonly 'text-neutrals-placeholder'?: any;
2805
584
  readonly 'text-neutrals-placeholder-only'?: any;
2806
585
  readonly 'text-neutrals-subtle'?: any;
586
+ readonly 'text-neutrals-subtle-active'?: any;
587
+ readonly 'text-neutrals-subtle-hover'?: any;
2807
588
  readonly 'text-primary'?: any;
2808
589
  readonly 'text-primary-active'?: any;
2809
590
  readonly 'text-primary-hover'?: any;
@@ -2823,7 +604,7 @@ declare const StyledIconSlot: react__default.ForwardRefExoticComponent<Pick<Omit
2823
604
  readonly 'icon-neutrals-inverted'?: any;
2824
605
  readonly 'icon-neutrals-search'?: any;
2825
606
  readonly 'icon-neutrals-subtle'?: any;
2826
- readonly 'icon-neutrals-with-text'?: any;
607
+ readonly 'icon-neutrals-text'?: any;
2827
608
  readonly 'icon-primary'?: any;
2828
609
  readonly 'icon-primary-active'?: any;
2829
610
  readonly 'icon-primary-hover'?: any;
@@ -2832,7 +613,10 @@ declare const StyledIconSlot: react__default.ForwardRefExoticComponent<Pick<Omit
2832
613
  readonly 'icon-success'?: any;
2833
614
  readonly 'icon-success-inverted'?: any;
2834
615
  readonly 'icon-warning'?: any;
616
+ readonly 'icon-warning-prominent'?: any;
2835
617
  readonly 'border-danger'?: any;
618
+ readonly 'border-danger-active'?: any;
619
+ readonly 'border-danger-hover'?: any;
2836
620
  readonly 'border-focus-inner'?: any;
2837
621
  readonly 'border-focus-middle'?: any;
2838
622
  readonly 'border-focus-outer'?: any;
@@ -2844,6 +628,9 @@ declare const StyledIconSlot: react__default.ForwardRefExoticComponent<Pick<Omit
2844
628
  readonly 'border-neutrals-hover'?: any;
2845
629
  readonly 'border-neutrals-inverted'?: any;
2846
630
  readonly 'border-neutrals-subtle'?: any;
631
+ readonly 'border-neutrals-text-subtle'?: any;
632
+ readonly 'border-neutrals-text-subtle-active'?: any;
633
+ readonly 'border-neutrals-text-subtle-hover'?: any;
2847
634
  readonly 'border-primary'?: any;
2848
635
  readonly 'border-primary-active'?: any;
2849
636
  readonly 'border-primary-hover'?: any;
@@ -3147,7 +934,7 @@ declare const IconSlot: react__default.ForwardRefExoticComponent<Pick<IconSlotPr
3147
934
 
3148
935
  declare const Label: react.ForwardRefExoticComponent<_mirohq_design_system_primitive.PrimitiveProps<"span">>;
3149
936
 
3150
- declare type ButtonProps = {
937
+ interface ButtonProps extends StyledButtonProps {
3151
938
  /**
3152
939
  * Change the button style.
3153
940
  */
@@ -3168,7 +955,7 @@ declare type ButtonProps = {
3168
955
  * Make width 100%.
3169
956
  */
3170
957
  fluid?: StyledButtonProps['fluid'];
3171
- } & BaseButtonProps;
958
+ }
3172
959
  declare const Button: react__default.ForwardRefExoticComponent<ButtonProps> & Partials;
3173
960
  interface Partials {
3174
961
  IconSlot: typeof IconSlot;