morya-ui 0.4.5 → 0.5.1

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 (220) hide show
  1. package/CHANGELOG.md +41 -2
  2. package/dist/{Input-D2bee2LU.js → Input-BErawS7K.js} +1 -5
  3. package/dist/InputNumber-DjbXtTzR.js +245 -0
  4. package/dist/{Pagination-DpNOb0CS.js → Pagination-B8WYoL2a.js} +1 -1
  5. package/dist/{Popover-Bnz7KNZq.js → Popover-zQChu00_.js} +6 -1
  6. package/dist/{Select-q4X2ff_M.js → Select-BaFKBeIh.js} +2 -2
  7. package/dist/{Textarea-DsFOAtPd.js → Textarea-WCEgpzbq.js} +1 -5
  8. package/dist/accordion/style.css +6 -15
  9. package/dist/affix/style.css +6 -15
  10. package/dist/alert/style.css +6 -15
  11. package/dist/anchor/style.css +6 -15
  12. package/dist/auto-complete/style.css +6 -15
  13. package/dist/avatar/style.css +6 -15
  14. package/dist/badge/style.css +6 -15
  15. package/dist/block-ui/style.css +6 -15
  16. package/dist/breadcrumb/style.css +6 -15
  17. package/dist/button/style.css +6 -15
  18. package/dist/calendar/index.js +1 -1
  19. package/dist/calendar/style.css +6 -15
  20. package/dist/card/style.css +6 -15
  21. package/dist/carousel/style.css +6 -15
  22. package/dist/cascade-select/style.css +6 -15
  23. package/dist/checkbox/style.css +6 -15
  24. package/dist/chip/style.css +6 -15
  25. package/dist/color-picker/index.js +676 -0
  26. package/dist/{input-color → color-picker}/style.css +1406 -83
  27. package/dist/color-picker/style.js +8 -0
  28. package/dist/command-menu/index.js +73 -66
  29. package/dist/command-menu/style.css +6 -15
  30. package/dist/components/ColorPicker/ColorPicker.vue.d.ts +41 -0
  31. package/dist/components/ColorPicker/ColorPicker.vue.d.ts.map +1 -0
  32. package/dist/components/ColorPicker/colorUtils.d.ts +23 -0
  33. package/dist/components/ColorPicker/colorUtils.d.ts.map +1 -0
  34. package/dist/components/ColorPicker/gradientUtils.d.ts +9 -0
  35. package/dist/components/ColorPicker/gradientUtils.d.ts.map +1 -0
  36. package/dist/components/ColorPicker/index.d.ts +3 -0
  37. package/dist/components/ColorPicker/index.d.ts.map +1 -0
  38. package/dist/components/ColorPicker/styles.css +405 -0
  39. package/dist/components/ColorPicker/types.d.ts +60 -0
  40. package/dist/components/ColorPicker/types.d.ts.map +1 -0
  41. package/dist/components/CommandMenu/CommandMenu.vue.d.ts.map +1 -1
  42. package/dist/components/ContextMenu/ContextMenuNodes.vue.d.ts.map +1 -1
  43. package/dist/components/ContextMenu/styles.css +1 -1
  44. package/dist/components/Dock/Dock.vue.d.ts.map +1 -1
  45. package/dist/components/Dropdown/DropdownNodes.vue.d.ts.map +1 -1
  46. package/dist/components/Dropdown/styles.css +1 -1
  47. package/dist/components/Input/Input.vue.d.ts +0 -1
  48. package/dist/components/Input/Input.vue.d.ts.map +1 -1
  49. package/dist/components/Input/types.d.ts +0 -2
  50. package/dist/components/Input/types.d.ts.map +1 -1
  51. package/dist/components/InputNumber/styles.css +28 -10
  52. package/dist/components/InputPassword/InputPassword.vue.d.ts +0 -1
  53. package/dist/components/InputPassword/InputPassword.vue.d.ts.map +1 -1
  54. package/dist/components/InputPassword/types.d.ts +0 -2
  55. package/dist/components/InputPassword/types.d.ts.map +1 -1
  56. package/dist/components/MegaMenu/MegaMenu.vue.d.ts.map +1 -1
  57. package/dist/components/Mentions/Mentions.vue.d.ts +0 -1
  58. package/dist/components/Mentions/Mentions.vue.d.ts.map +1 -1
  59. package/dist/components/Mentions/types.d.ts +0 -2
  60. package/dist/components/Mentions/types.d.ts.map +1 -1
  61. package/dist/components/Menu/Menu.vue.d.ts.map +1 -1
  62. package/dist/components/Menu/MenuNodes.vue.d.ts.map +1 -1
  63. package/dist/components/Menu/styles.css +45 -3
  64. package/dist/components/Menu/types.d.ts +3 -1
  65. package/dist/components/Menu/types.d.ts.map +1 -1
  66. package/dist/components/Menubar/Menubar.vue.d.ts +2 -2
  67. package/dist/components/Menubar/Menubar.vue.d.ts.map +1 -1
  68. package/dist/components/Menubar/styles.css +1 -1
  69. package/dist/components/Popover/Popover.vue.d.ts.map +1 -1
  70. package/dist/components/Rating/Rating.vue.d.ts +1 -1
  71. package/dist/components/Rating/types.d.ts +2 -2
  72. package/dist/components/Rating/types.d.ts.map +1 -1
  73. package/dist/components/Select/Select.vue.d.ts +1 -1
  74. package/dist/components/Select/types.d.ts +1 -1
  75. package/dist/components/Select/types.d.ts.map +1 -1
  76. package/dist/components/Sidebar/Sidebar.vue.d.ts.map +1 -1
  77. package/dist/components/SpeedDial/SpeedDial.vue.d.ts +3 -3
  78. package/dist/components/SpeedDial/SpeedDial.vue.d.ts.map +1 -1
  79. package/dist/components/SplitButton/SplitButton.vue.d.ts.map +1 -1
  80. package/dist/components/Textarea/Textarea.vue.d.ts +0 -1
  81. package/dist/components/Textarea/Textarea.vue.d.ts.map +1 -1
  82. package/dist/components/Textarea/types.d.ts +0 -2
  83. package/dist/components/Textarea/types.d.ts.map +1 -1
  84. package/dist/components/TieredMenu/styles.css +2 -2
  85. package/dist/components/Tooltip/styles.css +15 -2
  86. package/dist/config-provider/style.css +6 -15
  87. package/dist/confirm-dialog/style.css +6 -15
  88. package/dist/confirm-popup/style.css +6 -15
  89. package/dist/context-menu/index.js +92 -84
  90. package/dist/context-menu/style.css +7 -16
  91. package/dist/data-view/index.js +1 -1
  92. package/dist/data-view/style.css +6 -15
  93. package/dist/date-picker/style.css +6 -15
  94. package/dist/descriptions/style.css +6 -15
  95. package/dist/dialog/style.css +6 -15
  96. package/dist/divider/style.css +6 -15
  97. package/dist/dock/index.js +21 -18
  98. package/dist/dock/style.css +6 -15
  99. package/dist/drawer/style.css +6 -15
  100. package/dist/dropdown/index.js +103 -95
  101. package/dist/dropdown/style.css +7 -16
  102. package/dist/empty/style.css +6 -15
  103. package/dist/fieldset/style.css +6 -15
  104. package/dist/file-upload/style.css +6 -15
  105. package/dist/flex/style.css +6 -15
  106. package/dist/float-label/style.css +6 -15
  107. package/dist/fluid/style.css +6 -15
  108. package/dist/form/style.css +6 -15
  109. package/dist/gallery/style.css +6 -15
  110. package/dist/grid/style.css +6 -15
  111. package/dist/icon/style.css +6 -15
  112. package/dist/{icon-H8prbteT.js → icon-CUrSaD8r.js} +4 -1
  113. package/dist/icon-field/style.css +6 -15
  114. package/dist/image/style.css +6 -15
  115. package/dist/index.d.ts +2 -2
  116. package/dist/index.d.ts.map +1 -1
  117. package/dist/index.js +4047 -3420
  118. package/dist/inplace/style.css +6 -15
  119. package/dist/input/index.js +1 -1
  120. package/dist/input/style.css +6 -15
  121. package/dist/input-group/style.css +6 -15
  122. package/dist/input-number/index.js +2 -245
  123. package/dist/input-number/style.css +34 -25
  124. package/dist/input-otp/style.css +6 -15
  125. package/dist/input-password/index.js +1 -5
  126. package/dist/input-password/style.css +6 -15
  127. package/dist/input-tags/style.css +6 -15
  128. package/dist/knob/style.css +6 -15
  129. package/dist/label/style.css +6 -15
  130. package/dist/layout/style.css +6 -15
  131. package/dist/list/index.js +1 -1
  132. package/dist/list/style.css +6 -15
  133. package/dist/listbox/style.css +6 -15
  134. package/dist/loading/style.css +6 -15
  135. package/dist/mega-menu/index.js +94 -87
  136. package/dist/mega-menu/style.css +6 -15
  137. package/dist/mentions/index.js +35 -39
  138. package/dist/mentions/style.css +6 -15
  139. package/dist/menu/index.js +235 -213
  140. package/dist/menu/style.css +66 -20
  141. package/dist/menubar/index.js +107 -99
  142. package/dist/menubar/style.css +7 -16
  143. package/dist/message/style.css +6 -15
  144. package/dist/meter-group/style.css +6 -15
  145. package/dist/order-list/style.css +6 -15
  146. package/dist/page/style.css +6 -15
  147. package/dist/pagination/index.js +1 -1
  148. package/dist/pagination/style.css +6 -15
  149. package/dist/panel/style.css +6 -15
  150. package/dist/pick-list/style.css +6 -15
  151. package/dist/popover/index.js +1 -1
  152. package/dist/popover/style.css +6 -15
  153. package/dist/progress-bar/style.css +6 -15
  154. package/dist/progress-spinner/style.css +6 -15
  155. package/dist/qr-code/style.css +6 -15
  156. package/dist/radio/style.css +6 -15
  157. package/dist/rating/index.js +2 -2
  158. package/dist/rating/style.css +6 -15
  159. package/dist/resolver.js +1 -1
  160. package/dist/result/style.css +6 -15
  161. package/dist/scroll-top/style.css +6 -15
  162. package/dist/scrollbar/style.css +6 -15
  163. package/dist/segmented/style.css +6 -15
  164. package/dist/select/index.js +1 -1
  165. package/dist/select/style.css +6 -15
  166. package/dist/select-button/style.css +6 -15
  167. package/dist/shared/menu/icon.d.ts +3 -0
  168. package/dist/shared/menu/icon.d.ts.map +1 -1
  169. package/dist/shared/menu/index.d.ts +2 -2
  170. package/dist/shared/menu/index.d.ts.map +1 -1
  171. package/dist/shared/menu/types.d.ts +3 -1
  172. package/dist/shared/menu/types.d.ts.map +1 -1
  173. package/dist/sidebar/index.js +37 -29
  174. package/dist/sidebar/style.css +6 -15
  175. package/dist/skeleton/style.css +6 -15
  176. package/dist/slider/style.css +6 -15
  177. package/dist/space/style.css +6 -15
  178. package/dist/speed-dial/index.js +101 -94
  179. package/dist/speed-dial/style.css +6 -15
  180. package/dist/split-button/index.js +3 -3
  181. package/dist/split-button/style.css +6 -15
  182. package/dist/splitter/style.css +6 -15
  183. package/dist/statistic/style.css +6 -15
  184. package/dist/status/style.css +6 -15
  185. package/dist/stepper/style.css +6 -15
  186. package/dist/styles/base.css +6 -15
  187. package/dist/styles.css +1 -1
  188. package/dist/switch/style.css +6 -15
  189. package/dist/table/index.js +3 -3
  190. package/dist/table/style.css +6 -15
  191. package/dist/tabs/style.css +6 -15
  192. package/dist/tag/style.css +6 -15
  193. package/dist/terminal/style.css +6 -15
  194. package/dist/textarea/index.js +1 -1
  195. package/dist/textarea/style.css +6 -15
  196. package/dist/tiered-menu/style.css +8 -17
  197. package/dist/time-picker/style.css +6 -15
  198. package/dist/timeline/style.css +6 -15
  199. package/dist/toast/style.css +6 -15
  200. package/dist/toggle-button/index.js +1 -1
  201. package/dist/toggle-button/style.css +6 -15
  202. package/dist/toolbar/style.css +6 -15
  203. package/dist/tooltip/style.css +21 -17
  204. package/dist/tour/style.css +6 -15
  205. package/dist/tree/style.css +6 -15
  206. package/dist/tree-select/style.css +6 -15
  207. package/dist/typography/index.js +1 -1
  208. package/dist/typography/style.css +6 -15
  209. package/dist/virtual-scroller/style.css +6 -15
  210. package/dist/watermark/style.css +6 -15
  211. package/package.json +8 -8
  212. package/dist/components/InputColor/InputColor.vue.d.ts +0 -24
  213. package/dist/components/InputColor/InputColor.vue.d.ts.map +0 -1
  214. package/dist/components/InputColor/index.d.ts +0 -3
  215. package/dist/components/InputColor/index.d.ts.map +0 -1
  216. package/dist/components/InputColor/styles.css +0 -139
  217. package/dist/components/InputColor/types.d.ts +0 -19
  218. package/dist/components/InputColor/types.d.ts.map +0 -1
  219. package/dist/input-color/index.js +0 -118
  220. package/dist/input-color/style.js +0 -3
