@automattic/vip-design-system 1.2.0 → 1.2.2

package/src/system/Text/Text.js

@@ -1,33 +0,0 @@
-/** @jsxImportSource theme-ui */
-
-/**
- * External dependencies
- */
-import React from 'react';
-import { Text as ThemeText } from 'theme-ui';
-import PropTypes from 'prop-types';
-import classNames from 'classnames';
-
-const Text = React.forwardRef( ( { sx, className = null, ...props }, forwardRef ) => (
-	<ThemeText
-		as="p"
-		sx={ {
-			lineHeight: 1.5,
-			marginBottom: 2,
-			color: 'text',
-			...sx,
-		} }
-		className={ classNames( 'vip-text-component', className ) }
-		ref={ forwardRef }
-		{ ...props }
-	/>
-) );
-
-Text.displayName = 'Text';
-
-Text.propTypes = {
-	sx: PropTypes.object,
-	className: PropTypes.any,
-};
-
-export { Text };

package/src/system/Text/index.js

@@ -1,6 +0,0 @@
-/**
- * Internal dependencies
- */
-import { Text } from './Text';
-
-export { Text };

package/src/system/Tooltip/Tooltip.js

@@ -1,79 +0,0 @@
-/** @jsxImportSource theme-ui */
-
-/**
- * External dependencies
- */
-import PropTypes from 'prop-types';
-import { MdHelp } from 'react-icons/md';
-import * as TooltipPrimitive from '@radix-ui/react-tooltip';
-
-/**
- * Internal dependencies
- */
-import { Card, Text } from '..';
-
-const StyledArrow = props => <TooltipPrimitive.Arrow sx={ { fill: 'white' } } { ...props } />;
-
-const Tooltip = ( {
-	trigger = <MdHelp sx={ { fill: 'text' } } />,
-	text = '',
-	width = 200,
-	children,
-	tooltipProps,
-	...props
-} ) => {
-	return (
-		<TooltipPrimitive.Provider>
-			<TooltipPrimitive.Root
-				skipDelayDuration={ 700 }
-				sx={ {
-					display: 'inline-block',
-					position: 'relative',
-					svg: {
-						display: 'block',
-					},
-					'.tooltip-content': {
-						visibility: 'hidden',
-					},
-					'&:hover': {
-						'.tooltip-content': {
-							visibility: 'visible',
-						},
-					},
-				} }
-				{ ...tooltipProps }
-			>
-				<TooltipPrimitive.Trigger
-					sx={ {
-						background: 'transparent',
-						border: 'none',
-						display: 'inline-flex',
-						'&:focus': theme => theme.outline,
-						'&:focus-visible': theme => theme.outline,
-						p: 0,
-						m: 0,
-					} }
-				>
-					{ trigger }
-
-					<TooltipPrimitive.Content>
-						<Card className="tooltip-content" sx={ { width, background: 'dialog' } } { ...props }>
-							{ children ? children : <Text sx={ { fontSize: 2, color: 'text' } }>{ text }</Text> }
-						</Card>
-						<StyledArrow />
-					</TooltipPrimitive.Content>
-				</TooltipPrimitive.Trigger>
-			</TooltipPrimitive.Root>
-		</TooltipPrimitive.Provider>
-	);
-};
-
-Tooltip.propTypes = {
-	children: PropTypes.object,
-	text: PropTypes.string,
-	tooltipProps: PropTypes.object,
-	trigger: PropTypes.string,
-	width: PropTypes.number,
-};
-
-export { Tooltip };

package/src/system/Tooltip/Tooltip.stories.jsx

@@ -1,22 +0,0 @@
-/**
- * Internal dependencies
- */
-import { Flex, Heading, Tooltip, Text, Link } from '..';
-
-export default {
-	title: 'Tooltip',
-	component: Tooltip,
-};
-
-export const Default = () => (
-	<Flex sx={ { alignItems: 'center' } }>
-		<Heading sx={ { mb: 0, mr: 2 } }>My Section Heading</Heading>
-		<Tooltip>
-			<Text sx={ { fontSize: 1, color: 'text' } }>
-				This is a tooltip that can be used to describe various pieces of functionality.
-				<br />
-				<Link>Find out more &rarr;</Link>
-			</Text>
-		</Tooltip>
-	</Flex>
-);

package/test/fileMock.js

@@ -1 +0,0 @@
-module.exports = {};

package/test/setupAfterEnv.js

@@ -1,13 +0,0 @@
-/**
- * External dependencies
- */
-import 'jest-axe/extend-expect';
-import '@testing-library/jest-dom';
-import React from 'react';
-import ReactDOM from 'react-dom';
-
-if ( process.env.NODE_ENV !== 'production' ) {
-	const axe = require( '@axe-core/react' );
-
-	axe( React, ReactDOM, 1000 );
-}

package/test/setupTests.js

@@ -1,4 +0,0 @@
-/**
- * External dependencies
- */
-import 'regenerator-runtime/runtime';