feat: unify design tokens, five font weights, radius scale, restrained motion, AA contrast

2026-09-23 05:41:16 +08:00
parent b3b0e07c42
commit 058f353965
15 changed files with 264 additions and 190 deletions
@@ -74,11 +74,13 @@ onBeforeUnmount(deactivate)

 <template>
  <Teleport v-if="modal" :to="overlayRoot()">
+    <Transition name="app-sheet">
    <div v-if="open" class="app-overlay app-sheet-mask" :style="{ zIndex: layerZIndex }" :aria-busy="busy || undefined" @click="scrimClose">
      <component :is="$attrs.onSubmit ? 'form' : 'section'" ref="panel" class="app-sheet" :class="[`app-sheet--${variant}`, panelClass]" role="dialog" aria-modal="true" :aria-labelledby="titleId" :aria-describedby="descriptionId" :aria-label="label" tabindex="-1" v-bind="$attrs" @keydown="keydown">
        <slot />
      </component>
    </div>
+    </Transition>
  </Teleport>
  <Teleport v-else-if="inlineTarget" :to="inlineTarget">
    <component v-if="open" :is="$attrs.onSubmit ? 'form' : 'section'" ref="panel" class="app-sheet" :class="[`app-sheet--${variant}`, panelClass]" role="dialog" :aria-labelledby="titleId" :aria-describedby="descriptionId" :aria-label="label" :aria-busy="busy || undefined" v-bind="$attrs">