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/InputNumber/styles.css CHANGED
@@ -1,261 +1,261 @@
1
- /* —— Form: InputNumber —— */
2
- .m-inputnumber-field {
3
- display: grid;
4
- gap: var(--m-space-2);
5
- }
6
-
7
- .m-inputnumber-field--fluid {
8
- width: 100%;
9
- }
10
-
11
- .m-inputnumber-field__label {
12
- color: var(--m-color-text);
13
- font-family: var(--m-font-sans);
14
- font-size: var(--m-font-size-md);
15
- font-weight: 600;
16
- }
17
-
18
- .m-inputnumber-field__help {
19
- color: var(--m-color-text-muted);
20
- font-size: var(--m-font-size-xs);
21
- }
22
-
23
- .m-inputnumber-field__help--invalid {
24
- color: var(--m-color-danger);
25
- }
26
-
27
- .m-inputnumber {
28
- --m-inputnumber-width: 8rem;
29
- --m-inputnumber-stack-button-padding-x: var(--m-space-2);
30
- align-items: stretch;
31
- display: inline-flex;
32
- max-width: 100%;
33
- }
34
-
35
- .m-inputnumber--fluid {
36
- display: flex;
37
- width: 100%;
38
- }
39
-
40
- .m-inputnumber__input-wrap {
41
- align-items: center;
42
- background: var(--m-color-surface);
43
- border: var(--m-border-width) solid var(--m-color-border);
44
- border-radius: var(--m-radius-control);
45
- box-sizing: border-box;
46
- display: flex;
47
- max-width: 100%;
48
- min-height: var(--m-control-height-medium);
49
- transition:
50
- border-color var(--m-motion-fast) var(--m-motion-ease),
51
- box-shadow var(--m-motion-fast) var(--m-motion-ease);
52
- width: var(--m-inputnumber-width);
53
- }
54
-
55
- .m-inputnumber--fluid .m-inputnumber__input-wrap {
56
- flex: 1 1 auto;
57
- min-width: 0;
58
- width: auto;
59
- }
60
-
61
- .m-inputnumber__input-wrap:hover:has(.m-inputnumber__input:not(:disabled)):not(
62
- :focus-within
63
- ) {
64
- border-color: var(--m-color-primary-hover);
65
- }
66
-
67
- .m-inputnumber__input-wrap:focus-within {
68
- border-color: var(--m-color-primary-hover);
69
- box-shadow: var(--m-focus-shadow);
70
- }
71
-
72
- .m-inputnumber--invalid .m-inputnumber__input-wrap {
73
- border-color: var(--m-color-danger);
74
- }
75
-
76
- .m-inputnumber--invalid .m-inputnumber__input-wrap:focus-within {
77
- box-shadow: var(--m-focus-shadow-danger);
78
- }
79
-
80
- .m-inputnumber--buttons .m-inputnumber__input-wrap {
81
- border-radius: 0;
82
- }
83
-
84
- .m-inputnumber__prefix,
85
- .m-inputnumber__suffix {
86
- align-items: center;
87
- color: var(--m-color-text-muted);
88
- display: inline-flex;
89
- flex: 0 0 auto;
90
- padding-inline: var(--m-space-2);
91
- white-space: nowrap;
92
- }
93
-
94
- .m-inputnumber__input {
95
- background: transparent;
96
- border: 0;
97
- border-radius: 0;
98
- box-shadow: none;
99
- color: var(--m-color-text);
100
- flex: 1 1 auto;
101
- font-family: var(--m-font-sans);
102
- font-size: var(--m-control-font-medium);
103
- height: calc(var(--m-control-height-medium) - 2 * var(--m-border-width));
104
- line-height: calc(var(--m-control-height-medium) - 2 * var(--m-border-width));
105
- min-height: 0;
106
- min-width: 0;
107
- padding: 0 var(--m-control-padding-x-medium);
108
- width: 100%;
109
- }
110
-
111
- .m-inputnumber__input-wrap:has(.m-inputnumber__prefix) .m-inputnumber__input {
112
- padding-left: 0;
113
- }
114
-
115
- .m-inputnumber__input-wrap:has(.m-inputnumber__suffix) .m-inputnumber__input {
116
- padding-right: 0;
117
- }
118
-
119
- .m-inputnumber__input:focus,
120
- .m-inputnumber__input:focus-visible {
121
- box-shadow: none;
122
- outline: none;
123
- }
124
-
125
- .m-inputnumber__clear {
126
- align-items: center;
127
- align-self: center;
128
- background: transparent;
129
- border: 0;
130
- border-radius: var(--m-radius-sm);
131
- color: var(--m-color-text-muted);
132
- cursor: pointer;
133
- display: flex;
134
- flex: 0 0 auto;
135
- height: var(--m-control-affix-size);
136
- justify-content: center;
137
- padding: 0;
138
- width: var(--m-control-affix-size);
139
- }
140
-
141
- .m-inputnumber__clear:hover:not(:disabled) {
142
- color: var(--m-color-text);
143
- }
144
-
145
- .m-inputnumber__clear:focus-visible {
146
- box-shadow: var(--m-focus-shadow);
147
- outline: none;
148
- }
149
-
150
- .m-inputnumber__clear:disabled {
151
- cursor: not-allowed;
152
- opacity: var(--m-opacity-disabled);
153
- }
154
-
155
- .m-inputnumber--buttons .m-inputnumber__input {
156
- text-align: center;
157
- }
158
-
159
- .m-inputnumber--small .m-inputnumber__input,
160
- .m-inputnumber--small .m-inputnumber__button {
161
- font-size: var(--m-control-font-small);
162
- min-height: var(--m-control-height-small);
163
- }
164
-
165
- .m-inputnumber--small .m-inputnumber__input {
166
- height: calc(var(--m-control-height-small) - 2 * var(--m-border-width));
167
- line-height: calc(var(--m-control-height-small) - 2 * var(--m-border-width));
168
- min-height: 0;
169
- }
170
-
171
- .m-inputnumber--small .m-inputnumber__input-wrap {
172
- min-height: var(--m-control-height-small);
173
- }
174
-
175
- .m-inputnumber--small .m-inputnumber__prefix,
176
- .m-inputnumber--small .m-inputnumber__suffix {
177
- padding-inline: var(--m-space-2);
178
- }
179
-
180
- .m-inputnumber--large .m-inputnumber__input,
181
- .m-inputnumber--large .m-inputnumber__button {
182
- font-size: var(--m-control-font-large);
183
- min-height: var(--m-control-height-large);
184
- }
185
-
186
- .m-inputnumber--large .m-inputnumber__input {
187
- height: calc(var(--m-control-height-large) - 2 * var(--m-border-width));
188
- line-height: calc(var(--m-control-height-large) - 2 * var(--m-border-width));
189
- min-height: 0;
190
- }
191
-
192
- .m-inputnumber--large .m-inputnumber__input-wrap {
193
- min-height: var(--m-control-height-large);
194
- }
195
-
196
- .m-inputnumber--large .m-inputnumber__prefix,
197
- .m-inputnumber--large .m-inputnumber__suffix {
198
- padding-inline: var(--m-space-3);
199
- }
200
-
201
- .m-inputnumber__button {
202
- align-items: center;
203
- background: color-mix(
204
- in srgb,
205
- var(--m-color-text-muted) 12%,
206
- var(--m-color-surface)
207
- );
208
- border: var(--m-border-width) solid var(--m-color-border);
209
- color: var(--m-color-text);
210
- cursor: pointer;
211
- display: inline-flex;
212
- font-family: var(--m-font-sans);
213
- font-size: var(--m-control-font-medium);
214
- justify-content: center;
215
- min-height: var(--m-control-height-medium);
216
- min-width: var(--m-control-height-medium);
217
- padding: 0;
218
- transition:
219
- background-color var(--m-motion-fast) var(--m-motion-ease),
220
- opacity var(--m-motion-fast) var(--m-motion-ease);
221
- }
222
-
223
- .m-inputnumber__button--decrement {
224
- border-radius: var(--m-radius-control) 0 0 var(--m-radius-control);
225
- border-right: 0;
226
- }
227
-
228
- .m-inputnumber__button--increment {
229
- border-left: 0;
230
- border-radius: 0 var(--m-radius-control) var(--m-radius-control) 0;
231
- }
232
-
233
- .m-inputnumber__button:hover:not(:disabled) {
234
- background: color-mix(
235
- in srgb,
236
- var(--m-color-text-muted) 20%,
237
- var(--m-color-surface)
238
- );
239
- }
240
-
241
- .m-inputnumber__button:disabled,
242
- .m-inputnumber--disabled .m-inputnumber__input-wrap {
243
- cursor: not-allowed;
244
- opacity: var(--m-opacity-disabled);
245
- }
246
-
247
- .m-inputnumber__button:focus-visible {
248
- box-shadow: var(--m-focus-shadow);
249
- outline: none;
250
- z-index: 1;
251
- }
252
-
253
- .m-inputnumber__stack {
254
- display: flex;
255
- flex-direction: column;
256
- }
257
-
258
- .m-inputnumber__stack .m-inputnumber__button {
259
- min-height: 0;
260
- padding: 0 var(--m-inputnumber-stack-button-padding-x);
261
- }
1
+ /* —— Form: InputNumber —— */
2
+ .m-inputnumber-field {
3
+ display: grid;
4
+ gap: var(--m-space-2);
5
+ }
6
+
7
+ .m-inputnumber-field--fluid {
8
+ width: 100%;
9
+ }
10
+
11
+ .m-inputnumber-field__label {
12
+ color: var(--m-color-text);
13
+ font-family: var(--m-font-sans);
14
+ font-size: var(--m-font-size-md);
15
+ font-weight: 600;
16
+ }
17
+
18
+ .m-inputnumber-field__help {
19
+ color: var(--m-color-text-muted);
20
+ font-size: var(--m-font-size-xs);
21
+ }
22
+
23
+ .m-inputnumber-field__help--invalid {
24
+ color: var(--m-color-danger);
25
+ }
26
+
27
+ .m-inputnumber {
28
+ --m-inputnumber-width: 8rem;
29
+ --m-inputnumber-stack-button-padding-x: var(--m-space-2);
30
+ align-items: stretch;
31
+ display: inline-flex;
32
+ max-width: 100%;
33
+ }
34
+
35
+ .m-inputnumber--fluid {
36
+ display: flex;
37
+ width: 100%;
38
+ }
39
+
40
+ .m-inputnumber__input-wrap {
41
+ align-items: center;
42
+ background: var(--m-color-surface);
43
+ border: var(--m-border-width) solid var(--m-color-border);
44
+ border-radius: var(--m-radius-control);
45
+ box-sizing: border-box;
46
+ display: flex;
47
+ max-width: 100%;
48
+ min-height: var(--m-control-height-medium);
49
+ transition:
50
+ border-color var(--m-motion-fast) var(--m-motion-ease),
51
+ box-shadow var(--m-motion-fast) var(--m-motion-ease);
52
+ width: var(--m-inputnumber-width);
53
+ }
54
+
55
+ .m-inputnumber--fluid .m-inputnumber__input-wrap {
56
+ flex: 1 1 auto;
57
+ min-width: 0;
58
+ width: auto;
59
+ }
60
+
61
+ .m-inputnumber__input-wrap:hover:has(.m-inputnumber__input:not(:disabled)):not(
62
+ :focus-within
63
+ ) {
64
+ border-color: var(--m-color-primary-hover);
65
+ }
66
+
67
+ .m-inputnumber__input-wrap:focus-within {
68
+ border-color: var(--m-color-primary-hover);
69
+ box-shadow: var(--m-focus-shadow);
70
+ }
71
+
72
+ .m-inputnumber--invalid .m-inputnumber__input-wrap {
73
+ border-color: var(--m-color-danger);
74
+ }
75
+
76
+ .m-inputnumber--invalid .m-inputnumber__input-wrap:focus-within {
77
+ box-shadow: var(--m-focus-shadow-danger);
78
+ }
79
+
80
+ .m-inputnumber--buttons .m-inputnumber__input-wrap {
81
+ border-radius: 0;
82
+ }
83
+
84
+ .m-inputnumber__prefix,
85
+ .m-inputnumber__suffix {
86
+ align-items: center;
87
+ color: var(--m-color-text-muted);
88
+ display: inline-flex;
89
+ flex: 0 0 auto;
90
+ padding-inline: var(--m-space-2);
91
+ white-space: nowrap;
92
+ }
93
+
94
+ .m-inputnumber__input {
95
+ background: transparent;
96
+ border: 0;
97
+ border-radius: 0;
98
+ box-shadow: none;
99
+ color: var(--m-color-text);
100
+ flex: 1 1 auto;
101
+ font-family: var(--m-font-sans);
102
+ font-size: var(--m-control-font-medium);
103
+ height: calc(var(--m-control-height-medium) - 2 * var(--m-border-width));
104
+ line-height: calc(var(--m-control-height-medium) - 2 * var(--m-border-width));
105
+ min-height: 0;
106
+ min-width: 0;
107
+ padding: 0 var(--m-control-padding-x-medium);
108
+ width: 100%;
109
+ }
110
+
111
+ .m-inputnumber__input-wrap:has(.m-inputnumber__prefix) .m-inputnumber__input {
112
+ padding-left: 0;
113
+ }
114
+
115
+ .m-inputnumber__input-wrap:has(.m-inputnumber__suffix) .m-inputnumber__input {
116
+ padding-right: 0;
117
+ }
118
+
119
+ .m-inputnumber__input:focus,
120
+ .m-inputnumber__input:focus-visible {
121
+ box-shadow: none;
122
+ outline: none;
123
+ }
124
+
125
+ .m-inputnumber__clear {
126
+ align-items: center;
127
+ align-self: center;
128
+ background: transparent;
129
+ border: 0;
130
+ border-radius: var(--m-radius-sm);
131
+ color: var(--m-color-text-muted);
132
+ cursor: pointer;
133
+ display: flex;
134
+ flex: 0 0 auto;
135
+ height: var(--m-control-affix-size);
136
+ justify-content: center;
137
+ padding: 0;
138
+ width: var(--m-control-affix-size);
139
+ }
140
+
141
+ .m-inputnumber__clear:hover:not(:disabled) {
142
+ color: var(--m-color-text);
143
+ }
144
+
145
+ .m-inputnumber__clear:focus-visible {
146
+ box-shadow: var(--m-focus-shadow);
147
+ outline: none;
148
+ }
149
+
150
+ .m-inputnumber__clear:disabled {
151
+ cursor: not-allowed;
152
+ opacity: var(--m-opacity-disabled);
153
+ }
154
+
155
+ .m-inputnumber--buttons .m-inputnumber__input {
156
+ text-align: center;
157
+ }
158
+
159
+ .m-inputnumber--small .m-inputnumber__input,
160
+ .m-inputnumber--small .m-inputnumber__button {
161
+ font-size: var(--m-control-font-small);
162
+ min-height: var(--m-control-height-small);
163
+ }
164
+
165
+ .m-inputnumber--small .m-inputnumber__input {
166
+ height: calc(var(--m-control-height-small) - 2 * var(--m-border-width));
167
+ line-height: calc(var(--m-control-height-small) - 2 * var(--m-border-width));
168
+ min-height: 0;
169
+ }
170
+
171
+ .m-inputnumber--small .m-inputnumber__input-wrap {
172
+ min-height: var(--m-control-height-small);
173
+ }
174
+
175
+ .m-inputnumber--small .m-inputnumber__prefix,
176
+ .m-inputnumber--small .m-inputnumber__suffix {
177
+ padding-inline: var(--m-space-2);
178
+ }
179
+
180
+ .m-inputnumber--large .m-inputnumber__input,
181
+ .m-inputnumber--large .m-inputnumber__button {
182
+ font-size: var(--m-control-font-large);
183
+ min-height: var(--m-control-height-large);
184
+ }
185
+
186
+ .m-inputnumber--large .m-inputnumber__input {
187
+ height: calc(var(--m-control-height-large) - 2 * var(--m-border-width));
188
+ line-height: calc(var(--m-control-height-large) - 2 * var(--m-border-width));
189
+ min-height: 0;
190
+ }
191
+
192
+ .m-inputnumber--large .m-inputnumber__input-wrap {
193
+ min-height: var(--m-control-height-large);
194
+ }
195
+
196
+ .m-inputnumber--large .m-inputnumber__prefix,
197
+ .m-inputnumber--large .m-inputnumber__suffix {
198
+ padding-inline: var(--m-space-3);
199
+ }
200
+
201
+ .m-inputnumber__button {
202
+ align-items: center;
203
+ background: color-mix(
204
+ in srgb,
205
+ var(--m-color-text-muted) 12%,
206
+ var(--m-color-surface)
207
+ );
208
+ border: var(--m-border-width) solid var(--m-color-border);
209
+ color: var(--m-color-text);
210
+ cursor: pointer;
211
+ display: inline-flex;
212
+ font-family: var(--m-font-sans);
213
+ font-size: var(--m-control-font-medium);
214
+ justify-content: center;
215
+ min-height: var(--m-control-height-medium);
216
+ min-width: var(--m-control-height-medium);
217
+ padding: 0;
218
+ transition:
219
+ background-color var(--m-motion-fast) var(--m-motion-ease),
220
+ opacity var(--m-motion-fast) var(--m-motion-ease);
221
+ }
222
+
223
+ .m-inputnumber__button--decrement {
224
+ border-radius: var(--m-radius-control) 0 0 var(--m-radius-control);
225
+ border-right: 0;
226
+ }
227
+
228
+ .m-inputnumber__button--increment {
229
+ border-left: 0;
230
+ border-radius: 0 var(--m-radius-control) var(--m-radius-control) 0;
231
+ }
232
+
233
+ .m-inputnumber__button:hover:not(:disabled) {
234
+ background: color-mix(
235
+ in srgb,
236
+ var(--m-color-text-muted) 20%,
237
+ var(--m-color-surface)
238
+ );
239
+ }
240
+
241
+ .m-inputnumber__button:disabled,
242
+ .m-inputnumber--disabled .m-inputnumber__input-wrap {
243
+ cursor: not-allowed;
244
+ opacity: var(--m-opacity-disabled);
245
+ }
246
+
247
+ .m-inputnumber__button:focus-visible {
248
+ box-shadow: var(--m-focus-shadow);
249
+ outline: none;
250
+ z-index: 1;
251
+ }
252
+
253
+ .m-inputnumber__stack {
254
+ display: flex;
255
+ flex-direction: column;
256
+ }
257
+
258
+ .m-inputnumber__stack .m-inputnumber__button {
259
+ min-height: 0;
260
+ padding: 0 var(--m-inputnumber-stack-button-padding-x);
261
+ }