morya-ui 0.3.1 → 0.3.2

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 (228) hide show
  1. package/CHANGELOG.md +32 -0
  2. package/dist/Button-dMqRmoYa.js +222 -0
  3. package/dist/{Card-Dsmnzong.js → Card-B1CB9Trm.js} +3 -5
  4. package/dist/Empty-C5tndBOm.js +147 -0
  5. package/dist/Pagination-CqpC5EAs.js +166 -0
  6. package/dist/Select-CKGrSoaC.js +572 -0
  7. package/dist/Skeleton-DCYdXAH2.js +59 -0
  8. package/dist/accordion/style.css +16 -71
  9. package/dist/auto-complete/index.js +117 -119
  10. package/dist/auto-complete/style.css +6 -82
  11. package/dist/avatar/style.css +6 -67
  12. package/dist/badge/style.css +6 -68
  13. package/dist/block-ui/style.css +6 -68
  14. package/dist/breadcrumb/style.css +6 -61
  15. package/dist/button/index.js +1 -1
  16. package/dist/button/style.css +68 -78
  17. package/dist/card/index.js +1 -1
  18. package/dist/card/style.css +26 -67
  19. package/dist/carousel/style.css +6 -73
  20. package/dist/cascade-select/style.css +6 -75
  21. package/dist/checkbox/style.css +6 -61
  22. package/dist/chip/style.css +6 -67
  23. package/dist/command-menu/index.js +36 -38
  24. package/dist/command-menu/style.css +6 -75
  25. package/dist/components/Accordion/styles.css +10 -10
  26. package/dist/components/AutoComplete/AutoComplete.vue.d.ts.map +1 -1
  27. package/dist/components/AutoComplete/styles.css +0 -7
  28. package/dist/components/Badge/styles.css +0 -7
  29. package/dist/components/BlockUI/styles.css +0 -7
  30. package/dist/components/Button/Button.vue.d.ts +2 -0
  31. package/dist/components/Button/Button.vue.d.ts.map +1 -1
  32. package/dist/components/Button/styles.css +62 -11
  33. package/dist/components/Button/types.d.ts +4 -0
  34. package/dist/components/Button/types.d.ts.map +1 -1
  35. package/dist/components/Card/Card.vue.d.ts +2 -2
  36. package/dist/components/Card/Card.vue.d.ts.map +1 -1
  37. package/dist/components/Card/index.d.ts +1 -1
  38. package/dist/components/Card/index.d.ts.map +1 -1
  39. package/dist/components/Card/styles.css +20 -6
  40. package/dist/components/Card/types.d.ts +4 -2
  41. package/dist/components/Card/types.d.ts.map +1 -1
  42. package/dist/components/Carousel/styles.css +0 -6
  43. package/dist/components/CommandMenu/CommandMenu.vue.d.ts.map +1 -1
  44. package/dist/components/ConfigProvider/ConfigProvider.vue.d.ts +2 -2
  45. package/dist/components/Dialog/styles.css +3 -46
  46. package/dist/components/Dock/styles.css +0 -10
  47. package/dist/components/Drawer/styles.css +2 -51
  48. package/dist/components/Fieldset/styles.css +0 -7
  49. package/dist/components/FileUpload/FileUpload.vue.d.ts.map +1 -1
  50. package/dist/components/FileUpload/fileUtils.d.ts +8 -0
  51. package/dist/components/FileUpload/fileUtils.d.ts.map +1 -0
  52. package/dist/components/Gallery/styles.css +0 -8
  53. package/dist/components/Icon/styles.css +0 -6
  54. package/dist/components/Knob/styles.css +0 -6
  55. package/dist/components/Layout/styles.css +0 -12
  56. package/dist/components/Listbox/Listbox.vue.d.ts.map +1 -1
  57. package/dist/components/Loading/styles.css +0 -16
  58. package/dist/components/Menu/Menu.vue.d.ts.map +1 -1
  59. package/dist/components/Menu/styles.css +0 -7
  60. package/dist/components/Message/styles.css +0 -13
  61. package/dist/components/Page/PageContent.vue.d.ts +2 -1
  62. package/dist/components/Page/PageContent.vue.d.ts.map +1 -1
  63. package/dist/components/Page/PageFilterChips.vue.d.ts +16 -0
  64. package/dist/components/Page/PageFilterChips.vue.d.ts.map +1 -0
  65. package/dist/components/Page/PageFilters.vue.d.ts +15 -3
  66. package/dist/components/Page/PageFilters.vue.d.ts.map +1 -1
  67. package/dist/components/Page/PageHeader.vue.d.ts +8 -4
  68. package/dist/components/Page/PageHeader.vue.d.ts.map +1 -1
  69. package/dist/components/Page/PagePlaceholder.vue.d.ts +6 -2
  70. package/dist/components/Page/PagePlaceholder.vue.d.ts.map +1 -1
  71. package/dist/components/Page/PageSection.vue.d.ts +8 -2
  72. package/dist/components/Page/PageSection.vue.d.ts.map +1 -1
  73. package/dist/components/Page/PageStat.vue.d.ts +8 -3
  74. package/dist/components/Page/PageStat.vue.d.ts.map +1 -1
  75. package/dist/components/Page/index.d.ts +2 -1
  76. package/dist/components/Page/index.d.ts.map +1 -1
  77. package/dist/components/Page/styles.css +239 -44
  78. package/dist/components/Page/types.d.ts +40 -0
  79. package/dist/components/Page/types.d.ts.map +1 -1
  80. package/dist/components/Pagination/Pagination.vue.d.ts.map +1 -1
  81. package/dist/components/Pagination/styles.css +7 -10
  82. package/dist/components/Pagination/types.d.ts +1 -1
  83. package/dist/components/Pagination/types.d.ts.map +1 -1
  84. package/dist/components/Panel/styles.css +0 -7
  85. package/dist/components/Popover/styles.css +20 -17
  86. package/dist/components/ProgressBar/styles.css +0 -9
  87. package/dist/components/ProgressSpinner/styles.css +0 -7
  88. package/dist/components/ScrollTop/styles.css +0 -7
  89. package/dist/components/Scrollbar/styles.css +0 -8
  90. package/dist/components/Select/Select.vue.d.ts +1 -3
  91. package/dist/components/Select/Select.vue.d.ts.map +1 -1
  92. package/dist/components/Select/selectOptions.d.ts +46 -0
  93. package/dist/components/Select/selectOptions.d.ts.map +1 -0
  94. package/dist/components/Select/styles.css +5 -7
  95. package/dist/components/Sidebar/styles.css +0 -6
  96. package/dist/components/Skeleton/styles.css +0 -6
  97. package/dist/components/Status/styles.css +0 -7
  98. package/dist/components/Switch/styles.css +0 -7
  99. package/dist/components/Table/hooks/useExpandableRow.d.ts.map +1 -1
  100. package/dist/components/Table/hooks/useTotalItems.d.ts.map +1 -1
  101. package/dist/components/Table/styles.css +7 -10
  102. package/dist/components/Table/tableQuery.d.ts +30 -0
  103. package/dist/components/Table/tableQuery.d.ts.map +1 -0
  104. package/dist/components/Tree/Tree.vue.d.ts.map +1 -1
  105. package/dist/components/Tree/treeQuery.d.ts +31 -0
  106. package/dist/components/Tree/treeQuery.d.ts.map +1 -0
  107. package/dist/components/TreeSelect/TreeSelect.vue.d.ts.map +1 -1
  108. package/dist/config-provider/index.js +1 -1
  109. package/dist/config-provider/style.css +68 -72
  110. package/dist/confirm-dialog/index.js +1 -1
  111. package/dist/confirm-dialog/style.css +71 -124
  112. package/dist/confirm-popup/index.js +1 -1
  113. package/dist/confirm-popup/style.css +68 -78
  114. package/dist/context-menu/style.css +6 -75
  115. package/dist/data-view/index.js +1 -1
  116. package/dist/data-view/style.css +13 -87
  117. package/dist/date-picker/style.css +6 -67
  118. package/dist/dialog/index.js +1 -1
  119. package/dist/dialog/style.css +71 -124
  120. package/dist/divider/style.css +6 -61
  121. package/dist/dock/style.css +6 -77
  122. package/dist/drawer/style.css +8 -118
  123. package/dist/dropdown/style.css +6 -75
  124. package/dist/empty/index.js +5 -150
  125. package/dist/empty/style.css +6 -67
  126. package/dist/fieldset/style.css +6 -74
  127. package/dist/file-upload/index.js +147 -145
  128. package/dist/file-upload/style.css +6 -67
  129. package/dist/filterByQuery-Bczaxzih.js +17 -0
  130. package/dist/flex/style.css +6 -61
  131. package/dist/float-label/style.css +6 -61
  132. package/dist/fluid/style.css +6 -61
  133. package/dist/form/style.css +6 -61
  134. package/dist/gallery/style.css +6 -83
  135. package/dist/grid/style.css +6 -61
  136. package/dist/icon/style.css +6 -67
  137. package/dist/icon-field/style.css +6 -61
  138. package/dist/index.d.ts +3 -2
  139. package/dist/index.d.ts.map +1 -1
  140. package/dist/index.js +9017 -8694
  141. package/dist/inplace/style.css +6 -61
  142. package/dist/input/style.css +6 -67
  143. package/dist/input-color/style.css +6 -61
  144. package/dist/input-group/style.css +6 -61
  145. package/dist/input-number/style.css +6 -67
  146. package/dist/input-otp/style.css +6 -61
  147. package/dist/input-password/style.css +6 -67
  148. package/dist/input-tags/style.css +6 -67
  149. package/dist/knob/style.css +6 -67
  150. package/dist/label/style.css +6 -61
  151. package/dist/layout/style.css +6 -87
  152. package/dist/listbox/index.js +30 -32
  153. package/dist/listbox/style.css +6 -69
  154. package/dist/loading/style.css +6 -77
  155. package/dist/mega-menu/style.css +6 -67
  156. package/dist/menu/index.js +263 -253
  157. package/dist/menu/style.css +26 -99
  158. package/dist/menubar/style.css +6 -75
  159. package/dist/message/style.css +6 -80
  160. package/dist/meter-group/style.css +6 -61
  161. package/dist/order-list/style.css +6 -67
  162. package/dist/page/index.js +228 -69
  163. package/dist/page/style.css +1182 -113
  164. package/dist/page/style.js +3 -0
  165. package/dist/pagination/index.js +1 -1
  166. package/dist/pagination/style.css +206 -77
  167. package/dist/pagination/style.js +1 -0
  168. package/dist/panel/style.css +6 -74
  169. package/dist/pick-list/style.css +6 -67
  170. package/dist/popover/style.css +26 -78
  171. package/dist/progress-bar/style.css +6 -70
  172. package/dist/progress-spinner/style.css +6 -68
  173. package/dist/radio/style.css +6 -61
  174. package/dist/rating/style.css +6 -67
  175. package/dist/resolver-map.d.ts.map +1 -1
  176. package/dist/resolver.js +1 -0
  177. package/dist/result/style.css +6 -67
  178. package/dist/scroll-top/style.css +6 -82
  179. package/dist/scrollbar/style.css +6 -69
  180. package/dist/select/index.js +2 -545
  181. package/dist/select/style.css +11 -82
  182. package/dist/select-button/style.css +6 -61
  183. package/dist/shared/config.d.ts +2 -2
  184. package/dist/shared/filterByQuery.d.ts +14 -0
  185. package/dist/shared/filterByQuery.d.ts.map +1 -0
  186. package/dist/shared/menu/expand.d.ts +38 -0
  187. package/dist/shared/menu/expand.d.ts.map +1 -0
  188. package/dist/shared/menu/index.d.ts +2 -0
  189. package/dist/shared/menu/index.d.ts.map +1 -1
  190. package/dist/sidebar/style.css +6 -73
  191. package/dist/skeleton/index.js +2 -59
  192. package/dist/skeleton/style.css +6 -67
  193. package/dist/slider/style.css +6 -61
  194. package/dist/space/style.css +6 -61
  195. package/dist/speed-dial/style.css +6 -67
  196. package/dist/split-button/style.css +68 -78
  197. package/dist/splitter/style.css +6 -61
  198. package/dist/status/style.css +6 -74
  199. package/dist/stepper/style.css +6 -67
  200. package/dist/styles/base.css +1 -50
  201. package/dist/styles.css +1 -1
  202. package/dist/switch/style.css +6 -68
  203. package/dist/table/index.js +341 -311
  204. package/dist/table/style.css +20 -111
  205. package/dist/tabs/style.css +6 -75
  206. package/dist/tag/style.css +6 -67
  207. package/dist/terminal/style.css +6 -61
  208. package/dist/textarea/style.css +6 -67
  209. package/dist/theme/styles.css +5 -11
  210. package/dist/theme/useMotion.d.ts +5 -1
  211. package/dist/theme/useMotion.d.ts.map +1 -1
  212. package/dist/tiered-menu/style.css +6 -75
  213. package/dist/timeline/style.css +6 -75
  214. package/dist/toast/style.css +6 -67
  215. package/dist/toggle-button/style.css +6 -67
  216. package/dist/toolbar/style.css +6 -61
  217. package/dist/tooltip/style.css +6 -61
  218. package/dist/tree/index.js +158 -172
  219. package/dist/tree/style.css +6 -67
  220. package/dist/tree-select/index.js +198 -212
  221. package/dist/tree-select/style.css +6 -75
  222. package/dist/tree-table/style.css +6 -67
  223. package/dist/treeQuery-CnHkyYOA.js +107 -0
  224. package/dist/virtual-scroller/style.css +6 -69
  225. package/package.json +1 -1
  226. package/dist/Button-smoDleh0.js +0 -156
  227. package/dist/Pagination-DrXmzcEy.js +0 -158
  228. package/dist/checkStrategy-CZzuUKDI.js +0 -63
