@saasmakers/ui 2.0.64 → 2.0.66

package/app/components/bases/BaseRing.vue

@@ -6,7 +6,6 @@ const props = withDefaults(defineProps<BaseRing>(), {
   completed: 0,
   dashed: false,
   format: 'count',
-  revealLabelOnHover: false,
   size: 'base',
   total: 0,
   transitionColors: false,
@@ -72,8 +71,11 @@ const centerLabel = computed(() => {
   return String(clampedCompleted.value)
 })
 
-// Visual gap (in viewBox units) between segments, widened for fewer steps.
 function gapForTotal(total: number) {
+  if (total <= 1) {
+    return 0
+  }
+
   if (total <= 4) {
     return 3
   }
@@ -106,9 +108,9 @@ const ringArcs = computed(() => {
     return arcs
   }
 
-  // Beyond 8 steps individual segments become too thin, so we collapse them
+  // Beyond 20 steps individual segments become too thin, so we collapse them
   // into a single continuous progress arc.
-  if (total > 8) {
+  if (total > 20) {
     const progressLength = (circumference * completed) / total
 
     arcs.push(
@@ -148,8 +150,7 @@ function onClick(event: MouseEvent) {
 <template>
   <component
     :is="clickable ? 'button' : 'div'"
-    class="group inline-flex"
-    :aria-expanded="expanded"
+    class="inline-flex"
     :aria-label="label"
     :class="{ 'cursor-pointer': clickable }"
     :type="clickable ? 'button' : undefined"
@@ -191,8 +192,6 @@ function onClick(event: MouseEvent) {
         :class="{
           'text-2xs': size === 'base' || size === 'sm',
           'text-3xs': size === 'lg',
-          'opacity-0 transition-opacity duration-150 motion-reduce:transition-none group-hover:opacity-100 group-focus-visible:opacity-100': revealLabelOnHover && !expanded,
-          'opacity-100': !revealLabelOnHover || expanded,
         }"
         dominant-baseline="central"
         text-anchor="middle"

package/app/types/bases.d.ts

@@ -300,10 +300,8 @@ export interface BaseRing {
   clickable?: boolean
   completed?: number
   dashed?: boolean
-  expanded?: boolean
   format?: BaseRingFormat
   label?: string
-  revealLabelOnHover?: boolean
   size?: BaseRingSize
   total?: number
   transitionColors?: boolean

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@saasmakers/ui",
-  "version": "2.0.64",
+  "version": "2.0.66",
   "private": false,
   "description": "Reusable Nuxt UI components for SaaS Makers projects",
   "license": "MIT",