Cherry pick wordpress-components components to remove the dependency

[kmanijak]

Fixes #

Accessibility

• I've tested using only a keyboard (no mouse)
• I've tested using a screen reader
• All animations respect prefers-reduced-motion
• All text has at least a 4.5 color contrast with its background

Other Checks

• This PR adds/removes a feature flag & I've updated this doc.
• This PR adds/removes an experimental interfaces and I've updated this doc.
• I tagged two reviewers because this PR makes queries to the database or I think it might have some security impact.

Screenshots

Before	After

Testing

Automated Tests

• Changes in this PR are covered by Automated Tests.
  • Unit tests
  • E2E tests

User Facing Testing

• Do not include in the Testing Notes

WooCommerce Visibility

• WooCommerce Core
• Feature plugin
• Experimental

Performance Impact

Changelog

Add suggested changelog entry here.

[github-actions]

The release ZIP for this PR is accessible via:

https://wcblocks.wpcomstaging.com/wp-content/uploads/woocommerce-gutenberg-products-block-8421.zip

Script Dependencies Report

The compare-assets action has detected some changed script dependencies between this branch and trunk. Please review and confirm the following are correct before merging.

Script Handle	Added	Removed
all-products.js		wp-dom	🎉
attribute-filter.js		wp-dom, wp-warning	🎉
mini-cart-contents.js		wp-compose, wp-warning	🎉
rating-filter.js		wp-dom, wp-warning	🎉
single-product.js		wp-dom	🎉
stock-filter.js		wp-dom, wp-warning	🎉

This comment was automatically generated by the ./github/compare-assets action.

TypeScript Errors Report

• Files with errors: 734
• Total errors: 4354

⚠️ ⚠️ This PR introduces new TS errors on 247 files:

assets/js/atomic/blocks/product-elements/add-to-cart/product-types/variable/variation-attributes/attribute-picker.tsx

assets/js/atomic/blocks/product-elements/add-to-cart/product-types/variable/variation-attributes/attribute-select-control.tsx

assets/js/base/wordpress-components/alignment-matrix-control/cell.js

assets/js/base/wordpress-components/alignment-matrix-control/icon.js

assets/js/base/wordpress-components/alignment-matrix-control/index.js

assets/js/base/wordpress-components/alignment-matrix-control/styles/alignment-matrix-control-icon-styles.js

assets/js/base/wordpress-components/alignment-matrix-control/styles/alignment-matrix-control-styles.js

assets/js/base/wordpress-components/alignment-matrix-control/utils.js

assets/js/base/wordpress-components/angle-picker-control/angle-circle.js

assets/js/base/wordpress-components/angle-picker-control/index.js

assets/js/base/wordpress-components/autocomplete/autocompleter-ui.js

assets/js/base/wordpress-components/autocomplete/get-default-use-items.js

assets/js/base/wordpress-components/autocomplete/index.js

assets/js/base/wordpress-components/base-control/index.js

assets/js/base/wordpress-components/base-field/hook.js

assets/js/base/wordpress-components/box-control/all-input-control.js

assets/js/base/wordpress-components/box-control/axial-input-controls.js

assets/js/base/wordpress-components/box-control/icon.js

assets/js/base/wordpress-components/box-control/index.js

assets/js/base/wordpress-components/box-control/input-controls.js

assets/js/base/wordpress-components/box-control/linked-button.js

assets/js/base/wordpress-components/box-control/styles/box-control-icon-styles.js

assets/js/base/wordpress-components/box-control/styles/box-control-styles.js

assets/js/base/wordpress-components/box-control/styles/box-control-visualizer-styles.js

assets/js/base/wordpress-components/box-control/unit-control.js

assets/js/base/wordpress-components/box-control/utils.js

assets/js/base/wordpress-components/box-control/visualizer.js

assets/js/base/wordpress-components/button-group/index.js

assets/js/base/wordpress-components/button/deprecated.js

assets/js/base/wordpress-components/button/index.js

assets/js/base/wordpress-components/card/card-body/component.js

assets/js/base/wordpress-components/card/card-body/hook.js

assets/js/base/wordpress-components/card/card-divider/hook.js

assets/js/base/wordpress-components/card/card-footer/component.js

assets/js/base/wordpress-components/card/card-footer/hook.js

assets/js/base/wordpress-components/card/card-header/component.js

assets/js/base/wordpress-components/card/card-header/hook.js

assets/js/base/wordpress-components/card/card-media/hook.js

assets/js/base/wordpress-components/card/card/component.js

assets/js/base/wordpress-components/card/card/hook.js

assets/js/base/wordpress-components/checkbox-control/index.js

assets/js/base/wordpress-components/circular-option-picker/index.js

assets/js/base/wordpress-components/clipboard-button/index.js

assets/js/base/wordpress-components/color-edit/index.js

assets/js/base/wordpress-components/color-indicator/index.js

assets/js/base/wordpress-components/color-list-picker/index.js

assets/js/base/wordpress-components/color-palette/index.js

assets/js/base/wordpress-components/color-picker/alpha.js

assets/js/base/wordpress-components/color-picker/hue.js

assets/js/base/wordpress-components/color-picker/index.js

assets/js/base/wordpress-components/color-picker/inputs.js

assets/js/base/wordpress-components/color-picker/saturation.js

assets/js/base/wordpress-components/color-picker/utils.js

assets/js/base/wordpress-components/combobox-control/index.js

assets/js/base/wordpress-components/custom-gradient-bar/control-points.js

assets/js/base/wordpress-components/custom-gradient-bar/index.js

assets/js/base/wordpress-components/custom-gradient-bar/utils.js

assets/js/base/wordpress-components/custom-gradient-picker/index.js

assets/js/base/wordpress-components/custom-gradient-picker/serializer.js

assets/js/base/wordpress-components/custom-gradient-picker/utils.js

assets/js/base/wordpress-components/custom-select-control/index.js

assets/js/base/wordpress-components/date-time/date.js

assets/js/base/wordpress-components/date-time/index.js

assets/js/base/wordpress-components/date-time/time.js

assets/js/base/wordpress-components/date-time/timezone.js

assets/js/base/wordpress-components/dimension-control/index.js

assets/js/base/wordpress-components/dimension-control/sizes.js

assets/js/base/wordpress-components/disabled/index.js

assets/js/base/wordpress-components/divider/component.tsx

assets/js/base/wordpress-components/draggable/index.js

assets/js/base/wordpress-components/drop-zone/index.js

assets/js/base/wordpress-components/drop-zone/provider.js

assets/js/base/wordpress-components/dropdown-menu/index.js

assets/js/base/wordpress-components/dropdown/index.js

