@mmlogic/components 0.4.3 → 0.5.0

package/dist/collection/components/fields/mrd-relation-field/mrd-relation-field.css

@@ -9,7 +9,6 @@
   width: 100%;
   position: relative;
 }
-
 .mrd-relation-field__label {
   display: block;
   font-family: var(--mrd-font-family);
@@ -21,7 +20,6 @@
   content: " *";
   color: var(--mrd-color-danger);
 }
-
 .mrd-relation-field__select {
   display: block;
   width: 100%;
@@ -63,7 +61,6 @@
   padding-right: calc(var(--mrd-input-padding-x) + 1.5rem);
   cursor: pointer;
 }
-
 .mrd-relation-field__search {
   display: block;
   width: 100%;
@@ -98,21 +95,17 @@
 .mrd-relation-field__search--error:focus {
   box-shadow: var(--mrd-shadow-focus-error);
 }
-
 .mrd-relation-field__error {
   font-family: var(--mrd-font-family);
   font-size: var(--mrd-error-font-size);
   color: var(--mrd-error-color);
 }
-
-/* Multi-select tags */
 .mrd-relation-field__tags {
   display: flex;
   flex-wrap: wrap;
   gap: var(--mrd-space-1);
   margin-bottom: var(--mrd-space-1);
 }
-
 .mrd-relation-field__tag {
   display: inline-flex;
   align-items: center;
@@ -125,7 +118,6 @@
   font-size: var(--mrd-font-size-sm);
   font-weight: var(--mrd-font-weight-medium);
 }
-
 .mrd-relation-field__tag-remove {
   background: none;
   border: none;
@@ -136,18 +128,14 @@
   line-height: 1;
   opacity: 0.7;
 }
-
 .mrd-relation-field__tag-remove:hover {
   opacity: 1;
 }
-
-/* Search input with spinner */
 .mrd-relation-field__search-wrapper {
   position: relative;
   display: flex;
   align-items: center;
 }
-
 .mrd-relation-field__spinner {
   position: absolute;
   right: var(--mrd-space-3);
@@ -158,13 +146,6 @@
   border-radius: 50%;
   animation: mrd-spin 0.7s linear infinite;
 }
-
-@keyframes mrd-spin {
-  to {
-    transform: rotate(360deg);
-  }
-}
-/* Search results dropdown */
 .mrd-relation-field__results {
   position: absolute;
   top: calc(100% + var(--mrd-space-1));
@@ -178,7 +159,6 @@
   max-height: 240px;
   overflow-y: auto;
 }
-
 .mrd-relation-field__result-item {
   display: flex;
   flex-direction: column;
@@ -186,34 +166,27 @@
   cursor: pointer;
   transition: background-color var(--mrd-transition-fast);
 }
-
 .mrd-relation-field__result-item:hover {
   background-color: var(--mrd-color-neutral-50);
 }
-
 .mrd-relation-field__result-item:not(:last-child) {
   border-bottom: var(--mrd-border-width) solid var(--mrd-color-neutral-100);
 }
-
+.mrd-relation-field__result-item--highlighted {
+  background-color: var(--mrd-color-primary-light);
+}
 .mrd-relation-field__result-label {
   font-family: var(--mrd-font-family);
   font-size: var(--mrd-font-size-base);
   color: var(--mrd-color-neutral-800);
   font-weight: var(--mrd-font-weight-medium);
 }
-
 .mrd-relation-field__result-desc {
   font-family: var(--mrd-font-family);
   font-size: var(--mrd-font-size-xs);
   color: var(--mrd-color-neutral-500);
   margin-top: var(--mrd-space-1);
 }
-
-.mrd-relation-field__result-item--highlighted {
-  background-color: var(--mrd-color-primary-light);
-}
-
-/* Selected single value */
 .mrd-relation-field__selected-value {
   display: flex;
   align-items: center;
@@ -225,12 +198,10 @@
   border-radius: var(--mrd-border-radius);
   box-sizing: border-box;
 }
-
 .mrd-relation-field__selected-value--error {
   border-color: var(--mrd-border-color-error);
   background-color: var(--mrd-color-danger-light);
 }
-
 .mrd-relation-field__selected-name {
   flex: 1;
   font-family: var(--mrd-font-family);
@@ -241,7 +212,6 @@
   overflow: hidden;
   text-overflow: ellipsis;
 }
-
 .mrd-relation-field__selected-clear {
   flex-shrink: 0;
   background: none;
@@ -254,15 +224,19 @@
   opacity: 0.6;
   transition: opacity var(--mrd-transition-fast);
 }
-
 .mrd-relation-field__selected-clear:hover {
   opacity: 1;
 }
-
 .mrd-relation-field__no-results {
   padding: var(--mrd-space-4);
   font-family: var(--mrd-font-family);
   font-size: var(--mrd-font-size-sm);
   color: var(--mrd-color-neutral-500);
   text-align: center;
+}
+
+@keyframes mrd-spin {
+  to {
+    transform: rotate(360deg);
+  }
 }

package/dist/collection/components/fields/mrd-textarea-field/mrd-textarea-field.css

@@ -32,44 +32,35 @@
   background-color: var(--mrd-input-bg);
   transition: border-color var(--mrd-transition), box-shadow var(--mrd-transition);
 }
