react-vertical-timeline-component - npm Package Compare versions

Comparing version 3.3.3 to 3.4.0

dist-es6/VerticalTimeline.js

@@ -20,11 +20,15 @@ "use strict";
   layout,
+  lineColor,
   children
-}) => /*#__PURE__*/_react.default.createElement("div", {
-  className: (0, _classnames.default)(className, 'vertical-timeline', {
-    'vertical-timeline--animate': animate,
-    'vertical-timeline--two-columns': layout === '2-columns',
-    'vertical-timeline--one-column-left': layout === '1-column' || layout === '1-column-left',
-    'vertical-timeline--one-column-right': layout === '1-column-right'
-  })
-}, children);
+}) => {
+  document.documentElement.style.setProperty('--line-color', lineColor);
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _classnames.default)(className, 'vertical-timeline', {
+      'vertical-timeline--animate': animate,
+      'vertical-timeline--two-columns': layout === '2-columns',
+      'vertical-timeline--one-column-left': layout === '1-column' || layout === '1-column-left',
+      'vertical-timeline--one-column-right': layout === '1-column-right'
+    })
+  }, children);
+};
 
@@ -35,3 +39,4 @@ VerticalTimeline.propTypes = {
   animate: _propTypes.default.bool,
-  layout: _propTypes.default.oneOf(['1-column-left', '1-column', '2-columns', '1-column-right'])
+  layout: _propTypes.default.oneOf(['1-column-left', '1-column', '2-columns', '1-column-right']),
+  lineColor: _propTypes.default.string
 };
@@ -41,5 +46,6 @@ VerticalTimeline.defaultProps = {
   className: '',
-  layout: '2-columns'
+  layout: '2-columns',
+  lineColor: '#FFF'
 };
 var _default = VerticalTimeline;
 exports.default = _default;

dist-modules/VerticalTimeline.js

@@ -20,3 +20,5 @@ "use strict";
       layout = _ref.layout,
+      lineColor = _ref.lineColor,
       children = _ref.children;
+  document.documentElement.style.setProperty('--line-color', lineColor);
   return /*#__PURE__*/_react.default.createElement("div", {
@@ -36,3 +38,4 @@ className: (0, _classnames.default)(className, 'vertical-timeline', {
   animate: _propTypes.default.bool,
-  layout: _propTypes.default.oneOf(['1-column-left', '1-column', '2-columns', '1-column-right'])
+  layout: _propTypes.default.oneOf(['1-column-left', '1-column', '2-columns', '1-column-right']),
+  lineColor: _propTypes.default.string
 };
@@ -42,5 +45,6 @@ VerticalTimeline.defaultProps = {
   className: '',
-  layout: '2-columns'
+  layout: '2-columns',
+  lineColor: '#FFF'
 };
 var _default = VerticalTimeline;
 exports.default = _default;

package.json

@@ -6,3 +6,3 @@ {
   "user": "stephane-monnot",
-  "version": "3.3.3",
+  "version": "3.4.0",
   "scripts": {
@@ -9,0 +9,0 @@ "start": "catalog start docs",

README.md

@@ -136,3 +136,6 @@ [![build status](https://secure.travis-ci.org/stephane-monnot/react-vertical-timeline.svg)](http://travis-ci.org/stephane-monnot/react-vertical-timeline) [![Dependency Status](https://david-dm.org/stephane-monnot/react-vertical-timeline.svg)](https://david-dm.org/stephane-monnot/react-vertical-timeline)
 
+### `lineColor={ String }`
 
+Choose a color for the timeline (default: `'white'`).
+
 ## VerticalTimelineElement Props
@@ -139,0 +142,0 @@

Fixed alerts

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

33265

increased by1.33%

Lines of code

351

increased by2.93%

Number of lines in readme file

238

increased by1.28%

Number of medium supply chain risk alerts

1

decreased by-50%

No dependency changes