@proj-airi/ui 0.8.0-alpha.8 → 0.8.0-beta.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@proj-airi/ui",
3
3
  "type": "module",
4
- "version": "0.8.0-alpha.8",
4
+ "version": "0.8.0-beta.2",
5
5
  "description": "A collection of UI components that used by Project AIRI",
6
6
  "author": {
7
7
  "name": "Moeru AI Project AIRI Team",
@@ -21,14 +21,14 @@
21
21
  "./*": "./*"
22
22
  },
23
23
  "dependencies": {
24
- "@vueuse/core": "^14.0.0",
24
+ "@vueuse/core": "^14.1.0",
25
25
  "floating-vue": "^5.2.2",
26
- "reka-ui": "^2.6.0",
27
- "vue": "^3.5.24"
26
+ "reka-ui": "^2.6.1",
27
+ "vue": "^3.5.25"
28
28
  },
29
29
  "devDependencies": {
30
30
  "@vue-macros/volar": "3.0.0-beta.8",
31
- "vue-tsc": "^3.1.4"
31
+ "vue-tsc": "^3.1.8"
32
32
  },
33
33
  "scripts": {
34
34
  "typecheck": "vue-tsc --noEmit"
@@ -82,7 +82,7 @@ function toDisplayValue(value: T): string {
82
82
 
83
83
  <template
84
84
  v-for="(group, index) in options"
85
- :key="group.name"
85
+ :key="group.groupLabel"
86
86
  >
87
87
  <ComboboxGroup :class="['overflow-x-hidden']">
88
88
  <ComboboxSeparator
@@ -3,7 +3,7 @@ import { BidirectionalTransition } from '@proj-airi/ui'
3
3
  import { computed } from 'vue'
4
4
 
5
5
  // Define button variants for better type safety and maintainability
6
- type ButtonVariant = 'primary' | 'secondary' | 'secondary-muted' | 'danger'
6
+ type ButtonVariant = 'primary' | 'secondary' | 'secondary-muted' | 'danger' | 'caution'
7
7
 
8
8
  type ButtonTheme
9
9
  = | 'default'
@@ -67,6 +67,11 @@ const variantClasses: Record<ButtonVariant, {
67
67
  default: 'bg-red-500/15 hover:bg-red-500/20 active:bg-red-500/30 dark:bg-red-700/30 dark:hover:bg-red-700/40 dark:active:bg-red-700/30 focus:ring-red-300/30 dark:focus:ring-red-600/60 dark:focus:ring-red-600/30 border-2 border-solid border-red-200/30 dark:border-red-900/30 text-red-950 dark:text-red-100',
68
68
  },
69
69
  },
70
+ 'caution': {
71
+ default: {
72
+ default: 'bg-amber-400/20 hover:bg-amber-400/25 active:bg-amber-400/35 dark:bg-amber-500/20 dark:hover:bg-amber-500/30 dark:active:bg-amber-500/35 focus:ring-amber-300/40 dark:focus:ring-amber-400/40 border-2 border-solid border-amber-300/40 dark:border-amber-500/40 text-amber-900 dark:text-amber-50',
73
+ },
74
+ },
70
75
  }
71
76
 
72
77
  // Extract size styles for better organization