Skip to content
This repository has been archived by the owner on Mar 4, 2020. It is now read-only.

feat(Input): move styles to Base theme #1247

Merged
merged 8 commits into from
Apr 23, 2019
Merged

Conversation

layershifter
Copy link
Member

@layershifter layershifter commented Apr 22, 2019

This PR moves Input styles to Base theme.

BREAKING CHANGES

In InputVariables the inputFocusBorderBottomColor variables was renamed to inputFocusBorderColor. It allows to customize all borders instead of only bottom.

Before

inputFocusBorderBottomColor: 'red',

After

inputFocusBorderColor: 'transparent transparent red transparent`,

@codecov
Copy link

codecov bot commented Apr 22, 2019

Codecov Report

Merging #1247 into master will decrease coverage by 0.01%.
The diff coverage is 0%.

Impacted file tree graph

@@            Coverage Diff             @@
##           master    #1247      +/-   ##
==========================================
- Coverage   71.58%   71.57%   -0.02%     
==========================================
  Files         730      731       +1     
  Lines        5582     5583       +1     
  Branches     1612     1634      +22     
==========================================
  Hits         3996     3996              
- Misses       1581     1582       +1     
  Partials        5        5
Impacted Files Coverage Δ
...ct/src/themes/base/components/Input/inputStyles.ts 8.33% <0%> (ø)
...src/themes/base/components/Input/inputVariables.ts 0% <0%> (ø)
...rc/themes/teams/components/Input/inputVariables.ts 0% <0%> (ø) ⬆️

Continue to review full report at Codecov.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update 592845c...08357b1. Read the comment docs.


inputPadding: `${pxToRem(7)} ${pxToRem(12)}`,
inputFocusBorderBottomColor: siteVars.colors.primary[500],
inputFocusBorderColor: `transparent transparent ${siteVars.colors.primary[500]} transparent`,
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I hate that we are using input as part of the variables name, but the input is a shorthand of the Input component, so I don't see any better way... :(

Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I don't have better ideas there, too :(

Copy link
Contributor

@mnajdova mnajdova left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM 👍

@layershifter layershifter merged commit 8a47d6e into master Apr 23, 2019
@delete-merged-branch delete-merged-branch bot deleted the chore/move-input-styles branch April 23, 2019 10:41
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

2 participants