javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2026-03-13 10:22:08 +08:00
Code Issues Packages Projects Releases Wiki Activity
12,132 Commits 194 Branches 964 Tags
c2e1ad385d7e01b80fc5cc722a42e06b8d358c14
Commit Graph

131 Commits

Author SHA1 Message Date
Amanda Johnston
c2e1ad385d chore(many): replace any types and add tech debt tickets (#26293) 
Co-authored-by: Liam DeBeasi <liamdebeasi@users.noreply.github.com>
 2023-01-06 09:34:55 -06:00
Liam DeBeasi
bd05fccf58 test(config): update to playwright 1.29.0 (#26388) 2022-12-20 09:26:51 -05:00
Liam DeBeasi
a2d570b7ad fix(segment): scrolling button into view is more consistent (#26369) 
resolves #26368
 2022-11-30 10:15:48 -05:00
Liam DeBeasi
5a243ccebc fix(segment): segment in toolbar uses correct contrast (#26353) 
resolves #26350
 2022-11-23 11:53:01 -05:00
Liam DeBeasi
73ea64c02f fix(segment): scrollable segments center button on click (#26285) 
resolves #25367
 2022-11-16 13:58:03 -05:00
Liam DeBeasi
ab8967936c fix(toolbar): MD height only applies to MD segment (#26042) 
resolves #18617

Co-authored-by: brandyscarney <brandyscarney@users.noreply.github.com>
 2022-10-10 10:19:13 -04:00
Liam DeBeasi
c0f287e525 chore(): sync with main 2022-09-16 15:24:24 -04:00
Liam DeBeasi
c11f509eb4 test(segment): migrate e2e tests to playwright (#25856) 2022-09-01 10:53:37 -04:00
Amanda Johnston
ae6aa0cb8e chore(eslint): add strict-boolean-expressions rule (#25768) 2022-08-23 11:50:02 -05:00
Sean Perkins
15c169043f chore(docs): remove manual documentation (#24984) 2022-04-21 12:31:51 -04:00
Liam DeBeasi
5676bab316 lint(eslint): migrate to eslint and prettier (#25046) 2022-04-04 11:12:53 -04:00
Sean Perkins
2af24494f5 chore(playwright): enable type checking (#25034) 2022-03-31 15:42:09 -04:00
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