@spark-web/stack 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,62 @@
|
|
|
1
1
|
# @spark-web/stack
|
|
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/divider@5.1.0-rc.0
|
|
13
|
+
- @spark-web/theme@5.12.0-rc.0
|
|
14
|
+
- @spark-web/utils@5.1.0-rc.0
|
|
15
|
+
- @spark-web/box@6.0.0-rc.0
|
|
16
|
+
|
|
17
|
+
## 5.0.0
|
|
18
|
+
|
|
19
|
+
### Major Changes
|
|
20
|
+
|
|
21
|
+
- This release of spark-web standardises the version across all packages to be
|
|
22
|
+
**`v5`**, primarily signifying the switch from `@emotion/css` to
|
|
23
|
+
`@emotion/react` as one of the key dependencies of the entire library, in
|
|
24
|
+
order to support server-side rendering / SSR.
|
|
25
|
+
|
|
26
|
+
This release also introduces support for theming, to allow for more co-branded
|
|
27
|
+
experiences across our web applications. It also supports component-level
|
|
28
|
+
theming for `<Button />`, `<ButtonLink />`, and `<Checkbox />`, which provides
|
|
29
|
+
the capability to override the global theme available inside an application.
|
|
30
|
+
|
|
31
|
+
To use this in an application, you can wrap the affected areas with a
|
|
32
|
+
`ThemeProvider`:
|
|
33
|
+
|
|
34
|
+
```
|
|
35
|
+
<ThemeProvider theme="pantheon">
|
|
36
|
+
<Input type="text" />
|
|
37
|
+
<Button type="submit" />
|
|
38
|
+
</ThemeProvider>
|
|
39
|
+
```
|
|
40
|
+
|
|
41
|
+
Part of the theming capabilities includes a new theme for `spark-web` called
|
|
42
|
+
"pantheon", which should map with our co-branding efforts in the Pantheon
|
|
43
|
+
project. It currently includes a small set of colors and its corresponding
|
|
44
|
+
font family.
|
|
45
|
+
|
|
46
|
+
### Patch Changes
|
|
47
|
+
|
|
48
|
+
- [#532](https://github.com/brighte-labs/spark-web/pull/532)
|
|
49
|
+
[`631573c`](https://github.com/brighte-labs/spark-web/commit/631573cb72981d99b9afa4ad559123f44e47b2a9)
|
|
50
|
+
Thanks [@ralcoriza-brighte](https://github.com/ralcoriza-brighte)! - Fix
|
|
51
|
+
type-related issues
|
|
52
|
+
|
|
53
|
+
- Updated dependencies
|
|
54
|
+
[[`631573c`](https://github.com/brighte-labs/spark-web/commit/631573cb72981d99b9afa4ad559123f44e47b2a9)]:
|
|
55
|
+
- @spark-web/divider@5.0.0
|
|
56
|
+
- @spark-web/theme@5.0.0
|
|
57
|
+
- @spark-web/utils@5.0.0
|
|
58
|
+
- @spark-web/box@5.0.0
|
|
59
|
+
|
|
3
60
|
## 5.0.0-rc.31
|
|
4
61
|
|
|
5
62
|
### Patch Changes
|
|
@@ -5,7 +5,7 @@ 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<"center" | "
|
|
8
|
+
export declare const alignToAlignItems: (prop?: import("@spark-web/theme").ResponsiveProp<"center" | "right" | "left" | "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;
|
|
@@ -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" | "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" | "
|
|
14
|
+
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;
|
|
15
15
|
} & Omit<import("react").PropsWithoutRef<import("react").ComponentProps<Comp>>, "as"> & {
|
|
16
16
|
/** Horizontally align items within the stack. */
|
|
17
|
-
align?: ResponsiveProp<"center" | "
|
|
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>>;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@spark-web/stack",
|
|
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,17 +17,17 @@
|
|
|
17
17
|
"dependencies": {
|
|
18
18
|
"@babel/runtime": "^7.25.0",
|
|
19
19
|
"@emotion/react": "^11.14.0",
|
|
20
|
-
"@spark-web/box": "^
|
|
21
|
-
"@spark-web/divider": "^5.
|
|
22
|
-
"@spark-web/theme": "^5.
|
|
23
|
-
"@spark-web/utils": "^5.
|
|
20
|
+
"@spark-web/box": "^6.0.0-rc.0",
|
|
21
|
+
"@spark-web/divider": "^5.1.0-rc.0",
|
|
22
|
+
"@spark-web/theme": "^5.12.0-rc.0",
|
|
23
|
+
"@spark-web/utils": "^5.1.0-rc.0"
|
|
24
24
|
},
|
|
25
25
|
"devDependencies": {
|
|
26
|
-
"@types/react": "^
|
|
27
|
-
"react": "^
|
|
26
|
+
"@types/react": "^19.1.0",
|
|
27
|
+
"react": "^19.1.0"
|
|
28
28
|
},
|
|
29
29
|
"peerDependencies": {
|
|
30
|
-
"react": ">=
|
|
30
|
+
"react": ">=19.1.0"
|
|
31
31
|
},
|
|
32
32
|
"engines": {
|
|
33
33
|
"node": ">=14"
|