clay-card - npm Package Compare versions

Comparing version 2.0.0-rc.6 to 2.0.0-rc.7

lib/ClayCardBase.soy.js

@@ -264,3 +264,3 @@ 'use strict';
       incrementalDom.elementOpenEnd();
-      $templateAlias3({ items: actionItems, spritemap: spritemap }, opt_ijData);
+      $templateAlias3({ items: actionItems, spritemap: spritemap, triggerClasses: 'component-action' }, opt_ijData);
       incrementalDom.elementClose('div');
@@ -267,0 +267,0 @@ }

lib/ClayFileCard.soy.js

@@ -101,6 +101,6 @@ 'use strict';
     var subtitle = soy.asserts.assertType(opt_data.subtitle == null || goog.isString(opt_data.subtitle) || opt_data.subtitle instanceof goog.soy.data.SanitizedContent, 'subtitle', opt_data.subtitle, '!goog.soy.data.SanitizedContent|null|string|undefined');
-    var classes__soy298 = '';
-    classes__soy298 += 'file-card';
-    classes__soy298 += elementClasses ? ' ' + elementClasses : '';
-    $templateAlias1({ actionItems: actionItems, contentRenderer: 'file', disabled: disabled, elementClasses: classes__soy298, events: { itemToggled: _handleItemToggled }, groupName: groupName, href: href, icon: icon != null ? icon : 'documents-and-media', id: id, inputName: inputName, inputValue: inputValue, labels: labels, labelStylesMap: labelStylesMap, ref: 'card', selectable: selectable, selected: selected, spritemap: spritemap, stickerLabel: stickerLabel, stickerShape: stickerShape, stickerStyle: stickerStyle, subtitle: subtitle, title: title }, opt_ijData);
+    var classes__soy299 = '';
+    classes__soy299 += 'file-card';
+    classes__soy299 += elementClasses ? ' ' + elementClasses : '';
+    $templateAlias1({ actionItems: actionItems, contentRenderer: 'file', disabled: disabled, elementClasses: classes__soy299, events: { itemToggled: _handleItemToggled }, groupName: groupName, href: href, icon: icon != null ? icon : 'documents-and-media', id: id, inputName: inputName, inputValue: inputValue, labels: labels, labelStylesMap: labelStylesMap, ref: 'card', selectable: selectable, selected: selected, spritemap: spritemap, stickerLabel: stickerLabel, stickerShape: stickerShape, stickerStyle: stickerStyle, subtitle: subtitle, title: title }, opt_ijData);
   };
@@ -107,0 +107,0 @@ exports.render = $render;

lib/ClayHorizontalCard.soy.js

@@ -89,3 +89,3 @@ 'use strict';
     var selected = soy.asserts.assertType(opt_data.selected == null || goog.isBoolean(opt_data.selected) || opt_data.selected === 1 || opt_data.selected === 0, 'selected', opt_data.selected, 'boolean|null|undefined');
