morya-ui 0.2.7 → 0.2.9

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 (226) hide show
  1. package/CHANGELOG.md +43 -0
  2. package/README.md +1 -0
  3. package/README.zh-CN.md +1 -0
  4. package/dist/{Button--RkQybU-.js → Button-DO5oukfg.js} +1 -1
  5. package/dist/Icon-B6IBrJ5S.js +606 -0
  6. package/dist/{Pagination-BKvR-RUW.js → Pagination-CUwCtWhz.js} +1 -1
  7. package/dist/Renderable-DHU4Jcfw.js +20 -0
  8. package/dist/accordion/style.css +26 -23
  9. package/dist/auto-complete/index.js +1 -1
  10. package/dist/auto-complete/style.css +64 -40
  11. package/dist/avatar/index.js +1 -1
  12. package/dist/avatar/style.css +26 -23
  13. package/dist/badge/style.css +26 -23
  14. package/dist/block-ui/style.css +26 -23
  15. package/dist/breadcrumb/style.css +26 -23
  16. package/dist/button/index.js +1 -1
  17. package/dist/button/style.css +26 -23
  18. package/dist/card/style.css +26 -23
  19. package/dist/carousel/index.js +1 -1
  20. package/dist/carousel/style.css +26 -23
  21. package/dist/cascade-select/index.js +1 -1
  22. package/dist/cascade-select/style.css +27 -24
  23. package/dist/checkbox/style.css +26 -23
  24. package/dist/chip/index.js +1 -1
  25. package/dist/chip/style.css +26 -23
  26. package/dist/command-menu/index.js +2 -2
  27. package/dist/command-menu/style.css +26 -23
  28. package/dist/component-registry.d.ts.map +1 -1
  29. package/dist/components/AutoComplete/styles.css +38 -17
  30. package/dist/components/Carousel/Carousel.vue.d.ts +1 -1
  31. package/dist/components/ConfirmPopup/ConfirmPopup.vue.d.ts +1 -1
  32. package/dist/components/DatePicker/styles.css +65 -21
  33. package/dist/components/Icon/icon-categories.d.ts +21 -0
  34. package/dist/components/Icon/icon-categories.d.ts.map +1 -0
  35. package/dist/components/Icon/icons-tabler.d.ts +77 -0
  36. package/dist/components/Icon/icons-tabler.d.ts.map +1 -0
  37. package/dist/components/Icon/icons-types.d.ts +36 -0
  38. package/dist/components/Icon/icons-types.d.ts.map +1 -0
  39. package/dist/components/Icon/icons.d.ts +75 -32
  40. package/dist/components/Icon/icons.d.ts.map +1 -1
  41. package/dist/components/Icon/index.d.ts +2 -0
  42. package/dist/components/Icon/index.d.ts.map +1 -1
  43. package/dist/components/IconField/IconField.vue.d.ts +3 -1
  44. package/dist/components/IconField/IconField.vue.d.ts.map +1 -1
  45. package/dist/components/IconField/styles.css +306 -31
  46. package/dist/components/Input/Input.vue.d.ts.map +1 -1
  47. package/dist/components/Input/styles.css +172 -33
  48. package/dist/components/InputNumber/styles.css +103 -40
  49. package/dist/components/InputPassword/InputPassword.vue.d.ts.map +1 -1
  50. package/dist/components/InputPassword/styles.css +79 -79
  51. package/dist/components/Layout/LayoutContent.vue.d.ts +4 -8
  52. package/dist/components/Layout/LayoutContent.vue.d.ts.map +1 -1
  53. package/dist/components/Layout/LayoutSider.vue.d.ts +4 -6
  54. package/dist/components/Layout/LayoutSider.vue.d.ts.map +1 -1
  55. package/dist/components/Layout/composables/useLayoutRegionStyle.d.ts +2 -0
  56. package/dist/components/Layout/composables/useLayoutRegionStyle.d.ts.map +1 -1
  57. package/dist/components/Layout/styles.css +7 -42
  58. package/dist/components/Layout/types.d.ts +4 -7
  59. package/dist/components/Layout/types.d.ts.map +1 -1
  60. package/dist/components/Loading/Loading.vue.d.ts +25 -0
  61. package/dist/components/Loading/Loading.vue.d.ts.map +1 -0
  62. package/dist/components/Loading/LoadingIndicator.vue.d.ts +13 -0
  63. package/dist/components/Loading/LoadingIndicator.vue.d.ts.map +1 -0
  64. package/dist/components/Loading/directive.d.ts +12 -0
  65. package/dist/components/Loading/directive.d.ts.map +1 -0
  66. package/dist/components/Loading/index.d.ts +8 -0
  67. package/dist/components/Loading/index.d.ts.map +1 -0
  68. package/dist/components/Loading/loading.d.ts +35 -0
  69. package/dist/components/Loading/loading.d.ts.map +1 -0
  70. package/dist/components/Loading/styles.css +386 -0
  71. package/dist/components/Loading/types.d.ts +74 -0
  72. package/dist/components/Loading/types.d.ts.map +1 -0
  73. package/dist/components/Loading/useLoading.d.ts +11 -0
  74. package/dist/components/Loading/useLoading.d.ts.map +1 -0
  75. package/dist/components/Menu/styles.css +4 -1
  76. package/dist/components/Page/PageContent.vue.d.ts +2 -2
  77. package/dist/components/ProgressSpinner/ProgressSpinner.vue.d.ts +1 -1
  78. package/dist/components/Rating/Rating.vue.d.ts +1 -1
  79. package/dist/components/Table/Table.vue.d.ts +1 -1
  80. package/dist/components/Textarea/styles.css +15 -1
  81. package/dist/config-provider/style.css +198 -56
  82. package/dist/confirm-dialog/index.js +11 -11
  83. package/dist/confirm-dialog/style.css +26 -23
  84. package/dist/confirm-popup/index.js +2 -2
  85. package/dist/confirm-popup/style.css +26 -23
  86. package/dist/content-h8POj44-.js +28 -0
  87. package/dist/context-menu/index.js +2 -2
  88. package/dist/context-menu/style.css +26 -23
  89. package/dist/data-view/index.js +1 -1
  90. package/dist/data-view/style.css +26 -23
  91. package/dist/date-picker/index.js +1 -1
  92. package/dist/date-picker/style.css +91 -44
  93. package/dist/dialog/index.js +2 -2
  94. package/dist/dialog/style.css +26 -23
  95. package/dist/divider/style.css +26 -23
  96. package/dist/dock/index.js +2 -2
  97. package/dist/dock/style.css +26 -23
  98. package/dist/drawer/index.js +1 -1
  99. package/dist/drawer/style.css +26 -23
  100. package/dist/dropdown/index.js +2 -2
  101. package/dist/dropdown/style.css +26 -23
  102. package/dist/empty/index.js +1 -1
  103. package/dist/empty/style.css +26 -23
  104. package/dist/fieldset/index.js +1 -1
  105. package/dist/fieldset/style.css +26 -23
  106. package/dist/file-upload/index.js +1 -1
  107. package/dist/file-upload/style.css +26 -23
  108. package/dist/flex/style.css +26 -23
  109. package/dist/float-label/style.css +26 -23
  110. package/dist/fluid/style.css +26 -23
  111. package/dist/form/style.css +26 -23
  112. package/dist/gallery/index.js +1 -1
  113. package/dist/gallery/style.css +26 -23
  114. package/dist/grid/style.css +26 -23
  115. package/dist/icon/index.js +212 -2
  116. package/dist/icon/style.css +26 -23
  117. package/dist/icon-field/index.js +41 -7
  118. package/dist/icon-field/style.css +672 -54
  119. package/dist/icon-field/style.js +1 -0
  120. package/dist/{icon-xUOyawgJ.js → icon-iOBeyIRp.js} +1 -1
  121. package/dist/index.d.ts +10 -1
  122. package/dist/index.d.ts.map +1 -1
  123. package/dist/index.js +4722 -3962
  124. package/dist/inplace/style.css +26 -23
  125. package/dist/input/index.js +78 -80
  126. package/dist/input/style.css +198 -56
  127. package/dist/input-color/style.css +26 -23
  128. package/dist/input-group/style.css +26 -23
  129. package/dist/input-number/index.js +1 -1
  130. package/dist/input-number/style.css +129 -63
  131. package/dist/input-otp/style.css +26 -23
  132. package/dist/input-password/index.js +83 -82
  133. package/dist/input-password/style.css +105 -102
  134. package/dist/input-tags/index.js +1 -1
  135. package/dist/input-tags/style.css +26 -23
  136. package/dist/knob/style.css +26 -23
  137. package/dist/label/style.css +26 -23
  138. package/dist/layout/index.js +60 -83
  139. package/dist/layout/style.css +33 -65
  140. package/dist/listbox/style.css +26 -23
  141. package/dist/loading/index.js +467 -0
  142. package/dist/loading/style.css +1380 -0
  143. package/dist/loading/style.js +3 -0
  144. package/dist/mega-menu/index.js +2 -2
  145. package/dist/mega-menu/style.css +26 -23
  146. package/dist/menu/index.js +2 -2
  147. package/dist/menu/style.css +30 -24
  148. package/dist/menubar/index.js +2 -2
  149. package/dist/menubar/style.css +26 -23
  150. package/dist/message/index.js +8 -7
  151. package/dist/message/style.css +26 -23
  152. package/dist/meter-group/style.css +26 -23
  153. package/dist/order-list/index.js +1 -1
  154. package/dist/order-list/style.css +26 -23
  155. package/dist/page/index.js +1 -1
  156. package/dist/page/style.css +26 -23
  157. package/dist/pagination/index.js +1 -1
  158. package/dist/pagination/style.css +26 -23
  159. package/dist/panel/index.js +1 -1
  160. package/dist/panel/style.css +26 -23
  161. package/dist/pick-list/index.js +1 -1
  162. package/dist/pick-list/style.css +26 -23
  163. package/dist/popover/style.css +26 -23
  164. package/dist/progress-bar/style.css +26 -23
  165. package/dist/progress-spinner/style.css +26 -23
  166. package/dist/radio/style.css +26 -23
  167. package/dist/rating/index.js +1 -1
  168. package/dist/rating/style.css +26 -23
  169. package/dist/resolver-map.d.ts.map +1 -1
  170. package/dist/resolver.js +1 -0
  171. package/dist/result/index.js +1 -1
  172. package/dist/result/style.css +26 -23
  173. package/dist/scroll-top/index.js +1 -1
  174. package/dist/scroll-top/style.css +26 -23
  175. package/dist/scrollbar/style.css +26 -23
  176. package/dist/select/index.js +1 -1
  177. package/dist/select/style.css +27 -24
  178. package/dist/select-button/style.css +26 -23
  179. package/dist/shared/config.d.ts.map +1 -1
  180. package/dist/shared/styles/control-suffix.css +1 -1
  181. package/dist/sidebar/index.js +2 -2
  182. package/dist/sidebar/style.css +26 -23
  183. package/dist/skeleton/style.css +26 -23
  184. package/dist/slider/style.css +26 -23
  185. package/dist/space/style.css +26 -23
  186. package/dist/speed-dial/index.js +2 -2
  187. package/dist/speed-dial/style.css +26 -23
  188. package/dist/split-button/index.js +1 -1
  189. package/dist/split-button/style.css +26 -23
  190. package/dist/splitter/style.css +26 -23
  191. package/dist/status/index.js +1 -1
  192. package/dist/status/style.css +26 -23
  193. package/dist/stepper/index.js +1 -1
  194. package/dist/stepper/style.css +26 -23
  195. package/dist/styles/base.css +26 -23
  196. package/dist/styles.css +1 -1
  197. package/dist/switch/style.css +26 -23
  198. package/dist/table/index.js +2 -2
  199. package/dist/table/style.css +26 -23
  200. package/dist/tabs/index.js +1 -1
  201. package/dist/tabs/style.css +26 -23
  202. package/dist/tag/index.js +1 -1
  203. package/dist/tag/style.css +26 -23
  204. package/dist/terminal/style.css +26 -23
  205. package/dist/textarea/index.js +1 -1
  206. package/dist/textarea/style.css +41 -24
  207. package/dist/tiered-menu/index.js +1 -1
  208. package/dist/tiered-menu/style.css +26 -23
  209. package/dist/timeline/index.js +1 -1
  210. package/dist/timeline/style.css +26 -23
  211. package/dist/toast/index.js +13 -12
  212. package/dist/toast/style.css +26 -23
  213. package/dist/toggle-button/index.js +2 -2
  214. package/dist/toggle-button/style.css +26 -23
  215. package/dist/toolbar/style.css +26 -23
  216. package/dist/tooltip/style.css +26 -23
  217. package/dist/tree/index.js +1 -1
  218. package/dist/tree/style.css +26 -23
  219. package/dist/tree-select/index.js +1 -1
  220. package/dist/tree-select/style.css +27 -24
  221. package/dist/tree-table/index.js +1 -1
  222. package/dist/tree-table/style.css +26 -23
  223. package/dist/virtual-scroller/style.css +26 -23
  224. package/package.json +9 -2
  225. package/dist/Icon-DfpIfo2L.js +0 -521
  226. package/dist/Renderable-BaaCI4tS.js +0 -45
