Styled use types #182
Merged
Styled use types #182
Conversation
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
- fix types file name
- add support for class name
|
Codecov Report
@@ Coverage Diff @@
## styled-components #182 +/- ##
==================================================
Coverage 91.87% 91.87%
==================================================
Files 224 224
Lines 2314 2314
Branches 706 706
==================================================
Hits 2126 2126
Misses 187 187
Partials 1 1
Flags with carried forward coverage won't be shown. Click here to find out more.
Continue to review full report at Codecov.
|
guilean
approved these changes
Oct 28, 2020
tkanzakic
added a commit
that referenced
this pull request
Nov 5, 2020
* install styled-components dependencies * initial commit - initial package configuration - add button primitive component * update storybook to latest version * create getTheme method to return default one if none provided * extract types to a file * unit tests Button component * create Button stories * remove unused dependencies * temporary rename packages to styled-components to avoid conflicts with the current one * fix ts config paths * feat: remove unused styles (#151) * Styled icon (#152) * add alias for the styles folder to babel * migrate Icon to styled-components * add exports * fix Icon stories to use the type instead of a string * remove unnecessary expectation * use appropriate assertion method Co-authored-by: Pau Teruel <[email protected]> * use appropriate assertion method Co-authored-by: Pau Teruel <[email protected]> Co-authored-by: Pau Teruel <[email protected]> * Styled Typography (#153) * feat: create typography * feat: move props top level Co-authored-by: Takeichi Kanzaki Cabrera <[email protected]> * Styled Link (#154) * migrate Link to styled-components * remove empty class * use color from theme * use appropriate assertion method * migrate Video to styled-components (#157) * Styled NumericBadge (#158) * migrate NumericBadge to styled-components * add size to storybook playground * migrate Image to styled-components (#156) * Styled IconicBadge (#160) * move Color to Badges folder - this type is shared by all badges * migrate IconicBadge to styled-components * Styled AvatarText (#155) * feat: create AvatarText * feat: remove default case * feat: add avatar text to common export * feat: order alphabetically Co-authored-by: Takeichi Kanzaki Cabrera <[email protected]> * Styled Pill (#159) * feat: create pill * feat: add to cmmon export * feat: reorder exports alphabetically Co-authored-by: Takeichi Kanzaki Cabrera <[email protected]> * migrate Asset to styled-components (#161) * feat: create list (#164) * allow CSS overriding (#166) * Styled StepIndicator (#162) * feat: create stepindicator * feat: update stepindicator to stepper * feat: apply feedback * Styled Spinner (#163) * feat: create spinner * feat: apply feedback * migrate ConversationSummary to styled-components (#168) * Styled List Items (#165) * feat: create ButtonItem * feat: create LinkItem * feat: apply feedback * fix: build due to target * feat: create conversation list (#171) * feat: create box container (#172) * Styled Modal (#173) * remove react-modal dependency * move Shapes to a shared file * add Modal theme config * migrate Modal to styled-components * Styled Dropdown (#167) * feat: drpdown * feat: dropdown * feat: apply changes * feat: add story * feat: apply feedback * Styled Modal Improvements (#176) * rename prop to showCloseButton * add missing stories * Styled Tooltip (#169) * feat: create tooltip * feat: apply feedback * feat: update storybook to latest version * feat: revert changes * Styled Snackbar (#170) * feat: create snackbar * test: add test for snackbar * feat: apply feedback * feat: move props type t types file * feat: update sb * Styled Grid (#177) * migrate Grid to styled-components * use appropriate assertion method * Styled SectionChild (#179) * migrate SectionChild to styled-components * define BaseProps type with the common properties of all components * define base props types with the common props for styled components * use common types and test className * use common types and test className in Grid * Styled Section (#178) * feat: create section * feat: add custom css to section and box * feat: use new types * Styled ErrorField (#180) * feat: errorfield * feat: apply new types * feat: add css custom props * Styled radio button (#181) * feat: errorfield * feat: apply new types * feat: create radio button * feat: add custom css * Styled use types (#182) * use common types and test className in Asset * use common types and test className in AvatarText * use common types and test className in IconBadge * use common types and test className in NumericBadge * use common types and test className in Button * use common types and test className in ConversationList * use common types and test className in ConversationSummary * use common types and test className in Dropdown * use common types and test className in Icon * use common types and test className in Image * use common types and test className in Link * use common types and test className in ButtonItem - fix types file name * use common types and test className in LinkItem * use common types and test className in List * use common types and test className in Modal - add support for class name * use common types and test className in Pill * use common types and test className in Snackbar * use common types and test className in Spinner * use common types and test className in Stepper * use common types and test className in Tooltip * use common types and test className in Typography * use common types and test className in Video * Styled TextArea (#184) * feat: create textarea * feat: add global export * feat: add key to items * chore: remove unused import * Wrap customCss call (#187) * extract customCss call to a function * added withCustomCSS HOC * add appropriate types for RadioButton StyledInput * migrate TextArea to withCustomCss HOC * Styled TextField (#185) * feat: create textfield * define type TextField Type - support forwardRef and custom attributes for Shapes and Modes * feat: update textfield to use hoc * feat: add proper types to styled Co-authored-by: Takeichi Kanzaki Cabrera <[email protected]> * Image customCss Implementation (#186) * adding customcss implementation * aplying suggested changes * Remove unnecessary type, adding custome style for storybook * Implement withCustomCss * Use typescript config in tests and stories too (#191) * enable typescript configuration in tests and stories - this will fix the issue we have right now with the IDE not auto completing the code in the tests and stories files and not detecting missing required properties * fix types errors in tests and stories * Styled ExpandableTextfieldIcon (#189) * feat: create expandable * feat: create expandabletextfield icon * feat: update customCss to expandabletextfield * feat: add onChange prop to stories * feat: update customCss * feat: add required props to stories * remove HOC and custom class Co-authored-by: Takeichi Kanzaki Cabrera <[email protected]> * Styled SearchField (#192) * feat: create SearchField * feat: remove hoc * feat: add missing type * Styled TextFieldButton (#193) * feat: create TextFieldButton * feat: add customcss * test: add test for custom css * feat: add missing import * Styled CurrencyField (#190) * currencyField component, style, storybook * implement withCustomCss * Adding stories * adding unit test * apply format * adding CurrencyField component to index file * change fragment for div on currency story, remove unnecessary cn. * update styles with customCss * refactor currencyField test * Styled TextFieldWithLabel (#194) * feat: create TextFieldWithLabel * feat: add customCss to typography * test: add coverage * Styled TextFieldIcon (#195) * feat: create textfieldicon * feat: add box sizing * test: add test for custom css * Styled TextFieldIconButton (#196) * feat: reuse IconPositions enum * feat: create textfieldiconbutton * feat: apply feedback * Styled chat message (#183) * adding styled-components styles * moving code to styled-component folder * adding types, use theme for colors * adding MediaLoader styles * migrate Progress Circular component to styled-components * merge Circular component * adding Circular component to index primitive folder file * change styled file to suggested changes. * adding Spiner component * Remove unecessary Circular component * removing unnecessary variabled * using media query breakpoints from theme * adjust text padding to dsm * format with prettier * revert tailwind message file format * adding typescript Props * adding Message component to the index file * aplying suggested changes * implement customCss * adding customcss implementation * aplying suggested changes * implement Image customCss, fix merge issues * change prop color to backgroundColor * change key color to backgroundColor * adding customCss * implement customCss * update story and test * apply suggested changes * feat: improve styling for image Co-authored-by: Pau Teruel <[email protected]> * Styled Conversation MessageError (#198) * adding styled-components styles * moving code to styled-component folder * adding types, use theme for colors * adding MediaLoader styles * migrate Progress Circular component to styled-components * merge Circular component * adding Circular component to index primitive folder file * change styled file to suggested changes. * adding Spiner component * Remove unecessary Circular component * removing unnecessary variabled * using media query breakpoints from theme * adjust text padding to dsm * format with prettier * revert tailwind message file format * adding typescript Props * adding Message component to the index file * chat MessageError styled-components * unit test, storybook, implement customCss * format with prettier, adding MessageError to index file * adding customCss test * Styled DropdownNativeSelect (#197) * feat: create dropdownnativeselect * feat: create dropdownfield * feat: apply feedback * Styled DropdownFieldMulti (#200) * feat: create dropdownnativeselect * feat: create dropdownfield * feat: dropdownmulti * feat: apply feedback * feat: create dropdownfield multi * feat: apply feedback * add children to CurrencyField (#202) * Replace components with styled-components (#204) * replace components with styled-components * generate changeset * remove unused dependencies Co-authored-by: Pau Teruel <[email protected]> Co-authored-by: Dawin Valenzuela <[email protected]>
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Checklist
Please check if the PR fulfills these requirements