feat: release design system engine, studio and component contracts

packages/ui/components/Blockquote.wrn

@@ -26,13 +26,13 @@ component Blockquote {
       data-variant="{variant}"
       data-italic="{italic}"
       data-max-width="{maxWidth}"
-    >
+     data-wrn-owner="Blockquote" data-wrn-part="root" data-wrn-component="Blockquote" data-wrn-axis-size="{size}" data-wrn-axis-color="{color}" data-wrn-axis-variant="{variant}">
       <blockquote cite="{citationUrl}">
         {#if quoteMark}
-          <span class="wrn-next__blockquote-mark" aria-hidden="true">“</span>
+          <span class="wrn-next__blockquote-mark" aria-hidden="true" data-wrn-owner="Blockquote" data-wrn-part="mark" data-wrn-axis-size="{size}" data-wrn-axis-color="{color}" data-wrn-axis-variant="{variant}">“</span>
         {/if}
 
-        <div class="wrn-next__blockquote-copy">
+        <div class="wrn-next__blockquote-copy" data-wrn-owner="Blockquote" data-wrn-part="copy" data-wrn-axis-size="{size}" data-wrn-axis-color="{color}" data-wrn-axis-variant="{variant}">
           {#if quote}
             <p>{quote}</p>
           {:else}
@@ -42,20 +42,20 @@ component Blockquote {
       </blockquote>
 
       {#if citation || citationTitle || avatarSrc}
-        <figcaption class="wrn-next__blockquote-citation">
+        <figcaption class="wrn-next__blockquote-citation" data-wrn-owner="Blockquote" data-wrn-part="citation" data-wrn-axis-size="{size}" data-wrn-axis-color="{color}" data-wrn-axis-variant="{variant}">
           {#if avatarSrc}
             <img
               class="wrn-next__blockquote-avatar"
               src="{avatarSrc}"
               alt="{avatarAlt}"
               loading="lazy"
-            />
+             data-wrn-owner="Blockquote" data-wrn-part="avatar" data-wrn-axis-size="{size}" data-wrn-axis-color="{color}" data-wrn-axis-variant="{variant}"/>
           {/if}
 
-          <span class="wrn-next__blockquote-attribution">
+          <span class="wrn-next__blockquote-attribution" data-wrn-owner="Blockquote" data-wrn-part="attribution" data-wrn-axis-size="{size}" data-wrn-axis-color="{color}" data-wrn-axis-variant="{variant}">
             {#if citation}
               {#if citationUrl}
-                <cite><a href="{citationUrl}">{citation}</a></cite>
+                <cite><a href="{citationUrl}" data-wrn-owner="Blockquote" data-wrn-part="link" data-wrn-axis-size="{size}" data-wrn-axis-color="{color}" data-wrn-axis-variant="{variant}">{citation}</a></cite>
               {:else}
                 <cite>{citation}</cite>
               {/if}