assets/js/base/wordpress-components/duotone-picker/custom-duotone-bar.js

assets/js/base/wordpress-components/duotone-picker/duotone-picker.js

assets/js/base/wordpress-components/duotone-picker/duotone-swatch.js

assets/js/base/wordpress-components/duotone-picker/utils.js

assets/js/base/wordpress-components/elevation/hook.js

assets/js/base/wordpress-components/external-link/index.js

assets/js/base/wordpress-components/flex/flex-block/hook.js

assets/js/base/wordpress-components/flex/flex-item/hook.js

assets/js/base/wordpress-components/flex/flex/component.js

assets/js/base/wordpress-components/flex/flex/hook.js

assets/js/base/wordpress-components/flyout/flyout-content/component.js

assets/js/base/wordpress-components/flyout/flyout/component.js

assets/js/base/wordpress-components/flyout/flyout/hook.js

assets/js/base/wordpress-components/focusable-iframe/index.js

assets/js/base/wordpress-components/font-size-picker/index.js

assets/js/base/wordpress-components/form-file-upload/index.js

assets/js/base/wordpress-components/form-toggle/index.js

assets/js/base/wordpress-components/form-token-field/index.js

assets/js/base/wordpress-components/form-token-field/suggestions-list.js

assets/js/base/wordpress-components/form-token-field/token-input.js

assets/js/base/wordpress-components/form-token-field/token.js

assets/js/base/wordpress-components/gradient-picker/index.js

assets/js/base/wordpress-components/grid/hook.js

assets/js/base/wordpress-components/guide/finish-button.js

assets/js/base/wordpress-components/guide/icons.js

assets/js/base/wordpress-components/guide/index.js

assets/js/base/wordpress-components/guide/page-control.js

assets/js/base/wordpress-components/guide/page.js

assets/js/base/wordpress-components/h-stack/hook.js

assets/js/base/wordpress-components/heading/hook.ts

assets/js/base/wordpress-components/higher-order/navigate-regions/index.js

assets/js/base/wordpress-components/higher-order/with-constrained-tabbing/index.js

assets/js/base/wordpress-components/higher-order/with-fallback-styles/index.js

assets/js/base/wordpress-components/higher-order/with-filters/index.js

assets/js/base/wordpress-components/higher-order/with-focus-outside/index.js

assets/js/base/wordpress-components/higher-order/with-focus-return/index.js

assets/js/base/wordpress-components/higher-order/with-notices/index.js

assets/js/base/wordpress-components/higher-order/with-spoken-messages/index.js

assets/js/base/wordpress-components/icon/index.tsx

assets/js/base/wordpress-components/input-control/index.js

assets/js/base/wordpress-components/input-control/input-base.js

assets/js/base/wordpress-components/input-control/input-field.js

assets/js/base/wordpress-components/input-control/label.js

assets/js/base/wordpress-components/input-control/state.js

assets/js/base/wordpress-components/input-control/styles/input-control-styles.js

assets/js/base/wordpress-components/input-control/utils.js

assets/js/base/wordpress-components/isolated-event-container/index.js

assets/js/base/wordpress-components/keyboard-shortcuts/index.js

assets/js/base/wordpress-components/menu-group/index.js

assets/js/base/wordpress-components/menu-item/index.js

assets/js/base/wordpress-components/menu-items-choice/index.js

assets/js/base/wordpress-components/modal/aria-helper.js

assets/js/base/wordpress-components/modal/frame.js

assets/js/base/wordpress-components/modal/header.js

assets/js/base/wordpress-components/modal/index.js

assets/js/base/wordpress-components/navigable-container/container.js

assets/js/base/wordpress-components/navigable-container/menu.js

assets/js/base/wordpress-components/navigable-container/tabbable.js

assets/js/base/wordpress-components/navigation/back-button/index.js

assets/js/base/wordpress-components/navigation/group/index.js

assets/js/base/wordpress-components/navigation/index.js

assets/js/base/wordpress-components/navigation/item/base-content.js

assets/js/base/wordpress-components/navigation/item/base.js

assets/js/base/wordpress-components/navigation/item/index.js

assets/js/base/wordpress-components/navigation/item/use-navigation-tree-item.js

assets/js/base/wordpress-components/navigation/menu/index.js

assets/js/base/wordpress-components/navigation/menu/menu-title-search.js

assets/js/base/wordpress-components/navigation/menu/menu-title.js

assets/js/base/wordpress-components/navigation/menu/search-no-results-found.js

assets/js/base/wordpress-components/navigation/menu/use-navigation-tree-menu.js

assets/js/base/wordpress-components/navigation/styles/navigation-styles.js

assets/js/base/wordpress-components/navigation/use-create-navigation-tree.js

assets/js/base/wordpress-components/navigation/use-navigation-tree-nodes.js

assets/js/base/wordpress-components/navigation/utils.js

assets/js/base/wordpress-components/notice/index.js

assets/js/base/wordpress-components/notice/list.js

assets/js/base/wordpress-components/number-control/index.js

assets/js/base/wordpress-components/number-control/styles/number-control-styles.js

assets/js/base/wordpress-components/panel/body.js

assets/js/base/wordpress-components/panel/header.js

assets/js/base/wordpress-components/panel/index.js

assets/js/base/wordpress-components/panel/row.js

assets/js/base/wordpress-components/placeholder/index.js

assets/js/base/wordpress-components/popover/index.js

assets/js/base/wordpress-components/popover/utils.js

assets/js/base/wordpress-components/query-controls/author-select.js

assets/js/base/wordpress-components/query-controls/category-select.js

assets/js/base/wordpress-components/query-controls/index.js

assets/js/base/wordpress-components/query-controls/terms.js

assets/js/base/wordpress-components/radio-control/index.js

assets/js/base/wordpress-components/radio-group/index.js

assets/js/base/wordpress-components/radio/index.js

assets/js/base/wordpress-components/range-control/index.js

assets/js/base/wordpress-components/range-control/input-range.js

assets/js/base/wordpress-components/range-control/mark.js

assets/js/base/wordpress-components/range-control/rail.js

assets/js/base/wordpress-components/range-control/styles/range-control-styles.js

assets/js/base/wordpress-components/range-control/tooltip.js

assets/js/base/wordpress-components/range-control/utils.js

assets/js/base/wordpress-components/resizable-box/index.js

assets/js/base/wordpress-components/resizable-box/resize-tooltip/index.js

assets/js/base/wordpress-components/resizable-box/resize-tooltip/label.js

assets/js/base/wordpress-components/resizable-box/resize-tooltip/utils.js

assets/js/base/wordpress-components/responsive-wrapper/index.js

assets/js/base/wordpress-components/sandbox/index.js