@@ -373,6 +373,17 @@
373
373
  opacity: var(--m-opacity-disabled);
374
374
  }
375
375
 
376
+ .m-input-field__control--prefixed .m-input:disabled,
377
+ .m-input-field__control--suffixed .m-input:disabled,
378
+ .m-input-field__control--clearable .m-input:disabled,
379
+ .m-password--disabled .m-password__input,
380
+ .m-inputnumber--disabled .m-inputnumber__input,
381
+ .m-datepicker--disabled .m-datepicker__input,
382
+ .m-icon-field--anchored .m-input:disabled,
383
+ .m-icon-field--anchored .m-textarea:disabled {
384
+ opacity: 1;
385
+ }
386
+
376
387
  .m-input::placeholder,
377
388
  .m-textarea::placeholder,
378
389
  .m-password__input::placeholder,
@@ -692,14 +703,6 @@
692
703
  opacity: var(--m-opacity-disabled);
693
704
  }
694
705
 
695
- .m-icon-field--left :is(.m-input, .m-password__input, .m-inputnumber__input, input) {
696
- padding-left: var(--m-control-affix-padding);
697
- }
698
-
699
- .m-icon-field--right :is(.m-input, .m-password__input, .m-inputnumber__input, input) {
700
- padding-right: var(--m-control-affix-padding);
701
- }
702
-
703
706
  .m-inputgroup > .m-input,
