@spark-web/row 5.0.2 → 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.
Files changed (5) hide show
  1. package/CHANGELOG.md +17 -0
  2. package/dist/declarations/src/alignment.d.ts +2 -2
  3. package/dist/declarations/src/row.d.ts +8 -8
  4. package/dist/spark-web-row.cjs.d.ts +1 -1
  5. package/package.json +8 -8
package/CHANGELOG.md CHANGED
@@ -1,5 +1,22 @@
1
1
  # @spark-web/row
2
2
 
3
+ ## 5.1.0
4
+
5
+ ### Minor Changes
6
+
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
10
+
11
+ ### Patch Changes
12
+
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
+
3
20
  ## 5.0.2
4
21
 
5
22
  ### Patch Changes
package/dist/declarations/src/alignment.d.ts CHANGED
@@ -9,8 +9,8 @@ declare const alignYLookup: {
9
9
  readonly bottom: "end";
10
10
  readonly stretch: "stretch";
11
11
  };
12
- export declare type Align = keyof typeof alignLookup;
13
- export declare type AlignY = keyof typeof alignYLookup;
12
+ export type Align = keyof typeof alignLookup;
13
+ export type AlignY = keyof typeof alignYLookup;
14
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;
package/dist/declarations/src/row.d.ts CHANGED
@@ -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
- declare type ValidBoxProps = Omit<BoxProps, 'display' | 'alignItems' | 'flexDirection' | 'justifyContent' | 'flexWrap' | 'dangerouslySetInnerHTML'>;
7
- export declare type RowProps = {
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<any, keyof import("react").JSX.IntrinsicElements> = "div">(props: {
17
+ export declare const Row: <Comp extends import("react").ElementType = "div">(props: {
18
18
  as?: Comp | undefined;
19
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<"center" | "left" | "right"> | undefined;
22
+ align?: ResponsiveProp<Align>;
23
23
  /** Vertically align items within the container. */
24
- alignY?: ResponsiveProp<"center" | "bottom" | "top" | "stretch"> | undefined;
24
+ alignY?: ResponsiveProp<AlignY>;
25
25
  /** Sets data attributes for the element. */
26
- data?: DataAttributeMap | undefined;
26
+ data?: DataAttributeMap;
27
27
  /** Place a divider between each element. */
28
- dividers?: boolean | undefined;
29
- } & ValidBoxProps) => ReactElement<any, string | import("react").JSXElementConstructor<any>>;
28
+ dividers?: boolean;
29
+ } & ValidBoxProps) => ReactElement;
30
30
  export {};
package/dist/spark-web-row.cjs.d.ts CHANGED
@@ -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.0.2",
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": "^5.2.2",
21
- "@spark-web/divider": "^5.0.0",
22
- "@spark-web/theme": "^5.12.1",
23
- "@spark-web/utils": "^5.0.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
- "@types/react": "^18.2.0",
27
- "react": "^18.2.0"
26
+ "@types/react": "^19.1.0",
27
+ "react": "^19.1.0"
28
28
  },
29
29
  "peerDependencies": {
30
- "react": ">=17.0.2"
30
+ "react": "^17.0.0 || ^18.0.0 || ^19.0.0"
31
31
  },
32
32
  "engines": {
33
33
  "node": ">=14"