@spark-web/columns 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,17 +1,41 @@
|
|
|
1
1
|
# @spark-web/columns
|
|
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/
|
|
13
|
+
- Updated dependencies
|
|
14
|
+
[[`80d9c15`](https://github.com/brighte-labs/spark-web/commit/80d9c156a40bbcd2b1a91a2d0403b3c8e9b47b4e)]:
|
|
15
|
+
- @spark-web/theme@5.13.0
|
|
16
|
+
- @spark-web/utils@5.1.0
|
|
17
|
+
- @spark-web/box@6.0.0
|
|
18
|
+
|
|
19
|
+
## 5.0.2
|
|
20
|
+
|
|
21
|
+
### Patch Changes
|
|
22
|
+
|
|
23
|
+
- [#698](https://github.com/brighte-labs/spark-web/pull/698)
|
|
24
|
+
[`814b373`](https://github.com/brighte-labs/spark-web/commit/814b373cbe9fcf0757738c78eef6b516624df62c)
|
|
25
|
+
Thanks [@michtntbrighte](https://github.com/michtntbrighte)! - Bump version
|
|
26
|
+
|
|
27
|
+
- Updated dependencies
|
|
28
|
+
[[`814b373`](https://github.com/brighte-labs/spark-web/commit/814b373cbe9fcf0757738c78eef6b516624df62c)]:
|
|
29
|
+
- @spark-web/box@5.2.2
|
|
30
|
+
- @spark-web/theme@5.12.1
|
|
31
|
+
|
|
32
|
+
## 5.0.1
|
|
33
|
+
|
|
34
|
+
### Patch Changes
|
|
35
|
+
|
|
36
|
+
- Updated dependencies
|
|
37
|
+
[[`1995db7`](https://github.com/brighte-labs/spark-web/commit/1995db7f4342803732c7648ab3ca6d32442cc347)]:
|
|
38
|
+
- @spark-web/theme@5.12.0
|
|
15
39
|
|
|
16
40
|
## 5.0.0
|
|
17
41
|
|
|
@@ -4,8 +4,8 @@ declare const alignYLookup: {
|
|
|
4
4
|
readonly bottom: "end";
|
|
5
5
|
readonly stretch: "stretch";
|
|
6
6
|
};
|
|
7
|
-
export
|
|
8
|
-
export declare const alignYToAlignItems: (prop?: import("@spark-web/theme").ResponsiveProp<"center" | "
|
|
7
|
+
export type AlignY = keyof typeof alignYLookup;
|
|
8
|
+
export declare const alignYToAlignItems: (prop?: import("@spark-web/theme").ResponsiveProp<"center" | "bottom" | "top" | "stretch"> | undefined) => "center" | "end" | "start" | "stretch" | {
|
|
9
9
|
mobile: "center" | "end" | "start" | "stretch" | undefined;
|
|
10
10
|
tablet: "center" | "end" | "start" | "stretch" | undefined;
|
|
11
11
|
desktop: "center" | "end" | "start" | "stretch" | undefined;
|
|
@@ -3,9 +3,9 @@ import type { ResponsiveProp, ResponsiveRangeProps, SparkTheme } from '@spark-we
|
|
|
3
3
|
import type { DataAttributeMap } from '@spark-web/utils/internal';
|
|
4
4
|
import type { ReactNode } from 'react';
|
|
5
5
|
import type { AlignY } from "./alignment.js";
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
export
|
|
6
|
+
type Gap = ResponsiveProp<keyof Omit<SparkTheme['spacing'], 'none'>>;
|
|
7
|
+
type ValidBoxProps = Omit<BoxProps, 'display' | 'alignItems' | 'gap' | 'flexDirection' | 'justifyContent' | 'flexWrap' | 'dangerouslySetInnerHTML'>;
|
|
8
|
+
export type ColumnsProps = {
|
|
9
9
|
/** Vertically align items within the container. */
|
|
10
10
|
alignY?: ResponsiveProp<AlignY>;
|
|
11
11
|
/** Elements representing each column. */
|
|
@@ -19,21 +19,21 @@ export declare type ColumnsProps = {
|
|
|
19
19
|
/** Define the relative width of each column. By default each column is the same width. */
|
|
20
20
|
template?: number[];
|
|
21
21
|
} & ValidBoxProps;
|
|
22
|
-
export declare const Columns: <Comp extends import("react").ElementType
|
|
22
|
+
export declare const Columns: <Comp extends import("react").ElementType = "div">(props: {
|
|
23
23
|
as?: Comp | undefined;
|
|
24
|
-
ref?: import("react").Ref<Comp extends "symbol" | "
|
|
24
|
+
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;
|
|
25
25
|
} & Omit<import("react").PropsWithoutRef<import("react").ComponentProps<Comp>>, "as"> & {
|
|
26
26
|
/** Vertically align items within the container. */
|
|
27
|
-
alignY?: ResponsiveProp<
|
|
27
|
+
alignY?: ResponsiveProp<AlignY>;
|
|
28
28
|
/** Elements representing each column. */
|
|
29
29
|
children: ReactNode;
|
|
30
30
|
/** At which breakpoint, if any, should the columns collapse. */
|
|
31
|
-
collapseBelow?: ResponsiveRangeProps[
|
|
31
|
+
collapseBelow?: ResponsiveRangeProps["below"];
|
|
32
32
|
/** Sets data attributes on the component. */
|
|
33
|
-
data?: DataAttributeMap
|
|
33
|
+
data?: DataAttributeMap;
|
|
34
34
|
/** The size of the gap between each column. */
|
|
35
|
-
gap?: Gap
|
|
35
|
+
gap?: Gap;
|
|
36
36
|
/** Define the relative width of each column. By default each column is the same width. */
|
|
37
|
-
template?: number[]
|
|
38
|
-
} & ValidBoxProps) => import("react").ReactElement
|
|
37
|
+
template?: number[];
|
|
38
|
+
} & ValidBoxProps) => import("react").ReactElement;
|
|
39
39
|
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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Bhcmstd2ViLWNvbHVtbnMuY2pzLmQudHMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuL2RlY2xhcmF0aW9ucy9zcmMvaW5kZXguZC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSJ9
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@spark-web/columns",
|
|
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,16 +17,16 @@
|
|
|
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/theme": "^5.
|
|
22
|
-
"@spark-web/utils": "^5.1.0
|
|
20
|
+
"@spark-web/box": "^6.0.0",
|
|
21
|
+
"@spark-web/theme": "^5.13.0",
|
|
22
|
+
"@spark-web/utils": "^5.1.0"
|
|
23
23
|
},
|
|
24
24
|
"devDependencies": {
|
|
25
25
|
"@types/react": "^19.1.0",
|
|
26
26
|
"react": "^19.1.0"
|
|
27
27
|
},
|
|
28
28
|
"peerDependencies": {
|
|
29
|
-
"react": "
|
|
29
|
+
"react": "^17.0.0 || ^18.0.0 || ^19.0.0"
|
|
30
30
|
},
|
|
31
31
|
"engines": {
|
|
32
32
|
"node": ">=14"
|