@compose-market/theme 0.0.81 → 0.0.90

package/dist/css/shell.css

@@ -150,259 +150,6 @@
   color: inherit;
 }
 
-.cm-wallet-connect-button {
-  transition:
-    background-color 160ms ease,
-    box-shadow 180ms ease,
-    transform 160ms ease;
-}
-
-.cm-wallet-connect-button:hover {
-  background: hsl(188 95% 49%);
-  transform: translateY(-1px);
-}
-
-.cm-wallet-details-button {
-  background: hsl(var(--primary) / 0.1);
-  border-color: hsl(var(--primary) / 0.3);
-  color: hsl(var(--primary));
-  border-radius: var(--radius, 0.25rem);
-}
-
-.cm-wallet-details-button:hover {
-  background: hsl(var(--primary) / 0.2);
-  border-color: hsl(var(--primary) / 0.45);
-}
-
-.cm-wallet-menu {
-  position: relative;
-}
-
-.cm-wallet-menu__trigger {
-  display: inline-flex;
-  align-items: center;
-  gap: 0.5rem;
-  min-height: 2.3rem;
-  padding: 0 0.8rem;
-  border-radius: var(--radius, 0.25rem);
-  border: 1px solid hsl(var(--primary) / 0.3);
-  background: hsl(var(--primary) / 0.1);
-  color: hsl(var(--primary));
-  font-family: var(--font-mono), monospace;
-  font-size: 0.78rem;
-  line-height: 1;
-  cursor: pointer;
-  transition:
-    transform 160ms ease,
-    background-color 160ms ease,
-    border-color 180ms ease;
-}
-
-.cm-wallet-menu__trigger:hover {
-  transform: translateY(-1px);
-  background: hsl(var(--primary) / 0.18);
-  border-color: hsl(var(--primary) / 0.46);
-}
-
-.cm-wallet-menu__trigger--red {
-  background: hsl(0 84% 60% / 0.09);
-  border-color: hsl(0 84% 60% / 0.3);
-  color: hsl(0 84% 72%);
-}
-
-.cm-wallet-menu__trigger--red:hover {
-  background: hsl(0 84% 60% / 0.15);
-  border-color: hsl(0 84% 60% / 0.48);
-}
-
-.cm-wallet-menu__trigger--blue {
-  background: hsl(212 95% 55% / 0.09);
-  border-color: hsl(212 95% 55% / 0.3);
-  color: hsl(203 95% 72%);
-}
-
-.cm-wallet-menu__trigger--blue:hover {
-  background: hsl(212 95% 55% / 0.15);
-  border-color: hsl(212 95% 55% / 0.48);
-}
-
-.cm-wallet-menu__trigger--yellow {
-  background: hsl(47 96% 56% / 0.1);
-  border-color: hsl(47 96% 56% / 0.3);
-  color: hsl(47 96% 72%);
-}
-
-.cm-wallet-menu__trigger--yellow:hover {
-  background: hsl(47 96% 56% / 0.18);
-  border-color: hsl(47 96% 56% / 0.48);
-}
-
-.cm-wallet-menu__trigger--neutral {
-  background: hsl(var(--muted) / 0.34);
-  border-color: hsl(var(--border) / 0.88);
-  color: hsl(var(--foreground));
-}
-
-.cm-wallet-menu__trigger--neutral:hover {
-  background: hsl(var(--muted) / 0.52);
-  border-color: hsl(var(--primary) / 0.24);
-}
-
-.cm-wallet-menu__dot {
-  width: 0.5rem;
-  height: 0.5rem;
-  border-radius: 999px;
-  background: hsl(var(--primary));
-  box-shadow: 0 0 12px hsl(var(--primary) / 0.44);
-  animation: cm-wallet-pulse 2.2s ease-in-out infinite;
-}
-
-.cm-wallet-menu__dot--red {
-  background: hsl(0 84% 60%);
-  box-shadow: 0 0 12px hsl(0 84% 60% / 0.44);
-}
-
-.cm-wallet-menu__dot--blue {
-  background: hsl(212 95% 55%);
-  box-shadow: 0 0 12px hsl(212 95% 55% / 0.44);
-}
-
-.cm-wallet-menu__dot--yellow {
-  background: hsl(47 96% 56%);
-  box-shadow: 0 0 12px hsl(47 96% 56% / 0.44);
-}
-
-.cm-wallet-menu__dot--neutral {
-  background: hsl(var(--muted-foreground));
-  box-shadow: none;
-}
-
-.cm-wallet-menu__balance {
-  font-weight: 600;
-}
-
-.cm-wallet-menu__address {
-  color: currentColor;
-  opacity: 0.58;
-}
-
-.cm-wallet-menu__caret {
-  display: inline-flex;
-  align-items: center;
-  color: currentColor;
-  opacity: 0.58;
-}
-
-.cm-wallet-menu__dropdown {
-  position: absolute;
-  right: 0;
-  top: calc(100% + 0.55rem);
-  width: 16rem;
-  z-index: 30;
-}
-
-.cm-wallet-menu__header {
-  padding: 0.85rem 0.85rem 0.7rem;
-  border-bottom: 1px solid hsl(var(--border) / 0.84);
-  display: grid;
-  gap: 0.45rem;
-}
-
-.cm-wallet-menu__title-row,
-.cm-wallet-menu__row,
-.cm-wallet-menu__address-row,
-.cm-wallet-menu__action {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: 0.65rem;
-}
-
-.cm-wallet-menu__title-row strong,
-.cm-wallet-menu__row strong,
-.cm-wallet-menu__address-value {
-  color: hsl(var(--foreground));
-  font-family: var(--font-mono), monospace;
-  font-size: 0.76rem;
-}
-
-.cm-wallet-menu__row span,
-.cm-wallet-menu__hint,
-.cm-wallet-menu__action span {
-  color: hsl(var(--muted-foreground));
-  font-family: var(--font-mono), monospace;
-  font-size: 0.66rem;
-  letter-spacing: 0.08em;
-  text-transform: uppercase;
-}
-
-.cm-wallet-menu__hint {
-  margin: 0.1rem 0 0;
-  letter-spacing: 0.04em;
-  text-transform: none;
-}
-
-.cm-wallet-menu__address-row {
-  padding: 0.75rem 0.85rem;
-  border-bottom: 1px solid hsl(var(--border) / 0.84);
-}
-
-.cm-wallet-menu__address-value {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
-.cm-wallet-menu__address-actions,
-.cm-wallet-menu__actions {
-  display: grid;
-}
-
-.cm-wallet-menu__address-actions {
-  grid-auto-flow: column;
-  gap: 0.35rem;
-}
-
-.cm-wallet-menu__actions {
-  padding: 0.35rem 0;
-}
-
-.cm-wallet-menu__action {
-  appearance: none;
-  border: 0;
-  background: transparent;
-  padding: 0.7rem 0.85rem;
-  color: hsl(var(--foreground));
-  cursor: pointer;
-  justify-content: flex-start;
-  transition: background-color 160ms ease, color 160ms ease;
-}
-
-.cm-wallet-menu__action:hover {
-  background: hsl(var(--muted) / 0.3);
-}
-
-.cm-wallet-menu__action--danger {
-  color: hsl(var(--destructive-foreground));
-}
-
-.cm-wallet-menu__action--danger span {
-  color: inherit;
-}
-
-@keyframes cm-wallet-pulse {
-  0%,
-  100% {
-    transform: scale(1);
-    opacity: 0.92;
-  }
-
-  50% {
-    transform: scale(1.18);
-    opacity: 1;
-  }
-}
-
 .cm-shell-panel {
   border: 1px solid var(--cm-shell-border);
   border-radius: max(var(--radius, 0.25rem), 0.3rem);
@@ -690,14 +437,6 @@
     width: 100%;
     overflow-x: auto;
   }
-
-  .cm-wallet-menu__address {
-    display: none;
-  }
-
-  .cm-wallet-menu__dropdown {
-    width: min(18rem, calc(100vw - 2rem));
-  }
 }
 
 /* ── Form Controls ── */

