@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,161 +1 @@
1
-
2
- .mt-toast-notification {
3
- &[data-v-00afabd5] {
4
- position: absolute;
5
- bottom: 0;
6
- border-radius: 4px;
7
- margin-bottom: 17px;
8
- display: flex;
9
- flex-direction: column;
10
- height: var(--scale-size-56);
11
- box-shadow:
12
- 0px 1px 3px 0px rgba(0, 0, 0, 0.1),
13
- 0px 2px 1px 0px rgba(0, 0, 0, 0.06),
14
- 0px 1px 1px 0px rgba(0, 0, 0, 0.08);
15
- outline: none;
16
- }
17
- &:hover {
18
- .mt-toast-notification__timer-loader[data-v-00afabd5] {
19
- animation-play-state: paused;
20
- }
21
- }
22
- &[data-v-00afabd5]:focus-visible {
23
- outline: 2px solid var(--color-border-brand-default);
24
- border: 2px solid #fff;
25
- }
26
- }
27
- .mt-toast-notification__content {
28
- &[data-v-00afabd5] {
29
- height: 100%;
30
- display: flex;
31
- align-items: center;
32
- }
33
- &.mt-icon > svg[data-v-00afabd5] {
34
- fill: black;
35
- width: var(--scale-size-20) !important;
36
- height: var(--scale-size-20) !important;
37
- }
38
- }
39
- .mt-toast-notification__content-left[data-v-00afabd5] {
40
- display: flex;
41
- flex: 1;
42
- justify-content: flex-start;
43
- margin-left: var(--scale-size-16);
44
- align-items: center;
45
- }
46
- .mt-toast-notification__content-right[data-v-00afabd5] {
47
- display: flex;
48
- justify-content: flex-end;
49
- margin-right: var(--scale-size-16);
50
- align-items: center;
51
- }
52
- .mt-toast-notification__timer[data-v-00afabd5] {
53
- height: 3px;
54
- width: 100%;
55
- border-radius: 0 0 4px 4px;
56
- background-color: #fff;
57
- }
58
- .mt-toast-notification__timer-loader[data-v-00afabd5] {
59
- top: 0;
60
- left: 100%;
61
- width: 100%;
62
- height: 100%;
63
- background-color: #fff;
64
- transform-origin: 0% 0%;
65
- animation: shrink-00afabd5 10s forwards linear 0.5s;
66
- }
67
- @keyframes shrink-00afabd5 {
68
- from {
69
- transform: scaleX(1);
70
- }
71
- to {
72
- transform: scaleX(0);
73
- }
74
- }
75
- .mt-toast-notification__message[data-v-00afabd5] {
76
- max-width: 200px;
77
- text-overflow: ellipsis;
78
- overflow: hidden;
79
- white-space: nowrap;
80
- }
81
- .mt-toast-notification__message-space[data-v-00afabd5] {
82
- padding-left: var(--scale-size-8);
83
- }
84
- .mt-toast-notification__content {
85
- &[data-v-00afabd5] {
86
- height: 100%;
87
- display: flex;
88
- align-items: center;
89
- }
90
- &.mt-icon > svg[data-v-00afabd5] {
91
- fill: #000;
92
- width: var(--scale-size-20) !important;
93
- height: var(--scale-size-20) !important;
94
- }
95
- }
96
- .mt-toast-notification__content-left[data-v-00afabd5] {
97
- display: flex;
98
- flex: 1;
99
- justify-content: flex-start;
100
- margin-left: var(--scale-size-16);
101
- align-items: center;
102
- }
103
- .mt-toast-notification__content-right[data-v-00afabd5] {
104
- display: flex;
105
- justify-content: flex-end;
106
- margin-right: var(--scale-size-16);
107
- align-items: center;
108
- }
109
- .mt-toast-notification--positive {
110
- &[data-v-00afabd5] {
111
- border: 1px solid #37d046;
112
- background-color: #37d046;
113
- }
114
- & .mt-toast-notification__close-action[data-v-00afabd5] {
115
- border-left: 1px solid #16b320;
116
- }
117
- & .mt-toast-notification__timer[data-v-00afabd5] {
118
- background-color: #16b320;
119
- }
120
- }
121
- .mt-toast-notification__close-action {
122
- &[data-v-00afabd5] {
123
- margin-left: auto;
124
- height: 100%;
125
- display: flex;
126
- padding: var(--scale-size-12);
127
- justify-content: flex-end;
128
- align-items: center;
129
- cursor: pointer;
130
- color: #fff;
131
- transition: color 0.2s ease;
132
- }
133
- &[data-v-00afabd5]:hover {
134
- color: #e0e6eb;
135
- box-shadow: 0 0 4px 0 rgba(24, 158, 255, 0.3);
136
- }
137
- }
138
- .mt-toast-notification--critical {
139
- &[data-v-00afabd5] {
140
- border: 1px solid #de294c;
141
- background-color: #de294c;
142
- }
143
- & .mt-toast-notification__close-action[data-v-00afabd5] {
144
- border-left: 1px solid #c80f24;
145
- }
146
- & .mt-toast-notification__timer[data-v-00afabd5] {
147
- background-color: #c80f24;
148
- }
149
- }
150
- .mt-toast-notification--informal {
151
- &[data-v-00afabd5] {
152
- border: 1px solid #1f262e;
153
- background-color: #1f262e;
154
- }
155
- & .mt-toast-notification__close-action[data-v-00afabd5] {
156
- border-left: 1px solid #0a0d0f;
157
- }
158
- & .mt-toast-notification__timer[data-v-00afabd5] {
159
- background-color: #0a0d0f;
160
- }
161
- }
1
+ .mt-toast-notification[data-v-00afabd5]{position:absolute;bottom:0;border-radius:4px;margin-bottom:17px;display:flex;flex-direction:column;height:var(--scale-size-56);box-shadow:0 1px 3px #0000001a,0 2px 1px #0000000f,0 1px 1px #00000014;outline:none}.mt-toast-notification:hover .mt-toast-notification__timer-loader[data-v-00afabd5]{animation-play-state:paused}.mt-toast-notification[data-v-00afabd5]:focus-visible{outline:2px solid var(--color-border-brand-default);border:2px solid #fff}.mt-toast-notification__timer[data-v-00afabd5]{height:3px;width:100%;border-radius:0 0 4px 4px;background-color:#fff}.mt-toast-notification__timer-loader[data-v-00afabd5]{top:0;left:100%;width:100%;height:100%;background-color:#fff;transform-origin:0% 0%;animation:shrink-00afabd5 10s forwards linear .5s}@keyframes shrink-00afabd5{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.mt-toast-notification__message[data-v-00afabd5]{max-width:200px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.mt-toast-notification__message-space[data-v-00afabd5]{padding-left:var(--scale-size-8)}.mt-toast-notification__content[data-v-00afabd5]{height:100%;display:flex;align-items:center}.mt-toast-notification__content.mt-icon>svg[data-v-00afabd5]{fill:#000;width:var(--scale-size-20)!important;height:var(--scale-size-20)!important}.mt-toast-notification__content-left[data-v-00afabd5]{display:flex;flex:1;justify-content:flex-start;margin-left:var(--scale-size-16);align-items:center}.mt-toast-notification__content-right[data-v-00afabd5]{display:flex;justify-content:flex-end;margin-right:var(--scale-size-16);align-items:center}.mt-toast-notification--positive[data-v-00afabd5]{border:1px solid #37d046;background-color:#37d046}.mt-toast-notification--positive .mt-toast-notification__close-action[data-v-00afabd5]{border-left:1px solid #16b320}.mt-toast-notification--positive .mt-toast-notification__timer[data-v-00afabd5]{background-color:#16b320}.mt-toast-notification__close-action[data-v-00afabd5]{margin-left:auto;height:100%;display:flex;padding:var(--scale-size-12);justify-content:flex-end;align-items:center;cursor:pointer;color:#fff;transition:color .2s ease}.mt-toast-notification__close-action[data-v-00afabd5]:hover{color:#e0e6eb;box-shadow:0 0 4px #189eff4d}.mt-toast-notification--critical[data-v-00afabd5]{border:1px solid #de294c;background-color:#de294c}.mt-toast-notification--critical .mt-toast-notification__close-action[data-v-00afabd5]{border-left:1px solid #c80f24}.mt-toast-notification--critical .mt-toast-notification__timer[data-v-00afabd5]{background-color:#c80f24}.mt-toast-notification--informal[data-v-00afabd5]{border:1px solid #1f262e;background-color:#1f262e}.mt-toast-notification--informal .mt-toast-notification__close-action[data-v-00afabd5]{border-left:1px solid #0a0d0f}.mt-toast-notification--informal .mt-toast-notification__timer[data-v-00afabd5]{background-color:#0a0d0f}
package/dist/mt-toast.css CHANGED
@@ -1,101 +1 @@
1
-
2
- .mt-toast[data-v-4cd1c998] {
3
- display: flex;
4
- position: fixed;
5
- justify-content: center;
6
- bottom: 0;
7
- left: 0;
8
- width: 100%;
9
- text-align: center;
10
- }
11
- .mt-toast--bottom-left[data-v-4cd1c998] {
12
- flex: 1;
13
- }
14
- .mt-toast--bottom-center[data-v-4cd1c998] {
15
- flex: 1;
16
- display: flex;
17
- justify-content: center;
18
- }
19
- .mt-toast--bottom-center .mt-toast-notification[data-v-4cd1c998] {
20
- display: flex;
21
- z-index: 1600;
22
- position: absolute;
23
- height: 51px;
24
- color: white;
25
- text-align: center;
26
- box-shadow:
27
- 0px 1px 3px 0px rgba(0, 0, 0, 0.1),
28
- 0px 2px 1px 0px rgba(0, 0, 0, 0.06),
29
- 0px 1px 1px 0px rgba(0, 0, 0, 0.08);
30
- }
31
- .mt-toast--bottom-center .quick-toasts-enter-active[data-v-4cd1c998],
32
- .mt-toast--bottom-center .quick-toasts-leave-active[data-v-4cd1c998] {
33
- transition: opacity 0.5s ease;
34
- }
35
- .mt-toast--bottom-center .quick-toasts-enter-from[data-v-4cd1c998],
36
- .mt-toast--bottom-center .quick-toasts-leave-to[data-v-4cd1c998] {
37
- opacity: 0;
38
- }
39
- .mt-toast--bottom-center .quick-toasts-enter-active[data-v-4cd1c998] {
40
- transition-delay: 0.5s;
41
- }
42
- .mt-toast--bottom-right[data-v-4cd1c998] {
43
- flex: 1;
44
- display: flex;
45
- justify-content: flex-end;
46
- padding-right: var(--scale-size-16);
47
- }
48
- .mt-toast--bottom-right .mt-toast-notification[data-v-4cd1c998] {
49
- display: flex;
50
- transition: all 0.7s ease;
51
- z-index: 1600;
52
- position: absolute;
53
- height: 51px;
54
- color: white;
55
- width: 376px;
56
- text-align: center;
57
- transform: translateY(0);
58
- }
59
- .mt-toast--bottom-right .toasts-enter-from[data-v-4cd1c998] {
60
- transform: translateY(50px) !important;
61
- opacity: 0;
62
- z-index: 0;
63
- }
64
- .mt-toast--bottom-right .toasts-leave-to[data-v-4cd1c998] {
65
- transform: scale(0.9, 0.4) !important;
66
- transform-origin: top;
67
- opacity: 0;
68
- z-index: 0;
69
- }
70
- .mt-toast--bottom-right .toasts-enter-active[data-v-4cd1c998],
71
- .mt-toast--bottom-right .toasts-leave-active[data-v-4cd1c998] {
72
- transition: all 0.7s ease;
73
- }
74
- .mt-toast--expanded .mt-toast--bottom-right .mt-toast-notification[data-v-4cd1c998]:nth-child(n + 2) {
75
- transform: translateY(calc(var(--num) * -68px));
76
- }
77
- .mt-toast--collapsed .mt-toast--bottom-right .mt-toast-notification[data-v-4cd1c998]:nth-child(1) {
78
- z-index: 1599;
79
- }
80
- .mt-toast--collapsed .mt-toast--bottom-right .mt-toast-notification[data-v-4cd1c998]:nth-child(2) {
81
- transform: translateY(-33px) scale(0.95, 0.18);
82
- border-top-left-radius: calc(4px / 0.95) calc(4px / 0.18);
83
- border-top-right-radius: calc(4px / 0.95) calc(4px / 0.18);
84
- border-bottom-left-radius: calc(2px / 0.95) calc(2px / 0.18);
85
- border-bottom-right-radius: calc(2px / 0.95) calc(2px / 0.18);
86
- }
87
- .mt-toast--collapsed .mt-toast--bottom-right .mt-toast-notification[data-v-4cd1c998]:nth-child(3) {
88
- transform: translateY(-45px) scale(0.9, 0.18);
89
- border-top-left-radius: calc(4px / 0.9) calc(4px / 0.18);
90
- border-top-right-radius: calc(4px / 0.9) calc(4px / 0.18);
91
- border-bottom-left-radius: calc(2px / 0.9) calc(2px / 0.18);
92
- border-bottom-right-radius: calc(2px / 0.9) calc(2px / 0.18);
93
- }
94
- .mt-toast--collapsed .mt-toast--bottom-right .mt-toast-notification[data-v-4cd1c998]:nth-child(n + 4) {
95
- transform: translateY(-58px) scale(0.8, 0.1);
96
- opacity: 0;
97
- }
98
-
99
- .mt-toast--collapsed .mt-toast-notification:nth-child(n + 2) .mt-toast-notification__content {
100
- opacity: 0;
101
- }
1
+ .mt-toast[data-v-4cd1c998]{display:flex;position:fixed;justify-content:center;bottom:0;left:0;width:100%;text-align:center}.mt-toast--bottom-left[data-v-4cd1c998]{flex:1}.mt-toast--bottom-center[data-v-4cd1c998]{flex:1;display:flex;justify-content:center}.mt-toast--bottom-center .mt-toast-notification[data-v-4cd1c998]{display:flex;z-index:1600;position:absolute;height:51px;color:#fff;text-align:center;box-shadow:0 1px 3px #0000001a,0 2px 1px #0000000f,0 1px 1px #00000014}.mt-toast--bottom-center .quick-toasts-enter-active[data-v-4cd1c998],.mt-toast--bottom-center .quick-toasts-leave-active[data-v-4cd1c998]{transition:opacity .5s ease}.mt-toast--bottom-center .quick-toasts-enter-from[data-v-4cd1c998],.mt-toast--bottom-center .quick-toasts-leave-to[data-v-4cd1c998]{opacity:0}.mt-toast--bottom-center .quick-toasts-enter-active[data-v-4cd1c998]{transition-delay:.5s}.mt-toast--bottom-right[data-v-4cd1c998]{flex:1;display:flex;justify-content:flex-end;padding-right:var(--scale-size-16)}.mt-toast--bottom-right .mt-toast-notification[data-v-4cd1c998]{display:flex;transition:all .7s ease;z-index:1600;position:absolute;height:51px;color:#fff;width:376px;text-align:center;transform:translateY(0)}.mt-toast--bottom-right .toasts-enter-from[data-v-4cd1c998]{transform:translateY(50px)!important;opacity:0;z-index:0}.mt-toast--bottom-right .toasts-leave-to[data-v-4cd1c998]{transform:scale(.9,.4)!important;transform-origin:top;opacity:0;z-index:0}.mt-toast--bottom-right .toasts-enter-active[data-v-4cd1c998],.mt-toast--bottom-right .toasts-leave-active[data-v-4cd1c998]{transition:all .7s ease}.mt-toast--expanded .mt-toast--bottom-right .mt-toast-notification[data-v-4cd1c998]:nth-child(n+2){transform:translateY(calc(var(--num) * -68px))}.mt-toast--collapsed .mt-toast--bottom-right .mt-toast-notification[data-v-4cd1c998]:nth-child(1){z-index:1599}.mt-toast--collapsed .mt-toast--bottom-right .mt-toast-notification[data-v-4cd1c998]:nth-child(2){transform:translateY(-33px) scale(.95,.18);border-top-left-radius:calc(4px / .95) calc(4px / .18);border-top-right-radius:calc(4px / .95) calc(4px / .18);border-bottom-left-radius:calc(2px / .95) calc(2px / .18);border-bottom-right-radius:calc(2px / .95) calc(2px / .18)}.mt-toast--collapsed .mt-toast--bottom-right .mt-toast-notification[data-v-4cd1c998]:nth-child(3){transform:translateY(-45px) scale(.9,.18);border-top-left-radius:calc(4px / .9) calc(4px / .18);border-top-right-radius:calc(4px / .9) calc(4px / .18);border-bottom-left-radius:calc(2px / .9) calc(2px / .18);border-bottom-right-radius:calc(2px / .9) calc(2px / .18)}.mt-toast--collapsed .mt-toast--bottom-right .mt-toast-notification[data-v-4cd1c998]:nth-child(n+4){transform:translateY(-58px) scale(.8,.1);opacity:0}.mt-toast--collapsed .mt-toast-notification:nth-child(n+2) .mt-toast-notification__content{opacity:0}
@@ -1,47 +1 @@
1
-
2
- .tooltip[data-v-07e3f083] {
3
- color: var(--color-text-primary-inverse);
4
- font-family: var(--font-family-body);
5
- font-size: var(--font-size-2xs);
6
- font-weight: var(--font-weight-regular);
7
- line-height: var(--font-line-height-2xs);
8
- background: var(--color-elevation-floating-default);
9
- padding: var(--scale-size-12);
10
- border-radius: var(--border-radius-xs);
11
- width: max-content;
12
- overflow-wrap: break-word;
13
- }
14
- .mt-tooltip__content[data-v-07e3f083] ul {
15
- list-style-position: inside;
16
- }
17
- .v-enter-active[data-v-07e3f083],
18
- .v-leave-active[data-v-07e3f083] {
19
- transition-duration: 0.15s;
20
- transition-property: opacity, margin;
21
- }
22
- .v-enter-active[data-v-07e3f083] {
23
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
24
- }
25
- .v-leave-active[data-v-07e3f083] {
26
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
27
- }
28
- .v-enter-from[data-v-07e3f083],
29
- .v-leave-to[data-v-07e3f083] {
30
- opacity: 0;
31
- }
32
- .v-enter-from[data-placement="top"][data-v-07e3f083],
33
- .v-leave-to[data-placement="top"][data-v-07e3f083] {
34
- margin-bottom: var(--scale-size-5);
35
- }
36
- .v-enter-from[data-placement="bottom"][data-v-07e3f083],
37
- .v-leave-to[data-placement="bottom"][data-v-07e3f083] {
38
- margin-top: var(--scale-size-5);
39
- }
40
- .v-enter-from[data-placement="left"][data-v-07e3f083],
41
- .v-leave-to[data-placement="left"][data-v-07e3f083] {
42
- margin-right: var(--scale-size-5);
43
- }
44
- .v-enter-from[data-placement="right"][data-v-07e3f083],
45
- .v-leave-to[data-placement="right"][data-v-07e3f083] {
46
- margin-left: var(--scale-size-5);
47
- }
1
+ .tooltip[data-v-07e3f083]{color:var(--color-text-primary-inverse);font-family:var(--font-family-body);font-size:var(--font-size-2xs);font-weight:var(--font-weight-regular);line-height:var(--font-line-height-2xs);background:var(--color-elevation-floating-default);padding:var(--scale-size-12);border-radius:var(--border-radius-xs);width:max-content;overflow-wrap:break-word}.mt-tooltip__content[data-v-07e3f083] ul{list-style-position:inside}.v-enter-active[data-v-07e3f083],.v-leave-active[data-v-07e3f083]{transition-duration:.15s;transition-property:opacity,margin}.v-enter-active[data-v-07e3f083],.v-leave-active[data-v-07e3f083]{transition-timing-function:cubic-bezier(.4,0,.2,1)}.v-enter-from[data-v-07e3f083],.v-leave-to[data-v-07e3f083]{opacity:0}.v-enter-from[data-placement=top][data-v-07e3f083],.v-leave-to[data-placement=top][data-v-07e3f083]{margin-bottom:var(--scale-size-5)}.v-enter-from[data-placement=bottom][data-v-07e3f083],.v-leave-to[data-placement=bottom][data-v-07e3f083]{margin-top:var(--scale-size-5)}.v-enter-from[data-placement=left][data-v-07e3f083],.v-leave-to[data-placement=left][data-v-07e3f083]{margin-right:var(--scale-size-5)}.v-enter-from[data-placement=right][data-v-07e3f083],.v-leave-to[data-placement=right][data-v-07e3f083]{margin-left:var(--scale-size-5)}
@@ -1,12 +1 @@
1
-
2
- .mt-unit-field[data-v-81f4502c] {
3
- container: mt-unit-field / inline-size;
4
- }
5
- .mt-unit-field[data-v-81f4502c] .mt-number-field__controls {
6
- margin-inline-end: 0;
7
- }
8
- @container mt-unit-field (max-width: 240px) {
9
- .mt-unit-field[data-v-81f4502c] .mt-number-field__controls {
10
- display: none;
11
- }
12
- }
1
+ .mt-unit-field[data-v-9a632f3c] .mt-number-field__controls{margin-inline-end:0}
@@ -1,34 +1 @@
1
-
2
- .mt-unit-select-result[data-v-b8b26529] {
3
- min-width: var(--scale-size-160);
4
- padding: var(--scale-size-10) var(--scale-size-16);
5
- display: grid;
6
- grid-template-columns: auto 1fr;
7
- align-items: center;
8
- gap: var(--scale-size-8);
9
- border-radius: var(--border-radius-xs);
10
- text-align: left;
11
- font-size: var(--font-size-xs);
12
- color: var(--color-text-primary-disabled);
13
- cursor: pointer;
14
- }
15
- .mt-unit-select-result[data-v-b8b26529]:focus-visible {
16
- outline: var(--scale-size-2) solid var(--color-border-brand-default);
17
- outline-offset: 2px;
18
- }
19
- .mt-unit-select-result__label[data-v-b8b26529] {
20
- color: var(--color-text-primary-default);
21
- }
22
- .mt-unit-select-result__unit[data-v-b8b26529] {
23
- color: var(--color-text-secondary-default);
24
- }
25
- .mt-unit-select-result[data-v-b8b26529]:hover {
26
- background-color: var(--color-background-brand-default);
27
- }
28
- .mt-unit-select-result--active[data-v-b8b26529] {
29
- border-radius: var(--border-radius-xs);
30
- background-color: var(--color-background-brand-default);
31
- }
32
- .mt-unit-select-result--selected span[data-v-b8b26529] {
33
- color: var(--color-text-brand-default);
34
- }
1
+ .mt-unit-select-result[data-v-80754366]{min-width:var(--scale-size-128);width:100%;padding:var(--scale-size-10) var(--scale-size-12);display:grid;grid-template-columns:1fr auto;align-items:center;gap:var(--scale-size-24);border-radius:var(--border-radius-xs);text-align:left;font-size:var(--font-size-xs);color:var(--color-text-primary-disabled);cursor:pointer}.mt-unit-select-result[data-v-80754366]:focus-visible{outline:var(--scale-size-2) solid var(--color-border-brand-default);outline-offset:2px}.mt-unit-select-result__label[data-v-80754366]{color:var(--color-text-primary-default);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mt-unit-select-result__unit[data-v-80754366]{color:var(--color-text-secondary-default);text-align:right}.mt-unit-select-result[data-v-80754366]:hover{background-color:var(--color-interaction-secondary-hover)}li.mt-unit-select-result--active .mt-unit-select-result[data-v-80754366]{background-color:var(--color-background-brand-default)}.mt-unit-select-result--selected span[data-v-80754366]{color:var(--color-text-brand-default)}
@@ -1,44 +1 @@
1
-
2
- .mt-unit-select[data-v-74f87c6b] {
3
- padding: var(--scale-size-8);
4
- border: 1px solid var(--color-border-secondary-default);
5
- border-radius: var(--border-radius-button);
6
- background-color: var(--color-background-primary-default);
7
- color: var(--color-text-primary-default);
8
- font-size: var(--font-size-xs);
9
- box-shadow: 0 3px 6px 0 var(--color-elevation-shadow-default);
10
- }
11
- .mt-unit-select ul[data-v-74f87c6b] {
12
- list-style: none;
13
- }
14
- .mt-unit-select__trigger[data-v-74f87c6b] {
15
- --_trigger-margin: var(--scale-size-6);
16
- height: calc(100% - var(--_trigger-margin));
17
- margin: calc(var(--_trigger-margin) / 2);
18
- display: grid;
19
- grid-auto-flow: column;
20
- align-items: center;
21
- column-gap: var(--scale-size-8);
22
- padding-left: var(--scale-size-12);
23
- padding-right: var(--scale-size-12);
24
- background-color: var(--color-interaction-secondary-default);
25
- border: 1px solid var(--color-border-primary-default);
26
- border-radius: var(--border-radius-xs);
27
- color: var(--color-text-primary-default);
28
- cursor: pointer;
29
- transition: background-color 0.1s ease;
30
- }
31
- .mt-unit-select__trigger[data-v-74f87c6b]:hover {
32
- background-color: var(--color-interaction-secondary-hover);
33
- }
34
- .mt-unit-select__trigger[data-v-74f87c6b]:active,
35
- .mt-unit-select__trigger[aria-expanded="true"][data-v-74f87c6b] {
36
- background-color: var(--color-interaction-secondary-pressed);
37
- }
38
- .mt-unit-select__trigger[data-v-74f87c6b]:focus-visible {
39
- outline: var(--scale-size-2) solid var(--color-border-brand-default);
40
- }
41
- .mt-unit-select__trigger[data-v-74f87c6b]:disabled {
42
- background-color: var(--color-background-tertiary-default);
43
- border-color: var(--color-background-tertiary-default);
44
- }
1
+ .mt-unit-select[data-v-61992043]{max-width:var(--scale-size-256);padding:var(--scale-size-4);border:1px solid var(--color-border-secondary-default);border-radius:var(--border-radius-xs);background-color:var(--color-background-primary-default);color:var(--color-text-primary-default);font-size:var(--font-size-xs);line-height:var(--font-line-height-xs);box-shadow:0 3px 6px 0 var(--color-elevation-shadow-default)}.mt-unit-select ul[data-v-61992043]{list-style:none}.mt-unit-select__trigger[data-v-61992043]{--_trigger-margin: var(--scale-size-6);height:calc(100% - var(--_trigger-margin));margin:calc(var(--_trigger-margin) / 2);display:grid;grid-auto-flow:column;align-items:center;column-gap:var(--scale-size-8);padding-left:var(--scale-size-12);padding-right:var(--scale-size-12);background-color:var(--color-interaction-secondary-default);border:1px solid var(--color-border-primary-default);border-radius:var(--border-radius-xs);color:var(--color-text-primary-default);cursor:pointer;transition:background-color .1s ease}.mt-unit-select__trigger[data-v-61992043]:hover{background-color:var(--color-interaction-secondary-hover)}.mt-unit-select__trigger[data-v-61992043]:active,.mt-unit-select__trigger[aria-expanded=true][data-v-61992043]{background-color:var(--color-interaction-secondary-pressed)}.mt-unit-select__trigger[data-v-61992043]:focus-visible{outline:var(--scale-size-2) solid var(--color-border-brand-default)}.mt-unit-select__trigger[data-v-61992043]:disabled{background-color:var(--color-background-tertiary-default);border-color:var(--color-background-tertiary-default);cursor:not-allowed}
@@ -1,147 +1 @@
1
-
2
- .mt-url-field[data-v-c88509b8] {
3
- display: grid;
4
- grid-template-columns: 1fr auto;
5
- grid-template-areas:
6
- "label help-text"
7
- "input input"
8
- "error error"
9
- "hint hint";
10
- margin-bottom: var(--scale-size-32);
11
- }
12
- .mt-url-field--future-remove-default-margin[data-v-c88509b8] {
13
- margin-bottom: 0;
14
- }
15
- .mt-url-field__block {
16
- &[data-v-c88509b8] {
17
- grid-area: input;
18
- display: flex;
19
- align-items: center;
20
- /* stylelint-disable-next-line meteor/prefer-sizing-token -- A trick, so the input can take 100% of its parent */
21
- height: 1px;
22
- border: 1px solid var(--color-border-primary-default);
23
- border-radius: var(--border-radius-xs);
24
- background: var(--color-background-primary-default);
25
- }
26
- &[data-v-c88509b8]:has(input:disabled) {
27
- cursor: not-allowed;
28
- }
29
- &[data-v-c88509b8]:has(.mt-url-field__input:focus-visible) {
30
- outline: var(--scale-size-2) solid var(--color-border-brand-default);
31
- outline-offset: var(--scale-size-2);
32
- }
33
- &[data-v-c88509b8]:has(.mt-url-field__input:disabled) {
34
- background: var(--color-background-tertiary-default);
35
- }
36
- }
37
- .mt-url-field__block--size-default[data-v-c88509b8] {
38
- min-height: var(--scale-size-40);
39
- }
40
- .mt-url-field__block--size-small[data-v-c88509b8] {
41
- min-height: var(--scale-size-32);
42
- }
43
- .mt-url-field__block--error[data-v-c88509b8] {
44
- border-color: var(--color-border-critical-default);
45
- background: var(--color-background-critical-default);
46
- }
47
- .mt-url-field__input {
48
- &[data-v-c88509b8] {
49
- all: unset;
50
-
51
- height: 100%;
52
- width: 100%;
53
- color: var(--color-text-primary-default);
54
- padding-inline: var(--scale-size-8) var(--scale-size-16);
55
- font-size: var(--font-size-xs);
56
- line-height: var(--line-height-xs);
57
- }
58
- &[data-v-c88509b8]::placeholder {
59
- color: var(--color-text-secondary-default);
60
- }
61
- }
62
- .mt-url-field__affix[data-v-c88509b8] {
63
- display: grid;
64
- place-items: center;
65
- height: 100%;
66
- background: var(--color-interaction-secondary-default);
67
- color: var(--color-text-primary-default);
68
- font-weight: var(--font-weight-medium);
69
- padding-inline: var(--scale-size-12);
70
- }
71
- .mt-url-field__affix--disabled[data-v-c88509b8] {
72
- background: var(--color-interaction-secondary-disabled);
73
- }
74
- .mt-url-field__affix--prefix[data-v-c88509b8] {
75
- border-top-left-radius: var(--border-radius-xs);
76
- border-bottom-left-radius: var(--border-radius-xs);
77
- border-right: 1px solid var(--color-border-primary-default);
78
- font-size: var(--font-size-xs);
79
- line-height: var(--font-line-height-xs);
80
- }
81
- .mt-url-field__affix--suffix[data-v-c88509b8] {
82
- border-top-right-radius: var(--border-radius-xs);
83
- border-bottom-right-radius: var(--border-radius-xs);
84
- border-left: 1px solid var(--color-border-primary-default);
85
- font-size: var(--font-size-2xs);
86
- line-height: var(--font-line-height-2xs);
87
- }
88
- .mt-url-field__protocol-toggle {
89
- &[data-v-c88509b8] {
90
- display: flex;
91
- align-items: center;
92
- gap: var(--scale-size-2);
93
- padding-inline: var(--scale-size-8);
94
- border-radius: var(--border-radius-button);
95
- transition: background-color 0.15s ease-out;
96
- font-size: var(--font-size-xs);
97
- font-weight: var(--font-weight-medium);
98
- line-height: var(--font-line-height-xs);
99
- color: var(--color-text-primary-default);
100
- background-color: var(--color-interaction-secondary-default);
101
- border: 1px solid var(--color-border-primary-default);
102
- }
103
- &[data-size="small"][data-v-c88509b8] {
104
- height: var(--scale-size-24);
105
- margin-inline-start: 3px;
106
- }
107
- &[data-size="default"][data-v-c88509b8] {
108
- margin-inline-start: 7px;
109
- height: var(--scale-size-32);
110
- }
111
- &[data-v-c88509b8]:is(:hover, :focus-visible) {
112
- background-color: var(--color-interaction-secondary-hover);
113
- }
114
- &[data-v-c88509b8]:focus-visible {
115
- outline: var(--scale-size-2) solid var(--color-border-brand-default);
116
- outline-offset: var(--scale-size-2);
117
- }
118
- &[data-v-c88509b8]:disabled {
119
- background-color: var(--color-interaction-secondary-disabled);
120
- cursor: not-allowed;
121
- }
122
- }
123
- .mt-url-field__copy-button {
124
- &[data-v-c88509b8] {
125
- display: grid;
126
- place-items: center;
127
- padding: var(--scale-size-8);
128
- border-radius: var(--border-radius-button);
129
- transition: background-color 0.15s ease-out;
130
- margin-inline-end: var(--scale-size-6);
131
- }
132
- &[data-v-c88509b8]:is(:hover, :focus-visible) {
133
- background-color: var(--color-interaction-secondary-hover);
134
- }
135
- &[data-v-c88509b8]:focus-visible {
136
- outline: var(--scale-size-2) solid var(--color-border-brand-default);
137
- outline-offset: var(--scale-size-2);
138
- }
139
- }
140
- .mt-url-field__hint[data-v-c88509b8] {
141
- grid-area: hint;
142
- font-family: var(--font-family-body);
143
- font-size: var(--font-size-xs);
144
- line-height: var(--font-line-height-xs);
145
- color: var(--color-text-secondary-default);
146
- margin-top: 0.1875rem;
147
- }
1
+ .mt-url-field[data-v-351782b6]{display:grid;grid-template-columns:1fr auto;grid-template-areas:"label help-text" "input input" "error error" "hint hint";margin-bottom:var(--scale-size-32)}.mt-url-field--future-remove-default-margin[data-v-351782b6]{margin-bottom:0}.mt-url-field__block[data-v-351782b6]{grid-area:input;display:flex;align-items:center;height:1px;border:1px solid var(--color-border-primary-default);border-radius:var(--border-radius-xs);background:var(--color-background-primary-default)}.mt-url-field__block[data-v-351782b6]:has(input:disabled){cursor:not-allowed}.mt-url-field__block[data-v-351782b6]:has(.mt-url-field__input:focus-visible){outline:var(--scale-size-2) solid var(--color-border-brand-default);outline-offset:var(--scale-size-2)}.mt-url-field__block[data-v-351782b6]:has(.mt-url-field__input:disabled){background:var(--color-background-tertiary-default)}.mt-url-field__block--size-default[data-v-351782b6]{min-height:var(--scale-size-40)}.mt-url-field__block--size-small[data-v-351782b6]{min-height:var(--scale-size-32)}.mt-url-field__block--error[data-v-351782b6]{border-color:var(--color-border-critical-default);background:var(--color-background-critical-default)}.mt-url-field__input[data-v-351782b6]{all:unset;height:100%;width:100%;color:var(--color-text-primary-default);padding-inline:var(--scale-size-8) var(--scale-size-16);font-size:var(--font-size-xs);line-height:var(--line-height-xs)}.mt-url-field__input[data-v-351782b6]::placeholder{color:var(--color-text-secondary-default)}.mt-url-field__affix[data-v-351782b6]{display:grid;place-items:center;height:100%;background:var(--color-interaction-secondary-default);color:var(--color-text-primary-default);font-weight:var(--font-weight-medium);padding-inline:var(--scale-size-12)}.mt-url-field__affix--disabled[data-v-351782b6]{background:var(--color-interaction-secondary-disabled)}.mt-url-field__affix--prefix[data-v-351782b6]{border-top-left-radius:var(--border-radius-xs);border-bottom-left-radius:var(--border-radius-xs);border-right:1px solid var(--color-border-primary-default);font-size:var(--font-size-xs);line-height:var(--font-line-height-xs)}.mt-url-field__affix--suffix[data-v-351782b6]{border-top-right-radius:var(--border-radius-xs);border-bottom-right-radius:var(--border-radius-xs);border-left:1px solid var(--color-border-primary-default);font-size:var(--font-size-2xs);line-height:var(--font-line-height-2xs)}.mt-url-field__protocol-toggle[data-v-351782b6]{display:flex;align-items:center;gap:var(--scale-size-2);padding-inline:var(--scale-size-8);border-radius:var(--border-radius-button);transition:background-color .15s ease-out;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);line-height:var(--font-line-height-xs);color:var(--color-text-primary-default);background-color:var(--color-interaction-secondary-default);border:1px solid var(--color-border-primary-default)}.mt-url-field__protocol-toggle[data-size=small][data-v-351782b6]{height:var(--scale-size-24);margin-inline-start:3px}.mt-url-field__protocol-toggle[data-size=default][data-v-351782b6]{margin-inline-start:7px;height:var(--scale-size-32)}.mt-url-field__protocol-toggle[data-v-351782b6]:is(:hover,:focus-visible){background-color:var(--color-interaction-secondary-hover)}.mt-url-field__protocol-toggle[data-v-351782b6]:focus-visible{outline:var(--scale-size-2) solid var(--color-border-brand-default);outline-offset:var(--scale-size-2)}.mt-url-field__protocol-toggle[data-v-351782b6]:disabled{background-color:var(--color-interaction-secondary-disabled);cursor:not-allowed}.mt-url-field__copy-button[data-v-351782b6]{display:grid;place-items:center;padding:var(--scale-size-8);border-radius:var(--border-radius-button);transition:background-color .15s ease-out;margin-inline-end:var(--scale-size-6)}.mt-url-field__copy-button[data-v-351782b6]:is(:hover,:focus-visible){background-color:var(--color-interaction-secondary-hover)}.mt-url-field__copy-button[data-v-351782b6]:focus-visible{outline:var(--scale-size-2) solid var(--color-border-brand-default);outline-offset:var(--scale-size-2)}.mt-url-field__hint[data-v-351782b6]{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:.1875rem}
@@ -1,4 +1,4 @@
1
- import { s as send } from "./channel-c0a7f238.mjs";
1
+ import { s as send } from "./channel-24cdec8b.mjs";
2
2
  import "./Criteria-dda62b10.mjs";
3
3
  const repository = (entityName) => ({
4
4
  search: (criteria, context) => {
@@ -1,6 +1,6 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
- const channel = require("./channel-c7fd2abb.js");
3
+ const channel = require("./channel-41ddc4ca.js");
4
4
  require("./Criteria-86968a69.js");
5
5
  const repository = (entityName) => ({
6
6
  search: (criteria, context) => {
@@ -1,4 +1,10 @@
1
1
  "use strict";
2
+ var __defProp = Object.defineProperty;
3
+ var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
4
+ var __publicField = (obj, key, value) => {
5
+ __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
6
+ return value;
7
+ };
2
8
  const id = require("./id-8e80f112.js");
3
9
  const availableTooltipPlacements = ["top", "right", "bottom", "left"];
4
10
  const tooltipRegistry = /* @__PURE__ */ new Map();
@@ -16,6 +22,23 @@ class Tooltip {
16
22
  showOnDisabledElements = false,
17
23
  zIndex = null
18
24
  }) {
25
+ __publicField(this, "_id");
26
+ __publicField(this, "_placement");
27
+ __publicField(this, "_message");
28
+ __publicField(this, "_width");
29
+ __publicField(this, "_parentDOMElement");
30
+ __publicField(this, "_showDelay");
31
+ __publicField(this, "_hideDelay");
32
+ __publicField(this, "_disabled");
33
+ __publicField(this, "_appearance");
34
+ __publicField(this, "_showOnDisabledElements");
35
+ __publicField(this, "_zIndex");
36
+ __publicField(this, "_isShown");
37
+ __publicField(this, "_state");
38
+ __publicField(this, "_DOMElement");
39
+ __publicField(this, "_parentDOMElementWrapper");
40
+ __publicField(this, "_actualTooltipPlacement");
41
+ __publicField(this, "_timeout");
19
42
  this._id = id$1;
20
43
  this._placement = Tooltip.validatePlacement(placement);
21
44
  this._message = Tooltip.validateMessage(message);
@@ -1,3 +1,9 @@
1
+ var __defProp = Object.defineProperty;
2
+ var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
3
+ var __publicField = (obj, key, value) => {
4
+ __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
5
+ return value;
6
+ };
1
7
  import { c as createId } from "./id-1e5b8276.mjs";
2
8
  const availableTooltipPlacements = ["top", "right", "bottom", "left"];
3
9
  const tooltipRegistry = /* @__PURE__ */ new Map();
@@ -15,6 +21,23 @@ class Tooltip {
15
21
  showOnDisabledElements = false,
16
22
  zIndex = null
17
23
  }) {
24
+ __publicField(this, "_id");
25
+ __publicField(this, "_placement");
26
+ __publicField(this, "_message");
27
+ __publicField(this, "_width");
28
+ __publicField(this, "_parentDOMElement");
29
+ __publicField(this, "_showDelay");
30
+ __publicField(this, "_hideDelay");
31
+ __publicField(this, "_disabled");
32
+ __publicField(this, "_appearance");
33
+ __publicField(this, "_showOnDisabledElements");
34
+ __publicField(this, "_zIndex");
35
+ __publicField(this, "_isShown");
36
+ __publicField(this, "_state");
37
+ __publicField(this, "_DOMElement");
38
+ __publicField(this, "_parentDOMElementWrapper");
39
+ __publicField(this, "_actualTooltipPlacement");
40
+ __publicField(this, "_timeout");
18
41
  this._id = id;
19
42
  this._placement = Tooltip.validatePlacement(placement);
20
43
  this._message = Tooltip.validateMessage(message);
@@ -127,7 +127,7 @@ function getRepository(entityName, propRepositoryFactory) {
127
127
  return function(...args) {
128
128
  return __awaiter(this, void 0, void 0, function* () {
129
129
  if (!lazyDataRepository) {
130
- lazyDataRepository = (yield Promise.resolve().then(() => require("./repository-9c56cf7b.js"))).default(entityName);
130
+ lazyDataRepository = (yield Promise.resolve().then(() => require("./repository-3d192939.js"))).default(entityName);
131
131
  }
132
132
  const method = lazyDataRepository[property];
133
133
  return method(...args);