Adds support for i18n translations in Paragon components, including the commands to push/pull translations from Transifex in an automated process. This change itself does not guarantee the components are truly translated yet as they may still need a translator and/or a reviewer to approve the translation in Transifex before a translation is pulled.
To upgrade, ensure you are using at least `react-intl@5.25.0` in your application.
BREAKING CHANGE: By adding i18n support to the Paragon design system, we are introducing a peer dependency on `react-intl@5.25.0` or greater. This may be a breaking change for some consumers, if your repository:
* Uses v1 of `@edx/frontend-platform`
* Uses older version of `react-intl` than v5.25.0 directly.
* Does not use `react-intl`.
* docs: add ADR about runtime a11y validation via axe-core/react
* docs: add link to axe-core docs
* docs: add note about toggling axe-core off
* docs: update ADR
* docs: one more update to ADR
and remove custom Responsive components
BREAKING CHANGE: Custom Responsive components have
been removed in favor of passing through components
and functionality from react-responsive directly.
Components that have been removed:
- `ExtraSmall`
- `Small`
- `Medium`
- `Large`
- `ExtraLarge`
- `ExtraExtraLarge`
- `LargerThanExtraSmall`
New passthroughs:
- `MediaQuery`
- `useMediaQuery`
- `ResponsiveContext`
Please refer to
[react-responsive](https://www.npmjs.com/package/react-responsive)
documentation for more information.
BREAKING CHANGE: Remove the pre-compiled paragon-edx.css published output. It was using the old theme and is unused throughout edx.
Move component scss and related scss variables into component directories
Create component directories for passthrough components
BREAKING CHANGE: Delete outdated edx/ and example-theme theme directories
* fix: add withDeprecatedProps HOC and deprecate className array in button
* fix: create component api guidelines adr
* fix: update selectors in pagination test
Selectors now find button even when it wrapped in withDeprecatedProps HOC.
* fix: change classname prop format to string in Icon
* fix: change classname format to string for StatusAlert
* fix: change classname prop format to string in Table
* fix: change classname to expect string in Inputs
This reverts commit 0274806f8e.
* fix: make default className undefined
* fix: update assignment of transformed props
* Update src/StatusAlert/StatusAlert.test.jsx
Co-Authored-By: abutterworth <adamjbutterworth@gmail.com>
* fix: update ADR to accepted
* fix: pass through children if provided
* update storybook, webpack, and other supporting packages
* upgrade node version in travis
* fix: clean up commonly repeated storybook configuration
* fix: update dependencies
* fix: misc config changes
* fix: height of fieldset
long term the .form-control class should not be used on fieldset. It now explicitly sets a height and was probably not intended to be used the way it is in paragon's fieldset.
* fix: remove css module import for font awesome in Icon story
* fix: update storyshot config to have no decorators
* fix: use whitelist for npm publishing
* fix: remove source maps from build. hopefully using less memory
* fix: update notifications to paragon@edx.org
feat: remove static build output (#398)
Removes a the static build output. Sets the stage to remove css modules and simplify JSX elsewhere.
feat: remove css module and namespace support (#399)
This changes the way scss should be imported with components. Rather than a SCSS file for each module, this prefers that consumers import the scss file (src/index.scss). It must be included after bootstrap variables are set. It's also up to the consumer to include font-awesome if needed.
See ADR for removal of CSS Modules.
* fix: remove usage of css module styles object
* feat: remove css modules and consolidate scss inclusion pattern
* fix: build scss separately
* fix: remove array around className prop for raw html nodes
BREAKING CHANGE: This removes the static build of Paragon. CSS Modules have been removed. The way to include Paragon SCSS has changed. You will see minor changes in your snapshot tests.
This is a BREAKING CHANGE.
* update storybook, webpack, and other supporting packages
* upgrade node version in travis
* fix: clean up commonly repeated storybook configuration
* fix: update dependencies
* fix: misc config changes
* fix: height of fieldset
long term the .form-control class should not be used on fieldset. It now explicitly sets a height and was probably not intended to be used the way it is in paragon's fieldset.
* fix: remove css module import for font awesome in Icon story
* fix: update storyshot config to have no decorators
* fix: use whitelist for npm publishing
* fix: remove source maps from build. hopefully using less memory
* fix: update notifications to paragon@edx.org
feat: remove static build output (#398)
Removes a the static build output. Sets the stage to remove css modules and simplify JSX elsewhere.
feat: remove css module and namespace support (#399)
This changes the way scss should be imported with components. Rather than a SCSS file for each module, this prefers that consumers import the scss file (src/index.scss). It must be included after bootstrap variables are set. It's also up to the consumer to include font-awesome if needed.
See ADR for removal of CSS Modules.
* fix: remove usage of css module styles object
* feat: remove css modules and consolidate scss inclusion pattern
* fix: build scss separately
* fix: remove array around className prop for raw html nodes
We'd like to use Architectural Decision Records to document decisions
made about the future direction of the paragon pattern library. This
was approved by a voice vote at a meeting of the FedX group on
Thursday, 10/18/18.
docs(readme): add semantic-release documentation
docs(readme): add semantic-release notes to documentation
docs(readme): add cli gif link
docs(readme): fix some formatting
docs(readme): add more background information
fix(asinput): Accessibility fixes for asInput (#97)
* fix(asinput): Add screen-reader text for danger icon
* fix(asinput): Load form-control-feedback on page load w/ aria-live
fix(readme): Document how to run jest tests in Chrome DevTools (#96)
Also adds an npm run test-debug script.
Peter Kulko