704
707
  .m-inputgroup > .m-input-field,
705
708
  .m-inputgroup > .m-password-field,
@@ -718,16 +721,22 @@
718
721
 
719
722
  .m-inputgroup > .m-input,
720
723
  .m-inputgroup .m-input,
721
- .m-inputgroup .m-password__input,
722
- .m-inputgroup .m-inputnumber__input {
724
+ .m-inputgroup .m-password,
725
+ .m-inputgroup .m-inputnumber__input-wrap,
726
+ .m-inputgroup .m-input-field__control--prefixed,
727
+ .m-inputgroup .m-input-field__control--suffixed,
728
+ .m-inputgroup .m-input-field__control--clearable {
723
729
  border-radius: 0;
724
730
  width: 100%;
725
731
  }
726
732
 
727
733
  .m-inputgroup > :first-child.m-input,
728
734
  .m-inputgroup > :first-child .m-input,
729
- .m-inputgroup > :first-child .m-password__input,
730
- .m-inputgroup > :first-child .m-inputnumber__input,
735
+ .m-inputgroup > :first-child .m-password,
736
+ .m-inputgroup > :first-child .m-inputnumber__input-wrap,
737
+ .m-inputgroup > :first-child .m-input-field__control--prefixed,
738
+ .m-inputgroup > :first-child .m-input-field__control--suffixed,
739
+ .m-inputgroup > :first-child .m-input-field__control--clearable,
731
740
  .m-inputgroup > :first-child.m-inputgroup-addon {
732
741
  border-bottom-left-radius: var(--m-radius-control);
733
742
  border-top-left-radius: var(--m-radius-control);
@@ -735,8 +744,11 @@
735
744
 
736
745
  .m-inputgroup > :last-child.m-input,
737
746
  .m-inputgroup > :last-child .m-input,
738
- .m-inputgroup > :last-child .m-password__input,
739
- .m-inputgroup > :last-child .m-inputnumber__input,
747
+ .m-inputgroup > :last-child .m-password,
748
+ .m-inputgroup > :last-child .m-inputnumber__input-wrap,
749
+ .m-inputgroup > :last-child .m-input-field__control--prefixed,
750
+ .m-inputgroup > :last-child .m-input-field__control--suffixed,
751
+ .m-inputgroup > :last-child .m-input-field__control--clearable,
740
752
  .m-inputgroup > :last-child.m-inputgroup-addon {
741
753
  border-bottom-right-radius: var(--m-radius-control);
742
754
  border-top-right-radius: var(--m-radius-control);
@@ -887,9 +899,6 @@
887
899
  }
888
900
 
889
901
  /* Shared Naive-like hover/focus for remaining form triggers */
890
- .m-inputnumber__input:hover:not(:disabled):not(:focus),
891
- .m-password__input:hover:not(:disabled):not(:focus),
892
- .m-datepicker__input:hover:not(:disabled):not(:focus),
893
902
  .m-inputotp__input:hover:not(:disabled):not(:focus),
894
903
  .m-cascadeselect__trigger:hover:not(:disabled):not(:focus-visible),
895
904
  .m-treeselect__trigger:hover:not(:disabled):not(:focus-visible),
@@ -900,9 +909,6 @@
900
909
  border-color: var(--m-color-primary-hover);
901
910
  }
902
911
 
903
- .m-inputnumber__input:focus-visible,
904
- .m-password__input:focus-visible,
905
- .m-datepicker__input:focus-visible,
906
912
  .m-inputotp__input:focus-visible,
907
913
  .m-cascadeselect__trigger:focus-visible,
908
914
  .m-treeselect__trigger:focus-visible,
@@ -919,9 +925,6 @@
919
925
  outline: none;
920
926
  }
