morya-ui 0.3.2 → 0.3.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 (220) hide show
  1. package/CHANGELOG.md +527 -490
  2. package/LICENSE +21 -21
  3. package/README.md +150 -150
  4. package/README.zh-CN.md +150 -150
  5. package/dist/{Button-dMqRmoYa.js → Button-gBiRj7wz.js} +11 -6
  6. package/dist/{FlyoutSubmenu-BrUPmJa1.js → FlyoutSubmenu-H_741alW.js} +2 -2
  7. package/dist/{Loading-BSsRs6v9.js → Loading-qS2Yv_gm.js} +1 -1
  8. package/dist/{Pagination-CqpC5EAs.js → Pagination-Bvv2qvEK.js} +1 -1
  9. package/dist/{Popover-BQ07q4VV.js → Popover-rnZG_ap0.js} +3 -3
  10. package/dist/{Select-CKGrSoaC.js → Select-CiXd074W.js} +3 -3
  11. package/dist/{Tooltip-D5DO0B3z.js → Tooltip-B02o9BOW.js} +3 -3
  12. package/dist/accordion/style.css +1148 -1148
  13. package/dist/auto-complete/index.js +3 -3
  14. package/dist/auto-complete/style.css +1690 -1690
  15. package/dist/avatar/style.css +1261 -1261
  16. package/dist/badge/style.css +1315 -1315
  17. package/dist/block-ui/index.js +1 -1
  18. package/dist/block-ui/style.css +1148 -1148
  19. package/dist/breadcrumb/style.css +1148 -1148
  20. package/dist/button/index.js +1 -1
  21. package/dist/button/style.css +2134 -1897
  22. package/dist/card/style.css +1148 -1148
  23. package/dist/carousel/style.css +1249 -1249
  24. package/dist/cascade-select/index.js +3 -3
  25. package/dist/cascade-select/style.css +1839 -1839
  26. package/dist/checkbox/style.css +1148 -1148
  27. package/dist/chip/style.css +1292 -1292
  28. package/dist/command-menu/index.js +1 -1
  29. package/dist/command-menu/style.css +1381 -1381
  30. package/dist/components/AutoComplete/styles.css +209 -209
  31. package/dist/components/Avatar/styles.css +113 -113
  32. package/dist/components/Badge/styles.css +165 -165
  33. package/dist/components/Button/Button.vue.d.ts +1 -0
  34. package/dist/components/Button/Button.vue.d.ts.map +1 -1
  35. package/dist/components/Button/styles.css +962 -725
  36. package/dist/components/Button/types.d.ts +9 -4
  37. package/dist/components/Button/types.d.ts.map +1 -1
  38. package/dist/components/Carousel/styles.css +101 -101
  39. package/dist/components/CascadeSelect/styles.css +157 -157
  40. package/dist/components/Chip/styles.css +144 -144
  41. package/dist/components/CommandMenu/styles.css +102 -102
  42. package/dist/components/ConfigProvider/styles.css +6 -6
  43. package/dist/components/ConfirmDialog/styles.css +24 -24
  44. package/dist/components/ConfirmPopup/styles.css +35 -35
  45. package/dist/components/ContextMenu/ContextMenu.vue.d.ts.map +1 -1
  46. package/dist/components/ContextMenu/styles.css +138 -133
  47. package/dist/components/DatePicker/styles.css +335 -335
  48. package/dist/components/Dialog/styles.css +421 -421
  49. package/dist/components/Dock/styles.css +84 -84
  50. package/dist/components/Drawer/styles.css +334 -334
  51. package/dist/components/Dropdown/styles.css +130 -130
  52. package/dist/components/Empty/styles.css +146 -146
  53. package/dist/components/FileUpload/styles.css +359 -359
  54. package/dist/components/Form/styles.css +114 -114
  55. package/dist/components/Gallery/styles.css +100 -100
  56. package/dist/components/Input/styles.css +356 -356
  57. package/dist/components/InputColor/styles.css +129 -129
  58. package/dist/components/InputNumber/styles.css +261 -261
  59. package/dist/components/InputPassword/styles.css +178 -178
  60. package/dist/components/InputTags/styles.css +112 -112
  61. package/dist/components/Layout/styles.css +433 -433
  62. package/dist/components/Loading/styles.css +378 -378
  63. package/dist/components/MegaMenu/styles.css +97 -97
  64. package/dist/components/Menu/styles.css +564 -564
  65. package/dist/components/Menubar/styles.css +144 -144
  66. package/dist/components/Message/styles.css +250 -250
  67. package/dist/components/MeterGroup/styles.css +49 -49
  68. package/dist/components/Page/PageContent.vue.d.ts +1 -0
  69. package/dist/components/Page/PageContent.vue.d.ts.map +1 -1
  70. package/dist/components/Page/styles.css +412 -394
  71. package/dist/components/Page/types.d.ts +5 -0
  72. package/dist/components/Page/types.d.ts.map +1 -1
  73. package/dist/components/Pagination/styles.css +105 -105
  74. package/dist/components/Popover/styles.css +92 -153
  75. package/dist/components/Result/styles.css +146 -146
  76. package/dist/components/Scrollbar/styles.css +131 -131
  77. package/dist/components/Select/styles.css +192 -192
  78. package/dist/components/SelectButton/styles.css +105 -105
  79. package/dist/components/Sidebar/styles.css +74 -74
  80. package/dist/components/Slider/styles.css +211 -211
  81. package/dist/components/SplitButton/styles.css +216 -216
  82. package/dist/components/Status/styles.css +191 -191
  83. package/dist/components/Stepper/styles.css +135 -135
  84. package/dist/components/Switch/styles.css +129 -129
  85. package/dist/components/Table/Table.vue.d.ts +1 -0
  86. package/dist/components/Table/Table.vue.d.ts.map +1 -1
  87. package/dist/components/Table/styles.css +28 -0
  88. package/dist/components/Table/types.d.ts +6 -0
  89. package/dist/components/Table/types.d.ts.map +1 -1
  90. package/dist/components/Tabs/styles.css +131 -131
  91. package/dist/components/Terminal/styles.css +74 -74
  92. package/dist/components/Textarea/styles.css +126 -126
  93. package/dist/components/TieredMenu/styles.css +125 -125
  94. package/dist/components/Timeline/styles.css +159 -159
  95. package/dist/components/TreeSelect/styles.css +161 -161
  96. package/dist/components/TreeTable/styles.css +97 -97
  97. package/dist/components/VirtualScroller/styles.css +27 -27
  98. package/dist/config-provider/style.css +2472 -2235
  99. package/dist/confirm-dialog/index.js +2 -2
  100. package/dist/confirm-dialog/style.css +2555 -2318
  101. package/dist/confirm-popup/index.js +5 -5
  102. package/dist/confirm-popup/style.css +2145 -1908
  103. package/dist/context-menu/index.js +105 -96
  104. package/dist/context-menu/style.css +1417 -1412
  105. package/dist/data-view/index.js +2 -2
  106. package/dist/data-view/style.css +1631 -1631
  107. package/dist/date-picker/index.js +3 -3
  108. package/dist/date-picker/style.css +1483 -1483
  109. package/dist/dialog/index.js +2 -2
  110. package/dist/dialog/style.css +2531 -2294
  111. package/dist/divider/style.css +1148 -1148
  112. package/dist/dock/style.css +1232 -1232
  113. package/dist/drawer/index.js +1 -1
  114. package/dist/drawer/style.css +1482 -1482
  115. package/dist/dropdown/index.js +4 -4
  116. package/dist/dropdown/style.css +1409 -1409
  117. package/dist/empty/style.css +1294 -1294
  118. package/dist/fieldset/style.css +1148 -1148
  119. package/dist/file-upload/style.css +1507 -1507
  120. package/dist/flex/index.js +1 -1
  121. package/dist/flex/style.css +1148 -1148
  122. package/dist/float-label/style.css +1148 -1148
  123. package/dist/fluid/style.css +1148 -1148
  124. package/dist/form/style.css +1264 -1264
  125. package/dist/gallery/style.css +1379 -1379
  126. package/dist/grid/index.js +1 -1
  127. package/dist/grid/style.css +1148 -1148
  128. package/dist/icon/style.css +1148 -1148
  129. package/dist/icon-field/style.css +1504 -1504
  130. package/dist/index.js +1246 -1225
  131. package/dist/inplace/style.css +1148 -1148
  132. package/dist/input/style.css +1504 -1504
  133. package/dist/input-color/style.css +1279 -1279
  134. package/dist/input-group/style.css +1148 -1148
  135. package/dist/input-number/style.css +1409 -1409
  136. package/dist/input-otp/style.css +1148 -1148
  137. package/dist/input-password/style.css +1326 -1326
  138. package/dist/input-tags/style.css +1260 -1260
  139. package/dist/knob/style.css +1148 -1148
  140. package/dist/label/style.css +1148 -1148
  141. package/dist/layout/style.css +1712 -1712
  142. package/dist/listbox/style.css +1306 -1306
  143. package/dist/loading/index.js +1 -1
  144. package/dist/loading/style.css +1528 -1528
  145. package/dist/mega-menu/index.js +3 -3
  146. package/dist/mega-menu/style.css +1245 -1245
  147. package/dist/menu/index.js +5 -5
  148. package/dist/menu/style.css +2001 -2062
  149. package/dist/menubar/index.js +3 -3
  150. package/dist/menubar/style.css +1423 -1423
  151. package/dist/message/index.js +1 -1
  152. package/dist/message/style.css +1398 -1398
  153. package/dist/meter-group/style.css +1199 -1199
  154. package/dist/order-list/style.css +1148 -1148
  155. package/dist/{overlayPlacement-Cd20JTD_.js → overlayPlacement-qwEJPVS4.js} +8 -8
  156. package/dist/page/index.js +8 -3
  157. package/dist/page/style.css +2668 -2413
  158. package/dist/pagination/index.js +1 -1
  159. package/dist/pagination/style.css +1445 -1445
  160. package/dist/panel/style.css +1148 -1148
  161. package/dist/pick-list/style.css +1148 -1148
  162. package/dist/popover/index.js +1 -1
  163. package/dist/popover/style.css +1242 -1303
  164. package/dist/progress-bar/style.css +1148 -1148
  165. package/dist/progress-spinner/style.css +1148 -1148
  166. package/dist/radio/style.css +1148 -1148
  167. package/dist/rating/style.css +1148 -1148
  168. package/dist/result/style.css +1294 -1294
  169. package/dist/scroll-top/style.css +1279 -1279
  170. package/dist/scrollbar/style.css +1281 -1281
  171. package/dist/select/index.js +1 -1
  172. package/dist/select/style.css +1901 -1901
  173. package/dist/select-button/style.css +1255 -1255
  174. package/dist/shared/gap.d.ts +4 -1
  175. package/dist/shared/gap.d.ts.map +1 -1
  176. package/dist/shared/overlayPlacement.d.ts.map +1 -1
  177. package/dist/shared/styles/control-affix-icon.css +110 -110
  178. package/dist/shared/styles/control-suffix.css +118 -118
  179. package/dist/shared/styles/select-overlay.css +175 -175
  180. package/dist/sidebar/style.css +1222 -1222
  181. package/dist/skeleton/style.css +1148 -1148
  182. package/dist/slider/style.css +1361 -1361
  183. package/dist/space/index.js +1 -1
  184. package/dist/space/style.css +1148 -1148
  185. package/dist/speed-dial/index.js +3 -3
  186. package/dist/speed-dial/style.css +1148 -1148
  187. package/dist/split-button/index.js +3 -3
  188. package/dist/split-button/style.css +2326 -2089
  189. package/dist/splitter/style.css +1148 -1148
  190. package/dist/status/style.css +1339 -1339
  191. package/dist/stepper/style.css +1283 -1283
  192. package/dist/styles/base.css +790 -790
  193. package/dist/styles.css +1 -1
  194. package/dist/switch/style.css +1279 -1279
  195. package/dist/table/index.js +245 -240
  196. package/dist/table/style.css +1840 -1812
  197. package/dist/tabs/style.css +1410 -1410
  198. package/dist/tag/style.css +1148 -1148
  199. package/dist/terminal/style.css +1224 -1224
  200. package/dist/textarea/style.css +1274 -1274
  201. package/dist/theme/motionPresets.d.ts.map +1 -1
  202. package/dist/theme/styles.css +358 -358
  203. package/dist/tiered-menu/index.js +4 -4
  204. package/dist/tiered-menu/style.css +1404 -1404
  205. package/dist/timeline/style.css +1438 -1438
  206. package/dist/toast/index.js +1 -1
  207. package/dist/toast/style.css +1148 -1148
  208. package/dist/toggle-button/style.css +1148 -1148
  209. package/dist/toolbar/style.css +1148 -1148
  210. package/dist/tooltip/index.js +1 -1
  211. package/dist/tooltip/style.css +1148 -1148
  212. package/dist/tree/style.css +1148 -1148
  213. package/dist/tree-select/index.js +3 -3
  214. package/dist/tree-select/style.css +1843 -1843
  215. package/dist/tree-table/style.css +1245 -1245
  216. package/dist/{useFloatingViewportSync-DZdJ7W8n.js → useFloatingViewportSync-wLLKIGUA.js} +4 -1
  217. package/dist/{useMotionTransition-Bxnnb_9u.js → useMotionTransition-95Y79FoL.js} +1 -1
  218. package/dist/virtual-scroller/style.css +1309 -1309
  219. package/dist/{vnode-C7Y1SjKB.js → vnode-CmdNQlN7.js} +18 -23
  220. package/package.json +32 -29
