@symbo.ls/card - npm Package Compare versions

Comparing version 2.11.136 to 2.11.137

index.js

 'use strict'
 
-export const Card = {}
+import { Flex } from '@symbo.ls/atoms'
+import { InfoSet } from '../InfoSet'
+import { Icon } from '../Icon'
+
+export const CardLabel = {
+  props: {
+    text: '-2.902x',
+    fontSize: 'Y',
+    background: '#F4454E',
+    boxSize: 'fit-content fit-content',
+    padding: 'W Y',
+    round: 'Y'
+  }
+}
+
+export const Card = {
+  extend: InfoSet,
+
+  heading: {
+    title: { props: { text: 'Total crypto assets' } },
+    icon: { extend: Icon, props: { name: 'arrowUpRight' } }
+  },
+  content: {
+    extend: Flex,
+    amount: { props: { text: '$ 12,759' } },
+    percent: {
+      extend: CardLabel,
+      props: { text: '+ 8.8%' }
+    }
+  },
+  footer: {
+    subTitle: {
+      extend: Flex,
+      caption: { props: { text: 'Last update:' } },
+      span: { props: { text: 'an hour ago' } }
+    }
+  },
+
+  props: {
+    minWidth: 'G',
+    maxWidth: 'G',
+    padding: 'A',
+    round: 'Z+V',
+    gap: 'Y',
+    style: { background: 'linear-gradient(to right, rgba(4, 116, 242, 1), rgba(0, 48, 103, 1))' },
+    childProps: {
+      alignItems: 'center',
+
+      title: { fontWeight: '700' },
+      icon: { fontSize: 'C', color: '#A3A3A8' },
+      amount: { fontSize: `${24 / 16}em`, fontWeight: '700' },
+      percent: { padding: 'Y Z', background: '#04040466' },
+      subTitle: {
+        gap: 'Y',
+        caption: { color: 'rgba(224, 224, 226, 1)' },
+        span: { color: 'rgba(233, 233, 234, 1)' }
+      }
+    },
+
+    heading: { justifyContent: 'space-between' },
+    content: { gap: 'Y' }
+  }
+
+}

package.json

 {
   "name": "@symbo.ls/card",
-  "version": "2.11.136",
+  "version": "2.11.137",
   "main": "index.js",
   "license": "MIT",
-  "gitHead": "cd2d2fe78dfabf830770c304d16552f39f1136a4",
+  "gitHead": "5045b599466b123739117f17f1585deb008d7622",
   "source": "index.js"
 }

New alerts

New author

Supply chain risk

A new npm collaborator published a version of the package for the first time. New collaborators are usually benign additions to a project, but do indicate a change to the security surface area of a package.

Found 1 instance in 1 package

Fixed alerts

Non-existent author

Supply chain risk

The package was published by an npm account that no longer exists.

Found 1 instance in 1 package

Trivial Package

Supply chain risk

Packages less than 10 lines of code are easily copied into your own project and may not warrant the additional supply chain risk of an external dependency.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

1673

increased by30.6%

Lines of code

58

increased by2800%

Number of high supply chain risk alerts

0

decreased by-100%

Worsened metrics

Number of package files

2

decreased by-33.33%

No dependency changes