@morscherlab/mint-sdk 1.0.0-alpha.8 → 1.0.0-alpha.9

package/src/styles/components/resource-card.css

@@ -1,6 +1,6 @@
 /* ResourceCard Component Styles */
 
-.mld-resource-card {
+.mint-resource-card {
   background-color: var(--bg-card);
   border: 1px solid var(--border-color);
   border-radius: var(--radius-lg);
@@ -10,13 +10,13 @@
   overflow: hidden;
 }
 
-.mld-resource-card:hover {
+.mint-resource-card:hover {
   box-shadow: var(--shadow-md);
   border-color: rgba(59, 130, 246, 0.3);
 }
 
 /* Compact mode */
-.mld-resource-card--compact {
+.mint-resource-card--compact {
   border-radius: 0;
   box-shadow: none;
   border: none;
@@ -28,14 +28,14 @@
   min-height: 40px;
 }
 
-.mld-resource-card--compact:hover {
+.mint-resource-card--compact:hover {
   box-shadow: none;
   border-color: var(--border-color);
   background-color: var(--bg-hover);
 }
 
 /* Card layout (non-compact) */
-.mld-resource-card__header {
+.mint-resource-card__header {
   display: flex;
   align-items: flex-start;
   gap: 0.75rem;
@@ -44,20 +44,20 @@
 }
 
 /* Size variants for header padding */
-.mld-resource-card--sm .mld-resource-card__header {
+.mint-resource-card--sm .mint-resource-card__header {
   padding: 0.75rem;
   padding-bottom: 0;
   gap: 0.625rem;
 }
 
-.mld-resource-card--lg .mld-resource-card__header {
+.mint-resource-card--lg .mint-resource-card__header {
   padding: 1.25rem;
   padding-bottom: 0;
   gap: 1rem;
 }
 
 /* Image / fallback icon */
-.mld-resource-card__image {
+.mint-resource-card__image {
   width: 64px;
   height: 64px;
   border-radius: var(--radius-md);
@@ -65,23 +65,23 @@
   flex-shrink: 0;
 }
 
-.mld-resource-card--sm .mld-resource-card__image {
+.mint-resource-card--sm .mint-resource-card__image {
   width: 48px;
   height: 48px;
 }
 
-.mld-resource-card--lg .mld-resource-card__image {
+.mint-resource-card--lg .mint-resource-card__image {
   width: 80px;
   height: 80px;
 }
 
-.mld-resource-card__image img {
+.mint-resource-card__image img {
   width: 100%;
   height: 100%;
   object-fit: cover;
 }
 
-.mld-resource-card__image-fallback {
+.mint-resource-card__image-fallback {
   width: 100%;
   height: 100%;
   display: flex;
@@ -91,25 +91,25 @@
   color: var(--text-muted);
 }
 
-.mld-resource-card__image-fallback svg {
+.mint-resource-card__image-fallback svg {
   width: 50%;
   height: 50%;
 }
 
 /* Body section */
-.mld-resource-card__body {
+.mint-resource-card__body {
   flex: 1;
   min-width: 0;
 }
 
-.mld-resource-card__title-row {
+.mint-resource-card__title-row {
   display: flex;
   align-items: center;
   justify-content: space-between;
   gap: 0.75rem;
 }
 
-.mld-resource-card__name {
+.mint-resource-card__name {
   font-size: 0.9375rem;
   font-weight: 600;
   color: var(--text-primary);
@@ -124,15 +124,15 @@
   white-space: nowrap;
 }
 
-.mld-resource-card--sm .mld-resource-card__name {
+.mint-resource-card--sm .mint-resource-card__name {
   font-size: 0.8125rem;
 }
 
-.mld-resource-card--lg .mld-resource-card__name {
+.mint-resource-card--lg .mint-resource-card__name {
   font-size: 1.0625rem;
 }
 
-.mld-resource-card__description {
+.mint-resource-card__description {
   font-size: 0.8125rem;
   color: var(--text-secondary);
   margin-top: 0.125rem !important;
@@ -146,7 +146,7 @@
   white-space: nowrap;
 }
 
-.mld-resource-card__location {
+.mint-resource-card__location {
   font-size: 0.75rem;
   color: var(--text-muted);
   margin-top: 0.25rem !important;
@@ -157,65 +157,65 @@
 }
 
 /* Status indicator */
-.mld-resource-card__status {
+.mint-resource-card__status {
   display: inline-flex;
   align-items: center;
   gap: 0.375rem;
   flex-shrink: 0;
 }
 
-.mld-resource-card__status-dot {
+.mint-resource-card__status-dot {
   width: 8px;
   height: 8px;
   border-radius: 50%;
   flex-shrink: 0;
 }
 
-.mld-resource-card__status-dot--available {
+.mint-resource-card__status-dot--available {
   background-color: var(--mint-success);
   color: var(--mint-success);
 }
 
-.mld-resource-card__status-dot--in-use {
+.mint-resource-card__status-dot--in-use {
   background-color: var(--color-primary);
   color: var(--color-primary);
-  animation: mld-resource-pulse 2s ease-in-out infinite;
+  animation: mint-resource-pulse 2s ease-in-out infinite;
 }
 
-.mld-resource-card__status-dot--maintenance {
+.mint-resource-card__status-dot--maintenance {
   background-color: var(--mint-warning);
   color: var(--mint-warning);
 }
 
-.mld-resource-card__status-dot--offline {
+.mint-resource-card__status-dot--offline {
   background-color: var(--mint-error);
   color: var(--mint-error);
 }
 
-.mld-resource-card__status-label {
+.mint-resource-card__status-label {
   font-size: 0.75rem;
   font-weight: 500;
   color: var(--text-secondary);
 }
 
 /* Compact status: colored text only */
-.mld-resource-card--compact .mld-resource-card__status-label--available {
+.mint-resource-card--compact .mint-resource-card__status-label--available {
   color: var(--mint-success);
 }
 
-.mld-resource-card--compact .mld-resource-card__status-label--in-use {
+.mint-resource-card--compact .mint-resource-card__status-label--in-use {
   color: var(--color-primary);
 }
 
-.mld-resource-card--compact .mld-resource-card__status-label--maintenance {
+.mint-resource-card--compact .mint-resource-card__status-label--maintenance {
   color: var(--mint-warning);
 }
 
-.mld-resource-card--compact .mld-resource-card__status-label--offline {
+.mint-resource-card--compact .mint-resource-card__status-label--offline {
   color: var(--mint-error);
 }
 
-.mld-resource-card__next-available {
+.mint-resource-card__next-available {
   font-size: 0.75rem;
   color: var(--text-muted);
   margin-top: 0.125rem !important;
@@ -226,44 +226,44 @@
 }
 
 /* Specs grid */
-.mld-resource-card__specs {
+.mint-resource-card__specs {
   display: grid;
   grid-template-columns: repeat(2, 1fr);
   gap: 0.5rem 1rem;
   padding: 0.75rem 1rem;
 }
 
-.mld-resource-card--sm .mld-resource-card__specs {
+.mint-resource-card--sm .mint-resource-card__specs {
   padding: 0.5rem 0.75rem;
   gap: 0.375rem 0.75rem;
 }
 
-.mld-resource-card--lg .mld-resource-card__specs {
+.mint-resource-card--lg .mint-resource-card__specs {
   padding: 0.75rem 1.25rem;
   gap: 0.5rem 1.25rem;
 }
 
-.mld-resource-card__spec {
+.mint-resource-card__spec {
   display: flex;
   flex-direction: column;
   gap: 0.0625rem;
 }
 
-.mld-resource-card__spec-label {
+.mint-resource-card__spec-label {
   font-size: 0.6875rem;
   color: var(--text-muted);
   text-transform: uppercase;
   letter-spacing: 0.025em;
 }
 
-.mld-resource-card__spec-value {
+.mint-resource-card__spec-value {
   font-size: 0.8125rem;
   font-weight: 500;
   color: var(--text-primary);
 }
 
 /* Footer (tags + action) */
-.mld-resource-card__footer {
+.mint-resource-card__footer {
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -272,17 +272,17 @@
   padding-top: 0;
 }
 
-.mld-resource-card--sm .mld-resource-card__footer {
+.mint-resource-card--sm .mint-resource-card__footer {
   padding: 0.5rem 0.75rem;
   padding-top: 0;
 }
 
-.mld-resource-card--lg .mld-resource-card__footer {
+.mint-resource-card--lg .mint-resource-card__footer {
   padding: 0.75rem 1.25rem;
   padding-top: 0;
 }
 
-.mld-resource-card__tags {
+.mint-resource-card__tags {
   display: flex;
   flex-wrap: wrap;
   gap: 0.375rem;
@@ -290,12 +290,12 @@
   min-width: 0;
 }
 
-.mld-resource-card__action {
+.mint-resource-card__action {
   flex-shrink: 0;
 }
 
 /* Book button */
-.mld-resource-card__book-btn {
+.mint-resource-card__book-btn {
   display: inline-flex;
   align-items: center;
   gap: 0.25rem;
@@ -312,12 +312,12 @@
   white-space: nowrap;
 }
 
-.mld-resource-card__book-btn:hover {
+.mint-resource-card__book-btn:hover {
   background-color: var(--color-primary-hover);
 }
 
 /* Compact book button: ghost style */
-.mld-resource-card--compact .mld-resource-card__book-btn {
+.mint-resource-card--compact .mint-resource-card__book-btn {
   background-color: transparent;
   color: var(--color-primary);
   font-size: 0.75rem;
@@ -325,25 +325,25 @@
   border-radius: var(--radius-sm);
 }
 
-.mld-resource-card--compact .mld-resource-card__book-btn:hover {
+.mint-resource-card--compact .mint-resource-card__book-btn:hover {
   background-color: rgba(59, 130, 246, 0.1);
 }
 
 /* Compact layout overrides */
-.mld-resource-card--compact .mld-resource-card__name {
+.mint-resource-card--compact .mint-resource-card__name {
   font-size: 0.875rem;
   flex: 1;
   min-width: 0;
 }
 
 /* Spacer between header and specs/footer */
-.mld-resource-card__content {
+.mint-resource-card__content {
   display: flex;
   flex-direction: column;
 }
 
 /* Pulse animation for in-use status */
-@keyframes mld-resource-pulse {
+@keyframes mint-resource-pulse {
   0%, 100% {
     box-shadow: 0 0 0 0 color-mix(in srgb, currentColor 40%, transparent);
   }
@@ -354,7 +354,7 @@
 
 /* Reduced motion */
 @media (prefers-reduced-motion: reduce) {
-  .mld-resource-card__status-dot--in-use {
+  .mint-resource-card__status-dot--in-use {
     animation: none;
   }
 }

package/src/styles/components/sample-hierarchy-tree.css

@@ -1,24 +1,24 @@
 /* SampleHierarchyTree Component Styles */
 
-.mld-sample-tree {
+.mint-sample-tree {
   font-size: 0.875rem;
 }
 
-.mld-sample-tree--sm {
+.mint-sample-tree--sm {
   font-size: 0.75rem;
 }
 
-.mld-sample-tree--lg {
+.mint-sample-tree--lg {
   font-size: 1rem;
 }
 
 /* Node */
-.mld-sample-tree__node {
+.mint-sample-tree__node {
   user-select: none;
 }
 
 /* Node header (clickable row) */
-.mld-sample-tree__node-header {
+.mint-sample-tree__node-header {
   display: flex;
   align-items: center;
   gap: 0.375rem;
@@ -28,26 +28,26 @@
   transition: background-color 0.15s ease;
 }
 
-.mld-sample-tree__node-header:hover {
+.mint-sample-tree__node-header:hover {
   background-color: var(--bg-hover);
 }
 
-.mld-sample-tree__node--selected > .mld-sample-tree__node-header {
+.mint-sample-tree__node--selected > .mint-sample-tree__node-header {
   background-color: rgba(59, 130, 246, 0.1);
 }
 
-.mld-sample-tree--sm .mld-sample-tree__node-header {
+.mint-sample-tree--sm .mint-sample-tree__node-header {
   padding: 0.25rem 0.375rem;
   gap: 0.25rem;
 }
 
-.mld-sample-tree--lg .mld-sample-tree__node-header {
+.mint-sample-tree--lg .mint-sample-tree__node-header {
   padding: 0.5rem 0.625rem;
   gap: 0.5rem;
 }
 
 /* Toggle button */
-.mld-sample-tree__toggle {
+.mint-sample-tree__toggle {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -63,57 +63,57 @@
   flex-shrink: 0;
 }
 
-.mld-sample-tree__toggle:hover {
+.mint-sample-tree__toggle:hover {
   color: var(--text-primary);
   background-color: var(--bg-tertiary);
 }
 
-.mld-sample-tree__toggle svg {
+.mint-sample-tree__toggle svg {
   width: 0.875rem;
   height: 0.875rem;
   transition: transform 0.15s ease;
 }
 
-.mld-sample-tree__node--expanded > .mld-sample-tree__node-header .mld-sample-tree__toggle svg {
+.mint-sample-tree__node--expanded > .mint-sample-tree__node-header .mint-sample-tree__toggle svg {
   transform: rotate(90deg);
 }
 
-.mld-sample-tree--sm .mld-sample-tree__toggle {
+.mint-sample-tree--sm .mint-sample-tree__toggle {
   width: 1rem;
   height: 1rem;
 }
 
-.mld-sample-tree--sm .mld-sample-tree__toggle svg {
+.mint-sample-tree--sm .mint-sample-tree__toggle svg {
   width: 0.75rem;
   height: 0.75rem;
 }
 
-.mld-sample-tree--lg .mld-sample-tree__toggle {
+.mint-sample-tree--lg .mint-sample-tree__toggle {
   width: 1.5rem;
   height: 1.5rem;
 }
 
-.mld-sample-tree--lg .mld-sample-tree__toggle svg {
+.mint-sample-tree--lg .mint-sample-tree__toggle svg {
   width: 1rem;
   height: 1rem;
 }
 
 /* Placeholder for leaf nodes (no toggle) */
-.mld-sample-tree__toggle-placeholder {
+.mint-sample-tree__toggle-placeholder {
   width: 1.25rem;
   flex-shrink: 0;
 }
 
-.mld-sample-tree--sm .mld-sample-tree__toggle-placeholder {
+.mint-sample-tree--sm .mint-sample-tree__toggle-placeholder {
   width: 1rem;
 }
 
-.mld-sample-tree--lg .mld-sample-tree__toggle-placeholder {
+.mint-sample-tree--lg .mint-sample-tree__toggle-placeholder {
   width: 1.5rem;
 }
 
 /* Icon */
-.mld-sample-tree__icon {
+.mint-sample-tree__icon {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -122,74 +122,74 @@
   flex-shrink: 0;
 }
 
-.mld-sample-tree__icon svg {
+.mint-sample-tree__icon svg {
   width: 1rem;
   height: 1rem;
 }
 
-.mld-sample-tree--sm .mld-sample-tree__icon {
+.mint-sample-tree--sm .mint-sample-tree__icon {
   width: 1rem;
   height: 1rem;
 }
 
-.mld-sample-tree--sm .mld-sample-tree__icon svg {
+.mint-sample-tree--sm .mint-sample-tree__icon svg {
   width: 0.75rem;
   height: 0.75rem;
 }
 
-.mld-sample-tree--lg .mld-sample-tree__icon {
+.mint-sample-tree--lg .mint-sample-tree__icon {
   width: 1.5rem;
   height: 1.5rem;
 }
 
-.mld-sample-tree--lg .mld-sample-tree__icon svg {
+.mint-sample-tree--lg .mint-sample-tree__icon svg {
   width: 1.25rem;
   height: 1.25rem;
 }
 
 /* Icon colors by type */
-.mld-sample-tree__icon--study {
+.mint-sample-tree__icon--study {
   color: var(--text-muted);
 }
 
-.mld-sample-tree__icon--experiment {
+.mint-sample-tree__icon--experiment {
   color: var(--color-primary);
 }
 
-.mld-sample-tree__icon--plate {
+.mint-sample-tree__icon--plate {
   color: var(--mint-info);
 }
 
-.mld-sample-tree__icon--sample {
+.mint-sample-tree__icon--sample {
   color: var(--mint-success);
 }
 
-.mld-sample-tree__icon--cell_line {
+.mint-sample-tree__icon--cell_line {
   color: var(--color-purple);
 }
 
-.mld-sample-tree__icon--passage {
+.mint-sample-tree__icon--passage {
   color: var(--text-secondary);
 }
 
-.mld-sample-tree__icon--clone {
+.mint-sample-tree__icon--clone {
   color: var(--mint-warning);
 }
 
-.mld-sample-tree__icon--treatment {
+.mint-sample-tree__icon--treatment {
   color: var(--color-cta);
 }
 
-.mld-sample-tree__icon--folder {
+.mint-sample-tree__icon--folder {
   color: var(--text-muted);
 }
 
-.mld-sample-tree__icon--custom {
+.mint-sample-tree__icon--custom {
   color: var(--text-secondary);
 }
 
 /* Label */
-.mld-sample-tree__label {
+.mint-sample-tree__label {
   flex: 1;
   min-width: 0;
   color: var(--text-primary);
@@ -199,7 +199,7 @@
 }
 
 /* Badge */
-.mld-sample-tree__badge {
+.mint-sample-tree__badge {
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -211,66 +211,66 @@
   flex-shrink: 0;
 }
 
-.mld-sample-tree--sm .mld-sample-tree__badge {
+.mint-sample-tree--sm .mint-sample-tree__badge {
   min-width: 1rem;
   padding: 0.0625rem 0.25rem;
   font-size: 0.5rem;
 }
 
-.mld-sample-tree--lg .mld-sample-tree__badge {
+.mint-sample-tree--lg .mint-sample-tree__badge {
   min-width: 1.5rem;
   padding: 0.125rem 0.5rem;
   font-size: 0.75rem;
 }
 
-.mld-sample-tree__badge--default {
+.mint-sample-tree__badge--default {
   background-color: var(--bg-tertiary);
   color: var(--text-secondary);
 }
 
-.mld-sample-tree__badge--success {
+.mint-sample-tree__badge--success {
   background-color: var(--mint-success-bg);
   color: var(--mint-success);
 }
 
-.mld-sample-tree__badge--warning {
+.mint-sample-tree__badge--warning {
   background-color: var(--mint-warning-bg);
   color: var(--mint-warning);
 }
 
-.mld-sample-tree__badge--error {
+.mint-sample-tree__badge--error {
   background-color: var(--mint-error-bg);
   color: var(--mint-error);
 }
 
 /* Children container */
-.mld-sample-tree__children {
+.mint-sample-tree__children {
   margin-left: 1.25rem;
   padding-left: 0.75rem;
   border-left: 1px solid var(--border-color);
   overflow: hidden;
 }
 
-.mld-sample-tree--sm .mld-sample-tree__children {
+.mint-sample-tree--sm .mint-sample-tree__children {
   margin-left: 1rem;
   padding-left: 0.5rem;
 }
 
-.mld-sample-tree--lg .mld-sample-tree__children {
+.mint-sample-tree--lg .mint-sample-tree__children {
   margin-left: 1.5rem;
   padding-left: 1rem;
 }
 
 /* Animation */
-.mld-sample-tree__children--entering {
-  animation: mld-tree-expand 0.15s ease-out;
+.mint-sample-tree__children--entering {
+  animation: mint-tree-expand 0.15s ease-out;
 }
 
-.mld-sample-tree__children--leaving {
-  animation: mld-tree-collapse 0.15s ease-out forwards;
+.mint-sample-tree__children--leaving {
+  animation: mint-tree-collapse 0.15s ease-out forwards;
 }
 
-@keyframes mld-tree-expand {
+@keyframes mint-tree-expand {
   from {
     opacity: 0;
     max-height: 0;
@@ -281,7 +281,7 @@
   }
 }
 
-@keyframes mld-tree-collapse {
+@keyframes mint-tree-collapse {
   from {
     opacity: 1;
     max-height: 1000px;
@@ -293,20 +293,20 @@
 }
 
 /* Empty state */
-.mld-sample-tree__empty {
+.mint-sample-tree__empty {
   padding: 1rem;
   text-align: center;
   color: var(--text-muted);
 }
 
-.mld-sample-tree__empty-icon {
+.mint-sample-tree__empty-icon {
   width: 2rem;
   height: 2rem;
   margin: 0 auto 0.5rem;
   opacity: 0.5;
 }
 
-.mld-sample-tree__empty-text {
+.mint-sample-tree__empty-text {
   font-size: 0.875rem;
   margin-top: 0 !important;
   margin-bottom: 0 !important;