@coffic/cosy-ui 0.8.13 → 0.8.16

package/README.md

@@ -0,0 +1,31 @@
+# Cosy UI
+
+[![English](https://img.shields.io/badge/English-violet)](README.md)
+[![简体中文](https://img.shields.io/badge/中文文档-gray)](docs/README-zh.md)
+[![Release](https://img.shields.io/github/v/release/cofficlab/cosy-ui?style=flat-square&logo=github&color=blue)](https://github.com/yuaotian/go-cursor-help/releases/latest)
+[![DEV](https://img.shields.io/badge/DEV-gray)](README-dev.md)
+[![NPM](https://img.shields.io/badge/NPM-orange)](https://www.npmjs.com/package/@coffic/cosy-ui)
+![NPM Downloads](https://img.shields.io/npm/dm/%40coffic%2Fcosy-ui)
+![NPM Version](https://img.shields.io/npm/v/%40coffic%2Fcosy-ui)
+[![Coffic](https://img.shields.io/badge/Coffic-green)](https://coffic.cn)
+[![Maintainer](https://img.shields.io/badge/Maintainer-blue)](https://github.com/nookery)
+![GitHub License](https://img.shields.io/github/license/cofficlab/cosy-ui)
+
+This is an Astro component library that provides a unified UI style for multiple projects under the same organization.
+
+## Quick Start
+
+Installation
+
+```bash
+npm install @coffic/cosy-ui
+```
+
+Usage in Astro components:
+
+```js
+---
+import { Button } from "@coffic/cosy-ui";
+---
+<Button>Hi</Button>
+```

package/dist/index-vue.ts

@@ -14,10 +14,10 @@ export * from './src-vue/counter-vue/index';
 export * from './src-vue/confirm-dialog-vue/index';
 
 // Buttons
-export * from './src-vue/buttons-vue/index';
+export * from './src-vue/buttons/index';
 
 // Icons
-export * from './src-vue/icons-vue/index';
+export * from './src-vue/icons/index';
 
 // List
 export * from './src-vue/list-vue/index';

package/dist/{vue/buttons-vue → src-vue/buttons}/Button.vue

@@ -1,19 +1,20 @@
 <script setup lang="ts">
 import { computed } from 'vue';
+import '../../style.ts';
 
 interface Props {
   variant?:
-    | 'primary'
-    | 'secondary'
-    | 'accent'
-    | 'info'
-    | 'success'
-    | 'warning'
-    | 'error'
-    | 'ghost'
-    | 'link'
-    | 'outline'
-    | 'neutral';
+  | 'primary'
+  | 'secondary'
+  | 'accent'
+  | 'info'
+  | 'success'
+  | 'warning'
+  | 'error'
+  | 'ghost'
+  | 'link'
+  | 'outline'
+  | 'neutral';
   size?: 'lg' | 'md' | 'sm' | 'xs';
   shape?: 'circle' | 'square';
   wide?: boolean;
@@ -88,14 +89,8 @@ const buttonClasses = computed(() => {
 </script>
 
 <template>
-  <component
-    :is="props.href ? 'a' : 'button'"
-    :class="buttonClasses"
-    :type="props.href ? undefined : props.type"
-    :disabled="props.disabled"
-    :href="props.href"
-    :target="props.target"
-  >
+  <component :is="props.href ? 'a' : 'button'" :class="buttonClasses" :type="props.href ? undefined : props.type"
+    :disabled="props.disabled" :href="props.href" :target="props.target">
     <span class="cosy:flex cosy:items-center cosy:gap-2">
       <slot name="icon-left" />
       <slot />

package/dist/{vue/icons-vue → src-vue/icons}/VueIcon.vue

@@ -28,7 +28,7 @@ import { Icon } from 'cosy-ui';
 -->
 
 <script setup lang="ts">
-import '../../style.ts';
+import '../../style.js';
 import { computed } from 'vue';
 import { iconData } from '../../assets/iconData';
 
@@ -69,18 +69,8 @@ const viewBox = computed(() => {
 </script>
 
 <template>
-  <svg
-    xmlns="http://www.w3.org/2000/svg"
-    :width="size"
-    :height="size"
-    :viewBox="viewBox"
-    fill="none"
-    :stroke="color"
-    stroke-width="2"
-    stroke-linecap="round"
-    stroke-linejoin="round"
-    :class="props.class"
-  >
+  <svg xmlns="http://www.w3.org/2000/svg" :width="size" :height="size" :viewBox="viewBox" fill="none" :stroke="color"
+    stroke-width="2" stroke-linecap="round" stroke-linejoin="round" :class="props.class">
     <path v-if="icon" :d="icon.path" />
   </svg>
 </template>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coffic/cosy-ui",
-  "version": "0.8.13",
+  "version": "0.8.16",
   "description": "An astro component library",
   "author": {
     "name": "nookery",