assets/js/base/wordpress-components/scrollable/hook.js

assets/js/base/wordpress-components/search-control/index.js

assets/js/base/wordpress-components/select-control/index.js

assets/js/base/wordpress-components/select-control/styles/select-control-styles.js

assets/js/base/wordpress-components/slot-fill/bubbles-virtually/fill.js

assets/js/base/wordpress-components/slot-fill/bubbles-virtually/slot-fill-provider.js

assets/js/base/wordpress-components/slot-fill/bubbles-virtually/slot.js

assets/js/base/wordpress-components/slot-fill/bubbles-virtually/use-slot.js

assets/js/base/wordpress-components/slot-fill/fill.js

assets/js/base/wordpress-components/slot-fill/index.js

assets/js/base/wordpress-components/slot-fill/provider.js

assets/js/base/wordpress-components/slot-fill/slot.js

assets/js/base/wordpress-components/slot-fill/use-slot.js

assets/js/base/wordpress-components/snackbar/index.js

assets/js/base/wordpress-components/snackbar/list.js

assets/js/base/wordpress-components/spacer/hook.ts

assets/js/base/wordpress-components/style-provider/index.js

assets/js/base/wordpress-components/surface/hook.js

assets/js/base/wordpress-components/swatch/index.js

assets/js/base/wordpress-components/tab-panel/index.js

assets/js/base/wordpress-components/text/hook.js

assets/js/base/wordpress-components/text/types.ts

assets/js/base/wordpress-components/text/utils.js

assets/js/base/wordpress-components/textarea-control/index.js

assets/js/base/wordpress-components/tip/index.js

assets/js/base/wordpress-components/toggle-control/index.js

assets/js/base/wordpress-components/toolbar-button/index.js

assets/js/base/wordpress-components/toolbar-button/toolbar-button-container.js

assets/js/base/wordpress-components/toolbar-context/index.js

assets/js/base/wordpress-components/toolbar-dropdown-menu/index.js

assets/js/base/wordpress-components/toolbar-group/index.js

assets/js/base/wordpress-components/toolbar-group/toolbar-group-collapsed.js

assets/js/base/wordpress-components/toolbar-group/toolbar-group-container.js

assets/js/base/wordpress-components/toolbar-item/index.js

assets/js/base/wordpress-components/toolbar/index.js

assets/js/base/wordpress-components/toolbar/toolbar-container.js

assets/js/base/wordpress-components/tooltip/index.js

assets/js/base/wordpress-components/tree-grid/cell.js

assets/js/base/wordpress-components/tree-grid/index.js

assets/js/base/wordpress-components/tree-grid/item.js

assets/js/base/wordpress-components/tree-grid/roving-tab-index-context.js

assets/js/base/wordpress-components/tree-grid/roving-tab-index-item.js

assets/js/base/wordpress-components/tree-grid/roving-tab-index.js

assets/js/base/wordpress-components/tree-grid/row.js

assets/js/base/wordpress-components/tree-select/index.js

assets/js/base/wordpress-components/truncate/hook.js

assets/js/base/wordpress-components/ui/__storybook-utils/example-grid.js

assets/js/base/wordpress-components/ui/__storybook-utils/page.js

assets/js/base/wordpress-components/ui/control-group/hook.js

assets/js/base/wordpress-components/ui/control-label/hook.js

assets/js/base/wordpress-components/ui/form-group/form-group-content.js

assets/js/base/wordpress-components/ui/form-group/form-group-context.js

assets/js/base/wordpress-components/ui/form-group/use-form-group.js

assets/js/base/wordpress-components/ui/item-group/item-group.tsx

assets/js/base/wordpress-components/ui/item-group/use-item-group.ts

assets/js/base/wordpress-components/ui/item-group/use-item.ts

assets/js/base/wordpress-components/ui/spinner/component.js

assets/js/base/wordpress-components/ui/tooltip/component.js

assets/js/base/wordpress-components/ui/tooltip/content.js

assets/js/base/wordpress-components/unit-control/index.js

assets/js/base/wordpress-components/unit-control/styles/unit-control-styles.js

assets/js/base/wordpress-components/unit-control/unit-select-control.js

assets/js/base/wordpress-components/unit-control/utils.js

assets/js/base/wordpress-components/v-stack/hook.js

assets/js/base/wordpress-components/z-stack/component.tsx

assets/js/blocks/cart-checkout-shared/payment-methods/no-payment-methods/index.js

assets/js/blocks/checkout/inner-blocks/checkout-shipping-methods-block/no-shipping-placeholder/index.js

packages/checkout/components/store-notices-container/store-notices.tsx

_{comments-aggregator}

[github-actions]

Size Change: +23.2 kB (+2%)

Total Size: 1.13 MB

