fix(sidebar): correct opacity typo in SidebarGroupLabel component (#1402)

Author: mehdi-elnino

apps/www/src/public/r/styles/default/sidebar.json

@@ -58,7 +58,7 @@
     },
     {
       "path": "ui/sidebar/SidebarGroupLabel.vue",
-      "content": "<script setup lang=\"ts\">\r\nimport type { PrimitiveProps } from \"reka-ui\"\r\nimport type { HTMLAttributes } from \"vue\"\r\nimport { Primitive } from \"reka-ui\"\r\nimport { cn } from \"@/lib/utils\"\r\n\r\nconst props = defineProps<PrimitiveProps & {\r\n  class?: HTMLAttributes[\"class\"]\r\n}>()\r\n</script>\r\n\r\n<template>\r\n  <Primitive\r\n    data-sidebar=\"group-label\"\r\n    :as=\"as\"\r\n    :as-child=\"asChild\"\r\n    :class=\"cn(\r\n      'duration-200 flex h-8 shrink-0 items-center rounded-md px-2 text-xs font-medium text-sidebar-foreground/70 outline-none ring-sidebar-ring transition-[margin,opa] ease-linear focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0',\r\n      'group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0',\r\n      props.class)\"\r\n  >\r\n    <slot />\r\n  </Primitive>\r\n</template>\r\n",
+      "content": "<script setup lang=\"ts\">\r\nimport type { PrimitiveProps } from \"reka-ui\"\r\nimport type { HTMLAttributes } from \"vue\"\r\nimport { Primitive } from \"reka-ui\"\r\nimport { cn } from \"@/lib/utils\"\r\n\r\nconst props = defineProps<PrimitiveProps & {\r\n  class?: HTMLAttributes[\"class\"]\r\n}>()\r\n</script>\r\n\r\n<template>\r\n  <Primitive\r\n    data-sidebar=\"group-label\"\r\n    :as=\"as\"\r\n    :as-child=\"asChild\"\r\n    :class=\"cn(\r\n      'duration-200 flex h-8 shrink-0 items-center rounded-md px-2 text-xs font-medium text-sidebar-foreground/70 outline-none ring-sidebar-ring transition-[margin,opacity] ease-linear focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0',\r\n      'group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0',\r\n      props.class)\"\r\n  >\r\n    <slot />\r\n  </Primitive>\r\n</template>\r\n",
       "type": "registry:ui",
       "target": ""
     },
@@ -213,4 +213,4 @@
       "sidebar-ring": "217.2 91.2% 59.8%"
     }
   }
-}
+}

apps/www/src/public/r/styles/new-york/sidebar.json

@@ -58,7 +58,7 @@
     },
     {
       "path": "ui/sidebar/SidebarGroupLabel.vue",
-      "content": "<script setup lang=\"ts\">\r\nimport type { PrimitiveProps } from \"reka-ui\"\r\nimport type { HTMLAttributes } from \"vue\"\r\nimport { Primitive } from \"reka-ui\"\r\nimport { cn } from \"@/lib/utils\"\r\n\r\nconst props = defineProps<PrimitiveProps & {\r\n  class?: HTMLAttributes[\"class\"]\r\n}>()\r\n</script>\r\n\r\n<template>\r\n  <Primitive\r\n    data-sidebar=\"group-label\"\r\n    :as=\"as\"\r\n    :as-child=\"asChild\"\r\n    :class=\"cn(\r\n      'duration-200 flex h-8 shrink-0 items-center rounded-md px-2 text-xs font-medium text-sidebar-foreground/70 outline-none ring-sidebar-ring transition-[margin,opa] ease-linear focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0',\r\n      'group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0',\r\n      props.class)\"\r\n  >\r\n    <slot />\r\n  </Primitive>\r\n</template>\r\n",
+      "content": "<script setup lang=\"ts\">\r\nimport type { PrimitiveProps } from \"reka-ui\"\r\nimport type { HTMLAttributes } from \"vue\"\r\nimport { Primitive } from \"reka-ui\"\r\nimport { cn } from \"@/lib/utils\"\r\n\r\nconst props = defineProps<PrimitiveProps & {\r\n  class?: HTMLAttributes[\"class\"]\r\n}>()\r\n</script>\r\n\r\n<template>\r\n  <Primitive\r\n    data-sidebar=\"group-label\"\r\n    :as=\"as\"\r\n    :as-child=\"asChild\"\r\n    :class=\"cn(\r\n      'duration-200 flex h-8 shrink-0 items-center rounded-md px-2 text-xs font-medium text-sidebar-foreground/70 outline-none ring-sidebar-ring transition-[margin,opacity] ease-linear focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0',\r\n      'group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0',\r\n      props.class)\"\r\n  >\r\n    <slot />\r\n  </Primitive>\r\n</template>\r\n",
       "type": "registry:ui",
       "target": ""
     },
@@ -213,4 +213,4 @@
       "sidebar-ring": "217.2 91.2% 59.8%"
     }
   }
-}
+}

apps/www/src/registry/default/ui/sidebar/SidebarGroupLabel.vue

@@ -15,7 +15,7 @@ const props = defineProps<PrimitiveProps & {
     :as="as"
     :as-child="asChild"
     :class="cn(
-      'duration-200 flex h-8 shrink-0 items-center rounded-md px-2 text-xs font-medium text-sidebar-foreground/70 outline-none ring-sidebar-ring transition-[margin,opa] ease-linear focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0',
+      'duration-200 flex h-8 shrink-0 items-center rounded-md px-2 text-xs font-medium text-sidebar-foreground/70 outline-none ring-sidebar-ring transition-[margin,opacity] ease-linear focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0',
       'group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0',
       props.class)"
   >

apps/www/src/registry/new-york/ui/sidebar/SidebarGroupLabel.vue

@@ -15,7 +15,7 @@ const props = defineProps<PrimitiveProps & {
     :as="as"
     :as-child="asChild"
     :class="cn(
-      'duration-200 flex h-8 shrink-0 items-center rounded-md px-2 text-xs font-medium text-sidebar-foreground/70 outline-none ring-sidebar-ring transition-[margin,opa] ease-linear focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0',
+      'duration-200 flex h-8 shrink-0 items-center rounded-md px-2 text-xs font-medium text-sidebar-foreground/70 outline-none ring-sidebar-ring transition-[margin,opacity] ease-linear focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0',
       'group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0',
       props.class)"
   >