@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.
- package/dist/{channel-c0a7f238.mjs → channel-24cdec8b.mjs} +1 -1
- package/dist/{channel-c7fd2abb.js → channel-41ddc4ca.js} +1 -1
- package/dist/common/MtActionMenuItem.d.ts +1 -1
- package/dist/common/MtBadge.d.ts +1 -1
- package/dist/common/MtBanner.d.ts +1 -1
- package/dist/common/MtBaseField.d.ts +2 -2
- package/dist/common/MtBaseField.js +1 -1
- package/dist/common/MtButton.d.ts +35 -32
- package/dist/common/MtButton.js +6 -3
- package/dist/common/MtCard.js +2 -2
- package/dist/common/MtCheckbox.d.ts +2 -2
- package/dist/common/MtCheckbox.js +1 -1
- package/dist/common/MtColorpicker.d.ts +9 -3
- package/dist/common/MtColorpicker.js +2 -2
- package/dist/common/MtContextButton.js +2 -2
- package/dist/common/MtContextMenuItem.d.ts +2 -2
- package/dist/common/MtContextMenuItem.js +1 -1
- package/dist/common/MtDataTable.d.ts +58 -47
- package/dist/common/MtDataTable.js +3 -3
- package/dist/common/MtDataTableBadgeRenderer.d.ts +3 -3
- package/dist/common/MtDataTableFilter.js +2 -2
- package/dist/common/MtDataTableSettings.d.ts +11 -8
- package/dist/common/MtDataTableSettings.js +2 -2
- package/dist/common/MtDatepicker.d.ts +24 -1
- package/dist/common/MtDatepicker.js +2 -1
- package/dist/common/MtEmailField.d.ts +1 -0
- package/dist/common/MtEmailField.js +5 -3
- package/dist/common/MtEntityDataTable.js +4 -4
- package/dist/common/MtEntitySelect.js +3 -3
- package/dist/common/MtFieldCopyable.js +1 -1
- package/dist/common/MtFieldHint.d.ts +5 -0
- package/dist/common/MtFieldHint.js +19 -13
- package/dist/common/MtFloatingUi.js +1 -1
- package/dist/common/MtGrantPermissionServiceBanner.d.ts +14 -1
- package/dist/common/MtGrantPermissionServiceBanner.js +11 -149
- package/dist/common/MtNumberField.d.ts +26 -3
- package/dist/common/MtNumberField.js +5 -4
- package/dist/common/MtPasswordField.d.ts +3 -1
- package/dist/common/MtPasswordField.js +6 -4
- package/dist/common/MtPopover.d.ts +4 -4
- package/dist/common/MtPopover.js +2 -2
- package/dist/common/MtPopoverItem.d.ts +2 -2
- package/dist/common/MtPopoverItem.js +1 -1
- package/dist/common/MtPopoverItemResult.d.ts +5 -2
- package/dist/common/MtPopoverItemResult.js +1 -1
- package/dist/common/MtSearch.d.ts +2 -0
- package/dist/common/MtSearch.js +12 -7
- package/dist/common/MtSegmentedControl.d.ts +6 -6
- package/dist/common/MtSegmentedControl.js +2 -2
- package/dist/common/MtSelect.d.ts +30 -20
- package/dist/common/MtSelect.js +20 -3
- package/dist/common/MtSelectBase.d.ts +4 -4
- package/dist/common/MtSelectBase.js +2 -2
- package/dist/common/MtSelectResult.d.ts +0 -16
- package/dist/common/MtSelectResult.js +2 -22
- package/dist/common/MtSelectSelectionList.js +4 -0
- package/dist/common/MtSlider.d.ts +36 -7
- package/dist/common/MtSlider.js +3 -1
- package/dist/common/MtSnackbarNotification.js +2 -6
- package/dist/common/MtTabs.d.ts +2 -2
- package/dist/common/MtTabs.js +9 -8
- package/dist/common/MtTextEditor.js +4 -4
- package/dist/common/MtTextEditorToolbar.js +2 -2
- package/dist/common/MtTextEditorToolbarButton.js +1 -1
- package/dist/common/MtTextEditorToolbarButtonColor.js +2 -2
- package/dist/common/MtTextEditorToolbarButtonLink.js +1 -1
- package/dist/common/MtTextEditorToolbarButtonTable.js +10 -10
- package/dist/common/MtTextField.d.ts +28 -3
- package/dist/common/MtTextField.js +12 -2
- package/dist/common/MtTextarea.d.ts +1 -0
- package/dist/common/MtTextarea.js +10 -8
- package/dist/common/MtThemeSelect.js +2 -2
- package/dist/common/MtUnitField.js +3 -3
- package/dist/common/MtUnitSelect.js +4 -4
- package/dist/common/MtUnitSelectResult.js +2 -2
- package/dist/common/MtUrlField.d.ts +2 -0
- package/dist/common/MtUrlField.js +5 -3
- package/dist/common/components/mt-snackbar/composables/use-snackbar.d.ts +1 -1
- package/dist/common/composables/useServicePermission.d.ts +15 -0
- package/dist/common/index.d.ts +2 -1
- package/dist/common/index.js +13 -12
- package/dist/common/mixins/validation.mixin.d.ts +2 -2
- package/dist/esm/MtActionMenuItem.d.ts +1 -1
- package/dist/esm/MtBadge.d.ts +1 -1
- package/dist/esm/MtBanner.d.ts +1 -1
- package/dist/esm/MtBaseField.d.ts +2 -2
- package/dist/esm/MtBaseField.js +1 -1
- package/dist/esm/MtButton.d.ts +35 -32
- package/dist/esm/MtButton.js +6 -3
- package/dist/esm/MtCard.js +2 -2
- package/dist/esm/MtCheckbox.d.ts +2 -2
- package/dist/esm/MtCheckbox.js +1 -1
- package/dist/esm/MtColorpicker.d.ts +9 -3
- package/dist/esm/MtColorpicker.js +2 -2
- package/dist/esm/MtContextButton.js +2 -2
- package/dist/esm/MtContextMenuItem.d.ts +2 -2
- package/dist/esm/MtContextMenuItem.js +1 -1
- package/dist/esm/MtDataTable.d.ts +58 -47
- package/dist/esm/MtDataTable.js +3 -3
- package/dist/esm/MtDataTableBadgeRenderer.d.ts +3 -3
- package/dist/esm/MtDataTableFilter.js +2 -2
- package/dist/esm/MtDataTableSettings.d.ts +11 -8
- package/dist/esm/MtDataTableSettings.js +2 -2
- package/dist/esm/MtDatepicker.d.ts +24 -1
- package/dist/esm/MtDatepicker.js +2 -1
- package/dist/esm/MtEmailField.d.ts +1 -0
- package/dist/esm/MtEmailField.js +5 -3
- package/dist/esm/MtEntityDataTable.js +4 -4
- package/dist/esm/MtEntitySelect.js +3 -3
- package/dist/esm/MtFieldCopyable.js +1 -1
- package/dist/esm/MtFieldHint.d.ts +5 -0
- package/dist/esm/MtFieldHint.js +20 -14
- package/dist/esm/MtFloatingUi.js +1 -1
- package/dist/esm/MtGrantPermissionServiceBanner.d.ts +14 -1
- package/dist/esm/MtGrantPermissionServiceBanner.js +11 -149
- package/dist/esm/MtNumberField.d.ts +26 -3
- package/dist/esm/MtNumberField.js +5 -4
- package/dist/esm/MtPasswordField.d.ts +3 -1
- package/dist/esm/MtPasswordField.js +6 -4
- package/dist/esm/MtPopover.d.ts +4 -4
- package/dist/esm/MtPopover.js +2 -2
- package/dist/esm/MtPopoverItem.d.ts +2 -2
- package/dist/esm/MtPopoverItem.js +1 -1
- package/dist/esm/MtPopoverItemResult.d.ts +5 -2
- package/dist/esm/MtPopoverItemResult.js +1 -1
- package/dist/esm/MtSearch.d.ts +2 -0
- package/dist/esm/MtSearch.js +12 -7
- package/dist/esm/MtSegmentedControl.d.ts +6 -6
- package/dist/esm/MtSegmentedControl.js +2 -2
- package/dist/esm/MtSelect.d.ts +30 -20
- package/dist/esm/MtSelect.js +20 -3
- package/dist/esm/MtSelectBase.d.ts +4 -4
- package/dist/esm/MtSelectBase.js +2 -2
- package/dist/esm/MtSelectResult.d.ts +0 -16
- package/dist/esm/MtSelectResult.js +2 -22
- package/dist/esm/MtSelectSelectionList.js +4 -0
- package/dist/esm/MtSlider.d.ts +36 -7
- package/dist/esm/MtSlider.js +3 -1
- package/dist/esm/MtSnackbarNotification.js +2 -6
- package/dist/esm/MtTabs.d.ts +2 -2
- package/dist/esm/MtTabs.js +10 -9
- package/dist/esm/MtTextEditor.js +4 -4
- package/dist/esm/MtTextEditorToolbar.js +2 -2
- package/dist/esm/MtTextEditorToolbarButton.js +1 -1
- package/dist/esm/MtTextEditorToolbarButtonColor.js +2 -2
- package/dist/esm/MtTextEditorToolbarButtonLink.js +1 -1
- package/dist/esm/MtTextEditorToolbarButtonTable.js +10 -10
- package/dist/esm/MtTextField.d.ts +28 -3
- package/dist/esm/MtTextField.js +12 -2
- package/dist/esm/MtTextarea.d.ts +1 -0
- package/dist/esm/MtTextarea.js +10 -8
- package/dist/esm/MtThemeSelect.js +2 -2
- package/dist/esm/MtUnitField.js +3 -3
- package/dist/esm/MtUnitSelect.js +4 -4
- package/dist/esm/MtUnitSelectResult.js +2 -2
- package/dist/esm/MtUrlField.d.ts +2 -0
- package/dist/esm/MtUrlField.js +5 -3
- package/dist/esm/components/mt-snackbar/composables/use-snackbar.d.ts +1 -1
- package/dist/esm/composables/useServicePermission.d.ts +15 -0
- package/dist/esm/index.d.ts +2 -1
- package/dist/esm/index.js +62 -61
- package/dist/esm/mixins/validation.mixin.d.ts +2 -2
- package/dist/example-radio-option.css +1 -107
- package/dist/{index-26e65048.mjs → index-1e353711.mjs} +1 -1
- package/dist/{index-2cb63874.js → index-269e5194.js} +3 -3
- package/dist/{index-ddce4e37.mjs → index-b57e37f8.mjs} +3 -3
- package/dist/{index-f8d7f486.js → index-fab01d0b.js} +1 -1
- package/dist/index.css +1 -1012
- package/dist/mt-action-menu-group.css +1 -23
- package/dist/mt-action-menu-item.css +1 -68
- package/dist/mt-action-menu.css +1 -28
- package/dist/mt-avatar.css +1 -66
- package/dist/mt-badge.css +1 -51
- package/dist/mt-banner.css +1 -95
- package/dist/mt-base-field.css +1 -206
- package/dist/mt-button.css +1 -249
- package/dist/mt-card.css +1 -210
- package/dist/mt-chart.css +1 -37
- package/dist/mt-checkbox.css +1 -176
- package/dist/mt-collapsible-content.css +1 -32
- package/dist/mt-colorpicker.css +1 -355
- package/dist/mt-context-button.css +1 -22
- package/dist/mt-data-table-filter.css +1 -71
- package/dist/mt-data-table-number-renderer.css +1 -8
- package/dist/mt-data-table-price-renderer.css +1 -8
- package/dist/mt-data-table-reset-filter-button.css +1 -14
- package/dist/mt-data-table-text-renderer.css +1 -33
- package/dist/mt-data-table.css +1 -653
- package/dist/mt-datepicker.css +1 -293
- 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
- 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
- package/dist/mt-email-field.css +1 -97
- package/dist/mt-empty-state.css +1 -37
- package/dist/mt-entity-data-table.css +1 -43
- 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
- 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
- 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
- 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
- package/dist/mt-field-affix.css +1 -23
- package/dist/mt-field-copyable.css +1 -4
- package/dist/mt-field-error.css +1 -8
- package/dist/mt-field-hint.css +1 -24
- package/dist/mt-field-label.css +1 -31
- package/dist/mt-floating-ui.css +1 -87
- 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
- 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
- package/dist/mt-grant-permission-service-banner-62995d3a.mjs +191 -0
- package/dist/mt-grant-permission-service-banner-dc1f0940.js +190 -0
- package/dist/mt-grant-permission-service-banner.css +1 -88
- package/dist/mt-help-text.css +1 -33
- package/dist/mt-highlight-text.css +1 -5
- package/dist/mt-icon.css +1 -3697
- package/dist/mt-inheritance-switch.css +1 -12
- package/dist/mt-inset.css +1 -7
- package/dist/mt-label.css +1 -71
- package/dist/mt-link.css +1 -38
- package/dist/mt-loader.css +1 -76
- package/dist/mt-modal-root.css +1 -20
- package/dist/mt-modal.css +1 -160
- package/dist/mt-number-field.css +1 -71
- package/dist/mt-pagination.css +1 -78
- package/dist/mt-password-field.css +1 -27
- package/dist/mt-popover-deprecated.css +1 -7
- package/dist/mt-popover-item-result.css +1 -135
- package/dist/mt-popover-item.css +1 -175
- package/dist/mt-popover.css +1 -99
- package/dist/mt-progress-bar.css +1 -26
- package/dist/mt-promo-badge.css +1 -4
- package/dist/mt-radio-group-indicator.css +1 -47
- package/dist/mt-radio-group-item.css +1 -25
- package/dist/mt-radio-group-list.css +1 -6
- package/dist/mt-radio-group-root.css +1 -33
- package/dist/mt-search.css +1 -61
- package/dist/mt-segmented-control.css +1 -146
- package/dist/mt-select-base.css +1 -121
- package/dist/mt-select-result-list.css +1 -120
- package/dist/mt-select-result.css +1 -114
- package/dist/mt-select-selection-list.css +1 -127
- package/dist/mt-skeleton-bar.css +1 -33
- package/dist/mt-slider.css +1 -152
- package/dist/mt-snackbar-notification.css +1 -63
- package/dist/mt-snackbar.css +1 -58
- package/dist/mt-status-dot.css +1 -58
- package/dist/mt-switch.css +1 -94
- package/dist/mt-tabs.css +1 -111
- package/dist/mt-text-editor-diff-modal.css +3 -696
- package/dist/mt-text-editor-toolbar-button-color.css +1 -19
- package/dist/mt-text-editor-toolbar-button-link.css +1 -6
- package/dist/mt-text-editor-toolbar-button-table.css +1 -6
- package/dist/mt-text-editor-toolbar-button.css +1 -26
- package/dist/mt-text-editor-toolbar.css +1 -36
- package/dist/mt-text-editor.css +1 -338
- package/dist/mt-text.css +1 -53
- package/dist/mt-textarea.css +1 -62
- 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
- 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
- package/dist/mt-toast-notification.css +1 -161
- package/dist/mt-toast.css +1 -101
- package/dist/mt-tooltip.css +1 -47
- package/dist/mt-unit-field.css +1 -12
- package/dist/mt-unit-select-result.css +1 -34
- package/dist/mt-unit-select.css +1 -44
- package/dist/mt-url-field.css +1 -147
- package/dist/{repository-e7884115.mjs → repository-2316b912.mjs} +1 -1
- package/dist/{repository-9c56cf7b.js → repository-3d192939.js} +1 -1
- package/dist/{tooltip.directive-4ea0fee9.js → tooltip.directive-7b51326d.js} +23 -0
- package/dist/{tooltip.directive-f216b7fb.mjs → tooltip.directive-a5042569.mjs} +23 -0
- package/dist/{useRepository-6804d3b6.js → useRepository-86f5a789.js} +1 -1
- package/dist/{useRepository-28dfccf5.mjs → useRepository-f3e9ffc6.mjs} +1 -1
- package/package.json +5 -9
|
@@ -1,161 +1 @@
|
|
|
1
|
-
|
|
2
|
-
.mt-toast-notification {
|
|
3
|
-
&[data-v-00afabd5] {
|
|
4
|
-
position: absolute;
|
|
5
|
-
bottom: 0;
|
|
6
|
-
border-radius: 4px;
|
|
7
|
-
margin-bottom: 17px;
|
|
8
|
-
display: flex;
|
|
9
|
-
flex-direction: column;
|
|
10
|
-
height: var(--scale-size-56);
|
|
11
|
-
box-shadow:
|
|
12
|
-
0px 1px 3px 0px rgba(0, 0, 0, 0.1),
|
|
13
|
-
0px 2px 1px 0px rgba(0, 0, 0, 0.06),
|
|
14
|
-
0px 1px 1px 0px rgba(0, 0, 0, 0.08);
|
|
15
|
-
outline: none;
|
|
16
|
-
}
|
|
17
|
-
&:hover {
|
|
18
|
-
.mt-toast-notification__timer-loader[data-v-00afabd5] {
|
|
19
|
-
animation-play-state: paused;
|
|
20
|
-
}
|
|
21
|
-
}
|
|
22
|
-
&[data-v-00afabd5]:focus-visible {
|
|
23
|
-
outline: 2px solid var(--color-border-brand-default);
|
|
24
|
-
border: 2px solid #fff;
|
|
25
|
-
}
|
|
26
|
-
}
|
|
27
|
-
.mt-toast-notification__content {
|
|
28
|
-
&[data-v-00afabd5] {
|
|
29
|
-
height: 100%;
|
|
30
|
-
display: flex;
|
|
31
|
-
align-items: center;
|
|
32
|
-
}
|
|
33
|
-
&.mt-icon > svg[data-v-00afabd5] {
|
|
34
|
-
fill: black;
|
|
35
|
-
width: var(--scale-size-20) !important;
|
|
36
|
-
height: var(--scale-size-20) !important;
|
|
37
|
-
}
|
|
38
|
-
}
|
|
39
|
-
.mt-toast-notification__content-left[data-v-00afabd5] {
|
|
40
|
-
display: flex;
|
|
41
|
-
flex: 1;
|
|
42
|
-
justify-content: flex-start;
|
|
43
|
-
margin-left: var(--scale-size-16);
|
|
44
|
-
align-items: center;
|
|
45
|
-
}
|
|
46
|
-
.mt-toast-notification__content-right[data-v-00afabd5] {
|
|
47
|
-
display: flex;
|
|
48
|
-
justify-content: flex-end;
|
|
49
|
-
margin-right: var(--scale-size-16);
|
|
50
|
-
align-items: center;
|
|
51
|
-
}
|
|
52
|
-
.mt-toast-notification__timer[data-v-00afabd5] {
|
|
53
|
-
height: 3px;
|
|
54
|
-
width: 100%;
|
|
55
|
-
border-radius: 0 0 4px 4px;
|
|
56
|
-
background-color: #fff;
|
|
57
|
-
}
|
|
58
|
-
.mt-toast-notification__timer-loader[data-v-00afabd5] {
|
|
59
|
-
top: 0;
|
|
60
|
-
left: 100%;
|
|
61
|
-
width: 100%;
|
|
62
|
-
height: 100%;
|
|
63
|
-
background-color: #fff;
|
|
64
|
-
transform-origin: 0% 0%;
|
|
65
|
-
animation: shrink-00afabd5 10s forwards linear 0.5s;
|
|
66
|
-
}
|
|
67
|
-
@keyframes shrink-00afabd5 {
|
|
68
|
-
from {
|
|
69
|
-
transform: scaleX(1);
|
|
70
|
-
}
|
|
71
|
-
to {
|
|
72
|
-
transform: scaleX(0);
|
|
73
|
-
}
|
|
74
|
-
}
|
|
75
|
-
.mt-toast-notification__message[data-v-00afabd5] {
|
|
76
|
-
max-width: 200px;
|
|
77
|
-
text-overflow: ellipsis;
|
|
78
|
-
overflow: hidden;
|
|
79
|
-
white-space: nowrap;
|
|
80
|
-
}
|
|
81
|
-
.mt-toast-notification__message-space[data-v-00afabd5] {
|
|
82
|
-
padding-left: var(--scale-size-8);
|
|
83
|
-
}
|
|
84
|
-
.mt-toast-notification__content {
|
|
85
|
-
&[data-v-00afabd5] {
|
|
86
|
-
height: 100%;
|
|
87
|
-
display: flex;
|
|
88
|
-
align-items: center;
|
|
89
|
-
}
|
|
90
|
-
&.mt-icon > svg[data-v-00afabd5] {
|
|
91
|
-
fill: #000;
|
|
92
|
-
width: var(--scale-size-20) !important;
|
|
93
|
-
height: var(--scale-size-20) !important;
|
|
94
|
-
}
|
|
95
|
-
}
|
|
96
|
-
.mt-toast-notification__content-left[data-v-00afabd5] {
|
|
97
|
-
display: flex;
|
|
98
|
-
flex: 1;
|
|
99
|
-
justify-content: flex-start;
|
|
100
|
-
margin-left: var(--scale-size-16);
|
|
101
|
-
align-items: center;
|
|
102
|
-
}
|
|
103
|
-
.mt-toast-notification__content-right[data-v-00afabd5] {
|
|
104
|
-
display: flex;
|
|
105
|
-
justify-content: flex-end;
|
|
106
|
-
margin-right: var(--scale-size-16);
|
|
107
|
-
align-items: center;
|
|
108
|
-
}
|
|
109
|
-
.mt-toast-notification--positive {
|
|
110
|
-
&[data-v-00afabd5] {
|
|
111
|
-
border: 1px solid #37d046;
|
|
112
|
-
background-color: #37d046;
|
|
113
|
-
}
|
|
114
|
-
& .mt-toast-notification__close-action[data-v-00afabd5] {
|
|
115
|
-
border-left: 1px solid #16b320;
|
|
116
|
-
}
|
|
117
|
-
& .mt-toast-notification__timer[data-v-00afabd5] {
|
|
118
|
-
background-color: #16b320;
|
|
119
|
-
}
|
|
120
|
-
}
|
|
121
|
-
.mt-toast-notification__close-action {
|
|
122
|
-
&[data-v-00afabd5] {
|
|
123
|
-
margin-left: auto;
|
|
124
|
-
height: 100%;
|
|
125
|
-
display: flex;
|
|
126
|
-
padding: var(--scale-size-12);
|
|
127
|
-
justify-content: flex-end;
|
|
128
|
-
align-items: center;
|
|
129
|
-
cursor: pointer;
|
|
130
|
-
color: #fff;
|
|
131
|
-
transition: color 0.2s ease;
|
|
132
|
-
}
|
|
133
|
-
&[data-v-00afabd5]:hover {
|
|
134
|
-
color: #e0e6eb;
|
|
135
|
-
box-shadow: 0 0 4px 0 rgba(24, 158, 255, 0.3);
|
|
136
|
-
}
|
|
137
|
-
}
|
|
138
|
-
.mt-toast-notification--critical {
|
|
139
|
-
&[data-v-00afabd5] {
|
|
140
|
-
border: 1px solid #de294c;
|
|
141
|
-
background-color: #de294c;
|
|
142
|
-
}
|
|
143
|
-
& .mt-toast-notification__close-action[data-v-00afabd5] {
|
|
144
|
-
border-left: 1px solid #c80f24;
|
|
145
|
-
}
|
|
146
|
-
& .mt-toast-notification__timer[data-v-00afabd5] {
|
|
147
|
-
background-color: #c80f24;
|
|
148
|
-
}
|
|
149
|
-
}
|
|
150
|
-
.mt-toast-notification--informal {
|
|
151
|
-
&[data-v-00afabd5] {
|
|
152
|
-
border: 1px solid #1f262e;
|
|
153
|
-
background-color: #1f262e;
|
|
154
|
-
}
|
|
155
|
-
& .mt-toast-notification__close-action[data-v-00afabd5] {
|
|
156
|
-
border-left: 1px solid #0a0d0f;
|
|
157
|
-
}
|
|
158
|
-
& .mt-toast-notification__timer[data-v-00afabd5] {
|
|
159
|
-
background-color: #0a0d0f;
|
|
160
|
-
}
|
|
161
|
-
}
|
|
1
|
+
.mt-toast-notification[data-v-00afabd5]{position:absolute;bottom:0;border-radius:4px;margin-bottom:17px;display:flex;flex-direction:column;height:var(--scale-size-56);box-shadow:0 1px 3px #0000001a,0 2px 1px #0000000f,0 1px 1px #00000014;outline:none}.mt-toast-notification:hover .mt-toast-notification__timer-loader[data-v-00afabd5]{animation-play-state:paused}.mt-toast-notification[data-v-00afabd5]:focus-visible{outline:2px solid var(--color-border-brand-default);border:2px solid #fff}.mt-toast-notification__timer[data-v-00afabd5]{height:3px;width:100%;border-radius:0 0 4px 4px;background-color:#fff}.mt-toast-notification__timer-loader[data-v-00afabd5]{top:0;left:100%;width:100%;height:100%;background-color:#fff;transform-origin:0% 0%;animation:shrink-00afabd5 10s forwards linear .5s}@keyframes shrink-00afabd5{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.mt-toast-notification__message[data-v-00afabd5]{max-width:200px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.mt-toast-notification__message-space[data-v-00afabd5]{padding-left:var(--scale-size-8)}.mt-toast-notification__content[data-v-00afabd5]{height:100%;display:flex;align-items:center}.mt-toast-notification__content.mt-icon>svg[data-v-00afabd5]{fill:#000;width:var(--scale-size-20)!important;height:var(--scale-size-20)!important}.mt-toast-notification__content-left[data-v-00afabd5]{display:flex;flex:1;justify-content:flex-start;margin-left:var(--scale-size-16);align-items:center}.mt-toast-notification__content-right[data-v-00afabd5]{display:flex;justify-content:flex-end;margin-right:var(--scale-size-16);align-items:center}.mt-toast-notification--positive[data-v-00afabd5]{border:1px solid #37d046;background-color:#37d046}.mt-toast-notification--positive .mt-toast-notification__close-action[data-v-00afabd5]{border-left:1px solid #16b320}.mt-toast-notification--positive .mt-toast-notification__timer[data-v-00afabd5]{background-color:#16b320}.mt-toast-notification__close-action[data-v-00afabd5]{margin-left:auto;height:100%;display:flex;padding:var(--scale-size-12);justify-content:flex-end;align-items:center;cursor:pointer;color:#fff;transition:color .2s ease}.mt-toast-notification__close-action[data-v-00afabd5]:hover{color:#e0e6eb;box-shadow:0 0 4px #189eff4d}.mt-toast-notification--critical[data-v-00afabd5]{border:1px solid #de294c;background-color:#de294c}.mt-toast-notification--critical .mt-toast-notification__close-action[data-v-00afabd5]{border-left:1px solid #c80f24}.mt-toast-notification--critical .mt-toast-notification__timer[data-v-00afabd5]{background-color:#c80f24}.mt-toast-notification--informal[data-v-00afabd5]{border:1px solid #1f262e;background-color:#1f262e}.mt-toast-notification--informal .mt-toast-notification__close-action[data-v-00afabd5]{border-left:1px solid #0a0d0f}.mt-toast-notification--informal .mt-toast-notification__timer[data-v-00afabd5]{background-color:#0a0d0f}
|
package/dist/mt-toast.css
CHANGED
|
@@ -1,101 +1 @@
|
|
|
1
|
-
|
|
2
|
-
.mt-toast[data-v-4cd1c998] {
|
|
3
|
-
display: flex;
|
|
4
|
-
position: fixed;
|
|
5
|
-
justify-content: center;
|
|
6
|
-
bottom: 0;
|
|
7
|
-
left: 0;
|
|
8
|
-
width: 100%;
|
|
9
|
-
text-align: center;
|
|
10
|
-
}
|
|
11
|
-
.mt-toast--bottom-left[data-v-4cd1c998] {
|
|
12
|
-
flex: 1;
|
|
13
|
-
}
|
|
14
|
-
.mt-toast--bottom-center[data-v-4cd1c998] {
|
|
15
|
-
flex: 1;
|
|
16
|
-
display: flex;
|
|
17
|
-
justify-content: center;
|
|
18
|
-
}
|
|
19
|
-
.mt-toast--bottom-center .mt-toast-notification[data-v-4cd1c998] {
|
|
20
|
-
display: flex;
|
|
21
|
-
z-index: 1600;
|
|
22
|
-
position: absolute;
|
|
23
|
-
height: 51px;
|
|
24
|
-
color: white;
|
|
25
|
-
text-align: center;
|
|
26
|
-
box-shadow:
|
|
27
|
-
0px 1px 3px 0px rgba(0, 0, 0, 0.1),
|
|
28
|
-
0px 2px 1px 0px rgba(0, 0, 0, 0.06),
|
|
29
|
-
0px 1px 1px 0px rgba(0, 0, 0, 0.08);
|
|
30
|
-
}
|
|
31
|
-
.mt-toast--bottom-center .quick-toasts-enter-active[data-v-4cd1c998],
|
|
32
|
-
.mt-toast--bottom-center .quick-toasts-leave-active[data-v-4cd1c998] {
|
|
33
|
-
transition: opacity 0.5s ease;
|
|
34
|
-
}
|
|
35
|
-
.mt-toast--bottom-center .quick-toasts-enter-from[data-v-4cd1c998],
|
|
36
|
-
.mt-toast--bottom-center .quick-toasts-leave-to[data-v-4cd1c998] {
|
|
37
|
-
opacity: 0;
|
|
38
|
-
}
|
|
39
|
-
.mt-toast--bottom-center .quick-toasts-enter-active[data-v-4cd1c998] {
|
|
40
|
-
transition-delay: 0.5s;
|
|
41
|
-
}
|
|
42
|
-
.mt-toast--bottom-right[data-v-4cd1c998] {
|
|
43
|
-
flex: 1;
|
|
44
|
-
display: flex;
|
|
45
|
-
justify-content: flex-end;
|
|
46
|
-
padding-right: var(--scale-size-16);
|
|
47
|
-
}
|
|
48
|
-
.mt-toast--bottom-right .mt-toast-notification[data-v-4cd1c998] {
|
|
49
|
-
display: flex;
|
|
50
|
-
transition: all 0.7s ease;
|
|
51
|
-
z-index: 1600;
|
|
52
|
-
position: absolute;
|
|
53
|
-
height: 51px;
|
|
54
|
-
color: white;
|
|
55
|
-
width: 376px;
|
|
56
|
-
text-align: center;
|
|
57
|
-
transform: translateY(0);
|
|
58
|
-
}
|
|
59
|
-
.mt-toast--bottom-right .toasts-enter-from[data-v-4cd1c998] {
|
|
60
|
-
transform: translateY(50px) !important;
|
|
61
|
-
opacity: 0;
|
|
62
|
-
z-index: 0;
|
|
63
|
-
}
|
|
64
|
-
.mt-toast--bottom-right .toasts-leave-to[data-v-4cd1c998] {
|
|
65
|
-
transform: scale(0.9, 0.4) !important;
|
|
66
|
-
transform-origin: top;
|
|
67
|
-
opacity: 0;
|
|
68
|
-
z-index: 0;
|
|
69
|
-
}
|
|
70
|
-
.mt-toast--bottom-right .toasts-enter-active[data-v-4cd1c998],
|
|
71
|
-
.mt-toast--bottom-right .toasts-leave-active[data-v-4cd1c998] {
|
|
72
|
-
transition: all 0.7s ease;
|
|
73
|
-
}
|
|
74
|
-
.mt-toast--expanded .mt-toast--bottom-right .mt-toast-notification[data-v-4cd1c998]:nth-child(n + 2) {
|
|
75
|
-
transform: translateY(calc(var(--num) * -68px));
|
|
76
|
-
}
|
|
77
|
-
.mt-toast--collapsed .mt-toast--bottom-right .mt-toast-notification[data-v-4cd1c998]:nth-child(1) {
|
|
78
|
-
z-index: 1599;
|
|
79
|
-
}
|
|
80
|
-
.mt-toast--collapsed .mt-toast--bottom-right .mt-toast-notification[data-v-4cd1c998]:nth-child(2) {
|
|
81
|
-
transform: translateY(-33px) scale(0.95, 0.18);
|
|
82
|
-
border-top-left-radius: calc(4px / 0.95) calc(4px / 0.18);
|
|
83
|
-
border-top-right-radius: calc(4px / 0.95) calc(4px / 0.18);
|
|
84
|
-
border-bottom-left-radius: calc(2px / 0.95) calc(2px / 0.18);
|
|
85
|
-
border-bottom-right-radius: calc(2px / 0.95) calc(2px / 0.18);
|
|
86
|
-
}
|
|
87
|
-
.mt-toast--collapsed .mt-toast--bottom-right .mt-toast-notification[data-v-4cd1c998]:nth-child(3) {
|
|
88
|
-
transform: translateY(-45px) scale(0.9, 0.18);
|
|
89
|
-
border-top-left-radius: calc(4px / 0.9) calc(4px / 0.18);
|
|
90
|
-
border-top-right-radius: calc(4px / 0.9) calc(4px / 0.18);
|
|
91
|
-
border-bottom-left-radius: calc(2px / 0.9) calc(2px / 0.18);
|
|
92
|
-
border-bottom-right-radius: calc(2px / 0.9) calc(2px / 0.18);
|
|
93
|
-
}
|
|
94
|
-
.mt-toast--collapsed .mt-toast--bottom-right .mt-toast-notification[data-v-4cd1c998]:nth-child(n + 4) {
|
|
95
|
-
transform: translateY(-58px) scale(0.8, 0.1);
|
|
96
|
-
opacity: 0;
|
|
97
|
-
}
|
|
98
|
-
|
|
99
|
-
.mt-toast--collapsed .mt-toast-notification:nth-child(n + 2) .mt-toast-notification__content {
|
|
100
|
-
opacity: 0;
|
|
101
|
-
}
|
|
1
|
+
.mt-toast[data-v-4cd1c998]{display:flex;position:fixed;justify-content:center;bottom:0;left:0;width:100%;text-align:center}.mt-toast--bottom-left[data-v-4cd1c998]{flex:1}.mt-toast--bottom-center[data-v-4cd1c998]{flex:1;display:flex;justify-content:center}.mt-toast--bottom-center .mt-toast-notification[data-v-4cd1c998]{display:flex;z-index:1600;position:absolute;height:51px;color:#fff;text-align:center;box-shadow:0 1px 3px #0000001a,0 2px 1px #0000000f,0 1px 1px #00000014}.mt-toast--bottom-center .quick-toasts-enter-active[data-v-4cd1c998],.mt-toast--bottom-center .quick-toasts-leave-active[data-v-4cd1c998]{transition:opacity .5s ease}.mt-toast--bottom-center .quick-toasts-enter-from[data-v-4cd1c998],.mt-toast--bottom-center .quick-toasts-leave-to[data-v-4cd1c998]{opacity:0}.mt-toast--bottom-center .quick-toasts-enter-active[data-v-4cd1c998]{transition-delay:.5s}.mt-toast--bottom-right[data-v-4cd1c998]{flex:1;display:flex;justify-content:flex-end;padding-right:var(--scale-size-16)}.mt-toast--bottom-right .mt-toast-notification[data-v-4cd1c998]{display:flex;transition:all .7s ease;z-index:1600;position:absolute;height:51px;color:#fff;width:376px;text-align:center;transform:translateY(0)}.mt-toast--bottom-right .toasts-enter-from[data-v-4cd1c998]{transform:translateY(50px)!important;opacity:0;z-index:0}.mt-toast--bottom-right .toasts-leave-to[data-v-4cd1c998]{transform:scale(.9,.4)!important;transform-origin:top;opacity:0;z-index:0}.mt-toast--bottom-right .toasts-enter-active[data-v-4cd1c998],.mt-toast--bottom-right .toasts-leave-active[data-v-4cd1c998]{transition:all .7s ease}.mt-toast--expanded .mt-toast--bottom-right .mt-toast-notification[data-v-4cd1c998]:nth-child(n+2){transform:translateY(calc(var(--num) * -68px))}.mt-toast--collapsed .mt-toast--bottom-right .mt-toast-notification[data-v-4cd1c998]:nth-child(1){z-index:1599}.mt-toast--collapsed .mt-toast--bottom-right .mt-toast-notification[data-v-4cd1c998]:nth-child(2){transform:translateY(-33px) scale(.95,.18);border-top-left-radius:calc(4px / .95) calc(4px / .18);border-top-right-radius:calc(4px / .95) calc(4px / .18);border-bottom-left-radius:calc(2px / .95) calc(2px / .18);border-bottom-right-radius:calc(2px / .95) calc(2px / .18)}.mt-toast--collapsed .mt-toast--bottom-right .mt-toast-notification[data-v-4cd1c998]:nth-child(3){transform:translateY(-45px) scale(.9,.18);border-top-left-radius:calc(4px / .9) calc(4px / .18);border-top-right-radius:calc(4px / .9) calc(4px / .18);border-bottom-left-radius:calc(2px / .9) calc(2px / .18);border-bottom-right-radius:calc(2px / .9) calc(2px / .18)}.mt-toast--collapsed .mt-toast--bottom-right .mt-toast-notification[data-v-4cd1c998]:nth-child(n+4){transform:translateY(-58px) scale(.8,.1);opacity:0}.mt-toast--collapsed .mt-toast-notification:nth-child(n+2) .mt-toast-notification__content{opacity:0}
|
package/dist/mt-tooltip.css
CHANGED
|
@@ -1,47 +1 @@
|
|
|
1
|
-
|
|
2
|
-
.tooltip[data-v-07e3f083] {
|
|
3
|
-
color: var(--color-text-primary-inverse);
|
|
4
|
-
font-family: var(--font-family-body);
|
|
5
|
-
font-size: var(--font-size-2xs);
|
|
6
|
-
font-weight: var(--font-weight-regular);
|
|
7
|
-
line-height: var(--font-line-height-2xs);
|
|
8
|
-
background: var(--color-elevation-floating-default);
|
|
9
|
-
padding: var(--scale-size-12);
|
|
10
|
-
border-radius: var(--border-radius-xs);
|
|
11
|
-
width: max-content;
|
|
12
|
-
overflow-wrap: break-word;
|
|
13
|
-
}
|
|
14
|
-
.mt-tooltip__content[data-v-07e3f083] ul {
|
|
15
|
-
list-style-position: inside;
|
|
16
|
-
}
|
|
17
|
-
.v-enter-active[data-v-07e3f083],
|
|
18
|
-
.v-leave-active[data-v-07e3f083] {
|
|
19
|
-
transition-duration: 0.15s;
|
|
20
|
-
transition-property: opacity, margin;
|
|
21
|
-
}
|
|
22
|
-
.v-enter-active[data-v-07e3f083] {
|
|
23
|
-
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
24
|
-
}
|
|
25
|
-
.v-leave-active[data-v-07e3f083] {
|
|
26
|
-
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
27
|
-
}
|
|
28
|
-
.v-enter-from[data-v-07e3f083],
|
|
29
|
-
.v-leave-to[data-v-07e3f083] {
|
|
30
|
-
opacity: 0;
|
|
31
|
-
}
|
|
32
|
-
.v-enter-from[data-placement="top"][data-v-07e3f083],
|
|
33
|
-
.v-leave-to[data-placement="top"][data-v-07e3f083] {
|
|
34
|
-
margin-bottom: var(--scale-size-5);
|
|
35
|
-
}
|
|
36
|
-
.v-enter-from[data-placement="bottom"][data-v-07e3f083],
|
|
37
|
-
.v-leave-to[data-placement="bottom"][data-v-07e3f083] {
|
|
38
|
-
margin-top: var(--scale-size-5);
|
|
39
|
-
}
|
|
40
|
-
.v-enter-from[data-placement="left"][data-v-07e3f083],
|
|
41
|
-
.v-leave-to[data-placement="left"][data-v-07e3f083] {
|
|
42
|
-
margin-right: var(--scale-size-5);
|
|
43
|
-
}
|
|
44
|
-
.v-enter-from[data-placement="right"][data-v-07e3f083],
|
|
45
|
-
.v-leave-to[data-placement="right"][data-v-07e3f083] {
|
|
46
|
-
margin-left: var(--scale-size-5);
|
|
47
|
-
}
|
|
1
|
+
.tooltip[data-v-07e3f083]{color:var(--color-text-primary-inverse);font-family:var(--font-family-body);font-size:var(--font-size-2xs);font-weight:var(--font-weight-regular);line-height:var(--font-line-height-2xs);background:var(--color-elevation-floating-default);padding:var(--scale-size-12);border-radius:var(--border-radius-xs);width:max-content;overflow-wrap:break-word}.mt-tooltip__content[data-v-07e3f083] ul{list-style-position:inside}.v-enter-active[data-v-07e3f083],.v-leave-active[data-v-07e3f083]{transition-duration:.15s;transition-property:opacity,margin}.v-enter-active[data-v-07e3f083],.v-leave-active[data-v-07e3f083]{transition-timing-function:cubic-bezier(.4,0,.2,1)}.v-enter-from[data-v-07e3f083],.v-leave-to[data-v-07e3f083]{opacity:0}.v-enter-from[data-placement=top][data-v-07e3f083],.v-leave-to[data-placement=top][data-v-07e3f083]{margin-bottom:var(--scale-size-5)}.v-enter-from[data-placement=bottom][data-v-07e3f083],.v-leave-to[data-placement=bottom][data-v-07e3f083]{margin-top:var(--scale-size-5)}.v-enter-from[data-placement=left][data-v-07e3f083],.v-leave-to[data-placement=left][data-v-07e3f083]{margin-right:var(--scale-size-5)}.v-enter-from[data-placement=right][data-v-07e3f083],.v-leave-to[data-placement=right][data-v-07e3f083]{margin-left:var(--scale-size-5)}
|
package/dist/mt-unit-field.css
CHANGED
|
@@ -1,12 +1 @@
|
|
|
1
|
-
|
|
2
|
-
.mt-unit-field[data-v-81f4502c] {
|
|
3
|
-
container: mt-unit-field / inline-size;
|
|
4
|
-
}
|
|
5
|
-
.mt-unit-field[data-v-81f4502c] .mt-number-field__controls {
|
|
6
|
-
margin-inline-end: 0;
|
|
7
|
-
}
|
|
8
|
-
@container mt-unit-field (max-width: 240px) {
|
|
9
|
-
.mt-unit-field[data-v-81f4502c] .mt-number-field__controls {
|
|
10
|
-
display: none;
|
|
11
|
-
}
|
|
12
|
-
}
|
|
1
|
+
.mt-unit-field[data-v-9a632f3c] .mt-number-field__controls{margin-inline-end:0}
|
|
@@ -1,34 +1 @@
|
|
|
1
|
-
|
|
2
|
-
.mt-unit-select-result[data-v-b8b26529] {
|
|
3
|
-
min-width: var(--scale-size-160);
|
|
4
|
-
padding: var(--scale-size-10) var(--scale-size-16);
|
|
5
|
-
display: grid;
|
|
6
|
-
grid-template-columns: auto 1fr;
|
|
7
|
-
align-items: center;
|
|
8
|
-
gap: var(--scale-size-8);
|
|
9
|
-
border-radius: var(--border-radius-xs);
|
|
10
|
-
text-align: left;
|
|
11
|
-
font-size: var(--font-size-xs);
|
|
12
|
-
color: var(--color-text-primary-disabled);
|
|
13
|
-
cursor: pointer;
|
|
14
|
-
}
|
|
15
|
-
.mt-unit-select-result[data-v-b8b26529]:focus-visible {
|
|
16
|
-
outline: var(--scale-size-2) solid var(--color-border-brand-default);
|
|
17
|
-
outline-offset: 2px;
|
|
18
|
-
}
|
|
19
|
-
.mt-unit-select-result__label[data-v-b8b26529] {
|
|
20
|
-
color: var(--color-text-primary-default);
|
|
21
|
-
}
|
|
22
|
-
.mt-unit-select-result__unit[data-v-b8b26529] {
|
|
23
|
-
color: var(--color-text-secondary-default);
|
|
24
|
-
}
|
|
25
|
-
.mt-unit-select-result[data-v-b8b26529]:hover {
|
|
26
|
-
background-color: var(--color-background-brand-default);
|
|
27
|
-
}
|
|
28
|
-
.mt-unit-select-result--active[data-v-b8b26529] {
|
|
29
|
-
border-radius: var(--border-radius-xs);
|
|
30
|
-
background-color: var(--color-background-brand-default);
|
|
31
|
-
}
|
|
32
|
-
.mt-unit-select-result--selected span[data-v-b8b26529] {
|
|
33
|
-
color: var(--color-text-brand-default);
|
|
34
|
-
}
|
|
1
|
+
.mt-unit-select-result[data-v-80754366]{min-width:var(--scale-size-128);width:100%;padding:var(--scale-size-10) var(--scale-size-12);display:grid;grid-template-columns:1fr auto;align-items:center;gap:var(--scale-size-24);border-radius:var(--border-radius-xs);text-align:left;font-size:var(--font-size-xs);color:var(--color-text-primary-disabled);cursor:pointer}.mt-unit-select-result[data-v-80754366]:focus-visible{outline:var(--scale-size-2) solid var(--color-border-brand-default);outline-offset:2px}.mt-unit-select-result__label[data-v-80754366]{color:var(--color-text-primary-default);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mt-unit-select-result__unit[data-v-80754366]{color:var(--color-text-secondary-default);text-align:right}.mt-unit-select-result[data-v-80754366]:hover{background-color:var(--color-interaction-secondary-hover)}li.mt-unit-select-result--active .mt-unit-select-result[data-v-80754366]{background-color:var(--color-background-brand-default)}.mt-unit-select-result--selected span[data-v-80754366]{color:var(--color-text-brand-default)}
|
package/dist/mt-unit-select.css
CHANGED
|
@@ -1,44 +1 @@
|
|
|
1
|
-
|
|
2
|
-
.mt-unit-select[data-v-74f87c6b] {
|
|
3
|
-
padding: var(--scale-size-8);
|
|
4
|
-
border: 1px solid var(--color-border-secondary-default);
|
|
5
|
-
border-radius: var(--border-radius-button);
|
|
6
|
-
background-color: var(--color-background-primary-default);
|
|
7
|
-
color: var(--color-text-primary-default);
|
|
8
|
-
font-size: var(--font-size-xs);
|
|
9
|
-
box-shadow: 0 3px 6px 0 var(--color-elevation-shadow-default);
|
|
10
|
-
}
|
|
11
|
-
.mt-unit-select ul[data-v-74f87c6b] {
|
|
12
|
-
list-style: none;
|
|
13
|
-
}
|
|
14
|
-
.mt-unit-select__trigger[data-v-74f87c6b] {
|
|
15
|
-
--_trigger-margin: var(--scale-size-6);
|
|
16
|
-
height: calc(100% - var(--_trigger-margin));
|
|
17
|
-
margin: calc(var(--_trigger-margin) / 2);
|
|
18
|
-
display: grid;
|
|
19
|
-
grid-auto-flow: column;
|
|
20
|
-
align-items: center;
|
|
21
|
-
column-gap: var(--scale-size-8);
|
|
22
|
-
padding-left: var(--scale-size-12);
|
|
23
|
-
padding-right: var(--scale-size-12);
|
|
24
|
-
background-color: var(--color-interaction-secondary-default);
|
|
25
|
-
border: 1px solid var(--color-border-primary-default);
|
|
26
|
-
border-radius: var(--border-radius-xs);
|
|
27
|
-
color: var(--color-text-primary-default);
|
|
28
|
-
cursor: pointer;
|
|
29
|
-
transition: background-color 0.1s ease;
|
|
30
|
-
}
|
|
31
|
-
.mt-unit-select__trigger[data-v-74f87c6b]:hover {
|
|
32
|
-
background-color: var(--color-interaction-secondary-hover);
|
|
33
|
-
}
|
|
34
|
-
.mt-unit-select__trigger[data-v-74f87c6b]:active,
|
|
35
|
-
.mt-unit-select__trigger[aria-expanded="true"][data-v-74f87c6b] {
|
|
36
|
-
background-color: var(--color-interaction-secondary-pressed);
|
|
37
|
-
}
|
|
38
|
-
.mt-unit-select__trigger[data-v-74f87c6b]:focus-visible {
|
|
39
|
-
outline: var(--scale-size-2) solid var(--color-border-brand-default);
|
|
40
|
-
}
|
|
41
|
-
.mt-unit-select__trigger[data-v-74f87c6b]:disabled {
|
|
42
|
-
background-color: var(--color-background-tertiary-default);
|
|
43
|
-
border-color: var(--color-background-tertiary-default);
|
|
44
|
-
}
|
|
1
|
+
.mt-unit-select[data-v-61992043]{max-width:var(--scale-size-256);padding:var(--scale-size-4);border:1px solid var(--color-border-secondary-default);border-radius:var(--border-radius-xs);background-color:var(--color-background-primary-default);color:var(--color-text-primary-default);font-size:var(--font-size-xs);line-height:var(--font-line-height-xs);box-shadow:0 3px 6px 0 var(--color-elevation-shadow-default)}.mt-unit-select ul[data-v-61992043]{list-style:none}.mt-unit-select__trigger[data-v-61992043]{--_trigger-margin: var(--scale-size-6);height:calc(100% - var(--_trigger-margin));margin:calc(var(--_trigger-margin) / 2);display:grid;grid-auto-flow:column;align-items:center;column-gap:var(--scale-size-8);padding-left:var(--scale-size-12);padding-right:var(--scale-size-12);background-color:var(--color-interaction-secondary-default);border:1px solid var(--color-border-primary-default);border-radius:var(--border-radius-xs);color:var(--color-text-primary-default);cursor:pointer;transition:background-color .1s ease}.mt-unit-select__trigger[data-v-61992043]:hover{background-color:var(--color-interaction-secondary-hover)}.mt-unit-select__trigger[data-v-61992043]:active,.mt-unit-select__trigger[aria-expanded=true][data-v-61992043]{background-color:var(--color-interaction-secondary-pressed)}.mt-unit-select__trigger[data-v-61992043]:focus-visible{outline:var(--scale-size-2) solid var(--color-border-brand-default)}.mt-unit-select__trigger[data-v-61992043]:disabled{background-color:var(--color-background-tertiary-default);border-color:var(--color-background-tertiary-default);cursor:not-allowed}
|
package/dist/mt-url-field.css
CHANGED
|
@@ -1,147 +1 @@
|
|
|
1
|
-
|
|
2
|
-
.mt-url-field[data-v-c88509b8] {
|
|
3
|
-
display: grid;
|
|
4
|
-
grid-template-columns: 1fr auto;
|
|
5
|
-
grid-template-areas:
|
|
6
|
-
"label help-text"
|
|
7
|
-
"input input"
|
|
8
|
-
"error error"
|
|
9
|
-
"hint hint";
|
|
10
|
-
margin-bottom: var(--scale-size-32);
|
|
11
|
-
}
|
|
12
|
-
.mt-url-field--future-remove-default-margin[data-v-c88509b8] {
|
|
13
|
-
margin-bottom: 0;
|
|
14
|
-
}
|
|
15
|
-
.mt-url-field__block {
|
|
16
|
-
&[data-v-c88509b8] {
|
|
17
|
-
grid-area: input;
|
|
18
|
-
display: flex;
|
|
19
|
-
align-items: center;
|
|
20
|
-
/* stylelint-disable-next-line meteor/prefer-sizing-token -- A trick, so the input can take 100% of its parent */
|
|
21
|
-
height: 1px;
|
|
22
|
-
border: 1px solid var(--color-border-primary-default);
|
|
23
|
-
border-radius: var(--border-radius-xs);
|
|
24
|
-
background: var(--color-background-primary-default);
|
|
25
|
-
}
|
|
26
|
-
&[data-v-c88509b8]:has(input:disabled) {
|
|
27
|
-
cursor: not-allowed;
|
|
28
|
-
}
|
|
29
|
-
&[data-v-c88509b8]:has(.mt-url-field__input:focus-visible) {
|
|
30
|
-
outline: var(--scale-size-2) solid var(--color-border-brand-default);
|
|
31
|
-
outline-offset: var(--scale-size-2);
|
|
32
|
-
}
|
|
33
|
-
&[data-v-c88509b8]:has(.mt-url-field__input:disabled) {
|
|
34
|
-
background: var(--color-background-tertiary-default);
|
|
35
|
-
}
|
|
36
|
-
}
|
|
37
|
-
.mt-url-field__block--size-default[data-v-c88509b8] {
|
|
38
|
-
min-height: var(--scale-size-40);
|
|
39
|
-
}
|
|
40
|
-
.mt-url-field__block--size-small[data-v-c88509b8] {
|
|
41
|
-
min-height: var(--scale-size-32);
|
|
42
|
-
}
|
|
43
|
-
.mt-url-field__block--error[data-v-c88509b8] {
|
|
44
|
-
border-color: var(--color-border-critical-default);
|
|
45
|
-
background: var(--color-background-critical-default);
|
|
46
|
-
}
|
|
47
|
-
.mt-url-field__input {
|
|
48
|
-
&[data-v-c88509b8] {
|
|
49
|
-
all: unset;
|
|
50
|
-
|
|
51
|
-
height: 100%;
|
|
52
|
-
width: 100%;
|
|
53
|
-
color: var(--color-text-primary-default);
|
|
54
|
-
padding-inline: var(--scale-size-8) var(--scale-size-16);
|
|
55
|
-
font-size: var(--font-size-xs);
|
|
56
|
-
line-height: var(--line-height-xs);
|
|
57
|
-
}
|
|
58
|
-
&[data-v-c88509b8]::placeholder {
|
|
59
|
-
color: var(--color-text-secondary-default);
|
|
60
|
-
}
|
|
61
|
-
}
|
|
62
|
-
.mt-url-field__affix[data-v-c88509b8] {
|
|
63
|
-
display: grid;
|
|
64
|
-
place-items: center;
|
|
65
|
-
height: 100%;
|
|
66
|
-
background: var(--color-interaction-secondary-default);
|
|
67
|
-
color: var(--color-text-primary-default);
|
|
68
|
-
font-weight: var(--font-weight-medium);
|
|
69
|
-
padding-inline: var(--scale-size-12);
|
|
70
|
-
}
|
|
71
|
-
.mt-url-field__affix--disabled[data-v-c88509b8] {
|
|
72
|
-
background: var(--color-interaction-secondary-disabled);
|
|
73
|
-
}
|
|
74
|
-
.mt-url-field__affix--prefix[data-v-c88509b8] {
|
|
75
|
-
border-top-left-radius: var(--border-radius-xs);
|
|
76
|
-
border-bottom-left-radius: var(--border-radius-xs);
|
|
77
|
-
border-right: 1px solid var(--color-border-primary-default);
|
|
78
|
-
font-size: var(--font-size-xs);
|
|
79
|
-
line-height: var(--font-line-height-xs);
|
|
80
|
-
}
|
|
81
|
-
.mt-url-field__affix--suffix[data-v-c88509b8] {
|
|
82
|
-
border-top-right-radius: var(--border-radius-xs);
|
|
83
|
-
border-bottom-right-radius: var(--border-radius-xs);
|
|
84
|
-
border-left: 1px solid var(--color-border-primary-default);
|
|
85
|
-
font-size: var(--font-size-2xs);
|
|
86
|
-
line-height: var(--font-line-height-2xs);
|
|
87
|
-
}
|
|
88
|
-
.mt-url-field__protocol-toggle {
|
|
89
|
-
&[data-v-c88509b8] {
|
|
90
|
-
display: flex;
|
|
91
|
-
align-items: center;
|
|
92
|
-
gap: var(--scale-size-2);
|
|
93
|
-
padding-inline: var(--scale-size-8);
|
|
94
|
-
border-radius: var(--border-radius-button);
|
|
95
|
-
transition: background-color 0.15s ease-out;
|
|
96
|
-
font-size: var(--font-size-xs);
|
|
97
|
-
font-weight: var(--font-weight-medium);
|
|
98
|
-
line-height: var(--font-line-height-xs);
|
|
99
|
-
color: var(--color-text-primary-default);
|
|
100
|
-
background-color: var(--color-interaction-secondary-default);
|
|
101
|
-
border: 1px solid var(--color-border-primary-default);
|
|
102
|
-
}
|
|
103
|
-
&[data-size="small"][data-v-c88509b8] {
|
|
104
|
-
height: var(--scale-size-24);
|
|
105
|
-
margin-inline-start: 3px;
|
|
106
|
-
}
|
|
107
|
-
&[data-size="default"][data-v-c88509b8] {
|
|
108
|
-
margin-inline-start: 7px;
|
|
109
|
-
height: var(--scale-size-32);
|
|
110
|
-
}
|
|
111
|
-
&[data-v-c88509b8]:is(:hover, :focus-visible) {
|
|
112
|
-
background-color: var(--color-interaction-secondary-hover);
|
|
113
|
-
}
|
|
114
|
-
&[data-v-c88509b8]:focus-visible {
|
|
115
|
-
outline: var(--scale-size-2) solid var(--color-border-brand-default);
|
|
116
|
-
outline-offset: var(--scale-size-2);
|
|
117
|
-
}
|
|
118
|
-
&[data-v-c88509b8]:disabled {
|
|
119
|
-
background-color: var(--color-interaction-secondary-disabled);
|
|
120
|
-
cursor: not-allowed;
|
|
121
|
-
}
|
|
122
|
-
}
|
|
123
|
-
.mt-url-field__copy-button {
|
|
124
|
-
&[data-v-c88509b8] {
|
|
125
|
-
display: grid;
|
|
126
|
-
place-items: center;
|
|
127
|
-
padding: var(--scale-size-8);
|
|
128
|
-
border-radius: var(--border-radius-button);
|
|
129
|
-
transition: background-color 0.15s ease-out;
|
|
130
|
-
margin-inline-end: var(--scale-size-6);
|
|
131
|
-
}
|
|
132
|
-
&[data-v-c88509b8]:is(:hover, :focus-visible) {
|
|
133
|
-
background-color: var(--color-interaction-secondary-hover);
|
|
134
|
-
}
|
|
135
|
-
&[data-v-c88509b8]:focus-visible {
|
|
136
|
-
outline: var(--scale-size-2) solid var(--color-border-brand-default);
|
|
137
|
-
outline-offset: var(--scale-size-2);
|
|
138
|
-
}
|
|
139
|
-
}
|
|
140
|
-
.mt-url-field__hint[data-v-c88509b8] {
|
|
141
|
-
grid-area: hint;
|
|
142
|
-
font-family: var(--font-family-body);
|
|
143
|
-
font-size: var(--font-size-xs);
|
|
144
|
-
line-height: var(--font-line-height-xs);
|
|
145
|
-
color: var(--color-text-secondary-default);
|
|
146
|
-
margin-top: 0.1875rem;
|
|
147
|
-
}
|
|
1
|
+
.mt-url-field[data-v-351782b6]{display:grid;grid-template-columns:1fr auto;grid-template-areas:"label help-text" "input input" "error error" "hint hint";margin-bottom:var(--scale-size-32)}.mt-url-field--future-remove-default-margin[data-v-351782b6]{margin-bottom:0}.mt-url-field__block[data-v-351782b6]{grid-area:input;display:flex;align-items:center;height:1px;border:1px solid var(--color-border-primary-default);border-radius:var(--border-radius-xs);background:var(--color-background-primary-default)}.mt-url-field__block[data-v-351782b6]:has(input:disabled){cursor:not-allowed}.mt-url-field__block[data-v-351782b6]:has(.mt-url-field__input:focus-visible){outline:var(--scale-size-2) solid var(--color-border-brand-default);outline-offset:var(--scale-size-2)}.mt-url-field__block[data-v-351782b6]:has(.mt-url-field__input:disabled){background:var(--color-background-tertiary-default)}.mt-url-field__block--size-default[data-v-351782b6]{min-height:var(--scale-size-40)}.mt-url-field__block--size-small[data-v-351782b6]{min-height:var(--scale-size-32)}.mt-url-field__block--error[data-v-351782b6]{border-color:var(--color-border-critical-default);background:var(--color-background-critical-default)}.mt-url-field__input[data-v-351782b6]{all:unset;height:100%;width:100%;color:var(--color-text-primary-default);padding-inline:var(--scale-size-8) var(--scale-size-16);font-size:var(--font-size-xs);line-height:var(--line-height-xs)}.mt-url-field__input[data-v-351782b6]::placeholder{color:var(--color-text-secondary-default)}.mt-url-field__affix[data-v-351782b6]{display:grid;place-items:center;height:100%;background:var(--color-interaction-secondary-default);color:var(--color-text-primary-default);font-weight:var(--font-weight-medium);padding-inline:var(--scale-size-12)}.mt-url-field__affix--disabled[data-v-351782b6]{background:var(--color-interaction-secondary-disabled)}.mt-url-field__affix--prefix[data-v-351782b6]{border-top-left-radius:var(--border-radius-xs);border-bottom-left-radius:var(--border-radius-xs);border-right:1px solid var(--color-border-primary-default);font-size:var(--font-size-xs);line-height:var(--font-line-height-xs)}.mt-url-field__affix--suffix[data-v-351782b6]{border-top-right-radius:var(--border-radius-xs);border-bottom-right-radius:var(--border-radius-xs);border-left:1px solid var(--color-border-primary-default);font-size:var(--font-size-2xs);line-height:var(--font-line-height-2xs)}.mt-url-field__protocol-toggle[data-v-351782b6]{display:flex;align-items:center;gap:var(--scale-size-2);padding-inline:var(--scale-size-8);border-radius:var(--border-radius-button);transition:background-color .15s ease-out;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);line-height:var(--font-line-height-xs);color:var(--color-text-primary-default);background-color:var(--color-interaction-secondary-default);border:1px solid var(--color-border-primary-default)}.mt-url-field__protocol-toggle[data-size=small][data-v-351782b6]{height:var(--scale-size-24);margin-inline-start:3px}.mt-url-field__protocol-toggle[data-size=default][data-v-351782b6]{margin-inline-start:7px;height:var(--scale-size-32)}.mt-url-field__protocol-toggle[data-v-351782b6]:is(:hover,:focus-visible){background-color:var(--color-interaction-secondary-hover)}.mt-url-field__protocol-toggle[data-v-351782b6]:focus-visible{outline:var(--scale-size-2) solid var(--color-border-brand-default);outline-offset:var(--scale-size-2)}.mt-url-field__protocol-toggle[data-v-351782b6]:disabled{background-color:var(--color-interaction-secondary-disabled);cursor:not-allowed}.mt-url-field__copy-button[data-v-351782b6]{display:grid;place-items:center;padding:var(--scale-size-8);border-radius:var(--border-radius-button);transition:background-color .15s ease-out;margin-inline-end:var(--scale-size-6)}.mt-url-field__copy-button[data-v-351782b6]:is(:hover,:focus-visible){background-color:var(--color-interaction-secondary-hover)}.mt-url-field__copy-button[data-v-351782b6]:focus-visible{outline:var(--scale-size-2) solid var(--color-border-brand-default);outline-offset:var(--scale-size-2)}.mt-url-field__hint[data-v-351782b6]{grid-area:hint;font-family:var(--font-family-body);font-size:var(--font-size-xs);line-height:var(--font-line-height-xs);color:var(--color-text-secondary-default);margin-top:.1875rem}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
|
-
const channel = require("./channel-
|
|
3
|
+
const channel = require("./channel-41ddc4ca.js");
|
|
4
4
|
require("./Criteria-86968a69.js");
|
|
5
5
|
const repository = (entityName) => ({
|
|
6
6
|
search: (criteria, context) => {
|
|
@@ -1,4 +1,10 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
+
var __defProp = Object.defineProperty;
|
|
3
|
+
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
4
|
+
var __publicField = (obj, key, value) => {
|
|
5
|
+
__defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
|
|
6
|
+
return value;
|
|
7
|
+
};
|
|
2
8
|
const id = require("./id-8e80f112.js");
|
|
3
9
|
const availableTooltipPlacements = ["top", "right", "bottom", "left"];
|
|
4
10
|
const tooltipRegistry = /* @__PURE__ */ new Map();
|
|
@@ -16,6 +22,23 @@ class Tooltip {
|
|
|
16
22
|
showOnDisabledElements = false,
|
|
17
23
|
zIndex = null
|
|
18
24
|
}) {
|
|
25
|
+
__publicField(this, "_id");
|
|
26
|
+
__publicField(this, "_placement");
|
|
27
|
+
__publicField(this, "_message");
|
|
28
|
+
__publicField(this, "_width");
|
|
29
|
+
__publicField(this, "_parentDOMElement");
|
|
30
|
+
__publicField(this, "_showDelay");
|
|
31
|
+
__publicField(this, "_hideDelay");
|
|
32
|
+
__publicField(this, "_disabled");
|
|
33
|
+
__publicField(this, "_appearance");
|
|
34
|
+
__publicField(this, "_showOnDisabledElements");
|
|
35
|
+
__publicField(this, "_zIndex");
|
|
36
|
+
__publicField(this, "_isShown");
|
|
37
|
+
__publicField(this, "_state");
|
|
38
|
+
__publicField(this, "_DOMElement");
|
|
39
|
+
__publicField(this, "_parentDOMElementWrapper");
|
|
40
|
+
__publicField(this, "_actualTooltipPlacement");
|
|
41
|
+
__publicField(this, "_timeout");
|
|
19
42
|
this._id = id$1;
|
|
20
43
|
this._placement = Tooltip.validatePlacement(placement);
|
|
21
44
|
this._message = Tooltip.validateMessage(message);
|
|
@@ -1,3 +1,9 @@
|
|
|
1
|
+
var __defProp = Object.defineProperty;
|
|
2
|
+
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
3
|
+
var __publicField = (obj, key, value) => {
|
|
4
|
+
__defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
|
|
5
|
+
return value;
|
|
6
|
+
};
|
|
1
7
|
import { c as createId } from "./id-1e5b8276.mjs";
|
|
2
8
|
const availableTooltipPlacements = ["top", "right", "bottom", "left"];
|
|
3
9
|
const tooltipRegistry = /* @__PURE__ */ new Map();
|
|
@@ -15,6 +21,23 @@ class Tooltip {
|
|
|
15
21
|
showOnDisabledElements = false,
|
|
16
22
|
zIndex = null
|
|
17
23
|
}) {
|
|
24
|
+
__publicField(this, "_id");
|
|
25
|
+
__publicField(this, "_placement");
|
|
26
|
+
__publicField(this, "_message");
|
|
27
|
+
__publicField(this, "_width");
|
|
28
|
+
__publicField(this, "_parentDOMElement");
|
|
29
|
+
__publicField(this, "_showDelay");
|
|
30
|
+
__publicField(this, "_hideDelay");
|
|
31
|
+
__publicField(this, "_disabled");
|
|
32
|
+
__publicField(this, "_appearance");
|
|
33
|
+
__publicField(this, "_showOnDisabledElements");
|
|
34
|
+
__publicField(this, "_zIndex");
|
|
35
|
+
__publicField(this, "_isShown");
|
|
36
|
+
__publicField(this, "_state");
|
|
37
|
+
__publicField(this, "_DOMElement");
|
|
38
|
+
__publicField(this, "_parentDOMElementWrapper");
|
|
39
|
+
__publicField(this, "_actualTooltipPlacement");
|
|
40
|
+
__publicField(this, "_timeout");
|
|
18
41
|
this._id = id;
|
|
19
42
|
this._placement = Tooltip.validatePlacement(placement);
|
|
20
43
|
this._message = Tooltip.validateMessage(message);
|
|
@@ -127,7 +127,7 @@ function getRepository(entityName, propRepositoryFactory) {
|
|
|
127
127
|
return function(...args) {
|
|
128
128
|
return __awaiter(this, void 0, void 0, function* () {
|
|
129
129
|
if (!lazyDataRepository) {
|
|
130
|
-
lazyDataRepository = (yield Promise.resolve().then(() => require("./repository-
|
|
130
|
+
lazyDataRepository = (yield Promise.resolve().then(() => require("./repository-3d192939.js"))).default(entityName);
|
|
131
131
|
}
|
|
132
132
|
const method = lazyDataRepository[property];
|
|
133
133
|
return method(...args);
|