@morscherlab/mint-sdk 1.0.0-beta.2 → 1.0.0-beta.4

package/src/styles/components/grouping-modal.css

@@ -1,323 +0,0 @@
-/* GroupingModal Component Styles */
-
-.mint-grouping-modal {
-  display: flex;
-  flex-direction: column;
-  gap: 1rem;
-}
-
-/* Dropzone */
-.mint-grouping-modal__dropzone {
-  position: relative;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  padding: 2rem;
-  border: 2px dashed var(--border-color);
-  border-radius: var(--radius);
-  background-color: var(--bg-secondary);
-  cursor: pointer;
-  transition: border-color 0.15s ease, background-color 0.15s ease;
-}
-
-.mint-grouping-modal__dropzone:hover,
-.mint-grouping-modal__dropzone--dragover {
-  border-color: var(--color-primary);
-  background-color: var(--color-primary-soft);
-}
-
-.mint-grouping-modal__file-input {
-  position: absolute;
-  inset: 0;
-  opacity: 0;
-  cursor: pointer;
-}
-
-.mint-grouping-modal__upload-icon {
-  width: 3rem;
-  height: 3rem;
-  color: var(--text-muted);
-  margin-bottom: 0.75rem;
-}
-
-.mint-grouping-modal__upload-text {
-  font-size: 0.875rem;
-  color: var(--text-primary);
-  margin-top: 0 !important;
-  margin-bottom: 0 !important;
-  padding: 0 !important;
-}
-
-.mint-grouping-modal__upload-highlight {
-  color: var(--color-primary);
-  font-weight: 500;
-}
-
-.mint-grouping-modal__upload-hint {
-  font-size: 0.75rem;
-  color: var(--text-muted);
-  margin-top: 0.25rem !important;
-  margin-bottom: 0 !important;
-  padding: 0 !important;
-}
-
-/* Error */
-.mint-grouping-modal__error {
-  padding: 0.75rem;
-  border-radius: var(--radius-sm);
-  background-color: var(--mint-error-bg);
-  color: var(--mint-error);
-  font-size: 0.875rem;
-}
-
-/* File info */
-.mint-grouping-modal__file-info {
-  display: flex;
-  align-items: center;
-  gap: 0.5rem;
-  padding: 0.5rem 0.75rem;
-  background-color: var(--bg-tertiary);
-  border-radius: var(--radius-sm);
-}
-
-.mint-grouping-modal__file-icon {
-  width: 1.25rem;
-  height: 1.25rem;
-  color: var(--text-muted);
-  flex-shrink: 0;
-}
-
-.mint-grouping-modal__file-name {
-  flex: 1;
-  font-size: 0.875rem;
-  color: var(--text-primary);
-  font-weight: 500;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-
-.mint-grouping-modal__file-clear {
-  font-size: 0.75rem;
-  color: var(--color-primary);
-  background: none;
-  border: none;
-  cursor: pointer;
-  padding: 0;
-}
-
-.mint-grouping-modal__file-clear:hover {
-  text-decoration: underline;
-}
-
-/* Config section */
-.mint-grouping-modal__config {
-  display: flex;
-  flex-direction: column;
-  gap: 1rem;
-}
-
-.mint-grouping-modal__config-row {
-  display: flex;
-  flex-direction: column;
-  gap: 0.375rem;
-}
-
-.mint-grouping-modal__label {
-  font-size: 0.75rem;
-  font-weight: 500;
-  color: var(--text-muted);
-  text-transform: uppercase;
-  letter-spacing: 0.025em;
-}
-
-.mint-grouping-modal__group-columns {
-  display: flex;
-  flex-direction: column;
-  gap: 0.5rem;
-}
-
-.mint-grouping-modal__selected-columns {
-  display: flex;
-  flex-direction: column;
-  gap: 0.375rem;
-}
-
-.mint-grouping-modal__selected-column {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  padding: 0.5rem 0.75rem;
-  background-color: var(--bg-tertiary);
-  border-radius: var(--radius-sm);
-  border: 1px solid var(--border-color);
-}
-
-.mint-grouping-modal__column-name {
-  font-size: 0.875rem;
-  color: var(--text-primary);
-}
-
-.mint-grouping-modal__column-actions {
-  display: flex;
-  align-items: center;
-  gap: 0.25rem;
-}
-
-.mint-grouping-modal__column-btn {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 1.5rem;
-  height: 1.5rem;
-  padding: 0;
-  background: none;
-  border: none;
-  border-radius: var(--radius-sm);
-  color: var(--text-muted);
-  cursor: pointer;
-  transition: color 0.15s ease, background-color 0.15s ease;
-}
-
-.mint-grouping-modal__column-btn:hover:not(:disabled) {
-  color: var(--text-primary);
-  background-color: var(--bg-hover);
-}
-
-.mint-grouping-modal__column-btn:disabled {
-  opacity: 0.3;
-  cursor: not-allowed;
-}
-
-.mint-grouping-modal__column-btn--remove:hover:not(:disabled) {
-  color: var(--mint-error);
-  background-color: var(--mint-error-bg);
-}
-
-/* Match status */
-.mint-grouping-modal__match-status {
-  display: flex;
-  gap: 1rem;
-  padding: 0.75rem;
-  background-color: var(--bg-tertiary);
-  border-radius: var(--radius-sm);
-}
-
-.mint-grouping-modal__match-stat {
-  display: flex;
-  align-items: baseline;
-  gap: 0.375rem;
-}
-
-.mint-grouping-modal__match-count {
-  font-size: 1rem;
-  font-weight: 600;
-}
-
-.mint-grouping-modal__match-label {
-  font-size: 0.75rem;
-  color: var(--text-muted);
-}
-
-.mint-grouping-modal__match-stat--matched .mint-grouping-modal__match-count {
-  color: var(--mint-success);
-}
-
-.mint-grouping-modal__match-stat--unmatched .mint-grouping-modal__match-count {
-  color: var(--mint-warning);
-}
-
-/* Preview */
-.mint-grouping-modal__preview {
-  display: flex;
-  flex-direction: column;
-  gap: 0.5rem;
-}
-
-.mint-grouping-modal__preview-title {
-  font-size: 0.75rem;
-  font-weight: 500;
-  color: var(--text-muted);
-  text-transform: uppercase;
-  letter-spacing: 0.025em;
-  margin-top: 0 !important;
-  margin-bottom: 0 !important;
-  padding: 0 !important;
-}
-
-.mint-grouping-modal__table-wrapper {
-  overflow-x: auto;
-  border: 1px solid var(--border-color);
-  border-radius: var(--radius-sm);
-}
-
-.mint-grouping-modal__table {
-  display: table !important;
-  overflow: visible !important;
-  width: 100%;
-  border-collapse: collapse;
-  border: none !important;
-  margin: 0 !important;
-  font-size: 0.8125rem;
-}
-
-.mint-grouping-modal__table thead {
-  display: table-header-group !important;
-}
-
-.mint-grouping-modal__table tbody {
-  display: table-row-group !important;
-}
-
-.mint-grouping-modal__table tr {
-  border: none !important;
-}
-
-.mint-grouping-modal__th,
-.mint-grouping-modal__td {
-  padding: 0.5rem 0.75rem;
-  text-align: left;
-  white-space: nowrap;
-}
-
-.mint-grouping-modal__th {
-  font-weight: 500;
-  color: var(--text-muted);
-  background-color: var(--bg-tertiary);
-  border-bottom: 1px solid var(--border-color);
-}
-
-.mint-grouping-modal__td {
-  color: var(--text-primary);
-  border-bottom: 1px solid var(--border-color);
-}
-
-.mint-grouping-modal__table tbody tr:last-child .mint-grouping-modal__td {
-  border-bottom: none;
-}
-
-.mint-grouping-modal__th--sample,
-.mint-grouping-modal__td--sample {
-  background-color: rgba(59, 130, 246, 0.08);
-}
-
-.mint-grouping-modal__th--group,
-.mint-grouping-modal__td--group {
-  background-color: rgba(168, 85, 247, 0.08);
-}
-
-.mint-grouping-modal__preview-note {
-  font-size: 0.75rem;
-  color: var(--text-muted);
-  margin-top: 0 !important;
-  margin-bottom: 0 !important;
-  padding: 0 !important;
-}
-
-/* Footer */
-.mint-grouping-modal__footer {
-  display: flex;
-  justify-content: flex-end;
-  gap: 0.75rem;
-}

package/src/styles/components/settings-button.css

@@ -1,94 +0,0 @@
-/* SettingsButton Component Styles */
-
-.mint-settings-button {
-  position: relative;
-  display: inline-flex;
-}
-
-.mint-settings-button__trigger {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  border-radius: var(--radius);
-  background-color: transparent;
-  color: var(--text-secondary);
-  border: none;
-  cursor: pointer;
-  transition:
-    color 0.15s var(--mint-ease-out-quart, cubic-bezier(0.25, 1, 0.5, 1)),
-    background-color 0.15s var(--mint-ease-out-quart, cubic-bezier(0.25, 1, 0.5, 1)),
-    transform 0.15s var(--mint-ease-out-quart, cubic-bezier(0.25, 1, 0.5, 1));
-  transform: translateY(0);
-}
-
-.mint-settings-button__trigger:hover {
-  background-color: var(--bg-hover);
-  color: var(--text-primary);
-  transform: translateY(-1px);
-}
-
-.mint-settings-button__trigger:active {
-  transform: translateY(0);
-  transition-duration: 0.05s;
-}
-
-.mint-settings-button__trigger:focus-visible {
-  outline: none;
-  box-shadow: var(--focus-ring);
-}
-
-@media (prefers-reduced-motion: reduce) {
-  .mint-settings-button__trigger,
-  .mint-settings-button__trigger:hover,
-  .mint-settings-button__trigger:active {
-    transform: none;
-    transition: color 0.15s ease, background-color 0.15s ease;
-  }
-}
-
-.mint-settings-button__trigger--sm {
-  padding: 0.375rem;
-}
-
-.mint-settings-button__trigger--md {
-  padding: 0.5rem;
-}
-
-.mint-settings-button__trigger--lg {
-  padding: 0.75rem;
-}
-
-.mint-settings-button__icon--sm {
-  width: 1rem;
-  height: 1rem;
-}
-
-.mint-settings-button__icon--md {
-  width: 1.25rem;
-  height: 1.25rem;
-}
-
-.mint-settings-button__icon--lg {
-  width: 1.5rem;
-  height: 1.5rem;
-}
-
-.mint-settings-dropdown {
-  position: absolute;
-  top: calc(100% + 0.5rem);
-  right: 0;
-  min-width: 200px;
-  background: var(--bg-card);
-  border: 1px solid var(--border-color);
-  border-radius: var(--radius);
-  box-shadow: var(--shadow-lg);
-  z-index: 50;
-  overflow: hidden;
-}
-
-.mint-settings-dropdown__empty {
-  padding: 1rem;
-  color: var(--text-muted);
-  font-size: 0.875rem;
-  text-align: center;
-}