Changes:
- Visual changes in Twitter share button.
Changes:
- Props adjustment for
Modal
component. borderRadius={20}
won't work forModal
component. Correct way to add border radius is throughsx
.
Example -sx={{ borderRadius: 20 }}
- Increased the
Modal
close icon size
Changes:
- Resolved
Modal
component CSS bugs
Changes:
- New component added -
Textarea
Breaking changes:
Input
component has been separated out intoInput
andTextarea
components. Thetype="textarea"
androws
props won't work anymore.- Replace
<Input type="textarea" />
with<Textarea />
Changes:
icons
have been migrated to a private module
Breaking changes:
- Import statement of
icons
have been changed. The working one is"ooni-components/icons"
.
- Identical to
v0.5.0-alpha.0
Adds:
- Rollup bundler to the applicaton
- Typescript support -
v4.7.4
- Styleguide and Eslint support
Changes:
- All components have been migrated to Typescript
- New unit testing with @testing-library/react
- Storybook in a more structured way
Breaking changes:
- Import statement of
svgs
andanimations
have been changed.
The working ones are"ooni-components/svgs/logos/abc.svg"
and"ooni-components/animations/abc.json"
- Uninstall
rebass
and@rebass/forms
from the deps as it's coming from design-system and might break things due to version conflicts.
Dependency changes:
- Storybook upgraded from
v5.x.x
tov6.x.x
@rebass/preset
,emotion-theming
,palx
,prop-types
,react
,react-dom
,react-icons
,styled-components
,styled-system
,victory
have been removed from the dependencies@rebass/forms
,react
,react-dom
,rebass
,styled-components
have been added as peer-dependencies
Fixes:
- Remove default outline around buttons
Fixes:
- Fix bug in CI script that populated
dist/
incorrectly before publishing to npm - Security fixes in dependency versions suggested by Github security advisories (#113)
Fixes:
- Fixed how props are passed down from Modal to Box with content (#112)
- No-op version bump to trigger CI
Adds:
- Added icons for Signal and RiseupVPN tests
- CI script publishes to npm registry directly when version number is changed
Changes:
- Upgraded to
styled-components
to v5 - Upgraded
react-icons
to latest. More icons to choose from. - Default Link color to
blue6
(Thanks @Eddges!)
Fixes:
- Modal component is now usable again
- Security fixes in dependency versions suggested by Github security advisories
Fixes:
- Restore disabled state sytling to buttons
- Security fixes in dependency versions suggested by Github security advisories
Changes
- BREAKING Uses rebass@^4.0.0 and styled-system@^5.1.5
- Most components have been refactored to use rebass'
variants
feature
Security
- Bumped versions for
websocket-extensions
,lodash
,elliptic
(@dependabot)
Fixes:
- Fixed circumvention test group icon spacing
Adds:
- Animation for Circumvention test group
Adds:
- Icon for
tor
test
Changes:
- BREAKING Supports styled-components@^4.0.0
- Fixed
psiphon
test icon
Removed:
- Dropped misspelt color
fuschia
. Usefuchsia
Adds:
- Add
<Link>
component styled with OONI theme - Add icon for circumvention test group
Changes:
- dependency upgrades by dependabot #65 #66 #69 #71
Fixes:
- Security fixes in dependency versions suggested by Github security advisories
Adds:
- Add
fontWeight
prop toText
component
Adds:
- Add icon for Vanilla Tor circumvention test
Adds:
- Add disbaled state styles to
Button
Adds:
- Include animations in package builds
- Add
fsevents
as optional dependency
Fixes:
- Fix component type comparison in dev mode with HMR enabled
Changes:
- Use the custom
Container
inHero
Changes:
- Use responsive maxWidths for
Container
- Change button fonts to 'Title Case'
- Stop focus events on Input from affecting position of other elements
- Upgrade babel, storybook, and testing tools dependencies
Adds:
- Travis CI configuration to run tests
Changes:
- Font definitions structure in Theme as per new rebass spec
Changes:
- Publish only the necessary files to npm registry
Changes:
- Upgraded
styled-components
,rebass
,grid-styled
(now@rebass/grid
) to latest stable versions fontSizeMult
is now deprecated- Uses
flexWrap
prop instead offlex
Adds:
- Unit tests for all components with Jest Snapshot Testing
Fixes:
- Click handler for
Modal
- Responsive breakpoints in rebass theme
Changes:
- Update icons for URL categories HATE and MILX
Fixes:
- Broken svgs
Adds:
- Tick & Cross icons
Adds:
- Custom icons
- Bodymovin animations
Changes:
- Card now acts clickable only when it has onClick bound to it
Adds:
- Select component
- Storybook interactive preview
Changes:
- Color palette
- Migrate the source from ooni/design to ooni/design-system
Fixes:
- Pin more versions and use babel-plugin-styled-components
Fixes:
- Invert black with white
Changes:
- New and improved color palette
Fixes:
- Pin styled-components version
Adds:
- Card component
- inverted and hollow Button component props
Changes:
- Add -1px letter-spacing to Light headers
Fixes:
- Bug in Button and Input
Fixes:
- Bug in Button
Changed:
- Remove responsiveness from Button
Changed:
- Remove container from Modal
Added:
- Modal organism
Changed:
- Sizes of Button, Input, Radio
Changed:
- Improvements to typography
- Improvements to buttons
Changed:
- Better support for responsiveness
- Implement styled-system inside of ooni-components
Changed:
- Use SemiBold in place of Bold
- Use round buttons
Adds:
- Custom RadioButton label
Adds:
- Input[type='textarea']
- TwitterShareButton
- FacebookShareButton
Adds:
- FormWithLabel
- Button
- IconButton
- Radio
- Input
- InputWithIconButton
- Hero
Fixes:
- Include svgs via
babel-plugin-inline-react-svg
Fixes:
- Include static files in build
Still work in progress
Adds:
- Basic color scheme
- Rebass theme
- Victory theme