package/dist/resolver.js CHANGED
@@ -66,6 +66,7 @@ var e = {
66
66
  MMeterGroup: "meter-group",
67
67
  MOrderList: "order-list",
68
68
  MPageContent: "page",
69
+ MPageFilterChips: "page",
69
70
  MPageFilters: "page",
70
71
  MPageHeader: "page",
71
72
  MPagePlaceholder: "page",
package/dist/result/style.css CHANGED
@@ -50,6 +50,10 @@
50
50
  --m-font-size-sm: 0.8125rem;
51
51
  --m-font-size-md: 0.875rem;
52
52
  --m-font-size-lg: 1.125rem;
53
+ /* Display scale (page titles, KPI figures) */
54
+ --m-font-size-xl: 1.25rem;
55
+ --m-font-size-2xl: 1.5rem;
56
+ --m-font-size-3xl: 1.75rem;
53
57
  --m-opacity-disabled: 0.55;
54
58
  /* Layering: override --m-z-base via ConfigProvider / createMoryaUI */
55
59
  --m-z-base: 1000;
@@ -192,20 +196,10 @@
192
196
 
193
197
  /*
194
198
  * Global motion policy (complements per-component rules):
195
- * - `reduced` / OS prefers-reduced-motion: keep short paint transitions; stop loops
199
+ * - `reduced`: keep short paint transitions; stop loops
196
200
  * and layout/transform size animation.
197
201
  * - `none`: zero all transition/animation durations.
198
202
  */
199
- @media (prefers-reduced-motion: reduce) {
200
- html:not([data-m-ignore-reduced-motion]) *,
201
- html:not([data-m-ignore-reduced-motion]) *::before,
202
- html:not([data-m-ignore-reduced-motion]) *::after {
203
- animation-duration: 0.01ms !important;
204
- animation-iteration-count: 1 !important;
205
- transition-property: background-color, border-color, color, opacity, box-shadow,
206
- outline, fill, stroke, stroke-dashoffset !important;
207
- }
208
- }
209
203
 
210
204
  [data-m-motion="reduced"] *,
211
205
  [data-m-motion="reduced"] *::before,
@@ -615,7 +609,7 @@
615
609
  .m-zoom-enter-from,
616
610
  .m-zoom-leave-to {
617
611
  opacity: 0;
618
- transform: scale(0.9);
612
+ transform: scale(0.95);
619
613
  }
620
614
 
621
615
  .m-slide-up-enter-active,
@@ -660,44 +654,6 @@
660
654
  transform: translateX(calc(var(--m-motion-distance) * -1));
661
655
  }
