@ng-matero/extensions 18.4.2 → 18.5.0

package/prebuilt-themes/rose-red.css

@@ -1 +1 @@
-.mat-button-loading .mdc-button__label,.mat-button-loading .mat-icon{visibility:hidden}.mat-button-loading .mat-mdc-progress-spinner{position:absolute;top:calc(50% - 12px);left:calc(50% - 12px)}.mat-column-resize-table.cdk-column-resize-with-resized-column{table-layout:fixed}.mat-column-resize-flex .mat-mdc-header-cell,.mat-column-resize-flex .mat-mdc-cell{box-sizing:border-box;min-width:32px}.mat-mdc-header-cell{position:relative}.mat-resizable{box-sizing:border-box}.mat-mdc-header-cell:not(.mat-resizable)::after,.mat-resizable-handle{position:absolute;bottom:0;top:0;right:0;width:1px;background:rgba(0,0,0,0);transition:background 300ms cubic-bezier(0.55, 0, 0.55, 0.2)}.mat-mdc-header-cell:not(.mat-resizable)::after{content:""}[dir=rtl] .mat-mdc-header-cell:not(.mat-resizable)::after,[dir=rtl] .mat-resizable-handle{left:0;right:auto}[dir=rtl] .mat-mdc-header-row.cdk-column-resize-hover-or-active .mat-header-cell,[dir=rtl] .mat-mdc-header-row.cdk-column-resize-hover-or-active .mat-mdc-header-cell{border-left:none}.mat-mdc-header-row.cdk-column-resize-hover-or-active .mat-mdc-header-cell{border-right:none}.mat-mdc-header-row.cdk-column-resize-hover-or-active .mat-mdc-header-cell:not(.mat-resizable)::after{background-color:var(--mtx-grid-resizable-handle-disabled-background-color, var(--mat-app-outline-variant))}.mat-mdc-header-row.cdk-column-resize-hover-or-active .mat-resizable-handle{background-color:var(--mtx-grid-resizable-handle-hover-background-color, var(--mat-app-primary))}.mat-resizable.cdk-resizable-overlay-thumb-active>.mat-resizable-handle{opacity:0;transition:none}.mat-resizable-handle:focus,.mat-mdc-header-row.cdk-column-resize-hover-or-active .mat-resizable-handle:focus{outline:none;background-color:var(--mtx-grid-resizable-handle-active-background-color, var(--mat-app-primary))}.mat-column-resize-overlay-thumb{background:rgba(0,0,0,0);cursor:col-resize;width:100%;height:100%;transition:background 300ms cubic-bezier(0.55, 0, 0.55, 0.2);-webkit-user-select:none;user-select:none}.mat-column-resize-overlay-thumb:active{will-change:transform;background:linear-gradient(90deg, transparent, transparent 7px, var(--mtx-grid-resizable-handle-active-background-color, var(--mat-app-primary)) 7px, var(--mtx-grid-resizable-handle-active-background-color, var(--mat-app-primary)) 9px, transparent 9px, transparent)}.mat-column-resize-overlay-thumb:active .mat-column-resize-overlay-thumb-top{background:linear-gradient(90deg, transparent, transparent 4px, var(--mtx-grid-resizable-handle-active-background-color, var(--mat-app-primary)) 4px, var(--mtx-grid-resizable-handle-active-background-color, var(--mat-app-primary)) 12px, transparent 12px, transparent)}.mat-column-resize-overlay-thumb-top{width:100%}html{--mtx-alert-outline-color:#d6c2c5;--mtx-alert-background-color:#f7ebec;--mtx-alert-text-color:#201a1b;--mtx-alert-info-outline-color:#abc7ff;--mtx-alert-info-background-color:#d7e3ff;--mtx-alert-info-text-color:#002f65;--mtx-alert-success-outline-color:#02e600;--mtx-alert-success-background-color:#cbffb8;--mtx-alert-success-text-color:#013a00;--mtx-alert-warning-outline-color:#cdcd00;--mtx-alert-warning-background-color:#fffeac;--mtx-alert-warning-text-color:#323200;--mtx-alert-danger-outline-color:#ffb4a8;--mtx-alert-danger-background-color:#ffdad4;--mtx-alert-danger-text-color:#690100;--mtx-alert-container-shape:8px;--mtx-colorpicker-toggle-active-state-icon-color:#514346;--mtx-colorpicker-toggle-icon-color:#514346;--mtx-datetimepicker-calendar-date-selected-state-text-color:#ffffff;--mtx-datetimepicker-calendar-date-selected-state-background-color:#ba005c;--mtx-datetimepicker-calendar-date-selected-disabled-state-background-color:rgba(32, 26, 27, 0.38);--mtx-datetimepicker-calendar-date-today-selected-state-outline-color:#ba005c;--mtx-datetimepicker-calendar-date-focus-state-background-color:rgba(32, 26, 27, 0.12);--mtx-datetimepicker-calendar-date-hover-state-background-color:rgba(32, 26, 27, 0.08);--mtx-datetimepicker-clock-hand-background-color:#ba005c;--mtx-datetimepicker-clock-cell-selected-state-background-color:#ba005c;--mtx-datetimepicker-time-input-active-state-text-color:#3f001b;--mtx-datetimepicker-time-input-active-state-background-color:#ffd9e1;--mtx-datetimepicker-time-input-focus-state-outline-color:#ba005c;--mtx-datetimepicker-time-input-focus-state-placeholder-text-color:#3f001b;--mtx-datetimepicker-time-ampm-selected-state-background-color:#ffdad4;--mtx-datetimepicker-toggle-active-state-icon-color:#514346;--mtx-datetimepicker-toggle-icon-color:#514346;--mtx-datetimepicker-calendar-body-label-text-color:#201a1b;--mtx-datetimepicker-calendar-header-text-color:#514346;--mtx-datetimepicker-calendar-header-divider-color:#d6c2c5;--mtx-datetimepicker-calendar-table-header-text-color:#201a1b;--mtx-datetimepicker-calendar-date-today-outline-color:#ba005c;--mtx-datetimepicker-calendar-date-text-color:#201a1b;--mtx-datetimepicker-calendar-date-disabled-state-text-color:rgba(32, 26, 27, 0.38);--mtx-datetimepicker-container-background-color:#f2e6e7;--mtx-datetimepicker-container-text-color:#201a1b;--mtx-datetimepicker-clock-dial-background-color:#ece0e1;--mtx-datetimepicker-clock-cell-text-color:#201a1b;--mtx-datetimepicker-clock-cell-hover-state-background-color:rgba(32, 26, 27, 0.08);--mtx-datetimepicker-clock-cell-disabled-state-text-color:rgba(32, 26, 27, 0.38);--mtx-datetimepicker-time-input-text-color:#201a1b;--mtx-datetimepicker-time-input-background-color:#ece0e1;--mtx-datetimepicker-time-input-focus-state-background-color:#ffd9e1;--mtx-datetimepicker-time-input-warn-state-outline-color:#ba1a1a;--mtx-datetimepicker-time-ampm-text-color:#201a1b;--mtx-datetimepicker-time-ampm-outline-color:#847376;--mtx-datetimepicker-time-ampm-selected-state-text-color:#410000;--mtx-datetimepicker-calendar-text-font:Roboto, sans-serif;--mtx-datetimepicker-calendar-text-size:0.875rem;--mtx-datetimepicker-calendar-body-label-text-size:0.875rem;--mtx-datetimepicker-calendar-body-label-text-weight:500;--mtx-datetimepicker-calendar-period-button-text-size:0.875rem;--mtx-datetimepicker-calendar-period-button-text-weight:500;--mtx-datetimepicker-clock-text-size:0.875rem;--mtx-datetimepicker-container-elevation-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);--mtx-datetimepicker-container-touch-elevation-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);--mtx-datetimepicker-container-shape:16px;--mtx-datetimepicker-container-touch-shape:28px;--mtx-datetimepicker-selector-container-shape:8px;--mtx-datetimepicker-calendar-header-background-color:transparent;--mtx-datetimepicker-calendar-date-outline-color:transparent;--mtx-drawer-container-background-color:#fffbff;--mtx-drawer-container-text-color:#514346;--mtx-drawer-container-shape:16px;--mtx-drawer-container-elevation-shadow:0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);--mtx-grid-outline-color:#d6c2c5;--mtx-grid-column-menu-text-color:#514346;--mtx-grid-column-menu-divider-color:#d6c2c5;--mtx-grid-table-footer-background-color:#f7ebec;--mtx-grid-table-row-striped-background-color:#f7ebec;--mtx-grid-table-row-hover-background-color:#ffd9e1;--mtx-grid-table-row-selected-background-color:#ffd9e1;--mtx-grid-table-row-selected-hover-background-color:#ffd9e1;--mtx-grid-table-cell-selected-outline-color:#ba005c;--mtx-grid-resizable-handle-active-background-color:#ba005c;--mtx-grid-resizable-handle-hover-background-color:#ba005c;--mtx-grid-resizable-handle-disabled-background-color:#d6c2c5;--mtx-grid-container-shape:12px;--mtx-grid-table-cell-min-width:80px;--mtx-loader-backdrop-background-color:rgba(255, 251, 255, 0.75);--mtx-popover-outline-color:#f7ebec;--mtx-popover-background-color:#f7ebec;--mtx-popover-text-color:#201a1b;--mtx-popover-container-shape:4px;--mtx-popover-base-elevation-level:2;--mtx-progress-track-color:#f7ebec;--mtx-progress-indicator-color:#d6c2c5;--mtx-progress-text-color:#201a1b;--mtx-progress-info-indicator-color:#5a64ff;--mtx-progress-success-indicator-color:#038b00;--mtx-progress-warning-indicator-color:#bc5d00;--mtx-progress-danger-indicator-color:#ef0000;--mtx-progress-text-size:0.75rem;--mtx-progress-container-shape:4px;--mtx-progress-info-text-color:white;--mtx-progress-success-text-color:white;--mtx-progress-warning-text-color:white;--mtx-progress-danger-text-color:white;--mtx-select-option-selected-state-text-color:#201a1b;--mtx-select-container-text-color:#201a1b;--mtx-select-placeholder-text-color:rgba(32, 26, 27, 0.38);--mtx-select-disabled-text-color:rgba(32, 26, 27, 0.38);--mtx-select-multiple-value-outline-color:#847376;--mtx-select-multiple-value-icon-hover-background-color:#d6c2c5;--mtx-select-clear-icon-color:#201a1b;--mtx-select-clear-icon-hover-color:#ba1a1a;--mtx-select-enabled-arrow-color:#201a1b;--mtx-select-disabled-arrow-color:rgba(32, 26, 27, 0.38);--mtx-select-invalid-arrow-color:#ba1a1a;--mtx-select-panel-background-color:#f7ebec;--mtx-select-panel-divider-color:#847376;--mtx-select-optgroup-label-text-color:#201a1b;--mtx-select-option-label-text-color:#201a1b;--mtx-select-option-selected-state-background-color:#ffd9e1;--mtx-select-option-hover-state-background-color:rgba(32, 26, 27, 0.08);--mtx-select-option-disabled-state-text-color:rgba(32, 26, 27, 0.38);--mtx-select-container-shape:4px;--mtx-select-container-elevation-shadow:0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);--mtx-select-multiple-value-background-color:transparent;--mtx-split-gutter-hover-state-background-color:#ba005c;--mtx-split-gutter-background-color:#d6c2c5;--mdc-plain-tooltip-container-color:#352f30;--mdc-plain-tooltip-supporting-text-color:#faeeef;--mdc-plain-tooltip-supporting-text-line-height:1rem;--mdc-plain-tooltip-supporting-text-font:Roboto, sans-serif;--mdc-plain-tooltip-supporting-text-size:0.75rem;--mdc-plain-tooltip-supporting-text-weight:400;--mdc-plain-tooltip-supporting-text-tracking:0.025rem;--mdc-plain-tooltip-container-shape:4px}.mat-accent.mtx-split-gutter{--mtx-split-gutter-hover-state-background-color:#c00100}.mat-accent.mtx-datetimepicker-content{--mtx-datetimepicker-calendar-date-selected-state-text-color:#ffffff;--mtx-datetimepicker-calendar-date-selected-state-background-color:#c00100;--mtx-datetimepicker-calendar-date-today-selected-state-outline-color:#c00100;--mtx-datetimepicker-clock-hand-background-color:#c00100;--mtx-datetimepicker-clock-cell-selected-state-background-color:#c00100;--mtx-datetimepicker-time-input-active-state-text-color:#410000;--mtx-datetimepicker-time-input-active-state-background-color:#ffdad4;--mtx-datetimepicker-time-input-focus-state-outline-color:#c00100;--mtx-datetimepicker-time-input-focus-state-placeholder-text-color:#410000;--mtx-datetimepicker-time-ampm-selected-state-background-color:#ffdad6;--mtx-datetimepicker-calendar-date-today-outline-color:#c00100;--mtx-datetimepicker-time-input-focus-state-background-color:#ffdad4;--mtx-datetimepicker-time-ampm-selected-state-text-color:#410002}.mat-accent.ng-dropdown-panel{--mtx-select-option-selected-state-background-color:#ffdad4}.mat-warn.mtx-split-gutter{--mtx-split-gutter-hover-state-background-color:#ba1a1a}.mat-warn.mtx-datetimepicker-content{--mtx-datetimepicker-calendar-date-selected-state-text-color:#ffffff;--mtx-datetimepicker-calendar-date-selected-state-background-color:#ba1a1a;--mtx-datetimepicker-calendar-date-today-selected-state-outline-color:#ba1a1a;--mtx-datetimepicker-clock-hand-background-color:#ba1a1a;--mtx-datetimepicker-clock-cell-selected-state-background-color:#ba1a1a;--mtx-datetimepicker-time-input-active-state-text-color:#410002;--mtx-datetimepicker-time-input-active-state-background-color:#ffdad6;--mtx-datetimepicker-time-input-focus-state-outline-color:#ba1a1a;--mtx-datetimepicker-time-input-focus-state-placeholder-text-color:#410002;--mtx-datetimepicker-time-ampm-selected-state-background-color:#ffd9e1;--mtx-datetimepicker-calendar-date-today-outline-color:#ba1a1a;--mtx-datetimepicker-time-input-focus-state-background-color:#ffdad6;--mtx-datetimepicker-time-ampm-selected-state-text-color:#3f001b}.mat-warn.ng-dropdown-panel{--mtx-select-option-selected-state-background-color:#ffdad6}
+.mat-button-loading .mdc-button__label,.mat-button-loading .mat-icon{visibility:hidden}.mat-button-loading .mat-mdc-progress-spinner{position:absolute;top:calc(50% - 12px);left:calc(50% - 12px)}.mat-column-resize-table.cdk-column-resize-with-resized-column{table-layout:fixed}.mat-column-resize-flex .mat-mdc-header-cell,.mat-column-resize-flex .mat-mdc-cell{box-sizing:border-box;min-width:32px}.mat-mdc-header-cell{position:relative}.mat-resizable{box-sizing:border-box}.mat-mdc-header-cell:not(.mat-resizable)::after,.mat-resizable-handle{position:absolute;bottom:0;top:0;right:0;width:1px;background:rgba(0,0,0,0);transition:background 300ms cubic-bezier(0.55, 0, 0.55, 0.2)}.mat-mdc-header-cell:not(.mat-resizable)::after{content:""}[dir=rtl] .mat-mdc-header-cell:not(.mat-resizable)::after,[dir=rtl] .mat-resizable-handle{left:0;right:auto}[dir=rtl] .mat-mdc-header-row.cdk-column-resize-hover-or-active .mat-header-cell,[dir=rtl] .mat-mdc-header-row.cdk-column-resize-hover-or-active .mat-mdc-header-cell{border-left:none}.mat-mdc-header-row.cdk-column-resize-hover-or-active .mat-mdc-header-cell{border-right:none}.mat-mdc-header-row.cdk-column-resize-hover-or-active .mat-mdc-header-cell:not(.mat-resizable)::after{background-color:var(--mtx-grid-resizable-handle-disabled-background-color, var(--mat-app-outline-variant))}.mat-mdc-header-row.cdk-column-resize-hover-or-active .mat-resizable-handle{background-color:var(--mtx-grid-resizable-handle-hover-background-color, var(--mat-app-primary))}.mat-resizable.cdk-resizable-overlay-thumb-active>.mat-resizable-handle{opacity:0;transition:none}.mat-resizable-handle:focus,.mat-mdc-header-row.cdk-column-resize-hover-or-active .mat-resizable-handle:focus{outline:none;background-color:var(--mtx-grid-resizable-handle-active-background-color, var(--mat-app-primary))}.mat-column-resize-overlay-thumb{background:rgba(0,0,0,0);cursor:col-resize;width:100%;height:100%;transition:background 300ms cubic-bezier(0.55, 0, 0.55, 0.2);-webkit-user-select:none;user-select:none}.mat-column-resize-overlay-thumb:active{will-change:transform;background:linear-gradient(90deg, transparent, transparent 7px, var(--mtx-grid-resizable-handle-active-background-color, var(--mat-app-primary)) 7px, var(--mtx-grid-resizable-handle-active-background-color, var(--mat-app-primary)) 9px, transparent 9px, transparent)}.mat-column-resize-overlay-thumb:active .mat-column-resize-overlay-thumb-top{background:linear-gradient(90deg, transparent, transparent 4px, var(--mtx-grid-resizable-handle-active-background-color, var(--mat-app-primary)) 4px, var(--mtx-grid-resizable-handle-active-background-color, var(--mat-app-primary)) 12px, transparent 12px, transparent)}.mat-column-resize-overlay-thumb-top{width:100%}html{--mtx-alert-outline-color:#d6c2c5;--mtx-alert-background-color:#f7ebec;--mtx-alert-text-color:#201a1b;--mtx-alert-info-outline-color:#abc7ff;--mtx-alert-info-background-color:#d7e3ff;--mtx-alert-info-text-color:#002f65;--mtx-alert-success-outline-color:#02e600;--mtx-alert-success-background-color:#cbffb8;--mtx-alert-success-text-color:#013a00;--mtx-alert-warning-outline-color:#cdcd00;--mtx-alert-warning-background-color:#fffeac;--mtx-alert-warning-text-color:#323200;--mtx-alert-danger-outline-color:#ffb4a8;--mtx-alert-danger-background-color:#ffdad4;--mtx-alert-danger-text-color:#690100;--mtx-alert-container-shape:8px;--mtx-colorpicker-toggle-active-state-icon-color:#514346;--mtx-colorpicker-toggle-icon-color:#514346;--mtx-datetimepicker-calendar-date-selected-state-text-color:#ffffff;--mtx-datetimepicker-calendar-date-selected-state-background-color:#ba005c;--mtx-datetimepicker-calendar-date-selected-disabled-state-background-color:rgba(32, 26, 27, 0.38);--mtx-datetimepicker-calendar-date-today-selected-state-outline-color:#ba005c;--mtx-datetimepicker-calendar-date-focus-state-background-color:rgba(32, 26, 27, 0.12);--mtx-datetimepicker-calendar-date-hover-state-background-color:rgba(32, 26, 27, 0.08);--mtx-datetimepicker-clock-hand-background-color:#ba005c;--mtx-datetimepicker-clock-cell-selected-state-background-color:#ba005c;--mtx-datetimepicker-time-input-active-state-text-color:#3f001b;--mtx-datetimepicker-time-input-active-state-background-color:#ffd9e1;--mtx-datetimepicker-time-input-focus-state-outline-color:#ba005c;--mtx-datetimepicker-time-input-focus-state-placeholder-text-color:#3f001b;--mtx-datetimepicker-time-ampm-selected-state-background-color:#ffdad4;--mtx-datetimepicker-toggle-active-state-icon-color:#514346;--mtx-datetimepicker-toggle-icon-color:#514346;--mtx-datetimepicker-calendar-body-label-text-color:#201a1b;--mtx-datetimepicker-calendar-header-text-color:#514346;--mtx-datetimepicker-calendar-header-divider-color:#d6c2c5;--mtx-datetimepicker-calendar-table-header-text-color:#201a1b;--mtx-datetimepicker-calendar-date-today-outline-color:#ba005c;--mtx-datetimepicker-calendar-date-text-color:#201a1b;--mtx-datetimepicker-calendar-date-disabled-state-text-color:rgba(32, 26, 27, 0.38);--mtx-datetimepicker-container-background-color:#f2e6e7;--mtx-datetimepicker-container-text-color:#201a1b;--mtx-datetimepicker-clock-dial-background-color:#ece0e1;--mtx-datetimepicker-clock-cell-text-color:#201a1b;--mtx-datetimepicker-clock-cell-hover-state-background-color:rgba(32, 26, 27, 0.08);--mtx-datetimepicker-clock-cell-disabled-state-text-color:rgba(32, 26, 27, 0.38);--mtx-datetimepicker-time-input-text-color:#201a1b;--mtx-datetimepicker-time-input-background-color:#ece0e1;--mtx-datetimepicker-time-input-focus-state-background-color:#ffd9e1;--mtx-datetimepicker-time-input-warn-state-outline-color:#ba1a1a;--mtx-datetimepicker-time-ampm-text-color:#201a1b;--mtx-datetimepicker-time-ampm-outline-color:#847376;--mtx-datetimepicker-time-ampm-selected-state-text-color:#410000;--mtx-datetimepicker-calendar-text-font:Roboto, sans-serif;--mtx-datetimepicker-calendar-text-size:0.875rem;--mtx-datetimepicker-calendar-body-label-text-size:0.875rem;--mtx-datetimepicker-calendar-body-label-text-weight:500;--mtx-datetimepicker-calendar-period-button-text-size:0.875rem;--mtx-datetimepicker-calendar-period-button-text-weight:500;--mtx-datetimepicker-clock-text-size:0.875rem;--mtx-datetimepicker-container-elevation-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);--mtx-datetimepicker-container-touch-elevation-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);--mtx-datetimepicker-container-shape:16px;--mtx-datetimepicker-container-touch-shape:28px;--mtx-datetimepicker-selector-container-shape:8px;--mtx-datetimepicker-calendar-header-background-color:transparent;--mtx-datetimepicker-calendar-date-outline-color:transparent;--mtx-drawer-container-background-color:#fffbff;--mtx-drawer-container-text-color:#514346;--mtx-drawer-container-shape:16px;--mtx-drawer-container-elevation-shadow:0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);--mtx-grid-outline-color:#d6c2c5;--mtx-grid-column-menu-text-color:#514346;--mtx-grid-column-menu-divider-color:#d6c2c5;--mtx-grid-table-footer-background-color:#f7ebec;--mtx-grid-table-row-striped-background-color:#f7ebec;--mtx-grid-table-row-hover-background-color:#ffd9e1;--mtx-grid-table-row-selected-background-color:#ffd9e1;--mtx-grid-table-row-selected-hover-background-color:#ffd9e1;--mtx-grid-table-cell-selected-outline-color:#ba005c;--mtx-grid-resizable-handle-active-background-color:#ba005c;--mtx-grid-resizable-handle-hover-background-color:#ba005c;--mtx-grid-resizable-handle-disabled-background-color:#d6c2c5;--mtx-grid-container-shape:12px;--mtx-grid-table-cell-min-width:80px;--mtx-loader-backdrop-background-color:rgba(255, 251, 255, 0.75);--mtx-popover-outline-color:#f7ebec;--mtx-popover-background-color:#f7ebec;--mtx-popover-text-color:#201a1b;--mtx-popover-container-shape:4px;--mtx-popover-base-elevation-level:2;--mtx-progress-track-color:#f7ebec;--mtx-progress-indicator-color:#d6c2c5;--mtx-progress-text-color:#201a1b;--mtx-progress-info-indicator-color:#5a64ff;--mtx-progress-success-indicator-color:#038b00;--mtx-progress-warning-indicator-color:#bc5d00;--mtx-progress-danger-indicator-color:#ef0000;--mtx-progress-text-size:0.75rem;--mtx-progress-container-shape:4px;--mtx-progress-info-text-color:white;--mtx-progress-success-text-color:white;--mtx-progress-warning-text-color:white;--mtx-progress-danger-text-color:white;--mtx-select-option-selected-state-text-color:#201a1b;--mtx-select-container-text-color:#201a1b;--mtx-select-placeholder-text-color:rgba(32, 26, 27, 0.38);--mtx-select-disabled-text-color:rgba(32, 26, 27, 0.38);--mtx-select-multiple-value-outline-color:#847376;--mtx-select-multiple-value-disabled-outline-color:rgba(132, 115, 118, 0.38);--mtx-select-multiple-value-icon-hover-background-color:#d6c2c5;--mtx-select-clear-icon-color:#201a1b;--mtx-select-clear-icon-hover-color:#ba1a1a;--mtx-select-enabled-arrow-color:#201a1b;--mtx-select-disabled-arrow-color:rgba(32, 26, 27, 0.38);--mtx-select-invalid-arrow-color:#ba1a1a;--mtx-select-panel-background-color:#f7ebec;--mtx-select-panel-divider-color:#847376;--mtx-select-optgroup-label-text-color:#201a1b;--mtx-select-option-label-text-color:#201a1b;--mtx-select-option-selected-state-background-color:#ffd9e1;--mtx-select-option-hover-state-background-color:rgba(32, 26, 27, 0.08);--mtx-select-option-disabled-state-text-color:rgba(32, 26, 27, 0.38);--mtx-select-container-shape:4px;--mtx-select-container-elevation-shadow:0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);--mtx-select-multiple-value-background-color:transparent;--mtx-split-gutter-hover-state-background-color:#ba005c;--mtx-split-gutter-background-color:#d6c2c5;--mdc-plain-tooltip-container-color:#352f30;--mdc-plain-tooltip-supporting-text-color:#faeeef;--mdc-plain-tooltip-supporting-text-line-height:1rem;--mdc-plain-tooltip-supporting-text-font:Roboto, sans-serif;--mdc-plain-tooltip-supporting-text-size:0.75rem;--mdc-plain-tooltip-supporting-text-weight:400;--mdc-plain-tooltip-supporting-text-tracking:0.025rem;--mdc-plain-tooltip-container-shape:4px}.mat-accent.mtx-split-gutter{--mtx-split-gutter-hover-state-background-color:#c00100}.mat-accent.mtx-datetimepicker-content{--mtx-datetimepicker-calendar-date-selected-state-text-color:#ffffff;--mtx-datetimepicker-calendar-date-selected-state-background-color:#c00100;--mtx-datetimepicker-calendar-date-today-selected-state-outline-color:#c00100;--mtx-datetimepicker-clock-hand-background-color:#c00100;--mtx-datetimepicker-clock-cell-selected-state-background-color:#c00100;--mtx-datetimepicker-time-input-active-state-text-color:#410000;--mtx-datetimepicker-time-input-active-state-background-color:#ffdad4;--mtx-datetimepicker-time-input-focus-state-outline-color:#c00100;--mtx-datetimepicker-time-input-focus-state-placeholder-text-color:#410000;--mtx-datetimepicker-time-ampm-selected-state-background-color:#ffdad6;--mtx-datetimepicker-calendar-date-today-outline-color:#c00100;--mtx-datetimepicker-time-input-focus-state-background-color:#ffdad4;--mtx-datetimepicker-time-ampm-selected-state-text-color:#410002}.mat-accent.ng-dropdown-panel{--mtx-select-option-selected-state-background-color:#ffdad4}.mat-warn.mtx-split-gutter{--mtx-split-gutter-hover-state-background-color:#ba1a1a}.mat-warn.mtx-datetimepicker-content{--mtx-datetimepicker-calendar-date-selected-state-text-color:#ffffff;--mtx-datetimepicker-calendar-date-selected-state-background-color:#ba1a1a;--mtx-datetimepicker-calendar-date-today-selected-state-outline-color:#ba1a1a;--mtx-datetimepicker-clock-hand-background-color:#ba1a1a;--mtx-datetimepicker-clock-cell-selected-state-background-color:#ba1a1a;--mtx-datetimepicker-time-input-active-state-text-color:#410002;--mtx-datetimepicker-time-input-active-state-background-color:#ffdad6;--mtx-datetimepicker-time-input-focus-state-outline-color:#ba1a1a;--mtx-datetimepicker-time-input-focus-state-placeholder-text-color:#410002;--mtx-datetimepicker-time-ampm-selected-state-background-color:#ffd9e1;--mtx-datetimepicker-calendar-date-today-outline-color:#ba1a1a;--mtx-datetimepicker-time-input-focus-state-background-color:#ffdad6;--mtx-datetimepicker-time-ampm-selected-state-text-color:#3f001b}.mat-warn.ng-dropdown-panel{--mtx-select-option-selected-state-background-color:#ffdad6}

package/select/select.scss

@@ -15,6 +15,7 @@ $_tokens: tokens-mtx-select.$prefix, tokens-mtx-select.get-token-slots();
     $filled-padding-top: var(--mat-form-field-filled-with-label-container-padding-top);
     $filled-padding-bottom: var(--mat-form-field-filled-with-label-container-padding-bottom);
     $vertical-padding: var(--mat-form-field-container-vertical-padding);
+    $text-line-height: var(--mat-form-field-container-text-line-height, var(--mat-app-body-large-line-height));
 
     padding: $filled-padding-top 16px $filled-padding-bottom;
     margin: calc($filled-padding-top * -1) -16px calc($filled-padding-bottom * -1);
@@ -34,17 +35,21 @@ $_tokens: tokens-mtx-select.$prefix, tokens-mtx-select.get-token-slots();
 
       .ng-value-container {
         align-items: center;
+        gap: 4px;
 
         .ng-input>input {
-          padding: 0;
+          height: $text-line-height;
           color: inherit;
           font: inherit;
         }
       }
 
       .ng-clear-wrapper {
+        display: inline-flex;
+        justify-content: center;
+        align-items: center;
         width: 24px;
-        text-align: center;
+        height: $text-line-height;
       }
     }
 
@@ -93,10 +98,12 @@ $_tokens: tokens-mtx-select.$prefix, tokens-mtx-select.get-token-slots();
 
     &.ng-select-multiple {
       .ng-select-container .ng-value-container .ng-value {
-        margin: 2px 4px 2px 0;
-        border-radius: 16px;
+        display: inline-flex;
+        align-items: center;
+        height: $text-line-height;
+        padding: 0 calc(($text-line-height - 16px) / 2);
+        border-radius: 9999px;
         font-size: .875em;
-        line-height: 18px;
 
         @include token-utils.create-token-slot(background-color, multiple-value-background-color);
 
@@ -104,50 +111,32 @@ $_tokens: tokens-mtx-select.$prefix, tokens-mtx-select.get-token-slots();
 
         border: 1px solid $border-color;
 
-        @include rtl {
-          margin-right: auto;
-          margin-left: 4px;
-        }
-
         &.ng-value-disabled {
           opacity: .4;
         }
 
         .ng-value-label {
           display: inline-block;
-          margin: 0 8px;
+          margin: 0 4px;
+          line-height: 16px;
         }
 
         .ng-value-icon {
-          display: inline-block;
-          width: 18px;
-          height: 18px;
-          border-radius: 100%;
+          width: 16px;
+          height: 16px;
+          line-height: 16px;
+          border-radius: 50%;
           text-align: center;
 
-          &.left {
-            margin-right: -4px;
-
-            @include rtl {
-              margin-left: -4px;
-              margin-right: auto;
-            }
-          }
-
-          &.right {
-            margin-left: -4px;
-
-            @include rtl {
-              margin-right: -4px;
-              margin-left: auto;
-            }
-          }
-
           &:hover {
             @include token-utils.create-token-slot(background-color, multiple-value-icon-hover-background-color);
           }
         }
       }
+
+      &.ng-select-disabled .ng-select-container .ng-value-container .ng-value {
+        border-color: token-utils.get-token-variable(multiple-value-disabled-outline-color);
+      }
     }
 
     .ng-arrow-wrapper {

package/tooltip/tooltip.scss

@@ -37,7 +37,7 @@
     }
   }
 
-  &._mat-animation-noopable {
+  &._mtx-animation-noopable {
     animation: none;
     transform: scale(1);
   }