@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,12 +1 @@
1
-
2
- .mt-inheritance-switch[data-v-e60d6993] {
3
- cursor: pointer;
4
- margin-top: -1px;
5
-
6
- outline-width: var(--scale-size-2);
7
- outline-color: var(--color-border-brand-default);
8
- outline-offset: var(--scale-size-2);
9
- }
10
- .mt-inheritance-switch--disabled[data-v-e60d6993] {
11
- cursor: default;
12
- }
1
+ .mt-inheritance-switch[data-v-e60d6993]{cursor:pointer;margin-top:-1px;outline-width:var(--scale-size-2);outline-color:var(--color-border-brand-default);outline-offset:var(--scale-size-2)}.mt-inheritance-switch--disabled[data-v-e60d6993]{cursor:default}
package/dist/mt-inset.css CHANGED
@@ -1,7 +1 @@
1
-
2
- .mt-inset[data-v-92e208ce] {
3
- margin-block-start: calc(var(--mt-inset-block-start, --mt-inset-top) * -1);
4
- margin-inline-end: calc(var(--mt-inset-inline-end, --mt-inset-right) * -1);
5
- margin-block-end: calc(var(--mt-inset-block-end, --mt-inset-bottom) * -1);
6
- margin-inline-start: calc(var(--mt-inset-inline-start, --mt-inset-left) * -1);
7
- }
1
+ .mt-inset[data-v-92e208ce]{margin-block-start:calc(var(--mt-inset-block-start, --mt-inset-top) * -1);margin-inline-end:calc(var(--mt-inset-inline-end, --mt-inset-right) * -1);margin-block-end:calc(var(--mt-inset-block-end, --mt-inset-bottom) * -1);margin-inline-start:calc(var(--mt-inset-inline-start, --mt-inset-left) * -1)}
package/dist/mt-label.css CHANGED
@@ -1,71 +1 @@
1
-
2
- .mt-label {
3
- display: inline-block;
4
- position: relative;
5
- max-width: 100%;
6
- min-width: 56px;
7
- margin: 0 var(--scale-size-6) var(--scale-size-6) 0;
8
- padding: var(--scale-size-8) var(--scale-size-12);
9
- height: var(--scale-size-32);
10
- border: 1px solid var(--color-border-primary-default);
11
- background: var(--color-background-secondary-default);
12
- line-height: 1.1;
13
- font-family: var(--font-family-body);
14
- font-size: var(--font-size-xs);
15
- color: var(--color-text-primary-default);
16
- border-radius: var(--border-radius-xs);
17
- cursor: default;
18
- }
19
- .mt-label__caption {
20
- white-space: nowrap;
21
- text-overflow: ellipsis;
22
- overflow: hidden;
23
- display: inline-block;
24
- width: 100%;
25
- }
26
- .mt-label.mt-label--dismissable:hover .mt-label__caption {
27
- width: calc(100% - 15px);
28
- }
29
- .mt-label.mt-label--dismissable:hover .mt-label__dismiss {
30
- visibility: visible;
31
- color: var(--color-icon-brand-default);
32
- background: transparent;
33
- }
34
- .mt-label.mt-label--size-medium {
35
- height: var(--scale-size-24);
36
- padding: var(--scale-size-4) var(--scale-size-12);
37
- }
38
- .mt-label.mt-label--size-small {
39
- height: var(--scale-size-16);
40
- padding: 0 var(--scale-size-8);
41
- }
42
- .mt-label__dismiss {
43
- visibility: hidden;
44
- display: grid;
45
- place-items: center;
46
- position: absolute;
47
- height: 100%;
48
- right: var(--scale-size-10);
49
- top: 0;
50
- border: 0 none;
51
- cursor: pointer;
52
- outline: none;
53
- }
54
- .mt-label.mt-label--ghost {
55
- background: transparent;
56
- border-color: var(--color-border-primary-default);
57
- }
58
- .mt-label.mt-label--appearance-pill {
59
- border-radius: var(--border-radius-round);
60
- }
61
- .mt-label.mt-label--appearance-circle {
62
- width: var(--scale-size-24);
63
- height: var(--scale-size-24);
64
- border-radius: 100%;
65
- padding: var(--scale-size-4);
66
- border: 0;
67
- min-width: var(--scale-size-24);
68
- }
69
- .mt-label.mt-label--caps {
70
- text-transform: uppercase;
71
- }
1
+ .mt-label{display:inline-block;position:relative;max-width:100%;min-width:56px;margin:0 var(--scale-size-6) var(--scale-size-6) 0;padding:var(--scale-size-8) var(--scale-size-12);height:var(--scale-size-32);border:1px solid var(--color-border-primary-default);background:var(--color-background-secondary-default);line-height:1.1;font-family:var(--font-family-body);font-size:var(--font-size-xs);color:var(--color-text-primary-default);border-radius:var(--border-radius-xs);cursor:default}.mt-label__caption{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;display:inline-block;width:100%}.mt-label.mt-label--dismissable:hover .mt-label__caption{width:calc(100% - 15px)}.mt-label.mt-label--dismissable:hover .mt-label__dismiss{visibility:visible;color:var(--color-icon-brand-default);background:transparent}.mt-label.mt-label--size-medium{height:var(--scale-size-24);padding:var(--scale-size-4) var(--scale-size-12)}.mt-label.mt-label--size-small{height:var(--scale-size-16);padding:0 var(--scale-size-8)}.mt-label__dismiss{visibility:hidden;display:grid;place-items:center;position:absolute;height:100%;right:var(--scale-size-10);top:0;border:0 none;cursor:pointer;outline:none}.mt-label.mt-label--ghost{background:transparent;border-color:var(--color-border-primary-default)}.mt-label.mt-label--appearance-pill{border-radius:var(--border-radius-round)}.mt-label.mt-label--appearance-circle{width:var(--scale-size-24);height:var(--scale-size-24);border-radius:100%;padding:var(--scale-size-4);border:0;min-width:var(--scale-size-24)}.mt-label.mt-label--caps{text-transform:uppercase}
package/dist/mt-link.css CHANGED
@@ -1,38 +1 @@
1
-
2
- .mt-link {
3
- &[data-v-7c6b2ce8] {
4
- display: inline-flex;
5
- column-gap: 0.25em;
6
- align-items: center;
7
- cursor: pointer;
8
- margin: 0;
9
- font-family: var(--font-family-body);
10
- text-decoration: underline;
11
- }
12
- &[data-v-7c6b2ce8]:focus-visible {
13
- outline-offset: 2px;
14
- outline: 2px solid var(--color-border-brand-default);
15
- border-radius: var(--border-radius-xs);
16
- }
17
- }
18
- .mt-link[data-v-7c6b2ce8]:is(:disabled, .mt-link--disabled) {
19
- cursor: not-allowed;
20
- }
21
- .mt-link--primary[data-v-7c6b2ce8] {
22
- color: var(--color-text-brand-default);
23
- }
24
- .mt-link--primary[data-v-7c6b2ce8]:is(:hover, :active) {
25
- color: var(--color-text-brand-hover);
26
- }
27
- .mt-link--primary[data-v-7c6b2ce8]:is(:disabled, .mt-link--disabled) {
28
- color: var(--color-text-brand-disabled);
29
- }
30
- .mt-link--critical[data-v-7c6b2ce8] {
31
- color: var(--color-text-critical-default);
32
- }
33
- .mt-link--critical[data-v-7c6b2ce8]:is(:hover, :active) {
34
- color: var(--color-text-critical-hover);
35
- }
36
- .mt-link--critical[data-v-7c6b2ce8]:is(:disabled, .mt-link--disabled) {
37
- color: var(--color-text-critical-disabled);
38
- }
1
+ .mt-link[data-v-7c6b2ce8]{display:inline-flex;column-gap:.25em;align-items:center;cursor:pointer;margin:0;font-family:var(--font-family-body);text-decoration:underline}.mt-link[data-v-7c6b2ce8]:focus-visible{outline-offset:2px;outline:2px solid var(--color-border-brand-default);border-radius:var(--border-radius-xs)}.mt-link[data-v-7c6b2ce8]:is(:disabled,.mt-link--disabled){cursor:not-allowed}.mt-link--primary[data-v-7c6b2ce8]{color:var(--color-text-brand-default)}.mt-link--primary[data-v-7c6b2ce8]:is(:hover,:active){color:var(--color-text-brand-hover)}.mt-link--primary[data-v-7c6b2ce8]:is(:disabled,.mt-link--disabled){color:var(--color-text-brand-disabled)}.mt-link--critical[data-v-7c6b2ce8]{color:var(--color-text-critical-default)}.mt-link--critical[data-v-7c6b2ce8]:is(:hover,:active){color:var(--color-text-critical-hover)}.mt-link--critical[data-v-7c6b2ce8]:is(:disabled,.mt-link--disabled){color:var(--color-text-critical-disabled)}
@@ -1,76 +1 @@
1
-
2
- .mt-loader[data-v-69ae9b64] {
3
- width: 100%;
4
- height: 100%;
5
- position: absolute;
6
- top: 0;
7
- bottom: 0;
8
- left: 0;
9
- right: 0;
10
- margin: auto;
11
- z-index: 400;
12
- }
13
- .mt-loader--has-backdrop[data-v-69ae9b64] {
14
- background: color-mix(in srgb, var(--color-background-tertiary-default) 80%, transparent);
15
- }
16
- .mt-loader__element {
17
- &[data-v-69ae9b64] {
18
- position: relative;
19
- }
20
- & div {
21
- &[data-v-69ae9b64] {
22
- position: absolute;
23
- width: 100%;
24
- height: 100%;
25
- border-width: 4px;
26
- border-style: solid;
27
- border-radius: 50%;
28
- border-color: var(--color-border-brand-default) transparent transparent transparent;
29
- animation: mt-loader-rotator-69ae9b64 1.4s cubic-bezier(0.5, 0, 0.5, 1) infinite;
30
- }
31
- &[data-v-69ae9b64]:nth-child(1) {
32
- animation-delay: -0.45s;
33
- }
34
- &[data-v-69ae9b64]:nth-child(2) {
35
- animation-delay: -0.3s;
36
- }
37
- &[data-v-69ae9b64]:nth-child(3) {
38
- animation-delay: -0.15s;
39
- }
40
- }
41
- }
42
- .mt-loader__container[data-v-69ae9b64] {
43
- display: flex;
44
- flex-direction: column;
45
- align-items: center;
46
- text-align: center;
47
- position: relative;
48
- top: 50%;
49
- left: 50%;
50
- transform: translate(-50%, -50%);
51
- gap: var(--scale-size-16);
52
- width: max-content;
53
- max-width: 100%;
54
- }
55
- .mt-loader__text[data-v-69ae9b64] {
56
- display: flex;
57
- flex-direction: column;
58
- gap: var(--scale-size-2);
59
- width: 65ch;
60
- max-width: 100%;
61
- padding-inline: var(--scale-size-24);
62
- }
63
- .mt-loader__title[data-v-69ae9b64],
64
- .mt-loader__description[data-v-69ae9b64] {
65
- margin: 0;
66
- overflow-wrap: anywhere;
67
- text-wrap: pretty;
68
- }
69
- @keyframes mt-loader-rotator-69ae9b64 {
70
- 0% {
71
- transform: rotate(0deg);
72
- }
73
- 100% {
74
- transform: rotate(360deg);
75
- }
76
- }
1
+ .mt-loader[data-v-69ae9b64]{width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;z-index:400}.mt-loader--has-backdrop[data-v-69ae9b64]{background:color-mix(in srgb,var(--color-background-tertiary-default) 80%,transparent)}.mt-loader__element[data-v-69ae9b64]{position:relative}.mt-loader__element div[data-v-69ae9b64]{position:absolute;width:100%;height:100%;border-width:4px;border-style:solid;border-radius:50%;border-color:var(--color-border-brand-default) transparent transparent transparent;animation:mt-loader-rotator-69ae9b64 1.4s cubic-bezier(.5,0,.5,1) infinite}.mt-loader__element div[data-v-69ae9b64]:nth-child(1){animation-delay:-.45s}.mt-loader__element div[data-v-69ae9b64]:nth-child(2){animation-delay:-.3s}.mt-loader__element div[data-v-69ae9b64]:nth-child(3){animation-delay:-.15s}.mt-loader__container[data-v-69ae9b64]{display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;top:50%;left:50%;transform:translate(-50%,-50%);gap:var(--scale-size-16);width:max-content;max-width:100%}.mt-loader__text[data-v-69ae9b64]{display:flex;flex-direction:column;gap:var(--scale-size-2);width:65ch;max-width:100%;padding-inline:var(--scale-size-24)}.mt-loader__title[data-v-69ae9b64],.mt-loader__description[data-v-69ae9b64]{margin:0;overflow-wrap:anywhere;text-wrap:pretty}@keyframes mt-loader-rotator-69ae9b64{0%{transform:rotate(0)}to{transform:rotate(360deg)}}
@@ -1,20 +1 @@
1
-
2
- .mt-modal-root__backdrop[data-v-e99ba37a] {
3
- position: fixed;
4
- top: 0;
5
- left: 0;
6
- right: 0;
7
- bottom: 0;
8
- background-color: var(--color-elevation-backdrop-default);
9
- z-index: 1000;
10
- }
11
- .fade-enter-active[data-v-e99ba37a] {
12
- transition: opacity 150ms cubic-bezier(0.3, 0, 1, 1);
13
- }
14
- .fade-leave-active[data-v-e99ba37a] {
15
- transition: opacity 150ms cubic-bezier(0, 0, 0, 1);
16
- }
17
- .fade-enter-from[data-v-e99ba37a],
18
- .fade-leave-to[data-v-e99ba37a] {
19
- opacity: 0;
20
- }
1
+ .mt-modal-root__backdrop[data-v-e99ba37a]{position:fixed;top:0;left:0;right:0;bottom:0;background-color:var(--color-elevation-backdrop-default);z-index:1000}.fade-enter-active[data-v-e99ba37a]{transition:opacity .15s cubic-bezier(.3,0,1,1)}.fade-leave-active[data-v-e99ba37a]{transition:opacity .15s cubic-bezier(0,0,0,1)}.fade-enter-from[data-v-e99ba37a],.fade-leave-to[data-v-e99ba37a]{opacity:0}
package/dist/mt-modal.css CHANGED
@@ -1,160 +1 @@
1
-
2
- .mt-modal[data-v-9da7aec7] {
3
- /* the dialog itself receives the initial focus; don't render a ring around it */
4
- outline: none;
5
- height: auto;
6
- position: fixed;
7
- top: 50%;
8
- left: 50%;
9
- translate: -50% -50%;
10
- z-index: 1000;
11
- background-color: var(--color-elevation-surface-raised);
12
- border-radius: var(--border-radius-card);
13
- overflow: hidden;
14
- width: min(var(--mt-modal-width), calc(100vw - 2rem));
15
- border: 1px solid var(--color-border-secondary-default);
16
- max-height: calc(100dvh - 2rem);
17
- display: flex;
18
- flex-direction: column;
19
- }
20
- .mt-modal--width-s[data-v-9da7aec7] {
21
- --mt-modal-width: 27.5rem;
22
- }
23
- .mt-modal--width-m[data-v-9da7aec7] {
24
- --mt-modal-width: 45rem;
25
- }
26
- .mt-modal--width-l[data-v-9da7aec7] {
27
- --mt-modal-width: 64rem;
28
- }
29
- .mt-modal--width-xl[data-v-9da7aec7] {
30
- --mt-modal-width: 90rem;
31
- }
32
- .mt-modal--width-full[data-v-9da7aec7] {
33
- --mt-modal-width: 100%;
34
- }
35
- .modal-enter-active[data-v-9da7aec7] {
36
- transition: opacity 400ms cubic-bezier(0.05, 0.7, 0.1, 1);
37
- @media (prefers-reduced-motion: no-preference) {
38
- transition:
39
- opacity 400ms cubic-bezier(0.05, 0.7, 0.1, 1),
40
- scale 400ms cubic-bezier(0.05, 0.7, 0.1, 1);
41
- }
42
- }
43
- .modal-leave-active[data-v-9da7aec7] {
44
- transition: opacity 200ms cubic-bezier(0.3, 0, 0.8, 0.15);
45
- @media (prefers-reduced-motion: no-preference) {
46
- transition:
47
- opacity 200ms cubic-bezier(0.3, 0, 0.8, 0.15),
48
- scale 200ms cubic-bezier(0.3, 0, 0.8, 0.15);
49
- }
50
- }
51
- .modal-enter-from[data-v-9da7aec7],
52
- .modal-leave-to[data-v-9da7aec7] {
53
- opacity: 0;
54
- @media (prefers-reduced-motion: no-preference) {
55
- scale: 0.9;
56
- }
57
- }
58
- .mt-modal__title[data-v-9da7aec7] {
59
- margin-block-end: 0;
60
- }
61
- .mt-modal__subtitle[data-v-9da7aec7] {
62
- font-size: var(--font-size-s);
63
- font-weight: var(--font-weight-regular);
64
- line-height: var(--line-height-md);
65
- }
66
- .mt-modal__content[data-v-9da7aec7] {
67
- position: relative;
68
- overflow-y: auto;
69
- }
70
- .mt-modal__content-inner[data-v-9da7aec7] {
71
- padding: var(--scale-size-24);
72
- }
73
- .mt-modal__content-inner--no-padding[data-v-9da7aec7] {
74
- padding: 0;
75
- }
76
- .mt-modal__scroll-shadow[data-v-9da7aec7] {
77
- position: sticky;
78
- left: 0;
79
- right: 0;
80
- height: var(--scale-size-4);
81
- margin-top: -0.25rem;
82
- filter: blur(3px);
83
- background-color: var(--color-elevation-shadow-default);
84
- }
85
- .mt-modal__scroll-shadow--top[data-v-9da7aec7] {
86
- top: 0;
87
- }
88
- .mt-modal__scroll-shadow--bottom[data-v-9da7aec7] {
89
- bottom: 0;
90
- }
91
- .shadow-fade-enter-active[data-v-9da7aec7] {
92
- transition: opacity 400ms cubic-bezier(0.05, 0.7, 0.1, 1);
93
- @media (prefers-reduced-motion: no-preference) {
94
- transition: opacity 400ms cubic-bezier(0.05, 0.7, 0.1, 1);
95
- }
96
- }
97
- .shadow-fade-leave-active[data-v-9da7aec7] {
98
- transition: opacity 200ms cubic-bezier(0.3, 0, 0.8, 0.15);
99
- @media (prefers-reduced-motion: no-preference) {
100
- transition: opacity 200ms cubic-bezier(0.3, 0, 0.8, 0.15);
101
- }
102
- }
103
- .shadow-fade-enter-from[data-v-9da7aec7],
104
- .shadow-fade-leave-to[data-v-9da7aec7] {
105
- opacity: 0;
106
- @media (prefers-reduced-motion: no-preference) {
107
- scale: 0.9;
108
- }
109
- }
110
- .mt-modal__footer[data-v-9da7aec7] {
111
- display: flex;
112
- justify-content: flex-end;
113
- gap: var(--scale-size-8);
114
- padding: var(--scale-size-24);
115
- border-top: 1px solid var(--color-border-secondary-default);
116
- }
117
- .mt-modal__header[data-v-9da7aec7] {
118
- padding: var(--scale-size-24);
119
- border-bottom: 1px solid var(--color-border-secondary-default);
120
- display: flex;
121
- flex-direction: row;
122
- align-items: center;
123
- gap: var(--scale-size-12);
124
- }
125
- .mt-modal__header-content[data-v-9da7aec7] {
126
- display: flex;
127
- flex-direction: column;
128
- gap: var(--scale-size-2);
129
- flex: 1;
130
- min-width: 0; /* allow content to shrink within flex container */
131
- }
132
- .mt-modal__header-content-title[data-v-9da7aec7] {
133
- display: flex;
134
- flex-direction: row;
135
- align-items: center;
136
- column-gap: var(--scale-size-8);
137
- }
138
- .mt-modal__close-button {
139
- &[data-v-9da7aec7] {
140
- cursor: pointer;
141
- color: var(--color-icon-primary-default);
142
- border-radius: var(--border-radius-xs);
143
- width: var(--scale-size-32);
144
- height: var(--scale-size-32);
145
- display: flex;
146
- align-items: center;
147
- justify-content: center;
148
-
149
- /* prevents hover styles from being applied to non-hoverable devices */
150
- }
151
- @media (hover: hover) {
152
- &[data-v-9da7aec7]:hover {
153
- background-color: var(--color-interaction-secondary-hover);
154
- }
155
- }
156
- &[data-v-9da7aec7]:focus-visible {
157
- outline: 2px solid var(--color-border-brand-default);
158
- box-shadow: 0 0 4px 0 rgba(24, 158, 255, 0.3);
159
- }
160
- }
1
+ .mt-modal[data-v-9da7aec7]{outline:none;height:auto;position:fixed;top:50%;left:50%;translate:-50% -50%;z-index:1000;background-color:var(--color-elevation-surface-raised);border-radius:var(--border-radius-card);overflow:hidden;width:min(var(--mt-modal-width),calc(100vw - 2rem));border:1px solid var(--color-border-secondary-default);max-height:calc(100dvh - 2rem);display:flex;flex-direction:column}.mt-modal--width-s[data-v-9da7aec7]{--mt-modal-width: 27.5rem}.mt-modal--width-m[data-v-9da7aec7]{--mt-modal-width: 45rem}.mt-modal--width-l[data-v-9da7aec7]{--mt-modal-width: 64rem}.mt-modal--width-xl[data-v-9da7aec7]{--mt-modal-width: 90rem}.mt-modal--width-full[data-v-9da7aec7]{--mt-modal-width: 100%}.modal-enter-active[data-v-9da7aec7]{transition:opacity .4s cubic-bezier(.05,.7,.1,1)}@media (prefers-reduced-motion: no-preference){.modal-enter-active[data-v-9da7aec7]{transition:opacity .4s cubic-bezier(.05,.7,.1,1),scale .4s cubic-bezier(.05,.7,.1,1)}}.modal-leave-active[data-v-9da7aec7]{transition:opacity .2s cubic-bezier(.3,0,.8,.15)}@media (prefers-reduced-motion: no-preference){.modal-leave-active[data-v-9da7aec7]{transition:opacity .2s cubic-bezier(.3,0,.8,.15),scale .2s cubic-bezier(.3,0,.8,.15)}}.modal-enter-from[data-v-9da7aec7],.modal-leave-to[data-v-9da7aec7]{opacity:0}@media (prefers-reduced-motion: no-preference){.modal-enter-from[data-v-9da7aec7],.modal-leave-to[data-v-9da7aec7]{scale:.9}}.mt-modal__title[data-v-9da7aec7]{margin-block-end:0}.mt-modal__subtitle[data-v-9da7aec7]{font-size:var(--font-size-s);font-weight:var(--font-weight-regular);line-height:var(--line-height-md)}.mt-modal__content[data-v-9da7aec7]{position:relative;overflow-y:auto}.mt-modal__content-inner[data-v-9da7aec7]{padding:var(--scale-size-24)}.mt-modal__content-inner--no-padding[data-v-9da7aec7]{padding:0}.mt-modal__scroll-shadow[data-v-9da7aec7]{position:sticky;left:0;right:0;height:var(--scale-size-4);margin-top:-.25rem;filter:blur(3px);background-color:var(--color-elevation-shadow-default)}.mt-modal__scroll-shadow--top[data-v-9da7aec7]{top:0}.mt-modal__scroll-shadow--bottom[data-v-9da7aec7]{bottom:0}.shadow-fade-enter-active[data-v-9da7aec7]{transition:opacity .4s cubic-bezier(.05,.7,.1,1)}@media (prefers-reduced-motion: no-preference){.shadow-fade-enter-active[data-v-9da7aec7]{transition:opacity .4s cubic-bezier(.05,.7,.1,1)}}.shadow-fade-leave-active[data-v-9da7aec7]{transition:opacity .2s cubic-bezier(.3,0,.8,.15)}@media (prefers-reduced-motion: no-preference){.shadow-fade-leave-active[data-v-9da7aec7]{transition:opacity .2s cubic-bezier(.3,0,.8,.15)}}.shadow-fade-enter-from[data-v-9da7aec7],.shadow-fade-leave-to[data-v-9da7aec7]{opacity:0}@media (prefers-reduced-motion: no-preference){.shadow-fade-enter-from[data-v-9da7aec7],.shadow-fade-leave-to[data-v-9da7aec7]{scale:.9}}.mt-modal__footer[data-v-9da7aec7]{display:flex;justify-content:flex-end;gap:var(--scale-size-8);padding:var(--scale-size-24);border-top:1px solid var(--color-border-secondary-default)}.mt-modal__header[data-v-9da7aec7]{padding:var(--scale-size-24);border-bottom:1px solid var(--color-border-secondary-default);display:flex;flex-direction:row;align-items:center;gap:var(--scale-size-12)}.mt-modal__header-content[data-v-9da7aec7]{display:flex;flex-direction:column;gap:var(--scale-size-2);flex:1;min-width:0}.mt-modal__header-content-title[data-v-9da7aec7]{display:flex;flex-direction:row;align-items:center;column-gap:var(--scale-size-8)}.mt-modal__close-button[data-v-9da7aec7]{cursor:pointer;color:var(--color-icon-primary-default);border-radius:var(--border-radius-xs);width:var(--scale-size-32);height:var(--scale-size-32);display:flex;align-items:center;justify-content:center}@media (hover: hover){.mt-modal__close-button[data-v-9da7aec7]:hover{background-color:var(--color-interaction-secondary-hover)}}.mt-modal__close-button[data-v-9da7aec7]:focus-visible{outline:2px solid var(--color-border-brand-default);box-shadow:0 0 4px #189eff4d}
@@ -1,71 +1 @@
1
-
2
- .mt-number-field__controls {
3
- &[data-v-eab3c285] {
4
- --_controls-margin: var(--scale-size-6);
5
- display: flex;
6
- flex-direction: column;
7
- flex-shrink: 0;
8
- width: var(--scale-size-32);
9
- align-self: stretch;
10
- margin: calc(var(--_controls-margin) / 2);
11
- box-sizing: border-box;
12
- border: 1px solid var(--color-border-primary-default);
13
- border-radius: var(--border-radius-xs);
14
- background-color: var(--color-interaction-secondary-default);
15
- }
16
- & button {
17
- &[data-v-eab3c285] {
18
- display: flex;
19
- align-items: center;
20
- justify-content: center;
21
- width: 100%;
22
- flex: 1;
23
- border-radius: 0;
24
- outline-color: var(--color-border-brand-default);
25
- color: var(--color-icon-primary-default);
26
- transition: all 0.15s ease-out;
27
- }
28
- &[data-v-eab3c285]:is(:hover, :focus-visible):not(:disabled) {
29
- background-color: var(--color-interaction-secondary-hover);
30
- }
31
- &[data-v-eab3c285]:disabled {
32
- cursor: default;
33
- }
34
- }
35
- & button[data-v-eab3c285]:first-of-type {
36
- border-start-start-radius: calc(var(--border-radius-xs) - 1px);
37
- border-start-end-radius: calc(var(--border-radius-xs) - 1px);
38
- border-bottom: 1px solid var(--color-border-primary-default);
39
- }
40
- & button[data-v-eab3c285]:last-of-type {
41
- border-end-start-radius: calc(var(--border-radius-xs) - 1px);
42
- border-end-end-radius: calc(var(--border-radius-xs) - 1px);
43
- }
44
- &.mt-field__controls--disabled {
45
- &[data-v-eab3c285] {
46
- background-color: var(--color-background-tertiary-default);
47
- }
48
- & button[data-v-eab3c285] {
49
- color: var(--color-icon-primary-disabled);
50
- }
51
- }
52
- }
53
- @container mt-number-field (max-width: 180px) {
54
- .mt-number-field__controls[data-v-eab3c285] {
55
- display: none;
56
- }
57
- }
58
- input.mt-number-field__align-end[data-v-eab3c285] {
59
- text-align: end;
60
- }
61
-
62
- .mt-number-field {
63
- container-type: inline-size;
64
- container-name: mt-number-field;
65
- }
66
- .mt-number-field .mt-block-field__block {
67
- background: var(--color-background-primary-default);
68
- }
69
- .mt-number-field.is--disabled .mt-block-field__block {
70
- background: var(--color-background-tertiary-default);
71
- }
1
+ .mt-number-field__controls[data-v-e0ff2b1d]{--_controls-margin: var(--scale-size-6);display:flex;flex-direction:column;flex-shrink:0;width:var(--scale-size-32);align-self:stretch;margin:calc(var(--_controls-margin) / 2);box-sizing:border-box;border:1px solid var(--color-border-primary-default);border-radius:var(--border-radius-xs);background-color:var(--color-interaction-secondary-default)}.mt-number-field__controls button[data-v-e0ff2b1d]{display:flex;align-items:center;justify-content:center;width:100%;flex:1;border-radius:0;outline-color:var(--color-border-brand-default);color:var(--color-icon-primary-default);transition:all .15s ease-out}.mt-number-field__controls button[data-v-e0ff2b1d]:is(:hover,:focus-visible):not(:disabled){background-color:var(--color-interaction-secondary-hover)}.mt-number-field__controls button[data-v-e0ff2b1d]:disabled{cursor:default}.mt-number-field__controls button[data-v-e0ff2b1d]:first-of-type{border-start-start-radius:calc(var(--border-radius-xs) - 1px);border-start-end-radius:calc(var(--border-radius-xs) - 1px);border-bottom:1px solid var(--color-border-primary-default)}.mt-number-field__controls button[data-v-e0ff2b1d]:last-of-type{border-end-start-radius:calc(var(--border-radius-xs) - 1px);border-end-end-radius:calc(var(--border-radius-xs) - 1px)}.mt-number-field__controls.mt-field__controls--disabled[data-v-e0ff2b1d]{background-color:var(--color-background-tertiary-default)}.mt-number-field__controls.mt-field__controls--disabled button[data-v-e0ff2b1d]{color:var(--color-icon-primary-disabled)}input.mt-number-field__align-end[data-v-e0ff2b1d]{text-align:end}.mt-field.mt-number-field input{min-width:calc(var(--scale-size-32) + 2ch)}.mt-number-field .mt-block-field__block{background:var(--color-background-primary-default)}.mt-number-field.is--disabled .mt-block-field__block{background:var(--color-background-tertiary-default)}
@@ -1,78 +1 @@
1
-
2
- .mt-pagination {
3
- &[data-v-3c2685bd] {
4
- display: flex;
5
- align-items: baseline;
6
- gap: var(--scale-size-12);
7
- }
8
- &[data-v-3c2685bd] :last-child {
9
- border-top-right-radius: var(--border-radius-xs);
10
- border-bottom-right-radius: var(--border-radius-xs);
11
- }
12
- &[data-v-3c2685bd] :first-child {
13
- border-top-left-radius: var(--border-radius-xs);
14
- border-bottom-left-radius: var(--border-radius-xs);
15
- }
16
- }
17
- .mt-pagination__controls[data-v-3c2685bd] {
18
- display: inline-flex;
19
- border-radius: var(--border-radius-xs);
20
- border: 1px solid var(--color-border-primary-default);
21
- }
22
- .mt-pagination__info-text[data-v-3c2685bd] {
23
- color: var(--color-text-secondary-default);
24
- font-size: var(--font-size-xs);
25
- line-height: var(--font-line-height-xs);
26
- font-family: var(--font-family-body);
27
- }
28
- .mt-pagination__button {
29
- &[data-v-3c2685bd] {
30
- border-right: 1px solid var(--color-border-primary-default);
31
- color: var(--color-icon-primary-default);
32
- height: var(--scale-size-32);
33
- width: var(--scale-size-40);
34
- display: grid;
35
- place-items: center;
36
- transition-property: background-color, color, border-color;
37
- transition-duration: 0.15s;
38
- transition-timing-function: ease-out;
39
- }
40
- &[data-v-3c2685bd]:focus-visible {
41
- outline: var(--scale-size-2) solid var(--color-border-brand-default);
42
- outline-offset: var(--scale-size-2);
43
- background-color: var(--color-interaction-secondary-hover);
44
- }
45
- &[data-v-3c2685bd]:hover:not(:disabled) {
46
- background-color: var(--color-interaction-secondary-hover);
47
- }
48
- &[data-v-3c2685bd]:last-of-type {
49
- border-right: none;
50
- }
51
- &[data-v-3c2685bd]:disabled {
52
- background-color: var(--color-interaction-secondary-disabled);
53
- cursor: not-allowed;
54
- }
55
- }
56
- .mt-pagination__current-page-input {
57
- &[data-v-3c2685bd] {
58
- all: unset;
59
- width: auto;
60
- border-right: 1px solid var(--color-border-primary-default);
61
- padding: 0 var(--scale-size-12);
62
- color: var(--color-text-primary-default);
63
- font-size: var(--font-size-xs);
64
- line-height: var(--font-line-height-xs);
65
- font-family: var(--font-family-body);
66
- font-variant-numeric: tabular-nums;
67
-
68
- /* Firefox */
69
- }
70
- &[data-v-3c2685bd]::-webkit-outer-spin-button,
71
- &[data-v-3c2685bd]::-webkit-inner-spin-button {
72
- -webkit-appearance: none;
73
- margin: 0;
74
- }
75
- &[type="number"][data-v-3c2685bd] {
76
- -moz-appearance: textfield;
77
- }
78
- }
1
+ .mt-pagination[data-v-3c2685bd]{display:flex;align-items:baseline;gap:var(--scale-size-12)}.mt-pagination[data-v-3c2685bd] :last-child{border-top-right-radius:var(--border-radius-xs);border-bottom-right-radius:var(--border-radius-xs)}.mt-pagination[data-v-3c2685bd] :first-child{border-top-left-radius:var(--border-radius-xs);border-bottom-left-radius:var(--border-radius-xs)}.mt-pagination__controls[data-v-3c2685bd]{display:inline-flex;border-radius:var(--border-radius-xs);border:1px solid var(--color-border-primary-default)}.mt-pagination__info-text[data-v-3c2685bd]{color:var(--color-text-secondary-default);font-size:var(--font-size-xs);line-height:var(--font-line-height-xs);font-family:var(--font-family-body)}.mt-pagination__button[data-v-3c2685bd]{border-right:1px solid var(--color-border-primary-default);color:var(--color-icon-primary-default);height:var(--scale-size-32);width:var(--scale-size-40);display:grid;place-items:center;transition-property:background-color,color,border-color;transition-duration:.15s;transition-timing-function:ease-out}.mt-pagination__button[data-v-3c2685bd]:focus-visible{outline:var(--scale-size-2) solid var(--color-border-brand-default);outline-offset:var(--scale-size-2);background-color:var(--color-interaction-secondary-hover)}.mt-pagination__button[data-v-3c2685bd]:hover:not(:disabled){background-color:var(--color-interaction-secondary-hover)}.mt-pagination__button[data-v-3c2685bd]:last-of-type{border-right:none}.mt-pagination__button[data-v-3c2685bd]:disabled{background-color:var(--color-interaction-secondary-disabled);cursor:not-allowed}.mt-pagination__current-page-input[data-v-3c2685bd]{all:unset;width:auto;border-right:1px solid var(--color-border-primary-default);padding:0 var(--scale-size-12);color:var(--color-text-primary-default);font-size:var(--font-size-xs);line-height:var(--font-line-height-xs);font-family:var(--font-family-body);font-variant-numeric:tabular-nums}.mt-pagination__current-page-input[data-v-3c2685bd]::-webkit-outer-spin-button,.mt-pagination__current-page-input[data-v-3c2685bd]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.mt-pagination__current-page-input[type=number][data-v-3c2685bd]{-moz-appearance:textfield}
@@ -1,27 +1 @@
1
-
2
- .mt-password-field[data-v-3e0be26d] .mt-block-field__block {
3
- background-color: var(--color-background-primary-default);
4
- &:has(input:disabled) {
5
- background-color: var(--color-background-tertiary-default);
6
- }
7
- }
8
- .mt-password-field.has--error[data-v-3e0be26d] .mt-block-field__block {
9
- background-color: var(--color-background-critical-default);
10
- }
11
- .mt-password-field__visibility-toggle {
12
- &[data-v-3e0be26d] {
13
- align-self: center;
14
- display: grid;
15
- place-items: center;
16
- border-radius: var(--border-radius-xs);
17
- height: var(--scale-size-32);
18
- width: var(--scale-size-32);
19
- margin-right: var(--scale-size-8);
20
- }
21
- &[data-v-3e0be26d]:is(:hover, :focus-visible) {
22
- background-color: var(--color-interaction-secondary-hover);
23
- }
24
- &[data-v-3e0be26d]:focus-visible {
25
- outline: 2px solid var(--color-border-brand-default);
26
- }
27
- }
1
+ .mt-password-field[data-v-77fb09c0] .mt-block-field__block{background-color:var(--color-background-primary-default)}.mt-password-field[data-v-77fb09c0] .mt-block-field__block:has(input:disabled){background-color:var(--color-background-tertiary-default)}.mt-password-field.has--error[data-v-77fb09c0] .mt-block-field__block{background-color:var(--color-background-critical-default)}.mt-password-field__visibility-toggle[data-v-77fb09c0]{align-self:center;display:grid;place-items:center;border-radius:var(--border-radius-xs);height:var(--scale-size-32);width:var(--scale-size-32);margin-right:var(--scale-size-8)}.mt-password-field__visibility-toggle[data-v-77fb09c0]:is(:hover,:focus-visible){background-color:var(--color-interaction-secondary-hover)}.mt-password-field__visibility-toggle[data-v-77fb09c0]:focus-visible{outline:2px solid var(--color-border-brand-default)}
@@ -1,7 +1 @@
1
-
2
- .mt-popover-deprecated__wrapper {
3
- position: inherit;
4
- &.--placement-bottom-outside {
5
- transform: translate(0, calc(-100% - 57px));
6
- }
7
- }
1
+ .mt-popover-deprecated__wrapper{position:inherit}.mt-popover-deprecated__wrapper.--placement-bottom-outside{transform:translateY(calc(-100% - 57px))}