662
656
 
663
- @media (prefers-reduced-motion: reduce) {
664
- html:not([data-m-ignore-reduced-motion]) .m-fade-enter-active,
665
- html:not([data-m-ignore-reduced-motion]) .m-fade-leave-active,
666
- html:not([data-m-ignore-reduced-motion]) .m-scale-fade-enter-active,
667
- html:not([data-m-ignore-reduced-motion]) .m-scale-fade-leave-active,
668
- html:not([data-m-ignore-reduced-motion]) .m-slide-fade-enter-active,
669
- html:not([data-m-ignore-reduced-motion]) .m-slide-fade-leave-active,
670
- html:not([data-m-ignore-reduced-motion]) .m-zoom-enter-active,
671
- html:not([data-m-ignore-reduced-motion]) .m-zoom-leave-active,
672
- html:not([data-m-ignore-reduced-motion]) .m-slide-up-enter-active,
673
- html:not([data-m-ignore-reduced-motion]) .m-slide-up-leave-active,
674
- html:not([data-m-ignore-reduced-motion]) .m-slide-down-enter-active,
675
- html:not([data-m-ignore-reduced-motion]) .m-slide-down-leave-active,
676
- html:not([data-m-ignore-reduced-motion]) .m-slide-left-enter-active,
677
- html:not([data-m-ignore-reduced-motion]) .m-slide-left-leave-active,
678
- html:not([data-m-ignore-reduced-motion]) .m-slide-right-enter-active,
679
- html:not([data-m-ignore-reduced-motion]) .m-slide-right-leave-active {
680
- transition: none;
681
- }
682
-
683
- html:not([data-m-ignore-reduced-motion]) .m-scale-fade-enter-from,
684
- html:not([data-m-ignore-reduced-motion]) .m-scale-fade-leave-to,
685
- html:not([data-m-ignore-reduced-motion]) .m-slide-fade-enter-from,
686
- html:not([data-m-ignore-reduced-motion]) .m-slide-fade-leave-to,
687
- html:not([data-m-ignore-reduced-motion]) .m-zoom-enter-from,
688
- html:not([data-m-ignore-reduced-motion]) .m-zoom-leave-to,
689
- html:not([data-m-ignore-reduced-motion]) .m-slide-up-enter-from,
690
- html:not([data-m-ignore-reduced-motion]) .m-slide-up-leave-to,
691
- html:not([data-m-ignore-reduced-motion]) .m-slide-down-enter-from,
692
- html:not([data-m-ignore-reduced-motion]) .m-slide-down-leave-to,
693
- html:not([data-m-ignore-reduced-motion]) .m-slide-left-enter-from,
694
- html:not([data-m-ignore-reduced-motion]) .m-slide-left-leave-to,
695
- html:not([data-m-ignore-reduced-motion]) .m-slide-right-enter-from,
696
- html:not([data-m-ignore-reduced-motion]) .m-slide-right-leave-to {
697
- transform: none;
698
- }
699
- }
700
-
701
657
  [data-m-motion="reduced"] .m-fade-enter-active,
