SirMathelot
f6cde30d3e
docs(button): fix fill attribute typo ( #24890 )
2022-03-07 08:24:05 -06:00
Sean Perkins
19ac2389eb
fix(img): draggable attribute is now inherited to inner img element ( #24781 )
...
Resolves #21325
Co-authored-by: Celilsemi Sam Erkiner <celilsemi@erkiner.com >
Co-authored-by: Liam DeBeasi <liamdebeasi@users.noreply.github.com >
2022-02-21 11:50:57 -05:00
Liam DeBeasi
d749d583e7
chore(): sync with main
2021-07-20 12:50:52 -04:00
Liam DeBeasi
3b803ebe02
fix(button): buttons are now disabled during page transitions ( #23589 )
...
resolves #23588
2021-07-09 09:27:11 -04:00
Liam DeBeasi
5db60d9697
chore(): resolve merge conflicts
2021-06-21 14:03:47 -04:00
Liam DeBeasi
68c0e7136d
fix(button): buttons using fill and color properties now account for hover and focused opacity variables ( #23442 )
...
resolves #23441
2021-06-21 13:00:50 -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
Liam DeBeasi
818e387fe8
fix(button): allow aria-label to be inherited to inner button ( #22632 )
...
resolves #22629
2020-12-07 12:31:05 -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
Matthias Max
c454c84ef4
fix(button): allow any element type to use the "icon-only" slot ( #22168 )
2020-10-06 18:40:29 -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
Adam Bradley
ae47d77710
chore(api): internal updates required for stencil 2 upgrade ( #21889 )
...
Stencil 2 is removing deprecated APIs, and these are the remaining ones Ionic has been using.
2020-08-06 10:33:22 -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
687122127c
docs(stencil): add stencil usage to components ( #21261 )
2020-05-12 20:35:48 -04:00
Liam DeBeasi
0a33a095f1
chore(button): remove unreleased parts support ( #21111 )
2020-04-23 12:23:48 -04:00
Manu MA
976e68da5b
refactor(): minor updates for next stencil version ( #20787 )
2020-03-24 11:59:07 -04:00
Brandy Carney
7ecde36f9d
fix(button): allow overflow to be overridden by the CSS variable ( #20738 )
...
fixes #20726
2020-03-11 11:35:26 -04:00
Brandy Carney
c1d7bf229d
fix(buttons): use proper button colors based on CSS variables when inside of a toolbar ( #20633 )
2020-02-27 16:22:39 -05:00
Ely Lucas
714ecaae65
docs(react): updating icon usages
2020-02-20 16:08:23 -07: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
Brandy Carney
9318d2418e
fix(icons): fix the ellipsis fill in ionicons ( #20137 )
...
- update docs icon usage for Ionicons 5
- update tests to remove mode prefixed icons
- update tests to use the correct icons for Ionicons 5
- update to latest ionicons dev which fixes the ellipsis icon fill
2020-01-03 12:19: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
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
Bengt Weiße
f48dc3dd1a
fix(button): default opacity for disabled clear buttons ( #18560 )
...
fixes #18555
2019-06-26 12:29:24 -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
Brandy Carney
26ecf2b10f
fix(button): update solid buttons to use tint and shade colors ( #18537 )
2019-06-21 11:31:41 -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
Iván Navarro
320719b904
fix(button): set opacity on the host for disabled button ( #18509 )
...
allows for customization of the disabled button opacity
fixes #16965
2019-06-11 17:56:13 -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
58672fb221
feat(back-button): add variables and support for focused and hover states ( #18451 )
...
- updates MD spacing for back button text
- also adds e2e tests and adds them to screenshot
references #18279 references #17624 fixes #18465
2019-06-10 15:23:42 -04:00
Brandy Carney
5c5934bc24
feat(button): add variables for customizing hover state ( #18499 )
...
resolves #17974
2019-06-10 13:38:50 -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
Brandy Carney
d13983451a
fix(button): only apply has-icon-only if icon has the slot for icon-only ( #18343 )
...
fixes #18329
2019-05-22 11:28:06 -04:00
Brandy Carney
fa87e35a05
fix(toolbar): update md toolbar button spacing and padding to match spec ( #17537 )
...
- Removes the padding from the main toolbar and individually style the components inside of it
- Adds a `has-icon-only` class to button, this is used to switch between `unbounded` and `bounded` ripples on buttons in a toolbar. If the button is clear and only has an icon, we use the unbounded "circular" ripple effect, otherwise still use the bounded one. This matches the MD spec, without making the other buttons look off.
- Using the class above, style the button differently to match the MD spec
- Updates the back button and menu button to use the proper size / icon size
- Removes the opacity on an activated back button, it should use the ripple for activated
- Moves the margin to the slots in a toolbar by grabbing the "first" and "last" slot and applying a class to them
- Makes the segment in a toolbar use the min height from the toolbar
- Updates the back button so that it matches the MD spec
- Updates the header box shadow to use the old v3 datauri
fixes #16950 fixes #14444
2019-05-17 14:54:21 -04:00
Abdelaziz Bennouna
ae0ecccd2e
fix(button): apply round property to button sizes in iOS ( #18125 )
...
fixes #18108
2019-04-25 11:32: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
Adam Bradley
4646f53ec7
fix(ssr): fix global window and document references ( #17590 )
2019-02-22 20:13:09 -06:00
Liam DeBeasi
89a908bd6f
fix(button): show proper shade for activated button on ios ( #17508 )
...
fixes #17436
2019-02-20 10:08:03 -05:00
Liam DeBeasi
29f1500e5a
docs(): Add documentation for slots ( #17441 )
...
* add button slot
* add component slot docs
* update content default slot description
* run npm build
* fix typos
* update md files
* docs(slots): update slot components and the build files
* chore(stencil): updates stencil to build readmes
* chore(build): update the swiper bundle file to match master
* update default slot doc wording
* revert changes
* Revert "update default slot doc wording"
This reverts commit e18401491e .
merge
* docs(slots): update default slot doc wording
2019-02-12 15:51:01 -05:00