@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.
Files changed (129) hide show
  1. package/CHANGELOG.md +527 -0
  2. package/README.md +1 -1
  3. package/css/accordion.css +61 -5
  4. package/css/affix.css +5 -0
  5. package/css/alert.css +35 -5
  6. package/css/anchor.css +12 -7
  7. package/css/avatar-group.css +8 -3
  8. package/css/avatar.css +8 -3
  9. package/css/back-top.css +21 -1
  10. package/css/badge.css +21 -2
  11. package/css/breadcrumb.css +29 -4
  12. package/css/button-group.css +19 -13
  13. package/css/button.css +57 -11
  14. package/css/calendar.css +124 -2
  15. package/css/card.css +10 -5
  16. package/css/carousel.css +41 -5
  17. package/css/cascader.css +188 -102
  18. package/css/checkbox-group.css +46 -19
  19. package/css/checkbox.css +59 -8
  20. package/css/clipboard.css +7 -1
  21. package/css/code-block.css +17 -7
  22. package/css/collapsible.css +47 -2
  23. package/css/color-picker.css +117 -46
  24. package/css/combobox.css +132 -52
  25. package/css/composer.css +10 -3
  26. package/css/context-menu.css +101 -75
  27. package/css/countdown.css +5 -0
  28. package/css/date-field.css +96 -14
  29. package/css/date-picker.css +281 -65
  30. package/css/descriptions.css +7 -2
  31. package/css/dialog.css +109 -22
  32. package/css/download-trigger.css +76 -0
  33. package/css/drawer.css +75 -23
  34. package/css/dynamic-input.css +73 -17
  35. package/css/editable.css +17 -10
  36. package/css/ellipsis.css +6 -1
  37. package/css/empty-state.css +12 -7
  38. package/css/field.css +14 -6
  39. package/css/fieldset.css +69 -0
  40. package/css/file-upload.css +50 -7
  41. package/css/flex.css +5 -0
  42. package/css/float-button.css +21 -1
  43. package/css/floating-panel.css +310 -0
  44. package/css/form.css +10 -5
  45. package/css/gradient-text.css +5 -0
  46. package/css/grid.css +5 -0
  47. package/css/heatmap.css +410 -0
  48. package/css/highlight.css +6 -1
  49. package/css/hotkeys.css +90 -0
  50. package/css/hover-card.css +58 -50
  51. package/css/icon-wrapper.css +5 -0
  52. package/css/icon.css +5 -0
  53. package/css/image-cropper.css +231 -0
  54. package/css/image-viewer.css +167 -22
  55. package/css/image.css +7 -2
  56. package/css/infinite-scroll.css +6 -1
  57. package/css/json-viewer.css +241 -0
  58. package/css/layout.css +11 -10
  59. package/css/list.css +13 -8
  60. package/css/listbox.css +25 -4
  61. package/css/loading-bar.css +12 -1
  62. package/css/log.css +6 -1
  63. package/css/marquee.css +14 -0
  64. package/css/masonry.css +63 -0
  65. package/css/mention.css +105 -32
  66. package/css/menu.css +131 -46
  67. package/css/menubar.css +150 -66
  68. package/css/navigation-menu.css +59 -29
  69. package/css/number-animation.css +8 -3
  70. package/css/number-field.css +178 -16
  71. package/css/overlay-arrow.css +51 -0
  72. package/css/page-header.css +10 -5
  73. package/css/pagination.css +18 -13
  74. package/css/password-input.css +356 -0
  75. package/css/pin-input.css +18 -10
  76. package/css/popconfirm.css +73 -16
  77. package/css/popover.css +88 -44
  78. package/css/popselect.css +201 -52
  79. package/css/progress.css +52 -7
  80. package/css/qr-code.css +6 -1
  81. package/css/radio-group.css +19 -8
  82. package/css/rating.css +7 -2
  83. package/css/reset.css +17 -0
  84. package/css/result.css +11 -6
  85. package/css/scroll-area.css +65 -94
  86. package/css/scrollbar.css +167 -0
  87. package/css/segmented.css +215 -0
  88. package/css/select.css +292 -124
  89. package/css/separator.css +7 -2
  90. package/css/side-nav.css +116 -19
  91. package/css/signature-pad.css +144 -0
  92. package/css/skeleton.css +12 -1
  93. package/css/slider.css +15 -10
  94. package/css/space.css +117 -0
  95. package/css/spinner.css +31 -11
  96. package/css/splitter.css +5 -0
  97. package/css/statistic.css +14 -9
  98. package/css/steps.css +30 -8
  99. package/css/switch.css +62 -13
  100. package/css/table.css +136 -37
  101. package/css/tabs.css +9 -4
  102. package/css/tag.css +177 -0
  103. package/css/tags-input.css +83 -40
  104. package/css/text-field.css +154 -36
  105. package/css/thread.css +6 -1
  106. package/css/time-field.css +102 -16
  107. package/css/time-picker.css +264 -69
  108. package/css/time.css +5 -0
  109. package/css/timeline.css +15 -10
  110. package/css/timer.css +119 -0
  111. package/css/toast.css +46 -21
  112. package/css/toaster.css +6 -1
  113. package/css/toggle-group.css +5 -0
  114. package/css/toggle.css +11 -6
  115. package/css/tone.css +10 -5
  116. package/css/toolbar.css +6 -1
  117. package/css/tooltip.css +54 -38
  118. package/css/tour.css +128 -63
  119. package/css/transfer.css +73 -17
  120. package/css/tree-select.css +203 -83
  121. package/css/tree.css +90 -1
  122. package/css/typography.css +9 -4
  123. package/css/undefined.css +11 -1
  124. package/css/virtualizer.css +8 -1
  125. package/css/watermark.css +6 -2
  126. package/index.css +17 -1
  127. package/index.unlayered.css +9394 -2883
  128. package/package.json +19 -4
  129. 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.1",
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.1"
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
- }