@mirohq/design-system-box 2.1.42 → 3.0.0-box.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 +2 -2
- package/dist/main.js.map +1 -1
- package/dist/module.js +1 -1
- package/dist/module.js.map +1 -1
- package/dist/types.d.ts +8 -10
- package/package.json +3 -4
package/dist/main.js
CHANGED
|
@@ -5,13 +5,13 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
5
5
|
var jsxRuntime = require('react/jsx-runtime');
|
|
6
6
|
var React = require('react');
|
|
7
7
|
var designSystemPrimitive = require('@mirohq/design-system-primitive');
|
|
8
|
-
var
|
|
8
|
+
var designSystemPandacss = require('@mirohq/design-system-pandacss');
|
|
9
9
|
|
|
10
10
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
11
11
|
|
|
12
12
|
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
13
13
|
|
|
14
|
-
const StyledBox =
|
|
14
|
+
const StyledBox = designSystemPandacss.styled(designSystemPrimitive.Primitive.div, {
|
|
15
15
|
boxSizing: "border-box",
|
|
16
16
|
variants: {
|
|
17
17
|
fluid: {
|
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-
|
|
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-pandacss'\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 /**\n * Sets width to 100%.\n * @default false\n */\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;;ACFM,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,7 +1,7 @@
|
|
|
1
1
|
import { jsx } from 'react/jsx-runtime';
|
|
2
2
|
import React from 'react';
|
|
3
3
|
import { Primitive } from '@mirohq/design-system-primitive';
|
|
4
|
-
import { styled } from '@mirohq/design-system-
|
|
4
|
+
import { styled } from '@mirohq/design-system-pandacss';
|
|
5
5
|
|
|
6
6
|
const StyledBox = styled(Primitive.div, {
|
|
7
7
|
boxSizing: "border-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-
|
|
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-pandacss'\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 /**\n * Sets width to 100%.\n * @default false\n */\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;;ACFM,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
|
@@ -1,14 +1,12 @@
|
|
|
1
|
-
import * as
|
|
2
|
-
import
|
|
3
|
-
import * as
|
|
4
|
-
import * as
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import React__default, { ComponentPropsWithRef } from 'react';
|
|
3
|
+
import * as _mirohq_design_system_pandacss from '@mirohq/design-system-pandacss';
|
|
4
|
+
import * as _mirohq_design_system_pandacss_styled_system_types_style_props from '@mirohq/design-system-pandacss/styled-system/types/style-props';
|
|
5
5
|
import * as _mirohq_design_system_primitive from '@mirohq/design-system-primitive';
|
|
6
6
|
|
|
7
|
-
declare const StyledBox:
|
|
8
|
-
fluid?: boolean |
|
|
9
|
-
},
|
|
10
|
-
fluid?: boolean | "true" | undefined;
|
|
11
|
-
}, {}>;
|
|
7
|
+
declare const StyledBox: _mirohq_design_system_pandacss.StyledComponent<React.ForwardRefExoticComponent<_mirohq_design_system_primitive.PrimitiveProps<"div">>, {
|
|
8
|
+
fluid?: boolean | undefined;
|
|
9
|
+
}, (keyof _mirohq_design_system_pandacss_styled_system_types_style_props.SystemProperties)[]>;
|
|
12
10
|
declare type StyledBoxProps = ComponentPropsWithRef<typeof StyledBox>;
|
|
13
11
|
|
|
14
12
|
interface BoxProps extends StyledBoxProps {
|
|
@@ -18,6 +16,6 @@ interface BoxProps extends StyledBoxProps {
|
|
|
18
16
|
*/
|
|
19
17
|
fluid?: StyledBoxProps['fluid'];
|
|
20
18
|
}
|
|
21
|
-
declare const Box:
|
|
19
|
+
declare const Box: React__default.ForwardRefExoticComponent<Omit<BoxProps, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
|
|
22
20
|
|
|
23
21
|
export { Box, BoxProps };
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@mirohq/design-system-box",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "3.0.0-box.0",
|
|
4
4
|
"description": "",
|
|
5
5
|
"author": "Miro",
|
|
6
6
|
"source": "src/index.ts",
|
|
@@ -22,12 +22,11 @@
|
|
|
22
22
|
"access": "public"
|
|
23
23
|
},
|
|
24
24
|
"peerDependencies": {
|
|
25
|
-
"@stitches/react": "^1.2.8",
|
|
26
25
|
"react": "^16.14 || ^17 || ^18"
|
|
27
26
|
},
|
|
28
27
|
"dependencies": {
|
|
29
|
-
"@mirohq/design-system-
|
|
30
|
-
"@mirohq/design-system-
|
|
28
|
+
"@mirohq/design-system-pandacss": "^0.7.0-box.0",
|
|
29
|
+
"@mirohq/design-system-primitive": "^1.1.2"
|
|
31
30
|
},
|
|
32
31
|
"scripts": {
|
|
33
32
|
"build": "rollup -c ../../../rollup.config.js",
|