diff --git a/ppr-ui/package.json b/ppr-ui/package.json index 88fc406a3..9fc5ef63f 100644 --- a/ppr-ui/package.json +++ b/ppr-ui/package.json @@ -1,6 +1,6 @@ { "name": "ppr-ui", - "version": "5.0.25", + "version": "5.0.26", "private": true, "appName": "Assets UI", "connectLayerName": "Core UI", @@ -42,7 +42,7 @@ "@vuelidate/validators": "^2.0.4", "@vuepic/vue-datepicker": "^7.2.2", "axios": "^1.6.2", - "documents-common-base-layer": "0.0.5", + "documents-common-base-layer": "0.0.6", "flush-promises": "^1.0.2", "http-status-codes": "^2.1.4", "keycloak-js": "^26.0.6", diff --git a/ppr-ui/pnpm-lock.yaml b/ppr-ui/pnpm-lock.yaml index b615361cc..f00f05b5a 100644 --- a/ppr-ui/pnpm-lock.yaml +++ b/ppr-ui/pnpm-lock.yaml @@ -81,8 +81,8 @@ importers: specifier: ^1.6.2 version: 1.9.0 documents-common-base-layer: - specifier: 0.0.5 - version: 0.0.5 + specifier: 0.0.6 + version: 0.0.6 flush-promises: specifier: ^1.0.2 version: 1.0.2 @@ -3868,8 +3868,8 @@ packages: resolution: {integrity: sha512-yS+Q5i3hBf7GBkd4KG8a7eBNNWNGLTaEwwYWUijIYM7zrlYDM0BFXHjjPWlWZ1Rg7UaddZeIDmi9jF3HmqiQ2w==} engines: {node: '>=6.0.0'} - documents-common-base-layer@0.0.5: - resolution: {integrity: sha512-nU9OloigSPBffLNzlsYgcfsgID1KUtk5pS2ZGoGMXQ2vifMHZqKKhDkvGz3BHuBy34nQHXBwjU+2eY5CCNZ0Jw==} + documents-common-base-layer@0.0.6: + resolution: {integrity: sha512-Rz6GBNDU7v96xzOE/LsLfPuutgB+5YGpxnw98RFijF5UYz5X09JYIS0Ljjq0OZNrX1emtNu4FOb8GUx3wZruaQ==} dom-accessibility-api@0.5.16: resolution: {integrity: sha512-X7BJ2yElsnOJ30pZF4uIIDfBEVgF4XEBxL9Bxhy6dnrm5hkzqmsWHGTiHqRiITNhMyFLyAiWndIJP7Z1NTteDg==} @@ -12453,7 +12453,7 @@ snapshots: dependencies: esutils: 2.0.3 - documents-common-base-layer@0.0.5: {} + documents-common-base-layer@0.0.6: {} dom-accessibility-api@0.5.16: {} diff --git a/ppr-ui/src/app.config.ts b/ppr-ui/src/app.config.ts index bdbb0bb8e..048e1334d 100644 --- a/ppr-ui/src/app.config.ts +++ b/ppr-ui/src/app.config.ts @@ -44,6 +44,27 @@ export default defineAppConfig({ th: 'p-4', td: 'p-4 h-[65px]' } - } + }, + fileUpload: { + slots: { + root: 'relative flex flex-col', + base: [ + 'w-full flex-1 bg-default border border-default flex flex-col gap-2 items-stretch justify-center rounded-lg' + + ' focus-visible:outline-2 transition-[background]' + ], + wrapper: 'flex flex-col items-center justify-center text-center', + icon: 'shrink-0', + avatar: 'shrink-0', + label: 'text-base text-default mt-2 text-bcGovGray-700 font-bold', + description: 'text-bcGovGray-700 my-2 text-base', + actions: 'flex flex-wrap gap-1.5 shrink-0 mt-4', + file: 'relative bg-white gap-4 p-6! border-x-0! border-t-0! rounded-[0px]!', + fileLeadingAvatar: 'shrink-0', + fileWrapper: 'flex flex-col min-w-0', + fileName: 'text-default truncate', + fileSize: 'text-muted truncate', + fileTrailingButton: '' + } + }, } })