@contena/meteor-component-library 5.6.2 → 5.7.0

package/dist/mt-checkbox.css

@@ -1,176 +1 @@
-
-.mt-field--checkbox__container {
-& .mt-field--checkbox {
-    margin-bottom: var(--scale-size-22);
-&.mt-checkbox--future-remove-default-margin {
-      margin-bottom: 0;
-}
-& .mt-inheritance-switch {
-&.mt-field__inheritance-icon {
-        display: flex;
-        justify-content: center;
-        align-items: center;
-}
-}
-& .mt-field--checkbox__content {
-      display: grid;
-      grid-template-columns: 16px 1fr;
-      align-items: center;
-}
-&.mt-checkbox--future-consistent-label-line-height .mt-field--checkbox__content {
-      align-items: start;
-}
-&.mt-checkbox--future-consistent-label-line-height.mt-field--checkbox--has-label
-      .mt-field__checkbox {
-      margin-top: 3px;
-}
-& .mt-field {
-      margin-bottom: 0;
-& .mt-block-field__block {
-        border: none;
-}
-}
-& .mt-field--default {
-      display: flex;
-}
-& .mt-field__label {
-      margin-bottom: 0;
-      margin-left: var(--scale-size-8);
-& .mt-help-text {
-        margin-left: var(--scale-size-8);
-}
-}
-& .mt-field__checkbox {
-      width: var(--scale-size-16);
-      height: var(--scale-size-16);
-      position: relative;
-      display: flex;
-      align-items: center;
-&:has(:focus-visible) {
-        outline: 2px solid var(--color-border-brand-default);
-        outline-offset: 2px;
-        border-radius: var(--border-radius-checkbox);
-}
-& input[type="checkbox"] {
-        opacity: 0;
-        display: block;
-        width: 100%;
-        height: 100%;
-        position: absolute;
-        top: 0;
-        left: 0;
-        border: 0 none;
-        background: none;
-        -webkit-appearance: none;
-        cursor: pointer;
-        z-index: 2;
-&:disabled {
-          cursor: not-allowed;
-}
-&:disabled ~ .mt-field__checkbox-state {
-          background: var(--color-background-tertiary-default);
-          border-color: var(--color-border-primary-default);
-}
-&:checked ~ .mt-field__checkbox-state {
-          background: var(--color-interaction-primary-default);
-          border-color: var(--color-interaction-primary-default);
-& .mt-icon {
-            display: flex;
-            justify-content: center;
-            align-items: center;
-            color: var(--color-static-white);
-}
-}
-&:indeterminate ~ .mt-field__checkbox-state {
-          background-color: var(--color-interaction-primary-default);
-          border: 1px solid var(--color-interaction-primary-default);
-& .mt-icon {
-            display: inline-block;
-            color: var(--color-static-white);
-}
-}
-&:checked:disabled ~ .mt-field__checkbox-state,
-        &:indeterminate:disabled ~ .mt-field__checkbox-state {
-          background: var(--color-background-tertiary-default);
-          border-color: var(--color-border-primary-default);
-& .mt-icon {
-            color: var(--color-border-primary-default);
-}
-}
-}
-& .mt-field__checkbox-state {
-        position: absolute;
-        width: 100%;
-        height: 100%;
-        z-index: 1;
-        text-align: center;
-        background: var(--color-background-primary-default);
-        color: var(--color-text-primary-default);
-        border: 1px solid var(--color-border-primary-default);
-        border-radius: var(--border-radius-checkbox);
-        display: flex;
-        justify-content: center;
-        align-items: center;
-        transition-property: color, background-color, border-color;
-        transition-duration: 0.1s;
-        transition-timing-function: ease;
-& .mt-icon {
-          display: none;
-          color: var(--color-background-primary-default);
-}
-}
-}
-&.has--error {
-      margin-bottom: 0;
-& .mt-field__checkbox-state {
-        border: 1px solid var(--color-interaction-critical-default);
-}
-& .mt-field__label {
-        color: var(--color-text-critical-default);
-}
-& input[type="checkbox"] {
-&:disabled ~ .mt-field__checkbox-state {
-          border: 1px solid var(--color-interaction-critical-default);
-}
-&:checked ~ .mt-field__checkbox-state {
-          border: 1px solid var(--color-interaction-critical-default);
-          background-color: var(--color-interaction-critical-default);
-}
-&:checked:disabled ~ .mt-field__checkbox-state {
-          border: 1px solid var(--color-interaction-critical-default);
-}
-}
-}
-&.is--inherited {
-& input[type="checkbox"] {
-&:checked ~ .mt-field__checkbox-state {
-          border-color: var(--color-border-primary-default);
-          background: var(--color-background-tertiary-default);
-}
-}
-}
-&.is--bordered {
-      border-radius: 4px;
-      border: 1px solid var(--color-border-primary-default);
-      padding-inline: var(--scale-size-12);
-      min-height: var(--scale-size-48);
-      display: flex;
-      align-items: center;
-&.has--error {
-        border-color: var(--color-border-critical-default);
-}
-}
-&:not(.is--disabled) .mt-field__label label {
-      cursor: pointer;
-}
-}
-& .mt-field__error {
-    margin-bottom: var(--scale-size-14);
-&.checkbox-bordered {
-      margin-bottom: var(--scale-size-8);
-}
-}
-& .mt-field .mt-block-field__block {
-    min-height: unset;
-}
-}
+.mt-field--checkbox__container .mt-field--checkbox{margin-bottom:var(--scale-size-22)}.mt-field--checkbox__container .mt-field--checkbox.mt-checkbox--future-remove-default-margin{margin-bottom:0}.mt-field--checkbox__container .mt-field--checkbox .mt-inheritance-switch.mt-field__inheritance-icon{display:flex;justify-content:center;align-items:center}.mt-field--checkbox__container .mt-field--checkbox .mt-field--checkbox__content{display:grid;grid-template-columns:16px 1fr;align-items:center}.mt-field--checkbox__container .mt-field--checkbox.mt-checkbox--future-consistent-label-line-height .mt-field--checkbox__content{align-items:start}.mt-field--checkbox__container .mt-field--checkbox.mt-checkbox--future-consistent-label-line-height.mt-field--checkbox--has-label .mt-field__checkbox{margin-top:3px}.mt-field--checkbox__container .mt-field--checkbox .mt-field{margin-bottom:0}.mt-field--checkbox__container .mt-field--checkbox .mt-field .mt-block-field__block{border:none}.mt-field--checkbox__container .mt-field--checkbox .mt-field--default{display:flex}.mt-field--checkbox__container .mt-field--checkbox .mt-field__label{margin-bottom:0;margin-left:var(--scale-size-8)}.mt-field--checkbox__container .mt-field--checkbox .mt-field__label .mt-help-text{margin-left:var(--scale-size-8)}.mt-field--checkbox__container .mt-field--checkbox .mt-field__checkbox{width:var(--scale-size-16);height:var(--scale-size-16);position:relative;display:flex;align-items:center}.mt-field--checkbox__container .mt-field--checkbox .mt-field__checkbox:has(:focus-visible){outline:2px solid var(--color-border-brand-default);outline-offset:2px;border-radius:var(--border-radius-checkbox)}.mt-field--checkbox__container .mt-field--checkbox .mt-field__checkbox input[type=checkbox]{opacity:0;display:block;width:100%;height:100%;position:absolute;top:0;left:0;border:0 none;background:none;-webkit-appearance:none;cursor:pointer;z-index:2}.mt-field--checkbox__container .mt-field--checkbox .mt-field__checkbox input[type=checkbox]:disabled{cursor:not-allowed}.mt-field--checkbox__container .mt-field--checkbox .mt-field__checkbox input[type=checkbox]:disabled~.mt-field__checkbox-state{background:var(--color-background-tertiary-default);border-color:var(--color-border-primary-default)}.mt-field--checkbox__container .mt-field--checkbox .mt-field__checkbox input[type=checkbox]:checked~.mt-field__checkbox-state{background:var(--color-interaction-primary-default);border-color:var(--color-interaction-primary-default)}.mt-field--checkbox__container .mt-field--checkbox .mt-field__checkbox input[type=checkbox]:checked~.mt-field__checkbox-state .mt-icon{display:flex;justify-content:center;align-items:center;color:var(--color-static-white)}.mt-field--checkbox__container .mt-field--checkbox .mt-field__checkbox input[type=checkbox]:indeterminate~.mt-field__checkbox-state{background-color:var(--color-interaction-primary-default);border:1px solid var(--color-interaction-primary-default)}.mt-field--checkbox__container .mt-field--checkbox .mt-field__checkbox input[type=checkbox]:indeterminate~.mt-field__checkbox-state .mt-icon{display:inline-block;color:var(--color-static-white)}.mt-field--checkbox__container .mt-field--checkbox .mt-field__checkbox input[type=checkbox]:checked:disabled~.mt-field__checkbox-state,.mt-field--checkbox__container .mt-field--checkbox .mt-field__checkbox input[type=checkbox]:indeterminate:disabled~.mt-field__checkbox-state{background:var(--color-background-tertiary-default);border-color:var(--color-border-primary-default)}.mt-field--checkbox__container .mt-field--checkbox .mt-field__checkbox input[type=checkbox]:checked:disabled~.mt-field__checkbox-state .mt-icon,.mt-field--checkbox__container .mt-field--checkbox .mt-field__checkbox input[type=checkbox]:indeterminate:disabled~.mt-field__checkbox-state .mt-icon{color:var(--color-border-primary-default)}.mt-field--checkbox__container .mt-field--checkbox .mt-field__checkbox .mt-field__checkbox-state{position:absolute;width:100%;height:100%;z-index:1;text-align:center;background:var(--color-background-primary-default);color:var(--color-text-primary-default);border:1px solid var(--color-border-primary-default);border-radius:var(--border-radius-checkbox);display:flex;justify-content:center;align-items:center;transition-property:color,background-color,border-color;transition-duration:.1s;transition-timing-function:ease}.mt-field--checkbox__container .mt-field--checkbox .mt-field__checkbox .mt-field__checkbox-state .mt-icon{display:none;color:var(--color-background-primary-default)}.mt-field--checkbox__container .mt-field--checkbox.has--error{margin-bottom:0}.mt-field--checkbox__container .mt-field--checkbox.has--error .mt-field__checkbox-state{border:1px solid var(--color-interaction-critical-default)}.mt-field--checkbox__container .mt-field--checkbox.has--error .mt-field__label{color:var(--color-text-critical-default)}.mt-field--checkbox__container .mt-field--checkbox.has--error input[type=checkbox]:disabled~.mt-field__checkbox-state{border:1px solid var(--color-interaction-critical-default)}.mt-field--checkbox__container .mt-field--checkbox.has--error input[type=checkbox]:checked~.mt-field__checkbox-state{border:1px solid var(--color-interaction-critical-default);background-color:var(--color-interaction-critical-default)}.mt-field--checkbox__container .mt-field--checkbox.has--error input[type=checkbox]:checked:disabled~.mt-field__checkbox-state{border:1px solid var(--color-interaction-critical-default)}.mt-field--checkbox__container .mt-field--checkbox.is--inherited input[type=checkbox]:checked~.mt-field__checkbox-state{border-color:var(--color-border-primary-default);background:var(--color-background-tertiary-default)}.mt-field--checkbox__container .mt-field--checkbox.is--bordered{border-radius:4px;border:1px solid var(--color-border-primary-default);padding-inline:var(--scale-size-12);min-height:var(--scale-size-48);display:flex;align-items:center}.mt-field--checkbox__container .mt-field--checkbox.is--bordered.has--error{border-color:var(--color-border-critical-default)}.mt-field--checkbox__container .mt-field--checkbox:not(.is--disabled) .mt-field__label label{cursor:pointer}.mt-field--checkbox__container .mt-field__error{margin-bottom:var(--scale-size-14)}.mt-field--checkbox__container .mt-field__error.checkbox-bordered{margin-bottom:var(--scale-size-8)}.mt-field--checkbox__container .mt-field .mt-block-field__block{min-height:unset}

