From f75d3ea88265bb8fb27be3c08a9f9abba5aefb89 Mon Sep 17 00:00:00 2001
From: Juan Martin <martinmuda@gmail.com>
Date: Fri, 9 Jun 2023 09:56:23 -0300
Subject: [PATCH] update example

---
 examples/generic.html |  2 +-
 examples/watch.html   | 12 ++++++------
 2 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/examples/generic.html b/examples/generic.html
index 142f2f8..5de8370 100644
--- a/examples/generic.html
+++ b/examples/generic.html
@@ -46,7 +46,7 @@
               </div>
               
             </div>
-            <div class="item s"><div class="label pos-90"><span class="label__text">hole</span></div></div>
+            <div class="item s"><div class="label pos-90"><span class="text">hole</span></div></div>
             <div class="item s"></div>
             <div class="item s"></div>
           </div>
diff --git a/examples/watch.html b/examples/watch.html
index e84bb85..6d59d83 100644
--- a/examples/watch.html
+++ b/examples/watch.html
@@ -54,7 +54,7 @@
       </div>
       <div class="ring-3 items-12 offset-270">
         <svg class="z-svg">
-          <circle class="percent hour" style="--stroke: 60"/>   
+          <circle class="svg-progress hour" style="--stroke: 60"/>   
         </svg>
       </div>
       <div class="ring-3">
@@ -64,12 +64,12 @@
       </div>
       <div class="ring-2">
         <svg class="z-svg">
-          <circle class="percent minute" /> 
+          <circle class="svg-progress minute" /> 
         </svg>
       </div>
       <div class="ring-1">
         <svg class="z-svg">
-          <circle class="percent second" /> 
+          <circle class="svg-progress second" /> 
         </svg>
       </div>
       </div>
@@ -101,9 +101,9 @@
         const minuteDigital = document.querySelector('.d-m');
         const secondDigital = document.querySelector('.d-s');
 
-        const svgh = document.querySelector('.percent.hour');
-        const svgm = document.querySelector('.percent.minute');
-        const svgs = document.querySelector('.percent.second');
+        const svgh = document.querySelector('.svg-progress.hour');
+        const svgm = document.querySelector('.svg-progress.minute');
+        const svgs = document.querySelector('.svg-progress.second');
 
         // Set the transform style of each hand element with angle correction
         hourHand.style.setProperty("--angle", hourAngle)