* fix(item): fix color input for item divider and list header
- adds ItemDivider class to add color and mode css classes to item
divider
- adds e2e test for item divider colors
- adds sass variables to improve control over list headers and item
divider styles
- fixes style for item divider so it will be styled regardless of being
inside a list for md and wp modes
references #8376
* refactor(popover): remove the background color styling from ion-content and item
- change the default text color and background color to match the theme
variables. This makes popover look better on dark theme and removes the
nesting of styles that breaks list headers.
fixes#8376
* refactor(card): add color/mode classes to header, title, content
- Remove native HTML element styling inside of cards (headings,
paragraph)
- Move the default color for the HTML elements to the content
- Generate colors for the card itself, the header, the content, and the
title using the color input
- Add e2e test for card colors
References #8330
* refactor(item): remove paragraph styles, update activated colors
- Adds test for item colors
- Removes the color from native paragraph elements allowing colors to
be passed
Closes#9081
* refactor(item): bring back paragraph color and override in the item loop
* refactor(card): add back heading and paragraph colors and override in color loop
I have measured the performance impact of this change, since we use the push change detector strategy, the *ngIf is only evaluated once.
Items wrapped around an element with the ListReorder directive will receive a hidden `<ion-reorder>` in their DOM, but items that are not wrapped (i.e. they CAN NOT be reordered) will not even have the `<ion-reorder>` element in their DOM.
fixes#9065
* fix(sass): remove usage of colors other than primary, improve error
fixes#8266
* refactor(sass): add variables to override all modes for fab and input
* refactor(fab): rename Sass variable from in-list to list-button
BREAKING CHANGE:
- `$fab-<mode>-in-list-background-color` ->
`$fab-<mode>-list-button-background-color`
- `$fab-<mode>-in-list-text-color` ->
`$fab-<mode>-list-button-text-color`
- `$fab-<mode>-in-list-background-color-activated` ->
`$fab-<mode>-list-button-background-color-activated`
- smoother by debouncing touch events (reduces bank)
- dynamic animation duration
- intelligent behavior based in the position, speed and direccion of the swipe (sharing logic with sliding item)
fixes#8919fixes#8958fixes#7934
