feat: publish changed packages independently

2026-08-11 15:32:36 +05:30
parent feff30a2b5
commit 8d044565e3
67 changed files with 10935 additions and 876 deletions
@@ -1,5 +1,3 @@
-import ComponentBaseStyles from "../styles/ComponentBaseStyles.wrn"
-
 component StyledIcon {
  props {
    size: string = "default"
@@ -17,7 +15,6 @@ component StyledIcon {
      {#if items}<div class="wire-next__items">{#each items as item}<span>{item.label}</span>{/each}</div>{/if}
      <slot />
    </section>
-    <ComponentBaseStyles hidden />
  }

  style {
@@ -33,5 +30,74 @@ component StyledIcon {
    .wire-next--styled-icon > p { margin: 0; color: var(--wire-color-muted); }
    .wire-next--styled-icon > .wire-next__items { display: flex; flex-wrap: wrap; gap: 0.5rem; }
    .wire-next--styled-icon > .wire-next__items > span { padding: 0.35rem 0.6rem; border-radius: var(--wire-radius-sm); background: var(--wire-color-surface-2); }
+
+    /* Shared component foundation. */
+
+        .wire-component {
+          --wire-component-color: var(--wire-color-primary);
+          --wire-component-scale: 1;
+          margin: 0;
+          color: var(--wire-color-text);
+          font-family: var(--wrn-font-sans, inherit);
+        }
+
+        .wire-component--color-primary {
+          --wire-component-color: var(--wire-color-primary);
+        }
+
+        .wire-component--color-secondary {
+          --wire-component-color: var(--wire-color-secondary);
+        }
+
+        .wire-component--color-success {
+          --wire-component-color: var(--wire-color-success);
+        }
+
+        .wire-component--color-warning {
+          --wire-component-color: var(--wire-color-warning);
+        }
+
+        .wire-component--color-danger {
+          --wire-component-color: var(--wire-color-danger);
+        }
+
+        .wire-component--color-info {
+          --wire-component-color: var(--wire-color-info);
+        }
+
+        .wire-component--size-xs {
+          --wire-component-scale: 0.78;
+        }
+
+        .wire-component--size-sm {
+          --wire-component-scale: 0.88;
+        }
+
+        .wire-component--size-default,
+        .wire-component--size-md {
+          --wire-component-scale: 1;
+        }
+
+        .wire-component--size-lg {
+          --wire-component-scale: 1.14;
+        }
+
+        .wire-component--size-xl {
+          --wire-component-scale: 1.28;
+        }
+
+        .wire-component:not(.wire-btn) {
+          font-size: calc(1em * var(--wire-component-scale));
+        }
+
+        .wire-component :is(a, button, input, select, textarea):focus-visible {
+          outline-color: var(--wire-component-color);
+        }
+
+        .wire-component p {
+          margin: 0;
+          color: var(--wire-color-muted);
+          line-height: 1.6;
+        }
  }
 }