becool-ui - npm Package Compare versions

Comparing version 0.0.10 to 0.0.11

components/button/index.js

@@ -10,2 +10,2 @@ import BcButton from './index.vue'
 export { BcButton }
-export default InstallButton
+export default InstallButton

components/switch/index.js

@@ -5,3 +5,3 @@ import BcSwitch from './index.vue'
   install (Vue) {
-    Vue.component('bc-Switch', BcSwitch)
+    Vue.component('bc-switch', BcSwitch)
   }
@@ -8,0 +8,0 @@ }

index.js

 import './styles/global.css'
 
 export * from './components/button'
+export * from './components/confirm-delete-dialog'
+export * from './components/confirm-dialog'
+export * from './components/dialog'
+export * from './components/form'
+export * from './components/form-item'
+export * from './components/input'
+export * from './components/input-number'
+export * from './components/list-item'
 export * from './components/switch'
 export * from './components/table'
 export * from './components/tag'
-
+export * from './components/textarea'

package.json

 {
   "name": "becool-ui",
-  "version": "0.0.10",
+  "version": "0.0.11",
   "dependencies": {
+    "autosize": "^6.0.1",
     "dayjs": "^1.11.9",
-    "remixicon": "^3.4.0"
+    "lodash": "^4.17.21",
+    "remixicon": "^3.4.0",
+    "tailwind-merge": "^1.14.0",
+    "tailwind-variants": "^0.1.14",
+    "zod": "^3.21.4"
   },
@@ -21,3 +26,6 @@ "scripts": {
     }
+  },
+  "devDependencies": {
+    "tailwind": "^4.0.0"
   }
 }

