@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,19 +1 @@
|
|
|
1
|
-
|
|
2
|
-
.mt-text-editor-toolbar-button-color {
|
|
3
|
-
&[data-v-0e33b0b7] {
|
|
4
|
-
display: flex;
|
|
5
|
-
justify-content: center;
|
|
6
|
-
width: var(--scale-size-32);
|
|
7
|
-
}
|
|
8
|
-
[data-v-0e33b0b7] .mt-colorpicker__previewWrapper {
|
|
9
|
-
width: var(--scale-size-14);
|
|
10
|
-
height: var(--scale-size-14);
|
|
11
|
-
}
|
|
12
|
-
[data-v-0e33b0b7] .mt-block-field__block {
|
|
13
|
-
min-height: unset;
|
|
14
|
-
}
|
|
15
|
-
[data-v-0e33b0b7] .mt-colorpicker--compact .mt-colorpicker__colorpicker-position {
|
|
16
|
-
left: calc(-1 * (14px + 24px) / 2);
|
|
17
|
-
top: calc(100% + var(--scale-size-14) + 4px);
|
|
18
|
-
}
|
|
19
|
-
}
|
|
1
|
+
.mt-text-editor-toolbar-button-color[data-v-0e33b0b7]{display:flex;justify-content:center;width:var(--scale-size-32)}.mt-text-editor-toolbar-button-color [data-v-0e33b0b7] .mt-colorpicker__previewWrapper{width:var(--scale-size-14);height:var(--scale-size-14)}.mt-text-editor-toolbar-button-color [data-v-0e33b0b7] .mt-block-field__block{min-height:unset}.mt-text-editor-toolbar-button-color [data-v-0e33b0b7] .mt-colorpicker--compact .mt-colorpicker__colorpicker-position{left:-19px;top:calc(100% + var(--scale-size-14) + 4px)}
|
|
@@ -1,26 +1 @@
|
|
|
1
|
-
|
|
2
|
-
.mt-text-editor-toolbar-button {
|
|
3
|
-
&[data-v-7d7a4828] {
|
|
4
|
-
display: flex;
|
|
5
|
-
justify-content: center;
|
|
6
|
-
align-items: center;
|
|
7
|
-
width: var(--scale-size-32);
|
|
8
|
-
height: 100%;
|
|
9
|
-
}
|
|
10
|
-
.mt-icon[data-v-7d7a4828] {
|
|
11
|
-
transition: 0.1s all ease-in-out;
|
|
12
|
-
color: var(--color-text-secondary-default);
|
|
13
|
-
}
|
|
14
|
-
&:hover .mt-icon[data-v-7d7a4828] {
|
|
15
|
-
color: var(--color-interaction-primary-hover);
|
|
16
|
-
}
|
|
17
|
-
&.is-active .mt-icon[data-v-7d7a4828] {
|
|
18
|
-
color: var(--color-interaction-primary-pressed);
|
|
19
|
-
}
|
|
20
|
-
&[data-v-7d7a4828]:disabled {
|
|
21
|
-
cursor: not-allowed;
|
|
22
|
-
}
|
|
23
|
-
}
|
|
24
|
-
.mt-text-editor-toolbar-button:disabled .mt-icon[data-v-7d7a4828] {
|
|
25
|
-
color: var(--color-text-secondary-disabled);
|
|
26
|
-
}
|
|
1
|
+
.mt-text-editor-toolbar-button[data-v-7d7a4828]{display:flex;justify-content:center;align-items:center;width:var(--scale-size-32);height:100%}.mt-text-editor-toolbar-button .mt-icon[data-v-7d7a4828]{transition:.1s all ease-in-out;color:var(--color-text-secondary-default)}.mt-text-editor-toolbar-button:hover .mt-icon[data-v-7d7a4828]{color:var(--color-interaction-primary-hover)}.mt-text-editor-toolbar-button.is-active .mt-icon[data-v-7d7a4828]{color:var(--color-interaction-primary-pressed)}.mt-text-editor-toolbar-button[data-v-7d7a4828]:disabled{cursor:not-allowed}.mt-text-editor-toolbar-button:disabled .mt-icon[data-v-7d7a4828]{color:var(--color-text-secondary-disabled)}
|
|
@@ -1,36 +1 @@
|
|
|
1
|
-
|
|
2
|
-
.mt-text-editor-toolbar[data-v-2ecbc18b] {
|
|
3
|
-
padding: 0 var(--scale-size-6);
|
|
4
|
-
border-radius: var(--border-radius-xs) var(--border-radius-xs) 0 0;
|
|
5
|
-
height: var(--scale-size-36);
|
|
6
|
-
user-select: none;
|
|
7
|
-
width: 100%;
|
|
8
|
-
background: var(--color-background-tertiary-default);
|
|
9
|
-
border-bottom: 1px solid var(--color-border-primary-default);
|
|
10
|
-
color: var(--color-text-secondary-default);
|
|
11
|
-
display: flex;
|
|
12
|
-
}
|
|
13
|
-
.mt-text-editor-toolbar__buttons-left[data-v-2ecbc18b],
|
|
14
|
-
.mt-text-editor-toolbar__buttons-right[data-v-2ecbc18b] {
|
|
15
|
-
display: flex;
|
|
16
|
-
align-items: center;
|
|
17
|
-
height: 100%;
|
|
18
|
-
}
|
|
19
|
-
.mt-text-editor-toolbar__buttons-right[data-v-2ecbc18b] {
|
|
20
|
-
margin-left: auto;
|
|
21
|
-
}
|
|
22
|
-
.mt-text-editor-toolbar[data-v-2ecbc18b] .mt-floating-ui {
|
|
23
|
-
height: inherit;
|
|
24
|
-
}
|
|
25
|
-
.mt-text-editor-toolbar[data-v-2ecbc18b] .mt-floating-ui__trigger {
|
|
26
|
-
display: block;
|
|
27
|
-
height: inherit;
|
|
28
|
-
}
|
|
29
|
-
.mt-text-editor--inline-edit .mt-text-editor-toolbar[data-v-2ecbc18b] {
|
|
30
|
-
border: none;
|
|
31
|
-
border-radius: var(--border-radius-xs);
|
|
32
|
-
box-shadow:
|
|
33
|
-
0 1px 1px var(--color-elevation-shadow-default),
|
|
34
|
-
0 2px 1px var(--color-elevation-shadow-default),
|
|
35
|
-
0 1px 3px var(--color-elevation-shadow-default);
|
|
36
|
-
}
|
|
1
|
+
.mt-text-editor-toolbar[data-v-2ecbc18b]{padding:0 var(--scale-size-6);border-radius:var(--border-radius-xs) var(--border-radius-xs) 0 0;height:var(--scale-size-36);-webkit-user-select:none;user-select:none;width:100%;background:var(--color-background-tertiary-default);border-bottom:1px solid var(--color-border-primary-default);color:var(--color-text-secondary-default);display:flex}.mt-text-editor-toolbar__buttons-left[data-v-2ecbc18b],.mt-text-editor-toolbar__buttons-right[data-v-2ecbc18b]{display:flex;align-items:center;height:100%}.mt-text-editor-toolbar__buttons-right[data-v-2ecbc18b]{margin-left:auto}.mt-text-editor-toolbar[data-v-2ecbc18b] .mt-floating-ui{height:inherit}.mt-text-editor-toolbar[data-v-2ecbc18b] .mt-floating-ui__trigger{display:block;height:inherit}.mt-text-editor--inline-edit .mt-text-editor-toolbar[data-v-2ecbc18b]{border:none;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)}
|
package/dist/mt-text-editor.css
CHANGED
|
@@ -1,338 +1 @@
|
|
|
1
|
-
|
|
2
|
-
.mt-text-editor[data-v-a9b78b16] {
|
|
3
|
-
display: flex;
|
|
4
|
-
flex-direction: column;
|
|
5
|
-
}
|
|
6
|
-
.mt-text-editor.is--fullscreen[data-v-a9b78b16] {
|
|
7
|
-
position: fixed;
|
|
8
|
-
inset: 0;
|
|
9
|
-
z-index: 2000;
|
|
10
|
-
background: var(--color-background-primary-default);
|
|
11
|
-
padding: var(--scale-size-24);
|
|
12
|
-
}
|
|
13
|
-
.mt-text-editor.is--fullscreen .mt-text-editor__box[data-v-a9b78b16] {
|
|
14
|
-
min-height: 0;
|
|
15
|
-
height: 100%;
|
|
16
|
-
display: flex;
|
|
17
|
-
flex-direction: column;
|
|
18
|
-
}
|
|
19
|
-
.mt-text-editor.is--fullscreen .mt-text-editor__content[data-v-a9b78b16],
|
|
20
|
-
.mt-text-editor.is--fullscreen .mt-text-editor__code-editor[data-v-a9b78b16] {
|
|
21
|
-
min-height: 0;
|
|
22
|
-
height: auto;
|
|
23
|
-
flex: 1;
|
|
24
|
-
}
|
|
25
|
-
label[data-v-a9b78b16] {
|
|
26
|
-
display: block;
|
|
27
|
-
font-size: var(--font-size-xs);
|
|
28
|
-
line-height: 1rem;
|
|
29
|
-
color: var(--color-text-primary-default);
|
|
30
|
-
margin-bottom: var(--scale-size-8);
|
|
31
|
-
}
|
|
32
|
-
.mt-text-editor__box[data-v-a9b78b16] {
|
|
33
|
-
position: relative;
|
|
34
|
-
border: 1px solid var(--color-border-primary-default);
|
|
35
|
-
border-radius: var(--border-radius-xs);
|
|
36
|
-
}
|
|
37
|
-
.mt-text-editor:not(.mt-text-editor--inline-edit) .mt-text-editor__box[data-v-a9b78b16] {
|
|
38
|
-
background: var(--color-background-primary-default);
|
|
39
|
-
}
|
|
40
|
-
.mt-text-editor__code-editor[data-v-a9b78b16] {
|
|
41
|
-
background: var(--color-static-white);
|
|
42
|
-
}
|
|
43
|
-
.mt-text-editor__content[data-v-a9b78b16],
|
|
44
|
-
.mt-text-editor__code-editor[data-v-a9b78b16] {
|
|
45
|
-
height: 260px;
|
|
46
|
-
overflow: auto;
|
|
47
|
-
}
|
|
48
|
-
.mt-text-editor__code-editor[data-v-a9b78b16] .cm-editor {
|
|
49
|
-
height: inherit;
|
|
50
|
-
}
|
|
51
|
-
[data-v-a9b78b16] .mt-text-editor__content-editor {
|
|
52
|
-
width: 100%;
|
|
53
|
-
height: 100%;
|
|
54
|
-
padding: var(--scale-size-16);
|
|
55
|
-
|
|
56
|
-
/* List styles */
|
|
57
|
-
ul,
|
|
58
|
-
ol {
|
|
59
|
-
& {
|
|
60
|
-
padding: 0 var(--scale-size-16);
|
|
61
|
-
margin: var(--scale-size-20) var(--scale-size-16) var(--scale-size-20) 0.4rem;
|
|
62
|
-
}
|
|
63
|
-
li p {
|
|
64
|
-
margin-top: 0.25em;
|
|
65
|
-
margin-bottom: 0.25em;
|
|
66
|
-
}
|
|
67
|
-
}
|
|
68
|
-
ol {
|
|
69
|
-
list-style: decimal;
|
|
70
|
-
list-style-position: outside;
|
|
71
|
-
}
|
|
72
|
-
ul {
|
|
73
|
-
list-style: disc;
|
|
74
|
-
list-style-position: outside;
|
|
75
|
-
}
|
|
76
|
-
|
|
77
|
-
/* WYSIWYG styles */
|
|
78
|
-
outline: 0 solid transparent;
|
|
79
|
-
h1,
|
|
80
|
-
h2,
|
|
81
|
-
h3,
|
|
82
|
-
h4,
|
|
83
|
-
h5,
|
|
84
|
-
h6 {
|
|
85
|
-
font-weight: var(--font-weight-semibold);
|
|
86
|
-
color: var(--color-text-primary-default);
|
|
87
|
-
letter-spacing: 0;
|
|
88
|
-
margin-bottom: 0;
|
|
89
|
-
}
|
|
90
|
-
h1 {
|
|
91
|
-
font-size: 36px;
|
|
92
|
-
line-height: var(--font-line-height-3xl);
|
|
93
|
-
margin-top: var(--scale-size-36);
|
|
94
|
-
}
|
|
95
|
-
h2 {
|
|
96
|
-
font-size: var(--font-size-3xl);
|
|
97
|
-
line-height: var(--font-line-height-2xl);
|
|
98
|
-
margin-top: var(--scale-size-30);
|
|
99
|
-
}
|
|
100
|
-
h3 {
|
|
101
|
-
font-size: var(--font-size-xl);
|
|
102
|
-
line-height: var(--font-line-height-xl);
|
|
103
|
-
margin-top: var(--scale-size-28);
|
|
104
|
-
}
|
|
105
|
-
h4 {
|
|
106
|
-
font-size: var(--font-size-l);
|
|
107
|
-
line-height: var(--font-line-height-l);
|
|
108
|
-
margin-top: var(--scale-size-24);
|
|
109
|
-
}
|
|
110
|
-
h5 {
|
|
111
|
-
font-size: var(--font-size-s);
|
|
112
|
-
line-height: var(--font-line-height-m);
|
|
113
|
-
margin-top: var(--scale-size-22);
|
|
114
|
-
}
|
|
115
|
-
h6 {
|
|
116
|
-
font-size: var(--font-size-xs);
|
|
117
|
-
line-height: var(--font-line-height-s);
|
|
118
|
-
margin-top: var(--scale-size-22);
|
|
119
|
-
}
|
|
120
|
-
p,
|
|
121
|
-
div {
|
|
122
|
-
font-weight: normal;
|
|
123
|
-
font-size: var(--font-size-s);
|
|
124
|
-
line-height: var(--font-line-height-m);
|
|
125
|
-
color: var(--color-text-primary-default);
|
|
126
|
-
letter-spacing: 0;
|
|
127
|
-
margin-top: var(--scale-size-16);
|
|
128
|
-
}
|
|
129
|
-
a[href] {
|
|
130
|
-
color: var(--color-text-brand-default);
|
|
131
|
-
text-decoration: underline;
|
|
132
|
-
cursor: pointer;
|
|
133
|
-
word-break: break-word;
|
|
134
|
-
}
|
|
135
|
-
blockquote {
|
|
136
|
-
font-size: var(--font-size-s);
|
|
137
|
-
font-style: italic;
|
|
138
|
-
line-height: var(--font-line-height-m);
|
|
139
|
-
color: var(--color-text-primary-default);
|
|
140
|
-
margin-left: var(--scale-size-20);
|
|
141
|
-
position: relative;
|
|
142
|
-
margin-top: var(--scale-size-16);
|
|
143
|
-
}
|
|
144
|
-
blockquote::before {
|
|
145
|
-
content: '"';
|
|
146
|
-
font-size: 40px;
|
|
147
|
-
line-height: 16px;
|
|
148
|
-
color: var(--color-text-secondary-default);
|
|
149
|
-
position: absolute;
|
|
150
|
-
top: var(--scale-size-10);
|
|
151
|
-
left: -24px;
|
|
152
|
-
}
|
|
153
|
-
ul,
|
|
154
|
-
ol {
|
|
155
|
-
& {
|
|
156
|
-
margin-left: var(--scale-size-20);
|
|
157
|
-
margin-top: var(--scale-size-16);
|
|
158
|
-
}
|
|
159
|
-
li {
|
|
160
|
-
font-weight: normal;
|
|
161
|
-
font-size: var(--font-size-s);
|
|
162
|
-
line-height: var(--font-line-height-m);
|
|
163
|
-
color: var(--color-text-primary-default);
|
|
164
|
-
margin-bottom: var(--scale-size-4);
|
|
165
|
-
}
|
|
166
|
-
li:last-child {
|
|
167
|
-
margin-bottom: 0;
|
|
168
|
-
}
|
|
169
|
-
}
|
|
170
|
-
hr {
|
|
171
|
-
max-width: 160px;
|
|
172
|
-
margin-left: auto;
|
|
173
|
-
margin-right: auto;
|
|
174
|
-
margin-top: var(--scale-size-16);
|
|
175
|
-
border: 2px solid var(--color-border-secondary-default);
|
|
176
|
-
}
|
|
177
|
-
> *:first-child {
|
|
178
|
-
margin-top: 0;
|
|
179
|
-
}
|
|
180
|
-
|
|
181
|
-
/* Table-specific styling */
|
|
182
|
-
table {
|
|
183
|
-
border-collapse: collapse;
|
|
184
|
-
margin: 0;
|
|
185
|
-
overflow: hidden;
|
|
186
|
-
table-layout: fixed;
|
|
187
|
-
width: 100%;
|
|
188
|
-
}
|
|
189
|
-
table td,
|
|
190
|
-
table th {
|
|
191
|
-
& {
|
|
192
|
-
border: 1px solid var(--color-border-primary-default);
|
|
193
|
-
box-sizing: border-box;
|
|
194
|
-
min-width: 1em;
|
|
195
|
-
padding: var(--scale-size-6) var(--scale-size-8);
|
|
196
|
-
position: relative;
|
|
197
|
-
vertical-align: top;
|
|
198
|
-
}
|
|
199
|
-
> * {
|
|
200
|
-
margin-bottom: 0;
|
|
201
|
-
}
|
|
202
|
-
}
|
|
203
|
-
table th {
|
|
204
|
-
background-color: var(--color-background-tertiary-default);
|
|
205
|
-
font-weight: bold;
|
|
206
|
-
text-align: left;
|
|
207
|
-
}
|
|
208
|
-
table p {
|
|
209
|
-
margin: 0;
|
|
210
|
-
}
|
|
211
|
-
table .selectedCell::after {
|
|
212
|
-
background: color-mix(in srgb, var(--color-interaction-primary-default) 12%, transparent);
|
|
213
|
-
content: "";
|
|
214
|
-
left: 0;
|
|
215
|
-
right: 0;
|
|
216
|
-
top: 0;
|
|
217
|
-
bottom: 0;
|
|
218
|
-
pointer-events: none;
|
|
219
|
-
position: absolute;
|
|
220
|
-
z-index: 2;
|
|
221
|
-
}
|
|
222
|
-
table .column-resize-handle {
|
|
223
|
-
background-color: var(--color-interaction-primary-default);
|
|
224
|
-
pointer-events: none;
|
|
225
|
-
position: absolute;
|
|
226
|
-
right: -2px;
|
|
227
|
-
top: calc(-1 * var(--font-line-height-m) / 2);
|
|
228
|
-
bottom: calc(-1 * var(--font-line-height-m) / 2);
|
|
229
|
-
width: var(--scale-size-4);
|
|
230
|
-
z-index: 10;
|
|
231
|
-
}
|
|
232
|
-
.tableWrapper {
|
|
233
|
-
margin: var(--scale-size-24) 0;
|
|
234
|
-
overflow-x: auto;
|
|
235
|
-
}
|
|
236
|
-
&.resize-cursor {
|
|
237
|
-
cursor: ew-resize;
|
|
238
|
-
cursor: col-resize;
|
|
239
|
-
}
|
|
240
|
-
}
|
|
241
|
-
.mt-text-editor__footer[data-v-a9b78b16] {
|
|
242
|
-
display: flex;
|
|
243
|
-
align-items: center;
|
|
244
|
-
justify-content: space-between;
|
|
245
|
-
padding: 0 var(--scale-size-6);
|
|
246
|
-
height: var(--scale-size-36);
|
|
247
|
-
background-color: var(--color-background-tertiary-default);
|
|
248
|
-
border-top: 1px solid var(--color-border-primary-default);
|
|
249
|
-
border-radius: 0 0 var(--border-radius-xs) var(--border-radius-xs);
|
|
250
|
-
transition: transform 0.2s ease-in-out;
|
|
251
|
-
color: var(--color-text-secondary-default);
|
|
252
|
-
}
|
|
253
|
-
.mt-text-editor__footer-left[data-v-a9b78b16] {
|
|
254
|
-
display: flex;
|
|
255
|
-
align-items: center;
|
|
256
|
-
}
|
|
257
|
-
.mt-text-editor__footer-right[data-v-a9b78b16] {
|
|
258
|
-
display: flex;
|
|
259
|
-
align-items: center;
|
|
260
|
-
}
|
|
261
|
-
.mt-text-editor--inline-edit {
|
|
262
|
-
.mt-text-editor__content[data-v-a9b78b16] {
|
|
263
|
-
height: auto;
|
|
264
|
-
}
|
|
265
|
-
.mt-text-editor__box[data-v-a9b78b16] {
|
|
266
|
-
border: none;
|
|
267
|
-
}
|
|
268
|
-
.mt-text-editor__footer[data-v-a9b78b16] {
|
|
269
|
-
transform: scale(1, 0);
|
|
270
|
-
transform-origin: bottom;
|
|
271
|
-
position: fixed;
|
|
272
|
-
bottom: 0;
|
|
273
|
-
left: 0;
|
|
274
|
-
width: 100%;
|
|
275
|
-
z-index: 9999;
|
|
276
|
-
pointer-events: none;
|
|
277
|
-
}
|
|
278
|
-
}
|
|
279
|
-
.mt-text-editor--inline-edit:focus-within .mt-text-editor__footer[data-v-a9b78b16] {
|
|
280
|
-
pointer-events: all;
|
|
281
|
-
transform: scale(1, 1);
|
|
282
|
-
}
|
|
283
|
-
.mt-text-editor--disabled .mt-text-editor__content[data-v-a9b78b16] {
|
|
284
|
-
background-color: var(--color-background-tertiary-default);
|
|
285
|
-
}
|
|
286
|
-
[data-v-a9b78b16] .mt-text-editor__content-editor p.is-editor-empty:first-child::before {
|
|
287
|
-
color: var(--color-text-secondary-default);
|
|
288
|
-
content: attr(data-placeholder);
|
|
289
|
-
float: left;
|
|
290
|
-
height: 0;
|
|
291
|
-
pointer-events: none;
|
|
292
|
-
}
|
|
293
|
-
.mt-text-editor--error .mt-text-editor__box[data-v-a9b78b16] {
|
|
294
|
-
border-color: var(--color-icon-critical-default);
|
|
295
|
-
}
|
|
296
|
-
.mt-text-editor--error .mt-text-editor__content[data-v-a9b78b16] {
|
|
297
|
-
background-color: var(--color-background-critical-default);
|
|
298
|
-
}
|
|
299
|
-
.mt-text-editor--error label[data-v-a9b78b16] {
|
|
300
|
-
color: var(--color-text-critical-default);
|
|
301
|
-
}
|
|
302
|
-
|
|
303
|
-
/* Gate overlay */
|
|
304
|
-
.mt-text-editor__gate[data-v-a9b78b16] {
|
|
305
|
-
position: absolute;
|
|
306
|
-
top: 0;
|
|
307
|
-
left: 0;
|
|
308
|
-
width: 100%;
|
|
309
|
-
height: 100%;
|
|
310
|
-
z-index: 3;
|
|
311
|
-
}
|
|
312
|
-
.mt-text-editor__gate[data-v-a9b78b16]::before {
|
|
313
|
-
content: "";
|
|
314
|
-
position: absolute;
|
|
315
|
-
inset: 0;
|
|
316
|
-
background: var(--color-elevation-backdrop-default);
|
|
317
|
-
z-index: 2;
|
|
318
|
-
border-radius: var(--border-radius-2xs);
|
|
319
|
-
backdrop-filter: blur(6px);
|
|
320
|
-
}
|
|
321
|
-
.mt-text-editor__gate-content[data-v-a9b78b16] {
|
|
322
|
-
position: absolute;
|
|
323
|
-
inset: 0;
|
|
324
|
-
display: flex;
|
|
325
|
-
flex-direction: column;
|
|
326
|
-
align-items: center;
|
|
327
|
-
justify-content: center;
|
|
328
|
-
padding: var(--scale-size-24);
|
|
329
|
-
text-align: center;
|
|
330
|
-
z-index: 3;
|
|
331
|
-
}
|
|
332
|
-
.mt-text-editor__gate-text[data-v-a9b78b16] {
|
|
333
|
-
margin: 0 0 var(--scale-size-16);
|
|
334
|
-
}
|
|
335
|
-
.mt-text-editor__gate-actions[data-v-a9b78b16] {
|
|
336
|
-
display: flex;
|
|
337
|
-
gap: var(--scale-size-8);
|
|
338
|
-
}
|
|
1
|
+
.mt-text-editor[data-v-030ea4b7]{display:flex;flex-direction:column}.mt-text-editor.is--fullscreen[data-v-030ea4b7]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;background:var(--color-background-primary-default);padding:var(--scale-size-24)}.mt-text-editor.is--fullscreen .mt-text-editor__box[data-v-030ea4b7]{min-height:0;height:100%;display:flex;flex-direction:column}.mt-text-editor.is--fullscreen .mt-text-editor__content[data-v-030ea4b7],.mt-text-editor.is--fullscreen .mt-text-editor__code-editor[data-v-030ea4b7]{min-height:0;height:auto;flex:1}label[data-v-030ea4b7]{display:block;font-size:var(--font-size-xs);line-height:1rem;color:var(--color-text-primary-default);margin-bottom:var(--scale-size-8)}.mt-text-editor__box[data-v-030ea4b7]{position:relative;border:1px solid var(--color-border-primary-default);border-radius:var(--border-radius-xs)}.mt-text-editor:not(.mt-text-editor--inline-edit) .mt-text-editor__box[data-v-030ea4b7]{background:var(--color-background-primary-default)}.mt-text-editor__code-editor[data-v-030ea4b7]{background:var(--color-static-white)}.mt-text-editor__content[data-v-030ea4b7],.mt-text-editor__code-editor[data-v-030ea4b7]{height:260px;overflow:auto}.mt-text-editor__code-editor[data-v-030ea4b7] .cm-editor{height:inherit}[data-v-030ea4b7] .mt-text-editor__content-editor{width:100%;height:100%;padding:var(--scale-size-16);outline:0 solid transparent}[data-v-030ea4b7] .mt-text-editor__content-editor ul,[data-v-030ea4b7] .mt-text-editor__content-editor ol{padding:0 var(--scale-size-16);margin:var(--scale-size-20) var(--scale-size-16) var(--scale-size-20) .4rem}[data-v-030ea4b7] .mt-text-editor__content-editor ul li p,[data-v-030ea4b7] .mt-text-editor__content-editor ol li p{margin-top:.25em;margin-bottom:.25em}[data-v-030ea4b7] .mt-text-editor__content-editor ol{list-style:decimal;list-style-position:outside}[data-v-030ea4b7] .mt-text-editor__content-editor ul{list-style:disc;list-style-position:outside}[data-v-030ea4b7] .mt-text-editor__content-editor h1,[data-v-030ea4b7] .mt-text-editor__content-editor h2,[data-v-030ea4b7] .mt-text-editor__content-editor h3,[data-v-030ea4b7] .mt-text-editor__content-editor h4,[data-v-030ea4b7] .mt-text-editor__content-editor h5,[data-v-030ea4b7] .mt-text-editor__content-editor h6{font-weight:var(--font-weight-semibold);color:var(--color-text-primary-default);letter-spacing:0;margin-bottom:0}[data-v-030ea4b7] .mt-text-editor__content-editor h1{font-size:36px;line-height:var(--font-line-height-3xl);margin-top:var(--scale-size-36)}[data-v-030ea4b7] .mt-text-editor__content-editor h2{font-size:var(--font-size-3xl);line-height:var(--font-line-height-2xl);margin-top:var(--scale-size-30)}[data-v-030ea4b7] .mt-text-editor__content-editor h3{font-size:var(--font-size-xl);line-height:var(--font-line-height-xl);margin-top:var(--scale-size-28)}[data-v-030ea4b7] .mt-text-editor__content-editor h4{font-size:var(--font-size-l);line-height:var(--font-line-height-l);margin-top:var(--scale-size-24)}[data-v-030ea4b7] .mt-text-editor__content-editor h5{font-size:var(--font-size-s);line-height:var(--font-line-height-m);margin-top:var(--scale-size-22)}[data-v-030ea4b7] .mt-text-editor__content-editor h6{font-size:var(--font-size-xs);line-height:var(--font-line-height-s);margin-top:var(--scale-size-22)}[data-v-030ea4b7] .mt-text-editor__content-editor p,[data-v-030ea4b7] .mt-text-editor__content-editor div{font-weight:400;font-size:var(--font-size-s);line-height:var(--font-line-height-m);color:var(--color-text-primary-default);letter-spacing:0;margin-top:var(--scale-size-16)}[data-v-030ea4b7] .mt-text-editor__content-editor a[href]{color:var(--color-text-brand-default);text-decoration:underline;cursor:pointer;word-break:break-word}[data-v-030ea4b7] .mt-text-editor__content-editor blockquote{font-size:var(--font-size-s);font-style:italic;line-height:var(--font-line-height-m);color:var(--color-text-primary-default);margin-left:var(--scale-size-20);position:relative;margin-top:var(--scale-size-16)}[data-v-030ea4b7] .mt-text-editor__content-editor blockquote:before{content:'"';font-size:40px;line-height:16px;color:var(--color-text-secondary-default);position:absolute;top:var(--scale-size-10);left:-24px}[data-v-030ea4b7] .mt-text-editor__content-editor ul,[data-v-030ea4b7] .mt-text-editor__content-editor ol{margin-left:var(--scale-size-20);margin-top:var(--scale-size-16)}[data-v-030ea4b7] .mt-text-editor__content-editor ul li,[data-v-030ea4b7] .mt-text-editor__content-editor ol li{font-weight:400;font-size:var(--font-size-s);line-height:var(--font-line-height-m);color:var(--color-text-primary-default);margin-bottom:var(--scale-size-4)}[data-v-030ea4b7] .mt-text-editor__content-editor ul li:last-child,[data-v-030ea4b7] .mt-text-editor__content-editor ol li:last-child{margin-bottom:0}[data-v-030ea4b7] .mt-text-editor__content-editor hr{max-width:160px;margin-left:auto;margin-right:auto;margin-top:var(--scale-size-16);border:2px solid var(--color-border-secondary-default)}[data-v-030ea4b7] .mt-text-editor__content-editor>*:first-child{margin-top:0}[data-v-030ea4b7] .mt-text-editor__content-editor table{border-collapse:collapse;margin:0;overflow:hidden;table-layout:fixed;width:100%}[data-v-030ea4b7] .mt-text-editor__content-editor table td,[data-v-030ea4b7] .mt-text-editor__content-editor table th{border:1px solid var(--color-border-primary-default);box-sizing:border-box;min-width:1em;padding:var(--scale-size-6) var(--scale-size-8);position:relative;vertical-align:top}[data-v-030ea4b7] .mt-text-editor__content-editor table td>*,[data-v-030ea4b7] .mt-text-editor__content-editor table th>*{margin-bottom:0}[data-v-030ea4b7] .mt-text-editor__content-editor table th{background-color:var(--color-background-tertiary-default);font-weight:700;text-align:left}[data-v-030ea4b7] .mt-text-editor__content-editor table p{margin:0}[data-v-030ea4b7] .mt-text-editor__content-editor table .selectedCell:after{background:color-mix(in srgb,var(--color-interaction-primary-default) 12%,transparent);content:"";left:0;right:0;top:0;bottom:0;pointer-events:none;position:absolute;z-index:2}[data-v-030ea4b7] .mt-text-editor__content-editor table .column-resize-handle{background-color:var(--color-interaction-primary-default);pointer-events:none;position:absolute;right:-2px;top:calc(-1 * var(--font-line-height-m) / 2);bottom:calc(-1 * var(--font-line-height-m) / 2);width:var(--scale-size-4);z-index:10}[data-v-030ea4b7] .mt-text-editor__content-editor .tableWrapper{margin:var(--scale-size-24) 0;overflow-x:auto}[data-v-030ea4b7] .mt-text-editor__content-editor.resize-cursor{cursor:ew-resize;cursor:col-resize}.mt-text-editor__footer[data-v-030ea4b7]{display:flex;align-items:center;justify-content:space-between;padding:0 var(--scale-size-6);height:var(--scale-size-36);background-color:var(--color-background-tertiary-default);border-top:1px solid var(--color-border-primary-default);border-radius:0 0 var(--border-radius-xs) var(--border-radius-xs);transition:transform .2s ease-in-out;color:var(--color-text-secondary-default)}.mt-text-editor__footer-left[data-v-030ea4b7],.mt-text-editor__footer-right[data-v-030ea4b7]{display:flex;align-items:center}.mt-text-editor--inline-edit .mt-text-editor__content[data-v-030ea4b7]{height:auto}.mt-text-editor--inline-edit .mt-text-editor__box[data-v-030ea4b7]{border:none}.mt-text-editor--inline-edit .mt-text-editor__footer[data-v-030ea4b7]{transform:scaleY(0);transform-origin:bottom;position:fixed;bottom:0;left:0;width:100%;z-index:9999;pointer-events:none}.mt-text-editor--inline-edit:focus-within .mt-text-editor__footer[data-v-030ea4b7]{pointer-events:all;transform:scale(1)}.mt-text-editor--disabled .mt-text-editor__content[data-v-030ea4b7]{background-color:var(--color-background-tertiary-default)}[data-v-030ea4b7] .mt-text-editor__content-editor p.is-editor-empty:first-child:before{color:var(--color-text-secondary-default);content:attr(data-placeholder);float:left;height:0;pointer-events:none}.mt-text-editor--error .mt-text-editor__box[data-v-030ea4b7]{border-color:var(--color-icon-critical-default)}.mt-text-editor--error .mt-text-editor__content[data-v-030ea4b7]{background-color:var(--color-background-critical-default)}.mt-text-editor--error label[data-v-030ea4b7]{color:var(--color-text-critical-default)}.mt-text-editor__gate[data-v-030ea4b7]{position:absolute;top:0;left:0;width:100%;height:100%;z-index:3}.mt-text-editor__gate[data-v-030ea4b7]:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--color-elevation-backdrop-default);z-index:2;border-radius:var(--border-radius-2xs);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.mt-text-editor__gate-content[data-v-030ea4b7]{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--scale-size-24);text-align:center;z-index:3}.mt-text-editor__gate-text[data-v-030ea4b7]{margin:0 0 var(--scale-size-16)}.mt-text-editor__gate-actions[data-v-030ea4b7]{display:flex;gap:var(--scale-size-8)}
|
package/dist/mt-text.css
CHANGED
|
@@ -1,53 +1 @@
|
|
|
1
|
-
|
|
2
|
-
.mt-text--weight-bold[data-v-cf515a55] {
|
|
3
|
-
font-weight: var(--font-weight-bold);
|
|
4
|
-
}
|
|
5
|
-
.mt-text--weight-semibold[data-v-cf515a55] {
|
|
6
|
-
font-weight: var(--font-weight-semibold);
|
|
7
|
-
}
|
|
8
|
-
.mt-text--weight-medium[data-v-cf515a55] {
|
|
9
|
-
font-weight: var(--font-weight-medium);
|
|
10
|
-
}
|
|
11
|
-
.mt-text--weight-regular[data-v-cf515a55] {
|
|
12
|
-
font-weight: var(--font-weight-regular);
|
|
13
|
-
}
|
|
14
|
-
.mt-text--size-2xs[data-v-cf515a55] {
|
|
15
|
-
font-family: var(--font-family-body);
|
|
16
|
-
font-size: var(--font-size-2xs);
|
|
17
|
-
line-height: var(--font-line-height-2xs);
|
|
18
|
-
}
|
|
19
|
-
.mt-text--size-xs[data-v-cf515a55] {
|
|
20
|
-
font-family: var(--font-family-body);
|
|
21
|
-
font-size: var(--font-size-xs);
|
|
22
|
-
line-height: var(--font-line-height-xs);
|
|
23
|
-
}
|
|
24
|
-
.mt-text--size-s[data-v-cf515a55] {
|
|
25
|
-
font-family: var(--font-family-body);
|
|
26
|
-
font-size: var(--font-size-s);
|
|
27
|
-
line-height: var(--font-line-height-s);
|
|
28
|
-
}
|
|
29
|
-
.mt-text--size-m[data-v-cf515a55] {
|
|
30
|
-
font-family: var(--font-family-body);
|
|
31
|
-
font-size: var(--font-size-m);
|
|
32
|
-
line-height: var(--font-line-height-m);
|
|
33
|
-
}
|
|
34
|
-
.mt-text--size-l[data-v-cf515a55] {
|
|
35
|
-
font-family: var(--font-family-body);
|
|
36
|
-
font-size: var(--font-size-l);
|
|
37
|
-
line-height: var(--font-line-height-l);
|
|
38
|
-
}
|
|
39
|
-
.mt-text--size-xl[data-v-cf515a55] {
|
|
40
|
-
font-family: var(--font-family-headings);
|
|
41
|
-
font-size: var(--font-size-xl);
|
|
42
|
-
line-height: var(--font-line-height-xl);
|
|
43
|
-
}
|
|
44
|
-
.mt-text--size-2xl[data-v-cf515a55] {
|
|
45
|
-
font-family: var(--font-family-headings);
|
|
46
|
-
font-size: var(--font-size-2xl);
|
|
47
|
-
line-height: var(--font-line-height-2xl);
|
|
48
|
-
}
|
|
49
|
-
.mt-text--size-3xl[data-v-cf515a55] {
|
|
50
|
-
font-family: var(--font-family-headings);
|
|
51
|
-
font-size: var(--font-size-3xl);
|
|
52
|
-
line-height: var(--font-line-height-3xl);
|
|
53
|
-
}
|
|
1
|
+
.mt-text--weight-bold[data-v-cf515a55]{font-weight:var(--font-weight-bold)}.mt-text--weight-semibold[data-v-cf515a55]{font-weight:var(--font-weight-semibold)}.mt-text--weight-medium[data-v-cf515a55]{font-weight:var(--font-weight-medium)}.mt-text--weight-regular[data-v-cf515a55]{font-weight:var(--font-weight-regular)}.mt-text--size-2xs[data-v-cf515a55]{font-family:var(--font-family-body);font-size:var(--font-size-2xs);line-height:var(--font-line-height-2xs)}.mt-text--size-xs[data-v-cf515a55]{font-family:var(--font-family-body);font-size:var(--font-size-xs);line-height:var(--font-line-height-xs)}.mt-text--size-s[data-v-cf515a55]{font-family:var(--font-family-body);font-size:var(--font-size-s);line-height:var(--font-line-height-s)}.mt-text--size-m[data-v-cf515a55]{font-family:var(--font-family-body);font-size:var(--font-size-m);line-height:var(--font-line-height-m)}.mt-text--size-l[data-v-cf515a55]{font-family:var(--font-family-body);font-size:var(--font-size-l);line-height:var(--font-line-height-l)}.mt-text--size-xl[data-v-cf515a55]{font-family:var(--font-family-headings);font-size:var(--font-size-xl);line-height:var(--font-line-height-xl)}.mt-text--size-2xl[data-v-cf515a55]{font-family:var(--font-family-headings);font-size:var(--font-size-2xl);line-height:var(--font-line-height-2xl)}.mt-text--size-3xl[data-v-cf515a55]{font-family:var(--font-family-headings);font-size:var(--font-size-3xl);line-height:var(--font-line-height-3xl)}
|
package/dist/mt-textarea.css
CHANGED
|
@@ -1,62 +1 @@
|
|
|
1
|
-
|
|
2
|
-
.mt-textarea[data-v-d0ef36f5] {
|
|
3
|
-
display: grid;
|
|
4
|
-
grid-template-areas:
|
|
5
|
-
"label help-text"
|
|
6
|
-
"textarea textarea"
|
|
7
|
-
"error error"
|
|
8
|
-
"hint max-length";
|
|
9
|
-
grid-template-columns: auto auto;
|
|
10
|
-
justify-content: space-between;
|
|
11
|
-
}
|
|
12
|
-
.mt-textarea__textarea {
|
|
13
|
-
&[data-v-d0ef36f5] {
|
|
14
|
-
resize: vertical;
|
|
15
|
-
width: 100%;
|
|
16
|
-
border: 1px solid var(--color-border-primary-default);
|
|
17
|
-
line-height: var(--font-line-height-xs);
|
|
18
|
-
font-family: var(--font-family-body);
|
|
19
|
-
font-size: var(--font-size-xs);
|
|
20
|
-
color: var(--color-text-primary-default);
|
|
21
|
-
min-height: 125px;
|
|
22
|
-
max-height: 300px;
|
|
23
|
-
border-radius: var(--border-radius-xs);
|
|
24
|
-
padding: var(--scale-size-12) var(--scale-size-16);
|
|
25
|
-
grid-area: textarea;
|
|
26
|
-
background-color: var(--color-background-primary-default);
|
|
27
|
-
outline: none;
|
|
28
|
-
}
|
|
29
|
-
&[data-v-d0ef36f5]:focus-visible:not(.mt-textarea__textarea--error) {
|
|
30
|
-
outline: var(--scale-size-2) solid var(--color-border-brand-default);
|
|
31
|
-
outline-offset: var(--scale-size-2);
|
|
32
|
-
}
|
|
33
|
-
&[data-v-d0ef36f5]::placeholder {
|
|
34
|
-
color: var(--color-text-secondary-default);
|
|
35
|
-
}
|
|
36
|
-
&[data-v-d0ef36f5]:disabled {
|
|
37
|
-
color: var(--color-text-primary-disabled);
|
|
38
|
-
background-color: var(--color-background-tertiary-default);
|
|
39
|
-
cursor: not-allowed;
|
|
40
|
-
}
|
|
41
|
-
}
|
|
42
|
-
.mt-textarea__textarea--error[data-v-d0ef36f5] {
|
|
43
|
-
border-color: var(--color-border-critical-default);
|
|
44
|
-
background-color: var(--color-background-critical-default);
|
|
45
|
-
}
|
|
46
|
-
.mt-textarea__hint[data-v-d0ef36f5] {
|
|
47
|
-
grid-area: hint;
|
|
48
|
-
font-family: var(--font-family-body);
|
|
49
|
-
font-size: var(--font-size-xs);
|
|
50
|
-
line-height: var(--font-line-height-xs);
|
|
51
|
-
color: var(--color-text-secondary-default);
|
|
52
|
-
margin-top: var(--scale-size-4);
|
|
53
|
-
}
|
|
54
|
-
.mt-textarea__max-length[data-v-d0ef36f5] {
|
|
55
|
-
grid-area: max-length;
|
|
56
|
-
justify-self: end;
|
|
57
|
-
font-family: var(--font-family-body);
|
|
58
|
-
font-size: var(--font-size-xs);
|
|
59
|
-
line-height: var(--font-line-height-xs);
|
|
60
|
-
color: var(--color-text-secondary-default);
|
|
61
|
-
margin-top: var(--scale-size-4);
|
|
62
|
-
}
|
|
1
|
+
.mt-textarea[data-v-2c5dc288]{display:grid;grid-template-areas:"label help-text" "textarea textarea" "error error" "hint max-length";grid-template-columns:auto auto;justify-content:space-between}.mt-textarea__textarea[data-v-2c5dc288]{resize:vertical;width:100%;border:1px solid var(--color-border-primary-default);line-height:var(--font-line-height-xs);font-family:var(--font-family-body);font-size:var(--font-size-xs);color:var(--color-text-primary-default);min-height:125px;max-height:300px;border-radius:var(--border-radius-xs);padding:var(--scale-size-12) var(--scale-size-16);grid-area:textarea;background-color:var(--color-background-primary-default);outline:none}.mt-textarea__textarea[data-v-2c5dc288]:focus-visible:not(.mt-textarea__textarea--error){outline:var(--scale-size-2) solid var(--color-border-brand-default);outline-offset:var(--scale-size-2)}.mt-textarea__textarea[data-v-2c5dc288]::placeholder{color:var(--color-text-secondary-default)}.mt-textarea__textarea[data-v-2c5dc288]:disabled{color:var(--color-text-primary-disabled);background-color:var(--color-background-tertiary-default);cursor:not-allowed}.mt-textarea__textarea--error[data-v-2c5dc288]{border-color:var(--color-border-critical-default);background-color:var(--color-background-critical-default)}.mt-textarea__hint[data-v-2c5dc288]{grid-area:hint;font-family:var(--font-family-body);font-size:var(--font-size-xs);line-height:var(--font-line-height-xs);color:var(--color-text-secondary-default);margin-top:var(--scale-size-4)}.mt-textarea__max-length[data-v-2c5dc288]{grid-area:max-length;justify-self:end;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:var(--scale-size-4)}
|
|
@@ -48,6 +48,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
|
48
48
|
options: options.value,
|
|
49
49
|
label: _ctx.label,
|
|
50
50
|
disabled: _ctx.disabled,
|
|
51
|
+
"enable-search": false,
|
|
51
52
|
"hide-clearable-button": "",
|
|
52
53
|
"onUpdate:modelValue": onSelect
|
|
53
54
|
}, null, 8, ["model-value", "options", "label", "disabled"]);
|
|
@@ -47,6 +47,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
47
47
|
options: options.value,
|
|
48
48
|
label: _ctx.label,
|
|
49
49
|
disabled: _ctx.disabled,
|
|
50
|
+
"enable-search": false,
|
|
50
51
|
"hide-clearable-button": "",
|
|
51
52
|
"onUpdate:modelValue": onSelect
|
|
52
53
|
}, null, 8, ["model-value", "options", "label", "disabled"]);
|