@spark-web/columns 5.0.0-rc.31 → 5.1.0-rc.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,5 +1,60 @@
|
|
|
1
1
|
# @spark-web/columns
|
|
2
2
|
|
|
3
|
+
## 5.1.0-rc.0
|
|
4
|
+
|
|
5
|
+
### Minor Changes
|
|
6
|
+
|
|
7
|
+
- update react version and other packages
|
|
8
|
+
|
|
9
|
+
### Patch Changes
|
|
10
|
+
|
|
11
|
+
- Updated dependencies []:
|
|
12
|
+
- @spark-web/theme@5.12.0-rc.0
|
|
13
|
+
- @spark-web/utils@5.1.0-rc.0
|
|
14
|
+
- @spark-web/box@6.0.0-rc.0
|
|
15
|
+
|
|
16
|
+
## 5.0.0
|
|
17
|
+
|
|
18
|
+
### Major Changes
|
|
19
|
+
|
|
20
|
+
- This release of spark-web standardises the version across all packages to be
|
|
21
|
+
**`v5`**, primarily signifying the switch from `@emotion/css` to
|
|
22
|
+
`@emotion/react` as one of the key dependencies of the entire library, in
|
|
23
|
+
order to support server-side rendering / SSR.
|
|
24
|
+
|
|
25
|
+
This release also introduces support for theming, to allow for more co-branded
|
|
26
|
+
experiences across our web applications. It also supports component-level
|
|
27
|
+
theming for `<Button />`, `<ButtonLink />`, and `<Checkbox />`, which provides
|
|
28
|
+
the capability to override the global theme available inside an application.
|
|
29
|
+
|
|
30
|
+
To use this in an application, you can wrap the affected areas with a
|
|
31
|
+
`ThemeProvider`:
|
|
32
|
+
|
|
33
|
+
```
|
|
34
|
+
<ThemeProvider theme="pantheon">
|
|
35
|
+
<Input type="text" />
|
|
36
|
+
<Button type="submit" />
|
|
37
|
+
</ThemeProvider>
|
|
38
|
+
```
|
|
39
|
+
|
|
40
|
+
Part of the theming capabilities includes a new theme for `spark-web` called
|
|
41
|
+
"pantheon", which should map with our co-branding efforts in the Pantheon
|
|
42
|
+
project. It currently includes a small set of colors and its corresponding
|
|
43
|
+
font family.
|
|
44
|
+
|
|
45
|
+
### Patch Changes
|
|
46
|
+
|
|
47
|
+
- [#532](https://github.com/brighte-labs/spark-web/pull/532)
|
|
48
|
+
[`631573c`](https://github.com/brighte-labs/spark-web/commit/631573cb72981d99b9afa4ad559123f44e47b2a9)
|
|
49
|
+
Thanks [@ralcoriza-brighte](https://github.com/ralcoriza-brighte)! - Fix
|
|
50
|
+
type-related issues
|
|
51
|
+
|
|
52
|
+
- Updated dependencies
|
|
53
|
+
[[`631573c`](https://github.com/brighte-labs/spark-web/commit/631573cb72981d99b9afa4ad559123f44e47b2a9)]:
|
|
54
|
+
- @spark-web/theme@5.0.0
|
|
55
|
+
- @spark-web/utils@5.0.0
|
|
56
|
+
- @spark-web/box@5.0.0
|
|
57
|
+
|
|
3
58
|
## 5.0.0-rc.31
|
|
4
59
|
|
|
5
60
|
### Patch Changes
|
|
@@ -5,7 +5,7 @@ declare const alignYLookup: {
|
|
|
5
5
|
readonly stretch: "stretch";
|
|
6
6
|
};
|
|
7
7
|
export declare type AlignY = keyof typeof alignYLookup;
|
|
8
|
-
export declare const alignYToAlignItems: (prop?: import("@spark-web/theme").ResponsiveProp<"center" | "
|
|
8
|
+
export declare const alignYToAlignItems: (prop?: import("@spark-web/theme").ResponsiveProp<"center" | "top" | "bottom" | "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;
|
|
@@ -21,10 +21,10 @@ export declare type ColumnsProps = {
|
|
|
21
21
|
} & ValidBoxProps;
|
|
22
22
|
export declare const Columns: <Comp extends import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> = "div">(props: {
|
|
23
23
|
as?: Comp | undefined;
|
|
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" | "
|
|
24
|
+
ref?: import("react").Ref<Comp extends "symbol" | "text" | "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" | "textPath" | "tspan" | "use" | "view" | keyof HTMLElementTagNameMap ? (HTMLElementTagNameMap & Pick<SVGElementTagNameMap, "symbol" | "text" | "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" | "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<"center" | "
|
|
27
|
+
alignY?: ResponsiveProp<"center" | "top" | "bottom" | "stretch"> | undefined;
|
|
28
28
|
/** Elements representing each column. */
|
|
29
29
|
children: ReactNode;
|
|
30
30
|
/** At which breakpoint, if any, should the columns collapse. */
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@spark-web/columns",
|
|
3
|
-
"version": "5.
|
|
3
|
+
"version": "5.1.0-rc.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": "^
|
|
21
|
-
"@spark-web/theme": "^5.
|
|
22
|
-
"@spark-web/utils": "^5.
|
|
20
|
+
"@spark-web/box": "^6.0.0-rc.0",
|
|
21
|
+
"@spark-web/theme": "^5.12.0-rc.0",
|
|
22
|
+
"@spark-web/utils": "^5.1.0-rc.0"
|
|
23
23
|
},
|
|
24
24
|
"devDependencies": {
|
|
25
|
-
"@types/react": "^
|
|
26
|
-
"react": "^
|
|
25
|
+
"@types/react": "^19.1.0",
|
|
26
|
+
"react": "^19.1.0"
|
|
27
27
|
},
|
|
28
28
|
"peerDependencies": {
|
|
29
|
-
"react": ">=
|
|
29
|
+
"react": ">=19.1.0"
|
|
30
30
|
},
|
|
31
31
|
"engines": {
|
|
32
32
|
"node": ">=14"
|