Liam DeBeasi
77ce9e066e
fix(segment): nested interactive is not rendered ( #26575 )
2023-01-09 13:08:01 -05:00
Liam DeBeasi
5a243ccebc
fix(segment): segment in toolbar uses correct contrast ( #26353 )
...
resolves #26350
2022-11-23 11:53:01 -05:00
Sean Perkins
15c169043f
chore(docs): remove manual documentation ( #24984 )
2022-04-21 12:31:51 -04:00
Liam DeBeasi
9fbaaf95eb
chore(): simplify overlay attribute types ( #25074 )
2022-04-07 14:11:30 -04:00
Liam DeBeasi
5676bab316
lint(eslint): migrate to eslint and prettier ( #25046 )
2022-04-04 11:12:53 -04:00
Liam DeBeasi
0ab37b5061
fix(datetime): time picker uses new iOS 15 style ( #23996 )
...
resolves #23768
2021-10-05 09:14:52 -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
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
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
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
Liam DeBeasi
18ad9efa4b
chore(): sync vue branch with master
2020-10-08 11:38:58 -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
9ca8b9de46
chore(): sync with master
2020-09-21 11:36:45 -04:00
Liam DeBeasi
db2cac20fb
docs(vue): update component usage examples for vue 3 ( #22050 )
2020-09-11 13:48:21 -04:00
Liam DeBeasi
5ffa65f84a
feat(vue): add ionic vue beta ( #22062 )
2020-09-10 15:20:49 -04:00
Liam DeBeasi
e32b9afaaa
docs(segment-button): add correct usage for checking segment button ( #21966 )
...
resolves #21961
2020-08-24 09:48:06 -04: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
a5e4669c4b
feat(segment-button, toast): add additional parts docs ( #21532 )
2020-06-30 10:31:54 -05:00
Brandy Carney
17375d2325
feat(all): add shadow parts to missing components ( #21436 )
2020-06-10 09:58:33 -04:00
Brandy Carney
687122127c
docs(stencil): add stencil usage to components ( #21261 )
2020-05-12 20:35:48 -04:00
Liam DeBeasi
85cc35ee91
fix(segment-button): screen readers now announce selected state properly ( #21273 )
2020-05-12 11:37:56 -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
44993b7987
fix(segment): iOS mode segment now works on older Android devices ( #20673 )
...
fixes #20648
2020-03-05 11:56:54 -05:00
Liam DeBeasi
fcf97465f5
docs(segment-button): update usage for v5 ( #20612 )
2020-02-25 10:30:04 -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
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
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
Nikos Douvlis
d76a5031c4
feat(segment-button): add --indicator-height property to segment button ( #19653 )
2020-01-23 15:55:57 -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
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
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
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
Brandy Carney
805b225876
fix(segment): update segment border for rtl ( #18326 )
...
references #17012
2019-05-21 17:46:14 -04:00
Santosh Yadav
0fa645b8cc
fix(segment): decrease icon size on ios and stretch segment buttons to fill height ( #17751 )
...
fixes #17069
2019-04-25 12:46:34 -04:00
Brandy Carney
bd96491d03
fix(reorder-group): remove required parameter for the complete method ( #18084 )
...
also updates documentation surrounding the reorder & infinite scroll
fixes #16302
2019-04-22 18:16:23 -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
Josh Thomas
d023eb5b71
docs(vue): add usage docs for all non-controller components ( #17643 )
2019-02-28 22:01:07 -06:00
Josh Thomas
22d1aeebaa
docs(react): update component usage docs ( #17615 )
2019-02-26 08:54:01 -06:00
Mike Hartington
c05dfb8244
docs(): update links
...
Ref #17256
2019-01-30 10:28:06 -05:00
Manu MA
6364e4e2a1
fix(inputs): keyboard focus improvements ( #16838 )
...
fixes #16815
fixes #16872
fixes #13978
fixes #16610
2019-01-11 19:36:02 +01:00
Manu Mtz.-Almeida
3d656ac312
docs(all): improve type docs for event
2018-12-28 20:38:24 +01:00