morya-ui 0.2.8 → 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 (196) hide show
  1. package/CHANGELOG.md +27 -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/accordion/style.css +26 -23
  8. package/dist/auto-complete/index.js +1 -1
  9. package/dist/auto-complete/style.css +64 -40
  10. package/dist/avatar/index.js +1 -1
  11. package/dist/avatar/style.css +26 -23
  12. package/dist/badge/style.css +26 -23
  13. package/dist/block-ui/style.css +26 -23
  14. package/dist/breadcrumb/style.css +26 -23
  15. package/dist/button/index.js +1 -1
  16. package/dist/button/style.css +26 -23
  17. package/dist/card/style.css +26 -23
  18. package/dist/carousel/index.js +1 -1
  19. package/dist/carousel/style.css +26 -23
  20. package/dist/cascade-select/index.js +1 -1
  21. package/dist/cascade-select/style.css +27 -24
  22. package/dist/checkbox/style.css +26 -23
  23. package/dist/chip/index.js +1 -1
  24. package/dist/chip/style.css +26 -23
  25. package/dist/command-menu/index.js +2 -2
  26. package/dist/command-menu/style.css +26 -23
  27. package/dist/components/AutoComplete/styles.css +38 -17
  28. package/dist/components/DatePicker/styles.css +65 -21
  29. package/dist/components/Icon/icon-categories.d.ts +21 -0
  30. package/dist/components/Icon/icon-categories.d.ts.map +1 -0
  31. package/dist/components/Icon/icons-tabler.d.ts +77 -0
  32. package/dist/components/Icon/icons-tabler.d.ts.map +1 -0
  33. package/dist/components/Icon/icons-types.d.ts +36 -0
  34. package/dist/components/Icon/icons-types.d.ts.map +1 -0
  35. package/dist/components/Icon/icons.d.ts +75 -32
  36. package/dist/components/Icon/icons.d.ts.map +1 -1
  37. package/dist/components/Icon/index.d.ts +2 -0
  38. package/dist/components/Icon/index.d.ts.map +1 -1
  39. package/dist/components/IconField/IconField.vue.d.ts +3 -1
  40. package/dist/components/IconField/IconField.vue.d.ts.map +1 -1
  41. package/dist/components/IconField/styles.css +306 -31
  42. package/dist/components/Input/Input.vue.d.ts.map +1 -1
  43. package/dist/components/Input/styles.css +172 -33
  44. package/dist/components/InputNumber/styles.css +103 -40
  45. package/dist/components/InputPassword/InputPassword.vue.d.ts.map +1 -1
  46. package/dist/components/InputPassword/styles.css +79 -79
  47. package/dist/components/Layout/LayoutContent.vue.d.ts +4 -8
  48. package/dist/components/Layout/LayoutContent.vue.d.ts.map +1 -1
  49. package/dist/components/Layout/LayoutSider.vue.d.ts +4 -6
  50. package/dist/components/Layout/LayoutSider.vue.d.ts.map +1 -1
  51. package/dist/components/Layout/composables/useLayoutRegionStyle.d.ts +2 -0
  52. package/dist/components/Layout/composables/useLayoutRegionStyle.d.ts.map +1 -1
  53. package/dist/components/Layout/styles.css +7 -42
  54. package/dist/components/Layout/types.d.ts +4 -7
  55. package/dist/components/Layout/types.d.ts.map +1 -1
  56. package/dist/components/Menu/styles.css +4 -1
  57. package/dist/components/Textarea/styles.css +15 -1
  58. package/dist/config-provider/style.css +198 -56
  59. package/dist/confirm-dialog/index.js +2 -2
  60. package/dist/confirm-dialog/style.css +26 -23
  61. package/dist/confirm-popup/index.js +2 -2
  62. package/dist/confirm-popup/style.css +26 -23
  63. package/dist/context-menu/index.js +2 -2
  64. package/dist/context-menu/style.css +26 -23
  65. package/dist/data-view/index.js +1 -1
  66. package/dist/data-view/style.css +26 -23
  67. package/dist/date-picker/index.js +1 -1
  68. package/dist/date-picker/style.css +91 -44
  69. package/dist/dialog/index.js +2 -2
  70. package/dist/dialog/style.css +26 -23
  71. package/dist/divider/style.css +26 -23
  72. package/dist/dock/index.js +2 -2
  73. package/dist/dock/style.css +26 -23
  74. package/dist/drawer/index.js +1 -1
  75. package/dist/drawer/style.css +26 -23
  76. package/dist/dropdown/index.js +2 -2
  77. package/dist/dropdown/style.css +26 -23
  78. package/dist/empty/index.js +1 -1
  79. package/dist/empty/style.css +26 -23
  80. package/dist/fieldset/index.js +1 -1
  81. package/dist/fieldset/style.css +26 -23
  82. package/dist/file-upload/index.js +1 -1
  83. package/dist/file-upload/style.css +26 -23
  84. package/dist/flex/style.css +26 -23
  85. package/dist/float-label/style.css +26 -23
  86. package/dist/fluid/style.css +26 -23
  87. package/dist/form/style.css +26 -23
  88. package/dist/gallery/index.js +1 -1
  89. package/dist/gallery/style.css +26 -23
  90. package/dist/grid/style.css +26 -23
  91. package/dist/icon/index.js +212 -2
  92. package/dist/icon/style.css +26 -23
  93. package/dist/icon-field/index.js +41 -7
  94. package/dist/icon-field/style.css +672 -54
  95. package/dist/icon-field/style.js +1 -0
  96. package/dist/{icon-xUOyawgJ.js → icon-iOBeyIRp.js} +1 -1
  97. package/dist/index.d.ts +2 -0
  98. package/dist/index.d.ts.map +1 -1
  99. package/dist/index.js +3126 -2821
  100. package/dist/inplace/style.css +26 -23
  101. package/dist/input/index.js +78 -80
  102. package/dist/input/style.css +198 -56
  103. package/dist/input-color/style.css +26 -23
  104. package/dist/input-group/style.css +26 -23
  105. package/dist/input-number/index.js +1 -1
  106. package/dist/input-number/style.css +129 -63
  107. package/dist/input-otp/style.css +26 -23
  108. package/dist/input-password/index.js +83 -82
  109. package/dist/input-password/style.css +105 -102
  110. package/dist/input-tags/index.js +1 -1
  111. package/dist/input-tags/style.css +26 -23
  112. package/dist/knob/style.css +26 -23
  113. package/dist/label/style.css +26 -23
  114. package/dist/layout/index.js +60 -83
  115. package/dist/layout/style.css +33 -65
  116. package/dist/listbox/style.css +26 -23
  117. package/dist/loading/style.css +26 -23
  118. package/dist/mega-menu/index.js +2 -2
  119. package/dist/mega-menu/style.css +26 -23
  120. package/dist/menu/index.js +2 -2
  121. package/dist/menu/style.css +30 -24
  122. package/dist/menubar/index.js +2 -2
  123. package/dist/menubar/style.css +26 -23
  124. package/dist/message/index.js +1 -1
  125. package/dist/message/style.css +26 -23
  126. package/dist/meter-group/style.css +26 -23
  127. package/dist/order-list/index.js +1 -1
  128. package/dist/order-list/style.css +26 -23
  129. package/dist/page/index.js +1 -1
  130. package/dist/page/style.css +26 -23
  131. package/dist/pagination/index.js +1 -1
  132. package/dist/pagination/style.css +26 -23
  133. package/dist/panel/index.js +1 -1
  134. package/dist/panel/style.css +26 -23
  135. package/dist/pick-list/index.js +1 -1
  136. package/dist/pick-list/style.css +26 -23
  137. package/dist/popover/style.css +26 -23
  138. package/dist/progress-bar/style.css +26 -23
  139. package/dist/progress-spinner/style.css +26 -23
  140. package/dist/radio/style.css +26 -23
  141. package/dist/rating/index.js +1 -1
  142. package/dist/rating/style.css +26 -23
  143. package/dist/result/index.js +1 -1
  144. package/dist/result/style.css +26 -23
  145. package/dist/scroll-top/index.js +1 -1
  146. package/dist/scroll-top/style.css +26 -23
  147. package/dist/scrollbar/style.css +26 -23
  148. package/dist/select/index.js +1 -1
  149. package/dist/select/style.css +27 -24
  150. package/dist/select-button/style.css +26 -23
  151. package/dist/shared/styles/control-suffix.css +1 -1
  152. package/dist/sidebar/index.js +2 -2
  153. package/dist/sidebar/style.css +26 -23
  154. package/dist/skeleton/style.css +26 -23
  155. package/dist/slider/style.css +26 -23
  156. package/dist/space/style.css +26 -23
  157. package/dist/speed-dial/index.js +2 -2
  158. package/dist/speed-dial/style.css +26 -23
  159. package/dist/split-button/index.js +1 -1
  160. package/dist/split-button/style.css +26 -23
  161. package/dist/splitter/style.css +26 -23
  162. package/dist/status/index.js +1 -1
  163. package/dist/status/style.css +26 -23
  164. package/dist/stepper/index.js +1 -1
  165. package/dist/stepper/style.css +26 -23
  166. package/dist/styles/base.css +26 -23
  167. package/dist/styles.css +1 -1
  168. package/dist/switch/style.css +26 -23
  169. package/dist/table/index.js +2 -2
  170. package/dist/table/style.css +26 -23
  171. package/dist/tabs/index.js +1 -1
  172. package/dist/tabs/style.css +26 -23
  173. package/dist/tag/index.js +1 -1
  174. package/dist/tag/style.css +26 -23
  175. package/dist/terminal/style.css +26 -23
  176. package/dist/textarea/index.js +1 -1
  177. package/dist/textarea/style.css +41 -24
  178. package/dist/tiered-menu/index.js +1 -1
  179. package/dist/tiered-menu/style.css +26 -23
  180. package/dist/timeline/index.js +1 -1
  181. package/dist/timeline/style.css +26 -23
  182. package/dist/toast/index.js +1 -1
  183. package/dist/toast/style.css +26 -23
  184. package/dist/toggle-button/index.js +2 -2
  185. package/dist/toggle-button/style.css +26 -23
  186. package/dist/toolbar/style.css +26 -23
  187. package/dist/tooltip/style.css +26 -23
  188. package/dist/tree/index.js +1 -1
  189. package/dist/tree/style.css +26 -23
  190. package/dist/tree-select/index.js +1 -1
  191. package/dist/tree-select/style.css +27 -24
  192. package/dist/tree-table/index.js +1 -1
  193. package/dist/tree-table/style.css +26 -23
  194. package/dist/virtual-scroller/style.css +26 -23
  195. package/package.json +1 -1
  196. package/dist/Icon-DfpIfo2L.js +0 -521
@@ -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 {
@@ -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,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"}