package/dist/mt-collapsible-content.css

@@ -1,32 +1 @@
-
-.mt-collapsible-content {
-  overflow: hidden;
-}
-.mt-collapsible-content[data-state="open"] {
-  animation: mt-collapsible-slide-down 300ms ease-in-out;
-}
-.mt-collapsible-content[data-state="closed"] {
-  animation: mt-collapsible-slide-up 300ms ease-in-out;
-}
-@keyframes mt-collapsible-slide-down {
-from {
-    height: 0;
-}
-to {
-    height: var(--reka-collapsible-content-height);
-}
-}
-@keyframes mt-collapsible-slide-up {
-from {
-    height: var(--reka-collapsible-content-height);
-}
-to {
-    height: 0;
-}
-}
-@media (prefers-reduced-motion: reduce) {
-.mt-collapsible-content[data-state="open"],
-  .mt-collapsible-content[data-state="closed"] {
-    animation: none;
-}
-}
+.mt-collapsible-content{overflow:hidden}.mt-collapsible-content[data-state=open]{animation:mt-collapsible-slide-down .3s ease-in-out}.mt-collapsible-content[data-state=closed]{animation:mt-collapsible-slide-up .3s ease-in-out}@keyframes mt-collapsible-slide-down{0%{height:0}to{height:var(--reka-collapsible-content-height)}}@keyframes mt-collapsible-slide-up{0%{height:var(--reka-collapsible-content-height)}to{height:0}}@media (prefers-reduced-motion: reduce){.mt-collapsible-content[data-state=open],.mt-collapsible-content[data-state=closed]{animation:none}}