Filename	Size	Change
build/active-filters-frontend.js	7.99 kB	+13 B (0%)
build/active-filters-wrapper-frontend.js	5.99 kB	+2 B (0%)
build/active-filters.js	7.33 kB	+2 B (0%)
build/add-to-cart-form.js	1.48 kB	-3 B (0%)
build/all-products-frontend.js	11.7 kB	-23 B (0%)
build/all-products.js	44.6 kB	+10 kB (+29%)	🚨
build/all-reviews.js	7.68 kB	+17 B (0%)
build/attribute-filter-frontend.js	17.3 kB	-5.08 kB (-23%)	🎉
build/attribute-filter-wrapper-frontend.js	4.65 kB	-2.44 kB (-34%)	🎉
build/attribute-filter.js	17.3 kB	+4.87 kB (+39%)	🚨
build/blocks-checkout.js	25.8 kB	-15.4 kB (-37%)	🎉
build/breadcrumbs.js	2.05 kB	+2 B (0%)
build/cart-blocks/cart-accepted-payment-methods-frontend.js	1.38 kB	-1 B (0%)
build/cart-blocks/cart-cross-sells-products-frontend.js	4.9 kB	-4.77 kB (-49%)	🎉
build/cart-blocks/cart-express-payment--checkout-blocks/express-payment-frontend.js	5.2 kB	+4 B (0%)
build/cart-blocks/cart-express-payment-frontend.js	718 B	-2 B (0%)
build/cart-blocks/cart-line-items--mini-cart-contents-block/products-table-frontend.js	5.37 kB	+13 B (0%)
build/cart-blocks/cart-line-items-frontend.js	1.07 kB	+1 B (0%)
build/cart-blocks/cart-order-summary-frontend.js	1.24 kB	+1 B (0%)
build/cart-blocks/empty-cart-frontend.js	346 B	+1 B (0%)
build/cart-blocks/filled-cart-frontend.js	656 B	+1 B (0%)
build/cart-blocks/order-summary-coupon-form-frontend.js	2.73 kB	+1.11 kB (+68%)	🆘
build/cart-blocks/order-summary-discount-frontend.js	2.12 kB	+1 B (0%)
build/cart-blocks/order-summary-fee-frontend.js	272 B	-2 B (-1%)
build/cart-blocks/order-summary-shipping-frontend.js	11.1 kB	-3.73 kB (-25%)	🎉
build/cart-blocks/order-summary-subtotal-frontend.js	273 B	-1 B (0%)
build/cart-blocks/order-summary-taxes-frontend.js	433 B	-1 B (0%)
build/cart-blocks/proceed-to-checkout-frontend.js	2.36 kB	+1.12 kB (+90%)	🆘
build/cart-frontend.js	28.9 kB	-18 B (0%)
build/cart.js	59.9 kB	+12.6 kB (+27%)	🚨
build/catalog-sorting.js	1.7 kB	+1 B (0%)
build/checkout-blocks/actions-frontend.js	2.96 kB	+1.11 kB (+60%)	🆘
build/checkout-blocks/billing-address--checkout-blocks/shipping-address-frontend.js	8.32 kB	+4.4 kB (+112%)	🆘
build/checkout-blocks/billing-address-frontend.js	1.19 kB	+6 B (+1%)
build/checkout-blocks/contact-information-frontend.js	2.05 kB	+6 B (0%)
build/checkout-blocks/fields-frontend.js	344 B	-1 B (0%)
build/checkout-blocks/order-note-frontend.js	1.14 kB	+2 B (0%)
build/checkout-blocks/order-summary-cart-items-frontend.js	3.68 kB	+4 B (0%)
build/checkout-blocks/order-summary-coupon-form-frontend.js	2.88 kB	+1.1 kB (+62%)	🆘
build/checkout-blocks/order-summary-discount-frontend.js	2.29 kB	-2 B (0%)
build/checkout-blocks/order-summary-fee-frontend.js	275 B	-2 B (-1%)
build/checkout-blocks/order-summary-shipping-frontend.js	11.1 kB	-3.75 kB (-25%)	🎉
build/checkout-blocks/order-summary-subtotal-frontend.js	273 B	-2 B (-1%)
build/checkout-blocks/order-summary-taxes-frontend.js	433 B	-1 B (0%)
build/checkout-blocks/payment-frontend.js	9.52 kB	+1.08 kB (+13%)	⚠️
build/checkout-blocks/pickup-options-frontend.js	2.81 kB	+4 B (0%)
build/checkout-blocks/shipping-address-frontend.js	1.14 kB	+4 B (0%)
build/checkout-blocks/shipping-method-frontend.js	3.66 kB	+1.39 kB (+61%)	🆘
build/checkout-blocks/shipping-methods-frontend.js	6.93 kB	+2.15 kB (+45%)	🚨
build/checkout-blocks/terms-frontend.js	1.56 kB	+3 B (0%)
build/checkout-frontend.js	30.4 kB	-26 B (0%)
build/checkout.js	51.6 kB	+7.67 kB (+17%)	⚠️
build/customer-account.js	3.12 kB	+3 B (0%)
build/featured-category.js	13.5 kB	+157 B (+1%)
build/featured-product.js	13.7 kB	+92 B (+1%)
build/filter-wrapper-frontend.js	14.1 kB	+6 B (0%)
build/filter-wrapper.js	2.4 kB	+2 B (0%)
build/general-style-rtl.css	3.65 kB	+2.34 kB (+179%)	🆘
build/general-style.css	3.65 kB	+2.34 kB (+179%)	🆘
build/handpicked-products.js	7.24 kB	+3 B (0%)
build/legacy-template.js	2.85 kB	-2 B (0%)
build/mini-cart-component-frontend.js	22.7 kB	-5.23 kB (-19%)	👏
build/mini-cart-contents-block/filled-cart-frontend.js	270 B	+2 B (+1%)
build/mini-cart-contents-block/footer-frontend.js	2.85 kB	-8 B (0%)
build/mini-cart-contents-block/title-frontend.js	368 B	+1 B (0%)
build/mini-cart-contents.js	18.1 kB	+1.05 kB (+6%)	🔍
build/mini-cart-frontend.js	2 kB	-2 B (0%)
build/mini-cart.js	4.31 kB	+2 B (0%)
build/price-filter-frontend.js	13.9 kB	+6 B (0%)
build/price-filter-wrapper-frontend.js	6.99 kB	+8 B (0%)
build/price-format.js	1.18 kB	-3 B (0%)
build/product-add-to-cart-frontend.js	1.61 kB	-5.1 kB (-76%)	🏆
build/product-add-to-cart.js	18.4 kB	+9.75 kB (+113%)	🆘
build/product-best-sellers.js	7.6 kB	+1 B (0%)
build/product-button--product-category-list--product-image--product-price--product-rating--product-sale-b--e17c7c01.js	500 B	+4 B (+1%)
build/product-button-frontend.js	2.19 kB	-4 B (0%)
build/product-button.js	3.99 kB	-1 B (0%)
build/product-categories.js	2.36 kB	+3 B (0%)
build/product-category-list-frontend.js	1.19 kB	+2 B (0%)
build/product-category-list.js	504 B	+1 B (0%)
build/product-category.js	8.59 kB	+6 B (0%)
build/product-image-frontend.js	2.2 kB	-1 B (0%)
build/product-new.js	7.58 kB	+2 B (0%)
build/product-on-sale.js	7.91 kB	+1 B (0%)
build/product-price-frontend.js	2.29 kB	-3 B (0%)
build/product-query.js	6.08 kB	+3 B (0%)
build/product-rating-frontend.js	1.62 kB	-2 B (0%)
build/product-rating.js	921 B	+2 B (0%)
build/product-sale-badge-frontend.js	1.43 kB	+1 B (0%)
build/product-sale-badge.js	818 B	-1 B (0%)
build/product-sku-frontend.js	628 B	-1 B (0%)
build/product-stock-indicator-frontend.js	1.32 kB	+4 B (0%)
build/product-summary-frontend.js	1.58 kB	-2 B (0%)
build/product-summary.js	922 B	+3 B (0%)
build/product-tag-list-frontend.js	1.19 kB	+4 B (0%)
build/product-tag-list.js	498 B	+1 B (0%)
build/product-tag.js	8.07 kB	+7 B (0%)
build/product-title-frontend.js	1.61 kB	-2 B (0%)
build/product-title.js	3.46 kB	-4 B (0%)
build/product-top-rated.js	7.84 kB	+2 B (0%)
build/rating-filter-frontend.js	15.8 kB	-5.07 kB (-24%)	🎉
build/rating-filter-wrapper-frontend.js	3.06 kB	-2.55 kB (-45%)	🎉
build/rating-filter.js	12.3 kB	+4.89 kB (+66%)	🆘
build/reviews-by-category.js	11.2 kB	+4 B (0%)
build/reviews-by-product.js	12.3 kB	+43 B (0%)
build/reviews-frontend.js	7.14 kB	-2 B (0%)
build/single-product-frontend.js	17.8 kB	+1 B (0%)
build/single-product.js	9.94 kB	-37 B (0%)
build/stock-filter-frontend.js	16 kB	-5.02 kB (-24%)	🎉
build/stock-filter-wrapper-frontend.js	3.33 kB	-2.52 kB (-43%)	🎉
build/stock-filter.js	13 kB	+4.92 kB (+61%)	🆘
build/store-notices.js	1.65 kB	-2 B (0%)
build/vendors--attribute-filter-wrapper--cart-blocks/cart-cross-sells-products--cart-blocks/order-summary--82e4ed06-frontend.js	0 B	-6.86 kB (removed)	🏆
build/vendors--attribute-filter-wrapper--rating-filter-wrapper--stock-filter-wrapper-frontend.js	3.63 kB	-4.06 kB (-53%)	🏆
build/vendors--cart-blocks/cart-cross-sells-products--cart-blocks/cart-line-items--cart-blocks/cart-order--3c5fe802-frontend.js	5.26 kB	-1 B (0%)
build/vendors--cart-blocks/cart-cross-sells-products--cart-blocks/order-summary-shipping--checkout-blocks--18f9376a-frontend.js	16.8 kB	-2.58 kB (-13%)	👏
build/vendors--cart-blocks/cart-cross-sells-products--product-add-to-cart-frontend.js	0 B	-7.25 kB (removed)	🏆
build/vendors--cart-blocks/cart-line-items--checkout-blocks/order-summary-cart-items--mini-cart-contents---233ab542-frontend.js	3.14 kB	-1 B (0%)
build/vendors--cart-blocks/order-summary-shipping--checkout-blocks/billing-address--checkout-blocks/order--5b8feb0b-frontend.js	0 B	-4.83 kB (removed)	🏆
build/vendors--checkout-blocks/shipping-method-frontend.js	11.6 kB	-347 B (-3%)
build/vendors--checkout-blocks/shipping-methods-frontend.js	0 B	-9.44 kB (removed)	🏆
build/wc-blocks-data.js	21.2 kB	-254 B (-1%)
build/wc-blocks-middleware.js	931 B	-2 B (0%)
build/wc-blocks-registry.js	3.13 kB	-17 B (-1%)
build/wc-blocks-shared-context.js	1.51 kB	-3 B (0%)
build/wc-blocks-shared-hocs.js	1.72 kB	-9 B (-1%)
build/wc-blocks-style-rtl.css	42.8 kB	+16.1 kB (+60%)	🆘
build/wc-blocks-style.css	42.8 kB	+16.1 kB (+60%)	🆘
build/wc-blocks-vendors-style-rtl.css	2.02 kB	+58 B (+3%)
build/wc-blocks-vendors-style.css	2.02 kB	+61 B (+3%)
build/wc-blocks-vendors.js	43.5 kB	-20.9 kB (-32%)	🎉
build/wc-blocks.js	2.65 kB	-1 B (0%)
build/wc-settings.js	2.6 kB	-1 B (0%)
build/attribute-filter-wrapper--rating-filter-wrapper--stock-filter-wrapper-frontend.js	8.14 kB	+8.14 kB (new file)	🆕
build/cart-blocks/cart-cross-sells-products--cart-blocks/order-summary-shipping--checkout-blocks/billing---c2b840b0-frontend.js	5.21 kB	+5.21 kB (new file)	🆕
build/cart-blocks/cart-cross-sells-products--product-add-to-cart-frontend.js	12.2 kB	+12.2 kB (new file)	🆕
build/vendors--cart-blocks/order-summary-shipping--checkout-blocks/order-summary-shipping--checkout-block--dda5866c-frontend.js	8.38 kB	+8.38 kB (new file)	🆕

