@automattic/jetpack-components 2.2.0 → 3.0.0

package/components/contextual-upgrade-trigger/README.md

@@ -1,81 +0,0 @@
-# Contextual Upgrade Trigger
-
-The CUT component is designed to push users to upgrade from a Free plan to a Paid one, or from lower tier paid plans to higher ones.
-
-**Design Specs for Contextual Upgrade Trigger:** PbJqbW-5k-p2
-
-[ Storybook Reference ](https://automattic.github.io/jetpack-storybook/?path=/story/js-packages-components-contextual-upgrade-trigger--default)
-
-## Usage
-
-```jsx
-import { ContextualUpgradeTrigger } from '@automattic/jetpack-components';
-
-<ContextualUpgradeTrigger
-	description="Current status of the product"
-	cta="Text action line, recommending the next tier"
-	onClick={ () => ... }
-/>
-```
-
-To use as a link:
-
-```jsx
-import { ContextualUpgradeTrigger } from '@automattic/jetpack-components';
-
-<ContextualUpgradeTrigger
-	description="Current status of the product"
-	cta="Text action line, recommending the next tier"
-	href="https://jetpack.com"
-/>
-```
-
-## Props
-
-### className
-
-A custom class to append with the default ones.
-
-- Type: `String`
-- Default: `undefined`
-- Required: `false`
-
-### description
-
-A text giving context for a user about the current status of the product (i.e., how many updates per day).
-
-- Type: `String`
-- Default: `""`
-- Required: `true`
-
-### cta
-
-Text action line, recommending the next tier
-
-- Type: `String`
-- Default: `""`
-- Required: `true`
-
-### onClick
-
-Callback that will be called when the user click/tap into the CUT
-
-- Type: `Function`
-- Default: `undefined`
-- Required: `false`
-
-### href
-
-URL to link to
-
-- Type: `String`
-- Default: `undefined`
-- Required: `false`
-
-### openInNewTab
-
-Indicate if the link should open in a new tab
-
-- Type: `Boolean`
-- Default: `false`
-- Required: `false`

package/components/contextual-upgrade-trigger/index.tsx

@@ -1,59 +0,0 @@
-import { Icon, arrowRight } from '@wordpress/icons';
-import clsx from 'clsx';
-import IconTooltip from '../icon-tooltip/index.tsx';
-import Text from '../text/index.tsx';
-import styles from './style.module.scss';
-import { CutBaseProps } from './types.ts';
-import type { FC } from 'react';
-
-/**
- * ContextualUpgradeTrigger component.
- *
- * @deprecated Use `Notice` from `@wordpress/ui` instead. Compose with `Notice.Root` (`intent="info"`), `Notice.Description` for the body, and `Notice.Actions` + `Notice.ActionLink` / `Notice.ActionButton` for the CTA. See https://github.com/Automattic/jetpack/issues/48160 for migration guidance.
- *
- * @param      props              - The component properties.
- * @param      props.description  - The body copy describing the upgrade context.
- * @param      props.cta          - The CTA label.
- * @param      props.onClick      - Click handler when rendered as a button.
- * @param      props.href         - When provided, renders as an anchor instead of a button.
- * @param      props.openInNewTab - Whether to open the link in a new tab.
- * @param      props.className    - Optional class for the root element.
- * @param      props.tooltipText  - Optional tooltip body shown next to the description.
- * @return The rendered upgrade trigger.
- */
-const ContextualUpgradeTrigger: FC< CutBaseProps > = ( {
-	description,
-	cta,
-	onClick,
-	href,
-	openInNewTab = false,
-	className,
-	tooltipText = '',
-} ) => {
-	const Tag = href !== undefined ? 'a' : 'button';
-	const tagProps =
-		Tag === 'a' ? { href, ...( openInNewTab && { target: '_blank' } ) } : { onClick };
-
-	return (
-		<div className={ clsx( styles.cut, className ) }>
-			<div>
-				<div>
-					<Text className={ styles.description }>{ description }</Text>
-					{ tooltipText && (
-						<IconTooltip className={ styles.iconContainer } iconSize={ 16 } offset={ 4 }>
-							<Text variant="body-small">{ tooltipText }</Text>
-						</IconTooltip>
-					) }
-				</div>
-				<div>
-					<Tag { ...tagProps }>
-						<Text className={ styles.cta }>{ cta }</Text>
-					</Tag>
-				</div>
-			</div>
-			<Icon icon={ arrowRight } className={ styles.icon } size={ 30 } />
-		</div>
-	);
-};
-
-export default ContextualUpgradeTrigger;

package/components/contextual-upgrade-trigger/style.module.scss

@@ -1,77 +0,0 @@
-.cut {
-	border: 2px solid var(--jp-green-40);
-	border-radius: var(--jp-border-radius);
-	padding: calc(var(--spacing-base) * 2) calc(var(--spacing-base) * 3);
-	display: flex;
-	justify-content: space-between;
-	align-items: center;
-	gap: calc(var(--spacing-base) * 3);
-	text-align: left;
-	background: none;
-	width: 100%;
-	position: relative;
-	color: var(--jp-gray-80);
-
-	button,
-	a {
-		all: unset;
-		color: var(--jp-gray-80);
-		cursor: pointer;
-
-		&::after {
-			content: "";
-			position: absolute;
-			top: 0;
-			left: 0;
-			width: 100%;
-			height: 100%;
-		}
-	}
-
-	&:focus-within {
-		border-color: var(--jp-black);
-	}
-
-	&:focus-within,
-	&:hover {
-
-		.icon {
-			transform: translateX(calc(var(--spacing-base) * 2));
-		}
-
-		.cta {
-			text-decoration: underline;
-			text-decoration-thickness: 2px;
-		}
-	}
-
-	// Overwrite styles in Text component
-	.cta {
-		font-weight: 700;
-	}
-}
-
-.cta {
-	font-weight: 700;
-}
-
-.icon {
-	fill: var(--jp-green-40);
-	transition: transform 0.1s ease-out;
-	pointer-events: none;
-}
-
-.iconContainer {
-	margin: 0 0 0 calc(var(--spacing-base) / 3);
-	display: inline;
-	vertical-align: middle;
-
-	svg {
-		z-index: 10;
-		position: relative;
-	}
-}
-
-.description {
-	display: inline;
-}

package/components/contextual-upgrade-trigger/types.ts

@@ -1,9 +0,0 @@
-export type CutBaseProps = {
-	description: string;
-	cta: string;
-	className?: string;
-	href?: string;
-	openInNewTab?: boolean;
-	onClick?: () => void;
-	tooltipText?: string;
-};

package/components/dialog/index.tsx

@@ -1,70 +0,0 @@
-import { useViewportMatch } from '@wordpress/compose';
-import clsx from 'clsx';
-import Col from '../layout/col/index.tsx';
-import Container from '../layout/container/index.tsx';
-import styles from './style.module.scss';
-import type { ReactNode, FC } from 'react';
-
-type DialogProps = {
-	primary: ReactNode;
-	secondary?: ReactNode;
-	isTwoSections?: boolean;
-	isCard?: boolean;
-	containerProps: object;
-};
-
-/**
- * Dialog component.
- *
- * @param {object}    props                - React component props.
- * @param {ReactNode} props.primary        - Primary-section content.
- * @param {ReactNode} props.secondary      - Secondary-section content.
- * @param {boolean}   props.isTwoSections  - Handle two sections layout when true.
- * @param {object}    props.containerProps - Props to pass to the container component.
- * @return {ReactNode}                 Rendered dialog
- */
-const Dialog: FC< DialogProps > = ( {
-	primary,
-	secondary,
-	isTwoSections = false,
-	...containerProps
-} ) => {
-	const isSmall = useViewportMatch( 'small', '<' );
-	const isLowerThanLarge = useViewportMatch( 'large', '<' );
-
-	/*
-	 * By convention, secondary section is not shown when:
-	 * - layout is a two-sections setup
-	 * - on mobile breakpoint (sm)
-	 */
-	const hideSecondarySection = ! isTwoSections && isSmall;
-
-	const classNames = clsx( {
-		[ styles[ 'one-section-style' ] ]: ! isTwoSections,
-		[ styles[ 'is-viewport-small' ] ]: isSmall,
-	} );
-
-	return (
-		<Container
-			className={ classNames }
-			horizontalSpacing={ 0 }
-			horizontalGap={ 0 }
-			fluid={ false }
-			{ ...containerProps }
-		>
-			{ ! hideSecondarySection && (
-				<>
-					<Col sm={ 4 } md={ isLowerThanLarge ? 4 : 5 } lg={ 7 } className={ styles.primary }>
-						{ primary }
-					</Col>
-					<Col sm={ 4 } md={ isLowerThanLarge ? 4 : 3 } lg={ 5 } className={ styles.secondary }>
-						{ secondary }
-					</Col>
-				</>
-			) }
-			{ hideSecondarySection && <Col>{ primary }</Col> }
-		</Container>
-	);
-};
-
-export default Dialog;

package/components/dialog/style.module.scss

@@ -1,31 +0,0 @@
-.one-section-style {
-	--product-card-shadow: rgb(0 0 0 / 3%);
-	background-color: var(--jp-white);
-	border: 1px solid var(--jp-gray);
-	border-radius: var(--jp-border-radius);
-	box-shadow: 0 2px 6px var(--product-card-shadow), 0 1px 2px var(--product-card-shadow);
-}
-
-.primary,
-.secondary {
-	display: flex;
-}
-
-// Fit images in secondary section.
-.secondary {
-	align-items: center;
-
-	img {
-		// let's fit images
-		object-fit: cover;
-		width: 100%;
-	}
-}
-
-// Viewport breakpoints.
-.is-viewport-small {
-	// Add spacing between primary and secondary in "sm" viewport size
-	.primary {
-		margin-bottom: calc(var(--spacing-base) * 3);
-	}
-}

package/components/jetpack-protect-logo/README.md

@@ -1,20 +0,0 @@
-JetpackProtectLogo
-========
-
-Component that renders the Jetpack Protect SVG logo.
-It consists of the Jetpack symbol followed by the name.
-It takes width and height properties but defaults to 42px in height.
-
-#### How to use:
-
-```js
-<JetpackProtectLogo height={ 48 } className="jp-logo" />
-```
-
-#### Props
-
-* `className`: String - (default: `jetpack-logo`) the class name set on the SVG element.
-* `height`: Number - (default: 42) set the height of the logo.
-* `width`: Number - (optional) set the width of the logo.
-* `showText`: Boolean - (default: true) Whether to show text `Jetpack` after the logo.
-* `logoColor`: String - (default: '#069e08') The color of the logo symbol.

package/components/jetpack-protect-logo/index.tsx

@@ -1,60 +0,0 @@
-import { __ } from '@wordpress/i18n';
-import clsx from 'clsx';
-import { JetpackProtectLogoProps } from './types.ts';
-import type { FC } from 'react';
-
-const JetpackProtectLogo: FC< JetpackProtectLogoProps > = ( {
-	logoColor = '#069e08',
-	showText = true,
-	className,
-	height = 42,
-	...otherProps
-} ) => {
-	const viewBox = showText ? '0 0 245 41' : '0 0 41 41';
-
-	return (
-		<svg
-			xmlns="http://www.w3.org/2000/svg"
-			x="0px"
-			y="0px"
-			viewBox={ viewBox }
-			className={ clsx( 'jetpack-logo', className ) }
-			aria-labelledby="jetpack-logo-title"
-			height={ height }
-			{ ...otherProps }
-			// role="img" is required to prevent VoiceOver on Safari reading the content of the SVG
-			role="img"
-		>
-			<title id="jetpack-logo-title">{ __( 'Jetpack Protect Logo', 'jetpack-components' ) }</title>
-
-			<path
-				d="M20.1063 40.2111C31.2106 40.2111 40.2126 31.2091 40.2126 20.1048C40.2126 9.00048 31.2106 0 20.1063 0C9.00197 0 0 9.00197 0 20.1063C0 31.2106 9.00197 40.2111 20.1063 40.2111Z"
-				fill={ logoColor }
-			/>
-			<path d="M21.104 16.7295V36.2209L31.1571 16.7295H21.104Z" fill="white" />
-			<path d="M19.0701 23.4444V3.99023L9.05566 23.4444H19.0701Z" fill="white" />
-
-			{ showText && (
-				<>
-					<path d="M159.347 27.3605H156.978V7.9082H162.371C163.176 7.9082 163.917 7.95666 164.596 8.05359C165.284 8.15051 165.914 8.30074 166.486 8.50428C167.649 8.92104 168.531 9.54619 169.132 10.3797C169.733 11.2036 170.033 12.2213 170.033 13.4328C170.033 14.4214 169.834 15.2937 169.437 16.0497C169.049 16.796 168.482 17.4211 167.736 17.9251C166.99 18.4291 166.079 18.812 165.003 19.0737C163.937 19.3257 162.725 19.4517 161.368 19.4517C160.719 19.4517 160.045 19.4226 159.347 19.3644V27.3605ZM159.347 17.1982C159.667 17.237 160.002 17.2661 160.35 17.2854C160.699 17.3048 161.029 17.3145 161.339 17.3145C162.454 17.3145 163.403 17.2273 164.189 17.0528C164.974 16.8784 165.613 16.6264 166.108 16.2968C166.602 15.9576 166.961 15.5505 167.183 15.0756C167.406 14.591 167.518 14.0434 167.518 13.4328C167.518 12.6768 167.334 12.0565 166.965 11.5719C166.607 11.0873 166.093 10.719 165.424 10.467C165.008 10.3119 164.528 10.2053 163.985 10.1471C163.442 10.0793 162.812 10.0453 162.095 10.0453H159.347V17.1982Z" />
-					<path d="M181.093 15.3809H180.919C180.386 15.3809 179.862 15.4294 179.349 15.5263C178.835 15.6232 178.35 15.7735 177.895 15.977C177.449 16.1708 177.042 16.4131 176.674 16.7039C176.315 16.9947 176.014 17.3388 175.772 17.7361V27.3605H173.519V13.5491H175.263L175.699 15.7444H175.743C175.966 15.3858 176.237 15.0514 176.557 14.7412C176.887 14.4311 177.255 14.1597 177.662 13.9271C178.069 13.6945 178.515 13.5152 179 13.3892C179.484 13.2535 179.993 13.1856 180.526 13.1856C180.623 13.1856 180.72 13.1905 180.817 13.2002C180.924 13.2002 181.016 13.205 181.093 13.2147V15.3809Z" />
-					<path d="M193.302 20.4694C193.302 19.6164 193.195 18.8604 192.982 18.2014C192.779 17.5326 192.488 16.9705 192.11 16.5149C191.741 16.0497 191.3 15.7008 190.787 15.4682C190.273 15.2258 189.711 15.1047 189.1 15.1047C188.49 15.1047 187.928 15.2258 187.414 15.4682C186.9 15.7008 186.454 16.0497 186.076 16.5149C185.708 16.9705 185.417 17.5326 185.204 18.2014C185.001 18.8604 184.899 19.6164 184.899 20.4694C184.899 21.3126 185.001 22.0686 185.204 22.7373C185.417 23.3964 185.713 23.9537 186.091 24.4092C186.469 24.8648 186.915 25.2137 187.428 25.456C187.942 25.6886 188.504 25.8049 189.115 25.8049C189.725 25.8049 190.283 25.6886 190.787 25.456C191.3 25.2137 191.741 24.8648 192.11 24.4092C192.488 23.9537 192.779 23.3964 192.982 22.7373C193.195 22.0686 193.302 21.3126 193.302 20.4694ZM195.657 20.4694C195.657 21.5549 195.502 22.5435 195.192 23.4352C194.882 24.3269 194.441 25.0926 193.869 25.7322C193.307 26.3622 192.623 26.8517 191.819 27.2006C191.015 27.5495 190.113 27.724 189.115 27.724C188.088 27.724 187.167 27.5495 186.353 27.2006C185.548 26.8517 184.86 26.3622 184.288 25.7322C183.726 25.0926 183.295 24.3269 182.994 23.4352C182.694 22.5435 182.544 21.5549 182.544 20.4694C182.544 19.3741 182.699 18.3807 183.009 17.489C183.319 16.5973 183.755 15.8316 184.317 15.1919C184.889 14.5522 185.577 14.0579 186.382 13.709C187.196 13.3601 188.102 13.1856 189.1 13.1856C190.118 13.1856 191.034 13.3601 191.848 13.709C192.662 14.0579 193.35 14.5522 193.913 15.1919C194.475 15.8316 194.906 16.5973 195.206 17.489C195.507 18.3807 195.657 19.3741 195.657 20.4694Z" />
-					<path d="M206.354 27.3896C206.16 27.4672 205.864 27.5398 205.467 27.6077C205.07 27.6755 204.595 27.7143 204.042 27.724C203.315 27.724 202.685 27.6319 202.152 27.4478C201.619 27.2733 201.173 27.0213 200.815 26.6918C200.466 26.3525 200.204 25.9455 200.03 25.4705C199.855 24.9956 199.768 24.4674 199.768 23.8859V15.4827H197.107V13.5491H199.768V9.76911H202.021V13.5491H206.15V15.4827H202.021V23.5369C202.021 23.8568 202.065 24.1524 202.152 24.4238C202.249 24.6952 202.395 24.9326 202.588 25.1362C202.792 25.33 203.049 25.4851 203.359 25.6014C203.669 25.708 204.042 25.7613 204.478 25.7613C204.779 25.7613 205.094 25.7371 205.423 25.6886C205.763 25.6402 206.073 25.5772 206.354 25.4996V27.3896Z" />
-					<path d="M214.681 15.1192C214.167 15.1192 213.687 15.221 213.242 15.4245C212.805 15.6281 212.423 15.9043 212.093 16.2532C211.764 16.6021 211.497 17.0141 211.293 17.489C211.09 17.9542 210.964 18.4534 210.915 18.9864H217.894C217.894 18.4437 217.821 17.9397 217.676 17.4744C217.54 16.9995 217.337 16.5876 217.065 16.2387C216.794 15.8898 216.459 15.6184 216.062 15.4245C215.665 15.221 215.204 15.1192 214.681 15.1192ZM215.917 25.7613C216.663 25.7613 217.341 25.7032 217.952 25.5869C218.572 25.4609 219.188 25.2864 219.798 25.0635V26.9389C219.304 27.1812 218.693 27.3702 217.967 27.5059C217.24 27.6513 216.459 27.724 215.626 27.724C214.637 27.724 213.707 27.598 212.835 27.346C211.972 27.094 211.216 26.6869 210.567 26.1248C209.917 25.5626 209.403 24.8309 209.025 23.9295C208.657 23.0184 208.473 21.9232 208.473 20.6438C208.473 19.3838 208.647 18.2934 208.996 17.3727C209.345 16.4422 209.811 15.6668 210.392 15.0465C210.974 14.4262 211.642 13.961 212.398 13.6509C213.154 13.3407 213.944 13.1856 214.768 13.1856C215.544 13.1856 216.266 13.3165 216.934 13.5782C217.613 13.8302 218.199 14.2324 218.693 14.7849C219.188 15.3373 219.575 16.0497 219.857 16.922C220.147 17.7943 220.293 18.8411 220.293 20.0623C220.293 20.1786 220.293 20.2804 220.293 20.3676C220.293 20.4451 220.288 20.6293 220.278 20.92H210.799C210.799 21.802 210.93 22.5532 211.192 23.1735C211.463 23.7841 211.827 24.2832 212.282 24.6709C212.747 25.0489 213.29 25.3252 213.91 25.4996C214.531 25.6741 215.199 25.7613 215.917 25.7613Z" />
-					<path d="M229.885 13.1856C230.553 13.1856 231.193 13.2583 231.804 13.4037C232.414 13.5394 232.938 13.7332 233.374 13.9852V15.8607C232.763 15.6281 232.201 15.4536 231.687 15.3373C231.174 15.221 230.65 15.1628 230.117 15.1628C229.555 15.1628 228.998 15.2549 228.445 15.4391C227.893 15.6232 227.398 15.9285 226.962 16.355C226.526 16.7718 226.172 17.3291 225.901 18.0269C225.639 18.7151 225.508 19.5728 225.508 20.6002C225.508 21.3465 225.605 22.0346 225.799 22.6646C226.003 23.2946 226.298 23.8423 226.686 24.3075C227.083 24.763 227.578 25.1216 228.169 25.3833C228.76 25.6353 229.444 25.7613 230.219 25.7613C230.781 25.7613 231.348 25.7032 231.92 25.5869C232.492 25.4609 233.049 25.2864 233.592 25.0635V26.9389C233.427 27.0358 233.209 27.1328 232.938 27.2297C232.676 27.3266 232.385 27.409 232.065 27.4768C231.745 27.5544 231.406 27.6125 231.048 27.6513C230.689 27.6998 230.33 27.724 229.972 27.724C229.041 27.724 228.159 27.5835 227.326 27.3024C226.502 27.0213 225.78 26.59 225.16 26.0085C224.539 25.4269 224.05 24.6903 223.691 23.7986C223.333 22.907 223.153 21.8505 223.153 20.6293C223.153 19.7182 223.245 18.8992 223.429 18.1723C223.623 17.4454 223.885 16.8057 224.215 16.2532C224.544 15.7008 224.927 15.2307 225.363 14.843C225.809 14.4553 226.279 14.1403 226.773 13.898C227.277 13.646 227.796 13.4667 228.329 13.3601C228.862 13.2438 229.381 13.1856 229.885 13.1856Z" />
-					<path d="M244.143 27.3896C243.949 27.4672 243.654 27.5398 243.256 27.6077C242.859 27.6755 242.384 27.7143 241.832 27.724C241.105 27.724 240.475 27.6319 239.942 27.4478C239.409 27.2733 238.963 27.0213 238.604 26.6918C238.255 26.3525 237.993 25.9455 237.819 25.4705C237.645 24.9956 237.557 24.4674 237.557 23.8859V15.4827H234.897V13.5491H237.557V9.76911H239.811V13.5491H243.94V15.4827H239.811V23.5369C239.811 23.8568 239.854 24.1524 239.942 24.4238C240.039 24.6952 240.184 24.9326 240.378 25.1362C240.581 25.33 240.838 25.4851 241.148 25.6014C241.458 25.708 241.832 25.7613 242.268 25.7613C242.568 25.7613 242.883 25.7371 243.213 25.6886C243.552 25.6402 243.862 25.5772 244.143 25.4996V27.3896Z" />
-
-					<path d="M51.9141 33.3819C51.3379 32.499 50.8019 31.6176 50.2644 30.7733C53.1038 29.0462 54.0626 27.666 54.0626 25.0559V9.97619H50.7245V7.09961H57.8236V24.2891C57.8236 28.6635 56.558 31.1188 51.9141 33.3819Z" />
-					<path d="M81.6522 23.0994C81.6522 24.557 82.6885 24.7104 83.3793 24.7104C84.0702 24.7104 85.0677 24.4796 85.8345 24.2503V26.9363C84.7595 27.2817 83.6473 27.5497 82.1122 27.5497C80.2705 27.5497 78.122 26.8589 78.122 23.6354V15.7307H76.1655V13.006H78.122V8.97852H81.6522V13.0075H86.1025V15.7322H81.6522V23.0994Z" />
-					<path d="M89.0193 34.7251V12.9691H92.3961V14.2734C93.7391 13.2371 95.2355 12.585 97.0773 12.585C100.262 12.585 102.795 14.8109 102.795 19.6067C102.795 24.3652 100.033 27.5113 95.4663 27.5113C94.3541 27.5113 93.4711 27.358 92.5495 27.1659V34.6864H89.0193V34.7251ZM96.1557 15.5017C95.1194 15.5017 93.8151 16.0005 92.5867 17.0755V24.4814C93.3535 24.6347 94.1605 24.7494 95.234 24.7494C97.7279 24.7494 99.1484 23.1756 99.1484 19.8762C99.1484 16.8447 98.1121 15.5017 96.1557 15.5017Z" />
-					<path d="M116.683 27.2051H113.384V25.6313H113.306C112.155 26.5142 110.735 27.4731 108.625 27.4731C106.783 27.4731 104.788 26.1301 104.788 23.4054C104.788 19.7605 107.896 19.0696 110.083 18.7629L113.19 18.3416V17.9202C113.19 16.001 112.423 15.3876 110.619 15.3876C109.736 15.3876 107.665 15.6556 105.976 16.3464L105.67 13.5071C107.205 12.9696 109.315 12.5869 111.08 12.5869C114.533 12.5869 116.759 13.9686 116.759 18.0736V27.2051H116.683ZM113.153 20.5675L110.236 21.0276C109.353 21.1422 108.433 21.6797 108.433 22.984C108.433 24.1349 109.085 24.7871 110.044 24.7871C111.08 24.7871 112.193 24.1736 113.152 23.4828V20.5675H113.153Z" />
-					<path d="M131.264 26.745C129.806 27.2438 128.502 27.5505 126.851 27.5505C121.556 27.5505 119.445 24.5191 119.445 20.1074C119.445 15.465 122.362 12.5869 127.08 12.5869C128.845 12.5869 129.92 12.8936 131.109 13.2778V16.2705C130.073 15.8863 128.577 15.465 127.119 15.465C124.97 15.465 123.129 16.6159 123.129 19.9153C123.129 23.5602 124.97 24.6739 127.311 24.6739C128.423 24.6739 129.652 24.4431 131.301 23.791V26.745H131.264Z" />
-					<path d="M137.941 19.1093C138.247 18.7639 138.478 18.4185 142.928 13.0077H147.532L141.776 19.7615L148.068 27.2432H143.464L137.978 20.4895V27.2432H134.449V7.09973H137.979V19.1093H137.941Z" />
-					<path d="M73.5167 26.7445C71.6749 27.3207 70.1011 27.55 68.2593 27.55C63.7316 27.55 60.9309 25.2869 60.9309 19.9908C60.9309 16.1152 63.3102 12.585 67.8752 12.585C72.403 12.585 73.9768 15.731 73.9768 18.7238C73.9768 19.7213 73.8993 20.2588 73.8621 20.8335H64.7306C64.808 23.9409 66.5724 24.6705 69.2197 24.6705C70.6773 24.6705 71.9816 24.325 73.4795 23.7875V26.7416H73.5167V26.7445ZM70.2947 18.4945C70.2947 16.7673 69.7185 15.271 67.8395 15.271C66.0751 15.271 65.0001 16.5365 64.7693 18.4945H70.2947Z" />
-				</>
-			) }
-		</svg>
-	);
-};
-
-export default JetpackProtectLogo;

package/components/jetpack-protect-logo/types.ts

@@ -1,7 +0,0 @@
-export type JetpackProtectLogoProps = {
-	className?: string;
-	width?: number;
-	height?: number;
-	showText?: boolean;
-	logoColor?: string;
-};

package/components/jetpack-search-logo/README.md

@@ -1,20 +0,0 @@
-JetpackSearchLogo
-========
-
-Component that renders the Jetpack SVG logo.
-It consists of the Jetpack symbol followed by the name.
-It takes width and height properties but defaults to 42px in height.
-
-#### How to use:
-
-```js
-<JetpackSearchLogo className="jp-logo" />
-```
-
-#### Props
-
-* `className`: String - (default: `jetpack-logo`) the class name set on the SVG element.
-* `height`: Number - (default: 42) set the height of the logo.
-* `width`: Number - (default: 330) set the width of the logo.
-* `showText`: Boolean - (default: true) Whether to show plugin name `Search` after the logo.
-* `logoColor`: String - (default: '#069e08') The color of the logo symbol.

package/components/jetpack-search-logo/index.tsx

@@ -1,93 +0,0 @@
-import { __ } from '@wordpress/i18n';
-import clsx from 'clsx';
-import { JetpackSearchLogoProps } from './types.ts';
-import type { FC } from 'react';
-
-const JetpackSearchLogo: FC< JetpackSearchLogoProps > = ( {
-	logoColor = '#069e08',
-	showText = true,
-	className,
-	height = 42,
-	width = 330,
-	...otherProps
-} ) => {
-	return (
-		<svg
-			width={ width }
-			height={ height }
-			xmlns="http://www.w3.org/2000/svg"
-			x="0px"
-			y="0px"
-			viewBox="0 0 330 42"
-			className={ clsx( 'jetpack-logo', className ) }
-			aria-labelledby="jetpack-logo-title"
-			{ ...otherProps }
-		>
-			<desc id="jetpack-logo-title">{ __( 'Jetpack Search Logo', 'jetpack-components' ) }</desc>
-			{ showText && (
-				<>
-					<path
-						d="M165.947 13.2919C165.947 13.9029 166.071 14.4103 166.319 14.8142C166.568 15.2078 166.899 15.534 167.314 15.7929C167.738 16.0518 168.225 16.2641 168.774 16.4298C169.333 16.5955 169.913 16.7508 170.514 16.8958C171.322 17.0926 172.114 17.3101 172.89 17.5483C173.678 17.7865 174.377 18.1179 174.988 18.5425C175.599 18.9567 176.091 19.5004 176.463 20.1736C176.847 20.8467 177.038 21.7115 177.038 22.7678C177.038 23.8449 176.836 24.7769 176.432 25.564C176.039 26.3407 175.485 26.9828 174.77 27.4902C174.066 27.9873 173.222 28.355 172.238 28.5932C171.254 28.8417 170.177 28.966 169.007 28.966C168.468 28.966 167.914 28.9298 167.345 28.8573C166.785 28.7951 166.247 28.7071 165.729 28.5932C165.222 28.4793 164.761 28.3498 164.347 28.2048C163.932 28.0598 163.606 27.9148 163.368 27.7699V25.4552C163.741 25.6417 164.16 25.8125 164.626 25.9679C165.092 26.1232 165.574 26.2579 166.071 26.3718C166.568 26.4753 167.07 26.5582 167.578 26.6203C168.085 26.6825 168.562 26.7135 169.007 26.7135C169.732 26.7135 170.421 26.6514 171.073 26.5271C171.736 26.4028 172.316 26.1957 172.813 25.9057C173.31 25.6158 173.703 25.2222 173.993 24.7251C174.283 24.2177 174.428 23.5859 174.428 22.8299C174.428 22.2086 174.299 21.6959 174.04 21.292C173.791 20.8881 173.455 20.5567 173.03 20.2978C172.606 20.0286 172.114 19.8111 171.555 19.6454C171.006 19.4797 170.426 19.3244 169.815 19.1794C169.007 18.993 168.215 18.7858 167.438 18.558C166.672 18.3198 165.983 17.9936 165.372 17.5793C164.771 17.1651 164.284 16.6317 163.912 15.9793C163.549 15.3269 163.368 14.4932 163.368 13.4783C163.368 12.4219 163.554 11.5158 163.927 10.7598C164.3 9.9934 164.807 9.36167 165.45 8.86457C166.092 8.36747 166.842 7.99983 167.702 7.76163C168.562 7.52344 169.478 7.40434 170.452 7.40434C171.56 7.40434 172.59 7.51308 173.543 7.73056C174.506 7.93769 175.386 8.21213 176.184 8.55388V10.8996C175.324 10.5371 174.434 10.2419 173.512 10.0141C172.6 9.78627 171.622 9.66718 170.576 9.65682C169.789 9.65682 169.105 9.74485 168.525 9.92091C167.945 10.0866 167.464 10.33 167.081 10.651C166.697 10.9617 166.413 11.3449 166.226 11.8006C166.04 12.2459 165.947 12.743 165.947 13.2919Z"
-						fill="black"
-					/>
-					<path
-						d="M186.565 15.4977C186.016 15.4977 185.504 15.6065 185.027 15.824C184.561 16.0414 184.152 16.3366 183.8 16.7094C183.448 17.0822 183.163 17.5224 182.946 18.0298C182.728 18.5269 182.593 19.0603 182.542 19.6299H189.998C189.998 19.0499 189.92 18.5114 189.765 18.0143C189.62 17.5068 189.403 17.0667 189.113 16.6939C188.823 16.3211 188.465 16.0311 188.041 15.824C187.616 15.6065 187.124 15.4977 186.565 15.4977ZM187.885 26.8689C188.683 26.8689 189.408 26.8067 190.06 26.6825C190.723 26.5478 191.381 26.3614 192.033 26.1232V28.1271C191.505 28.3861 190.853 28.588 190.076 28.733C189.299 28.8883 188.465 28.966 187.575 28.966C186.518 28.966 185.524 28.8314 184.592 28.5621C183.67 28.2928 182.863 27.8579 182.169 27.2572C181.475 26.6566 180.926 25.8747 180.522 24.9115C180.129 23.9381 179.932 22.7678 179.932 21.4008C179.932 20.0545 180.118 18.8894 180.491 17.9056C180.864 16.9114 181.361 16.0829 181.982 15.4201C182.604 14.7573 183.318 14.2602 184.126 13.9288C184.934 13.5974 185.778 13.4317 186.658 13.4317C187.487 13.4317 188.258 13.5715 188.973 13.8511C189.698 14.1204 190.324 14.5501 190.853 15.1404C191.381 15.7307 191.795 16.4919 192.095 17.424C192.406 18.3561 192.561 19.4745 192.561 20.7794C192.561 20.9037 192.561 21.0124 192.561 21.1056C192.561 21.1885 192.556 21.3852 192.546 21.6959H182.417C182.417 22.6384 182.557 23.441 182.837 24.1038C183.127 24.7562 183.515 25.2895 184.002 25.7038C184.499 26.1077 185.079 26.4028 185.742 26.5893C186.405 26.7757 187.119 26.8689 187.885 26.8689Z"
-						fill="black"
-					/>
-					<path
-						d="M204.791 26.9465H204.729C204.532 27.1951 204.284 27.4436 203.983 27.6922C203.683 27.9304 203.336 28.1479 202.943 28.3446C202.549 28.531 202.119 28.6812 201.653 28.7951C201.187 28.909 200.69 28.966 200.162 28.966C199.447 28.966 198.79 28.8573 198.189 28.6398C197.599 28.4327 197.086 28.1271 196.651 27.7233C196.227 27.309 195.895 26.8067 195.657 26.2164C195.419 25.6261 195.3 24.9581 195.3 24.2125C195.3 23.4772 195.429 22.8196 195.688 22.2396C195.957 21.6597 196.33 21.1678 196.807 20.7639C197.283 20.36 197.852 20.0493 198.515 19.8318C199.188 19.6143 199.929 19.5056 200.737 19.5056C201.503 19.5159 202.212 19.5833 202.865 19.7075C203.517 19.8318 204.097 19.9872 204.605 20.1736H204.667V19.1483C204.667 18.7444 204.641 18.3871 204.589 18.0764C204.537 17.7657 204.449 17.4913 204.325 17.2531C204.056 16.756 203.626 16.3469 203.036 16.0259C202.445 15.6945 201.648 15.5288 200.643 15.5288C199.898 15.5288 199.194 15.6013 198.531 15.7463C197.878 15.8809 197.226 16.0725 196.573 16.3211V14.3016C196.822 14.1773 197.112 14.0634 197.443 13.9598C197.785 13.8459 198.142 13.7527 198.515 13.6802C198.888 13.5974 199.282 13.5352 199.696 13.4938C200.11 13.4524 200.524 13.4317 200.939 13.4317C202.43 13.4317 203.647 13.6957 204.589 14.2239C205.542 14.7521 206.225 15.4511 206.64 16.3211C206.795 16.6525 206.904 17.0201 206.966 17.424C207.038 17.8175 207.075 18.2525 207.075 18.7289V28.5776H205.055L204.791 26.9465ZM204.667 22.0998C204.222 21.9756 203.693 21.8565 203.082 21.7425C202.471 21.6286 201.798 21.5665 201.063 21.5561C200.038 21.5561 199.235 21.7736 198.655 22.2086C198.075 22.6435 197.785 23.3115 197.785 24.2125C197.785 24.6682 197.858 25.0669 198.003 25.4086C198.148 25.7504 198.344 26.0352 198.593 26.263C198.852 26.4805 199.152 26.6462 199.494 26.7601C199.846 26.8637 200.219 26.9155 200.612 26.9155C201.13 26.9155 201.612 26.843 202.057 26.698C202.502 26.5426 202.896 26.3614 203.238 26.1543C203.59 25.9472 203.885 25.74 204.123 25.5329C204.372 25.3258 204.553 25.1653 204.667 25.0514V22.0998Z"
-						fill="black"
-					/>
-					<path
-						d="M219.367 15.7774H219.18C218.611 15.7774 218.051 15.8291 217.503 15.9327C216.954 16.0363 216.436 16.1968 215.949 16.4143C215.473 16.6214 215.038 16.8803 214.644 17.191C214.261 17.5017 213.94 17.8693 213.681 18.2939V28.5776H211.273V13.82H213.137L213.603 16.1657H213.65C213.888 15.7825 214.178 15.4252 214.52 15.0938C214.872 14.7624 215.266 14.4725 215.701 14.2239C216.136 13.9754 216.612 13.7838 217.13 13.6491C217.648 13.5042 218.191 13.4317 218.761 13.4317C218.864 13.4317 218.968 13.4368 219.072 13.4472C219.185 13.4472 219.284 13.4524 219.367 13.4627V15.7774Z"
-						fill="black"
-					/>
-					<path
-						d="M227.791 13.4317C228.505 13.4317 229.189 13.5093 229.841 13.6647C230.494 13.8097 231.053 14.0168 231.519 14.2861V16.29C230.866 16.0414 230.266 15.855 229.717 15.7307C229.168 15.6065 228.609 15.5443 228.039 15.5443C227.439 15.5443 226.843 15.6427 226.253 15.8395C225.662 16.0363 225.134 16.3625 224.668 16.8182C224.202 17.2635 223.824 17.859 223.534 18.6046C223.255 19.3399 223.115 20.2564 223.115 21.3542C223.115 22.1516 223.218 22.8869 223.426 23.5601C223.643 24.2332 223.959 24.8183 224.373 25.3154C224.798 25.8022 225.326 26.1854 225.958 26.465C226.589 26.7342 227.319 26.8689 228.148 26.8689C228.749 26.8689 229.354 26.8067 229.965 26.6825C230.577 26.5478 231.172 26.3614 231.752 26.1232V28.1271C231.576 28.2307 231.343 28.3343 231.053 28.4378C230.773 28.5414 230.463 28.6294 230.121 28.7019C229.779 28.7848 229.417 28.8469 229.033 28.8883C228.65 28.9401 228.267 28.966 227.884 28.966C226.89 28.966 225.947 28.8158 225.057 28.5155C224.176 28.2152 223.405 27.7543 222.742 27.133C222.079 26.5116 221.556 25.7245 221.173 24.7717C220.79 23.819 220.598 22.6901 220.598 21.3852C220.598 20.4118 220.697 19.5367 220.893 18.7599C221.101 17.9832 221.38 17.2997 221.732 16.7094C222.084 16.1191 222.493 15.6168 222.96 15.2026C223.436 14.7883 223.938 14.4518 224.466 14.1928C225.005 13.9236 225.559 13.732 226.129 13.6181C226.698 13.4938 227.252 13.4317 227.791 13.4317Z"
-						fill="black"
-					/>
-					<path
-						d="M237.488 15.8395H237.535C237.804 15.4977 238.105 15.1819 238.436 14.8919C238.767 14.5916 239.135 14.3378 239.539 14.1307C239.943 13.9132 240.378 13.7424 240.844 13.6181C241.31 13.4938 241.812 13.4317 242.351 13.4317C242.91 13.4317 243.469 13.5093 244.028 13.6647C244.588 13.8097 245.105 14.0738 245.582 14.4569C246.058 14.8401 246.447 15.3735 246.747 16.057C247.047 16.7405 247.197 17.6208 247.197 18.6978V28.5776H244.79V19.0862C244.79 17.8952 244.562 16.9994 244.106 16.3987C243.661 15.7981 242.925 15.4977 241.9 15.4977C241.051 15.4977 240.243 15.7307 239.477 16.1968C238.71 16.6525 238.048 17.2842 237.488 18.092V28.5776H235.081V6.08392H237.488V15.8395Z"
-						fill="black"
-					/>
-				</>
-			) }
-			<path
-				d="M21.0008 42C32.5991 42 42.0016 32.5975 42.0016 20.9992C42.0016 9.40089 32.5991 0 21.0008 0C9.40245 0 0 9.40245 0 21.0008C0 32.5991 9.40245 42 21.0008 42Z"
-				fill={ logoColor }
-			/>
-			<path d="M22.0427 17.4737V37.8322L32.5431 17.4737H22.0427V17.4737Z" fill="white" />
-			<path d="M19.9185 24.4874V4.16779L9.4585 24.4874H19.9185Z" fill="white" />
-			<path
-				d="M54.2236 34.8665C53.6218 33.9443 53.0619 33.0237 52.5005 32.1419C55.4662 30.3379 56.4677 28.8963 56.4677 26.1701V10.4195H52.981V7.41498H60.396V25.3692C60.396 29.9383 59.0741 32.5027 54.2236 34.8665Z"
-				fill="black"
-			/>
-			<path
-				d="M85.2846 24.1266C85.2846 25.6491 86.367 25.8093 87.0885 25.8093C87.8101 25.8093 88.8521 25.5683 89.653 25.3288V28.1343C88.5302 28.4951 87.3685 28.775 85.7651 28.775C83.8414 28.775 81.5973 28.0534 81.5973 24.6865V16.4302H79.5538V13.5843H81.5973V9.37756H85.2846V13.5858H89.9329V16.4317H85.2846V24.1266Z"
-				fill="black"
-			/>
-			<path
-				d="M92.9795 36.2693V13.5454H96.5066V14.9077C97.9093 13.8253 99.4723 13.1442 101.396 13.1442C104.722 13.1442 107.368 15.4691 107.368 20.4783C107.368 25.4485 104.483 28.7346 99.7133 28.7346C98.5516 28.7346 97.6294 28.5744 96.6668 28.3738V36.2288H92.9795V36.2693V36.2693ZM100.433 16.1907C99.351 16.1907 97.9886 16.7117 96.7056 17.8345V25.5698C97.5065 25.73 98.3494 25.8498 99.4707 25.8498C102.076 25.8498 103.559 24.206 103.559 20.7597C103.559 17.5935 102.477 16.1907 100.433 16.1907Z"
-				fill="black"
-			/>
-			<path
-				d="M121.874 28.4142H118.428V26.7704H118.347C117.145 27.6926 115.661 28.6941 113.458 28.6941C111.534 28.6941 109.45 27.2914 109.45 24.4454C109.45 20.6384 112.696 19.9168 114.98 19.5965L118.226 19.1564V18.7162C118.226 16.7117 117.425 16.0709 115.54 16.0709C114.618 16.0709 112.455 16.3509 110.691 17.0725L110.371 14.1068C111.974 13.5454 114.178 13.1457 116.022 13.1457C119.629 13.1457 121.954 14.5889 121.954 18.8764V28.4142H121.874V28.4142ZM118.187 21.4813L115.14 21.9619C114.218 22.0816 113.257 22.643 113.257 24.0053C113.257 25.2075 113.938 25.8886 114.94 25.8886C116.022 25.8886 117.184 25.2479 118.185 24.5263V21.4813H118.187Z"
-				fill="black"
-			/>
-			<path
-				d="M137.104 27.9336C135.581 28.4546 134.219 28.775 132.494 28.775C126.964 28.775 124.759 25.6087 124.759 21.0008C124.759 16.1518 127.805 13.1457 132.734 13.1457C134.577 13.1457 135.699 13.4661 136.942 13.8673V16.9931C135.86 16.5919 134.297 16.1518 132.774 16.1518C130.53 16.1518 128.606 17.3539 128.606 20.8002C128.606 24.6072 130.53 25.7704 132.975 25.7704C134.136 25.7704 135.419 25.5294 137.143 24.8482V27.9336H137.104Z"
-				fill="black"
-			/>
-			<path
-				d="M144.077 19.9588C144.398 19.598 144.639 19.2372 149.287 13.5858H154.096L148.083 20.64L154.655 28.4546H149.847L144.116 21.4005V28.4546H140.43V7.41498H144.118V19.9588H144.077Z"
-				fill="black"
-			/>
-			<path
-				d="M76.7873 27.9337C74.8636 28.5355 73.2198 28.775 71.2961 28.775C66.5668 28.775 63.6416 26.4112 63.6416 20.8795C63.6416 16.8314 66.1267 13.1442 70.8948 13.1442C75.6241 13.1442 77.2678 16.4302 77.2678 19.5561C77.2678 20.598 77.187 21.1594 77.1481 21.7597H67.6103C67.6912 25.0053 69.5341 25.7673 72.2991 25.7673C73.8216 25.7673 75.1839 25.4065 76.7484 24.8451V27.9306H76.7873V27.9337ZM73.422 19.3166C73.422 17.5126 72.8201 15.9497 70.8575 15.9497C69.0147 15.9497 67.8918 17.2715 67.6508 19.3166H73.422V19.3166Z"
-				fill="black"
-			/>
-		</svg>
-	);
-};
-
-export default JetpackSearchLogo;

package/components/jetpack-search-logo/types.ts

@@ -1,7 +0,0 @@
-export type JetpackSearchLogoProps = {
-	className?: string;
-	width?: number;
-	height?: number;
-	showText?: boolean;
-	logoColor?: string;
-};

package/components/jetpack-videopress-logo/README.md

@@ -1,19 +0,0 @@
-JetpackVideoPressLogo
-========
-
-Component that renders the Jetpack VideoPress SVG logo.
-It consists of the Jetpack symbol followed by the name.
-It takes width and height properties but defaults to 32px in height.
-
-#### How to use:
-
-```js
-<JetpackVideoPressLogo height={ 48 } className="jp-logo" />
-```
-
-#### Props
-
-* `className`: String - (default: `jetpack-videopress-logo`) the class name set on the SVG element.
-* `height`: Number - (default: 32) set the height of the logo.
-* `width`: Number - (optional) set the width of the logo.
-* `showText`: Boolean - (default: true) Whether to show text `VideoPress` after the logo.