package/dist/mt-colorpicker.css

@@ -1,355 +1 @@
-
-.mt-colorpicker {
-  position: relative;
-  transition: all 0.3s ease;
-}
-.mt-colorpicker__previewWrapper {
-  position: relative;
-  width: var(--scale-size-22);
-  height: var(--scale-size-22);
-  border-radius: var(--border-radius-xs);
-  border: 1px solid var(--color-border-primary-default);
-  overflow: hidden;
-  cursor: pointer;
-}
-.mt-colorpicker__previewColor {
-  position: absolute;
-  width: 100%;
-  height: 100%;
-  background: transparent;
-}
-.mt-colorpicker__previewBackground {
-  width: 100%;
-  height: 100%;
-  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 90 90' width='100%25' height='100%25'%3E%3Crect width='30' height='30' x='00' y='00' fill='%23cdd5db' /%3E%3Crect width='30' height='30' x='30' y='30' fill='%23cdd5db' /%3E%3Crect width='30' height='30' x='60' y='00' fill='%23cdd5db' /%3E%3Crect width='30' height='30' x='60' y='60' fill='%23cdd5db' /%3E%3Crect width='30' height='30' x='00' y='60' fill='%23cdd5db' /%3E%3C/svg%3E");
-}
-.mt-colorpicker__previewBackground.is--invalid::after {
-  position: absolute;
-  content: "";
-  width: 100%;
-  height: 100%;
-  background-size: contain;
-  background-position: left;
-  left: 0;
-  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 90 90' width='100%25' height='100%25'%3E%3Cline x1='0' y1='90' x2='90' y2='0' style='stroke:%23DE294C;stroke-width:10' /%3E%3C/svg%3E");
-}
-
-/* Qualified with `.mt-colorpicker` so this wins over `.mt-floating-ui`
-   (position: relative), which is applied to the same element. Both are plain,
-   equal-specificity class selectors, so without this the winner would depend on
-   bundle source order and the closed popover could drop back in-flow. */
-.mt-colorpicker .mt-colorpicker__colorpicker-position {
-  position: absolute;
-  top: calc(100% + 2px);
-  left: 0;
-  width: 240px;
-}
-.mt-colorpicker__row {
-  display: flex;
-  margin-top: var(--scale-size-10);
-}
-.mt-colorpicker__row-column {
-  display: flex;
-  flex-direction: column;
-  width: 35px;
-  margin-right: 5px;
-}
-.mt-colorpicker__row-column-label {
-  margin-top: var(--scale-size-8);
-  user-select: none;
-  -moz-user-select: none;
-  -webkit-user-select: none;
-  -ms-user-select: none;
-}
-.mt-colorpicker__row-column:first-of-type {
-  flex: 1;
-}
-.mt-colorpicker__row-column:last-of-type {
-  margin-right: 0;
-}
-.mt-colorpicker__input-row {
-  flex-direction: row;
-  flex-wrap: wrap;
-  justify-content: space-between;
-}
-.mt-colorpicker__sliders {
-  flex: 1;
-}
-.mt-colorpicker__colorpicker {
-  width: 260px;
-  padding: var(--scale-size-10);
-  border: 1px solid var(--color-border-secondary-default);
-  background-color: var(--color-background-primary-default);
-  border-radius: var(--border-radius-xs);
-  box-shadow: 0 3px 6px 0 var(--color-elevation-shadow-default);
-}
-.mt-colorpicker__colorpicker::before {
-  content: "";
-  position: absolute;
-  width: var(--scale-size-12);
-  height: var(--scale-size-12);
-  top: -6px;
-  left: var(--scale-size-20);
-  border: 1px solid var(--color-border-secondary-default);
-  border-bottom: none;
-  border-right: none;
-  background: var(--color-background-primary-default);
-  transform: rotate(45deg);
-}
-.mt-colorpicker__colorpicker--compact {
-  position: absolute;
-  top: var(--scale-size-30);
-  left: -20px;
-  z-index: 10;
-}
-.mt-colorpicker__colorpicker--compact::before {
-  top: -7px;
-}
-.mt-colorpicker__colorpicker-selection {
-  display: block;
-  width: 238px;
-  height: 150px;
-  border: 1px solid var(--color-border-secondary-default);
-  border-radius: var(--border-radius-xs);
-  background-image: linear-gradient(180deg, #fff, rgba(255, 255, 255, 0) 50%),
-    linear-gradient(0deg, #000, rgba(0, 0, 0, 0) 50%),
-    linear-gradient(90deg, #808080, rgba(128, 128, 128, 0) 100%);
-}
-.mt-colorpicker__colorpicker-selector {
-  transform: translate3d(0, 0, 0); /* Fixed rendering bug in Safari */
-  position: relative;
-  width: var(--scale-size-18);
-  height: var(--scale-size-18);
-  border: 3px solid var(--color-static-white);
-  border-radius: 50%;
-  filter: drop-shadow(0px 0px 8px rgba(0, 0, 0, 0.25));
-  cursor: grab;
-}
-.mt-colorpicker__colorpicker-selector:active {
-  cursor: grabbing;
-}
-.mt-colorpicker__colorpicker-selector:focus-visible {
-  outline: 2px solid var(--color-border-brand-default);
-  outline-offset: 2px;
-}
-.mt-colorpicker__colorpicker-slider-range {
-  width: 100%;
-  height: var(--scale-size-20);
-  border-radius: var(--border-radius-xs);
-  background-image: linear-gradient(
-    90deg,
-    #f00 0%,
-    #ff0 16.66%,
-    #0f0 33.33%,
-    #0ff 50%,
-    #00f 66.66%,
-    #f0f 83.33%,
-    #f00 100%
-  );
-  outline: none;
-  -webkit-appearance: none;
-}
-.mt-colorpicker__colorpicker-slider-range::-webkit-slider-thumb {
-  height: var(--scale-size-26);
-  width: var(--scale-size-8);
-  border-radius: var(--border-radius-xs);
-  border: 1px solid var(--color-border-primary-default);
-  background: var(--color-static-white);
-  -webkit-appearance: none;
-  cursor: pointer;
-}
-.mt-colorpicker__colorpicker-slider-range:focus-visible::-webkit-slider-thumb {
-  outline: 2px solid var(--color-border-brand-default);
-  outline-offset: 1px;
-  border-radius: var(--border-radius-checkbox);
-}
-.mt-colorpicker__colorpicker-slider-range::-moz-range-thumb {
-  height: var(--scale-size-26);
-  width: var(--scale-size-8);
-  border: 1px solid var(--color-border-primary-default);
-  background: var(--color-static-white);
-  border-radius: var(--border-radius-xs);
-  cursor: pointer;
-}
-.mt-colorpicker__colorpicker-slider-range:focus-visible::-moz-range-thumb {
-  outline: 2px solid var(--color-border-brand-default);
-  outline-offset: 1px;
-  border-radius: var(--border-radius-checkbox);
-}
-.mt-colorpicker__colorpicker-wrapper {
-  display: flex;
-  height: 58px;
-  width: 58px;
-  margin-left: var(--scale-size-10);
-  justify-content: space-between;
-}
-.mt-colorpicker__colorpicker-wrapper.is--small {
-  width: var(--scale-size-22);
-  height: var(--scale-size-22);
-}
-.mt-colorpicker__colorpicker-wrapper.is--small .mt-colorpicker__colorpicker-previewColor {
-  width: var(--scale-size-22);
-  height: var(--scale-size-22);
-  border: none;
-}
-.mt-colorpicker__colorpicker-wrapper.is--small .mt-colorpicker__colorpicker-previewBackground {
-  width: var(--scale-size-22);
-  height: var(--scale-size-22);
-}
-.mt-colorpicker__colorpicker-previewColor {
-  position: absolute;
-  display: inline-block;
-  width: 58px;
-  height: 58px;
-  border: 1px solid var(--color-border-secondary-default);
-  border-radius: var(--border-radius-xs);
-  z-index: 1;
-}
-.mt-colorpicker__colorpicker-previewBackground {
-  position: relative;
-  display: inline-block;
-  width: 58px;
-  height: 58px;
-  border: 1px solid var(--color-border-primary-default);
-  border-radius: var(--border-radius-xs);
-  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 90 90' width='100%25' height='100%25'%3E%3Crect width='30' height='30' x='00' y='00' fill='%23cdd5db' /%3E%3Crect width='30' height='30' x='30' y='30' fill='%23cdd5db' /%3E%3Crect width='30' height='30' x='60' y='00' fill='%23cdd5db' /%3E%3Crect width='30' height='30' x='60' y='60' fill='%23cdd5db' /%3E%3Crect width='30' height='30' x='00' y='60' fill='%23cdd5db' /%3E%3C/svg%3E");
-}
-.mt-colorpicker__colorpicker-previewBackground.is--invalid::after {
-  position: absolute;
-  content: "";
-  width: 100%;
-  height: 100%;
-  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 90 90' width='100%25' height='100%25'%3E%3Cline x1='0' y1='90' x2='90' y2='0' style='stroke:%23DE294C;stroke-width:10' /%3E%3C/svg%3E");
-  background-size: contain;
-  background-position: left;
-}
-.mt-colorpicker__colorpicker-input {
-  background: var(--color-background-primary-default);
-  width: 100%;
-  min-width: 0;
-  height: var(--scale-size-32);
-  padding: 0 5px;
-  border: 1px solid var(--color-border-primary-default);
-  border-radius: var(--border-radius-xs);
-  font-size: var(--font-size-2xs);
-  line-height: var(--font-line-height-2xs);
-  font-family: var(--font-family-body);
-  color: var(--color-text-primary-default);
-  outline: none;
-}
-.mt-colorpicker__colorpicker-input[type="number"] {
-  -moz-appearance: textfield;
-}
-.mt-colorpicker__colorpicker-input[type="number"]::-webkit-inner-spin-button,
-.mt-colorpicker__colorpicker-input[type="number"]::-webkit-outer-spin-button {
-  -webkit-appearance: none;
-}
-.mt-colorpicker__colorpicker-input:last-of-type {
-  margin-right: 0;
-}
-.mt-colorpicker__colorpicker-input.is--hex {
-  flex: 1;
-}
-.mt-colorpicker__colorpicker-input:focus-visible {
-  outline: 2px solid var(--color-border-brand-default);
-  outline-offset: 1px;
-}
-.mt-colorpicker__alpha-slider {
-  width: 100%;
-  height: var(--scale-size-20);
-  margin-top: var(--scale-size-10);
-  border: 1px solid var(--color-border-secondary-default);
-  border-radius: var(--border-radius-xs);
-  background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' width='100%25' height='100%25'%3E%3Crect width='10' height='10' x='00' y='00' fill='%23cdd5db' /%3E%3Crect width='10' height='10' x='10' y='10' fill='%23cdd5db' /%3E%3C/svg%3E");
-  outline: none;
-  -webkit-appearance: none;
-}
-.mt-colorpicker__alpha-slider::-webkit-slider-thumb {
-  height: var(--scale-size-26);
-  width: var(--scale-size-8);
-  border-radius: var(--border-radius-xs);
-  border: 1px solid var(--color-border-primary-default);
-  background: var(--color-static-white);
-  -webkit-appearance: none;
-  cursor: pointer;
-}
-.mt-colorpicker__alpha-slider:focus-visible::-webkit-slider-thumb {
-  outline: 2px solid var(--color-border-brand-default);
-  outline-offset: 1px;
-  border-radius: var(--border-radius-checkbox);
-}
-.mt-colorpicker__alpha-slider::-moz-range-thumb {
-  height: var(--scale-size-26);
-  width: var(--scale-size-8);
-  border: 1px solid var(--color-border-brand-default);
-  border-radius: var(--border-radius-xs);
-  cursor: pointer;
-}
-.mt-colorpicker__alpha-slider:focus-visible::-moz-range-thumb {
-  outline: 2px solid var(--color-border-brand-default);
-  outline-offset: 2px;
-  border-radius: var(--border-radius-checkbox);
-}
-.is--disabled .mt-colorpicker__previewWrapper {
-  cursor: default;
-}
-.mt-colorpicker--compact {
-  display: inline-block;
-  width: auto;
-  margin-bottom: 0;
-}
-.mt-colorpicker--compact .mt-field__label,
-.mt-colorpicker--compact .mt-field__hint-wrapper,
-.mt-colorpicker--compact .mt-colorpicker__input {
-  display: none;
-}
-.mt-colorpicker--compact .mt-block-field__block {
-  width: fit-content;
-  border: none;
-}
-.mt-colorpicker--compact .mt-field__addition.is--prefix {
-  border-right: none;
-  padding: 0;
-  min-width: auto;
-}
-.mt-colorpicker--compact .mt-colorpicker__previewWrapper {
-  border: none;
-}
-.mt-colorpicker--compact .mt-colorpicker__colorpicker-position {
-  position: absolute;
-  left: calc(-1 * (10px + 20px) / 2);
-  top: calc(100% + 2px);
-}
-.mt-colorpicker--compact.is--disabled {
-  opacity: 0.5;
-}
-.is--disabled .mt-colorpicker__previewWrapper {
-  cursor: not-allowed;
-}
-.mt-field__addition {
-  position: relative;
-  padding: 0;
-}
-.mt-field__addition.is--prefix {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-}
-.mt-field__addition .mt-colorpicker__trigger {
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  cursor: pointer;
-}
-.mt-field__addition .mt-colorpicker__trigger .mt-icon {
-  line-height: 16px;
-}
-.mt-popover-deprecated__wrapper.--placement-bottom-outside .mt-colorpicker__colorpicker::before {
-  top: calc(100% - 7px);
-  transform: rotate(225deg);
-}
+.mt-colorpicker{position:relative;transition:all .3s ease}.mt-colorpicker__previewWrapper{position:relative;width:var(--scale-size-22);height:var(--scale-size-22);border-radius:var(--border-radius-xs);border:1px solid var(--color-border-primary-default);overflow:hidden;cursor:pointer}.mt-colorpicker__previewColor{position:absolute;width:100%;height:100%;background:transparent}.mt-colorpicker__previewBackground{width:100%;height:100%;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 90 90' width='100%25' height='100%25'%3E%3Crect width='30' height='30' x='00' y='00' fill='%23cdd5db' /%3E%3Crect width='30' height='30' x='30' y='30' fill='%23cdd5db' /%3E%3Crect width='30' height='30' x='60' y='00' fill='%23cdd5db' /%3E%3Crect width='30' height='30' x='60' y='60' fill='%23cdd5db' /%3E%3Crect width='30' height='30' x='00' y='60' fill='%23cdd5db' /%3E%3C/svg%3E")}.mt-colorpicker__previewBackground.is--invalid:after{position:absolute;content:"";width:100%;height:100%;background-size:contain;background-position:left;left:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 90 90' width='100%25' height='100%25'%3E%3Cline x1='0' y1='90' x2='90' y2='0' style='stroke:%23DE294C;stroke-width:10' /%3E%3C/svg%3E")}.mt-colorpicker .mt-colorpicker__colorpicker-position{position:absolute;top:calc(100% + 2px);left:0;width:240px}.mt-colorpicker__row{display:flex;margin-top:var(--scale-size-10)}.mt-colorpicker__row-column{display:flex;flex-direction:column;width:35px;margin-right:5px}.mt-colorpicker__row-column-label{margin-top:var(--scale-size-8);user-select:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}.mt-colorpicker__row-column:first-of-type{flex:1}.mt-colorpicker__row-column:last-of-type{margin-right:0}.mt-colorpicker__input-row{flex-direction:row;flex-wrap:wrap;justify-content:space-between}.mt-colorpicker__sliders{flex:1}.mt-colorpicker__colorpicker{width:260px;padding:var(--scale-size-10);border:1px solid var(--color-border-secondary-default);background-color:var(--color-background-primary-default);border-radius:var(--border-radius-xs);box-shadow:0 3px 6px 0 var(--color-elevation-shadow-default)}.mt-colorpicker__colorpicker:before{content:"";position:absolute;width:var(--scale-size-12);height:var(--scale-size-12);top:-6px;left:var(--scale-size-20);border:1px solid var(--color-border-secondary-default);border-bottom:none;border-right:none;background:var(--color-background-primary-default);transform:rotate(45deg)}.mt-colorpicker__colorpicker--compact{position:absolute;top:var(--scale-size-30);left:-20px;z-index:10}.mt-colorpicker__colorpicker--compact:before{top:-7px}.mt-colorpicker__colorpicker-selection{display:block;width:238px;height:150px;border:1px solid var(--color-border-secondary-default);border-radius:var(--border-radius-xs);background-image:linear-gradient(180deg,#fff,rgba(255,255,255,0) 50%),linear-gradient(0deg,#000,rgba(0,0,0,0) 50%),linear-gradient(90deg,#808080,rgba(128,128,128,0) 100%)}.mt-colorpicker__colorpicker-selector{transform:translateZ(0);position:relative;width:var(--scale-size-18);height:var(--scale-size-18);border:3px solid var(--color-static-white);border-radius:50%;filter:drop-shadow(0px 0px 8px rgba(0,0,0,.25));cursor:grab}.mt-colorpicker__colorpicker-selector:active{cursor:grabbing}.mt-colorpicker__colorpicker-selector:focus-visible{outline:2px solid var(--color-border-brand-default);outline-offset:2px}.mt-colorpicker__colorpicker-slider-range{width:100%;height:var(--scale-size-20);border-radius:var(--border-radius-xs);background-image:linear-gradient(90deg,#f00 0%,#ff0 16.66%,#0f0 33.33%,#0ff 50%,#00f 66.66%,#f0f 83.33%,#f00 100%);outline:none;-webkit-appearance:none}.mt-colorpicker__colorpicker-slider-range::-webkit-slider-thumb{height:var(--scale-size-26);width:var(--scale-size-8);border-radius:var(--border-radius-xs);border:1px solid var(--color-border-primary-default);background:var(--color-static-white);-webkit-appearance:none;cursor:pointer}.mt-colorpicker__colorpicker-slider-range:focus-visible::-webkit-slider-thumb{outline:2px solid var(--color-border-brand-default);outline-offset:1px;border-radius:var(--border-radius-checkbox)}.mt-colorpicker__colorpicker-slider-range::-moz-range-thumb{height:var(--scale-size-26);width:var(--scale-size-8);border:1px solid var(--color-border-primary-default);background:var(--color-static-white);border-radius:var(--border-radius-xs);cursor:pointer}.mt-colorpicker__colorpicker-slider-range:focus-visible::-moz-range-thumb{outline:2px solid var(--color-border-brand-default);outline-offset:1px;border-radius:var(--border-radius-checkbox)}.mt-colorpicker__colorpicker-wrapper{display:flex;height:58px;width:58px;margin-left:var(--scale-size-10);justify-content:space-between}.mt-colorpicker__colorpicker-wrapper.is--small{width:var(--scale-size-22);height:var(--scale-size-22)}.mt-colorpicker__colorpicker-wrapper.is--small .mt-colorpicker__colorpicker-previewColor{width:var(--scale-size-22);height:var(--scale-size-22);border:none}.mt-colorpicker__colorpicker-wrapper.is--small .mt-colorpicker__colorpicker-previewBackground{width:var(--scale-size-22);height:var(--scale-size-22)}.mt-colorpicker__colorpicker-previewColor{position:absolute;display:inline-block;width:58px;height:58px;border:1px solid var(--color-border-secondary-default);border-radius:var(--border-radius-xs);z-index:1}.mt-colorpicker__colorpicker-previewBackground{position:relative;display:inline-block;width:58px;height:58px;border:1px solid var(--color-border-primary-default);border-radius:var(--border-radius-xs);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 90 90' width='100%25' height='100%25'%3E%3Crect width='30' height='30' x='00' y='00' fill='%23cdd5db' /%3E%3Crect width='30' height='30' x='30' y='30' fill='%23cdd5db' /%3E%3Crect width='30' height='30' x='60' y='00' fill='%23cdd5db' /%3E%3Crect width='30' height='30' x='60' y='60' fill='%23cdd5db' /%3E%3Crect width='30' height='30' x='00' y='60' fill='%23cdd5db' /%3E%3C/svg%3E")}.mt-colorpicker__colorpicker-previewBackground.is--invalid:after{position:absolute;content:"";width:100%;height:100%;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 90 90' width='100%25' height='100%25'%3E%3Cline x1='0' y1='90' x2='90' y2='0' style='stroke:%23DE294C;stroke-width:10' /%3E%3C/svg%3E");background-size:contain;background-position:left}.mt-colorpicker__colorpicker-input{background:var(--color-background-primary-default);width:100%;min-width:0;height:var(--scale-size-32);padding:0 5px;border:1px solid var(--color-border-primary-default);border-radius:var(--border-radius-xs);font-size:var(--font-size-2xs);line-height:var(--font-line-height-2xs);font-family:var(--font-family-body);color:var(--color-text-primary-default);outline:none}.mt-colorpicker__colorpicker-input[type=number]{-moz-appearance:textfield}.mt-colorpicker__colorpicker-input[type=number]::-webkit-inner-spin-button,.mt-colorpicker__colorpicker-input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none}.mt-colorpicker__colorpicker-input:last-of-type{margin-right:0}.mt-colorpicker__colorpicker-input.is--hex{flex:1}.mt-colorpicker__colorpicker-input:focus-visible{outline:2px solid var(--color-border-brand-default);outline-offset:1px}.mt-colorpicker__alpha-slider{width:100%;height:var(--scale-size-20);margin-top:var(--scale-size-10);border:1px solid var(--color-border-secondary-default);border-radius:var(--border-radius-xs);background-image:url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' width='100%25' height='100%25'%3E%3Crect width='10' height='10' x='00' y='00' fill='%23cdd5db' /%3E%3Crect width='10' height='10' x='10' y='10' fill='%23cdd5db' /%3E%3C/svg%3E");outline:none;-webkit-appearance:none}.mt-colorpicker__alpha-slider::-webkit-slider-thumb{height:var(--scale-size-26);width:var(--scale-size-8);border-radius:var(--border-radius-xs);border:1px solid var(--color-border-primary-default);background:var(--color-static-white);-webkit-appearance:none;cursor:pointer}.mt-colorpicker__alpha-slider:focus-visible::-webkit-slider-thumb{outline:2px solid var(--color-border-brand-default);outline-offset:1px;border-radius:var(--border-radius-checkbox)}.mt-colorpicker__alpha-slider::-moz-range-thumb{height:var(--scale-size-26);width:var(--scale-size-8);border:1px solid var(--color-border-brand-default);border-radius:var(--border-radius-xs);cursor:pointer}.mt-colorpicker__alpha-slider:focus-visible::-moz-range-thumb{outline:2px solid var(--color-border-brand-default);outline-offset:2px;border-radius:var(--border-radius-checkbox)}.is--disabled .mt-colorpicker__previewWrapper{cursor:default}.mt-colorpicker--compact{display:inline-block;width:auto;margin-bottom:0}.mt-colorpicker--compact .mt-field__label,.mt-colorpicker--compact .mt-field__hint-wrapper,.mt-colorpicker--compact .mt-colorpicker__input{display:none}.mt-colorpicker--compact .mt-block-field__block{width:fit-content;border:none}.mt-colorpicker--compact .mt-field__addition.is--prefix{border-right:none;padding:0;min-width:auto}.mt-colorpicker--compact .mt-colorpicker__previewWrapper{border:none}.mt-colorpicker--compact .mt-colorpicker__colorpicker-position{position:absolute;left:-15px;top:calc(100% + 2px)}.mt-colorpicker--compact.is--disabled{opacity:.5}.is--disabled .mt-colorpicker__previewWrapper{cursor:not-allowed}.mt-field__addition{position:relative;padding:0}.mt-field__addition.is--prefix{display:flex;justify-content:center;align-items:center}.mt-field__addition .mt-colorpicker__trigger{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;cursor:pointer}.mt-field__addition .mt-colorpicker__trigger .mt-icon{line-height:16px}.mt-popover-deprecated__wrapper.--placement-bottom-outside .mt-colorpicker__colorpicker:before{top:calc(100% - 7px);transform:rotate(225deg)}

package/dist/mt-context-button.css

@@ -1,22 +1 @@
-
-.mt-context-button {
-&.is--open .mt-context-button__button {
-    border-color: var(--color-border-primary-default);
-}
-& .mt-context-button__button {
-    position: relative;
-    color: var(--color-icon-primary-default);
-    background: 0 none;
-    border: 1px solid transparent;
-    border-radius: var(--border-radius-xs);
-    cursor: pointer;
-    height: var(--scale-size-24);
-    line-height: 20px;
-    padding: 0 var(--scale-size-8);
-    outline: none;
-    font-family: var(--font-family-body);
-&:hover {
-      border-color: var(--color-border-primary-default);
-}
-}
-}
+.mt-context-button.is--open .mt-context-button__button{border-color:var(--color-border-primary-default)}.mt-context-button .mt-context-button__button{position:relative;color:var(--color-icon-primary-default);background:0 none;border:1px solid transparent;border-radius:var(--border-radius-xs);cursor:pointer;height:var(--scale-size-24);line-height:20px;padding:0 var(--scale-size-8);outline:none;font-family:var(--font-family-body)}.mt-context-button .mt-context-button__button:hover{border-color:var(--color-border-primary-default)}