Because:
- Tailwind v3 provides more classes by default, so many custom variations included in our Tailwind config are no longer needed.
- Tailwind v3 enables JIT engine by default, and purges all unused utilites from the css build. While this reduces file size, it also becomes difficult to debug styling with browser dev tools.
This commit:
- Removes custom variations in fxa-react's tailwind.js when they are included by default in Tailwind v3.
- Removes custom variations that are no longer in use in fxa packages.
- Updates bento menu component to use default TW inset class.
- Tested build-css to ensure output css compiles with no errors.
- Does not remove fontSize definitions even though provided by Tailwind v3, as explicit declaration is currently needed for fxa-settings's design guide.
- Safelist all tailwind patterns in dev mode to enable in-browser styling with tailwind utilities.
Closes #FXA-5448, FXA-6235
Because:
* When a customer, who uses PayPal as their payment method and who's tax
location could be determined by Stripe from their IP, subscribes
for their 2nd subscription, the `subscriptions/new-paypal` endpoint
returns with a 500 error code.
* After the 500 error code, in Sentry, an issue is shown with message
`ValidationError: "sourceCountry" is required`.
This commit:
* First tries to retrieve the sourceCountry from the tax location,
before using the customer address.
Closes #FXA-6378
Because:
* We should always check if there's a tax id for the currency used
and add it.
This commit:
* Updates the tax id code to always check if a tax id is needed for the
current currency.
Closes FXA-6386.
Because:
* The FF logo isn't showing up after build
This commit:
* Updates the background path reference recently introduced in tailwind.css so our usemin:css grunt task finds the path and replaces it at the build step with the hashed version
Fixes FXA-6372
Because:
* When a customer, who uses PayPal as their payment method and who's tax
location could be determined by Stripe from their IP, subscribes
for their 2nd subscription, the `subscriptions/new-paypal` endpoint
returns with a 500 error code.
* After the 500 error code, in Sentry, an issue is shown with message
`ValidationError: "sourceCountry" is required`.
This commit:
* First tries to retrieve the sourceCountry from the tax location,
before using the customer address.
Closes #FXA-6378
Because:
- We plan to convert content-server to a similar stack as `fxa-settings`, which includes React and Tailwind. Error state styling has already been converted to Tailwind, and other states (.info, .success, .dismiss) should be converted to match in preparation for the larger conversion of content-server to React.
Commit:
- Remove .info, .success, .dismiss styling from state.scss and main.css
- Add Tailwind classes to state.css for .info, .success, .dismiss classes used in info banners.
- Modify banner styling to match AlertBar styling in fxa-settings
- Modify tooltip dismiss button styling
- Improve a11y of banner and tooltip dismiss button
- Update test to account for dismiss button changed from text to img element
Closes #FXA-5750
Because:
* We want to ensure users know what the error is by providing clear fallback text instead of error ids in the event localization fails
This commit:
* Provides fallback text and updated tests for CouponForm and PaymentErrorView
* Updates variable and function names to reflect whether they return the error id or message
Closes#13045
Because:
* We should always check if there's a tax id for the currency used
and add it.
This commit:
* Updates the tax id code to always check if a tax id is needed for the
current currency.
Closes FXA-6386.
Because:
* The FF logo isn't showing up after build
This commit:
* Updates the background path reference recently introduced in tailwind.css so our usemin:css grunt task finds the path and replaces it at the build step with the hashed version
Fixes FXA-6372
Barry Chen
Vijay Budhram
dependabot[bot]
Lisa Chan
Valerie Pomerleau
Wil Clouser
Meghan Sardesai
Ankita Shrivastava
Meghan Sardesai
Reino Muhl
Ben Bangert
Lauren Zugai
millsoper
Dan Schomburg
Ankita Shrivastava
dschom
Vijay Budhram