package/dist/css/utilities.css

@@ -0,0 +1,81 @@
+
+/* ── Marquee ── */
+@keyframes cm-marquee-scroll {
+  0%   { transform: translateX(0); }
+  100% { transform: translateX(-50%); }
+}
+
+@keyframes cm-marquee-scroll-reverse {
+  0%   { transform: translateX(-50%); }
+  100% { transform: translateX(0); }
+}
+
+.cm-marquee-track {
+  animation: cm-marquee-scroll linear infinite;
+  will-change: transform;
+}
+
+.cm-marquee-track-reverse {
+  animation: cm-marquee-scroll-reverse linear infinite;
+  will-change: transform;
+}
+
+/* ── Safe Area ── */
+.cm-safe-area-top    { padding-top: env(safe-area-inset-top); }
+.cm-safe-area-bottom { padding-bottom: env(safe-area-inset-bottom); }
+.cm-safe-area-left   { padding-left: env(safe-area-inset-left); }
+.cm-safe-area-right  { padding-right: env(safe-area-inset-right); }
+
+.cm-safe-area-x {
+  padding-left: env(safe-area-inset-left);
+  padding-right: env(safe-area-inset-right);
+}
+
+.cm-safe-area-y {
+  padding-top: env(safe-area-inset-top);
+  padding-bottom: env(safe-area-inset-bottom);
+}
+
+/* ── Touch ── */
+.cm-touch-manipulation {
+  touch-action: manipulation;
+}
+
+.cm-no-select {
+  -webkit-user-select: none;
+  user-select: none;
+}
+
+/* ── Scrollbar Hide ── */
+.cm-scrollbar-hide {
+  -ms-overflow-style: none;
+  scrollbar-width: none;
+}
+
+.cm-scrollbar-hide::-webkit-scrollbar {
+  display: none;
+}
+
+/* ── Text Truncation ── */
+.cm-text-truncate {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  max-width: 100%;
+}
+
+/* ── Touch Targets (mobile ≤ 768px) ── */
+@media (max-width: 768px) {
+  .cm-touch-target {
+    min-height: 44px;
+    min-width: 44px;
+  }
+}
+
+/* ── Mobile Scrollbar (thinner for ≤ 768px) ── */
+@media (max-width: 768px) {
+  .cm-thin-scrollbar::-webkit-scrollbar {
+    width: 4px;
+    height: 4px;
+  }
+}