isFitted Epic

[andresin87]

There is some different considerations implemented all over the code which tackles the styling rules about each component's margins and paddings and borders also. Sometimes, there are extra spacing, in other cases there is not, and some component, have spacings in weird situations.

The final decision is to deliver (publish) each component as it is (with No extra spacing) for all the cases.

For the transition, until we publish a major of any spaced component we are going to have a boolean prop which enables this desired behavior in those needed components. This prop will be removed in its next major published version.

The prop name must be agnostic to its technical implementation. We decided to name it isFitted. isMarginless, isPaddingless, isBorderless

• Agreements Explanation:
• Tasks list:
  • atom/switch:
    • feat(components/atom/switch): Add prop to disable the padding in the container #1661
    • feat(components/atom/switch): Change naming to have the same as in the epic #1663 @xaviermariaconejo
    • fix(components/atom/switch): solve side effects when isFitted #1670 @oriolpuig @fredyzz
  • atom/button
  • atom/tag
    • feat(components/atom/tag): add isFitted prop to disable the padding in the container #1853
  • atom/badge
    • feat(components/atom/badge): add secundary type #1692 @adriadoz

[turolopezsanabria]

Also reported as an issue here:
#1708

[IsabelGomez87]

The modal component also need this feature isFitted