@youcan/celeste 0.6.34 → 0.6.35
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/celeste.css
CHANGED
|
@@ -2940,7 +2940,7 @@ to {
|
|
|
2940
2940
|
display: flex;
|
|
2941
2941
|
flex-direction: column;
|
|
2942
2942
|
gap: var(--spacing-4);
|
|
2943
|
-
}.celeste-dropdown-menu-item[data-v-
|
|
2943
|
+
}.celeste-dropdown-menu-item[data-v-149975fd] {
|
|
2944
2944
|
display: flex;
|
|
2945
2945
|
align-items: center;
|
|
2946
2946
|
padding: var(--spacing-8);
|
|
@@ -2953,21 +2953,21 @@ to {
|
|
|
2953
2953
|
cursor: pointer;
|
|
2954
2954
|
gap: var(--spacing-8);
|
|
2955
2955
|
}
|
|
2956
|
-
.celeste-dropdown-menu-item i[data-v-
|
|
2956
|
+
.celeste-dropdown-menu-item i[data-v-149975fd] {
|
|
2957
2957
|
color: var(--color-icon-sub-600);
|
|
2958
2958
|
}
|
|
2959
|
-
.celeste-dropdown-menu-item[data-v-
|
|
2959
|
+
.celeste-dropdown-menu-item[data-v-149975fd]:focus-visible, .celeste-dropdown-menu-item[data-v-149975fd]:not([data-disabled]):hover, .celeste-dropdown-menu-item[data-highlighted][data-v-149975fd] {
|
|
2960
2960
|
outline: none;
|
|
2961
2961
|
background: var(--color-bg-weak-50);
|
|
2962
2962
|
}
|
|
2963
|
-
.celeste-dropdown-menu-item .celeste-dropdown-menu-item-body[data-v-
|
|
2963
|
+
.celeste-dropdown-menu-item .celeste-dropdown-menu-item-body[data-v-149975fd] {
|
|
2964
2964
|
display: flex;
|
|
2965
2965
|
flex: 1;
|
|
2966
2966
|
align-items: center;
|
|
2967
2967
|
gap: var(--spacing-4);
|
|
2968
2968
|
}
|
|
2969
|
-
.celeste-dropdown-menu-item .celeste-dropdown-menu-item-prefix[data-v-
|
|
2970
|
-
.celeste-dropdown-menu-item .celeste-dropdown-menu-item-suffix[data-v-
|
|
2969
|
+
.celeste-dropdown-menu-item .celeste-dropdown-menu-item-prefix[data-v-149975fd],
|
|
2970
|
+
.celeste-dropdown-menu-item .celeste-dropdown-menu-item-suffix[data-v-149975fd] {
|
|
2971
2971
|
display: flex;
|
|
2972
2972
|
align-items: center;
|
|
2973
2973
|
justify-content: center;
|
|
@@ -2975,20 +2975,20 @@ to {
|
|
|
2975
2975
|
height: fit-content;
|
|
2976
2976
|
color: var(--color-icon-sub-600);
|
|
2977
2977
|
}
|
|
2978
|
-
.celeste-dropdown-menu-item .celeste-dropdown-menu-item-prefix[data-v-
|
|
2979
|
-
.celeste-dropdown-menu-item .celeste-dropdown-menu-item-suffix[data-v-
|
|
2978
|
+
.celeste-dropdown-menu-item .celeste-dropdown-menu-item-prefix[data-v-149975fd] i,
|
|
2979
|
+
.celeste-dropdown-menu-item .celeste-dropdown-menu-item-suffix[data-v-149975fd] i {
|
|
2980
2980
|
color: var(--color-icon-sub-600);
|
|
2981
2981
|
}
|
|
2982
|
-
.celeste-dropdown-menu-item[data-disabled][data-v-
|
|
2982
|
+
.celeste-dropdown-menu-item[data-disabled][data-v-149975fd] {
|
|
2983
2983
|
color: var(--color-text-disabled-300);
|
|
2984
2984
|
cursor: auto;
|
|
2985
2985
|
}
|
|
2986
|
-
.celeste-dropdown-menu-item[data-disabled] .celeste-dropdown-menu-item-prefix[data-v-
|
|
2987
|
-
.celeste-dropdown-menu-item[data-disabled] .celeste-dropdown-menu-item-suffix[data-v-
|
|
2986
|
+
.celeste-dropdown-menu-item[data-disabled] .celeste-dropdown-menu-item-prefix[data-v-149975fd],
|
|
2987
|
+
.celeste-dropdown-menu-item[data-disabled] .celeste-dropdown-menu-item-suffix[data-v-149975fd] {
|
|
2988
2988
|
color: var(--color-text-disabled-300);
|
|
2989
2989
|
}
|
|
2990
|
-
.celeste-dropdown-menu-item[data-disabled] .celeste-dropdown-menu-item-prefix[data-v-
|
|
2991
|
-
.celeste-dropdown-menu-item[data-disabled] .celeste-dropdown-menu-item-suffix[data-v-
|
|
2990
|
+
.celeste-dropdown-menu-item[data-disabled] .celeste-dropdown-menu-item-prefix[data-v-149975fd] i,
|
|
2991
|
+
.celeste-dropdown-menu-item[data-disabled] .celeste-dropdown-menu-item-suffix[data-v-149975fd] i {
|
|
2992
2992
|
color: var(--color-icon-disabled-300);
|
|
2993
2993
|
}.celeste-dropdown-menu-label[data-v-392ac57c] {
|
|
2994
2994
|
display: flex;
|
|
@@ -20,10 +20,7 @@ const _sfc_main = /* @__PURE__ */ Mo.defineComponent({
|
|
|
20
20
|
textValue: {},
|
|
21
21
|
asChild: { type: Boolean },
|
|
22
22
|
as: {},
|
|
23
|
-
class: {}
|
|
24
|
-
label: {},
|
|
25
|
-
sublabel: {},
|
|
26
|
-
description: {}
|
|
23
|
+
class: {}
|
|
27
24
|
},
|
|
28
25
|
setup(__props) {
|
|
29
26
|
const props = __props;
|
|
@@ -52,5 +49,5 @@ const _sfc_main = /* @__PURE__ */ Mo.defineComponent({
|
|
|
52
49
|
};
|
|
53
50
|
}
|
|
54
51
|
});
|
|
55
|
-
const dropdownMenuItem = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["__scopeId", "data-v-
|
|
52
|
+
const dropdownMenuItem = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["__scopeId", "data-v-149975fd"]]);
|
|
56
53
|
module.exports = dropdownMenuItem;
|
|
@@ -2,9 +2,6 @@ import { HTMLAttributes } from 'vue';
|
|
|
2
2
|
import { DropdownMenuItemProps } from 'radix-vue';
|
|
3
3
|
type __VLS_Props = DropdownMenuItemProps & {
|
|
4
4
|
class?: HTMLAttributes['class'];
|
|
5
|
-
label: string;
|
|
6
|
-
sublabel?: string;
|
|
7
|
-
description?: string;
|
|
8
5
|
};
|
|
9
6
|
declare function __VLS_template(): {
|
|
10
7
|
attrs: Partial<{}>;
|
|
@@ -19,10 +19,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
19
19
|
textValue: {},
|
|
20
20
|
asChild: { type: Boolean },
|
|
21
21
|
as: {},
|
|
22
|
-
class: {}
|
|
23
|
-
label: {},
|
|
24
|
-
sublabel: {},
|
|
25
|
-
description: {}
|
|
22
|
+
class: {}
|
|
26
23
|
},
|
|
27
24
|
setup(__props) {
|
|
28
25
|
const props = __props;
|
|
@@ -51,7 +48,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
51
48
|
};
|
|
52
49
|
}
|
|
53
50
|
});
|
|
54
|
-
const dropdownMenuItem = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-
|
|
51
|
+
const dropdownMenuItem = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-149975fd"]]);
|
|
55
52
|
export {
|
|
56
53
|
dropdownMenuItem as default
|
|
57
54
|
};
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@youcan/celeste",
|
|
3
3
|
"type": "module",
|
|
4
|
-
"version": "0.6.
|
|
4
|
+
"version": "0.6.35",
|
|
5
5
|
"author": "YouCan <tech@youcan.shop>",
|
|
6
6
|
"keywords": [
|
|
7
7
|
"youcan",
|
|
@@ -43,8 +43,8 @@
|
|
|
43
43
|
"radix-vue": "^1.9.12",
|
|
44
44
|
"tinycolor2": "^1.6.0",
|
|
45
45
|
"vue-sonner": "^2.0.2",
|
|
46
|
-
"@youcan/celeste-icons": "0.6.
|
|
47
|
-
"@youcan/celeste-tokens": "0.6.
|
|
46
|
+
"@youcan/celeste-icons": "0.6.35",
|
|
47
|
+
"@youcan/celeste-tokens": "0.6.35"
|
|
48
48
|
},
|
|
49
49
|
"devDependencies": {
|
|
50
50
|
"@chromatic-com/storybook": "^4.0.0",
|
|
@@ -4,7 +4,7 @@ import { useDelegatedProps } from '@/composables/use-delegated-props';
|
|
|
4
4
|
import clsx from 'clsx';
|
|
5
5
|
import { DropdownMenuItem, type DropdownMenuItemProps, useForwardProps } from 'radix-vue';
|
|
6
6
|
|
|
7
|
-
const props = defineProps<DropdownMenuItemProps & { class?: HTMLAttributes['class']
|
|
7
|
+
const props = defineProps<DropdownMenuItemProps & { class?: HTMLAttributes['class'] }>();
|
|
8
8
|
|
|
9
9
|
const delegatedProps = useDelegatedProps(props, 'class');
|
|
10
10
|
|