tailwind.config.js

 /** @type {import('tailwindcss').Config} */
 module.exports = {
-  content: [
-    "./src/components/**/*.{js,vue,ts}"
-  ],
+  content: ['./components/**/*.{js,vue,ts}'],
   theme: {
-    fontSize: {
-      'xs-regular': ['12px', {
-        lineHeight: '18px',
-        fontWeight: '400',
-      }],
-      'xs-medium': ['12px', {
-        lineHeight: '18px',
-        fontWeight: '500',
-      }],
-      'xs-semibold': ['12px', {
-        lineHeight: '18px',
-        fontWeight: '600',
-      }],
-      'xs-bold': ['12px', {
-        lineHeight: '18px',
-        fontWeight: '700',
-      }],
-      'sm-regular': ['14px', {
-        lineHeight: '20px',
-        fontWeight: '400',
-      }],
-      'sm-medium': ['14px', {
-        lineHeight: '20px',
-        fontWeight: '500',
-      }],
-      'sm-semibold': ['14px', {
-        lineHeight: '20px',
-        fontWeight: '600',
-      }],
-      'sm-bold': ['14px', {
-        lineHeight: '20px',
-        fontWeight: '700',
-      }],
-      'md-regular': ['16px', {
-        lineHeight: '24px',
-        fontWeight: '400',
-      }],
-      'md-medium': ['16px', {
-        lineHeight: '24px',
-        fontWeight: '500',
-      }],
-      'md-semibold': ['16px', {
-        lineHeight: '24px',
-        fontWeight: '600',
-      }],
-      'md-bold': ['16px', {
-        lineHeight: '24px',
-        fontWeight: '700',
-      }],
-      'lg-regular': ['18px', {
-        lineHeight: '28px',
-        fontWeight: '400',
-      }],
-      'lg-medium': ['18px', {
-        lineHeight: '28px',
-        fontWeight: '500',
-      }],
-      'lg-semibold': ['18px', {
-        lineHeight: '28px',
-        fontWeight: '600',
-      }],
-      'lg-bold': ['18px', {
-        lineHeight: '28px',
-        fontWeight: '700',
-      }],
-      'xl-regular': ['20px', {
-        lineHeight: '30px',
-        fontWeight: '400',
-      }],
-      'xl-medium': ['20px', {
-        lineHeight: '30px',
-        fontWeight: '500',
-      }],
-      'xl-semibold': ['20px', {
-        lineHeight: '30px',
-        fontWeight: '600',
-      }],
-      'xl-bold': ['20px', {
-        lineHeight: '30px',
-        fontWeight: '700',
-      }],
-      'display-xs-regular': ['24px', {
-        lineHeight: '32px',
-        fontWeight: '400',
-      }],
-      'display-xs-medium': ['24px', {
-        lineHeight: '32px',
-        fontWeight: '500',
-      }],
-      'display-xs-semibold': ['24px', {
-        lineHeight: '32px',
-        fontWeight: '600',
-      }],
-      'display-xs-bold': ['24px', {
-        lineHeight: '32px',
-        fontWeight: '700',
-      }],
-      'display-sm-regular': ['30px', {
-        lineHeight: '38px',
-        fontWeight: '400',
-      }],
-      'display-sm-medium': ['30px', {
-        lineHeight: '38px',
-        fontWeight: '500',
-      }],
-      'display-sm-semibold': ['30px', {
-        lineHeight: '38px',
-        fontWeight: '600',
-      }],
-      'display-sm-bold': ['30px', {
-        lineHeight: '38px',
-        fontWeight: '700',
-      }],
-      'display-md-regular': ['36px', {
-        lineHeight: '44px',
-        fontWeight: '400',
-      }],
-      'display-md-medium': ['36px', {
-        lineHeight: '44px',
-        fontWeight: '500',
-      }],
-      'display-md-semibold': ['36px', {
-        lineHeight: '44px',
-        fontWeight: '600',
-      }],
-      'display-md-bold': ['36px', {
-        lineHeight: '44px',
-        fontWeight: '700',
-      }],
-      'display-lg-regular': ['48px', {
-        lineHeight: '60px',
-        fontWeight: '400',
-      }],
-      'display-lg-medium': ['48px', {
-        lineHeight: '60px',
-        fontWeight: '500',
-      }],
-      'display-lg-semibold': ['48px', {
-        lineHeight: '60px',
-        fontWeight: '600',
-      }],
-      'display-lg-bold': ['48px', {
-        lineHeight: '60px',
-        fontWeight: '700',
-      }],
-      'display-xl-regular': ['60px', {
-        lineHeight: '72px',
-        fontWeight: '400',
-      }],
-      'display-xl-medium': ['60px', {
-        lineHeight: '72px',
-        fontWeight: '500',
-      }],
-      'display-xl-semibold': ['60px', {
-        lineHeight: '72px',
-        fontWeight: '600',
-      }],
-      'display-xl-bold': ['60px', {
-        lineHeight: '72px',
-        fontWeight: '700',
-      }],
-      'display-2xl-regular': ['72px', {
-        lineHeight: '90px',
-        fontWeight: '400',
-      }],
-      'display-2xl-medium': ['72px', {
-        lineHeight: '90px',
-        fontWeight: '500',
-      }],
-      'display-2xl-semibold': ['72px', {
-        lineHeight: '90px',
-        fontWeight: '600',
-      }],
-      'display-2xl-bold': ['72px', {
-        lineHeight: '90px',
-        fontWeight: '700',
-      }]
-    },
     extend: {
@@ -219,22 +39,201 @@ colors: {
       backgroundColor: {
-        p: 'var(--bc-bg-color-primary)'
+        strong: 'var(--bc-bg-color-strong)',
+        normal: 'var(--bc-bg-color-normal)',
+        subtle: 'var(--bc-bg-color-subtle)'
       },
       borderColor: {
-        p: 'var(--bc-border-color-primary)',
-        s: 'var(--bc-border-color-secondary)',
+        strong: 'var(--bc-border-color-strong)',
+        normal: 'var(--bc-border-color-normal)',
+        subtle: 'var(--bc-border-color-subtle)'
       },
       borderRadius: {
-        base: 'var(--bc-border-radius-base)',
-        large: 'var(--bc-border-radius-large)',
-        small: 'var(--bc-border-radius-small)',
+        base: 'var(--bc-border-radius)'
       },
+      fontSize: {
+        'xs-regular': ['12px', {
+          lineHeight: '18px',
+          fontWeight: '400'
+        }],
+        'xs-medium': ['12px', {
+          lineHeight: '18px',
+          fontWeight: '500'
+        }],
+        'xs-semibold': ['12px', {
+          lineHeight: '18px',
+          fontWeight: '600'
+        }],
+        'xs-bold': ['12px', {
+          lineHeight: '18px',
+          fontWeight: '700'
+        }],
+        'sm-regular': ['14px', {
+          lineHeight: '20px',
+          fontWeight: '400'
+        }],
+        'sm-medium': ['14px', {
+          lineHeight: '20px',
+          fontWeight: '500'
+        }],
+        'sm-semibold': ['14px', {
+          lineHeight: '20px',
+          fontWeight: '600'
+        }],
+        'sm-bold': ['14px', {
+          lineHeight: '20px',
+          fontWeight: '700'
+        }],
+        'md-regular': ['16px', {
+          lineHeight: '24px',
+          fontWeight: '400'
+        }],
+        'md-medium': ['16px', {
+          lineHeight: '24px',
+          fontWeight: '500'
+        }],
+        'md-semibold': ['16px', {
+          lineHeight: '24px',
+          fontWeight: '600'
+        }],
+        'md-bold': ['16px', {
+          lineHeight: '24px',
+          fontWeight: '700'
+        }],
+        'lg-regular': ['18px', {
+          lineHeight: '28px',
+          fontWeight: '400'
+        }],
+        'lg-medium': ['18px', {
+          lineHeight: '28px',
+          fontWeight: '500'
+        }],
+        'lg-semibold': ['18px', {
+          lineHeight: '28px',
+          fontWeight: '600'
+        }],
+        'lg-bold': ['18px', {
+          lineHeight: '28px',
+          fontWeight: '700'
+        }],
+        'xl-regular': ['20px', {
+          lineHeight: '30px',
+          fontWeight: '400'
+        }],
+        'xl-medium': ['20px', {
+          lineHeight: '30px',
+          fontWeight: '500'
+        }],
+        'xl-semibold': ['20px', {
+          lineHeight: '30px',
+          fontWeight: '600'
+        }],
+        'xl-bold': ['20px', {
+          lineHeight: '30px',
+          fontWeight: '700'
+        }],
+        'display-xs-regular': ['24px', {
+          lineHeight: '32px',
+          fontWeight: '400'
+        }],
+        'display-xs-medium': ['24px', {
+          lineHeight: '32px',
+          fontWeight: '500'
+        }],
+        'display-xs-semibold': ['24px', {
+          lineHeight: '32px',
+          fontWeight: '600'
+        }],
+        'display-xs-bold': ['24px', {
+          lineHeight: '32px',
+          fontWeight: '700'
+        }],
+        'display-sm-regular': ['30px', {
+          lineHeight: '38px',
+          fontWeight: '400'
+        }],
+        'display-sm-medium': ['30px', {
+          lineHeight: '38px',
+          fontWeight: '500'
+        }],
+        'display-sm-semibold': ['30px', {
+          lineHeight: '38px',
+          fontWeight: '600'
+        }],
+        'display-sm-bold': ['30px', {
+          lineHeight: '38px',
+          fontWeight: '700'
+        }],
+        'display-md-regular': ['36px', {
+          lineHeight: '44px',
+          fontWeight: '400'
+        }],
+        'display-md-medium': ['36px', {
+          lineHeight: '44px',
+          fontWeight: '500'
+        }],
+        'display-md-semibold': ['36px', {
+          lineHeight: '44px',
+          fontWeight: '600'
+        }],
+        'display-md-bold': ['36px', {
+          lineHeight: '44px',
+          fontWeight: '700'
+        }],
+        'display-lg-regular': ['48px', {
+          lineHeight: '60px',
+          fontWeight: '400'
+        }],
+        'display-lg-medium': ['48px', {
+          lineHeight: '60px',
+          fontWeight: '500'
+        }],
+        'display-lg-semibold': ['48px', {
+          lineHeight: '60px',
+          fontWeight: '600'
+        }],
+        'display-lg-bold': ['48px', {
+          lineHeight: '60px',
+          fontWeight: '700'
+        }],
+        'display-xl-regular': ['60px', {
+          lineHeight: '72px',
+          fontWeight: '400'
+        }],
+        'display-xl-medium': ['60px', {
+          lineHeight: '72px',
+          fontWeight: '500'
+        }],
+        'display-xl-semibold': ['60px', {
+          lineHeight: '72px',
+          fontWeight: '600'
+        }],
+        'display-xl-bold': ['60px', {
+          lineHeight: '72px',
+          fontWeight: '700'
+        }],
+        'display-2xl-regular': ['72px', {
+          lineHeight: '90px',
+          fontWeight: '400'
+        }],
+        'display-2xl-medium': ['72px', {
+          lineHeight: '90px',
+          fontWeight: '500'
+        }],
+        'display-2xl-semibold': ['72px', {
+          lineHeight: '90px',
+          fontWeight: '600'
+        }],
+        'display-2xl-bold': ['72px', {
+          lineHeight: '90px',
+          fontWeight: '700'
+        }]
+      },
       textColor: {
-        p: 'var(--bc-text-color-primary)',
-        s: 'var(--bc-text-color-secondary)',
-        t: 'var(--bc-text-color-tertiary)',
+        strong: 'var(--bc-text-color-strong)',
+        moderate: 'var(--bc-text-color-moderate)',
+        soft: 'var(--bc-text-color-soft)',
+        subtle: 'var(--bc-text-color-subtle)'
       }
-    },
+    }
   },
-  plugins: [],
+  plugins: []
 }
