4.0.0-alpha.10

Author: adamdbradley

CHANGELOG.md

@@ -1,3 +1,17 @@
+<a name="4.0.0-alpha.10"></a>
+# [4.0.0-alpha.10](https://github.com/ionic-team/ionic/compare/v4.0.0-alpha.9...v4.0.0-alpha.10) (2018-07-11)
+
+
+### Bug Fixes
+
+* **angular:** publish css to npm ([748c209](https://github.com/ionic-team/ionic/commit/748c209))
+* **item:** pass the correct type property to the button tag ([5f8b02e](https://github.com/ionic-team/ionic/commit/5f8b02e)), closes [#14740](https://github.com/ionic-team/ionic/issues/14740)
+* **tabs:** correct alignment for label/icon only tabs ([b46c3e2](https://github.com/ionic-team/ionic/commit/b46c3e2))
+* **tabs:** update the tabbar placement value to match the property it applies to ([45583bc](https://github.com/ionic-team/ionic/commit/45583bc))
+* **toolbar:** get translucency working with header, footer and toolbar ([f6ab5b6](https://github.com/ionic-team/ionic/commit/f6ab5b6))
+
+
+
 <a name="4.0.0-alpha.9"></a>
 # [4.0.0-alpha.9](https://github.com/ionic-team/ionic/compare/v4.0.0-alpha.8...v4.0.0-alpha.9) (2018-07-10)
 

angular/package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "@ionic/angular",
-  "version": "4.0.0-alpha.9",
+  "version": "4.0.0-alpha.10",
   "description": "Angular specific wrappers for @ionic/core",
   "keywords": [
     "ionic",
@@ -41,7 +41,7 @@
     "css/"
   ],
   "dependencies": {
-    "@ionic/core": "4.0.0-alpha.9"
+    "@ionic/core": "4.0.0-alpha.10"
   },
   "devDependencies": {
     "@angular/common": "^6.0.3",

angular/package.json

@@ -201,10 +201,10 @@ export class FabList {
 }
 
 export declare interface Footer extends StencilComponents.IonFooter {}
-@Directive({selector: 'ion-footer', inputs: ['mode']})
+@Directive({selector: 'ion-footer', inputs: ['mode', 'translucent']})
 export class Footer {
   constructor(r: ElementRef) {
-    proxyInputs(this, r, ['mode']);
+    proxyInputs(this, r, ['mode', 'translucent']);
   }
 }
 
@@ -217,10 +217,10 @@ export class Grid {
 }
 
 export declare interface Header extends StencilComponents.IonHeader {}
-@Directive({selector: 'ion-header', inputs: ['mode']})
+@Directive({selector: 'ion-header', inputs: ['mode', 'translucent']})
 export class Header {
   constructor(r: ElementRef) {
-    proxyInputs(this, r, ['mode']);
+    proxyInputs(this, r, ['mode', 'translucent']);
   }
 }
 
@@ -286,10 +286,10 @@ export class Input {
 }
 
 export declare interface Item extends StencilComponents.IonItem {}
-@Directive({selector: 'ion-item', inputs: ['color', 'mode', 'button', 'detail', 'detailIcon', 'disabled', 'href', 'lines', 'state', 'routerDirection']})
+@Directive({selector: 'ion-item', inputs: ['color', 'mode', 'button', 'detail', 'detailIcon', 'disabled', 'href', 'lines', 'routerDirection', 'state', 'type']})
 export class Item {
   constructor(r: ElementRef) {
-    proxyInputs(this, r, ['color', 'mode', 'button', 'detail', 'detailIcon', 'disabled', 'href', 'lines', 'state', 'routerDirection']);
+    proxyInputs(this, r, ['color', 'mode', 'button', 'detail', 'detailIcon', 'disabled', 'href', 'lines', 'routerDirection', 'state', 'type']);
   }
 }
 
@@ -677,15 +677,15 @@ export class Tab {
 }
 
 export declare interface Tabs extends StencilComponents.IonTabs {}
-@Directive({selector: 'ion-tabs', inputs: ['color', 'name', 'tabbarHidden', 'tabbarLayout', 'tabbarPlacement', 'tabbarHighlight', 'translucent', 'scrollable', 'useRouter'], outputs: ['ionChange', 'ionNavWillLoad', 'ionNavWillChange', 'ionNavDidChange']})
+@Directive({selector: 'ion-tabs', inputs: ['color', 'name', 'tabbarHidden', 'tabbarHighlight', 'tabbarLayout', 'tabbarPlacement', 'translucent', 'scrollable', 'useRouter'], outputs: ['ionChange', 'ionNavWillLoad', 'ionNavWillChange', 'ionNavDidChange']})
 export class Tabs {
   ionChange: EventEmitter<any>;
   ionNavWillLoad: EventEmitter<any>;
   ionNavWillChange: EventEmitter<any>;
   ionNavDidChange: EventEmitter<any>;
   constructor(r: ElementRef) {
     proxyMethods(this, r, ['select', 'setRouteId', 'getRouteId', 'getTab', 'getSelected']);
-    proxyInputs(this, r, ['color', 'name', 'tabbarHidden', 'tabbarLayout', 'tabbarPlacement', 'tabbarHighlight', 'translucent', 'scrollable', 'useRouter']);
+    proxyInputs(this, r, ['color', 'name', 'tabbarHidden', 'tabbarHighlight', 'tabbarLayout', 'tabbarPlacement', 'translucent', 'scrollable', 'useRouter']);
     proxyOutputs(this, ['ionChange', 'ionNavWillLoad', 'ionNavWillChange', 'ionNavDidChange']);
   }
 }

angular/src/directives/proxies.ts

@@ -20,7 +20,7 @@ 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:
 
-    <script src="https://unpkg.com/@ionic/[email protected].9/dist/ionic.js"></script>
+    <script src="https://unpkg.com/@ionic/[email protected].10/dist/ionic.js"></script>
 
 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')`.
 

core/README.md

@@ -1,6 +1,6 @@
 {
   "name": "@ionic/core",
-  "version": "4.0.0-alpha.9",
+  "version": "4.0.0-alpha.10",
   "description": "Base components for Ionic",
   "keywords": [
     "ionic",