@taskon/widget-react 0.0.1-beta.5 → 0.0.1-beta.7

package/dist/{dynamic-import-helper.css → WidgetShell.css}

@@ -1,230 +1,3 @@
-/**
- * Dialog 组件样式
- * 基于 Radix UI Dialog 封装
- * 使用 taskon-dialog-* 命名空间
- */
-
-/*
- * Responsive base styles
- *
- * Keep mobile breakpoints and fallback patterns centralized here.
- * Components should reuse these mixins instead of duplicating query logic.
- */
-
-/*
- * Desktop-up mixin:
- * 1) Enable desktop enhancement in wider containers
- * 2) Keep viewport media query as fallback
- */
-
-/* ==================== 遮罩层 ==================== */
-
-.taskon-dialog-overlay {
-  position: fixed;
-  inset: 0;
-  z-index: 9998;
-  /* 遮罩层统一使用通用 mask token */
-  background-color: var(--taskon-color-bg-mask);
-  backdrop-filter: blur(24px);
-
-  /* 动画 */
-  animation: taskon-dialog-overlay-fade-in 150ms ease-out;
-}
-
-.taskon-dialog-overlay[data-state="closed"] {
-  animation: taskon-dialog-overlay-fade-out 150ms ease-in;
-}
-
-@keyframes taskon-dialog-overlay-fade-in {
-  from {
-    opacity: 0;
-  }
-  to {
-    opacity: 1;
-  }
-}
-
-@keyframes taskon-dialog-overlay-fade-out {
-  from {
-    opacity: 1;
-  }
-  to {
-    opacity: 0;
-  }
-}
-
-/* ==================== 弹窗内容 ==================== */
-
-.taskon-dialog-content {
-  position: fixed;
-  top: 50%;
-  left: 50%;
-  transform: translate(-50%, -50%);
-  z-index: 9999;
-
-  /* 尺寸 */
-  width: 95vw;
-  max-width: 500px;
-  max-height: 90vh;
-
-  /* 弹层统一使用 floating 背景 token */
-  background-color: var(--taskon-color-bg-floating);
-  color: var(--taskon-color-text);
-  border-radius: var(--taskon-border-radius);
-  box-shadow: 0 25px 50px -12px var(--taskon-color-bg-mask);
-
-  /* 布局 */
-  display: flex;
-  flex-direction: column;
-  overflow: hidden;
-
-  /* 移除默认的 focus outline */
-  outline: none;
-
-  /* 动画 */
-  animation: taskon-dialog-content-fade-in 200ms ease-out;
-}
-
-.taskon-dialog-content[data-state="closed"] {
-  animation: taskon-dialog-content-fade-out 150ms ease-in;
-}
-
-@keyframes taskon-dialog-content-fade-in {
-  from {
-    opacity: 0;
-    transform: translate(-50%, -48%) scale(0.96);
-  }
-  to {
-    opacity: 1;
-    transform: translate(-50%, -50%) scale(1);
-  }
-}
-
-@keyframes taskon-dialog-content-fade-out {
-  from {
-    opacity: 1;
-    transform: translate(-50%, -50%) scale(1);
-  }
-  to {
-    opacity: 0;
-    transform: translate(-50%, -48%) scale(0.96);
-  }
-}
-
-/* ==================== 无障碍标题/描述（屏幕阅读器可见） ==================== */
-
-.taskon-dialog-title--sr-only,
-.taskon-dialog-description--sr-only {
-  position: absolute;
-  width: 1px;
-  height: 1px;
-  padding: 0;
-  margin: -1px;
-  overflow: hidden;
-  clip: rect(0, 0, 0, 0);
-  white-space: nowrap;
-  border: 0;
-}
-
-/* ==================== 头部操作区 ==================== */
-
-.taskon-dialog-header {
-  position: absolute;
-  top: 12px;
-  right: 12px;
-  z-index: 1;
-
-  display: flex;
-  align-items: center;
-  gap: 8px;
-}
-
-.taskon-dialog-header-slot {
-  display: flex;
-  align-items: center;
-}
-
-/* ==================== 关闭按钮 ==================== */
-
-.taskon-dialog-close {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-
-  width: 32px;
-  height: 32px;
-  padding: 0;
-
-  background: var(--taskon-color-bg-surface-subtle);
-  border: none;
-  border-radius: var(--taskon-border-radius-sm);
-  cursor: pointer;
-
-  color: var(--taskon-color-text-secondary);
-  transition: all 0.2s ease;
-}
-
-.taskon-dialog-close:hover {
-  background-color: var(--taskon-color-bg-surface);
-  color: var(--taskon-color-text);
-}
-
-.taskon-dialog-close:focus-visible {
-  outline: 2px solid var(--taskon-color-primary);
-  outline-offset: 2px;
-}
-
-/* ==================== 主体内容 ==================== */
-
-.taskon-dialog-body {
-  flex: 1;
-  overflow-y: auto;
-  padding: 20px;
-}
-
-.taskon-dialog-body--no-padding {
-  padding: 0;
-}
-
-/* ==================== Desktop 增强 ==================== */
-
-@supports (container-type: inline-size) {
-    @container (min-width: 751px) {
-  .taskon-dialog-content {
-    width: 90vw;
-    max-height: 85vh;
-    border-radius: var(--taskon-border-radius-lg);
-  }
-
-  .taskon-dialog-body {
-    padding: 24px;
-  }
-
-  .taskon-dialog-header {
-    top: 16px;
-    right: 16px;
-  }
-    }
-  }
-
-@supports not (container-type: inline-size) {
-    @media (min-width: 751px) {
-  .taskon-dialog-content {
-    width: 90vw;
-    max-height: 85vh;
-    border-radius: var(--taskon-border-radius-lg);
-  }
-
-  .taskon-dialog-body {
-    padding: 24px;
-  }
-
-  .taskon-dialog-header {
-    top: 16px;
-    right: 16px;
-  }
-    }
-  }
 /**
  * Pagination 通用分页组件样式
  * @description 使用 taskon-pagination 命名空间