@automattic/jetpack-components 2.3.0 → 3.0.1

package/CHANGELOG.md

@@ -2,6 +2,21 @@
 
 ### This is a list detailing changes for the Jetpack RNA Components package releases.
 
+## [3.0.1] - 2026-09-09
+### Changed
+- Update dependencies.
+
+## [3.0.0] - 2026-09-08
+### Changed
+- Update package dependencies. [#51701]
+
+### Removed
+- Remove the deprecated Chip component in favor of Badge from @wordpress/ui. [#51927]
+- Remove unused components. [#51976]
+
+### Fixed
+- Admin page: Fix the page overlapping the admin menu in right-to-left languages. [#51963]
+
 ## [2.3.0] - 2026-09-01
 ### Added
 - Upsell Banner: Add an optional dismiss button. [#51441]
@@ -1912,6 +1927,8 @@
 ### Changed
 - Update node version requirement to 14.16.1
 
+[3.0.1]: https://github.com/Automattic/jetpack-components/compare/3.0.0...3.0.1
+[3.0.0]: https://github.com/Automattic/jetpack-components/compare/2.3.0...3.0.0
 [2.3.0]: https://github.com/Automattic/jetpack-components/compare/2.2.0...2.3.0
 [2.2.0]: https://github.com/Automattic/jetpack-components/compare/2.1.1...2.2.0
 [2.1.1]: https://github.com/Automattic/jetpack-components/compare/2.1.0...2.1.1

package/build/components/admin-page/style.module.scss

@@ -1,8 +1,8 @@
 .admin-page {
-	margin-left: -20px; // to neutralize the padding of #wpcontent.
+	margin-inline-start: -20px; // to neutralize the padding of #wpcontent.
 
 	@media (max-width: 782px) {
-		margin-left: -10px; // to neutralize the padding of #wpcontent.
+		margin-inline-start: -10px; // to neutralize the padding of #wpcontent.
 	}
 
 	&.background {
@@ -104,7 +104,7 @@
 	// line-height: 1.6666;` — see https://github.com/WordPress/WordPress/blob/trunk/wp-content/plugins/hello.php
 	// We override only the bits that need to differ from those defaults.
 	float: none;
-	text-align: right;
+	text-align: end;
 	background: var(--wpds-color-background-surface-neutral-strong, #fff);
 	font-style: italic;
 	color: var(--wpds-color-foreground-content-neutral-weak, #87a6bc);

package/build/index.d.ts

@@ -1,8 +1,5 @@
 export { default as JetpackLogo } from './components/jetpack-logo/index.tsx';
-export { default as JetpackSearchLogo } from './components/jetpack-search-logo/index.tsx';
-export { default as JetpackProtectLogo } from './components/jetpack-protect-logo/index.tsx';
 export { default as JetpackVaultPressBackupLogo } from './components/jetpack-vaultpress-backup-logo/index.tsx';
-export { default as JetpackVideoPressLogo } from './components/jetpack-videopress-logo/index.tsx';
 export { default as getRedirectUrl } from './tools/jp-redirect/index.ts';
 export { default as getProductCheckoutUrl } from './tools/get-product-checkout-url/index.ts';
 export { isFirstMonthTrial } from './tools/pricing-utils/index.ts';
@@ -24,38 +21,29 @@ export { default as Testimonials } from './components/testimonials/index.tsx';
 export { default as Container } from './components/layout/container/index.tsx';
 export { default as CopyToClipboard } from './components/copy-to-clipboard/index.tsx';
 export * from './components/icons/index.tsx';
-export { default as SplitButton } from './components/split-button/index.tsx';
 export { default as ThemeProvider } from './components/theme-provider/index.tsx';
 export { default as Text, H2, H3, Title } from './components/text/index.tsx';
-export { default as ToggleControl } from './components/toggle-control/index.tsx';
 export { default as NumberControl } from './components/number-control/index.tsx';
 export { default as QRCode } from './components/qr-code/index.tsx';
 export { default as Button } from './components/button/index.tsx';
 export type { ButtonProps } from './components/button/types.ts';
 export { default as LoadingPlaceholder } from './components/loading-placeholder/index.tsx';
 export { default as TermsOfService } from './components/terms-of-service/index.tsx';
-export { default as Chip } from './components/chip/index.tsx';
 export { default as PricingTable, PricingTableColumn, PricingTableHeader, PricingTableItem, } from './components/pricing-table/index.tsx';
 export { default as BoostScoreBar } from './components/boost-score-bar/index.tsx';
 export { default as BoostScoreGraph } from './components/boost-score-graph/index.tsx';
 export { default as ProductPrice } from './components/product-price/index.tsx';
-export { default as ProductOffer, IconsCard } from './components/product-offer/index.tsx';
-export { default as Dialog } from './components/dialog/index.tsx';
 export { default as DotPager } from './components/dot-pager/index.tsx';
 export { default as DonutMeter } from './components/donut-meter/index.tsx';
 export { default as RecordMeterBar } from './components/record-meter-bar/index.tsx';
-export { default as ContextualUpgradeTrigger } from './components/contextual-upgrade-trigger/index.tsx';
-export { default as Alert } from './components/alert/index.tsx';
 export { default as Notice } from './components/notice/index.tsx';
 export { default as Popover } from './components/popover/index.tsx';
-export { default as Status } from './components/status/index.tsx';
 export { default as IndeterminateProgressBar } from './components/indeterminate-progress-bar/index.tsx';
 export { default as ActionPopover } from './components/action-popover/index.tsx';
 export { default as ZendeskChat } from './components/zendesk-chat/index.tsx';
 export { default as ProgressBar } from './components/progress-bar/index.tsx';
 export { default as UpsellBanner } from './components/upsell-banner/index.tsx';
 export { getUserLocale, cleanLocale } from './lib/locale/index.ts';
-export { default as RadioControl } from './components/radio-control/index.tsx';
 export { default as StatCard } from './components/stat-card/index.tsx';
 export { default as DiffViewer } from './components/diff-viewer/index.tsx';
 export { default as MarkedLines } from './components/marked-lines/index.tsx';

package/build/index.js

@@ -13,10 +13,7 @@ You should have received a copy of the GNU General Public License
 along with this program; if not, see <https://www.gnu.org/licenses/>.
 */
 export { default as JetpackLogo } from './components/jetpack-logo/index.js';
-export { default as JetpackSearchLogo } from './components/jetpack-search-logo/index.js';
-export { default as JetpackProtectLogo } from './components/jetpack-protect-logo/index.js';
 export { default as JetpackVaultPressBackupLogo } from './components/jetpack-vaultpress-backup-logo/index.js';
-export { default as JetpackVideoPressLogo } from './components/jetpack-videopress-logo/index.js';
 export { default as getRedirectUrl } from './tools/jp-redirect/index.js';
 export { default as getProductCheckoutUrl } from './tools/get-product-checkout-url/index.js';
 export { isFirstMonthTrial } from './tools/pricing-utils/index.js';
@@ -37,37 +34,28 @@ export { default as Testimonials } from './components/testimonials/index.js';
 export { default as Container } from './components/layout/container/index.js';
 export { default as CopyToClipboard } from './components/copy-to-clipboard/index.js';
 export * from './components/icons/index.js';
-export { default as SplitButton } from './components/split-button/index.js';
 export { default as ThemeProvider } from './components/theme-provider/index.js';
 export { default as Text, H2, H3, Title } from './components/text/index.js';
-export { default as ToggleControl } from './components/toggle-control/index.js';
 export { default as NumberControl } from './components/number-control/index.js';
 export { default as QRCode } from './components/qr-code/index.js';
 export { default as Button } from './components/button/index.js';
 export { default as LoadingPlaceholder } from './components/loading-placeholder/index.js';
 export { default as TermsOfService } from './components/terms-of-service/index.js';
-export { default as Chip } from './components/chip/index.js';
 export { default as PricingTable, PricingTableColumn, PricingTableHeader, PricingTableItem, } from './components/pricing-table/index.js';
 export { default as BoostScoreBar } from './components/boost-score-bar/index.js';
 export { default as BoostScoreGraph } from './components/boost-score-graph/index.js';
 export { default as ProductPrice } from './components/product-price/index.js';
-export { default as ProductOffer, IconsCard } from './components/product-offer/index.js';
-export { default as Dialog } from './components/dialog/index.js';
 export { default as DotPager } from './components/dot-pager/index.js';
 export { default as DonutMeter } from './components/donut-meter/index.js';
 export { default as RecordMeterBar } from './components/record-meter-bar/index.js';
-export { default as ContextualUpgradeTrigger } from './components/contextual-upgrade-trigger/index.js';
-export { default as Alert } from './components/alert/index.js';
 export { default as Notice } from './components/notice/index.js';
 export { default as Popover } from './components/popover/index.js';
-export { default as Status } from './components/status/index.js';
 export { default as IndeterminateProgressBar } from './components/indeterminate-progress-bar/index.js';
 export { default as ActionPopover } from './components/action-popover/index.js';
 export { default as ZendeskChat } from './components/zendesk-chat/index.js';
 export { default as ProgressBar } from './components/progress-bar/index.js';
 export { default as UpsellBanner } from './components/upsell-banner/index.js';
 export { getUserLocale, cleanLocale } from './lib/locale/index.js';
-export { default as RadioControl } from './components/radio-control/index.js';
 export { default as StatCard } from './components/stat-card/index.js';
 export { default as DiffViewer } from './components/diff-viewer/index.js';
 export { default as MarkedLines } from './components/marked-lines/index.js';

package/components/admin-page/style.module.scss

@@ -1,8 +1,8 @@
 .admin-page {
-	margin-left: -20px; // to neutralize the padding of #wpcontent.
+	margin-inline-start: -20px; // to neutralize the padding of #wpcontent.
 
 	@media (max-width: 782px) {
-		margin-left: -10px; // to neutralize the padding of #wpcontent.
+		margin-inline-start: -10px; // to neutralize the padding of #wpcontent.
 	}
 
 	&.background {
@@ -104,7 +104,7 @@
 	// line-height: 1.6666;` — see https://github.com/WordPress/WordPress/blob/trunk/wp-content/plugins/hello.php
 	// We override only the bits that need to differ from those defaults.
 	float: none;
-	text-align: right;
+	text-align: end;
 	background: var(--wpds-color-background-surface-neutral-strong, #fff);
 	font-style: italic;
 	color: var(--wpds-color-foreground-content-neutral-weak, #87a6bc);

package/index.ts

@@ -14,10 +14,7 @@ along with this program; if not, see <https://www.gnu.org/licenses/>.
 */
 
 export { default as JetpackLogo } from './components/jetpack-logo/index.tsx';
-export { default as JetpackSearchLogo } from './components/jetpack-search-logo/index.tsx';
-export { default as JetpackProtectLogo } from './components/jetpack-protect-logo/index.tsx';
 export { default as JetpackVaultPressBackupLogo } from './components/jetpack-vaultpress-backup-logo/index.tsx';
-export { default as JetpackVideoPressLogo } from './components/jetpack-videopress-logo/index.tsx';
 export { default as getRedirectUrl } from './tools/jp-redirect/index.ts';
 export { default as getProductCheckoutUrl } from './tools/get-product-checkout-url/index.ts';
 export { isFirstMonthTrial } from './tools/pricing-utils/index.ts';
@@ -39,17 +36,14 @@ export { default as Testimonials } from './components/testimonials/index.tsx';
 export { default as Container } from './components/layout/container/index.tsx';
 export { default as CopyToClipboard } from './components/copy-to-clipboard/index.tsx';
 export * from './components/icons/index.tsx';
-export { default as SplitButton } from './components/split-button/index.tsx';
 export { default as ThemeProvider } from './components/theme-provider/index.tsx';
 export { default as Text, H2, H3, Title } from './components/text/index.tsx';
-export { default as ToggleControl } from './components/toggle-control/index.tsx';
 export { default as NumberControl } from './components/number-control/index.tsx';
 export { default as QRCode } from './components/qr-code/index.tsx';
 export { default as Button } from './components/button/index.tsx';
 export type { ButtonProps } from './components/button/types.ts';
 export { default as LoadingPlaceholder } from './components/loading-placeholder/index.tsx';
 export { default as TermsOfService } from './components/terms-of-service/index.tsx';
-export { default as Chip } from './components/chip/index.tsx';
 export {
 	default as PricingTable,
 	PricingTableColumn,
@@ -59,23 +53,17 @@ export {
 export { default as BoostScoreBar } from './components/boost-score-bar/index.tsx';
 export { default as BoostScoreGraph } from './components/boost-score-graph/index.tsx';
 export { default as ProductPrice } from './components/product-price/index.tsx';
-export { default as ProductOffer, IconsCard } from './components/product-offer/index.tsx';
-export { default as Dialog } from './components/dialog/index.tsx';
 export { default as DotPager } from './components/dot-pager/index.tsx';
 export { default as DonutMeter } from './components/donut-meter/index.tsx';
 export { default as RecordMeterBar } from './components/record-meter-bar/index.tsx';
-export { default as ContextualUpgradeTrigger } from './components/contextual-upgrade-trigger/index.tsx';
-export { default as Alert } from './components/alert/index.tsx';
 export { default as Notice } from './components/notice/index.tsx';
 export { default as Popover } from './components/popover/index.tsx';
-export { default as Status } from './components/status/index.tsx';
 export { default as IndeterminateProgressBar } from './components/indeterminate-progress-bar/index.tsx';
 export { default as ActionPopover } from './components/action-popover/index.tsx';
 export { default as ZendeskChat } from './components/zendesk-chat/index.tsx';
 export { default as ProgressBar } from './components/progress-bar/index.tsx';
 export { default as UpsellBanner } from './components/upsell-banner/index.tsx';
 export { getUserLocale, cleanLocale } from './lib/locale/index.ts';
-export { default as RadioControl } from './components/radio-control/index.tsx';
 export { default as StatCard } from './components/stat-card/index.tsx';
 export { default as DiffViewer } from './components/diff-viewer/index.tsx';
 export { default as MarkedLines } from './components/marked-lines/index.tsx';

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@automattic/jetpack-components",
-	"version": "2.3.0",
+	"version": "3.0.1",
 	"description": "Jetpack Components Package",
 	"homepage": "https://github.com/Automattic/jetpack/tree/HEAD/projects/js-packages/components/#readme",
 	"bugs": {
@@ -73,24 +73,24 @@
 	],
 	"dependencies": {
 		"@automattic/format-currency": "1.0.1",
-		"@automattic/jetpack-api": "^1.0.32",
-		"@automattic/jetpack-boost-score-api": "^1.0.56",
+		"@automattic/jetpack-api": "^1.0.33",
+		"@automattic/jetpack-boost-score-api": "^1.0.57",
 		"@automattic/jetpack-script-data": "^0.6.6",
 		"@automattic/number-formatters": "^1.2.8",
 		"@babel/runtime": "^7",
 		"@gravatar-com/hovercards": "0.16.0",
-		"@wordpress/admin-ui": "2.8.0",
-		"@wordpress/browserslist-config": "6.51.0",
-		"@wordpress/components": "37.0.0",
-		"@wordpress/compose": "8.6.0",
-		"@wordpress/data": "10.51.0",
-		"@wordpress/date": "5.51.0",
-		"@wordpress/element": "8.3.0",
-		"@wordpress/i18n": "6.24.0",
-		"@wordpress/icons": "15.4.0",
-		"@wordpress/notices": "5.51.0",
-		"@wordpress/theme": "1.2.0",
-		"@wordpress/ui": "0.20.0",
+		"@wordpress/admin-ui": "2.9.0",
+		"@wordpress/browserslist-config": "6.54.0",
+		"@wordpress/components": "40.0.0",
+		"@wordpress/compose": "8.7.0",
+		"@wordpress/data": "10.54.0",
+		"@wordpress/date": "5.54.0",
+		"@wordpress/element": "8.6.0",
+		"@wordpress/i18n": "6.27.0",
+		"@wordpress/icons": "15.5.0",
+		"@wordpress/notices": "5.54.0",
+		"@wordpress/theme": "2.0.0",
+		"@wordpress/ui": "0.21.0",
 		"clsx": "2.1.1",
 		"js-sha256": "0.11.1",
 		"prop-types": "^15.7.2",
@@ -100,7 +100,7 @@
 		"uplot-react": "1.1.4"
 	},
 	"devDependencies": {
-		"@automattic/jetpack-base-styles": "^1.2.10",
+		"@automattic/jetpack-base-styles": "^1.2.12",
 		"@babel/core": "7.29.7",
 		"@jest/globals": "30.4.1",
 		"@storybook/addon-docs": "10.4.6",

package/build/components/alert/index.d.ts

@@ -1,23 +0,0 @@
-import type { ReactNode, FC } from 'react';
-type AlertProps = {
-    /** The severity of the alert. */
-    level: 'error' | 'warning' | 'info' | 'success';
-    /** Show/Hide icon */
-    showIcon?: boolean;
-    /** Children to be rendered inside the alert. */
-    children: ReactNode;
-    /** Wrapper class name */
-    className?: string;
-};
-/**
- * Alert component
- *
- * @param {object}    props           - The component properties.
- * @param {string}    props.level     - The alert level: error, warning, info, success.
- * @param {boolean}   props.showIcon  - Whether to show the alert icon.
- * @param {string}    props.className - The wrapper class name.
- * @param {Component} props.children  - The alert content.
- * @return {ReactElement}             The `Alert` component.
- */
-declare const Alert: FC<AlertProps>;
-export default Alert;

package/build/components/alert/index.js

@@ -1,33 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Icon, cautionFilled as warning, info, check } from '@wordpress/icons';
-import clsx from 'clsx';
-import styles from './style.module.scss';
-const getIconByLevel = (level) => {
-    switch (level) {
-        case 'error':
-            return warning;
-        case 'warning':
-            return warning;
-        case 'info':
-            return info;
-        case 'success':
-            return check;
-        default:
-            return warning;
-    }
-};
-/**
- * Alert component
- *
- * @param {object}    props           - The component properties.
- * @param {string}    props.level     - The alert level: error, warning, info, success.
- * @param {boolean}   props.showIcon  - Whether to show the alert icon.
- * @param {string}    props.className - The wrapper class name.
- * @param {Component} props.children  - The alert content.
- * @return {ReactElement}             The `Alert` component.
- */
-const Alert = ({ level = 'warning', children, showIcon = true, className }) => {
-    const classes = clsx(styles.container, styles[`is-${level}`], className);
-    return (_jsxs("div", { className: classes, children: [showIcon && (_jsx("div", { className: styles['icon-wrapper'], children: _jsx(Icon, { icon: getIconByLevel(level), className: styles.icon }) })), _jsx("div", { children: children })] }));
-};
-export default Alert;

package/build/components/alert/style.module.scss

@@ -1,47 +0,0 @@
-.container {
-	display: flex;
-	font-size: var(--font-body);
-	line-height: calc(var(--spacing-base) * 3);
-	min-height: calc(var(--spacing-base) * 3);
-	align-items: center;
-	margin: calc(var(--spacing-base) * 2) 0;
-}
-
-.icon-wrapper {
-	margin-right: calc(var(--spacing-base) / 2);
-	width: calc(var(--spacing-base) * 3);
-	height: calc(var(--spacing-base) * 3);
-	align-self: flex-start;
-}
-
-.is-error {
-	color: var(--jp-red);
-
-	.icon {
-		fill: var(--jp-red);
-	}
-}
-
-.is-warning {
-	color: var(--jp-yellow-40);
-
-	.icon {
-		fill: var(--jp-yellow-40);
-	}
-}
-
-.is-info {
-	color: var(--jp-blue-40);
-
-	.icon {
-		fill: var(--jp-blue-40);
-	}
-}
-
-.is-success {
-	color: var(--jp-green);
-
-	.icon {
-		fill: var(--jp-green);
-	}
-}

package/build/components/chip/index.d.ts

@@ -1,17 +0,0 @@
-import type { FC } from 'react';
-type ChipProps = {
-    text?: string;
-    type?: 'new' | 'info';
-};
-/**
- * Chip component
- *
- * @deprecated Use `Badge` from `@wordpress/ui` instead. Map `type="new"` to `intent="stable"` and `type="info"` to the default `intent`.
- *
- * @param {object} props      - The component properties.
- * @param {string} props.type - The type new or info
- * @param {string} props.text - Chip text
- * @return {ReactElement} The `Chip` component.
- */
-declare const Chip: FC<ChipProps>;
-export default Chip;

package/build/components/chip/index.js

@@ -1,18 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import clsx from 'clsx';
-import styles from './style.module.scss';
-/**
- * Chip component
- *
- * @deprecated Use `Badge` from `@wordpress/ui` instead. Map `type="new"` to `intent="stable"` and `type="info"` to the default `intent`.
- *
- * @param {object} props      - The component properties.
- * @param {string} props.type - The type new or info
- * @param {string} props.text - Chip text
- * @return {ReactElement} The `Chip` component.
- */
-const Chip = ({ type = 'info', text }) => {
-    const classes = clsx(styles.chip, styles[`is-${type}`]);
-    return _jsx("span", { className: classes, children: text });
-};
-export default Chip;

package/build/components/chip/style.module.scss

@@ -1,14 +0,0 @@
-.chip {
-	display: inline-block;
-	border-radius: 3px;
-	background-color: var(--jp-gray-5);
-	color: var(--jp-gray-50);
-	padding: 0 6px;
-	margin: 0 8px;
-	text-transform: uppercase;
-	font-size: 10px;
-	font-weight: 700;
-	line-height: 20px;
-	font-family: "SF Pro Text", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
-
-}

package/build/components/contextual-upgrade-trigger/index.d.ts

@@ -1,19 +0,0 @@
-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.
- */
-declare const ContextualUpgradeTrigger: FC<CutBaseProps>;
-export default ContextualUpgradeTrigger;

package/build/components/contextual-upgrade-trigger/index.js

@@ -1,27 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Icon, arrowRight } from '@wordpress/icons';
-import clsx from 'clsx';
-import IconTooltip from '../icon-tooltip/index.js';
-import Text from '../text/index.js';
-import styles from './style.module.scss';
-/**
- * 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 = ({ description, cta, onClick, href, openInNewTab = false, className, tooltipText = '', }) => {
-    const Tag = href !== undefined ? 'a' : 'button';
-    const tagProps = Tag === 'a' ? { href, ...(openInNewTab && { target: '_blank' }) } : { onClick };
-    return (_jsxs("div", { className: clsx(styles.cut, className), children: [_jsxs("div", { children: [_jsxs("div", { children: [_jsx(Text, { className: styles.description, children: description }), tooltipText && (_jsx(IconTooltip, { className: styles.iconContainer, iconSize: 16, offset: 4, children: _jsx(Text, { variant: "body-small", children: tooltipText }) }))] }), _jsx("div", { children: _jsx(Tag, { ...tagProps, children: _jsx(Text, { className: styles.cta, children: cta }) }) })] }), _jsx(Icon, { icon: arrowRight, className: styles.icon, size: 30 })] }));
-};
-export default ContextualUpgradeTrigger;

package/build/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/build/components/contextual-upgrade-trigger/types.d.ts

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

package/build/components/contextual-upgrade-trigger/types.js

@@ -1 +0,0 @@
-export {};

package/build/components/dialog/index.d.ts

@@ -1,20 +0,0 @@
-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
- */
-declare const Dialog: FC<DialogProps>;
-export default Dialog;

package/build/components/dialog/index.js

@@ -1,32 +0,0 @@
-import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useViewportMatch } from '@wordpress/compose';
-import clsx from 'clsx';
-import Col from '../layout/col/index.js';
-import Container from '../layout/container/index.js';
-import styles from './style.module.scss';
-/**
- * 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 = ({ 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 (_jsxs(Container, { className: classNames, horizontalSpacing: 0, horizontalGap: 0, fluid: false, ...containerProps, children: [!hideSecondarySection && (_jsxs(_Fragment, { children: [_jsx(Col, { sm: 4, md: isLowerThanLarge ? 4 : 5, lg: 7, className: styles.primary, children: primary }), _jsx(Col, { sm: 4, md: isLowerThanLarge ? 4 : 3, lg: 5, className: styles.secondary, children: secondary })] })), hideSecondarySection && _jsx(Col, { children: primary })] }));
-};
-export default Dialog;