Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

react-vertical-bar-chart

Package Overview
Dependencies
Maintainers
1
Versions
16
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

react-vertical-bar-chart - npm Package Compare versions

Comparing version 1.1.0 to 1.1.1

23

dist/index.js

@@ -258,10 +258,5 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }

var AxisTitleBackground = _styled__default.span.withConfig({
displayName: "Root__AxisTitleBackground",
componentId: "sc-1cw2hx3-11"
})(["background-color:rgba(255,255,255,0.7);padding:0.15rem;"]);
var CenterLine = _styled__default.div.withConfig({
displayName: "Root__CenterLine",
componentId: "sc-1cw2hx3-12"
componentId: "sc-1cw2hx3-11"
})(["position:fixed;top:0;bottom:0;width:0;height:100%;border-left:dashed 2px #333;"]);

@@ -271,3 +266,3 @@

displayName: "Root__CenterLineLabel",
componentId: "sc-1cw2hx3-13"
componentId: "sc-1cw2hx3-12"
})(["font-size:", ";white-space:nowrap;padding-left:0.7rem;text-shadow:1px 1px 0 #fff,-1px -1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff,1px 1px 0 #fff;"], function (_ref3) {

@@ -280,3 +275,3 @@ var $dynamicFont = _ref3.$dynamicFont;

displayName: "Root__BufferRow",
componentId: "sc-1cw2hx3-14"
componentId: "sc-1cw2hx3-13"
})(["z-index:100;display:flex;align-items:flex-end;"]);

@@ -286,3 +281,3 @@

displayName: "Root__Midline",
componentId: "sc-1cw2hx3-15"
componentId: "sc-1cw2hx3-14"
})(["border-top:dashed 2px #333;width:100%;position:absolute;background-color:#f1f1f1;z-index:-1;transform:translateY(1px);"]);

@@ -292,3 +287,3 @@

displayName: "Root__MidlineOverText",
componentId: "sc-1cw2hx3-16"
componentId: "sc-1cw2hx3-15"
})(["font-size:", ";position:absolute;right:1rem;top:-0.25rem;transform:translateY(-100%);z-index:100;"], function (_ref4) {

@@ -301,3 +296,3 @@ var $dynamicFont = _ref4.$dynamicFont;

displayName: "Root__MidlineUnderText",
componentId: "sc-1cw2hx3-17"
componentId: "sc-1cw2hx3-16"
})(["font-size:", ";position:absolute;right:1rem;bottom:0;"], function (_ref5) {

@@ -310,3 +305,3 @@ var $dynamicFont = _ref5.$dynamicFont;

displayName: "Root__ScrollDownText",
componentId: "sc-1cw2hx3-18"
componentId: "sc-1cw2hx3-17"
})(["font-size:", ";position:absolute;right:calc(0.25rem + 12px);top:50%;display:flex;justify-content:flex-end;align-items:center;max-width:150px;pointer-events:none;text-shadow:1px 1px 0 #fff,-1px -1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff,1px 1px 0 #fff;"], function (_ref6) {

@@ -319,3 +314,3 @@ var $dynamicFont = _ref6.$dynamicFont;

displayName: "Root__ScrollDownArrow",
componentId: "sc-1cw2hx3-19"
componentId: "sc-1cw2hx3-18"
})(["margin-right:0.75rem;font-size:1rem;"]);

@@ -545,3 +540,3 @@

className: 'react-comparison-bar-chart-axis-title'
}, React__default.createElement(AxisTitleBackground, null, axisLabel)) : null;
}, axisLabel) : null;
var buffer = {

@@ -548,0 +543,0 @@ paddingRight: overflowPadding + 'rem'

@@ -254,10 +254,5 @@ import React, { useState, useRef, useEffect } from 'react';

var AxisTitleBackground = _styled.span.withConfig({
displayName: "Root__AxisTitleBackground",
componentId: "sc-1cw2hx3-11"
})(["background-color:rgba(255,255,255,0.7);padding:0.15rem;"]);
var CenterLine = _styled.div.withConfig({
displayName: "Root__CenterLine",
componentId: "sc-1cw2hx3-12"
componentId: "sc-1cw2hx3-11"
})(["position:fixed;top:0;bottom:0;width:0;height:100%;border-left:dashed 2px #333;"]);

@@ -267,3 +262,3 @@

displayName: "Root__CenterLineLabel",
componentId: "sc-1cw2hx3-13"
componentId: "sc-1cw2hx3-12"
})(["font-size:", ";white-space:nowrap;padding-left:0.7rem;text-shadow:1px 1px 0 #fff,-1px -1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff,1px 1px 0 #fff;"], function (_ref3) {

@@ -276,3 +271,3 @@ var $dynamicFont = _ref3.$dynamicFont;

displayName: "Root__BufferRow",
componentId: "sc-1cw2hx3-14"
componentId: "sc-1cw2hx3-13"
})(["z-index:100;display:flex;align-items:flex-end;"]);

@@ -282,3 +277,3 @@

displayName: "Root__Midline",
componentId: "sc-1cw2hx3-15"
componentId: "sc-1cw2hx3-14"
})(["border-top:dashed 2px #333;width:100%;position:absolute;background-color:#f1f1f1;z-index:-1;transform:translateY(1px);"]);

@@ -288,3 +283,3 @@

displayName: "Root__MidlineOverText",
componentId: "sc-1cw2hx3-16"
componentId: "sc-1cw2hx3-15"
})(["font-size:", ";position:absolute;right:1rem;top:-0.25rem;transform:translateY(-100%);z-index:100;"], function (_ref4) {

@@ -297,3 +292,3 @@ var $dynamicFont = _ref4.$dynamicFont;

displayName: "Root__MidlineUnderText",
componentId: "sc-1cw2hx3-17"
componentId: "sc-1cw2hx3-16"
})(["font-size:", ";position:absolute;right:1rem;bottom:0;"], function (_ref5) {

@@ -306,3 +301,3 @@ var $dynamicFont = _ref5.$dynamicFont;

displayName: "Root__ScrollDownText",
componentId: "sc-1cw2hx3-18"
componentId: "sc-1cw2hx3-17"
})(["font-size:", ";position:absolute;right:calc(0.25rem + 12px);top:50%;display:flex;justify-content:flex-end;align-items:center;max-width:150px;pointer-events:none;text-shadow:1px 1px 0 #fff,-1px -1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff,1px 1px 0 #fff;"], function (_ref6) {

@@ -315,3 +310,3 @@ var $dynamicFont = _ref6.$dynamicFont;

displayName: "Root__ScrollDownArrow",
componentId: "sc-1cw2hx3-19"
componentId: "sc-1cw2hx3-18"
})(["margin-right:0.75rem;font-size:1rem;"]);

@@ -541,3 +536,3 @@

className: 'react-comparison-bar-chart-axis-title'
}, React.createElement(AxisTitleBackground, null, axisLabel)) : null;
}, axisLabel) : null;
var buffer = {

@@ -544,0 +539,0 @@ paddingRight: overflowPadding + 'rem'

{
"name": "react-vertical-bar-chart",
"version": "1.1.0",
"version": "1.1.1",
"description": "Vertical scrolling bar chart for React",

@@ -5,0 +5,0 @@ "author": "wsoeltz",

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc