@xihan-ui/styles 1.0.0-alpha.1 → 1.0.0-alpha.3
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/CHANGELOG.md +527 -0
- package/README.md +1 -1
- package/css/accordion.css +61 -5
- package/css/affix.css +5 -0
- package/css/alert.css +35 -5
- package/css/anchor.css +12 -7
- package/css/avatar-group.css +8 -3
- package/css/avatar.css +8 -3
- package/css/back-top.css +21 -1
- package/css/badge.css +21 -2
- package/css/breadcrumb.css +29 -4
- package/css/button-group.css +19 -13
- package/css/button.css +57 -11
- package/css/calendar.css +124 -2
- package/css/card.css +10 -5
- package/css/carousel.css +41 -5
- package/css/cascader.css +188 -102
- package/css/checkbox-group.css +46 -19
- package/css/checkbox.css +59 -8
- package/css/clipboard.css +7 -1
- package/css/code-block.css +17 -7
- package/css/collapsible.css +47 -2
- package/css/color-picker.css +117 -46
- package/css/combobox.css +132 -52
- package/css/composer.css +10 -3
- package/css/context-menu.css +101 -75
- package/css/countdown.css +5 -0
- package/css/date-field.css +96 -14
- package/css/date-picker.css +281 -65
- package/css/descriptions.css +7 -2
- package/css/dialog.css +109 -22
- package/css/download-trigger.css +76 -0
- package/css/drawer.css +75 -23
- package/css/dynamic-input.css +73 -17
- package/css/editable.css +17 -10
- package/css/ellipsis.css +6 -1
- package/css/empty-state.css +12 -7
- package/css/field.css +14 -6
- package/css/fieldset.css +69 -0
- package/css/file-upload.css +50 -7
- package/css/flex.css +5 -0
- package/css/float-button.css +21 -1
- package/css/floating-panel.css +310 -0
- package/css/form.css +10 -5
- package/css/gradient-text.css +5 -0
- package/css/grid.css +5 -0
- package/css/heatmap.css +410 -0
- package/css/highlight.css +6 -1
- package/css/hotkeys.css +90 -0
- package/css/hover-card.css +58 -50
- package/css/icon-wrapper.css +5 -0
- package/css/icon.css +5 -0
- package/css/image-cropper.css +231 -0
- package/css/image-viewer.css +167 -22
- package/css/image.css +7 -2
- package/css/infinite-scroll.css +6 -1
- package/css/json-viewer.css +241 -0
- package/css/layout.css +11 -10
- package/css/list.css +13 -8
- package/css/listbox.css +25 -4
- package/css/loading-bar.css +12 -1
- package/css/log.css +6 -1
- package/css/marquee.css +14 -0
- package/css/masonry.css +63 -0
- package/css/mention.css +105 -32
- package/css/menu.css +131 -46
- package/css/menubar.css +150 -66
- package/css/navigation-menu.css +59 -29
- package/css/number-animation.css +8 -3
- package/css/number-field.css +178 -16
- package/css/overlay-arrow.css +51 -0
- package/css/page-header.css +10 -5
- package/css/pagination.css +18 -13
- package/css/password-input.css +356 -0
- package/css/pin-input.css +18 -10
- package/css/popconfirm.css +73 -16
- package/css/popover.css +88 -44
- package/css/popselect.css +201 -52
- package/css/progress.css +52 -7
- package/css/qr-code.css +6 -1
- package/css/radio-group.css +19 -8
- package/css/rating.css +7 -2
- package/css/reset.css +17 -0
- package/css/result.css +11 -6
- package/css/scroll-area.css +65 -94
- package/css/scrollbar.css +167 -0
- package/css/segmented.css +215 -0
- package/css/select.css +292 -124
- package/css/separator.css +7 -2
- package/css/side-nav.css +116 -19
- package/css/signature-pad.css +144 -0
- package/css/skeleton.css +12 -1
- package/css/slider.css +15 -10
- package/css/space.css +117 -0
- package/css/spinner.css +31 -11
- package/css/splitter.css +5 -0
- package/css/statistic.css +14 -9
- package/css/steps.css +30 -8
- package/css/switch.css +62 -13
- package/css/table.css +136 -37
- package/css/tabs.css +9 -4
- package/css/tag.css +177 -0
- package/css/tags-input.css +83 -40
- package/css/text-field.css +154 -36
- package/css/thread.css +6 -1
- package/css/time-field.css +102 -16
- package/css/time-picker.css +264 -69
- package/css/time.css +5 -0
- package/css/timeline.css +15 -10
- package/css/timer.css +119 -0
- package/css/toast.css +46 -21
- package/css/toaster.css +6 -1
- package/css/toggle-group.css +5 -0
- package/css/toggle.css +11 -6
- package/css/tone.css +10 -5
- package/css/toolbar.css +6 -1
- package/css/tooltip.css +54 -38
- package/css/tour.css +128 -63
- package/css/transfer.css +73 -17
- package/css/tree-select.css +203 -83
- package/css/tree.css +90 -1
- package/css/typography.css +9 -4
- package/css/undefined.css +11 -1
- package/css/virtualizer.css +8 -1
- package/css/watermark.css +6 -2
- package/index.css +17 -1
- package/index.unlayered.css +9394 -2883
- package/package.json +19 -4
- package/css/motion.css +0 -58
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@xihan-ui/styles",
|
|
3
3
|
"type": "module",
|
|
4
|
-
"version": "1.0.0-alpha.
|
|
4
|
+
"version": "1.0.0-alpha.3",
|
|
5
5
|
"description": "XiHan.UI styled layer — pure CSS skins driven by data-attributes and design tokens.",
|
|
6
6
|
"author": {
|
|
7
7
|
"name": "XiHanFun",
|
|
@@ -58,27 +58,34 @@
|
|
|
58
58
|
"./date-picker.css": "./css/date-picker.css",
|
|
59
59
|
"./descriptions.css": "./css/descriptions.css",
|
|
60
60
|
"./dialog.css": "./css/dialog.css",
|
|
61
|
+
"./download-trigger.css": "./css/download-trigger.css",
|
|
61
62
|
"./drawer.css": "./css/drawer.css",
|
|
62
63
|
"./dynamic-input.css": "./css/dynamic-input.css",
|
|
63
64
|
"./editable.css": "./css/editable.css",
|
|
64
65
|
"./ellipsis.css": "./css/ellipsis.css",
|
|
65
66
|
"./empty-state.css": "./css/empty-state.css",
|
|
66
67
|
"./field.css": "./css/field.css",
|
|
68
|
+
"./fieldset.css": "./css/fieldset.css",
|
|
67
69
|
"./file-upload.css": "./css/file-upload.css",
|
|
68
70
|
"./flex.css": "./css/flex.css",
|
|
69
71
|
"./float-button.css": "./css/float-button.css",
|
|
72
|
+
"./floating-panel.css": "./css/floating-panel.css",
|
|
70
73
|
"./form.css": "./css/form.css",
|
|
71
74
|
"./gradient-text.css": "./css/gradient-text.css",
|
|
72
75
|
"./grid.css": "./css/grid.css",
|
|
76
|
+
"./heatmap.css": "./css/heatmap.css",
|
|
73
77
|
"./highlight.css": "./css/highlight.css",
|
|
78
|
+
"./hotkeys.css": "./css/hotkeys.css",
|
|
74
79
|
"./hover-card.css": "./css/hover-card.css",
|
|
75
80
|
"./icon-wrapper.css": "./css/icon-wrapper.css",
|
|
76
81
|
"./icon.css": "./css/icon.css",
|
|
77
|
-
"./image.css": "./css/image.css",
|
|
82
|
+
"./image-cropper.css": "./css/image-cropper.css",
|
|
78
83
|
"./image-viewer.css": "./css/image-viewer.css",
|
|
84
|
+
"./image.css": "./css/image.css",
|
|
79
85
|
"./index.css": "./index.css",
|
|
80
86
|
"./index.unlayered.css": "./index.unlayered.css",
|
|
81
87
|
"./infinite-scroll.css": "./css/infinite-scroll.css",
|
|
88
|
+
"./json-viewer.css": "./css/json-viewer.css",
|
|
82
89
|
"./layers.css": "./css/layers.css",
|
|
83
90
|
"./layout.css": "./css/layout.css",
|
|
84
91
|
"./list.css": "./css/list.css",
|
|
@@ -86,15 +93,17 @@
|
|
|
86
93
|
"./loading-bar.css": "./css/loading-bar.css",
|
|
87
94
|
"./log.css": "./css/log.css",
|
|
88
95
|
"./marquee.css": "./css/marquee.css",
|
|
96
|
+
"./masonry.css": "./css/masonry.css",
|
|
89
97
|
"./mention.css": "./css/mention.css",
|
|
90
98
|
"./menu.css": "./css/menu.css",
|
|
91
99
|
"./menubar.css": "./css/menubar.css",
|
|
92
|
-
"./motion.css": "./css/motion.css",
|
|
93
100
|
"./navigation-menu.css": "./css/navigation-menu.css",
|
|
94
101
|
"./number-animation.css": "./css/number-animation.css",
|
|
95
102
|
"./number-field.css": "./css/number-field.css",
|
|
103
|
+
"./overlay-arrow.css": "./css/overlay-arrow.css",
|
|
96
104
|
"./page-header.css": "./css/page-header.css",
|
|
97
105
|
"./pagination.css": "./css/pagination.css",
|
|
106
|
+
"./password-input.css": "./css/password-input.css",
|
|
98
107
|
"./pin-input.css": "./css/pin-input.css",
|
|
99
108
|
"./popconfirm.css": "./css/popconfirm.css",
|
|
100
109
|
"./popover.css": "./css/popover.css",
|
|
@@ -106,11 +115,15 @@
|
|
|
106
115
|
"./reset.css": "./css/reset.css",
|
|
107
116
|
"./result.css": "./css/result.css",
|
|
108
117
|
"./scroll-area.css": "./css/scroll-area.css",
|
|
118
|
+
"./scrollbar.css": "./css/scrollbar.css",
|
|
119
|
+
"./segmented.css": "./css/segmented.css",
|
|
109
120
|
"./select.css": "./css/select.css",
|
|
110
121
|
"./separator.css": "./css/separator.css",
|
|
111
122
|
"./side-nav.css": "./css/side-nav.css",
|
|
123
|
+
"./signature-pad.css": "./css/signature-pad.css",
|
|
112
124
|
"./skeleton.css": "./css/skeleton.css",
|
|
113
125
|
"./slider.css": "./css/slider.css",
|
|
126
|
+
"./space.css": "./css/space.css",
|
|
114
127
|
"./spinner.css": "./css/spinner.css",
|
|
115
128
|
"./splitter.css": "./css/splitter.css",
|
|
116
129
|
"./statistic.css": "./css/statistic.css",
|
|
@@ -118,6 +131,7 @@
|
|
|
118
131
|
"./switch.css": "./css/switch.css",
|
|
119
132
|
"./table.css": "./css/table.css",
|
|
120
133
|
"./tabs.css": "./css/tabs.css",
|
|
134
|
+
"./tag.css": "./css/tag.css",
|
|
121
135
|
"./tags-input.css": "./css/tags-input.css",
|
|
122
136
|
"./text-field.css": "./css/text-field.css",
|
|
123
137
|
"./thread.css": "./css/thread.css",
|
|
@@ -125,6 +139,7 @@
|
|
|
125
139
|
"./time-picker.css": "./css/time-picker.css",
|
|
126
140
|
"./time.css": "./css/time.css",
|
|
127
141
|
"./timeline.css": "./css/timeline.css",
|
|
142
|
+
"./timer.css": "./css/timer.css",
|
|
128
143
|
"./toast.css": "./css/toast.css",
|
|
129
144
|
"./toaster.css": "./css/toaster.css",
|
|
130
145
|
"./toggle-group.css": "./css/toggle-group.css",
|
|
@@ -156,7 +171,7 @@
|
|
|
156
171
|
"registry": "https://registry.npmjs.org/"
|
|
157
172
|
},
|
|
158
173
|
"dependencies": {
|
|
159
|
-
"@xihan-ui/tokens": "^1.0.0-alpha.
|
|
174
|
+
"@xihan-ui/tokens": "^1.0.0-alpha.3"
|
|
160
175
|
},
|
|
161
176
|
"scripts": {
|
|
162
177
|
"gen": "node build/emit-unlayered.mjs",
|
package/css/motion.css
DELETED
|
@@ -1,58 +0,0 @@
|
|
|
1
|
-
@layer xihan.motion {
|
|
2
|
-
@keyframes xh-spin {
|
|
3
|
-
to {
|
|
4
|
-
transform: rotate(360deg);
|
|
5
|
-
}
|
|
6
|
-
}
|
|
7
|
-
|
|
8
|
-
@keyframes xh-fade-in {
|
|
9
|
-
from {
|
|
10
|
-
opacity: 0;
|
|
11
|
-
}
|
|
12
|
-
|
|
13
|
-
to {
|
|
14
|
-
opacity: 1;
|
|
15
|
-
}
|
|
16
|
-
}
|
|
17
|
-
|
|
18
|
-
@keyframes xh-fade-out {
|
|
19
|
-
from {
|
|
20
|
-
opacity: 1;
|
|
21
|
-
}
|
|
22
|
-
|
|
23
|
-
to {
|
|
24
|
-
opacity: 0;
|
|
25
|
-
}
|
|
26
|
-
}
|
|
27
|
-
|
|
28
|
-
@keyframes xh-dialog-in {
|
|
29
|
-
from {
|
|
30
|
-
opacity: 0;
|
|
31
|
-
transform: translateY(8px) scale(0.98);
|
|
32
|
-
}
|
|
33
|
-
|
|
34
|
-
to {
|
|
35
|
-
opacity: 1;
|
|
36
|
-
transform: none;
|
|
37
|
-
}
|
|
38
|
-
}
|
|
39
|
-
|
|
40
|
-
@keyframes xh-dialog-out {
|
|
41
|
-
from {
|
|
42
|
-
opacity: 1;
|
|
43
|
-
transform: none;
|
|
44
|
-
}
|
|
45
|
-
|
|
46
|
-
to {
|
|
47
|
-
opacity: 0;
|
|
48
|
-
transform: translateY(8px) scale(0.98);
|
|
49
|
-
}
|
|
50
|
-
}
|
|
51
|
-
|
|
52
|
-
@media (prefers-reduced-motion: reduce) {
|
|
53
|
-
[data-scope='dialog'] [data-part],
|
|
54
|
-
[data-scope='button'] [data-part] {
|
|
55
|
-
animation-duration: 0.01ms !important;
|
|
56
|
-
}
|
|
57
|
-
}
|
|
58
|
-
}
|