morya-ui 0.4.3 → 0.4.4

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 (173) hide show
  1. package/CHANGELOG.md +780 -769
  2. package/LICENSE +21 -21
  3. package/README.md +156 -150
  4. package/README.zh-CN.md +156 -150
  5. package/dist/accordion/style.css +1205 -1205
  6. package/dist/affix/style.css +1205 -1205
  7. package/dist/alert/style.css +1205 -1205
  8. package/dist/anchor/style.css +1205 -1205
  9. package/dist/auto-complete/style.css +1749 -1749
  10. package/dist/avatar/style.css +1318 -1318
  11. package/dist/badge/style.css +1371 -1371
  12. package/dist/block-ui/style.css +1205 -1205
  13. package/dist/breadcrumb/style.css +1205 -1205
  14. package/dist/button/style.css +1909 -1909
  15. package/dist/calendar/style.css +1880 -1880
  16. package/dist/card/style.css +1205 -1205
  17. package/dist/carousel/style.css +2208 -2208
  18. package/dist/cascade-select/style.css +1909 -1909
  19. package/dist/checkbox/style.css +1205 -1205
  20. package/dist/chip/style.css +1349 -1349
  21. package/dist/command-menu/style.css +1438 -1438
  22. package/dist/components/AutoComplete/styles.css +209 -209
  23. package/dist/components/Avatar/styles.css +113 -113
  24. package/dist/components/Badge/styles.css +164 -164
  25. package/dist/components/Button/styles.css +698 -698
  26. package/dist/components/Carousel/styles.css +302 -302
  27. package/dist/components/CascadeSelect/styles.css +168 -168
  28. package/dist/components/Chip/styles.css +144 -144
  29. package/dist/components/CommandMenu/styles.css +102 -102
  30. package/dist/components/ConfigProvider/styles.css +6 -6
  31. package/dist/components/ConfirmDialog/styles.css +24 -24
  32. package/dist/components/ConfirmPopup/styles.css +35 -35
  33. package/dist/components/ContextMenu/styles.css +138 -138
  34. package/dist/components/DatePicker/styles.css +453 -453
  35. package/dist/components/Dialog/styles.css +420 -420
  36. package/dist/components/Dock/styles.css +84 -84
  37. package/dist/components/Drawer/styles.css +346 -346
  38. package/dist/components/Dropdown/styles.css +135 -135
  39. package/dist/components/Empty/styles.css +146 -146
  40. package/dist/components/FileUpload/styles.css +359 -359
  41. package/dist/components/Form/Form.vue.d.ts.map +1 -1
  42. package/dist/components/Form/styles.css +125 -125
  43. package/dist/components/Gallery/styles.css +100 -100
  44. package/dist/components/Input/styles.css +392 -392
  45. package/dist/components/InputColor/styles.css +139 -139
  46. package/dist/components/InputNumber/styles.css +262 -262
  47. package/dist/components/InputPassword/styles.css +189 -189
  48. package/dist/components/InputTags/styles.css +121 -121
  49. package/dist/components/Layout/styles.css +433 -433
  50. package/dist/components/List/styles.css +229 -229
  51. package/dist/components/Listbox/styles.css +130 -130
  52. package/dist/components/Loading/styles.css +378 -378
  53. package/dist/components/MegaMenu/styles.css +97 -97
  54. package/dist/components/Menu/styles.css +565 -565
  55. package/dist/components/Menubar/styles.css +144 -144
  56. package/dist/components/Message/styles.css +248 -248
  57. package/dist/components/MeterGroup/styles.css +49 -49
  58. package/dist/components/Page/styles.css +430 -430
  59. package/dist/components/Pagination/styles.css +124 -124
  60. package/dist/components/Popover/styles.css +92 -92
  61. package/dist/components/Result/styles.css +146 -146
  62. package/dist/components/Scrollbar/styles.css +131 -131
  63. package/dist/components/Select/styles.css +222 -222
  64. package/dist/components/SelectButton/styles.css +107 -107
  65. package/dist/components/Sidebar/styles.css +74 -74
  66. package/dist/components/Slider/styles.css +211 -211
  67. package/dist/components/SplitButton/styles.css +216 -216
  68. package/dist/components/Status/styles.css +190 -190
  69. package/dist/components/Stepper/styles.css +152 -152
  70. package/dist/components/Switch/styles.css +129 -129
  71. package/dist/components/Tabs/styles.css +165 -165
  72. package/dist/components/Terminal/styles.css +75 -75
  73. package/dist/components/Textarea/styles.css +146 -146
  74. package/dist/components/TieredMenu/styles.css +125 -125
  75. package/dist/components/Timeline/styles.css +157 -157
  76. package/dist/components/TreeSelect/styles.css +172 -172
  77. package/dist/components/VirtualScroller/styles.css +27 -27
  78. package/dist/config-provider/style.css +2301 -2301
  79. package/dist/confirm-dialog/style.css +2347 -2347
  80. package/dist/confirm-popup/style.css +1938 -1938
  81. package/dist/context-menu/style.css +1474 -1474
  82. package/dist/data-view/style.css +1707 -1707
  83. package/dist/date-picker/style.css +1658 -1658
  84. package/dist/descriptions/style.css +1205 -1205
  85. package/dist/dialog/style.css +2323 -2323
  86. package/dist/divider/style.css +1205 -1205
  87. package/dist/dock/style.css +1289 -1289
  88. package/dist/drawer/style.css +1551 -1551
  89. package/dist/dropdown/style.css +1471 -1471
  90. package/dist/empty/style.css +1351 -1351
  91. package/dist/fieldset/style.css +1205 -1205
  92. package/dist/file-upload/style.css +1564 -1564
  93. package/dist/flex/style.css +1205 -1205
  94. package/dist/float-label/style.css +1205 -1205
  95. package/dist/fluid/style.css +1205 -1205
  96. package/dist/form/style.css +1332 -1332
  97. package/dist/gallery/style.css +1436 -1436
  98. package/dist/grid/style.css +1205 -1205
  99. package/dist/icon/style.css +1205 -1205
  100. package/dist/icon-field/style.css +1597 -1597
  101. package/dist/image/style.css +1205 -1205
  102. package/dist/inplace/style.css +1205 -1205
  103. package/dist/input/style.css +1722 -1722
  104. package/dist/input-color/style.css +1346 -1346
  105. package/dist/input-group/style.css +1205 -1205
  106. package/dist/input-number/style.css +1467 -1467
  107. package/dist/input-otp/style.css +1205 -1205
  108. package/dist/input-password/style.css +1519 -1519
  109. package/dist/input-tags/style.css +1326 -1326
  110. package/dist/knob/style.css +1205 -1205
  111. package/dist/label/style.css +1205 -1205
  112. package/dist/layout/style.css +1769 -1769
  113. package/dist/list/style.css +2087 -2087
  114. package/dist/listbox/style.css +1497 -1497
  115. package/dist/loading/style.css +1585 -1585
  116. package/dist/mega-menu/style.css +1302 -1302
  117. package/dist/mentions/style.css +1330 -1330
  118. package/dist/menu/style.css +2059 -2059
  119. package/dist/menubar/style.css +1480 -1480
  120. package/dist/message/style.css +1453 -1453
  121. package/dist/meter-group/style.css +1256 -1256
  122. package/dist/order-list/style.css +1205 -1205
  123. package/dist/page/style.css +2597 -2597
  124. package/dist/pagination/style.css +1551 -1551
  125. package/dist/panel/style.css +1205 -1205
  126. package/dist/pick-list/style.css +1205 -1205
  127. package/dist/popover/style.css +1299 -1299
  128. package/dist/progress-bar/style.css +1205 -1205
  129. package/dist/progress-spinner/style.css +1205 -1205
  130. package/dist/qr-code/style.css +1903 -1903
  131. package/dist/radio/style.css +1205 -1205
  132. package/dist/rating/style.css +1205 -1205
  133. package/dist/result/style.css +1351 -1351
  134. package/dist/scroll-top/style.css +1336 -1336
  135. package/dist/scrollbar/style.css +1338 -1338
  136. package/dist/segmented/style.css +1205 -1205
  137. package/dist/select/style.css +2115 -2115
  138. package/dist/select-button/style.css +1314 -1314
  139. package/dist/shared/styles/control-affix-icon.css +110 -110
  140. package/dist/shared/styles/control-suffix.css +118 -118
  141. package/dist/shared/styles/select-overlay.css +177 -177
  142. package/dist/sidebar/style.css +1279 -1279
  143. package/dist/skeleton/style.css +1205 -1205
  144. package/dist/slider/style.css +1418 -1418
  145. package/dist/space/style.css +1205 -1205
  146. package/dist/speed-dial/style.css +1205 -1205
  147. package/dist/split-button/style.css +2119 -2119
  148. package/dist/splitter/style.css +1205 -1205
  149. package/dist/statistic/style.css +1205 -1205
  150. package/dist/status/style.css +1395 -1395
  151. package/dist/stepper/style.css +1357 -1357
  152. package/dist/styles/base.css +804 -804
  153. package/dist/switch/style.css +1336 -1336
  154. package/dist/table/style.css +1840 -1840
  155. package/dist/tabs/style.css +1501 -1501
  156. package/dist/tag/style.css +1205 -1205
  157. package/dist/terminal/style.css +1282 -1282
  158. package/dist/textarea/style.css +1476 -1476
  159. package/dist/theme/styles.css +401 -401
  160. package/dist/tiered-menu/style.css +1461 -1461
  161. package/dist/time-picker/style.css +1660 -1660
  162. package/dist/timeline/style.css +1493 -1493
  163. package/dist/toast/style.css +1903 -1903
  164. package/dist/toggle-button/style.css +1205 -1205
  165. package/dist/toolbar/style.css +1205 -1205
  166. package/dist/tooltip/style.css +1205 -1205
  167. package/dist/tour/style.css +1903 -1903
  168. package/dist/tree/style.css +1205 -1205
  169. package/dist/tree-select/style.css +1913 -1913
  170. package/dist/typography/style.css +1351 -1351
  171. package/dist/virtual-scroller/style.css +1366 -1366
  172. package/dist/watermark/style.css +1205 -1205
  173. package/package.json +2 -1
