@automattic/vip-design-system 0.9.4 → 0.9.5

package/src/system/Timeline/index.js

@@ -1,46 +1,7 @@
-/** @jsxImportSource theme-ui */
 
 /**
- * External dependencies
+ * Internal dependencies
  */
-import { Flex } from 'theme-ui';
-import { MdWatchLater } from 'react-icons/md';
-import PropTypes from 'prop-types';
-
-const VerticalLine = () => {
-	return (
-		<div
-			sx={ {
-				borderLeft: '2px solid',
-				borderColor: 'border',
-				height: 'calc( 50% - 16px )',
-				borderRadius: '2px',
-			} }>
-		</div>
-	);
-};
-
-const Timeline = ( { time, first = false, last = false, ...props } ) => (
-	<Flex { ...props }>
-		<Flex sx={ { flexDirection: 'column', justifyContent: 'space-evenly', alignItems: 'center' } }>
-			{ ! first && (
-				<VerticalLine />
-			) }
-			<MdWatchLater sx={ { color: 'border' } } size={ 18 }/>
-			{ ! last && (
-				<VerticalLine />
-			) }
-		</Flex>
-		<Flex sx={ { alignItems: 'center', ml: 2 } }>
-			<span>{ time }</span>
-		</Flex>
-	</Flex>
-);
-
-Timeline.propTypes = {
-	first: PropTypes.bool,
-	time: PropTypes.string,
-	last: PropTypes.bool,
-};
+import { Timeline } from './Timeline';
 
 export { Timeline };

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"
-  });
-};