@peculiar/react-components 0.0.2-alpha.250 → 0.0.2-alpha.251

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.
@@ -35,7 +35,7 @@ var React = __importStar(require("react"));
35
35
  var react_transition_group_1 = require("react-transition-group");
36
36
  var hooks_1 = require("../hooks");
37
37
  exports.Slide = React.forwardRef(function (props, ref) {
38
- var timeout = props.timeout, inProp = props.in, children = props.children, appear = props.appear, onEnter = props.onEnter, onEntered = props.onEntered, onEntering = props.onEntering, onExit = props.onExit, onExited = props.onExited, onExiting = props.onExiting;
38
+ var timeout = props.timeout, inProp = props.in, children = props.children, appear = props.appear, onEnter = props.onEnter, onEntered = props.onEntered, onEntering = props.onEntering, onExit = props.onExit, onExited = props.onExited, onExiting = props.onExiting, direction = props.direction;
39
39
  var nodeRef = React.useRef(null);
40
40
  var multiRef = hooks_1.useMergedRef(children.ref, ref, nodeRef);
41
41
  var handleEnter = function (isAppearing) {
@@ -46,8 +46,32 @@ exports.Slide = React.forwardRef(function (props, ref) {
46
46
  onEnter(isAppearing);
47
47
  }
48
48
  };
49
+ var getTranslateExitValue = function () {
50
+ if (direction === 'right' || direction === 'left') {
51
+ return 'translateX(0px)';
52
+ }
53
+ if (direction === 'up' || direction === 'down') {
54
+ return 'translateY(0px)';
55
+ }
56
+ return undefined;
57
+ };
58
+ var getTranslateEnterValue = function () {
59
+ if (direction === 'right') {
60
+ return 'translateX(100%)';
61
+ }
62
+ if (direction === 'left') {
63
+ return 'translateX(-100%)';
64
+ }
65
+ if (direction === 'up') {
66
+ return 'translateY(-100%)';
67
+ }
68
+ if (direction === 'down') {
69
+ return 'translateY(100%)';
70
+ }
71
+ return undefined;
72
+ };
49
73
  return (React.createElement(react_transition_group_1.Transition, { in: inProp, timeout: timeout, appear: appear, onEnter: handleEnter, onEntered: onEntered, onEntering: onEntering, onExit: onExit, onExited: onExited, onExiting: onExiting, nodeRef: nodeRef }, function (state) { return (React.cloneElement(children, {
50
- style: __assign({ transform: (state === 'entering' || state === 'entered') ? 'translateX(0px)' : 'translateX(100%)', transition: "transform " + timeout + "ms", visibility: state === 'exited' && !inProp ? 'hidden' : undefined }, children.props.style),
74
+ style: __assign({ transform: (state === 'entering' || state === 'entered') ? getTranslateExitValue() : getTranslateEnterValue(), transition: "transform " + timeout + "ms", visibility: state === 'exited' && !inProp ? 'hidden' : undefined }, children.props.style),
51
75
  ref: multiRef,
52
76
  })); }));
53
77
  });
@@ -1 +1 @@
1
- {"version":3,"file":"slide.js","sourceRoot":"","sources":["../../../src/Slide/slide.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAE/B,iEAAoD;AACpD,kCAAwC;AAoC3B,QAAA,KAAK,GAAG,KAAK,CAAC,UAAU,CAAkB,UAAC,KAAK,EAAE,GAAG;IAE9D,IAAA,OAAO,GAUL,KAAK,QAVA,EACH,MAAM,GASR,KAAK,GATG,EACV,QAAQ,GAQN,KAAK,SARC,EACR,MAAM,GAOJ,KAAK,OAPD,EACN,OAAO,GAML,KAAK,QANA,EACP,SAAS,GAKP,KAAK,UALE,EACT,UAAU,GAIR,KAAK,WAJG,EACV,MAAM,GAGJ,KAAK,OAHD,EACN,QAAQ,GAEN,KAAK,SAFC,EACR,SAAS,GACP,KAAK,UADE,CACD;IACV,IAAM,OAAO,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IACnC,IAAM,QAAQ,GAAG,oBAAY,CAAE,QAAgB,CAAC,GAAG,EAAE,GAAG,EAAE,OAAO,CAAC,CAAC;IAEnE,IAAM,WAAW,GAAG,UAAC,WAAoB;QACvC,kEAAkE;QAClE,qCAAqC;QACrC,OAAO,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC,+DAA+D;QAE7F,IAAI,OAAO,EAAE;YACX,OAAO,CAAC,WAAW,CAAC,CAAC;SACtB;IACH,CAAC,CAAC;IAEF,OAAO,CACL,oBAAC,mCAAU,IACT,EAAE,EAAE,MAAM,EACV,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,WAAW,EACpB,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,UAAU,EACtB,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,IAEf,UAAC,KAAK,IAAK,OAAA,CACV,KAAK,CAAC,YAAY,CAAC,QAAQ,EAAE;QAC3B,KAAK,aACH,SAAS,EAAE,CAAC,KAAK,KAAK,UAAU,IAAI,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,kBAAkB,EACjG,UAAU,EAAE,eAAa,OAAO,OAAI,EACpC,UAAU,EAAE,KAAK,KAAK,QAAQ,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,IAC7D,QAAQ,CAAC,KAAK,CAAC,KAAK,CACxB;QACD,GAAG,EAAE,QAAQ;KACd,CAAC,CACH,EAVW,CAUX,CACU,CACd,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,aAAK,CAAC,WAAW,GAAG,OAAO,CAAC;AAE5B,aAAK,CAAC,YAAY,GAAG;IACnB,OAAO,EAAE,GAAG;IACZ,SAAS,EAAE,OAAO;IAClB,MAAM,EAAE,IAAI;CACb,CAAC"}
1
+ {"version":3,"file":"slide.js","sourceRoot":"","sources":["../../../src/Slide/slide.tsx"],"names":[],"mappings":"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"}
@@ -13,7 +13,7 @@ import * as React from 'react';
13
13
  import { Transition } from 'react-transition-group';
14
14
  import { useMergedRef } from '../hooks';
15
15
  export var Slide = React.forwardRef(function (props, ref) {
16
- var timeout = props.timeout, inProp = props.in, children = props.children, appear = props.appear, onEnter = props.onEnter, onEntered = props.onEntered, onEntering = props.onEntering, onExit = props.onExit, onExited = props.onExited, onExiting = props.onExiting;
16
+ var timeout = props.timeout, inProp = props.in, children = props.children, appear = props.appear, onEnter = props.onEnter, onEntered = props.onEntered, onEntering = props.onEntering, onExit = props.onExit, onExited = props.onExited, onExiting = props.onExiting, direction = props.direction;
17
17
  var nodeRef = React.useRef(null);
18
18
  var multiRef = useMergedRef(children.ref, ref, nodeRef);
19
19
  var handleEnter = function (isAppearing) {
@@ -24,8 +24,32 @@ export var Slide = React.forwardRef(function (props, ref) {
24
24
  onEnter(isAppearing);
25
25
  }
26
26
  };
27
+ var getTranslateExitValue = function () {
28
+ if (direction === 'right' || direction === 'left') {
29
+ return 'translateX(0px)';
30
+ }
31
+ if (direction === 'up' || direction === 'down') {
32
+ return 'translateY(0px)';
33
+ }
34
+ return undefined;
35
+ };
36
+ var getTranslateEnterValue = function () {
37
+ if (direction === 'right') {
38
+ return 'translateX(100%)';
39
+ }
40
+ if (direction === 'left') {
41
+ return 'translateX(-100%)';
42
+ }
43
+ if (direction === 'up') {
44
+ return 'translateY(-100%)';
45
+ }
46
+ if (direction === 'down') {
47
+ return 'translateY(100%)';
48
+ }
49
+ return undefined;
50
+ };
27
51
  return (React.createElement(Transition, { in: inProp, timeout: timeout, appear: appear, onEnter: handleEnter, onEntered: onEntered, onEntering: onEntering, onExit: onExit, onExited: onExited, onExiting: onExiting, nodeRef: nodeRef }, function (state) { return (React.cloneElement(children, {
28
- style: __assign({ transform: (state === 'entering' || state === 'entered') ? 'translateX(0px)' : 'translateX(100%)', transition: "transform " + timeout + "ms", visibility: state === 'exited' && !inProp ? 'hidden' : undefined }, children.props.style),
52
+ style: __assign({ transform: (state === 'entering' || state === 'entered') ? getTranslateExitValue() : getTranslateEnterValue(), transition: "transform " + timeout + "ms", visibility: state === 'exited' && !inProp ? 'hidden' : undefined }, children.props.style),
29
53
  ref: multiRef,
30
54
  })); }));
31
55
  });
@@ -1 +1 @@
1
- {"version":3,"file":"slide.js","sourceRoot":"","sources":["../../../src/Slide/slide.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AACpD,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAoCxC,MAAM,CAAC,IAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAAkB,UAAC,KAAK,EAAE,GAAG;IAE9D,IAAA,OAAO,GAUL,KAAK,QAVA,EACH,MAAM,GASR,KAAK,GATG,EACV,QAAQ,GAQN,KAAK,SARC,EACR,MAAM,GAOJ,KAAK,OAPD,EACN,OAAO,GAML,KAAK,QANA,EACP,SAAS,GAKP,KAAK,UALE,EACT,UAAU,GAIR,KAAK,WAJG,EACV,MAAM,GAGJ,KAAK,OAHD,EACN,QAAQ,GAEN,KAAK,SAFC,EACR,SAAS,GACP,KAAK,UADE,CACD;IACV,IAAM,OAAO,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IACnC,IAAM,QAAQ,GAAG,YAAY,CAAE,QAAgB,CAAC,GAAG,EAAE,GAAG,EAAE,OAAO,CAAC,CAAC;IAEnE,IAAM,WAAW,GAAG,UAAC,WAAoB;QACvC,kEAAkE;QAClE,qCAAqC;QACrC,OAAO,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC,+DAA+D;QAE7F,IAAI,OAAO,EAAE;YACX,OAAO,CAAC,WAAW,CAAC,CAAC;SACtB;IACH,CAAC,CAAC;IAEF,OAAO,CACL,oBAAC,UAAU,IACT,EAAE,EAAE,MAAM,EACV,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,WAAW,EACpB,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,UAAU,EACtB,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,IAEf,UAAC,KAAK,IAAK,OAAA,CACV,KAAK,CAAC,YAAY,CAAC,QAAQ,EAAE;QAC3B,KAAK,aACH,SAAS,EAAE,CAAC,KAAK,KAAK,UAAU,IAAI,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,kBAAkB,EACjG,UAAU,EAAE,eAAa,OAAO,OAAI,EACpC,UAAU,EAAE,KAAK,KAAK,QAAQ,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,IAC7D,QAAQ,CAAC,KAAK,CAAC,KAAK,CACxB;QACD,GAAG,EAAE,QAAQ;KACd,CAAC,CACH,EAVW,CAUX,CACU,CACd,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,KAAK,CAAC,WAAW,GAAG,OAAO,CAAC;AAE5B,KAAK,CAAC,YAAY,GAAG;IACnB,OAAO,EAAE,GAAG;IACZ,SAAS,EAAE,OAAO;IAClB,MAAM,EAAE,IAAI;CACb,CAAC"}
1
+ {"version":3,"file":"slide.js","sourceRoot":"","sources":["../../../src/Slide/slide.tsx"],"names":[],"mappings":"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"}
@@ -2,7 +2,7 @@ import * as React from 'react';
2
2
  import { Transition } from 'react-transition-group';
3
3
  import { useMergedRef } from '../hooks';
4
4
  export const Slide = React.forwardRef((props, ref) => {
5
- const { timeout, in: inProp, children, appear, onEnter, onEntered, onEntering, onExit, onExited, onExiting, } = props;
5
+ const { timeout, in: inProp, children, appear, onEnter, onEntered, onEntering, onExit, onExited, onExiting, direction, } = props;
6
6
  const nodeRef = React.useRef(null);
7
7
  const multiRef = useMergedRef(children.ref, ref, nodeRef);
8
8
  const handleEnter = (isAppearing) => {
@@ -13,9 +13,33 @@ export const Slide = React.forwardRef((props, ref) => {
13
13
  onEnter(isAppearing);
14
14
  }
15
15
  };
16
+ const getTranslateExitValue = () => {
17
+ if (direction === 'right' || direction === 'left') {
18
+ return 'translateX(0px)';
19
+ }
20
+ if (direction === 'up' || direction === 'down') {
21
+ return 'translateY(0px)';
22
+ }
23
+ return undefined;
24
+ };
25
+ const getTranslateEnterValue = () => {
26
+ if (direction === 'right') {
27
+ return 'translateX(100%)';
28
+ }
29
+ if (direction === 'left') {
30
+ return 'translateX(-100%)';
31
+ }
32
+ if (direction === 'up') {
33
+ return 'translateY(-100%)';
34
+ }
35
+ if (direction === 'down') {
36
+ return 'translateY(100%)';
37
+ }
38
+ return undefined;
39
+ };
16
40
  return (React.createElement(Transition, { in: inProp, timeout: timeout, appear: appear, onEnter: handleEnter, onEntered: onEntered, onEntering: onEntering, onExit: onExit, onExited: onExited, onExiting: onExiting, nodeRef: nodeRef }, (state) => (React.cloneElement(children, {
17
41
  style: {
18
- transform: (state === 'entering' || state === 'entered') ? 'translateX(0px)' : 'translateX(100%)',
42
+ transform: (state === 'entering' || state === 'entered') ? getTranslateExitValue() : getTranslateEnterValue(),
19
43
  transition: `transform ${timeout}ms`,
20
44
  visibility: state === 'exited' && !inProp ? 'hidden' : undefined,
21
45
  ...children.props.style,
@@ -1 +1 @@
1
- {"version":3,"file":"slide.js","sourceRoot":"","sources":["../../../src/Slide/slide.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AACpD,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAoCxC,MAAM,CAAC,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAAkB,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACpE,MAAM,EACJ,OAAO,EACP,EAAE,EAAE,MAAM,EACV,QAAQ,EACR,MAAM,EACN,OAAO,EACP,SAAS,EACT,UAAU,EACV,MAAM,EACN,QAAQ,EACR,SAAS,GACV,GAAG,KAAK,CAAC;IACV,MAAM,OAAO,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IACnC,MAAM,QAAQ,GAAG,YAAY,CAAE,QAAgB,CAAC,GAAG,EAAE,GAAG,EAAE,OAAO,CAAC,CAAC;IAEnE,MAAM,WAAW,GAAG,CAAC,WAAoB,EAAE,EAAE;QAC3C,kEAAkE;QAClE,qCAAqC;QACrC,OAAO,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC,+DAA+D;QAE7F,IAAI,OAAO,EAAE;YACX,OAAO,CAAC,WAAW,CAAC,CAAC;SACtB;IACH,CAAC,CAAC;IAEF,OAAO,CACL,oBAAC,UAAU,IACT,EAAE,EAAE,MAAM,EACV,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,WAAW,EACpB,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,UAAU,EACtB,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,IAEf,CAAC,KAAK,EAAE,EAAE,CAAC,CACV,KAAK,CAAC,YAAY,CAAC,QAAQ,EAAE;QAC3B,KAAK,EAAE;YACL,SAAS,EAAE,CAAC,KAAK,KAAK,UAAU,IAAI,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,kBAAkB;YACjG,UAAU,EAAE,aAAa,OAAO,IAAI;YACpC,UAAU,EAAE,KAAK,KAAK,QAAQ,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS;YAChE,GAAG,QAAQ,CAAC,KAAK,CAAC,KAAK;SACxB;QACD,GAAG,EAAE,QAAQ;KACd,CAAC,CACH,CACU,CACd,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,KAAK,CAAC,WAAW,GAAG,OAAO,CAAC;AAE5B,KAAK,CAAC,YAAY,GAAG;IACnB,OAAO,EAAE,GAAG;IACZ,SAAS,EAAE,OAAO;IAClB,MAAM,EAAE,IAAI;CACb,CAAC"}
1
+ {"version":3,"file":"slide.js","sourceRoot":"","sources":["../../../src/Slide/slide.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AACpD,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAoCxC,MAAM,CAAC,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAAkB,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACpE,MAAM,EACJ,OAAO,EACP,EAAE,EAAE,MAAM,EACV,QAAQ,EACR,MAAM,EACN,OAAO,EACP,SAAS,EACT,UAAU,EACV,MAAM,EACN,QAAQ,EACR,SAAS,EACT,SAAS,GACV,GAAG,KAAK,CAAC;IACV,MAAM,OAAO,GAAG,KAAK,CAAC,MAAM,CAAc,IAAI,CAAC,CAAC;IAChD,MAAM,QAAQ,GAAG,YAAY,CAAE,QAAgB,CAAC,GAAG,EAAE,GAAG,EAAE,OAAO,CAAC,CAAC;IAEnE,MAAM,WAAW,GAAG,CAAC,WAAoB,EAAE,EAAE;QAC3C,kEAAkE;QAClE,qCAAqC;QACrC,OAAO,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC,+DAA+D;QAE7F,IAAI,OAAO,EAAE;YACX,OAAO,CAAC,WAAW,CAAC,CAAC;SACtB;IACH,CAAC,CAAC;IAEF,MAAM,qBAAqB,GAAG,GAAG,EAAE;QACjC,IAAI,SAAS,KAAK,OAAO,IAAI,SAAS,KAAK,MAAM,EAAE;YACjD,OAAO,iBAAiB,CAAC;SAC1B;QAED,IAAI,SAAS,KAAK,IAAI,IAAI,SAAS,KAAK,MAAM,EAAE;YAC9C,OAAO,iBAAiB,CAAC;SAC1B;QAED,OAAO,SAAS,CAAC;IACnB,CAAC,CAAC;IAEF,MAAM,sBAAsB,GAAG,GAAG,EAAE;QAClC,IAAI,SAAS,KAAK,OAAO,EAAE;YACzB,OAAO,kBAAkB,CAAC;SAC3B;QAED,IAAI,SAAS,KAAK,MAAM,EAAE;YACxB,OAAO,mBAAmB,CAAC;SAC5B;QAED,IAAI,SAAS,KAAK,IAAI,EAAE;YACtB,OAAO,mBAAmB,CAAC;SAC5B;QAED,IAAI,SAAS,KAAK,MAAM,EAAE;YACxB,OAAO,kBAAkB,CAAC;SAC3B;QAED,OAAO,SAAS,CAAC;IACnB,CAAC,CAAC;IAEF,OAAO,CACL,oBAAC,UAAU,IACT,EAAE,EAAE,MAAM,EACV,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,WAAW,EACpB,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,UAAU,EACtB,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,IAEf,CAAC,KAAK,EAAE,EAAE,CAAC,CACV,KAAK,CAAC,YAAY,CAAC,QAAQ,EAAE;QAC3B,KAAK,EAAE;YACL,SAAS,EAAE,CAAC,KAAK,KAAK,UAAU,IAAI,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,CAAC,qBAAqB,EAAE,CAAC,CAAC,CAAC,sBAAsB,EAAE;YAC7G,UAAU,EAAE,aAAa,OAAO,IAAI;YACpC,UAAU,EAAE,KAAK,KAAK,QAAQ,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS;YAChE,GAAG,QAAQ,CAAC,KAAK,CAAC,KAAK;SACxB;QACD,GAAG,EAAE,QAAQ;KACd,CAAC,CACH,CACU,CACd,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,KAAK,CAAC,WAAW,GAAG,OAAO,CAAC;AAE5B,KAAK,CAAC,YAAY,GAAG;IACnB,OAAO,EAAE,GAAG;IACZ,SAAS,EAAE,OAAO;IAClB,MAAM,EAAE,IAAI;CACb,CAAC"}
@@ -17,7 +17,7 @@ declare type BaseProps = {
17
17
  /**
18
18
  * Direction the child node will enter from.
19
19
  */
20
- direction?: ('right');
20
+ direction?: ('right' | 'left' | 'up' | 'down');
21
21
  /**
22
22
  * Perform the enter transition when it first mounts if `in` is also `true`.
23
23
  */
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@peculiar/react-components",
3
3
  "private": false,
4
- "version": "0.0.2-alpha.250+d8b263e",
4
+ "version": "0.0.2-alpha.251+5aa37ee",
5
5
  "author": "PeculiarVentures Team",
6
6
  "description": "A simple and customizable component library to build faster, beautiful, and more accessible React applications.",
7
7
  "keywords": [
@@ -40,7 +40,7 @@
40
40
  "dependencies": {
41
41
  "@emotion/core": "^10.1.1",
42
42
  "@emotion/css": "^11.1.3",
43
- "@peculiar/color": "^0.0.2-alpha.250+d8b263e",
43
+ "@peculiar/color": "^0.0.2-alpha.251+5aa37ee",
44
44
  "@popperjs/core": "^2.9.3",
45
45
  "@types/flat": "^5.0.2",
46
46
  "@types/react-transition-group": "^4.4.2",
@@ -83,5 +83,5 @@
83
83
  "node": ">=12.x"
84
84
  },
85
85
  "license": "MIT",
86
- "gitHead": "d8b263ec510deab57baf5c0c2aa2a8be909aaa78"
86
+ "gitHead": "5aa37ee34fe6f13a3834e970b9f3c907cda4b92f"
87
87
  }