From 7366677b44fa9bac4495ba7c94320ceb2fa37b24 Mon Sep 17 00:00:00 2001 From: "Manu Mtz.-Almeida" Date: Fri, 14 Dec 2018 23:41:04 +0100 Subject: [PATCH] 4.0.0-beta.19 --- CHANGELOG.md | 90 ++++++++++++++++++++++++++++++++++++++++++++ angular/package.json | 4 +- core/README.md | 4 +- core/package.json | 2 +- docs/package.json | 2 +- 5 files changed, 96 insertions(+), 6 deletions(-) diff --git a/CHANGELOG.md b/CHANGELOG.md index 0746920792f..42540763b52 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -1,3 +1,93 @@ +# [4.0.0-beta.19](https://github.com/ionic-team/ionic/compare/v4.0.0-beta.18...v4.0.0-beta.19) (2018-12-14) + + +### Bug Fixes + +* **angular:** tab-bar slot=top ([#16727](https://github.com/ionic-team/ionic/issues/16727)) ([d4e4b52](https://github.com/ionic-team/ionic/commit/d4e4b52)), closes [#16722](https://github.com/ionic-team/ionic/issues/16722) +* **angular:** virtual-scroll ([#16729](https://github.com/ionic-team/ionic/issues/16729)) ([f05c7d6](https://github.com/ionic-team/ionic/commit/f05c7d6)), closes [#16725](https://github.com/ionic-team/ionic/issues/16725) [#16432](https://github.com/ionic-team/ionic/issues/16432) [#16023](https://github.com/ionic-team/ionic/issues/16023) [#14591](https://github.com/ionic-team/ionic/issues/14591) [#16050](https://github.com/ionic-team/ionic/issues/16050) [#15587](https://github.com/ionic-team/ionic/issues/15587) +* **datetime:** picker inherits mode ([#16731](https://github.com/ionic-team/ionic/issues/16731)) ([f93e4fd](https://github.com/ionic-team/ionic/commit/f93e4fd)), closes [#16717](https://github.com/ionic-team/ionic/issues/16717) +* **fab-button:** adding size prop instead of [mini] ([#16692](https://github.com/ionic-team/ionic/issues/16692)) ([e8cec60](https://github.com/ionic-team/ionic/commit/e8cec60)), closes [#16680](https://github.com/ionic-team/ionic/issues/16680) +* **fab-button:** get translucent working including with color ([#16750](https://github.com/ionic-team/ionic/issues/16750)) ([c2ada84](https://github.com/ionic-team/ionic/commit/c2ada84)), closes [#16450](https://github.com/ionic-team/ionic/issues/16450) + + +### Features + +* **react:** add initial react code. ([#16748](https://github.com/ionic-team/ionic/issues/16748)) ([33e0ae4](https://github.com/ionic-team/ionic/commit/33e0ae4)) + +### BREAKING CHANGES + +#### Core Components + +Removes the `--width` and `--height` variables from the following components, in favor of CSS: + +- Button +- FAB Button +- Checkbox +- Removes the `--width`/`--height` and adds a `--size` variable that is set on the width and height, allowing width and height to still be set and border-radius to still use it as a variable +- Radio +- Removes the `--width`/`--height` and `--inner-width`/`--inner-height` variables. Calculates inner values based on parent element size. + +#### Overlay Components + +The following components have all be converted to shadow (or scoped) and have CSS variables for width/height: + +- Action Sheet _(scoped)_ +- Alert _(scoped)_ +- Loading _(scoped)_ +- Menu _(shadow)_ +- Modal _(scoped)_ +- Picker _(scoped)_ +- Popover _(scoped)_ +- Toast _(shadow)_ + +The above components will now have the following CSS variables for consistency among overlays: + +| Name | +| ----------------- | +| `--height` | +| `--max-height` | +| `--max-width` | +| `--min-height` | +| `--min-width` | +| `--width` | + +If the component does not set the value, it will default to `auto`. + +#### Removed CSS Variables + +The following CSS properties have been removed: + +| Component | Property | Reason | +| ---------------| --------------------| --------------------------------| +| **Button** | `--height` | Use CSS instead | +| **Button** | `--margin-bottom` | Use CSS instead | +| **Button** | `--margin-end` | Use CSS instead | +| **Button** | `--margin-start` | Use CSS instead | +| **Button** | `--margin-top` | Use CSS instead | +| **Button** | `--width` | Use CSS instead | +| **Checkbox** | `--height` | Use CSS or `--size` | +| **Checkbox** | `--width` | Use CSS or `--size` | +| **FAB Button** | `--width` | Use CSS instead | +| **FAB Button** | `--height` | Use CSS instead | +| **FAB Button** | `--margin-bottom` | Use CSS instead | +| **FAB Button** | `--margin-end` | Use CSS instead | +| **FAB Button** | `--margin-start` | Use CSS instead | +| **FAB Button** | `--margin-top | Use CSS instead | +| **Menu** | `--width-small` | Use a media query and `--width` | +| **Radio** | `--width` | Use CSS instead | +| **Radio** | `--height` | Use CSS instead | +| **Radio** | `--inner-height` | Calculated based on parent | +| **Radio** | `--inner-width` | Calculated based on parent | + +#### FAB Button mini + +Renamed `[mini]` attribute to `[size=small]` in `ion-fab-button`. + +```diff +- ++ +``` + # [4.0.0-beta.18](https://github.com/ionic-team/ionic/compare/v4.0.0-beta.17...v4.0.0-beta.18) (2018-12-13) diff --git a/angular/package.json b/angular/package.json index 69d53851475..cecaee1016b 100644 --- a/angular/package.json +++ b/angular/package.json @@ -1,6 +1,6 @@ { "name": "@ionic/angular", - "version": "4.0.0-beta.18", + "version": "4.0.0-beta.19", "description": "Angular specific wrappers for @ionic/core", "keywords": [ "ionic", @@ -44,7 +44,7 @@ "css/" ], "dependencies": { - "@ionic/core": "4.0.0-beta.18", + "@ionic/core": "4.0.0-beta.19", "tslib": "^1.9.3" }, "peerDependencies": { diff --git a/core/README.md b/core/README.md index 46e83d70ec4..f85af528a8d 100644 --- a/core/README.md +++ b/core/README.md @@ -23,8 +23,8 @@ The Ionic Core package contains the Web Components that make up the reusable UI Easiest way to start using Ionic Core is by adding a script tag to the CDN: ```html - - + + ``` Any Ionic component added to the webpage will automatically load. This includes writing the component tag directly in HTML, or using JavaScript such as `document.createElement('ion-toggle')`. diff --git a/core/package.json b/core/package.json index e293a2fc5c0..e77e8c95bad 100644 --- a/core/package.json +++ b/core/package.json @@ -1,6 +1,6 @@ { "name": "@ionic/core", - "version": "4.0.0-beta.18", + "version": "4.0.0-beta.19", "description": "Base components for Ionic", "keywords": [ "ionic", diff --git a/docs/package.json b/docs/package.json index 2b1ae1355ae..89c3f2b6c13 100644 --- a/docs/package.json +++ b/docs/package.json @@ -1,6 +1,6 @@ { "name": "@ionic/docs", - "version": "4.0.0-beta.18", + "version": "4.0.0-beta.19", "description": "Pre-packaged API documentation for the Ionic docs.", "main": "core.json", "files": [