@sbc-connect/nuxt-base 0.2.0 → 0.3.0
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/CHANGELOG.md +14 -0
- package/app/app.config.ts +4 -1
- package/app/components/Connect/Layout/Index.vue +1 -1
- package/app/components/Connect/Transition/Fade.vue +31 -0
- package/app/types/dates.ts +17 -0
- package/i18n/locales/en-CA.ts +2 -0
- package/modules/base-assets/runtime/assets/connect-base-tw.css +1 -0
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,19 @@
|
|
|
1
1
|
# @sbc-connect/nuxt-base
|
|
2
2
|
|
|
3
|
+
## 0.3.0
|
|
4
|
+
|
|
5
|
+
### Minor Changes
|
|
6
|
+
|
|
7
|
+
- [#102](https://github.com/bcgov/connect-nuxt/pull/102) [`d714785`](https://github.com/bcgov/connect-nuxt/commit/d71478573f1fe11be34d5d588d68fb75eb5fd159) Thanks [@deetz99](https://github.com/deetz99)! - - ConnectTransitionFade component
|
|
8
|
+
- configure UContainer app config with default spacing and padding
|
|
9
|
+
- configure UAlert subtle/warning app config with correct bg styling
|
|
10
|
+
|
|
11
|
+
### Patch Changes
|
|
12
|
+
|
|
13
|
+
- [#104](https://github.com/bcgov/connect-nuxt/pull/104) [`5f1b383`](https://github.com/bcgov/connect-nuxt/commit/5f1b3839ed993654a7f20fe161047ba38ab86274) Thanks [@deetz99](https://github.com/deetz99)! - - change overflow-hidden to overflow-clip in main layout component, allowing position sticky to work correctly
|
|
14
|
+
- cancel and close i18n translations
|
|
15
|
+
- Type aliases for Dates
|
|
16
|
+
|
|
3
17
|
## 0.2.0
|
|
4
18
|
|
|
5
19
|
### Minor Changes
|
package/app/app.config.ts
CHANGED
|
@@ -19,7 +19,7 @@ export default defineAppConfig({
|
|
|
19
19
|
color: 'warning',
|
|
20
20
|
variant: 'subtle',
|
|
21
21
|
class: {
|
|
22
|
-
root: '
|
|
22
|
+
root: 'py-4 px-6 relative bg-white text-highlighted ring-2 ring-brand-inverted before:content-[""] before:absolute before:inset-0 before:bg-brand-inverted/10 before:z-10',
|
|
23
23
|
icon: 'text-warning',
|
|
24
24
|
title: 'font-bold text-nuetral-highlighted',
|
|
25
25
|
description: 'text-nuetral-highlighted'
|
|
@@ -166,6 +166,9 @@ export default defineAppConfig({
|
|
|
166
166
|
}
|
|
167
167
|
]
|
|
168
168
|
},
|
|
169
|
+
container: {
|
|
170
|
+
base: 'px-0 sm:px-0 lg:px-0 py-6 space-y-6 sm:py-10 sm:space-y-10'
|
|
171
|
+
},
|
|
169
172
|
dropdownMenu: {
|
|
170
173
|
slots: {
|
|
171
174
|
content: 'min-w-32 max-h-[75dvh] shadow-lg rounded-sm',
|
|
@@ -12,7 +12,7 @@
|
|
|
12
12
|
<slot name="bottomHeaders" />
|
|
13
13
|
<main class="app-body px-2 sm:px-4">
|
|
14
14
|
<slot name="body">
|
|
15
|
-
<div class="app-inner-container grow flex flex-col overflow-
|
|
15
|
+
<div class="app-inner-container grow flex flex-col overflow-clip">
|
|
16
16
|
<slot />
|
|
17
17
|
</div>
|
|
18
18
|
</slot>
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
<template>
|
|
2
|
+
<Transition name="fade">
|
|
3
|
+
<slot />
|
|
4
|
+
</Transition>
|
|
5
|
+
</template>
|
|
6
|
+
|
|
7
|
+
<style>
|
|
8
|
+
.fade-enter-active {
|
|
9
|
+
transition: opacity 0.3s ease-in-out;
|
|
10
|
+
}
|
|
11
|
+
.fade-leave-active {
|
|
12
|
+
transition: opacity 0s ease-in-out;
|
|
13
|
+
}
|
|
14
|
+
.fade-enter-from,
|
|
15
|
+
.fade-leave-to {
|
|
16
|
+
opacity: 0;
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
@media (prefers-reduced-motion) {
|
|
20
|
+
.fade-enter-active {
|
|
21
|
+
transition: opacity 0s ease-in-out;
|
|
22
|
+
}
|
|
23
|
+
.fade-leave-active {
|
|
24
|
+
transition: opacity 0s ease-in-out;
|
|
25
|
+
}
|
|
26
|
+
.fade-enter-from,
|
|
27
|
+
.fade-leave-to {
|
|
28
|
+
opacity: 0;
|
|
29
|
+
}
|
|
30
|
+
}
|
|
31
|
+
</style>
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* ISO date string (YYYY-MM-DD), assumed to be in Pacific timezone.
|
|
3
|
+
* @example "2021-12-31"
|
|
4
|
+
*/
|
|
5
|
+
export type IsoDatePacific = string
|
|
6
|
+
|
|
7
|
+
/**
|
|
8
|
+
* API date-time string (YYYY-MM-DDTHH:MM:SS[.MMMMMM]+00.00), assumed to be in UTC.
|
|
9
|
+
* @example "2022-05-09T16:26:14.839032+00:00"
|
|
10
|
+
*/
|
|
11
|
+
export type ApiDateTimeUtc = string
|
|
12
|
+
|
|
13
|
+
/**
|
|
14
|
+
* Formatted date-time string with explicit GMT timezone (ie, UTC).
|
|
15
|
+
* @example "Tue, 19 Apr 2022 16:40:18 GMT"
|
|
16
|
+
*/
|
|
17
|
+
export type FormattedDateTimeGmt = string
|
package/i18n/locales/en-CA.ts
CHANGED
|
@@ -21,6 +21,8 @@ export default {
|
|
|
21
21
|
appVersion: 'App Version',
|
|
22
22
|
bcApp: 'A BC Online Application',
|
|
23
23
|
bcGovLogo: 'Government of British Columbia Logo',
|
|
24
|
+
cancel: 'Cancel',
|
|
25
|
+
close: 'Close',
|
|
24
26
|
contactInformation: 'Contact Information',
|
|
25
27
|
copyright: 'Copyright',
|
|
26
28
|
disclaimer: 'Disclaimer',
|