702
658
  [data-m-motion="reduced"] .m-fade-leave-active,
703
659
  [data-m-motion="reduced"] .m-scale-fade-enter-active,
@@ -1192,17 +1148,6 @@
1192
1148
  animation: none !important;
1193
1149
  }
1194
1150
 
1195
- @media (prefers-reduced-motion: reduce) {
1196
- html:not([data-m-ignore-reduced-motion]) *,
1197
- html:not([data-m-ignore-reduced-motion]) *::before,
1198
- html:not([data-m-ignore-reduced-motion]) *::after {
1199
- animation-duration: 0.01ms !important;
1200
- animation-iteration-count: 1 !important;
1201
- scroll-behavior: auto !important;
1202
- transition-duration: 0.01ms !important;
1203
- }
1204
- }
1205
-
1206
1151
  .m-icon {
1207
1152
  color: currentColor;
1208
1153
  display: inline-flex;
@@ -1247,12 +1192,6 @@
1247
1192
  }
1248
1193
  }
1249
1194
 
1250
- @media (prefers-reduced-motion: reduce) {
1251
- html:not([data-m-ignore-reduced-motion]) .m-icon--spin svg {
1252
- animation: none;
1253
- }
1254
- }
1255
-
1256
1195
  :root[data-m-motion='none'] .m-icon--spin svg,
