@contena/meteor-component-library 5.6.2 → 5.7.0

package/dist/mt-segmented-control.css

@@ -1,146 +1 @@
-
-.mt-segmented-control {
-  display: flex;
-  gap: var(--scale-size-2);
-  width: max-content;
-  background-color: var(--color-interaction-secondary-default);
-  border: 1px solid var(--color-border-primary-default);
-  border-radius: var(--border-radius-button);
-  padding: var(--scale-size-2);
-& .mt-floating-ui {
-    display: flex;
-}
-& .mt-floating-ui__trigger {
-    display: flex;
-}
-& .mt-field__label,
-  & .mt-field__label label {
-    cursor: pointer;
-    font-family: inherit;
-    font-size: inherit;
-    font-weight: inherit;
-    color: inherit;
-}
-& .mt-field--checkbox__container .mt-field__label {
-    margin-left: var(--scale-size-8);
-}
-}
-.mt-segmented-control__action {
-  display: flex;
-  align-items: center;
-  gap: var(--scale-size-8);
-  position: relative;
-  cursor: pointer;
-  border: none;
-  border-radius: var(--border-radius-button);
-  padding: var(--scale-size-6) var(--scale-size-12);
-  font-family: var(--font-family-body);
-  font-size: var(--font-size-2xs);
-  line-height: var(--font-line-height-2xs);
-  font-weight: var(--font-weight-semibold);
-  color: var(--color-text-primary-default);
-  transition:
-    0.15s background ease,
-    0.15s color ease;
-  justify-content: center;
-  text-align: center;
-&:focus-visible {
-    outline: 2px solid var(--color-border-brand-default);
-    box-shadow: 0px 0px 4px 0px rgba(24, 158, 255, 0.3);
-}
-&:hover,
-  &:focus-visible {
-    background-color: var(--color-interaction-secondary-hover);
-}
-&:active {
-    background-color: var(--color-interaction-secondary-pressed);
-}
-& .mt-field--checkbox {
-    margin-bottom: 0;
-}
-& .mt-field__checkbox {
-    margin-top: 0;
-}
-& .mt-field__checkbox #meteor-icon-kit__solid-checkmark-xs {
-    width: var(--scale-size-8) !important;
-    height: var(--scale-size-6) !important;
-}
-}
-.mt-segmented-control__action-icon.mt-icon {
-  width: var(--scale-size-12);
-  height: var(--scale-size-12);
-& > svg {
-    width: 100% !important;
-    height: 100% !important;
-}
-}
-.mt-segmented-control__action-options-icon.mt-icon {
-  margin-top: 1px;
-  width: var(--scale-size-8);
-  height: 5px;
-}
-.mt-segmented-control__action--pressed:not(.mt-segmented-control__action--critical) {
-  color: var(--color-static-white);
-  background-color: var(--color-interaction-primary-default);
-&:hover,
-  &:focus-visible {
-    background-color: var(--color-interaction-primary-hover);
-}
-&:active {
-    background-color: var(--color-interaction-primary-pressed);
-}
-}
-.mt-segmented-control__action--critical {
-  color: var(--color-text-critical-default);
-&:hover,
-  &:focus-visible {
-    background-color: var(--color-background-critical-default);
-}
-&:active {
-    color: var(--color-static-white);
-    background-color: var(--color-interaction-critical-pressed);
-}
-}
-.mt-segmented-control__action--critical.mt-segmented-control__action--pressed {
-  color: var(--color-static-white);
-  background-color: var(--color-interaction-critical-default);
-&:hover,
-  &:focus-visible {
-    background-color: var(--color-interaction-critical-hover);
-}
-&:active {
-    background-color: var(--color-interaction-critical-pressed);
-}
-}
-.mt-segmented-control__action--disabled {
-  color: var(--color-text-primary-disabled);
-  cursor: default;
-  pointer-events: none;
-}
-.mt-segmented-control__action--min-square {
-  min-width: 30px;
-}
-.mt-segmented-control__divider {
-  background-color: var(--color-border-primary-default);
-  width: 1px;
-  margin-top: var(--scale-size-4);
-  margin-bottom: var(--scale-size-4);
-}
-.mt-segmented-control--disabled-context {
-  padding: 0px;
-  gap: 0;
-& .mt-floating-ui .mt-segmented-control__action {
-    border-radius: var(--border-radius-none);
-    border-right: 1px solid var(--color-border-primary-default);
-}
-& .mt-floating-ui:first-child .mt-segmented-control__action {
-    border-top-left-radius: calc(var(--border-radius-xs) - 1px);
-    border-bottom-left-radius: calc(var(--border-radius-xs) - 1px);
-    border-left: none;
-}
-& .mt-floating-ui:last-child .mt-segmented-control__action {
-    border-top-right-radius: calc(var(--border-radius-xs) - 1px);
-    border-bottom-right-radius: calc(var(--border-radius-xs) - 1px);
-    border-right: none;
-}
-}
+.mt-segmented-control{display:flex;gap:var(--scale-size-2);width:max-content;background-color:var(--color-interaction-secondary-default);border:1px solid var(--color-border-primary-default);border-radius:var(--border-radius-button);padding:var(--scale-size-2)}.mt-segmented-control .mt-floating-ui,.mt-segmented-control .mt-floating-ui__trigger{display:flex}.mt-segmented-control .mt-field__label,.mt-segmented-control .mt-field__label label{cursor:pointer;font-family:inherit;font-size:inherit;font-weight:inherit;color:inherit}.mt-segmented-control .mt-field--checkbox__container .mt-field__label{margin-left:var(--scale-size-8)}.mt-segmented-control__action{display:flex;align-items:center;gap:var(--scale-size-8);position:relative;cursor:pointer;border:none;border-radius:var(--border-radius-button);padding:var(--scale-size-6) var(--scale-size-12);font-family:var(--font-family-body);font-size:var(--font-size-2xs);line-height:var(--font-line-height-2xs);font-weight:var(--font-weight-semibold);color:var(--color-text-primary-default);transition:.15s background ease,.15s color ease;justify-content:center;text-align:center}.mt-segmented-control__action:focus-visible{outline:2px solid var(--color-border-brand-default);box-shadow:0 0 4px #189eff4d}.mt-segmented-control__action:hover,.mt-segmented-control__action:focus-visible{background-color:var(--color-interaction-secondary-hover)}.mt-segmented-control__action:active{background-color:var(--color-interaction-secondary-pressed)}.mt-segmented-control__action .mt-field--checkbox{margin-bottom:0}.mt-segmented-control__action .mt-field__checkbox{margin-top:0}.mt-segmented-control__action .mt-field__checkbox #meteor-icon-kit__solid-checkmark-xs{width:var(--scale-size-8)!important;height:var(--scale-size-6)!important}.mt-segmented-control__action-icon.mt-icon{width:var(--scale-size-12);height:var(--scale-size-12)}.mt-segmented-control__action-icon.mt-icon>svg{width:100%!important;height:100%!important}.mt-segmented-control__action-options-icon.mt-icon{margin-top:1px;width:var(--scale-size-8);height:5px}.mt-segmented-control__action--pressed:not(.mt-segmented-control__action--critical){color:var(--color-static-white);background-color:var(--color-interaction-primary-default)}.mt-segmented-control__action--pressed:not(.mt-segmented-control__action--critical):hover,.mt-segmented-control__action--pressed:not(.mt-segmented-control__action--critical):focus-visible{background-color:var(--color-interaction-primary-hover)}.mt-segmented-control__action--pressed:not(.mt-segmented-control__action--critical):active{background-color:var(--color-interaction-primary-pressed)}.mt-segmented-control__action--critical{color:var(--color-text-critical-default)}.mt-segmented-control__action--critical:hover,.mt-segmented-control__action--critical:focus-visible{background-color:var(--color-background-critical-default)}.mt-segmented-control__action--critical:active{color:var(--color-static-white);background-color:var(--color-interaction-critical-pressed)}.mt-segmented-control__action--critical.mt-segmented-control__action--pressed{color:var(--color-static-white);background-color:var(--color-interaction-critical-default)}.mt-segmented-control__action--critical.mt-segmented-control__action--pressed:hover,.mt-segmented-control__action--critical.mt-segmented-control__action--pressed:focus-visible{background-color:var(--color-interaction-critical-hover)}.mt-segmented-control__action--critical.mt-segmented-control__action--pressed:active{background-color:var(--color-interaction-critical-pressed)}.mt-segmented-control__action--disabled{color:var(--color-text-primary-disabled);cursor:default;pointer-events:none}.mt-segmented-control__action--min-square{min-width:30px}.mt-segmented-control__divider{background-color:var(--color-border-primary-default);width:1px;margin-top:var(--scale-size-4);margin-bottom:var(--scale-size-4)}.mt-segmented-control--disabled-context{padding:0;gap:0}.mt-segmented-control--disabled-context .mt-floating-ui .mt-segmented-control__action{border-radius:var(--border-radius-none);border-right:1px solid var(--color-border-primary-default)}.mt-segmented-control--disabled-context .mt-floating-ui:first-child .mt-segmented-control__action{border-top-left-radius:calc(var(--border-radius-xs) - 1px);border-bottom-left-radius:calc(var(--border-radius-xs) - 1px);border-left:none}.mt-segmented-control--disabled-context .mt-floating-ui:last-child .mt-segmented-control__action{border-top-right-radius:calc(var(--border-radius-xs) - 1px);border-bottom-right-radius:calc(var(--border-radius-xs) - 1px);border-right:none}

package/dist/mt-select-base.css

@@ -1,121 +1 @@
-
-.mt-select {
-  position: relative;
-  min-width: 100px;
-}
-.mt-select .mt-block-field__block {
-  background-color: var(--color-background-primary-default);
-  position: relative;
-  overflow: hidden;
-}
-.mt-select .mt-select__selection {
-  width: 100%;
-  position: relative;
-  padding: 0 var(--scale-size-8);
-  border: none;
-  font-size: var(--font-size-s);
-  line-height: var(--font-line-height-s);
-  font-family: var(--font-family-body);
-  color: var(--color-icon-primary-default);
-  outline: none;
-  -webkit-appearance: none;
-  -moz-appearance: none;
-}
-.mt-select .mt-select__selection-indicators {
-  position: absolute;
-  display: flex;
-  gap: var(--scale-size-12);
-  align-items: center;
-  top: 50%;
-  transform: translate(0, -50%);
-  z-index: 1;
-}
-.mt-select .mt-select__selection-indicators .mt-loader {
-  width: var(--scale-size-16);
-  height: var(--scale-size-16);
-  margin: 0;
-  left: -24px;
-  top: -4px;
-}
-.mt-select .mt-select__selection-indicators .mt-loader .mt-loader__container {
-  transform: none;
-  left: 0;
-  top: 0;
-}
-.mt-select .mt-select__select-indicator-hitbox {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  background-color: transparent;
-  border: 0 solid transparent;
-  color: var(--color-icon-primary-default);
-  cursor: pointer;
-  width: var(--scale-size-32);
-  height: var(--scale-size-32);
-  border-radius: var(--border-radius-xs);
-&:hover,
-  &:focus-visible {
-    background-color: var(--color-interaction-secondary-hover);
-}
-&:focus-visible {
-    outline: var(--scale-size-2) solid var(--color-border-brand-default);
-}
-}
-.mt-select .mt-select__select-indicator-hitbox:focus .mt-select__select-indicator-clear {
-  opacity: 1;
-  pointer-events: all;
-  cursor: pointer;
-}
-.mt-select .mt-select__select-indicator {
-  flex-shrink: 0;
-  cursor: pointer;
-  transition: all 0.3s ease-in-out;
-}
-.mt-select .mt-select__select-indicator-rotated {
-  transform: rotate(180deg);
-}
-.mt-select .mt-select__select-indicator-clear {
-  transition: 0.1s opacity ease;
-  opacity: 0;
-  pointer-events: none;
-}
-.mt-select:hover .mt-select__select-indicator-clear,
-.mt-select.has--focus .mt-select__select-indicator-clear {
-  opacity: 1;
-  pointer-events: all;
-  cursor: pointer;
-}
-.mt-select.mt-field--medium .mt-select__selection {
-  padding: var(--scale-size-4) var(--scale-size-6) 0;
-}
-.mt-select.mt-field--small .mt-select__selection {
-  padding: var(--scale-size-4) var(--scale-size-6) 0;
-}
-.mt-select.is--disabled .mt-block-field__block,
-.mt-select.is--disabled .mt-label,
-.mt-select.is--disabled input {
-  background-color: var(--color-background-tertiary-default);
-}
-.mt-select--small {
-  cursor: pointer;
-}
-.mt-select--small .mt-select-selection-list--single .mt-label {
-  cursor: pointer;
-  height: var(--scale-size-18);
-  padding-top: 1px;
-}
-.mt-select--small .mt-block-field__block {
-  min-height: unset;
-}
-
-/* Vue.js transitions */
-.mt-select-result-list-fade-down-enter-active,
-.mt-select-result-list-fade-down-leave-active {
-  transition: all ease-in-out 0.2s;
-  transform: translateY(0);
-}
-.mt-select-result-list-fade-down-enter,
-.mt-select-result-list-fade-down-leave-to {
-  transform: translateY(-10px);
-  opacity: 0;
-}
+.mt-select{position:relative;min-width:100px}.mt-select .mt-block-field__block{background-color:var(--color-background-primary-default);position:relative;overflow:hidden}.mt-select .mt-select__selection{width:100%;position:relative;padding:0 var(--scale-size-8);border:none;font-size:var(--font-size-s);line-height:var(--font-line-height-s);font-family:var(--font-family-body);color:var(--color-icon-primary-default);outline:none;-webkit-appearance:none;-moz-appearance:none}.mt-select .mt-select__selection-indicators{position:absolute;display:flex;gap:var(--scale-size-12);align-items:center;top:50%;transform:translateY(-50%);z-index:1}.mt-select .mt-select__selection-indicators .mt-loader{width:var(--scale-size-16);height:var(--scale-size-16);margin:0;left:-24px;top:-4px}.mt-select .mt-select__selection-indicators .mt-loader .mt-loader__container{transform:none;left:0;top:0}.mt-select .mt-select__select-indicator-hitbox{display:flex;align-items:center;justify-content:center;background-color:transparent;border:0 solid transparent;color:var(--color-icon-primary-default);cursor:pointer;width:var(--scale-size-32);height:var(--scale-size-32);border-radius:var(--border-radius-xs)}.mt-select .mt-select__select-indicator-hitbox:hover,.mt-select .mt-select__select-indicator-hitbox:focus-visible{background-color:var(--color-interaction-secondary-hover)}.mt-select .mt-select__select-indicator-hitbox:focus-visible{outline:var(--scale-size-2) solid var(--color-border-brand-default)}.mt-select .mt-select__select-indicator-hitbox:focus .mt-select__select-indicator-clear{opacity:1;pointer-events:all;cursor:pointer}.mt-select .mt-select__select-indicator{flex-shrink:0;cursor:pointer;transition:all .3s ease-in-out}.mt-select .mt-select__select-indicator-rotated{transform:rotate(180deg)}.mt-select .mt-select__select-indicator-clear{transition:.1s opacity ease;opacity:0;pointer-events:none}.mt-select:hover .mt-select__select-indicator-clear,.mt-select.has--focus .mt-select__select-indicator-clear{opacity:1;pointer-events:all;cursor:pointer}.mt-select.mt-field--medium .mt-select__selection,.mt-select.mt-field--small .mt-select__selection{padding:var(--scale-size-4) var(--scale-size-6) 0}.mt-select.is--disabled .mt-block-field__block,.mt-select.is--disabled .mt-label,.mt-select.is--disabled input{background-color:var(--color-background-tertiary-default)}.mt-select--small{cursor:pointer}.mt-select--small .mt-select-selection-list--single .mt-label{cursor:pointer;height:var(--scale-size-18);padding-top:1px}.mt-select--small .mt-block-field__block{min-height:unset}.mt-select-result-list-fade-down-enter-active,.mt-select-result-list-fade-down-leave-active{transition:all ease-in-out .2s;transform:translateY(0)}.mt-select-result-list-fade-down-enter-from,.mt-select-result-list-fade-down-leave-to{transform:translateY(-10px);opacity:0}

package/dist/mt-select-result-list.css

@@ -1,120 +1 @@
-/* ------------------------------------
- * Administration variables
- * Table of contents
- *
- * 1. Primary colors
- * 2. Status colors
- * 3. Module colors
- * 4. Generic colors
- * 5. Gradients
- * 6. Typography
- * 7. Miscellaneous
- * 8. z-index
- * 9. Global widths
- * ------------------------------------ */
-/* ------------------------------------
- * 1. Primary colors
- * ------------------------------------ */
-/* ------------------------------------
- * 2. Status colors
- * ------------------------------------ */
-/* ------------------------------------
- * 3. Module colors
- * ------------------------------------ */
-/* ------------------------------------
- * 4. Generic colors
- * ------------------------------------ */
-/* ------------------------------------
- * 5. Gradients
- * ------------------------------------ */
-/* ------------------------------------
- * 6. Typography
- * ------------------------------------ */
-/* ------------------------------------
- * 7. Miscellaneous
- * ------------------------------------ */
-/* ------------------------------------
- * 8. z-index
- * ------------------------------------ */
-/* ------------------------------------
- * Administration variables
- * Table of contents
- *
- * 1. Primary colors
- * 2. Status colors
- * 3. Module colors
- * 4. Generic colors
- * 5. Gradients
- * 6. Typography
- * 7. Miscellaneous
- * 8. z-index
- * 9. Global widths
- * ------------------------------------ */
-/* ------------------------------------
- * 1. Primary colors
- * ------------------------------------ */
-/* ------------------------------------
- * 2. Status colors
- * ------------------------------------ */
-/* ------------------------------------
- * 3. Module colors
- * ------------------------------------ */
-/* ------------------------------------
- * 4. Generic colors
- * ------------------------------------ */
-/* ------------------------------------
- * 5. Gradients
- * ------------------------------------ */
-/* ------------------------------------
- * 6. Typography
- * ------------------------------------ */
-/* ------------------------------------
- * 7. Miscellaneous
- * ------------------------------------ */
-/* ------------------------------------
- * 8. z-index
- * ------------------------------------ */
-.mt-select-result-list {
-  pointer-events: none;
-}
-.mt-select-result-list,
-.mt-select-result-list-popover {
-  position: absolute;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  overflow: hidden;
-}
-.mt-select-result-list-popover .mt-popover-deprecated__wrapper {
-  width: 100%;
-}
-.mt-select-result-list__content {
-  width: 100%;
-  max-height: 250px;
-  overflow-x: hidden;
-  overflow-y: auto;
-  border: 1px solid var(--color-border-secondary-default);
-  box-shadow: 0 3px 6px 0 var(--color-elevation-shadow-default);
-  background-color: var(--color-background-primary-default);
-  font-size: var(--font-size-xs);
-  line-height: var(--font-line-height-xs);
-  font-family: var(--font-family-body);
-  padding: var(--scale-size-4);
-  border-radius: var(--border-radius-xs);
-}
-.mt-select-result-list__content .mt-select-result-list__item-list {
-  list-style: none;
-}
-.mt-select-result-list__content .mt-select-result-list__empty {
-  padding: var(--scale-size-10) var(--scale-size-16);
-  color: var(--color-text-primary-default);
-}
-.mt-select-result-list__content_empty {
-  opacity: 0;
-  min-height: 293px;
-  height: 293px;
-}
-.mt-popover-deprecated__wrapper.--placement-bottom-outside.mt-select-result-list-popover-wrapper {
-  transform: translate(0, calc(-100% - 48px));
-}
+.mt-select-result-list{pointer-events:none}.mt-select-result-list,.mt-select-result-list-popover{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.mt-select-result-list-popover .mt-popover-deprecated__wrapper{width:100%}.mt-select-result-list__content{width:100%;max-height:250px;overflow-x:hidden;overflow-y:auto;border:1px solid var(--color-border-secondary-default);box-shadow:0 3px 6px 0 var(--color-elevation-shadow-default);background-color:var(--color-background-primary-default);font-size:var(--font-size-xs);line-height:var(--font-line-height-xs);font-family:var(--font-family-body);padding:var(--scale-size-4);border-radius:var(--border-radius-xs)}.mt-select-result-list__content .mt-select-result-list__item-list{list-style:none}.mt-select-result-list__content .mt-select-result-list__empty{padding:var(--scale-size-10) var(--scale-size-16);color:var(--color-text-primary-default)}.mt-select-result-list__content_empty{opacity:0;min-height:293px;height:293px}.mt-popover-deprecated__wrapper.--placement-bottom-outside.mt-select-result-list-popover-wrapper{transform:translateY(calc(-100% - 48px))}

package/dist/mt-select-result.css

@@ -1,114 +1 @@
-/* ------------------------------------
- * Administration variables
- * Table of contents
- *
- * 1. Primary colors
- * 2. Status colors
- * 3. Module colors
- * 4. Generic colors
- * 5. Gradients
- * 6. Typography
- * 7. Miscellaneous
- * 8. z-index
- * 9. Global widths
- * ------------------------------------ */
-/* ------------------------------------
- * 1. Primary colors
- * ------------------------------------ */
-/* ------------------------------------
- * 2. Status colors
- * ------------------------------------ */
-/* ------------------------------------
- * 3. Module colors
- * ------------------------------------ */
-/* ------------------------------------
- * 4. Generic colors
- * ------------------------------------ */
-/* ------------------------------------
- * 5. Gradients
- * ------------------------------------ */
-/* ------------------------------------
- * 6. Typography
- * ------------------------------------ */
-/* ------------------------------------
- * 7. Miscellaneous
- * ------------------------------------ */
-/* ------------------------------------
- * 8. z-index
- * ------------------------------------ */
-.mt-select-result {
-  padding: var(--scale-size-10) var(--scale-size-12);
-  cursor: pointer;
-  display: flex;
-  flex-direction: row;
-  gap: var(--scale-size-12);
-  align-items: center;
-  border-radius: 4px;
-}
-.mt-select-result .mt-select-result__result-item-preview {
-  order: 1;
-  display: block;
-}
-.mt-select-result .mt-select-result__result-item-text {
-  flex: 1;
-  max-width: 100%;
-  word-break: break-word;
-  display: flex;
-  flex-direction: column;
-  color: var(--color-text-primary-default);
-  order: 2;
-}
-.mt-select-result.is--active {
-  background: var(--color-interaction-secondary-hover);
-}
-.mt-select-result .mt-select-result__result-item-description {
-  width: 100%;
-  color: #a3b3c2;
-  order: 3;
-  line-height: 14px;
-  padding: 0 0 0 var(--scale-size-8);
-}
-.mt-select-result > .mt-icon {
-  color: var(--color-icon-primary-default);
-  margin-left: var(--scale-size-4);
-  order: 4;
-  justify-self: end;
-}
-.mt-select-result.is--description-bottom {
-  grid-template-columns: 1fr auto;
-}
-.mt-select-result.is--description-bottom .mt-select-result__result-item-description {
-  grid-column-start: 1;
-  padding: var(--scale-size-8) 0 0;
-  order: 3;
-}
-.mt-select-result.is--description-bottom .mt-icon {
-  order: 2;
-}
-.mt-select-result.is--disabled {
-  color: #a3b3c1;
-}
-.mt-select-result.is--disabled.is--active {
-  background: #f0f2f5;
-  color: #a3b3c1;
-  cursor: default;
-}
-.mt-select-result.is--disabled .mt-highlight-text__highlight {
-  color: #a3b3c1;
-}
-.mt-select-result.is--disabled .mt-select-result__result-item-text {
-  color: #a3b3c1;
-}
-.mt-select-result:last-child {
-  border-bottom: 0 none;
-}
-.mt-select-result .mt-select-result-appear-enter-active,
-.mt-select-result .mt-select-result-appear-leave-active {
-  transition: all ease-in-out 0.15s;
-  transform: translateY(0);
-}
-.mt-select-result .mt-select-result-appear-enter,
-.mt-select-result .mt-select-result-appear-leave-to {
-  opacity: 0;
-  transform: translateY(-15px);
-}
+.mt-select-result{padding:var(--scale-size-10) var(--scale-size-12);cursor:pointer;display:flex;flex-direction:row;gap:var(--scale-size-12);align-items:center;border-radius:4px}.mt-select-result .mt-select-result__result-item-preview{order:1;display:block}.mt-select-result .mt-select-result__result-item-text{flex:1;max-width:100%;word-break:break-word;display:flex;flex-direction:column;color:var(--color-text-primary-default);order:2}.mt-select-result.is--active{background:var(--color-interaction-secondary-hover)}.mt-select-result>.mt-icon{color:var(--color-icon-primary-default);margin-inline-start:var(--scale-size-4);order:4}.mt-select-result.is--disabled{color:var(--color-text-primary-disabled)}.mt-select-result.is--disabled.is--active{background:var(--color-background-secondary-default);color:var(--color-text-primary-disabled);cursor:default}.mt-select-result.is--disabled .mt-highlight-text__highlight,.mt-select-result.is--disabled .mt-select-result__result-item-text{color:var(--color-text-primary-disabled)}.mt-select-result:last-child{border-block-end:0 none}.mt-select-result .mt-select-result-appear-enter-active,.mt-select-result .mt-select-result-appear-leave-active{transition:all ease-in-out .15s;transform:translateY(0)}.mt-select-result .mt-select-result-appear-enter-from,.mt-select-result .mt-select-result-appear-leave-to{opacity:0;transform:translateY(-15px)}

package/dist/mt-select-selection-list.css

@@ -1,127 +1 @@
-/* ------------------------------------
- * Administration variables
- * Table of contents
- *
- * 1. Primary colors
- * 2. Status colors
- * 3. Module colors
- * 4. Generic colors
- * 5. Gradients
- * 6. Typography
- * 7. Miscellaneous
- * 8. z-index
- * 9. Global widths
- * ------------------------------------ */
-/* ------------------------------------
- * 1. Primary colors
- * ------------------------------------ */
-/* ------------------------------------
- * 2. Status colors
- * ------------------------------------ */
-/* ------------------------------------
- * 3. Module colors
- * ------------------------------------ */
-/* ------------------------------------
- * 4. Generic colors
- * ------------------------------------ */
-/* ------------------------------------
- * 5. Gradients
- * ------------------------------------ */
-/* ------------------------------------
- * 6. Typography
- * ------------------------------------ */
-/* ------------------------------------
- * 7. Miscellaneous
- * ------------------------------------ */
-/* ------------------------------------
- * 8. z-index
- * ------------------------------------ */
-/* ------------------------------------
- * Administration variables
- * Table of contents
- *
- * 1. Primary colors
- * 2. Status colors
- * 3. Module colors
- * 4. Generic colors
- * 5. Gradients
- * 6. Typography
- * 7. Miscellaneous
- * 8. z-index
- * 9. Global widths
- * ------------------------------------ */
-/* ------------------------------------
- * 1. Primary colors
- * ------------------------------------ */
-/* ------------------------------------
- * 2. Status colors
- * ------------------------------------ */
-/* ------------------------------------
- * 3. Module colors
- * ------------------------------------ */
-/* ------------------------------------
- * 4. Generic colors
- * ------------------------------------ */
-/* ------------------------------------
- * 5. Gradients
- * ------------------------------------ */
-/* ------------------------------------
- * 6. Typography
- * ------------------------------------ */
-/* ------------------------------------
- * 7. Miscellaneous
- * ------------------------------------ */
-/* ------------------------------------
- * 8. z-index
- * ------------------------------------ */
-.mt-select-selection-list {
-  display: flex;
-  flex-wrap: wrap;
-  list-style: none;
-  width: calc(100% - 30px);
-}
-.mt-select-selection-list:has(.mt-select-selection-list--single) {
-  flex-wrap: nowrap;
-}
-.mt-select-selection-list:has(.mt-select-selection-list--single) .mt-select-selection-list--single {
-  min-width: 0;
-  max-width: 100%;
-}
-.mt-select-selection-list--single .mt-label {
-  border: none;
-  background: unset;
-}
-.mt-select-selection-list .mt-select-selection-list__item-holder {
-  max-width: 220px;
-  line-height: 0;
-  margin: var(--scale-size-8) var(--scale-size-6) 0 0;
-}
-.mt-select-selection-list .mt-select-selection-list__input-wrapper {
-  flex: 1 1 auto;
-  min-width: 120px;
-}
-.mt-select-selection-list .mt-select-selection-list__input-wrapper--small .mt-select-selection-list__input {
-  min-height: 30px;
-  padding: var(--scale-size-4) var(--scale-size-16) var(--scale-size-4) var(--scale-size-8);
-}
-.mt-select-selection-list .mt-select-selection-list__input {
-  display: inline-block;
-  min-height: 38px;
-  padding: var(--scale-size-8) var(--scale-size-16) var(--scale-size-8) var(--scale-size-8);
-}
-.mt-select-selection-list .mt-select-selection-list__input::placeholder {
-  color: var(--color-text-secondary-default);
-  white-space: break-spaces;
-}
-.mt-field--medium .mt-select-selection-list .mt-select-selection-list__item-holder .mt-label {
-  margin: var(--scale-size-4) var(--scale-size-6) 0 0;
-}
-.mt-field--medium .mt-select-selection-list input {
-  padding: var(--scale-size-4) var(--scale-size-16) var(--scale-size-8) var(--scale-size-8);
-}
-.mt-field--small .mt-select-selection-list .mt-select-selection-list__item-holder .mt-label {
-  margin: var(--scale-size-4) var(--scale-size-6) 0 0;
-}
-.mt-field--small .mt-select-selection-list input {
-  padding: var(--scale-size-2) var(--scale-size-16) var(--scale-size-4) var(--scale-size-8);
-}
+.mt-select-selection-list{display:flex;flex-wrap:wrap;list-style:none;width:calc(100% - 30px)}.mt-select-selection-list:has(.mt-select-selection-list--single){flex-wrap:nowrap}.mt-select-selection-list:has(.mt-select-selection-list--single) .mt-select-selection-list--single{min-width:0;max-width:100%}.mt-select-selection-list .mt-select-selection-list__item-holder{max-width:220px;line-height:0;margin:var(--scale-size-8) var(--scale-size-6) 0 0}.mt-select-selection-list .mt-select-selection-list__input-wrapper{flex:1 1 auto;min-width:120px}.mt-select-selection-list .mt-select-selection-list__input-wrapper--small .mt-select-selection-list__input{min-height:30px;padding:var(--scale-size-4) var(--scale-size-16) var(--scale-size-4) var(--scale-size-8)}.mt-select-selection-list .mt-select-selection-list__input{display:inline-block;min-height:38px;padding:var(--scale-size-8) var(--scale-size-16) var(--scale-size-8) var(--scale-size-8)}.mt-select-selection-list .mt-select-selection-list__input::placeholder{color:var(--color-text-secondary-default);white-space:break-spaces}.mt-select-selection-list--single .mt-label{border:none;background:unset}.mt-field--medium .mt-select-selection-list .mt-select-selection-list__item-holder .mt-label{margin:var(--scale-size-4) var(--scale-size-6) 0 0}.mt-field--medium .mt-select-selection-list input{padding:var(--scale-size-4) var(--scale-size-16) var(--scale-size-8) var(--scale-size-8)}.mt-field--small .mt-select-selection-list .mt-select-selection-list__item-holder .mt-label{margin:var(--scale-size-4) var(--scale-size-6) 0 0}.mt-field--small .mt-select-selection-list input{padding:var(--scale-size-2) var(--scale-size-16) var(--scale-size-4) var(--scale-size-8)}

package/dist/mt-skeleton-bar.css

@@ -1,33 +1 @@
-
-.mt-skeleton-bar {
-&[data-v-3d9f2e3f] {
-  height: var(--scale-size-32);
-  width: 100%;
-  background-color: var(--color-background-tertiary-default);
-  overflow: hidden;
-  border-radius: var(--border-radius-xs);
-}
-&[data-v-3d9f2e3f]:not(:last-child) {
-    margin-bottom: var(--scale-size-32);
-}
-}
-.mt-skeleton-bar__shimmer[data-v-3d9f2e3f] {
-  height: 100%;
-  background-image: linear-gradient(
-    89.17deg,
-    var(--color-background-tertiary-default) 0.8%,
-    var(--color-background-primary-default) 50.09%,
-    var(--color-background-tertiary-default) 96.31%
-  );
-  background-size: 100%;
-  background-repeat: no-repeat;
-  background-position: 0 0;
-  animation: barShimmer-3d9f2e3f 1.8s infinite;
-  animation-timing-function: linear;
-  transform: translate(-100%);
-}
-@keyframes barShimmer-3d9f2e3f {
-to {
-    transform: translate(120%);
-}
-}
+.mt-skeleton-bar[data-v-3d9f2e3f]{height:var(--scale-size-32);width:100%;background-color:var(--color-background-tertiary-default);overflow:hidden;border-radius:var(--border-radius-xs)}.mt-skeleton-bar[data-v-3d9f2e3f]:not(:last-child){margin-bottom:var(--scale-size-32)}.mt-skeleton-bar__shimmer[data-v-3d9f2e3f]{height:100%;background-image:linear-gradient(89.17deg,var(--color-background-tertiary-default) .8%,var(--color-background-primary-default) 50.09%,var(--color-background-tertiary-default) 96.31%);background-size:100%;background-repeat:no-repeat;background-position:0 0;animation:barShimmer-3d9f2e3f 1.8s infinite;animation-timing-function:linear;transform:translate(-100%)}@keyframes barShimmer-3d9f2e3f{to{transform:translate(120%)}}