@@ -405,7 +405,7 @@
405
405
 
406
406
  :root {
407
407
  /* Shared minimum width for menu-like panels (select/orderlist/picklist) */
408
- --m-menu-min-width: 12rem;
408
+ --m-overlay-menu-min-width: 12rem;
409
409
  }
410
410
 
411
411
  .m-button,
@@ -463,7 +463,7 @@
463
463
  .m-progress-spinner,
464
464
  .m-cascadeselect,
465
465
  .m-treeselect,
466
- .m-inputcolor,
466
+ .m-colorpicker,
467
467
  .m-inputtags,
468
468
  .m-label,
469
469
  .m-speeddial,
@@ -489,8 +489,7 @@
489
489
  .m-password__input:disabled,
490
490
  .m-inputnumber__input:disabled,
491
491
  .m-inputotp__input:disabled,
492
- .m-inputcolor__text:disabled,
493
- .m-inputcolor__swatch:disabled,
492
+ .m-colorpicker__trigger:disabled,
494
493
  .m-inputtags--disabled {
495
494
  background-color: var(--m-color-bg-disabled);
496
495
  color: var(--m-color-text-disabled);
@@ -513,8 +512,7 @@
513
512
  .m-textarea::placeholder,
514
513
  .m-password__input::placeholder,
515
514
  .m-inputnumber__input::placeholder,
516
- .m-inputtags__input::placeholder,
517
- .m-inputcolor__text::placeholder {
515
+ .m-inputtags__input::placeholder {
518
516
  color: var(--m-color-text-muted);
519
517
  opacity: 1;
520
518
  }
@@ -858,9 +856,7 @@
858
856
  font-family: var(--m-font-sans);
859
857
  gap: var(--m-space-2);
860
858
  max-width: 100%;
861
- min-width: var(--m-menu-min-width);
862
859
  position: relative;
863
- width: fit-content;
864
860
  }
865
861
 
866
862
  .m-textarea-field--fluid,
@@ -1051,7 +1047,7 @@
1051
1047
  flex: 1;
1052
1048
  max-height: 16rem;
1053
1049
  min-height: 12rem;
1054
- min-width: var(--m-menu-min-width);
1050
+ min-width: var(--m-overlay-menu-min-width);
1055
1051
  }
