clay-card - npm Package Compare versions

Comparing version 2.0.0-rc.9 to 2.0.0-rc.10

lib/ClayCardBase.js

@@ -54,2 +54,3 @@ 'use strict';
  * Metal ClayCardBase component.
+ * @extends Component
  */
@@ -91,6 +92,6 @@ var ClayCardBase = function (_Component) {
   * List of items to display in the actions menu.
+  * @default undefined
   * @instance
   * @memberof ClayCardBase
-  * @type {?array|undefined}
-  * @default undefined
+  * @type {?(array|undefined)}
   */
@@ -101,6 +102,6 @@ actionItems: _action_items_validator2.default,
   * Content Renderer name of card.
+  * @default image
   * @instance
   * @memberof ClayCardBase
   * @type {?array}
-  * @default image
   */
@@ -111,6 +112,6 @@ contentRenderer: _metalState.Config.oneOf(['image', 'file', 'user']).value('image'),
   * Flag to indicate if the card is disabled or not.
+  * @default false
   * @instance
   * @memberof ClayCardBase
   * @type {?bool}
-  * @default false
   */
@@ -121,6 +122,6 @@ disabled: _metalState.Config.bool().value(false),
   * CSS classes to be applied to the element.
+  * @default undefined
   * @instance
   * @memberof ClayCardBase
-  * @type {?string|undefined}
-  * @default undefined
+  * @type {?(string|undefined)}
   */
@@ -131,6 +132,6 @@ elementClasses: _metalState.Config.string(),
   * Group Index the card belongs to.
+  * @default undefined
   * @instance
   * @memberof ClayCardBase
-  * @type {?string|undefined}
-  * @default undefined
+  * @type {?(string|undefined)}
   */
@@ -141,6 +142,6 @@ groupName: _metalState.Config.string(),
   * Url to be applied to the title of the card.
+  * @default undefined
   * @instance
   * @memberof ClayCardBase
-  * @type {?string|undefined}
-  * @default undefined
+  * @type {?(string|undefined)}
   */
@@ -151,6 +152,6 @@ href: _metalState.Config.string(),
   * Icon to be rendered in the visual area of the card.
+  * @default undefined
   * @instance
   * @memberof ClayCardBase
-  * @type {?string|undefined}
-  * @default undefined
+  * @type {?(string|undefined)}
   */
@@ -161,6 +162,6 @@ icon: _metalState.Config.string(),
   * Id to be applied to the element.
+  * @default undefined
   * @instance
   * @memberof ClayCardBase
-  * @type {?string|undefined}
-  * @default undefined
+  * @type {?(string|undefined)}
   */
@@ -171,6 +172,6 @@ id: _metalState.Config.string(),
   * Alternate text of the image.
+  * @default undefined
   * @instance
   * @memberof ClayCardBase
-  * @type {?string|undefined}
-  * @default undefined
+  * @type {?(string|undefined)}
   */
@@ -181,6 +182,6 @@ imageAlt: _metalState.Config.string(),
   * Source of the image to be rendered in the visual area of the card.
+  * @default undefined
   * @instance
   * @memberof ClayCardBase
-  * @type {?string|undefined}
-  * @default undefined
+  * @type {?(string|undefined)}
   */
@@ -191,6 +192,6 @@ imageSrc: _metalState.Config.string(),
   * Name to be applied to the input element.
+  * @default undefined
   * @instance
   * @memberof ClayCardBase
-  * @type {?string|undefined}
-  * @default undefined
+  * @type {?(string|undefined)}
   */
@@ -201,6 +202,6 @@ inputName: _metalState.Config.string(),
   * Value to be applied to the input element.
+  * @default undefined
   * @instance
   * @memberof ClayCardBase
-  * @type {?string|undefined}
-  * @default undefined
+  * @type {?(string|undefined)}
   */
@@ -211,6 +212,6 @@ inputValue: _metalState.Config.string(),
   * Labels of the card.
+  * @default undefined
   * @instance
   * @memberof ClayCardBase
-  * @type {?array|undefined}
-  * @default undefined
+  * @type {?(array|undefined)}
   */
@@ -226,3 +227,3 @@ labels: _metalState.Config.arrayOf(_metalState.Config.oneOfType([_metalState.Config.string(), _metalState.Config.shapeOf({
   * @memberof ClayCardBase
-  * @type {?object|undefined}
+  * @type {?(object|undefined)}
   * @default undefined
@@ -254,3 +255,3 @@ */
   * @memberof ClayCardBase
-  * @type {?string|undefined}
+  * @type {?(string|undefined)}
   * @default undefined
@@ -264,3 +265,3 @@ */
   * @memberof ClayCardBase
-  * @type {?string|undefined}
+  * @type {?(string|undefined)}
   * @default undefined
@@ -292,3 +293,3 @@ */
   * @memberof ClayCardBase
-  * @type {?string|undefined}
+  * @type {?(string|undefined)}
   * @default undefined
@@ -295,0 +296,0 @@ */

lib/ClayFileCard.js

@@ -48,2 +48,3 @@ 'use strict';
  * Metal ClayFileCard component.
+ * @extends Component
  */
@@ -85,6 +86,6 @@ var ClayFileCard = function (_Component) {
   * List of items to display in the actions menu.
+  * @default undefined
   * @instance
   * @memberof ClayFileCard
-  * @type {?array|undefined}
-  * @default undefined
+  * @type {?(array|undefined)}
   */
@@ -95,6 +96,6 @@ actionItems: _action_items_validator2.default,
   * Flag to indicate if the card is disabled or not.
+  * @default false
   * @instance
   * @memberof ClayFileCard
   * @type {?bool}
-  * @default false
   */
@@ -105,6 +106,6 @@ disabled: _metalState.Config.bool().value(false),
   * CSS classes to be applied to the element.
+  * @default undefined
   * @instance
   * @memberof ClayFileCard
-  * @type {?string|undefined}
-  * @default undefined
+  * @type {?(string|undefined)}
   */
@@ -115,6 +116,6 @@ elementClasses: _metalState.Config.string(),
   * Group Index the card belongs to.
+  * @default undefined
   * @instance
   * @memberof ClayFileCard
-  * @type {?string|undefined}
-  * @default undefined
+  * @type {?(string|undefined)}
   */
@@ -125,6 +126,6 @@ groupName: _metalState.Config.string(),
   * Url to be applied to the title of the card.
+  * @default undefined
   * @instance
   * @memberof ClayFileCard
-  * @type {?string|undefined}
-  * @default undefined
+  * @type {?(string|undefined)}
   */
@@ -135,6 +136,6 @@ href: _metalState.Config.string(),
   * Icon to be rendered in the visual area of the card.
+  * @default documents-and-media
   * @instance
   * @memberof ClayFileCard
   * @type {?string}
-  * @default documents-and-media
   */
@@ -145,6 +146,6 @@ icon: _metalState.Config.string().value('documents-and-media'),
   * Id to be applied to the element.
+  * @default undefined
   * @instance
   * @memberof ClayFileCard
-  * @type {?string|undefined}
-  * @default undefined
+  * @type {?(string|undefined)}
   */
@@ -157,3 +158,3 @@ id: _metalState.Config.string(),
   * @memberof ClayFileCard
-  * @type {?string|undefined}
+  * @type {?(string|undefined)}
   * @default undefined
@@ -165,6 +166,6 @@ */
   * Value to be applied to the input element.
+  * @default undefined
   * @instance
   * @memberof ClayFileCard
-  * @type {?string|undefined}
-  * @default undefined
+  * @type {?(string|undefined)}
   */
@@ -175,6 +176,6 @@ inputValue: _metalState.Config.string(),
   * Labels of the card.
+  * @default undefined
   * @instance
   * @memberof ClayFileCard
-  * @type {?array|undefined}
-  * @default undefined
+  * @type {?(array|undefined)}
   */
@@ -188,6 +189,6 @@ labels: _metalState.Config.arrayOf(_metalState.Config.oneOfType([_metalState.Config.string(), _metalState.Config.shapeOf({
   * Object that maps specific label values with desired styles.
+  * @default undefined
   * @instance
   * @memberof ClayCardBase
-  * @type {?object|undefined}
-  * @default undefined
+  * @type {?(object|undefined)}
   */
@@ -198,6 +199,6 @@ labelStylesMap: _metalState.Config.object(),
   * Flag to indicate if the card is selectable or not.
+  * @default false
   * @instance
   * @memberof ClayFileCard
   * @type {?bool}
-  * @default false
   */
@@ -208,6 +209,6 @@ selectable: _metalState.Config.bool().value(false),
   * Flag to indicate if the card is selected or not.
+  * @default false
   * @instance
   * @memberof ClayFileCard
   * @type {?bool}
-  * @default false
   */
@@ -218,6 +219,6 @@ selected: _metalState.Config.bool().value(false),
   * The path to the SVG spritemap file containing the icons.
+  * @default undefined
   * @instance
   * @memberof ClayFileCard
   * @type {!string}
-  * @default undefined
   */
@@ -228,6 +229,6 @@ spritemap: _metalState.Config.string().required(),
   * Label for the sticker represented in the card.
+  * @default undefined
   * @instance
   * @memberof ClayFileCard
-  * @type {?string|undefined}
-  * @default undefined
+  * @type {?(string|undefined)}
   */
@@ -238,6 +239,6 @@ stickerLabel: _metalState.Config.string(),
   * Shape for the sticker represented in the card.
+  * @default rounded
   * @instance
   * @memberof ClayFileCard
   * @type {?string}
-  * @default rounded
   */
@@ -248,6 +249,6 @@ stickerShape: _metalState.Config.oneOf(['circle', 'rounded']).value('rounded'),
   * Style of sticker represented in the card.
+  * @default primary
   * @instance
   * @memberof ClayFileCard
   * @type {?string}
-  * @default primary
   */
@@ -258,6 +259,6 @@ stickerStyle: _metalState.Config.oneOf(['danger', 'dark', 'info', 'light', 'primary', 'secondary', 'success', 'warning']).value('primary'),
   * Subtitle of the card.
+  * @default undefined
   * @instance
   * @memberof ClayFileCard
-  * @type {?string|undefined}
-  * @default undefined
+  * @type {?(string|undefined)}
   */
@@ -268,6 +269,6 @@ subtitle: _metalState.Config.string(),
   * Title of the card.
+  * @default undefined
   * @instance
   * @memberof ClayFileCard
   * @type {!string}
-  * @default undefined
   */
@@ -274,0 +275,0 @@ title: _metalState.Config.string().required()

lib/ClayHorizontalCard.js

@@ -52,2 +52,3 @@ 'use strict';
  * Metal ClayHorizontalCard component.
+ * @extends Component
  */
@@ -89,6 +90,6 @@ var ClayHorizontalCard = function (_Component) {
   * List of items to display in the actions menu.
+  * @default undefined
   * @instance
   * @memberof ClayHorizontalCard
-  * @type {?array|undefined}
-  * @default undefined
+  * @type {?(array|undefined)}
   */
@@ -99,6 +100,6 @@ actionItems: _action_items_validator2.default,
   * Flag to indicate if the card is disabled or not.
+  * @default false
   * @instance
   * @memberof ClayHorizontalCard
   * @type {?bool}
-  * @default false
   */
@@ -109,6 +110,6 @@ disabled: _metalState.Config.bool().value(false),
   * CSS classes to be applied to the element.
+  * @default undefined
   * @instance
   * @memberof ClayHorizontalCard
-  * @type {?string|undefined}
-  * @default undefined
+  * @type {?(string|undefined)}
   */
@@ -119,6 +120,6 @@ elementClasses: _metalState.Config.string(),
   * Group Index the card belongs to.
+  * @default undefined
   * @instance
   * @memberof ClayHorizontalCard
-  * @type {?string|undefined}
-  * @default undefined
+  * @type {?(string|undefined)}
   */
@@ -129,6 +130,6 @@ groupName: _metalState.Config.string(),
   * Url to be applied to the title of the card.
+  * @default undefined
   * @instance
   * @memberof ClayHorizontalCard
-  * @type {?string|undefined}
-  * @default undefined
+  * @type {?(string|undefined)}
   */
@@ -139,6 +140,6 @@ href: _metalState.Config.string(),
   * Icon of the card.
+  * @default folder
   * @instance
   * @memberof ClayHorizontalCard
   * @type {?string}
-  * @default folder
   */
@@ -149,6 +150,6 @@ icon: _metalState.Config.string().value('folder'),
   * Id to be applied to the element.
+  * @default undefined
   * @instance
   * @memberof ClayHorizontalCard
-  * @type {?string|undefined}
-  * @default undefined
+  * @type {?(string|undefined)}
   */
@@ -159,6 +160,6 @@ id: _metalState.Config.string(),
   * Name to be applied to the input element.
+  * @default undefined
   * @instance
   * @memberof ClayHorizontalCard
-  * @type {?string|undefined}
-  * @default undefined
+  * @type {?(string|undefined)}
   */
@@ -169,6 +170,6 @@ inputName: _metalState.Config.string(),
   * Value to be applied to the input element.
+  * @default undefined
   * @instance
   * @memberof ClayHorizontalCard
-  * @type {?string|undefined}
-  * @default undefined
+  * @type {?(string|undefined)}
   */
@@ -179,6 +180,6 @@ inputValue: _metalState.Config.string(),
   * Flag to indicate if the card is selectable or not.
+  * @default false
   * @instance
   * @memberof ClayHorizontalCard
   * @type {?bool}
-  * @default false
   */
@@ -189,6 +190,6 @@ selectable: _metalState.Config.bool().value(false),
   * Flag to indicate if the card is selected or not.
+  * @default false
   * @instance
   * @memberof ClayHorizontalCard
   * @type {?bool}
-  * @default false
   */
@@ -199,6 +200,6 @@ selected: _metalState.Config.bool().value(false),
   * The path to the SVG spritemap file containing the icons.
+  * @default undefined
   * @instance
   * @memberof ClayHorizontalCard
   * @type {!string}
-  * @default undefined
   */
@@ -209,6 +210,6 @@ spritemap: _metalState.Config.string().required(),
   * Title of the card.
+  * @default undefined
   * @instance
   * @memberof ClayHorizontalCard
   * @type {!string}
-  * @default undefined
   */
@@ -215,0 +216,0 @@ title: _metalState.Config.string().required()

lib/ClayImageCard.js

@@ -48,2 +48,3 @@ 'use strict';
  * Metal ClayImageCard component.
+ * @extends Component
  */
@@ -85,6 +86,6 @@ var ClayImageCard = function (_Component) {
   * List of items to display in the actions menu.
+  * @default undefined
   * @instance
   * @memberof ClayImageCard
-  * @type {?array|object|undefined}
-  * @default undefined
+  * @type {?(array|object|undefined)}
   */
@@ -95,6 +96,6 @@ actionItems: _action_items_validator2.default,
   * Flag to indicate if the card is disabled or not.
+  * @default false
   * @instance
   * @memberof ClayImageCard
   * @type {?bool}
-  * @default false
   */
@@ -105,6 +106,6 @@ disabled: _metalState.Config.bool().value(false),
   * CSS classes to be applied to the element.
+  * @default undefined
   * @instance
   * @memberof ClayImageCard
-  * @type {?string|undefined}
-  * @default undefined
+  * @type {?(string|undefined)}
   */
@@ -115,6 +116,6 @@ elementClasses: _metalState.Config.string(),
   * Group Index the card belongs to.
+  * @default undefined
   * @instance
   * @memberof ClayImageCard
-  * @type {?string|undefined}
-  * @default undefined
+  * @type {?(string|undefined)}
   */
@@ -125,6 +126,6 @@ groupName: _metalState.Config.string(),
   * Url to be applied to the title of the card.
+  * @default undefined
   * @instance
   * @memberof ClayImageCard
-  * @type {?string|undefined}
-  * @default undefined
+  * @type {?(string|undefined)}
   */
@@ -135,6 +136,6 @@ href: _metalState.Config.string(),
   * Icon to be rendered in the visual area of the card.
+  * @default undefined
   * @instance
   * @memberof ClayImageCard
-  * @type {?string|undefined}
-  * @default undefined
+  * @type {?(string|undefined)}
   */
@@ -145,6 +146,6 @@ icon: _metalState.Config.string(),
   * Id to be applied to the element.
+  * @default undefined
   * @instance
   * @memberof ClayImageCard
-  * @type {?string|undefined}
-  * @default undefined
+  * @type {?(string|undefined)}
   */
@@ -155,6 +156,6 @@ id: _metalState.Config.string(),
   * Alternate text of the image.
+  * @default undefined
   * @instance
   * @memberof ClayImageCard
-  * @type {?string|undefined}
-  * @default undefined
+  * @type {?(string|undefined)}
   */
@@ -165,6 +166,6 @@ imageAlt: _metalState.Config.string(),
   * Source of the image to be rendered in the visual area of the card.
+  * @default undefined
   * @instance
   * @memberof ClayImageCard
-  * @type {?string|undefined}
-  * @default undefined
+  * @type {?(string|undefined)}
   */
@@ -175,6 +176,6 @@ imageSrc: _metalState.Config.string(),
   * Name to be applied to the input element.
+  * @default undefined
   * @instance
   * @memberof ClayImageCard
-  * @type {?string|undefined}
-  * @default undefined
+  * @type {?(string|undefined)}
   */
@@ -185,6 +186,6 @@ inputName: _metalState.Config.string(),
   * Value to be applied to the input element.
+  * @default undefined
   * @instance
   * @memberof ClayImageCard
-  * @type {?string|undefined}
-  * @default undefined
+  * @type {?(string|undefined)}
   */
@@ -195,6 +196,6 @@ inputValue: _metalState.Config.string(),
   * Labels of the card.
+  * @default undefined
   * @instance
   * @memberof ClayImageCard
-  * @type {?array|undefined}
-  * @default undefined
+  * @type {?(array|undefined)}
   */
@@ -208,6 +209,6 @@ labels: _metalState.Config.arrayOf(_metalState.Config.oneOfType([_metalState.Config.string(), _metalState.Config.shapeOf({
   * Object that maps specific label values with desired styles.
+  * @default undefined
   * @instance
   * @memberof ClayImageCard
-  * @type {?object|undefined}
-  * @default undefined
+  * @type {?(object|undefined)}
   */
@@ -218,6 +219,6 @@ labelStylesMap: _metalState.Config.object(),
   * Flag to indicate if the card is selectable or not.
+  * @default false
   * @instance
   * @memberof ClayImageCard
   * @type {?bool}
-  * @default false
   */
@@ -228,6 +229,6 @@ selectable: _metalState.Config.bool().value(false),
   * Flag to indicate if the card is selected or not.
+  * @default false
   * @instance
   * @memberof ClayImageCard
   * @type {?bool}
-  * @default false
   */
@@ -238,6 +239,6 @@ selected: _metalState.Config.bool().value(false),
   * The path to the SVG spritemap file containing the icons.
+  * @default undefined
   * @instance
   * @memberof ClayImageCard
-  * @type {?string|undefined}
-  * @default undefined
+  * @type {?(string|undefined)}
   */
@@ -248,6 +249,6 @@ spritemap: _metalState.Config.string(),
   * Label for the sticker represented in the card.
+  * @default undefined
   * @instance
   * @memberof ClayImageCard
-  * @type {?string|undefined}
-  * @default undefined
+  * @type {?(string|undefined)}
   */
@@ -258,6 +259,6 @@ stickerLabel: _metalState.Config.string(),
   * Style of sticker represented in the card.
+  * @default primary
   * @instance
   * @memberof ClayImageCard
   * @type {?string}
-  * @default primary
   */
@@ -268,6 +269,6 @@ stickerStyle: _metalState.Config.oneOf(['danger', 'dark', 'info', 'light', 'primary', 'secondary', 'success', 'warning']).value('primary'),
   * Shape for the sticker represented in the card.
+  * @default rounded
   * @instance
   * @memberof ClayImageCard
   * @type {?string}
-  * @default rounded
   */
@@ -278,6 +279,6 @@ stickerShape: _metalState.Config.oneOf(['circle', 'rounded']).value('rounded'),
   * Subtitle of the card.
+  * @default undefined
   * @instance
   * @memberof ClayImageCard
-  * @type {?string|undefined}
-  * @default undefined
+  * @type {?(string|undefined)}
   */
@@ -288,6 +289,6 @@ subtitle: _metalState.Config.string(),
   * Title of the card.
+  * @default undefined
   * @instance
   * @memberof ClayImageCard
   * @type {!string}
-  * @default undefined
   */
@@ -294,0 +295,0 @@ title: _metalState.Config.string().required()

lib/ClayUserCard.js

@@ -52,2 +52,3 @@ 'use strict';
  * Metal ClayUserCard component.
+ * @extends Component
  */
@@ -89,6 +90,6 @@ var ClayUserCard = function (_Component) {
   * List of items to display in the actions menu.
+  * @default undefined
   * @instance
   * @memberof ClayUserCard
-  * @type {?array|undefined}
-  * @default undefined
+  * @type {?(array|undefined)}
   */
@@ -99,6 +100,6 @@ actionItems: _action_items_validator2.default,
   * Flag to indicate if the card is disabled or not.
+  * @default false
   * @instance
   * @memberof ClayUserCard
   * @type {?bool}
-  * @default false
   */
@@ -109,6 +110,6 @@ disabled: _metalState.Config.bool().value(false),
   * CSS classes to be applied to the element.
+  * @default undefined
   * @instance
   * @memberof ClayUserCard
-  * @type {?string|undefined}
-  * @default undefined
+  * @type {?(string|undefined)}
   */
@@ -119,6 +120,6 @@ elementClasses: _metalState.Config.string(),
   * Group Index the card belongs to.
+  * @default undefined
   * @instance
   * @memberof ClayUserCard
-  * @type {?string|undefined}
-  * @default undefined
+  * @type {?(string|undefined)}
   */
@@ -129,6 +130,6 @@ groupName: _metalState.Config.string(),
   * Url to be applied to the title of the card.
+  * @default undefined
   * @instance
   * @memberof ClayUserCard
-  * @type {?string|undefined}
-  * @default undefined
+  * @type {?(string|undefined)}
   */
@@ -139,6 +140,6 @@ href: _metalState.Config.string(),
   * Id to be applied to the element.
+  * @default undefined
   * @instance
   * @memberof ClayUserCard
-  * @type {?string|undefined}
-  * @default undefined
+  * @type {?(string|undefined)}
   */
@@ -149,6 +150,6 @@ id: _metalState.Config.string(),
   * Alternate text of the image.
+  * @default undefined
   * @instance
   * @memberof ClayUserCard
-  * @type {?string|undefined}
-  * @default undefined
+  * @type {?(string|undefined)}
   */
@@ -159,6 +160,6 @@ imageAlt: _metalState.Config.string(),
   * Source of the image to be rendered in the visual area of the card.
+  * @default undefined
   * @instance
   * @memberof ClayUserCard
-  * @type {?string|undefined}
-  * @default undefined
+  * @type {?(string|undefined)}
   */
@@ -169,6 +170,6 @@ imageSrc: _metalState.Config.string(),
   * Initials of the user.
+  * @default undefined
   * @instance
   * @memberof ClayUserCard
-  * @type {?string|undefined}
-  * @default undefined
+  * @type {?(string|undefined)}
   */
@@ -179,6 +180,6 @@ initials: _metalState.Config.string(),
   * Name to be applied to the input element.
+  * @default undefined
   * @instance
   * @memberof ClayUserCard
-  * @type {?string|undefined}
-  * @default undefined
+  * @type {?(string|undefined)}
   */
@@ -189,6 +190,6 @@ inputName: _metalState.Config.string(),
   * Value to be applied to the input element.
+  * @default undefined
   * @instance
   * @memberof ClayUserCard
-  * @type {?string|undefined}
-  * @default undefined
+  * @type {?(string|undefined)}
   */
@@ -199,6 +200,6 @@ inputValue: _metalState.Config.string(),
   * Name of the user.
+  * @default undefined
   * @instance
   * @memberof ClayUserCard
   * @type {!string}
-  * @default undefined
   */
@@ -209,6 +210,6 @@ name: _metalState.Config.string().required(),
   * Flag to indicate if the card is selectable or not.
+  * @default false
   * @instance
   * @memberof ClayUserCard
   * @type {?bool}
-  * @default false
   */
@@ -219,6 +220,6 @@ selectable: _metalState.Config.bool().value(false),
   * Flag to indicate if the card is selected or not.
+  * @default false
   * @instance
   * @memberof ClayUserCard
   * @type {?bool}
-  * @default false
   */
@@ -229,6 +230,6 @@ selected: _metalState.Config.bool().value(false),
   * The path to the SVG spritemap file containing the icons.
+  * @default undefined
   * @instance
   * @memberof ClayUserCard
-  * @type {?string|undefined}
-  * @default undefined
+  * @type {?(string|undefined)}
   */
@@ -239,6 +240,6 @@ spritemap: _metalState.Config.string(),
   * Subtitle of the card.
+  * @default undefined
   * @instance
   * @memberof ClayUserCard
-  * @type {?string|undefined}
-  * @default undefined
+  * @type {?(string|undefined)}
   */
@@ -249,6 +250,6 @@ subtitle: _metalState.Config.string(),
   * Color of the user sticker.
+  * @default primary
   * @instance
   * @memberof ClayUserCard
   * @type {?string}
-  * @default primary
   */
@@ -255,0 +256,0 @@ userColor: _metalState.Config.oneOf(['danger', 'dark', 'info', 'light', 'primary', 'secondary', 'success', 'warning']).value('primary')

package.json

 {
   "name": "clay-card",
-  "version": "2.0.0-rc.9",
+  "version": "2.0.0-rc.10",
   "description": "Metal ClayCard component",
@@ -30,8 +30,8 @@ "license": "BSD",
   "dependencies": {
-    "clay-checkbox": "^2.0.0-rc.9",
-    "clay-dropdown": "^2.0.0-rc.9",
-    "clay-icon": "^2.0.0-rc.9",
-    "clay-label": "^2.0.0-rc.9",
-    "clay-link": "^2.0.0-rc.9",
-    "clay-sticker": "^2.0.0-rc.9",
+    "clay-checkbox": "^2.0.0-rc.10",
+    "clay-dropdown": "^2.0.0-rc.10",
+    "clay-icon": "^2.0.0-rc.10",
+    "clay-label": "^2.0.0-rc.10",
+    "clay-link": "^2.0.0-rc.10",
+    "clay-sticker": "^2.0.0-rc.10",
     "metal": "^2.16.0",
@@ -49,4 +49,4 @@ "metal-component": "^2.16.0",
     "babel-preset-env": "^1.6.0",
-    "browserslist-config-clay-components": "^2.0.0-rc.9",
-    "clay": "^2.0.0-rc.9",
+    "browserslist-config-clay-components": "^2.0.0-rc.10",
+    "clay": "^2.0.0-rc.10",
     "metal-dom": "^2.13.2",
@@ -53,0 +53,0 @@ "metal-tools-soy": "^6.0.0",

src/ClayCardBase.js

@@ -17,2 +17,3 @@ import 'clay-checkbox';
  * Metal ClayCardBase component.
+ * @extends Component
  */
@@ -38,6 +39,6 @@ class ClayCardBase extends Component {
 	 * List of items to display in the actions menu.
+	 * @default undefined
 	 * @instance
 	 * @memberof ClayCardBase
-	 * @type {?array|undefined}
-	 * @default undefined
+	 * @type {?(array|undefined)}
 	 */
@@ -48,6 +49,6 @@ actionItems: actionItemsValidator,
 	 * Content Renderer name of card.
+	 * @default image
 	 * @instance
 	 * @memberof ClayCardBase
 	 * @type {?array}
-	 * @default image
 	 */
@@ -58,6 +59,6 @@ contentRenderer: Config.oneOf(['image', 'file', 'user']).value('image'),
 	 * Flag to indicate if the card is disabled or not.
+	 * @default false
 	 * @instance
 	 * @memberof ClayCardBase
 	 * @type {?bool}
-	 * @default false
 	 */
@@ -68,6 +69,6 @@ disabled: Config.bool().value(false),
 	 * CSS classes to be applied to the element.
+	 * @default undefined
 	 * @instance
 	 * @memberof ClayCardBase
-	 * @type {?string|undefined}
-	 * @default undefined
+	 * @type {?(string|undefined)}
 	 */
@@ -78,6 +79,6 @@ elementClasses: Config.string(),
 	 * Group Index the card belongs to.
+	 * @default undefined
 	 * @instance
 	 * @memberof ClayCardBase
-	 * @type {?string|undefined}
-	 * @default undefined
+	 * @type {?(string|undefined)}
 	 */
@@ -88,6 +89,6 @@ groupName: Config.string(),
 	 * Url to be applied to the title of the card.
+	 * @default undefined
 	 * @instance
 	 * @memberof ClayCardBase
-	 * @type {?string|undefined}
-	 * @default undefined
+	 * @type {?(string|undefined)}
 	 */
@@ -98,6 +99,6 @@ href: Config.string(),
 	 * Icon to be rendered in the visual area of the card.
+	 * @default undefined
 	 * @instance
 	 * @memberof ClayCardBase
-	 * @type {?string|undefined}
-	 * @default undefined
+	 * @type {?(string|undefined)}
 	 */
@@ -108,6 +109,6 @@ icon: Config.string(),
 	 * Id to be applied to the element.
+	 * @default undefined
 	 * @instance
 	 * @memberof ClayCardBase
-	 * @type {?string|undefined}
-	 * @default undefined
+	 * @type {?(string|undefined)}
 	 */
@@ -118,6 +119,6 @@ id: Config.string(),
 	 * Alternate text of the image.
+	 * @default undefined
 	 * @instance
 	 * @memberof ClayCardBase
-	 * @type {?string|undefined}
-	 * @default undefined
+	 * @type {?(string|undefined)}
 	 */
@@ -128,6 +129,6 @@ imageAlt: Config.string(),
 	 * Source of the image to be rendered in the visual area of the card.
+	 * @default undefined
 	 * @instance
 	 * @memberof ClayCardBase
-	 * @type {?string|undefined}
-	 * @default undefined
+	 * @type {?(string|undefined)}
 	 */
@@ -138,6 +139,6 @@ imageSrc: Config.string(),
 	 * Name to be applied to the input element.
+	 * @default undefined
 	 * @instance
 	 * @memberof ClayCardBase
-	 * @type {?string|undefined}
-	 * @default undefined
+	 * @type {?(string|undefined)}
 	 */
@@ -148,6 +149,6 @@ inputName: Config.string(),
 	 * Value to be applied to the input element.
+	 * @default undefined
 	 * @instance
 	 * @memberof ClayCardBase
-	 * @type {?string|undefined}
-	 * @default undefined
+	 * @type {?(string|undefined)}
 	 */
@@ -158,6 +159,6 @@ inputValue: Config.string(),
 	 * Labels of the card.
+	 * @default undefined
 	 * @instance
 	 * @memberof ClayCardBase
-	 * @type {?array|undefined}
-	 * @default undefined
+	 * @type {?(array|undefined)}
 	 */
@@ -184,3 +185,3 @@ labels: Config.arrayOf(
 	 * @memberof ClayCardBase
-	 * @type {?object|undefined}
+	 * @type {?(object|undefined)}
 	 * @default undefined
@@ -212,3 +213,3 @@ */
 	 * @memberof ClayCardBase
-	 * @type {?string|undefined}
+	 * @type {?(string|undefined)}
 	 * @default undefined
@@ -222,3 +223,3 @@ */
 	 * @memberof ClayCardBase
-	 * @type {?string|undefined}
+	 * @type {?(string|undefined)}
 	 * @default undefined
@@ -259,3 +260,3 @@ */
 	 * @memberof ClayCardBase
-	 * @type {?string|undefined}
+	 * @type {?(string|undefined)}
 	 * @default undefined
@@ -262,0 +263,0 @@ */

src/ClayFileCard.js

@@ -14,2 +14,3 @@ import 'clay-icon';
  * Metal ClayFileCard component.
+ * @extends Component
  */
@@ -35,6 +36,6 @@ class ClayFileCard extends Component {
 	 * List of items to display in the actions menu.
+	 * @default undefined
 	 * @instance
 	 * @memberof ClayFileCard
-	 * @type {?array|undefined}
-	 * @default undefined
+	 * @type {?(array|undefined)}
 	 */
@@ -45,6 +46,6 @@ actionItems: actionItemsValidator,
 	 * Flag to indicate if the card is disabled or not.
+	 * @default false
 	 * @instance
 	 * @memberof ClayFileCard
 	 * @type {?bool}
-	 * @default false
 	 */
@@ -55,6 +56,6 @@ disabled: Config.bool().value(false),
 	 * CSS classes to be applied to the element.
+	 * @default undefined
 	 * @instance
 	 * @memberof ClayFileCard
-	 * @type {?string|undefined}
-	 * @default undefined
+	 * @type {?(string|undefined)}
 	 */
@@ -65,6 +66,6 @@ elementClasses: Config.string(),
 	 * Group Index the card belongs to.
+	 * @default undefined
 	 * @instance
 	 * @memberof ClayFileCard
-	 * @type {?string|undefined}
-	 * @default undefined
+	 * @type {?(string|undefined)}
 	 */
@@ -75,6 +76,6 @@ groupName: Config.string(),
 	 * Url to be applied to the title of the card.
+	 * @default undefined
 	 * @instance
 	 * @memberof ClayFileCard
-	 * @type {?string|undefined}
-	 * @default undefined
+	 * @type {?(string|undefined)}
 	 */
@@ -85,6 +86,6 @@ href: Config.string(),
 	 * Icon to be rendered in the visual area of the card.
+	 * @default documents-and-media
 	 * @instance
 	 * @memberof ClayFileCard
 	 * @type {?string}
-	 * @default documents-and-media
 	 */
@@ -95,6 +96,6 @@ icon: Config.string().value('documents-and-media'),
 	 * Id to be applied to the element.
+	 * @default undefined
 	 * @instance
 	 * @memberof ClayFileCard
-	 * @type {?string|undefined}
-	 * @default undefined
+	 * @type {?(string|undefined)}
 	 */
@@ -107,3 +108,3 @@ id: Config.string(),
 	 * @memberof ClayFileCard
-	 * @type {?string|undefined}
+	 * @type {?(string|undefined)}
 	 * @default undefined
@@ -115,6 +116,6 @@ */
 	 * Value to be applied to the input element.
+	 * @default undefined
 	 * @instance
 	 * @memberof ClayFileCard
-	 * @type {?string|undefined}
-	 * @default undefined
+	 * @type {?(string|undefined)}
 	 */
@@ -125,6 +126,6 @@ inputValue: Config.string(),
 	 * Labels of the card.
+	 * @default undefined
 	 * @instance
 	 * @memberof ClayFileCard
-	 * @type {?array|undefined}
-	 * @default undefined
+	 * @type {?(array|undefined)}
 	 */
@@ -149,6 +150,6 @@ labels: Config.arrayOf(
 	 * Object that maps specific label values with desired styles.
+	 * @default undefined
 	 * @instance
 	 * @memberof ClayCardBase
-	 * @type {?object|undefined}
-	 * @default undefined
+	 * @type {?(object|undefined)}
 	 */
@@ -159,6 +160,6 @@ labelStylesMap: Config.object(),
 	 * Flag to indicate if the card is selectable or not.
+	 * @default false
 	 * @instance
 	 * @memberof ClayFileCard
 	 * @type {?bool}
-	 * @default false
 	 */
@@ -169,6 +170,6 @@ selectable: Config.bool().value(false),
 	 * Flag to indicate if the card is selected or not.
+	 * @default false
 	 * @instance
 	 * @memberof ClayFileCard
 	 * @type {?bool}
-	 * @default false
 	 */
@@ -179,6 +180,6 @@ selected: Config.bool().value(false),
 	 * The path to the SVG spritemap file containing the icons.
+	 * @default undefined
 	 * @instance
 	 * @memberof ClayFileCard
 	 * @type {!string}
-	 * @default undefined
 	 */
@@ -189,6 +190,6 @@ spritemap: Config.string().required(),
 	 * Label for the sticker represented in the card.
+	 * @default undefined
 	 * @instance
 	 * @memberof ClayFileCard
-	 * @type {?string|undefined}
-	 * @default undefined
+	 * @type {?(string|undefined)}
 	 */
@@ -199,6 +200,6 @@ stickerLabel: Config.string(),
 	 * Shape for the sticker represented in the card.
+	 * @default rounded
 	 * @instance
 	 * @memberof ClayFileCard
 	 * @type {?string}
-	 * @default rounded
 	 */
@@ -209,6 +210,6 @@ stickerShape: Config.oneOf(['circle', 'rounded']).value('rounded'),
 	 * Style of sticker represented in the card.
+	 * @default primary
 	 * @instance
 	 * @memberof ClayFileCard
 	 * @type {?string}
-	 * @default primary
 	 */
@@ -228,6 +229,6 @@ stickerStyle: Config.oneOf([
 	 * Subtitle of the card.
+	 * @default undefined
 	 * @instance
 	 * @memberof ClayFileCard
-	 * @type {?string|undefined}
-	 * @default undefined
+	 * @type {?(string|undefined)}
 	 */
@@ -238,6 +239,6 @@ subtitle: Config.string(),
 	 * Title of the card.
+	 * @default undefined
 	 * @instance
 	 * @memberof ClayFileCard
 	 * @type {!string}
-	 * @default undefined
 	 */
@@ -244,0 +245,0 @@ title: Config.string().required(),

src/ClayHorizontalCard.js

@@ -16,2 +16,3 @@ import 'clay-checkbox';
  * Metal ClayHorizontalCard component.
+ * @extends Component
  */
@@ -37,6 +38,6 @@ class ClayHorizontalCard extends Component {
 	 * List of items to display in the actions menu.
+	 * @default undefined
 	 * @instance
 	 * @memberof ClayHorizontalCard
-	 * @type {?array|undefined}
-	 * @default undefined
+	 * @type {?(array|undefined)}
 	 */
@@ -47,6 +48,6 @@ actionItems: actionItemsValidator,
 	 * Flag to indicate if the card is disabled or not.
+	 * @default false
 	 * @instance
 	 * @memberof ClayHorizontalCard
 	 * @type {?bool}
-	 * @default false
 	 */
@@ -57,6 +58,6 @@ disabled: Config.bool().value(false),
 	 * CSS classes to be applied to the element.
+	 * @default undefined
 	 * @instance
 	 * @memberof ClayHorizontalCard
-	 * @type {?string|undefined}
-	 * @default undefined
+	 * @type {?(string|undefined)}
 	 */
@@ -67,6 +68,6 @@ elementClasses: Config.string(),
 	 * Group Index the card belongs to.
+	 * @default undefined
 	 * @instance
 	 * @memberof ClayHorizontalCard
-	 * @type {?string|undefined}
-	 * @default undefined
+	 * @type {?(string|undefined)}
 	 */
@@ -77,6 +78,6 @@ groupName: Config.string(),
 	 * Url to be applied to the title of the card.
+	 * @default undefined
 	 * @instance
 	 * @memberof ClayHorizontalCard
-	 * @type {?string|undefined}
-	 * @default undefined
+	 * @type {?(string|undefined)}
 	 */
@@ -87,6 +88,6 @@ href: Config.string(),
 	 * Icon of the card.
+	 * @default folder
 	 * @instance
 	 * @memberof ClayHorizontalCard
 	 * @type {?string}
-	 * @default folder
 	 */
@@ -97,6 +98,6 @@ icon: Config.string().value('folder'),
 	 * Id to be applied to the element.
+	 * @default undefined
 	 * @instance
 	 * @memberof ClayHorizontalCard
-	 * @type {?string|undefined}
-	 * @default undefined
+	 * @type {?(string|undefined)}
 	 */
@@ -107,6 +108,6 @@ id: Config.string(),
 	 * Name to be applied to the input element.
+	 * @default undefined
 	 * @instance
 	 * @memberof ClayHorizontalCard
-	 * @type {?string|undefined}
-	 * @default undefined
+	 * @type {?(string|undefined)}
 	 */
@@ -117,6 +118,6 @@ inputName: Config.string(),
 	 * Value to be applied to the input element.
+	 * @default undefined
 	 * @instance
 	 * @memberof ClayHorizontalCard
-	 * @type {?string|undefined}
-	 * @default undefined
+	 * @type {?(string|undefined)}
 	 */
@@ -127,6 +128,6 @@ inputValue: Config.string(),
 	 * Flag to indicate if the card is selectable or not.
+	 * @default false
 	 * @instance
 	 * @memberof ClayHorizontalCard
 	 * @type {?bool}
-	 * @default false
 	 */
@@ -137,6 +138,6 @@ selectable: Config.bool().value(false),
 	 * Flag to indicate if the card is selected or not.
+	 * @default false
 	 * @instance
 	 * @memberof ClayHorizontalCard
 	 * @type {?bool}
-	 * @default false
 	 */
@@ -147,6 +148,6 @@ selected: Config.bool().value(false),
 	 * The path to the SVG spritemap file containing the icons.
+	 * @default undefined
 	 * @instance
 	 * @memberof ClayHorizontalCard
 	 * @type {!string}
-	 * @default undefined
 	 */
@@ -157,6 +158,6 @@ spritemap: Config.string().required(),
 	 * Title of the card.
+	 * @default undefined
 	 * @instance
 	 * @memberof ClayHorizontalCard
 	 * @type {!string}
-	 * @default undefined
 	 */
@@ -163,0 +164,0 @@ title: Config.string().required(),

src/ClayImageCard.js

@@ -14,2 +14,3 @@ import 'clay-icon';
  * Metal ClayImageCard component.
+ * @extends Component
  */
@@ -35,6 +36,6 @@ class ClayImageCard extends Component {
 	 * List of items to display in the actions menu.
+	 * @default undefined
 	 * @instance
 	 * @memberof ClayImageCard
-	 * @type {?array|object|undefined}
-	 * @default undefined
+	 * @type {?(array|object|undefined)}
 	 */
@@ -45,6 +46,6 @@ actionItems: actionItemsValidator,
 	 * Flag to indicate if the card is disabled or not.
+	 * @default false
 	 * @instance
 	 * @memberof ClayImageCard
 	 * @type {?bool}
-	 * @default false
 	 */
@@ -55,6 +56,6 @@ disabled: Config.bool().value(false),
 	 * CSS classes to be applied to the element.
+	 * @default undefined
 	 * @instance
 	 * @memberof ClayImageCard
-	 * @type {?string|undefined}
-	 * @default undefined
+	 * @type {?(string|undefined)}
 	 */
@@ -65,6 +66,6 @@ elementClasses: Config.string(),
 	 * Group Index the card belongs to.
+	 * @default undefined
 	 * @instance
 	 * @memberof ClayImageCard
-	 * @type {?string|undefined}
-	 * @default undefined
+	 * @type {?(string|undefined)}
 	 */
@@ -75,6 +76,6 @@ groupName: Config.string(),
 	 * Url to be applied to the title of the card.
+	 * @default undefined
 	 * @instance
 	 * @memberof ClayImageCard
-	 * @type {?string|undefined}
-	 * @default undefined
+	 * @type {?(string|undefined)}
 	 */
@@ -85,6 +86,6 @@ href: Config.string(),
 	 * Icon to be rendered in the visual area of the card.
+	 * @default undefined
 	 * @instance
 	 * @memberof ClayImageCard
-	 * @type {?string|undefined}
-	 * @default undefined
+	 * @type {?(string|undefined)}
 	 */
@@ -95,6 +96,6 @@ icon: Config.string(),
 	 * Id to be applied to the element.
+	 * @default undefined
 	 * @instance
 	 * @memberof ClayImageCard
-	 * @type {?string|undefined}
-	 * @default undefined
+	 * @type {?(string|undefined)}
 	 */
@@ -105,6 +106,6 @@ id: Config.string(),
 	 * Alternate text of the image.
+	 * @default undefined
 	 * @instance
 	 * @memberof ClayImageCard
-	 * @type {?string|undefined}
-	 * @default undefined
+	 * @type {?(string|undefined)}
 	 */
@@ -115,6 +116,6 @@ imageAlt: Config.string(),
 	 * Source of the image to be rendered in the visual area of the card.
+	 * @default undefined
 	 * @instance
 	 * @memberof ClayImageCard
-	 * @type {?string|undefined}
-	 * @default undefined
+	 * @type {?(string|undefined)}
 	 */
@@ -125,6 +126,6 @@ imageSrc: Config.string(),
 	 * Name to be applied to the input element.
+	 * @default undefined
 	 * @instance
 	 * @memberof ClayImageCard
-	 * @type {?string|undefined}
-	 * @default undefined
+	 * @type {?(string|undefined)}
 	 */
@@ -135,6 +136,6 @@ inputName: Config.string(),
 	 * Value to be applied to the input element.
+	 * @default undefined
 	 * @instance
 	 * @memberof ClayImageCard
-	 * @type {?string|undefined}
-	 * @default undefined
+	 * @type {?(string|undefined)}
 	 */
@@ -145,6 +146,6 @@ inputValue: Config.string(),
 	 * Labels of the card.
+	 * @default undefined
 	 * @instance
 	 * @memberof ClayImageCard
-	 * @type {?array|undefined}
-	 * @default undefined
+	 * @type {?(array|undefined)}
 	 */
@@ -169,6 +170,6 @@ labels: Config.arrayOf(
 	 * Object that maps specific label values with desired styles.
+	 * @default undefined
 	 * @instance
 	 * @memberof ClayImageCard
-	 * @type {?object|undefined}
-	 * @default undefined
+	 * @type {?(object|undefined)}
 	 */
@@ -179,6 +180,6 @@ labelStylesMap: Config.object(),
 	 * Flag to indicate if the card is selectable or not.
+	 * @default false
 	 * @instance
 	 * @memberof ClayImageCard
 	 * @type {?bool}
-	 * @default false
 	 */
@@ -189,6 +190,6 @@ selectable: Config.bool().value(false),
 	 * Flag to indicate if the card is selected or not.
+	 * @default false
 	 * @instance
 	 * @memberof ClayImageCard
 	 * @type {?bool}
-	 * @default false
 	 */
@@ -199,6 +200,6 @@ selected: Config.bool().value(false),
 	 * The path to the SVG spritemap file containing the icons.
+	 * @default undefined
 	 * @instance
 	 * @memberof ClayImageCard
-	 * @type {?string|undefined}
-	 * @default undefined
+	 * @type {?(string|undefined)}
 	 */
@@ -209,6 +210,6 @@ spritemap: Config.string(),
 	 * Label for the sticker represented in the card.
+	 * @default undefined
 	 * @instance
 	 * @memberof ClayImageCard
-	 * @type {?string|undefined}
-	 * @default undefined
+	 * @type {?(string|undefined)}
 	 */
@@ -219,6 +220,6 @@ stickerLabel: Config.string(),
 	 * Style of sticker represented in the card.
+	 * @default primary
 	 * @instance
 	 * @memberof ClayImageCard
 	 * @type {?string}
-	 * @default primary
 	 */
@@ -238,6 +239,6 @@ stickerStyle: Config.oneOf([
 	 * Shape for the sticker represented in the card.
+	 * @default rounded
 	 * @instance
 	 * @memberof ClayImageCard
 	 * @type {?string}
-	 * @default rounded
 	 */
@@ -248,6 +249,6 @@ stickerShape: Config.oneOf(['circle', 'rounded']).value('rounded'),
 	 * Subtitle of the card.
+	 * @default undefined
 	 * @instance
 	 * @memberof ClayImageCard
-	 * @type {?string|undefined}
-	 * @default undefined
+	 * @type {?(string|undefined)}
 	 */
@@ -258,6 +259,6 @@ subtitle: Config.string(),
 	 * Title of the card.
+	 * @default undefined
 	 * @instance
 	 * @memberof ClayImageCard
 	 * @type {!string}
-	 * @default undefined
 	 */
@@ -264,0 +265,0 @@ title: Config.string().required(),

src/ClayUserCard.js

@@ -16,2 +16,3 @@ import './ClayCardBase';
  * Metal ClayUserCard component.
+ * @extends Component
  */
@@ -37,6 +38,6 @@ class ClayUserCard extends Component {
 	 * List of items to display in the actions menu.
+	 * @default undefined
 	 * @instance
 	 * @memberof ClayUserCard
-	 * @type {?array|undefined}
-	 * @default undefined
+	 * @type {?(array|undefined)}
 	 */
@@ -47,6 +48,6 @@ actionItems: actionItemsValidator,
 	 * Flag to indicate if the card is disabled or not.
+	 * @default false
 	 * @instance
 	 * @memberof ClayUserCard
 	 * @type {?bool}
-	 * @default false
 	 */
@@ -57,6 +58,6 @@ disabled: Config.bool().value(false),
 	 * CSS classes to be applied to the element.
+	 * @default undefined
 	 * @instance
 	 * @memberof ClayUserCard
-	 * @type {?string|undefined}
-	 * @default undefined
+	 * @type {?(string|undefined)}
 	 */
@@ -67,6 +68,6 @@ elementClasses: Config.string(),
 	 * Group Index the card belongs to.
+	 * @default undefined
 	 * @instance
 	 * @memberof ClayUserCard
-	 * @type {?string|undefined}
-	 * @default undefined
+	 * @type {?(string|undefined)}
 	 */
@@ -77,6 +78,6 @@ groupName: Config.string(),
 	 * Url to be applied to the title of the card.
+	 * @default undefined
 	 * @instance
 	 * @memberof ClayUserCard
-	 * @type {?string|undefined}
-	 * @default undefined
+	 * @type {?(string|undefined)}
 	 */
@@ -87,6 +88,6 @@ href: Config.string(),
 	 * Id to be applied to the element.
+	 * @default undefined
 	 * @instance
 	 * @memberof ClayUserCard
-	 * @type {?string|undefined}
-	 * @default undefined
+	 * @type {?(string|undefined)}
 	 */
@@ -97,6 +98,6 @@ id: Config.string(),
 	 * Alternate text of the image.
+	 * @default undefined
 	 * @instance
 	 * @memberof ClayUserCard
-	 * @type {?string|undefined}
-	 * @default undefined
+	 * @type {?(string|undefined)}
 	 */
@@ -107,6 +108,6 @@ imageAlt: Config.string(),
 	 * Source of the image to be rendered in the visual area of the card.
+	 * @default undefined
 	 * @instance
 	 * @memberof ClayUserCard
-	 * @type {?string|undefined}
-	 * @default undefined
+	 * @type {?(string|undefined)}
 	 */
@@ -117,6 +118,6 @@ imageSrc: Config.string(),
 	 * Initials of the user.
+	 * @default undefined
 	 * @instance
 	 * @memberof ClayUserCard
-	 * @type {?string|undefined}
-	 * @default undefined
+	 * @type {?(string|undefined)}
 	 */
@@ -127,6 +128,6 @@ initials: Config.string(),
 	 * Name to be applied to the input element.
+	 * @default undefined
 	 * @instance
 	 * @memberof ClayUserCard
-	 * @type {?string|undefined}
-	 * @default undefined
+	 * @type {?(string|undefined)}
 	 */
@@ -137,6 +138,6 @@ inputName: Config.string(),
 	 * Value to be applied to the input element.
+	 * @default undefined
 	 * @instance
 	 * @memberof ClayUserCard
-	 * @type {?string|undefined}
-	 * @default undefined
+	 * @type {?(string|undefined)}
 	 */
@@ -147,6 +148,6 @@ inputValue: Config.string(),
 	 * Name of the user.
+	 * @default undefined
 	 * @instance
 	 * @memberof ClayUserCard
 	 * @type {!string}
-	 * @default undefined
 	 */
@@ -157,6 +158,6 @@ name: Config.string().required(),
 	 * Flag to indicate if the card is selectable or not.
+	 * @default false
 	 * @instance
 	 * @memberof ClayUserCard
 	 * @type {?bool}
-	 * @default false
 	 */
@@ -167,6 +168,6 @@ selectable: Config.bool().value(false),
 	 * Flag to indicate if the card is selected or not.
+	 * @default false
 	 * @instance
 	 * @memberof ClayUserCard
 	 * @type {?bool}
-	 * @default false
 	 */
@@ -177,6 +178,6 @@ selected: Config.bool().value(false),
 	 * The path to the SVG spritemap file containing the icons.
+	 * @default undefined
 	 * @instance
 	 * @memberof ClayUserCard
-	 * @type {?string|undefined}
-	 * @default undefined
+	 * @type {?(string|undefined)}
 	 */
@@ -187,6 +188,6 @@ spritemap: Config.string(),
 	 * Subtitle of the card.
+	 * @default undefined
 	 * @instance
 	 * @memberof ClayUserCard
-	 * @type {?string|undefined}
-	 * @default undefined
+	 * @type {?(string|undefined)}
 	 */
@@ -197,6 +198,6 @@ subtitle: Config.string(),
 	 * Color of the user sticker.
+	 * @default primary
 	 * @instance
 	 * @memberof ClayUserCard
 	 * @type {?string}
-	 * @default primary
 	 */
@@ -203,0 +204,0 @@ userColor: Config.oneOf([

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

545596

increased by0.13%

Lines of code

5610

increased by0.18%

Dependency changes

• Updatedclay-checkbox@^2.0.0-rc.10

• Updatedclay-dropdown@^2.0.0-rc.10

• Updatedclay-icon@^2.0.0-rc.10

• Updatedclay-label@^2.0.0-rc.10

• Updatedclay-link@^2.0.0-rc.10

• Updatedclay-sticker@^2.0.0-rc.10