package/dist/components/Dialog/styles.css CHANGED
@@ -1,421 +1,421 @@
1
- /* —— Feedback: Dialog —— */
2
- .m-dialog button:focus {
3
- outline: none;
4
- }
5
-
6
- .m-dialog button:focus-visible {
7
- box-shadow: var(--m-focus-shadow);
8
- outline: none;
9
- }
10
-
11
- .m-dialog-backdrop {
12
- align-items: center;
13
- background: transparent;
14
- display: flex;
15
- inset: 0;
16
- justify-content: center;
17
- padding: var(--m-space-4);
18
- position: fixed;
19
- z-index: var(--m-z-overlay);
20
- }
21
-
22
- .m-dialog-zoom {
23
- align-items: inherit;
24
- display: flex;
25
- inset: 0;
26
- justify-content: inherit;
27
- padding: inherit;
28
- position: absolute;
29
- transform-origin: var(--m-dialog-origin-x, 50%)
30
- var(--m-dialog-origin-y, 50%);
31
- }
32
-
33
- .m-dialog-backdrop--modal {
34
- background: var(--m-overlay-scrim);
35
- }
36
-
37
- .m-dialog-backdrop--top {
38
- align-items: flex-start;
39
- }
40
-
41
- .m-dialog-backdrop--bottom {
42
- align-items: flex-end;
43
- }
44
-
45
- .m-dialog-backdrop--left {
46
- justify-content: flex-start;
47
- }
48
-
49
- .m-dialog-backdrop--right {
50
- justify-content: flex-end;
51
- }
52
-
53
- .m-dialog-backdrop--topleft {
54
- align-items: flex-start;
55
- justify-content: flex-start;
56
- }
57
-
58
- .m-dialog-backdrop--topright {
59
- align-items: flex-start;
60
- justify-content: flex-end;
61
- }
62
-
63
- .m-dialog-backdrop--bottomleft {
64
- align-items: flex-end;
65
- justify-content: flex-start;
66
- }
67
-
68
- .m-dialog-backdrop--bottomright {
69
- align-items: flex-end;
70
- justify-content: flex-end;
71
- }
72
-
73
- .m-dialog {
74
- --m-dialog-width: 32rem;
75
- --m-dialog-max-height: min(90vh, 100%);
76
- --m-dialog-radius: var(--m-radius-lg);
77
- background: var(--m-color-surface);
78
- border-radius: var(--m-dialog-radius);
79
- box-shadow: var(--m-shadow-lg);
80
- color: var(--m-color-text);
81
- display: flex;
82
- flex-direction: column;
83
- max-height: var(--m-dialog-max-height);
84
- max-width: var(--m-dialog-width);
85
- width: min(100%, var(--m-dialog-width));
86
- }
87
-
88
- .m-dialog-backdrop--maximized {
89
- padding: 0;
90
- }
91
-
92
- .m-dialog--maximized {
93
- --m-dialog-radius: 0;
94
- border-radius: var(--m-dialog-radius);
95
- height: 100%;
96
- max-height: 100%;
97
- max-width: none;
98
- width: 100%;
99
- }
100
-
101
- .m-dialog__header,
102
- .m-dialog__footer {
103
- align-items: center;
104
- display: flex;
105
- justify-content: space-between;
106
- padding: var(--m-space-4);
107
- }
108
-
109
- .m-dialog__header {
110
- border-bottom: var(--m-border-width) solid var(--m-color-border);
111
- flex: 0 0 auto;
112
- gap: var(--m-space-3);
113
- }
114
-
115
- .m-dialog__header h2 {
116
- font-size: var(--m-font-size-lg);
117
- margin: 0;
118
- }
119
-
120
- .m-dialog__heading {
121
- align-items: center;
122
- display: flex;
123
- gap: var(--m-space-2);
124
- min-width: 0;
125
- }
126
-
127
- .m-dialog__type-icon {
128
- color: var(--m-color-info);
129
- flex-shrink: 0;
130
- }
131
-
132
- .m-dialog--success .m-dialog__type-icon {
133
- color: var(--m-color-success);
134
- }
135
-
136
- .m-dialog--warn .m-dialog__type-icon,
137
- .m-dialog--warning .m-dialog__type-icon {
138
- color: var(--m-color-warn);
139
- }
140
-
141
- .m-dialog--error .m-dialog__type-icon {
142
- color: var(--m-color-danger);
143
- }
144
-
145
- .m-dialog--info .m-dialog__type-icon {
146
- color: var(--m-color-info);
147
- }
148
-
149
- .m-dialog__actions {
150
- align-items: center;
151
- display: flex;
152
- flex: 0 0 auto;
153
- gap: var(--m-space-1);
154
- margin-left: auto;
155
- }
156
-
157
- .m-dialog__action,
158
- .m-dialog__header button {
159
- align-items: center;
160
- background: transparent;
161
- border: 0;
162
- border-radius: var(--m-radius-sm);
163
- color: var(--m-color-text-muted);
164
- cursor: pointer;
165
- display: inline-flex;
166
- font-size: var(--m-font-size-lg);
167
- height: var(--m-control-affix-size);
168
- justify-content: center;
169
- line-height: 1;
170
- transition:
171
- background-color var(--m-motion-fast) var(--m-motion-ease),
172
- color var(--m-motion-fast) var(--m-motion-ease),
173
- opacity var(--m-motion-fast) var(--m-motion-ease);
174
- width: var(--m-control-affix-size);
175
- }
176
-
177
- .m-dialog__action:hover:not(:disabled),
178
- .m-dialog__header button:hover:not(:disabled) {
179
- background: color-mix(
180
- in srgb,
181
- var(--m-color-primary) 10%,
182
- var(--m-color-surface)
183
- );
184
- color: var(--m-color-text);
185
- }
186
-
187
- .m-dialog__action:focus-visible,
188
- .m-dialog__header button:focus-visible {
189
- box-shadow: var(--m-focus-shadow);
190
- outline: none;
191
- }
192
-
193
- .m-dialog__body {
194
- flex: 1 1 auto;
195
- overflow: auto;
196
- overscroll-behavior: contain;
197
- padding: var(--m-space-4);
198
- }
199
-
200
- .m-dialog__action:disabled,
201
- .m-dialog__header button:disabled {
202
- cursor: not-allowed;
203
- opacity: var(--m-opacity-disabled);
204
- }
205
-
206
- .m-dialog__footer {
207
- border-top: var(--m-border-width) solid var(--m-color-border);
208
- flex: 0 0 auto;
209
- }
210
-
211
- .m-dialog__footer--preset {
212
- gap: var(--m-space-2);
213
- justify-content: flex-end;
214
- width: 100%;
215
- }
216
-
217
- .m-dialog-enter-active {
218
- transition: opacity var(--m-motion-enter) var(--m-motion-ease);
219
- }
220
-
221
- .m-dialog-leave-active {
222
- transition: opacity var(--m-motion-exit) var(--m-motion-ease);
223
- }
224
-
225
- .m-dialog-enter-active .m-dialog-zoom,
226
- .m-dialog-leave-active .m-dialog-zoom {
227
- transition:
228
- opacity var(--m-motion-enter) var(--m-motion-ease),
229
- transform var(--m-motion-enter) var(--m-motion-ease);
230
- }
231
-
232
- .m-dialog-leave-active .m-dialog-zoom {
233
- transition:
234
- opacity var(--m-motion-exit) var(--m-motion-ease),
235
- transform var(--m-motion-exit) var(--m-motion-ease);
236
- }
237
-
238
- .m-dialog-enter-from,
239
- .m-dialog-leave-to {
240
- opacity: 0;
241
- }
242
-
243
- .m-dialog-enter-from .m-dialog-zoom,
244
- .m-dialog-leave-to .m-dialog-zoom {
245
- opacity: 0;
246
- transform: scale(0.95);
247
- }
248
-
249
- /*
250
- * Generic presets put Vue Transition classes on the backdrop. Keep the mask as
251
- * opacity-only and drive transform on `.m-dialog-zoom` (same structure as `dialog`).
252
- */
253
- .m-dialog-backdrop.m-fade-enter-from,
254
- .m-dialog-backdrop.m-fade-leave-to,
255
- .m-dialog-backdrop.m-scale-fade-enter-from,
256
- .m-dialog-backdrop.m-scale-fade-leave-to,
257
- .m-dialog-backdrop.m-slide-fade-enter-from,
258
- .m-dialog-backdrop.m-slide-fade-leave-to,
259
- .m-dialog-backdrop.m-zoom-enter-from,
260
- .m-dialog-backdrop.m-zoom-leave-to,
261
- .m-dialog-backdrop.m-slide-up-enter-from,
262
- .m-dialog-backdrop.m-slide-up-leave-to,
263
- .m-dialog-backdrop.m-slide-down-enter-from,
264
- .m-dialog-backdrop.m-slide-down-leave-to,
265
- .m-dialog-backdrop.m-slide-left-enter-from,
266
- .m-dialog-backdrop.m-slide-left-leave-to,
267
- .m-dialog-backdrop.m-slide-right-enter-from,
268
- .m-dialog-backdrop.m-slide-right-leave-to {
269
- transform: none;
270
- }
271
-
272
- .m-fade-enter-active .m-dialog-zoom,
273
- .m-scale-fade-enter-active .m-dialog-zoom,
274
- .m-slide-fade-enter-active .m-dialog-zoom,
275
- .m-zoom-enter-active .m-dialog-zoom,
276
- .m-slide-up-enter-active .m-dialog-zoom,
277
- .m-slide-down-enter-active .m-dialog-zoom,
278
- .m-slide-left-enter-active .m-dialog-zoom,
279
- .m-slide-right-enter-active .m-dialog-zoom {
280
- transition:
281
- opacity var(--m-motion-enter) var(--m-motion-ease),
282
- transform var(--m-motion-enter) var(--m-motion-ease);
283
- }
284
-
285
- .m-fade-leave-active .m-dialog-zoom,
286
- .m-scale-fade-leave-active .m-dialog-zoom,
287
- .m-slide-fade-leave-active .m-dialog-zoom,
288
- .m-zoom-leave-active .m-dialog-zoom,
289
- .m-slide-up-leave-active .m-dialog-zoom,
290
- .m-slide-down-leave-active .m-dialog-zoom,
291
- .m-slide-left-leave-active .m-dialog-zoom,
292
- .m-slide-right-leave-active .m-dialog-zoom {
293
- transition:
294
- opacity var(--m-motion-exit) var(--m-motion-ease),
295
- transform var(--m-motion-exit) var(--m-motion-ease);
296
- }
297
-
298
- .m-fade-enter-from .m-dialog-zoom,
299
- .m-fade-leave-to .m-dialog-zoom {
300
- opacity: 0;
301
- }
302
-
303
- .m-scale-fade-enter-from .m-dialog-zoom,
304
- .m-scale-fade-leave-to .m-dialog-zoom {
305
- opacity: 0;
306
- transform: translateY(calc(var(--m-motion-distance) * -1)) scale(0.96);
307
- }
308
-
309
- .m-slide-fade-enter-from .m-dialog-zoom,
310
- .m-slide-fade-leave-to .m-dialog-zoom {
311
- opacity: 0;
312
- transform: translateY(calc(var(--m-motion-distance) * -1));
313
- }
314
-
315
- .m-zoom-enter-from .m-dialog-zoom,
316
- .m-zoom-leave-to .m-dialog-zoom {
317
- opacity: 0;
318
- transform: scale(0.95);
319
- }
320
-
321
- .m-slide-up-enter-from .m-dialog-zoom,
322
- .m-slide-up-leave-to .m-dialog-zoom {
323
- opacity: 0;
324
- transform: translateY(var(--m-motion-distance));
325
- }
326
-
327
- .m-slide-down-enter-from .m-dialog-zoom,
328
- .m-slide-down-leave-to .m-dialog-zoom {
329
- opacity: 0;
330
- transform: translateY(calc(var(--m-motion-distance) * -1));
331
- }
332
-
333
- .m-slide-left-enter-from .m-dialog-zoom,
334
- .m-slide-left-leave-to .m-dialog-zoom {
335
- opacity: 0;
336
- transform: translateX(var(--m-motion-distance));
337
- }
338
-
339
- .m-slide-right-enter-from .m-dialog-zoom,
340
- .m-slide-right-leave-to .m-dialog-zoom {
341
- opacity: 0;
342
- transform: translateX(calc(var(--m-motion-distance) * -1));
343
- }
344
-
345
- [data-m-motion="reduced"] .m-dialog-enter-active,
346
- [data-m-motion="reduced"] .m-dialog-leave-active,
347
- [data-m-motion="reduced"] .m-dialog-enter-active .m-dialog-zoom,
348
- [data-m-motion="reduced"] .m-dialog-leave-active .m-dialog-zoom,
349
- [data-m-motion="reduced"] .m-fade-enter-active .m-dialog-zoom,
350
- [data-m-motion="reduced"] .m-fade-leave-active .m-dialog-zoom,
351
- [data-m-motion="reduced"] .m-scale-fade-enter-active .m-dialog-zoom,
352
- [data-m-motion="reduced"] .m-scale-fade-leave-active .m-dialog-zoom,
353
- [data-m-motion="reduced"] .m-slide-fade-enter-active .m-dialog-zoom,
354
- [data-m-motion="reduced"] .m-slide-fade-leave-active .m-dialog-zoom,
355
- [data-m-motion="reduced"] .m-zoom-enter-active .m-dialog-zoom,
356
- [data-m-motion="reduced"] .m-zoom-leave-active .m-dialog-zoom,
357
- [data-m-motion="reduced"] .m-slide-up-enter-active .m-dialog-zoom,
358
- [data-m-motion="reduced"] .m-slide-up-leave-active .m-dialog-zoom,
359
- [data-m-motion="reduced"] .m-slide-down-enter-active .m-dialog-zoom,
360
- [data-m-motion="reduced"] .m-slide-down-leave-active .m-dialog-zoom,
361
- [data-m-motion="reduced"] .m-slide-left-enter-active .m-dialog-zoom,
362
- [data-m-motion="reduced"] .m-slide-left-leave-active .m-dialog-zoom,
363
- [data-m-motion="reduced"] .m-slide-right-enter-active .m-dialog-zoom,
364
- [data-m-motion="reduced"] .m-slide-right-leave-active .m-dialog-zoom,
365
- [data-m-motion="none"] .m-dialog-enter-active,
366
- [data-m-motion="none"] .m-dialog-leave-active,
367
- [data-m-motion="none"] .m-dialog-enter-active .m-dialog-zoom,
368
- [data-m-motion="none"] .m-dialog-leave-active .m-dialog-zoom,
369
- [data-m-motion="none"] .m-fade-enter-active .m-dialog-zoom,
370
- [data-m-motion="none"] .m-fade-leave-active .m-dialog-zoom,
371
- [data-m-motion="none"] .m-scale-fade-enter-active .m-dialog-zoom,
372
- [data-m-motion="none"] .m-scale-fade-leave-active .m-dialog-zoom,
373
- [data-m-motion="none"] .m-slide-fade-enter-active .m-dialog-zoom,
374
- [data-m-motion="none"] .m-slide-fade-leave-active .m-dialog-zoom,
375
- [data-m-motion="none"] .m-zoom-enter-active .m-dialog-zoom,
376
- [data-m-motion="none"] .m-zoom-leave-active .m-dialog-zoom,
377
- [data-m-motion="none"] .m-slide-up-enter-active .m-dialog-zoom,
378
- [data-m-motion="none"] .m-slide-up-leave-active .m-dialog-zoom,
379
- [data-m-motion="none"] .m-slide-down-enter-active .m-dialog-zoom,
380
- [data-m-motion="none"] .m-slide-down-leave-active .m-dialog-zoom,
381
- [data-m-motion="none"] .m-slide-left-enter-active .m-dialog-zoom,
382
- [data-m-motion="none"] .m-slide-left-leave-active .m-dialog-zoom,
383
- [data-m-motion="none"] .m-slide-right-enter-active .m-dialog-zoom,
384
- [data-m-motion="none"] .m-slide-right-leave-active .m-dialog-zoom {
385
- transition: none;
386
- }
387
-
388
- [data-m-motion="reduced"] .m-dialog-enter-from .m-dialog-zoom,
389
- [data-m-motion="reduced"] .m-dialog-leave-to .m-dialog-zoom,
390
- [data-m-motion="reduced"] .m-scale-fade-enter-from .m-dialog-zoom,
391
- [data-m-motion="reduced"] .m-scale-fade-leave-to .m-dialog-zoom,
392
- [data-m-motion="reduced"] .m-slide-fade-enter-from .m-dialog-zoom,
393
- [data-m-motion="reduced"] .m-slide-fade-leave-to .m-dialog-zoom,
394
- [data-m-motion="reduced"] .m-zoom-enter-from .m-dialog-zoom,
395
- [data-m-motion="reduced"] .m-zoom-leave-to .m-dialog-zoom,
396
- [data-m-motion="reduced"] .m-slide-up-enter-from .m-dialog-zoom,
397
- [data-m-motion="reduced"] .m-slide-up-leave-to .m-dialog-zoom,
398
- [data-m-motion="reduced"] .m-slide-down-enter-from .m-dialog-zoom,
399
- [data-m-motion="reduced"] .m-slide-down-leave-to .m-dialog-zoom,
400
- [data-m-motion="reduced"] .m-slide-left-enter-from .m-dialog-zoom,
401
- [data-m-motion="reduced"] .m-slide-left-leave-to .m-dialog-zoom,
402
- [data-m-motion="reduced"] .m-slide-right-enter-from .m-dialog-zoom,
403
- [data-m-motion="reduced"] .m-slide-right-leave-to .m-dialog-zoom,
404
- [data-m-motion="none"] .m-dialog-enter-from .m-dialog-zoom,
405
- [data-m-motion="none"] .m-dialog-leave-to .m-dialog-zoom,
406
- [data-m-motion="none"] .m-scale-fade-enter-from .m-dialog-zoom,
407
- [data-m-motion="none"] .m-scale-fade-leave-to .m-dialog-zoom,
408
- [data-m-motion="none"] .m-slide-fade-enter-from .m-dialog-zoom,
409
- [data-m-motion="none"] .m-slide-fade-leave-to .m-dialog-zoom,
410
- [data-m-motion="none"] .m-zoom-enter-from .m-dialog-zoom,
411
- [data-m-motion="none"] .m-zoom-leave-to .m-dialog-zoom,
412
- [data-m-motion="none"] .m-slide-up-enter-from .m-dialog-zoom,
413
- [data-m-motion="none"] .m-slide-up-leave-to .m-dialog-zoom,
414
- [data-m-motion="none"] .m-slide-down-enter-from .m-dialog-zoom,
415
- [data-m-motion="none"] .m-slide-down-leave-to .m-dialog-zoom,
416
- [data-m-motion="none"] .m-slide-left-enter-from .m-dialog-zoom,
417
- [data-m-motion="none"] .m-slide-left-leave-to .m-dialog-zoom,
418
- [data-m-motion="none"] .m-slide-right-enter-from .m-dialog-zoom,
419
- [data-m-motion="none"] .m-slide-right-leave-to .m-dialog-zoom {
420
- transform: none;
421
- }
1
+ /* —— Feedback: Dialog —— */
2
+ .m-dialog button:focus {
3
+ outline: none;
4
+ }
5
+
6
+ .m-dialog button:focus-visible {
7
+ box-shadow: var(--m-focus-shadow);
8
+ outline: none;
9
+ }
10
+
11
+ .m-dialog-backdrop {
12
+ align-items: center;
13
+ background: transparent;
14
+ display: flex;
15
+ inset: 0;
16
+ justify-content: center;
17
+ padding: var(--m-space-4);
18
+ position: fixed;
19
+ z-index: var(--m-z-overlay);
20
+ }
21
+
22
+ .m-dialog-zoom {
23
+ align-items: inherit;
24
+ display: flex;
25
+ inset: 0;
26
+ justify-content: inherit;
27
+ padding: inherit;
28
+ position: absolute;
29
+ transform-origin: var(--m-dialog-origin-x, 50%)
30
+ var(--m-dialog-origin-y, 50%);
31
+ }
32
+
33
+ .m-dialog-backdrop--modal {
34
+ background: var(--m-overlay-scrim);
35
+ }
36
+
37
+ .m-dialog-backdrop--top {
38
+ align-items: flex-start;
39
+ }
40
+
41
+ .m-dialog-backdrop--bottom {
42
+ align-items: flex-end;
43
+ }
44
+
45
+ .m-dialog-backdrop--left {
46
+ justify-content: flex-start;
47
+ }
48
+
49
+ .m-dialog-backdrop--right {
50
+ justify-content: flex-end;
51
+ }
52
+
53
+ .m-dialog-backdrop--topleft {
54
+ align-items: flex-start;
55
+ justify-content: flex-start;
56
+ }
57
+
58
+ .m-dialog-backdrop--topright {
59
+ align-items: flex-start;
60
+ justify-content: flex-end;
61
+ }
62
+
63
+ .m-dialog-backdrop--bottomleft {
64
+ align-items: flex-end;
65
+ justify-content: flex-start;
66
+ }
67
+
68
+ .m-dialog-backdrop--bottomright {
69
+ align-items: flex-end;
70
+ justify-content: flex-end;
71
+ }
72
+
73
+ .m-dialog {
74
+ --m-dialog-width: 32rem;
75
+ --m-dialog-max-height: min(90vh, 100%);
76
+ --m-dialog-radius: var(--m-radius-lg);
77
+ background: var(--m-color-surface);
78
+ border-radius: var(--m-dialog-radius);
79
+ box-shadow: var(--m-shadow-lg);
80
+ color: var(--m-color-text);
81
+ display: flex;
82
+ flex-direction: column;
83
+ max-height: var(--m-dialog-max-height);
84
+ max-width: var(--m-dialog-width);
85
+ width: min(100%, var(--m-dialog-width));
86
+ }
87
+
88
+ .m-dialog-backdrop--maximized {
89
+ padding: 0;
90
+ }
91
+
92
+ .m-dialog--maximized {
93
+ --m-dialog-radius: 0;
94
+ border-radius: var(--m-dialog-radius);
95
+ height: 100%;
96
+ max-height: 100%;
97
+ max-width: none;
98
+ width: 100%;
99
+ }
100
+
101
+ .m-dialog__header,
102
+ .m-dialog__footer {
103
+ align-items: center;
104
+ display: flex;
105
+ justify-content: space-between;
106
+ padding: var(--m-space-4);
107
+ }
108
+
109
+ .m-dialog__header {
110
+ border-bottom: var(--m-border-width) solid var(--m-color-border);
111
+ flex: 0 0 auto;
112
+ gap: var(--m-space-3);
113
+ }
114
+
115
+ .m-dialog__header h2 {
116
+ font-size: var(--m-font-size-lg);
117
+ margin: 0;
118
+ }
119
+
120
+ .m-dialog__heading {
121
+ align-items: center;
122
+ display: flex;
123
+ gap: var(--m-space-2);
124
+ min-width: 0;
125
+ }
126
+
127
+ .m-dialog__type-icon {
128
+ color: var(--m-color-info);
129
+ flex-shrink: 0;
130
+ }
131
+
132
+ .m-dialog--success .m-dialog__type-icon {
133
+ color: var(--m-color-success);
134
+ }
135
+
136
+ .m-dialog--warn .m-dialog__type-icon,
137
+ .m-dialog--warning .m-dialog__type-icon {
138
+ color: var(--m-color-warn);
139
+ }
140
+
141
+ .m-dialog--error .m-dialog__type-icon {
142
+ color: var(--m-color-danger);
143
+ }
144
+
145
+ .m-dialog--info .m-dialog__type-icon {
146
+ color: var(--m-color-info);
147
+ }
148
+
149
+ .m-dialog__actions {
150
+ align-items: center;
151
+ display: flex;
152
+ flex: 0 0 auto;
153
+ gap: var(--m-space-1);
154
+ margin-left: auto;
155
+ }
156
+
157
+ .m-dialog__action,
158
+ .m-dialog__header button {
159
+ align-items: center;
160
+ background: transparent;
161
+ border: 0;
162
+ border-radius: var(--m-radius-sm);
163
+ color: var(--m-color-text-muted);
164
+ cursor: pointer;
165
+ display: inline-flex;
166
+ font-size: var(--m-font-size-lg);
167
+ height: var(--m-control-affix-size);
168
+ justify-content: center;
169
+ line-height: 1;
170
+ transition:
171
+ background-color var(--m-motion-fast) var(--m-motion-ease),
172
+ color var(--m-motion-fast) var(--m-motion-ease),
173
+ opacity var(--m-motion-fast) var(--m-motion-ease);
174
+ width: var(--m-control-affix-size);
175
+ }
176
+
177
+ .m-dialog__action:hover:not(:disabled),
178
+ .m-dialog__header button:hover:not(:disabled) {
179
+ background: color-mix(
180
+ in srgb,
181
+ var(--m-color-primary) 10%,
182
+ var(--m-color-surface)
183
+ );
184
+ color: var(--m-color-text);
185
+ }
186
+
187
+ .m-dialog__action:focus-visible,
188
+ .m-dialog__header button:focus-visible {
189
+ box-shadow: var(--m-focus-shadow);
190
+ outline: none;
191
+ }
192
+
193
+ .m-dialog__body {
194
+ flex: 1 1 auto;
195
+ overflow: auto;
196
+ overscroll-behavior: contain;
197
+ padding: var(--m-space-4);
198
+ }
199
+
200
+ .m-dialog__action:disabled,
201
+ .m-dialog__header button:disabled {
202
+ cursor: not-allowed;
203
+ opacity: var(--m-opacity-disabled);
204
+ }
205
+
206
+ .m-dialog__footer {
207
+ border-top: var(--m-border-width) solid var(--m-color-border);
208
+ flex: 0 0 auto;
209
+ }
210
+
211
+ .m-dialog__footer--preset {
212
+ gap: var(--m-space-2);
213
+ justify-content: flex-end;
214
+ width: 100%;
215
+ }
216
+
217
+ .m-dialog-enter-active {
218
+ transition: opacity var(--m-motion-enter) var(--m-motion-ease);
219
+ }
220
+
221
+ .m-dialog-leave-active {
222
+ transition: opacity var(--m-motion-exit) var(--m-motion-ease);
223
+ }
224
+
225
+ .m-dialog-enter-active .m-dialog-zoom,
226
+ .m-dialog-leave-active .m-dialog-zoom {
227
+ transition:
228
+ opacity var(--m-motion-enter) var(--m-motion-ease),
229
+ transform var(--m-motion-enter) var(--m-motion-ease);
230
+ }
231
+
232
+ .m-dialog-leave-active .m-dialog-zoom {
233
+ transition:
234
+ opacity var(--m-motion-exit) var(--m-motion-ease),
235
+ transform var(--m-motion-exit) var(--m-motion-ease);
236
+ }
237
+
238
+ .m-dialog-enter-from,
239
+ .m-dialog-leave-to {
240
+ opacity: 0;
241
+ }
242
+
243
+ .m-dialog-enter-from .m-dialog-zoom,
244
+ .m-dialog-leave-to .m-dialog-zoom {
245
+ opacity: 0;
246
+ transform: scale(0.95);
247
+ }
248
+
249
+ /*
250
+ * Generic presets put Vue Transition classes on the backdrop. Keep the mask as
251
+ * opacity-only and drive transform on `.m-dialog-zoom` (same structure as `dialog`).
252
+ */
253
+ .m-dialog-backdrop.m-fade-enter-from,
254
+ .m-dialog-backdrop.m-fade-leave-to,
255
+ .m-dialog-backdrop.m-scale-fade-enter-from,
256
+ .m-dialog-backdrop.m-scale-fade-leave-to,
257
+ .m-dialog-backdrop.m-slide-fade-enter-from,
258
+ .m-dialog-backdrop.m-slide-fade-leave-to,
259
+ .m-dialog-backdrop.m-zoom-enter-from,
260
+ .m-dialog-backdrop.m-zoom-leave-to,
261
+ .m-dialog-backdrop.m-slide-up-enter-from,
262
+ .m-dialog-backdrop.m-slide-up-leave-to,
263
+ .m-dialog-backdrop.m-slide-down-enter-from,
264
+ .m-dialog-backdrop.m-slide-down-leave-to,
265
+ .m-dialog-backdrop.m-slide-left-enter-from,
266
+ .m-dialog-backdrop.m-slide-left-leave-to,
267
+ .m-dialog-backdrop.m-slide-right-enter-from,
268
+ .m-dialog-backdrop.m-slide-right-leave-to {
269
+ transform: none;
270
+ }
271
+
272
+ .m-fade-enter-active .m-dialog-zoom,
273
+ .m-scale-fade-enter-active .m-dialog-zoom,
274
+ .m-slide-fade-enter-active .m-dialog-zoom,
275
+ .m-zoom-enter-active .m-dialog-zoom,
276
+ .m-slide-up-enter-active .m-dialog-zoom,
277
+ .m-slide-down-enter-active .m-dialog-zoom,
278
+ .m-slide-left-enter-active .m-dialog-zoom,
279
+ .m-slide-right-enter-active .m-dialog-zoom {
280
+ transition:
281
+ opacity var(--m-motion-enter) var(--m-motion-ease),
282
+ transform var(--m-motion-enter) var(--m-motion-ease);
283
+ }
284
+
285
+ .m-fade-leave-active .m-dialog-zoom,
286
+ .m-scale-fade-leave-active .m-dialog-zoom,
287
+ .m-slide-fade-leave-active .m-dialog-zoom,
288
+ .m-zoom-leave-active .m-dialog-zoom,
289
+ .m-slide-up-leave-active .m-dialog-zoom,
290
+ .m-slide-down-leave-active .m-dialog-zoom,
291
+ .m-slide-left-leave-active .m-dialog-zoom,
292
+ .m-slide-right-leave-active .m-dialog-zoom {
293
+ transition:
294
+ opacity var(--m-motion-exit) var(--m-motion-ease),
295
+ transform var(--m-motion-exit) var(--m-motion-ease);
296
+ }
297
+
298
+ .m-fade-enter-from .m-dialog-zoom,
299
+ .m-fade-leave-to .m-dialog-zoom {
300
+ opacity: 0;
301
+ }
302
+
303
+ .m-scale-fade-enter-from .m-dialog-zoom,
304
+ .m-scale-fade-leave-to .m-dialog-zoom {
305
+ opacity: 0;
306
+ transform: translateY(calc(var(--m-motion-distance) * -1)) scale(0.96);
307
+ }
308
+
309
+ .m-slide-fade-enter-from .m-dialog-zoom,
310
+ .m-slide-fade-leave-to .m-dialog-zoom {
311
+ opacity: 0;
312
+ transform: translateY(calc(var(--m-motion-distance) * -1));
313
+ }
314
+
315
+ .m-zoom-enter-from .m-dialog-zoom,
316
+ .m-zoom-leave-to .m-dialog-zoom {
317
+ opacity: 0;
318
+ transform: scale(0.95);
319
+ }
320
+
321
+ .m-slide-up-enter-from .m-dialog-zoom,
322
+ .m-slide-up-leave-to .m-dialog-zoom {
323
+ opacity: 0;
324
+ transform: translateY(var(--m-motion-distance));
325
+ }
326
+
327
+ .m-slide-down-enter-from .m-dialog-zoom,
328
+ .m-slide-down-leave-to .m-dialog-zoom {
329
+ opacity: 0;
330
+ transform: translateY(calc(var(--m-motion-distance) * -1));
331
+ }
332
+
333
+ .m-slide-left-enter-from .m-dialog-zoom,
334
+ .m-slide-left-leave-to .m-dialog-zoom {
335
+ opacity: 0;
336
+ transform: translateX(var(--m-motion-distance));
337
+ }
338
+
339
+ .m-slide-right-enter-from .m-dialog-zoom,
340
+ .m-slide-right-leave-to .m-dialog-zoom {
341
+ opacity: 0;
342
+ transform: translateX(calc(var(--m-motion-distance) * -1));
343
+ }
344
+
345
+ [data-m-motion="reduced"] .m-dialog-enter-active,
346
+ [data-m-motion="reduced"] .m-dialog-leave-active,
347
+ [data-m-motion="reduced"] .m-dialog-enter-active .m-dialog-zoom,
348
+ [data-m-motion="reduced"] .m-dialog-leave-active .m-dialog-zoom,
349
+ [data-m-motion="reduced"] .m-fade-enter-active .m-dialog-zoom,
350
+ [data-m-motion="reduced"] .m-fade-leave-active .m-dialog-zoom,
351
+ [data-m-motion="reduced"] .m-scale-fade-enter-active .m-dialog-zoom,
352
+ [data-m-motion="reduced"] .m-scale-fade-leave-active .m-dialog-zoom,
353
+ [data-m-motion="reduced"] .m-slide-fade-enter-active .m-dialog-zoom,
354
+ [data-m-motion="reduced"] .m-slide-fade-leave-active .m-dialog-zoom,
355
+ [data-m-motion="reduced"] .m-zoom-enter-active .m-dialog-zoom,
356
+ [data-m-motion="reduced"] .m-zoom-leave-active .m-dialog-zoom,
357
+ [data-m-motion="reduced"] .m-slide-up-enter-active .m-dialog-zoom,
358
+ [data-m-motion="reduced"] .m-slide-up-leave-active .m-dialog-zoom,
359
+ [data-m-motion="reduced"] .m-slide-down-enter-active .m-dialog-zoom,
360
+ [data-m-motion="reduced"] .m-slide-down-leave-active .m-dialog-zoom,
361
+ [data-m-motion="reduced"] .m-slide-left-enter-active .m-dialog-zoom,
362
+ [data-m-motion="reduced"] .m-slide-left-leave-active .m-dialog-zoom,
363
+ [data-m-motion="reduced"] .m-slide-right-enter-active .m-dialog-zoom,
364
+ [data-m-motion="reduced"] .m-slide-right-leave-active .m-dialog-zoom,
365
+ [data-m-motion="none"] .m-dialog-enter-active,
366
+ [data-m-motion="none"] .m-dialog-leave-active,
367
+ [data-m-motion="none"] .m-dialog-enter-active .m-dialog-zoom,
368
+ [data-m-motion="none"] .m-dialog-leave-active .m-dialog-zoom,
369
+ [data-m-motion="none"] .m-fade-enter-active .m-dialog-zoom,
370
+ [data-m-motion="none"] .m-fade-leave-active .m-dialog-zoom,
371
+ [data-m-motion="none"] .m-scale-fade-enter-active .m-dialog-zoom,
372
+ [data-m-motion="none"] .m-scale-fade-leave-active .m-dialog-zoom,
373
+ [data-m-motion="none"] .m-slide-fade-enter-active .m-dialog-zoom,
374
+ [data-m-motion="none"] .m-slide-fade-leave-active .m-dialog-zoom,
375
+ [data-m-motion="none"] .m-zoom-enter-active .m-dialog-zoom,
376
+ [data-m-motion="none"] .m-zoom-leave-active .m-dialog-zoom,
377
+ [data-m-motion="none"] .m-slide-up-enter-active .m-dialog-zoom,
378
+ [data-m-motion="none"] .m-slide-up-leave-active .m-dialog-zoom,
379
+ [data-m-motion="none"] .m-slide-down-enter-active .m-dialog-zoom,
380
+ [data-m-motion="none"] .m-slide-down-leave-active .m-dialog-zoom,
381
+ [data-m-motion="none"] .m-slide-left-enter-active .m-dialog-zoom,
382
+ [data-m-motion="none"] .m-slide-left-leave-active .m-dialog-zoom,
383
+ [data-m-motion="none"] .m-slide-right-enter-active .m-dialog-zoom,
384
+ [data-m-motion="none"] .m-slide-right-leave-active .m-dialog-zoom {
385
+ transition: none;
386
+ }
387
+
388
+ [data-m-motion="reduced"] .m-dialog-enter-from .m-dialog-zoom,
389
+ [data-m-motion="reduced"] .m-dialog-leave-to .m-dialog-zoom,
390
+ [data-m-motion="reduced"] .m-scale-fade-enter-from .m-dialog-zoom,
391
+ [data-m-motion="reduced"] .m-scale-fade-leave-to .m-dialog-zoom,
392
+ [data-m-motion="reduced"] .m-slide-fade-enter-from .m-dialog-zoom,
393
+ [data-m-motion="reduced"] .m-slide-fade-leave-to .m-dialog-zoom,
394
+ [data-m-motion="reduced"] .m-zoom-enter-from .m-dialog-zoom,
395
+ [data-m-motion="reduced"] .m-zoom-leave-to .m-dialog-zoom,
396
+ [data-m-motion="reduced"] .m-slide-up-enter-from .m-dialog-zoom,
397
+ [data-m-motion="reduced"] .m-slide-up-leave-to .m-dialog-zoom,
398
+ [data-m-motion="reduced"] .m-slide-down-enter-from .m-dialog-zoom,
399
+ [data-m-motion="reduced"] .m-slide-down-leave-to .m-dialog-zoom,
400
+ [data-m-motion="reduced"] .m-slide-left-enter-from .m-dialog-zoom,
401
+ [data-m-motion="reduced"] .m-slide-left-leave-to .m-dialog-zoom,
402
+ [data-m-motion="reduced"] .m-slide-right-enter-from .m-dialog-zoom,
403
+ [data-m-motion="reduced"] .m-slide-right-leave-to .m-dialog-zoom,
404
+ [data-m-motion="none"] .m-dialog-enter-from .m-dialog-zoom,
405
+ [data-m-motion="none"] .m-dialog-leave-to .m-dialog-zoom,
406
+ [data-m-motion="none"] .m-scale-fade-enter-from .m-dialog-zoom,
407
+ [data-m-motion="none"] .m-scale-fade-leave-to .m-dialog-zoom,
408
+ [data-m-motion="none"] .m-slide-fade-enter-from .m-dialog-zoom,
409
+ [data-m-motion="none"] .m-slide-fade-leave-to .m-dialog-zoom,
410
+ [data-m-motion="none"] .m-zoom-enter-from .m-dialog-zoom,
411
+ [data-m-motion="none"] .m-zoom-leave-to .m-dialog-zoom,
412
+ [data-m-motion="none"] .m-slide-up-enter-from .m-dialog-zoom,
413
+ [data-m-motion="none"] .m-slide-up-leave-to .m-dialog-zoom,
414
+ [data-m-motion="none"] .m-slide-down-enter-from .m-dialog-zoom,
415
+ [data-m-motion="none"] .m-slide-down-leave-to .m-dialog-zoom,
416
+ [data-m-motion="none"] .m-slide-left-enter-from .m-dialog-zoom,
417
+ [data-m-motion="none"] .m-slide-left-leave-to .m-dialog-zoom,
418
+ [data-m-motion="none"] .m-slide-right-enter-from .m-dialog-zoom,
419
+ [data-m-motion="none"] .m-slide-right-leave-to .m-dialog-zoom {
420
+ transform: none;
421
+ }