@mirohq/design-system-box 2.1.11-use-press.0 → 2.1.12

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/dist/main.js.map +1 -1
  2. package/dist/module.js.map +1 -1
  3. package/dist/types.d.ts +18 -12
  4. package/package.json +3 -3
package/dist/main.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"main.js","sources":["../src/box.styled.tsx","../src/box.tsx"],"sourcesContent":["import type { ComponentPropsWithRef } from 'react'\nimport { Primitive } from '@mirohq/design-system-primitive'\nimport { styled } from '@mirohq/design-system-stitches'\n\nexport const StyledBox = styled(Primitive.div, {\n boxSizing: 'border-box',\n variants: {\n fluid: {\n true: {\n flexBasis: 0,\n flexGrow: 1,\n maxWidth: '100%',\n width: '100%',\n },\n },\n },\n})\n\nexport type StyledBoxProps = ComponentPropsWithRef<typeof StyledBox>\n","import React from 'react'\nimport type { ElementRef } from 'react'\n\nimport { StyledBox } from './box.styled'\nimport type { StyledBoxProps } from './box.styled'\n\nexport interface BoxProps extends StyledBoxProps {\n /* Sets width to 100% */\n fluid?: boolean\n}\n\nexport const Box = React.forwardRef<ElementRef<typeof StyledBox>, BoxProps>(\n ({ fluid = false, ...restProps }, forwardRef) => (\n <StyledBox fluid={fluid} {...restProps} ref={forwardRef} />\n )\n)\n"],"names":["styled","Primitive","React"],"mappings":";;;;;;;;;;;;AAIa,MAAA,SAAA,GAAYA,2BAAO,CAAAC,+BAAA,CAAU,GAAK,EAAA;AAAA,EAC7C,SAAW,EAAA,YAAA;AAAA,EACX,QAAU,EAAA;AAAA,IACR,KAAO,EAAA;AAAA,MACL,IAAM,EAAA;AAAA,QACJ,SAAW,EAAA,CAAA;AAAA,QACX,QAAU,EAAA,CAAA;AAAA,QACV,QAAU,EAAA,MAAA;AAAA,QACV,KAAO,EAAA,MAAA;AAAA,OACT;AAAA,KACF;AAAA,GACF;AACF,CAAC,CAAA;;ACLM,MAAM,MAAMC,yBAAM,CAAA,UAAA;AAAA,EACvB,CAAC,EAAE,KAAA,GAAQ,UAAU,SAAU,EAAA,EAAG,+BAC/BA,yBAAA,CAAA,aAAA,CAAA,SAAA,EAAA;AAAA,IAAU,KAAA;AAAA,IAAe,GAAG,SAAA;AAAA,IAAW,GAAK,EAAA,UAAA;AAAA,GAAY,CAAA;AAE7D;;;;"}
1
+ {"version":3,"file":"main.js","sources":["../src/box.styled.tsx","../src/box.tsx"],"sourcesContent":["import type { ComponentPropsWithRef } from 'react'\nimport { Primitive } from '@mirohq/design-system-primitive'\nimport { styled } from '@mirohq/design-system-stitches'\n\nexport const StyledBox = styled(Primitive.div, {\n boxSizing: 'border-box',\n variants: {\n fluid: {\n true: {\n flexBasis: 0,\n flexGrow: 1,\n maxWidth: '100%',\n width: '100%',\n },\n },\n },\n})\n\nexport type StyledBoxProps = ComponentPropsWithRef<typeof StyledBox>\n","import React from 'react'\nimport type { ElementRef } from 'react'\n\nimport { StyledBox } from './box.styled'\nimport type { StyledBoxProps } from './box.styled'\n\nexport interface BoxProps extends StyledBoxProps {\n /* Sets width to 100% */\n fluid?: StyledBoxProps['fluid']\n}\n\nexport const Box = React.forwardRef<ElementRef<typeof StyledBox>, BoxProps>(\n ({ fluid = false, ...restProps }, forwardRef) => (\n <StyledBox fluid={fluid} {...restProps} ref={forwardRef} />\n )\n)\n"],"names":["styled","Primitive","React"],"mappings":";;;;;;;;;;;;AAIa,MAAA,SAAA,GAAYA,2BAAO,CAAAC,+BAAA,CAAU,GAAK,EAAA;AAAA,EAC7C,SAAW,EAAA,YAAA;AAAA,EACX,QAAU,EAAA;AAAA,IACR,KAAO,EAAA;AAAA,MACL,IAAM,EAAA;AAAA,QACJ,SAAW,EAAA,CAAA;AAAA,QACX,QAAU,EAAA,CAAA;AAAA,QACV,QAAU,EAAA,MAAA;AAAA,QACV,KAAO,EAAA,MAAA;AAAA,OACT;AAAA,KACF;AAAA,GACF;AACF,CAAC,CAAA;;ACLM,MAAM,MAAMC,yBAAM,CAAA,UAAA;AAAA,EACvB,CAAC,EAAE,KAAA,GAAQ,UAAU,SAAU,EAAA,EAAG,+BAC/BA,yBAAA,CAAA,aAAA,CAAA,SAAA,EAAA;AAAA,IAAU,KAAA;AAAA,IAAe,GAAG,SAAA;AAAA,IAAW,GAAK,EAAA,UAAA;AAAA,GAAY,CAAA;AAE7D;;;;"}
package/dist/module.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"module.js","sources":["../src/box.styled.tsx","../src/box.tsx"],"sourcesContent":["import type { ComponentPropsWithRef } from 'react'\nimport { Primitive } from '@mirohq/design-system-primitive'\nimport { styled } from '@mirohq/design-system-stitches'\n\nexport const StyledBox = styled(Primitive.div, {\n boxSizing: 'border-box',\n variants: {\n fluid: {\n true: {\n flexBasis: 0,\n flexGrow: 1,\n maxWidth: '100%',\n width: '100%',\n },\n },\n },\n})\n\nexport type StyledBoxProps = ComponentPropsWithRef<typeof StyledBox>\n","import React from 'react'\nimport type { ElementRef } from 'react'\n\nimport { StyledBox } from './box.styled'\nimport type { StyledBoxProps } from './box.styled'\n\nexport interface BoxProps extends StyledBoxProps {\n /* Sets width to 100% */\n fluid?: boolean\n}\n\nexport const Box = React.forwardRef<ElementRef<typeof StyledBox>, BoxProps>(\n ({ fluid = false, ...restProps }, forwardRef) => (\n <StyledBox fluid={fluid} {...restProps} ref={forwardRef} />\n )\n)\n"],"names":[],"mappings":";;;;AAIa,MAAA,SAAA,GAAY,MAAO,CAAA,SAAA,CAAU,GAAK,EAAA;AAAA,EAC7C,SAAW,EAAA,YAAA;AAAA,EACX,QAAU,EAAA;AAAA,IACR,KAAO,EAAA;AAAA,MACL,IAAM,EAAA;AAAA,QACJ,SAAW,EAAA,CAAA;AAAA,QACX,QAAU,EAAA,CAAA;AAAA,QACV,QAAU,EAAA,MAAA;AAAA,QACV,KAAO,EAAA,MAAA;AAAA,OACT;AAAA,KACF;AAAA,GACF;AACF,CAAC,CAAA;;ACLM,MAAM,MAAM,KAAM,CAAA,UAAA;AAAA,EACvB,CAAC,EAAE,KAAA,GAAQ,UAAU,SAAU,EAAA,EAAG,+BAC/B,KAAA,CAAA,aAAA,CAAA,SAAA,EAAA;AAAA,IAAU,KAAA;AAAA,IAAe,GAAG,SAAA;AAAA,IAAW,GAAK,EAAA,UAAA;AAAA,GAAY,CAAA;AAE7D;;;;"}
1
+ {"version":3,"file":"module.js","sources":["../src/box.styled.tsx","../src/box.tsx"],"sourcesContent":["import type { ComponentPropsWithRef } from 'react'\nimport { Primitive } from '@mirohq/design-system-primitive'\nimport { styled } from '@mirohq/design-system-stitches'\n\nexport const StyledBox = styled(Primitive.div, {\n boxSizing: 'border-box',\n variants: {\n fluid: {\n true: {\n flexBasis: 0,\n flexGrow: 1,\n maxWidth: '100%',\n width: '100%',\n },\n },\n },\n})\n\nexport type StyledBoxProps = ComponentPropsWithRef<typeof StyledBox>\n","import React from 'react'\nimport type { ElementRef } from 'react'\n\nimport { StyledBox } from './box.styled'\nimport type { StyledBoxProps } from './box.styled'\n\nexport interface BoxProps extends StyledBoxProps {\n /* Sets width to 100% */\n fluid?: StyledBoxProps['fluid']\n}\n\nexport const Box = React.forwardRef<ElementRef<typeof StyledBox>, BoxProps>(\n ({ fluid = false, ...restProps }, forwardRef) => (\n <StyledBox fluid={fluid} {...restProps} ref={forwardRef} />\n )\n)\n"],"names":[],"mappings":";;;;AAIa,MAAA,SAAA,GAAY,MAAO,CAAA,SAAA,CAAU,GAAK,EAAA;AAAA,EAC7C,SAAW,EAAA,YAAA;AAAA,EACX,QAAU,EAAA;AAAA,IACR,KAAO,EAAA;AAAA,MACL,IAAM,EAAA;AAAA,QACJ,SAAW,EAAA,CAAA;AAAA,QACX,QAAU,EAAA,CAAA;AAAA,QACV,QAAU,EAAA,MAAA;AAAA,QACV,KAAO,EAAA,MAAA;AAAA,OACT;AAAA,KACF;AAAA,GACF;AACF,CAAC,CAAA;;ACLM,MAAM,MAAM,KAAM,CAAA,UAAA;AAAA,EACvB,CAAC,EAAE,KAAA,GAAQ,UAAU,SAAU,EAAA,EAAG,+BAC/B,KAAA,CAAA,aAAA,CAAA,SAAA,EAAA;AAAA,IAAU,KAAA;AAAA,IAAe,GAAG,SAAA;AAAA,IAAW,GAAK,EAAA,UAAA;AAAA,GAAY,CAAA;AAE7D;;;;"}
package/dist/types.d.ts CHANGED
@@ -86,7 +86,6 @@ declare const StyledBox: react.ForwardRefExoticComponent<Pick<Omit<{
86
86
  readonly 'background-danger-prominent-active'?: any;
87
87
  readonly 'background-danger-prominent-hover'?: any;
88
88
  readonly 'background-neutrals'?: any;
89
- readonly 'background-neutrals-body'?: any;
90
89
  readonly 'background-neutrals-container'?: any;
91
90
  readonly 'background-neutrals-controls-disabled'?: any;
92
91
  readonly 'background-neutrals-disabled'?: any;
@@ -94,6 +93,8 @@ declare const StyledBox: react.ForwardRefExoticComponent<Pick<Omit<{
94
93
  readonly 'background-neutrals-inactive-hover'?: any;
95
94
  readonly 'background-neutrals-inverted'?: any;
96
95
  readonly 'background-neutrals-inverted-subtle'?: any;
96
+ readonly 'background-neutrals-page'?: any;
97
+ readonly 'background-neutrals-page-subtle'?: any;
97
98
  readonly 'background-neutrals-scrolls'?: any;
98
99
  readonly 'background-neutrals-scrolls-hover'?: any;
99
100
  readonly 'background-neutrals-subtle'?: any;
@@ -117,12 +118,11 @@ declare const StyledBox: react.ForwardRefExoticComponent<Pick<Omit<{
117
118
  readonly 'text-neutrals'?: any;
118
119
  readonly 'text-neutrals-disabled'?: any;
119
120
  readonly 'text-neutrals-inverted'?: any;
120
- readonly 'text-neutrals-link'?: any;
121
- readonly 'text-neutrals-link-active'?: any;
122
- readonly 'text-neutrals-link-hover'?: any;
123
121
  readonly 'text-neutrals-placeholder'?: any;
124
122
  readonly 'text-neutrals-placeholder-only'?: any;
125
123
  readonly 'text-neutrals-subtle'?: any;
124
+ readonly 'text-neutrals-subtle-active'?: any;
125
+ readonly 'text-neutrals-subtle-hover'?: any;
126
126
  readonly 'text-primary'?: any;
127
127
  readonly 'text-primary-active'?: any;
128
128
  readonly 'text-primary-hover'?: any;
@@ -142,7 +142,7 @@ declare const StyledBox: react.ForwardRefExoticComponent<Pick<Omit<{
142
142
  readonly 'icon-neutrals-inverted'?: any;
143
143
  readonly 'icon-neutrals-search'?: any;
144
144
  readonly 'icon-neutrals-subtle'?: any;
145
- readonly 'icon-neutrals-with-text'?: any;
145
+ readonly 'icon-neutrals-text'?: any;
146
146
  readonly 'icon-primary'?: any;
147
147
  readonly 'icon-primary-active'?: any;
148
148
  readonly 'icon-primary-hover'?: any;
@@ -151,7 +151,10 @@ declare const StyledBox: react.ForwardRefExoticComponent<Pick<Omit<{
151
151
  readonly 'icon-success'?: any;
152
152
  readonly 'icon-success-inverted'?: any;
153
153
  readonly 'icon-warning'?: any;
154
+ readonly 'icon-warning-prominent'?: any;
154
155
  readonly 'border-danger'?: any;
156
+ readonly 'border-danger-active'?: any;
157
+ readonly 'border-danger-hover'?: any;
155
158
  readonly 'border-focus-inner'?: any;
156
159
  readonly 'border-focus-middle'?: any;
157
160
  readonly 'border-focus-outer'?: any;
@@ -163,6 +166,9 @@ declare const StyledBox: react.ForwardRefExoticComponent<Pick<Omit<{
163
166
  readonly 'border-neutrals-hover'?: any;
164
167
  readonly 'border-neutrals-inverted'?: any;
165
168
  readonly 'border-neutrals-subtle'?: any;
169
+ readonly 'border-neutrals-text-subtle'?: any;
170
+ readonly 'border-neutrals-text-subtle-active'?: any;
171
+ readonly 'border-neutrals-text-subtle-hover'?: any;
166
172
  readonly 'border-primary'?: any;
167
173
  readonly 'border-primary-active'?: any;
168
174
  readonly 'border-primary-hover'?: any;
@@ -207,28 +213,28 @@ declare const StyledBox: react.ForwardRefExoticComponent<Pick<Omit<{
207
213
  readonly 'icon-400': "32px";
208
214
  };
209
215
  space: {
210
- readonly none: 0;
216
+ readonly 0: 0;
211
217
  readonly 50: "4px";
212
218
  readonly 100: "8px";
213
219
  readonly 150: "12px";
214
220
  readonly 200: "16px";
215
221
  readonly 300: "24px";
216
222
  readonly 400: "32px";
217
- readonly 500: "64px";
223
+ readonly 500: "40px";
218
224
  readonly 600: "48px";
219
225
  readonly 800: "64px";
220
226
  readonly 1200: "96px";
221
227
  readonly 1600: "128px";
222
228
  };
223
229
  'space-gap': {
224
- readonly none: any;
230
+ readonly 0: any;
225
231
  readonly 50: any;
226
232
  readonly 100: any;
227
233
  readonly 200: any;
228
234
  readonly 300: any;
229
235
  };
230
236
  'space-inset': {
231
- readonly none: any;
237
+ readonly 0: any;
232
238
  readonly 50: any;
233
239
  readonly 100: any;
234
240
  readonly 150: any;
@@ -241,7 +247,7 @@ declare const StyledBox: react.ForwardRefExoticComponent<Pick<Omit<{
241
247
  readonly 1600: any;
242
248
  };
243
249
  'space-offset': {
244
- readonly none: any;
250
+ readonly 0: any;
245
251
  readonly 50: any;
246
252
  readonly 100: any;
247
253
  readonly 150: any;
@@ -252,7 +258,7 @@ declare const StyledBox: react.ForwardRefExoticComponent<Pick<Omit<{
252
258
  readonly 800: any;
253
259
  readonly 1200: any;
254
260
  readonly 1600: any;
255
- readonly 'stacking-none': any;
261
+ readonly 'stacking-0': any;
256
262
  readonly 'stacking-100': any;
257
263
  readonly 'stacking-200': any;
258
264
  readonly 'stacking-300': any;
@@ -460,7 +466,7 @@ declare const StyledBox: react.ForwardRefExoticComponent<Pick<Omit<{
460
466
  declare type StyledBoxProps = ComponentPropsWithRef<typeof StyledBox>;
461
467
 
462
468
  interface BoxProps extends StyledBoxProps {
463
- fluid?: boolean;
469
+ fluid?: StyledBoxProps['fluid'];
464
470
  }
465
471
  declare const Box: react__default.ForwardRefExoticComponent<Pick<BoxProps, "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" | "asChild" | "css" | "UNSAFE_style" | "fluid"> & react__default.RefAttributes<HTMLDivElement>>;
466
472
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mirohq/design-system-box",
3
- "version": "2.1.11-use-press.0",
3
+ "version": "2.1.12",
4
4
  "description": "",
5
5
  "author": "Miro",
6
6
  "source": "src/index.ts",
@@ -26,8 +26,8 @@
26
26
  "react": "^16.14 || ^17 || ^18"
27
27
  },
28
28
  "dependencies": {
29
- "@mirohq/design-system-primitive": "^1.1.0",
30
- "@mirohq/design-system-stitches": "^2.3.2-use-press.0"
29
+ "@mirohq/design-system-stitches": "^2.3.3",
30
+ "@mirohq/design-system-primitive": "^1.1.0"
31
31
  },
32
32
  "scripts": {
33
33
  "build": "rollup -c ../../../rollup.config.js",