1257
1196
  :root[data-m-motion='reduced'] .m-icon--spin svg {
1258
1197
  animation: none;
package/dist/scroll-top/style.css CHANGED
@@ -50,6 +50,10 @@
50
50
  --m-font-size-sm: 0.8125rem;
51
51
  --m-font-size-md: 0.875rem;
52
52
  --m-font-size-lg: 1.125rem;
53
+ /* Display scale (page titles, KPI figures) */
54
+ --m-font-size-xl: 1.25rem;
55
+ --m-font-size-2xl: 1.5rem;
56
+ --m-font-size-3xl: 1.75rem;
53
57
  --m-opacity-disabled: 0.55;
54
58
  /* Layering: override --m-z-base via ConfigProvider / createMoryaUI */
55
59
  --m-z-base: 1000;
@@ -192,20 +196,10 @@
192
196
 
193
197
  /*
194
198
  * Global motion policy (complements per-component rules):
195
- * - `reduced` / OS prefers-reduced-motion: keep short paint transitions; stop loops
199
+ * - `reduced`: keep short paint transitions; stop loops
196
200
  * and layout/transform size animation.
197
201
  * - `none`: zero all transition/animation durations.
198
202
  */
199
- @media (prefers-reduced-motion: reduce) {
200
- html:not([data-m-ignore-reduced-motion]) *,
201
- html:not([data-m-ignore-reduced-motion]) *::before,
202
- html:not([data-m-ignore-reduced-motion]) *::after {
203
- animation-duration: 0.01ms !important;
204
- animation-iteration-count: 1 !important;
205
- transition-property: background-color, border-color, color, opacity, box-shadow,
206
- outline, fill, stroke, stroke-dashoffset !important;
207
- }
208
- }
209
203
 
210
204
  [data-m-motion="reduced"] *,
211
205
  [data-m-motion="reduced"] *::before,
@@ -615,7 +609,7 @@
615
609
  .m-zoom-enter-from,
616
610
  .m-zoom-leave-to {
617
611
  opacity: 0;
618
- transform: scale(0.9);
612
+ transform: scale(0.95);
619
613
  }
620
614
 
621
615
  .m-slide-up-enter-active,
@@ -660,44 +654,6 @@
660
654
  transform: translateX(calc(var(--m-motion-distance) * -1));
661
655
  }
