clay-card - npm Package Compare versions

Comparing version 1.0.0-alpha.16 to 2.0.0-beta.7

lib/all/card.js

@@ -6,7 +6,7 @@ 'use strict';
 });
-exports.ClayUserCard = exports.ClayImageCard = exports.ClayHorizontalCard = exports.ClayFileCard = exports.ClayCard = undefined;
+exports.ClayUserCard = exports.ClayImageCard = exports.ClayHorizontalCard = exports.ClayFileCard = exports.ClayCardBase = undefined;
 
-var _ClayCard = require('../ClayCard');
+var _ClayCardBase = require('../ClayCardBase');
 
-var _ClayCard2 = _interopRequireDefault(_ClayCard);
+var _ClayCardBase2 = _interopRequireDefault(_ClayCardBase);
 
@@ -31,3 +31,3 @@ var _ClayFileCard = require('../ClayFileCard');
 
-exports.ClayCard = _ClayCard2.default;
+exports.ClayCardBase = _ClayCardBase2.default;
 exports.ClayFileCard = _ClayFileCard2.default;
@@ -34,0 +34,0 @@ exports.ClayHorizontalCard = _ClayHorizontalCard2.default;

lib/ClayFileCard.js

@@ -14,3 +14,3 @@ 'use strict';
 
-require('./ClayCard');
+require('./ClayCardBase');
 
@@ -197,3 +197,3 @@ var _metalComponent = require('metal-component');
   * @instance
-  * @memberof ClayCard
+  * @memberof ClayCardBase
   * @type {?object|undefined}
@@ -200,0 +200,0 @@ * @default undefined

lib/ClayFileCard.soy.js

@@ -34,3 +34,3 @@ 'use strict';
    * @fileoverview Templates in namespace ClayFileCard.
-   * @hassoydeltemplate {ClayCard.VisualArea.idom}
+   * @hassoydeltemplate {ClayCardBase.VisualArea.idom}
    * @public
@@ -47,3 +47,3 @@ */
 
-  var $templateAlias1 = _metalSoy2.default.getTemplate('ClayCard.incrementaldom', 'render');
+  var $templateAlias1 = _metalSoy2.default.getTemplate('ClayCardBase.incrementaldom', 'render');
 
@@ -122,6 +122,6 @@ var $templateAlias2 = _metalSoy2.default.getTemplate('ClayIcon.incrementaldom', 'render');
     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__soy292 = '';
-    classes__soy292 += 'file-card';
-    classes__soy292 += elementClasses ? ' ' + elementClasses : '';
-    $templateAlias1({ actionItems: actionItems, contentRenderer: 'file', disabled: disabled, elementClasses: classes__soy292, events: { itemToggled: handleItemToggled_ }, fileType: fileType, fileTypeStyle: fileTypeStyle, groupName: groupName, href: href, icon: ($$temp = icon) == null ? 'documents-and-media' : $$temp, id: id, inputName: inputName, inputValue: inputValue, labels: labels, labelStylesMap: labelStylesMap, ref: 'card', selectable: selectable, selected: selected, spritemap: spritemap, subtitle: subtitle, title: title }, null, opt_ijData);
+    var classes__soy287 = '';
+    classes__soy287 += 'file-card';
+    classes__soy287 += elementClasses ? ' ' + elementClasses : '';
+    $templateAlias1({ actionItems: actionItems, contentRenderer: 'file', disabled: disabled, elementClasses: classes__soy287, events: { itemToggled: handleItemToggled_ }, fileType: fileType, fileTypeStyle: fileTypeStyle, groupName: groupName, href: href, icon: ($$temp = icon) == null ? 'documents-and-media' : $$temp, id: id, inputName: inputName, inputValue: inputValue, labels: labels, labelStylesMap: labelStylesMap, ref: 'card', selectable: selectable, selected: selected, spritemap: spritemap, subtitle: subtitle, title: title }, null, opt_ijData);
   }
@@ -171,3 +171,3 @@ exports.render = $render;
    */
