@codecavepro/brand 2.7.4 → 2.7.5

package/dist/src/common/InputText.vue

@@ -25,7 +25,7 @@ defineEmits(['update:modelValue'])
     <input :id="id" :type="type" :autocomplete="autocomplete" :placeholder="placeholder" :required="isRequired" :value="modelValue" @input="$emit('update:modelValue', ($event.target as HTMLInputElement).value)" 
     :class="`
         w-full p-3 pt-7 bg-surface-secondary rounded-lg placeholder:text-xs placeholder:text-body-secondary
-        focus:outline-none transition-colors
+        focus:outline-none transition-colors border border-surface-tertiary
         hover:bg-surface-tertiary
         ${isError ? 'text-error input-error focus:text-error' : 'text-hovered focus:text-hovered'}
        `" />

package/dist/src/common/Radio.vue

@@ -18,7 +18,7 @@ const labelClass = computed(() => {
     case 'secondary':
       return `${baseLabelClass} gap-3 p-3 pr-4 bg-surface-primary-transparent rounded-custom border-2 border-surface-quaternary group-hover:bg-surface-tertiary`
     default:
-      return `${baseLabelClass} gap-2 py-2 px-3 bg-surface-secondary rounded-lg`
+      return `${baseLabelClass} gap-2 py-2 px-3 bg-surface-secondary rounded-lg  border border-surface-tertiary`
   }
 })
 

package/dist/src/common/Review.vue

@@ -25,7 +25,7 @@ const imageUrl = (url: string) => props.resolveImage?.(url) ?? url
 </script>
 
 <template>
-  <div :class="`mx-1 lg:mx-2 testimonial rounded-custom space-y-2 lg:space-y-3 py-10 px-6 lg:px-11 ${className}`">
+  <div :class="`mx-1 lg:mx-2 testimonial space-y-2 lg:space-y-3 py-10 px-6 lg:px-11 ${className}`">
     <div class="flex flex-col lg:flex-row gap-5 lg:items-center">
       <LazyImage v-if="item.photo.name !== 'no-image.svg'" 
             class="w-12 lg:w-16 h-12 lg:h-16" :src="imageUrl(item.photo.url)"
@@ -55,10 +55,4 @@ const imageUrl = (url: string) => props.resolveImage?.(url) ?? url
       <span>{{ item.verification }}</span>
     </div>
   </div>
-</template>
-
-<style scoped>
-.testimonial {
-  backdrop-filter: blur(32px);
-}
-</style>
+</template>

package/dist/src/common/TextField.vue

@@ -24,7 +24,7 @@ defineEmits(['update:modelValue'])
 
 <template>
   <div class="w-full relative">
-    <div :class="`focus-area flex flex-col min-h-[7.5rem] p-3 rounded-lg bg-surface-secondary hover:bg-surface-tertiary transition-colors text-heading 
+    <div :class="`focus-area flex flex-col min-h-[7.5rem] p-3 rounded-lg bg-surface-secondary border border-surface-tertiary hover:bg-surface-tertiary transition-colors text-heading 
       ${isError ? 'input-error' : ''}`">
       <label :for="id" class="font-bold text-sm select-none">
         {{ label }}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@codecavepro/brand",
-  "version": "2.7.4",
+  "version": "2.7.5",
   "description": "CODECAVE design system — colour, typography and layout tokens as CSS custom properties and as a typed module.",
   "license": "Unlicense",
   "type": "module",