@spark-web/stack 1.0.0 → 1.0.1

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 +17 -0
  2. package/dist/declarations/src/Stack.d.ts +1 -1
  3. package/dist/declarations/src/alignment.d.ts +5 -5
  4. package/dist/spark-web-stack.cjs.dev.js +14 -18
  5. package/dist/spark-web-stack.cjs.prod.js +14 -18
  6. package/dist/spark-web-stack.esm.js +12 -12
  7. package/package.json +5 -5
package/CHANGELOG.md CHANGED
@@ -1,5 +1,22 @@
1
1
  # @spark-web/stack
2
2
 
3
+ ## 1.0.1
4
+
5
+ ### Patch Changes
6
+
7
+ - [#36](https://github.com/brighte-labs/spark-web/pull/36)
8
+ [`8546f8f`](https://github.com/brighte-labs/spark-web/commit/8546f8f05daaa79ea3ff954c6c4928a7a2d0622d)
9
+ Thanks [@lukebennett88](https://github.com/lukebennett88)! - Update Babel
10
+ config
11
+
12
+ - Updated dependencies
13
+ [[`aebff30`](https://github.com/brighte-labs/spark-web/commit/aebff30c86cb0a9db22b545c46159ce0d1c14afb),
14
+ [`8546f8f`](https://github.com/brighte-labs/spark-web/commit/8546f8f05daaa79ea3ff954c6c4928a7a2d0622d)]:
15
+ - @spark-web/theme@2.0.0
16
+ - @spark-web/box@1.0.1
17
+ - @spark-web/divider@1.0.1
18
+ - @spark-web/utils@1.0.1
19
+
3
20
  ## 1.0.0
4
21
 
5
22
  ### Major Changes
package/dist/declarations/src/Stack.d.ts CHANGED
@@ -11,7 +11,7 @@ export declare type StackProps = {
11
11
  } & ValidBoxProps;
12
12
  export declare const Stack: <Comp extends import("react").ElementType<any> = "div">(props: {
13
13
  as?: Comp | undefined;
14
- ref?: import("react").Ref<Comp extends "symbol" | "clipPath" | "filter" | "mask" | "marker" | "text" | "circle" | "svg" | "animate" | "animateMotion" | "animateTransform" | "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" | "textPath" | "tspan" | "use" | "view" | keyof HTMLElementTagNameMap | "set" ? (HTMLElementTagNameMap & Pick<SVGElementTagNameMap, "symbol" | "clipPath" | "filter" | "mask" | "marker" | "text" | "circle" | "svg" | "animate" | "animateMotion" | "animateTransform" | "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" | "textPath" | "tspan" | "use" | "view" | "set">)[Comp] : Comp extends new (...args: any) => any ? InstanceType<Comp> : undefined> | undefined;
14
+ 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;
15
15
  } & Omit<import("react").PropsWithoutRef<import("react").ComponentProps<Comp>>, "as"> & {
16
16
  /** Horizontally align items within the stack. */
17
17
  align?: ResponsiveProp<"left" | "right" | "stretch" | "center"> | undefined;
package/dist/declarations/src/alignment.d.ts CHANGED
@@ -5,10 +5,10 @@ declare const alignLookup: {
5
5
  readonly stretch: "stretch";
6
6
  };
7
7
  export declare type Align = keyof typeof alignLookup;
8
- export declare const alignToAlignItems: (prop?: import("@spark-web/theme").ResponsiveProp<"left" | "right" | "stretch" | "center"> | undefined) => "stretch" | "center" | "end" | "start" | {
9
- mobile: "stretch" | "center" | "end" | "start" | undefined;
10
- tablet: "stretch" | "center" | "end" | "start" | undefined;
11
- desktop: "stretch" | "center" | "end" | "start" | undefined;
12
- wide: "stretch" | "center" | "end" | "start" | undefined;
8
+ export declare const alignToAlignItems: (prop?: import("@spark-web/theme").ResponsiveProp<"left" | "right" | "stretch" | "center"> | undefined) => "start" | "stretch" | "center" | "end" | {
9
+ mobile: "start" | "stretch" | "center" | "end" | undefined;
10
+ tablet: "start" | "stretch" | "center" | "end" | undefined;
11
+ desktop: "start" | "stretch" | "center" | "end" | undefined;
12
+ wide: "start" | "stretch" | "center" | "end" | undefined;
13
13
  } | undefined;
14
14
  export {};
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,7 +1,7 @@
1
1
  {
2
2
  "name": "@spark-web/stack",
3
3
  "license": "MIT",
4
- "version": "1.0.0",
4
+ "version": "1.0.1",
5
5
  "main": "dist/spark-web-stack.cjs.js",
6
6
  "module": "dist/spark-web-stack.esm.js",
7
7
  "devDependencies": {
@@ -10,10 +10,10 @@
10
10
  "dependencies": {
11
11
  "@babel/runtime": "^7.14.6",
12
12
  "@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",
13
+ "@spark-web/box": "^1.0.1",
14
+ "@spark-web/divider": "^1.0.1",
15
+ "@spark-web/theme": "^2.0.0",
16
+ "@spark-web/utils": "^1.0.1",
17
17
  "react": "^17.0.2"
18
18
  },
19
19
  "engines": {