-
 .mrd-textarea-field__container:focus-within {
   border-color: var(--mrd-border-color-focus);
   box-shadow: var(--mrd-shadow-focus);
 }
-
 .mrd-textarea-field__container--error {
   border-color: var(--mrd-border-color-error);
 }
-
 .mrd-textarea-field__container--error:focus-within {
   box-shadow: var(--mrd-shadow-focus-error);
 }
-
 .mrd-textarea-field__editor {
   min-height: 150px;
   font-family: var(--mrd-font-family);
   font-size: var(--mrd-font-size-base);
 }
-
-/* Override Quill borders since container handles them */
 .mrd-textarea-field__editor .ql-toolbar {
   border: none;
   border-bottom: var(--mrd-border-width) solid var(--mrd-border-color);
   font-family: var(--mrd-font-family);
 }
-
 .mrd-textarea-field__editor .ql-container {
   border: none;
   font-family: var(--mrd-font-family);
   font-size: var(--mrd-font-size-base);
 }
-
 .mrd-textarea-field__editor .ql-editor {
   min-height: 120px;
   padding: var(--mrd-input-padding-y) var(--mrd-input-padding-x);
 }
-
 .mrd-textarea-field__editor .ql-editor.ql-blank::before {
   color: var(--mrd-input-placeholder-color);
   font-style: normal;

package/dist/collection/components/form/mrd-field/mrd-field.css

@@ -6,34 +6,29 @@
   display: block;
   width: 100%;
 }
-
 .mrd-field__history-editor {
   margin-top: var(--mrd-space-2);
   display: flex;
   flex-direction: column;
   gap: var(--mrd-space-1);
 }
-
 .mrd-field__history-editor-label {
   font-family: var(--mrd-font-family);
   font-size: var(--mrd-font-size-xs);
   font-weight: var(--mrd-font-weight-medium);
   color: var(--mrd-color-neutral-500);
 }
-
 .mrd-field__history-editor-row {
   display: flex;
   align-items: center;
   gap: var(--mrd-space-2);
 }
-
 .mrd-field__history-editor-sep {
   flex-shrink: 0;
   font-family: var(--mrd-font-family);
   font-size: var(--mrd-font-size-xs);
   color: var(--mrd-color-neutral-500);
 }
-
 .mrd-field__history-editor-value {
   flex: 1 1 0;
   min-width: 0;
@@ -48,12 +43,10 @@
   outline: none;
   transition: border-color var(--mrd-transition-fast), box-shadow var(--mrd-transition-fast);
 }
-
 .mrd-field__history-editor-value:focus {
   border-color: var(--mrd-color-primary);
   box-shadow: var(--mrd-shadow-focus);
 }
-
 .mrd-field__history-editor-until {
   flex: 0 0 10rem;
   height: var(--mrd-input-height);
@@ -67,12 +60,10 @@
   outline: none;
   transition: border-color var(--mrd-transition-fast), box-shadow var(--mrd-transition-fast);
 }
-
 .mrd-field__history-editor-until:focus {
   border-color: var(--mrd-color-primary);
   box-shadow: var(--mrd-shadow-focus);
 }
-
 .mrd-field__history-editor-remove {
   display: inline-flex;
   align-items: center;
@@ -88,17 +79,14 @@
   cursor: pointer;
   transition: color var(--mrd-transition-fast), background-color var(--mrd-transition-fast);
 }
