@contena/meteor-component-library 5.6.1 → 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 (252) 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/MtButton.d.ts +35 -32
  8. package/dist/common/MtButton.js +6 -3
  9. package/dist/common/MtCard.js +1 -1
  10. package/dist/common/MtCheckbox.d.ts +2 -2
  11. package/dist/common/MtColorpicker.d.ts +9 -3
  12. package/dist/common/MtColorpicker.js +1 -1
  13. package/dist/common/MtContextButton.js +1 -1
  14. package/dist/common/MtContextMenuItem.d.ts +2 -2
  15. package/dist/common/MtDataTable.d.ts +58 -47
  16. package/dist/common/MtDataTable.js +2 -2
  17. package/dist/common/MtDataTableBadgeRenderer.d.ts +3 -3
  18. package/dist/common/MtDataTableFilter.js +1 -1
  19. package/dist/common/MtDataTableSettings.d.ts +11 -8
  20. package/dist/common/MtDataTableSettings.js +1 -1
  21. package/dist/common/MtDatepicker.d.ts +24 -1
  22. package/dist/common/MtDatepicker.js +2 -1
  23. package/dist/common/MtEmailField.d.ts +1 -0
  24. package/dist/common/MtEmailField.js +5 -3
  25. package/dist/common/MtEntityDataTable.js +3 -3
  26. package/dist/common/MtEntitySelect.js +2 -2
  27. package/dist/common/MtFieldHint.d.ts +5 -0
  28. package/dist/common/MtFieldHint.js +19 -13
  29. package/dist/common/MtFloatingUi.js +1 -1
  30. package/dist/common/MtGrantPermissionServiceBanner.d.ts +14 -1
  31. package/dist/common/MtGrantPermissionServiceBanner.js +11 -149
  32. package/dist/common/MtNumberField.d.ts +26 -3
  33. package/dist/common/MtNumberField.js +4 -3
  34. package/dist/common/MtPasswordField.d.ts +3 -1
  35. package/dist/common/MtPasswordField.js +5 -3
  36. package/dist/common/MtPopover.d.ts +4 -4
  37. package/dist/common/MtPopover.js +1 -1
  38. package/dist/common/MtPopoverItem.d.ts +2 -2
  39. package/dist/common/MtPopoverItemResult.d.ts +5 -2
  40. package/dist/common/MtSearch.d.ts +2 -0
  41. package/dist/common/MtSearch.js +12 -7
  42. package/dist/common/MtSegmentedControl.d.ts +6 -6
  43. package/dist/common/MtSegmentedControl.js +1 -1
  44. package/dist/common/MtSelect.d.ts +30 -20
  45. package/dist/common/MtSelect.js +19 -2
  46. package/dist/common/MtSelectBase.d.ts +4 -4
  47. package/dist/common/MtSelectBase.js +1 -1
  48. package/dist/common/MtSelectResult.d.ts +0 -16
  49. package/dist/common/MtSelectResult.js +2 -22
  50. package/dist/common/MtSelectSelectionList.js +4 -0
  51. package/dist/common/MtSlider.d.ts +36 -7
  52. package/dist/common/MtSlider.js +2 -0
  53. package/dist/common/MtSnackbarNotification.js +2 -6
  54. package/dist/common/MtTabs.d.ts +2 -2
  55. package/dist/common/MtTabs.js +8 -7
  56. package/dist/common/MtTextEditor.js +3 -3
  57. package/dist/common/MtTextEditorToolbar.js +1 -1
  58. package/dist/common/MtTextEditorToolbarButtonColor.js +1 -1
  59. package/dist/common/MtTextEditorToolbarButtonTable.js +9 -9
  60. package/dist/common/MtTextField.d.ts +28 -3
  61. package/dist/common/MtTextField.js +11 -1
  62. package/dist/common/MtTextarea.d.ts +1 -0
  63. package/dist/common/MtTextarea.js +10 -8
  64. package/dist/common/MtThemeSelect.js +1 -1
  65. package/dist/common/MtUnitField.js +2 -2
  66. package/dist/common/MtUnitSelect.js +4 -4
  67. package/dist/common/MtUnitSelectResult.js +2 -2
  68. package/dist/common/MtUrlField.d.ts +2 -0
  69. package/dist/common/MtUrlField.js +5 -3
  70. package/dist/common/components/mt-snackbar/composables/use-snackbar.d.ts +1 -1
  71. package/dist/common/composables/useServicePermission.d.ts +15 -0
  72. package/dist/common/index.d.ts +2 -1
  73. package/dist/common/index.js +12 -11
  74. package/dist/common/mixins/validation.mixin.d.ts +2 -2
  75. package/dist/esm/MtActionMenuItem.d.ts +1 -1
  76. package/dist/esm/MtBadge.d.ts +1 -1
  77. package/dist/esm/MtBanner.d.ts +1 -1
  78. package/dist/esm/MtBaseField.d.ts +2 -2
  79. package/dist/esm/MtButton.d.ts +35 -32
  80. package/dist/esm/MtButton.js +6 -3
  81. package/dist/esm/MtCard.js +1 -1
  82. package/dist/esm/MtCheckbox.d.ts +2 -2
  83. package/dist/esm/MtColorpicker.d.ts +9 -3
  84. package/dist/esm/MtColorpicker.js +1 -1
  85. package/dist/esm/MtContextButton.js +1 -1
  86. package/dist/esm/MtContextMenuItem.d.ts +2 -2
  87. package/dist/esm/MtDataTable.d.ts +58 -47
  88. package/dist/esm/MtDataTable.js +2 -2
  89. package/dist/esm/MtDataTableBadgeRenderer.d.ts +3 -3
  90. package/dist/esm/MtDataTableFilter.js +1 -1
  91. package/dist/esm/MtDataTableSettings.d.ts +11 -8
  92. package/dist/esm/MtDataTableSettings.js +1 -1
  93. package/dist/esm/MtDatepicker.d.ts +24 -1
  94. package/dist/esm/MtDatepicker.js +2 -1
  95. package/dist/esm/MtEmailField.d.ts +1 -0
  96. package/dist/esm/MtEmailField.js +5 -3
  97. package/dist/esm/MtEntityDataTable.js +3 -3
  98. package/dist/esm/MtEntitySelect.js +2 -2
  99. package/dist/esm/MtFieldHint.d.ts +5 -0
  100. package/dist/esm/MtFieldHint.js +20 -14
  101. package/dist/esm/MtFloatingUi.js +1 -1
  102. package/dist/esm/MtGrantPermissionServiceBanner.d.ts +14 -1
  103. package/dist/esm/MtGrantPermissionServiceBanner.js +11 -149
  104. package/dist/esm/MtNumberField.d.ts +26 -3
  105. package/dist/esm/MtNumberField.js +4 -3
  106. package/dist/esm/MtPasswordField.d.ts +3 -1
  107. package/dist/esm/MtPasswordField.js +5 -3
  108. package/dist/esm/MtPopover.d.ts +4 -4
  109. package/dist/esm/MtPopover.js +1 -1
  110. package/dist/esm/MtPopoverItem.d.ts +2 -2
  111. package/dist/esm/MtPopoverItemResult.d.ts +5 -2
  112. package/dist/esm/MtSearch.d.ts +2 -0
  113. package/dist/esm/MtSearch.js +12 -7
  114. package/dist/esm/MtSegmentedControl.d.ts +6 -6
  115. package/dist/esm/MtSegmentedControl.js +1 -1
  116. package/dist/esm/MtSelect.d.ts +30 -20
  117. package/dist/esm/MtSelect.js +19 -2
  118. package/dist/esm/MtSelectBase.d.ts +4 -4
  119. package/dist/esm/MtSelectBase.js +1 -1
  120. package/dist/esm/MtSelectResult.d.ts +0 -16
  121. package/dist/esm/MtSelectResult.js +2 -22
  122. package/dist/esm/MtSelectSelectionList.js +4 -0
  123. package/dist/esm/MtSlider.d.ts +36 -7
  124. package/dist/esm/MtSlider.js +2 -0
  125. package/dist/esm/MtSnackbarNotification.js +2 -6
  126. package/dist/esm/MtTabs.d.ts +2 -2
  127. package/dist/esm/MtTabs.js +9 -8
  128. package/dist/esm/MtTextEditor.js +3 -3
  129. package/dist/esm/MtTextEditorToolbar.js +1 -1
  130. package/dist/esm/MtTextEditorToolbarButtonColor.js +1 -1
  131. package/dist/esm/MtTextEditorToolbarButtonTable.js +9 -9
  132. package/dist/esm/MtTextField.d.ts +28 -3
  133. package/dist/esm/MtTextField.js +11 -1
  134. package/dist/esm/MtTextarea.d.ts +1 -0
  135. package/dist/esm/MtTextarea.js +10 -8
  136. package/dist/esm/MtThemeSelect.js +1 -1
  137. package/dist/esm/MtUnitField.js +2 -2
  138. package/dist/esm/MtUnitSelect.js +4 -4
  139. package/dist/esm/MtUnitSelectResult.js +2 -2
  140. package/dist/esm/MtUrlField.d.ts +2 -0
  141. package/dist/esm/MtUrlField.js +5 -3
  142. package/dist/esm/components/mt-snackbar/composables/use-snackbar.d.ts +1 -1
  143. package/dist/esm/composables/useServicePermission.d.ts +15 -0
  144. package/dist/esm/index.d.ts +2 -1
  145. package/dist/esm/index.js +61 -60
  146. package/dist/esm/mixins/validation.mixin.d.ts +2 -2
  147. package/dist/example-radio-option.css +1 -107
  148. package/dist/{index-26e65048.mjs → index-1e353711.mjs} +1 -1
  149. package/dist/{index-2cb63874.js → index-269e5194.js} +3 -3
  150. package/dist/{index-ddce4e37.mjs → index-b57e37f8.mjs} +3 -3
  151. package/dist/{index-f8d7f486.js → index-fab01d0b.js} +1 -1
  152. package/dist/index.css +1 -1012
  153. package/dist/mt-action-menu-group.css +1 -23
  154. package/dist/mt-action-menu-item.css +1 -68
  155. package/dist/mt-action-menu.css +1 -28
  156. package/dist/mt-avatar.css +1 -66
  157. package/dist/mt-badge.css +1 -51
  158. package/dist/mt-banner.css +1 -95
  159. package/dist/mt-base-field.css +1 -206
  160. package/dist/mt-button.css +1 -249
  161. package/dist/mt-card.css +1 -210
  162. package/dist/mt-chart.css +1 -37
  163. package/dist/mt-checkbox.css +1 -176
  164. package/dist/mt-collapsible-content.css +1 -32
  165. package/dist/mt-colorpicker.css +1 -355
  166. package/dist/mt-context-button.css +1 -22
  167. package/dist/mt-data-table-filter.css +1 -71
  168. package/dist/mt-data-table-number-renderer.css +1 -8
  169. package/dist/mt-data-table-price-renderer.css +1 -8
  170. package/dist/mt-data-table-reset-filter-button.css +1 -14
  171. package/dist/mt-data-table-text-renderer.css +1 -33
  172. package/dist/mt-data-table.css +1 -653
  173. package/dist/mt-datepicker.css +1 -293
  174. 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
  175. 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
  176. package/dist/mt-email-field.css +1 -97
  177. package/dist/mt-empty-state.css +1 -37
  178. package/dist/mt-entity-data-table.css +1 -43
  179. 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
  180. 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
  181. 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
  182. 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
  183. package/dist/mt-field-affix.css +1 -23
  184. package/dist/mt-field-copyable.css +1 -4
  185. package/dist/mt-field-error.css +1 -8
  186. package/dist/mt-field-hint.css +1 -24
  187. package/dist/mt-field-label.css +1 -31
  188. package/dist/mt-floating-ui.css +1 -87
  189. 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
  190. 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
  191. package/dist/mt-grant-permission-service-banner-62995d3a.mjs +191 -0
  192. package/dist/mt-grant-permission-service-banner-dc1f0940.js +190 -0
  193. package/dist/mt-grant-permission-service-banner.css +1 -88
  194. package/dist/mt-help-text.css +1 -33
  195. package/dist/mt-highlight-text.css +1 -5
  196. package/dist/mt-icon.css +1 -3697
  197. package/dist/mt-inheritance-switch.css +1 -12
  198. package/dist/mt-inset.css +1 -7
  199. package/dist/mt-label.css +1 -71
  200. package/dist/mt-link.css +1 -38
  201. package/dist/mt-loader.css +1 -76
  202. package/dist/mt-modal-root.css +1 -20
  203. package/dist/mt-modal.css +1 -160
  204. package/dist/mt-number-field.css +1 -71
  205. package/dist/mt-pagination.css +1 -78
  206. package/dist/mt-password-field.css +1 -27
  207. package/dist/mt-popover-deprecated.css +1 -7
  208. package/dist/mt-popover-item-result.css +1 -135
  209. package/dist/mt-popover-item.css +1 -175
  210. package/dist/mt-popover.css +1 -99
  211. package/dist/mt-progress-bar.css +1 -26
  212. package/dist/mt-promo-badge.css +1 -4
  213. package/dist/mt-radio-group-indicator.css +1 -47
  214. package/dist/mt-radio-group-item.css +1 -25
  215. package/dist/mt-radio-group-list.css +1 -6
  216. package/dist/mt-radio-group-root.css +1 -33
  217. package/dist/mt-search.css +1 -61
  218. package/dist/mt-segmented-control.css +1 -146
  219. package/dist/mt-select-base.css +1 -121
  220. package/dist/mt-select-result-list.css +1 -120
  221. package/dist/mt-select-result.css +1 -114
  222. package/dist/mt-select-selection-list.css +1 -127
  223. package/dist/mt-skeleton-bar.css +1 -33
  224. package/dist/mt-slider.css +1 -152
  225. package/dist/mt-snackbar-notification.css +1 -63
  226. package/dist/mt-snackbar.css +1 -58
  227. package/dist/mt-status-dot.css +1 -58
  228. package/dist/mt-switch.css +1 -94
  229. package/dist/mt-tabs.css +1 -111
  230. package/dist/mt-text-editor-diff-modal.css +3 -696
  231. package/dist/mt-text-editor-toolbar-button-color.css +1 -19
  232. package/dist/mt-text-editor-toolbar-button-link.css +1 -6
  233. package/dist/mt-text-editor-toolbar-button-table.css +1 -6
  234. package/dist/mt-text-editor-toolbar-button.css +1 -26
  235. package/dist/mt-text-editor-toolbar.css +1 -36
  236. package/dist/mt-text-editor.css +1 -338
  237. package/dist/mt-text.css +1 -53
  238. package/dist/mt-textarea.css +1 -62
  239. 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
  240. 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
  241. package/dist/mt-toast-notification.css +1 -161
  242. package/dist/mt-toast.css +1 -101
  243. package/dist/mt-tooltip.css +1 -47
  244. package/dist/mt-unit-field.css +1 -12
  245. package/dist/mt-unit-select-result.css +1 -34
  246. package/dist/mt-unit-select.css +1 -44
  247. package/dist/mt-url-field.css +1 -147
  248. package/dist/{repository-e7884115.mjs → repository-2316b912.mjs} +1 -1
  249. package/dist/{repository-9c56cf7b.js → repository-3d192939.js} +1 -1
  250. package/dist/{useRepository-6804d3b6.js → useRepository-86f5a789.js} +1 -1
  251. package/dist/{useRepository-28dfccf5.mjs → useRepository-f3e9ffc6.mjs} +1 -1
  252. package/package.json +29 -33
