diff --git a/plugins/woocommerce-blocks/assets/css/abstracts/_colors.scss b/plugins/woocommerce-blocks/assets/css/abstracts/_colors.scss index 8d5c41f00a6..649d71a1446 100644 --- a/plugins/woocommerce-blocks/assets/css/abstracts/_colors.scss +++ b/plugins/woocommerce-blocks/assets/css/abstracts/_colors.scss @@ -5,6 +5,7 @@ $no-stock-color: $alert-red; $low-stock-color: $alert-yellow; $in-stock-color: $alert-green; +$discount-color: $alert-green; $placeholder-color: var(--global--color-primary, $gray-200); $input-border-gray: #50575e; diff --git a/plugins/woocommerce-blocks/assets/js/base/components/cart-checkout/shipping-rates-control-package/index.tsx b/plugins/woocommerce-blocks/assets/js/base/components/cart-checkout/shipping-rates-control-package/index.tsx index fdc359b9d8d..9debb174fa5 100644 --- a/plugins/woocommerce-blocks/assets/js/base/components/cart-checkout/shipping-rates-control-package/index.tsx +++ b/plugins/woocommerce-blocks/assets/js/base/components/cart-checkout/shipping-rates-control-package/index.tsx @@ -4,11 +4,10 @@ import classNames from 'classnames'; import { _n, sprintf } from '@wordpress/i18n'; import { decodeEntities } from '@wordpress/html-entities'; -import Label from '@woocommerce/base-components/label'; -import Title from '@woocommerce/base-components/title'; import type { ReactElement } from 'react'; import type { PackageRateOption } from '@woocommerce/type-defs/shipping'; import { Panel } from '@woocommerce/blocks-checkout'; +import Label from '@woocommerce/base-components/label'; import { useSelectShippingRate } from '@woocommerce/base-context/hooks'; import type { CartShippingPackageShippingRate } from '@woocommerce/type-defs/cart'; @@ -77,12 +76,9 @@ export const ShippingRatesControlPackage = ( { const header = ( <> { ( showItems || collapsible ) && ( - + <div className="wc-block-components-shipping-rates-control__package-title"> { packageData.name } - + ) } { showItems && (