diff --git a/CHANGELOG.md b/CHANGELOG.md
index a2a753f4e2..5625f699d7 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,3 +1,17 @@
+
+# [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))
+
+
+
# [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)
diff --git a/angular/package-lock.json b/angular/package-lock.json
index 429328cd05..f82da8e8ca 100644
--- a/angular/package-lock.json
+++ b/angular/package-lock.json
@@ -1,6 +1,6 @@
{
"name": "@ionic/angular",
- "version": "4.0.0-alpha.9",
+ "version": "4.0.0-alpha.10",
"lockfileVersion": 1,
"requires": true,
"dependencies": {
@@ -2414,4 +2414,4 @@
"dev": true
}
}
-}
+}
\ No newline at end of file
diff --git a/angular/package.json b/angular/package.json
index 0effedf0e8..fb0cdd4f2d 100644
--- a/angular/package.json
+++ b/angular/package.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",
diff --git a/angular/src/directives/proxies.ts b/angular/src/directives/proxies.ts
index 444765e5b5..38ddbc9740 100644
--- a/angular/src/directives/proxies.ts
+++ b/angular/src/directives/proxies.ts
@@ -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,7 +677,7 @@ 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;
ionNavWillLoad: EventEmitter;
@@ -685,7 +685,7 @@ export class Tabs {
ionNavDidChange: EventEmitter;
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']);
}
}
diff --git a/core/README.md b/core/README.md
index ff6da90f0a..167f80200d 100644
--- a/core/README.md
+++ b/core/README.md
@@ -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:
-
+
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-lock.json b/core/package-lock.json
index d2f82f6f9c..eff48a9f12 100644
--- a/core/package-lock.json
+++ b/core/package-lock.json
@@ -1,6 +1,6 @@
{
"name": "@ionic/core",
- "version": "4.0.0-alpha.9",
+ "version": "4.0.0-alpha.10",
"lockfileVersion": 1,
"requires": true,
"dependencies": {
@@ -11831,4 +11831,4 @@
}
}
}
-}
+}
\ No newline at end of file
diff --git a/core/package.json b/core/package.json
index b4e230e4bf..fd122d287d 100644
--- a/core/package.json
+++ b/core/package.json
@@ -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",