@@ -1,249 +1 @@
1
-
2
- .mt-button {
3
- &[data-v-616474e7] {
4
- transition-property: color, background-color, border-color;
5
- transition-duration: 0.15s;
6
- transition-timing-function: ease-out;
7
- display: inline-grid;
8
- place-items: center;
9
- width: max-content;
10
- line-height: 1;
11
- border-radius: var(--border-radius-button);
12
- padding: var(--scale-size-2) var(--scale-size-24);
13
- font-size: var(--font-size-xs);
14
- line-height: 1;
15
- border: 1px solid transparent;
16
- outline: none;
17
- font-weight: var(--font-weight-semibold);
18
- font-family: var(--font-family-body);
19
- white-space: nowrap;
20
- text-overflow: ellipsis;
21
- vertical-align: middle;
22
- text-decoration: none;
23
- cursor: pointer;
24
- user-select: none;
25
- position: relative;
26
- }
27
- &[data-v-616474e7]:focus-visible {
28
- outline: var(--scale-size-2) solid var(--color-border-brand-default);
29
- outline-offset: var(--scale-size-2);
30
- }
31
- }
32
- .mt-button[data-v-616474e7]:disabled,
33
- .mt-button.mt-button--disabled[data-v-616474e7] {
34
- cursor: not-allowed;
35
- }
36
- .mt-button__content[data-v-616474e7] {
37
- display: grid;
38
- grid-auto-flow: column;
39
- align-items: center;
40
- column-gap: var(--scale-size-8);
41
- }
42
- .mt-button__content--hidden[data-v-616474e7] {
43
- visibility: hidden;
44
- }
45
- .mt-button--primary[data-v-616474e7] {
46
- background: var(--color-interaction-primary-default);
47
- color: var(--color-static-white);
48
- border-color: var(--color-interaction-primary-default);
49
- }
50
- .mt-button--primary .mt-icon[data-v-616474e7] {
51
- color: var(--color-static-white);
52
- }
53
- .mt-button--primary[data-v-616474e7]:hover,
54
- .mt-button--primary[data-v-616474e7]:active {
55
- background: var(--color-interaction-primary-hover);
56
- border-color: var(--color-interaction-primary-hover);
57
- }
58
- .mt-button--primary[data-v-616474e7]:disabled,
59
- .mt-button--primary.mt-button--disabled[data-v-616474e7] {
60
- background: var(--color-interaction-primary-disabled);
61
- border-color: var(--color-interaction-primary-disabled);
62
- }
63
- .mt-button--primary:disabled .mt-button__content[data-v-616474e7],
64
- .mt-button--primary.mt-button--disabled .mt-button__content[data-v-616474e7] {
65
- opacity: 0.4;
66
- }
67
- .mt-button--primary-ghost[data-v-616474e7] {
68
- background: transparent;
69
- border: 1px solid var(--color-border-brand-default);
70
- border-color: var(--color-border-brand-default);
71
- color: var(--color-text-brand-default);
72
- }
73
- .mt-button--primary-ghost[data-v-616474e7]:is(:hover, :active):not(:disabled) {
74
- background: var(--color-background-brand-default);
75
- }
76
- .mt-button--primary-ghost[data-v-616474e7]:disabled,
77
- .mt-button--primary-ghost.mt-button--disabled[data-v-616474e7] {
78
- color: var(--color-text-brand-disabled);
79
- border-color: var(--color-border-brand-disabled);
80
- background: transparent;
81
- }
82
- .mt-button--primary-ghost:disabled .mt-icon[data-v-616474e7],
83
- .mt-button--primary-ghost.mt-button--disabled .mt-icon[data-v-616474e7] {
84
- color: var(--color-icon-brand-disabled);
85
- }
86
- .mt-button--primary-ghost .mt-icon[data-v-616474e7] {
87
- color: var(--color-icon-brand-default);
88
- }
89
- .mt-button--secondary[data-v-616474e7] {
90
- background: var(--color-interaction-secondary-default);
91
- border: 1px solid var(--color-border-primary-default);
92
- color: var(--color-text-primary-default);
93
- }
94
- .mt-button--secondary[data-v-616474e7]:is(:hover, :active) {
95
- background: var(--color-interaction-secondary-hover);
96
- }
97
- .mt-button--secondary[data-v-616474e7]:disabled,
98
- .mt-button--secondary.mt-button--disabled[data-v-616474e7] {
99
- color: var(--color-text-primary-disabled);
100
- background: var(--color-interaction-secondary-disabled);
101
- }
102
- .mt-button--secondary:disabled .mt-icon[data-v-616474e7],
103
- .mt-button--secondary.mt-button--disabled .mt-icon[data-v-616474e7] {
104
- color: var(--color-icon-primary-disabled);
105
- }
106
- .mt-button--secondary .mt-icon[data-v-616474e7] {
107
- color: var(--color-icon-primary-default);
108
- }
109
- .mt-button--tertiary[data-v-616474e7] {
110
- background: transparent;
111
- border: 1px solid transparent;
112
- color: var(--color-text-primary-default);
113
- }
114
- .mt-button--tertiary[data-v-616474e7]:hover {
115
- background: var(--color-interaction-secondary-hover);
116
- }
117
- .mt-button--tertiary[data-v-616474e7]:active {
118
- background: var(--color-interaction-secondary-pressed);
119
- }
120
- .mt-button--tertiary[data-v-616474e7]:disabled,
121
- .mt-button--tertiary.mt-button--disabled[data-v-616474e7] {
122
- color: var(--color-text-primary-disabled);
123
- background: transparent;
124
- }
125
- .mt-button--tertiary:disabled .mt-icon[data-v-616474e7],
126
- .mt-button--tertiary.mt-button--disabled .mt-icon[data-v-616474e7] {
127
- color: var(--color-icon-primary-disabled);
128
- }
129
- .mt-button--tertiary .mt-icon[data-v-616474e7] {
130
- color: var(--color-icon-primary-default);
131
- }
132
- .mt-button--critical[data-v-616474e7] {
133
- background: var(--color-interaction-critical-default);
134
- color: var(--color-static-white);
135
- border: 1px solid var(--color-interaction-critical-default);
136
- }
137
- .mt-button--critical[data-v-616474e7]:is(:hover, :active) {
138
- background: var(--color-interaction-critical-hover);
139
- border-color: var(--color-interaction-critical-hover);
140
- }
141
- .mt-button--critical[data-v-616474e7]:disabled,
142
- .mt-button--critical.mt-button--disabled[data-v-616474e7] {
143
- background: var(--color-interaction-critical-disabled);
144
- border-color: var(--color-interaction-critical-disabled);
145
- }
146
- .mt-button--critical:disabled .mt-icon[data-v-616474e7],
147
- .mt-button--critical.mt-button--disabled .mt-icon[data-v-616474e7],
148
- .mt-button--critical .mt-icon[data-v-616474e7] {
149
- color: var(--color-static-white);
150
- }
151
- .mt-button--critical:disabled .mt-button__content[data-v-616474e7],
152
- .mt-button--critical.mt-button--disabled .mt-button__content[data-v-616474e7] {
153
- opacity: 0.4;
154
- }
155
- .mt-button--critical-ghost[data-v-616474e7] {
156
- background: transparent;
157
- border: 1px solid var(--color-border-critical-default);
158
- color: var(--color-text-critical-default);
159
- }
160
- .mt-button--critical-ghost[data-v-616474e7]:is(:hover, :active):not(:disabled) {
161
- background-color: var(--color-background-critical-default);
162
- }
163
- .mt-button--critical-ghost[data-v-616474e7]:disabled,
164
- .mt-button--critical-ghost.mt-button--disabled[data-v-616474e7] {
165
- color: var(--color-text-critical-disabled);
166
- border-color: var(--color-border-critical-disabled);
167
- }
168
- .mt-button--critical-ghost:disabled .mt-icon[data-v-616474e7],
169
- .mt-button--critical-ghost.mt-button--disabled .mt-icon[data-v-616474e7] {
170
- color: var(--color-icon-critical-disabled);
171
- }
172
- .mt-button--critical-ghost .mt-icon[data-v-616474e7] {
173
- color: var(--color-icon-critical-default);
174
- }
175
- .mt-button--action[data-v-616474e7] {
176
- border: 1px solid #e2e8f0;
177
- background-color: #ffffff;
178
- color: #000000;
179
- }
180
- .mt-button--action .mt-icon[data-v-616474e7] {
181
- color: #1a202c;
182
- }
183
- .mt-button--action[data-v-616474e7]:hover {
184
- background-color: #edf2f7;
185
- color: #4a5568;
186
- }
187
- .mt-button--action[data-v-616474e7]:disabled {
188
- background-color: #f7fafc;
189
- color: #a0aec0;
190
- }
191
- .mt-button--block[data-v-616474e7] {
192
- display: block;
193
- width: 100%;
194
- display: flex;
195
- justify-content: center;
196
- align-items: center;
197
- }
198
- .mt-button--x-small[data-v-616474e7] {
199
- padding-left: var(--scale-size-8);
200
- padding-right: var(--scale-size-8);
201
- font-size: var(--font-size-2xs);
202
- min-height: var(--scale-size-20);
203
- }
204
- .mt-button--x-small.mt-button--square[data-v-616474e7] {
205
- width: var(--scale-size-20);
206
- height: var(--scale-size-20);
207
- }
208
- .mt-button--small[data-v-616474e7] {
209
- padding-left: var(--scale-size-10);
210
- padding-right: var(--scale-size-10);
211
- font-size: var(--font-size-2xs);
212
- min-height: var(--scale-size-24);
213
- }
214
- .mt-button--small.mt-button--square[data-v-616474e7] {
215
- width: var(--scale-size-24);
216
- height: var(--scale-size-24);
217
- }
218
- .mt-button--default[data-v-616474e7] {
219
- padding-inline: var(--scale-size-16);
220
- font-size: var(--font-size-xs);
221
- min-height: var(--scale-size-32);
222
- }
223
- .mt-button--default.mt-button--square[data-v-616474e7] {
224
- width: var(--scale-size-32);
225
- height: var(--scale-size-32);
226
- }
227
- .mt-button--large[data-v-616474e7] {
228
- padding-left: var(--scale-size-20);
229
- padding-right: var(--scale-size-20);
230
- min-height: var(--scale-size-40);
231
- font-size: var(--font-size-xs);
232
- }
233
- .mt-button--large.mt-button--square[data-v-616474e7] {
234
- width: var(--scale-size-40);
235
- height: var(--scale-size-40);
236
- }
237
- .mt-button--square[data-v-616474e7] {
238
- width: var(--scale-size-32);
239
- height: var(--scale-size-32);
240
- padding-left: 0;
241
- padding-right: 0;
242
- text-align: center;
243
- }
244
- .mt-button--square .mt-button__content[data-v-616474e7] {
245
- display: inline;
246
- }
247
- .mt-button__loader[data-v-616474e7] {
248
- border-radius: var(--border-radius-xs);
249
- }
1
+ .mt-button[data-v-3061df8a]{transition-property:color,background-color,border-color;transition-duration:.15s;transition-timing-function:ease-out;display:inline-grid;place-items:center;width:max-content;border-radius:var(--border-radius-button);padding:var(--scale-size-2) var(--scale-size-24);font-size:var(--font-size-xs);line-height:1;border:1px solid transparent;outline:none;font-weight:var(--font-weight-semibold);font-family:var(--font-family-body);white-space:nowrap;text-overflow:ellipsis;vertical-align:middle;text-decoration:none;cursor:pointer;-webkit-user-select:none;user-select:none;position:relative}.mt-button[data-v-3061df8a]:focus-visible{outline:var(--scale-size-2) solid var(--color-border-brand-default);outline-offset:var(--scale-size-2)}.mt-button[data-v-3061df8a]:disabled,.mt-button.mt-button--disabled[data-v-3061df8a]{cursor:not-allowed}.mt-button__content[data-v-3061df8a]{display:grid;grid-auto-flow:column;align-items:center;column-gap:var(--scale-size-8)}.mt-button__content--hidden[data-v-3061df8a]{visibility:hidden}.mt-button--primary[data-v-3061df8a]{background:var(--color-interaction-primary-default);color:var(--color-static-white);border-color:var(--color-interaction-primary-default)}.mt-button--primary .mt-icon[data-v-3061df8a]{color:var(--color-static-white)}.mt-button--primary[data-v-3061df8a]:hover,.mt-button--primary[data-v-3061df8a]:active{background:var(--color-interaction-primary-hover);border-color:var(--color-interaction-primary-hover)}.mt-button--primary[data-v-3061df8a]:disabled,.mt-button--primary.mt-button--disabled[data-v-3061df8a]{background:var(--color-interaction-primary-disabled);border-color:var(--color-interaction-primary-disabled)}.mt-button--primary:disabled .mt-button__content[data-v-3061df8a],.mt-button--primary.mt-button--disabled .mt-button__content[data-v-3061df8a]{opacity:.4}.mt-button--primary-ghost[data-v-3061df8a]{background:transparent;border:1px solid var(--color-border-brand-default);border-color:var(--color-border-brand-default);color:var(--color-text-brand-default)}.mt-button--primary-ghost[data-v-3061df8a]:is(:hover,:active):not(:disabled){background:var(--color-background-brand-default)}.mt-button--primary-ghost[data-v-3061df8a]:disabled,.mt-button--primary-ghost.mt-button--disabled[data-v-3061df8a]{color:var(--color-text-brand-disabled);border-color:var(--color-border-brand-disabled);background:transparent}.mt-button--primary-ghost:disabled .mt-icon[data-v-3061df8a],.mt-button--primary-ghost.mt-button--disabled .mt-icon[data-v-3061df8a]{color:var(--color-icon-brand-disabled)}.mt-button--primary-ghost .mt-icon[data-v-3061df8a]{color:var(--color-icon-brand-default)}.mt-button--secondary[data-v-3061df8a]{background:var(--color-interaction-secondary-default);border:1px solid var(--color-border-primary-default);color:var(--color-text-primary-default)}.mt-button--secondary[data-v-3061df8a]:is(:hover,:active){background:var(--color-interaction-secondary-hover)}.mt-button--secondary[data-v-3061df8a]:disabled,.mt-button--secondary.mt-button--disabled[data-v-3061df8a]{color:var(--color-text-primary-disabled);background:var(--color-interaction-secondary-disabled)}.mt-button--secondary:disabled .mt-icon[data-v-3061df8a],.mt-button--secondary.mt-button--disabled .mt-icon[data-v-3061df8a]{color:var(--color-icon-primary-disabled)}.mt-button--secondary .mt-icon[data-v-3061df8a]{color:var(--color-icon-primary-default)}.mt-button--tertiary[data-v-3061df8a]{background:transparent;border:1px solid transparent;color:var(--color-text-primary-default)}.mt-button--tertiary[data-v-3061df8a]:hover{background:var(--color-interaction-secondary-hover)}.mt-button--tertiary[data-v-3061df8a]:active{background:var(--color-interaction-secondary-pressed)}.mt-button--tertiary[data-v-3061df8a]:disabled,.mt-button--tertiary.mt-button--disabled[data-v-3061df8a]{color:var(--color-text-primary-disabled);background:transparent}.mt-button--tertiary:disabled .mt-icon[data-v-3061df8a],.mt-button--tertiary.mt-button--disabled .mt-icon[data-v-3061df8a]{color:var(--color-icon-primary-disabled)}.mt-button--tertiary .mt-icon[data-v-3061df8a]{color:var(--color-icon-primary-default)}.mt-button--critical[data-v-3061df8a]{background:var(--color-interaction-critical-default);color:var(--color-static-white);border:1px solid var(--color-interaction-critical-default)}.mt-button--critical[data-v-3061df8a]:is(:hover,:active){background:var(--color-interaction-critical-hover);border-color:var(--color-interaction-critical-hover)}.mt-button--critical[data-v-3061df8a]:disabled,.mt-button--critical.mt-button--disabled[data-v-3061df8a]{background:var(--color-interaction-critical-disabled);border-color:var(--color-interaction-critical-disabled)}.mt-button--critical:disabled .mt-icon[data-v-3061df8a],.mt-button--critical.mt-button--disabled .mt-icon[data-v-3061df8a],.mt-button--critical .mt-icon[data-v-3061df8a]{color:var(--color-static-white)}.mt-button--critical:disabled .mt-button__content[data-v-3061df8a],.mt-button--critical.mt-button--disabled .mt-button__content[data-v-3061df8a]{opacity:.4}.mt-button--critical-ghost[data-v-3061df8a]{background:transparent;border:1px solid var(--color-border-critical-default);color:var(--color-text-critical-default)}.mt-button--critical-ghost[data-v-3061df8a]:is(:hover,:active):not(:disabled){background-color:var(--color-background-critical-default)}.mt-button--critical-ghost[data-v-3061df8a]:disabled,.mt-button--critical-ghost.mt-button--disabled[data-v-3061df8a]{color:var(--color-text-critical-disabled);border-color:var(--color-border-critical-disabled)}.mt-button--critical-ghost:disabled .mt-icon[data-v-3061df8a],.mt-button--critical-ghost.mt-button--disabled .mt-icon[data-v-3061df8a]{color:var(--color-icon-critical-disabled)}.mt-button--critical-ghost .mt-icon[data-v-3061df8a]{color:var(--color-icon-critical-default)}.mt-button--action[data-v-3061df8a]{border:1px solid #e2e8f0;background-color:#fff;color:#000}.mt-button--action .mt-icon[data-v-3061df8a]{color:#1a202c}.mt-button--action[data-v-3061df8a]:hover{background-color:#edf2f7;color:#4a5568}.mt-button--action[data-v-3061df8a]:disabled{background-color:#f7fafc;color:#a0aec0}.mt-button--block[data-v-3061df8a]{display:block;width:100%;display:flex;justify-content:center;align-items:center}.mt-button--x-small[data-v-3061df8a]{padding-left:var(--scale-size-8);padding-right:var(--scale-size-8);font-size:var(--font-size-2xs);min-height:var(--scale-size-20)}.mt-button--x-small.mt-button--square[data-v-3061df8a]{width:var(--scale-size-20);height:var(--scale-size-20)}.mt-button--small[data-v-3061df8a]{padding-left:var(--scale-size-10);padding-right:var(--scale-size-10);font-size:var(--font-size-2xs);min-height:var(--scale-size-24)}.mt-button--small.mt-button--square[data-v-3061df8a]{width:var(--scale-size-24);height:var(--scale-size-24)}.mt-button--default[data-v-3061df8a]{padding-inline:var(--scale-size-16);font-size:var(--font-size-xs);min-height:var(--scale-size-32)}.mt-button--default.mt-button--square[data-v-3061df8a]{width:var(--scale-size-32);height:var(--scale-size-32)}.mt-button--large[data-v-3061df8a]{padding-left:var(--scale-size-20);padding-right:var(--scale-size-20);min-height:var(--scale-size-40);font-size:var(--font-size-xs)}.mt-button--large.mt-button--square[data-v-3061df8a]{width:var(--scale-size-40);height:var(--scale-size-40)}.mt-button--square[data-v-3061df8a]{width:var(--scale-size-32);height:var(--scale-size-32);padding-left:0;padding-right:0;text-align:center}.mt-button--square .mt-button__content[data-v-3061df8a]{display:inline}.mt-button__loader[data-v-3061df8a]{border-radius:var(--border-radius-xs)}
package/dist/mt-card.css CHANGED
@@ -1,210 +1 @@
1
-
2
- /**
3
- * @hotfix fixes a bug in safari which leads to disappearing cards
4
- */
5
- @media not all and (min-resolution: 0.001dpcm) {
6
- @supports (-webkit-appearance: none) {
7
- .mt-card[data-v-5534e4b5] {
8
- transform: translateZ(0);
9
- }
10
- }
11
- }
12
- .mt-card {
13
- &[data-v-5534e4b5] {
14
- max-width: 60rem;
15
- margin: 0 auto var(--scale-size-40);
16
- position: relative;
17
- background: var(--color-elevation-surface-raised);
18
- border: 1px solid var(--color-border-secondary-default);
19
- border-radius: var(--border-radius-card);
20
- overflow: hidden;
21
- }
22
- &:not(:has(.mt-card__tabs:empty)) .mt-card__header[data-v-5534e4b5] {
23
- border-bottom: none;
24
- }
25
- }
26
- .mt-card--future-remove-default-margin[data-v-5534e4b5] {
27
- margin-block-end: 0;
28
- }
29
- .mt-card__content {
30
- &[data-v-5534e4b5] {
31
- --mt-card-content-padding: var(--scale-size-24);
32
- --mt-inset-block-start: var(--mt-card-content-padding);
33
- --mt-inset-block-end: var(--mt-card-content-padding);
34
- --mt-inset-inline-start: var(--mt-card-content-padding);
35
- --mt-inset-inline-end: var(--mt-card-content-padding);
36
-
37
- display: flow-root;
38
- flex-basis: 100%;
39
- padding: var(--mt-card-content-padding);
40
- background-clip: padding-box;
41
- position: relative;
42
- color: var(--color-text-primary-default);
43
- }
44
- &[data-v-5534e4b5] > :where(h1, h2, h3, h4, h5, h6) {
45
- font-weight: normal;
46
- }
47
- & > h1[data-v-5534e4b5] {
48
- font-size: 1.5rem;
49
- }
50
- & > h2[data-v-5534e4b5] {
51
- font-size: 1.375rem;
52
- }
53
- & > h3[data-v-5534e4b5] {
54
- font-size: 1.25rem;
55
- }
56
- &[data-v-5534e4b5] > :where(h4, h5, h6) {
57
- font-size: 1.125rem;
58
- }
59
- & a.mt-card__quick-link {
60
- &[data-v-5534e4b5] {
61
- display: grid;
62
- grid-auto-flow: column;
63
- grid-column-gap: 0.375rem;
64
- align-items: center;
65
- text-decoration: none;
66
- color: var(--color-text-brand-default);
67
- font-size: 0.875rem;
68
- }
69
- &[data-v-5534e4b5]:hover {
70
- color: var(--color-text-brand-hover);
71
- }
72
- }
73
- }
74
- .mt-card--has-footer {
75
- & .mt-card__content[data-v-5534e4b5] {
76
- border: none;
77
- border-radius: var(--border-radius-none);
78
- }
79
- }
80
-
81
- /* @depracated v4.0.0 - will be removed without replacement */
82
- .mt-card--large {
83
- &[data-v-5534e4b5] {
84
- max-width: 83.125rem;
85
- }
86
- & .mt-card__title[data-v-5534e4b5],
87
- & .mt-card__subtitle[data-v-5534e4b5] {
88
- width: auto;
89
- position: relative;
90
- top: 0;
91
- left: 0;
92
- text-align: left;
93
- }
94
- }
95
- .mt-card--future-ignore-max-width[data-v-5534e4b5] {
96
- max-width: none;
97
- margin-inline: 0;
98
- }
99
- .mt-card__titles[data-v-5534e4b5] {
100
- display: flex;
101
- flex-direction: column;
102
- justify-content: space-between;
103
- }
104
- .mt-card__titles--has-inheritance-toggle {
105
- &[data-v-5534e4b5] {
106
- display: grid;
107
- grid-template-columns: min-content 1fr;
108
- column-gap: var(--scale-size-4);
109
- grid-template-areas:
110
- "inheritance title"
111
- "subtitle subtitle";
112
- }
113
- & .mt-card__subtitle[data-v-5534e4b5] {
114
- grid-column: 1 / -1;
115
- }
116
- }
117
- .mt-card--is-inherited {
118
- &[data-v-5534e4b5] {
119
- border-color: var(--color-border-accent-default);
120
- }
121
- & .mt-card__title[data-v-5534e4b5] {
122
- color: var(--color-text-accent-default);
123
- }
124
- & .mt-card__inheritance-toggle[data-v-5534e4b5] {
125
- color: var(--color-icon-accent-default);
126
- }
127
- }
128
- .mt-card--grid {
129
- & .mt-card__content {
130
- &[data-v-5534e4b5] {
131
- display: grid;
132
- padding: 0;
133
- }
134
- & .mt-grid[data-v-5534e4b5] {
135
- border-top: none;
136
- }
137
- }
138
- }
139
- .mt-card__header[data-v-5534e4b5] {
140
- display: flex;
141
- flex-wrap: wrap;
142
- align-items: stretch;
143
- gap: var(--scale-size-12);
144
- padding: var(--scale-size-24);
145
- border-bottom: 1px solid var(--color-border-secondary-default);
146
- }
147
- .mt-card__title[data-v-5534e4b5] {
148
- margin: 0;
149
- }
150
- .mt-card__toolbar {
151
- &[data-v-5534e4b5] {
152
- display: flex;
153
- flex-basis: auto;
154
- gap: var(--scale-size-8);
155
- padding: var(--scale-size-20) var(--scale-size-24) var(--scale-size-16) var(--scale-size-24);
156
- }
157
- &[data-v-5534e4b5]:empty {
158
- display: none;
159
- }
160
- }
161
- .mt-card__avatar {
162
- &[data-v-5534e4b5] {
163
- overflow: hidden;
164
- border-radius: var(--border-radius-xs);
165
- width: var(--scale-size-40);
166
- height: var(--scale-size-40);
167
- }
168
- & img[data-v-5534e4b5] {
169
- width: 100%;
170
- height: 100%;
171
- object-fit: contain;
172
- }
173
- &[data-v-5534e4b5]:empty {
174
- display: none;
175
- }
176
- }
177
- .mt-card__inheritance-toggle {
178
- &[data-v-5534e4b5] {
179
- cursor: pointer;
180
- outline-offset: 2px;
181
- outline-color: var(--color-border-brand-default);
182
- color: var(--color-icon-primary-default);
183
- }
184
- &[data-v-5534e4b5]:focus-visible {
185
- outline: 2px solid var(--color-border-brand-default);
186
- outline-offset: 2px;
187
- border-radius: var(--border-radius-button);
188
- }
189
- }
190
- .mt-card__titles-right-slot[data-v-5534e4b5] {
191
- color: var(--color-text-primary-default);
192
- margin-left: auto;
193
- }
194
- .mt-card__footer {
195
- &[data-v-5534e4b5] {
196
- --mt-card-footer-padding: 1.5rem;
197
-
198
- --mt-inset-block-start: var(--mt-card-footer-padding);
199
- --mt-inset-block-end: var(--mt-card-footer-padding);
200
- --mt-inset-inline-start: var(--mt-card-footer-padding);
201
- --mt-inset-inline-end: var(--mt-card-footer-padding);
202
-
203
- display: flex;
204
- padding: var(--mt-card-footer-padding);
205
- color: var(--color-text-secondary-default);
206
- }
207
- &[data-v-5534e4b5]:empty {
208
- display: none;
209
- }
210
- }
1
+ @media not all and (min-resolution: .001dpcm){@supports (-webkit-appearance: none){.mt-card[data-v-5534e4b5]{transform:translateZ(0)}}}.mt-card[data-v-5534e4b5]{max-width:60rem;margin:0 auto var(--scale-size-40);position:relative;background:var(--color-elevation-surface-raised);border:1px solid var(--color-border-secondary-default);border-radius:var(--border-radius-card);overflow:hidden}.mt-card:not(:has(.mt-card__tabs:empty)) .mt-card__header[data-v-5534e4b5]{border-bottom:none}.mt-card--future-remove-default-margin[data-v-5534e4b5]{margin-block-end:0}.mt-card__content[data-v-5534e4b5]{--mt-card-content-padding: var(--scale-size-24);--mt-inset-block-start: var(--mt-card-content-padding);--mt-inset-block-end: var(--mt-card-content-padding);--mt-inset-inline-start: var(--mt-card-content-padding);--mt-inset-inline-end: var(--mt-card-content-padding);display:flow-root;flex-basis:100%;padding:var(--mt-card-content-padding);background-clip:padding-box;position:relative;color:var(--color-text-primary-default)}.mt-card__content[data-v-5534e4b5]>:where(h1,h2,h3,h4,h5,h6){font-weight:400}.mt-card__content>h1[data-v-5534e4b5]{font-size:1.5rem}.mt-card__content>h2[data-v-5534e4b5]{font-size:1.375rem}.mt-card__content>h3[data-v-5534e4b5]{font-size:1.25rem}.mt-card__content[data-v-5534e4b5]>:where(h4,h5,h6){font-size:1.125rem}.mt-card__content a.mt-card__quick-link[data-v-5534e4b5]{display:grid;grid-auto-flow:column;grid-column-gap:.375rem;align-items:center;text-decoration:none;color:var(--color-text-brand-default);font-size:.875rem}.mt-card__content a.mt-card__quick-link[data-v-5534e4b5]:hover{color:var(--color-text-brand-hover)}.mt-card--has-footer .mt-card__content[data-v-5534e4b5]{border:none;border-radius:var(--border-radius-none)}.mt-card--large[data-v-5534e4b5]{max-width:83.125rem}.mt-card--large .mt-card__title[data-v-5534e4b5],.mt-card--large .mt-card__subtitle[data-v-5534e4b5]{width:auto;position:relative;top:0;left:0;text-align:left}.mt-card--future-ignore-max-width[data-v-5534e4b5]{max-width:none;margin-inline:0}.mt-card__titles[data-v-5534e4b5]{display:flex;flex-direction:column;justify-content:space-between}.mt-card__titles--has-inheritance-toggle[data-v-5534e4b5]{display:grid;grid-template-columns:min-content 1fr;column-gap:var(--scale-size-4);grid-template-areas:"inheritance title" "subtitle subtitle"}.mt-card__titles--has-inheritance-toggle .mt-card__subtitle[data-v-5534e4b5]{grid-column:1 / -1}.mt-card--is-inherited[data-v-5534e4b5]{border-color:var(--color-border-accent-default)}.mt-card--is-inherited .mt-card__title[data-v-5534e4b5]{color:var(--color-text-accent-default)}.mt-card--is-inherited .mt-card__inheritance-toggle[data-v-5534e4b5]{color:var(--color-icon-accent-default)}.mt-card--grid .mt-card__content[data-v-5534e4b5]{display:grid;padding:0}.mt-card--grid .mt-card__content .mt-grid[data-v-5534e4b5]{border-top:none}.mt-card__header[data-v-5534e4b5]{display:flex;flex-wrap:wrap;align-items:stretch;gap:var(--scale-size-12);padding:var(--scale-size-24);border-bottom:1px solid var(--color-border-secondary-default)}.mt-card__title[data-v-5534e4b5]{margin:0}.mt-card__toolbar[data-v-5534e4b5]{display:flex;flex-basis:auto;gap:var(--scale-size-8);padding:var(--scale-size-20) var(--scale-size-24) var(--scale-size-16) var(--scale-size-24)}.mt-card__toolbar[data-v-5534e4b5]:empty{display:none}.mt-card__avatar[data-v-5534e4b5]{overflow:hidden;border-radius:var(--border-radius-xs);width:var(--scale-size-40);height:var(--scale-size-40)}.mt-card__avatar img[data-v-5534e4b5]{width:100%;height:100%;object-fit:contain}.mt-card__avatar[data-v-5534e4b5]:empty{display:none}.mt-card__inheritance-toggle[data-v-5534e4b5]{cursor:pointer;outline-offset:2px;outline-color:var(--color-border-brand-default);color:var(--color-icon-primary-default)}.mt-card__inheritance-toggle[data-v-5534e4b5]:focus-visible{outline:2px solid var(--color-border-brand-default);outline-offset:2px;border-radius:var(--border-radius-button)}.mt-card__titles-right-slot[data-v-5534e4b5]{color:var(--color-text-primary-default);margin-left:auto}.mt-card__footer[data-v-5534e4b5]{--mt-card-footer-padding: 1.5rem;--mt-inset-block-start: var(--mt-card-footer-padding);--mt-inset-block-end: var(--mt-card-footer-padding);--mt-inset-inline-start: var(--mt-card-footer-padding);--mt-inset-inline-end: var(--mt-card-footer-padding);display:flex;padding:var(--mt-card-footer-padding);color:var(--color-text-secondary-default)}.mt-card__footer[data-v-5534e4b5]:empty{display:none}
package/dist/mt-chart.css CHANGED
@@ -1,37 +1 @@
1
-
2
- .mt-chart[data-v-efbee6e7] .apexcharts-text {
3
- fill: var(--color-text-secondary-default) !important;
4
- }
5
- .mt-chart-area[data-v-efbee6e7] .apexcharts-tooltip {
6
- background-color: var(--color-elevation-surface-overlay);
7
- border: 1px solid var(--color-border-primary-default);
8
- border-radius: var(--border-radius-l);
9
- box-shadow: 0 4px 12px -4px rgba(0, 0, 0, 10%);
10
- color: var(--color-text-primary-default);
11
- .apexcharts-tooltip-title {
12
- font-family: var(--font-family-body) !important;
13
- font-size: var(--font-size-xs) !important;
14
- font-weight: var(--font-weight-bold);
15
- background: var(--color-interaction-secondary-default) !important;
16
- border-bottom: 1px solid var(--color-border-primary-default);
17
- padding: 10px 16px;
18
- margin-bottom: 0;
19
- }
20
- .apexcharts-tooltip-series-group {
21
- padding: 10px 16px;
22
- }
23
- .apexcharts-tooltip-marker {
24
- margin-right: 0;
25
- }
26
- .apexcharts-tooltip-text-y-label {
27
- display: none;
28
- }
29
- .apexcharts-tooltip-text-y-value {
30
- font-family: var(--font-family-body);
31
- font-size: var(--font-size-xs);
32
- font-weight: var(--font-weight-medium);
33
- }
34
- .apexcharts-tooltip-y-group {
35
- padding: 0;
36
- }
37
- }
1
+ .mt-chart[data-v-efbee6e7] .apexcharts-text{fill:var(--color-text-secondary-default)!important}.mt-chart-area[data-v-efbee6e7] .apexcharts-tooltip{background-color:var(--color-elevation-surface-overlay);border:1px solid var(--color-border-primary-default);border-radius:var(--border-radius-l);box-shadow:0 4px 12px -4px #0000001a;color:var(--color-text-primary-default)}.mt-chart-area[data-v-efbee6e7] .apexcharts-tooltip .apexcharts-tooltip-title{font-family:var(--font-family-body)!important;font-size:var(--font-size-xs)!important;font-weight:var(--font-weight-bold);background:var(--color-interaction-secondary-default)!important;border-bottom:1px solid var(--color-border-primary-default);padding:10px 16px;margin-bottom:0}.mt-chart-area[data-v-efbee6e7] .apexcharts-tooltip .apexcharts-tooltip-series-group{padding:10px 16px}.mt-chart-area[data-v-efbee6e7] .apexcharts-tooltip .apexcharts-tooltip-marker{margin-right:0}.mt-chart-area[data-v-efbee6e7] .apexcharts-tooltip .apexcharts-tooltip-text-y-label{display:none}.mt-chart-area[data-v-efbee6e7] .apexcharts-tooltip .apexcharts-tooltip-text-y-value{font-family:var(--font-family-body);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.mt-chart-area[data-v-efbee6e7] .apexcharts-tooltip .apexcharts-tooltip-y-group{padding:0}