921
927
 
922
- .m-inputnumber--invalid .m-inputnumber__input:focus-visible,
923
- .m-password--invalid .m-password__input:focus-visible,
924
- .m-datepicker--invalid .m-datepicker__input:focus-visible,
925
928
  .m-inputotp--invalid .m-inputotp__input:focus-visible,
926
929
  .m-inputtags--invalid:focus-within,
927
930
  .m-inputcolor--invalid .m-inputcolor__text:focus-visible {
@@ -1,8 +1,8 @@
1
1
  import { r as e } from "../useComponentAttrs-BTYEe61P.js";
2
- import { t } from "../Icon-DfpIfo2L.js";
2
+ import { t } from "../Icon-B6IBrJ5S.js";
3
3
  import { n } from "../overlay-oR-5MDuE.js";
4
4
  import { t as r } from "../Scrollbar-BYnCO8fv.js";
5
- import { t as i } from "../icon-xUOyawgJ.js";
5
+ import { t as i } from "../icon-iOBeyIRp.js";
6
6
  import { t as a } from "../useModalOverlay-Beo3CEAt.js";
7
7
  import { c as o } from "../config-BdK5ccNT.js";
8
8
  import { n as s } from "../locale-B36KH7c3.js";
@@ -373,6 +373,17 @@
373
373
  opacity: var(--m-opacity-disabled);
374
374
  }
375
375
 
376
+ .m-input-field__control--prefixed .m-input:disabled,
377
+ .m-input-field__control--suffixed .m-input:disabled,
378
+ .m-input-field__control--clearable .m-input:disabled,
379
+ .m-password--disabled .m-password__input,
380
+ .m-inputnumber--disabled .m-inputnumber__input,
381
+ .m-datepicker--disabled .m-datepicker__input,
382
+ .m-icon-field--anchored .m-input:disabled,
383
+ .m-icon-field--anchored .m-textarea:disabled {
384
+ opacity: 1;
385
+ }
386
+
376
387
  .m-input::placeholder,
377
388
  .m-textarea::placeholder,
378
389
  .m-password__input::placeholder,
@@ -692,14 +703,6 @@
692
703
  opacity: var(--m-opacity-disabled);
693
704
  }
694
705
 
695
- .m-icon-field--left :is(.m-input, .m-password__input, .m-inputnumber__input, input) {
696
- padding-left: var(--m-control-affix-padding);
697
- }
698
-
699
- .m-icon-field--right :is(.m-input, .m-password__input, .m-inputnumber__input, input) {
700
- padding-right: var(--m-control-affix-padding);
701
- }
702
-
703
706
  .m-inputgroup > .m-input,
704
707
  .m-inputgroup > .m-input-field,
705
708
  .m-inputgroup > .m-password-field,
@@ -718,16 +721,22 @@
718
721
 
719
722
  .m-inputgroup > .m-input,
720
723
  .m-inputgroup .m-input,
721
- .m-inputgroup .m-password__input,
722
- .m-inputgroup .m-inputnumber__input {
724
+ .m-inputgroup .m-password,
725
+ .m-inputgroup .m-inputnumber__input-wrap,
726
+ .m-inputgroup .m-input-field__control--prefixed,
727
+ .m-inputgroup .m-input-field__control--suffixed,
728
+ .m-inputgroup .m-input-field__control--clearable {
723
729
  border-radius: 0;
724
730
  width: 100%;
725
731
  }
726
732
 
727
733
  .m-inputgroup > :first-child.m-input,
728
734
  .m-inputgroup > :first-child .m-input,
729
- .m-inputgroup > :first-child .m-password__input,
730
- .m-inputgroup > :first-child .m-inputnumber__input,
735
+ .m-inputgroup > :first-child .m-password,
736
+ .m-inputgroup > :first-child .m-inputnumber__input-wrap,
737
+ .m-inputgroup > :first-child .m-input-field__control--prefixed,
738
+ .m-inputgroup > :first-child .m-input-field__control--suffixed,
739
+ .m-inputgroup > :first-child .m-input-field__control--clearable,
731
740
  .m-inputgroup > :first-child.m-inputgroup-addon {
732
741
  border-bottom-left-radius: var(--m-radius-control);
733
742
  border-top-left-radius: var(--m-radius-control);
@@ -735,8 +744,11 @@
735
744
 
736
745
  .m-inputgroup > :last-child.m-input,
737
746
  .m-inputgroup > :last-child .m-input,
738
- .m-inputgroup > :last-child .m-password__input,
739
- .m-inputgroup > :last-child .m-inputnumber__input,
747
+ .m-inputgroup > :last-child .m-password,
748
+ .m-inputgroup > :last-child .m-inputnumber__input-wrap,
749
+ .m-inputgroup > :last-child .m-input-field__control--prefixed,
750
+ .m-inputgroup > :last-child .m-input-field__control--suffixed,
751
+ .m-inputgroup > :last-child .m-input-field__control--clearable,
740
752
  .m-inputgroup > :last-child.m-inputgroup-addon {
741
753
  border-bottom-right-radius: var(--m-radius-control);
742
754
  border-top-right-radius: var(--m-radius-control);
@@ -887,9 +899,6 @@
887
899
  }
888
900
 
889
901
  /* Shared Naive-like hover/focus for remaining form triggers */
890
- .m-inputnumber__input:hover:not(:disabled):not(:focus),
891
- .m-password__input:hover:not(:disabled):not(:focus),
892
- .m-datepicker__input:hover:not(:disabled):not(:focus),
893
902
  .m-inputotp__input:hover:not(:disabled):not(:focus),
894
903
  .m-cascadeselect__trigger:hover:not(:disabled):not(:focus-visible),
895
904
  .m-treeselect__trigger:hover:not(:disabled):not(:focus-visible),
@@ -900,9 +909,6 @@
900
909
  border-color: var(--m-color-primary-hover);
901
910
  }
902
911
 
903
- .m-inputnumber__input:focus-visible,
904
- .m-password__input:focus-visible,
905
- .m-datepicker__input:focus-visible,
906
912
  .m-inputotp__input:focus-visible,
907
913
  .m-cascadeselect__trigger:focus-visible,
908
914
  .m-treeselect__trigger:focus-visible,
@@ -919,9 +925,6 @@
919
925
  outline: none;
920
926
  }