ℹ️ View Unchanged

Filename	Size
build/cart-blocks/cart-cross-sells-frontend.js	253 B
build/cart-blocks/cart-items-frontend.js	299 B
build/cart-blocks/cart-totals-frontend.js	321 B
build/cart-blocks/order-summary-heading-frontend.js	455 B
build/checkout-blocks/express-payment-frontend.js	1.13 kB
build/checkout-blocks/order-summary-frontend.js	1.24 kB
build/checkout-blocks/totals-frontend.js	324 B
build/mini-cart-contents-block/empty-cart-frontend.js	366 B
build/mini-cart-contents-block/items-frontend.js	237 B
build/mini-cart-contents-block/products-table-frontend.js	590 B
build/mini-cart-contents-block/shopping-button-frontend.js	313 B
build/price-filter.js	8.38 kB
build/product-add-to-cart--product-button--product-category-list--product-image--product-price--product-r--a0326d00.js	253 B
build/product-add-to-cart--product-button--product-image--product-rating--product-title.js	151 B
build/product-button--product-image--product-price--product-rating--product-sale-badge--product-title.js	259 B
build/product-image.js	4.09 kB
build/product-price.js	1.58 kB
build/product-results-count.js	1.65 kB
build/product-search.js	2.63 kB
build/product-sku.js	378 B
build/product-stock-indicator.js	645 B
build/products-by-attribute.js	8.53 kB
build/wc-blocks-editor-style-rtl.css	5.68 kB
build/wc-blocks-editor-style.css	5.68 kB
build/wc-blocks-google-analytics.js	1.56 kB
build/wc-payment-method-bacs.js	816 B
build/wc-payment-method-cheque.js	811 B
build/wc-payment-method-cod.js	909 B
build/wc-payment-method-paypal.js	837 B
build/wc-shipping-method-pickup-location.js	29.7 kB
build/woo-directives-runtime.js	2.52 kB
build/woo-directives-vendors.js	7.91 kB

_{compressed-size-action}

[github-actions]

Resolve need to use &&& to increase specificity github.co...

Resolve need to use &&& to increase specificity github.com/WordPress/gutenberg/issues/18483

---

woocommerce-blocks/assets/js/base/wordpress-components/input-control/styles/input-control-styles.js

