@aerogel/core 0.1.1-next.bad775a386a94fedbee1d575ee1f4fb99d1f5bab → 0.1.1-next.c3c3c32e9b674ba4ae2d33973d4659e37c863c35
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/dist/aerogel-core.d.ts +3 -1
- package/dist/aerogel-core.js +133 -123
- package/dist/aerogel-core.js.map +1 -1
- package/package.json +1 -1
- package/src/components/AppLayout.vue +1 -1
- package/src/components/ui/Details.vue +16 -6
- package/src/components/ui/ProgressBar.vue +1 -1
- package/src/index.css +1 -0
package/package.json
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
<template>
|
|
2
|
-
<div class="flex min-h-full flex-col text-base leading-tight font-normal
|
|
2
|
+
<div class="text-primary-text flex min-h-full flex-col text-base leading-tight font-normal antialiased">
|
|
3
3
|
<slot v-if="$errors.hasStartupErrors" name="startup-crash">
|
|
4
4
|
<component :is="$ui.requireComponent('startup-crash')" />
|
|
5
5
|
</slot>
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
<template>
|
|
2
2
|
<details class="group">
|
|
3
|
-
<summary
|
|
4
|
-
class="-ml-2 flex w-[max-content] items-center rounded-lg py-2 pr-3 pl-1 hover:bg-gray-100 focus-visible:outline focus-visible:outline-gray-700"
|
|
5
|
-
>
|
|
3
|
+
<summary :class="renderedSummaryClasses">
|
|
6
4
|
<IconCheveronRight class="size-6 transition-transform group-open:rotate-90" />
|
|
7
|
-
<
|
|
5
|
+
<slot name="label">
|
|
6
|
+
<span>{{ label ?? $td('ui.details', 'Details') }}</span>
|
|
7
|
+
</slot>
|
|
8
8
|
</summary>
|
|
9
9
|
|
|
10
10
|
<div :class="renderedContentClasses">
|
|
@@ -14,10 +14,20 @@
|
|
|
14
14
|
</template>
|
|
15
15
|
|
|
16
16
|
<script setup lang="ts">
|
|
17
|
+
import IconCheveronRight from '~icons/zondicons/cheveron-right';
|
|
17
18
|
import { classes } from '@aerogel/core/utils';
|
|
18
19
|
import { type HTMLAttributes, computed } from 'vue';
|
|
19
|
-
import IconCheveronRight from '~icons/zondicons/cheveron-right';
|
|
20
20
|
|
|
21
|
-
const {
|
|
21
|
+
const {
|
|
22
|
+
label = undefined,
|
|
23
|
+
contentClass,
|
|
24
|
+
summaryClass,
|
|
25
|
+
} = defineProps<{ label?: string; contentClass?: HTMLAttributes['class']; summaryClass?: HTMLAttributes['class'] }>();
|
|
22
26
|
const renderedContentClasses = computed(() => classes('pt-2 pl-4', contentClass));
|
|
27
|
+
const renderedSummaryClasses = computed(() =>
|
|
28
|
+
classes(
|
|
29
|
+
'-ml-2 flex w-[max-content] items-center rounded-lg py-2 pr-3 pl-1',
|
|
30
|
+
'hover:bg-gray-100 focus-visible:outline focus-visible:outline-gray-700',
|
|
31
|
+
summaryClass,
|
|
32
|
+
));
|
|
23
33
|
</script>
|
|
@@ -36,7 +36,7 @@ const filledClasses = computed(() =>
|
|
|
36
36
|
classes('size-full transition-transform duration-500 rounded-r-full ease-linear bg-primary-600', filledClass));
|
|
37
37
|
const overflowClasses = computed(() =>
|
|
38
38
|
classes(
|
|
39
|
-
'absolute inset-y-0 right-0 size-full rounded-r-full
|
|
39
|
+
'absolute inset-y-0 right-0 size-full rounded-r-full',
|
|
40
40
|
'bg-primary-900 transition-[width] duration-500 ease-linear',
|
|
41
41
|
overflowClass,
|
|
42
42
|
));
|
package/src/index.css
CHANGED