@spark-web/columns 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 +46 -0
  2. package/README.md +1 -1
  3. package/dist/spark-web-columns.cjs.dev.js +7 -11
  4. package/dist/spark-web-columns.cjs.prod.js +7 -11
  5. package/dist/spark-web-columns.esm.js +4 -4
  6. package/package.json +10 -7
package/CHANGELOG.md CHANGED
@@ -1,5 +1,51 @@
1
1
  # @spark-web/columns
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/theme@2.0.2
16
+ - @spark-web/utils@1.1.1
17
+
18
+ ## 1.0.2
19
+
20
+ ### Patch Changes
21
+
22
+ - [#40](https://github.com/brighte-labs/spark-web/pull/40)
23
+ [`062c8ab`](https://github.com/brighte-labs/spark-web/commit/062c8ab8c7b4120f8d14c269b5f7801288c678ca)
24
+ Thanks [@lukebennett88](https://github.com/lukebennett88)! - Add
25
+ @babel/transform-runtime
26
+
27
+ - Updated dependencies
28
+ [[`062c8ab`](https://github.com/brighte-labs/spark-web/commit/062c8ab8c7b4120f8d14c269b5f7801288c678ca)]:
29
+ - @spark-web/box@1.0.2
30
+ - @spark-web/theme@2.0.1
31
+ - @spark-web/utils@1.0.2
32
+
33
+ ## 1.0.1
34
+
35
+ ### Patch Changes
36
+
37
+ - [#36](https://github.com/brighte-labs/spark-web/pull/36)
38
+ [`8546f8f`](https://github.com/brighte-labs/spark-web/commit/8546f8f05daaa79ea3ff954c6c4928a7a2d0622d)
39
+ Thanks [@lukebennett88](https://github.com/lukebennett88)! - Update Babel
40
+ config
41
+
42
+ - Updated dependencies
43
+ [[`aebff30`](https://github.com/brighte-labs/spark-web/commit/aebff30c86cb0a9db22b545c46159ce0d1c14afb),
44
+ [`8546f8f`](https://github.com/brighte-labs/spark-web/commit/8546f8f05daaa79ea3ff954c6c4928a7a2d0622d)]:
45
+ - @spark-web/theme@2.0.0
46
+ - @spark-web/box@1.0.1
47
+ - @spark-web/utils@1.0.1
48
+
3
49
  ## 1.0.0
4
50
 
5
51
  ### Major Changes
package/README.md CHANGED
@@ -76,7 +76,7 @@ Columns can be collapsed into a single vertical stack responsively using the
76
76
 
77
77
  | Prop | Type | Default | Description |
78
78
  | -------------- | ------------------------------------------------------- | ------- | -------------------------------------------------------------------------------------- |
79
- | alignY? | [ResponsiveProp][responsive-prop]<AlignY\> | | Vertically align items within the container. |
79
+ | alignY? | [ResponsiveProp][responsive-prop]\<AlignY> | | Vertically align items within the container. |
80
80
  | children | React.ReactNode | | Children elements to be rendered within the column component representing each column. |
81
81
  | collapseBelow? | [ResponsiveRangeProps][responsive-range-props]('below') | | At which breakpoint, if amy, should the columns collapse. |
82
82
  | gap? | [Gap][gap] | | The size of the gap between each column. |
package/dist/spark-web-columns.cjs.dev.js CHANGED
@@ -2,18 +2,15 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var _extends = require('@babel/runtime/helpers/esm/extends');
6
- var _slicedToArray = require('@babel/runtime/helpers/esm/slicedToArray');
7
- var _objectWithoutProperties = require('@babel/runtime/helpers/esm/objectWithoutProperties');
8
- var React = require('react');
5
+ var _objectSpread = require('@babel/runtime/helpers/objectSpread2');
6
+ var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
7
+ var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
9
8
  var css = require('@emotion/css');
10
9
  var box = require('@spark-web/box');
11
10
  var theme = require('@spark-web/theme');
12
11
  var ts = require('@spark-web/utils/ts');
13
-
14
- function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
15
-
16
- var React__default = /*#__PURE__*/_interopDefault(React);
12
+ var react = require('react');
13
+ var jsxRuntime = require('react/jsx-runtime');
17
14
 
18
15
  var alignYLookup = {
19
16
  top: 'start',
@@ -24,7 +21,6 @@ var alignYLookup = {
24
21
  var alignYToAlignItems = theme.createResponsiveMapFn(alignYLookup);
25
22
 
26
23
  var _excluded = ["alignY", "collapseBelow", "gap", "template"];
27
- var __jsx = React__default["default"].createElement;
28
24
  var Columns = ts.forwardRefWithAs(function (_ref, forwardedRef) {
29
25
  var _ref$alignY = _ref.alignY,
30
26
  alignY = _ref$alignY === void 0 ? 'top' : _ref$alignY,
@@ -38,7 +34,7 @@ var Columns = ts.forwardRefWithAs(function (_ref, forwardedRef) {
38
34
  utils = _useTheme.utils;
39
35
 
40
36
  var alignItems = alignYToAlignItems(alignY);
41
- var count = React.Children.count(props.children);
37
+ var count = react.Children.count(props.children);
42
38
  var gridTemplateColumns = template ? template.map(function (c) {
43
39
  return "".concat(c, "fr");
44
40
  }).join(' ') : "repeat(".concat(count, ", 1fr)");
@@ -52,7 +48,7 @@ var Columns = ts.forwardRefWithAs(function (_ref, forwardedRef) {
52
48
  collapseOnDesktop = _utils$responsiveRang2[2],
53
49
  collapseOnWide = _utils$responsiveRang2[3];
54
50
 
55
- return __jsx(box.Box, _extends({
51
+ return /*#__PURE__*/jsxRuntime.jsx(box.Box, _objectSpread({
56
52
  ref: forwardedRef,
57
53
  className: css.css(utils.resolveResponsiveProps({
58
54
  alignItems: alignItems,
package/dist/spark-web-columns.cjs.prod.js CHANGED
@@ -2,18 +2,15 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var _extends = require('@babel/runtime/helpers/esm/extends');
6
- var _slicedToArray = require('@babel/runtime/helpers/esm/slicedToArray');
7
- var _objectWithoutProperties = require('@babel/runtime/helpers/esm/objectWithoutProperties');
8
- var React = require('react');
5
+ var _objectSpread = require('@babel/runtime/helpers/objectSpread2');
6
+ var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
7
+ var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
9
8
  var css = require('@emotion/css');
10
9
  var box = require('@spark-web/box');
11
10
  var theme = require('@spark-web/theme');
12
11
  var ts = require('@spark-web/utils/ts');
13
-
14
- function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
15
-
16
- var React__default = /*#__PURE__*/_interopDefault(React);
12
+ var react = require('react');
13
+ var jsxRuntime = require('react/jsx-runtime');
17
14
 
18
15
  var alignYLookup = {
19
16
  top: 'start',
@@ -24,7 +21,6 @@ var alignYLookup = {
24
21
  var alignYToAlignItems = theme.createResponsiveMapFn(alignYLookup);
25
22
 
26
23
  var _excluded = ["alignY", "collapseBelow", "gap", "template"];
27
- var __jsx = React__default["default"].createElement;
28
24
  var Columns = ts.forwardRefWithAs(function (_ref, forwardedRef) {
29
25
  var _ref$alignY = _ref.alignY,
30
26
  alignY = _ref$alignY === void 0 ? 'top' : _ref$alignY,
@@ -38,7 +34,7 @@ var Columns = ts.forwardRefWithAs(function (_ref, forwardedRef) {
38
34
  utils = _useTheme.utils;
39
35
 
40
36
  var alignItems = alignYToAlignItems(alignY);
41
- var count = React.Children.count(props.children);
37
+ var count = react.Children.count(props.children);
42
38
  var gridTemplateColumns = template ? template.map(function (c) {
43
39
  return "".concat(c, "fr");
44
40
  }).join(' ') : "repeat(".concat(count, ", 1fr)");
@@ -52,7 +48,7 @@ var Columns = ts.forwardRefWithAs(function (_ref, forwardedRef) {
52
48
  collapseOnDesktop = _utils$responsiveRang2[2],
53
49
  collapseOnWide = _utils$responsiveRang2[3];
54
50
 
55
- return __jsx(box.Box, _extends({
51
+ return /*#__PURE__*/jsxRuntime.jsx(box.Box, _objectSpread({
56
52
  ref: forwardedRef,
57
53
  className: css.css(utils.resolveResponsiveProps({
58
54
  alignItems: alignItems,
package/dist/spark-web-columns.esm.js CHANGED
@@ -1,11 +1,12 @@
1
- import _extends from '@babel/runtime/helpers/esm/extends';
1
+ import _objectSpread from '@babel/runtime/helpers/esm/objectSpread2';
2
2
  import _slicedToArray from '@babel/runtime/helpers/esm/slicedToArray';
3
3
  import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
4
- import React, { Children } from 'react';
5
4
  import { css } from '@emotion/css';
6
5
  import { Box } from '@spark-web/box';
7
6
  import { createResponsiveMapFn, useTheme } from '@spark-web/theme';
8
7
  import { forwardRefWithAs } from '@spark-web/utils/ts';
8
+ import { Children } from 'react';
9
+ import { jsx } from 'react/jsx-runtime';
9
10
 
10
11
  var alignYLookup = {
11
12
  top: 'start',
@@ -16,7 +17,6 @@ var alignYLookup = {
16
17
  var alignYToAlignItems = createResponsiveMapFn(alignYLookup);
17
18
 
18
19
  var _excluded = ["alignY", "collapseBelow", "gap", "template"];
19
- var __jsx = React.createElement;
20
20
  var Columns = forwardRefWithAs(function (_ref, forwardedRef) {
21
21
  var _ref$alignY = _ref.alignY,
22
22
  alignY = _ref$alignY === void 0 ? 'top' : _ref$alignY,
@@ -44,7 +44,7 @@ var Columns = forwardRefWithAs(function (_ref, forwardedRef) {
44
44
  collapseOnDesktop = _utils$responsiveRang2[2],
45
45
  collapseOnWide = _utils$responsiveRang2[3];
46
46
 
47
- return __jsx(Box, _extends({
47
+ return /*#__PURE__*/jsx(Box, _objectSpread({
48
48
  ref: forwardedRef,
49
49
  className: css(utils.resolveResponsiveProps({
50
50
  alignItems: alignItems,
package/package.json CHANGED
@@ -1,20 +1,23 @@
1
1
  {
2
2
  "name": "@spark-web/columns",
3
+ "version": "1.0.3",
3
4
  "license": "MIT",
4
- "version": "1.0.0",
5
5
  "main": "dist/spark-web-columns.cjs.js",
6
6
  "module": "dist/spark-web-columns.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/theme": "^1.0.0",
15
- "@spark-web/utils": "^1.0.0",
10
+ "@spark-web/box": "^1.0.3",
11
+ "@spark-web/theme": "^2.0.2",
12
+ "@spark-web/utils": "^1.1.1"
13
+ },
14
+ "devDependencies": {
15
+ "@types/react": "^17.0.12",
16
16
  "react": "^17.0.2"
17
17
  },
18
+ "peerDependencies": {
19
+ "react": ">=17.0.2"
20
+ },
18
21
  "engines": {
19
22
  "node": ">= 14.13"
20
23
  }