Skip to content
This repository has been archived by the owner on Jan 15, 2021. It is now read-only.

[V2 button] Rearrange component file structure and small prop fixes #1640

Merged
merged 4 commits into from
Nov 29, 2020

Conversation

W3stside
Copy link
Contributor

Changes

  • Moved files into more relevant and closer to their original component file structures
  • Rename props: $type > variation & $size > size
  • misc. small fixes

@W3stside W3stside mentioned this pull request Nov 20, 2020
3 tasks
@gnosis-info
Copy link

Travis automatic deployment:

src/components/common/Button/index.stories.tsx Outdated Show resolved Hide resolved
@W3stside W3stside merged commit 4f611f5 into v2/button-theming Nov 29, 2020
@W3stside W3stside deleted the v2/button-rearrange-fs-and-fixes branch November 29, 2020 11:05
W3stside added a commit that referenced this pull request Jan 5, 2021
* added styled-theming lib

* styling sheets

1. colours
2. styles
3. commented out stuff in theme

* simplify ButtonBase code + add stories

* adjust darkMode decorator for new theme

1, add colour to colourSheet

* StyledButton base

* addressed PR comments:

1. added type to Story
2. Changed DarkThemeTOggler to ThemeToggler
3. simplified ButtonVariant enum

* fix button type, add disabled button, string enum

1. use string enum as button type
2. default to dark mode on start

* [V2] Colour Sheet from Invision wireframes + added to Button + stories (#1632)

* cleanup button story

* new colour sheet

* fix type, remove class styles, use const style

* use new colours in StyledButton

* misc.

1. add borderRadius to const
2. use theme bg for darkMode switch

* [V2] Button sizes (#1633)

* wrap our base styled button in own theme provider and add size opt

* add proper types for button size

* Stories: add B I G and smol button stories

* misc.

1. make theme toggle button smol
2. add buttonFontSize to styles sheet

* enum > type for ButtonVariations

* incorrect darkMode button logo

* better prop names (#1637)

1. kind > $type
2. size > $size

* [V2 button] Rearrange component file structure and small prop fixes (#1640)

* saving

* $transient name props not allowed - use _propName

* change props again

* _type > variation
* _size > size

* variation > variant prop name
W3stside added a commit that referenced this pull request Jan 7, 2021
* creating theme pt 1

* theme

* DarkModeThemeToggler decorator

* Button common component

* Button story

* cleaned up Theme types

* simplify ButtonBase prop logic

* unmemo fn

* fix story bprops

* V2/button theming (#1626)

* added styled-theming lib

* styling sheets

1. colours
2. styles
3. commented out stuff in theme

* simplify ButtonBase code + add stories

* adjust darkMode decorator for new theme

1, add colour to colourSheet

* StyledButton base

* addressed PR comments:

1. added type to Story
2. Changed DarkThemeTOggler to ThemeToggler
3. simplified ButtonVariant enum

* fix button type, add disabled button, string enum

1. use string enum as button type
2. default to dark mode on start

* [V2] Colour Sheet from Invision wireframes + added to Button + stories (#1632)

* cleanup button story

* new colour sheet

* fix type, remove class styles, use const style

* use new colours in StyledButton

* misc.

1. add borderRadius to const
2. use theme bg for darkMode switch

* [V2] Button sizes (#1633)

* wrap our base styled button in own theme provider and add size opt

* add proper types for button size

* Stories: add B I G and smol button stories

* misc.

1. make theme toggle button smol
2. add buttonFontSize to styles sheet

* enum > type for ButtonVariations

* incorrect darkMode button logo

* better prop names (#1637)

1. kind > $type
2. size > $size

* [V2 button] Rearrange component file structure and small prop fixes (#1640)

* saving

* $transient name props not allowed - use _propName

* change props again

* _type > variation
* _size > size

* variation > variant prop name
W3stside added a commit that referenced this pull request Jan 7, 2021
* creating theme pt 1

* theme

* DarkModeThemeToggler decorator

* Button common component

* Button story

* cleaned up Theme types

* simplify ButtonBase prop logic

* unmemo fn

* fix story bprops

* V2/button theming (#1626)

* added styled-theming lib

* styling sheets

1. colours
2. styles
3. commented out stuff in theme

* simplify ButtonBase code + add stories

* adjust darkMode decorator for new theme

1, add colour to colourSheet

* StyledButton base

* addressed PR comments:

1. added type to Story
2. Changed DarkThemeTOggler to ThemeToggler
3. simplified ButtonVariant enum

* fix button type, add disabled button, string enum

1. use string enum as button type
2. default to dark mode on start

* [V2] Colour Sheet from Invision wireframes + added to Button + stories (#1632)

* cleanup button story

* new colour sheet

* fix type, remove class styles, use const style

* use new colours in StyledButton

* misc.

1. add borderRadius to const
2. use theme bg for darkMode switch

* [V2] Button sizes (#1633)

* wrap our base styled button in own theme provider and add size opt

* add proper types for button size

* Stories: add B I G and smol button stories

* misc.

1. make theme toggle button smol
2. add buttonFontSize to styles sheet

* enum > type for ButtonVariations

* incorrect darkMode button logo

* better prop names (#1637)

1. kind > $type
2. size > $size

* [V2 button] Rearrange component file structure and small prop fixes (#1640)

* saving

* $transient name props not allowed - use _propName

* change props again

* _type > variation
* _size > size

* variation > variant prop name

* add polished, css interpolation pkg
@anxolin anxolin mentioned this pull request Jan 12, 2021
16 tasks
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

4 participants