@spark-web/row 2.0.0-rc.1 → 2.0.0-rc.2

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 +14 -0
  2. package/dist/declarations/src/alignment.d.ts +6 -6
  3. package/dist/declarations/src/row.d.ts +3 -3
  4. package/dist/spark-web-row.cjs.dev.js +5 -5
  5. package/dist/spark-web-row.cjs.prod.js +5 -5
  6. package/dist/spark-web-row.esm.js +5 -5
  7. package/package.json +5 -5
package/CHANGELOG.md CHANGED
@@ -1,5 +1,19 @@
1
1
  # @spark-web/row
2
2
 
3
+ ## 2.0.0-rc.2
4
+
5
+ ### Major Changes
6
+
7
+ - add parser
8
+
9
+ ### Patch Changes
10
+
11
+ - Updated dependencies []:
12
+ - @spark-web/divider@2.0.0-rc.2
13
+ - @spark-web/theme@4.0.0-rc.2
14
+ - @spark-web/utils@2.0.0-rc.2
15
+ - @spark-web/box@2.0.0-rc.2
16
+
3
17
  ## 2.0.0-rc.1
4
18
 
5
19
  ### Major 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) => "center" | "start" | "end" | {
14
+ export declare const alignToJustifyContent: (prop?: import("@spark-web/theme").ResponsiveProp<"center" | "right" | "left"> | undefined) => "center" | "start" | "end" | {
15
15
  mobile: "center" | "start" | "end" | undefined;
16
16
  tablet: "center" | "start" | "end" | undefined;
17
17
  desktop: "center" | "start" | "end" | undefined;
18
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) => "center" | "start" | "end" | "stretch" | {
21
- mobile: "center" | "start" | "end" | "stretch" | undefined;
22
- tablet: "center" | "start" | "end" | "stretch" | undefined;
23
- desktop: "center" | "start" | "end" | "stretch" | undefined;
24
- wide: "center" | "start" | "end" | "stretch" | undefined;
20
+ export declare const alignYToAlignItems: (prop?: import("@spark-web/theme").ResponsiveProp<"center" | "top" | "bottom" | "stretch"> | undefined) => "center" | "start" | "stretch" | "end" | {
21
+ mobile: "center" | "start" | "stretch" | "end" | undefined;
22
+ tablet: "center" | "start" | "stretch" | "end" | undefined;
23
+ desktop: "center" | "start" | "stretch" | "end" | undefined;
24
+ wide: "center" | "start" | "stretch" | "end" | undefined;
25
25
  } | undefined;
26
26
  export {};
package/dist/declarations/src/row.d.ts CHANGED
@@ -16,12 +16,12 @@ export declare type RowProps = {
16
16
  } & ValidBoxProps;
17
17
  export declare const Row: <Comp extends import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> = "div">(props: {
18
18
  as?: Comp | 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" | "set" | "stop" | "switch" | "text" | "textPath" | "tspan" | "use" | "view" | keyof HTMLElementTagNameMap ? (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" | "set" | "stop" | "switch" | "text" | "textPath" | "tspan" | "use" | "view">)[Comp] : Comp extends new (...args: any) => any ? InstanceType<Comp> : undefined> | 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" | "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<"left" | "right" | "center"> | undefined;
22
+ align?: ResponsiveProp<"center" | "right" | "left"> | undefined;
23
23
  /** Vertically align items within the container. */
24
- alignY?: ResponsiveProp<"bottom" | "top" | "center" | "stretch"> | undefined;
24
+ alignY?: ResponsiveProp<"center" | "top" | "bottom" | "stretch"> | undefined;
25
25
  /** Sets data attributes for the element. */
26
26
  data?: DataAttributeMap | undefined;
27
27
  /** Place a divider between each element. */
package/dist/spark-web-row.cjs.dev.js CHANGED
@@ -9,7 +9,7 @@ var divider = require('@spark-web/divider');
9
9
  var ts = require('@spark-web/utils/ts');
10
10
  var react = require('react');
11
11
  var theme = require('@spark-web/theme');
12
- var jsxRuntime = require('react/jsx-runtime');
12
+ var jsxRuntime = require('@emotion/react/jsx-runtime');
13
13
 
14
14
  var alignLookup = {
15
15
  left: 'start',
@@ -46,7 +46,7 @@ var Row = ts.forwardRefWithAs(function (_ref, forwardedRef) {
46
46
 
47
47
  // bail early w/o dividers to avoid unnecessary map
48
48
  if (!dividers) {
49
- return /*#__PURE__*/jsxRuntime.jsx(box.Box, _objectSpread(_objectSpread({
49
+ return jsxRuntime.jsx(box.Box, _objectSpread(_objectSpread({
50
50
  data: data
51
51
  }, rootProps), {}, {
52
52
  children: children
@@ -56,12 +56,12 @@ var Row = ts.forwardRefWithAs(function (_ref, forwardedRef) {
56
56
  // map over children to insert dividers
57
57
  // remove falsy values before mapping, keeps the index in sync
58
58
  var childArray = react.Children.toArray(children);
59
- return /*#__PURE__*/jsxRuntime.jsx(box.Box, _objectSpread(_objectSpread({
59
+ return jsxRuntime.jsx(box.Box, _objectSpread(_objectSpread({
60
60
  data: data
61
61
  }, rootProps), {}, {
62
62
  children: childArray.map(function (child, idx) {
63
- return /*#__PURE__*/jsxRuntime.jsxs(react.Fragment, {
64
- children: [dividers && idx ? /*#__PURE__*/jsxRuntime.jsx(divider.Divider, {
63
+ return jsxRuntime.jsxs(react.Fragment, {
64
+ children: [dividers && idx ? jsxRuntime.jsx(divider.Divider, {
65
65
  vertical: true
66
66
  }) : null, child]
67
67
  }, child.key || idx);
package/dist/spark-web-row.cjs.prod.js CHANGED
@@ -9,7 +9,7 @@ var divider = require('@spark-web/divider');
9
9
  var ts = require('@spark-web/utils/ts');
10
10
  var react = require('react');
11
11
  var theme = require('@spark-web/theme');
12
- var jsxRuntime = require('react/jsx-runtime');
12
+ var jsxRuntime = require('@emotion/react/jsx-runtime');
13
13
 
14
14
  var alignLookup = {
15
15
  left: 'start',
@@ -46,7 +46,7 @@ var Row = ts.forwardRefWithAs(function (_ref, forwardedRef) {
46
46
 
47
47
  // bail early w/o dividers to avoid unnecessary map
48
48
  if (!dividers) {
49
- return /*#__PURE__*/jsxRuntime.jsx(box.Box, _objectSpread(_objectSpread({
49
+ return jsxRuntime.jsx(box.Box, _objectSpread(_objectSpread({
50
50
  data: data
51
51
  }, rootProps), {}, {
52
52
  children: children
@@ -56,12 +56,12 @@ var Row = ts.forwardRefWithAs(function (_ref, forwardedRef) {
56
56
  // map over children to insert dividers
57
57
  // remove falsy values before mapping, keeps the index in sync
58
58
  var childArray = react.Children.toArray(children);
59
- return /*#__PURE__*/jsxRuntime.jsx(box.Box, _objectSpread(_objectSpread({
59
+ return jsxRuntime.jsx(box.Box, _objectSpread(_objectSpread({
60
60
  data: data
61
61
  }, rootProps), {}, {
62
62
  children: childArray.map(function (child, idx) {
63
- return /*#__PURE__*/jsxRuntime.jsxs(react.Fragment, {
64
- children: [dividers && idx ? /*#__PURE__*/jsxRuntime.jsx(divider.Divider, {
63
+ return jsxRuntime.jsxs(react.Fragment, {
64
+ children: [dividers && idx ? jsxRuntime.jsx(divider.Divider, {
65
65
  vertical: true
66
66
  }) : null, child]
67
67
  }, child.key || idx);
package/dist/spark-web-row.esm.js CHANGED
@@ -5,7 +5,7 @@ import { Divider } from '@spark-web/divider';
5
5
  import { forwardRefWithAs } from '@spark-web/utils/ts';
6
6
  import { Children, Fragment } from 'react';
7
7
  import { createResponsiveMapFn } from '@spark-web/theme';
8
- import { jsx, jsxs } from 'react/jsx-runtime';
8
+ import { jsx, jsxs } from '@emotion/react/jsx-runtime';
9
9
 
10
10
  var alignLookup = {
11
11
  left: 'start',
@@ -42,7 +42,7 @@ var Row = forwardRefWithAs(function (_ref, forwardedRef) {
42
42
 
43
43
  // bail early w/o dividers to avoid unnecessary map
44
44
  if (!dividers) {
45
- return /*#__PURE__*/jsx(Box, _objectSpread(_objectSpread({
45
+ return jsx(Box, _objectSpread(_objectSpread({
46
46
  data: data
47
47
  }, rootProps), {}, {
48
48
  children: children
@@ -52,12 +52,12 @@ var Row = forwardRefWithAs(function (_ref, forwardedRef) {
52
52
  // map over children to insert dividers
53
53
  // remove falsy values before mapping, keeps the index in sync
54
54
  var childArray = Children.toArray(children);
55
- return /*#__PURE__*/jsx(Box, _objectSpread(_objectSpread({
55
+ return jsx(Box, _objectSpread(_objectSpread({
56
56
  data: data
57
57
  }, rootProps), {}, {
58
58
  children: childArray.map(function (child, idx) {
59
- return /*#__PURE__*/jsxs(Fragment, {
60
- children: [dividers && idx ? /*#__PURE__*/jsx(Divider, {
59
+ return jsxs(Fragment, {
60
+ children: [dividers && idx ? jsx(Divider, {
61
61
  vertical: true
62
62
  }) : null, child]
63
63
  }, child.key || idx);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@spark-web/row",
3
- "version": "2.0.0-rc.1",
3
+ "version": "2.0.0-rc.2",
4
4
  "homepage": "https://github.com/brighte-labs/spark-web#readme",
5
5
  "repository": {
6
6
  "type": "git",
@@ -17,10 +17,10 @@
17
17
  "dependencies": {
18
18
  "@babel/runtime": "^7.25.0",
19
19
  "@emotion/react": "^11.13.5",
20
- "@spark-web/box": "^2.0.0-rc.1",
21
- "@spark-web/divider": "^2.0.0-rc.1",
22
- "@spark-web/theme": "^4.0.0-rc.1",
23
- "@spark-web/utils": "^2.0.0-rc.1"
20
+ "@spark-web/box": "^2.0.0-rc.2",
21
+ "@spark-web/divider": "^2.0.0-rc.2",
22
+ "@spark-web/theme": "^4.0.0-rc.2",
23
+ "@spark-web/utils": "^2.0.0-rc.2"
24
24
  },
25
25
  "devDependencies": {
26
26
  "@types/react": "^18.2.0",