@morscherlab/mint-sdk 1.2.10 → 1.3.0-beta.10

package/src/styles/components/schedule-calendar.css

@@ -140,7 +140,7 @@
 .mint-schedule__day-column {
   flex: 1;
   min-width: 0;
-  border-left: 1px solid var(--border-light, var(--border-color));
+  border-left: 1px solid var(--border-color);
   position: relative;
 }
 
@@ -149,7 +149,7 @@
 }
 
 .mint-schedule__day-column--today {
-  background-color: rgba(59, 130, 246, 0.03);
+  background-color: color-mix(in srgb, var(--color-primary) 4%, transparent);
 }
 
 /* Day headers */
@@ -171,8 +171,8 @@
   padding: 0.5rem 0.25rem;
   font-size: 0.75rem;
   font-weight: 500;
-  color: var(--text-muted);
-  border-left: 1px solid var(--border-light, var(--border-color));
+  color: var(--text-secondary);
+  border-left: 1px solid var(--border-color);
 }
 
 .mint-schedule__day-header:first-child {
@@ -186,8 +186,6 @@
 .mint-schedule__day-header-name {
   display: block;
   font-size: 0.6875rem;
-  text-transform: uppercase;
-  letter-spacing: 0.05em;
 }
 
 .mint-schedule__day-header-number {
@@ -209,7 +207,7 @@
 
 .mint-schedule__slot {
   height: var(--slot-height, 2.5rem);
-  border-bottom: 1px solid var(--border-light, var(--border-color));
+  border-bottom: 1px solid var(--border-light);
   position: relative;
 }
 
@@ -218,52 +216,57 @@
 }
 
 .mint-schedule__slot--interactive:hover {
-  background-color: rgba(59, 130, 246, 0.03);
+  background-color: var(--bg-hover);
 }
 
-/* Events */
+/* Events (3c): status tint over the card, text stays --text-primary in both
+   themes; status is also written out in the time line. */
 .mint-schedule__event {
   position: absolute;
   left: 2px;
   right: 2px;
-  border-radius: var(--radius-sm, 0.25rem);
+  box-sizing: border-box;
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+  border-radius: var(--radius);
   padding: 0.25rem 0.5rem;
   font-size: 0.75rem;
   font-weight: 500;
   overflow: hidden;
   cursor: pointer;
   z-index: 1;
-  border-left: 3px solid var(--event-color, #3B82F6);
+  color: var(--text-primary);
+  background-color: color-mix(in srgb, var(--event-color) 16%, var(--bg-card));
+  border: 1px solid color-mix(in srgb, var(--event-color) 35%, transparent);
   transition: box-shadow 0.15s ease;
 }
 
 .mint-schedule__event:hover {
   box-shadow: var(--shadow-sm);
-  filter: brightness(1.05);
 }
 
 .mint-schedule__event--confirmed {
-  background-color: rgba(16, 185, 129, 0.15);
-  color: #065F46;
-  --event-color: #10B981;
+  --event-color: var(--mint-success);
 }
 
 .mint-schedule__event--pending {
-  background-color: rgba(245, 158, 11, 0.15);
-  color: #92400E;
-  --event-color: #F59E0B;
+  --event-color: var(--mint-warning);
 }
 
 .mint-schedule__event--in-progress {
-  background-color: rgba(59, 130, 246, 0.15);
-  color: #1E40AF;
-  --event-color: #3B82F6;
+  --event-color: var(--mint-info);
 }
 
+/* Cancelled: dashed hollow + strike, no status tint. */
 .mint-schedule__event--cancelled {
-  background-color: rgba(239, 68, 68, 0.1);
-  color: #991B1B;
-  --event-color: #EF4444;
+  color: var(--text-secondary);
+  background-color: var(--bg-card);
+  border: 1px dashed var(--border-color);
+}
+
+.mint-schedule__event--cancelled .mint-schedule__event-title {
+  font-weight: 400;
   text-decoration: line-through;
 }
 
@@ -275,10 +278,17 @@
 }
 
 .mint-schedule__event-time {
-  font-size: 0.625rem;
+  font-family: var(--font-mono);
+  font-size: 0.6875rem;
   font-weight: 400;
-  opacity: 0.75;
+  color: var(--text-secondary-strong);
   white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.mint-schedule__event--cancelled .mint-schedule__event-time {
+  color: var(--text-secondary);
 }
 
 /* Resize handles */
@@ -308,8 +318,8 @@
     45deg,
     transparent,
     transparent 4px,
-    var(--border-light, var(--border-color)) 4px,
-    var(--border-light, var(--border-color)) 5px
+    var(--border-light) 4px,
+    var(--border-light) 5px
   );
   z-index: 0;
   pointer-events: none;
@@ -320,8 +330,8 @@
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
-  font-size: 0.625rem;
-  color: var(--text-muted);
+  font-size: 0.75rem;
+  color: var(--text-secondary);
   white-space: nowrap;
 }
 
