@sbc-connect/nuxt-base 0.1.10 → 0.1.12

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # @sbc-connect/nuxt-base
 
+## 0.1.12
+
+### Patch Changes
+
+- [#50](https://github.com/bcgov/connect-nuxt/pull/50) [`19e3a00`](https://github.com/bcgov/connect-nuxt/commit/19e3a00a8350f8f02f674d10e1d572c909ad90c5) Thanks [@deetz99](https://github.com/deetz99)! - Minor CSS updates
+
+  - update footer link divider colour
+  - update formfield help/error placeholder spacer
+  - fix fieldset orientation
+
+  issue: bcgov/entity#30434
+
+## 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/Footer.vue

@@ -65,7 +65,7 @@ const appVersions = computed<string[]>(() => {
             :class="[
               'flex-col gap-2 border-r-0 pr-2 last:mr-0',
               'last:border-r-0 sm:mr-2 sm:inline-block sm:flex-none',
-              'sm:border-r sm:first:ml-2 border-line',
+              'sm:border-r sm:first:ml-2 border-line-muted',
             ]"
           >
             <NuxtLink

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.12",
   "repository": "github:bcgov/connect-nuxt",
   "license": "BSD-3-Clause",
   "main": "./nuxt.config.ts",
@@ -23,9 +23,9 @@
     "nuxt": "^4.0.2",
     "typescript": "^5.8.3",
     "vue-tsc": "^3.0.4",
-    "@sbc-connect/eslint-config": "0.0.7",
     "@sbc-connect/playwright-config": "0.0.7",
-    "@sbc-connect/vitest-config": "0.0.6"
+    "@sbc-connect/vitest-config": "0.0.6",
+    "@sbc-connect/eslint-config": "0.0.7"
   },
   "scripts": {
     "preinstall": "npx only-allow pnpm",