Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

New style #391

Draft
wants to merge 325 commits into
base: master
from

Conversation

@bpierre
Copy link
Member

commented Jun 1, 2019

Breaking changes in UPGRADE.md

  • Improve Rollup configuration (#385)
  • Improve icons generation (#346)
  • New color utility (color) (d7a274c).
  • New light theme.
  • New dark theme (incomplete).
  • Update Button (new style + API).
  • Add Layout / useLayout().
  • Update Card (new style + interactive).
  • Add CardsLayout.
  • Add Bar.
  • Add Box.
  • Add Split.
  • Add Pagination.
  • Add DataView.
  • Update TabBar for Bar.
  • TabBar becomes Tabs and adapts to small viewports.
  • Update AppView (new style + reduced API). AppView is not needed anymore.
  • Add AppHeader Header (component for the app name + main action).
  • Remove AragonApp.
  • Add BackButton (to be used in Bar).
  • Add DiscButton.
  • Update icons (the previous icon names are still supported, but are aliases of the new icons).
  • Move the layout-related features of Viewport into Layout.
  • Remove WOFF 1 fonts.
  • Update Main to use Layout automatically.
  • New theming system (useTheme()).
  • Migrate everything to useTheme().
    • AddressField
    • AppBar
    • Badge (replaced by Tag)
    • Badge.App (replaced by Tag)
    • Badge.Identity (replaced by Tag)
    • Badge.Info (replaced by Tag)
    • Badge.Notification (replaced by Tag)
    • BadgeNumber (will be replaced by Count)
    • Checkbox
    • CircleGraph
    • ContextMenu
    • ContextMenuItem
    • DropDown
    • DropDownItem
    • EmptyStateCard
    • Field
    • FloatIndicator
    • IconInfo
    • IdentityBadge
    • IdentityBadgePopover
    • Info
    • LineChart
    • LoadingRing
    • PartitionBar
    • Popover
    • ProgressBar
    • Radio
    • RadioList
    • RadioListItem
    • SidePanelSeparator
    • SidePanelSplit
    • Slider
    • Table
    • TableCell
    • TableHeader
    • TextInput
    • Timer
    • Toast
    • TokenBadge
    • TokenBadgePopover
    • TransactionProgress
  • Update gallery pages / READMEs:
    • BackButton
    • Bar
    • Box
    • ButtonIcon, ButtonText
    • CardLayout
    • DataView (provide example)
    • DiscButton
    • Info (provide more modes)
    • Header
    • Layout
    • Main
    • Pagination
    • Split
    • Tabs
    • Theme
@bpierre bpierre referenced this pull request Jun 6, 2019
0 of 2 tasks complete
src/utils/styles/gu.js Outdated Show resolved Hide resolved
@luisivan luisivan referenced this pull request Jun 14, 2019
7 of 14 tasks complete

bpierre added some commits Jun 16, 2019

Card tweaks
- Center by default
- Use the `top` CSS property rather than translateY(), because of a text
  rendering issue that was happening in Firefox and the fact that it is
  not a critical transition.
- Make the card unselectable when interactive.
@luisivan

This comment has been minimized.

Copy link
Member

commented Jun 27, 2019

needs #346

bpierre added some commits Jun 27, 2019

@luisivan luisivan added the frontend label Jun 27, 2019

bpierre added some commits Jul 2, 2019

sohkai and others added some commits Aug 16, 2019

Tag: tweak the text alignment (#493)
- Move from 3px to 1px.
- Fix the alignment on the text, not the icon.

@sohkai sohkai removed the frontend label Aug 19, 2019

AquiGorka and others added some commits Aug 19, 2019

Box: adjust default padding if in primary slot of Split (#470)
* Box: update default padding

* Split: add Inside scoping

* Box: adjust for larger default padding when inside primary Split
Sidepanel: overlay + shadow tweaks (#501)
- Formatting / move to the css prop.
- Align the overlay with Modal.
- Use a black shadow.
Add experimental DateRange (#482)
* DateRange: add experimental component

* Components: add experimental DateRange to index

* DateRange: update styles

* Add date-fns dep

* TextInput: update local imports

* DatePicker: update local imports

* DateRange: update local imports

* DateRange: fix lint errors

* Revert adding date-fns

* Devbox: add DateRange

* DateRange: remove unnecessary outdated components

* Utils: add eachDayOfInterval() helper, similar to date-fns' version

* DateRange: update to use dayjs, styles

* DateRange: remove unnecessary internal TextInput and fix height to 5 GU
Modal updates to fix some z-index issues (#509)
* Modal: add z-index update prop

* Modal: update readme

* Modal: refactor z-index in favor of props

* Modal: remove z-index from readme props
Button + icon adjustments (#507)
The Button geometry is now based on the new specification by @owisixseven.

Also, all the icons have been updated to fix their alignment on buttons.

Other changes:

- New horizontal padding.
- New button size: “mini”.
- Deprecated button sizes: “large”, “normal” (which becomes “medium” like the other size-related props).
- Add “body4” to the text styles.
- Adapt the icon size to the button size.
- Add Inside slots to Button.
- Update the devbox demo.
- Reorganize a bit the way styles are generated in Button.
- Add QuestionIcon.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
5 participants
You can’t perform that action at this time.