662
656
 
663
- @media (prefers-reduced-motion: reduce) {
664
- html:not([data-m-ignore-reduced-motion]) .m-fade-enter-active,
665
- html:not([data-m-ignore-reduced-motion]) .m-fade-leave-active,
666
- html:not([data-m-ignore-reduced-motion]) .m-scale-fade-enter-active,
667
- html:not([data-m-ignore-reduced-motion]) .m-scale-fade-leave-active,
668
- html:not([data-m-ignore-reduced-motion]) .m-slide-fade-enter-active,
669
- html:not([data-m-ignore-reduced-motion]) .m-slide-fade-leave-active,
670
- html:not([data-m-ignore-reduced-motion]) .m-zoom-enter-active,
671
- html:not([data-m-ignore-reduced-motion]) .m-zoom-leave-active,
672
- html:not([data-m-ignore-reduced-motion]) .m-slide-up-enter-active,
673
- html:not([data-m-ignore-reduced-motion]) .m-slide-up-leave-active,
674
- html:not([data-m-ignore-reduced-motion]) .m-slide-down-enter-active,
675
- html:not([data-m-ignore-reduced-motion]) .m-slide-down-leave-active,
676
- html:not([data-m-ignore-reduced-motion]) .m-slide-left-enter-active,
677
- html:not([data-m-ignore-reduced-motion]) .m-slide-left-leave-active,
678
- html:not([data-m-ignore-reduced-motion]) .m-slide-right-enter-active,
679
- html:not([data-m-ignore-reduced-motion]) .m-slide-right-leave-active {
680
- transition: none;
681
- }
682
-
683
- html:not([data-m-ignore-reduced-motion]) .m-scale-fade-enter-from,
684
- html:not([data-m-ignore-reduced-motion]) .m-scale-fade-leave-to,
685
- html:not([data-m-ignore-reduced-motion]) .m-slide-fade-enter-from,
686
- html:not([data-m-ignore-reduced-motion]) .m-slide-fade-leave-to,
687
- html:not([data-m-ignore-reduced-motion]) .m-zoom-enter-from,
688
- html:not([data-m-ignore-reduced-motion]) .m-zoom-leave-to,
689
- html:not([data-m-ignore-reduced-motion]) .m-slide-up-enter-from,
690
- html:not([data-m-ignore-reduced-motion]) .m-slide-up-leave-to,
691
- html:not([data-m-ignore-reduced-motion]) .m-slide-down-enter-from,
692
- html:not([data-m-ignore-reduced-motion]) .m-slide-down-leave-to,
693
- html:not([data-m-ignore-reduced-motion]) .m-slide-left-enter-from,
694
- html:not([data-m-ignore-reduced-motion]) .m-slide-left-leave-to,
695
- html:not([data-m-ignore-reduced-motion]) .m-slide-right-enter-from,
696
- html:not([data-m-ignore-reduced-motion]) .m-slide-right-leave-to {
697
- transform: none;
698
- }
699
- }
700
-
701
657
  [data-m-motion="reduced"] .m-fade-enter-active,
702
658
  [data-m-motion="reduced"] .m-fade-leave-active,
703
659
  [data-m-motion="reduced"] .m-scale-fade-enter-active,
@@ -1192,17 +1148,6 @@
1192
1148
  animation: none !important;
1193
1149
  }
1194
1150
 
1195
- @media (prefers-reduced-motion: reduce) {
1196
- html:not([data-m-ignore-reduced-motion]) *,
1197
- html:not([data-m-ignore-reduced-motion]) *::before,
1198
- html:not([data-m-ignore-reduced-motion]) *::after {
1199
- animation-duration: 0.01ms !important;
1200
- animation-iteration-count: 1 !important;
1201
- scroll-behavior: auto !important;
1202
- transition-duration: 0.01ms !important;
1203
- }
1204
- }
1205
-
1206
1151
  .m-icon {
1207
1152
  color: currentColor;
1208
1153
  display: inline-flex;
@@ -1247,12 +1192,6 @@
1247
1192
  }
