Sean Perkins
2940e73a45
fix(segment): setting dir on ion-segment to enable rtl mode now supported ( #24601 )
...
Resolves #23978
2022-01-19 15:23:14 -05:00
Sean Perkins
63066bcb9c
chore(deps): update puppeteer to v10 ( #24342 )
...
* chore(deps): update puppeteer to v10
* chore(item): disable nested-interactive axe rule temporarily
* chore(segment): disable nested-interactive axe rule temporarily
* chore(deps): update package-lock with puppeteer and axe-core update
* chore(): add TODO task references for axe nested-interactive rule
* chore(deps): remove @types/puppeteer dev dep
2021-12-08 16:13:17 -05:00
Liam DeBeasi
0ab37b5061
fix(datetime): time picker uses new iOS 15 style ( #23996 )
...
resolves #23768
2021-10-05 09:14:52 -04:00
Liam DeBeasi
8708095111
feat(all): add CustomEvents types to components that emit events ( #23956 )
...
resolves #22925
BREAKING CHANGE: The `RadioChangeEventDetail` interface has been removed in favor of `RadioGroupChangeEventDetail`.
2021-09-24 16:28:49 -04:00
William Martin
b6c53e539b
feat(segment): add keyboard navigation, add selectOnFocus property to control selection follow focus behavior ( #23590 )
...
resolves #23520
2021-07-20 16:45:17 -04:00
Liam DeBeasi
932d3ca62f
feat(datetime): add calendar picker ( #23416 )
...
resolves #19423
BREAKING CHANGE: The `ion-datetime` component has been revamped to use a new calendar style. As a result, some APIs have been removed. See https://github.com/ionic-team/ionic-framework/blob/master/BREAKING.md for more details.
2021-06-16 15:54:15 -04:00
Liam DeBeasi
dc430af906
fix(all): reflect color property as an attribute for vue ( #23345 )
...
resolves #23323
2021-05-21 19:26:53 -04:00
William Martin
91ac340ae7
fix(segment, segment-button): use correct tablist and tab roles for screen readers ( #23145 )
...
* fix(segment, segment-button): change aria attributes for segment and segment-button
* add axe test
* Add tests, screen reader doc
* add updated screen reader
* fix(segment-button): move aria tags to host
* verify nvda and talkback behavior
* fix(segment-button): remove outline on focus
* Update core/src/components/segment/test/basic/index.html
Co-authored-by: Liam DeBeasi <liamdebeasi@icloud.com >
2021-04-12 09:20:59 -04:00
Adam Bradley
0de75afbef
feat(custom-elements): add experimental custom elements build ( #22863 )
...
Co-authored-by: Liam DeBeasi <liamdebeasi@icloud.com >
2021-02-11 12:08:00 -05:00
Takuma Kira
65bc99577c
feat(segment): add swipeGesture property to allow for disabling of the swipe gesture ( #22087 )
...
resolves #22048
2020-11-13 12:38:23 -05:00
Liam DeBeasi
dd307b60b6
chore(): revert old segment fix in favor of new one ( #22434 )
...
This reverts commit 68afc49e9e .
2020-11-05 11:38:46 -05:00
Brandy Carney
a9b2260100
test(core): add lang attr to html tag to resolve axe errors ( #22410 )
2020-11-02 17:08:03 -05:00
Liam DeBeasi
04161c9512
fix(segment-button): color property is now reactive if previously undefined ( #22405 )
...
resolves #20831
2020-10-30 16:25:52 -04:00
Brandy Carney
1526bdfb49
fix(segment): do not allow text selection on desktop ( #22158 )
2020-09-24 14:48:52 -04:00
Liam DeBeasi
68afc49e9e
perf(segment): improve scrolling performance on ios when using segment ( #22110 )
...
resolves #22095
2020-09-21 15:39:09 -04:00
Liam DeBeasi
db2cac20fb
docs(vue): update component usage examples for vue 3 ( #22050 )
2020-09-11 13:48:21 -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
Liam DeBeasi
88f1828bd8
fix(segment-button): allow min-width to be overridden ( #21722 )
...
fixes #21105
2020-07-14 10:58:40 -04:00
Liam DeBeasi
17308f247f
fix(segment): ensure checked classes get set after not having a value ( #21547 )
2020-06-16 11:22:17 -04:00
Brandy Carney
16a03d58ec
docs(headings): update readme headings to be correct level
2020-05-14 17:26:44 -04:00
Brandy Carney
687122127c
docs(stencil): add stencil usage to components ( #21261 )
2020-05-12 20:35:48 -04:00
Liam DeBeasi
f86c82639f
fix(segment): automatically expand width for scrollable segment buttons ( #20763 )
...
fixes #20566
2020-03-18 16:14:06 -04:00
Liam DeBeasi
cfc6773cb9
docs(segment): clarify usage of scrollable segments ( #20765 )
...
resolves #20692
2020-03-16 09:51:13 -04:00
Simon Hänisch
13e4e5b03d
fix(segment): scrollable segments only show scrollbar if they overflow ( #20760 )
...
fixes #20758
2020-03-12 11:01:42 -04:00
Liam DeBeasi
314dbb1a4d
fix(segment): allow routerLink to work on segment buttons ( #20682 )
...
fixes #20678
2020-03-05 12:38:51 -05:00
Liam DeBeasi
0224bed0c9
fix(segment): segment functions properly on android 5 ( #20554 )
...
fixes #20466
2020-02-24 13:41:49 -05:00
Ely Lucas
714ecaae65
docs(react): updating icon usages
2020-02-20 16:08:23 -07:00
Liam DeBeasi
06b828b4ff
fix(segment): inner div no longer interferes with click events ( #20522 )
...
fixes #20381
2020-02-19 09:40:10 -05:00
Liam DeBeasi
4d50064764
fix(segment): only emit ionChange when user releases pointer from screen ( #20495 )
...
fixes #20500
fixes #20257
2020-02-18 15:11:28 -05:00
Liam DeBeasi
7a461c59c5
fix(segment): do not show ripple effect if disabled via config ( #20542 )
...
fixes #20533
2020-02-18 14:02:34 -05:00
Liam DeBeasi
9b5854d797
fix(segment): border radius applies to indicator on ios ( #20541 )
...
fixes #20539
2020-02-18 13:58:25 -05:00
Brandy Carney
e8886e98f1
fix(segment): add activated class directly to segment button ( #20400 )
...
this gets around a bug with Safari where the ::slotted css selector was not working properly
2020-02-07 12:13:09 -05:00
Brandy Carney
0f31624104
fix(segment): allow background to be set on iOS segment in a toolbar ( #20350 )
2020-01-31 15:48:55 -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
Nikos Douvlis
d76a5031c4
feat(segment-button): add --indicator-height property to segment button ( #19653 )
2020-01-23 15:55:57 -05:00
Liam DeBeasi
f896821753
fix(segment): clicking disabled button no longer adds ripple to active button ( #20254 )
...
fixes #20253
2020-01-21 16:36:41 -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
Brandy Carney
dc66ce48e1
feat(segment): implement iOS 13 segment with animation ( #19036 )
...
Changes
Closes #18663
* Converts Segment to shadow
* Enables gesture to swipe between segment buttons
* Adds indicator transition to slide the indicator between buttons
* Updates global theme variables
* Removes activated state, now handled by the gesture
* Updates iOS to latest iOS 13 UI
* Ensures customization is working for the buttons and indicator
* Updates the e2e tests
2020-01-14 11:51:28 -05:00
Brandy Carney
3dd5f05760
feat(components): cascade mode from parent to child components ( #19369 )
...
fixes #18285
2019-10-10 14:34:16 -04:00
Brandy Carney
e27962dcaf
feat(title): add support for small title ( #19215 )
...
Updates title to include `small` size and updates searchbar and UI to match native.
closes #18898
2019-09-05 17:32:19 -04:00
Manu MA
3d935978b3
test(): remove initial waitFor ( #19217 )
2019-08-30 16:45:13 +02:00
Manu MA
9751f145e1
fix(segment): don't emit ionChange until didLoad ( #19218 )
...
fixes #19204
2019-08-29 09:30:37 +02: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
e82648bda2
refactor(all): update to one (part 3) ( #18874 )
2019-07-25 20:22:44 +02: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
78e477b2a7
fix(segment): apply hover properly for segment with color ( #18549 )
2019-06-21 16:17:09 -04:00
Brandy Carney
832306cf6e
fix(segment): default ripple to currentColor ( #18547 )
...
this fixes an issue with themed toolbars so that it doesn't use the default primary color
2019-06-21 15:45:24 -04:00
Manu MA
b40f7d36d5
fix(): update to Stencil One 🎉 🎊
2019-06-19 21:33:50 +02: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