@mirohq/design-system-box 2.1.11 → 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 +7 -7
  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
@@ -213,28 +213,28 @@ declare const StyledBox: react.ForwardRefExoticComponent<Pick<Omit<{
213
213
  readonly 'icon-400': "32px";
214
214
  };
215
215
  space: {
216
- readonly none: 0;
216
+ readonly 0: 0;
217
217
  readonly 50: "4px";
218
218
  readonly 100: "8px";
219
219
  readonly 150: "12px";
220
220
  readonly 200: "16px";
221
221
  readonly 300: "24px";
222
222
  readonly 400: "32px";
223
- readonly 500: "64px";
223
+ readonly 500: "40px";
224
224
  readonly 600: "48px";
225
225
  readonly 800: "64px";
226
226
  readonly 1200: "96px";
227
227
  readonly 1600: "128px";
228
228
  };
229
229
  'space-gap': {
230
- readonly none: any;
230
+ readonly 0: any;
231
231
  readonly 50: any;
232
232
  readonly 100: any;
233
233
  readonly 200: any;
234
234
  readonly 300: any;
235
235
  };
236
236
  'space-inset': {
237
- readonly none: any;
237
+ readonly 0: any;
238
238
  readonly 50: any;
239
239
  readonly 100: any;
240
240
  readonly 150: any;
@@ -247,7 +247,7 @@ declare const StyledBox: react.ForwardRefExoticComponent<Pick<Omit<{
247
247
  readonly 1600: any;
248
248
  };
249
249
  'space-offset': {
250
- readonly none: any;
250
+ readonly 0: any;
251
251
  readonly 50: any;
252
252
  readonly 100: any;
253
253
  readonly 150: any;
@@ -258,7 +258,7 @@ declare const StyledBox: react.ForwardRefExoticComponent<Pick<Omit<{
258
258
  readonly 800: any;
259
259
  readonly 1200: any;
260
260
  readonly 1600: any;
261
- readonly 'stacking-none': any;
261
+ readonly 'stacking-0': any;
262
262
  readonly 'stacking-100': any;
263
263
  readonly 'stacking-200': any;
264
264
  readonly 'stacking-300': any;
@@ -466,7 +466,7 @@ declare const StyledBox: react.ForwardRefExoticComponent<Pick<Omit<{
466
466
  declare type StyledBoxProps = ComponentPropsWithRef<typeof StyledBox>;
467
467
 
468
468
  interface BoxProps extends StyledBoxProps {
469
- fluid?: boolean;
469
+ fluid?: StyledBoxProps['fluid'];
470
470
  }
471
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>>;
472
472
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mirohq/design-system-box",
3
- "version": "2.1.11",
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"
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",