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/input-password/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/input-tags/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/knob/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
  /* —— Form: Knob —— */
1207
1152
  .m-knob {
1208
1153
  align-items: center;
@@ -1253,12 +1198,6 @@
1253
1198
  outline: none;
1254
1199
  }
1255
1200
 
1256
- @media (prefers-reduced-motion: reduce) {
1257
- html:not([data-m-ignore-reduced-motion]) .m-knob__value {
1258
- transition: none;
1259
- }
1260
- }
1261
-
1262
1201
  [data-m-motion="reduced"] .m-knob__value {
1263
1202
  transition: none;
1264
1203
  }
package/dist/label/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-label {
1207
1152
  color: var(--m-color-text);
1208
1153
  display: inline-block;
package/dist/layout/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,
@@ -1815,18 +1746,6 @@
1815
1746
  top: 0;
1816
1747
  }
1817
1748
 
1818
- @media (prefers-reduced-motion: reduce) {
1819
- html:not([data-m-ignore-reduced-motion]) .m-layout,
1820
- html:not([data-m-ignore-reduced-motion]) .m-layout-header,
1821
- html:not([data-m-ignore-reduced-motion]) .m-layout-footer,
1822
- html:not([data-m-ignore-reduced-motion]) .m-layout-sider,
1823
- html:not([data-m-ignore-reduced-motion]) .m-layout-sider__arrow,
1824
- html:not([data-m-ignore-reduced-motion]) .m-layout-sider__bar-top,
1825
- html:not([data-m-ignore-reduced-motion]) .m-layout-sider__bar-bottom {
1826
- transition: none;
1827
- }
1828
- }
1829
-
1830
1749
  [data-m-motion="reduced"] .m-layout,
1831
1750
  [data-m-motion="reduced"] .m-layout-header,
1832
1751
  [data-m-motion="reduced"] .m-layout-footer,