@spark-web/row 5.1.0-rc.0 → 5.1.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/CHANGELOG.md
CHANGED
|
@@ -1,18 +1,42 @@
|
|
|
1
1
|
# @spark-web/row
|
|
2
2
|
|
|
3
|
-
## 5.1.0
|
|
3
|
+
## 5.1.0
|
|
4
4
|
|
|
5
5
|
### Minor Changes
|
|
6
6
|
|
|
7
|
-
-
|
|
7
|
+
- [#667](https://github.com/brighte-labs/spark-web/pull/667)
|
|
8
|
+
[`80d9c15`](https://github.com/brighte-labs/spark-web/commit/80d9c156a40bbcd2b1a91a2d0403b3c8e9b47b4e)
|
|
9
|
+
Thanks [@Leo704099](https://github.com/Leo704099)! - Support react 17 to 19
|
|
8
10
|
|
|
9
11
|
### Patch Changes
|
|
10
12
|
|
|
11
|
-
- Updated dependencies
|
|
12
|
-
-
|
|
13
|
-
- @spark-web/
|
|
14
|
-
- @spark-web/
|
|
15
|
-
- @spark-web/
|
|
13
|
+
- Updated dependencies
|
|
14
|
+
[[`80d9c15`](https://github.com/brighte-labs/spark-web/commit/80d9c156a40bbcd2b1a91a2d0403b3c8e9b47b4e)]:
|
|
15
|
+
- @spark-web/divider@5.1.0
|
|
16
|
+
- @spark-web/theme@5.13.0
|
|
17
|
+
- @spark-web/utils@5.1.0
|
|
18
|
+
- @spark-web/box@6.0.0
|
|
19
|
+
|
|
20
|
+
## 5.0.2
|
|
21
|
+
|
|
22
|
+
### Patch Changes
|
|
23
|
+
|
|
24
|
+
- [#698](https://github.com/brighte-labs/spark-web/pull/698)
|
|
25
|
+
[`814b373`](https://github.com/brighte-labs/spark-web/commit/814b373cbe9fcf0757738c78eef6b516624df62c)
|
|
26
|
+
Thanks [@michtntbrighte](https://github.com/michtntbrighte)! - Bump version
|
|
27
|
+
|
|
28
|
+
- Updated dependencies
|
|
29
|
+
[[`814b373`](https://github.com/brighte-labs/spark-web/commit/814b373cbe9fcf0757738c78eef6b516624df62c)]:
|
|
30
|
+
- @spark-web/box@5.2.2
|
|
31
|
+
- @spark-web/theme@5.12.1
|
|
32
|
+
|
|
33
|
+
## 5.0.1
|
|
34
|
+
|
|
35
|
+
### Patch Changes
|
|
36
|
+
|
|
37
|
+
- Updated dependencies
|
|
38
|
+
[[`1995db7`](https://github.com/brighte-labs/spark-web/commit/1995db7f4342803732c7648ab3ca6d32442cc347)]:
|
|
39
|
+
- @spark-web/theme@5.12.0
|
|
16
40
|
|
|
17
41
|
## 5.0.0
|
|
18
42
|
|
|
@@ -9,15 +9,15 @@ declare const alignYLookup: {
|
|
|
9
9
|
readonly bottom: "end";
|
|
10
10
|
readonly stretch: "stretch";
|
|
11
11
|
};
|
|
12
|
-
export
|
|
13
|
-
export
|
|
14
|
-
export declare const alignToJustifyContent: (prop?: import("@spark-web/theme").ResponsiveProp<"center" | "
|
|
12
|
+
export type Align = keyof typeof alignLookup;
|
|
13
|
+
export type AlignY = keyof typeof alignYLookup;
|
|
14
|
+
export declare const alignToJustifyContent: (prop?: import("@spark-web/theme").ResponsiveProp<"center" | "left" | "right"> | undefined) => "center" | "end" | "start" | {
|
|
15
15
|
mobile: "center" | "end" | "start" | undefined;
|
|
16
16
|
tablet: "center" | "end" | "start" | undefined;
|
|
17
17
|
desktop: "center" | "end" | "start" | undefined;
|
|
18
18
|
wide: "center" | "end" | "start" | undefined;
|
|
19
19
|
} | undefined;
|
|
20
|
-
export declare const alignYToAlignItems: (prop?: import("@spark-web/theme").ResponsiveProp<"center" | "
|
|
20
|
+
export declare const alignYToAlignItems: (prop?: import("@spark-web/theme").ResponsiveProp<"center" | "bottom" | "top" | "stretch"> | undefined) => "center" | "end" | "start" | "stretch" | {
|
|
21
21
|
mobile: "center" | "end" | "start" | "stretch" | undefined;
|
|
22
22
|
tablet: "center" | "end" | "start" | "stretch" | undefined;
|
|
23
23
|
desktop: "center" | "end" | "start" | "stretch" | undefined;
|
|
@@ -3,8 +3,8 @@ import type { ResponsiveProp } from '@spark-web/theme';
|
|
|
3
3
|
import type { DataAttributeMap } from '@spark-web/utils/internal';
|
|
4
4
|
import type { ReactElement } from 'react';
|
|
5
5
|
import type { Align, AlignY } from "./alignment.js";
|
|
6
|
-
|
|
7
|
-
export
|
|
6
|
+
type ValidBoxProps = Omit<BoxProps, 'display' | 'alignItems' | 'flexDirection' | 'justifyContent' | 'flexWrap' | 'dangerouslySetInnerHTML'>;
|
|
7
|
+
export type RowProps = {
|
|
8
8
|
/** Horizontally align items within the container. */
|
|
9
9
|
align?: ResponsiveProp<Align>;
|
|
10
10
|
/** Vertically align items within the container. */
|
|
@@ -14,17 +14,17 @@ export declare type RowProps = {
|
|
|
14
14
|
/** Place a divider between each element. */
|
|
15
15
|
dividers?: boolean;
|
|
16
16
|
} & ValidBoxProps;
|
|
17
|
-
export declare const Row: <Comp extends import("react").ElementType
|
|
17
|
+
export declare const Row: <Comp extends import("react").ElementType = "div">(props: {
|
|
18
18
|
as?: Comp | undefined;
|
|
19
|
-
ref?: import("react").Ref<Comp extends "symbol" | "
|
|
19
|
+
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;
|
|
20
20
|
} & Omit<import("react").PropsWithoutRef<import("react").ComponentProps<Comp>>, "as"> & {
|
|
21
21
|
/** Horizontally align items within the container. */
|
|
22
|
-
align?: ResponsiveProp<
|
|
22
|
+
align?: ResponsiveProp<Align>;
|
|
23
23
|
/** Vertically align items within the container. */
|
|
24
|
-
alignY?: ResponsiveProp<
|
|
24
|
+
alignY?: ResponsiveProp<AlignY>;
|
|
25
25
|
/** Sets data attributes for the element. */
|
|
26
|
-
data?: DataAttributeMap
|
|
26
|
+
data?: DataAttributeMap;
|
|
27
27
|
/** Place a divider between each element. */
|
|
28
|
-
dividers?: boolean
|
|
29
|
-
} & ValidBoxProps) => ReactElement
|
|
28
|
+
dividers?: boolean;
|
|
29
|
+
} & ValidBoxProps) => ReactElement;
|
|
30
30
|
export {};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export * from "./declarations/src/index";
|
|
1
|
+
export * from "./declarations/src/index.js";
|
|
2
2
|
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Bhcmstd2ViLXJvdy5janMuZC50cyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4vZGVjbGFyYXRpb25zL3NyYy9pbmRleC5kLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBIn0=
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@spark-web/row",
|
|
3
|
-
"version": "5.1.0
|
|
3
|
+
"version": "5.1.0",
|
|
4
4
|
"homepage": "https://github.com/brighte-labs/spark-web#readme",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
@@ -17,17 +17,17 @@
|
|
|
17
17
|
"dependencies": {
|
|
18
18
|
"@babel/runtime": "^7.25.0",
|
|
19
19
|
"@emotion/react": "^11.14.0",
|
|
20
|
-
"@spark-web/box": "^6.0.0
|
|
21
|
-
"@spark-web/divider": "^5.1.0
|
|
22
|
-
"@spark-web/theme": "^5.
|
|
23
|
-
"@spark-web/utils": "^5.1.0
|
|
20
|
+
"@spark-web/box": "^6.0.0",
|
|
21
|
+
"@spark-web/divider": "^5.1.0",
|
|
22
|
+
"@spark-web/theme": "^5.13.0",
|
|
23
|
+
"@spark-web/utils": "^5.1.0"
|
|
24
24
|
},
|
|
25
25
|
"devDependencies": {
|
|
26
26
|
"@types/react": "^19.1.0",
|
|
27
27
|
"react": "^19.1.0"
|
|
28
28
|
},
|
|
29
29
|
"peerDependencies": {
|
|
30
|
-
"react": "
|
|
30
|
+
"react": "^17.0.0 || ^18.0.0 || ^19.0.0"
|
|
31
31
|
},
|
|
32
32
|
"engines": {
|
|
33
33
|
"node": ">=14"
|