@devprotocol/hashi - npm Package Compare versions

Comparing version 0.2.0 to 1.0.0-alpha

package.json

 {
   "name": "@devprotocol/hashi",
-  "version": "0.2.0",
+  "version": "1.0.0-alpha",
   "description": "Dev Protocol's design system implementation for the web.",
@@ -11,4 +11,4 @@ "main": "tailwind/index.js",
   "dependencies": {
-    "@matteusan/sentro": "0.1.20"
+    "@matteusan/sentro": "0.1.21"
   }
 }

README.md

 # Hashi・橋
 
-![img.png](../media/img.png)
+![img.png](../media/hashi-cover.png)
 
@@ -5,0 +5,0 @@ - **[EN]**: Dev Protocol's design system implementation for the web.

tailwind/index.js

@@ -23,3 +23,5 @@ /*
 
-import { hsColorTokens } from "./_colors";
+import { hsColorTokens } from "./values/colors";
+import { hsShapeRadius, hsShapeSpacing, hsShapePadding, hsShapeMargin, hsShapeGap, hsShapeBorderWidth } from './values/shapes';
+import { hsTypographyFamily, hsTypographyLineHeight, hsTypographySize, hsTypographyWeight } from "./values/typography";
 
@@ -33,147 +35,32 @@ module.exports = {
     },
-    colors: {
-      hsColorTokens
-    },
+    colors: hsColorTokens,
     // rounded-[]
-    borderRadius: {
-      'none': 'var(--hs-theme-radius-none)',
-      'xs': 'var(--hs-theme-radius-xs)',
-      'sm': 'var(--hs-theme-radius-sm)',
-      'md': 'var(--hs-theme-radius-md)',
-      'lg': 'var(--hs-theme-radius-lg)',
-      'xl': 'var(--hs-theme-radius-xl)',
-      'pill': 'var(--hs-theme-radius-pill)',
-    },
+    borderRadius: hsShapeRadius,
     // border-[]
-    borderWidth: {
-      DEFAULT: '1px',
-      0: 'none',
-      1: '1px',
-      2: '2px',
-      3: '4px',
-      4: '6px',
-      5: '8px'
-    },
+    borderWidth: hsShapeBorderWidth,
     // gap-[]
-    gap: {
-      0: 'var(--hs-theme-space-none)',
-      1: 'var(--hs-theme-space-xs)',
-      2: 'var(--hs-theme-space-sm)',
-      3: 'var(--hs-theme-space-md)',
-      4: 'var(--hs-theme-space-lg)',
-      5: 'var(--hs-theme-space-xl)',
-      'pill': 'var(--hs-theme-space-pill)',
-    },
+    gap: hsShapeGap,
     // m[]-[]
-    margin: {
-      0: 'var(--hs-theme-margin-none)',
-      1: 'var(--hs-theme-margin-xs)',
-      2: 'var(--hs-theme-margin-sm)',
-      3: 'var(--hs-theme-margin-md)',
-      4: 'var(--hs-theme-margin-lg)',
-      5: 'var(--hs-theme-margin-xl)',
-      'pill': 'var(--hs-theme-margin-pill)',
-    },
+    margin: hsShapeMargin,
     // p[]-[]
-    padding: {
-      0: 'var(--hs-theme-padding-none)',
-      1: 'var(--hs-theme-padding-xs)',
-      2: 'var(--hs-theme-padding-sm)',
-      3: 'var(--hs-theme-padding-md)',
-      4: 'var(--hs-theme-padding-lg)',
-      5: 'var(--hs-theme-padding-xl)',
-      'pill': 'var(--hs-theme-padding-pill)',
-    },
+    padding: hsShapePadding,
     // outline-[]
-    outlineWidth: {
-      DEFAULT: '1px',
-      0: 'none',
-      1: '1px',
-      2: '2px',
-      3: '4px',
-      4: '6px',
-      5: '8px'
-    },
+    outlineWidth: hsShapeBorderWidth,
     // outline-offset-[]
-    outlineOffset: {
-      0: 'var(--hs-theme-space-none)',
-      1: 'var(--hs-theme-space-xs)',
-      2: 'var(--hs-theme-space-sm)',
-      3: 'var(--hs-theme-space-md)',
-      4: 'var(--hs-theme-space-lg)',
-      5: 'var(--hs-theme-space-xl)',
-      'pill': 'var(--hs-theme-space-pill)',
-    },
+    outlineOffset: hsShapeSpacing,
     // ring-offset-[]
-    ringOffsetWidth: {
-      0: 'var(--hs-theme-space-none)',
-      1: 'var(--hs-theme-space-xs)',
-      2: 'var(--hs-theme-space-sm)',
-      3: 'var(--hs-theme-space-md)',
-      4: 'var(--hs-theme-space-lg)',
-      5: 'var(--hs-theme-space-xl)',
-      'pill': 'var(--hs-theme-space-pill)',
-    },
+    ringOffsetWidth: hsShapeSpacing,
     // ring-[]
-    ringWidth: {
-      DEFAULT: '1px',
-      0: 'none',
-      1: '1px',
-      2: '2px',
-      3: '4px',
-      4: '6px',
-      5: '8px'
-    },
+    ringWidth: hsShapeBorderWidth,
     // space-[]-[]
-    spacing: {
-      0: 'var(--hs-theme-space-none)',
-      1: 'var(--hs-theme-space-xs)',
-      2: 'var(--hs-theme-space-sm)',
-      3: 'var(--hs-theme-space-md)',
-      4: 'var(--hs-theme-space-lg)',
-      5: 'var(--hs-theme-space-xl)',
-      'pill': 'var(--hs-theme-space-pill)',
-    },
+    spacing: hsShapeSpacing,
     // font
-    fontFamily: {
-      'normal': 'var(--hs-theme-family-global)',
-      'title': 'var(--hs-theme-family-header)',
-      'body': 'var(--hs-theme-family-body)',
-      'mono': 'var(--hs-theme-family-code)',
-      'action': 'var(--hs-theme-family-action)',
-    },
+    fontFamily: hsTypographyFamily,
     // text-[]
-    fontSize: {
-      'title': 'var(--hs-theme-size-h1)',
-      'title-sm': 'var(--hs-theme-size-h2)',
-      'subtitle': 'var(--hs-theme-size-h3)',
-      'subtitle-sm': 'var(--hs-theme-size-h4)',
-      'normal': 'var(--hs-theme-size-body)',
-      'icon': 'var(--hs-theme-size-icon)',
-      'action': 'var(--hs-theme-size-action)',
-      'small': 'var(--hs-theme-size-small)',
-    },
+    fontSize: hsTypographySize,
     // font-[]
-    fontWeight: {
-      'extrabold': 'var(--hs-theme-weight-h1)',
-      'bold': 'var(--hs-theme-weight-h2)',
-      'semibold': 'var(--hs-theme-weight-h3)',
-      'medium': 'var(--hs-theme-weight-h4)',
-      'normal': 'var(--hs-theme-weight-body)',
-      'icon': 'var(--hs-theme-weight-icon)',
-      'action': 'var(--hs-theme-weight-action)',
-      'light': 'var(--hs-theme-weight-small)',
-    },
+    fontWeight: hsTypographyWeight,
     // leading-[]
-    lineHeight: {
-      8: 'var(--hs-theme-line-height-h1)',
-      6: 'var(--hs-theme-line-height-h2)',
-      4: 'var(--hs-theme-line-height-h3)',
-      2: 'var(--hs-theme-line-height-h4)',
-      'normal': 'var(--hs-theme-line-height-body)',
-      'icon': 'var(--hs-theme-line-height-icon)',
-      'action': 'var(--hs-theme-line-height-action)',
-      'small': 'var(--hs-theme-line-height-small)',
-    },
+    lineHeight: hsTypographyLineHeight,
   },
 }

New alerts

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Worsened metrics

Total package byte prevSize

247823

decreased by-20.31%

Number of package files

61

decreased by-8.96%

Lines of code

278

decreased by-90.21%

Number of medium supply chain risk alerts

1

increased byInfinity%

Dependency changes

• + Added@matteusan/sentro@0.1.21(transitive)

• - Removed@matteusan/sentro@0.1.20(transitive)

• Updated@matteusan/sentro@0.1.21