@spark-web/stack 2.0.0-rc.1 → 2.0.0-rc.2
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/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,19 @@
|
|
|
1
1
|
# @spark-web/stack
|
|
2
2
|
|
|
3
|
+
## 2.0.0-rc.2
|
|
4
|
+
|
|
5
|
+
### Major Changes
|
|
6
|
+
|
|
7
|
+
- add parser
|
|
8
|
+
|
|
9
|
+
### Patch Changes
|
|
10
|
+
|
|
11
|
+
- Updated dependencies []:
|
|
12
|
+
- @spark-web/divider@2.0.0-rc.2
|
|
13
|
+
- @spark-web/theme@4.0.0-rc.2
|
|
14
|
+
- @spark-web/utils@2.0.0-rc.2
|
|
15
|
+
- @spark-web/box@2.0.0-rc.2
|
|
16
|
+
|
|
3
17
|
## 2.0.0-rc.1
|
|
4
18
|
|
|
5
19
|
### Major Changes
|
|
@@ -5,10 +5,10 @@ declare const alignLookup: {
|
|
|
5
5
|
readonly stretch: "stretch";
|
|
6
6
|
};
|
|
7
7
|
export declare type Align = keyof typeof alignLookup;
|
|
8
|
-
export declare const alignToAlignItems: (prop?: import("@spark-web/theme").ResponsiveProp<"
|
|
9
|
-
mobile: "center" | "start" | "
|
|
10
|
-
tablet: "center" | "start" | "
|
|
11
|
-
desktop: "center" | "start" | "
|
|
12
|
-
wide: "center" | "start" | "
|
|
8
|
+
export declare const alignToAlignItems: (prop?: import("@spark-web/theme").ResponsiveProp<"center" | "right" | "left" | "stretch"> | undefined) => "center" | "start" | "stretch" | "end" | {
|
|
9
|
+
mobile: "center" | "start" | "stretch" | "end" | undefined;
|
|
10
|
+
tablet: "center" | "start" | "stretch" | "end" | undefined;
|
|
11
|
+
desktop: "center" | "start" | "stretch" | "end" | undefined;
|
|
12
|
+
wide: "center" | "start" | "stretch" | "end" | undefined;
|
|
13
13
|
} | undefined;
|
|
14
14
|
export {};
|
|
@@ -11,10 +11,10 @@ export declare type StackProps = {
|
|
|
11
11
|
} & ValidBoxProps;
|
|
12
12
|
export declare const Stack: <Comp extends import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> = "div">(props: {
|
|
13
13
|
as?: Comp | undefined;
|
|
14
|
-
ref?: import("react").Ref<Comp extends "symbol" | "
|
|
14
|
+
ref?: import("react").Ref<Comp extends "symbol" | "svg" | "animate" | "animateMotion" | "animateTransform" | "circle" | "clipPath" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feDropShadow" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "filter" | "foreignObject" | "g" | "image" | "line" | "linearGradient" | "marker" | "mask" | "metadata" | "mpath" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "set" | "stop" | "switch" | "text" | "textPath" | "tspan" | "use" | "view" | keyof HTMLElementTagNameMap ? (HTMLElementTagNameMap & Pick<SVGElementTagNameMap, "symbol" | "svg" | "animate" | "animateMotion" | "animateTransform" | "circle" | "clipPath" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feDropShadow" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "filter" | "foreignObject" | "g" | "image" | "line" | "linearGradient" | "marker" | "mask" | "metadata" | "mpath" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "set" | "stop" | "switch" | "text" | "textPath" | "tspan" | "use" | "view">)[Comp] : Comp extends new (...args: any) => any ? InstanceType<Comp> : undefined> | undefined;
|
|
15
15
|
} & Omit<import("react").PropsWithoutRef<import("react").ComponentProps<Comp>>, "as"> & {
|
|
16
16
|
/** Horizontally align items within the stack. */
|
|
17
|
-
align?: ResponsiveProp<"
|
|
17
|
+
align?: ResponsiveProp<"center" | "right" | "left" | "stretch"> | undefined;
|
|
18
18
|
/** Place a divider between each element. */
|
|
19
19
|
dividers?: boolean | undefined;
|
|
20
20
|
} & ValidBoxProps) => ReactElement<any, string | import("react").JSXElementConstructor<any>>;
|
|
@@ -9,7 +9,7 @@ var divider = require('@spark-web/divider');
|
|
|
9
9
|
var ts = require('@spark-web/utils/ts');
|
|
10
10
|
var react = require('react');
|
|
11
11
|
var theme = require('@spark-web/theme');
|
|
12
|
-
var jsxRuntime = require('react/jsx-runtime');
|
|
12
|
+
var jsxRuntime = require('@emotion/react/jsx-runtime');
|
|
13
13
|
|
|
14
14
|
var alignLookup = {
|
|
15
15
|
left: 'start',
|
|
@@ -38,7 +38,7 @@ var Stack = ts.forwardRefWithAs(function (_ref, forwardedRef) {
|
|
|
38
38
|
|
|
39
39
|
// bail early w/o dividers to avoid unnecessary map
|
|
40
40
|
if (!dividers) {
|
|
41
|
-
return
|
|
41
|
+
return jsxRuntime.jsx(box.Box, _objectSpread(_objectSpread({}, rootProps), {}, {
|
|
42
42
|
children: children
|
|
43
43
|
}));
|
|
44
44
|
}
|
|
@@ -46,10 +46,10 @@ var Stack = ts.forwardRefWithAs(function (_ref, forwardedRef) {
|
|
|
46
46
|
// map over children to insert dividers
|
|
47
47
|
// remove falsy values before mapping, keeps the index in sync
|
|
48
48
|
var childArray = react.Children.toArray(children);
|
|
49
|
-
return
|
|
49
|
+
return jsxRuntime.jsx(box.Box, _objectSpread(_objectSpread({}, rootProps), {}, {
|
|
50
50
|
children: childArray.map(function (child, idx) {
|
|
51
|
-
return
|
|
52
|
-
children: [dividers && idx ?
|
|
51
|
+
return jsxRuntime.jsxs(react.Fragment, {
|
|
52
|
+
children: [dividers && idx ? jsxRuntime.jsx(divider.Divider, {}) : null, child]
|
|
53
53
|
}, child.key || idx);
|
|
54
54
|
})
|
|
55
55
|
}));
|
|
@@ -9,7 +9,7 @@ var divider = require('@spark-web/divider');
|
|
|
9
9
|
var ts = require('@spark-web/utils/ts');
|
|
10
10
|
var react = require('react');
|
|
11
11
|
var theme = require('@spark-web/theme');
|
|
12
|
-
var jsxRuntime = require('react/jsx-runtime');
|
|
12
|
+
var jsxRuntime = require('@emotion/react/jsx-runtime');
|
|
13
13
|
|
|
14
14
|
var alignLookup = {
|
|
15
15
|
left: 'start',
|
|
@@ -38,7 +38,7 @@ var Stack = ts.forwardRefWithAs(function (_ref, forwardedRef) {
|
|
|
38
38
|
|
|
39
39
|
// bail early w/o dividers to avoid unnecessary map
|
|
40
40
|
if (!dividers) {
|
|
41
|
-
return
|
|
41
|
+
return jsxRuntime.jsx(box.Box, _objectSpread(_objectSpread({}, rootProps), {}, {
|
|
42
42
|
children: children
|
|
43
43
|
}));
|
|
44
44
|
}
|
|
@@ -46,10 +46,10 @@ var Stack = ts.forwardRefWithAs(function (_ref, forwardedRef) {
|
|
|
46
46
|
// map over children to insert dividers
|
|
47
47
|
// remove falsy values before mapping, keeps the index in sync
|
|
48
48
|
var childArray = react.Children.toArray(children);
|
|
49
|
-
return
|
|
49
|
+
return jsxRuntime.jsx(box.Box, _objectSpread(_objectSpread({}, rootProps), {}, {
|
|
50
50
|
children: childArray.map(function (child, idx) {
|
|
51
|
-
return
|
|
52
|
-
children: [dividers && idx ?
|
|
51
|
+
return jsxRuntime.jsxs(react.Fragment, {
|
|
52
|
+
children: [dividers && idx ? jsxRuntime.jsx(divider.Divider, {}) : null, child]
|
|
53
53
|
}, child.key || idx);
|
|
54
54
|
})
|
|
55
55
|
}));
|
|
@@ -5,7 +5,7 @@ import { Divider } from '@spark-web/divider';
|
|
|
5
5
|
import { forwardRefWithAs } from '@spark-web/utils/ts';
|
|
6
6
|
import { Children, Fragment } from 'react';
|
|
7
7
|
import { createResponsiveMapFn } from '@spark-web/theme';
|
|
8
|
-
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
8
|
+
import { jsx, jsxs } from '@emotion/react/jsx-runtime';
|
|
9
9
|
|
|
10
10
|
var alignLookup = {
|
|
11
11
|
left: 'start',
|
|
@@ -34,7 +34,7 @@ var Stack = forwardRefWithAs(function (_ref, forwardedRef) {
|
|
|
34
34
|
|
|
35
35
|
// bail early w/o dividers to avoid unnecessary map
|
|
36
36
|
if (!dividers) {
|
|
37
|
-
return
|
|
37
|
+
return jsx(Box, _objectSpread(_objectSpread({}, rootProps), {}, {
|
|
38
38
|
children: children
|
|
39
39
|
}));
|
|
40
40
|
}
|
|
@@ -42,10 +42,10 @@ var Stack = forwardRefWithAs(function (_ref, forwardedRef) {
|
|
|
42
42
|
// map over children to insert dividers
|
|
43
43
|
// remove falsy values before mapping, keeps the index in sync
|
|
44
44
|
var childArray = Children.toArray(children);
|
|
45
|
-
return
|
|
45
|
+
return jsx(Box, _objectSpread(_objectSpread({}, rootProps), {}, {
|
|
46
46
|
children: childArray.map(function (child, idx) {
|
|
47
|
-
return
|
|
48
|
-
children: [dividers && idx ?
|
|
47
|
+
return jsxs(Fragment, {
|
|
48
|
+
children: [dividers && idx ? jsx(Divider, {}) : null, child]
|
|
49
49
|
}, child.key || idx);
|
|
50
50
|
})
|
|
51
51
|
}));
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@spark-web/stack",
|
|
3
|
-
"version": "2.0.0-rc.
|
|
3
|
+
"version": "2.0.0-rc.2",
|
|
4
4
|
"homepage": "https://github.com/brighte-labs/spark-web#readme",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
@@ -17,10 +17,10 @@
|
|
|
17
17
|
"dependencies": {
|
|
18
18
|
"@babel/runtime": "^7.25.0",
|
|
19
19
|
"@emotion/react": "^11.13.5",
|
|
20
|
-
"@spark-web/box": "^2.0.0-rc.
|
|
21
|
-
"@spark-web/divider": "^2.0.0-rc.
|
|
22
|
-
"@spark-web/theme": "^4.0.0-rc.
|
|
23
|
-
"@spark-web/utils": "^2.0.0-rc.
|
|
20
|
+
"@spark-web/box": "^2.0.0-rc.2",
|
|
21
|
+
"@spark-web/divider": "^2.0.0-rc.2",
|
|
22
|
+
"@spark-web/theme": "^4.0.0-rc.2",
|
|
23
|
+
"@spark-web/utils": "^2.0.0-rc.2"
|
|
24
24
|
},
|
|
25
25
|
"devDependencies": {
|
|
26
26
|
"@types/react": "^18.2.0",
|