morya-ui 0.3.5 → 0.3.6

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 (157) hide show
  1. package/CHANGELOG.md +529 -523
  2. package/LICENSE +21 -21
  3. package/README.md +150 -150
  4. package/README.zh-CN.md +150 -150
  5. package/dist/accordion/style.css +1148 -1148
  6. package/dist/auto-complete/style.css +1690 -1690
  7. package/dist/avatar/style.css +1261 -1261
  8. package/dist/badge/style.css +1315 -1315
  9. package/dist/block-ui/style.css +1148 -1148
  10. package/dist/breadcrumb/style.css +1148 -1148
  11. package/dist/button/style.css +2138 -2138
  12. package/dist/card/style.css +1148 -1148
  13. package/dist/carousel/style.css +1249 -1249
  14. package/dist/cascade-select/style.css +1839 -1839
  15. package/dist/checkbox/style.css +1148 -1148
  16. package/dist/chip/style.css +1292 -1292
  17. package/dist/command-menu/style.css +1381 -1381
  18. package/dist/components/AutoComplete/styles.css +209 -209
  19. package/dist/components/Avatar/styles.css +113 -113
  20. package/dist/components/Badge/styles.css +165 -165
  21. package/dist/components/Button/styles.css +962 -962
  22. package/dist/components/Carousel/styles.css +101 -101
  23. package/dist/components/CascadeSelect/styles.css +157 -157
  24. package/dist/components/Chip/styles.css +144 -144
  25. package/dist/components/CommandMenu/styles.css +102 -102
  26. package/dist/components/ConfigProvider/styles.css +6 -6
  27. package/dist/components/ConfirmDialog/styles.css +24 -24
  28. package/dist/components/ConfirmPopup/styles.css +35 -35
  29. package/dist/components/ContextMenu/styles.css +138 -138
  30. package/dist/components/DatePicker/styles.css +335 -335
  31. package/dist/components/Dialog/styles.css +421 -421
  32. package/dist/components/Dock/styles.css +84 -84
  33. package/dist/components/Drawer/styles.css +334 -334
  34. package/dist/components/Dropdown/styles.css +130 -130
  35. package/dist/components/Empty/styles.css +146 -146
  36. package/dist/components/FileUpload/styles.css +359 -359
  37. package/dist/components/Form/styles.css +114 -114
  38. package/dist/components/Gallery/styles.css +100 -100
  39. package/dist/components/Input/styles.css +356 -356
  40. package/dist/components/InputColor/styles.css +129 -129
  41. package/dist/components/InputNumber/styles.css +261 -261
  42. package/dist/components/InputPassword/styles.css +178 -178
  43. package/dist/components/InputTags/styles.css +112 -112
  44. package/dist/components/Layout/styles.css +433 -433
  45. package/dist/components/Loading/styles.css +378 -378
  46. package/dist/components/MegaMenu/styles.css +97 -97
  47. package/dist/components/Menu/styles.css +564 -564
  48. package/dist/components/Menubar/styles.css +144 -144
  49. package/dist/components/Message/styles.css +250 -250
  50. package/dist/components/MeterGroup/styles.css +49 -49
  51. package/dist/components/Page/styles.css +430 -430
  52. package/dist/components/Pagination/styles.css +105 -105
  53. package/dist/components/Popover/styles.css +92 -92
  54. package/dist/components/Result/styles.css +146 -146
  55. package/dist/components/Scrollbar/styles.css +131 -131
  56. package/dist/components/Select/styles.css +192 -192
  57. package/dist/components/SelectButton/styles.css +105 -105
  58. package/dist/components/Sidebar/styles.css +74 -74
  59. package/dist/components/Slider/styles.css +211 -211
  60. package/dist/components/SplitButton/styles.css +216 -216
  61. package/dist/components/Status/styles.css +191 -191
  62. package/dist/components/Stepper/styles.css +135 -135
  63. package/dist/components/Switch/styles.css +129 -129
  64. package/dist/components/Tabs/styles.css +131 -131
  65. package/dist/components/Terminal/styles.css +74 -74
  66. package/dist/components/Textarea/styles.css +126 -126
  67. package/dist/components/TieredMenu/styles.css +125 -125
  68. package/dist/components/Timeline/styles.css +159 -159
  69. package/dist/components/TreeSelect/styles.css +161 -161
  70. package/dist/components/TreeTable/styles.css +97 -97
  71. package/dist/components/VirtualScroller/styles.css +27 -27
  72. package/dist/config-provider/style.css +2472 -2472
  73. package/dist/confirm-dialog/style.css +2555 -2555
  74. package/dist/confirm-popup/style.css +2145 -2145
  75. package/dist/context-menu/style.css +1417 -1417
  76. package/dist/data-view/style.css +1631 -1631
  77. package/dist/date-picker/style.css +1483 -1483
  78. package/dist/dialog/style.css +2531 -2531
  79. package/dist/divider/style.css +1148 -1148
  80. package/dist/dock/style.css +1232 -1232
  81. package/dist/drawer/style.css +1482 -1482
  82. package/dist/dropdown/style.css +1409 -1409
  83. package/dist/empty/style.css +1294 -1294
  84. package/dist/fieldset/style.css +1148 -1148
  85. package/dist/file-upload/style.css +1507 -1507
  86. package/dist/flex/style.css +1148 -1148
  87. package/dist/float-label/style.css +1148 -1148
  88. package/dist/fluid/style.css +1148 -1148
  89. package/dist/form/style.css +1264 -1264
  90. package/dist/gallery/style.css +1379 -1379
  91. package/dist/grid/style.css +1148 -1148
  92. package/dist/icon/style.css +1148 -1148
  93. package/dist/icon-field/style.css +1504 -1504
  94. package/dist/inplace/style.css +1148 -1148
  95. package/dist/input/style.css +1504 -1504
  96. package/dist/input-color/style.css +1279 -1279
  97. package/dist/input-group/style.css +1148 -1148
  98. package/dist/input-number/style.css +1409 -1409
  99. package/dist/input-otp/style.css +1148 -1148
  100. package/dist/input-password/style.css +1326 -1326
  101. package/dist/input-tags/style.css +1260 -1260
  102. package/dist/knob/style.css +1148 -1148
  103. package/dist/label/style.css +1148 -1148
  104. package/dist/layout/style.css +1712 -1712
  105. package/dist/listbox/style.css +1306 -1306
  106. package/dist/loading/style.css +1528 -1528
  107. package/dist/mega-menu/style.css +1245 -1245
  108. package/dist/menu/style.css +2001 -2001
  109. package/dist/menubar/style.css +1423 -1423
  110. package/dist/message/style.css +1398 -1398
  111. package/dist/meter-group/style.css +1199 -1199
  112. package/dist/order-list/style.css +1148 -1148
  113. package/dist/page/style.css +2804 -2804
  114. package/dist/pagination/style.css +1445 -1445
  115. package/dist/panel/style.css +1148 -1148
  116. package/dist/pick-list/style.css +1148 -1148
  117. package/dist/popover/style.css +1242 -1242
  118. package/dist/progress-bar/style.css +1148 -1148
  119. package/dist/progress-spinner/style.css +1148 -1148
  120. package/dist/radio/style.css +1148 -1148
  121. package/dist/rating/style.css +1148 -1148
  122. package/dist/result/style.css +1294 -1294
  123. package/dist/scroll-top/style.css +1279 -1279
  124. package/dist/scrollbar/style.css +1281 -1281
  125. package/dist/select/style.css +1901 -1901
  126. package/dist/select-button/style.css +1255 -1255
  127. package/dist/shared/styles/control-affix-icon.css +110 -110
  128. package/dist/shared/styles/control-suffix.css +118 -118
  129. package/dist/shared/styles/select-overlay.css +175 -175
  130. package/dist/sidebar/style.css +1222 -1222
  131. package/dist/skeleton/style.css +1148 -1148
  132. package/dist/slider/style.css +1361 -1361
  133. package/dist/space/style.css +1148 -1148
  134. package/dist/speed-dial/style.css +1148 -1148
  135. package/dist/split-button/style.css +2326 -2326
  136. package/dist/splitter/style.css +1148 -1148
  137. package/dist/status/style.css +1339 -1339
  138. package/dist/stepper/style.css +1283 -1283
  139. package/dist/styles/base.css +790 -790
  140. package/dist/switch/style.css +1279 -1279
  141. package/dist/table/style.css +1812 -1812
  142. package/dist/tabs/style.css +1410 -1410
  143. package/dist/tag/style.css +1148 -1148
  144. package/dist/terminal/style.css +1224 -1224
  145. package/dist/textarea/style.css +1274 -1274
  146. package/dist/theme/styles.css +358 -358
  147. package/dist/tiered-menu/style.css +1404 -1404
  148. package/dist/timeline/style.css +1438 -1438
  149. package/dist/toast/style.css +1148 -1148
  150. package/dist/toggle-button/style.css +1148 -1148
  151. package/dist/toolbar/style.css +1148 -1148
  152. package/dist/tooltip/style.css +1148 -1148
  153. package/dist/tree/style.css +1148 -1148
  154. package/dist/tree-select/style.css +1843 -1843
  155. package/dist/tree-table/style.css +1245 -1245
  156. package/dist/virtual-scroller/style.css +1309 -1309
  157. package/package.json +1 -1
