Brandy Carney
99f2532ee1
fix(input): only focus the first input / textarea when clicking on the parent item ( #22049 )
...
fixes #22037 resolves #22032
2020-09-14 11:44:37 -04:00
Liam DeBeasi
db2cac20fb
docs(vue): update component usage examples for vue 3 ( #22050 )
2020-09-11 13:48:21 -04:00
Brandy Carney
e4964ff77b
fix(input): properly focus the input when clicking the item padding in WebKit ( #21930 )
...
Related WebKit bug: https://bugs.webkit.org/show_bug.cgi?id=214859
Issue Number: fixes #21509
2020-08-27 14:52:02 -04:00
Adam Bradley
753fd2f910
chore(colorClass): update createColorClasses() for ts4 ( #21896 )
...
Change the createColorClasses() fn so the returned type and jsx class property work well with typescript 4
2020-08-10 09:18:41 -05:00
Brandy Carney
17375d2325
feat(all): add shadow parts to missing components ( #21436 )
2020-06-10 09:58:33 -04:00
Liam DeBeasi
f34d3752e3
feat(all): add support for configuring animations on a per-page basis ( #21433 )
2020-06-08 15:49:14 -04:00
Brandy Carney
882f8fef07
fix(item): inherit align-items from parent item ( #19278 )
...
inherits alignment in inner item, sets item alignment to center
fixes #18703
2020-05-29 11:30:19 -04:00
Alex Currie-Clark
29d208de88
fix(item): input-wrapper now inherits overflow ( #21282 )
2020-05-27 12:56:11 -04:00
Brandy Carney
dd4cb706ff
fix(input): check for tabindex and pass it properly to native input ( #21170 )
...
* fix(input): check for tabindex and pass it properly to native input
references #17515
* style(input): fix lint error
* test(input): update test for more use cases (inside item)
* fix(item): adds delegatesFocus to shadow
* style(input): add comment block on what the code does
2020-05-13 12:18:03 -04:00
Brandy Carney
687122127c
docs(stencil): add stencil usage to components ( #21261 )
2020-05-12 20:35:48 -04:00
Liam DeBeasi
64144960b0
feat(item): add parts support for detail-icon ( #20979 )
2020-04-27 15:33:54 -04:00
Manu MA
976e68da5b
refactor(): minor updates for next stencil version ( #20787 )
2020-03-24 11:59:07 -04:00
Brandy Carney
d53595eb16
fix(item): apply proper margin left for slotted icon in RTL ( #20684 )
...
fixes #20653
2020-03-11 11:52:01 -04:00
Ely Lucas
714ecaae65
docs(react): updating icon usages
2020-02-20 16:08:23 -07:00
Brandy Carney
27a219874c
docs(grid): update usage from attributes to classes ( #20492 )
...
closes ionic-team/ionic-docs#1230
2020-02-14 12:45:46 -05:00
Liam DeBeasi
a6764c4724
fix(item): remove unneeded box-shadow CSS variable ( #20412 )
...
resolves #20392
2020-02-07 13:35:21 -05:00
Brandy Carney
a25007f54f
docs(react): update class usage to className ( #20366 )
2020-02-04 11:16:44 -05:00
Brandy Carney
43d00415a5
docs(breaking): remove references to removed global css vars ( #20348 )
2020-01-30 18:20:35 -05:00
Brandy Carney
628db18a97
fix(components): fix issues with button states ( #20278 )
...
- Update action sheet colors to match spec (md)
- Remove activated background on buttons (md - uses ripple)
- Update Segment Button to use proper indicator color when inside of a toolbar
- Add back input highlight on focus
fixes #20276
2020-01-27 16:47:02 -05:00
Brandy Carney
94159291b2
feat(components): improve button states and add new css properties ( #19440 )
...
Before users had to know the exact opacity that the MD/iOS spec called for in order to change the hover or focused background color. This allows them to change the background without having to know the opacity.
- changes apply to Action Sheet (Buttons), Back Button, Button, FAB Button, Item, Menu Button, Segment Button, Tab Button
- greatly reduces the requirement by users to set the background hover, focused states for dark modes and custom themes, also eliminates the need to know what the hover opacity is for each based on the spec
- updates the MD dark theme per their spec
- adds a component guide for internal use changing Ionic components
references #18279 fixes #20213 fixes #19965
BREAKING CHANGE:
*Activated Class*
The `activated` class that is automatically added to buttons on press has been renamed to `ion-activated`. This will be more consistent with our `ion-focused` class we add and also will reduce conflicts with user's CSS.
*CSS Variables*
The `--background-hover`, `--background-focused` and `--background-activated` CSS variables on components that render native buttons will now have an opacity automatically set. If you are setting any of these like the following:
```
--background-hover: rgba(44, 44, 44, 0.08);
```
You will likely not see a hover state anymore. It should be updated to only set the desired color:
```
--background-hover: rgba(44, 44, 44);
```
If the opacity desired is something other than what the spec asks for, use:
```
--background-hover: rgba(44, 44, 44);
--background-hover-opacity: 1;
```
2020-01-23 16:57:47 -05:00
Manu MA
a5229d90ca
refactor(): remove checked property in favor of parent value ( #19449 )
...
BREAKING CHANGE:
The following components have been updated to remove the checked or selected properties:
- Radio
- Segment Button
- Select
Developers should set the value property on the respective parent components in order to managed checked/selected status.
Co-authored-by: Liam DeBeasi <liamdebeasi@users.noreply.github.com >
2020-01-17 17:22:26 -05:00
Antoine
6d6aba6d40
docs(item): add button property to items with click handler ( #20049 )
2019-12-16 13:47:17 -05:00
Adam Bradley
69e10de718
refactor(ionicons): update to ionicons v5 ( #19670 )
...
* refactor(ionicons): update to ionicons v5
* refactor(back-button): update back button icon to v5 ionicons
* refactor(item): update default detail icon to chevron-forward
* refactor(reorder): update reorder icon for ionicons v5
* refactor(searchbar): use search-sharp
* refactor(searchIcon): update v5 ionicon
* refactor(clearIcon): update searchbar clear icon
* refactor(cancelButton): update to arrow-back-sharp
* refactor(menuIcon): update to v5 ionicons
* api readme updates
* update react and vue ionicons
* add ionicons to react deps
* add ionicons to ionic/vue deps
* add icon to react test
* updates
* fix back button regression for no icon
* update tests
* fix more tests
* fix more icons
* update ionicons version
* fix circle icons
* add correct ellipsis
2019-11-20 09:53:32 -05:00
Brandy Carney
5bbb95fae1
feat(list-header): redesign list header for iOS spec ( #19915 )
2019-11-19 14:53:37 -05:00
David
768e3ae2cf
fix(item): handle multiple inputs inside ion-item correctly ( #18348 )
...
fixes #15850
2019-11-13 17:28:15 -05:00
Matthew Harris
bf2953cf85
docs(item): fragment links pointed at root not doc ( #19402 )
2019-09-20 14:00:29 -04:00
Matthew Harris
d4db3af881
docs(css): replace text-wrap directive with class ( #19144 )
2019-08-26 15:27:00 -04:00
Manu MA
930b271a4a
Master react ( #18998 )
...
* chore(): bump to beta 8
* fix(): IonFabButton href fix
* fix(react): support components with href attributes
* fix(): Prep work to break router out
* fix(): breaking react-router and react-core into own packages
* chore(): moving view stuff out of react-core
* chore(): dev build 8-1
* chore(): update to react beta 8
* chore(): fixes to deps
* fix(): removing IonAnchor in favor of IonRouterLink
* chore(): beta 9 release
* refactor(react): treeshake, minify, api
* wip
* fix(): react dev builds
* fix(): fixes to get app builds working again
* fix(): removing tgz file
* feat(): adding platform helper methods
* fix(): don't map attributes to props
* chore(): add test app
* feat(): copy css folder from core
* chore(): move rollup node resolve to devDependencies
* fix(): expose setupConfig()
* perf(): improve treeshaking
* fix(): removing crypto from generateUniqueId
* fix(): adding missing rollup dp
* fix(): test cleanup and fixes to make tests pass
* chore(): moving react to packages folder
* fix(): fixing react build due to move to packages
* feat(): adding missing IonInfiniteScrollContent component
* chore(): add automated testing using cypress
* fix(): adding option onDidDismiss to controller components
* 0.0.10 react
* wip
* fix(): removing deprecated React calls
* fix(): exporting setupConfig from core
* chore(): bump to 4.8.0-rc.0
* chore(): updating test-app deps and fixing test
* chore(): updates to react readme
2019-08-13 14:24:44 -06:00
Manu MA
8f7853c5e9
fix(range): participate in <form> ( #19008 )
2019-08-06 16:51:48 +02:00
Manu MA
d237e808c2
fix(reorder): only move item if reorder happens ( #19007 )
2019-08-06 13:26:37 +02:00
Brandy Carney
045bc59b75
fix(theming): update components to use the proper colors for dark themes ( #18735 )
...
references #18713
2019-07-12 17:31:42 -04:00
Manu MA
03c1d19e07
perf(all): minify better by using arrow functions ( #18730 )
2019-07-10 10:33:33 -04:00
Brandy Carney
dfa2b13c3a
fix(item): do not disable entire item if there are multiple inputs ( #18696 )
...
references #18655
fixes #18670
2019-07-02 14:45:24 -04:00
Brandy Carney
8a88dd25b6
feat(item): add hover and focused states ( #18606 )
...
references #18279 references #17624
2019-06-25 17:29:14 -04:00
Adam Bradley
598a13ecc0
chore(test): remove unused preview tests ( #18608 )
2019-06-24 17:15:57 -05:00
Manu MA
34dfc3ce98
refactor(all): updating to newest stencil apis ( #18578 )
...
* chore(): update ionicons
* refactor(all): updating to newest stencil apis
* fix lint issues
* more changes
* moreee
* fix treeshaking
* fix config
* fix checkbox
* fix stuff
* chore(): update ionicons
* fix linting errors
2019-06-23 11:26:42 +02:00
Brandy Carney
73599c22aa
docs(components): document what start and end mean for CSS variables ( #18538 )
2019-06-21 15:11:07 -04:00
Manu MA
b40f7d36d5
fix(): update to Stencil One 🎉 🎊
2019-06-19 21:33:50 +02:00
Brandy Carney
eca4121dc6
feat(components): add missing button/a props to components that render them ( #17883 )
...
Adds the following properties to the components listed under them:
`rel`, `download`, `target`:
- anchor
- button
- card
- fab-button
- item-option
- item
- tab-button
`disabled`:
- back-button
- menu-button
`type`:
- back-button
- item-option
- menu-button
- segment-button
fixes #16848 closes #16889
Co-authored-by: bitflower <matthias.max@bitflower.net >
2019-06-12 14:06:29 -04:00
Liam DeBeasi
36fd78281c
fix(test): avoid more race conditions
2019-06-12 12:16:52 -04:00
Liam DeBeasi
b85b7c6b9d
fix(test): rsolve race conditions with toast and item
2019-06-12 11:41:26 -04:00
Brandy Carney
8d2a47e881
fix(item): inherit overflow to allow better customization ( #18502 )
...
fixes #17670
Co-authored-by: Stefanos Anagnostou <anagstef@gmail.com >
2019-06-11 10:34:41 -04:00
Vlad Topala
a3e23fc9fa
fix(button): use correct size on a dynamic button in an item ( #18395 )
...
fixes ##18085
2019-06-10 16:47:32 -04:00
Brandy Carney
f0af70736b
fix(item): align stacked and floating items start ( #18379 )
...
fixes #16375
2019-05-24 17:47:29 -04:00
Brandy Carney
4bba540311
fix(label): include the ion-text-wrap class styles for larger font ( #18374 )
...
- updates all e2e tests to use the CSS classes instead of attributes
2019-05-24 11:18:28 -04:00
Liam DeBeasi
4be8d7e622
tests(): add missing test statements ( #18346 )
2019-05-22 12:31:04 -04:00
Brandy Carney
6252458d49
test(components): add rtl tests and remove skips ( #18319 )
...
references #17012
2019-05-21 13:16:07 -04:00
Brandy Carney
ddb8ef82f0
fix(label): use primary color on focus for md input labels ( #18183 )
...
fixes #15602
2019-05-07 10:26:14 -04:00
Brandy Carney
95945c05a5
fix(item): use the global activated background for md ripple color ( #16752 )
...
fixes #16585
2019-04-24 11:36:12 -04:00
Brandy Carney
e5c8c10029
fix(components): include mode classes on components for use in shadow ( #17838 )
...
- removes mode-less component classes from the internal CSS, use element instead
- adds mode specific classes `md` or `ios` for styling inside of shadow components
- adds e2e test that verifies mode classes exist on all ionic components, plus checks for specific classes that the components need for internal styling
fixes #17608
2019-04-16 17:28:21 -04:00