@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,135 +1 @@
1
- /* ------------------------------------
2
- * Administration variables
3
- * Table of contents
4
- *
5
- * 1. Primary colors
6
- * 2. Status colors
7
- * 3. Module colors
8
- * 4. Generic colors
9
- * 5. Gradients
10
- * 6. Typography
11
- * 7. Miscellaneous
12
- * 8. z-index
13
- * 9. Global widths
14
- * ------------------------------------ */
15
- /* ------------------------------------
16
- * 1. Primary colors
17
- * ------------------------------------ */
18
- /* ------------------------------------
19
- * 2. Status colors
20
- * ------------------------------------ */
21
- /* ------------------------------------
22
- * 3. Module colors
23
- * ------------------------------------ */
24
- /* ------------------------------------
25
- * 4. Generic colors
26
- * ------------------------------------ */
27
- /* ------------------------------------
28
- * 5. Gradients
29
- * ------------------------------------ */
30
- /* ------------------------------------
31
- * 6. Typography
32
- * ------------------------------------ */
33
- /* ------------------------------------
34
- * 7. Miscellaneous
35
- * ------------------------------------ */
36
- /* ------------------------------------
37
- * 8. z-index
38
- * ------------------------------------ */
39
- /**
40
- * Use inter-font instead of normal font for popover. Also add the new variables to this file.
41
- */
42
- .mt-popover-item-result__group-header {
43
- display: flex;
44
- justify-content: space-between;
45
- align-items: center;
46
- margin-bottom: var(--scale-size-4);
47
- margin-top: var(--scale-size-8);
48
- }
49
- .mt-popover-item-result__group-label {
50
- text-transform: uppercase;
51
- }
52
- .mt-popover-item-result__group-action {
53
- transition: 0.3s all ease;
54
- background-color: transparent;
55
- border: none;
56
- color: var(--color-text-brand-default);
57
- font-family: var(--font-family-body);
58
- font-size: var(--font-size-xs);
59
- line-height: var(--font-line-height-xs);
60
- font-weight: var(--font-weight-semibold);
61
- text-decoration: underline;
62
- cursor: pointer;
63
- }
64
- .mt-popover-item-result__group-action:hover {
65
- color: #0e82ff;
66
- }
67
- .mt-popover-item-result__group-action:active {
68
- color: #0870ff;
69
- }
70
- .mt-popover-item-result__option {
71
- position: relative;
72
- }
73
- .mt-popover-item-result [class^=mt-popover-item-result__option_drop_] {
74
- position: absolute;
75
- height: 50%;
76
- width: 100%;
77
- left: 0;
78
- opacity: 0;
79
- pointer-events: none;
80
- transition: 0.15s all ease;
81
- }
82
- .mt-popover-item-result [class^=mt-popover-item-result__option_drop_].is--valid-drop {
83
- opacity: 1;
84
- }
85
- .mt-popover-item-result__option_drop_before {
86
- top: 0;
87
- box-shadow: inset 0px 4px 4px -4px #0870ff;
88
- }
89
- .mt-popover-item-result__option_drop_after {
90
- bottom: 0;
91
- box-shadow: inset 0px -4px 4px -4px #0870ff;
92
- }
93
- .mt-popover-item-result .mt-popover-item {
94
- transition: 0.3s all ease;
95
- padding-top: var(--scale-size-4);
96
- padding-bottom: var(--scale-size-4);
97
- }
98
- .mt-popover-item-result .mt-popover-item.is--dragging {
99
- opacity: 0.25;
100
- border: none;
101
- background-color: inherit;
102
- }
103
- .mt-popover-item-result .mt-popover-item.is--dragging > * {
104
- opacity: 1;
105
- }
106
- .mt-popover-item-result .option-item-enter-active,
107
- .mt-popover-item-result .option-item-leave-active {
108
- transition: opacity 0.5s;
109
- }
110
- .mt-popover-item-result .option-item-leave-active {
111
- transition: opacity 0.2s;
112
- position: absolute;
113
- opacity: 0;
114
- }
115
- .mt-popover-item-result .option-item-enter {
116
- opacity: 0;
117
- }
118
- .mt-popover-item-result .option-item-move {
119
- transition: transform 0.3s ease;
120
- }
121
- .mt-popover-item-result .option-fade-enter-active,
122
- .mt-popover-item-result .option-fade-leave-active {
123
- transition: opacity 0.3s;
124
- }
125
- .mt-popover-item-result .option-fade-enter,
126
- .mt-popover-item-result .option-fade-leave-to {
127
- opacity: 0;
128
- }
129
- body.is-popover-item-result-dragging [class^=mt-popover-item-result__option_drop_] {
130
- pointer-events: all;
131
- }
132
- body.is-popover-item-result-dragging .mt-popover-item.is--drag-element {
133
- box-shadow: none;
134
- transition: 0.3s rotate ease-in-out;
135
- }
1
+ .mt-popover-item-result__group-header{display:flex;justify-content:space-between;align-items:center;margin-block-end:var(--scale-size-4);margin-block-start:var(--scale-size-8)}.mt-popover-item-result__group-label{text-transform:uppercase}.mt-popover-item-result__group-action{transition:.3s all ease;background-color:transparent;border:none;color:var(--color-text-brand-default);font-family:var(--font-family-body);font-size:var(--font-size-xs);line-height:var(--font-line-height-xs);font-weight:var(--font-weight-semibold);text-decoration:underline;cursor:pointer}.mt-popover-item-result__group-action:hover{color:var(--color-text-brand-hover)}.mt-popover-item-result__group-action:active{color:var(--color-text-brand-pressed)}.mt-popover-item-result__option{position:relative}.mt-popover-item-result [class^=mt-popover-item-result__option_drop_]{position:absolute;height:50%;width:100%;inset-inline-start:0;opacity:0;pointer-events:none;transition:.15s all ease}.mt-popover-item-result [class^=mt-popover-item-result__option_drop_].is--valid-drop{opacity:1}.mt-popover-item-result__option_drop_before{inset-block-start:0;box-shadow:inset 0 4px 4px -4px var(--color-border-brand-selected)}.mt-popover-item-result__option_drop_after{inset-block-end:0;box-shadow:inset 0 -4px 4px -4px var(--color-border-brand-selected)}.mt-popover-item-result .mt-popover-item{transition:.3s all ease;padding-block:var(--scale-size-4)}.mt-popover-item-result .mt-popover-item.is--dragging{opacity:.25;border:none;background-color:inherit}.mt-popover-item-result .mt-popover-item.is--dragging>*{opacity:1}.mt-popover-item-result .option-item-enter-active,.mt-popover-item-result .option-item-leave-active{transition:opacity .5s}.mt-popover-item-result .option-item-leave-active{transition:opacity .2s;position:absolute;opacity:0}.mt-popover-item-result .option-item-enter-from{opacity:0}.mt-popover-item-result .option-item-move{transition:transform .3s ease}.mt-popover-item-result .option-fade-enter-active,.mt-popover-item-result .option-fade-leave-active{transition:opacity .3s}.mt-popover-item-result .option-fade-enter-from,.mt-popover-item-result .option-fade-leave-to{opacity:0}body.is-popover-item-result-dragging [class^=mt-popover-item-result__option_drop_]{pointer-events:all}body.is-popover-item-result-dragging .mt-popover-item.is--drag-element{box-shadow:none;transition:.3s rotate ease-in-out}
@@ -1,175 +1 @@
1
- /* ------------------------------------
2
- * Administration variables
3
- * Table of contents
4
- *
5
- * 1. Primary colors
6
- * 2. Status colors
7
- * 3. Module colors
8
- * 4. Generic colors
9
- * 5. Gradients
10
- * 6. Typography
11
- * 7. Miscellaneous
12
- * 8. z-index
13
- * 9. Global widths
14
- * ------------------------------------ */
15
- /* ------------------------------------
16
- * 1. Primary colors
17
- * ------------------------------------ */
18
- /* ------------------------------------
19
- * 2. Status colors
20
- * ------------------------------------ */
21
- /* ------------------------------------
22
- * 3. Module colors
23
- * ------------------------------------ */
24
- /* ------------------------------------
25
- * 4. Generic colors
26
- * ------------------------------------ */
27
- /* ------------------------------------
28
- * 5. Gradients
29
- * ------------------------------------ */
30
- /* ------------------------------------
31
- * 6. Typography
32
- * ------------------------------------ */
33
- /* ------------------------------------
34
- * 7. Miscellaneous
35
- * ------------------------------------ */
36
- /* ------------------------------------
37
- * 8. z-index
38
- * ------------------------------------ */
39
- .mt-popover-item {
40
- display: flex;
41
- flex-direction: column;
42
- color: var(--color-text-primary-default);
43
- padding: var(--scale-size-8) 0;
44
- }
45
- .mt-popover-item * {
46
- font-family: var(--font-family-body);
47
- }
48
- .mt-popover-item.mt-popover-item--clickable {
49
- cursor: pointer;
50
- }
51
- .mt-popover-item.mt-popover-item--clickable:hover {
52
- position: relative;
53
- }
54
- .mt-popover-item.mt-popover-item--clickable:hover::before {
55
- content: "";
56
- }
57
- .mt-popover-item:hover::before {
58
- position: absolute;
59
- background-color: var(--color-interaction-secondary-hover);
60
- border-radius: var(--border-radius-xs);
61
- top: var(--scale-size-4);
62
- right: -8px;
63
- bottom: var(--scale-size-4);
64
- left: -8px;
65
- pointer-events: none;
66
- }
67
- .mt-popover-item.is--draggable {
68
- cursor: grab;
69
- }
70
- .mt-popover-item--critical {
71
- color: var(--color-text-critical-default);
72
- }
73
- .mt-popover-item--critical:hover::before {
74
- background-color: var(--color-background-critical-default);
75
- }
76
- .mt-popover-item--active {
77
- text-decoration: underline;
78
- }
79
- .mt-popover-item--disabled {
80
- color: var(--color-text-primary-disabled);
81
- }
82
- .mt-popover-item--disabled:hover {
83
- text-decoration: none;
84
- cursor: default;
85
- }
86
- .mt-popover-item--disabled:hover::before {
87
- background-color: transparent;
88
- }
89
- .mt-popover-item--border-top {
90
- border-top: 1px solid var(--color-border-secondary-default);
91
- margin-top: -1px;
92
- }
93
- .mt-popover-item--border-bottom {
94
- border-bottom: 1px solid var(--color-border-secondary-default);
95
- margin-bottom: -1px;
96
- }
97
- .mt-popover-item__top-row {
98
- display: flex;
99
- gap: var(--scale-size-8);
100
- z-index: 1;
101
- }
102
- .mt-popover-item__align-right {
103
- display: flex;
104
- gap: var(--scale-size-8);
105
- margin-left: auto;
106
- }
107
- .mt-popover-item__checkbox {
108
- margin-top: var(--scale-size-4);
109
- }
110
- .mt-popover-item__checkbox .mt-field--checkbox {
111
- margin: 0;
112
- }
113
- .mt-popover-item__icon {
114
- margin-top: var(--scale-size-4);
115
- padding: 1px;
116
- }
117
- .mt-popover-item__icon--clickable {
118
- cursor: pointer;
119
- }
120
- .mt-popover-item__icon svg {
121
- width: var(--scale-size-14) !important;
122
- height: var(--scale-size-14) !important;
123
- }
124
- .mt-popover-item__label {
125
- margin-right: var(--scale-size-4);
126
- }
127
- .mt-popover-item__label, .mt-popover-item__contextual-detail, .mt-popover-item__shortcut {
128
- font-size: var(--font-size-xs);
129
- line-height: var(--font-line-height-xs);
130
- font-weight: var(--font-weight-medium);
131
- }
132
- .mt-popover-item__label--clickable, .mt-popover-item__contextual-detail--clickable, .mt-popover-item__shortcut--clickable {
133
- cursor: pointer;
134
- }
135
- .mt-popover-item__contextual-detail, .mt-popover-item__shortcut {
136
- color: var(--color-text-secondary-default);
137
- white-space: nowrap;
138
- }
139
- .mt-popover-item__switch {
140
- margin: var(--scale-size-4) 0 0 0;
141
- min-height: var(--scale-size-16);
142
- }
143
- .mt-popover-item__visibility svg {
144
- width: var(--scale-size-12) !important;
145
- height: var(--scale-size-8) !important;
146
- }
147
- .mt-popover-item__visibility #meteor-icon-kit__solid-eye-slash {
148
- width: var(--scale-size-14) !important;
149
- height: var(--scale-size-10) !important;
150
- margin-top: -1px;
151
- margin-left: -1px;
152
- margin-right: -1px;
153
- }
154
- .mt-popover-item__options-count {
155
- margin-right: var(--scale-size-8);
156
- font-family: var(--font-family-body);
157
- font-size: var(--font-size-xs);
158
- line-height: var(--font-line-height-xs);
159
- font-weight: var(--font-weight-medium);
160
- }
161
- .mt-popover-item__options svg {
162
- width: 5px !important;
163
- height: var(--scale-size-8) !important;
164
- }
165
- .mt-popover-item__visibility, .mt-popover-item__options {
166
- cursor: pointer;
167
- padding-top: var(--scale-size-4);
168
- margin-top: var(--scale-size-4);
169
- }
170
- .mt-popover-item__meta-copy {
171
- color: var(--color-text-secondary-default);
172
- font-size: var(--font-size-2xs);
173
- line-height: var(--font-line-height-2xs);
174
- font-weight: var(--font-weight-medium);
175
- }
1
+ .mt-popover-item{display:flex;flex-direction:column;color:var(--color-text-primary-default);padding:var(--scale-size-8) 0}.mt-popover-item.mt-popover-item--clickable{cursor:pointer}.mt-popover-item.mt-popover-item--clickable:hover{position:relative}.mt-popover-item.mt-popover-item--clickable:hover:before{content:""}.mt-popover-item:hover:before{position:absolute;background-color:var(--color-interaction-secondary-hover);border-radius:var(--border-radius-xs);inset-block:var(--scale-size-4);inset-inline:-8px;pointer-events:none}.mt-popover-item.is--draggable{cursor:grab}.mt-popover-item--critical{color:var(--color-text-critical-default)}.mt-popover-item--critical:hover:before{background-color:var(--color-background-critical-default)}.mt-popover-item--active{text-decoration:underline}.mt-popover-item--disabled{color:var(--color-text-primary-disabled)}.mt-popover-item--disabled:hover{text-decoration:none;cursor:default}.mt-popover-item--disabled:hover:before{background-color:transparent}.mt-popover-item--border-top{border-block-start:1px solid var(--color-border-secondary-default);margin-block-start:-1px}.mt-popover-item--border-bottom{border-block-end:1px solid var(--color-border-secondary-default);margin-block-end:-1px}.mt-popover-item__top-row{display:flex;gap:var(--scale-size-8);z-index:1}.mt-popover-item__align-right{display:flex;gap:var(--scale-size-8);margin-inline-start:auto}.mt-popover-item__checkbox{margin-block-start:var(--scale-size-4)}.mt-popover-item__checkbox .mt-field--checkbox{margin:0}.mt-popover-item__icon{margin-block-start:var(--scale-size-4);padding:1px}.mt-popover-item__icon svg{width:var(--scale-size-14)!important;height:var(--scale-size-14)!important}.mt-popover-item__icon--clickable{cursor:pointer}.mt-popover-item__label{margin-inline-end:var(--scale-size-4)}.mt-popover-item__label,.mt-popover-item__contextual-detail,.mt-popover-item__shortcut{font-size:var(--font-size-xs);line-height:var(--font-line-height-xs);font-weight:var(--font-weight-medium)}.mt-popover-item__label--clickable,.mt-popover-item__contextual-detail--clickable,.mt-popover-item__shortcut--clickable{cursor:pointer}.mt-popover-item__contextual-detail,.mt-popover-item__shortcut{color:var(--color-text-secondary-default);white-space:nowrap}.mt-popover-item__switch{margin:var(--scale-size-4) 0 0 0;min-height:var(--scale-size-16)}.mt-popover-item__visibility svg{width:var(--scale-size-12)!important;height:var(--scale-size-8)!important}.mt-popover-item__visibility #meteor-icon-kit__solid-eye-slash{width:var(--scale-size-14)!important;height:var(--scale-size-10)!important;margin-block-start:-1px;margin-inline:-1px}.mt-popover-item__options-count{margin-inline-end:var(--scale-size-8);font-family:var(--font-family-body);font-size:var(--font-size-xs);line-height:var(--font-line-height-xs);font-weight:var(--font-weight-medium)}.mt-popover-item__options svg{width:5px!important;height:var(--scale-size-8)!important}.mt-popover-item__visibility,.mt-popover-item__options{cursor:pointer;padding-block-start:var(--scale-size-4);margin-block-start:var(--scale-size-4)}.mt-popover-item__meta-copy{color:var(--color-text-secondary-default);font-size:var(--font-size-2xs);line-height:var(--font-line-height-2xs);font-weight:var(--font-weight-medium)}
@@ -1,99 +1 @@
1
-
2
- .mt-popover--float .mt-popover__content {
3
- max-height: max(50vh, 250px);
4
- }
5
- .mt-popover__content {
6
- padding: var(--scale-size-16);
7
- padding-top: var(--scale-size-4);
8
- padding-bottom: var(--scale-size-4);
9
- background-color: var(--color-background-primary-default);
10
- overflow: auto;
11
- border-radius: var(--border-radius-xs);
12
- box-shadow:
13
- 0 1px 1px var(--color-elevation-shadow-default),
14
- 0 2px 1px var(--color-elevation-shadow-default),
15
- 0 1px 3px var(--color-elevation-shadow-default);
16
- overflow-x: hidden;
17
- scroll-behavior: smooth;
18
- &:has(.mt-popover__header) {
19
- padding-top: var(--scale-size-16);
20
- }
21
- }
22
- .mt-popover__content__header-placeholder-right {
23
- width: 44px;
24
- }
25
- .mt-popover__header {
26
- display: flex;
27
- align-items: center;
28
- justify-content: center;
29
- margin-bottom: var(--scale-size-16);
30
- gap: var(--scale-size-16);
31
- }
32
- .mt-popover__title {
33
- margin-right: auto;
34
- margin-block-end: 0;
35
- }
36
- .mt-popover__back-button {
37
- margin-right: auto;
38
- padding-top: var(--scale-size-12);
39
- padding-bottom: var(--scale-size-12);
40
- & .mt-icon {
41
- & svg {
42
- width: var(--scale-size-12) !important;
43
- height: var(--scale-size-8) !important;
44
- }
45
- }
46
- }
47
- .mt-popover--width-dynamic .mt-popover__content {
48
- min-width: 220px;
49
- max-width: 440px;
50
- }
51
- .mt-popover--width-large .mt-popover__content {
52
- min-width: 340px;
53
- max-width: 340px;
54
- }
55
- .mt-popover--width-medium .mt-popover__content {
56
- min-width: 280px;
57
- max-width: 280px;
58
- }
59
- .mt-popover--width-small .mt-popover__content {
60
- min-width: 220px;
61
- max-width: 220px;
62
- }
63
- .mt-popover__items {
64
- position: relative;
65
- &:has(div.slideIn-leave-active) {
66
- overflow: hidden !important;
67
- }
68
- }
69
-
70
- /* Animations */
71
- .mt-popover {
72
- & .slideIn-leave-active,
73
- & .slideOut-leave-active {
74
- transition: all 0.125s ease;
75
- }
76
- & .slideIn-enter-active,
77
- & .slideOut-enter-active {
78
- transition: all 0.125s ease;
79
- transition-delay: 0.125s;
80
- }
81
- & .slideIn-leave-active,
82
- & .slideOut-leave-active {
83
- position: absolute;
84
- }
85
- & .slideIn-leave-to {
86
- transform: translate3d(-110%, 0, 0);
87
- opacity: 0;
88
- }
89
- & .slideIn-enter {
90
- transform: translate3d(110%, 0, 0);
91
- }
92
- & .slideOut-leave-to {
93
- transform: translate3d(110%, 0, 0);
94
- opacity: 0;
95
- }
96
- & .slideOut-enter {
97
- transform: translate3d(-110%, 0, 0);
98
- }
99
- }
1
+ .mt-popover--float .mt-popover__content{max-height:max(50vh,250px)}.mt-popover__content{padding:var(--scale-size-16);padding-top:var(--scale-size-4);padding-bottom:var(--scale-size-4);background-color:var(--color-background-primary-default);overflow:auto;border-radius:var(--border-radius-xs);box-shadow:0 1px 1px var(--color-elevation-shadow-default),0 2px 1px var(--color-elevation-shadow-default),0 1px 3px var(--color-elevation-shadow-default);overflow-x:hidden;scroll-behavior:smooth}.mt-popover__content:has(.mt-popover__header){padding-top:var(--scale-size-16)}.mt-popover__content__header-placeholder-right{width:44px}.mt-popover__header{display:flex;align-items:center;justify-content:center;margin-bottom:var(--scale-size-16);gap:var(--scale-size-16)}.mt-popover__title{margin-right:auto;margin-block-end:0}.mt-popover__back-button{margin-right:auto;padding-top:var(--scale-size-12);padding-bottom:var(--scale-size-12)}.mt-popover__back-button .mt-icon svg{width:var(--scale-size-12)!important;height:var(--scale-size-8)!important}.mt-popover--width-dynamic .mt-popover__content{min-width:220px;max-width:440px}.mt-popover--width-large .mt-popover__content{min-width:340px;max-width:340px}.mt-popover--width-medium .mt-popover__content{min-width:280px;max-width:280px}.mt-popover--width-small .mt-popover__content{min-width:220px;max-width:220px}.mt-popover__items{position:relative}.mt-popover__items:has(div.slideIn-leave-active){overflow:hidden!important}.mt-popover .slideIn-leave-active,.mt-popover .slideOut-leave-active{transition:all .125s ease}.mt-popover .slideIn-enter-active,.mt-popover .slideOut-enter-active{transition:all .125s ease;transition-delay:.125s}.mt-popover .slideIn-leave-active,.mt-popover .slideOut-leave-active{position:absolute}.mt-popover .slideIn-leave-to{transform:translate3d(-110%,0,0);opacity:0}.mt-popover .slideIn-enter{transform:translate3d(110%,0,0)}.mt-popover .slideOut-leave-to{transform:translate3d(110%,0,0);opacity:0}.mt-popover .slideOut-enter{transform:translate3d(-110%,0,0)}
@@ -1,26 +1 @@
1
-
2
- .mt-progress-bar[data-v-0968cc4b] {
3
- display: grid;
4
- grid-template-columns: 1fr auto;
5
- grid-template-rows: repeat(auto-fit, auto);
6
- row-gap: var(--scale-size-8);
7
- }
8
- .mt-progress-bar__progress-label[data-v-0968cc4b] {
9
- color: var(--color-text-secondary);
10
- justify-self: end;
11
- }
12
- .mt-progress-bar__track[data-v-0968cc4b] {
13
- border-radius: var(--border-radius-round);
14
- height: var(--scale-size-8);
15
- width: 100%;
16
- background: var(--color-background-tertiary-default);
17
- grid-column: 1 / 3;
18
- }
19
- .mt-progress-bar__fill[data-v-0968cc4b] {
20
- border-radius: var(--border-radius-round);
21
- height: 100%;
22
- background: var(--color-interaction-primary-default);
23
- }
24
- .mt-progress-bar__fill--with-error[data-v-0968cc4b] {
25
- background: var(--color-interaction-critical-default);
26
- }
1
+ .mt-progress-bar[data-v-0968cc4b]{display:grid;grid-template-columns:1fr auto;grid-template-rows:repeat(auto-fit,auto);row-gap:var(--scale-size-8)}.mt-progress-bar__progress-label[data-v-0968cc4b]{color:var(--color-text-secondary);justify-self:end}.mt-progress-bar__track[data-v-0968cc4b]{border-radius:var(--border-radius-round);height:var(--scale-size-8);width:100%;background:var(--color-background-tertiary-default);grid-column:1 / 3}.mt-progress-bar__fill[data-v-0968cc4b]{border-radius:var(--border-radius-round);height:100%;background:var(--color-interaction-primary-default)}.mt-progress-bar__fill--with-error[data-v-0968cc4b]{background:var(--color-interaction-critical-default)}
@@ -1,4 +1 @@
1
-
2
- .mt-promo-badge[data-v-c5aad38f] .mt-icon {
3
- color: var(--mt-promo-badge-icon-color);
4
- }
1
+ .mt-promo-badge[data-v-c5aad38f] .mt-icon{color:var(--mt-promo-badge-icon-color)}
@@ -1,47 +1 @@
1
-
2
- .mt-radio-group-indicator__input[data-v-63f5c4e1] {
3
- position: absolute;
4
- opacity: 0;
5
- pointer-events: none;
6
- }
7
- .mt-radio-group-indicator__control[data-v-63f5c4e1] {
8
- width: var(--scale-size-16);
9
- height: var(--scale-size-16);
10
- border-radius: var(--border-radius-round);
11
- border: 1px solid var(--color-border-primary-default);
12
- background: var(--color-background-primary-default);
13
- display: inline-flex;
14
- align-items: center;
15
- justify-content: center;
16
- position: relative;
17
- transition:
18
- border-color 0.2s ease,
19
- background-color 0.2s ease;
20
- }
21
- .mt-radio-group-indicator__control[data-v-63f5c4e1]::after {
22
- content: "";
23
- width: var(--scale-size-8);
24
- height: var(--scale-size-8);
25
- border-radius: var(--border-radius-round);
26
- background: var(--color-static-white);
27
- transform: scale(0);
28
- transition: transform 0.15s ease-out;
29
- }
30
- .mt-radio-group-indicator__input:focus-visible + .mt-radio-group-indicator__control[data-v-63f5c4e1] {
31
- outline: 2px solid var(--color-border-brand-default);
32
- outline-offset: 2px;
33
- }
34
- .mt-radio-group-indicator__input:checked + .mt-radio-group-indicator__control[data-v-63f5c4e1] {
35
- border-color: var(--color-interaction-primary-default);
36
- background: var(--color-interaction-primary-default);
37
- }
38
- .mt-radio-group-indicator__input:checked + .mt-radio-group-indicator__control[data-v-63f5c4e1]::after {
39
- transform: scale(1);
40
- }
41
- .mt-radio-group-indicator__input:disabled + .mt-radio-group-indicator__control[data-v-63f5c4e1] {
42
- background: var(--color-background-tertiary-default);
43
- border-color: var(--color-border-primary-default);
44
- }
45
- .mt-radio-group-indicator__input:checked:disabled + .mt-radio-group-indicator__control[data-v-63f5c4e1]::after {
46
- background: var(--color-icon-primary-disabled);
47
- }
1
+ .mt-radio-group-indicator__input[data-v-63f5c4e1]{position:absolute;opacity:0;pointer-events:none}.mt-radio-group-indicator__control[data-v-63f5c4e1]{width:var(--scale-size-16);height:var(--scale-size-16);border-radius:var(--border-radius-round);border:1px solid var(--color-border-primary-default);background:var(--color-background-primary-default);display:inline-flex;align-items:center;justify-content:center;position:relative;transition:border-color .2s ease,background-color .2s ease}.mt-radio-group-indicator__control[data-v-63f5c4e1]:after{content:"";width:var(--scale-size-8);height:var(--scale-size-8);border-radius:var(--border-radius-round);background:var(--color-static-white);transform:scale(0);transition:transform .15s ease-out}.mt-radio-group-indicator__input:focus-visible+.mt-radio-group-indicator__control[data-v-63f5c4e1]{outline:2px solid var(--color-border-brand-default);outline-offset:2px}.mt-radio-group-indicator__input:checked+.mt-radio-group-indicator__control[data-v-63f5c4e1]{border-color:var(--color-interaction-primary-default);background:var(--color-interaction-primary-default)}.mt-radio-group-indicator__input:checked+.mt-radio-group-indicator__control[data-v-63f5c4e1]:after{transform:scale(1)}.mt-radio-group-indicator__input:disabled+.mt-radio-group-indicator__control[data-v-63f5c4e1]{background:var(--color-background-tertiary-default);border-color:var(--color-border-primary-default)}.mt-radio-group-indicator__input:checked:disabled+.mt-radio-group-indicator__control[data-v-63f5c4e1]:after{background:var(--color-icon-primary-disabled)}
@@ -1,25 +1 @@
1
-
2
- .mt-radio-group-item[data-v-3d2107c3] {
3
- display: flex;
4
- flex-direction: row;
5
- align-items: center;
6
- gap: var(--scale-size-8);
7
- cursor: pointer;
8
- }
9
- .mt-radio-group-item__label[data-v-3d2107c3] {
10
- color: var(--color-text-primary-default);
11
- font-family: var(--font-family-body);
12
- font-size: var(--font-size-xs);
13
- font-weight: var(--font-weight-regular);
14
- line-height: var(--font-line-height-xs);
15
- cursor: inherit;
16
- user-select: none;
17
- }
18
- .mt-radio-group-item--disabled {
19
- &[data-v-3d2107c3] {
20
- cursor: not-allowed;
21
- }
22
- .mt-radio-group-item__label[data-v-3d2107c3] {
23
- color: var(--color-text-primary-disabled);
24
- }
25
- }
1
+ .mt-radio-group-item[data-v-3d2107c3]{display:flex;flex-direction:row;align-items:center;gap:var(--scale-size-8);cursor:pointer}.mt-radio-group-item__label[data-v-3d2107c3]{color:var(--color-text-primary-default);font-family:var(--font-family-body);font-size:var(--font-size-xs);font-weight:var(--font-weight-regular);line-height:var(--font-line-height-xs);cursor:inherit;-webkit-user-select:none;user-select:none}.mt-radio-group-item--disabled[data-v-3d2107c3]{cursor:not-allowed}.mt-radio-group-item--disabled .mt-radio-group-item__label[data-v-3d2107c3]{color:var(--color-text-primary-disabled)}
@@ -1,6 +1 @@
1
-
2
- .mt-radio-group-list[data-v-ba91342b] {
3
- display: flex;
4
- flex-direction: column;
5
- gap: var(--scale-size-8);
6
- }
1
+ .mt-radio-group-list[data-v-ba91342b]{display:flex;flex-direction:column;gap:var(--scale-size-8)}
@@ -1,33 +1 @@
1
-
2
- .mt-radio-group-root[data-v-87ece431] {
3
- display: grid;
4
- grid-template-areas:
5
- "label help-text"
6
- "options options"
7
- "error error"
8
- "hint hint";
9
- grid-template-columns: 1fr auto;
10
- align-content: start;
11
- width: 100%;
12
- margin-bottom: var(--scale-size-32);
13
- }
14
- .mt-radio-group-root--future-remove-default-margin[data-v-87ece431] {
15
- margin-bottom: 0;
16
- }
17
- .mt-radio-group-root__label[data-v-87ece431] {
18
- line-height: var(--font-line-height-xs) !important;
19
- margin-bottom: var(--scale-size-2);
20
- font-size: var(--font-size-xs);
21
- }
22
- .mt-radio-group-root__options[data-v-87ece431] {
23
- display: flex;
24
- flex-direction: column;
25
- gap: var(--scale-size-8);
26
- }
27
- .mt-radio-group-root__hint[data-v-87ece431] {
28
- font-family: var(--font-family-body);
29
- font-size: var(--font-size-xs);
30
- line-height: var(--font-line-height-xs);
31
- color: var(--color-text-secondary-default);
32
- margin-top: 0.1875rem;
33
- }
1
+ .mt-radio-group-root[data-v-87ece431]{display:grid;grid-template-areas:"label help-text" "options options" "error error" "hint hint";grid-template-columns:1fr auto;align-content:start;width:100%;margin-bottom:var(--scale-size-32)}.mt-radio-group-root--future-remove-default-margin[data-v-87ece431]{margin-bottom:0}.mt-radio-group-root__label[data-v-87ece431]{line-height:var(--font-line-height-xs)!important;margin-bottom:var(--scale-size-2);font-size:var(--font-size-xs)}.mt-radio-group-root__options[data-v-87ece431]{display:flex;flex-direction:column;gap:var(--scale-size-8)}.mt-radio-group-root__hint[data-v-87ece431]{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,61 +1 @@
1
-
2
- .mt-search {
3
- &[data-v-27b06e13] {
4
- background: var(--color-background-primary-default);
5
- border: 1px solid var(--color-border-primary-default);
6
- border-radius: var(--border-radius-xs);
7
- color: var(--color-text-primary-default);
8
- font-size: var(--font-size-xs);
9
- font-weight: var(--font-weight-regular);
10
- line-height: var(--font-line-height-xs);
11
- overflow: hidden;
12
- display: flex;
13
- align-items: center;
14
- }
15
- &[data-v-27b06e13]:focus-within {
16
- outline: var(--scale-size-2) solid var(--color-border-brand-default);
17
- outline-offset: var(--scale-size-2);
18
- }
19
- }
20
- .mt-search--size-default[data-v-27b06e13] {
21
- padding: var(--scale-size-8) var(--scale-size-16);
22
- }
23
- .mt-search--size-small[data-v-27b06e13] {
24
- padding: var(--scale-size-4) var(--scale-size-16);
25
- }
26
- .mt-search__input {
27
- &[data-v-27b06e13] {
28
- display: block;
29
- width: 100%;
30
- border: none;
31
- background: transparent;
32
- font-size: var(--font-size-xs);
33
- font-family: var(--font-size-body);
34
- line-height: var(--font-line-height-xs);
35
- color: var(--color-text-primary-default);
36
- outline: none;
37
- appearance: none;
38
- -webkit-appearance: none;
39
- -moz-appearance: none;
40
- }
41
- &[data-v-27b06e13]::-webkit-search-cancel-button,
42
- &[data-v-27b06e13]::-webkit-search-decoration,
43
- &[data-v-27b06e13]::-webkit-search-results-button,
44
- &[data-v-27b06e13]::-webkit-search-results-decoration {
45
- display: none;
46
- }
47
- &[data-v-27b06e13]::placeholder {
48
- color: var(--color-text-secondary-default);
49
- }
50
- &:disabled {
51
- &[data-v-27b06e13] {
52
- color: var(--color-text-primary-disabled);
53
- }
54
- &[data-v-27b06e13]::placeholder {
55
- color: var(--color-text-secondary-default);
56
- }
57
- }
58
- }
59
- .mt-search--disabled[data-v-27b06e13] {
60
- background-color: var(--color-background-tertiary-default);
61
- }
1
+ .mt-search[data-v-2812b2f6]{background:var(--color-background-primary-default);border:1px solid var(--color-border-primary-default);border-radius:var(--border-radius-xs);color:var(--color-text-primary-default);font-size:var(--font-size-xs);font-weight:var(--font-weight-regular);line-height:var(--font-line-height-xs);overflow:hidden;display:flex;align-items:center}.mt-search[data-v-2812b2f6]:focus-within{outline:var(--scale-size-2) solid var(--color-border-brand-default);outline-offset:var(--scale-size-2)}.mt-search--size-default[data-v-2812b2f6]{padding:var(--scale-size-8) var(--scale-size-16)}.mt-search--size-small[data-v-2812b2f6]{padding:var(--scale-size-4) var(--scale-size-16)}.mt-search__input[data-v-2812b2f6]{display:block;width:100%;border:none;background:transparent;font-size:var(--font-size-xs);font-family:var(--font-size-body);line-height:var(--font-line-height-xs);color:var(--color-text-primary-default);outline:none;appearance:none;-webkit-appearance:none;-moz-appearance:none}.mt-search__input[data-v-2812b2f6]::-webkit-search-cancel-button,.mt-search__input[data-v-2812b2f6]::-webkit-search-decoration,.mt-search__input[data-v-2812b2f6]::-webkit-search-results-button,.mt-search__input[data-v-2812b2f6]::-webkit-search-results-decoration{display:none}.mt-search__input[data-v-2812b2f6]::placeholder{color:var(--color-text-secondary-default)}.mt-search__input:disabled[data-v-2812b2f6]{color:var(--color-text-primary-disabled)}.mt-search__input:disabled[data-v-2812b2f6]::placeholder{color:var(--color-text-secondary-default)}.mt-search--disabled[data-v-2812b2f6]{background-color:var(--color-background-tertiary-default)}