-    var attributes__soy395 = function attributes__soy395() {
+    var attributes__soy396 = function attributes__soy396() {
       incrementalDom.attr('class', 'card-type-directory' + (selectable ? ' form-check form-check-card form-check-middle-left' : ' card card-horizontal') + (elementClasses ? ' ' + elementClasses : ''));
@@ -96,19 +96,19 @@ if (id) {
     };
-    var descriptiveArea__soy405 = function descriptiveArea__soy405() {
+    var descriptiveArea__soy406 = function descriptiveArea__soy406() {
       $descriptiveArea({ actionItems: actionItems, href: href, icon: icon, spritemap: spritemap, title: title }, opt_ijData);
     };
     incrementalDom.elementOpenStart('div');
-    attributes__soy395();
+    attributes__soy396();
     incrementalDom.elementOpenEnd();
     if (selectable) {
-      var param419 = function param419() {
+      var param420 = function param420() {
         incrementalDom.elementOpenStart('div');
         incrementalDom.attr('class', 'card card-horizontal');
         incrementalDom.elementOpenEnd();
-        descriptiveArea__soy405();
+        descriptiveArea__soy406();
         incrementalDom.elementClose('div');
       };
-      $templateAlias2({ ariaLabelledBy: groupName ? 'group-' + groupName : null, checked: selected, disabled: disabled, events: { change: _handleItemCheckboxClick }, labelContent: param419, name: inputName, value: inputValue }, opt_ijData);
+      $templateAlias2({ ariaLabelledBy: groupName ? 'group-' + groupName : null, checked: selected, disabled: disabled, events: { change: _handleItemCheckboxClick }, labelContent: param420, name: inputName, value: inputValue }, opt_ijData);
     } else {
-      descriptiveArea__soy405();
+      descriptiveArea__soy406();
     }
@@ -188,3 +188,3 @@ incrementalDom.elementClose('div');
       incrementalDom.elementOpenEnd();
-      $templateAlias4({ items: actionItems, spritemap: spritemap }, opt_ijData);
+      $templateAlias4({ items: actionItems, spritemap: spritemap, triggerClasses: 'component-action' }, opt_ijData);
       incrementalDom.elementClose('div');
@@ -191,0 +191,0 @@ }

lib/ClayImageCard.js

@@ -112,3 +112,3 @@ 'use strict';
   * @instance
-  * @memberof ClayImageCards
+  * @memberof ClayImageCard
   * @type {?string|undefined}
@@ -251,3 +251,3 @@ * @default undefined
   * @instance
-  * @memberof ClayImageCards
+  * @memberof ClayImageCard
   * @type {?string}
@@ -254,0 +254,0 @@ * @default rounded

lib/ClayImageCard.soy.js

@@ -105,6 +105,6 @@ 'use strict';
     var subtitle = soy.asserts.assertType(opt_data.subtitle == null || goog.isString(opt_data.subtitle) || opt_data.subtitle instanceof goog.soy.data.SanitizedContent, 'subtitle', opt_data.subtitle, '!goog.soy.data.SanitizedContent|null|string|undefined');
-    var classes__soy566 = '';
-    classes__soy566 += 'image-card';
-    classes__soy566 += elementClasses ? ' ' + elementClasses : '';
-    $templateAlias1({ actionItems: actionItems, contentRenderer: 'image', disabled: disabled, elementClasses: classes__soy566, events: { itemToggled: _handleItemToggled }, groupName: groupName, href: href, icon: icon, id: id, imageAlt: imageAlt, imageSrc: imageSrc, inputName: inputName, inputValue: inputValue, labels: labels, labelStylesMap: labelStylesMap, ref: 'card', selectable: selectable, selected: selected, spritemap: spritemap, stickerLabel: stickerLabel, stickerShape: stickerShape, stickerStyle: stickerStyle, subtitle: subtitle, title: title }, opt_ijData);
+    var classes__soy568 = '';
+    classes__soy568 += 'image-card';
+    classes__soy568 += elementClasses ? ' ' + elementClasses : '';
+    $templateAlias1({ actionItems: actionItems, contentRenderer: 'image', disabled: disabled, elementClasses: classes__soy568, events: { itemToggled: _handleItemToggled }, groupName: groupName, href: href, icon: icon, id: id, imageAlt: imageAlt, imageSrc: imageSrc, inputName: inputName, inputValue: inputValue, labels: labels, labelStylesMap: labelStylesMap, ref: 'card', selectable: selectable, selected: selected, spritemap: spritemap, stickerLabel: stickerLabel, stickerShape: stickerShape, stickerStyle: stickerStyle, subtitle: subtitle, title: title }, opt_ijData);
   };
@@ -167,13 +167,13 @@ exports.render = $render;
     var stickerStyle = soy.asserts.assertType(opt_data.stickerStyle == null || goog.isString(opt_data.stickerStyle) || opt_data.stickerStyle instanceof goog.soy.data.SanitizedContent, 'stickerStyle', opt_data.stickerStyle, '!goog.soy.data.SanitizedContent|null|string|undefined');
-    var aspectRatioClasses__soy608 = '';
-    aspectRatioClasses__soy608 += 'aspect-ratio-item-center-middle aspect-ratio-item-fluid';
-    aspectRatioClasses__soy608 += !imageSrc && icon && spritemap ? ' card-type-asset-icon' : '';
+    var aspectRatioClasses__soy610 = '';
+    aspectRatioClasses__soy610 += 'aspect-ratio-item-center-middle aspect-ratio-item-fluid';
+    aspectRatioClasses__soy610 += !imageSrc && icon && spritemap ? ' card-type-asset-icon' : '';
     if (imageSrc) {
-      var imageAttributes__soy624 = function imageAttributes__soy624() {
+      var imageAttributes__soy626 = function imageAttributes__soy626() {
         incrementalDom.attr('alt', imageAlt ? imageAlt : '');
-        incrementalDom.attr('class', aspectRatioClasses__soy608);
+        incrementalDom.attr('class', aspectRatioClasses__soy610);
         incrementalDom.attr('src', imageSrc);
       };
       incrementalDom.elementOpenStart('img');
-      imageAttributes__soy624();
+      imageAttributes__soy626();
       incrementalDom.elementOpenEnd();
@@ -183,3 +183,3 @@ incrementalDom.elementClose('img');
       incrementalDom.elementOpenStart('div');
-      incrementalDom.attr('class', aspectRatioClasses__soy608);
+      incrementalDom.attr('class', aspectRatioClasses__soy610);
       incrementalDom.elementOpenEnd();
@@ -186,0 +186,0 @@ $templateAlias2({ spritemap: spritemap, symbol: icon }, opt_ijData);

lib/ClayUserCard.soy.js

@@ -100,5 +100,5 @@ 'use strict';
     var userColor = soy.asserts.assertType(opt_data.userColor == null || goog.isString(opt_data.userColor) || opt_data.userColor instanceof goog.soy.data.SanitizedContent, 'userColor', opt_data.userColor, '!goog.soy.data.SanitizedContent|null|string|undefined');
-    var classes__soy694 = '';
-    classes__soy694 += 'user-card';
-    classes__soy694 += elementClasses ? ' ' + elementClasses : '';
+    var classes__soy696 = '';
+    classes__soy696 += 'user-card';
+    classes__soy696 += elementClasses ? ' ' + elementClasses : '';
     $templateAlias1({ actionItems: actionItems, contentRenderer: 'user', disabled: disabled, elementClasses: elementClasses, events: { itemToggled: _handleItemToggled }, groupName: groupName, href: href, id: id, imageAlt: imageAlt, imageSrc: imageSrc, inputName: inputName, inputValue: inputValue, ref: 'card', selectable: selectable, selected: selected, spritemap: spritemap, stickerLabel: initials, stickerStyle: userColor, subtitle: subtitle, title: name }, opt_ijData);
@@ -187,3 +187,3 @@ };
       incrementalDom.elementOpenEnd();
-      $templateAlias4({ items: actionItems, spritemap: spritemap }, opt_ijData);
+      $templateAlias4({ items: actionItems, spritemap: spritemap, triggerClasses: 'component-action' }, opt_ijData);
       incrementalDom.elementClose('div');
@@ -190,0 +190,0 @@ }

package.json

 {
   "name": "clay-card",
-  "version": "2.0.0-rc.6",
+  "version": "2.0.0-rc.7",
   "description": "Metal ClayCard component",
@@ -30,8 +30,8 @@ "license": "BSD",
   "dependencies": {
-    "clay-checkbox": "^2.0.0-rc.6",
-    "clay-dropdown": "^2.0.0-rc.6",
-    "clay-icon": "^2.0.0-rc.6",
-    "clay-label": "^2.0.0-rc.6",
-    "clay-link": "^2.0.0-rc.6",
-    "clay-sticker": "^2.0.0-rc.6",
+    "clay-checkbox": "^2.0.0-rc.7",
+    "clay-dropdown": "^2.0.0-rc.7",
+    "clay-icon": "^2.0.0-rc.7",
+    "clay-label": "^2.0.0-rc.7",
+    "clay-link": "^2.0.0-rc.7",
+    "clay-sticker": "^2.0.0-rc.7",
     "metal": "^2.16.0",
@@ -50,3 +50,3 @@ "metal-component": "^2.16.0",
     "browserslist-config-clay-components": "^2.0.0-rc.3",
-    "clay": "^2.0.0-rc.6",
+    "clay": "^2.0.0-rc.7",
     "metal-dom": "^2.13.2",
@@ -53,0 +53,0 @@ "metal-tools-soy": "^6.0.0",

src/ClayCardBase.soy.js

@@ -246,3 +246,3 @@ /* jshint ignore:start */
     incrementalDom.elementOpenEnd();
-    $templateAlias3({items: actionItems, spritemap: spritemap}, opt_ijData);
+    $templateAlias3({items: actionItems, spritemap: spritemap, triggerClasses: 'component-action'}, opt_ijData);
     incrementalDom.elementClose('div');
@@ -249,0 +249,0 @@ }

src/ClayFileCard.soy.js

@@ -82,6 +82,6 @@ /* jshint ignore:start */
   var subtitle = soy.asserts.assertType(opt_data.subtitle == null || (goog.isString(opt_data.subtitle) || opt_data.subtitle instanceof goog.soy.data.SanitizedContent), 'subtitle', opt_data.subtitle, '!goog.soy.data.SanitizedContent|null|string|undefined');
-  var classes__soy298 = '';
-  classes__soy298 += 'file-card';
-  classes__soy298 += elementClasses ? ' ' + elementClasses : '';
-  $templateAlias1({actionItems: actionItems, contentRenderer: 'file', disabled: disabled, elementClasses: classes__soy298, events: {itemToggled: _handleItemToggled}, groupName: groupName, href: href, icon: icon != null ? icon : 'documents-and-media', id: id, inputName: inputName, inputValue: inputValue, labels: labels, labelStylesMap: labelStylesMap, ref: 'card', selectable: selectable, selected: selected, spritemap: spritemap, stickerLabel: stickerLabel, stickerShape: stickerShape, stickerStyle: stickerStyle, subtitle: subtitle, title: title}, opt_ijData);
+  var classes__soy299 = '';
+  classes__soy299 += 'file-card';
+  classes__soy299 += elementClasses ? ' ' + elementClasses : '';
+  $templateAlias1({actionItems: actionItems, contentRenderer: 'file', disabled: disabled, elementClasses: classes__soy299, events: {itemToggled: _handleItemToggled}, groupName: groupName, href: href, icon: icon != null ? icon : 'documents-and-media', id: id, inputName: inputName, inputValue: inputValue, labels: labels, labelStylesMap: labelStylesMap, ref: 'card', selectable: selectable, selected: selected, spritemap: spritemap, stickerLabel: stickerLabel, stickerShape: stickerShape, stickerStyle: stickerStyle, subtitle: subtitle, title: title}, opt_ijData);
 };
@@ -88,0 +88,0 @@ exports.render = $render;

src/ClayHorizontalCard.soy.js

@@ -70,3 +70,3 @@ /* jshint ignore:start */
   var selected = soy.asserts.assertType(opt_data.selected == null || (goog.isBoolean(opt_data.selected) || opt_data.selected === 1 || opt_data.selected === 0), 'selected', opt_data.selected, 'boolean|null|undefined');
-  var attributes__soy395 = function() {
+  var attributes__soy396 = function() {
     incrementalDom.attr('class', 'card-type-directory' + (selectable ? ' form-check form-check-card form-check-middle-left' : ' card card-horizontal') + (elementClasses ? ' ' + elementClasses : ''));
@@ -77,19 +77,19 @@ if (id) {
   };
-  var descriptiveArea__soy405 = function() {
+  var descriptiveArea__soy406 = function() {
     $descriptiveArea({actionItems: actionItems, href: href, icon: icon, spritemap: spritemap, title: title}, opt_ijData);
   };
   incrementalDom.elementOpenStart('div');
-      attributes__soy395();
+      attributes__soy396();
   incrementalDom.elementOpenEnd();
   if (selectable) {
-    var param419 = function() {
+    var param420 = function() {
       incrementalDom.elementOpenStart('div');
           incrementalDom.attr('class', 'card card-horizontal');
       incrementalDom.elementOpenEnd();
-      descriptiveArea__soy405();
+      descriptiveArea__soy406();
       incrementalDom.elementClose('div');
     };
-    $templateAlias2({ariaLabelledBy: groupName ? 'group-' + groupName : null, checked: selected, disabled: disabled, events: {change: _handleItemCheckboxClick}, labelContent: param419, name: inputName, value: inputValue}, opt_ijData);
+    $templateAlias2({ariaLabelledBy: groupName ? 'group-' + groupName : null, checked: selected, disabled: disabled, events: {change: _handleItemCheckboxClick}, labelContent: param420, name: inputName, value: inputValue}, opt_ijData);
   } else {
-    descriptiveArea__soy405();
+    descriptiveArea__soy406();
   }
@@ -170,3 +170,3 @@ incrementalDom.elementClose('div');
     incrementalDom.elementOpenEnd();
-    $templateAlias4({items: actionItems, spritemap: spritemap}, opt_ijData);
+    $templateAlias4({items: actionItems, spritemap: spritemap, triggerClasses: 'component-action'}, opt_ijData);
     incrementalDom.elementClose('div');
@@ -173,0 +173,0 @@ }

src/ClayImageCard.js

@@ -62,3 +62,3 @@ import 'clay-icon';
 	 * @instance
-	 * @memberof ClayImageCards
+	 * @memberof ClayImageCard
 	 * @type {?string|undefined}
@@ -221,3 +221,3 @@ * @default undefined
 	 * @instance
-	 * @memberof ClayImageCards
+	 * @memberof ClayImageCard
 	 * @type {?string}
@@ -224,0 +224,0 @@ * @default rounded

src/ClayImageCard.soy.js

@@ -86,6 +86,6 @@ /* jshint ignore:start */
   var subtitle = soy.asserts.assertType(opt_data.subtitle == null || (goog.isString(opt_data.subtitle) || opt_data.subtitle instanceof goog.soy.data.SanitizedContent), 'subtitle', opt_data.subtitle, '!goog.soy.data.SanitizedContent|null|string|undefined');
-  var classes__soy566 = '';
-  classes__soy566 += 'image-card';
-  classes__soy566 += elementClasses ? ' ' + elementClasses : '';
-  $templateAlias1({actionItems: actionItems, contentRenderer: 'image', disabled: disabled, elementClasses: classes__soy566, events: {itemToggled: _handleItemToggled}, groupName: groupName, href: href, icon: icon, id: id, imageAlt: imageAlt, imageSrc: imageSrc, inputName: inputName, inputValue: inputValue, labels: labels, labelStylesMap: labelStylesMap, ref: 'card', selectable: selectable, selected: selected, spritemap: spritemap, stickerLabel: stickerLabel, stickerShape: stickerShape, stickerStyle: stickerStyle, subtitle: subtitle, title: title}, opt_ijData);
+  var classes__soy568 = '';
+  classes__soy568 += 'image-card';
+  classes__soy568 += elementClasses ? ' ' + elementClasses : '';
+  $templateAlias1({actionItems: actionItems, contentRenderer: 'image', disabled: disabled, elementClasses: classes__soy568, events: {itemToggled: _handleItemToggled}, groupName: groupName, href: href, icon: icon, id: id, imageAlt: imageAlt, imageSrc: imageSrc, inputName: inputName, inputValue: inputValue, labels: labels, labelStylesMap: labelStylesMap, ref: 'card', selectable: selectable, selected: selected, spritemap: spritemap, stickerLabel: stickerLabel, stickerShape: stickerShape, stickerStyle: stickerStyle, subtitle: subtitle, title: title}, opt_ijData);
 };
@@ -149,13 +149,13 @@ exports.render = $render;
   var stickerStyle = soy.asserts.assertType(opt_data.stickerStyle == null || (goog.isString(opt_data.stickerStyle) || opt_data.stickerStyle instanceof goog.soy.data.SanitizedContent), 'stickerStyle', opt_data.stickerStyle, '!goog.soy.data.SanitizedContent|null|string|undefined');
-  var aspectRatioClasses__soy608 = '';
-  aspectRatioClasses__soy608 += 'aspect-ratio-item-center-middle aspect-ratio-item-fluid';
-  aspectRatioClasses__soy608 += !imageSrc && icon && spritemap ? ' card-type-asset-icon' : '';
+  var aspectRatioClasses__soy610 = '';
+  aspectRatioClasses__soy610 += 'aspect-ratio-item-center-middle aspect-ratio-item-fluid';
+  aspectRatioClasses__soy610 += !imageSrc && icon && spritemap ? ' card-type-asset-icon' : '';
   if (imageSrc) {
-    var imageAttributes__soy624 = function() {
+    var imageAttributes__soy626 = function() {
       incrementalDom.attr('alt', imageAlt ? imageAlt : '');
-      incrementalDom.attr('class', aspectRatioClasses__soy608);
+      incrementalDom.attr('class', aspectRatioClasses__soy610);
       incrementalDom.attr('src', imageSrc);
     };
     incrementalDom.elementOpenStart('img');
-        imageAttributes__soy624();
+        imageAttributes__soy626();
     incrementalDom.elementOpenEnd();
@@ -165,3 +165,3 @@ incrementalDom.elementClose('img');
     incrementalDom.elementOpenStart('div');
-        incrementalDom.attr('class', aspectRatioClasses__soy608);
+        incrementalDom.attr('class', aspectRatioClasses__soy610);
     incrementalDom.elementOpenEnd();
@@ -168,0 +168,0 @@ $templateAlias2({spritemap: spritemap, symbol: icon}, opt_ijData);

src/ClayUserCard.soy.js

@@ -81,5 +81,5 @@ /* jshint ignore:start */
   var userColor = soy.asserts.assertType(opt_data.userColor == null || (goog.isString(opt_data.userColor) || opt_data.userColor instanceof goog.soy.data.SanitizedContent), 'userColor', opt_data.userColor, '!goog.soy.data.SanitizedContent|null|string|undefined');
-  var classes__soy694 = '';
-  classes__soy694 += 'user-card';
-  classes__soy694 += elementClasses ? ' ' + elementClasses : '';
+  var classes__soy696 = '';
+  classes__soy696 += 'user-card';
+  classes__soy696 += elementClasses ? ' ' + elementClasses : '';
   $templateAlias1({actionItems: actionItems, contentRenderer: 'user', disabled: disabled, elementClasses: elementClasses, events: {itemToggled: _handleItemToggled}, groupName: groupName, href: href, id: id, imageAlt: imageAlt, imageSrc: imageSrc, inputName: inputName, inputValue: inputValue, ref: 'card', selectable: selectable, selected: selected, spritemap: spritemap, stickerLabel: initials, stickerStyle: userColor, subtitle: subtitle, title: name}, opt_ijData);
@@ -169,3 +169,3 @@ };
     incrementalDom.elementOpenEnd();
-    $templateAlias4({items: actionItems, spritemap: spritemap}, opt_ijData);
+    $templateAlias4({items: actionItems, spritemap: spritemap, triggerClasses: 'component-action'}, opt_ijData);
     incrementalDom.elementClose('div');
@@ -172,0 +172,0 @@ }

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

544887

increased by0.12%

Dependency changes

• Updatedclay-checkbox@^2.0.0-rc.7

• Updatedclay-dropdown@^2.0.0-rc.7

• Updatedclay-icon@^2.0.0-rc.7

• Updatedclay-label@^2.0.0-rc.7

• Updatedclay-link@^2.0.0-rc.7

• Updatedclay-sticker@^2.0.0-rc.7