@morscherlab/mint-sdk 1.0.0-alpha.8 → 1.0.0-beta.1

package/src/styles/components/experiment-selector-modal.css

@@ -1,39 +1,39 @@
 /* ExperimentSelectorModal Component Styles */
 
-.mld-experiment-selector {
+.mint-experiment-selector {
   display: flex;
   flex-direction: column;
   gap: 0.75rem;
 }
 
 /* Shared filter row layout */
-.mld-experiment-selector__filters-row,
-.mld-experiment-selector__filters-advanced {
+.mint-experiment-selector__filters-row,
+.mint-experiment-selector__filters-advanced {
   display: flex;
   align-items: center;
   gap: 0.5rem;
   flex-wrap: wrap;
 }
 
-/* Keep old class name working for backwards compat */
-.mld-experiment-selector__filters {
+/* Base filters row */
+.mint-experiment-selector__filters {
   display: flex;
   gap: 0.5rem;
 }
 
-.mld-experiment-selector__search {
+.mint-experiment-selector__search {
   flex: 1;
   min-width: 10rem;
 }
 
-.mld-experiment-selector__status-filter,
-.mld-experiment-selector__filter-select {
+.mint-experiment-selector__status-filter,
+.mint-experiment-selector__filter-select {
   flex-shrink: 0;
   width: 10rem;
 }
 
 /* "Filters" toggle button */
-.mld-experiment-selector__filters-toggle {
+.mint-experiment-selector__filters-toggle {
   display: inline-flex;
   align-items: center;
   gap: 0.375rem;
@@ -49,18 +49,18 @@
   transition: border-color 0.15s ease, color 0.15s ease;
 }
 
-.mld-experiment-selector__filters-toggle:hover {
+.mint-experiment-selector__filters-toggle:hover {
   border-color: var(--color-primary);
   color: var(--text-primary);
 }
 
-.mld-experiment-selector__filters-toggle--active {
+.mint-experiment-selector__filters-toggle--active {
   color: var(--color-primary);
   border-color: var(--color-primary);
 }
 
 /* Active filter badge dot */
-.mld-experiment-selector__filters-dot {
+.mint-experiment-selector__filters-dot {
   width: 6px;
   height: 6px;
   border-radius: 50%;
@@ -69,12 +69,12 @@
 }
 
 /* Advanced filters row */
-.mld-experiment-selector__filters-advanced {
+.mint-experiment-selector__filters-advanced {
   padding-top: 0.25rem;
 }
 
 /* Group toggle checkbox label */
-.mld-experiment-selector__group-toggle {
+.mint-experiment-selector__group-toggle {
   display: inline-flex;
   align-items: center;
   gap: 0.375rem;
@@ -86,7 +86,7 @@
   margin-left: auto;
 }
 
-.mld-experiment-selector__group-checkbox {
+.mint-experiment-selector__group-checkbox {
   width: 14px;
   height: 14px;
   accent-color: var(--color-primary);
@@ -94,7 +94,7 @@
 }
 
 /* Loading skeleton */
-.mld-experiment-selector__skeleton {
+.mint-experiment-selector__skeleton {
   display: flex;
   flex-direction: column;
   gap: 1px;
@@ -102,7 +102,7 @@
   border-radius: var(--radius);
 }
 
-.mld-experiment-selector__skeleton-row {
+.mint-experiment-selector__skeleton-row {
   display: flex;
   align-items: center;
   gap: 0.75rem;
@@ -110,7 +110,7 @@
   background-color: var(--bg-primary);
 }
 
-.mld-experiment-selector__skeleton-content {
+.mint-experiment-selector__skeleton-content {
   flex: 1;
   display: flex;
   flex-direction: column;
@@ -118,7 +118,7 @@
 }
 
 /* Error */
-.mld-experiment-selector__error {
+.mint-experiment-selector__error {
   padding: 0.75rem;
   border-radius: var(--radius-sm);
   background-color: var(--mint-error-bg);
@@ -127,7 +127,7 @@
 }
 
 /* Scrollable list */
-.mld-experiment-selector__list {
+.mint-experiment-selector__list {
   max-height: 400px;
   overflow-y: auto;
   display: flex;
@@ -138,7 +138,7 @@
 }
 
 /* Project group header */
-.mld-experiment-selector__group-header {
+.mint-experiment-selector__group-header {
   display: flex;
   align-items: center;
   gap: 0.5rem;
@@ -156,20 +156,20 @@
   transition: background-color 0.15s ease;
 }
 
-.mld-experiment-selector__group-header:hover {
+.mint-experiment-selector__group-header:hover {
   background-color: var(--bg-hover);
 }
 
-.mld-experiment-selector__group-chevron {
+.mint-experiment-selector__group-chevron {
   flex-shrink: 0;
   transition: transform 0.15s ease;
 }
 
-.mld-experiment-selector__group-chevron--collapsed {
+.mint-experiment-selector__group-chevron--collapsed {
   transform: rotate(-90deg);
 }
 
-.mld-experiment-selector__group-name {
+.mint-experiment-selector__group-name {
   flex: 1;
   min-width: 0;
   overflow: hidden;
@@ -177,7 +177,7 @@
   white-space: nowrap;
 }
 
-.mld-experiment-selector__group-count {
+.mint-experiment-selector__group-count {
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -192,7 +192,7 @@
 }
 
 /* Row */
-.mld-experiment-selector__row {
+.mint-experiment-selector__row {
   display: flex;
   align-items: center;
   gap: 0.75rem;
@@ -205,38 +205,38 @@
     border-color 0.15s ease;
 }
 
-.mld-experiment-selector__row:hover {
+.mint-experiment-selector__row:hover {
   background-color: var(--bg-hover);
 }
 
-.mld-experiment-selector__row--active {
+.mint-experiment-selector__row--active {
   border-left-color: var(--color-primary);
   background-color: var(--color-primary-soft);
 }
 
-.mld-experiment-selector__row--active:hover {
+.mint-experiment-selector__row--active:hover {
   background-color: var(--color-primary-soft);
 }
 
 /* Keyboard focused row */
-.mld-experiment-selector__row--focused {
+.mint-experiment-selector__row--focused {
   background-color: var(--bg-hover);
   outline: 2px solid var(--color-primary);
   outline-offset: -2px;
   border-radius: 2px;
 }
 
-.mld-experiment-selector__row--active.mld-experiment-selector__row--focused {
+.mint-experiment-selector__row--active.mint-experiment-selector__row--focused {
   background-color: var(--color-primary-soft);
 }
 
 /* Row content */
-.mld-experiment-selector__row-content {
+.mint-experiment-selector__row-content {
   flex: 1;
   min-width: 0;
 }
 
-.mld-experiment-selector__name {
+.mint-experiment-selector__name {
   display: flex;
   align-items: center;
   gap: 0.5rem;
@@ -245,13 +245,13 @@
   color: var(--text-primary);
 }
 
-.mld-experiment-selector__name > span:first-child {
+.mint-experiment-selector__name > span:first-child {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
 }
 
-.mld-experiment-selector__meta {
+.mint-experiment-selector__meta {
   display: flex;
   align-items: center;
   gap: 0.5rem;
@@ -261,13 +261,13 @@
 }
 
 /* Footer with clear selection */
-.mld-experiment-selector__footer {
+.mint-experiment-selector__footer {
   display: flex;
   justify-content: flex-start;
   padding-top: 0.25rem;
 }
 
-.mld-experiment-selector__clear-btn {
+.mint-experiment-selector__clear-btn {
   padding: 0.25rem 0;
   border: none;
   background: none;
@@ -279,7 +279,7 @@
   transition: color 0.15s ease, text-decoration-color 0.15s ease;
 }
 
-.mld-experiment-selector__clear-btn:hover {
+.mint-experiment-selector__clear-btn:hover {
   color: var(--color-primary);
   text-decoration-color: var(--color-primary);
 }