@mirohq/design-system-box 2.1.9 → 2.1.11-dropdown.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.
- package/dist/main.js.map +1 -1
- package/dist/module.js.map +1 -1
- package/dist/types.d.ts +7 -7
- package/package.json +2 -2
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?:
|
|
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?:
|
|
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
|
@@ -207,28 +207,28 @@ declare const StyledBox: react.ForwardRefExoticComponent<Pick<Omit<{
|
|
|
207
207
|
readonly 'icon-400': "32px";
|
|
208
208
|
};
|
|
209
209
|
space: {
|
|
210
|
-
readonly
|
|
210
|
+
readonly 0: 0;
|
|
211
211
|
readonly 50: "4px";
|
|
212
212
|
readonly 100: "8px";
|
|
213
213
|
readonly 150: "12px";
|
|
214
214
|
readonly 200: "16px";
|
|
215
215
|
readonly 300: "24px";
|
|
216
216
|
readonly 400: "32px";
|
|
217
|
-
readonly 500: "
|
|
217
|
+
readonly 500: "40px";
|
|
218
218
|
readonly 600: "48px";
|
|
219
219
|
readonly 800: "64px";
|
|
220
220
|
readonly 1200: "96px";
|
|
221
221
|
readonly 1600: "128px";
|
|
222
222
|
};
|
|
223
223
|
'space-gap': {
|
|
224
|
-
readonly
|
|
224
|
+
readonly 0: any;
|
|
225
225
|
readonly 50: any;
|
|
226
226
|
readonly 100: any;
|
|
227
227
|
readonly 200: any;
|
|
228
228
|
readonly 300: any;
|
|
229
229
|
};
|
|
230
230
|
'space-inset': {
|
|
231
|
-
readonly
|
|
231
|
+
readonly 0: any;
|
|
232
232
|
readonly 50: any;
|
|
233
233
|
readonly 100: any;
|
|
234
234
|
readonly 150: any;
|
|
@@ -241,7 +241,7 @@ declare const StyledBox: react.ForwardRefExoticComponent<Pick<Omit<{
|
|
|
241
241
|
readonly 1600: any;
|
|
242
242
|
};
|
|
243
243
|
'space-offset': {
|
|
244
|
-
readonly
|
|
244
|
+
readonly 0: any;
|
|
245
245
|
readonly 50: any;
|
|
246
246
|
readonly 100: any;
|
|
247
247
|
readonly 150: any;
|
|
@@ -252,7 +252,7 @@ declare const StyledBox: react.ForwardRefExoticComponent<Pick<Omit<{
|
|
|
252
252
|
readonly 800: any;
|
|
253
253
|
readonly 1200: any;
|
|
254
254
|
readonly 1600: any;
|
|
255
|
-
readonly 'stacking-
|
|
255
|
+
readonly 'stacking-0': any;
|
|
256
256
|
readonly 'stacking-100': any;
|
|
257
257
|
readonly 'stacking-200': any;
|
|
258
258
|
readonly 'stacking-300': any;
|
|
@@ -460,7 +460,7 @@ declare const StyledBox: react.ForwardRefExoticComponent<Pick<Omit<{
|
|
|
460
460
|
declare type StyledBoxProps = ComponentPropsWithRef<typeof StyledBox>;
|
|
461
461
|
|
|
462
462
|
interface BoxProps extends StyledBoxProps {
|
|
463
|
-
fluid?:
|
|
463
|
+
fluid?: StyledBoxProps['fluid'];
|
|
464
464
|
}
|
|
465
465
|
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
466
|
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@mirohq/design-system-box",
|
|
3
|
-
"version": "2.1.
|
|
3
|
+
"version": "2.1.11-dropdown.0",
|
|
4
4
|
"description": "",
|
|
5
5
|
"author": "Miro",
|
|
6
6
|
"source": "src/index.ts",
|
|
@@ -27,7 +27,7 @@
|
|
|
27
27
|
},
|
|
28
28
|
"dependencies": {
|
|
29
29
|
"@mirohq/design-system-primitive": "^1.1.0",
|
|
30
|
-
"@mirohq/design-system-stitches": "^2.3.0"
|
|
30
|
+
"@mirohq/design-system-stitches": "^2.3.2-dropdown.0"
|
|
31
31
|
},
|
|
32
32
|
"scripts": {
|
|
33
33
|
"build": "rollup -c ../../../rollup.config.js",
|