@hi-ui/avatar - npm Package Compare versions

Comparing version 4.0.0-alpha.6 to 4.0.0-alpha.7

lib/cjs/styles/index.scss.js

@@ -15,3 +15,3 @@ /** @LICENSE
 });
-var css_248z = ".hi-v4-avatar {\n  display: -webkit-inline-box;\n  display: -ms-inline-flexbox;\n  display: inline-flex;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n  vertical-align: middle; }\n  .hi-v4-avatar__initials {\n    text-align: center;\n    background-color: cadetblue;\n    color: #fff; }\n  .hi-v4-avatar--circle .hi-v4-avatar__image,\n  .hi-v4-avatar--circle .hi-v4-avatar__initials {\n    border-radius: 50%;\n    border-radius: var(--hi-v4-global-border-radius-circle, 50%); }\n  .hi-v4-avatar--square .hi-v4-avatar__image,\n  .hi-v4-avatar--square .hi-v4-avatar__initials {\n    border-radius: 4px;\n    border-radius: var(--hi-v4-global-border-radius, 4px); }\n  .hi-v4-avatar--md .hi-v4-avatar__image,\n  .hi-v4-avatar--md .hi-v4-avatar__initials {\n    width: 40px;\n    width: var(--hi-v4-avatar-profile-size-md, 40px);\n    height: 40px;\n    height: var(--hi-v4-avatar-profile-size-md, 40px);\n    line-height: 40px;\n    line-height: var(--hi-v4-avatar-profile-size-md, 40px); }\n  .hi-v4-avatar--sm .hi-v4-avatar__image,\n  .hi-v4-avatar--sm .hi-v4-avatar__initials {\n    width: 32px;\n    width: var(--hi-v4-avatar-profile-size-sm, 32px);\n    height: 32px;\n    height: var(--hi-v4-avatar-profile-size-sm, 32px);\n    line-height: 32px;\n    line-height: var(--hi-v4-avatar-profile-size-md, 32px); }\n  .hi-v4-avatar--xs .hi-v4-avatar__image,\n  .hi-v4-avatar--xs .hi-v4-avatar__initials {\n    width: 24px;\n    width: var(--hi-v4-avatar-profile-size-xs, 24px);\n    height: 24px;\n    height: var(--hi-v4-avatar-profile-size-xs, 24px);\n    line-height: 24px;\n    line-height: var(--hi-v4-avatar-profile-size-md, 24px); }\n  .hi-v4-avatar--lg .hi-v4-avatar__image {\n    width: 80px;\n    width: var(--hi-v4-avatar-profile-size-lg, 80px);\n    height: 80px;\n    height: var(--hi-v4-avatar-profile-size-lg, 80px);\n    line-height: 80px;\n    line-height: var(--hi-v4-avatar-profile-size-md, 80px); }\n  .hi-v4-avatar--xl .hi-v4-avatar__image {\n    width: 140px;\n    width: var(--hi-v4-avatar-profile-size-xl, 140px);\n    height: 140px;\n    height: var(--hi-v4-avatar-profile-size-xl, 140px);\n    line-height: 140px;\n    line-height: var(--hi-v4-avatar-profile-size-md, 140px); }\n";
+var css_248z = "@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n.hi-v4-avatar {\n  display: -webkit-inline-box;\n  display: -ms-inline-flexbox;\n  display: inline-flex;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n  vertical-align: middle; }\n.hi-v4-avatar__initials {\n    text-align: center;\n    background-color: cadetblue;\n    color: #fff; }\n.hi-v4-avatar--circle .hi-v4-avatar__image,\n  .hi-v4-avatar--circle .hi-v4-avatar__initials {\n    border-radius: 50%;\n    border-radius: var(--hi-v4-global-border-radius-circle, 50%); }\n.hi-v4-avatar--square .hi-v4-avatar__image,\n  .hi-v4-avatar--square .hi-v4-avatar__initials {\n    border-radius: 4px;\n    border-radius: var(--hi-v4-global-border-radius, 4px); }\n.hi-v4-avatar--md .hi-v4-avatar__image,\n  .hi-v4-avatar--md .hi-v4-avatar__initials {\n    width: 40px;\n    width: var(--hi-v4-avatar-profile-size-md, 40px);\n    height: 40px;\n    height: var(--hi-v4-avatar-profile-size-md, 40px);\n    line-height: 40px;\n    line-height: var(--hi-v4-avatar-profile-size-md, 40px); }\n.hi-v4-avatar--sm .hi-v4-avatar__image,\n  .hi-v4-avatar--sm .hi-v4-avatar__initials {\n    width: 32px;\n    width: var(--hi-v4-avatar-profile-size-sm, 32px);\n    height: 32px;\n    height: var(--hi-v4-avatar-profile-size-sm, 32px);\n    line-height: 32px;\n    line-height: var(--hi-v4-avatar-profile-size-md, 32px); }\n.hi-v4-avatar--xs .hi-v4-avatar__image,\n  .hi-v4-avatar--xs .hi-v4-avatar__initials {\n    width: 24px;\n    width: var(--hi-v4-avatar-profile-size-xs, 24px);\n    height: 24px;\n    height: var(--hi-v4-avatar-profile-size-xs, 24px);\n    line-height: 24px;\n    line-height: var(--hi-v4-avatar-profile-size-md, 24px); }\n.hi-v4-avatar--lg .hi-v4-avatar__image {\n    width: 80px;\n    width: var(--hi-v4-avatar-profile-size-lg, 80px);\n    height: 80px;\n    height: var(--hi-v4-avatar-profile-size-lg, 80px);\n    line-height: 80px;\n    line-height: var(--hi-v4-avatar-profile-size-md, 80px); }\n.hi-v4-avatar--xl .hi-v4-avatar__image {\n    width: 140px;\n    width: var(--hi-v4-avatar-profile-size-xl, 140px);\n    height: 140px;\n    height: var(--hi-v4-avatar-profile-size-xl, 140px);\n    line-height: 140px;\n    line-height: var(--hi-v4-avatar-profile-size-md, 140px); }\n";
 
@@ -18,0 +18,0 @@ var __styleInject__ = require('style-inject/dist/style-inject.es.js')["default"];

lib/esm/styles/index.scss.js

@@ -10,3 +10,3 @@ /** @LICENSE
  */
