(#713) Change default icon font size

.gitignore

@@ -5,4 +5,5 @@ lib
 node_modules
 **/*.soy.js
 *.log
-package-lock.json
+package-lock.json
+.gradle

.travis.yml

@@ -22,6 +22,7 @@ jdk:
 language: java
 
 script:
+  - npm run testSoy
   - npm run build
   - npm run checkFormat
   - npm run lint

lerna.json

@@ -1,6 +1,6 @@
 {
   "lerna": "2.4.0",
-  "version": "2.0.0-rc.2",
+  "version": "2.0.0-rc.10",
   "npmClient": "yarn",
   "useWorkspaces": true
 }

package.json

@@ -10,12 +10,13 @@
     "jest": "cross-env NODE_ENV=test jest",
     "lerna": "lerna bootstrap -- --no-optional --no-package-lock",
     "lint": "eslint packages/clay-*/src/*.js packages/clay-*/src/**/*.js && npm run mcritic",
-    "mcritic": "mcritic packages/ --ignore '**/{browserslist-config-clay-components,claycss.com,generator-metal-clay,node_modules}/**'",
+    "mcritic": "mcritic packages/ --ignore '**/{browserslist-config-clay-components,clayui.com,generator-metal-clay,node_modules}/**'",
     "prettier": "prettier-eslint packages/clay-*/src/*.js packages/clay-*/src/**/*.js",
     "soy": "lerna run soy",
     "start": "http-server . -p 4000",
     "test": "npm run build && npm run jest && npm run a11y",
-    "electric": "npm run soy && npm run compile && cd packages/claycss.com && el",
+    "testSoy": "cd packages/clay-isomorphic && ./gradlew testSoy",
+    "electric": "npm run soy && npm run compile && cd packages/clayui.com && ../../node_modules/electric-cli/bin/electric.js",
     "web": "npm run electric -- run",
     "deploy": "npm run electric -- deploy"
   },

packages/browserslist-config-clay-components/package.json