921
927
 
922
- .m-inputnumber--invalid .m-inputnumber__input:focus-visible,
923
- .m-password--invalid .m-password__input:focus-visible,
924
- .m-datepicker--invalid .m-datepicker__input:focus-visible,
925
928
  .m-inputotp--invalid .m-inputotp__input:focus-visible,
926
929
  .m-inputtags--invalid:focus-within,
927
930
  .m-inputcolor--invalid .m-inputcolor__text:focus-visible {
@@ -1 +1 @@
1
- {"version":3,"file":"component-registry.d.ts","sourceRoot":"","sources":["../src/component-registry.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,KAAK,CAAA;AAyGpC,uEAAuE;AACvE,eAAO,MAAM,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,SAAS,CAwGjD,CAAA;AAED,eAAO,MAAM,eAAe,UAA2B,CAAA"}
1
+ {"version":3,"file":"component-registry.d.ts","sourceRoot":"","sources":["../src/component-registry.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,KAAK,CAAA;AA0GpC,uEAAuE;AACvE,eAAO,MAAM,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,SAAS,CAyGjD,CAAA;AAED,eAAO,MAAM,eAAe,UAA2B,CAAA"}
@@ -16,11 +16,13 @@
16
16
  }
17
17
 
18
18
  .m-autocomplete__control {
19
- align-items: stretch;
19
+ align-items: center;
20
20
  background: var(--m-color-surface);
21
21
  border: var(--m-border-width) solid var(--m-color-border);
22
22
  border-radius: var(--m-radius-control);
23
+ box-sizing: border-box;
23
24
  display: flex;
25
+ min-height: var(--m-control-height-medium);
24
26
  position: relative;
25
27
  transition:
26
28
  border-color var(--m-motion-fast) var(--m-motion-ease),
@@ -45,22 +47,38 @@
45
47
  flex: 1;
46
48
  font-family: var(--m-font-sans);
47
49
  font-size: var(--m-control-font-medium);
48
- min-height: var(--m-control-height-medium);
50
+ height: calc(var(--m-control-height-medium) - 2 * var(--m-border-width));
51
+ line-height: calc(var(--m-control-height-medium) - 2 * var(--m-border-width));
52
+ min-height: 0;
49
53
  min-width: 0;
50
54
  outline: none;
51
55
  padding: 0 var(--m-control-padding-x-medium);
52
56
  width: 100%;
53
57
  }
54
58
 
59
+ .m-autocomplete__control:has(.m-autocomplete__dropdown) .m-autocomplete__input {
60
+ padding-right: var(--m-space-2);
61
+ }
62
+
63
+ .m-autocomplete--small .m-autocomplete__control {
64
+ min-height: var(--m-control-height-small);
65
+ }
66
+
55
67
  .m-autocomplete--small .m-autocomplete__input {
56
68
  font-size: var(--m-control-font-small);
57
- min-height: var(--m-control-height-small);
69
+ height: calc(var(--m-control-height-small) - 2 * var(--m-border-width));
70
+ line-height: calc(var(--m-control-height-small) - 2 * var(--m-border-width));
58
71
  padding: 0 var(--m-control-padding-x-small);
59
72
  }
60
73
 
74
+ .m-autocomplete--large .m-autocomplete__control {
75
+ min-height: var(--m-control-height-large);
76
+ }
77
+
61
78
  .m-autocomplete--large .m-autocomplete__input {
62
79
  font-size: var(--m-control-font-large);
63
- min-height: var(--m-control-height-large);
80
+ height: calc(var(--m-control-height-large) - 2 * var(--m-border-width));
81
+ line-height: calc(var(--m-control-height-large) - 2 * var(--m-border-width));
64
82
  padding: 0 var(--m-control-padding-x-large);
65
83
  }
66
84
 
@@ -192,17 +210,26 @@
192
210
  .m-autocomplete__clear,
193
211
  .m-autocomplete__spinner {
194
212
  align-items: center;
213
+ align-self: center;
195
214
  display: flex;
196
- flex-shrink: 0;
215
+ flex: 0 0 auto;
197
216
  height: var(--m-control-affix-size);
198
217
  justify-content: center;
199
- pointer-events: auto;
200
- position: absolute;
201
- right: var(--m-space-1);
202
- top: 50%;
203
- transform: translateY(-50%);
204
218
  width: var(--m-control-affix-size);
205
- z-index: 1;
219
+ }
220
+
221
+ .m-autocomplete__control:has(.m-autocomplete__dropdown) .m-autocomplete__clear,
222
+ .m-autocomplete__control:has(.m-autocomplete__dropdown) .m-autocomplete__spinner {
223
+ margin-right: 0;
224
+ }
225
+
226
+ .m-autocomplete__clear {
227
+ background: transparent;
228
+ border: 0;
229
+ border-radius: var(--m-radius-sm);
230
+ color: var(--m-color-text-muted);
231
+ cursor: pointer;
232
+ padding: 0;
206
233
  }
207
234
 
208
235
  .m-autocomplete__clear:hover:not(:disabled) {
@@ -210,12 +237,6 @@
210
237
  }
211
238
 
212
239
  .m-autocomplete__clear:focus-visible {
213
- border-radius: var(--m-radius-sm);
214
240
  box-shadow: var(--m-focus-shadow);
215
241
  outline: none;
216
242
  }
217
-
218
- .m-autocomplete__control:has(.m-autocomplete__dropdown) .m-autocomplete__clear,
219
- .m-autocomplete__control:has(.m-autocomplete__dropdown) .m-autocomplete__spinner {
220
- right: var(--m-control-affix-gap);
221
- }
@@ -12,8 +12,8 @@ declare const __VLS_base: DefineComponent<CarouselProps, {}, {}, {}, {}, Compone
12
12
  }, string, PublicProps, Readonly<CarouselProps> & Readonly<{
13
13
  "onUpdate:page"?: ((value: number) => any) | undefined;
14
14
  }>, {
15
- numVisible: number;
16
15
  circular: boolean;
16
+ numVisible: number;
17
17
  autoplay: boolean;
18
18
  interval: number;
19
19
  showArrows: boolean;
@@ -15,12 +15,12 @@ declare const __VLS_base: DefineComponent<ConfirmPopupProps, {}, {}, {}, {}, Com
15
15
  }>, {
16
16
  modelValue: boolean;
17
17
  teleport: boolean;
18
+ target: HTMLElement | null;
18
19
  position: {
19
20
  top: number;
20
21
  left: number;
21
22
  } | null;
22
23
  placement: ConfirmPopupPlacement;
23
- target: HTMLElement | null;
24
24
  }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
25
25
  declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
26
26
  declare const _default: typeof __VLS_export;
@@ -12,7 +12,6 @@
12
12
  }