-  function __deltemplate_s324_c6865235(opt_data, opt_ijData, opt_ijData_deprecated) {
+  function __deltemplate_s319_a0f52d4d(opt_data, opt_ijData, opt_ijData_deprecated) {
     opt_ijData = opt_ijData_deprecated || opt_ijData;
@@ -199,3 +199,3 @@ var $$temp;
   }
-  exports.__deltemplate_s324_c6865235 = __deltemplate_s324_c6865235;
+  exports.__deltemplate_s319_a0f52d4d = __deltemplate_s319_a0f52d4d;
   /**
@@ -211,7 +211,7 @@ * @typedef {{
    */
-  __deltemplate_s324_c6865235.Params;
+  __deltemplate_s319_a0f52d4d.Params;
   if (goog.DEBUG) {
-    __deltemplate_s324_c6865235.soyTemplateName = 'ClayFileCard.__deltemplate_s324_c6865235';
+    __deltemplate_s319_a0f52d4d.soyTemplateName = 'ClayFileCard.__deltemplate_s319_a0f52d4d';
   }
-  soy.$$registerDelegateFn(soy.$$getDelTemplateId('ClayCard.VisualArea.idom'), 'file', 0, __deltemplate_s324_c6865235);
+  soy.$$registerDelegateFn(soy.$$getDelTemplateId('ClayCardBase.VisualArea.idom'), 'file', 0, __deltemplate_s319_a0f52d4d);
 
@@ -218,0 +218,0 @@ exports.render.params = ["spritemap", "title", "actionItems", "disabled", "elementClasses", "fileType", "fileTypeStyle", "groupName", "handleItemToggled_", "href", "icon", "id", "inputName", "inputValue", "labels", "labelStylesMap", "selectable", "selected", "subtitle"];

lib/ClayHorizontalCard.soy.js

@@ -104,3 +104,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__soy374 = function attributes__soy374() {
+    var attributes__soy369 = function attributes__soy369() {
       incrementalDom.attr('class', 'card-type-directory' + (selectable ? ' form-check form-check-card form-check-middle-left' : ' card card-horizontal') + (elementClasses ? ' ' + elementClasses : ''));
@@ -111,19 +111,19 @@ if (id) {
     };
-    var descriptiveArea__soy395 = function descriptiveArea__soy395() {
+    var descriptiveArea__soy390 = function descriptiveArea__soy390() {
       $descriptiveArea(opt_data, null, opt_ijData);
     };
     incrementalDom.elementOpenStart('div');
-    attributes__soy374();
+    attributes__soy369();
     incrementalDom.elementOpenEnd();
     if (selectable) {
-      var param415 = function param415() {
+      var param410 = function param410() {
         incrementalDom.elementOpenStart('div');
         incrementalDom.attr('class', 'card card-horizontal');
         incrementalDom.elementOpenEnd();
-        descriptiveArea__soy395();
+        descriptiveArea__soy390();
         incrementalDom.elementClose('div');
       };
-      $templateAlias1({ ariaLabelledBy: groupName ? 'group-' + groupName : null, checked: selected, disabled: disabled, events: { change: handleItemCheckboxClick_ }, labelContent: param415, name: inputName, value: inputValue }, null, opt_ijData);
+      $templateAlias1({ ariaLabelledBy: groupName ? 'group-' + groupName : null, checked: selected, disabled: disabled, events: { change: handleItemCheckboxClick_ }, labelContent: param410, name: inputName, value: inputValue }, null, opt_ijData);
     } else {
-      descriptiveArea__soy395();
+      descriptiveArea__soy390();
     }
@@ -188,7 +188,9 @@ incrementalDom.elementClose('div');
     incrementalDom.elementOpenEnd();
-    var classesDescription__soy435 = '';
-    classesDescription__soy435 += 'flex-col flex-col-expand flex-col-gutters';
+    incrementalDom.elementOpenStart('div');
+    incrementalDom.attr('class', 'autofit-col');
+    incrementalDom.elementOpenEnd();
     $templateAlias2({ icon: ($$temp = icon) == null ? 'folder' : $$temp, spritemap: spritemap, style: 'unstyled' }, null, opt_ijData);
+    incrementalDom.elementClose('div');
     incrementalDom.elementOpenStart('div');
-    incrementalDom.attr('class', classesDescription__soy435);
+    incrementalDom.attr('class', 'autofit-col autofit-col-expand autofit-col-gutters');
     incrementalDom.elementOpenEnd();
@@ -200,3 +202,2 @@ if (href) {
       incrementalDom.attr('class', 'card-title text-truncate');
-      incrementalDom.attr('title', title);
       incrementalDom.elementOpenEnd();
@@ -209,3 +210,3 @@ soyIdom.print(title);
       incrementalDom.elementOpenStart('div');
-      incrementalDom.attr('class', 'flex-col');
+      incrementalDom.attr('class', 'autofit-col');
       incrementalDom.elementOpenEnd();
@@ -212,0 +213,0 @@ $templateAlias4({ items: actionItems, spritemap: spritemap }, null, opt_ijData);

lib/ClayImageCard.js

@@ -14,3 +14,3 @@ 'use strict';
 
-require('./ClayCard');
+require('./ClayCardBase');
 
@@ -215,3 +215,3 @@ var _metalComponent = require('metal-component');
   * @instance
-  * @memberof ClayCard
+  * @memberof ClayCardBase
   * @type {?object|undefined}
@@ -218,0 +218,0 @@ * @default undefined

lib/ClayImageCard.soy.js

@@ -34,3 +34,3 @@ 'use strict';
    * @fileoverview Templates in namespace ClayImageCard.
-   * @hassoydeltemplate {ClayCard.VisualArea.idom}
+   * @hassoydeltemplate {ClayCardBase.VisualArea.idom}
    * @public
@@ -47,3 +47,3 @@ */
 
-  var $templateAlias1 = _metalSoy2.default.getTemplate('ClayCard.incrementaldom', 'render');
+  var $templateAlias1 = _metalSoy2.default.getTemplate('ClayCardBase.incrementaldom', 'render');
 
@@ -127,6 +127,6 @@ var $templateAlias2 = _metalSoy2.default.getTemplate('ClayIcon.incrementaldom', 'render');
     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__soy557 = '';
-    classes__soy557 += 'image-card';
-    classes__soy557 += elementClasses ? ' ' + elementClasses : '';
-    $templateAlias1({ actionItems: actionItems, contentRenderer: 'image', disabled: disabled, elementClasses: classes__soy557, events: { itemToggled: handleItemToggled_ }, fileType: fileType, fileTypeStyle: fileTypeStyle, 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, subtitle: subtitle, title: title }, null, opt_ijData);
+    var classes__soy551 = '';
+    classes__soy551 += 'image-card';
+    classes__soy551 += elementClasses ? ' ' + elementClasses : '';
+    $templateAlias1({ actionItems: actionItems, contentRenderer: 'image', disabled: disabled, elementClasses: classes__soy551, events: { itemToggled: handleItemToggled_ }, fileType: fileType, fileTypeStyle: fileTypeStyle, 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, subtitle: subtitle, title: title }, null, opt_ijData);
   }
@@ -178,3 +178,3 @@ exports.render = $render;
    */
-  function __deltemplate_s591_747d9a43(opt_data, opt_ijData, opt_ijData_deprecated) {
+  function __deltemplate_s585_970abbf1(opt_data, opt_ijData, opt_ijData_deprecated) {
     opt_ijData = opt_ijData_deprecated || opt_ijData;
@@ -195,13 +195,13 @@ var $$temp;
     var spritemap = soy.asserts.assertType(opt_data.spritemap == null || goog.isString(opt_data.spritemap) || opt_data.spritemap instanceof goog.soy.data.SanitizedContent, 'spritemap', opt_data.spritemap, '!goog.soy.data.SanitizedContent|null|string|undefined');
-    var aspectRatioClasses__soy599 = '';
-    aspectRatioClasses__soy599 += 'aspect-ratio-item-center-middle aspect-ratio-item-fluid';
-    aspectRatioClasses__soy599 += !imageSrc && icon && spritemap ? ' card-type-asset-icon' : '';
+    var aspectRatioClasses__soy593 = '';
+    aspectRatioClasses__soy593 += 'aspect-ratio-item-center-middle aspect-ratio-item-fluid';
+    aspectRatioClasses__soy593 += !imageSrc && icon && spritemap ? ' card-type-asset-icon' : '';
     if (imageSrc) {
-      var imageAttributes__soy609 = function imageAttributes__soy609() {
+      var imageAttributes__soy603 = function imageAttributes__soy603() {
         incrementalDom.attr('alt', imageAlt ? imageAlt : '');
-        incrementalDom.attr('class', aspectRatioClasses__soy599);
+        incrementalDom.attr('class', aspectRatioClasses__soy593);
         incrementalDom.attr('src', imageSrc);
       };
       incrementalDom.elementOpenStart('img');
-      imageAttributes__soy609();
+      imageAttributes__soy603();
       incrementalDom.elementOpenEnd();
@@ -211,3 +211,3 @@ incrementalDom.elementClose('img');
       incrementalDom.elementOpenStart('div');
-      incrementalDom.attr('class', aspectRatioClasses__soy599);
+      incrementalDom.attr('class', aspectRatioClasses__soy593);
       incrementalDom.elementOpenEnd();
@@ -221,3 +221,3 @@ $templateAlias2({ spritemap: spritemap, symbol: icon }, null, opt_ijData);
   }
-  exports.__deltemplate_s591_747d9a43 = __deltemplate_s591_747d9a43;
+  exports.__deltemplate_s585_970abbf1 = __deltemplate_s585_970abbf1;
   /**
@@ -233,7 +233,7 @@ * @typedef {{
    */
-  __deltemplate_s591_747d9a43.Params;
+  __deltemplate_s585_970abbf1.Params;
   if (goog.DEBUG) {
-    __deltemplate_s591_747d9a43.soyTemplateName = 'ClayImageCard.__deltemplate_s591_747d9a43';
+    __deltemplate_s585_970abbf1.soyTemplateName = 'ClayImageCard.__deltemplate_s585_970abbf1';
   }
-  soy.$$registerDelegateFn(soy.$$getDelTemplateId('ClayCard.VisualArea.idom'), 'image', 0, __deltemplate_s591_747d9a43);
+  soy.$$registerDelegateFn(soy.$$getDelTemplateId('ClayCardBase.VisualArea.idom'), 'image', 0, __deltemplate_s585_970abbf1);
 
@@ -240,0 +240,0 @@ exports.render.params = ["title", "actionItems", "disabled", "elementClasses", "fileType", "fileTypeStyle", "groupName", "handleItemToggled_", "href", "icon", "id", "imageAlt", "imageSrc", "inputName", "inputValue", "labels", "labelStylesMap", "selectable", "selected", "spritemap", "subtitle"];

lib/ClayUserCard.js

@@ -10,3 +10,3 @@ 'use strict';
 
-require('./ClayCard');
+require('./ClayCardBase');
 
@@ -13,0 +13,0 @@ require('clay-link');

lib/ClayUserCard.soy.js

@@ -34,4 +34,4 @@ 'use strict';
    * @fileoverview Templates in namespace ClayUserCard.
-   * @hassoydeltemplate {ClayCard.DescriptiveArea.idom}
-   * @hassoydeltemplate {ClayCard.VisualArea.idom}
+   * @hassoydeltemplate {ClayCardBase.DescriptiveArea.idom}
+   * @hassoydeltemplate {ClayCardBase.VisualArea.idom}
    * @public
@@ -50,3 +50,3 @@ */
 
-  var $templateAlias1 = _metalSoy2.default.getTemplate('ClayCard.incrementaldom', 'render');
+  var $templateAlias1 = _metalSoy2.default.getTemplate('ClayCardBase.incrementaldom', 'render');
 
@@ -121,5 +121,5 @@ var $templateAlias2 = _metalSoy2.default.getTemplate('ClayLink.incrementaldom', 'render');
     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__soy682 = '';
-    classes__soy682 += 'user-card';
-    classes__soy682 += elementClasses ? ' ' + elementClasses : '';
+    var classes__soy676 = '';
+    classes__soy676 += 'user-card';
+    classes__soy676 += elementClasses ? ' ' + elementClasses : '';
     $templateAlias1({ actionItems: actionItems, contentRenderer: 'user', disabled: disabled, elementClasses: elementClasses, events: { itemToggled: handleItemToggled_ }, fileType: initials, fileTypeStyle: userColor, groupName: groupName, href: href, id: id, imageAlt: imageAlt, imageSrc: imageSrc, inputName: inputName, inputValue: inputValue, ref: 'card', selectable: selectable, selected: selected, spritemap: spritemap, subtitle: subtitle, title: name }, null, opt_ijData);
@@ -170,3 +170,3 @@ }
    */
-  function __deltemplate_s713_27954ffd(opt_data, opt_ijData, opt_ijData_deprecated) {
+  function __deltemplate_s707_488cf0c1(opt_data, opt_ijData, opt_ijData_deprecated) {
     opt_ijData = opt_ijData_deprecated || opt_ijData;
@@ -194,3 +194,3 @@ /** @type {!goog.soy.data.SanitizedContent|string} */
     incrementalDom.elementOpenStart('div');
-    incrementalDom.attr('class', 'flex-col flex-col-expand');
+    incrementalDom.attr('class', 'autofit-col autofit-col-expand');
     incrementalDom.elementOpenEnd();
@@ -202,3 +202,2 @@ if (href) {
       incrementalDom.attr('class', 'card-title text-truncate');
-      incrementalDom.attr('title', title);
       incrementalDom.elementOpenEnd();
@@ -211,3 +210,2 @@ soyIdom.print(title);
       incrementalDom.attr('class', 'card-subtitle text-truncate');
-      incrementalDom.attr('title', subtitle);
       incrementalDom.elementOpenEnd();
@@ -220,3 +218,3 @@ soyIdom.print(subtitle);
       incrementalDom.elementOpenStart('div');
-      incrementalDom.attr('class', 'flex-col');
+      incrementalDom.attr('class', 'autofit-col');
       incrementalDom.elementOpenEnd();
@@ -229,3 +227,3 @@ $templateAlias3({ items: actionItems, spritemap: spritemap }, null, opt_ijData);
   }
-  exports.__deltemplate_s713_27954ffd = __deltemplate_s713_27954ffd;
+  exports.__deltemplate_s707_488cf0c1 = __deltemplate_s707_488cf0c1;
   /**
@@ -242,7 +240,7 @@ * @typedef {{
    */
-  __deltemplate_s713_27954ffd.Params;
+  __deltemplate_s707_488cf0c1.Params;
   if (goog.DEBUG) {
-    __deltemplate_s713_27954ffd.soyTemplateName = 'ClayUserCard.__deltemplate_s713_27954ffd';
+    __deltemplate_s707_488cf0c1.soyTemplateName = 'ClayUserCard.__deltemplate_s707_488cf0c1';
   }
-  soy.$$registerDelegateFn(soy.$$getDelTemplateId('ClayCard.DescriptiveArea.idom'), 'user', 0, __deltemplate_s713_27954ffd);
+  soy.$$registerDelegateFn(soy.$$getDelTemplateId('ClayCardBase.DescriptiveArea.idom'), 'user', 0, __deltemplate_s707_488cf0c1);
 
@@ -263,3 +261,3 @@ /**
    */
-  function __deltemplate_s754_18b495b5(opt_data, opt_ijData, opt_ijData_deprecated) {
+  function __deltemplate_s744_d12b8598(opt_data, opt_ijData, opt_ijData_deprecated) {
     opt_ijData = opt_ijData_deprecated || opt_ijData;
@@ -286,3 +284,3 @@ var $$temp;
   }
-  exports.__deltemplate_s754_18b495b5 = __deltemplate_s754_18b495b5;
+  exports.__deltemplate_s744_d12b8598 = __deltemplate_s744_d12b8598;
   /**
@@ -298,7 +296,7 @@ * @typedef {{
    */
-  __deltemplate_s754_18b495b5.Params;
+  __deltemplate_s744_d12b8598.Params;
   if (goog.DEBUG) {
-    __deltemplate_s754_18b495b5.soyTemplateName = 'ClayUserCard.__deltemplate_s754_18b495b5';
+    __deltemplate_s744_d12b8598.soyTemplateName = 'ClayUserCard.__deltemplate_s744_d12b8598';
   }
-  soy.$$registerDelegateFn(soy.$$getDelTemplateId('ClayCard.VisualArea.idom'), 'user', 0, __deltemplate_s754_18b495b5);
+  soy.$$registerDelegateFn(soy.$$getDelTemplateId('ClayCardBase.VisualArea.idom'), 'user', 0, __deltemplate_s744_d12b8598);
 
@@ -305,0 +303,0 @@ exports.render.params = ["name", "actionItems", "disabled", "elementClasses", "groupName", "handleItemToggled_", "href", "id", "imageAlt", "imageSrc", "initials", "inputName", "inputValue", "selectable", "selected", "spritemap", "subtitle", "userColor"];

package.json

 {
   "name": "clay-card",
-  "version": "1.0.0-alpha.16",
+  "version": "2.0.0-beta.7",
   "description": "Metal ClayCard component",
@@ -23,3 +23,3 @@ "license": "BSD",
     "prepublish": "npm run soy && npm run compile",
-    "soy": "metalsoy --soyDeps '../../node_modules/clay-+(dropdown|label|sticker|button|checkbox|icon|link|radio)/src/**/*.soy'"
+    "soy": "metalsoy --soyDeps '../../node_modules/clay-+(dropdown|label|sticker|button|checkbox|icon|link|portal|radio)/src/**/*.soy'"
   },
@@ -31,13 +31,13 @@ "keywords": [
   "dependencies": {
-    "clay-checkbox": "^1.0.0-alpha.16",
-    "clay-dropdown": "^1.0.0-alpha.16",
-    "clay-icon": "^1.0.0-alpha.15",
-    "clay-label": "^1.0.0-alpha.15",
-    "clay-link": "^1.0.0-alpha.15",
-    "clay-sticker": "^1.0.0-alpha.15",
-    "metal": "^2.14.0",
-    "metal-component": "^2.14.0",
-    "metal-soy": "^2.14.0",
-    "metal-state": "^2.15.0",
-    "metal-web-component": "^2.14.0"
+    "clay-checkbox": "^2.0.0-beta.7",
+    "clay-dropdown": "^2.0.0-beta.7",
+    "clay-icon": "^2.0.0-beta.7",
+    "clay-label": "^2.0.0-beta.7",
+    "clay-link": "^2.0.0-beta.7",
+    "clay-sticker": "^2.0.0-beta.7",
+    "metal": "^2.16.0",
+    "metal-component": "^2.16.0",
+    "metal-soy": "^2.16.0",
+    "metal-state": "^2.16.0",
+    "metal-web-component": "^2.16.0"
   },
@@ -51,3 +51,3 @@ "devDependencies": {
     "browserslist-config-clay-components": "^1.0.0-alpha.2",
-    "clay": "^1.0.0-alpha.15",
+    "clay": "^2.0.0-beta.7",
     "metal-dom": "^2.13.2",
@@ -54,0 +54,0 @@ "metal-tools-soy": "^4.2.1",

src/all/card.js

@@ -1,2 +0,2 @@
-import ClayCard from '../ClayCard';
+import ClayCardBase from '../ClayCardBase';
 import ClayFileCard from '../ClayFileCard';
@@ -8,3 +8,3 @@ import ClayHorizontalCard from '../ClayHorizontalCard';
 export {
-	ClayCard,
+	ClayCardBase,
 	ClayFileCard,
@@ -11,0 +11,0 @@ ClayHorizontalCard,

src/ClayFileCard.js

 import 'clay-icon';
 import 'clay-sticker';
-import './ClayCard';
+import './ClayCardBase';
 import Component from 'metal-component';
@@ -166,3 +166,3 @@ import defineWebComponent from 'metal-web-component';
 	 * @instance
-	 * @memberof ClayCard
+	 * @memberof ClayCardBase
 	 * @type {?object|undefined}
@@ -169,0 +169,0 @@ * @default undefined

src/ClayFileCard.soy.js

@@ -14,3 +14,3 @@ /* jshint ignore:start */
  * @fileoverview Templates in namespace ClayFileCard.
- * @hassoydeltemplate {ClayCard.VisualArea.idom}
+ * @hassoydeltemplate {ClayCardBase.VisualArea.idom}
  * @public
@@ -27,3 +27,3 @@ */
 
-var $templateAlias1 = Soy.getTemplate('ClayCard.incrementaldom', 'render');
+var $templateAlias1 = Soy.getTemplate('ClayCardBase.incrementaldom', 'render');
 
@@ -103,6 +103,6 @@ var $templateAlias2 = Soy.getTemplate('ClayIcon.incrementaldom', 'render');
   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__soy292 = '';
-  classes__soy292 += 'file-card';
-  classes__soy292 += elementClasses ? ' ' + elementClasses : '';
-  $templateAlias1({actionItems: actionItems, contentRenderer: 'file', disabled: disabled, elementClasses: classes__soy292, events: {itemToggled: handleItemToggled_}, fileType: fileType, fileTypeStyle: fileTypeStyle, groupName: groupName, href: href, icon: ($$temp = icon) == null ? 'documents-and-media' : $$temp, id: id, inputName: inputName, inputValue: inputValue, labels: labels, labelStylesMap: labelStylesMap, ref: 'card', selectable: selectable, selected: selected, spritemap: spritemap, subtitle: subtitle, title: title}, null, opt_ijData);
+  var classes__soy287 = '';
+  classes__soy287 += 'file-card';
+  classes__soy287 += elementClasses ? ' ' + elementClasses : '';
+  $templateAlias1({actionItems: actionItems, contentRenderer: 'file', disabled: disabled, elementClasses: classes__soy287, events: {itemToggled: handleItemToggled_}, fileType: fileType, fileTypeStyle: fileTypeStyle, groupName: groupName, href: href, icon: ($$temp = icon) == null ? 'documents-and-media' : $$temp, id: id, inputName: inputName, inputValue: inputValue, labels: labels, labelStylesMap: labelStylesMap, ref: 'card', selectable: selectable, selected: selected, spritemap: spritemap, subtitle: subtitle, title: title}, null, opt_ijData);
 }
@@ -153,3 +153,3 @@ exports.render = $render;
  */
-function __deltemplate_s324_c6865235(opt_data, opt_ijData, opt_ijData_deprecated) {
+function __deltemplate_s319_a0f52d4d(opt_data, opt_ijData, opt_ijData_deprecated) {
   opt_ijData = opt_ijData_deprecated || opt_ijData;
@@ -181,3 +181,3 @@ var $$temp;
 }
-exports.__deltemplate_s324_c6865235 = __deltemplate_s324_c6865235;
+exports.__deltemplate_s319_a0f52d4d = __deltemplate_s319_a0f52d4d;
 /**
@@ -193,7 +193,7 @@ * @typedef {{
  */
-__deltemplate_s324_c6865235.Params;
+__deltemplate_s319_a0f52d4d.Params;
 if (goog.DEBUG) {
-  __deltemplate_s324_c6865235.soyTemplateName = 'ClayFileCard.__deltemplate_s324_c6865235';
+  __deltemplate_s319_a0f52d4d.soyTemplateName = 'ClayFileCard.__deltemplate_s319_a0f52d4d';
 }
-soy.$$registerDelegateFn(soy.$$getDelTemplateId('ClayCard.VisualArea.idom'), 'file', 0, __deltemplate_s324_c6865235);
+soy.$$registerDelegateFn(soy.$$getDelTemplateId('ClayCardBase.VisualArea.idom'), 'file', 0, __deltemplate_s319_a0f52d4d);
 
@@ -200,0 +200,0 @@ exports.render.params = ["spritemap","title","actionItems","disabled","elementClasses","fileType","fileTypeStyle","groupName","handleItemToggled_","href","icon","id","inputName","inputValue","labels","labelStylesMap","selectable","selected","subtitle"];

src/ClayHorizontalCard.soy.js

@@ -85,3 +85,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__soy374 = function() {
+  var attributes__soy369 = function() {
     incrementalDom.attr('class', 'card-type-directory' + (selectable ? ' form-check form-check-card form-check-middle-left' : ' card card-horizontal') + (elementClasses ? ' ' + elementClasses : ''));
@@ -92,19 +92,19 @@ if (id) {
   };
-  var descriptiveArea__soy395 = function() {
+  var descriptiveArea__soy390 = function() {
     $descriptiveArea(opt_data, null, opt_ijData);
   };
   incrementalDom.elementOpenStart('div');
-      attributes__soy374();
+      attributes__soy369();
   incrementalDom.elementOpenEnd();
     if (selectable) {
-      var param415 = function() {
+      var param410 = function() {
         incrementalDom.elementOpenStart('div');
             incrementalDom.attr('class', 'card card-horizontal');
         incrementalDom.elementOpenEnd();
-          descriptiveArea__soy395();
+          descriptiveArea__soy390();
         incrementalDom.elementClose('div');
       };
-      $templateAlias1({ariaLabelledBy: groupName ? 'group-' + groupName : null, checked: selected, disabled: disabled, events: {change: handleItemCheckboxClick_}, labelContent: param415, name: inputName, value: inputValue}, null, opt_ijData);
+      $templateAlias1({ariaLabelledBy: groupName ? 'group-' + groupName : null, checked: selected, disabled: disabled, events: {change: handleItemCheckboxClick_}, labelContent: param410, name: inputName, value: inputValue}, null, opt_ijData);
     } else {
-      descriptiveArea__soy395();
+      descriptiveArea__soy390();
     }
@@ -170,8 +170,10 @@ incrementalDom.elementClose('div');
     incrementalDom.elementOpenEnd();
-      var classesDescription__soy435 = '';
-      classesDescription__soy435 += 'flex-col flex-col-expand flex-col-gutters';
-      $templateAlias2({icon: ($$temp = icon) == null ? 'folder' : $$temp, spritemap: spritemap, style: 'unstyled'}, null, opt_ijData);
       incrementalDom.elementOpenStart('div');
-          incrementalDom.attr('class', classesDescription__soy435);
+          incrementalDom.attr('class', 'autofit-col');
       incrementalDom.elementOpenEnd();
+        $templateAlias2({icon: ($$temp = icon) == null ? 'folder' : $$temp, spritemap: spritemap, style: 'unstyled'}, null, opt_ijData);
+      incrementalDom.elementClose('div');
+      incrementalDom.elementOpenStart('div');
+          incrementalDom.attr('class', 'autofit-col autofit-col-expand autofit-col-gutters');
+      incrementalDom.elementOpenEnd();
         if (href) {
@@ -182,3 +184,2 @@ $templateAlias3({elementClasses: 'card-title text-truncate', href: href, label: title}, null, opt_ijData);
               incrementalDom.attr('class', 'card-title text-truncate');
-              incrementalDom.attr('title', title);
           incrementalDom.elementOpenEnd();
@@ -191,3 +192,3 @@ soyIdom.print(title);
         incrementalDom.elementOpenStart('div');
-            incrementalDom.attr('class', 'flex-col');
+            incrementalDom.attr('class', 'autofit-col');
         incrementalDom.elementOpenEnd();
@@ -194,0 +195,0 @@ $templateAlias4({items: actionItems, spritemap: spritemap}, null, opt_ijData);

src/ClayImageCard.js

 import 'clay-icon';
 import 'clay-sticker';
-import './ClayCard';
+import './ClayCardBase';
 import Component from 'metal-component';
@@ -184,3 +184,3 @@ import defineWebComponent from 'metal-web-component';
 	 * @instance
-	 * @memberof ClayCard
+	 * @memberof ClayCardBase
 	 * @type {?object|undefined}
@@ -187,0 +187,0 @@ * @default undefined

src/ClayImageCard.soy.js

@@ -14,3 +14,3 @@ /* jshint ignore:start */
  * @fileoverview Templates in namespace ClayImageCard.
- * @hassoydeltemplate {ClayCard.VisualArea.idom}
+ * @hassoydeltemplate {ClayCardBase.VisualArea.idom}
  * @public
@@ -27,3 +27,3 @@ */
 
-var $templateAlias1 = Soy.getTemplate('ClayCard.incrementaldom', 'render');
+var $templateAlias1 = Soy.getTemplate('ClayCardBase.incrementaldom', 'render');
 
@@ -108,6 +108,6 @@ var $templateAlias2 = Soy.getTemplate('ClayIcon.incrementaldom', 'render');
   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__soy557 = '';
-  classes__soy557 += 'image-card';
-  classes__soy557 += elementClasses ? ' ' + elementClasses : '';
-  $templateAlias1({actionItems: actionItems, contentRenderer: 'image', disabled: disabled, elementClasses: classes__soy557, events: {itemToggled: handleItemToggled_}, fileType: fileType, fileTypeStyle: fileTypeStyle, 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, subtitle: subtitle, title: title}, null, opt_ijData);
+  var classes__soy551 = '';
+  classes__soy551 += 'image-card';
+  classes__soy551 += elementClasses ? ' ' + elementClasses : '';
+  $templateAlias1({actionItems: actionItems, contentRenderer: 'image', disabled: disabled, elementClasses: classes__soy551, events: {itemToggled: handleItemToggled_}, fileType: fileType, fileTypeStyle: fileTypeStyle, 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, subtitle: subtitle, title: title}, null, opt_ijData);
 }
@@ -160,3 +160,3 @@ exports.render = $render;
  */
-function __deltemplate_s591_747d9a43(opt_data, opt_ijData, opt_ijData_deprecated) {
+function __deltemplate_s585_970abbf1(opt_data, opt_ijData, opt_ijData_deprecated) {
   opt_ijData = opt_ijData_deprecated || opt_ijData;
@@ -177,13 +177,13 @@ var $$temp;
   var spritemap = soy.asserts.assertType(opt_data.spritemap == null || (goog.isString(opt_data.spritemap) || opt_data.spritemap instanceof goog.soy.data.SanitizedContent), 'spritemap', opt_data.spritemap, '!goog.soy.data.SanitizedContent|null|string|undefined');
-  var aspectRatioClasses__soy599 = '';
-  aspectRatioClasses__soy599 += 'aspect-ratio-item-center-middle aspect-ratio-item-fluid';
-  aspectRatioClasses__soy599 += !imageSrc && icon && spritemap ? ' card-type-asset-icon' : '';
+  var aspectRatioClasses__soy593 = '';
+  aspectRatioClasses__soy593 += 'aspect-ratio-item-center-middle aspect-ratio-item-fluid';
+  aspectRatioClasses__soy593 += !imageSrc && icon && spritemap ? ' card-type-asset-icon' : '';
   if (imageSrc) {
-    var imageAttributes__soy609 = function() {
+    var imageAttributes__soy603 = function() {
       incrementalDom.attr('alt', imageAlt ? imageAlt : '');
-      incrementalDom.attr('class', aspectRatioClasses__soy599);
+      incrementalDom.attr('class', aspectRatioClasses__soy593);
       incrementalDom.attr('src', imageSrc);
     };
     incrementalDom.elementOpenStart('img');
-        imageAttributes__soy609();
+        imageAttributes__soy603();
     incrementalDom.elementOpenEnd();
@@ -193,3 +193,3 @@ incrementalDom.elementClose('img');
     incrementalDom.elementOpenStart('div');
-        incrementalDom.attr('class', aspectRatioClasses__soy599);
+        incrementalDom.attr('class', aspectRatioClasses__soy593);
     incrementalDom.elementOpenEnd();
@@ -203,3 +203,3 @@ $templateAlias2({spritemap: spritemap, symbol: icon}, null, opt_ijData);
 }
-exports.__deltemplate_s591_747d9a43 = __deltemplate_s591_747d9a43;
+exports.__deltemplate_s585_970abbf1 = __deltemplate_s585_970abbf1;
 /**
@@ -215,7 +215,7 @@ * @typedef {{
  */
-__deltemplate_s591_747d9a43.Params;
+__deltemplate_s585_970abbf1.Params;
 if (goog.DEBUG) {
-  __deltemplate_s591_747d9a43.soyTemplateName = 'ClayImageCard.__deltemplate_s591_747d9a43';
+  __deltemplate_s585_970abbf1.soyTemplateName = 'ClayImageCard.__deltemplate_s585_970abbf1';
 }
-soy.$$registerDelegateFn(soy.$$getDelTemplateId('ClayCard.VisualArea.idom'), 'image', 0, __deltemplate_s591_747d9a43);
+soy.$$registerDelegateFn(soy.$$getDelTemplateId('ClayCardBase.VisualArea.idom'), 'image', 0, __deltemplate_s585_970abbf1);
 
@@ -222,0 +222,0 @@ exports.render.params = ["title","actionItems","disabled","elementClasses","fileType","fileTypeStyle","groupName","handleItemToggled_","href","icon","id","imageAlt","imageSrc","inputName","inputValue","labels","labelStylesMap","selectable","selected","spritemap","subtitle"];

src/ClayUserCard.js

@@ -1,2 +0,2 @@
-import './ClayCard';
+import './ClayCardBase';
 import 'clay-link';
@@ -3,0 +3,0 @@ import 'clay-sticker';

src/ClayUserCard.soy.js

@@ -14,4 +14,4 @@ /* jshint ignore:start */
  * @fileoverview Templates in namespace ClayUserCard.
- * @hassoydeltemplate {ClayCard.DescriptiveArea.idom}
- * @hassoydeltemplate {ClayCard.VisualArea.idom}
+ * @hassoydeltemplate {ClayCardBase.DescriptiveArea.idom}
+ * @hassoydeltemplate {ClayCardBase.VisualArea.idom}
  * @public
@@ -30,3 +30,3 @@ */
 
-var $templateAlias1 = Soy.getTemplate('ClayCard.incrementaldom', 'render');
+var $templateAlias1 = Soy.getTemplate('ClayCardBase.incrementaldom', 'render');
 
@@ -102,5 +102,5 @@ var $templateAlias2 = Soy.getTemplate('ClayLink.incrementaldom', 'render');
   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__soy682 = '';
-  classes__soy682 += 'user-card';
-  classes__soy682 += elementClasses ? ' ' + elementClasses : '';
+  var classes__soy676 = '';
+  classes__soy676 += 'user-card';
+  classes__soy676 += elementClasses ? ' ' + elementClasses : '';
   $templateAlias1({actionItems: actionItems, contentRenderer: 'user', disabled: disabled, elementClasses: elementClasses, events: {itemToggled: handleItemToggled_}, fileType: initials, fileTypeStyle: userColor, groupName: groupName, href: href, id: id, imageAlt: imageAlt, imageSrc: imageSrc, inputName: inputName, inputValue: inputValue, ref: 'card', selectable: selectable, selected: selected, spritemap: spritemap, subtitle: subtitle, title: name}, null, opt_ijData);
@@ -152,3 +152,3 @@ }
  */
-function __deltemplate_s713_27954ffd(opt_data, opt_ijData, opt_ijData_deprecated) {
+function __deltemplate_s707_488cf0c1(opt_data, opt_ijData, opt_ijData_deprecated) {
   opt_ijData = opt_ijData_deprecated || opt_ijData;
@@ -176,3 +176,3 @@ /** @type {!goog.soy.data.SanitizedContent|string} */
       incrementalDom.elementOpenStart('div');
-          incrementalDom.attr('class', 'flex-col flex-col-expand');
+          incrementalDom.attr('class', 'autofit-col autofit-col-expand');
       incrementalDom.elementOpenEnd();
@@ -184,3 +184,2 @@ if (href) {
               incrementalDom.attr('class', 'card-title text-truncate');
-              incrementalDom.attr('title', title);
           incrementalDom.elementOpenEnd();
@@ -193,3 +192,2 @@ soyIdom.print(title);
               incrementalDom.attr('class', 'card-subtitle text-truncate');
-              incrementalDom.attr('title', subtitle);
           incrementalDom.elementOpenEnd();
@@ -202,3 +200,3 @@ soyIdom.print(subtitle);
         incrementalDom.elementOpenStart('div');
-            incrementalDom.attr('class', 'flex-col');
+            incrementalDom.attr('class', 'autofit-col');
         incrementalDom.elementOpenEnd();
@@ -211,3 +209,3 @@ $templateAlias3({items: actionItems, spritemap: spritemap}, null, opt_ijData);
 }
-exports.__deltemplate_s713_27954ffd = __deltemplate_s713_27954ffd;
+exports.__deltemplate_s707_488cf0c1 = __deltemplate_s707_488cf0c1;
 /**
@@ -224,7 +222,7 @@ * @typedef {{
  */
-__deltemplate_s713_27954ffd.Params;
+__deltemplate_s707_488cf0c1.Params;
 if (goog.DEBUG) {
-  __deltemplate_s713_27954ffd.soyTemplateName = 'ClayUserCard.__deltemplate_s713_27954ffd';
+  __deltemplate_s707_488cf0c1.soyTemplateName = 'ClayUserCard.__deltemplate_s707_488cf0c1';
 }
-soy.$$registerDelegateFn(soy.$$getDelTemplateId('ClayCard.DescriptiveArea.idom'), 'user', 0, __deltemplate_s713_27954ffd);
+soy.$$registerDelegateFn(soy.$$getDelTemplateId('ClayCardBase.DescriptiveArea.idom'), 'user', 0, __deltemplate_s707_488cf0c1);
 
@@ -246,3 +244,3 @@
  */
-function __deltemplate_s754_18b495b5(opt_data, opt_ijData, opt_ijData_deprecated) {
+function __deltemplate_s744_d12b8598(opt_data, opt_ijData, opt_ijData_deprecated) {
   opt_ijData = opt_ijData_deprecated || opt_ijData;
@@ -269,3 +267,3 @@ var $$temp;
 }
-exports.__deltemplate_s754_18b495b5 = __deltemplate_s754_18b495b5;
+exports.__deltemplate_s744_d12b8598 = __deltemplate_s744_d12b8598;
 /**
@@ -281,7 +279,7 @@ * @typedef {{
  */
-__deltemplate_s754_18b495b5.Params;
+__deltemplate_s744_d12b8598.Params;
 if (goog.DEBUG) {
-  __deltemplate_s754_18b495b5.soyTemplateName = 'ClayUserCard.__deltemplate_s754_18b495b5';
+  __deltemplate_s744_d12b8598.soyTemplateName = 'ClayUserCard.__deltemplate_s744_d12b8598';
 }
-soy.$$registerDelegateFn(soy.$$getDelTemplateId('ClayCard.VisualArea.idom'), 'user', 0, __deltemplate_s754_18b495b5);
+soy.$$registerDelegateFn(soy.$$getDelTemplateId('ClayCardBase.VisualArea.idom'), 'user', 0, __deltemplate_s744_d12b8598);
 
@@ -288,0 +286,0 @@ exports.render.params = ["name","actionItems","disabled","elementClasses","groupName","handleItemToggled_","href","id","imageAlt","imageSrc","initials","inputName","inputValue","selectable","selected","spritemap","subtitle","userColor"];

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

548740

increased by0.02%

Dependency changes

• + Addedclay-button@2.24.1(transitive)

• + Addedclay-checkbox@2.24.1(transitive)

• + Addedclay-component@2.24.1(transitive)

• + Addedclay-dropdown@2.24.1(transitive)

• + Addedclay-icon@2.24.1(transitive)

• + Addedclay-label@2.24.1(transitive)

• + Addedclay-link@2.24.1(transitive)

• + Addedclay-portal@2.24.1(transitive)

• + Addedclay-radio@2.24.1(transitive)

• + Addedclay-sticker@2.24.1(transitive)

• - Removedclay-button@1.0.0-alpha.15(transitive)

• - Removedclay-checkbox@1.0.0-alpha.16(transitive)

• - Removedclay-component@1.0.0-alpha.15(transitive)

• - Removedclay-dropdown@1.0.0-alpha.16(transitive)

• - Removedclay-icon@1.0.0-alpha.15(transitive)

• - Removedclay-label@1.0.0-alpha.15(transitive)

• - Removedclay-link@1.0.0-alpha.15(transitive)

• - Removedclay-radio@1.0.0-alpha.16(transitive)

• - Removedclay-sticker@1.0.0-alpha.15(transitive)

• Updatedclay-checkbox@^2.0.0-beta.7

• Updatedclay-dropdown@^2.0.0-beta.7

• Updatedclay-icon@^2.0.0-beta.7

• Updatedclay-label@^2.0.0-beta.7

• Updatedclay-link@^2.0.0-beta.7

• Updatedclay-sticker@^2.0.0-beta.7

• Updatedmetal@^2.16.0

• Updatedmetal-component@^2.16.0

• Updatedmetal-soy@^2.16.0

• Updatedmetal-state@^2.16.0

• Updatedmetal-web-component@^2.16.0