@spark-web/stack 1.0.0 → 1.0.3

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 (6) hide show
  1. package/CHANGELOG.md +49 -0
  2. package/README.md +1 -1
  3. package/dist/spark-web-stack.cjs.dev.js +14 -18
  4. package/dist/spark-web-stack.cjs.prod.js +14 -18
  5. package/dist/spark-web-stack.esm.js +12 -12
  6. package/package.json +11 -8
package/CHANGELOG.md CHANGED
@@ -1,5 +1,54 @@
1
1
  # @spark-web/stack
2
2
 
3
+ ## 1.0.3
4
+
5
+ ### Patch Changes
6
+
7
+ - [#42](https://github.com/brighte-labs/spark-web/pull/42)
8
+ [`435779a`](https://github.com/brighte-labs/spark-web/commit/435779aa42bd635bbf43e1fd41724c666402caa2)
9
+ Thanks [@lukebennett88](https://github.com/lukebennett88)! - Prevent multiple
10
+ versions of React
11
+
12
+ - Updated dependencies
13
+ [[`435779a`](https://github.com/brighte-labs/spark-web/commit/435779aa42bd635bbf43e1fd41724c666402caa2)]:
14
+ - @spark-web/box@1.0.3
15
+ - @spark-web/divider@1.0.3
16
+ - @spark-web/theme@2.0.2
17
+ - @spark-web/utils@1.1.1
18
+
19
+ ## 1.0.2
20
+
21
+ ### Patch Changes
22
+
23
+ - [#40](https://github.com/brighte-labs/spark-web/pull/40)
24
+ [`062c8ab`](https://github.com/brighte-labs/spark-web/commit/062c8ab8c7b4120f8d14c269b5f7801288c678ca)
25
+ Thanks [@lukebennett88](https://github.com/lukebennett88)! - Add
26
+ @babel/transform-runtime
27
+
28
+ - Updated dependencies
29
+ [[`062c8ab`](https://github.com/brighte-labs/spark-web/commit/062c8ab8c7b4120f8d14c269b5f7801288c678ca)]:
30
+ - @spark-web/box@1.0.2
31
+ - @spark-web/divider@1.0.2
32
+ - @spark-web/theme@2.0.1
33
+ - @spark-web/utils@1.0.2
34
+
35
+ ## 1.0.1
36
+
37
+ ### Patch Changes
38
+
39
+ - [#36](https://github.com/brighte-labs/spark-web/pull/36)
40
+ [`8546f8f`](https://github.com/brighte-labs/spark-web/commit/8546f8f05daaa79ea3ff954c6c4928a7a2d0622d)
41
+ Thanks [@lukebennett88](https://github.com/lukebennett88)! - Update Babel
42
+ config
43
+
44
+ - Updated dependencies
45
+ [[`aebff30`](https://github.com/brighte-labs/spark-web/commit/aebff30c86cb0a9db22b545c46159ce0d1c14afb),
46
+ [`8546f8f`](https://github.com/brighte-labs/spark-web/commit/8546f8f05daaa79ea3ff954c6c4928a7a2d0622d)]:
47
+ - @spark-web/theme@2.0.0
48
+ - @spark-web/box@1.0.1
49
+ - @spark-web/divider@1.0.1
50
+ - @spark-web/utils@1.0.1
51
+
3
52
  ## 1.0.0
4
53
 
5
54
  ### Major Changes
package/README.md CHANGED
@@ -105,7 +105,7 @@ Nest Stack components to create more complex white space rules.
105
105
 
106
106
  | Prop | Type | Default | Description |
107
107
  | --------- | ------------------------------- | --------- | ----------------------------------------------------- |
108
- | align? | [ResponsiveProp<Align\>][align] | 'stretch' | Horizontally align items within the container. |
108
+ | align? | [ResponsiveProp\<Align>][align] | 'stretch' | Horizontally align items within the container. |
109
109
  | dividers? | boolean | | Sets whether to place a divider between each element. |
110
110
 
111
111
  `Stack` props also include [`Box`](/package/box) props and are not listed here
package/dist/spark-web-stack.cjs.dev.js CHANGED
@@ -2,17 +2,14 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var _defineProperty = require('@babel/runtime/helpers/esm/defineProperty');
6
- var _objectWithoutProperties = require('@babel/runtime/helpers/esm/objectWithoutProperties');
7
- var React = require('react');
5
+ var _objectSpread = require('@babel/runtime/helpers/objectSpread2');
6
+ var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
8
7
  var box = require('@spark-web/box');
9
8
  var divider = require('@spark-web/divider');
10
9
  var ts = require('@spark-web/utils/ts');
10
+ var react = require('react');
11
11
  var theme = require('@spark-web/theme');
12
-
13
- function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
14
-
15
- var React__default = /*#__PURE__*/_interopDefault(React);
12
+ var jsxRuntime = require('react/jsx-runtime');
16
13
 
17
14
  var alignLookup = {
18
15
  left: 'start',
@@ -23,11 +20,6 @@ var alignLookup = {
23
20
  var alignToAlignItems = theme.createResponsiveMapFn(alignLookup);
24
21
 
25
22
  var _excluded = ["align", "children", "dividers"];
26
- var __jsx = React__default["default"].createElement;
27
-
28
- function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
29
-
30
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
31
23
  var Stack = ts.forwardRefWithAs(function (_ref, forwardedRef) {
32
24
  var _ref$align = _ref.align,
33
25
  align = _ref$align === void 0 ? 'stretch' : _ref$align,
@@ -46,16 +38,20 @@ var Stack = ts.forwardRefWithAs(function (_ref, forwardedRef) {
46
38
 
47
39
 
48
40
  if (!dividers) {
49
- return __jsx(box.Box, rootProps, children);
41
+ return /*#__PURE__*/jsxRuntime.jsx(box.Box, _objectSpread(_objectSpread({}, rootProps), {}, {
42
+ children: children
43
+ }));
50
44
  } // map over children to insert dividers
51
45
  // remove falsy values before mapping, keeps the index in sync
52
46
 
53
47
 
54
- var childArray = React.Children.toArray(children);
55
- return __jsx(box.Box, rootProps, childArray.map(function (child, idx) {
56
- return __jsx(React.Fragment, {
57
- key: child.key || idx
58
- }, dividers && idx ? __jsx(divider.Divider, null) : null, child);
48
+ var childArray = react.Children.toArray(children);
49
+ return /*#__PURE__*/jsxRuntime.jsx(box.Box, _objectSpread(_objectSpread({}, rootProps), {}, {
50
+ children: childArray.map(function (child, idx) {
51
+ return /*#__PURE__*/jsxRuntime.jsxs(react.Fragment, {
52
+ children: [dividers && idx ? /*#__PURE__*/jsxRuntime.jsx(divider.Divider, {}) : null, child]
53
+ }, child.key || idx);
54
+ })
59
55
  }));
60
56
  });
61
57
 
package/dist/spark-web-stack.cjs.prod.js CHANGED
@@ -2,17 +2,14 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var _defineProperty = require('@babel/runtime/helpers/esm/defineProperty');
6
- var _objectWithoutProperties = require('@babel/runtime/helpers/esm/objectWithoutProperties');
7
- var React = require('react');
5
+ var _objectSpread = require('@babel/runtime/helpers/objectSpread2');
6
+ var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
8
7
  var box = require('@spark-web/box');
9
8
  var divider = require('@spark-web/divider');
10
9
  var ts = require('@spark-web/utils/ts');
10
+ var react = require('react');
11
11
  var theme = require('@spark-web/theme');
12
-
13
- function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
14
-
15
- var React__default = /*#__PURE__*/_interopDefault(React);
12
+ var jsxRuntime = require('react/jsx-runtime');
16
13
 
17
14
  var alignLookup = {
18
15
  left: 'start',
@@ -23,11 +20,6 @@ var alignLookup = {
23
20
  var alignToAlignItems = theme.createResponsiveMapFn(alignLookup);
24
21
 
25
22
  var _excluded = ["align", "children", "dividers"];
26
- var __jsx = React__default["default"].createElement;
27
-
28
- function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
29
-
30
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
31
23
  var Stack = ts.forwardRefWithAs(function (_ref, forwardedRef) {
32
24
  var _ref$align = _ref.align,
33
25
  align = _ref$align === void 0 ? 'stretch' : _ref$align,
@@ -46,16 +38,20 @@ var Stack = ts.forwardRefWithAs(function (_ref, forwardedRef) {
46
38
 
47
39
 
48
40
  if (!dividers) {
49
- return __jsx(box.Box, rootProps, children);
41
+ return /*#__PURE__*/jsxRuntime.jsx(box.Box, _objectSpread(_objectSpread({}, rootProps), {}, {
42
+ children: children
43
+ }));
50
44
  } // map over children to insert dividers
51
45
  // remove falsy values before mapping, keeps the index in sync
52
46
 
53
47
 
54
- var childArray = React.Children.toArray(children);
55
- return __jsx(box.Box, rootProps, childArray.map(function (child, idx) {
56
- return __jsx(React.Fragment, {
57
- key: child.key || idx
58
- }, dividers && idx ? __jsx(divider.Divider, null) : null, child);
48
+ var childArray = react.Children.toArray(children);
49
+ return /*#__PURE__*/jsxRuntime.jsx(box.Box, _objectSpread(_objectSpread({}, rootProps), {}, {
50
+ children: childArray.map(function (child, idx) {
51
+ return /*#__PURE__*/jsxRuntime.jsxs(react.Fragment, {
52
+ children: [dividers && idx ? /*#__PURE__*/jsxRuntime.jsx(divider.Divider, {}) : null, child]
53
+ }, child.key || idx);
54
+ })
59
55
  }));
60
56
  });
61
57
 
package/dist/spark-web-stack.esm.js CHANGED
@@ -1,10 +1,11 @@
1
- import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
1
+ import _objectSpread from '@babel/runtime/helpers/esm/objectSpread2';
2
2
  import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
3
- import React, { Children, Fragment } from 'react';
4
3
  import { Box } from '@spark-web/box';
5
4
  import { Divider } from '@spark-web/divider';
6
5
  import { forwardRefWithAs } from '@spark-web/utils/ts';
6
+ import { Children, Fragment } from 'react';
7
7
  import { createResponsiveMapFn } from '@spark-web/theme';
8
+ import { jsx, jsxs } from 'react/jsx-runtime';
8
9
 
9
10
  var alignLookup = {
10
11
  left: 'start',
@@ -15,11 +16,6 @@ var alignLookup = {
15
16
  var alignToAlignItems = createResponsiveMapFn(alignLookup);
16
17
 
17
18
  var _excluded = ["align", "children", "dividers"];
18
- var __jsx = React.createElement;
19
-
20
- function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
21
-
22
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
23
19
  var Stack = forwardRefWithAs(function (_ref, forwardedRef) {
24
20
  var _ref$align = _ref.align,
25
21
  align = _ref$align === void 0 ? 'stretch' : _ref$align,
@@ -38,16 +34,20 @@ var Stack = forwardRefWithAs(function (_ref, forwardedRef) {
38
34
 
39
35
 
40
36
  if (!dividers) {
41
- return __jsx(Box, rootProps, children);
37
+ return /*#__PURE__*/jsx(Box, _objectSpread(_objectSpread({}, rootProps), {}, {
38
+ children: children
39
+ }));
42
40
  } // map over children to insert dividers
43
41
  // remove falsy values before mapping, keeps the index in sync
44
42
 
45
43
 
46
44
  var childArray = Children.toArray(children);
47
- return __jsx(Box, rootProps, childArray.map(function (child, idx) {
48
- return __jsx(Fragment, {
49
- key: child.key || idx
50
- }, dividers && idx ? __jsx(Divider, null) : null, child);
45
+ return /*#__PURE__*/jsx(Box, _objectSpread(_objectSpread({}, rootProps), {}, {
46
+ children: childArray.map(function (child, idx) {
47
+ return /*#__PURE__*/jsxs(Fragment, {
48
+ children: [dividers && idx ? /*#__PURE__*/jsx(Divider, {}) : null, child]
49
+ }, child.key || idx);
50
+ })
51
51
  }));
52
52
  });
53
53
 
package/package.json CHANGED
@@ -1,21 +1,24 @@
1
1
  {
2
2
  "name": "@spark-web/stack",
3
+ "version": "1.0.3",
3
4
  "license": "MIT",
4
- "version": "1.0.0",
5
5
  "main": "dist/spark-web-stack.cjs.js",
6
6
  "module": "dist/spark-web-stack.esm.js",
7
- "devDependencies": {
8
- "@types/react": "^17.0.12"
9
- },
10
7
  "dependencies": {
11
8
  "@babel/runtime": "^7.14.6",
12
9
  "@emotion/css": "^11.7.1",
13
- "@spark-web/box": "^1.0.0",
14
- "@spark-web/divider": "^1.0.0",
15
- "@spark-web/theme": "^1.0.0",
16
- "@spark-web/utils": "^1.0.0",
10
+ "@spark-web/box": "^1.0.3",
11
+ "@spark-web/divider": "^1.0.3",
12
+ "@spark-web/theme": "^2.0.2",
13
+ "@spark-web/utils": "^1.1.1"
14
+ },
15
+ "devDependencies": {
16
+ "@types/react": "^17.0.12",
17
17
  "react": "^17.0.2"
18
18
  },
19
+ "peerDependencies": {
20
+ "react": ">=17.0.2"
21
+ },
19
22
  "engines": {
20
23
  "node": ">= 14.13"
21
24
  }