@youcan/celeste 0.6.66 → 0.6.67
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
|
@@ -3381,9 +3381,10 @@ to {
|
|
|
3381
3381
|
width: 100%;
|
|
3382
3382
|
height: 1px;
|
|
3383
3383
|
background-color: var(--color-stroke-soft-200);
|
|
3384
|
-
}[data-v-
|
|
3384
|
+
}[data-v-a7fc7ec9] .celeste-dropdown-menu-sub-content {
|
|
3385
3385
|
--dropdown-min-width: 250px;
|
|
3386
3386
|
--dropdown-max-width: 350px;
|
|
3387
|
+
--dropdown-max-height: 300px;
|
|
3387
3388
|
display: flex;
|
|
3388
3389
|
z-index: 50;
|
|
3389
3390
|
box-sizing: border-box;
|
|
@@ -3391,9 +3392,10 @@ to {
|
|
|
3391
3392
|
width: 100%;
|
|
3392
3393
|
min-width: var(--dropdown-min-width);
|
|
3393
3394
|
max-width: var(--dropdown-max-width);
|
|
3395
|
+
max-height: var(--dropdown-max-height);
|
|
3394
3396
|
margin-block-start: var(--spacing-10);
|
|
3395
3397
|
padding: var(--spacing-8);
|
|
3396
|
-
overflow: hidden;
|
|
3398
|
+
overflow: hidden auto;
|
|
3397
3399
|
transform-origin: var(--radix-popper-transform-origin);
|
|
3398
3400
|
animation: var(--animation-fast) ease-out forwards;
|
|
3399
3401
|
border: 1px solid var(--color-stroke-soft-200);
|
|
@@ -3403,19 +3405,19 @@ to {
|
|
|
3403
3405
|
gap: var(--spacing-4);
|
|
3404
3406
|
scale: 0.95;
|
|
3405
3407
|
}
|
|
3406
|
-
[data-v-
|
|
3407
|
-
animation-name: open-
|
|
3408
|
+
[data-v-a7fc7ec9] .celeste-dropdown-menu-sub-content[data-state=open] {
|
|
3409
|
+
animation-name: open-a7fc7ec9;
|
|
3408
3410
|
}
|
|
3409
|
-
[data-v-
|
|
3410
|
-
animation-name: close-
|
|
3411
|
+
[data-v-a7fc7ec9] .celeste-dropdown-menu-sub-content[data-state=closed] {
|
|
3412
|
+
animation-name: close-a7fc7ec9;
|
|
3411
3413
|
}
|
|
3412
|
-
@keyframes open-
|
|
3414
|
+
@keyframes open-a7fc7ec9 {
|
|
3413
3415
|
to {
|
|
3414
3416
|
opacity: 1;
|
|
3415
3417
|
scale: 1;
|
|
3416
3418
|
}
|
|
3417
3419
|
}
|
|
3418
|
-
@keyframes close-
|
|
3420
|
+
@keyframes close-a7fc7ec9 {
|
|
3419
3421
|
from {
|
|
3420
3422
|
opacity: 1;
|
|
3421
3423
|
scale: 1;
|
|
@@ -47,5 +47,5 @@ const _sfc_main = /* @__PURE__ */ Mo.defineComponent({
|
|
|
47
47
|
};
|
|
48
48
|
}
|
|
49
49
|
});
|
|
50
|
-
const dropdownMenuSubContent = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["__scopeId", "data-v-
|
|
50
|
+
const dropdownMenuSubContent = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["__scopeId", "data-v-a7fc7ec9"]]);
|
|
51
51
|
module.exports = dropdownMenuSubContent;
|
|
@@ -46,7 +46,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
46
46
|
};
|
|
47
47
|
}
|
|
48
48
|
});
|
|
49
|
-
const dropdownMenuSubContent = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-
|
|
49
|
+
const dropdownMenuSubContent = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-a7fc7ec9"]]);
|
|
50
50
|
export {
|
|
51
51
|
dropdownMenuSubContent as default
|
|
52
52
|
};
|
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.67",
|
|
5
5
|
"author": "YouCan <tech@youcan.shop>",
|
|
6
6
|
"keywords": [
|
|
7
7
|
"youcan",
|
|
@@ -44,8 +44,8 @@
|
|
|
44
44
|
"radix-vue": "^1.9.12",
|
|
45
45
|
"tinycolor2": "^1.6.0",
|
|
46
46
|
"vue-sonner": "^2.0.2",
|
|
47
|
-
"@youcan/celeste-icons": "0.6.
|
|
48
|
-
"@youcan/celeste-tokens": "0.6.
|
|
47
|
+
"@youcan/celeste-icons": "0.6.67",
|
|
48
|
+
"@youcan/celeste-tokens": "0.6.67"
|
|
49
49
|
},
|
|
50
50
|
"devDependencies": {
|
|
51
51
|
"@chromatic-com/storybook": "^4.1.1",
|
|
@@ -33,6 +33,7 @@ const forwarded = useForwardPropsEmits(delegatedProps, emits);
|
|
|
33
33
|
:deep(.celeste-dropdown-menu-sub-content) {
|
|
34
34
|
--dropdown-min-width: 250px;
|
|
35
35
|
--dropdown-max-width: 350px;
|
|
36
|
+
--dropdown-max-height: 300px;
|
|
36
37
|
|
|
37
38
|
display: flex;
|
|
38
39
|
z-index: 50;
|
|
@@ -41,9 +42,10 @@ const forwarded = useForwardPropsEmits(delegatedProps, emits);
|
|
|
41
42
|
width: 100%;
|
|
42
43
|
min-width: var(--dropdown-min-width);
|
|
43
44
|
max-width: var(--dropdown-max-width);
|
|
45
|
+
max-height: var(--dropdown-max-height);
|
|
44
46
|
margin-block-start: var(--spacing-10);
|
|
45
47
|
padding: var(--spacing-8);
|
|
46
|
-
overflow: hidden;
|
|
48
|
+
overflow: hidden auto;
|
|
47
49
|
transform-origin: var(--radix-popper-transform-origin);
|
|
48
50
|
animation: var(--animation-fast) ease-out forwards;
|
|
49
51
|
border: 1px solid var(--color-stroke-soft-200);
|