1056
1052
 
1057
1053
  .m-orderlist__list,
@@ -1119,7 +1115,6 @@
1119
1115
  .m-cascadeselect__trigger:hover:not(:disabled):not(:focus):not(:focus-visible),
1120
1116
  .m-treeselect:not(.m-treeselect--open)
1121
1117
  .m-treeselect__trigger:hover:not(:disabled):not(:focus):not(:focus-visible),
1122
- .m-inputcolor__text:hover:not(:disabled):not(:focus),
1123
1118
  .m-inputtags:hover:not(.m-inputtags--disabled):not(:focus-within),
1124
1119
  .m-togglebutton:hover:not(:disabled):not(.m-togglebutton--checked):not(:focus-visible),
1125
1120
  .m-inplace__display:hover:not(:focus-visible) {
@@ -1134,8 +1129,6 @@
1134
1129
  .m-treeselect--open .m-treeselect__trigger,
1135
1130
  .m-treeselect__trigger:focus,
1136
1131
  .m-treeselect__trigger:focus-visible,
1137
- .m-inputcolor__text:focus,
1138
- .m-inputcolor__text:focus-visible,
1139
1132
  .m-inputtags:focus-within,
1140
1133
  .m-togglebutton:focus-visible,
1141
1134
  .m-selectbutton__button:focus-visible,
@@ -1150,9 +1143,7 @@
1150
1143
 
1151
1144
  .m-inputotp--invalid .m-inputotp__input:focus,
1152
1145
  .m-inputotp--invalid .m-inputotp__input:focus-visible,
1153
- .m-inputtags--invalid:focus-within,
1154
- .m-inputcolor--invalid .m-inputcolor__text:focus,
1155
- .m-inputcolor--invalid .m-inputcolor__text:focus-visible {
1146
+ .m-inputtags--invalid:focus-within {
1156
1147
  border-color: var(--m-color-danger);
1157
1148
  box-shadow: var(--m-focus-shadow-danger);
1158
1149
  }
@@ -405,7 +405,7 @@
405
405
 
406
406
  :root {
407
407
  /* Shared minimum width for menu-like panels (select/orderlist/picklist) */
408
- --m-menu-min-width: 12rem;
408
+ --m-overlay-menu-min-width: 12rem;
409
409
  }
410
410
 
411
411
  .m-button,
@@ -463,7 +463,7 @@
463
463
  .m-progress-spinner,
464
464
  .m-cascadeselect,
465
465
  .m-treeselect,
466
- .m-inputcolor,
466
+ .m-colorpicker,
467
467
  .m-inputtags,
468
468
  .m-label,
469
469
  .m-speeddial,
@@ -489,8 +489,7 @@
489
489
  .m-password__input:disabled,
490
490
  .m-inputnumber__input:disabled,
491
491
  .m-inputotp__input:disabled,
492
- .m-inputcolor__text:disabled,
493
- .m-inputcolor__swatch:disabled,
492
+ .m-colorpicker__trigger:disabled,
494
493
  .m-inputtags--disabled {
495
494
  background-color: var(--m-color-bg-disabled);
496
495
  color: var(--m-color-text-disabled);
@@ -513,8 +512,7 @@
513
512
  .m-textarea::placeholder,
514
513
  .m-password__input::placeholder,
515
514
  .m-inputnumber__input::placeholder,
516
- .m-inputtags__input::placeholder,
517
- .m-inputcolor__text::placeholder {
515
+ .m-inputtags__input::placeholder {
518
516
  color: var(--m-color-text-muted);
519
517
  opacity: 1;
520
518
  }
@@ -858,9 +856,7 @@
858
856
  font-family: var(--m-font-sans);
859
857
  gap: var(--m-space-2);
860
858
  max-width: 100%;
861
- min-width: var(--m-menu-min-width);
862
859
  position: relative;
863
- width: fit-content;
864
860
  }
865
861
 
866
862
  .m-textarea-field--fluid,
@@ -1051,7 +1047,7 @@
1051
1047
  flex: 1;
1052
1048
  max-height: 16rem;
1053
1049
  min-height: 12rem;
1054
- min-width: var(--m-menu-min-width);
1050
+ min-width: var(--m-overlay-menu-min-width);
1055
1051
  }
1056
1052
 
1057
1053
  .m-orderlist__list,
@@ -1119,7 +1115,6 @@
1119
1115
  .m-cascadeselect__trigger:hover:not(:disabled):not(:focus):not(:focus-visible),
1120
1116
  .m-treeselect:not(.m-treeselect--open)
1121
1117
  .m-treeselect__trigger:hover:not(:disabled):not(:focus):not(:focus-visible),
1122
- .m-inputcolor__text:hover:not(:disabled):not(:focus),
1123
1118
  .m-inputtags:hover:not(.m-inputtags--disabled):not(:focus-within),
1124
1119
  .m-togglebutton:hover:not(:disabled):not(.m-togglebutton--checked):not(:focus-visible),
1125
1120
  .m-inplace__display:hover:not(:focus-visible) {
@@ -1134,8 +1129,6 @@
1134
1129
  .m-treeselect--open .m-treeselect__trigger,
1135
1130
  .m-treeselect__trigger:focus,
1136
1131
  .m-treeselect__trigger:focus-visible,
1137
- .m-inputcolor__text:focus,
1138
- .m-inputcolor__text:focus-visible,
1139
1132
  .m-inputtags:focus-within,
1140
1133
  .m-togglebutton:focus-visible,
1141
1134
  .m-selectbutton__button:focus-visible,
@@ -1150,9 +1143,7 @@
1150
1143
 
1151
1144
  .m-inputotp--invalid .m-inputotp__input:focus,
1152
1145
  .m-inputotp--invalid .m-inputotp__input:focus-visible,
1153
- .m-inputtags--invalid:focus-within,
1154
- .m-inputcolor--invalid .m-inputcolor__text:focus,
1155
- .m-inputcolor--invalid .m-inputcolor__text:focus-visible {
1146
+ .m-inputtags--invalid:focus-within {
1156
1147
  border-color: var(--m-color-danger);
1157
1148
  box-shadow: var(--m-focus-shadow-danger);
1158
1149
  }
@@ -405,7 +405,7 @@
405
405
 
406
406
  :root {
407
407
  /* Shared minimum width for menu-like panels (select/orderlist/picklist) */
408
- --m-menu-min-width: 12rem;
408
+ --m-overlay-menu-min-width: 12rem;
409
409
  }
410
410
 
411
411
  .m-button,
@@ -463,7 +463,7 @@
463
463
  .m-progress-spinner,
464
464
  .m-cascadeselect,
465
465
  .m-treeselect,
466
- .m-inputcolor,
466
+ .m-colorpicker,
467
467
  .m-inputtags,
468
468
  .m-label,
469
469
  .m-speeddial,
@@ -489,8 +489,7 @@
489
489
  .m-password__input:disabled,
490
490
  .m-inputnumber__input:disabled,
491
491
  .m-inputotp__input:disabled,
492
- .m-inputcolor__text:disabled,
493
- .m-inputcolor__swatch:disabled,
492
+ .m-colorpicker__trigger:disabled,
494
493
  .m-inputtags--disabled {
495
494
  background-color: var(--m-color-bg-disabled);
496
495
  color: var(--m-color-text-disabled);
@@ -513,8 +512,7 @@
513
512
  .m-textarea::placeholder,
514
513
  .m-password__input::placeholder,
515
514
  .m-inputnumber__input::placeholder,
516
- .m-inputtags__input::placeholder,
517
- .m-inputcolor__text::placeholder {
515
+ .m-inputtags__input::placeholder {
518
516
  color: var(--m-color-text-muted);
519
517
  opacity: 1;
520
518
  }
@@ -858,9 +856,7 @@
858
856
  font-family: var(--m-font-sans);
859
857
  gap: var(--m-space-2);
860
858
  max-width: 100%;
861
- min-width: var(--m-menu-min-width);
862
859
  position: relative;
863
- width: fit-content;
864
860
  }
865
861
 
866
862
  .m-textarea-field--fluid,
@@ -1051,7 +1047,7 @@
1051
1047
  flex: 1;
1052
1048
  max-height: 16rem;
1053
1049
  min-height: 12rem;
1054
- min-width: var(--m-menu-min-width);
1050
+ min-width: var(--m-overlay-menu-min-width);
1055
1051
  }
1056
1052
 
1057
1053
  .m-orderlist__list,
@@ -1119,7 +1115,6 @@
1119
1115
  .m-cascadeselect__trigger:hover:not(:disabled):not(:focus):not(:focus-visible),
1120
1116
  .m-treeselect:not(.m-treeselect--open)
1121
1117
  .m-treeselect__trigger:hover:not(:disabled):not(:focus):not(:focus-visible),
1122
- .m-inputcolor__text:hover:not(:disabled):not(:focus),
1123
1118
  .m-inputtags:hover:not(.m-inputtags--disabled):not(:focus-within),
1124
1119
  .m-togglebutton:hover:not(:disabled):not(.m-togglebutton--checked):not(:focus-visible),
1125
1120
  .m-inplace__display:hover:not(:focus-visible) {
@@ -1134,8 +1129,6 @@
1134
1129
  .m-treeselect--open .m-treeselect__trigger,
1135
1130
  .m-treeselect__trigger:focus,
1136
1131
  .m-treeselect__trigger:focus-visible,
1137
- .m-inputcolor__text:focus,
1138
- .m-inputcolor__text:focus-visible,
1139
1132
  .m-inputtags:focus-within,
1140
1133
  .m-togglebutton:focus-visible,
1141
1134
  .m-selectbutton__button:focus-visible,
@@ -1150,9 +1143,7 @@
1150
1143
 
1151
1144
  .m-inputotp--invalid .m-inputotp__input:focus,
1152
1145
  .m-inputotp--invalid .m-inputotp__input:focus-visible,
1153
- .m-inputtags--invalid:focus-within,
1154
- .m-inputcolor--invalid .m-inputcolor__text:focus,
1155
- .m-inputcolor--invalid .m-inputcolor__text:focus-visible {
1146
+ .m-inputtags--invalid:focus-within {
1156
1147
  border-color: var(--m-color-danger);
1157
1148
  box-shadow: var(--m-focus-shadow-danger);
1158
1149
  }
@@ -405,7 +405,7 @@
405
405
 
406
406
  :root {
407
407
  /* Shared minimum width for menu-like panels (select/orderlist/picklist) */
408
- --m-menu-min-width: 12rem;
408
+ --m-overlay-menu-min-width: 12rem;
409
409
  }
410
410
 
411
411
  .m-button,
@@ -463,7 +463,7 @@
463
463
  .m-progress-spinner,
464
464
  .m-cascadeselect,
465
465
  .m-treeselect,
466
- .m-inputcolor,
466
+ .m-colorpicker,
467
467
  .m-inputtags,
468
468
  .m-label,
469
469
  .m-speeddial,
@@ -489,8 +489,7 @@
489
489
  .m-password__input:disabled,
490
490
  .m-inputnumber__input:disabled,
491
491
  .m-inputotp__input:disabled,
492
- .m-inputcolor__text:disabled,
493
- .m-inputcolor__swatch:disabled,
492
+ .m-colorpicker__trigger:disabled,
494
493
  .m-inputtags--disabled {
495
494
  background-color: var(--m-color-bg-disabled);
496
495
  color: var(--m-color-text-disabled);
@@ -513,8 +512,7 @@
513
512
  .m-textarea::placeholder,
514
513
  .m-password__input::placeholder,
515
514
  .m-inputnumber__input::placeholder,
516
- .m-inputtags__input::placeholder,
517
- .m-inputcolor__text::placeholder {
515
+ .m-inputtags__input::placeholder {
518
516
  color: var(--m-color-text-muted);
519
517
  opacity: 1;
520
518
  }
@@ -858,9 +856,7 @@
858
856
  font-family: var(--m-font-sans);
859
857
  gap: var(--m-space-2);
860
858
  max-width: 100%;
861
- min-width: var(--m-menu-min-width);
862
859
  position: relative;
863
- width: fit-content;
864
860
  }
865
861
 
866
862
  .m-textarea-field--fluid,
@@ -1051,7 +1047,7 @@
1051
1047
  flex: 1;
1052
1048
  max-height: 16rem;
1053
1049
  min-height: 12rem;
1054
- min-width: var(--m-menu-min-width);
1050
+ min-width: var(--m-overlay-menu-min-width);
1055
1051
  }
1056
1052
 
1057
1053
  .m-orderlist__list,
@@ -1119,7 +1115,6 @@
1119
1115
  .m-cascadeselect__trigger:hover:not(:disabled):not(:focus):not(:focus-visible),
1120
1116
  .m-treeselect:not(.m-treeselect--open)
1121
1117
  .m-treeselect__trigger:hover:not(:disabled):not(:focus):not(:focus-visible),
1122
- .m-inputcolor__text:hover:not(:disabled):not(:focus),
1123
1118
  .m-inputtags:hover:not(.m-inputtags--disabled):not(:focus-within),
1124
1119
  .m-togglebutton:hover:not(:disabled):not(.m-togglebutton--checked):not(:focus-visible),
1125
1120
  .m-inplace__display:hover:not(:focus-visible) {
@@ -1134,8 +1129,6 @@
1134
1129
  .m-treeselect--open .m-treeselect__trigger,
1135
1130
  .m-treeselect__trigger:focus,
1136
1131
  .m-treeselect__trigger:focus-visible,
1137
- .m-inputcolor__text:focus,
1138
- .m-inputcolor__text:focus-visible,
1139
1132
  .m-inputtags:focus-within,
1140
1133
  .m-togglebutton:focus-visible,
1141
1134
  .m-selectbutton__button:focus-visible,
@@ -1150,9 +1143,7 @@
1150
1143
 
1151
1144
  .m-inputotp--invalid .m-inputotp__input:focus,
1152
1145
  .m-inputotp--invalid .m-inputotp__input:focus-visible,
1153
- .m-inputtags--invalid:focus-within,
1154
- .m-inputcolor--invalid .m-inputcolor__text:focus,
1155
- .m-inputcolor--invalid .m-inputcolor__text:focus-visible {
1146
+ .m-inputtags--invalid:focus-within {
1156
1147
  border-color: var(--m-color-danger);
1157
1148
  box-shadow: var(--m-focus-shadow-danger);
1158
1149
  }
@@ -405,7 +405,7 @@
405
405
 
406
406
  :root {
407
407
  /* Shared minimum width for menu-like panels (select/orderlist/picklist) */
408
- --m-menu-min-width: 12rem;
408
+ --m-overlay-menu-min-width: 12rem;
409
409
  }
410
410
 
411
411
  .m-button,
@@ -463,7 +463,7 @@
463
463
  .m-progress-spinner,
464
464
  .m-cascadeselect,
465
465
  .m-treeselect,
466
- .m-inputcolor,
466
+ .m-colorpicker,
467
467
  .m-inputtags,
468
468
  .m-label,
469
469
  .m-speeddial,
@@ -489,8 +489,7 @@
489
489
  .m-password__input:disabled,
490
490
  .m-inputnumber__input:disabled,
491
491
  .m-inputotp__input:disabled,
492
- .m-inputcolor__text:disabled,
493
- .m-inputcolor__swatch:disabled,
492
+ .m-colorpicker__trigger:disabled,
494
493
  .m-inputtags--disabled {
495
494
  background-color: var(--m-color-bg-disabled);
496
495
  color: var(--m-color-text-disabled);
@@ -513,8 +512,7 @@
513
512
  .m-textarea::placeholder,
514
513
  .m-password__input::placeholder,
515
514
  .m-inputnumber__input::placeholder,
516
- .m-inputtags__input::placeholder,
517
- .m-inputcolor__text::placeholder {
515
+ .m-inputtags__input::placeholder {
518
516
  color: var(--m-color-text-muted);
519
517
  opacity: 1;
520
518
  }
@@ -858,9 +856,7 @@
858
856
  font-family: var(--m-font-sans);
859
857
  gap: var(--m-space-2);
860
858
  max-width: 100%;
861
- min-width: var(--m-menu-min-width);
862
859
  position: relative;
863
- width: fit-content;
864
860
  }
865
861
 
866
862
  .m-textarea-field--fluid,
@@ -1051,7 +1047,7 @@
1051
1047
  flex: 1;
1052
1048
  max-height: 16rem;
1053
1049
  min-height: 12rem;
1054
- min-width: var(--m-menu-min-width);
1050
+ min-width: var(--m-overlay-menu-min-width);
1055
1051
  }
1056
1052
 
1057
1053
  .m-orderlist__list,
@@ -1119,7 +1115,6 @@
1119
1115
  .m-cascadeselect__trigger:hover:not(:disabled):not(:focus):not(:focus-visible),
1120
1116
  .m-treeselect:not(.m-treeselect--open)
1121
1117
  .m-treeselect__trigger:hover:not(:disabled):not(:focus):not(:focus-visible),
1122
- .m-inputcolor__text:hover:not(:disabled):not(:focus),
1123
1118
  .m-inputtags:hover:not(.m-inputtags--disabled):not(:focus-within),
1124
1119
  .m-togglebutton:hover:not(:disabled):not(.m-togglebutton--checked):not(:focus-visible),
1125
1120
  .m-inplace__display:hover:not(:focus-visible) {
@@ -1134,8 +1129,6 @@
1134
1129
  .m-treeselect--open .m-treeselect__trigger,
1135
1130
  .m-treeselect__trigger:focus,
1136
1131
  .m-treeselect__trigger:focus-visible,
1137
- .m-inputcolor__text:focus,
1138
- .m-inputcolor__text:focus-visible,
1139
1132
  .m-inputtags:focus-within,
1140
1133
  .m-togglebutton:focus-visible,
1141
1134
  .m-selectbutton__button:focus-visible,
@@ -1150,9 +1143,7 @@
1150
1143
 
1151
1144
  .m-inputotp--invalid .m-inputotp__input:focus,
1152
1145
  .m-inputotp--invalid .m-inputotp__input:focus-visible,
1153
- .m-inputtags--invalid:focus-within,
1154
- .m-inputcolor--invalid .m-inputcolor__text:focus,
1155
- .m-inputcolor--invalid .m-inputcolor__text:focus-visible {
1146
+ .m-inputtags--invalid:focus-within {
1156
1147
  border-color: var(--m-color-danger);
1157
1148
  box-shadow: var(--m-focus-shadow-danger);
1158
1149
  }