diff --git a/CHANGELOG.md b/CHANGELOG.md index f4acb0e967..313c9e5300 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -1,3 +1,41 @@ +# [5.0.0-beta.6](https://github.com/ionic-team/ionic/compare/v4.11.9...v5.0.0-beta.6) (2020-01-23) + + +### Features + +* **components:** improve button states and add new css properties ([#19440](https://github.com/ionic-team/ionic/issues/19440)) ([9415929](https://github.com/ionic-team/ionic/commit/94159291b27ddf1a859c8f3f87a0d6e54a8b5f13)), closes [#20213](https://github.com/ionic-team/ionic/issues/20213) [#19965](https://github.com/ionic-team/ionic/issues/19965) +* **segment-button:** add --indicator-height property to segment button ([#19653](https://github.com/ionic-team/ionic/issues/19653)) ([d76a503](https://github.com/ionic-team/ionic/commit/d76a5031c4c96b5fdf691a56ed61d3dcc4e4dafb)) + + +### BREAKING CHANGES + +*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 users' 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; +``` + + + ## [4.11.9](https://github.com/ionic-team/ionic/compare/v4.11.8...v4.11.9) (2020-01-23) ### Bug Fixes diff --git a/angular/package.json b/angular/package.json index 1e7261186b..359b1f5d4a 100644 --- a/angular/package.json +++ b/angular/package.json @@ -1,6 +1,6 @@ { "name": "@ionic/angular", - "version": "5.0.0-beta.5", + "version": "5.0.0-beta.6", "description": "Angular specific wrappers for @ionic/core", "keywords": [ "ionic", @@ -42,7 +42,7 @@ "validate": "npm i && npm run lint && npm run test && npm run build" }, "dependencies": { - "@ionic/core": "5.0.0-beta.5", + "@ionic/core": "5.0.0-beta.6", "tslib": "^1.9.3" }, "peerDependencies": { diff --git a/core/package.json b/core/package.json index fc70b5255b..794932e6f1 100644 --- a/core/package.json +++ b/core/package.json @@ -1,6 +1,6 @@ { "name": "@ionic/core", - "version": "5.0.0-beta.5", + "version": "5.0.0-beta.6", "description": "Base components for Ionic", "keywords": [ "ionic", diff --git a/docs/package.json b/docs/package.json index 86bfaf56bc..1a6d43d5b9 100644 --- a/docs/package.json +++ b/docs/package.json @@ -1,6 +1,6 @@ { "name": "@ionic/docs", - "version": "5.0.0-beta.5", + "version": "5.0.0-beta.6", "description": "Pre-packaged API documentation for the Ionic docs.", "main": "core.json", "types": "core.d.ts", diff --git a/packages/angular-server/package.json b/packages/angular-server/package.json index 0aea810228..3d3f10702e 100644 --- a/packages/angular-server/package.json +++ b/packages/angular-server/package.json @@ -1,6 +1,6 @@ { "name": "@ionic/angular-server", - "version": "5.0.0-beta.5", + "version": "5.0.0-beta.6", "description": "Angular SSR Module for Ionic", "keywords": [ "ionic", @@ -49,7 +49,7 @@ "@angular/core": "8.2.13", "@angular/platform-browser": "8.2.13", "@angular/platform-server": "8.2.13", - "@ionic/core": "5.0.0-beta.5", + "@ionic/core": "5.0.0-beta.6", "ng-packagr": "5.7.1", "tslint": "^5.12.1", "tslint-ionic-rules": "0.0.21", diff --git a/packages/react-router/package.json b/packages/react-router/package.json index 5e74744b84..86b2b3b051 100644 --- a/packages/react-router/package.json +++ b/packages/react-router/package.json @@ -1,6 +1,6 @@ { "name": "@ionic/react-router", - "version": "5.0.0-beta.5", + "version": "5.0.0-beta.6", "description": "React Router wrapper for @ionic/react", "keywords": [ "ionic", @@ -39,16 +39,16 @@ "tslib": "*" }, "peerDependencies": { - "@ionic/core": "5.0.0-beta.5", - "@ionic/react": "5.0.0-beta.5", + "@ionic/core": "5.0.0-beta.6", + "@ionic/react": "5.0.0-beta.6", "react": "^16.8.6", "react-dom": "^16.8.6", "react-router": "^5.0.1", "react-router-dom": "^5.0.1" }, "devDependencies": { - "@ionic/core": "5.0.0-beta.5", - "@ionic/react": "5.0.0-beta.5", + "@ionic/core": "5.0.0-beta.6", + "@ionic/react": "5.0.0-beta.6", "@testing-library/jest-dom": "^4.2.4", "@testing-library/react": "^9.3.2", "@testing-library/user-event": "^7.1.2", diff --git a/packages/react/package.json b/packages/react/package.json index dda1e7956d..c2ac0663ff 100644 --- a/packages/react/package.json +++ b/packages/react/package.json @@ -1,6 +1,6 @@ { "name": "@ionic/react", - "version": "5.0.0-beta.5", + "version": "5.0.0-beta.6", "description": "React specific wrapper for @ionic/core", "keywords": [ "ionic", @@ -39,7 +39,7 @@ "css/" ], "dependencies": { - "@ionic/core": "5.0.0-beta.5", + "@ionic/core": "5.0.0-beta.6", "ionicons": "^5.0.0-13", "tslib": "*" },