Lines 180 to 192 in db5afe5

	// TODO: Resolve need to use &&& to increase specificity
	// https://github.com/WordPress/gutenberg/issues/18483
	export const Input = styled.input`
	&&& {
	background-color: transparent;
	box-sizing: border-box;
	border: none;
	box-shadow: none !important;
	color: ${ COLORS.black };
	display: block;
	margin: 0;
	outline: none;

🚀 This comment was generated by the automations bot based on a todo comment in db5afe5 in #8421. cc @kmanijak

[github-actions]

Resolve need to use &&& to increase specificity github.co...

Resolve need to use &&& to increase specificity github.com/WordPress/gutenberg/issues/18483

---

woocommerce-blocks/assets/js/base/wordpress-components/select-control/styles/select-control-styles.js

Lines 59 to 71 in db5afe5

	// TODO: Resolve need to use &&& to increase specificity
	// https://github.com/WordPress/gutenberg/issues/18483
	export const Select = styled.select`
	&&& {
	appearance: none;
	background: transparent;
	box-sizing: border-box;
	border: none;
	box-shadow: none !important;
	color: ${ COLORS.black };
	display: block;
	margin: 0;

🚀 This comment was generated by the automations bot based on a todo comment in db5afe5 in #8421. cc @kmanijak

[github-actions]

Continue to update values as "G2" design evolves.

Continue to update values as "G2" design evolves.

"G2" refers to the movement to advance the interface of the block editor.github.com/WordPress/gutenberg/issues/18667

---

woocommerce-blocks/assets/js/base/wordpress-components/utils/colors-values.js

Lines 17 to 31 in 3ac8c70

	* TODO: Continue to update values as "G2" design evolves.
	*
	* "G2" refers to the movement to advance the interface of the block editor.
	* https://github.com/WordPress/gutenberg/issues/18667
	*/
	export const G2 = {
	blue: {
	medium: {
	focus: '#007cba',
	focusDark: '#fff',
	},
	},
	gray: {
	900: '#1e1e1e',
	700: '#757575', // Meets 4.6:1 text contrast against white.

🚀 This comment was generated by the automations bot based on a todo comment in 3ac8c70 in #8421. cc @kmanijak

[github-actions]

Refactor RangeControl with latest HStack configuration @w...

Refactor RangeControl with latest HStack configuration @wordpress/components/ui/hstack

---

woocommerce-blocks/assets/js/base/wordpress-components/range-control/styles/range-control-styles.js

Lines 273 to 285 in 3ac8c70

	// @todo: Refactor RangeControl with latest HStack configuration
	// @wordpress/components/ui/hstack
	export const InputNumber = styled( NumberControl )`
	box-sizing: border-box;
	display: inline-block;
	font-size: 13px;
	margin-top: 0;
	width: ${ space( 16 ) } !important;
	input[type='number']& {
	${ rangeHeight };
	}

🚀 This comment was generated by the automations bot based on a todo comment in 3ac8c70 in #8421. cc @kmanijak

[github-actions]

, this unnamed div only shows up when plugins add to slots.

, this unnamed div only shows up when plugins add to slots. We should remove the fragment.

---

woocommerce-blocks/assets/js/base/wordpress-components/toolbar-group/style.scss

Lines 107 to 119 in 3ac8c70

	// @todo, this unnamed div only shows up when plugins add to slots. We should remove the fragment.
	> .components-button,
	> div > .components-button,
	> .components-dropdown .components-button {
	min-width: $block-toolbar-height - $grid-unit-15;
	padding-left: $grid-unit-15 / 2; // 6px.
	padding-right: $grid-unit-15 / 2;
	svg {
	min-width: $button-size-small; // This is the optimal icon size, and we size the whole button after this.
	}
	&::before {

🚀 This comment was generated by the automations bot based on a todo comment in 3ac8c70 in #8421. cc @kmanijak

[github-actions]

Resolve need to use &&& to increase specificity github.co...

Resolve need to use &&& to increase specificity github.com/WordPress/gutenberg/issues/18483

---

woocommerce-blocks/assets/js/base/wordpress-components/input-control/styles/input-control-styles.js

Lines 180 to 192 in 3ac8c70

	// TODO: Resolve need to use &&& to increase specificity
	// https://github.com/WordPress/gutenberg/issues/18483
	export const Input = styled.input`
	&&& {
	background-color: transparent;
	box-sizing: border-box;
	border: none;
	box-shadow: none !important;
	color: ${ COLORS.black };
	display: block;
	margin: 0;
	outline: none;

🚀 This comment was generated by the automations bot based on a todo comment in 3ac8c70 in #8421. cc @kmanijak

[github-actions]

Resolve need to use &&& to increase specificity github.co...

Resolve need to use &&& to increase specificity github.com/WordPress/gutenberg/issues/18483

---

woocommerce-blocks/assets/js/base/wordpress-components/unit-control/styles/unit-control-styles.js

Lines 37 to 49 in 3ac8c70

	// TODO: Resolve need to use &&& to increase specificity
	// https://github.com/WordPress/gutenberg/issues/18483
	export const ValueInput = styled( NumberControl )`
	&&& {
	input {
	appearance: none;
	-moz-appearance: textfield;
	display: block;
	width: 100%;
	${ arrowStyles };
	${ paddingStyles };

🚀 This comment was generated by the automations bot based on a todo comment in 3ac8c70 in #8421. cc @kmanijak

[github-actions]

Refactor click detection to use blur to stop propagation.

Refactor click detection to use blur to stop propagation. eslint-disable jsx-a11y/no-static-element-interactions *

---

woocommerce-blocks/assets/js/base/wordpress-components/combobox-control/index.js

Lines 189 to 201 in 3ac8c70

	// TODO: Refactor click detection to use blur to stop propagation.
	/* eslint-disable jsx-a11y/no-static-element-interactions */
	return (
	<DetectOutside onFocusOutside={ onFocusOutside }>
	<BaseControl
	className={ classnames(
	className,
	'components-combobox-control'
	) }
	tabIndex="-1"
	label={ label }
	id={ `components-form-token-input-${ instanceId }` }
	hideLabelFromVision={ hideLabelFromVision }

🚀 This comment was generated by the automations bot based on a todo comment in 3ac8c70 in #8421. cc @kmanijak

[github-actions]

does this still apply now that it's a <ul> and not a <div>?

does this still apply now that it's a <ul> and not a <div>?

---

woocommerce-blocks/assets/js/base/wordpress-components/form-token-field/suggestions-list.js

Lines 94 to 105 in 3ac8c70

	// TODO does this still apply now that it's a <ul> and not a <div>?
	return (
	<ul
	ref={ this.bindList }
	className="components-form-token-field__suggestions-list"
	id={ `components-form-token-suggestions-${ this.props.instanceId }` }
	role="listbox"
	>
	{ map( this.props.suggestions, ( suggestion, index ) => {
	const match = this.computeSuggestionMatch( suggestion );
	const classeName = classnames(
	'components-form-token-field__suggestion',

🚀 This comment was generated by the automations bot based on a todo comment in 3ac8c70 in #8421. cc @kmanijak

[github-actions]

Refactor click detection to use blur to stop propagation.

Refactor click detection to use blur to stop propagation. eslint-disable jsx-a11y/no-static-element-interactions *

---

woocommerce-blocks/assets/js/base/wordpress-components/form-token-field/index.js

Lines 647 to 659 in 3ac8c70

	// TODO: Refactor click detection to use blur to stop propagation.
	/* eslint-disable jsx-a11y/no-static-element-interactions */
	return (
	<div { ...tokenFieldProps }>
	<label
	htmlFor={ `components-form-token-input-${ instanceId }` }
	className="components-form-token-field__label"
	>
	{ label }
	</label>
	<div
	ref={ this.bindTokensAndInput }
	className={ classes }

🚀 This comment was generated by the automations bot based on a todo comment in 3ac8c70 in #8421. cc @kmanijak

[github-actions]

ideally this hook shouldn't be needed github.com/WordPres...

ideally this hook shouldn't be needed github.com/WordPress/gutenberg/pull/31822#discussion_r633280823

---

woocommerce-blocks/assets/js/base/wordpress-components/unit-control/utils.js

Lines 257 to 270 in 3ac8c70

	* TODO: ideally this hook shouldn't be needed
	* https://github.com/WordPress/gutenberg/pull/31822#discussion_r633280823
	*
	* @param {Object} args An object containing units, settingPath & defaultUnits.
	* @param {Array<Object>|undefined} args.units Collection of available units.
	* @param {Array<string>|undefined} args.availableUnits The setting path. Defaults to 'spacing.units'.
	* @param {Object|undefined} args.defaultValues Collection of default values for defined units. Example: { px: '350', em: '15' }.
	*
	* @return {Array|boolean} Filtered units based on settings.
	*/
	export const useCustomUnits = ( { units, availableUnits, defaultValues } ) => {
	units = units || ALL_CSS_UNITS;
	const usedUnits = filterUnitsWithSettings(
	! availableUnits ? [] : availableUnits,

🚀 This comment was generated by the automations bot based on a todo comment in 3ac8c70 in #8421. cc @kmanijak

[github-actions]

Resolve need to use &&& to increase specificity github.co...

Resolve need to use &&& to increase specificity github.com/WordPress/gutenberg/issues/18483

---

woocommerce-blocks/assets/js/base/wordpress-components/select-control/styles/select-control-styles.js

Lines 59 to 71 in 3ac8c70

	// TODO: Resolve need to use &&& to increase specificity
	// https://github.com/WordPress/gutenberg/issues/18483
	export const Select = styled.select`
	&&& {
	appearance: none;
	background: transparent;
	box-sizing: border-box;
	border: none;
	box-shadow: none !important;
	color: ${ COLORS.black };
	display: block;
	margin: 0;

🚀 This comment was generated by the automations bot based on a todo comment in 3ac8c70 in #8421. cc @kmanijak

[github-actions]

Resolve need to use &&& to increase specificity github.co...

Resolve need to use &&& to increase specificity github.com/WordPress/gutenberg/issues/18483

---

woocommerce-blocks/assets/js/base/wordpress-components/resizable-box/resize-tooltip/styles/resize-tooltip.styles.js

Lines 42 to 52 in 3ac8c70

	// TODO: Resolve need to use &&& to increase specificity
	// https://github.com/WordPress/gutenberg/issues/18483
	export const LabelText = styled( Text )`
	&&& {
	color: white;
	display: block;
	font-size: 13px;
	line-height: 1.4;
	}
	`;

🚀 This comment was generated by the automations bot based on a todo comment in 3ac8c70 in #8421. cc @kmanijak

[github-actions]

We should extract the tabs styles to the tabs component i...

We should extract the tabs styles to the tabs component itself

---

woocommerce-blocks/assets/js/base/wordpress-components/toolbar/style.scss

Lines 83 to 94 in 3ac8c70

	// @todo: We should extract the tabs styles to the tabs component itself
	&.components-tab-button {
	font-weight: 500;
	span {
	display: inline-block;
	padding-left: 0;
	padding-right: 0;
	position: relative;
	}
	}
	}

🚀 This comment was generated by the automations bot based on a todo comment in 3ac8c70 in #8421. cc @kmanijak

[github-actions]

We should remove this function ASAP.

We should remove this function ASAP. It is kept because focus is lost when we click on the previous and next month buttons. This focus loss closes the date picker popover. Ideally we should add an upstream commit on react-dates to fix this issue.

---

woocommerce-blocks/assets/js/base/wordpress-components/date-time/date.js

Lines 90 to 104 in 3ac8c70

	* Todo: We should remove this function ASAP.
	* It is kept because focus is lost when we click on the previous and next month buttons.
	* This focus loss closes the date picker popover.
	* Ideally we should add an upstream commit on react-dates to fix this issue.
	*/
	keepFocusInside() {
	if ( ! this.nodeRef.current ) {
	return;
	}
	const { ownerDocument } = this.nodeRef.current;
	const { activeElement } = ownerDocument;
	// If focus was lost.
	if (

🚀 This comment was generated by the automations bot based on a todo comment in 3ac8c70 in #8421. cc @kmanijak

[github-actions]

, this unnamed div only shows up when plugins add to slots.

, this unnamed div only shows up when plugins add to slots. We should remove the fragment.

---

woocommerce-blocks/assets/js/base/wordpress-components/toolbar-group/style.scss

Lines 126 to 139 in 3ac8c70

	// @todo, this unnamed div only shows up when plugins add to slots. We should remove the fragment.
	> .components-button:last-child,
	> div:last-child > .components-button,
	> .components-dropdown:last-child .components-button {
	min-width: $block-toolbar-height - $grid-unit-15 / 2;
	padding-left: $grid-unit-15 / 2;
	padding-right: $grid-unit-15 - $border-width;
	&::before {
	left: 2px;
	right: $grid-unit-10;
	}
	}
	}

🚀 This comment was generated by the automations bot based on a todo comment in 3ac8c70 in #8421. cc @kmanijak

[github-actions]

, this unnamed div only shows up when plugins add to slots.

, this unnamed div only shows up when plugins add to slots. We should remove the fragment.

---

woocommerce-blocks/assets/js/base/wordpress-components/toolbar-group/style.scss

Lines 92 to 103 in 3ac8c70

	// @todo, this unnamed div only shows up when plugins add to slots. We should remove the fragment.
	> .components-button:first-child,
	> div:first-child > .components-button,
	> .components-dropdown:first-child .components-button {
	min-width: $block-toolbar-height - $grid-unit-15 / 2;
	padding-left: $grid-unit-15 - $border-width;
	padding-right: $grid-unit-15 / 2;
	&::before {
	left: $grid-unit-10;
	right: 2px;
	}

🚀 This comment was generated by the automations bot based on a todo comment in 3ac8c70 in #8421. cc @kmanijak

[github-actions]

Resolve need to use &&& to increase specificity github.co...

Resolve need to use &&& to increase specificity github.com/WordPress/gutenberg/issues/18483

---

woocommerce-blocks/assets/js/base/wordpress-components/input-control/styles/input-control-styles.js

Lines 180 to 192 in 11cc431

	// TODO: Resolve need to use &&& to increase specificity
	// https://github.com/WordPress/gutenberg/issues/18483
	export const Input = styled.input`
	&&& {
	background-color: transparent;
	box-sizing: border-box;
	border: none;
	box-shadow: none !important;
	color: ${ COLORS.black };
	display: block;
	margin: 0;
	outline: none;

🚀 This comment was generated by the automations bot based on a todo comment in 11cc431 in #8421. cc @kmanijak

[github-actions]

ideally this hook shouldn't be needed github.com/WordPres...

ideally this hook shouldn't be needed github.com/WordPress/gutenberg/pull/31822#discussion_r633280823

---

woocommerce-blocks/assets/js/base/wordpress-components/unit-control/utils.js

Lines 257 to 270 in 11cc431

	* TODO: ideally this hook shouldn't be needed
	* https://github.com/WordPress/gutenberg/pull/31822#discussion_r633280823
	*
	* @param {Object} args An object containing units, settingPath & defaultUnits.
	* @param {Array<Object>|undefined} args.units Collection of available units.
	* @param {Array<string>|undefined} args.availableUnits The setting path. Defaults to 'spacing.units'.
	* @param {Object|undefined} args.defaultValues Collection of default values for defined units. Example: { px: '350', em: '15' }.
	*
	* @return {Array|boolean} Filtered units based on settings.
	*/
	export const useCustomUnits = ( { units, availableUnits, defaultValues } ) => {
	units = units || ALL_CSS_UNITS;
	const usedUnits = filterUnitsWithSettings(
	! availableUnits ? [] : availableUnits,

🚀 This comment was generated by the automations bot based on a todo comment in 11cc431 in #8421. cc @kmanijak

[github-actions]

does this still apply now that it's a <ul> and not a <div>?

does this still apply now that it's a <ul> and not a <div>?

---

woocommerce-blocks/assets/js/base/wordpress-components/form-token-field/suggestions-list.js

Lines 94 to 105 in 11cc431

	// TODO does this still apply now that it's a <ul> and not a <div>?
	return (
	<ul
	ref={ this.bindList }
	className="components-form-token-field__suggestions-list"
	id={ `components-form-token-suggestions-${ this.props.instanceId }` }
	role="listbox"
	>
	{ map( this.props.suggestions, ( suggestion, index ) => {
	const match = this.computeSuggestionMatch( suggestion );
	const classeName = classnames(
	'components-form-token-field__suggestion',

🚀 This comment was generated by the automations bot based on a todo comment in 11cc431 in #8421. cc @kmanijak

[github-actions]

Resolve need to use &&& to increase specificity github.co...

Resolve need to use &&& to increase specificity github.com/WordPress/gutenberg/issues/18483

---

woocommerce-blocks/assets/js/base/wordpress-components/resizable-box/resize-tooltip/styles/resize-tooltip.styles.js

Lines 42 to 52 in 11cc431

	// TODO: Resolve need to use &&& to increase specificity
	// https://github.com/WordPress/gutenberg/issues/18483
	export const LabelText = styled( Text )`
	&&& {
	color: white;
	display: block;
	font-size: 13px;
	line-height: 1.4;
	}
	`;

🚀 This comment was generated by the automations bot based on a todo comment in 11cc431 in #8421. cc @kmanijak

[github-actions]

Resolve need to use &&& to increase specificity github.co...

Resolve need to use &&& to increase specificity github.com/WordPress/gutenberg/issues/18483

---

woocommerce-blocks/assets/js/base/wordpress-components/unit-control/styles/unit-control-styles.js

Lines 37 to 49 in 11cc431

	// TODO: Resolve need to use &&& to increase specificity
	// https://github.com/WordPress/gutenberg/issues/18483
	export const ValueInput = styled( NumberControl )`
	&&& {
	input {
	appearance: none;
	-moz-appearance: textfield;
	display: block;
	width: 100%;
	${ arrowStyles };
	${ paddingStyles };

🚀 This comment was generated by the automations bot based on a todo comment in 11cc431 in #8421. cc @kmanijak

[github-actions]

Continue to update values as "G2" design evolves.

Continue to update values as "G2" design evolves.

"G2" refers to the movement to advance the interface of the block editor.github.com/WordPress/gutenberg/issues/18667

---

woocommerce-blocks/assets/js/base/wordpress-components/utils/colors-values.js

Lines 17 to 31 in 11cc431

	* TODO: Continue to update values as "G2" design evolves.
	*
	* "G2" refers to the movement to advance the interface of the block editor.
	* https://github.com/WordPress/gutenberg/issues/18667
	*/
	export const G2 = {
	blue: {
	medium: {
	focus: '#007cba',
	focusDark: '#fff',
	},
	},
	gray: {
	900: '#1e1e1e',
	700: '#757575', // Meets 4.6:1 text contrast against white.

🚀 This comment was generated by the automations bot based on a todo comment in 11cc431 in #8421. cc @kmanijak

[github-actions]

Resolve need to use &&& to increase specificity github.co...

Resolve need to use &&& to increase specificity github.com/WordPress/gutenberg/issues/18483

---

woocommerce-blocks/assets/js/base/wordpress-components/select-control/styles/select-control-styles.js

Lines 59 to 71 in 11cc431

	// TODO: Resolve need to use &&& to increase specificity
	// https://github.com/WordPress/gutenberg/issues/18483
	export const Select = styled.select`
	&&& {
	appearance: none;
	background: transparent;
	box-sizing: border-box;
	border: none;
	box-shadow: none !important;
	color: ${ COLORS.black };
	display: block;
	margin: 0;

🚀 This comment was generated by the automations bot based on a todo comment in 11cc431 in #8421. cc @kmanijak

[github-actions]

This PR has been marked as stale because it has not seen any activity within the past 7 days. Our team uses this tool to help surface pull requests that have slipped through review.

If deemed still relevant, the pr can be kept active by ensuring it's up to date with the main branch and removing the stale label.

[kmanijak]

This path won't be pursuit.