@xihan-ui/styles 1.0.0-alpha.0 → 1.0.0-alpha.2
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 +341 -0
- package/css/accordion.css +5 -0
- package/css/affix.css +5 -0
- package/css/alert.css +5 -0
- package/css/anchor.css +5 -0
- package/css/avatar-group.css +5 -0
- package/css/avatar.css +5 -0
- package/css/back-top.css +7 -2
- package/css/badge.css +5 -0
- package/css/breadcrumb.css +5 -0
- package/css/button-group.css +6 -1
- package/css/button.css +16 -1
- package/css/calendar.css +6 -1
- package/css/card.css +5 -0
- package/css/carousel.css +7 -2
- package/css/cascader.css +204 -24
- package/css/checkbox-group.css +25 -20
- package/css/checkbox.css +6 -1
- package/css/clipboard.css +8 -3
- package/css/code-block.css +5 -0
- package/css/collapsible.css +5 -0
- package/css/color-picker.css +27 -6
- package/css/combobox.css +42 -20
- package/css/composer.css +6 -1
- package/css/context-menu.css +62 -34
- package/css/countdown.css +5 -0
- package/css/date-field.css +10 -5
- package/css/date-picker.css +72 -3
- package/css/descriptions.css +5 -0
- package/css/dialog.css +69 -9
- package/css/drawer.css +33 -12
- package/css/dynamic-input.css +7 -2
- package/css/editable.css +11 -6
- package/css/ellipsis.css +5 -0
- package/css/empty-state.css +5 -0
- package/css/field.css +37 -1
- package/css/file-upload.css +8 -3
- package/css/flex.css +5 -0
- package/css/float-button.css +7 -2
- package/css/form.css +23 -6
- package/css/gradient-text.css +5 -0
- package/css/grid.css +5 -0
- package/css/highlight.css +5 -0
- package/css/hover-card.css +34 -17
- package/css/icon-wrapper.css +5 -0
- package/css/icon.css +5 -0
- package/css/image-viewer.css +196 -0
- package/css/image.css +5 -0
- package/css/infinite-scroll.css +5 -0
- package/css/layout.css +5 -0
- package/css/list.css +5 -0
- package/css/listbox.css +14 -6
- package/css/loading-bar.css +5 -0
- package/css/log.css +5 -0
- package/css/marquee.css +5 -0
- package/css/mention.css +33 -22
- package/css/menu.css +57 -23
- package/css/menubar.css +34 -25
- package/css/navigation-menu.css +6 -1
- package/css/number-animation.css +5 -0
- package/css/number-field.css +21 -16
- package/css/page-header.css +5 -0
- package/css/pagination.css +5 -0
- package/css/pin-input.css +11 -6
- package/css/popconfirm.css +44 -0
- package/css/popover.css +34 -11
- package/css/popselect.css +50 -16
- package/css/progress.css +73 -1
- package/css/qr-code.css +5 -0
- package/css/radio-group.css +6 -1
- package/css/rating.css +5 -0
- package/css/result.css +5 -0
- package/css/scroll-area.css +5 -6
- package/css/select.css +167 -17
- package/css/separator.css +5 -0
- package/css/side-nav.css +168 -0
- package/css/skeleton.css +5 -0
- package/css/slider.css +60 -0
- package/css/spinner.css +9 -1
- package/css/splitter.css +5 -0
- package/css/statistic.css +5 -0
- package/css/steps.css +7 -2
- package/css/switch.css +34 -0
- package/css/table.css +11 -6
- package/css/tabs.css +5 -0
- package/css/tags-input.css +12 -7
- package/css/text-field.css +28 -10
- package/css/thread.css +6 -1
- package/css/time-field.css +10 -5
- package/css/time-picker.css +42 -27
- package/css/time.css +5 -0
- package/css/timeline.css +5 -0
- package/css/toast.css +13 -12
- package/css/toaster.css +5 -0
- package/css/toggle-group.css +6 -1
- package/css/toggle.css +6 -1
- package/css/tone.css +22 -0
- package/css/toolbar.css +5 -0
- package/css/tooltip.css +39 -21
- package/css/tour.css +45 -21
- package/css/transfer.css +16 -9
- package/css/tree-select.css +45 -18
- package/css/tree.css +13 -5
- package/css/typography.css +5 -0
- package/css/virtualizer.css +5 -0
- package/css/watermark.css +5 -0
- package/index.css +6 -3
- package/index.unlayered.css +2325 -588
- package/package.json +4 -3
- 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.2",
|
|
5
5
|
"description": "XiHan.UI styled layer — pure CSS skins driven by data-attributes and design tokens.",
|
|
6
6
|
"author": {
|
|
7
7
|
"name": "XiHanFun",
|
|
@@ -75,6 +75,7 @@
|
|
|
75
75
|
"./icon-wrapper.css": "./css/icon-wrapper.css",
|
|
76
76
|
"./icon.css": "./css/icon.css",
|
|
77
77
|
"./image.css": "./css/image.css",
|
|
78
|
+
"./image-viewer.css": "./css/image-viewer.css",
|
|
78
79
|
"./index.css": "./index.css",
|
|
79
80
|
"./index.unlayered.css": "./index.unlayered.css",
|
|
80
81
|
"./infinite-scroll.css": "./css/infinite-scroll.css",
|
|
@@ -88,7 +89,6 @@
|
|
|
88
89
|
"./mention.css": "./css/mention.css",
|
|
89
90
|
"./menu.css": "./css/menu.css",
|
|
90
91
|
"./menubar.css": "./css/menubar.css",
|
|
91
|
-
"./motion.css": "./css/motion.css",
|
|
92
92
|
"./navigation-menu.css": "./css/navigation-menu.css",
|
|
93
93
|
"./number-animation.css": "./css/number-animation.css",
|
|
94
94
|
"./number-field.css": "./css/number-field.css",
|
|
@@ -107,6 +107,7 @@
|
|
|
107
107
|
"./scroll-area.css": "./css/scroll-area.css",
|
|
108
108
|
"./select.css": "./css/select.css",
|
|
109
109
|
"./separator.css": "./css/separator.css",
|
|
110
|
+
"./side-nav.css": "./css/side-nav.css",
|
|
110
111
|
"./skeleton.css": "./css/skeleton.css",
|
|
111
112
|
"./slider.css": "./css/slider.css",
|
|
112
113
|
"./spinner.css": "./css/spinner.css",
|
|
@@ -154,7 +155,7 @@
|
|
|
154
155
|
"registry": "https://registry.npmjs.org/"
|
|
155
156
|
},
|
|
156
157
|
"dependencies": {
|
|
157
|
-
"@xihan-ui/tokens": "^1.0.0-alpha.
|
|
158
|
+
"@xihan-ui/tokens": "^1.0.0-alpha.2"
|
|
158
159
|
},
|
|
159
160
|
"scripts": {
|
|
160
161
|
"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
|
-
}
|