@meistrari/tela-build 1.47.0 → 1.47.1
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/components/tela/menubar/menubar-content.vue +2 -1
- package/components/tela/menubar/menubar-item.vue +1 -2
- package/components/tela/menubar/menubar-shortcut.vue +1 -1
- package/components/tela/menubar/menubar-sub-content.vue +2 -2
- package/components/tela/menubar/menubar-sub-trigger.vue +2 -3
- package/package.json +1 -1
|
@@ -29,7 +29,8 @@ const forwardedProps = useForwardProps(delegatedProps)
|
|
|
29
29
|
v-bind="forwardedProps"
|
|
30
30
|
:class="
|
|
31
31
|
cn(
|
|
32
|
-
'MenubarContent z-50 min-w-60 overflow-hidden rounded-2xl border-[0.5px] border-
|
|
32
|
+
'MenubarContent z-50 min-w-60 overflow-hidden rounded-2xl border-[0.5px] border-strong bg p-4px',
|
|
33
|
+
'[box-shadow:0_4px_16px_0_rgba(85,91,98,0.14)]',
|
|
33
34
|
props.class,
|
|
34
35
|
)
|
|
35
36
|
"
|
|
@@ -4,7 +4,6 @@ import type { HTMLAttributes } from 'vue'
|
|
|
4
4
|
import { reactiveOmit } from '@vueuse/core'
|
|
5
5
|
import {
|
|
6
6
|
MenubarItem,
|
|
7
|
-
|
|
8
7
|
useForwardPropsEmits,
|
|
9
8
|
} from 'reka-ui'
|
|
10
9
|
|
|
@@ -21,7 +20,7 @@ const forwarded = useForwardPropsEmits(delegatedProps, emits)
|
|
|
21
20
|
<MenubarItem
|
|
22
21
|
v-bind="forwarded"
|
|
23
22
|
:class="cn(
|
|
24
|
-
'relative flex cursor-pointer select-none items-center rounded-xl px-
|
|
23
|
+
'group relative flex cursor-pointer select-none items-center rounded-xl px-12px py-6px body-14-medium text-primary outline-none focus:bg-muted data-[disabled]:pointer-events-none data-[disabled]:opacity-40',
|
|
25
24
|
inset && 'pl-8',
|
|
26
25
|
props.class,
|
|
27
26
|
)"
|
|
@@ -7,7 +7,7 @@ const props = defineProps<{
|
|
|
7
7
|
</script>
|
|
8
8
|
|
|
9
9
|
<template>
|
|
10
|
-
<span :class="cn('ml-auto
|
|
10
|
+
<span :class="cn('ml-auto body-12-regular tracking-widest text-icon-subtle group-hover:text-icon-secondary', props.class)">
|
|
11
11
|
<slot />
|
|
12
12
|
</span>
|
|
13
13
|
</template>
|
|
@@ -5,7 +5,6 @@ import { reactiveOmit } from '@vueuse/core'
|
|
|
5
5
|
import {
|
|
6
6
|
MenubarPortal,
|
|
7
7
|
MenubarSubContent,
|
|
8
|
-
|
|
9
8
|
useForwardPropsEmits,
|
|
10
9
|
} from 'reka-ui'
|
|
11
10
|
|
|
@@ -24,7 +23,8 @@ const forwarded = useForwardPropsEmits(delegatedProps, emits)
|
|
|
24
23
|
v-bind="forwarded"
|
|
25
24
|
:class="
|
|
26
25
|
cn(
|
|
27
|
-
'z-50 min-w-
|
|
26
|
+
'z-50 min-w-60 overflow-hidden mt--5px rounded-2xl border-[0.5px] border-strong bg p-1',
|
|
27
|
+
'[box-shadow:0_4px_16px_0_rgba(85,91,98,0.14)]',
|
|
28
28
|
props.class,
|
|
29
29
|
)
|
|
30
30
|
"
|
|
@@ -2,7 +2,6 @@
|
|
|
2
2
|
import type { MenubarSubTriggerProps } from 'reka-ui'
|
|
3
3
|
import type { HTMLAttributes } from 'vue'
|
|
4
4
|
import { reactiveOmit } from '@vueuse/core'
|
|
5
|
-
import { ChevronRight } from 'lucide-vue-next'
|
|
6
5
|
import { MenubarSubTrigger, useForwardProps } from 'reka-ui'
|
|
7
6
|
|
|
8
7
|
const props = defineProps<MenubarSubTriggerProps & { class?: HTMLAttributes['class'], inset?: boolean }>()
|
|
@@ -16,12 +15,12 @@ const forwardedProps = useForwardProps(delegatedProps)
|
|
|
16
15
|
<MenubarSubTrigger
|
|
17
16
|
v-bind="forwardedProps"
|
|
18
17
|
:class="cn(
|
|
19
|
-
'flex
|
|
18
|
+
'group flex select-none items-center rounded-xl pl-12px pr-8px py-6px body-14-medium outline-none focus:bg-muted data-[state=open]:bg-muted',
|
|
20
19
|
inset && 'pl-8',
|
|
21
20
|
props.class,
|
|
22
21
|
)"
|
|
23
22
|
>
|
|
24
23
|
<slot />
|
|
25
|
-
<
|
|
24
|
+
<TelaIcon name="i-ph-caret-right" color="icon-subtle group-data-[state=open]:icon-secondary" class="ml-auto" />
|
|
26
25
|
</MenubarSubTrigger>
|
|
27
26
|
</template>
|