@mekari/pixel-avatar
Advanced tools
Comparing version 0.0.8 to 0.0.9
@@ -195,3 +195,3 @@ 'use strict'; | ||
type: Boolean, | ||
default: true | ||
default: false | ||
}, | ||
@@ -198,0 +198,0 @@ name: [String, Array], |
@@ -195,3 +195,3 @@ 'use strict'; | ||
type: Boolean, | ||
default: true | ||
default: false | ||
}, | ||
@@ -198,0 +198,0 @@ name: [String, Array], |
@@ -191,3 +191,3 @@ import { isDarkColor, __get, createStyledAttrsMixin, canUseDOM, forwardProps } from '@mekari/pixel-utils'; | ||
type: Boolean, | ||
default: true | ||
default: false | ||
}, | ||
@@ -194,0 +194,0 @@ name: [String, Array], |
{ | ||
"name": "@mekari/pixel-avatar", | ||
"version": "0.0.8", | ||
"version": "0.0.9", | ||
"description": "Mekari Pixel | Avatar component", | ||
@@ -5,0 +5,0 @@ "homepage": "https://mekari.design/", |
@@ -22,3 +22,3 @@ import { canUseDOM, createStyledAttrsMixin } from '@mekari/pixel-utils' | ||
computed: { | ||
componentStyles () { | ||
componentStyles() { | ||
const borderColorStyle = { light: 'white', dark: 'gray.800' } | ||
@@ -41,3 +41,3 @@ return { | ||
}, | ||
render (h) { | ||
render(h) { | ||
return h('div', { | ||
@@ -59,3 +59,3 @@ class: this.className, | ||
computed: { | ||
componentStyles () { | ||
componentStyles() { | ||
return { | ||
@@ -70,3 +70,3 @@ w: this.size, | ||
}, | ||
render (h) { | ||
render(h) { | ||
return h('div', { | ||
@@ -89,3 +89,3 @@ class: this.className, | ||
}, | ||
render (h, context) { | ||
render(h, context) { | ||
const { props, data } = context | ||
@@ -129,3 +129,3 @@ const { attrs, domProps } = data | ||
type: Boolean, | ||
default: true | ||
default: false | ||
}, | ||
@@ -136,3 +136,3 @@ name: [String, Array], | ||
}, | ||
data () { | ||
data() { | ||
return { | ||
@@ -144,3 +144,3 @@ image: undefined, | ||
computed: { | ||
componentStyles () { | ||
componentStyles() { | ||
const styles = useAvatarStyles({ | ||
@@ -166,3 +166,3 @@ size: this.size, | ||
}, | ||
lineHeight () { | ||
lineHeight() { | ||
const sizeKey = avatarSizes[this.size] | ||
@@ -172,7 +172,7 @@ const lineHeight = this.theme.sizes[sizeKey] | ||
}, | ||
fontSize () { | ||
fontSize() { | ||
return `calc(${this.lineHeight} / 2.5)` | ||
} | ||
}, | ||
created () { | ||
created() { | ||
if (process.browser) { | ||
@@ -183,3 +183,3 @@ this.loadImage(this.src) | ||
methods: { | ||
loadImage (src) { | ||
loadImage(src) { | ||
if (!canUseDOM) { | ||
@@ -202,3 +202,3 @@ return | ||
}, | ||
render (h) { | ||
render(h) { | ||
const renderChildren = () => { | ||
@@ -205,0 +205,0 @@ if (this.src && this.hasLoaded) { |
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
41764