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
@@ -0,0 +1,3 @@
1
+ import '../theme/styles.css'
2
+ import '../styles/base.css'
3
+ import '../components/Loading/styles.css'
@@ -1,9 +1,9 @@
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, t as r } from "../overlay-oR-5MDuE.js";
4
4
  import { t as ee } from "../overlayPlacement-Cd20JTD_.js";
5
5
  import { t as i } from "../useMenuKeyboard-BedmYE4W.js";
6
- import { t as te } from "../icon-xUOyawgJ.js";
6
+ import { t as te } from "../icon-iOBeyIRp.js";
7
7
  import { c as a } from "../config-BdK5ccNT.js";
8
8
  import { n as o } from "../locale-B36KH7c3.js";
9
9
  import "./style.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,10 +1,10 @@
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, t as r } from "../overlay-oR-5MDuE.js";
4
4
  import { t as i } from "../overlayPlacement-Cd20JTD_.js";
5
5
  import { t as a } from "../useMenuKeyboard-BedmYE4W.js";
6
6
  import { t as o } from "../Scrollbar-BYnCO8fv.js";
7
- import { t as s } from "../icon-xUOyawgJ.js";
7
+ import { t as s } from "../icon-iOBeyIRp.js";
8
8
  import { t as c } from "../key-CaQYVkjh.js";
9
9
  import { t as ee } from "../lastPointer-CRxcUqdd.js";
10
10
  import { t as l } from "../Popover-Dq_p0vib.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 {
@@ -1432,7 +1435,10 @@
1432
1435
  border: 0;
1433
1436
  border-radius: 0;
1434
1437
  min-width: 0;
1435
- padding: 0;
1438
+ /* Keep a block inset so the first item does not sit on a brand rule or sider edge.
1439
+ Horizontal embed resets this below. */
1440
+ padding-block: var(--m-space-2);
1441
+ padding-inline: 0;
1436
1442
  width: 100%;
1437
1443
  }
1438
1444
 
@@ -1,10 +1,10 @@
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, t as r } from "../overlay-oR-5MDuE.js";
4
4
  import { t as ee } from "../overlayPlacement-Cd20JTD_.js";
5
5
  import { t as i } from "../useMenuKeyboard-BedmYE4W.js";
6
6
  import { t as te } from "../Scrollbar-BYnCO8fv.js";
7
- import { t as ne } from "../icon-xUOyawgJ.js";
7
+ import { t as ne } from "../icon-iOBeyIRp.js";
8
8
  import { c as re } from "../config-BdK5ccNT.js";
9
9
  import { n as ie } from "../locale-B36KH7c3.js";
10
10
  import "./style.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,10 +1,11 @@
1
1
  import { r as e } from "../useComponentAttrs-BTYEe61P.js";
2
2
  import { t } from "../types-DGuu4Eg4.js";
3
- import { t as n } from "../Icon-DfpIfo2L.js";
3
+ import { t as n } from "../Icon-B6IBrJ5S.js";
4
4
  import { n as r } from "../overlay-oR-5MDuE.js";
5
- import { i, n as a, t as o } from "../Renderable-BaaCI4tS.js";
6
- import { c as s } from "../config-BdK5ccNT.js";
7
- import { n as c } from "../overlayHost-78CGtMgR.js";
5
+ import { r as i, t as a } from "../content-h8POj44-.js";
6
+ import { n as o } from "../overlayHost-78CGtMgR.js";
7
+ import { t as s } from "../Renderable-DHU4Jcfw.js";
8
+ import { c } from "../config-BdK5ccNT.js";
8
9
  import { n as l } from "../locale-B36KH7c3.js";
9
10
  import "./style.js";
10
11
  import { Fragment as u, Teleport as d, TransitionGroup as ee, computed as f, createBlock as p, createCommentVNode as m, createElementBlock as h, createElementVNode as g, createVNode as _, defineComponent as v, h as y, mergeProps as b, normalizeClass as x, onBeforeUnmount as te, onMounted as ne, openBlock as S, reactive as C, renderList as w, unref as T, useAttrs as E, watch as D, withCtx as O } from "vue";
@@ -103,7 +104,7 @@ var J = ["onMouseenter", "onMouseleave"], Y = {
103
104
  }
104
105
  },
105
106
  setup(i) {
106
- let a = i, c = E(), { rootAttrs: v } = e(c, () => a.pt), y = s(), C = l(), A = f(() => r(a, y.value.appendTo)), j = f(() => a.messages === void 0), M = f(() => a.messages ?? k.items), N = f(() => a.placement ?? (j.value ? k.placement : "top"));
107
+ let a = i, o = E(), { rootAttrs: v } = e(o, () => a.pt), y = c(), C = l(), A = f(() => r(a, y.value.appendTo)), j = f(() => a.messages === void 0), M = f(() => a.messages ?? k.items), N = f(() => a.placement ?? (j.value ? k.placement : "top"));
107
108
  ne(() => {
108
109
  j.value && !a.auto && I();
109
110
  }), te(() => {
@@ -150,7 +151,7 @@ var J = ["onMouseenter", "onMouseleave"], Y = {
150
151
  name: P(e.severity),
151
152
  size: "sm"
152
153
  }, null, 8, ["name"])])),
153
- g("div", X, [_(T(o), { value: e.content }, null, 8, ["value"])]),
154
+ g("div", X, [_(T(s), { value: e.content }, null, 8, ["value"])]),
154
155
  e.closable ? (S(), h("button", {
155
156
  key: 1,
156
157
  type: "button",
@@ -172,7 +173,7 @@ var J = ["onMouseenter", "onMouseleave"], Y = {
172
173
  }
173
174
  });
174
175
  function se() {
175
- typeof document > "u" || j > 0 || A || F(c(oe, "m-message-host-root"));
176
+ typeof document > "u" || j > 0 || A || F(o(oe, "m-message-host-root"));
176
177
  }
177
178
  function ce(e, t) {
178
179
  let n = a(e) ? e : { content: e };
@@ -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 {
@@ -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,5 +1,5 @@
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 { t as n } from "../useMenuKeyboard-BedmYE4W.js";
4
4
  import { t as r } from "../ScrollBody-D2IHKP6U.js";
5
5
  import { n as i } from "../locale-B36KH7c3.js";