@@ -1,6 +1,6 @@
 {
   "name": "browserslist-config-clay-components",
-  "version": "1.0.0-alpha.2",
+  "version": "2.0.0-rc.10",
   "description": "Clay components Browserslist Shared Config",
   "main": "index.js",
   "repository": "https://github.com/liferay/clay/tree/master/packages/browserslist-config-clay-components",

packages/clay-alert/package.json

@@ -1,6 +1,6 @@
 {
   "name": "clay-alert",
-  "version": "2.0.0-rc.2",
+  "version": "2.0.0-rc.10",
   "description": "Metal Clay Alert component.",
   "license": "BSD",
   "repository": "https://github.com/liferay/clay/tree/master/packages/clay-alert",
@@ -27,8 +27,8 @@
     "metal"
   ],
   "dependencies": {
-    "clay-button": "^2.0.0-rc.2",
-    "clay-icon": "^2.0.0-rc.2",
+    "clay-button": "^2.0.0-rc.10",
+    "clay-icon": "^2.0.0-rc.10",
     "metal": "^2.16.0",
     "metal-component": "^2.16.0",
     "metal-soy": "^2.16.0",
@@ -41,8 +41,8 @@
     "babel-loader": "^7.0.0",
     "babel-plugin-transform-node-env-inline": "^0.1.1",
     "babel-preset-env": "^1.6.0",
-    "browserslist-config-clay-components": "^1.0.0-alpha.2",
-    "clay": "^2.0.0-rc.2",
+    "browserslist-config-clay-components": "^2.0.0-rc.10",
+    "clay": "^2.0.0-rc.10",
     "metal-tools-soy": "^6.0.0",
     "webpack": "^3.0.0"
   },

packages/clay-alert/src/ClayAlert.js

@@ -8,6 +8,7 @@ import templates from './ClayAlert.soy.js';
 
 /**
  * Metal Clay Alert component.
+ * @extends Component
  */
 class ClayAlert extends Component {
 	/**
@@ -44,72 +45,72 @@ class ClayAlert extends Component {
 ClayAlert.STATE = {
 	/**
 	 * Flag to indicate if the alert is closeable.
+	 * @default false
 	 * @instance
 	 * @memberof ClayAlert
 	 * @type {?bool}
-	 * @default false
 	 */
 	closeable: Config.bool().value(false),
 
 	/**
 	 * Flag to indicate if the alert should be destroyen when close.
+	 * @default false
 	 * @instance
 	 * @memberof ClayAlert
 	 * @type {?bool}
-	 * @default false
 	 */
 	destroyOnHide: Config.bool().value(false),
 
 	/**
 	 * CSS classes to be applied to the element.
+	 * @default undefined
 	 * @instance
 	 * @memberof ClayAlert
-	 * @type {?string|undefined}
-	 * @default undefined
+	 * @type {?(string|undefined)}
 	 */
 	elementClasses: Config.string(),
 
 	/**
 	 * Id to be applied to the element.
+	 * @default undefined
 	 * @instance
 	 * @memberof ClayAlert
-	 * @type {?string|undefined}
-	 * @default undefined
+	 * @type {?(string|undefined)}
 	 */
 	id: Config.string(),
 
 	/**
 	 * The message of alert
 	 * @instance
 	 * @memberof ClayAlert
-	 * @type {!html|string}
+	 * @type {!(html|string)}
 	 */
 	message: Config.any().required(),
 
 	/**
 	 * The path to the SVG spritemap file containing the icons.
+	 * @default undefined
 	 * @instance
 	 * @memberof ClayAlert
 	 * @type {!string}
-	 * @default undefined
 	 */
 	spritemap: Config.string().required(),
 
 	/**
 	 * The style of alert
+	 * @default info
 	 * @instance
 	 * @memberof ClayAlert
 	 * @type {?string}
-	 * @default info
 	 */
 	style: Config.oneOf(['danger', 'info', 'success', 'warning']).value('info'),
 
 	/**
 	 * The title of alert
+	 * @default undefined
 	 * @instance
 	 * @memberof ClayAlert
 	 * @type {!string}
-	 * @default undefined
 	 */
 	title: Config.string().required(),
 };

packages/clay-alert/src/ClayAlertBase.js

@@ -4,11 +4,13 @@ import Component from 'metal-component';
 import defineWebComponent from 'metal-web-component';
 import Soy from 'metal-soy';
 import {Config} from 'metal-state';
+import {isServerSide} from 'metal';
 
 import templates from './ClayAlertBase.soy.js';
 
 /**
  * Metal Clay Alert Base component.
+ * @extends Component
  */
 class ClayAlertBase extends Component {
 	/**
@@ -22,6 +24,10 @@ class ClayAlertBase extends Component {
 	 * @inheritDoc
 	 */
 	rendered() {
+		if (isServerSide()) {
+			return;
+		}
+
 		if (
 			this.autoClose &&
 			(this.type === 'stripe' || this.type === 'toast')
@@ -52,15 +58,17 @@ class ClayAlertBase extends Component {
 	 * @private
 	 */
 	_defaultHideAlert() {
-		this._delayTime = 0;
-		this._visible = false;
+		if (!this.isDisposed()) {
+			this._delayTime = 0;
+			this._visible = false;
 
-		if (this._timer) {
-			clearTimeout(this._timer);
-		}
+			if (this._timer) {
+				clearTimeout(this._timer);
+			}
 
-		if (this.destroyOnHide) {
-			this.dispose();
+			if (this.destroyOnHide) {
+				this.dispose();
+			}
 		}
 	}
 
@@ -130,101 +138,102 @@ class ClayAlertBase extends Component {
 ClayAlertBase.STATE = {
 	/**
 	 * Flag to indicate the visibility of the alert
+	 * @default true
 	 * @instance
 	 * @memberof ClayAlertBase
 	 * @type {?bool}
-	 * @default true
 	 */
 	_visible: Config.bool()
 		.internal()
 		.value(true),
 
 	/**
 	 * Flag to indicate if alert should be automatically closed.
+	 * @default false
 	 * @instance
 	 * @memberof ClayAlertBase
 	 * @type {?bool}
-	 * @default false
 	 */
 	autoClose: Config.bool().value(false),
 
 	/**
 	 * Flag to indicate if the alert is closeable.
+	 * @default false
 	 * @instance
 	 * @memberof ClayAlertBase
 	 * @type {?bool}
-	 * @default false
 	 */
 	closeable: Config.bool().value(false),
 
 	/**
 	 * Flag to indicate if the alert should be destroyen when close.
+	 * @default false
 	 * @instance
 	 * @memberof ClayAlertBase
 	 * @type {?bool}
-	 * @default false
 	 */
 	destroyOnHide: Config.bool().value(false),
 
 	/**
 	 * CSS classes to be applied to the element.
+	 * @default undefined
 	 * @instance
 	 * @memberof ClayAlert
-	 * @type {?string|undefined}
-	 * @default undefined
+	 * @type {(?string|undefined)}
 	 */
 	elementClasses: Config.string(),
 
 	/**
 	 * Id to be applied to the element.
+	 * @default undefined
 	 * @instance
 	 * @memberof ClayAlert
-	 * @type {?string|undefined}
-	 * @default undefined
+	 * @type {(?string|undefined)}
 	 */
 	id: Config.string(),
 
 	/**
 	 * The message of alert
+	 * @default undefined
 	 * @instance
 	 * @memberof ClayAlertBase
-	 * @type {!html|string}
+	 * @type {!(html|string)}
 	 */
 	message: Config.any().required(),
 
 	/**
 	 * The path to the SVG spritemap file containing the icons.
+	 * @default undefined
 	 * @instance
 	 * @memberof ClayAlertBase
 	 * @type {!string}
-	 * @default undefined
 	 */
 	spritemap: Config.string().required(),
 
 	/**
 	 * The style of alert
+	 * @default info
 	 * @instance
 	 * @memberof ClayAlertBase
 	 * @type {?string}
-	 * @default info
 	 */
 	style: Config.oneOf(['danger', 'info', 'success', 'warning']).value('info'),
 
 	/**
 	 * The title of alert
+	 * @default undefined
 	 * @instance
 	 * @memberof ClayAlertBase
 	 * @type {!string}
-	 * @default undefined
 	 */
 	title: Config.string().required(),
 
 	/**
 	 * The type of alert
+	 * @default embedded
 	 * @instance
 	 * @memberof ClayAlertBase
 	 * @type {?string}
-	 * @default embedded
 	 */
 	type: Config.oneOf(['embedded', 'stripe', 'toast']).value('embedded'),
 };