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 ToggleCount {
  outputs {
    change(payload: { value?: string | number | boolean | null; values?: Array<string | number | boolean | null | object>; sourceEvent?: Event; [key: string]: string | number | boolean | null | object } | string | number | boolean | null)
@@ -281,7 +279,6 @@ component ToggleCount {
        </div>
      {/if}
    </section>
-    <ComponentBaseStyles hidden />
  }

  style {
@@ -470,5 +467,74 @@ component ToggleCount {
        transition: none;
      }
    }
+
+    /* 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;
+        }
  }
 }