diff --git a/packages/stage-ui/package.json b/packages/stage-ui/package.json index d04451584..2978ba6d3 100644 --- a/packages/stage-ui/package.json +++ b/packages/stage-ui/package.json @@ -105,7 +105,16 @@ }, "devDependencies": { "@histoire/plugin-vue": "1.0.0-alpha.2", + "@iconify-json/carbon": "^1.2.10", + "@iconify-json/eos-icons": "^1.2.2", + "@iconify-json/lucide": "^1.2.54", + "@iconify-json/mingcute": "^1.2.3", + "@iconify-json/simple-icons": "^1.2.41", + "@iconify-json/solar": "^1.2.2", + "@iconify-json/svg-spinners": "^1.2.2", + "@iconify-json/vscode-icons": "^1.2.23", "@moeru/std": "catalog:", + "@proj-airi/lobe-icons": "^1.0.8", "@types/culori": "^4.0.0", "@types/three": "^0.177.0", "@unocss/reset": "^66.3.2", diff --git a/packages/stage-ui/src/components/Misc/Skeleton.vue b/packages/stage-ui/src/components/Misc/Skeleton.vue index 1cd95e63f..230102332 100644 --- a/packages/stage-ui/src/components/Misc/Skeleton.vue +++ b/packages/stage-ui/src/components/Misc/Skeleton.vue @@ -25,7 +25,7 @@ const props = withDefaults(defineProps<{ /* Pulse animation */ .skeleton-pulse { - animation: skeleton-pulse 1.5s ease-in-out 0.5s infinite; + animation: skeleton-pulse 2s ease-in-out 0.5s infinite; } @keyframes skeleton-pulse { @@ -50,7 +50,7 @@ const props = withDefaults(defineProps<{ left: 0; transform: translateX(-100%); background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent); - animation: skeleton-wave 1.5s infinite; + animation: skeleton-wave 2s ease-in-out infinite; border-radius: inherit; } @@ -61,12 +61,15 @@ const props = withDefaults(defineProps<{ @keyframes skeleton-wave { 0% { transform: translateX(-100%); + opacity: 0; } 60% { transform: translateX(100%); + opacity: 1; } 100% { transform: translateX(100%); + opacity: 0; } } diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index 4cb72aa0e..fe894f20e 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -1169,9 +1169,36 @@ importers: '@histoire/plugin-vue': specifier: 1.0.0-alpha.2 version: 1.0.0-alpha.2(histoire@1.0.0-alpha.2(@types/node@24.0.7)(bufferutil@4.0.9)(less@4.3.0)(lightningcss@1.30.1)(terser@5.43.1)(utf-8-validate@5.0.10)(vite@6.3.5(@types/node@24.0.7)(jiti@2.4.2)(less@4.3.0)(lightningcss@1.30.1)(terser@5.43.1)(tsx@4.20.3)(yaml@2.8.0)))(vite@6.3.5(@types/node@24.0.7)(jiti@2.4.2)(less@4.3.0)(lightningcss@1.30.1)(terser@5.43.1)(tsx@4.20.3)(yaml@2.8.0))(vue@3.5.17(typescript@5.8.3)) + '@iconify-json/carbon': + specifier: ^1.2.10 + version: 1.2.10 + '@iconify-json/eos-icons': + specifier: ^1.2.2 + version: 1.2.2 + '@iconify-json/lucide': + specifier: ^1.2.54 + version: 1.2.54 + '@iconify-json/mingcute': + specifier: ^1.2.3 + version: 1.2.3 + '@iconify-json/simple-icons': + specifier: ^1.2.41 + version: 1.2.41 + '@iconify-json/solar': + specifier: ^1.2.2 + version: 1.2.2 + '@iconify-json/svg-spinners': + specifier: ^1.2.2 + version: 1.2.2 + '@iconify-json/vscode-icons': + specifier: ^1.2.23 + version: 1.2.23 '@moeru/std': specifier: 'catalog:' version: 0.1.0-beta.4 + '@proj-airi/lobe-icons': + specifier: ^1.0.8 + version: 1.0.8 '@types/culori': specifier: ^4.0.0 version: 4.0.0