refactor(ui): localize component styles

2026-08-09 13:47:01 +05:30
parent b6bd5cfcb7
commit 54a93c1d14
37 changed files with 4508 additions and 3832 deletions
@@ -51,4 +51,36 @@ component InputGroup {
      {#if helperText}<small class="wire-next__field-help">{helperText}</small>{/if}<small class="wire-next__field-error" data-error="{name}">{error}</small>
    </div>
  }
+
+  style {
+    .wire-next__input-group-control {
+      overflow: hidden;
+      border: 1px solid var(--wire-color-border);
+      border-radius: var(--wire-radius-sm);
+      background: var(--wire-color-surface);
+    }
+
+    .wire-next__input-group-control input {
+      flex: 1;
+      min-width: 0;
+      border: 0;
+      box-shadow: none;
+    }
+
+    .wire-next__input-addon,
+    .wire-next__input-group-control button {
+      padding: 0.7rem 0.85rem;
+      white-space: nowrap;
+    }
+
+    .wire-next__input-group-control button {
+      align-self: stretch;
+      border: 0;
+      background: var(--wire-field-color);
+      color: var(--wire-color-primary-contrast, #fff);
+      font: inherit;
+      font-weight: 700;
+      cursor: pointer;
+    }
+  }
 }