Adam Stankiewicz

[maintenance] Upgrade Gatsby JS ecosystem packages in Paragon

1

Ensure Gatsby packages are upgraded to latest. === We recently added support via `@edx/frontend-build` ([v12.6.0](https://github.com/openedx/frontend-build/releases/tag/v12.6.0)) for MFEs to use `@custom-media` queries to support using CSS variables in media queries. It's...

Update to React version 18

1

## Description Update React version, test manually and fix tests Model after [this PR](https://github.com/openedx/paragon/pull/1248) Ideally, will be additive-only, ensuring Paragon is backwards-compatible with React 16/17 still such that consuming applications...

`SearchField` has white background on `form`, not the input field

1

[Playground Example](https://paragon-openedx.netlify.app/playground/?code=N4Igxg9gJgpiBcIA8UCWA3ABGANgQwGcCA5PAWxgF4AdEAIwHMBaKPAJwGtMAHJgZloA%2BagDtMmJAGUY7MAAsAYqhg4oAOgCCUdHhFgYUUePEQRkgK50yqAC6VgOnOZiZKg7KYIQcMNTggMABQABgQybPKYBJbWNjYG8JgAJA54TjAAvsEAlBlGxtFWtgBC5nGmADIQYHg2qKY0IDAAHvFsImm0%2BcJixigY2PhEpBSN3AwiAPqTYbJyAGbKqpMA7mx43NwwbEL5xhLSc0oq6hV4dCoA9D374lLh8seqagCSItxl13sSl2joN31DhFFEt1BYijZSuUxIVYlCbJVqrV6iJGi02h0cLRMDo2KhdHZaKxONivr0kJcgY9QZptLp9FAehS-oIQAAaEA2OQwCgEBAAbSaUAAGmoIGwGCAALoclaoKBcvnwfkAdgAbAAONkARgATAAGfVSjJAA) Note the white background on the `form` in the `SearchField` component between the input field and the "Search" button CTA. ```[tasklist] ### Tasks - [ ] Ensure the...

`SearchField.SubmitButton` with variant="dark" has no hover styles

2

The `SearchField.SubmitButton` component, when located externally and with `variant="dark"`, does not have proper styles according to the `Button` spec on hover. Interestingly, when `variant="light"`, the `SearchField.SubmitButton` component does have proper...

## Feedback summary ```[tasklist] ### Tasks - [ ] Consider including `aria-label` documentation on `Form.Label` docs page (https://paragon-openedx.netlify.app/components/form/form-label/), and/or elsewhere. I.e., if your use case doesn't call for visually displayed...

Card loading state

2

It appears the `Card` skeleton loading state when the `isLoading` prop is passed is no longer working, at least on the documentation website: https://paragon-openedx.netlify.app/components/card/#with-loading-state [Playground demo](https://deploy-preview-2511--paragon-openedx.netlify.app/playground?code=N4Igxg9gJgpiBcIA8BhAhgJygAgJYGcAZCNKXAOwHNsINcZyAXNR3CcgXgB0QALW3AC92zADY8AfF3LZsqTFAB0ASQC2aSjHQAHabNn4MYbn0aNt%2BeAHor23GHwBXVYu39GEfFYDMANgAMVgBM-oE8evqGYACCoowm6Fh46prhMvqiEJQQAMpGJrxmFtZWAG64aK6iaGAw-KKwGIqQqlYAjACs-mn62JnZsfE8iTj9ED3YVlLp8liKAELQAJ7TvbNKABIwpDAYEb2sjKIwJgAquEcwE71OAEaHxyY5jvcXx9eTq-rrijkwYKx2NgHiceH8AWwZCDJPt9FsMDBsAB3RFItBMYEQbBkfDaapLbC3CCMXjYLY7DDYdE4cGAmS3GCMFEMbBqDRaNDaKnkHAAMQgxN22Ba2nYDEY%2BAANNh8FiUdhHPhESNFLDZIsoASPFSwCLRARSSSWIpsLCkFYVbTIV9zSqNSsIj9%2BYLKQJxSxIQUBMImGhxCAvrIkPNHGZ2BJohCgW1zSGw%2BRA3I4x4E5G6dggrHQymbRaFIpnYxdtNbQoJCBJSASTBVDB8AgANogGBQAAailolBAAF1K0jcFASfX4A22iF-N2AL5AA) ```[tasklist] ### Tasks -...

Define types for Paragon exports

2

Through https://github.com/openedx/paragon/pull/1962, it was discovered that we need to define types for Paragon's exports defined in `src/index.js`. In the short term, we'd like to define these types in the Paragon...

Enable TypeScript type coverage for PRs and `master`

3

## Improvements Investigate integrating with type coverage in Paragon CI. E.g., see https://github.com/plantain-00/type-coverage.

fix: upgrade @actions/core to v1.10.0 to resolve set-output deprecation warning

1

Example warning output when running `sync-branches`: Related issue: https://github.com/TreTuna/sync-branches/issues/71 Based on GitHub documentation, upgrading `@actions/core` to v1.10.0 should resolve the deprecation warning: https://github.blog/changelog/2022-10-11-github-actions-deprecating-save-state-and-set-output-commands/

Hello! We are migrating the design system for the Open edX platform to `style-dictionary`. One of the requirements for the Open edX platform is that it must support custom theming...