@symbo.ls/avatar - npm Package Compare versions

Comparing version 2.11.143 to 2.11.146

index.js

@@ -7,3 +7,3 @@ 'use strict'
 import { InfoSet } from '@symbo.ls/infoset'
-import { CardLabel } from '@symbo.ls/card'
+import { CardLabel } from '@symbo.ls/label'
 
@@ -24,2 +24,37 @@ export const Avatar = {
 
+export const DropDownWithAvatar = {
+  extend: Flex,
+  avatar: { extend: Avatar },
+  list: {
+    childExtend: { tag: 'H6' },
+    ...[{ props: { text: 'eth' } }]
+  },
+  downArrow: {
+    extend: Button,
+    props: { icon: 'arrowDown' }
+  },
+
+  props: {
+    boxSize: 'fit-content fit-content',
+    align: 'center flex-start',
+    padding: 'Y Z',
+    gap: 'Z',
+    round: 'Z',
+    background: 'rgba(28, 28, 31, 1)',
+    avatar: { boxSize: 'A+Y' },
+    list: {
+      childProps: {
+        fontSize: 'Z',
+        textTransform: 'uppercase'
+      }
+    },
+    downArrow: {
+      padding: '0',
+      background: 'transparent',
+      color: 'white',
+      fontSize: 'Y'
+    }
+  }
+}
+
 export const AvatarWithIndicator = {
@@ -26,0 +61,0 @@ avatar: { extend: Avatar },

package.json

 {
   "name": "@symbo.ls/avatar",
-  "version": "2.11.143",
+  "version": "2.11.146",
   "main": "index.js",
   "license": "MIT",
-  "gitHead": "3d7bcc81ae9ee0083a70e6b95f7ecac3b73359ba",
+  "gitHead": "b8899bfbe4ca5e7ed373cd5e2e6612aa330899ed",
   "dependencies": {
@@ -8,0 +8,0 @@ "@symbo.ls/atoms": "latest",

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

7110

increased by10.47%

Lines of code

273

increased by13.75%

No dependency changes