@spark-web/row 1.1.5 → 1.2.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 (7) hide show
  1. package/CHANGELOG.md +18 -0
  2. package/dist/declarations/src/alignment.d.ts +10 -10
  3. package/dist/declarations/src/row.d.ts +1 -1
  4. package/dist/spark-web-row.cjs.dev.js +12 -14
  5. package/dist/spark-web-row.cjs.prod.js +12 -14
  6. package/dist/spark-web-row.esm.js +12 -14
  7. package/package.json +7 -7
package/CHANGELOG.md CHANGED
@@ -1,5 +1,23 @@
1
1
  # @spark-web/row
2
2
 
3
+ ## 1.2.0
4
+
5
+ ### Minor Changes
6
+
7
+ - [#382](https://github.com/brighte-labs/spark-web/pull/382)
8
+ [`955bf5d`](https://github.com/brighte-labs/spark-web/commit/955bf5d7698bfdf45e7f317aa3e726c81d3444c0)
9
+ Thanks [@dilipt-brighte](https://github.com/dilipt-brighte)! - Updates React
10
+ version to latest (18.2.0)
11
+
12
+ ### Patch Changes
13
+
14
+ - Updated dependencies
15
+ [[`955bf5d`](https://github.com/brighte-labs/spark-web/commit/955bf5d7698bfdf45e7f317aa3e726c81d3444c0)]:
16
+ - @spark-web/box@1.2.0
17
+ - @spark-web/divider@1.1.0
18
+ - @spark-web/theme@3.2.0
19
+ - @spark-web/utils@1.3.0
20
+
3
21
  ## 1.1.5
4
22
 
5
23
  ### Patch Changes
package/dist/declarations/src/alignment.d.ts CHANGED
@@ -11,16 +11,16 @@ declare const alignYLookup: {
11
11
  };
12
12
  export declare type Align = keyof typeof alignLookup;
13
13
  export declare type AlignY = keyof typeof alignYLookup;
14
- export declare const alignToJustifyContent: (prop?: import("@spark-web/theme").ResponsiveProp<"left" | "right" | "center"> | undefined) => "start" | "center" | "end" | {
15
- mobile: "start" | "center" | "end" | undefined;
16
- tablet: "start" | "center" | "end" | undefined;
17
- desktop: "start" | "center" | "end" | undefined;
18
- wide: "start" | "center" | "end" | undefined;
14
+ export declare const alignToJustifyContent: (prop?: import("@spark-web/theme").ResponsiveProp<"left" | "right" | "center"> | undefined) => "center" | "start" | "end" | {
15
+ mobile: "center" | "start" | "end" | undefined;
16
+ tablet: "center" | "start" | "end" | undefined;
17
+ desktop: "center" | "start" | "end" | undefined;
18
+ wide: "center" | "start" | "end" | undefined;
19
19
  } | undefined;
20
- export declare const alignYToAlignItems: (prop?: import("@spark-web/theme").ResponsiveProp<"bottom" | "top" | "center" | "stretch"> | undefined) => "start" | "center" | "stretch" | "end" | {
21
- mobile: "start" | "center" | "stretch" | "end" | undefined;
22
- tablet: "start" | "center" | "stretch" | "end" | undefined;
23
- desktop: "start" | "center" | "stretch" | "end" | undefined;
24
- wide: "start" | "center" | "stretch" | "end" | undefined;
20
+ export declare const alignYToAlignItems: (prop?: import("@spark-web/theme").ResponsiveProp<"bottom" | "top" | "center" | "stretch"> | undefined) => "center" | "stretch" | "start" | "end" | {
21
+ mobile: "center" | "stretch" | "start" | "end" | undefined;
22
+ tablet: "center" | "stretch" | "start" | "end" | undefined;
23
+ desktop: "center" | "stretch" | "start" | "end" | undefined;
24
+ wide: "center" | "stretch" | "start" | "end" | undefined;
25
25
  } | undefined;
26
26
  export {};
package/dist/declarations/src/row.d.ts CHANGED
@@ -16,7 +16,7 @@ export declare type RowProps = {
16
16
  } & ValidBoxProps;
17
17
  export declare const Row: <Comp extends import("react").ElementType<any> = "div">(props: {
18
18
  as?: Comp | undefined;
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" | "stop" | "switch" | "text" | "textPath" | "tspan" | "use" | "view" | "set" | 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" | "stop" | "switch" | "text" | "textPath" | "tspan" | "use" | "view" | "set">)[Comp] : Comp extends new (...args: any) => any ? InstanceType<Comp> : undefined> | undefined;
19
+ ref?: import("react").Ref<Comp extends "symbol" | "clipPath" | "filter" | "mask" | "marker" | "svg" | "animate" | "animateMotion" | "animateTransform" | "circle" | "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" | "foreignObject" | "g" | "image" | "line" | "linearGradient" | "metadata" | "mpath" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "stop" | "switch" | "text" | "textPath" | "tspan" | "use" | "view" | keyof HTMLElementTagNameMap | "set" ? (HTMLElementTagNameMap & Pick<SVGElementTagNameMap, "symbol" | "clipPath" | "filter" | "mask" | "marker" | "svg" | "animate" | "animateMotion" | "animateTransform" | "circle" | "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" | "foreignObject" | "g" | "image" | "line" | "linearGradient" | "metadata" | "mpath" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "stop" | "switch" | "text" | "textPath" | "tspan" | "use" | "view" | "set">)[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
22
  align?: ResponsiveProp<"left" | "right" | "center"> | undefined;
package/dist/spark-web-row.cjs.dev.js CHANGED
@@ -28,35 +28,33 @@ var alignYToAlignItems = theme.createResponsiveMapFn(alignYLookup);
28
28
  var _excluded = ["align", "alignY", "children", "data", "dividers"];
29
29
  var Row = ts.forwardRefWithAs(function (_ref, forwardedRef) {
30
30
  var _ref$align = _ref.align,
31
- align = _ref$align === void 0 ? 'left' : _ref$align,
32
- _ref$alignY = _ref.alignY,
33
- alignY = _ref$alignY === void 0 ? 'stretch' : _ref$alignY,
34
- children = _ref.children,
35
- data = _ref.data,
36
- dividers = _ref.dividers,
37
- rest = _objectWithoutProperties(_ref, _excluded);
38
-
31
+ align = _ref$align === void 0 ? 'left' : _ref$align,
32
+ _ref$alignY = _ref.alignY,
33
+ alignY = _ref$alignY === void 0 ? 'stretch' : _ref$alignY,
34
+ children = _ref.children,
35
+ data = _ref.data,
36
+ dividers = _ref.dividers,
37
+ rest = _objectWithoutProperties(_ref, _excluded);
39
38
  var justifyContent = alignToJustifyContent(align);
40
39
  var alignItems = alignYToAlignItems(alignY);
41
-
42
40
  var rootProps = _objectSpread(_objectSpread({}, rest), {}, {
43
41
  ref: forwardedRef,
44
42
  display: 'flex',
45
43
  alignItems: alignItems,
46
44
  justifyContent: justifyContent
47
- }); // bail early w/o dividers to avoid unnecessary map
48
-
45
+ });
49
46
 
47
+ // bail early w/o dividers to avoid unnecessary map
50
48
  if (!dividers) {
51
49
  return /*#__PURE__*/jsxRuntime.jsx(box.Box, _objectSpread(_objectSpread({
52
50
  data: data
53
51
  }, rootProps), {}, {
54
52
  children: children
55
53
  }));
56
- } // map over children to insert dividers
57
- // remove falsy values before mapping, keeps the index in sync
58
-
54
+ }
59
55
 
56
+ // map over children to insert dividers
57
+ // remove falsy values before mapping, keeps the index in sync
60
58
  var childArray = react.Children.toArray(children);
61
59
  return /*#__PURE__*/jsxRuntime.jsx(box.Box, _objectSpread(_objectSpread({
62
60
  data: data
package/dist/spark-web-row.cjs.prod.js CHANGED
@@ -28,35 +28,33 @@ var alignYToAlignItems = theme.createResponsiveMapFn(alignYLookup);
28
28
  var _excluded = ["align", "alignY", "children", "data", "dividers"];
29
29
  var Row = ts.forwardRefWithAs(function (_ref, forwardedRef) {
30
30
  var _ref$align = _ref.align,
31
- align = _ref$align === void 0 ? 'left' : _ref$align,
32
- _ref$alignY = _ref.alignY,
33
- alignY = _ref$alignY === void 0 ? 'stretch' : _ref$alignY,
34
- children = _ref.children,
35
- data = _ref.data,
36
- dividers = _ref.dividers,
37
- rest = _objectWithoutProperties(_ref, _excluded);
38
-
31
+ align = _ref$align === void 0 ? 'left' : _ref$align,
32
+ _ref$alignY = _ref.alignY,
33
+ alignY = _ref$alignY === void 0 ? 'stretch' : _ref$alignY,
34
+ children = _ref.children,
35
+ data = _ref.data,
36
+ dividers = _ref.dividers,
37
+ rest = _objectWithoutProperties(_ref, _excluded);
39
38
  var justifyContent = alignToJustifyContent(align);
40
39
  var alignItems = alignYToAlignItems(alignY);
41
-
42
40
  var rootProps = _objectSpread(_objectSpread({}, rest), {}, {
43
41
  ref: forwardedRef,
44
42
  display: 'flex',
45
43
  alignItems: alignItems,
46
44
  justifyContent: justifyContent
47
- }); // bail early w/o dividers to avoid unnecessary map
48
-
45
+ });
49
46
 
47
+ // bail early w/o dividers to avoid unnecessary map
50
48
  if (!dividers) {
51
49
  return /*#__PURE__*/jsxRuntime.jsx(box.Box, _objectSpread(_objectSpread({
52
50
  data: data
53
51
  }, rootProps), {}, {
54
52
  children: children
55
53
  }));
56
- } // map over children to insert dividers
57
- // remove falsy values before mapping, keeps the index in sync
58
-
54
+ }
59
55
 
56
+ // map over children to insert dividers
57
+ // remove falsy values before mapping, keeps the index in sync
60
58
  var childArray = react.Children.toArray(children);
61
59
  return /*#__PURE__*/jsxRuntime.jsx(box.Box, _objectSpread(_objectSpread({
62
60
  data: data
package/dist/spark-web-row.esm.js CHANGED
@@ -24,35 +24,33 @@ var alignYToAlignItems = createResponsiveMapFn(alignYLookup);
24
24
  var _excluded = ["align", "alignY", "children", "data", "dividers"];
25
25
  var Row = forwardRefWithAs(function (_ref, forwardedRef) {
26
26
  var _ref$align = _ref.align,
27
- align = _ref$align === void 0 ? 'left' : _ref$align,
28
- _ref$alignY = _ref.alignY,
29
- alignY = _ref$alignY === void 0 ? 'stretch' : _ref$alignY,
30
- children = _ref.children,
31
- data = _ref.data,
32
- dividers = _ref.dividers,
33
- rest = _objectWithoutProperties(_ref, _excluded);
34
-
27
+ align = _ref$align === void 0 ? 'left' : _ref$align,
28
+ _ref$alignY = _ref.alignY,
29
+ alignY = _ref$alignY === void 0 ? 'stretch' : _ref$alignY,
30
+ children = _ref.children,
31
+ data = _ref.data,
32
+ dividers = _ref.dividers,
33
+ rest = _objectWithoutProperties(_ref, _excluded);
35
34
  var justifyContent = alignToJustifyContent(align);
36
35
  var alignItems = alignYToAlignItems(alignY);
37
-
38
36
  var rootProps = _objectSpread(_objectSpread({}, rest), {}, {
39
37
  ref: forwardedRef,
40
38
  display: 'flex',
41
39
  alignItems: alignItems,
42
40
  justifyContent: justifyContent
43
- }); // bail early w/o dividers to avoid unnecessary map
44
-
41
+ });
45
42
 
43
+ // bail early w/o dividers to avoid unnecessary map
46
44
  if (!dividers) {
47
45
  return /*#__PURE__*/jsx(Box, _objectSpread(_objectSpread({
48
46
  data: data
49
47
  }, rootProps), {}, {
50
48
  children: children
51
49
  }));
52
- } // map over children to insert dividers
53
- // remove falsy values before mapping, keeps the index in sync
54
-
50
+ }
55
51
 
52
+ // map over children to insert dividers
53
+ // remove falsy values before mapping, keeps the index in sync
56
54
  var childArray = Children.toArray(children);
57
55
  return /*#__PURE__*/jsx(Box, _objectSpread(_objectSpread({
58
56
  data: data
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@spark-web/row",
3
- "version": "1.1.5",
3
+ "version": "1.2.0",
4
4
  "homepage": "https://github.com/brighte-labs/spark-web#readme",
5
5
  "repository": {
6
6
  "type": "git",
@@ -17,14 +17,14 @@
17
17
  "dependencies": {
18
18
  "@babel/runtime": "^7.19.0",
19
19
  "@emotion/css": "^11.9.0",
20
- "@spark-web/box": "^1.1.0",
21
- "@spark-web/divider": "^1.0.10",
22
- "@spark-web/theme": "^3.1.0",
23
- "@spark-web/utils": "^1.2.3"
20
+ "@spark-web/box": "^1.2.0",
21
+ "@spark-web/divider": "^1.1.0",
22
+ "@spark-web/theme": "^3.2.0",
23
+ "@spark-web/utils": "^1.3.0"
24
24
  },
25
25
  "devDependencies": {
26
- "@types/react": "^17.0.12",
27
- "react": "^17.0.2"
26
+ "@types/react": "^18.2.0",
27
+ "react": "^18.2.0"
28
28
  },
29
29
  "peerDependencies": {
30
30
  "react": ">=17.0.2"