@rmwc/avatar
Advanced tools
Comparing version 14.0.0-alpha.0 to 14.0.1-alpha.0
@@ -25,9 +25,9 @@ "use strict"; | ||
}; | ||
var AvatarRoot = ripple_1.withRipple()(base_1.createMemoComponent(function AvatarRoot(props, ref) { | ||
var AvatarRoot = (0, ripple_1.withRipple)()((0, base_1.createMemoComponent)(function AvatarRoot(props, ref) { | ||
var _a; | ||
var isCount = props.isCount, overflow = props.overflow, smallerText = props.smallerText, square = props.square, interactive = props.interactive, hasImage = props.hasImage, rest = tslib_1.__rest(props, ["isCount", "overflow", "smallerText", "square", "interactive", "hasImage"]); | ||
var className = base_1.useClassNames(props, [ | ||
var className = (0, base_1.useClassNames)(props, [ | ||
'rmwc-avatar', | ||
(_a = {}, | ||
_a["rmwc-avatar--" + props.size] = rest.size, | ||
_a["rmwc-avatar--".concat(props.size)] = rest.size, | ||
_a['rmwc-avatar--count'] = isCount, | ||
@@ -45,5 +45,5 @@ _a['rmwc-avatar--interactive'] = interactive, | ||
/** A container for groups of Avatars */ | ||
exports.AvatarGroup = base_1.createComponent(function AvatarGroup(props, ref) { | ||
exports.AvatarGroup = (0, base_1.createComponent)(function AvatarGroup(props, ref) { | ||
var dense = props.dense, rest = tslib_1.__rest(props, ["dense"]); | ||
var className = base_1.useClassNames(props, [ | ||
var className = (0, base_1.useClassNames)(props, [ | ||
'rmwc-avatar-group', | ||
@@ -57,3 +57,3 @@ { | ||
/** An Avatar component for displaying users in a system. */ | ||
exports.Avatar = base_1.createComponent(function Avatar(_a, ref) { | ||
exports.Avatar = (0, base_1.createComponent)(function Avatar(_a, ref) { | ||
var src = _a.src, size = _a.size, _b = _a.name, name = _b === void 0 ? '' : _b, _c = _a.interactive, interactive = _c === void 0 ? false : _c, _d = _a.contain, contain = _d === void 0 ? false : _d, rest = tslib_1.__rest(_a, ["src", "size", "name", "interactive", "contain"]); | ||
@@ -63,3 +63,3 @@ var initials = getInitialsForName(name); | ||
? { | ||
backgroundImage: "url(" + src + ")", | ||
backgroundImage: "url(".concat(src, ")"), | ||
backgroundSize: contain ? 'contain' : 'cover' | ||
@@ -77,3 +77,3 @@ } | ||
/** An Avatar count for displaying list overflow. */ | ||
exports.AvatarCount = base_1.createMemoComponent(function AvatarCount(_a, ref) { | ||
exports.AvatarCount = (0, base_1.createMemoComponent)(function AvatarCount(_a, ref) { | ||
var value = _a.value, overflow = _a.overflow, size = _a.size, _b = _a.interactive, interactive = _b === void 0 ? false : _b, rest = tslib_1.__rest(_a, ["value", "overflow", "size", "interactive"]); | ||
@@ -80,0 +80,0 @@ var smallerText = String(value).length > 2; |
@@ -28,3 +28,3 @@ import { __assign, __rest } from "tslib"; | ||
(_a = {}, | ||
_a["rmwc-avatar--" + props.size] = rest.size, | ||
_a["rmwc-avatar--".concat(props.size)] = rest.size, | ||
_a['rmwc-avatar--count'] = isCount, | ||
@@ -58,3 +58,3 @@ _a['rmwc-avatar--interactive'] = interactive, | ||
? { | ||
backgroundImage: "url(" + src + ")", | ||
backgroundImage: "url(".concat(src, ")"), | ||
backgroundSize: contain ? 'contain' : 'cover' | ||
@@ -61,0 +61,0 @@ } |
{ | ||
"name": "@rmwc/avatar", | ||
"version": "14.0.0-alpha.0", | ||
"version": "14.0.1-alpha.0", | ||
"description": "RMWC avatar component", | ||
@@ -39,8 +39,8 @@ "main": "dist/index.js", | ||
"dependencies": { | ||
"@rmwc/base": "^14.0.0-alpha.0", | ||
"@rmwc/icon": "^14.0.0-alpha.0", | ||
"@rmwc/ripple": "^14.0.0-alpha.0", | ||
"@rmwc/types": "^14.0.0-alpha.0" | ||
"@rmwc/base": "^14.0.1-alpha.0", | ||
"@rmwc/icon": "^14.0.1-alpha.0", | ||
"@rmwc/ripple": "^14.0.1-alpha.0", | ||
"@rmwc/types": "^14.0.1-alpha.0" | ||
}, | ||
"gitHead": "d9befec0e3b258864b71686eecd16c16feb43cf1" | ||
} |
37911
Updated@rmwc/base@^14.0.1-alpha.0
Updated@rmwc/icon@^14.0.1-alpha.0
Updated@rmwc/ripple@^14.0.1-alpha.0
Updated@rmwc/types@^14.0.1-alpha.0