-var css_248z = ".hi-v4-avatar {\n  display: -webkit-inline-box;\n  display: -ms-inline-flexbox;\n  display: inline-flex;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n  vertical-align: middle; }\n  .hi-v4-avatar__initials {\n    text-align: center;\n    background-color: cadetblue;\n    color: #fff; }\n  .hi-v4-avatar--circle .hi-v4-avatar__image,\n  .hi-v4-avatar--circle .hi-v4-avatar__initials {\n    border-radius: 50%;\n    border-radius: var(--hi-v4-global-border-radius-circle, 50%); }\n  .hi-v4-avatar--square .hi-v4-avatar__image,\n  .hi-v4-avatar--square .hi-v4-avatar__initials {\n    border-radius: 4px;\n    border-radius: var(--hi-v4-global-border-radius, 4px); }\n  .hi-v4-avatar--md .hi-v4-avatar__image,\n  .hi-v4-avatar--md .hi-v4-avatar__initials {\n    width: 40px;\n    width: var(--hi-v4-avatar-profile-size-md, 40px);\n    height: 40px;\n    height: var(--hi-v4-avatar-profile-size-md, 40px);\n    line-height: 40px;\n    line-height: var(--hi-v4-avatar-profile-size-md, 40px); }\n  .hi-v4-avatar--sm .hi-v4-avatar__image,\n  .hi-v4-avatar--sm .hi-v4-avatar__initials {\n    width: 32px;\n    width: var(--hi-v4-avatar-profile-size-sm, 32px);\n    height: 32px;\n    height: var(--hi-v4-avatar-profile-size-sm, 32px);\n    line-height: 32px;\n    line-height: var(--hi-v4-avatar-profile-size-md, 32px); }\n  .hi-v4-avatar--xs .hi-v4-avatar__image,\n  .hi-v4-avatar--xs .hi-v4-avatar__initials {\n    width: 24px;\n    width: var(--hi-v4-avatar-profile-size-xs, 24px);\n    height: 24px;\n    height: var(--hi-v4-avatar-profile-size-xs, 24px);\n    line-height: 24px;\n    line-height: var(--hi-v4-avatar-profile-size-md, 24px); }\n  .hi-v4-avatar--lg .hi-v4-avatar__image {\n    width: 80px;\n    width: var(--hi-v4-avatar-profile-size-lg, 80px);\n    height: 80px;\n    height: var(--hi-v4-avatar-profile-size-lg, 80px);\n    line-height: 80px;\n    line-height: var(--hi-v4-avatar-profile-size-md, 80px); }\n  .hi-v4-avatar--xl .hi-v4-avatar__image {\n    width: 140px;\n    width: var(--hi-v4-avatar-profile-size-xl, 140px);\n    height: 140px;\n    height: var(--hi-v4-avatar-profile-size-xl, 140px);\n    line-height: 140px;\n    line-height: var(--hi-v4-avatar-profile-size-md, 140px); }\n";
+var css_248z = "@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n.hi-v4-avatar {\n  display: -webkit-inline-box;\n  display: -ms-inline-flexbox;\n  display: inline-flex;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n  vertical-align: middle; }\n.hi-v4-avatar__initials {\n    text-align: center;\n    background-color: cadetblue;\n    color: #fff; }\n.hi-v4-avatar--circle .hi-v4-avatar__image,\n  .hi-v4-avatar--circle .hi-v4-avatar__initials {\n    border-radius: 50%;\n    border-radius: var(--hi-v4-global-border-radius-circle, 50%); }\n.hi-v4-avatar--square .hi-v4-avatar__image,\n  .hi-v4-avatar--square .hi-v4-avatar__initials {\n    border-radius: 4px;\n    border-radius: var(--hi-v4-global-border-radius, 4px); }\n.hi-v4-avatar--md .hi-v4-avatar__image,\n  .hi-v4-avatar--md .hi-v4-avatar__initials {\n    width: 40px;\n    width: var(--hi-v4-avatar-profile-size-md, 40px);\n    height: 40px;\n    height: var(--hi-v4-avatar-profile-size-md, 40px);\n    line-height: 40px;\n    line-height: var(--hi-v4-avatar-profile-size-md, 40px); }\n.hi-v4-avatar--sm .hi-v4-avatar__image,\n  .hi-v4-avatar--sm .hi-v4-avatar__initials {\n    width: 32px;\n    width: var(--hi-v4-avatar-profile-size-sm, 32px);\n    height: 32px;\n    height: var(--hi-v4-avatar-profile-size-sm, 32px);\n    line-height: 32px;\n    line-height: var(--hi-v4-avatar-profile-size-md, 32px); }\n.hi-v4-avatar--xs .hi-v4-avatar__image,\n  .hi-v4-avatar--xs .hi-v4-avatar__initials {\n    width: 24px;\n    width: var(--hi-v4-avatar-profile-size-xs, 24px);\n    height: 24px;\n    height: var(--hi-v4-avatar-profile-size-xs, 24px);\n    line-height: 24px;\n    line-height: var(--hi-v4-avatar-profile-size-md, 24px); }\n.hi-v4-avatar--lg .hi-v4-avatar__image {\n    width: 80px;\n    width: var(--hi-v4-avatar-profile-size-lg, 80px);\n    height: 80px;\n    height: var(--hi-v4-avatar-profile-size-lg, 80px);\n    line-height: 80px;\n    line-height: var(--hi-v4-avatar-profile-size-md, 80px); }\n.hi-v4-avatar--xl .hi-v4-avatar__image {\n    width: 140px;\n    width: var(--hi-v4-avatar-profile-size-xl, 140px);\n    height: 140px;\n    height: var(--hi-v4-avatar-profile-size-xl, 140px);\n    line-height: 140px;\n    line-height: var(--hi-v4-avatar-profile-size-md, 140px); }\n";
 
