@contena/meteor-component-library 5.6.2 → 5.7.0

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 (270) hide show
  1. package/dist/{channel-c0a7f238.mjs → channel-24cdec8b.mjs} +1 -1
  2. package/dist/{channel-c7fd2abb.js → channel-41ddc4ca.js} +1 -1
  3. package/dist/common/MtActionMenuItem.d.ts +1 -1
  4. package/dist/common/MtBadge.d.ts +1 -1
  5. package/dist/common/MtBanner.d.ts +1 -1
  6. package/dist/common/MtBaseField.d.ts +2 -2
  7. package/dist/common/MtBaseField.js +1 -1
  8. package/dist/common/MtButton.d.ts +35 -32
  9. package/dist/common/MtButton.js +6 -3
  10. package/dist/common/MtCard.js +2 -2
  11. package/dist/common/MtCheckbox.d.ts +2 -2
  12. package/dist/common/MtCheckbox.js +1 -1
  13. package/dist/common/MtColorpicker.d.ts +9 -3
  14. package/dist/common/MtColorpicker.js +2 -2
  15. package/dist/common/MtContextButton.js +2 -2
  16. package/dist/common/MtContextMenuItem.d.ts +2 -2
  17. package/dist/common/MtContextMenuItem.js +1 -1
  18. package/dist/common/MtDataTable.d.ts +58 -47
  19. package/dist/common/MtDataTable.js +3 -3
  20. package/dist/common/MtDataTableBadgeRenderer.d.ts +3 -3
  21. package/dist/common/MtDataTableFilter.js +2 -2
  22. package/dist/common/MtDataTableSettings.d.ts +11 -8
  23. package/dist/common/MtDataTableSettings.js +2 -2
  24. package/dist/common/MtDatepicker.d.ts +24 -1
  25. package/dist/common/MtDatepicker.js +2 -1
  26. package/dist/common/MtEmailField.d.ts +1 -0
  27. package/dist/common/MtEmailField.js +5 -3
  28. package/dist/common/MtEntityDataTable.js +4 -4
  29. package/dist/common/MtEntitySelect.js +3 -3
  30. package/dist/common/MtFieldCopyable.js +1 -1
  31. package/dist/common/MtFieldHint.d.ts +5 -0
  32. package/dist/common/MtFieldHint.js +19 -13
  33. package/dist/common/MtFloatingUi.js +1 -1
  34. package/dist/common/MtGrantPermissionServiceBanner.d.ts +14 -1
  35. package/dist/common/MtGrantPermissionServiceBanner.js +11 -149
  36. package/dist/common/MtNumberField.d.ts +26 -3
  37. package/dist/common/MtNumberField.js +5 -4
  38. package/dist/common/MtPasswordField.d.ts +3 -1
  39. package/dist/common/MtPasswordField.js +6 -4
  40. package/dist/common/MtPopover.d.ts +4 -4
  41. package/dist/common/MtPopover.js +2 -2
  42. package/dist/common/MtPopoverItem.d.ts +2 -2
  43. package/dist/common/MtPopoverItem.js +1 -1
  44. package/dist/common/MtPopoverItemResult.d.ts +5 -2
  45. package/dist/common/MtPopoverItemResult.js +1 -1
  46. package/dist/common/MtSearch.d.ts +2 -0
  47. package/dist/common/MtSearch.js +12 -7
  48. package/dist/common/MtSegmentedControl.d.ts +6 -6
  49. package/dist/common/MtSegmentedControl.js +2 -2
  50. package/dist/common/MtSelect.d.ts +30 -20
  51. package/dist/common/MtSelect.js +20 -3
  52. package/dist/common/MtSelectBase.d.ts +4 -4
  53. package/dist/common/MtSelectBase.js +2 -2
  54. package/dist/common/MtSelectResult.d.ts +0 -16
  55. package/dist/common/MtSelectResult.js +2 -22
  56. package/dist/common/MtSelectSelectionList.js +4 -0
  57. package/dist/common/MtSlider.d.ts +36 -7
  58. package/dist/common/MtSlider.js +3 -1
  59. package/dist/common/MtSnackbarNotification.js +2 -6
  60. package/dist/common/MtTabs.d.ts +2 -2
  61. package/dist/common/MtTabs.js +9 -8
  62. package/dist/common/MtTextEditor.js +4 -4
  63. package/dist/common/MtTextEditorToolbar.js +2 -2
  64. package/dist/common/MtTextEditorToolbarButton.js +1 -1
  65. package/dist/common/MtTextEditorToolbarButtonColor.js +2 -2
  66. package/dist/common/MtTextEditorToolbarButtonLink.js +1 -1
  67. package/dist/common/MtTextEditorToolbarButtonTable.js +10 -10
  68. package/dist/common/MtTextField.d.ts +28 -3
  69. package/dist/common/MtTextField.js +12 -2
  70. package/dist/common/MtTextarea.d.ts +1 -0
  71. package/dist/common/MtTextarea.js +10 -8
  72. package/dist/common/MtThemeSelect.js +2 -2
  73. package/dist/common/MtUnitField.js +3 -3
  74. package/dist/common/MtUnitSelect.js +4 -4
  75. package/dist/common/MtUnitSelectResult.js +2 -2
  76. package/dist/common/MtUrlField.d.ts +2 -0
  77. package/dist/common/MtUrlField.js +5 -3
  78. package/dist/common/components/mt-snackbar/composables/use-snackbar.d.ts +1 -1
  79. package/dist/common/composables/useServicePermission.d.ts +15 -0
  80. package/dist/common/index.d.ts +2 -1
  81. package/dist/common/index.js +13 -12
  82. package/dist/common/mixins/validation.mixin.d.ts +2 -2
  83. package/dist/esm/MtActionMenuItem.d.ts +1 -1
  84. package/dist/esm/MtBadge.d.ts +1 -1
  85. package/dist/esm/MtBanner.d.ts +1 -1
  86. package/dist/esm/MtBaseField.d.ts +2 -2
  87. package/dist/esm/MtBaseField.js +1 -1
  88. package/dist/esm/MtButton.d.ts +35 -32
  89. package/dist/esm/MtButton.js +6 -3
  90. package/dist/esm/MtCard.js +2 -2
  91. package/dist/esm/MtCheckbox.d.ts +2 -2
  92. package/dist/esm/MtCheckbox.js +1 -1
  93. package/dist/esm/MtColorpicker.d.ts +9 -3
  94. package/dist/esm/MtColorpicker.js +2 -2
  95. package/dist/esm/MtContextButton.js +2 -2
  96. package/dist/esm/MtContextMenuItem.d.ts +2 -2
  97. package/dist/esm/MtContextMenuItem.js +1 -1
  98. package/dist/esm/MtDataTable.d.ts +58 -47
  99. package/dist/esm/MtDataTable.js +3 -3
  100. package/dist/esm/MtDataTableBadgeRenderer.d.ts +3 -3
  101. package/dist/esm/MtDataTableFilter.js +2 -2
  102. package/dist/esm/MtDataTableSettings.d.ts +11 -8
  103. package/dist/esm/MtDataTableSettings.js +2 -2
  104. package/dist/esm/MtDatepicker.d.ts +24 -1
  105. package/dist/esm/MtDatepicker.js +2 -1
  106. package/dist/esm/MtEmailField.d.ts +1 -0
  107. package/dist/esm/MtEmailField.js +5 -3
  108. package/dist/esm/MtEntityDataTable.js +4 -4
  109. package/dist/esm/MtEntitySelect.js +3 -3
  110. package/dist/esm/MtFieldCopyable.js +1 -1
  111. package/dist/esm/MtFieldHint.d.ts +5 -0
  112. package/dist/esm/MtFieldHint.js +20 -14
  113. package/dist/esm/MtFloatingUi.js +1 -1
  114. package/dist/esm/MtGrantPermissionServiceBanner.d.ts +14 -1
  115. package/dist/esm/MtGrantPermissionServiceBanner.js +11 -149
  116. package/dist/esm/MtNumberField.d.ts +26 -3
  117. package/dist/esm/MtNumberField.js +5 -4
  118. package/dist/esm/MtPasswordField.d.ts +3 -1
  119. package/dist/esm/MtPasswordField.js +6 -4
  120. package/dist/esm/MtPopover.d.ts +4 -4
  121. package/dist/esm/MtPopover.js +2 -2
  122. package/dist/esm/MtPopoverItem.d.ts +2 -2
  123. package/dist/esm/MtPopoverItem.js +1 -1
  124. package/dist/esm/MtPopoverItemResult.d.ts +5 -2
  125. package/dist/esm/MtPopoverItemResult.js +1 -1
  126. package/dist/esm/MtSearch.d.ts +2 -0
  127. package/dist/esm/MtSearch.js +12 -7
  128. package/dist/esm/MtSegmentedControl.d.ts +6 -6
  129. package/dist/esm/MtSegmentedControl.js +2 -2
  130. package/dist/esm/MtSelect.d.ts +30 -20
  131. package/dist/esm/MtSelect.js +20 -3
  132. package/dist/esm/MtSelectBase.d.ts +4 -4
  133. package/dist/esm/MtSelectBase.js +2 -2
  134. package/dist/esm/MtSelectResult.d.ts +0 -16
  135. package/dist/esm/MtSelectResult.js +2 -22
  136. package/dist/esm/MtSelectSelectionList.js +4 -0
  137. package/dist/esm/MtSlider.d.ts +36 -7
  138. package/dist/esm/MtSlider.js +3 -1
  139. package/dist/esm/MtSnackbarNotification.js +2 -6
  140. package/dist/esm/MtTabs.d.ts +2 -2
  141. package/dist/esm/MtTabs.js +10 -9
  142. package/dist/esm/MtTextEditor.js +4 -4
  143. package/dist/esm/MtTextEditorToolbar.js +2 -2
  144. package/dist/esm/MtTextEditorToolbarButton.js +1 -1
  145. package/dist/esm/MtTextEditorToolbarButtonColor.js +2 -2
  146. package/dist/esm/MtTextEditorToolbarButtonLink.js +1 -1
  147. package/dist/esm/MtTextEditorToolbarButtonTable.js +10 -10
  148. package/dist/esm/MtTextField.d.ts +28 -3
  149. package/dist/esm/MtTextField.js +12 -2
  150. package/dist/esm/MtTextarea.d.ts +1 -0
  151. package/dist/esm/MtTextarea.js +10 -8
  152. package/dist/esm/MtThemeSelect.js +2 -2
  153. package/dist/esm/MtUnitField.js +3 -3
  154. package/dist/esm/MtUnitSelect.js +4 -4
  155. package/dist/esm/MtUnitSelectResult.js +2 -2
  156. package/dist/esm/MtUrlField.d.ts +2 -0
  157. package/dist/esm/MtUrlField.js +5 -3
  158. package/dist/esm/components/mt-snackbar/composables/use-snackbar.d.ts +1 -1
  159. package/dist/esm/composables/useServicePermission.d.ts +15 -0
  160. package/dist/esm/index.d.ts +2 -1
  161. package/dist/esm/index.js +62 -61
  162. package/dist/esm/mixins/validation.mixin.d.ts +2 -2
  163. package/dist/example-radio-option.css +1 -107
  164. package/dist/{index-26e65048.mjs → index-1e353711.mjs} +1 -1
  165. package/dist/{index-2cb63874.js → index-269e5194.js} +3 -3
  166. package/dist/{index-ddce4e37.mjs → index-b57e37f8.mjs} +3 -3
  167. package/dist/{index-f8d7f486.js → index-fab01d0b.js} +1 -1
  168. package/dist/index.css +1 -1012
  169. package/dist/mt-action-menu-group.css +1 -23
  170. package/dist/mt-action-menu-item.css +1 -68
  171. package/dist/mt-action-menu.css +1 -28
  172. package/dist/mt-avatar.css +1 -66
  173. package/dist/mt-badge.css +1 -51
  174. package/dist/mt-banner.css +1 -95
  175. package/dist/mt-base-field.css +1 -206
  176. package/dist/mt-button.css +1 -249
  177. package/dist/mt-card.css +1 -210
  178. package/dist/mt-chart.css +1 -37
  179. package/dist/mt-checkbox.css +1 -176
  180. package/dist/mt-collapsible-content.css +1 -32
  181. package/dist/mt-colorpicker.css +1 -355
  182. package/dist/mt-context-button.css +1 -22
  183. package/dist/mt-data-table-filter.css +1 -71
  184. package/dist/mt-data-table-number-renderer.css +1 -8
  185. package/dist/mt-data-table-price-renderer.css +1 -8
  186. package/dist/mt-data-table-reset-filter-button.css +1 -14
  187. package/dist/mt-data-table-text-renderer.css +1 -33
  188. package/dist/mt-data-table.css +1 -653
  189. package/dist/mt-datepicker.css +1 -293
  190. package/dist/{mt-datepicker.vue_vue_type_style_index_0_lang-2db831f0.mjs → mt-datepicker.vue_vue_type_style_index_0_lang-5edbea9c.mjs} +21 -14
  191. package/dist/{mt-datepicker.vue_vue_type_style_index_0_lang-d200a30e.js → mt-datepicker.vue_vue_type_style_index_0_lang-81316ad9.js} +21 -14
  192. package/dist/mt-email-field.css +1 -97
  193. package/dist/mt-empty-state.css +1 -37
  194. package/dist/mt-entity-data-table.css +1 -43
  195. package/dist/{mt-entity-data-table.vue_vue_type_style_index_0_lang-84494335.js → mt-entity-data-table.vue_vue_type_style_index_0_lang-063ce600.js} +2 -2
  196. package/dist/{mt-entity-data-table.vue_vue_type_style_index_0_lang-20da6e77.mjs → mt-entity-data-table.vue_vue_type_style_index_0_lang-24a26788.mjs} +2 -2
  197. package/dist/{mt-entity-select.vue_vue_type_script_setup_true_lang-2cdffea0.js → mt-entity-select.vue_vue_type_script_setup_true_lang-eb9894c1.js} +1 -1
  198. package/dist/{mt-entity-select.vue_vue_type_script_setup_true_lang-f3c35d00.mjs → mt-entity-select.vue_vue_type_script_setup_true_lang-f94e984f.mjs} +1 -1
  199. package/dist/mt-field-affix.css +1 -23
  200. package/dist/mt-field-copyable.css +1 -4
  201. package/dist/mt-field-error.css +1 -8
  202. package/dist/mt-field-hint.css +1 -24
  203. package/dist/mt-field-label.css +1 -31
  204. package/dist/mt-floating-ui.css +1 -87
  205. package/dist/{mt-floating-ui.vue_vue_type_style_index_0_lang-90b9d50a.mjs → mt-floating-ui.vue_vue_type_style_index_0_lang-1e4e0347.mjs} +15 -7
  206. package/dist/{mt-floating-ui.vue_vue_type_style_index_0_lang-2ea8a18a.js → mt-floating-ui.vue_vue_type_style_index_0_lang-f48de489.js} +14 -6
  207. package/dist/mt-grant-permission-service-banner-62995d3a.mjs +191 -0
  208. package/dist/mt-grant-permission-service-banner-dc1f0940.js +190 -0
  209. package/dist/mt-grant-permission-service-banner.css +1 -88
  210. package/dist/mt-help-text.css +1 -33
  211. package/dist/mt-highlight-text.css +1 -5
  212. package/dist/mt-icon.css +1 -3697
  213. package/dist/mt-inheritance-switch.css +1 -12
  214. package/dist/mt-inset.css +1 -7
  215. package/dist/mt-label.css +1 -71
  216. package/dist/mt-link.css +1 -38
  217. package/dist/mt-loader.css +1 -76
  218. package/dist/mt-modal-root.css +1 -20
  219. package/dist/mt-modal.css +1 -160
  220. package/dist/mt-number-field.css +1 -71
  221. package/dist/mt-pagination.css +1 -78
  222. package/dist/mt-password-field.css +1 -27
  223. package/dist/mt-popover-deprecated.css +1 -7
  224. package/dist/mt-popover-item-result.css +1 -135
  225. package/dist/mt-popover-item.css +1 -175
  226. package/dist/mt-popover.css +1 -99
  227. package/dist/mt-progress-bar.css +1 -26
  228. package/dist/mt-promo-badge.css +1 -4
  229. package/dist/mt-radio-group-indicator.css +1 -47
  230. package/dist/mt-radio-group-item.css +1 -25
  231. package/dist/mt-radio-group-list.css +1 -6
  232. package/dist/mt-radio-group-root.css +1 -33
  233. package/dist/mt-search.css +1 -61
  234. package/dist/mt-segmented-control.css +1 -146
  235. package/dist/mt-select-base.css +1 -121
  236. package/dist/mt-select-result-list.css +1 -120
  237. package/dist/mt-select-result.css +1 -114
  238. package/dist/mt-select-selection-list.css +1 -127
  239. package/dist/mt-skeleton-bar.css +1 -33
  240. package/dist/mt-slider.css +1 -152
  241. package/dist/mt-snackbar-notification.css +1 -63
  242. package/dist/mt-snackbar.css +1 -58
  243. package/dist/mt-status-dot.css +1 -58
  244. package/dist/mt-switch.css +1 -94
  245. package/dist/mt-tabs.css +1 -111
  246. package/dist/mt-text-editor-diff-modal.css +3 -696
  247. package/dist/mt-text-editor-toolbar-button-color.css +1 -19
  248. package/dist/mt-text-editor-toolbar-button-link.css +1 -6
  249. package/dist/mt-text-editor-toolbar-button-table.css +1 -6
  250. package/dist/mt-text-editor-toolbar-button.css +1 -26
  251. package/dist/mt-text-editor-toolbar.css +1 -36
  252. package/dist/mt-text-editor.css +1 -338
  253. package/dist/mt-text.css +1 -53
  254. package/dist/mt-textarea.css +1 -62
  255. package/dist/{mt-theme-select.vue_vue_type_script_setup_true_lang-42a2e3c8.js → mt-theme-select.vue_vue_type_script_setup_true_lang-b8126f05.js} +1 -0
  256. package/dist/{mt-theme-select.vue_vue_type_script_setup_true_lang-6ecf0bcb.mjs → mt-theme-select.vue_vue_type_script_setup_true_lang-f57bd5cc.mjs} +1 -0
  257. package/dist/mt-toast-notification.css +1 -161
  258. package/dist/mt-toast.css +1 -101
  259. package/dist/mt-tooltip.css +1 -47
  260. package/dist/mt-unit-field.css +1 -12
  261. package/dist/mt-unit-select-result.css +1 -34
  262. package/dist/mt-unit-select.css +1 -44
  263. package/dist/mt-url-field.css +1 -147
  264. package/dist/{repository-e7884115.mjs → repository-2316b912.mjs} +1 -1
  265. package/dist/{repository-9c56cf7b.js → repository-3d192939.js} +1 -1
  266. package/dist/{tooltip.directive-4ea0fee9.js → tooltip.directive-7b51326d.js} +23 -0
  267. package/dist/{tooltip.directive-f216b7fb.mjs → tooltip.directive-a5042569.mjs} +23 -0
  268. package/dist/{useRepository-6804d3b6.js → useRepository-86f5a789.js} +1 -1
  269. package/dist/{useRepository-28dfccf5.mjs → useRepository-f3e9ffc6.mjs} +1 -1
  270. package/package.json +5 -9
