@sbc-connect/nuxt-base 0.1.10 → 0.1.11

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @sbc-connect/nuxt-base
 
+## 0.1.11
+
+### Patch Changes
+
+- [#47](https://github.com/bcgov/connect-nuxt/pull/47) [`9edf5ab`](https://github.com/bcgov/connect-nuxt/commit/9edf5ab6c4c7598f661e8ea713e6a60b390105c1) Thanks [@deetz99](https://github.com/deetz99)! - Add zod and address validations. issue: bcgov/entity#29338
+
 ## 0.1.10
 
 ### Patch Changes

package/app/app.config.ts

@@ -236,7 +236,7 @@ export default defineAppConfig({
           }
         },
         variant: {
-          bcGov: 'ring-0 ring-transparent peer rounded-t-sm rounded-b-none bg-shade shadow-input focus:ring-0 focus:outline-none focus:shadow-input-focus text-neutral-highlighted'
+          bcGov: 'ring-0 ring-transparent peer rounded-t-sm rounded-b-none bg-shade shadow-input focus:ring-0 focus:outline-none focus:shadow-input-focus text-neutral-highlighted aria-invalid:shadow-input-error aria-invalid:focus:shadow-input-error aria-invalid:ring-0'
         }
       },
       defaultVariants: {
@@ -285,7 +285,7 @@ export default defineAppConfig({
       variants: {
         size: {
           bcGovLg: {
-            base: 'px-2.5 pb-1.5 pt-5 text-base gap-1.5',
+            base: 'px-2.5 pb-1.5 pt-5 text-base gap-1.5 resize-none',
             leading: 'ps-2.5',
             trailing: 'pe-2.5',
             leadingIcon: 'size-5',
@@ -294,7 +294,7 @@ export default defineAppConfig({
           }
         },
         variant: {
-          bcGov: 'peer rounded-t-sm rounded-b-none bg-shade focus:ring-0 focus:outline-none shadow-input focus:shadow-input-focus text-neutral-highlighted'
+          bcGov: 'peer rounded-t-sm rounded-b-none bg-shade focus:ring-0 focus:outline-none shadow-input focus:shadow-input-focus text-neutral-highlighted aria-invalid:shadow-input-error aria-invalid:focus:shadow-input-error aria-invalid:ring-0'
         }
       },
       defaultVariants: {

package/app/components/Connect/Input.vue

@@ -5,7 +5,6 @@ defineProps<{
   id: string
   label: string
   mask?: string
-  invalid?: boolean
 }>()
 </script>
 
@@ -17,14 +16,10 @@ defineProps<{
     :data-testid="id"
     placeholder="&nbsp;"
     class="w-full grow"
-    :ui="{
-      base: invalid ? 'ring-0 shadow-input-error focus:shadow-input-error' : '',
-    }"
   >
     <label
       :for="id"
       class="floating-label-input"
-      :class="invalid ? 'text-error' : ''"
     >
       {{ label }}
     </label>

package/app/components/Connect/Textarea.vue

@@ -4,7 +4,6 @@ const model = defineModel<string>({ required: true })
 defineProps<{
   id: string
   label: string
-  invalid?: boolean
 }>()
 </script>
 
@@ -15,13 +14,9 @@ defineProps<{
     :data-testid="id"
     placeholder="&nbsp;"
     class="w-full grow"
-    :ui="{
-      base: invalid ? 'ring-0 shadow-input-error focus:shadow-input-error resize-none' : 'resize-none',
-    }"
   >
     <label
       class="floating-label-textarea bg-shade w-[96%] flex-1 pt-1 -mt-1"
-      :class="invalid ? 'text-error' : ''"
       :for="id"
     >
       {{ label }}

package/modules/base-assets/runtime/assets/connect-base-tw.css

@@ -268,10 +268,10 @@ body {
 
   /* floating labels */
   .floating-label-input {
-    @apply pointer-events-none absolute left-0 top-3 text-neutral-highlighted transition-all motion-reduce:transition-none duration-200 text-xs font-medium px-2.5 peer-focus:top-3 peer-focus:text-xs peer-placeholder-shown:text-sm peer-placeholder-shown:top-1/2 -translate-y-1/2 peer-focus:text-primary;
+    @apply pointer-events-none absolute left-0 top-3 text-neutral-highlighted transition-all motion-reduce:transition-none duration-200 text-xs font-medium px-2.5 peer-focus:top-3 peer-focus:text-xs peer-placeholder-shown:text-sm peer-placeholder-shown:top-1/2 -translate-y-1/2 peer-focus:text-primary peer-aria-invalid:text-error;
   }
   
   .floating-label-textarea {
-    @apply pointer-events-none absolute left-0 top-1 text-neutral-highlighted text-xs font-medium px-2.5 transition-all duration-200 peer-focus:top-1 peer-focus:text-xs peer-placeholder-shown:text-sm peer-placeholder-shown:top-2.5 peer-focus:translate-none peer-focus:text-primary;
+    @apply pointer-events-none absolute left-0 top-1 text-neutral-highlighted text-xs font-medium px-2.5 transition-all duration-200 peer-focus:top-1 peer-focus:text-xs peer-placeholder-shown:text-sm peer-placeholder-shown:top-2.5 peer-focus:translate-none peer-focus:text-primary peer-aria-invalid:text-error;
   }
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@sbc-connect/nuxt-base",
   "type": "module",
-  "version": "0.1.10",
+  "version": "0.1.11",
   "repository": "github:bcgov/connect-nuxt",
   "license": "BSD-3-Clause",
   "main": "./nuxt.config.ts",