adminforth 2.70.0-next.4 → 2.70.0-next.5
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.
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
:class="{
|
|
8
8
|
'cursor-default opacity-50 pointer-events-none': props.disabled,
|
|
9
9
|
'active brightness-200 hover:brightness-150' : props.active,
|
|
10
|
-
'text-lightSecondaryContrast/70 bg-lightSecondary border-lightSecondaryContrast/30 dark:bg-darkSecondary hover:bg-lightSecondary/60 hover:border-lightSecondaryContrast/60 focus:ring-lightSecondary dark:focus:ring-darkSecondary/40 dark:text-darkSecondaryContrast dark:border-darkSecondaryContrast/40 dark:hover:bg-darkSecondary/60 dark:hover:border-white/60':
|
|
10
|
+
'text-lightSecondaryContrast/70 bg-lightSecondary border-lightSecondaryContrast/30 dark:bg-darkSecondary hover:bg-lightSecondary/60 hover:border-lightSecondaryContrast/60 focus:ring-lightSecondary dark:focus:ring-darkSecondary/40 dark:text-darkSecondaryContrast dark:border-darkSecondaryContrast/40 dark:hover:bg-darkSecondary/60 dark:hover:border-white/60': currentVariant === 'secondary',
|
|
11
11
|
}"
|
|
12
12
|
>
|
|
13
13
|
<Spinner v-if="props.loader" class="w-4 h-4 text-lightButtonsText dark:text-darkButtonsText fill-lightButtonsBackground dark:fill-darkPrimary" />
|
|
@@ -17,17 +17,22 @@
|
|
|
17
17
|
|
|
18
18
|
<script setup lang="ts">
|
|
19
19
|
import { Spinner } from '@/afcl';
|
|
20
|
+
import { computed } from 'vue';
|
|
20
21
|
|
|
21
22
|
const props = withDefaults(defineProps<{
|
|
22
23
|
loader?: boolean;
|
|
23
24
|
disabled?: boolean;
|
|
24
25
|
active?: boolean;
|
|
26
|
+
variant?: 'primary' | 'secondary';
|
|
27
|
+
/** @deprecated use variant instead of mode */
|
|
25
28
|
mode?: 'primary' | 'secondary';
|
|
26
29
|
}>(), {
|
|
27
30
|
loader: false,
|
|
28
31
|
disabled: false,
|
|
29
32
|
active: false,
|
|
30
|
-
mode: 'primary'
|
|
31
33
|
});
|
|
32
34
|
|
|
35
|
+
// mode is deprecated, but we still want to support it for backward compatibility,
|
|
36
|
+
// so we check both variant and mode props
|
|
37
|
+
const currentVariant = computed(() => props.variant ?? props.mode ?? 'primary');
|
|
33
38
|
</script>
|