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
package/dist/splitter/style.css CHANGED
@@ -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 {
package/dist/status/index.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import { t as e } from "../types-DGuu4Eg4.js";
2
- import { t } from "../Icon-DfpIfo2L.js";
2
+ import { t } from "../Icon-B6IBrJ5S.js";
3
3
  import { o as n } from "../config-BdK5ccNT.js";
4
4
  import "./style.js";
5
5
  import { computed as r, createBlock as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createTextVNode as c, defineComponent as l, normalizeClass as u, normalizeStyle as d, openBlock as f, renderSlot as p, toDisplayString as m, useSlots as h } from "vue";
package/dist/status/style.css CHANGED
@@ -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 {
package/dist/stepper/index.js CHANGED
@@ -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 "./style.js";
4
4
  import { Fragment as n, computed as r, createBlock as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createTextVNode as c, defineComponent as l, mergeProps as u, normalizeClass as d, openBlock as f, renderList as p, renderSlot as m, toDisplayString as h, unref as g, useAttrs as _ } from "vue";
5
5
  //#region src/components/Stepper/Stepper.vue?vue&type=script&setup=true&lang.ts
package/dist/stepper/style.css CHANGED
@@ -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 {
package/dist/styles/base.css CHANGED
@@ -92,6 +92,17 @@
92
92
  opacity: var(--m-opacity-disabled);
93
93
  }
94
94
 
95
+ .m-input-field__control--prefixed .m-input:disabled,
96
+ .m-input-field__control--suffixed .m-input:disabled,
97
+ .m-input-field__control--clearable .m-input:disabled,
98
+ .m-password--disabled .m-password__input,
99
+ .m-inputnumber--disabled .m-inputnumber__input,
100
+ .m-datepicker--disabled .m-datepicker__input,
101
+ .m-icon-field--anchored .m-input:disabled,
102
+ .m-icon-field--anchored .m-textarea:disabled {
103
+ opacity: 1;
104
+ }
105
+
95
106
  .m-input::placeholder,
96
107
  .m-textarea::placeholder,
97
108
  .m-password__input::placeholder,
@@ -411,14 +422,6 @@
411
422
  opacity: var(--m-opacity-disabled);
412
423
  }
413
424
 
414
- .m-icon-field--left :is(.m-input, .m-password__input, .m-inputnumber__input, input) {
415
- padding-left: var(--m-control-affix-padding);
416
- }
417
-
418
- .m-icon-field--right :is(.m-input, .m-password__input, .m-inputnumber__input, input) {
419
- padding-right: var(--m-control-affix-padding);
420
- }
421
-
422
425
  .m-inputgroup > .m-input,
423
426
  .m-inputgroup > .m-input-field,
424
427
  .m-inputgroup > .m-password-field,
@@ -437,16 +440,22 @@
437
440
 
438
441
  .m-inputgroup > .m-input,
439
442
  .m-inputgroup .m-input,
440
- .m-inputgroup .m-password__input,
441
- .m-inputgroup .m-inputnumber__input {
443
+ .m-inputgroup .m-password,
444
+ .m-inputgroup .m-inputnumber__input-wrap,
445
+ .m-inputgroup .m-input-field__control--prefixed,
446
+ .m-inputgroup .m-input-field__control--suffixed,
447
+ .m-inputgroup .m-input-field__control--clearable {
442
448
  border-radius: 0;
443
449
  width: 100%;
444
450
  }
445
451
 
446
452
  .m-inputgroup > :first-child.m-input,
447
453
  .m-inputgroup > :first-child .m-input,
448
- .m-inputgroup > :first-child .m-password__input,
449
- .m-inputgroup > :first-child .m-inputnumber__input,
454
+ .m-inputgroup > :first-child .m-password,
455
+ .m-inputgroup > :first-child .m-inputnumber__input-wrap,
456
+ .m-inputgroup > :first-child .m-input-field__control--prefixed,
457
+ .m-inputgroup > :first-child .m-input-field__control--suffixed,
458
+ .m-inputgroup > :first-child .m-input-field__control--clearable,
450
459
  .m-inputgroup > :first-child.m-inputgroup-addon {
451
460
  border-bottom-left-radius: var(--m-radius-control);
452
461
  border-top-left-radius: var(--m-radius-control);
@@ -454,8 +463,11 @@
454
463
 
455
464
  .m-inputgroup > :last-child.m-input,
456
465
  .m-inputgroup > :last-child .m-input,
457
- .m-inputgroup > :last-child .m-password__input,
458
- .m-inputgroup > :last-child .m-inputnumber__input,
466
+ .m-inputgroup > :last-child .m-password,
467
+ .m-inputgroup > :last-child .m-inputnumber__input-wrap,
468
+ .m-inputgroup > :last-child .m-input-field__control--prefixed,
469
+ .m-inputgroup > :last-child .m-input-field__control--suffixed,
470
+ .m-inputgroup > :last-child .m-input-field__control--clearable,
459
471
  .m-inputgroup > :last-child.m-inputgroup-addon {
460
472
  border-bottom-right-radius: var(--m-radius-control);
461
473
  border-top-right-radius: var(--m-radius-control);
@@ -606,9 +618,6 @@
606
618
  }
607
619
 
608
620
  /* Shared Naive-like hover/focus for remaining form triggers */
609
- .m-inputnumber__input:hover:not(:disabled):not(:focus),
610
- .m-password__input:hover:not(:disabled):not(:focus),
611
- .m-datepicker__input:hover:not(:disabled):not(:focus),
612
621
  .m-inputotp__input:hover:not(:disabled):not(:focus),
613
622
  .m-cascadeselect__trigger:hover:not(:disabled):not(:focus-visible),
614
623
  .m-treeselect__trigger:hover:not(:disabled):not(:focus-visible),
@@ -619,9 +628,6 @@
619
628
  border-color: var(--m-color-primary-hover);
620
629
  }
621
630
 
622
- .m-inputnumber__input:focus-visible,
623
- .m-password__input:focus-visible,
624
- .m-datepicker__input:focus-visible,
625
631
  .m-inputotp__input:focus-visible,
626
632
  .m-cascadeselect__trigger:focus-visible,
627
633
  .m-treeselect__trigger:focus-visible,
@@ -638,9 +644,6 @@
638
644
  outline: none;
639
645
  }
640
646
 
641
- .m-inputnumber--invalid .m-inputnumber__input:focus-visible,
642
- .m-password--invalid .m-password__input:focus-visible,
643
- .m-datepicker--invalid .m-datepicker__input:focus-visible,
644
647
  .m-inputotp--invalid .m-inputotp__input:focus-visible,
645
648
  .m-inputtags--invalid:focus-within,
646
649
  .m-inputcolor--invalid .m-inputcolor__text:focus-visible {