@@ -352,8 +362,8 @@
   left: 2px;
   right: 2px;
   border: 2px dashed var(--color-primary);
-  background-color: rgba(59, 130, 246, 0.08);
-  border-radius: var(--radius-sm, 0.25rem);
+  background-color: var(--color-primary-soft);
+  border-radius: var(--radius-sm);
   z-index: 4;
   pointer-events: none;
 }
@@ -375,16 +385,14 @@
   padding: 0.5rem 0.25rem;
   font-size: 0.6875rem;
   font-weight: 500;
-  color: var(--text-muted);
-  text-transform: uppercase;
-  letter-spacing: 0.05em;
+  color: var(--text-secondary);
   border-bottom: 1px solid var(--border-color);
 }
 
 .mint-schedule__month-cell {
   min-height: 5rem;
-  border-bottom: 1px solid var(--border-light, var(--border-color));
-  border-right: 1px solid var(--border-light, var(--border-color));
+  border-bottom: 1px solid var(--border-color);
+  border-right: 1px solid var(--border-color);
   padding: 0.25rem;
   cursor: pointer;
   transition: background-color 0.15s ease;
@@ -399,7 +407,7 @@
 }
 
 .mint-schedule__month-cell--today {
-  border-left: 3px solid var(--color-primary);
+  background-color: color-mix(in srgb, var(--color-primary) 4%, transparent);
 }
 
 .mint-schedule__month-cell--outside {
@@ -420,47 +428,44 @@
 }
 
 .mint-schedule__month-event {
+  box-sizing: border-box;
   height: 1.25rem;
   font-size: 0.6875rem;
   font-weight: 500;
   padding: 0 0.375rem;
   margin-bottom: 1px;
-  border-radius: 2px;
+  border-radius: var(--radius-sm);
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
   cursor: pointer;
-  border-left: 2px solid var(--event-color, #3B82F6);
-  line-height: 1.25rem;
+  color: var(--text-primary);
+  background-color: color-mix(in srgb, var(--event-color) 16%, var(--bg-card));
+  border: 1px solid color-mix(in srgb, var(--event-color) 35%, transparent);
+  line-height: calc(1.25rem - 2px);
 }
 
 .mint-schedule__month-event--confirmed {
-  background-color: rgba(16, 185, 129, 0.15);
-  color: #065F46;
-  --event-color: #10B981;
+  --event-color: var(--mint-success);
 }
 
 .mint-schedule__month-event--pending {
-  background-color: rgba(245, 158, 11, 0.15);
-  color: #92400E;
-  --event-color: #F59E0B;
+  --event-color: var(--mint-warning);
 }
 
 .mint-schedule__month-event--in-progress {
-  background-color: rgba(59, 130, 246, 0.15);
-  color: #1E40AF;
-  --event-color: #3B82F6;
+  --event-color: var(--mint-info);
 }
 
 .mint-schedule__month-event--cancelled {
-  background-color: rgba(239, 68, 68, 0.1);
-  color: #991B1B;
-  --event-color: #EF4444;
+  color: var(--text-secondary);
+  background-color: var(--bg-card);
+  border: 1px dashed var(--border-color);
   text-decoration: line-through;
 }
 
 .mint-schedule__month-more {
-  font-size: 0.625rem;
+  font-size: 0.6875rem;
   color: var(--color-primary);
   padding: 0 0.375rem;
   cursor: pointer;

package/src/styles/components/scientific-number.css

@@ -4,7 +4,7 @@
   display: inline-flex;
   align-items: baseline;
   gap: 0.125rem;
-  font-family: 'Fira Code', monospace;
+  font-family: var(--font-mono);
   color: var(--text-primary);
 }
 
@@ -15,11 +15,29 @@
 
 .mint-sci-number__times {
   margin: 0 0.125rem;
-  color: var(--text-muted);
+  color: var(--text-secondary);
+}
+
+/* Board 4b: plain digits at 0.72em, raised without growing the line box. Generated
+   content is never copied, so a selection yields "10^23" from __sr, not "1023". */
+.mint-sci-number__exponent::after {
+  content: attr(data-exponent);
+  position: relative;
+  top: -0.5em;
+  font-size: 0.72em;
+  line-height: 0;
 }
 
-.mint-sci-number__exponent {
-  font-size: 0.75em;
+.mint-sci-number__sr {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  white-space: nowrap;
+  border-width: 0;
 }
 
 .mint-sci-number__suffix {
@@ -28,36 +46,72 @@
 }
 
 .mint-sci-number__unit {
-  color: var(--text-muted);
+  color: var(--text-secondary);
   margin-left: 0.25rem;
-  font-size: 0.875em;
 }
 
 .mint-sci-number__copy-btn {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  align-self: center;
+  width: 24px;
+  height: 24px;
   margin-left: 0.25rem;
-  padding: 0.125rem;
+  padding: 0;
   background: transparent;
   border: none;
-  color: var(--text-muted);
+  border-radius: var(--radius);
+  color: var(--text-secondary);
   cursor: pointer;
-  border-radius: var(--radius-sm);
   opacity: 0;
-  transition: opacity 0.15s ease, color 0.15s ease;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  line-height: 1;
+  transition: opacity 0.15s ease, color 0.15s ease, background-color 0.15s ease;
+}
+
+.mint-sci-number__copy-btn svg {
+  width: 12px;
+  height: 12px;
 }
 
-.mint-sci-number:hover .mint-sci-number__copy-btn {
+/* Visible on hover, on keyboard focus (4b), while confirming, and always on touch screens. */
+.mint-sci-number:hover .mint-sci-number__copy-btn,
+.mint-sci-number__copy-btn:focus-visible,
+.mint-sci-number__copy-btn--copied {
   opacity: 1;
 }
 
+@media (pointer: coarse) {
+  .mint-sci-number__copy-btn {
+    opacity: 1;
+  }
+}
+
 .mint-sci-number__copy-btn:hover {
-  color: var(--color-primary);
+  color: var(--text-primary);
   background-color: var(--bg-hover);
 }
 
-.mint-sci-number__copy-btn--copied {
-  color: var(--mint-success);
+.mint-sci-number__copy-btn:focus-visible {
+  outline: none;
+  box-shadow: var(--focus-ring-offset);
+}
+
+.mint-sci-number__copy-btn--copied,
+.mint-sci-number__copy-btn--copied:hover {
+  color: var(--mint-success-hover);
+}
+
+.mint-sci-number__copied {
+  align-self: center;
+  margin-left: 0.25rem;
+  color: var(--text-secondary);
+  font-family: var(--font-sans);
+  font-size: 0.75rem;
+  white-space: nowrap;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .mint-sci-number__copy-btn {
+    transition: none;
+  }
 }

package/src/styles/components/searchable-select.css

@@ -19,45 +19,36 @@
 
 .mint-searchable-select--sm .mint-searchable-select__trigger { min-height: var(--form-height-sm); padding: 0.3rem 0.5rem; font-size: 0.75rem; }
 .mint-searchable-select--lg .mint-searchable-select__trigger { min-height: var(--form-height-lg); padding: 0.75rem 1rem; font-size: 1rem; }
-.mint-searchable-select__trigger:focus-visible { outline: none; border-color: transparent; box-shadow: var(--focus-ring); }
-.mint-searchable-select__trigger:disabled { background: var(--bg-tertiary); cursor: not-allowed; opacity: var(--mint-disabled-opacity); }
-.mint-searchable-select__trigger svg { width: 1rem; height: 1rem; flex: none; color: var(--text-muted); }
+.mint-searchable-select__trigger:hover:not(:disabled) { border-color: var(--_field-border-hover); }
+.mint-searchable-select__trigger:focus-visible,
+.mint-searchable-select__trigger[aria-expanded='true'] { outline: none; border-color: var(--color-primary); box-shadow: var(--focus-ring-soft); }
+.mint-searchable-select__trigger:disabled { background: var(--bg-tertiary); color: var(--text-muted); cursor: not-allowed; }
+.mint-searchable-select__trigger svg { width: 0.875rem; height: 0.875rem; flex: none; color: var(--text-secondary); }
 .mint-searchable-select__value { flex: 1; min-width: 0; overflow: hidden; text-align: left; text-overflow: ellipsis; white-space: nowrap; }
 .mint-searchable-select__value--placeholder { color: var(--text-muted); }
 
+/* Surface = .mint-popover (2d); this alias keeps only placement. */
 .mint-searchable-select__panel {
   position: absolute;
   top: calc(100% + 0.25rem);
   right: 0;
   left: 0;
   z-index: 30;
-  display: flex;
   max-height: min(38rem, 80vh);
-  flex-direction: column;
   overflow: hidden;
-  border: 1px solid var(--border-color);
-  border-radius: var(--radius-md);
-  background: var(--bg-card);
-  box-shadow: var(--shadow-lg);
 }
 
-.mint-searchable-select__search-wrap { position: relative; padding: 0.5rem; border-bottom: 1px solid var(--border-color); }
-.mint-searchable-select__search-wrap svg { position: absolute; top: 50%; left: 1rem; width: 0.875rem; height: 0.875rem; color: var(--text-muted); transform: translateY(-50%); pointer-events: none; }
-.mint-searchable-select__search { width: 100%; min-height: var(--form-height-sm); padding: 0.375rem 0.625rem 0.375rem 1.75rem; border: 1px solid var(--border-color); border-radius: var(--radius-md); background: var(--bg-primary); color: var(--text-primary); font: inherit; font-size: 0.8125rem; box-sizing: border-box; }
-.mint-searchable-select__search:focus-visible { outline: none; border-color: transparent; box-shadow: var(--focus-ring); }
-.mint-searchable-select__list { min-height: 0; margin: 0; padding: 0.25rem; overflow-y: auto; list-style: none; }
-.mint-searchable-select__option { display: flex; align-items: center; gap: 0.5rem; padding: 0.375rem 0.5rem; border-radius: var(--radius-sm); color: var(--text-primary); cursor: pointer; }
-.mint-searchable-select__option--active { background: var(--bg-tertiary); }
-.mint-searchable-select__option--selected { background: var(--color-primary-soft); color: var(--text-primary); }
-.mint-searchable-select__option--disabled { cursor: not-allowed; opacity: 0.5; }
-.mint-searchable-select__option-text { display: flex; min-width: 0; flex: 1; flex-direction: column; }
-.mint-searchable-select__option-label { overflow: hidden; font-size: 0.75rem; font-weight: 500; text-overflow: ellipsis; white-space: nowrap; }
-.mint-searchable-select__option-description { font-size: 0.625rem; line-height: 1.35; color: var(--text-muted); }
-.mint-searchable-select__option-meta { flex: none; padding: 0.0625rem 0.3125rem; border-radius: var(--radius-sm); background: var(--bg-secondary); color: var(--text-muted); font-family: var(--font-mono); font-size: 0.5625rem; letter-spacing: 0.04em; text-transform: uppercase; }
-.mint-searchable-select__check { width: 1rem; height: 1rem; flex: none; }
-.mint-searchable-select__empty { padding: 1rem; text-align: center; color: var(--text-muted); font-size: 0.75rem; }
-.mint-searchable-select__footer { padding: 0.625rem; border-top: 1px solid var(--border-color); color: var(--text-secondary); font-size: 0.6875rem; }
+.mint-searchable-select__search-wrap { position: relative; margin: 0 0 0.25rem; padding: 0.25rem 0.25rem 0.5rem; border-bottom: 1px solid var(--border-light); }
+.mint-searchable-select__search-wrap svg { position: absolute; top: calc(50% - 0.125rem); left: 0.75rem; width: 0.875rem; height: 0.875rem; color: var(--text-secondary); transform: translateY(-50%); pointer-events: none; }
+.mint-searchable-select__search { width: 100%; min-height: var(--form-height-sm); padding: 0.375rem 0.625rem 0.375rem 1.75rem; border: 1px solid var(--border-color); border-radius: var(--radius-md); background: var(--bg-secondary); color: var(--text-primary); font: inherit; font-size: 0.8125rem; box-sizing: border-box; transition: border-color 150ms ease, box-shadow 150ms ease; }
+.mint-searchable-select__search:hover { border-color: var(--_field-border-hover); }
+.mint-searchable-select__search:focus-visible { outline: none; border-color: var(--color-primary); box-shadow: var(--focus-ring-soft); }
+.mint-searchable-select__list { min-height: 0; margin: 0; padding: 0; overflow-y: auto; list-style: none; }
+/* Rows = .mint-menu-item (2d); __option* stay as aliases. */
+.mint-searchable-select__empty { padding: 1rem; text-align: center; color: var(--text-secondary); font-size: 0.75rem; }
+.mint-searchable-select__footer { margin: 0.25rem -0.25rem -0.25rem; padding: 0.625rem; border-top: 1px solid var(--border-light); color: var(--text-secondary); font-size: 0.75rem; }
 
 @media (prefers-reduced-motion: reduce) {
-  .mint-searchable-select__trigger { transition: none; }
+  .mint-searchable-select__trigger,
+  .mint-searchable-select__search { transition: none; }
 }

package/src/styles/components/secret-input.css

@@ -1,4 +1,5 @@
-/* SecretInput — plugin secret settings field with a set / not set / environment badge. */
+/* SecretInput — plugin secret settings field with a set / not set / environment status.
+   Status = dot + text, the BasePill dot form (10b): color lives in the dot only. */
 
 .mint-secret-input {
   display: flex;
@@ -16,37 +17,32 @@
 .mint-secret-input__badge {
   display: inline-flex;
   align-items: center;
-  border-radius: 999px;
-  padding: 0.125rem 0.5rem;
+  gap: 0.375rem;
   font-size: 0.75rem;
-  font-weight: 500;
   line-height: 1.4;
-  border: 1px solid transparent;
-  background-color: var(--bg-tertiary);
-  color: var(--text-secondary);
+  color: var(--text-secondary-strong);
 }
 
-.mint-secret-input__badge--set {
-  background-color: color-mix(in srgb, var(--mint-success) 12%, transparent);
-  border-color: color-mix(in srgb, var(--mint-success) 35%, transparent);
-  color: var(--mint-success);
+.mint-secret-input__dot {
+  flex-shrink: 0;
+  width: 0.375rem;
+  height: 0.375rem;
+  border-radius: 9999px;
+  box-sizing: border-box;
 }
 
-.mint-secret-input__badge--environment {
-  background-color: color-mix(in srgb, var(--mint-info) 12%, transparent);
-  border-color: color-mix(in srgb, var(--mint-info) 35%, transparent);
-  color: var(--mint-info);
-}
+.mint-secret-input__badge--set .mint-secret-input__dot { background-color: var(--mint-success); }
+.mint-secret-input__badge--environment .mint-secret-input__dot { background-color: var(--mint-info); }
+.mint-secret-input__badge--pending .mint-secret-input__dot { background-color: var(--mint-warning); }
 
-.mint-secret-input__badge--pending {
-  background-color: color-mix(in srgb, var(--mint-warning) 12%, transparent);
-  border-color: color-mix(in srgb, var(--mint-warning) 35%, transparent);
-  color: var(--mint-warning);
+/* Unset = hollow dot in the strong control border color. */
+.mint-secret-input__badge--unset .mint-secret-input__dot {
+  border: 1.5px solid var(--_control-border-strong);
 }
 
 .mint-secret-input__hint {
   font-size: 0.75rem;
-  color: var(--text-muted);
+  color: var(--text-secondary);
 }
 
 .mint-secret-input__actions {
@@ -55,6 +51,7 @@
   gap: 0.5rem;
 }
 
-.mint-secret-input--error .mint-secret-input__badge {
-  border-color: color-mix(in srgb, var(--mint-error) 45%, transparent);
+.mint-secret-input--error .mint-secret-input__dot {
+  background-color: var(--mint-error);
+  border: none;
 }

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

@@ -8,7 +8,7 @@
 .mint-section-card {
   display: flex;
   flex-direction: column;
-  border-radius: 12px;
+  border-radius: var(--radius-lg);
   border: 1px solid var(--border-color);
   background: var(--bg-secondary);
   box-shadow: var(--card-shadow);
@@ -49,7 +49,7 @@
   flex-shrink: 0;
   width: 1.375rem;
   height: 1.375rem;
-  border-radius: 6px;
+  border-radius: var(--radius);
 }
 
 .mint-section-card__icon {
@@ -101,13 +101,11 @@
 
 .mint-section-card__title--uppercase {
   font-size: 0.75rem;
-  letter-spacing: 0.08em;
-  text-transform: uppercase;
   color: var(--text-secondary);
 }
 
 .mint-section-card__count {
-  font-family: 'Fira Code', monospace;
+  font-family: var(--font-mono);
   font-size: 0.6875rem;
   color: var(--text-muted);
 }

package/src/styles/components/segmented-control.css

@@ -11,6 +11,7 @@
    stretched when the control is a stretching flex/grid item. */
 .mint-segmented-control--card {
   display: inline-grid;
+  box-sizing: border-box; /* full-width must include the padding */
   grid-auto-flow: column;
   grid-auto-columns: 1fr;
   width: fit-content;
@@ -84,6 +85,8 @@
 .mint-segmented-control__option--simple {
   flex: 1;
   padding: 0.5rem 1rem;
+  /* `flex: 1` (basis 0) would otherwise squeeze a longer label onto two lines. */
+  white-space: nowrap;
 }
 
 .mint-segmented-control__option--simple:hover:not(.mint-segmented-control__option--active):not(.mint-segmented-control__option--disabled) {
@@ -169,6 +172,16 @@
   font-size: 1rem;
 }
 
+/* Optional color swatch (e.g. a group color) before the label. */
+.mint-segmented-control__swatch {
+  display: inline-block;
+  width: 0.5rem;
+  height: 0.5rem;
+  margin-right: 0.375rem;
+  border-radius: 2px;
+  vertical-align: 0.0625rem;
+}
+
 /* Description (card variant only) */
 .mint-segmented-control__description {
   font-size: 0.75rem;
@@ -187,7 +200,7 @@
 }
 
 .mint-segmented-control__option--sm .mint-segmented-control__description {
-  font-size: 0.625rem;
+  font-size: 0.6875rem;
 }
 
 .mint-segmented-control__option--md .mint-segmented-control__description {

package/src/styles/components/select.css

@@ -18,30 +18,37 @@
   transition: border-color 0.15s ease, box-shadow 0.15s ease;
 }
 
+.mint-select__control:hover:not(:focus):not(.mint-select__control--disabled):not(.mint-select__control--error) {
+  border-color: var(--_field-border-hover);
+}
+
+.mint-select__control:focus,
 .mint-select__control:focus-visible {
   outline: none;
-  border-color: transparent;
-  box-shadow: var(--focus-ring);
+  border-color: var(--color-primary);
+  box-shadow: var(--focus-ring-soft);
 }
 
 .mint-select__control--error {
   border-color: var(--mint-error);
 }
 
+.mint-select__control--error:focus,
 .mint-select__control--error:focus-visible {
-  box-shadow: var(--focus-ring-error);
+  border-color: var(--mint-error);
+  box-shadow: var(--focus-ring-soft-error);
 }
 
 .mint-select__control--disabled {
-  opacity: var(--mint-disabled-opacity);
   cursor: not-allowed;
   background-color: var(--bg-tertiary);
+  color: var(--text-muted);
 }
 
 .mint-select__control--sm {
   padding: 0.375rem 0.625rem;
   padding-right: 2.5rem;
-  font-size: 0.875rem;
+  font-size: 0.8125rem;
   min-height: var(--form-height-sm);
 }
 
@@ -66,12 +73,16 @@
   right: 0;
   display: flex;
   align-items: center;
-  padding-right: 0.75rem;
+  padding-right: 0.625rem;
   pointer-events: none;
 }
 
 .mint-select__icon svg {
-  width: 1rem;
-  height: 1rem;
+  width: 0.875rem;
+  height: 0.875rem;
+  color: var(--text-secondary);
+}
+
+.mint-select__control--disabled + .mint-select__icon svg {
   color: var(--text-muted);
 }