@sbc-connect/nuxt-base 0.1.11 → 0.1.13
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 +18 -0
- package/app/app.config.ts +54 -0
- package/app/components/Connect/Footer.vue +1 -1
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,23 @@
|
|
|
1
1
|
# @sbc-connect/nuxt-base
|
|
2
2
|
|
|
3
|
+
## 0.1.13
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [#52](https://github.com/bcgov/connect-nuxt/pull/52) [`602360a`](https://github.com/bcgov/connect-nuxt/commit/602360a628742ffe8957209bbe38eff1663a0851) Thanks [@deetz99](https://github.com/deetz99)! - Update badge, checkbox and buttonGroup app config defaults
|
|
8
|
+
|
|
9
|
+
## 0.1.12
|
|
10
|
+
|
|
11
|
+
### Patch Changes
|
|
12
|
+
|
|
13
|
+
- [#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
|
|
14
|
+
|
|
15
|
+
- update footer link divider colour
|
|
16
|
+
- update formfield help/error placeholder spacer
|
|
17
|
+
- fix fieldset orientation
|
|
18
|
+
|
|
19
|
+
issue: bcgov/entity#30434
|
|
20
|
+
|
|
3
21
|
## 0.1.11
|
|
4
22
|
|
|
5
23
|
### Patch Changes
|
package/app/app.config.ts
CHANGED
|
@@ -27,6 +27,16 @@ export default defineAppConfig({
|
|
|
27
27
|
}
|
|
28
28
|
]
|
|
29
29
|
},
|
|
30
|
+
badge: {
|
|
31
|
+
slots: {
|
|
32
|
+
base: 'font-medium inline-flex items-center',
|
|
33
|
+
label: 'truncate font-bold',
|
|
34
|
+
leadingIcon: 'shrink-0',
|
|
35
|
+
leadingAvatar: 'shrink-0',
|
|
36
|
+
leadingAvatarSize: '',
|
|
37
|
+
trailingIcon: 'shrink-0'
|
|
38
|
+
}
|
|
39
|
+
},
|
|
30
40
|
breadcrumb: {
|
|
31
41
|
slots: {
|
|
32
42
|
separatorIcon: 'text-secondary'
|
|
@@ -107,11 +117,55 @@ export default defineAppConfig({
|
|
|
107
117
|
size: 'lg'
|
|
108
118
|
}
|
|
109
119
|
},
|
|
120
|
+
buttonGroup: {
|
|
121
|
+
base: 'relative',
|
|
122
|
+
variants: {
|
|
123
|
+
orientation: {
|
|
124
|
+
horizontal: 'inline-flex -space-x-px divide-x divide-line-muted',
|
|
125
|
+
vertical: 'flex flex-col -space-y-px'
|
|
126
|
+
}
|
|
127
|
+
}
|
|
128
|
+
},
|
|
110
129
|
card: {
|
|
111
130
|
slots: {
|
|
112
131
|
root: 'rounded-md'
|
|
113
132
|
}
|
|
114
133
|
},
|
|
134
|
+
checkbox: {
|
|
135
|
+
slots: {
|
|
136
|
+
root: 'relative flex items-center group',
|
|
137
|
+
base: 'rounded-xs relative shrink-0 flex overflow-visible items-center justify-center ring-2 ring-neutral before:absolute before:-inset-2.75 before:flex before:items-center before:justify-center group-hover:before:bg-[#C7C7C7]/80 before:rounded-full cursor-pointer group-active:before:bg-[#454545]/40 has-data-[state=checked]:hover:before:bg-[#7AA1D2]/40 has-data-[state=checked]:active:before:bg-[#155fb7]/40 before:transition-colors',
|
|
138
|
+
label: 'cursor-pointer text-sm'
|
|
139
|
+
},
|
|
140
|
+
variants: {
|
|
141
|
+
variant: {
|
|
142
|
+
card: {
|
|
143
|
+
root: 'bg-shade border border-line-muted rounded-sm'
|
|
144
|
+
}
|
|
145
|
+
},
|
|
146
|
+
indicator: {
|
|
147
|
+
start: {
|
|
148
|
+
wrapper: 'ms-4'
|
|
149
|
+
}
|
|
150
|
+
}
|
|
151
|
+
},
|
|
152
|
+
compoundVariants: [
|
|
153
|
+
{
|
|
154
|
+
size: 'lg',
|
|
155
|
+
variant: 'card',
|
|
156
|
+
class: {
|
|
157
|
+
root: 'p-4.25'
|
|
158
|
+
}
|
|
159
|
+
},
|
|
160
|
+
{
|
|
161
|
+
color: 'primary',
|
|
162
|
+
variant: 'card',
|
|
163
|
+
class: {
|
|
164
|
+
root: 'has-data-[state=checked]:border-line-muted cursor-pointer'
|
|
165
|
+
}
|
|
166
|
+
}
|
|
167
|
+
]
|
|
168
|
+
},
|
|
115
169
|
dropdownMenu: {
|
|
116
170
|
slots: {
|
|
117
171
|
content: 'min-w-32 max-h-[75dvh] shadow-lg rounded-sm',
|
|
@@ -65,7 +65,7 @@ const appVersions = computed<string[]>(() => {
|
|
|
65
65
|
:class="[
|
|
66
66
|
'flex-col gap-2 border-r-0 pr-2 last:mr-0',
|
|
67
67
|
'last:border-r-0 sm:mr-2 sm:inline-block sm:flex-none',
|
|
68
|
-
'sm:border-r sm:first:ml-2 border-line',
|
|
68
|
+
'sm:border-r sm:first:ml-2 border-line-muted',
|
|
69
69
|
]"
|
|
70
70
|
>
|
|
71
71
|
<NuxtLink
|