13
13
 
14
14
  .m-datepicker {
15
- --m-datepicker-input-end-padding: calc(var(--m-space-2) + 1.25rem);
16
15
  display: inline-flex;
17
16
  flex-direction: column;
18
17
  gap: var(--m-space-2);
@@ -42,45 +41,87 @@
42
41
  }
43
42
 
44
43
  .m-datepicker__control {
45
- align-items: center;
46
- display: flex;
47
44
  position: relative;
48
45
  }
49
46
 
50
- .m-datepicker__input {
47
+ .m-datepicker__control:has(.m-datepicker__input) {
48
+ align-items: center;
51
49
  background: var(--m-color-surface);
52
50
  border: var(--m-border-width) solid var(--m-color-border);
53
51
  border-radius: var(--m-radius-control);
52
+ box-sizing: border-box;
53
+ display: flex;
54
+ max-width: 100%;
55
+ min-height: var(--m-control-height-medium);
56
+ transition:
57
+ border-color var(--m-motion-fast) var(--m-motion-ease),
58
+ box-shadow var(--m-motion-fast) var(--m-motion-ease);
59
+ }
60
+
61
+ .m-datepicker__control:has(.m-datepicker__input):hover:not(:focus-within) {
62
+ border-color: var(--m-color-primary-hover);
63
+ }
64
+
65
+ .m-datepicker__control:has(.m-datepicker__input):focus-within,
66
+ .m-datepicker--open .m-datepicker__control:has(.m-datepicker__input) {
67
+ border-color: var(--m-color-primary-hover);
68
+ box-shadow: var(--m-focus-shadow);
69
+ }
70
+
71
+ .m-datepicker--invalid .m-datepicker__control:has(.m-datepicker__input) {
72
+ border-color: var(--m-color-danger);
73
+ }
74
+
75
+ .m-datepicker--invalid .m-datepicker__control:has(.m-datepicker__input):focus-within,
76
+ .m-datepicker--invalid.m-datepicker--open
77
+ .m-datepicker__control:has(.m-datepicker__input) {
78
+ box-shadow: var(--m-focus-shadow-danger);
79
+ }
80
+
81
+ .m-datepicker__input {
82
+ background: transparent;
83
+ border: 0;
84
+ border-radius: 0;
85
+ box-shadow: none;
54
86
  color: var(--m-color-text);
55
87
  cursor: pointer;
88
+ flex: 1 1 auto;
56
89
  font-family: var(--m-font-sans);
57
90
  font-size: var(--m-control-font-medium);
58
- min-height: var(--m-control-height-medium);
59
- padding: 0 var(--m-datepicker-input-end-padding) 0
60
- var(--m-control-padding-x-medium);
61
- transition:
62
- border-color var(--m-motion-fast) var(--m-motion-ease),
63
- box-shadow var(--m-motion-fast) var(--m-motion-ease),
64
- opacity var(--m-motion-fast) var(--m-motion-ease);
91
+ height: calc(var(--m-control-height-medium) - 2 * var(--m-border-width));
92
+ line-height: calc(var(--m-control-height-medium) - 2 * var(--m-border-width));
93
+ min-height: 0;
94
+ min-width: 0;
95
+ padding: 0 var(--m-control-padding-x-medium);
65
96
  width: 100%;
66
97
  }
67
98
 
99
+ .m-datepicker--small .m-datepicker__control:has(.m-datepicker__input) {
100
+ min-height: var(--m-control-height-small);
101
+ }
102
+
68
103
  .m-datepicker--small .m-datepicker__input {
69
104
  font-size: var(--m-control-font-small);
70
- min-height: var(--m-control-height-small);
71
- padding: 0 var(--m-datepicker-input-end-padding) 0
72
- var(--m-control-padding-x-small);
105
+ height: calc(var(--m-control-height-small) - 2 * var(--m-border-width));
106
+ line-height: calc(var(--m-control-height-small) - 2 * var(--m-border-width));
107
+ padding: 0 var(--m-control-padding-x-small);
108
+ }
109
+
110
+ .m-datepicker--large .m-datepicker__control:has(.m-datepicker__input) {
111
+ min-height: var(--m-control-height-large);
73
112
  }
74
113
 
75
114
  .m-datepicker--large .m-datepicker__input {
76
115
  font-size: var(--m-control-font-large);
77
- min-height: var(--m-control-height-large);
78
- padding: 0 var(--m-datepicker-input-end-padding) 0
79
- var(--m-control-padding-x-large);
116
+ height: calc(var(--m-control-height-large) - 2 * var(--m-border-width));
117
+ line-height: calc(var(--m-control-height-large) - 2 * var(--m-border-width));
118
+ padding: 0 var(--m-control-padding-x-large);
80
119
  }
81
120
 
82
- .m-datepicker--invalid .m-datepicker__input {
83
- border-color: var(--m-color-danger);
121
+ .m-datepicker__input:focus,
122
+ .m-datepicker__input:focus-visible {
123
+ box-shadow: none;
124
+ outline: none;
84
125
  }
85
126
 
86
127
  .m-datepicker--disabled {
@@ -91,16 +132,19 @@
91
132
 
92
133
  .m-datepicker__clear {
93
134
  align-items: center;
135
+ align-self: center;
94
136
  background: transparent;
95
137
  border: 0;
96
138
  border-radius: var(--m-radius-sm);
97
139
  color: var(--m-color-text-muted);
98
140
  cursor: pointer;
99
141
  display: inline-flex;
142
+ flex: 0 0 auto;
100
143
  font: inherit;
144
+ height: var(--m-control-affix-size);
101
145
  justify-content: center;
102
- position: absolute;
103
- right: var(--m-space-2);
146
+ padding: 0;
147
+ width: var(--m-control-affix-size);
104
148
  }
105
149
 
106
150
  .m-datepicker__clear:hover:not(:disabled) {
@@ -0,0 +1,21 @@
1
+ import { IconName } from './icons';
2
+ /** Built-in icon taxonomy for docs and pickers. */
3
+ export type IconCategoryId = 'arrows' | 'status' | 'actions' | 'navigation' | 'people' | 'files' | 'media' | 'devices' | 'commerce' | 'charts' | 'communication' | 'security' | 'weather' | 'other';
4
+ export interface IconCategoryMeta {
5
+ id: IconCategoryId;
6
+ /** Chinese label for the docs site. */
7
+ labelZh: string;
8
+ /** English label for the docs site. */
9
+ labelEn: string;
10
+ }
11
+ export declare const iconCategoryMeta: readonly IconCategoryMeta[];
12
+ export declare function getIconCategory(name: string): IconCategoryId;
13
+ export interface IconCategoryGroup {
14
+ id: IconCategoryId;
15
+ labelZh: string;
16
+ labelEn: string;
17
+ icons: IconName[];
18
+ }
19
+ /** Group registry icons by category (stable category order). */
20
+ export declare function getIconCategoryGroups(names?: readonly string[]): IconCategoryGroup[];
21
+ //# sourceMappingURL=icon-categories.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"icon-categories.d.ts","sourceRoot":"","sources":["../../../src/components/Icon/icon-categories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AAGvC,mDAAmD;AACnD,MAAM,MAAM,cAAc,GACtB,QAAQ,GACR,QAAQ,GACR,SAAS,GACT,YAAY,GACZ,QAAQ,GACR,OAAO,GACP,OAAO,GACP,SAAS,GACT,UAAU,GACV,QAAQ,GACR,eAAe,GACf,UAAU,GACV,SAAS,GACT,OAAO,CAAA;AAEX,MAAM,WAAW,gBAAgB;IAC/B,EAAE,EAAE,cAAc,CAAA;IAClB,uCAAuC;IACvC,OAAO,EAAE,MAAM,CAAA;IACf,uCAAuC;IACvC,OAAO,EAAE,MAAM,CAAA;CAChB;AAED,eAAO,MAAM,gBAAgB,EAAE,SAAS,gBAAgB,EAe9C,CAAA;AAsIV,wBAAgB,eAAe,CAAC,IAAI,EAAE,MAAM,GAAG,cAAc,CAE5D;AAED,MAAM,WAAW,iBAAiB;IAChC,EAAE,EAAE,cAAc,CAAA;IAClB,OAAO,EAAE,MAAM,CAAA;IACf,OAAO,EAAE,MAAM,CAAA;IACf,KAAK,EAAE,QAAQ,EAAE,CAAA;CAClB;AAED,gEAAgE;AAChE,wBAAgB,qBAAqB,CACnC,KAAK,GAAE,SAAS,MAAM,EAAc,GACnC,iBAAiB,EAAE,CAerB"}
@@ -0,0 +1,77 @@
1
+ import { IconDefinition } from './icons-types';
2
+ export declare const tablerIconRegistry: {
3
+ readonly 'layout-dashboard': IconDefinition;
4
+ readonly 'layout-grid': IconDefinition;
5
+ readonly users: IconDefinition;
6
+ readonly 'user-plus': IconDefinition;
7
+ readonly folder: IconDefinition;
8
+ readonly 'folder-open': IconDefinition;
9
+ readonly file: IconDefinition;
10
+ readonly 'file-text': IconDefinition;
11
+ readonly paperclip: IconDefinition;
12
+ readonly clipboard: IconDefinition;
13
+ readonly activity: IconDefinition;
14
+ readonly box: IconDefinition;
15
+ readonly package: IconDefinition;
16
+ readonly stack: IconDefinition;
17
+ readonly cloud: IconDefinition;
18
+ readonly server: IconDefinition;
19
+ readonly components: IconDefinition;
20
+ readonly palette: IconDefinition;
21
+ readonly bell: IconDefinition;
22
+ readonly logout: IconDefinition;
23
+ readonly login: IconDefinition;
24
+ readonly photo: IconDefinition;
25
+ readonly phone: IconDefinition;
26
+ readonly 'map-pin': IconDefinition;
27
+ readonly world: IconDefinition;
28
+ readonly 'shopping-cart': IconDefinition;
29
+ readonly 'credit-card': IconDefinition;
30
+ readonly message: IconDefinition;
31
+ readonly send: IconDefinition;
32
+ readonly share: IconDefinition;
33
+ readonly 'device-floppy': IconDefinition;
34
+ readonly printer: IconDefinition;
35
+ readonly 'zoom-in': IconDefinition;
36
+ readonly 'zoom-out': IconDefinition;
37
+ readonly ban: IconDefinition;
38
+ readonly 'help-circle': IconDefinition;
39
+ readonly 'info-circle': IconDefinition;
40
+ readonly sun: IconDefinition;
41
+ readonly moon: IconDefinition;
42
+ readonly code: IconDefinition;
43
+ readonly terminal: IconDefinition;
44
+ readonly building: IconDefinition;
45
+ readonly briefcase: IconDefinition;
46
+ readonly list: IconDefinition;
47
+ readonly table: IconDefinition;
48
+ readonly 'chart-line': IconDefinition;
49
+ readonly 'chart-pie': IconDefinition;
50
+ readonly 'player-play': IconDefinition;
51
+ readonly 'player-pause': IconDefinition;
52
+ readonly 'device-desktop': IconDefinition;
53
+ readonly 'device-mobile': IconDefinition;
54
+ readonly 'adjustments-horizontal': IconDefinition;
55
+ readonly rocket: IconDefinition;
56
+ readonly sparkles: IconDefinition;
57
+ readonly history: IconDefinition;
58
+ readonly archive: IconDefinition;
59
+ readonly key: IconDefinition;
60
+ readonly wifi: IconDefinition;
61
+ readonly video: IconDefinition;
62
+ readonly microphone: IconDefinition;
63
+ readonly scissors: IconDefinition;
64
+ readonly 'arrow-back-up': IconDefinition;
65
+ readonly 'arrow-forward-up': IconDefinition;
66
+ readonly save: IconDefinition;
67
+ readonly image: IconDefinition;
68
+ readonly cut: IconDefinition;
69
+ readonly play: IconDefinition;
70
+ readonly pause: IconDefinition;
71
+ readonly undo: IconDefinition;
72
+ readonly redo: IconDefinition;
73
+ readonly layers: IconDefinition;
74
+ readonly sliders: IconDefinition;
75
+ readonly grid: IconDefinition;
76
+ };
77
+ //# sourceMappingURL=icons-tabler.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"icons-tabler.d.ts","sourceRoot":"","sources":["../../../src/components/Icon/icons-tabler.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAiB,MAAM,eAAe,CAAA;AAalE,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqXoB,CAAA"}
@@ -0,0 +1,36 @@
1
+ export type IconPrimitive = {
2
+ tag: 'path';
3
+ d: string;
4
+ } | {
5
+ tag: 'circle';
6
+ cx: number;
7
+ cy: number;
8
+ r: number;
9
+ fill?: 'currentColor' | 'none';
10
+ } | {
11
+ tag: 'line';
12
+ x1: number;
13
+ y1: number;
14
+ x2: number;
15
+ y2: number;
16
+ } | {
17
+ tag: 'polyline';
18
+ points: string;
19
+ } | {
20
+ tag: 'rect';
21
+ x: number;
22
+ y: number;
23
+ width: number;
24
+ height: number;
25
+ rx?: number;
26
+ };
27
+ export interface IconDefinition {
28
+ primitives: readonly IconPrimitive[];
29
+ /** Optional CSS modifier on the host (e.g. spin for loader). */
30
+ spin?: boolean;
31
+ /** SVG viewBox. Defaults to `0 0 16 16` for legacy system icons. */
32
+ viewBox?: string;
33
+ /** Stroke width matching the viewBox scale. Defaults to `1.8`. */
34
+ strokeWidth?: number;
35
+ }
36
+ //# sourceMappingURL=icons-types.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"icons-types.d.ts","sourceRoot":"","sources":["../../../src/components/Icon/icons-types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,aAAa,GACrB;IAAE,GAAG,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAAE,GAC1B;IAAE,GAAG,EAAE,QAAQ,CAAC;IAAC,EAAE,EAAE,MAAM,CAAC;IAAC,EAAE,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,cAAc,GAAG,MAAM,CAAA;CAAE,GACpF;IAAE,GAAG,EAAE,MAAM,CAAC;IAAC,EAAE,EAAE,MAAM,CAAC;IAAC,EAAE,EAAE,MAAM,CAAC;IAAC,EAAE,EAAE,MAAM,CAAC;IAAC,EAAE,EAAE,MAAM,CAAA;CAAE,GAC/D;IAAE,GAAG,EAAE,UAAU,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,GACnC;IAAE,GAAG,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAC;IAAC,EAAE,CAAC,EAAE,MAAM,CAAA;CAAE,CAAA;AAErF,MAAM,WAAW,cAAc;IAC7B,UAAU,EAAE,SAAS,aAAa,EAAE,CAAA;IACpC,gEAAgE;IAChE,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,oEAAoE;IACpE,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,kEAAkE;IAClE,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB"}