@xihan-ui/styles 1.0.0-alpha.2 → 1.0.0

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@xihan-ui/styles",
   "type": "module",
-  "version": "1.0.0-alpha.2",
+  "version": "1.0.0",
   "description": "XiHan.UI styled layer — pure CSS skins driven by data-attributes and design tokens.",
   "author": {
     "name": "XiHanFun",
@@ -58,27 +58,34 @@
     "./date-picker.css": "./css/date-picker.css",
     "./descriptions.css": "./css/descriptions.css",
     "./dialog.css": "./css/dialog.css",
+    "./download-trigger.css": "./css/download-trigger.css",
     "./drawer.css": "./css/drawer.css",
     "./dynamic-input.css": "./css/dynamic-input.css",
     "./editable.css": "./css/editable.css",
     "./ellipsis.css": "./css/ellipsis.css",
     "./empty-state.css": "./css/empty-state.css",
     "./field.css": "./css/field.css",
+    "./fieldset.css": "./css/fieldset.css",
     "./file-upload.css": "./css/file-upload.css",
     "./flex.css": "./css/flex.css",
     "./float-button.css": "./css/float-button.css",
+    "./floating-panel.css": "./css/floating-panel.css",
     "./form.css": "./css/form.css",
     "./gradient-text.css": "./css/gradient-text.css",
     "./grid.css": "./css/grid.css",
+    "./heatmap.css": "./css/heatmap.css",
     "./highlight.css": "./css/highlight.css",
+    "./hotkeys.css": "./css/hotkeys.css",
     "./hover-card.css": "./css/hover-card.css",
     "./icon-wrapper.css": "./css/icon-wrapper.css",
     "./icon.css": "./css/icon.css",
-    "./image.css": "./css/image.css",
+    "./image-cropper.css": "./css/image-cropper.css",
     "./image-viewer.css": "./css/image-viewer.css",
+    "./image.css": "./css/image.css",
     "./index.css": "./index.css",
     "./index.unlayered.css": "./index.unlayered.css",
     "./infinite-scroll.css": "./css/infinite-scroll.css",
+    "./json-viewer.css": "./css/json-viewer.css",
     "./layers.css": "./css/layers.css",
     "./layout.css": "./css/layout.css",
     "./list.css": "./css/list.css",
@@ -86,14 +93,18 @@
     "./loading-bar.css": "./css/loading-bar.css",
     "./log.css": "./css/log.css",
     "./marquee.css": "./css/marquee.css",
+    "./masonry.css": "./css/masonry.css",
     "./mention.css": "./css/mention.css",
     "./menu.css": "./css/menu.css",
     "./menubar.css": "./css/menubar.css",
     "./navigation-menu.css": "./css/navigation-menu.css",
+    "./notification.css": "./css/notification.css",
     "./number-animation.css": "./css/number-animation.css",
     "./number-field.css": "./css/number-field.css",
+    "./overlay-arrow.css": "./css/overlay-arrow.css",
     "./page-header.css": "./css/page-header.css",
     "./pagination.css": "./css/pagination.css",
+    "./password-input.css": "./css/password-input.css",
     "./pin-input.css": "./css/pin-input.css",
     "./popconfirm.css": "./css/popconfirm.css",
     "./popover.css": "./css/popover.css",
@@ -105,11 +116,15 @@
     "./reset.css": "./css/reset.css",
     "./result.css": "./css/result.css",
     "./scroll-area.css": "./css/scroll-area.css",
+    "./scrollbar.css": "./css/scrollbar.css",
+    "./segmented.css": "./css/segmented.css",
     "./select.css": "./css/select.css",
     "./separator.css": "./css/separator.css",
     "./side-nav.css": "./css/side-nav.css",
+    "./signature-pad.css": "./css/signature-pad.css",
     "./skeleton.css": "./css/skeleton.css",
     "./slider.css": "./css/slider.css",
+    "./space.css": "./css/space.css",
     "./spinner.css": "./css/spinner.css",
     "./splitter.css": "./css/splitter.css",
     "./statistic.css": "./css/statistic.css",
@@ -117,6 +132,7 @@
     "./switch.css": "./css/switch.css",
     "./table.css": "./css/table.css",
     "./tabs.css": "./css/tabs.css",
+    "./tag.css": "./css/tag.css",
     "./tags-input.css": "./css/tags-input.css",
     "./text-field.css": "./css/text-field.css",
     "./thread.css": "./css/thread.css",
@@ -124,8 +140,8 @@
     "./time-picker.css": "./css/time-picker.css",
     "./time.css": "./css/time.css",
     "./timeline.css": "./css/timeline.css",
+    "./timer.css": "./css/timer.css",
     "./toast.css": "./css/toast.css",
-    "./toaster.css": "./css/toaster.css",
     "./toggle-group.css": "./css/toggle-group.css",
     "./toggle.css": "./css/toggle.css",
     "./tone.css": "./css/tone.css",
@@ -155,7 +171,7 @@
     "registry": "https://registry.npmjs.org/"
   },
   "dependencies": {
-    "@xihan-ui/tokens": "^1.0.0-alpha.2"
+    "@xihan-ui/tokens": "^1.0.0"
   },
   "scripts": {
     "gen": "node build/emit-unlayered.mjs",

package/css/toaster.css

@@ -1,74 +0,0 @@
-@layer xihan.components {
-  /* 皮肤在场的标记：开发模式下按 scope 探一次，取不到就说明这份皮肤没被引入。 */
-  [data-scope='toaster'] {
-    --xh-toaster-skin: 1;
-  }
-
-  /* 地标容器不占布局：通知落在哪儿由九个 group 各自的 fixed 说了算，
-     root 只是给读屏一个可跳转的落点。它若留下一个块盒，写在页面中段的用法
-     （按钮和队列摆在一起）就会凭空多出一行空白。
-     另一件必须提防的事：fixed 认的是视口，祖先上一旦出现
-     transform / filter / backdrop-filter / contain，包含块就被抢走，整摞通知立刻贴错位置——
-     所以这里连 position 都不碰，也别往覆盖钩子里加这几个属性。 */
-  [data-scope='toaster'][data-part='root'] {
-    display: contents;
-  }
-
-  /* 只要声明过 display，就盖掉了 UA 的 [hidden]{display:none}，收起态得自己补回来 */
-  [data-scope='toaster'][data-part='root'][hidden] {
-    display: none;
-  }
-
-  /*
-   * 一摞 = 一整面视口大小的定位面：贴边靠 padding，九个位靠 justify/align 表达。
-   * 不用四角 inset 逐个摆，是因为 column flex 的 align-items 走的是行内轴，
-   * RTL 下 start/end 自动跟着翻；写死 inset-inline-start 的话居中那三个位
-   * 还得再配一次 translate，方向一变就错。
-   * 条目次序按队列原样（旧的在前）：贴底那三个位于是新的离屏幕边最近，符合直觉。
-   */
-  [data-scope='toaster'][data-part='group'] {
-    position: fixed;
-    inset-block: 0;
-    inset-inline: 0;
-    z-index: var(--xh-layer-toast);
-    display: flex;
-    flex-direction: column;
-    /* 基线按默认落位 bottom-end 写，下面只覆盖跟它不同的那几个位 */
-    justify-content: flex-end;
-    align-items: center;
-    padding-block: var(--xh-toaster-inset, var(--xh-space-6));
-    padding-inline: var(--xh-toaster-inset, var(--xh-space-6));
-    /* 摞内间距由连接层写进内联 style（两个适配器共用同一份），这里绝不重复写：
-       写了也会被内联盖掉，只会让人误以为间距归样式层管 */
-    /* 整面铺开就等于罩住了整块视口。面本身不吃指针，只有卡片吃（见 toast.css），
-       否则九个位一叠，底下的页面就再也点不动了 */
-    pointer-events: none;
-  }
-
-  [data-scope='toaster'][data-part='group'][hidden] {
-    display: none;
-  }
-
-  /* 空摞直接撤掉：九个位同时挂九张全屏定位面，白白多九个合成层 */
-  [data-scope='toaster'][data-part='group'][data-empty] {
-    display: none;
-  }
-
-  /* 块轴落位：^= 一次吃掉某一行的三个位（top / top-start / top-end） */
-  [data-scope='toaster'][data-part='group'][data-placement^='top'] {
-    justify-content: flex-start;
-  }
-
-  [data-scope='toaster'][data-part='group'][data-placement^='middle'] {
-    justify-content: center;
-  }
-
-  /* 行内轴落位：不带后缀的 top / middle / bottom 用基线的居中 */
-  [data-scope='toaster'][data-part='group'][data-placement$='-start'] {
-    align-items: flex-start;
-  }
-
-  [data-scope='toaster'][data-part='group'][data-placement$='-end'] {
-    align-items: flex-end;
-  }
-}