@@ -1,19 +1 @@
1
-
2
- .mt-text-editor-toolbar-button-color {
3
- &[data-v-0e33b0b7] {
4
- display: flex;
5
- justify-content: center;
6
- width: var(--scale-size-32);
7
- }
8
- [data-v-0e33b0b7] .mt-colorpicker__previewWrapper {
9
- width: var(--scale-size-14);
10
- height: var(--scale-size-14);
11
- }
12
- [data-v-0e33b0b7] .mt-block-field__block {
13
- min-height: unset;
14
- }
15
- [data-v-0e33b0b7] .mt-colorpicker--compact .mt-colorpicker__colorpicker-position {
16
- left: calc(-1 * (14px + 24px) / 2);
17
- top: calc(100% + var(--scale-size-14) + 4px);
18
- }
19
- }
1
+ .mt-text-editor-toolbar-button-color[data-v-0e33b0b7]{display:flex;justify-content:center;width:var(--scale-size-32)}.mt-text-editor-toolbar-button-color [data-v-0e33b0b7] .mt-colorpicker__previewWrapper{width:var(--scale-size-14);height:var(--scale-size-14)}.mt-text-editor-toolbar-button-color [data-v-0e33b0b7] .mt-block-field__block{min-height:unset}.mt-text-editor-toolbar-button-color [data-v-0e33b0b7] .mt-colorpicker--compact .mt-colorpicker__colorpicker-position{left:-19px;top:calc(100% + var(--scale-size-14) + 4px)}
@@ -1,6 +1 @@
1
-
2
- .mt-text-editor__link-modal-footer[data-v-c2f949a4] {
3
- display: flex;
4
- justify-content: flex-end;
5
- gap: var(--scale-size-8);
6
- }
1
+ .mt-text-editor__link-modal-footer[data-v-c2f949a4]{display:flex;justify-content:flex-end;gap:var(--scale-size-8)}
@@ -1,6 +1 @@
1
-
2
- .mt-text-editor__table-modal-footer[data-v-fac68e75] {
3
- display: flex;
4
- justify-content: flex-end;
5
- gap: var(--scale-size-8);
6
- }
1
+ .mt-text-editor__table-modal-footer[data-v-030299cb]{display:flex;justify-content:flex-end;gap:var(--scale-size-8)}
@@ -1,26 +1 @@
1
-
2
- .mt-text-editor-toolbar-button {
3
- &[data-v-7d7a4828] {
4
- display: flex;
5
- justify-content: center;
6
- align-items: center;
7
- width: var(--scale-size-32);
8
- height: 100%;
9
- }
10
- .mt-icon[data-v-7d7a4828] {
11
- transition: 0.1s all ease-in-out;
12
- color: var(--color-text-secondary-default);
13
- }
14
- &:hover .mt-icon[data-v-7d7a4828] {
15
- color: var(--color-interaction-primary-hover);
16
- }
17
- &.is-active .mt-icon[data-v-7d7a4828] {
18
- color: var(--color-interaction-primary-pressed);
19
- }
20
- &[data-v-7d7a4828]:disabled {
21
- cursor: not-allowed;
22
- }
23
- }
24
- .mt-text-editor-toolbar-button:disabled .mt-icon[data-v-7d7a4828] {
25
- color: var(--color-text-secondary-disabled);
26
- }
1
+ .mt-text-editor-toolbar-button[data-v-7d7a4828]{display:flex;justify-content:center;align-items:center;width:var(--scale-size-32);height:100%}.mt-text-editor-toolbar-button .mt-icon[data-v-7d7a4828]{transition:.1s all ease-in-out;color:var(--color-text-secondary-default)}.mt-text-editor-toolbar-button:hover .mt-icon[data-v-7d7a4828]{color:var(--color-interaction-primary-hover)}.mt-text-editor-toolbar-button.is-active .mt-icon[data-v-7d7a4828]{color:var(--color-interaction-primary-pressed)}.mt-text-editor-toolbar-button[data-v-7d7a4828]:disabled{cursor:not-allowed}.mt-text-editor-toolbar-button:disabled .mt-icon[data-v-7d7a4828]{color:var(--color-text-secondary-disabled)}
@@ -1,36 +1 @@
1
-
2
- .mt-text-editor-toolbar[data-v-2ecbc18b] {
3
- padding: 0 var(--scale-size-6);
4
- border-radius: var(--border-radius-xs) var(--border-radius-xs) 0 0;
5
- height: var(--scale-size-36);
6
- user-select: none;
7
- width: 100%;
8
- background: var(--color-background-tertiary-default);
9
- border-bottom: 1px solid var(--color-border-primary-default);
10
- color: var(--color-text-secondary-default);
11
- display: flex;
12
- }
13
- .mt-text-editor-toolbar__buttons-left[data-v-2ecbc18b],
14
- .mt-text-editor-toolbar__buttons-right[data-v-2ecbc18b] {
15
- display: flex;
16
- align-items: center;
17
- height: 100%;
18
- }
19
- .mt-text-editor-toolbar__buttons-right[data-v-2ecbc18b] {
20
- margin-left: auto;
21
- }
22
- .mt-text-editor-toolbar[data-v-2ecbc18b] .mt-floating-ui {
23
- height: inherit;
24
- }
25
- .mt-text-editor-toolbar[data-v-2ecbc18b] .mt-floating-ui__trigger {
26
- display: block;
27
- height: inherit;
28
- }
29
- .mt-text-editor--inline-edit .mt-text-editor-toolbar[data-v-2ecbc18b] {
30
- border: none;
31
- border-radius: var(--border-radius-xs);
32
- box-shadow:
33
- 0 1px 1px var(--color-elevation-shadow-default),
34
- 0 2px 1px var(--color-elevation-shadow-default),
35
- 0 1px 3px var(--color-elevation-shadow-default);
36
- }
1
+ .mt-text-editor-toolbar[data-v-2ecbc18b]{padding:0 var(--scale-size-6);border-radius:var(--border-radius-xs) var(--border-radius-xs) 0 0;height:var(--scale-size-36);-webkit-user-select:none;user-select:none;width:100%;background:var(--color-background-tertiary-default);border-bottom:1px solid var(--color-border-primary-default);color:var(--color-text-secondary-default);display:flex}.mt-text-editor-toolbar__buttons-left[data-v-2ecbc18b],.mt-text-editor-toolbar__buttons-right[data-v-2ecbc18b]{display:flex;align-items:center;height:100%}.mt-text-editor-toolbar__buttons-right[data-v-2ecbc18b]{margin-left:auto}.mt-text-editor-toolbar[data-v-2ecbc18b] .mt-floating-ui{height:inherit}.mt-text-editor-toolbar[data-v-2ecbc18b] .mt-floating-ui__trigger{display:block;height:inherit}.mt-text-editor--inline-edit .mt-text-editor-toolbar[data-v-2ecbc18b]{border:none;border-radius:var(--border-radius-xs);box-shadow:0 1px 1px var(--color-elevation-shadow-default),0 2px 1px var(--color-elevation-shadow-default),0 1px 3px var(--color-elevation-shadow-default)}
@@ -1,338 +1 @@
1
-
2
- .mt-text-editor[data-v-a9b78b16] {
3
- display: flex;
4
- flex-direction: column;
5
- }
6
- .mt-text-editor.is--fullscreen[data-v-a9b78b16] {
7
- position: fixed;
8
- inset: 0;
9
- z-index: 2000;
10
- background: var(--color-background-primary-default);
11
- padding: var(--scale-size-24);
12
- }
13
- .mt-text-editor.is--fullscreen .mt-text-editor__box[data-v-a9b78b16] {
14
- min-height: 0;
15
- height: 100%;
16
- display: flex;
17
- flex-direction: column;
18
- }
19
- .mt-text-editor.is--fullscreen .mt-text-editor__content[data-v-a9b78b16],
20
- .mt-text-editor.is--fullscreen .mt-text-editor__code-editor[data-v-a9b78b16] {
21
- min-height: 0;
22
- height: auto;
23
- flex: 1;
24
- }
25
- label[data-v-a9b78b16] {
26
- display: block;
27
- font-size: var(--font-size-xs);
28
- line-height: 1rem;
29
- color: var(--color-text-primary-default);
30
- margin-bottom: var(--scale-size-8);
31
- }
32
- .mt-text-editor__box[data-v-a9b78b16] {
33
- position: relative;
34
- border: 1px solid var(--color-border-primary-default);
35
- border-radius: var(--border-radius-xs);
36
- }
37
- .mt-text-editor:not(.mt-text-editor--inline-edit) .mt-text-editor__box[data-v-a9b78b16] {
38
- background: var(--color-background-primary-default);
39
- }
40
- .mt-text-editor__code-editor[data-v-a9b78b16] {
41
- background: var(--color-static-white);
42
- }
43
- .mt-text-editor__content[data-v-a9b78b16],
44
- .mt-text-editor__code-editor[data-v-a9b78b16] {
45
- height: 260px;
46
- overflow: auto;
47
- }
48
- .mt-text-editor__code-editor[data-v-a9b78b16] .cm-editor {
49
- height: inherit;
50
- }
51
- [data-v-a9b78b16] .mt-text-editor__content-editor {
52
- width: 100%;
53
- height: 100%;
54
- padding: var(--scale-size-16);
55
-
56
- /* List styles */
57
- ul,
58
- ol {
59
- & {
60
- padding: 0 var(--scale-size-16);
61
- margin: var(--scale-size-20) var(--scale-size-16) var(--scale-size-20) 0.4rem;
62
- }
63
- li p {
64
- margin-top: 0.25em;
65
- margin-bottom: 0.25em;
66
- }
67
- }
68
- ol {
69
- list-style: decimal;
70
- list-style-position: outside;
71
- }
72
- ul {
73
- list-style: disc;
74
- list-style-position: outside;
75
- }
76
-
77
- /* WYSIWYG styles */
78
- outline: 0 solid transparent;
79
- h1,
80
- h2,
81
- h3,
82
- h4,
83
- h5,
84
- h6 {
85
- font-weight: var(--font-weight-semibold);
86
- color: var(--color-text-primary-default);
87
- letter-spacing: 0;
88
- margin-bottom: 0;
89
- }
90
- h1 {
91
- font-size: 36px;
92
- line-height: var(--font-line-height-3xl);
93
- margin-top: var(--scale-size-36);
94
- }
95
- h2 {
96
- font-size: var(--font-size-3xl);
97
- line-height: var(--font-line-height-2xl);
98
- margin-top: var(--scale-size-30);
99
- }
100
- h3 {
101
- font-size: var(--font-size-xl);
102
- line-height: var(--font-line-height-xl);
103
- margin-top: var(--scale-size-28);
104
- }
105
- h4 {
106
- font-size: var(--font-size-l);
107
- line-height: var(--font-line-height-l);
108
- margin-top: var(--scale-size-24);
109
- }
110
- h5 {
111
- font-size: var(--font-size-s);
112
- line-height: var(--font-line-height-m);
113
- margin-top: var(--scale-size-22);
114
- }
115
- h6 {
116
- font-size: var(--font-size-xs);
117
- line-height: var(--font-line-height-s);
118
- margin-top: var(--scale-size-22);
119
- }
120
- p,
121
- div {
122
- font-weight: normal;
123
- font-size: var(--font-size-s);
124
- line-height: var(--font-line-height-m);
125
- color: var(--color-text-primary-default);
126
- letter-spacing: 0;
127
- margin-top: var(--scale-size-16);
128
- }
129
- a[href] {
130
- color: var(--color-text-brand-default);
131
- text-decoration: underline;
132
- cursor: pointer;
133
- word-break: break-word;
134
- }
135
- blockquote {
136
- font-size: var(--font-size-s);
137
- font-style: italic;
138
- line-height: var(--font-line-height-m);
139
- color: var(--color-text-primary-default);
140
- margin-left: var(--scale-size-20);
141
- position: relative;
142
- margin-top: var(--scale-size-16);
143
- }
144
- blockquote::before {
145
- content: '"';
146
- font-size: 40px;
147
- line-height: 16px;
148
- color: var(--color-text-secondary-default);
149
- position: absolute;
150
- top: var(--scale-size-10);
151
- left: -24px;
152
- }
153
- ul,
154
- ol {
155
- & {
156
- margin-left: var(--scale-size-20);
157
- margin-top: var(--scale-size-16);
158
- }
159
- li {
160
- font-weight: normal;
161
- font-size: var(--font-size-s);
162
- line-height: var(--font-line-height-m);
163
- color: var(--color-text-primary-default);
164
- margin-bottom: var(--scale-size-4);
165
- }
166
- li:last-child {
167
- margin-bottom: 0;
168
- }
169
- }
170
- hr {
171
- max-width: 160px;
172
- margin-left: auto;
173
- margin-right: auto;
174
- margin-top: var(--scale-size-16);
175
- border: 2px solid var(--color-border-secondary-default);
176
- }
177
- > *:first-child {
178
- margin-top: 0;
179
- }
180
-
181
- /* Table-specific styling */
182
- table {
183
- border-collapse: collapse;
184
- margin: 0;
185
- overflow: hidden;
186
- table-layout: fixed;
187
- width: 100%;
188
- }
189
- table td,
190
- table th {
191
- & {
192
- border: 1px solid var(--color-border-primary-default);
193
- box-sizing: border-box;
194
- min-width: 1em;
195
- padding: var(--scale-size-6) var(--scale-size-8);
196
- position: relative;
197
- vertical-align: top;
198
- }
199
- > * {
200
- margin-bottom: 0;
201
- }
202
- }
203
- table th {
204
- background-color: var(--color-background-tertiary-default);
205
- font-weight: bold;
206
- text-align: left;
207
- }
208
- table p {
209
- margin: 0;
210
- }
211
- table .selectedCell::after {
212
- background: color-mix(in srgb, var(--color-interaction-primary-default) 12%, transparent);
213
- content: "";
214
- left: 0;
215
- right: 0;
216
- top: 0;
217
- bottom: 0;
218
- pointer-events: none;
219
- position: absolute;
220
- z-index: 2;
221
- }
222
- table .column-resize-handle {
223
- background-color: var(--color-interaction-primary-default);
224
- pointer-events: none;
225
- position: absolute;
226
- right: -2px;
227
- top: calc(-1 * var(--font-line-height-m) / 2);
228
- bottom: calc(-1 * var(--font-line-height-m) / 2);
229
- width: var(--scale-size-4);
230
- z-index: 10;
231
- }
232
- .tableWrapper {
233
- margin: var(--scale-size-24) 0;
234
- overflow-x: auto;
235
- }
236
- &.resize-cursor {
237
- cursor: ew-resize;
238
- cursor: col-resize;
239
- }
240
- }
241
- .mt-text-editor__footer[data-v-a9b78b16] {
242
- display: flex;
243
- align-items: center;
244
- justify-content: space-between;
245
- padding: 0 var(--scale-size-6);
246
- height: var(--scale-size-36);
247
- background-color: var(--color-background-tertiary-default);
248
- border-top: 1px solid var(--color-border-primary-default);
249
- border-radius: 0 0 var(--border-radius-xs) var(--border-radius-xs);
250
- transition: transform 0.2s ease-in-out;
251
- color: var(--color-text-secondary-default);
252
- }
253
- .mt-text-editor__footer-left[data-v-a9b78b16] {
254
- display: flex;
255
- align-items: center;
256
- }
257
- .mt-text-editor__footer-right[data-v-a9b78b16] {
258
- display: flex;
259
- align-items: center;
260
- }
261
- .mt-text-editor--inline-edit {
262
- .mt-text-editor__content[data-v-a9b78b16] {
263
- height: auto;
264
- }
265
- .mt-text-editor__box[data-v-a9b78b16] {
266
- border: none;
267
- }
268
- .mt-text-editor__footer[data-v-a9b78b16] {
269
- transform: scale(1, 0);
270
- transform-origin: bottom;
271
- position: fixed;
272
- bottom: 0;
273
- left: 0;
274
- width: 100%;
275
- z-index: 9999;
276
- pointer-events: none;
277
- }
278
- }
279
- .mt-text-editor--inline-edit:focus-within .mt-text-editor__footer[data-v-a9b78b16] {
280
- pointer-events: all;
281
- transform: scale(1, 1);
282
- }
283
- .mt-text-editor--disabled .mt-text-editor__content[data-v-a9b78b16] {
284
- background-color: var(--color-background-tertiary-default);
285
- }
286
- [data-v-a9b78b16] .mt-text-editor__content-editor p.is-editor-empty:first-child::before {
287
- color: var(--color-text-secondary-default);
288
- content: attr(data-placeholder);
289
- float: left;
290
- height: 0;
291
- pointer-events: none;
292
- }
293
- .mt-text-editor--error .mt-text-editor__box[data-v-a9b78b16] {
294
- border-color: var(--color-icon-critical-default);
295
- }
296
- .mt-text-editor--error .mt-text-editor__content[data-v-a9b78b16] {
297
- background-color: var(--color-background-critical-default);
298
- }
299
- .mt-text-editor--error label[data-v-a9b78b16] {
300
- color: var(--color-text-critical-default);
301
- }
302
-
303
- /* Gate overlay */
304
- .mt-text-editor__gate[data-v-a9b78b16] {
305
- position: absolute;
306
- top: 0;
307
- left: 0;
308
- width: 100%;
309
- height: 100%;
310
- z-index: 3;
311
- }
312
- .mt-text-editor__gate[data-v-a9b78b16]::before {
313
- content: "";
314
- position: absolute;
315
- inset: 0;
316
- background: var(--color-elevation-backdrop-default);
317
- z-index: 2;
318
- border-radius: var(--border-radius-2xs);
319
- backdrop-filter: blur(6px);
320
- }
321
- .mt-text-editor__gate-content[data-v-a9b78b16] {
322
- position: absolute;
323
- inset: 0;
324
- display: flex;
325
- flex-direction: column;
326
- align-items: center;
327
- justify-content: center;
328
- padding: var(--scale-size-24);
329
- text-align: center;
330
- z-index: 3;
331
- }
332
- .mt-text-editor__gate-text[data-v-a9b78b16] {
333
- margin: 0 0 var(--scale-size-16);
334
- }
335
- .mt-text-editor__gate-actions[data-v-a9b78b16] {
336
- display: flex;
337
- gap: var(--scale-size-8);
338
- }
1
+ .mt-text-editor[data-v-030ea4b7]{display:flex;flex-direction:column}.mt-text-editor.is--fullscreen[data-v-030ea4b7]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;background:var(--color-background-primary-default);padding:var(--scale-size-24)}.mt-text-editor.is--fullscreen .mt-text-editor__box[data-v-030ea4b7]{min-height:0;height:100%;display:flex;flex-direction:column}.mt-text-editor.is--fullscreen .mt-text-editor__content[data-v-030ea4b7],.mt-text-editor.is--fullscreen .mt-text-editor__code-editor[data-v-030ea4b7]{min-height:0;height:auto;flex:1}label[data-v-030ea4b7]{display:block;font-size:var(--font-size-xs);line-height:1rem;color:var(--color-text-primary-default);margin-bottom:var(--scale-size-8)}.mt-text-editor__box[data-v-030ea4b7]{position:relative;border:1px solid var(--color-border-primary-default);border-radius:var(--border-radius-xs)}.mt-text-editor:not(.mt-text-editor--inline-edit) .mt-text-editor__box[data-v-030ea4b7]{background:var(--color-background-primary-default)}.mt-text-editor__code-editor[data-v-030ea4b7]{background:var(--color-static-white)}.mt-text-editor__content[data-v-030ea4b7],.mt-text-editor__code-editor[data-v-030ea4b7]{height:260px;overflow:auto}.mt-text-editor__code-editor[data-v-030ea4b7] .cm-editor{height:inherit}[data-v-030ea4b7] .mt-text-editor__content-editor{width:100%;height:100%;padding:var(--scale-size-16);outline:0 solid transparent}[data-v-030ea4b7] .mt-text-editor__content-editor ul,[data-v-030ea4b7] .mt-text-editor__content-editor ol{padding:0 var(--scale-size-16);margin:var(--scale-size-20) var(--scale-size-16) var(--scale-size-20) .4rem}[data-v-030ea4b7] .mt-text-editor__content-editor ul li p,[data-v-030ea4b7] .mt-text-editor__content-editor ol li p{margin-top:.25em;margin-bottom:.25em}[data-v-030ea4b7] .mt-text-editor__content-editor ol{list-style:decimal;list-style-position:outside}[data-v-030ea4b7] .mt-text-editor__content-editor ul{list-style:disc;list-style-position:outside}[data-v-030ea4b7] .mt-text-editor__content-editor h1,[data-v-030ea4b7] .mt-text-editor__content-editor h2,[data-v-030ea4b7] .mt-text-editor__content-editor h3,[data-v-030ea4b7] .mt-text-editor__content-editor h4,[data-v-030ea4b7] .mt-text-editor__content-editor h5,[data-v-030ea4b7] .mt-text-editor__content-editor h6{font-weight:var(--font-weight-semibold);color:var(--color-text-primary-default);letter-spacing:0;margin-bottom:0}[data-v-030ea4b7] .mt-text-editor__content-editor h1{font-size:36px;line-height:var(--font-line-height-3xl);margin-top:var(--scale-size-36)}[data-v-030ea4b7] .mt-text-editor__content-editor h2{font-size:var(--font-size-3xl);line-height:var(--font-line-height-2xl);margin-top:var(--scale-size-30)}[data-v-030ea4b7] .mt-text-editor__content-editor h3{font-size:var(--font-size-xl);line-height:var(--font-line-height-xl);margin-top:var(--scale-size-28)}[data-v-030ea4b7] .mt-text-editor__content-editor h4{font-size:var(--font-size-l);line-height:var(--font-line-height-l);margin-top:var(--scale-size-24)}[data-v-030ea4b7] .mt-text-editor__content-editor h5{font-size:var(--font-size-s);line-height:var(--font-line-height-m);margin-top:var(--scale-size-22)}[data-v-030ea4b7] .mt-text-editor__content-editor h6{font-size:var(--font-size-xs);line-height:var(--font-line-height-s);margin-top:var(--scale-size-22)}[data-v-030ea4b7] .mt-text-editor__content-editor p,[data-v-030ea4b7] .mt-text-editor__content-editor div{font-weight:400;font-size:var(--font-size-s);line-height:var(--font-line-height-m);color:var(--color-text-primary-default);letter-spacing:0;margin-top:var(--scale-size-16)}[data-v-030ea4b7] .mt-text-editor__content-editor a[href]{color:var(--color-text-brand-default);text-decoration:underline;cursor:pointer;word-break:break-word}[data-v-030ea4b7] .mt-text-editor__content-editor blockquote{font-size:var(--font-size-s);font-style:italic;line-height:var(--font-line-height-m);color:var(--color-text-primary-default);margin-left:var(--scale-size-20);position:relative;margin-top:var(--scale-size-16)}[data-v-030ea4b7] .mt-text-editor__content-editor blockquote:before{content:'"';font-size:40px;line-height:16px;color:var(--color-text-secondary-default);position:absolute;top:var(--scale-size-10);left:-24px}[data-v-030ea4b7] .mt-text-editor__content-editor ul,[data-v-030ea4b7] .mt-text-editor__content-editor ol{margin-left:var(--scale-size-20);margin-top:var(--scale-size-16)}[data-v-030ea4b7] .mt-text-editor__content-editor ul li,[data-v-030ea4b7] .mt-text-editor__content-editor ol li{font-weight:400;font-size:var(--font-size-s);line-height:var(--font-line-height-m);color:var(--color-text-primary-default);margin-bottom:var(--scale-size-4)}[data-v-030ea4b7] .mt-text-editor__content-editor ul li:last-child,[data-v-030ea4b7] .mt-text-editor__content-editor ol li:last-child{margin-bottom:0}[data-v-030ea4b7] .mt-text-editor__content-editor hr{max-width:160px;margin-left:auto;margin-right:auto;margin-top:var(--scale-size-16);border:2px solid var(--color-border-secondary-default)}[data-v-030ea4b7] .mt-text-editor__content-editor>*:first-child{margin-top:0}[data-v-030ea4b7] .mt-text-editor__content-editor table{border-collapse:collapse;margin:0;overflow:hidden;table-layout:fixed;width:100%}[data-v-030ea4b7] .mt-text-editor__content-editor table td,[data-v-030ea4b7] .mt-text-editor__content-editor table th{border:1px solid var(--color-border-primary-default);box-sizing:border-box;min-width:1em;padding:var(--scale-size-6) var(--scale-size-8);position:relative;vertical-align:top}[data-v-030ea4b7] .mt-text-editor__content-editor table td>*,[data-v-030ea4b7] .mt-text-editor__content-editor table th>*{margin-bottom:0}[data-v-030ea4b7] .mt-text-editor__content-editor table th{background-color:var(--color-background-tertiary-default);font-weight:700;text-align:left}[data-v-030ea4b7] .mt-text-editor__content-editor table p{margin:0}[data-v-030ea4b7] .mt-text-editor__content-editor table .selectedCell:after{background:color-mix(in srgb,var(--color-interaction-primary-default) 12%,transparent);content:"";left:0;right:0;top:0;bottom:0;pointer-events:none;position:absolute;z-index:2}[data-v-030ea4b7] .mt-text-editor__content-editor table .column-resize-handle{background-color:var(--color-interaction-primary-default);pointer-events:none;position:absolute;right:-2px;top:calc(-1 * var(--font-line-height-m) / 2);bottom:calc(-1 * var(--font-line-height-m) / 2);width:var(--scale-size-4);z-index:10}[data-v-030ea4b7] .mt-text-editor__content-editor .tableWrapper{margin:var(--scale-size-24) 0;overflow-x:auto}[data-v-030ea4b7] .mt-text-editor__content-editor.resize-cursor{cursor:ew-resize;cursor:col-resize}.mt-text-editor__footer[data-v-030ea4b7]{display:flex;align-items:center;justify-content:space-between;padding:0 var(--scale-size-6);height:var(--scale-size-36);background-color:var(--color-background-tertiary-default);border-top:1px solid var(--color-border-primary-default);border-radius:0 0 var(--border-radius-xs) var(--border-radius-xs);transition:transform .2s ease-in-out;color:var(--color-text-secondary-default)}.mt-text-editor__footer-left[data-v-030ea4b7],.mt-text-editor__footer-right[data-v-030ea4b7]{display:flex;align-items:center}.mt-text-editor--inline-edit .mt-text-editor__content[data-v-030ea4b7]{height:auto}.mt-text-editor--inline-edit .mt-text-editor__box[data-v-030ea4b7]{border:none}.mt-text-editor--inline-edit .mt-text-editor__footer[data-v-030ea4b7]{transform:scaleY(0);transform-origin:bottom;position:fixed;bottom:0;left:0;width:100%;z-index:9999;pointer-events:none}.mt-text-editor--inline-edit:focus-within .mt-text-editor__footer[data-v-030ea4b7]{pointer-events:all;transform:scale(1)}.mt-text-editor--disabled .mt-text-editor__content[data-v-030ea4b7]{background-color:var(--color-background-tertiary-default)}[data-v-030ea4b7] .mt-text-editor__content-editor p.is-editor-empty:first-child:before{color:var(--color-text-secondary-default);content:attr(data-placeholder);float:left;height:0;pointer-events:none}.mt-text-editor--error .mt-text-editor__box[data-v-030ea4b7]{border-color:var(--color-icon-critical-default)}.mt-text-editor--error .mt-text-editor__content[data-v-030ea4b7]{background-color:var(--color-background-critical-default)}.mt-text-editor--error label[data-v-030ea4b7]{color:var(--color-text-critical-default)}.mt-text-editor__gate[data-v-030ea4b7]{position:absolute;top:0;left:0;width:100%;height:100%;z-index:3}.mt-text-editor__gate[data-v-030ea4b7]:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--color-elevation-backdrop-default);z-index:2;border-radius:var(--border-radius-2xs);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.mt-text-editor__gate-content[data-v-030ea4b7]{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--scale-size-24);text-align:center;z-index:3}.mt-text-editor__gate-text[data-v-030ea4b7]{margin:0 0 var(--scale-size-16)}.mt-text-editor__gate-actions[data-v-030ea4b7]{display:flex;gap:var(--scale-size-8)}
package/dist/mt-text.css CHANGED
@@ -1,53 +1 @@
1
-
2
- .mt-text--weight-bold[data-v-cf515a55] {
3
- font-weight: var(--font-weight-bold);
4
- }
5
- .mt-text--weight-semibold[data-v-cf515a55] {
6
- font-weight: var(--font-weight-semibold);
7
- }
8
- .mt-text--weight-medium[data-v-cf515a55] {
9
- font-weight: var(--font-weight-medium);
10
- }
11
- .mt-text--weight-regular[data-v-cf515a55] {
12
- font-weight: var(--font-weight-regular);
13
- }
14
- .mt-text--size-2xs[data-v-cf515a55] {
15
- font-family: var(--font-family-body);
16
- font-size: var(--font-size-2xs);
17
- line-height: var(--font-line-height-2xs);
18
- }
19
- .mt-text--size-xs[data-v-cf515a55] {
20
- font-family: var(--font-family-body);
21
- font-size: var(--font-size-xs);
22
- line-height: var(--font-line-height-xs);
23
- }
24
- .mt-text--size-s[data-v-cf515a55] {
25
- font-family: var(--font-family-body);
26
- font-size: var(--font-size-s);
27
- line-height: var(--font-line-height-s);
28
- }
29
- .mt-text--size-m[data-v-cf515a55] {
30
- font-family: var(--font-family-body);
31
- font-size: var(--font-size-m);
32
- line-height: var(--font-line-height-m);
33
- }
34
- .mt-text--size-l[data-v-cf515a55] {
35
- font-family: var(--font-family-body);
36
- font-size: var(--font-size-l);
37
- line-height: var(--font-line-height-l);
38
- }
39
- .mt-text--size-xl[data-v-cf515a55] {
40
- font-family: var(--font-family-headings);
41
- font-size: var(--font-size-xl);
42
- line-height: var(--font-line-height-xl);
43
- }
44
- .mt-text--size-2xl[data-v-cf515a55] {
45
- font-family: var(--font-family-headings);
46
- font-size: var(--font-size-2xl);
47
- line-height: var(--font-line-height-2xl);
48
- }
49
- .mt-text--size-3xl[data-v-cf515a55] {
50
- font-family: var(--font-family-headings);
51
- font-size: var(--font-size-3xl);
52
- line-height: var(--font-line-height-3xl);
53
- }
1
+ .mt-text--weight-bold[data-v-cf515a55]{font-weight:var(--font-weight-bold)}.mt-text--weight-semibold[data-v-cf515a55]{font-weight:var(--font-weight-semibold)}.mt-text--weight-medium[data-v-cf515a55]{font-weight:var(--font-weight-medium)}.mt-text--weight-regular[data-v-cf515a55]{font-weight:var(--font-weight-regular)}.mt-text--size-2xs[data-v-cf515a55]{font-family:var(--font-family-body);font-size:var(--font-size-2xs);line-height:var(--font-line-height-2xs)}.mt-text--size-xs[data-v-cf515a55]{font-family:var(--font-family-body);font-size:var(--font-size-xs);line-height:var(--font-line-height-xs)}.mt-text--size-s[data-v-cf515a55]{font-family:var(--font-family-body);font-size:var(--font-size-s);line-height:var(--font-line-height-s)}.mt-text--size-m[data-v-cf515a55]{font-family:var(--font-family-body);font-size:var(--font-size-m);line-height:var(--font-line-height-m)}.mt-text--size-l[data-v-cf515a55]{font-family:var(--font-family-body);font-size:var(--font-size-l);line-height:var(--font-line-height-l)}.mt-text--size-xl[data-v-cf515a55]{font-family:var(--font-family-headings);font-size:var(--font-size-xl);line-height:var(--font-line-height-xl)}.mt-text--size-2xl[data-v-cf515a55]{font-family:var(--font-family-headings);font-size:var(--font-size-2xl);line-height:var(--font-line-height-2xl)}.mt-text--size-3xl[data-v-cf515a55]{font-family:var(--font-family-headings);font-size:var(--font-size-3xl);line-height:var(--font-line-height-3xl)}
@@ -1,62 +1 @@
1
-
2
- .mt-textarea[data-v-d0ef36f5] {
3
- display: grid;
4
- grid-template-areas:
5
- "label help-text"
6
- "textarea textarea"
7
- "error error"
8
- "hint max-length";
9
- grid-template-columns: auto auto;
10
- justify-content: space-between;
11
- }
12
- .mt-textarea__textarea {
13
- &[data-v-d0ef36f5] {
14
- resize: vertical;
15
- width: 100%;
16
- border: 1px solid var(--color-border-primary-default);
17
- line-height: var(--font-line-height-xs);
18
- font-family: var(--font-family-body);
19
- font-size: var(--font-size-xs);
20
- color: var(--color-text-primary-default);
21
- min-height: 125px;
22
- max-height: 300px;
23
- border-radius: var(--border-radius-xs);
24
- padding: var(--scale-size-12) var(--scale-size-16);
25
- grid-area: textarea;
26
- background-color: var(--color-background-primary-default);
27
- outline: none;
28
- }
29
- &[data-v-d0ef36f5]:focus-visible:not(.mt-textarea__textarea--error) {
30
- outline: var(--scale-size-2) solid var(--color-border-brand-default);
31
- outline-offset: var(--scale-size-2);
32
- }
33
- &[data-v-d0ef36f5]::placeholder {
34
- color: var(--color-text-secondary-default);
35
- }
36
- &[data-v-d0ef36f5]:disabled {
37
- color: var(--color-text-primary-disabled);
38
- background-color: var(--color-background-tertiary-default);
39
- cursor: not-allowed;
40
- }
41
- }
42
- .mt-textarea__textarea--error[data-v-d0ef36f5] {
43
- border-color: var(--color-border-critical-default);
44
- background-color: var(--color-background-critical-default);
45
- }
46
- .mt-textarea__hint[data-v-d0ef36f5] {
47
- grid-area: hint;
48
- font-family: var(--font-family-body);
49
- font-size: var(--font-size-xs);
50
- line-height: var(--font-line-height-xs);
51
- color: var(--color-text-secondary-default);
52
- margin-top: var(--scale-size-4);
53
- }
54
- .mt-textarea__max-length[data-v-d0ef36f5] {
55
- grid-area: max-length;
56
- justify-self: end;
57
- font-family: var(--font-family-body);
58
- font-size: var(--font-size-xs);
59
- line-height: var(--font-line-height-xs);
60
- color: var(--color-text-secondary-default);
61
- margin-top: var(--scale-size-4);
62
- }
1
+ .mt-textarea[data-v-2c5dc288]{display:grid;grid-template-areas:"label help-text" "textarea textarea" "error error" "hint max-length";grid-template-columns:auto auto;justify-content:space-between}.mt-textarea__textarea[data-v-2c5dc288]{resize:vertical;width:100%;border:1px solid var(--color-border-primary-default);line-height:var(--font-line-height-xs);font-family:var(--font-family-body);font-size:var(--font-size-xs);color:var(--color-text-primary-default);min-height:125px;max-height:300px;border-radius:var(--border-radius-xs);padding:var(--scale-size-12) var(--scale-size-16);grid-area:textarea;background-color:var(--color-background-primary-default);outline:none}.mt-textarea__textarea[data-v-2c5dc288]:focus-visible:not(.mt-textarea__textarea--error){outline:var(--scale-size-2) solid var(--color-border-brand-default);outline-offset:var(--scale-size-2)}.mt-textarea__textarea[data-v-2c5dc288]::placeholder{color:var(--color-text-secondary-default)}.mt-textarea__textarea[data-v-2c5dc288]:disabled{color:var(--color-text-primary-disabled);background-color:var(--color-background-tertiary-default);cursor:not-allowed}.mt-textarea__textarea--error[data-v-2c5dc288]{border-color:var(--color-border-critical-default);background-color:var(--color-background-critical-default)}.mt-textarea__hint[data-v-2c5dc288]{grid-area:hint;font-family:var(--font-family-body);font-size:var(--font-size-xs);line-height:var(--font-line-height-xs);color:var(--color-text-secondary-default);margin-top:var(--scale-size-4)}.mt-textarea__max-length[data-v-2c5dc288]{grid-area:max-length;justify-self:end;font-family:var(--font-family-body);font-size:var(--font-size-xs);line-height:var(--font-line-height-xs);color:var(--color-text-secondary-default);margin-top:var(--scale-size-4)}
@@ -48,6 +48,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
48
48
  options: options.value,
49
49
  label: _ctx.label,
50
50
  disabled: _ctx.disabled,
51
+ "enable-search": false,
51
52
  "hide-clearable-button": "",
52
53
  "onUpdate:modelValue": onSelect
53
54
  }, null, 8, ["model-value", "options", "label", "disabled"]);
@@ -47,6 +47,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
47
47
  options: options.value,
48
48
  label: _ctx.label,
49
49
  disabled: _ctx.disabled,
50
+ "enable-search": false,
50
51
  "hide-clearable-button": "",
51
52
  "onUpdate:modelValue": onSelect
52
53
  }, null, 8, ["model-value", "options", "label", "disabled"]);