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