-
 .mrd-field__history-editor-remove:hover {
   color: var(--mrd-color-danger);
   background-color: var(--mrd-color-danger-light);
 }
-
 .mrd-field__history-editor-remove svg {
   width: 1rem;
   height: 1rem;
 }
-
 .mrd-field__history-editor-add {
   align-self: flex-start;
   padding: var(--mrd-space-1) var(--mrd-space-3);
@@ -112,7 +100,6 @@
   cursor: pointer;
   transition: background-color var(--mrd-transition-fast), color var(--mrd-transition-fast);
 }
-
 .mrd-field__history-editor-add:hover {
   background-color: var(--mrd-color-primary-light);
 }

package/dist/collection/components/form/mrd-form/mrd-form.css

@@ -6,39 +6,33 @@
   font-family: var(--mrd-font-family);
   width: 100%;
 }
-
 .mrd-form__title {
   font-size: var(--mrd-font-size-2xl);
   font-weight: var(--mrd-font-weight-bold);
   color: var(--mrd-color-neutral-900);
   margin: 0 0 var(--mrd-space-6) 0;
 }
-
 .mrd-form__body {
   display: flex;
   flex-direction: column;
   gap: var(--mrd-space-5);
 }
-
 .mrd-form__field {
   display: flex;
   flex-direction: column;
   gap: var(--mrd-space-1);
 }
-
 .mrd-form__field-error {
   font-family: var(--mrd-font-family);
   font-size: var(--mrd-error-font-size);
   color: var(--mrd-error-color);
 }
-
 .mrd-form__section {
   border: var(--mrd-border-width) solid var(--mrd-border-color);
   border-radius: var(--mrd-border-radius-md);
   padding: var(--mrd-space-4) var(--mrd-space-5);
   margin: 0;
 }
-
 .mrd-form__section-legend {
   font-family: var(--mrd-font-family);
   font-size: var(--mrd-font-size-base);
@@ -46,20 +40,17 @@
   color: var(--mrd-color-neutral-700);
   padding: 0 var(--mrd-space-2);
 }
-
 .mrd-form__section-body {
   display: flex;
   flex-direction: column;
   gap: var(--mrd-space-4);
   margin-top: var(--mrd-space-2);
 }
-
 .mrd-form__group {
   display: flex;
   flex-direction: column;
   gap: var(--mrd-space-2);
 }
-
 .mrd-form__group-label {
   font-family: var(--mrd-font-family);
   font-size: var(--mrd-font-size-sm);
@@ -68,7 +59,6 @@
   text-transform: uppercase;
   letter-spacing: 0.05em;
 }
-
 .mrd-form__group-body {
   display: flex;
   flex-direction: column;
@@ -76,7 +66,6 @@
   padding-left: var(--mrd-space-4);
   border-left: 3px solid var(--mrd-color-neutral-200);
 }
-
 .mrd-form__footer {
   margin-top: var(--mrd-space-8);
   padding-top: var(--mrd-space-5);
@@ -85,7 +74,6 @@
   justify-content: flex-end;
   gap: var(--mrd-space-3);
 }
-
 .mrd-form__submit {
   display: inline-flex;
   align-items: center;
@@ -102,20 +90,16 @@
   cursor: pointer;
   transition: background-color var(--mrd-transition);
 }
-
 .mrd-form__submit:hover {
   background-color: var(--mrd-color-primary-hover);
 }
-
 .mrd-form__submit:focus {
   outline: none;
   box-shadow: var(--mrd-shadow-focus);
 }
-
 .mrd-form__submit:active {
   background-color: var(--mrd-color-primary-dark);
 }
-
 .mrd-form__cancel {
   display: inline-flex;
   align-items: center;
@@ -132,17 +116,14 @@
   cursor: pointer;
   transition: background-color var(--mrd-transition), color var(--mrd-transition);
 }
-
 .mrd-form__cancel:hover {
   background-color: var(--mrd-color-neutral-100);
   color: var(--mrd-color-neutral-800);
 }
-
 .mrd-form__cancel:focus {
   outline: none;
   box-shadow: var(--mrd-shadow-focus);
 }
-
 .mrd-form__cancel:active {
   background-color: var(--mrd-color-neutral-200);
 }