@automattic/vip-design-system 0.11.0 → 0.13.0

package/build/system/UsageChart/UsageChart.js

@@ -1,62 +0,0 @@
-'use strict';
-
-exports.__esModule = true;
-exports.UsageChart = void 0;
-
-var _framerMotion = require( 'framer-motion' );
-
-var _propTypes = _interopRequireDefault( require( 'prop-types' ) );
-
-var _jsxRuntime = require( 'theme-ui/jsx-runtime' );
-
-function _interopRequireDefault( obj ) {
-	return obj && obj.__esModule ? obj : { default: obj };
-}
-
-/**
- * External dependencies
- */
-var UsageChart = function UsageChart( _ref ) {
-	var total = _ref.total,
-		max = _ref.max,
-		_ref$variant = _ref.variant,
-		variant = _ref$variant === void 0 ? 'primary' : _ref$variant;
-	var width = ( total / max ) * 100 + '%';
-	var formattedTotal = total;
-
-	if ( total > 1000000 ) {
-		formattedTotal = ( total / 1000000 ).toFixed( 2 ) + 'M';
-	} else if ( total > 1000 ) {
-		formattedTotal = ( total / 1000 ).toFixed( 2 ) + 'K';
-	}
-
-	return ( 0, _jsxRuntime.jsx )( 'div', {
-		sx: {
-			height: variant === 'primary' ? 32 : 8,
-			overflow: 'hidden',
-			backgroundColor: variant === 'primary' ? 'border' : 'transparent',
-		},
-		children: ( 0, _jsxRuntime.jsx )( _framerMotion.motion.div, {
-			initial: {
-				width: 0,
-			},
-			animate: {
-				width: width,
-			},
-			transition: {
-				duration: 0.7,
-			},
-			sx: {
-				height: '100%',
-				backgroundColor: variant === 'primary' ? 'primary' : 'grey.40',
-			},
-		} ),
-	} );
-};
-
-exports.UsageChart = UsageChart;
-UsageChart.propTypes = {
-	total: _propTypes[ 'default' ].number,
-	max: _propTypes[ 'default' ].number,
-	variant: _propTypes[ 'default' ].string,
-};

package/build/system/UsageChart/UsageChart.stories.js

@@ -1,20 +0,0 @@
-/**
- * External dependencies
- */
-import React from 'react';
-/**
- * Internal dependencies
- */
-
-import { UsageChart } from '..';
-export default {
-	title: 'UsageChart',
-	component: UsageChart,
-};
-export var Default = function Default() {
-	return /*#__PURE__*/ React.createElement( UsageChart, {
-		total: 50,
-		max: 75,
-		variant: 'primary',
-	} );
-};

package/build/system/UsageChart/index.js

@@ -1,7 +0,0 @@
-'use strict';
-
-exports.__esModule = true;
-
-var _UsageChart = require( './UsageChart' );
-
-exports.UsageChart = _UsageChart.UsageChart;