@mirohq/design-system-box 2.1.12 → 2.1.13
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 +2 -5
- package/dist/main.js.map +1 -1
- package/dist/module.js +2 -5
- package/dist/module.js.map +1 -1
- package/dist/types.d.ts +4 -4
- package/package.json +3 -3
package/dist/main.js
CHANGED
|
@@ -2,6 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
+
var jsxRuntime = require('react/jsx-runtime');
|
|
5
6
|
var React = require('react');
|
|
6
7
|
var designSystemPrimitive = require('@mirohq/design-system-primitive');
|
|
7
8
|
var designSystemStitches = require('@mirohq/design-system-stitches');
|
|
@@ -25,11 +26,7 @@ const StyledBox = designSystemStitches.styled(designSystemPrimitive.Primitive.di
|
|
|
25
26
|
});
|
|
26
27
|
|
|
27
28
|
const Box = React__default["default"].forwardRef(
|
|
28
|
-
({ fluid = false, ...restProps }, forwardRef) => /* @__PURE__ */
|
|
29
|
-
fluid,
|
|
30
|
-
...restProps,
|
|
31
|
-
ref: forwardRef
|
|
32
|
-
})
|
|
29
|
+
({ fluid = false, ...restProps }, forwardRef) => /* @__PURE__ */ jsxRuntime.jsx(StyledBox, { fluid, ...restProps, ref: forwardRef })
|
|
33
30
|
);
|
|
34
31
|
|
|
35
32
|
exports.Box = Box;
|
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?: 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":"
|
|
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","jsx"],"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,KAAQ,GAAA,KAAA,EAAO,GAAG,SAAU,EAAA,EAAG,UAChC,qBAAAC,cAAA,CAAC,SAAU,EAAA,EAAA,KAAA,EAAe,GAAG,SAAA,EAAW,KAAK,UAAY,EAAA,CAAA;AAE7D;;;;"}
|
package/dist/module.js
CHANGED
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { jsx } from 'react/jsx-runtime';
|
|
1
2
|
import React from 'react';
|
|
2
3
|
import { Primitive } from '@mirohq/design-system-primitive';
|
|
3
4
|
import { styled } from '@mirohq/design-system-stitches';
|
|
@@ -17,11 +18,7 @@ const StyledBox = styled(Primitive.div, {
|
|
|
17
18
|
});
|
|
18
19
|
|
|
19
20
|
const Box = React.forwardRef(
|
|
20
|
-
({ fluid = false, ...restProps }, forwardRef) => /* @__PURE__ */
|
|
21
|
-
fluid,
|
|
22
|
-
...restProps,
|
|
23
|
-
ref: forwardRef
|
|
24
|
-
})
|
|
21
|
+
({ fluid = false, ...restProps }, forwardRef) => /* @__PURE__ */ jsx(StyledBox, { fluid, ...restProps, ref: forwardRef })
|
|
25
22
|
);
|
|
26
23
|
|
|
27
24
|
export { Box };
|
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?: 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":"
|
|
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,KAAQ,GAAA,KAAA,EAAO,GAAG,SAAU,EAAA,EAAG,UAChC,qBAAA,GAAA,CAAC,SAAU,EAAA,EAAA,KAAA,EAAe,GAAG,SAAA,EAAW,KAAK,UAAY,EAAA,CAAA;AAE7D;;;;"}
|
package/dist/types.d.ts
CHANGED
|
@@ -5,11 +5,11 @@ import * as _mirohq_design_system_stitches from '@mirohq/design-system-stitches'
|
|
|
5
5
|
import * as _stitches_react_types_css_util from '@stitches/react/types/css-util';
|
|
6
6
|
import * as _stitches_react_types_styled_component from '@stitches/react/types/styled-component';
|
|
7
7
|
|
|
8
|
-
declare const StyledBox: react.ForwardRefExoticComponent<
|
|
8
|
+
declare const StyledBox: react.ForwardRefExoticComponent<Omit<Omit<{
|
|
9
9
|
fluid?: boolean | "true" | undefined;
|
|
10
10
|
}, "fluid"> & _stitches_react_types_styled_component.TransformProps<{
|
|
11
11
|
fluid?: boolean | "true" | undefined;
|
|
12
|
-
}, {}> & _mirohq_design_system_stitches.SafeProps<Omit<
|
|
12
|
+
}, {}> & _mirohq_design_system_stitches.SafeProps<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
13
13
|
ref?: ((instance: HTMLDivElement | null) => void) | react.RefObject<HTMLDivElement> | null | undefined;
|
|
14
14
|
} & {
|
|
15
15
|
asChild?: boolean | undefined;
|
|
@@ -460,7 +460,7 @@ declare const StyledBox: react.ForwardRefExoticComponent<Pick<Omit<{
|
|
|
460
460
|
}> | undefined;
|
|
461
461
|
}> & {
|
|
462
462
|
children?: react.ReactNode;
|
|
463
|
-
} & _mirohq_design_system_stitches.CustomStylesProps, "
|
|
463
|
+
} & _mirohq_design_system_stitches.CustomStylesProps, "ref"> & react.RefAttributes<HTMLDivElement>> & _mirohq_design_system_stitches.StitchesInternals<react.ForwardRefExoticComponent<_mirohq_design_system_primitive.PrimitiveProps<"div">>, {
|
|
464
464
|
fluid?: boolean | "true" | undefined;
|
|
465
465
|
}, {}>;
|
|
466
466
|
declare type StyledBoxProps = ComponentPropsWithRef<typeof StyledBox>;
|
|
@@ -468,6 +468,6 @@ declare type StyledBoxProps = ComponentPropsWithRef<typeof StyledBox>;
|
|
|
468
468
|
interface BoxProps extends StyledBoxProps {
|
|
469
469
|
fluid?: StyledBoxProps['fluid'];
|
|
470
470
|
}
|
|
471
|
-
declare const Box: react__default.ForwardRefExoticComponent<
|
|
471
|
+
declare const Box: react__default.ForwardRefExoticComponent<Omit<BoxProps, "ref"> & react__default.RefAttributes<HTMLDivElement>>;
|
|
472
472
|
|
|
473
473
|
export { Box, BoxProps };
|
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.13",
|
|
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-
|
|
30
|
-
"@mirohq/design-system-
|
|
29
|
+
"@mirohq/design-system-primitive": "^1.1.0",
|
|
30
|
+
"@mirohq/design-system-stitches": "^2.3.4"
|
|
31
31
|
},
|
|
32
32
|
"scripts": {
|
|
33
33
|
"build": "rollup -c ../../../rollup.config.js",
|