@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,152 +1 @@
1
-
2
- .mt-slider {
3
- width: 100%;
4
- }
5
- .mt-slider > .mt-block-field__block {
6
- border: none;
7
- padding: var(--scale-size-4) var(--scale-size-4) calc(20px / 2);
8
- gap: var(--scale-size-16);
9
- overflow: visible;
10
- }
11
- .mt-slider .mt-field--default {
12
- width: 5ch;
13
- flex-grow: 0;
14
- flex-shrink: 0;
15
- margin-bottom: 0;
16
- }
17
- .mt-slider .mt-field--default > .mt-field__label {
18
- margin-bottom: 0;
19
- }
20
- .mt-slider .mt-number-field__controls {
21
- flex-shrink: 1;
22
- }
23
- .mt-slider .mt-field--default .mt-field__controls {
24
- display: none;
25
- }
26
- .mt-slider .mt-field--default input {
27
- text-align: center;
28
- padding-left: var(--scale-size-4);
29
- padding-right: var(--scale-size-4);
30
- }
31
- .mt-slider .mt-slider__slider {
32
- position: relative;
33
- width: 100%;
34
- overflow: visible;
35
- }
36
- .mt-slider .mt-slider__slider .mt-slider__marks {
37
- display: flex;
38
- justify-content: space-between;
39
- font-size: 14px;
40
- user-select: none;
41
- padding: 0 calc(20px / 2);
42
- height: var(--scale-size-20);
43
- }
44
- .mt-slider .mt-slider__slider .mt-slider__mark {
45
- position: relative;
46
- width: 0;
47
- text-align: center;
48
- }
49
- .mt-slider .mt-slider__slider .mt-slider__mark__label {
50
- margin: 0 -50px;
51
- text-align: center;
52
- color: var(--color-text-primary-default);
53
- }
54
- .mt-slider .mt-slider__slider .mt-slider__mark:after {
55
- content: "";
56
- position: absolute;
57
- width: var(--scale-size-2);
58
- height: var(--scale-size-4);
59
- background-color: var(--color-border-primary-default);
60
- border-radius: 50%;
61
- bottom: -2px;
62
- left: 50%;
63
- transform: translateX(-50%);
64
- }
65
- .mt-slider .mt-slider__slider .mt-slider__bar {
66
- position: relative;
67
- height: 8px;
68
- background-color: var(--color-background-tertiary-default);
69
- border-radius: calc(8px / 2);
70
- width: 100%;
71
- margin-top: var(--scale-size-4);
72
- }
73
- .mt-slider .mt-slider__slider .mt-slider__value {
74
- position: absolute;
75
- height: 100%;
76
- background-color: var(--color-interaction-primary-default);
77
- border-radius: calc(8px / 2);
78
- }
79
- .mt-slider .mt-slider__slider .mt-slider__input-slider {
80
- -webkit-appearance: none;
81
- position: relative;
82
- padding: 0;
83
- height: 8px;
84
- margin-top: -8px;
85
- background: transparent;
86
- }
87
- .mt-slider .mt-slider__slider .mt-slider__input-slider__double {
88
- pointer-events: none;
89
- }
90
- .mt-slider .mt-slider__slider .mt-slider__input-slider:hover::-webkit-slider-thumb,
91
- .mt-slider .mt-slider__slider .mt-slider__input-slider:focus::-webkit-slider-thumb {
92
- background-color: var(--color-interaction-secondary-default);
93
- outline-offset: var(--scale-size-2);
94
- outline: var(--scale-size-2) solid var(--color-border-brand-default);
95
- }
96
- .mt-slider .mt-slider__slider .mt-slider__input-slider:hover::-moz-range-thumb,
97
- .mt-slider .mt-slider__slider .mt-slider__input-slider:focus::-moz-range-thumb {
98
- background-color: var(--color-interaction-secondary-default);
99
- outline-offset: var(--scale-size-2);
100
- outline: var(--scale-size-2) solid var(--color-border-brand-default);
101
- }
102
- .mt-slider .mt-slider__slider .mt-slider__input-slider:hover::-ms-thumb,
103
- .mt-slider .mt-slider__slider .mt-slider__input-slider:focus::-ms-thumb {
104
- background-color: var(--color-interaction-secondary-default);
105
- outline-offset: var(--scale-size-2);
106
- outline: var(--scale-size-2) solid var(--color-border-brand-default);
107
- }
108
- .mt-slider .mt-slider__slider .mt-slider__input-slider:disabled {
109
- pointer-events: none;
110
- }
111
- .mt-slider .mt-slider__slider .mt-slider__input-slider:disabled::-webkit-slider-thumb,
112
- .mt-slider .mt-slider__slider .mt-slider__input-slider:disabled::-moz-range-thumb,
113
- .mt-slider .mt-slider__slider .mt-slider__input-slider:disabled::-ms-thumb {
114
- background-color: var(--color-background-tertiary-default);
115
- pointer-events: none;
116
- }
117
- .mt-slider .mt-slider__slider .mt-slider__input-slider::-webkit-slider-thumb {
118
- -webkit-appearance: none;
119
- width: 20px;
120
- height: 20px;
121
- background-color: var(--color-background-primary-default);
122
- border: 1px solid var(--color-border-primary-default);
123
- border-radius: 50%;
124
- cursor: pointer;
125
- appearance: none;
126
- pointer-events: auto;
127
- }
128
- .mt-slider .mt-slider__slider .mt-slider__input-slider::-moz-range-thumb {
129
- width: 20px;
130
- height: 20px;
131
- background-color: var(--color-background-primary-default);
132
- border: 1px solid var(--color-border-primary-default);
133
- border-radius: 50%;
134
- cursor: pointer;
135
- pointer-events: auto;
136
- }
137
- .mt-slider .mt-slider__slider .mt-slider__input-slider::-ms-thumb {
138
- width: 20px;
139
- height: 20px;
140
- background-color: var(--color-background-primary-default);
141
- border: 1px solid var(--color-border-primary-default);
142
- border-radius: 50%;
143
- cursor: pointer;
144
- pointer-events: auto;
145
- }
146
- .mt-slider .mt-slider__slider .mt-slider__input-slider__hint {
147
- position: absolute;
148
- bottom: var(--scale-size-24);
149
- padding: var(--scale-size-8);
150
- min-width: 4ch;
151
- text-align: center;
152
- }
1
+ .mt-slider{width:100%}.mt-slider>.mt-block-field__block{border:none;padding:var(--scale-size-4) var(--scale-size-4) 10px;gap:var(--scale-size-16);overflow:visible}.mt-slider .mt-field--default{width:5ch;flex-grow:0;flex-shrink:0;margin-bottom:0}.mt-slider .mt-field--default>.mt-field__label{margin-bottom:0}.mt-slider .mt-number-field__controls{flex-shrink:1}.mt-slider .mt-field--default input{text-align:center;padding-left:var(--scale-size-4);padding-right:var(--scale-size-4)}.mt-slider .mt-field--default.mt-number-field input{min-width:0}.mt-slider .mt-slider__slider{position:relative;width:100%;overflow:visible}.mt-slider .mt-slider__slider .mt-slider__marks{display:flex;justify-content:space-between;font-size:14px;-webkit-user-select:none;user-select:none;padding:0 10px;height:var(--scale-size-20)}.mt-slider .mt-slider__slider .mt-slider__mark{position:relative;width:0;text-align:center}.mt-slider .mt-slider__slider .mt-slider__mark__label{margin:0 -50px;text-align:center;color:var(--color-text-primary-default)}.mt-slider .mt-slider__slider .mt-slider__mark:after{content:"";position:absolute;width:var(--scale-size-2);height:var(--scale-size-4);background-color:var(--color-border-primary-default);border-radius:50%;bottom:-2px;left:50%;transform:translate(-50%)}.mt-slider .mt-slider__slider .mt-slider__bar{position:relative;height:8px;background-color:var(--color-background-tertiary-default);border-radius:4px;width:100%;margin-top:var(--scale-size-4)}.mt-slider .mt-slider__slider .mt-slider__value{position:absolute;height:100%;background-color:var(--color-interaction-primary-default);border-radius:4px}.mt-slider .mt-slider__slider .mt-slider__input-slider{-webkit-appearance:none;position:relative;padding:0;height:8px;margin-top:-8px;background:transparent}.mt-slider .mt-slider__slider .mt-slider__input-slider__double{pointer-events:none}.mt-slider .mt-slider__slider .mt-slider__input-slider:hover::-webkit-slider-thumb,.mt-slider .mt-slider__slider .mt-slider__input-slider:focus::-webkit-slider-thumb{background-color:var(--color-interaction-secondary-default);outline-offset:var(--scale-size-2);outline:var(--scale-size-2) solid var(--color-border-brand-default)}.mt-slider .mt-slider__slider .mt-slider__input-slider:hover::-moz-range-thumb,.mt-slider .mt-slider__slider .mt-slider__input-slider:focus::-moz-range-thumb{background-color:var(--color-interaction-secondary-default);outline-offset:var(--scale-size-2);outline:var(--scale-size-2) solid var(--color-border-brand-default)}.mt-slider .mt-slider__slider .mt-slider__input-slider:hover::-ms-thumb,.mt-slider .mt-slider__slider .mt-slider__input-slider:focus::-ms-thumb{background-color:var(--color-interaction-secondary-default);outline-offset:var(--scale-size-2);outline:var(--scale-size-2) solid var(--color-border-brand-default)}.mt-slider .mt-slider__slider .mt-slider__input-slider:disabled{pointer-events:none}.mt-slider .mt-slider__slider .mt-slider__input-slider:disabled::-webkit-slider-thumb,.mt-slider .mt-slider__slider .mt-slider__input-slider:disabled::-moz-range-thumb,.mt-slider .mt-slider__slider .mt-slider__input-slider:disabled::-ms-thumb{background-color:var(--color-background-tertiary-default);pointer-events:none}.mt-slider .mt-slider__slider .mt-slider__input-slider::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;background-color:var(--color-background-primary-default);border:1px solid var(--color-border-primary-default);border-radius:50%;cursor:pointer;-moz-appearance:none;appearance:none;pointer-events:auto}.mt-slider .mt-slider__slider .mt-slider__input-slider::-moz-range-thumb{width:20px;height:20px;background-color:var(--color-background-primary-default);border:1px solid var(--color-border-primary-default);border-radius:50%;cursor:pointer;pointer-events:auto}.mt-slider .mt-slider__slider .mt-slider__input-slider::-ms-thumb{width:20px;height:20px;background-color:var(--color-background-primary-default);border:1px solid var(--color-border-primary-default);border-radius:50%;cursor:pointer;pointer-events:auto}.mt-slider .mt-slider__slider .mt-slider__input-slider__hint{position:absolute;bottom:var(--scale-size-24);padding:var(--scale-size-8);min-width:4ch;text-align:center}
@@ -1,63 +1 @@
1
-
2
- .mt-snackbar-notification[data-v-2a0f5cd8] {
3
- max-width: 360px;
4
- width: fit-content;
5
- padding: var(--scale-size-12);
6
- border: 1px solid var(--color-border-secondary-default);
7
- border-radius: var(--border-radius-m);
8
- pointer-events: auto;
9
- background: var(--color-elevation-surface-raised);
10
- box-shadow: 0px 8px 20px 0px var(--color-elevation-shadow-default);
11
- }
12
- .mt-snackbar-notification__content[data-v-2a0f5cd8] {
13
- display: grid;
14
- grid-template-columns: 1fr auto;
15
- gap: var(--scale-size-12);
16
- align-items: center;
17
- }
18
- .mt-snackbar-notification__text-content[data-v-2a0f5cd8] {
19
- display: flex;
20
- flex-direction: row;
21
- justify-content: space-between;
22
- align-items: center;
23
- }
24
- .mt-snackbar-notification__link[data-v-2a0f5cd8] {
25
- font-size: var(--font-size-xs);
26
- font-weight: var(--font-weight-medium);
27
- }
28
- .mt-snackbar-notification__icon[data-v-2a0f5cd8] {
29
- margin-bottom: 2px; /* Fix icon alignment */
30
- }
31
- .mt-snackbar-notification__message[data-v-2a0f5cd8] {
32
- word-wrap: break-word;
33
- }
34
- .mt-snackbar-notification--success {
35
- .mt-snackbar-notification__icon[data-v-2a0f5cd8] {
36
- color: var(--color-icon-positive-default);
37
- }
38
- }
39
- .mt-snackbar-notification--error {
40
- .mt-snackbar-notification__icon[data-v-2a0f5cd8] {
41
- color: var(--color-icon-critical-default);
42
- }
43
- }
44
- .mt-snackbar-notification__symbol-container {
45
- &[data-v-2a0f5cd8] {
46
- flex-shrink: 0;
47
- margin-right: var(--scale-size-8);
48
- }
49
- .mt-snackbar-notification__loader[data-v-2a0f5cd8] {
50
- position: relative;
51
- background: none;
52
- width: 18px;
53
- height: 18px;
54
- }
55
- }
56
- .mt-snackbar-notification__progress[data-v-2a0f5cd8] {
57
- width: var(--scale-size-48);
58
- margin-left: var(--scale-size-6);
59
- color: var(--color-text-secondary-default);
60
- font-size: var(--font-size-xs);
61
- font-weight: var(--font-weight-medium);
62
- flex-shrink: 0;
63
- }
1
+ .mt-snackbar-notification[data-v-89296d86]{max-width:360px;width:fit-content;padding:var(--scale-size-12);border:1px solid var(--color-border-secondary-default);border-radius:var(--border-radius-m);pointer-events:auto;background:var(--color-elevation-surface-raised);box-shadow:0 8px 20px 0 var(--color-elevation-shadow-default)}.mt-snackbar-notification__content[data-v-89296d86]{display:grid;grid-template-columns:1fr auto;gap:var(--scale-size-12);align-items:center}.mt-snackbar-notification__text-content[data-v-89296d86]{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.mt-snackbar-notification__link[data-v-89296d86]{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.mt-snackbar-notification__icon[data-v-89296d86]{margin-bottom:2px}.mt-snackbar-notification__message[data-v-89296d86]{word-wrap:break-word}.mt-snackbar-notification--success .mt-snackbar-notification__icon[data-v-89296d86]{color:var(--color-icon-positive-default)}.mt-snackbar-notification--error .mt-snackbar-notification__icon[data-v-89296d86]{color:var(--color-icon-critical-default)}.mt-snackbar-notification__symbol-container[data-v-89296d86]{flex-shrink:0;margin-right:var(--scale-size-8)}.mt-snackbar-notification__symbol-container .mt-snackbar-notification__loader[data-v-89296d86]{position:relative;background:none;width:18px;height:18px}.mt-snackbar-notification__progress[data-v-89296d86]{width:var(--scale-size-48);margin-left:var(--scale-size-6);color:var(--color-text-secondary-default);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);flex-shrink:0}
@@ -1,58 +1 @@
1
-
2
- .mt-snackbar[data-v-fcbab054] {
3
- width: 360px;
4
- position: fixed;
5
- bottom: var(--scale-size-16);
6
- right: var(--scale-size-16);
7
- z-index: 1600;
8
- pointer-events: none;
9
- transition: transform 300ms cubic-bezier(0.16, 1, 0.3, 1);
10
- }
11
- .mt-snackbar[data-v-fcbab054] .mt-snackbar-notification {
12
- --y: translateY(100%);
13
- --lift: -1;
14
- position: absolute;
15
- transform: var(--y);
16
- bottom: var(--scale-size-0);
17
- right: var(--scale-size-0);
18
- opacity: 0;
19
- touch-action: none;
20
- pointer-events: auto;
21
- transition:
22
- transform 500ms cubic-bezier(0.16, 1, 0.3, 1),
23
- opacity 500ms cubic-bezier(0.16, 1, 0.3, 1),
24
- height 500ms cubic-bezier(0.16, 1, 0.3, 1);
25
- animation: slideInFromRight-fcbab054 0.5s cubic-bezier(0.66, 0, 0.34, 1);
26
- }
27
- .mt-snackbar[data-v-fcbab054] .mt-snackbar-notification[data-mounted="true"] {
28
- --y: translateY(calc(var(--lift) * var(--offset)));
29
- opacity: 1;
30
- }
31
-
32
- /* Exit animation */
33
- .mt-snackbar[data-v-fcbab054] .mt-snackbar-notification[data-removed="true"] {
34
- animation: slideOutToBottom-fcbab054 0.4s cubic-bezier(0.32, 0, 0.67, 0) forwards;
35
- }
36
- @keyframes slideInFromRight-fcbab054 {
37
- 0% {
38
- transform: translateX(100%) var(--y);
39
- opacity: 0;
40
- }
41
- 100% {
42
- transform: translateX(0) var(--y);
43
- opacity: 1;
44
- }
45
- }
46
- @keyframes slideOutToBottom-fcbab054 {
47
- 0% {
48
- transform: translateY(0) var(--y);
49
- opacity: 1;
50
- }
51
- 75% {
52
- opacity: 0;
53
- }
54
- 100% {
55
- transform: translateY(100%) var(--y);
56
- opacity: 0;
57
- }
58
- }
1
+ .mt-snackbar[data-v-fcbab054]{width:360px;position:fixed;bottom:var(--scale-size-16);right:var(--scale-size-16);z-index:1600;pointer-events:none;transition:transform .3s cubic-bezier(.16,1,.3,1)}.mt-snackbar[data-v-fcbab054] .mt-snackbar-notification{--y: translateY(100%);--lift: -1;position:absolute;transform:var(--y);bottom:var(--scale-size-0);right:var(--scale-size-0);opacity:0;touch-action:none;pointer-events:auto;transition:transform .5s cubic-bezier(.16,1,.3,1),opacity .5s cubic-bezier(.16,1,.3,1),height .5s cubic-bezier(.16,1,.3,1);animation:slideInFromRight-fcbab054 .5s cubic-bezier(.66,0,.34,1)}.mt-snackbar[data-v-fcbab054] .mt-snackbar-notification[data-mounted=true]{--y: translateY(calc(var(--lift) * var(--offset)));opacity:1}.mt-snackbar[data-v-fcbab054] .mt-snackbar-notification[data-removed=true]{animation:slideOutToBottom-fcbab054 .4s cubic-bezier(.32,0,.67,0) forwards}@keyframes slideInFromRight-fcbab054{0%{transform:translate(100%) var(--y);opacity:0}to{transform:translate(0) var(--y);opacity:1}}@keyframes slideOutToBottom-fcbab054{0%{transform:translateY(0) var(--y);opacity:1}75%{opacity:0}to{transform:translateY(100%) var(--y);opacity:0}}
@@ -1,58 +1 @@
1
-
2
- .mt-status-dot[data-v-43b8a8ef] {
3
- position: relative;
4
- display: inline-block;
5
- flex-shrink: 0;
6
- border-radius: var(--border-radius-round);
7
- background-color: var(--mt-status-dot-color);
8
- }
9
- .mt-status-dot--size-s[data-v-43b8a8ef] {
10
- width: var(--scale-size-6);
11
- height: var(--scale-size-6);
12
- }
13
- .mt-status-dot--size-m[data-v-43b8a8ef] {
14
- width: var(--scale-size-8);
15
- height: var(--scale-size-8);
16
- }
17
- .mt-status-dot--size-l[data-v-43b8a8ef] {
18
- width: var(--scale-size-10);
19
- height: var(--scale-size-10);
20
- }
21
- .mt-status-dot--variant-neutral[data-v-43b8a8ef] {
22
- --mt-status-dot-color: var(--color-icon-primary-disabled);
23
- }
24
- .mt-status-dot--variant-info[data-v-43b8a8ef] {
25
- --mt-status-dot-color: var(--color-icon-brand-default);
26
- }
27
- .mt-status-dot--variant-attention[data-v-43b8a8ef] {
28
- --mt-status-dot-color: var(--color-icon-attention-default);
29
- }
30
- .mt-status-dot--variant-critical[data-v-43b8a8ef] {
31
- --mt-status-dot-color: var(--color-icon-critical-default);
32
- }
33
- .mt-status-dot--variant-positive[data-v-43b8a8ef] {
34
- --mt-status-dot-color: var(--color-icon-positive-default);
35
- }
36
- .mt-status-dot--pulse[data-v-43b8a8ef]::after {
37
- content: "";
38
- position: absolute;
39
- inset: 0;
40
- border-radius: inherit;
41
- background-color: var(--mt-status-dot-color);
42
- animation: mt-status-dot-pulse-43b8a8ef 1.5s ease infinite;
43
- }
44
- @keyframes mt-status-dot-pulse-43b8a8ef {
45
- 0% {
46
- transform: scale(1);
47
- opacity: 0.75;
48
- }
49
- 100% {
50
- transform: scale(2.25);
51
- opacity: 0;
52
- }
53
- }
54
- @media (prefers-reduced-motion: reduce) {
55
- .mt-status-dot--pulse[data-v-43b8a8ef]::after {
56
- animation: none;
57
- }
58
- }
1
+ .mt-status-dot[data-v-43b8a8ef]{position:relative;display:inline-block;flex-shrink:0;border-radius:var(--border-radius-round);background-color:var(--mt-status-dot-color)}.mt-status-dot--size-s[data-v-43b8a8ef]{width:var(--scale-size-6);height:var(--scale-size-6)}.mt-status-dot--size-m[data-v-43b8a8ef]{width:var(--scale-size-8);height:var(--scale-size-8)}.mt-status-dot--size-l[data-v-43b8a8ef]{width:var(--scale-size-10);height:var(--scale-size-10)}.mt-status-dot--variant-neutral[data-v-43b8a8ef]{--mt-status-dot-color: var(--color-icon-primary-disabled)}.mt-status-dot--variant-info[data-v-43b8a8ef]{--mt-status-dot-color: var(--color-icon-brand-default)}.mt-status-dot--variant-attention[data-v-43b8a8ef]{--mt-status-dot-color: var(--color-icon-attention-default)}.mt-status-dot--variant-critical[data-v-43b8a8ef]{--mt-status-dot-color: var(--color-icon-critical-default)}.mt-status-dot--variant-positive[data-v-43b8a8ef]{--mt-status-dot-color: var(--color-icon-positive-default)}.mt-status-dot--pulse[data-v-43b8a8ef]:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background-color:var(--mt-status-dot-color);animation:mt-status-dot-pulse-43b8a8ef 1.5s ease infinite}@keyframes mt-status-dot-pulse-43b8a8ef{0%{transform:scale(1);opacity:.75}to{transform:scale(2.25);opacity:0}}@media (prefers-reduced-motion: reduce){.mt-status-dot--pulse[data-v-43b8a8ef]:after{animation:none}}
@@ -1,94 +1 @@
1
-
2
- .mt-switch {
3
- margin-top: var(--scale-size-24);
4
- margin-bottom: var(--scale-size-22);
5
- }
6
- .mt-switch--not-bordered {
7
- min-height: var(--scale-size-48);
8
- }
9
- .mt-switch--no-top-margin {
10
- margin-top: 0;
11
- }
12
- .mt-switch--future-no-default-margin {
13
- margin: 0;
14
- }
15
- .mt-switch.mt-switch--future-no-min-height {
16
- min-height: 0;
17
- }
18
- .mt-switch__block {
19
- display: flex;
20
- align-items: center;
21
- }
22
- .mt-switch__block--bordered {
23
- min-height: var(--scale-size-48);
24
- border: 1px solid var(--color-border-primary-default);
25
- padding-inline: var(--scale-size-16);
26
- border-radius: var(--border-radius-xs);
27
- background: var(--color-background-primary-default);
28
- }
29
- .mt-switch__block--errored {
30
- border-color: var(--color-border-critical-default);
31
- background: var(--color-background-critical-default);
32
- }
33
- .mt-switch__switch {
34
- -webkit-appearance: none;
35
- appearance: none;
36
- margin: 0;
37
-
38
- cursor: pointer;
39
- border-radius: var(--border-radius-round);
40
- height: var(--scale-size-16);
41
- width: var(--scale-size-24);
42
- background: var(--color-interaction-secondary-disabled);
43
- position: relative;
44
- &:disabled {
45
- cursor: not-allowed;
46
- }
47
- &::after {
48
- content: "";
49
- display: block;
50
- width: var(--scale-size-10);
51
- height: var(--scale-size-10);
52
- border-radius: var(--border-radius-round);
53
- background: var(--color-static-white);
54
- position: absolute;
55
- top: 50%;
56
- left: 3px;
57
- transform: translateY(-50%);
58
- transition: 200ms left cubic-bezier(0.23, 1, 0.32, 1);
59
- }
60
- &:focus-visible {
61
- outline: 2px solid var(--color-border-brand-default);
62
- outline-offset: 2px;
63
- }
64
- &:checked::after {
65
- left: calc(100% - var(--scale-size-10) - 3px);
66
- }
67
- &:checked:not(.mt-switch__switch--errored) {
68
- background: var(--color-interaction-primary-default);
69
- &:disabled {
70
- background-color: var(--color-interaction-primary-disabled);
71
- }
72
- }
73
- &:disabled:not(:checked):not(.mt-switch__switch--errored) {
74
- &::after {
75
- background-color: var(--color-icon-primary-disabled);
76
- }
77
- }
78
- }
79
- .mt-switch__switch--errored {
80
- background: var(--color-interaction-critical-default);
81
- }
82
- .mt-switch__label {
83
- padding-left: var(--scale-size-8);
84
- cursor: pointer;
85
- }
86
- .mt-switch__label--disabled {
87
- cursor: not-allowed;
88
- }
89
- .mt-switch__help-text {
90
- margin-left: var(--scale-size-8);
91
- height: var(--scale-size-16);
92
- display: grid;
93
- place-items: center;
94
- }
1
+ .mt-switch{margin-top:var(--scale-size-24);margin-bottom:var(--scale-size-22)}.mt-switch--not-bordered{min-height:var(--scale-size-48)}.mt-switch--no-top-margin{margin-top:0}.mt-switch--future-no-default-margin{margin:0}.mt-switch.mt-switch--future-no-min-height{min-height:0}.mt-switch__block{display:flex;align-items:center}.mt-switch__block--bordered{min-height:var(--scale-size-48);border:1px solid var(--color-border-primary-default);padding-inline:var(--scale-size-16);border-radius:var(--border-radius-xs);background:var(--color-background-primary-default)}.mt-switch__block--errored{border-color:var(--color-border-critical-default);background:var(--color-background-critical-default)}.mt-switch__switch{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0;cursor:pointer;border-radius:var(--border-radius-round);height:var(--scale-size-16);width:var(--scale-size-24);background:var(--color-interaction-secondary-disabled);position:relative}.mt-switch__switch:disabled{cursor:not-allowed}.mt-switch__switch:after{content:"";display:block;width:var(--scale-size-10);height:var(--scale-size-10);border-radius:var(--border-radius-round);background:var(--color-static-white);position:absolute;top:50%;left:3px;transform:translateY(-50%);transition:.2s left cubic-bezier(.23,1,.32,1)}.mt-switch__switch:focus-visible{outline:2px solid var(--color-border-brand-default);outline-offset:2px}.mt-switch__switch:checked:after{left:calc(100% - var(--scale-size-10) - 3px)}.mt-switch__switch:checked:not(.mt-switch__switch--errored){background:var(--color-interaction-primary-default)}.mt-switch__switch:checked:not(.mt-switch__switch--errored):disabled{background-color:var(--color-interaction-primary-disabled)}.mt-switch__switch:disabled:not(:checked):not(.mt-switch__switch--errored):after{background-color:var(--color-icon-primary-disabled)}.mt-switch__switch--errored{background:var(--color-interaction-critical-default)}.mt-switch__label{padding-left:var(--scale-size-8);cursor:pointer}.mt-switch__label--disabled{cursor:not-allowed}.mt-switch__help-text{margin-left:var(--scale-size-8);height:var(--scale-size-16);display:grid;place-items:center}
package/dist/mt-tabs.css CHANGED
@@ -1,111 +1 @@
1
-
2
- .mt-tabs[data-v-6507cf48] {
3
- display: flex;
4
- position: relative;
5
- box-shadow: inset 0 -1px 0 var(--color-border-secondary-default);
6
- }
7
- .mt-tabs--small[data-v-6507cf48] {
8
- max-width: 800px;
9
- margin: 0 auto 15px auto;
10
- }
11
- .mt-tabs--future-remove-default-margin[data-v-6507cf48] {
12
- margin-block-end: 0;
13
- }
14
- .mt-tabs--vertical {
15
- &[data-v-6507cf48] {
16
- flex-direction: column;
17
- box-shadow: none;
18
- }
19
- & li[data-v-6507cf48] {
20
- border-bottom: none;
21
- border-left: 1px solid var(--color-border-secondary-default);
22
- }
23
- & .mt-tabs__slider[data-v-6507cf48] {
24
- top: 0;
25
- bottom: auto;
26
- left: 3px;
27
- }
28
- }
29
- .mt-tabs__item {
30
- &[data-v-6507cf48] {
31
- display: inline-block;
32
- border-bottom: 1px solid var(--color-border-secondary-default);
33
- padding: var(--scale-size-10) var(--scale-size-16);
34
- white-space: nowrap;
35
- font-family: var(--font-family-body);
36
- font-size: var(--font-size-xs);
37
- line-height: var(--font-line-height-xs);
38
- cursor: pointer;
39
- color: var(--color-text-primary-default);
40
-
41
- /* Trick to stop items from jumping when the active item changes
42
- * see: https://css-tricks.com/bold-on-hover-without-the-layout-shift/
43
- */
44
- }
45
- &[data-v-6507cf48]:disabled {
46
- cursor: not-allowed;
47
- color: var(--color-text-primary-disabled);
48
- }
49
- &[data-v-6507cf48]:focus-visible {
50
- outline: 2px solid var(--color-border-brand-default);
51
- outline-offset: 2px;
52
- border-radius: var(--border-radius-xs);
53
- }
54
- &[data-v-6507cf48]::after {
55
- content: attr(data-text);
56
- content: attr(data-text) / "";
57
- height: 0;
58
- display: block;
59
- visibility: hidden;
60
- overflow: hidden;
61
- user-select: none;
62
- pointer-events: none;
63
- font-weight: var(--font-weight-medium);
64
- @media speech {
65
- display: none;
66
- }
67
- }
68
- }
69
- .mt-tabs__item--error[data-v-6507cf48] {
70
- color: var(--color-text-critical-default);
71
- }
72
- .mt-tabs__item--active[data-v-6507cf48] {
73
- font-weight: var(--font-weight-medium);
74
- }
75
- .mt-tabs__slider[data-v-6507cf48] {
76
- transform-origin: top left;
77
- position: absolute;
78
- bottom: 0;
79
- left: 0;
80
- height: var(--scale-size-2);
81
- background-color: var(--color-border-brand-default);
82
- z-index: 1;
83
- }
84
- .mt-tabs__slider--error[data-v-6507cf48] {
85
- background-color: var(--color-border-critical-default);
86
- }
87
- .mt-tabs__slider--animated[data-v-6507cf48] {
88
- transition: 0.2s all ease-in-out;
89
- }
90
- .mt-context-button {
91
- &[data-v-6507cf48] {
92
- display: flex;
93
- align-items: center;
94
- border-bottom: 1px solid var(--color-border-secondary-default);
95
- }
96
- & button[data-v-6507cf48] {
97
- display: flex;
98
- align-items: center;
99
- gap: var(--scale-size-4);
100
- font-size: var(--font-size-s);
101
- line-height: var(--font-line-height-s);
102
- font-family: var(--font-family-body);
103
- }
104
- }
105
- .mt-tabs__error-badge[data-v-6507cf48] {
106
- margin-left: var(--scale-size-2);
107
- }
108
- .mt-tabs__badge[data-v-6507cf48] {
109
- margin-left: var(--scale-size-10);
110
- vertical-align: middle;
111
- }
1
+ .mt-tabs[data-v-3ec5fe76]{display:flex;position:relative;box-shadow:inset 0 -1px 0 var(--color-border-secondary-default)}.mt-tabs--small[data-v-3ec5fe76]{max-width:800px;margin:0 auto 15px}.mt-tabs--future-remove-default-margin[data-v-3ec5fe76]{margin-block-end:0}.mt-tabs--vertical[data-v-3ec5fe76]{flex-direction:column;box-shadow:none}.mt-tabs--vertical li[data-v-3ec5fe76]{border-bottom:none;border-left:1px solid var(--color-border-secondary-default)}.mt-tabs--vertical .mt-tabs__slider[data-v-3ec5fe76]{top:0;bottom:auto;left:3px}.mt-tabs__item[data-v-3ec5fe76]{display:inline-block;border-bottom:1px solid var(--color-border-secondary-default);padding:var(--scale-size-10) var(--scale-size-16);white-space:nowrap;font-family:var(--font-family-body);font-size:var(--font-size-xs);line-height:var(--font-line-height-xs);cursor:pointer;color:var(--color-text-primary-default)}.mt-tabs__item[data-v-3ec5fe76]:disabled{cursor:not-allowed;color:var(--color-text-primary-disabled)}.mt-tabs__item[data-v-3ec5fe76]:focus-visible{outline:2px solid var(--color-border-brand-default);outline-offset:2px;border-radius:var(--border-radius-xs)}.mt-tabs__item[data-v-3ec5fe76]:after{content:attr(data-text);content:attr(data-text) / "";height:0;display:block;visibility:hidden;overflow:hidden;-webkit-user-select:none;user-select:none;pointer-events:none;font-weight:var(--font-weight-medium)}@media speech{{display:none}}.mt-tabs__item--error[data-v-3ec5fe76]{color:var(--color-text-critical-default)}.mt-tabs__item--active[data-v-3ec5fe76]{font-weight:var(--font-weight-medium)}.mt-tabs__slider[data-v-3ec5fe76]{transform-origin:top left;position:absolute;bottom:0;left:0;height:var(--scale-size-2);background-color:var(--color-border-brand-default);z-index:1}.mt-tabs__slider--error[data-v-3ec5fe76]{background-color:var(--color-border-critical-default)}.mt-tabs__slider--animated[data-v-3ec5fe76]{transition:.2s all ease-in-out}.mt-context-button[data-v-3ec5fe76]{display:flex;align-items:center;border-bottom:1px solid var(--color-border-secondary-default)}.mt-context-button button[data-v-3ec5fe76]{display:flex;align-items:center;gap:var(--scale-size-4);font-size:var(--font-size-s);line-height:var(--font-line-height-s);font-family:var(--font-family-body)}.mt-tabs__error-badge[data-v-3ec5fe76]{margin-left:var(--scale-size-2)}.mt-tabs__badge[data-v-3ec5fe76]{margin-left:var(--scale-size-10);vertical-align:middle}