@@ -13,0 +13,0 @@ var __styleInject__ = require('style-inject/dist/style-inject.es.js')["default"];

package.json

 {
   "name": "@hi-ui/avatar",
-  "version": "4.0.0-alpha.6",
+  "version": "4.0.0-alpha.7",
   "description": "A sub-package for @hi-ui/hiui.",
@@ -46,4 +46,4 @@ "keywords": [],
   "dependencies": {
-    "@hi-ui/classname": "^4.0.0-alpha.1",
-    "@hi-ui/core-css": "^4.0.0-alpha.1",
+    "@hi-ui/classname": "^4.0.0-alpha.2",
+    "@hi-ui/core-css": "^4.0.0-alpha.2",
     "@hi-ui/env": "^4.0.0-alpha.3"
@@ -60,3 +60,3 @@ },
   },
-  "gitHead": "dd5e5cb7136a263b75eecb08a2f2e7ff3a854bbc"
+  "gitHead": "7db70603cd22ccff99d07bda763038d5e668f523"
 }

New alerts

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Fixed alerts

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

17538

increased by5.21%

Lines of code

225

increased by1.81%

Dependency changes

• Updated@hi-ui/classname@^4.0.0-alpha.2

• Updated@hi-ui/core-css@^4.0.0-alpha.2