package/dist/components/Badge/styles.css CHANGED
@@ -1,165 +1,165 @@
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--warn,
94
- .m-badge--warning {
95
- background: var(--m-color-warn);
96
- color: var(--m-color-on-emphasis);
97
- }
98
-
99
- .m-badge--danger {
100
- background: var(--m-color-danger);
101
- color: var(--m-color-on-emphasis);
102
- }
103
-
104
- .m-badge--contrast {
105
- background: var(--m-color-contrast);
106
- color: var(--m-color-contrast-fg);
107
- }
108
-
109
- .m-badge--help {
110
- background: var(--m-color-help);
111
- color: var(--m-color-on-emphasis);
112
- }
113
-
114
- .m-badge-wrap {
115
- display: inline-flex;
116
- position: relative;
117
- vertical-align: middle;
118
- }
119
-
120
- .m-badge-wrap > .m-badge {
121
- --m-badge-offset-x: 0px;
122
- --m-badge-offset-y: 0px;
123
- position: absolute;
124
- right: 0;
125
- top: 0;
126
- transform: translate(
127
- calc(50% + var(--m-badge-offset-x)),
128
- calc(-50% + var(--m-badge-offset-y))
129
- );
130
- }
131
-
132
- .m-badge--processing {
133
- animation: none;
134
- isolation: isolate;
135
- }
136
-
137
- .m-badge--processing::after {
138
- background: currentColor;
139
- border-radius: inherit;
140
- content: '';
141
- inset: 0;
142
- opacity: 0.35;
143
- pointer-events: none;
144
- position: absolute;
145
- z-index: -1;
146
- animation: m-badge-pulse-ring var(--m-motion-pulse) ease-in-out infinite;
147
- }
148
-
149
- @keyframes m-badge-pulse-ring {
150
- 0%,
151
- 100% {
152
- opacity: 0.35;
153
- transform: scale(1);
154
- }
155
- 70% {
156
- opacity: 0;
157
- transform: scale(1.85);
158
- }
159
- }
160
-
161
- [data-m-motion="reduced"] .m-badge--processing::after,
162
- [data-m-motion="none"] .m-badge--processing::after {
163
- animation: none;
164
- opacity: 0;
165
- }
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--warn,
94
+ .m-badge--warning {
95
+ background: var(--m-color-warn);
96
+ color: var(--m-color-on-emphasis);
97
+ }
98
+
99
+ .m-badge--danger {
100
+ background: var(--m-color-danger);
101
+ color: var(--m-color-on-emphasis);
102
+ }
103
+
104
+ .m-badge--contrast {
105
+ background: var(--m-color-contrast);
106
+ color: var(--m-color-contrast-fg);
107
+ }
108
+
109
+ .m-badge--help {
110
+ background: var(--m-color-help);
111
+ color: var(--m-color-on-emphasis);
112
+ }
113
+
114
+ .m-badge-wrap {
115
+ display: inline-flex;
116
+ position: relative;
117
+ vertical-align: middle;
118
+ }
119
+
120
+ .m-badge-wrap > .m-badge {
121
+ --m-badge-offset-x: 0px;
122
+ --m-badge-offset-y: 0px;
123
+ position: absolute;
124
+ right: 0;
125
+ top: 0;
126
+ transform: translate(
127
+ calc(50% + var(--m-badge-offset-x)),
128
+ calc(-50% + var(--m-badge-offset-y))
129
+ );
130
+ }
131
+
132
+ .m-badge--processing {
133
+ animation: none;
134
+ isolation: isolate;
135
+ }
136
+
137
+ .m-badge--processing::after {
138
+ background: currentColor;
139
+ border-radius: inherit;
140
+ content: '';
141
+ inset: 0;
142
+ opacity: 0.35;
143
+ pointer-events: none;
144
+ position: absolute;
145
+ z-index: -1;
146
+ animation: m-badge-pulse-ring var(--m-motion-pulse) ease-in-out infinite;
147
+ }
148
+
149
+ @keyframes m-badge-pulse-ring {
150
+ 0%,
151
+ 100% {
152
+ opacity: 0.35;
153
+ transform: scale(1);
154
+ }
155
+ 70% {
156
+ opacity: 0;
157
+ transform: scale(1.85);
158
+ }
159
+ }
160
+
161
+ [data-m-motion="reduced"] .m-badge--processing::after,
162
+ [data-m-motion="none"] .m-badge--processing::after {
163
+ animation: none;
164
+ opacity: 0;
165
+ }