Socket
Socket
Sign inDemoInstall

@mekari/pixel-avatar

Package Overview
Dependencies
Maintainers
4
Versions
48
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@mekari/pixel-avatar - npm Package Compare versions

Comparing version 0.0.8 to 0.0.9

2

dist/mekari-pixel-avatar.cjs.dev.js

@@ -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) {

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc