feat: release design system engine, studio and component contracts

packages/ui/components/tooltip.wrn

@@ -84,13 +84,13 @@ id: string = ""
       @focusin='if (trigger === "focus" || trigger === "hover" || trigger === "both") { showTooltip("focus", event) }'
       @focusout='if (trigger === "focus" || trigger === "hover" || trigger === "both") { hideTooltip("focus", event) }'
       @keydown='handleKeydown(event)'
-    >
+     data-wrn-owner="Tooltip" data-wrn-part="root" data-wrn-component="Tooltip" data-wrn-axis-size='{size}' data-wrn-axis-color='{color}' data-wrn-axis-variant='{variant}'>
       <span
         class="wrn-tooltip__trigger"
         tabindex='{disabled ? "-1" : "0"}'
         aria-describedby='{(open || visible) && id ? id : ""}'
         @click='if (trigger === "click" || trigger === "both") { toggleTooltip(event) }'
-      >
+       data-wrn-owner="Tooltip" data-wrn-part="trigger" data-wrn-axis-size="{size}" data-wrn-axis-color="{color}" data-wrn-axis-variant="{variant}">
         <slot name="trigger"></slot>
       </span>
 
@@ -100,9 +100,9 @@ id: string = ""
         data-wrn-anchored="true"
         data-show='{open || visible}'
         role="tooltip"
-      >
+       data-wrn-owner="Tooltip" data-wrn-part="content" data-wrn-axis-size="{size}" data-wrn-axis-color="{color}" data-wrn-axis-variant="{variant}">
         {#if showArrow}
-          <span class="wrn-tooltip__arrow" data-wrn-anchor-arrow="true" aria-hidden="true"></span>
+          <span class="wrn-tooltip__arrow" data-wrn-anchor-arrow="true" aria-hidden="true" data-wrn-owner="Tooltip" data-wrn-part="arrow" data-wrn-axis-size="{size}" data-wrn-axis-color="{color}" data-wrn-axis-variant="{variant}"></span>
         {/if}
 
         {#if title}
@@ -110,9 +110,9 @@ id: string = ""
         {/if}
 
         {#if description}
-          <span class="wrn-tooltip__description">{description}</span>
+          <span class="wrn-tooltip__description" data-wrn-owner="Tooltip" data-wrn-part="description" data-wrn-axis-size="{size}" data-wrn-axis-color="{color}" data-wrn-axis-variant="{variant}">{description}</span>
         {:else if content}
-          <span class="wrn-tooltip__description">{content}</span>
+          <span class="wrn-tooltip__description" data-wrn-owner="Tooltip" data-wrn-part="description" data-wrn-axis-size="{size}" data-wrn-axis-color="{color}" data-wrn-axis-variant="{variant}">{content}</span>
         {/if}
 
         <slot></slot>