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

package/src/styles/components/progress-bar.css

@@ -1,21 +1,21 @@
 /* ProgressBar Component Styles */
 
-.mld-progress {
+.mint-progress {
   width: 100%;
 }
 
-.mld-progress__header {
+.mint-progress__header {
   display: flex;
   justify-content: space-between;
   margin-bottom: 0.25rem;
 }
 
-.mld-progress__label {
+.mint-progress__label {
   font-size: 0.875rem;
   color: var(--text-secondary);
 }
 
-.mld-progress__value {
+.mint-progress__value {
   font-size: 0.875rem;
   color: var(--text-muted);
   font-variant-numeric: tabular-nums;
@@ -25,35 +25,35 @@
    Rail variant (default) — single filled track, pill ends
    ======================================================================== */
 
-.mld-progress__track {
+.mint-progress__track {
   width: 100%;
   background-color: var(--bg-tertiary);
   border-radius: 9999px; /* pill ends — spec */
   overflow: hidden;
 }
 
-.mld-progress__track--sm { height: 4px; }
-.mld-progress__track--md { height: 8px; }
-.mld-progress__track--lg { height: 12px; }
+.mint-progress__track--sm { height: 4px; }
+.mint-progress__track--md { height: 8px; }
+.mint-progress__track--lg { height: 12px; }
 
-.mld-progress__bar {
+.mint-progress__bar {
   height: 100%;
   border-radius: 9999px;
   transition: width 0.3s ease;
 }
 
-.mld-progress__bar--primary { background-color: var(--color-primary); }
-.mld-progress__bar--success { background-color: var(--mint-success); }
-.mld-progress__bar--warning { background-color: var(--mint-warning); }
-.mld-progress__bar--error   { background-color: var(--mint-error); }
-.mld-progress__bar--info    { background-color: var(--mint-info); }
+.mint-progress__bar--primary { background-color: var(--color-primary); }
+.mint-progress__bar--success { background-color: var(--mint-success); }
+.mint-progress__bar--warning { background-color: var(--mint-warning); }
+.mint-progress__bar--error   { background-color: var(--mint-error); }
+.mint-progress__bar--info    { background-color: var(--mint-info); }
 
-.mld-progress__bar--indeterminate {
+.mint-progress__bar--indeterminate {
   width: 40% !important;
-  animation: mld-progress-indeterminate 1.5s ease-in-out infinite;
+  animation: mint-progress-indeterminate 1.5s ease-in-out infinite;
 }
 
-@keyframes mld-progress-indeterminate {
+@keyframes mint-progress-indeterminate {
   0%   { transform: translateX(-100%); }
   50%  { transform: translateX(150%); }
   100% { transform: translateX(-100%); }
@@ -63,58 +63,58 @@
    Segmented variant — discrete step segments for pipelines / wizards
    ======================================================================== */
 
-.mld-progress__segments {
+.mint-progress__segments {
   display: flex;
   width: 100%;
   gap: 4px;
 }
 
-.mld-progress__segments--sm { height: 4px; }
-.mld-progress__segments--md { height: 8px; }
-.mld-progress__segments--lg { height: 12px; }
+.mint-progress__segments--sm { height: 4px; }
+.mint-progress__segments--md { height: 8px; }
+.mint-progress__segments--lg { height: 12px; }
 
-.mld-progress__segment {
+.mint-progress__segment {
   flex: 1;
   background-color: var(--bg-tertiary);
   border-radius: 9999px;
   transition: background-color 0.2s ease;
 }
 
-.mld-progress__segment--done.mld-progress__segment--primary { background-color: var(--color-primary); }
-.mld-progress__segment--done.mld-progress__segment--success { background-color: var(--mint-success); }
-.mld-progress__segment--done.mld-progress__segment--warning { background-color: var(--mint-warning); }
-.mld-progress__segment--done.mld-progress__segment--error   { background-color: var(--mint-error); }
-.mld-progress__segment--done.mld-progress__segment--info    { background-color: var(--mint-info); }
+.mint-progress__segment--done.mint-progress__segment--primary { background-color: var(--color-primary); }
+.mint-progress__segment--done.mint-progress__segment--success { background-color: var(--mint-success); }
+.mint-progress__segment--done.mint-progress__segment--warning { background-color: var(--mint-warning); }
+.mint-progress__segment--done.mint-progress__segment--error   { background-color: var(--mint-error); }
+.mint-progress__segment--done.mint-progress__segment--info    { background-color: var(--mint-info); }
 
-.mld-progress__segment--active {
-  animation: mld-progress-segment-pulse 1.4s ease-in-out infinite;
+.mint-progress__segment--active {
+  animation: mint-progress-segment-pulse 1.4s ease-in-out infinite;
 }
 
-.mld-progress__segment--active.mld-progress__segment--primary { background-color: var(--color-primary); }
-.mld-progress__segment--active.mld-progress__segment--success { background-color: var(--mint-success); }
-.mld-progress__segment--active.mld-progress__segment--warning { background-color: var(--mint-warning); }
-.mld-progress__segment--active.mld-progress__segment--error   { background-color: var(--mint-error); }
-.mld-progress__segment--active.mld-progress__segment--info    { background-color: var(--mint-info); }
+.mint-progress__segment--active.mint-progress__segment--primary { background-color: var(--color-primary); }
+.mint-progress__segment--active.mint-progress__segment--success { background-color: var(--mint-success); }
+.mint-progress__segment--active.mint-progress__segment--warning { background-color: var(--mint-warning); }
+.mint-progress__segment--active.mint-progress__segment--error   { background-color: var(--mint-error); }
+.mint-progress__segment--active.mint-progress__segment--info    { background-color: var(--mint-info); }
 
-@keyframes mld-progress-segment-pulse {
+@keyframes mint-progress-segment-pulse {
   0%, 100% { opacity: 0.55; }
   50%      { opacity: 1; }
 }
 
 @media (prefers-reduced-motion: reduce) {
-  .mld-progress__segment--active { animation: none; opacity: 1; }
-  .mld-progress__bar--indeterminate { animation: none; }
+  .mint-progress__segment--active { animation: none; opacity: 1; }
+  .mint-progress__bar--indeterminate { animation: none; }
 }
 
 /* Step labels under segmented bar */
-.mld-progress__step-labels {
+.mint-progress__step-labels {
   display: flex;
   width: 100%;
   gap: 4px;
   margin-top: 0.375rem;
 }
 
-.mld-progress__step-label {
+.mint-progress__step-label {
   flex: 1;
   font-size: 0.6875rem;
   color: var(--text-muted);
@@ -123,11 +123,11 @@
   transition: color 0.15s ease;
 }
 
-.mld-progress__step-label--done {
+.mint-progress__step-label--done {
   color: var(--text-secondary);
 }
 
-.mld-progress__step-label--active {
+.mint-progress__step-label--active {
   color: var(--text-primary);
   font-weight: 500;
 }

package/src/styles/components/protocol-step-editor.css

@@ -1,6 +1,6 @@
 /* ProtocolStepEditor Component Styles */
 
-.mld-protocol-editor {
+.mint-protocol-editor {
   border-radius: var(--radius-md);
   border: 1px solid var(--border-color);
   background-color: var(--bg-secondary);
@@ -8,7 +8,7 @@
 }
 
 /* Header */
-.mld-protocol-editor__header {
+.mint-protocol-editor__header {
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -17,13 +17,13 @@
   background-color: var(--bg-tertiary);
 }
 
-.mld-protocol-editor__title {
+.mint-protocol-editor__title {
   font-size: 0.875rem;
   font-weight: 600;
   color: var(--text-primary);
 }
 
-.mld-protocol-editor__mode-badge {
+.mint-protocol-editor__mode-badge {
   padding: 0.125rem 0.5rem;
   font-size: 0.625rem;
   font-weight: 500;
@@ -32,18 +32,18 @@
   border-radius: 9999px;
 }
 
-.mld-protocol-editor__mode-badge--create {
+.mint-protocol-editor__mode-badge--create {
   background-color: var(--mint-success-bg);
   color: var(--mint-success);
 }
 
-.mld-protocol-editor__mode-badge--edit {
+.mint-protocol-editor__mode-badge--edit {
   background-color: var(--mint-info-bg);
   color: var(--mint-info);
 }
 
 /* Form */
-.mld-protocol-editor__form {
+.mint-protocol-editor__form {
   display: flex;
   flex-direction: column;
   gap: 1rem;
@@ -51,13 +51,13 @@
 }
 
 /* Template select */
-.mld-protocol-editor__template-select {
+.mint-protocol-editor__template-select {
   display: flex;
   flex-direction: column;
   gap: 0.375rem;
 }
 
-.mld-protocol-editor__template-label {
+.mint-protocol-editor__template-label {
   font-size: 0.75rem;
   font-weight: 500;
   color: var(--text-secondary);
@@ -65,11 +65,11 @@
   letter-spacing: 0.05em;
 }
 
-.mld-protocol-editor__template-dropdown {
+.mint-protocol-editor__template-dropdown {
   position: relative;
 }
 
-.mld-protocol-editor__template-btn {
+.mint-protocol-editor__template-btn {
   display: flex;
   align-items: center;
   gap: 0.5rem;
@@ -85,39 +85,39 @@
   transition: border-color 0.15s ease;
 }
 
-.mld-protocol-editor__template-btn:hover {
+.mint-protocol-editor__template-btn:hover {
   border-color: var(--color-primary);
 }
 
-.mld-protocol-editor__template-btn:focus-visible {
+.mint-protocol-editor__template-btn:focus-visible {
   outline: none;
   border-color: var(--color-primary);
   box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.15);
 }
 
-.mld-protocol-editor__template-icon {
+.mint-protocol-editor__template-icon {
   width: 1.25rem;
   height: 1.25rem;
   flex-shrink: 0;
 }
 
-.mld-protocol-editor__template-text {
+.mint-protocol-editor__template-text {
   flex: 1;
 }
 
-.mld-protocol-editor__template-arrow {
+.mint-protocol-editor__template-arrow {
   width: 1rem;
   height: 1rem;
   color: var(--text-muted);
   transition: transform 0.15s ease;
 }
 
-.mld-protocol-editor__template-arrow--open {
+.mint-protocol-editor__template-arrow--open {
   transform: rotate(180deg);
 }
 
 /* Template dropdown menu */
-.mld-protocol-editor__template-menu {
+.mint-protocol-editor__template-menu {
   position: absolute;
   top: 100%;
   left: 0;
@@ -132,7 +132,7 @@
   overflow-y: auto;
 }
 
-.mld-protocol-editor__template-option {
+.mint-protocol-editor__template-option {
   display: flex;
   align-items: center;
   gap: 0.5rem;
@@ -147,45 +147,45 @@
   transition: background-color 0.15s ease;
 }
 
-.mld-protocol-editor__template-option:hover {
+.mint-protocol-editor__template-option:hover {
   background-color: var(--bg-hover);
 }
 
-.mld-protocol-editor__template-option--active {
+.mint-protocol-editor__template-option--active {
   background-color: rgba(59, 130, 246, 0.1);
   color: var(--color-primary);
 }
 
-.mld-protocol-editor__template-option-icon {
+.mint-protocol-editor__template-option-icon {
   width: 1rem;
   height: 1rem;
   flex-shrink: 0;
 }
 
-.mld-protocol-editor__template-option-text {
+.mint-protocol-editor__template-option-text {
   flex: 1;
 }
 
-.mld-protocol-editor__template-option-desc {
+.mint-protocol-editor__template-option-desc {
   font-size: 0.75rem;
   color: var(--text-muted);
 }
 
 /* Divider */
-.mld-protocol-editor__divider {
+.mint-protocol-editor__divider {
   height: 1px;
   background-color: var(--border-color);
   margin: 0.5rem 0;
 }
 
 /* Field */
-.mld-protocol-editor__field {
+.mint-protocol-editor__field {
   display: flex;
   flex-direction: column;
   gap: 0.375rem;
 }
 
-.mld-protocol-editor__field-label {
+.mint-protocol-editor__field-label {
   font-size: 0.75rem;
   font-weight: 500;
   color: var(--text-secondary);
@@ -193,24 +193,24 @@
   letter-spacing: 0.05em;
 }
 
-.mld-protocol-editor__field-label--required::after {
+.mint-protocol-editor__field-label--required::after {
   content: ' *';
   color: var(--mint-error);
 }
 
-.mld-protocol-editor__field-error {
+.mint-protocol-editor__field-error {
   font-size: 0.75rem;
   color: var(--mint-error);
 }
 
-.mld-protocol-editor__field-row {
+.mint-protocol-editor__field-row {
   display: grid;
   grid-template-columns: repeat(2, 1fr);
   gap: 0.75rem;
 }
 
 /* Input styles */
-.mld-protocol-editor__input {
+.mint-protocol-editor__input {
   width: 100%;
   padding: 0.5rem 0.75rem;
   font-size: 0.875rem;
@@ -222,36 +222,36 @@
   transition: border-color 0.15s ease, box-shadow 0.15s ease;
 }
 
-.mld-protocol-editor__input:focus-visible {
+.mint-protocol-editor__input:focus-visible {
   border-color: var(--color-primary);
   box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.15);
 }
 
-.mld-protocol-editor__input::placeholder {
+.mint-protocol-editor__input::placeholder {
   color: var(--text-muted);
 }
 
-.mld-protocol-editor__input--error {
+.mint-protocol-editor__input--error {
   border-color: var(--mint-error);
 }
 
-.mld-protocol-editor__input--error:focus-visible {
+.mint-protocol-editor__input--error:focus-visible {
   box-shadow: 0 0 0 2px rgba(239, 68, 68, 0.15);
 }
 
 /* Number input with unit */
-.mld-protocol-editor__input-unit {
+.mint-protocol-editor__input-unit {
   display: flex;
   align-items: stretch;
 }
 
-.mld-protocol-editor__input-unit .mld-protocol-editor__input {
+.mint-protocol-editor__input-unit .mint-protocol-editor__input {
   border-top-right-radius: 0;
   border-bottom-right-radius: 0;
   border-right: none;
 }
 
-.mld-protocol-editor__unit-suffix {
+.mint-protocol-editor__unit-suffix {
   display: flex;
   align-items: center;
   padding: 0 0.625rem;
@@ -265,7 +265,7 @@
 }
 
 /* Select */
-.mld-protocol-editor__select {
+.mint-protocol-editor__select {
   width: 100%;
   padding: 0.5rem 2rem 0.5rem 0.75rem;
   font-size: 0.875rem;
@@ -283,13 +283,13 @@
   transition: border-color 0.15s ease, box-shadow 0.15s ease;
 }
 
-.mld-protocol-editor__select:focus-visible {
+.mint-protocol-editor__select:focus-visible {
   border-color: var(--color-primary);
   box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.15);
 }
 
 /* Textarea */
-.mld-protocol-editor__textarea {
+.mint-protocol-editor__textarea {
   width: 100%;
   min-height: 80px;
   padding: 0.5rem 0.75rem;
@@ -303,24 +303,24 @@
   transition: border-color 0.15s ease, box-shadow 0.15s ease;
 }
 
-.mld-protocol-editor__textarea:focus-visible {
+.mint-protocol-editor__textarea:focus-visible {
   border-color: var(--color-primary);
   box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.15);
 }
 
-.mld-protocol-editor__textarea::placeholder {
+.mint-protocol-editor__textarea::placeholder {
   color: var(--text-muted);
 }
 
 /* Preview section */
-.mld-protocol-editor__preview {
+.mint-protocol-editor__preview {
   margin-top: 0.5rem;
   padding: 1rem;
   background-color: var(--bg-tertiary);
   border-top: 1px solid var(--border-color);
 }
 
-.mld-protocol-editor__preview-title {
+.mint-protocol-editor__preview-title {
   font-size: 0.625rem;
   font-weight: 600;
   color: var(--text-muted);
@@ -329,7 +329,7 @@
   margin-bottom: 0.75rem;
 }
 
-.mld-protocol-editor__preview-card {
+.mint-protocol-editor__preview-card {
   display: flex;
   align-items: flex-start;
   gap: 0.75rem;
@@ -339,7 +339,7 @@
   border-radius: var(--radius);
 }
 
-.mld-protocol-editor__preview-icon {
+.mint-protocol-editor__preview-icon {
   width: 2rem;
   height: 2rem;
   display: flex;
@@ -350,30 +350,30 @@
   flex-shrink: 0;
 }
 
-.mld-protocol-editor__preview-icon svg {
+.mint-protocol-editor__preview-icon svg {
   width: 1rem;
   height: 1rem;
   color: var(--text-muted);
 }
 
-.mld-protocol-editor__preview-content {
+.mint-protocol-editor__preview-content {
   flex: 1;
   min-width: 0;
 }
 
-.mld-protocol-editor__preview-name {
+.mint-protocol-editor__preview-name {
   font-size: 0.875rem;
   font-weight: 500;
   color: var(--text-primary);
   margin-bottom: 0.25rem;
 }
 
-.mld-protocol-editor__preview-params {
+.mint-protocol-editor__preview-params {
   font-size: 0.75rem;
   color: var(--text-muted);
 }
 
-.mld-protocol-editor__preview-duration {
+.mint-protocol-editor__preview-duration {
   font-size: 0.75rem;
   color: var(--text-secondary);
   font-weight: 500;
@@ -381,7 +381,7 @@
 }
 
 /* Actions */
-.mld-protocol-editor__actions {
+.mint-protocol-editor__actions {
   display: flex;
   align-items: center;
   gap: 0.5rem;
@@ -390,11 +390,11 @@
   background-color: var(--bg-tertiary);
 }
 
-.mld-protocol-editor__actions-left {
+.mint-protocol-editor__actions-left {
   flex: 1;
 }
 
-.mld-protocol-editor__btn {
+.mint-protocol-editor__btn {
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -407,43 +407,43 @@
   transition: background-color 0.15s ease, border-color 0.15s ease;
 }
 
-.mld-protocol-editor__btn:disabled {
+.mint-protocol-editor__btn:disabled {
   opacity: var(--mint-disabled-opacity);
   cursor: not-allowed;
 }
 
-.mld-protocol-editor__btn--primary {
+.mint-protocol-editor__btn--primary {
   color: white;
   background-color: var(--color-primary);
   border: none;
 }
 
-.mld-protocol-editor__btn--primary:hover:not(:disabled) {
+.mint-protocol-editor__btn--primary:hover:not(:disabled) {
   background-color: var(--color-primary-hover);
 }
 
-.mld-protocol-editor__btn--secondary {
+.mint-protocol-editor__btn--secondary {
   color: var(--text-primary);
   background-color: transparent;
   border: 1px solid var(--border-color);
 }
 
-.mld-protocol-editor__btn--secondary:hover:not(:disabled) {
+.mint-protocol-editor__btn--secondary:hover:not(:disabled) {
   background-color: var(--bg-hover);
 }
 
-.mld-protocol-editor__btn--ghost {
+.mint-protocol-editor__btn--ghost {
   color: var(--text-secondary);
   background: transparent;
   border: none;
 }
 
-.mld-protocol-editor__btn--ghost:hover:not(:disabled) {
+.mint-protocol-editor__btn--ghost:hover:not(:disabled) {
   color: var(--text-primary);
   background-color: var(--bg-hover);
 }
 
-.mld-protocol-editor__btn svg {
+.mint-protocol-editor__btn svg {
   width: 1rem;
   height: 1rem;
 }