1248
1193
  }
1249
1194
 
1250
- @media (prefers-reduced-motion: reduce) {
1251
- html:not([data-m-ignore-reduced-motion]) .m-icon--spin svg {
1252
- animation: none;
1253
- }
1254
- }
1255
-
1256
1195
  :root[data-m-motion='none'] .m-icon--spin svg,
1257
1196
  :root[data-m-motion='reduced'] .m-icon--spin svg {
1258
1197
  animation: none;
@@ -1382,14 +1321,6 @@
1382
1321
  opacity: 0;
1383
1322
  }
1384
1323
 
1385
- @media (prefers-reduced-motion: reduce) {
1386
- html:not([data-m-ignore-reduced-motion]) .m-scrollbar__thumb,
1387
- html:not([data-m-ignore-reduced-motion]) .m-scrollbar-fade-enter-active,
1388
- html:not([data-m-ignore-reduced-motion]) .m-scrollbar-fade-leave-active {
1389
- transition: none;
1390
- }
1391
- }
1392
-
1393
1324
  :root[data-m-motion='none'] .m-scrollbar__thumb,
1394
1325
  :root[data-m-motion='none'] .m-scrollbar-fade-enter-active,
1395
1326
  :root[data-m-motion='none'] .m-scrollbar-fade-leave-active,
@@ -1453,13 +1384,6 @@
1453
1384
  outline: none;
1454
1385
  }
1455
1386
 
1456
- @media (prefers-reduced-motion: reduce) {
1457
- html:not([data-m-ignore-reduced-motion]) .m-scrolltop {
1458
- transition: none;
1459
- transform: none;
1460
- }
1461
- }
1462
-
1463
1387
  [data-m-motion="reduced"] .m-scrolltop,
1464
1388
  [data-m-motion="none"] .m-scrolltop {
1465
1389
  transition: none;
package/dist/scrollbar/style.css CHANGED
@@ -50,6 +50,10 @@
50
50
  --m-font-size-sm: 0.8125rem;
51
51
  --m-font-size-md: 0.875rem;
52
52
  --m-font-size-lg: 1.125rem;
53
+ /* Display scale (page titles, KPI figures) */
54
+ --m-font-size-xl: 1.25rem;
55
+ --m-font-size-2xl: 1.5rem;
56
+ --m-font-size-3xl: 1.75rem;
53
57
  --m-opacity-disabled: 0.55;
54
58
  /* Layering: override --m-z-base via ConfigProvider / createMoryaUI */
55
59
  --m-z-base: 1000;
@@ -192,20 +196,10 @@
192
196
 
193
197
  /*
194
198
  * Global motion policy (complements per-component rules):
195
- * - `reduced` / OS prefers-reduced-motion: keep short paint transitions; stop loops
199
+ * - `reduced`: keep short paint transitions; stop loops
196
200
  * and layout/transform size animation.
197
201
  * - `none`: zero all transition/animation durations.
198
202
  */
199
- @media (prefers-reduced-motion: reduce) {
200
- html:not([data-m-ignore-reduced-motion]) *,
201
- html:not([data-m-ignore-reduced-motion]) *::before,
202
- html:not([data-m-ignore-reduced-motion]) *::after {
203
- animation-duration: 0.01ms !important;
204
- animation-iteration-count: 1 !important;
205
- transition-property: background-color, border-color, color, opacity, box-shadow,
206
- outline, fill, stroke, stroke-dashoffset !important;
207
- }
208
- }
209
203
 
210
204
  [data-m-motion="reduced"] *,
211
205
  [data-m-motion="reduced"] *::before,
@@ -615,7 +609,7 @@
615
609
  .m-zoom-enter-from,
616
610
  .m-zoom-leave-to {
617
611
  opacity: 0;
618
- transform: scale(0.9);
612
+ transform: scale(0.95);
619
613
  }
620
614
 
621
615
  .m-slide-up-enter-active,
@@ -660,44 +654,6 @@
660
654
  transform: translateX(calc(var(--m-motion-distance) * -1));
661
655
  }
662
656
 