-

vite.config.js

@@ -1,17 +0,15 @@
-import { defineConfig } from "vite";
+import { resolve } from 'path'
 import vue from '@vitejs/plugin-vue'
-import { resolve } from "path"
+import tailwindcss from 'tailwindcss'
 import nesting from 'tailwindcss/nesting'
-import tailwindcss from 'tailwindcss'
+import { defineConfig } from 'vite'
 
-const globalCSS = resolve("./styles/global.css")
+const globalCSS = resolve('./styles/global.css')
 
 export default defineConfig({
-  plugins: [
-    vue()
-  ],
+  plugins: [vue()],
   resolve: {
     alias: {
-      '@': resolve(__dirname, './'),
-    },
+      '@': resolve(__dirname, './')
+    }
   },
@@ -27,4 +25,4 @@ build: {
         globals: {
-          vue: 'Vue',
-        },
+          vue: 'Vue'
+        }
       }
@@ -35,8 +33,5 @@ }
     postcss: {
-      plugins: [
-        nesting,
-        tailwindcss
-      ]
+      plugins: [nesting, tailwindcss]
     }
   }
-})
+})

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

Uses eval

Supply chain risk

Package uses dynamic code execution (e.g., eval()), which is a dangerous practice. This can prevent the code from running in certain environments and increases the risk that the code may contain exploits or malicious behavior.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

5811437

increased by9.66%

Number of package files

37

increased by117.65%

Lines of code

12860

increased by546.88%

Worsened metrics

Dependency count

7

increased by250%

Dev dependency count

1

increased byInfinity%

Number of medium supply chain risk alerts

3

increased byInfinity%

Dependency changes

• + Addedautosize@^6.0.1

• + Addedlodash@^4.17.21

• + Addedtailwind-merge@^1.14.0

• + Addedtailwind-variants@^0.1.14

• + Addedzod@^3.21.4

• + Addedautosize@6.0.1(transitive)

• + Addedlodash@4.17.21(transitive)

• + Addedtailwind-merge@1.14.0(transitive)

• + Addedtailwind-variants@0.1.20(transitive)

• + Addedtailwindcss@4.0.8(transitive)

• + Addedzod@3.24.2(transitive)