Brandy Carney
04ace4c983
feat(toggle): improve customization with css vars and auto-adjust handle width and height ( #21050 )
...
- Updates Material Design toggle background & box-shadow to match spec
- Adds the following variables: --handle-box-shadow, --handle-height, --handle-max-height, --handle-transition, --handle-width, --handle-spacing
- Improves customization of toggle by inheriting properties where possible and auto-adjusting the handle height and position based on the width and height of the toggle
Closes #19868 , closes #20474
2020-04-29 18:31:34 -04:00
octicon-copy(16/)
octicon-file-diff(16/)
octicon-file-code(16/)
Liam DeBeasi
fa9ddc91bc
feat(all): add ability to eject from Ionic sanitizer ( #20457 )
...
resolves #18277
2020-04-27 16:03:39 -04:00
octicon-copy(16/)
octicon-file-diff(16/)
octicon-file-code(16/)
Liam DeBeasi
578ab93d29
feat(content): add parts support for background, scroll ( #20929 )
2020-04-27 16:01:39 -04:00
octicon-copy(16/)
octicon-file-diff(16/)
octicon-file-code(16/)
Liam DeBeasi
64144960b0
feat(item): add parts support for detail-icon ( #20979 )
2020-04-27 15:33:54 -04:00
octicon-copy(16/)
octicon-file-diff(16/)
octicon-file-code(16/)
Liam DeBeasi
1622d9bb3c
feat(textarea): add support for inputmode and enterkeyhint ( #21106 )
2020-04-24 11:56:10 -04:00
octicon-copy(16/)
octicon-file-diff(16/)
octicon-file-code(16/)
Liam DeBeasi
50bc212d0b
feat(menu): add parts support for backdrop, container ( #20978 )
2020-04-23 12:22:19 -04:00
octicon-copy(16/)
octicon-file-diff(16/)
octicon-file-code(16/)
Liam DeBeasi
76ca475734
feat(datetime): add parts support for placeholder, text ( #20930 )
2020-04-23 12:20:25 -04:00
octicon-copy(16/)
octicon-file-diff(16/)
octicon-file-code(16/)
Liam DeBeasi
63c75edd21
feat(img): add parts support for image ( #20943 )
2020-04-23 12:19:52 -04:00
octicon-copy(16/)
octicon-file-diff(16/)
octicon-file-code(16/)
Liam DeBeasi
d4b9151396
feat(checkbox): add parts support for container, mark ( #20950 )
2020-04-23 12:19:24 -04:00
octicon-copy(16/)
octicon-file-diff(16/)
octicon-file-code(16/)
Liam DeBeasi
228ca2b093
feat(radio): add parts support for container, mark ( #20952 )
2020-04-23 12:18:58 -04:00
octicon-copy(16/)
octicon-file-diff(16/)
octicon-file-code(16/)
Liam DeBeasi
ba20209604
feat(reorder): add parts support for icon ( #20960 )
2020-04-23 12:18:32 -04:00
octicon-copy(16/)
octicon-file-diff(16/)
octicon-file-code(16/)
Liam DeBeasi
619f67a00b
feat(range): add parts support for bar, bar-active, knob, pin, tick, tick-active ( #20961 )
2020-04-23 12:18:04 -04:00
octicon-copy(16/)
octicon-file-diff(16/)
octicon-file-code(16/)
Liam DeBeasi
d2b772f19f
feat(toggle): add parts support for handle, track ( #20962 )
2020-04-23 12:17:17 -04:00
octicon-copy(16/)
octicon-file-diff(16/)
octicon-file-code(16/)
Liam DeBeasi
30a1c89688
feat(select): add parts support for placeholder, icon, text ( #21108 )
2020-04-23 12:14:21 -04:00
octicon-copy(16/)
octicon-file-diff(16/)
octicon-file-code(16/)
Liam DeBeasi
e90683a713
feat(searchbar): add support for enterkeyhint ( #21036 )
...
fixes #21034
2020-04-15 15:08:43 -04:00
octicon-copy(16/)
octicon-file-diff(16/)
octicon-file-code(16/)
Liam DeBeasi
3efaf43821
feat(input): add support for enterkeyhint ( #21035 )
...
fixes #21034
2020-04-15 15:08:12 -04:00
octicon-copy(16/)
octicon-file-diff(16/)
octicon-file-code(16/)
EinfachHans
acaa1d9ef7
feat(searchbar): add border-radius css variable ( #20662 )
...
fixes #17426
fixes #18247
2020-04-03 13:01:07 -04:00
octicon-copy(16/)
octicon-file-diff(16/)
octicon-file-code(16/)
Liam DeBeasi
e5e02d4f88
feat(toast): add white-space variable for toast message ( #20729 )
...
fixes #20727
2020-03-30 12:02:46 -04:00
octicon-copy(16/)
octicon-file-diff(16/)
octicon-file-code(16/)
Liam DeBeasi
a6764c4724
fix(item): remove unneeded box-shadow CSS variable ( #20412 )
...
resolves #20392
2020-02-07 13:35:21 -05:00
octicon-copy(16/)
octicon-file-diff(16/)
octicon-file-code(16/)
Liam DeBeasi
aa663b76cc
chore(datetime): run build ( #20411 )
2020-02-07 12:27:01 -05:00
octicon-copy(16/)
octicon-file-diff(16/)
octicon-file-code(16/)
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
octicon-copy(16/)
octicon-file-diff(16/)
octicon-file-code(16/)
Ely Lucas
445f129e2d
release-4.11.9
2020-01-23 13:56:20 -07:00
octicon-copy(16/)
octicon-file-diff(16/)
octicon-file-code(16/)
Nikos Douvlis
d76a5031c4
feat(segment-button): add --indicator-height property to segment button ( #19653 )
2020-01-23 15:55:57 -05:00
octicon-copy(16/)
octicon-file-diff(16/)
octicon-file-code(16/)
Ely Lucas
3a56228290
fix(core): updating type of input value to accept numbers, fixes #20173 ( #20267 )
2020-01-23 13:10:29 -07:00
octicon-copy(16/)
octicon-file-diff(16/)
octicon-file-code(16/)
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
octicon-copy(16/)
octicon-file-diff(16/)
octicon-file-code(16/)
Liam DeBeasi
8732a10757
refactor(): remove deprecated controllers ( #20165 )
...
* remove action-sheet-controller and alert-controller
* rmeove loading controller
* remove popover controller
* remove toast controller
* remove picker-controller
* remove modal controller
* remove menu controller
* update menu ctrl in tests
* run linter
* remove window refs
* Update core/src/components/loading/test/standalone/index.html
Co-Authored-By: Brandy Carney <brandyscarney@users.noreply.github.com >
* remove window from modal tests
* test
* testing timeout
* change timeout
Co-authored-by: Brandy Carney <brandyscarney@users.noreply.github.com >
2020-01-14 12:09:35 -05:00
octicon-copy(16/)
octicon-file-diff(16/)
octicon-file-code(16/)
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
octicon-copy(16/)
octicon-file-diff(16/)
octicon-file-code(16/)
Asif Rahman
7b032c5e9b
feat(datetime): add custom timezone display property ( #19519 )
...
resolves #19401
2020-01-09 15:29:40 -05:00
octicon-copy(16/)
octicon-file-diff(16/)
octicon-file-code(16/)
Adam Bradley
3aa47e6e2f
fix(ssr): reflect content-id attribute ( #20169 )
...
Co-authored-by: Brandy Carney <brandyscarney@users.noreply.github.com >
2020-01-08 21:36:30 -06:00
octicon-copy(16/)
octicon-file-diff(16/)
octicon-file-code(16/)
Liam DeBeasi
a01c10267e
feat(radio): add --border-radius and --inner-border-radius variables ( #20140 )
2020-01-03 13:14:39 -05:00
octicon-copy(16/)
octicon-file-diff(16/)
octicon-file-code(16/)
Alex Arvanitidis
c32a7bcd20
feat(checkbox): add --checkmark-width variable ( #19933 )
...
resolves #16803
Co-authored-by: Liam DeBeasi <liamdebeasi@users.noreply.github.com >
2020-01-03 12:20:04 -05:00
octicon-copy(16/)
octicon-file-diff(16/)
octicon-file-code(16/)
Liam DeBeasi
02a46a1007
feat(toggle): add --border-radius and --handle-border-radius variables ( #20141 )
2020-01-03 12:14:02 -05:00
octicon-copy(16/)
octicon-file-diff(16/)
octicon-file-code(16/)
Liam DeBeasi
6612604733
refactor(searchbar): set inputmode default to undefined ( #20080 )
...
fixes #20074
BREAKING CHANGE: The `inputmode` property for `ion-searchbar` now defaults to `undefined`. To get the old behavior, set the `inputmode` property to `"search"`.
2019-12-16 12:16:54 -05:00
octicon-copy(16/)
octicon-file-diff(16/)
octicon-file-code(16/)
Manu MA
b3b3312711
feat(modal): add card-style presentation with swipe to close gesture ( #19428 )
...
resolves #18660
2019-12-10 16:02:41 -05:00
octicon-copy(16/)
octicon-file-diff(16/)
octicon-file-code(16/)
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
octicon-copy(16/)
octicon-file-diff(16/)
octicon-file-code(16/)
Brandy Carney
5bbb95fae1
feat(list-header): redesign list header for iOS spec ( #19915 )
2019-11-19 14:53:37 -05:00
octicon-copy(16/)
octicon-file-diff(16/)
octicon-file-code(16/)
Adam Bradley
0d40d3f3b7
refactor(back-button): convert to shadow component ( #19411 )
...
references #18899
2019-11-14 14:39:35 -05:00
octicon-copy(16/)
octicon-file-diff(16/)
octicon-file-code(16/)
Liam DeBeasi
bef0f53d0d
feat(select): add --placeholder-opacity and --placeholder-color, expose shadow parts ( #19893 )
...
resolves #17446
2019-11-11 12:49:10 -05:00
octicon-copy(16/)
octicon-file-diff(16/)
octicon-file-code(16/)
Brandy Carney
b23c759456
docs(slides): document css vars ( #19872 )
2019-11-08 12:37:00 -05:00
octicon-copy(16/)
octicon-file-diff(16/)
octicon-file-code(16/)
Antoine
1ab7066aa0
feat(searchbar): add --box-shadow variable to style searchbar input ( #19838 )
...
* Updates searchbar.md.scss to expose box-shadow
We would like to style the box-shadow property in searchbar and give the parent the ability to control it.
* fix(searchbar): add box shadow to main input for both modes
2019-11-08 10:53:42 -05:00
octicon-copy(16/)
octicon-file-diff(16/)
octicon-file-code(16/)
Liam DeBeasi
d80f45516d
feat(split-pane): convert to shadow component, add width, max-width, and min-width vars ( #19754 )
...
resolves #17088
Co-authored-by: troyanskiy <roman.rosluk@utopix.ch >
2019-10-30 14:16:39 -04:00
octicon-copy(16/)
octicon-file-diff(16/)
octicon-file-code(16/)
Michael Asimakopoulos
ed6f3b9f3f
fix(searchbar): use back button config value ( #19353 )
...
fixes #19347
2019-10-16 11:41:25 -04:00
octicon-copy(16/)
octicon-file-diff(16/)
octicon-file-code(16/)
Liam DeBeasi
32b97582cb
refactor(): remove old animation utility ( #19586 )
...
Use Ionic Animations instead
2019-10-11 13:47:52 -04:00
octicon-copy(16/)
octicon-file-diff(16/)
octicon-file-code(16/)
Adam Bradley
08bb60dcbb
refactor(card): convert card to shadow ( #19395 )
...
references #18899
2019-10-10 15:55:35 -04:00
octicon-copy(16/)
octicon-file-diff(16/)
octicon-file-code(16/)
Brandy Carney
bd22926c49
feat(overlays): add global backdrop opacity variable for animations ( #19533 )
...
adds `--backdrop-opacity` to all overlays and `--ion-backdrop-opacity` for global control
closes #16446
2019-10-10 14:34:16 -04:00
octicon-copy(16/)
octicon-file-diff(16/)
octicon-file-code(16/)
Brandy Carney
3cac855e1a
refactor(searchbar): remove boolean values from showCancelButton ( #18953 )
...
BREAKING CHANGES
The `show-cancel-button` property of the searchbar no longer accepts boolean values. Accepted values are strings: `"focus"`, `"always"`, `"never"`. The following should change:
```
<ion-searchbar show-cancel-button>
<ion-searchbar show-cancel-button="true">
<ion-searchbar show-cancel-button="false">
```
becomes
```
<ion-searchbar show-cancel-button="focus">
<ion-searchbar show-cancel-button="focus">
<ion-searchbar show-cancel-button="never">
```
2019-10-10 14:34:16 -04:00
octicon-copy(16/)
octicon-file-diff(16/)
octicon-file-code(16/)
Brandy Carney
97964a9e9f
refactor(anchor): remove anchor in favor of router-link ( #18935 )
...
BREAKING CHANGES
The deprecated `ion-anchor` component has been removed in favor using `ion-router-link`. It should still only be used with vanilla and Stencil JavaScript projects. For Angular projects, use an `<a>` and `routerLink` with the Angular router.
2019-10-10 14:34:16 -04:00
octicon-copy(16/)
octicon-file-diff(16/)
octicon-file-code(16/)
Brandy Carney
13974c1047
refactor(skeleton-text): remove width property ( #18936 )
...
BREAKING CHANGES
Skeleton text's `width` property has been removed. Please use CSS instead to set the width.
2019-10-10 14:34:16 -04:00
octicon-copy(16/)
octicon-file-diff(16/)
octicon-file-code(16/)
Brandy Carney
07d5f77584
refactor(nav): remove nav-push, nav-pop nav-root ( #19240 )
...
BREAKING CHANGES
Removes ion-nav-pop, ion-nav-push and ion-nav-set-root in favor of using ion-nav-link with router-direction
2019-10-10 14:34:16 -04:00
octicon-copy(16/)
octicon-file-diff(16/)
octicon-file-code(16/)
Liam DeBeasi
d6c20a9dec
refactor(toast): remove showCloseButton and closeButtonText ( #18957 )
...
* Remove close button
* update tests
* update tests
* add build
2019-10-10 14:34:16 -04:00
octicon-copy(16/)
octicon-file-diff(16/)
octicon-file-code(16/)