663
- @media (prefers-reduced-motion: reduce) {
664
- html:not([data-m-ignore-reduced-motion]) .m-fade-enter-active,
665
- html:not([data-m-ignore-reduced-motion]) .m-fade-leave-active,
666
- html:not([data-m-ignore-reduced-motion]) .m-scale-fade-enter-active,
667
- html:not([data-m-ignore-reduced-motion]) .m-scale-fade-leave-active,
668
- html:not([data-m-ignore-reduced-motion]) .m-slide-fade-enter-active,
669
- html:not([data-m-ignore-reduced-motion]) .m-slide-fade-leave-active,
670
- html:not([data-m-ignore-reduced-motion]) .m-zoom-enter-active,
671
- html:not([data-m-ignore-reduced-motion]) .m-zoom-leave-active,
672
- html:not([data-m-ignore-reduced-motion]) .m-slide-up-enter-active,
673
- html:not([data-m-ignore-reduced-motion]) .m-slide-up-leave-active,
674
- html:not([data-m-ignore-reduced-motion]) .m-slide-down-enter-active,
675
- html:not([data-m-ignore-reduced-motion]) .m-slide-down-leave-active,
676
- html:not([data-m-ignore-reduced-motion]) .m-slide-left-enter-active,
677
- html:not([data-m-ignore-reduced-motion]) .m-slide-left-leave-active,
678
- html:not([data-m-ignore-reduced-motion]) .m-slide-right-enter-active,
679
- html:not([data-m-ignore-reduced-motion]) .m-slide-right-leave-active {
680
- transition: none;
681
- }
682
-
683
- html:not([data-m-ignore-reduced-motion]) .m-scale-fade-enter-from,
684
- html:not([data-m-ignore-reduced-motion]) .m-scale-fade-leave-to,
685
- html:not([data-m-ignore-reduced-motion]) .m-slide-fade-enter-from,
686
- html:not([data-m-ignore-reduced-motion]) .m-slide-fade-leave-to,
687
- html:not([data-m-ignore-reduced-motion]) .m-zoom-enter-from,
688
- html:not([data-m-ignore-reduced-motion]) .m-zoom-leave-to,
689
- html:not([data-m-ignore-reduced-motion]) .m-slide-up-enter-from,
690
- html:not([data-m-ignore-reduced-motion]) .m-slide-up-leave-to,
691
- html:not([data-m-ignore-reduced-motion]) .m-slide-down-enter-from,
692
- html:not([data-m-ignore-reduced-motion]) .m-slide-down-leave-to,
693
- html:not([data-m-ignore-reduced-motion]) .m-slide-left-enter-from,
694
- html:not([data-m-ignore-reduced-motion]) .m-slide-left-leave-to,
695
- html:not([data-m-ignore-reduced-motion]) .m-slide-right-enter-from,
696
- html:not([data-m-ignore-reduced-motion]) .m-slide-right-leave-to {
697
- transform: none;
698
- }
699
- }
700
-
701
657
  [data-m-motion="reduced"] .m-fade-enter-active,
702
658
  [data-m-motion="reduced"] .m-fade-leave-active,
703
659
  [data-m-motion="reduced"] .m-scale-fade-enter-active,
@@ -1192,17 +1148,6 @@
1192
1148
  animation: none !important;
1193
1149
  }
1194
1150
 
1195
- @media (prefers-reduced-motion: reduce) {
1196
- html:not([data-m-ignore-reduced-motion]) *,
1197
- html:not([data-m-ignore-reduced-motion]) *::before,
1198
- html:not([data-m-ignore-reduced-motion]) *::after {
1199
- animation-duration: 0.01ms !important;
1200
- animation-iteration-count: 1 !important;
1201
- scroll-behavior: auto !important;
1202
- transition-duration: 0.01ms !important;
1203
- }
1204
- }
1205
-
1206
1151
  .m-scrollbar {
1207
1152
  --m-scrollbar-track-size: 6px;
1208
1153
  --m-scrollbar-inset: 0.125rem;
@@ -1327,14 +1272,6 @@
1327
1272
  opacity: 0;
1328
1273
  }
1329
1274
 
1330
- @media (prefers-reduced-motion: reduce) {
1331
- html:not([data-m-ignore-reduced-motion]) .m-scrollbar__thumb,
1332
- html:not([data-m-ignore-reduced-motion]) .m-scrollbar-fade-enter-active,
1333
- html:not([data-m-ignore-reduced-motion]) .m-scrollbar-fade-leave-active {
1334
- transition: none;
1335
- }
1336
- }
1337
-
1338
1275
  :root[data-m-motion='none'] .m-scrollbar__thumb,
1339
1276
  :root[data-m-motion='none'] .m-scrollbar-fade-enter-active,
1340
1277
  :root[data-m-motion='none'] .m-scrollbar-fade-leave-active,