package/dist/components/Badge/styles.css CHANGED
@@ -1,164 +1,164 @@
1
- .m-badge {
2
- --m-badge-size: 1.25rem;
3
- --m-badge-font-size: var(--m-font-size-xs);
4
- --m-badge-padding-y: var(--m-space-1);
5
- --m-badge-padding-x: var(--m-space-2);
6
-
7
- --m-badge-size-small: 1rem;
8
- --m-badge-size-large: 1.5rem;
9
- --m-badge-dot-size: 0.5rem;
10
- --m-badge-dot-size-small: 0.375rem;
11
- --m-badge-dot-size-large: 0.625rem;
12
- align-items: center;
13
- background: var(--m-color-primary);
14
- border-radius: var(--m-radius-full);
15
- color: var(--m-color-on-emphasis);
16
- display: inline-flex;
17
- font-family: var(--m-font-sans);
18
- font-size: var(--m-badge-font-size);
19
- font-weight: 700;
20
- justify-content: center;
21
- line-height: 1;
22
- min-height: var(--m-badge-size);
23
- min-width: var(--m-badge-size);
24
- padding: var(--m-badge-padding-y) var(--m-badge-padding-x);
25
- position: relative;
26
- vertical-align: middle;
27
- }
28
-
29
- .m-badge--dot {
30
- height: var(--m-badge-dot-size);
31
- min-height: var(--m-badge-dot-size);
32
- min-width: var(--m-badge-dot-size);
33
- padding: 0;
34
- width: var(--m-badge-dot-size);
35
- }
36
-
37
- .m-badge--small {
38
- --m-badge-size: var(--m-badge-size-small);
39
- --m-badge-font-size: var(--m-font-size-xs);
40
- min-height: var(--m-badge-size);
41
- min-width: var(--m-badge-size);
42
- padding: var(--m-space-1) var(--m-space-2);
43
- }
44
-
45
- .m-badge--small.m-badge--dot {
46
- --m-badge-dot-size: var(--m-badge-dot-size-small);
47
- height: var(--m-badge-dot-size);
48
- min-height: var(--m-badge-dot-size);
49
- min-width: var(--m-badge-dot-size);
50
- width: var(--m-badge-dot-size);
51
- }
52
-
53
- .m-badge--large {
54
- --m-badge-size: var(--m-badge-size-large);
55
- --m-badge-font-size: var(--m-font-size-sm);
56
- min-height: var(--m-badge-size);
57
- min-width: var(--m-badge-size);
58
- padding: var(--m-space-1) var(--m-space-2);
59
- }
60
-
61
- .m-badge--large.m-badge--dot {
62
- --m-badge-dot-size: var(--m-badge-dot-size-large);
63
- height: var(--m-badge-dot-size);
64
- min-height: var(--m-badge-dot-size);
65
- min-width: var(--m-badge-dot-size);
66
- width: var(--m-badge-dot-size);
67
- }
68
-
69
- .m-badge--primary {
70
- background: var(--m-color-primary);
71
- color: var(--m-color-on-emphasis);
72
- }
73
-
74
- .m-badge--secondary {
75
- background: color-mix(
76
- in srgb,
77
- var(--m-color-text-muted) 25%,
78
- var(--m-color-surface)
79
- );
80
- color: var(--m-color-text);
81
- }
82
-
83
- .m-badge--success {
84
- background: var(--m-color-success);
85
- color: var(--m-color-on-emphasis);
86
- }
87
-
88
- .m-badge--info {
89
- background: var(--m-color-info);
90
- color: var(--m-color-on-emphasis);
91
- }
92
-
93
- .m-badge--warning {
94
- background: var(--m-color-warn);
95
- color: var(--m-color-on-emphasis);
96
- }
97
-
98
- .m-badge--danger {
99
- background: var(--m-color-danger);
100
- color: var(--m-color-on-emphasis);
101
- }
102
-
103
- .m-badge--contrast {
104
- background: var(--m-color-contrast);
105
- color: var(--m-color-contrast-fg);
106
- }
107
-
108
- .m-badge--help {
109
- background: var(--m-color-help);
110
- color: var(--m-color-on-emphasis);
111
- }
112
-
113
- .m-badge-wrap {
114
- display: inline-flex;
115
- position: relative;
116
- vertical-align: middle;
117
- }
118
-
119
- .m-badge-wrap > .m-badge {
120
- --m-badge-offset-x: 0px;
121
- --m-badge-offset-y: 0px;
122
- position: absolute;
123
- right: 0;
124
- top: 0;
125
- transform: translate(
126
- calc(50% + var(--m-badge-offset-x)),
127
- calc(-50% + var(--m-badge-offset-y))
128
- );
129
- }
130
-
131
- .m-badge--processing {
132
- animation: none;
133
- isolation: isolate;
134
- }
135
-
136
- .m-badge--processing::after {
137
- background: currentColor;
138
- border-radius: inherit;
139
- content: '';
140
- inset: 0;
141
- opacity: 0.35;
142
- pointer-events: none;
143
- position: absolute;
144
- z-index: -1;
145
- animation: m-badge-pulse-ring var(--m-motion-pulse) ease-in-out infinite;
146
- }
147
-
148
- @keyframes m-badge-pulse-ring {
149
- 0%,
150
- 100% {
151
- opacity: 0.35;
152
- transform: scale(1);
153
- }
154
- 70% {
155
- opacity: 0;
156
- transform: scale(1.85);
157
- }
158
- }
159
-
160
- [data-m-motion="reduced"] .m-badge--processing::after,
161
- [data-m-motion="none"] .m-badge--processing::after {
162
- animation: none;
163
- opacity: 0;
164
- }
1
+ .m-badge {
2
+ --m-badge-size: 1.25rem;
3
+ --m-badge-font-size: var(--m-font-size-xs);
4
+ --m-badge-padding-y: var(--m-space-1);
5
+ --m-badge-padding-x: var(--m-space-2);
6
+
7
+ --m-badge-size-small: 1rem;
8
+ --m-badge-size-large: 1.5rem;
9
+ --m-badge-dot-size: 0.5rem;
10
+ --m-badge-dot-size-small: 0.375rem;
11
+ --m-badge-dot-size-large: 0.625rem;
12
+ align-items: center;
13
+ background: var(--m-color-primary);
14
+ border-radius: var(--m-radius-full);
15
+ color: var(--m-color-on-emphasis);
16
+ display: inline-flex;
17
+ font-family: var(--m-font-sans);
18
+ font-size: var(--m-badge-font-size);
19
+ font-weight: 700;
20
+ justify-content: center;
21
+ line-height: 1;
22
+ min-height: var(--m-badge-size);
23
+ min-width: var(--m-badge-size);
24
+ padding: var(--m-badge-padding-y) var(--m-badge-padding-x);
25
+ position: relative;
26
+ vertical-align: middle;
27
+ }
28
+
29
+ .m-badge--dot {
30
+ height: var(--m-badge-dot-size);
31
+ min-height: var(--m-badge-dot-size);
32
+ min-width: var(--m-badge-dot-size);
33
+ padding: 0;
34
+ width: var(--m-badge-dot-size);
35
+ }
36
+
37
+ .m-badge--small {
38
+ --m-badge-size: var(--m-badge-size-small);
39
+ --m-badge-font-size: var(--m-font-size-xs);
40
+ min-height: var(--m-badge-size);
41
+ min-width: var(--m-badge-size);
42
+ padding: var(--m-space-1) var(--m-space-2);
43
+ }
44
+
45
+ .m-badge--small.m-badge--dot {
46
+ --m-badge-dot-size: var(--m-badge-dot-size-small);
47
+ height: var(--m-badge-dot-size);
48
+ min-height: var(--m-badge-dot-size);
49
+ min-width: var(--m-badge-dot-size);
50
+ width: var(--m-badge-dot-size);
51
+ }
52
+
53
+ .m-badge--large {
54
+ --m-badge-size: var(--m-badge-size-large);
55
+ --m-badge-font-size: var(--m-font-size-sm);
56
+ min-height: var(--m-badge-size);
57
+ min-width: var(--m-badge-size);
58
+ padding: var(--m-space-1) var(--m-space-2);
59
+ }
60
+
61
+ .m-badge--large.m-badge--dot {
62
+ --m-badge-dot-size: var(--m-badge-dot-size-large);
63
+ height: var(--m-badge-dot-size);
64
+ min-height: var(--m-badge-dot-size);
65
+ min-width: var(--m-badge-dot-size);
66
+ width: var(--m-badge-dot-size);
67
+ }
68
+
69
+ .m-badge--primary {
70
+ background: var(--m-color-primary);
71
+ color: var(--m-color-on-emphasis);
72
+ }
73
+
74
+ .m-badge--secondary {
75
+ background: color-mix(
76
+ in srgb,
77
+ var(--m-color-text-muted) 25%,
78
+ var(--m-color-surface)
79
+ );
80
+ color: var(--m-color-text);
81
+ }
82
+
83
+ .m-badge--success {
84
+ background: var(--m-color-success);
85
+ color: var(--m-color-on-emphasis);
86
+ }
87
+
88
+ .m-badge--info {
89
+ background: var(--m-color-info);
90
+ color: var(--m-color-on-emphasis);
91
+ }
92
+
93
+ .m-badge--warning {
94
+ background: var(--m-color-warn);
95
+ color: var(--m-color-on-emphasis);
96
+ }
97
+
98
+ .m-badge--danger {
99
+ background: var(--m-color-danger);
100
+ color: var(--m-color-on-emphasis);
101
+ }
102
+
103
+ .m-badge--contrast {
104
+ background: var(--m-color-contrast);
105
+ color: var(--m-color-contrast-fg);
106
+ }
107
+
108
+ .m-badge--help {
109
+ background: var(--m-color-help);
110
+ color: var(--m-color-on-emphasis);
111
+ }
112
+
113
+ .m-badge-wrap {
114
+ display: inline-flex;
115
+ position: relative;
116
+ vertical-align: middle;
117
+ }
118
+
119
+ .m-badge-wrap > .m-badge {
120
+ --m-badge-offset-x: 0px;
121
+ --m-badge-offset-y: 0px;
122
+ position: absolute;
123
+ right: 0;
124
+ top: 0;
125
+ transform: translate(
126
+ calc(50% + var(--m-badge-offset-x)),
127
+ calc(-50% + var(--m-badge-offset-y))
128
+ );
129
+ }
130
+
131
+ .m-badge--processing {
132
+ animation: none;
133
+ isolation: isolate;
134
+ }
135
+
136
+ .m-badge--processing::after {
137
+ background: currentColor;
138
+ border-radius: inherit;
139
+ content: '';
140
+ inset: 0;
141
+ opacity: 0.35;
142
+ pointer-events: none;
143
+ position: absolute;
144
+ z-index: -1;
145
+ animation: m-badge-pulse-ring var(--m-motion-pulse) ease-in-out infinite;
146
+ }
147
+
148
+ @keyframes m-badge-pulse-ring {
149
+ 0%,
150
+ 100% {
151
+ opacity: 0.35;
152
+ transform: scale(1);
153
+ }
154
+ 70% {
155
+ opacity: 0;
156
+ transform: scale(1.85);
157
+ }
158
+ }
159
+
160
+ [data-m-motion="reduced"] .m-badge--processing::after,
161
+ [data-m-motion="none"] .m-badge--processing::after {
162
+ animation: none;
163
+ opacity: 0;
164
+ }