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