@spartan-ng/cli 0.0.1-alpha.677 → 0.0.1-alpha.678

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@spartan-ng/cli",
-  "version": "0.0.1-alpha.677",
+  "version": "0.0.1-alpha.678",
   "repository": {
     "type": "git",
     "url": "https://github.com/spartan-ng/spartan"

package/src/generators/ui/libs/button-group/files/lib/hlm-button-group-separator.ts.template

@@ -12,9 +12,10 @@ import { classes } from '<%- importAlias %>/utils';
 })
 export class HlmButtonGroupSeparator {
 	constructor() {
-		classes(
-			() =>
-				'bg-input relative inline-flex shrink-0 self-stretch data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-auto data-[orientation=vertical]:w-px',
-		);
+		classes(() => [
+			'spartan-button-group-separator relative self-stretch data-horizontal:mx-px data-horizontal:w-auto data-vertical:my-px data-vertical:h-auto',
+			// separator classes
+			'shrink-0 data-horizontal:h-px data-vertical:w-px data-vertical:self-stretch',
+		]);
 	}
 }

package/src/generators/ui/libs/button-group/files/lib/hlm-button-group-text.ts.template

@@ -3,12 +3,12 @@ import { classes } from '<%- importAlias %>/utils';
 
 @Directive({
 	selector: '[hlmButtonGroupText],hlm-button-group-text',
+	host: {
+		'data-slot': 'button-group-text',
+	},
 })
 export class HlmButtonGroupText {
 	constructor() {
-		classes(
-			() =>
-				"bg-muted flex items-center gap-2 rounded-md border px-4 text-sm font-medium shadow-xs [&_ng-icon]:pointer-events-none [&_ng-icon:not([class*='text-'])]:text-base",
-		);
+		classes(() => 'spartan-button-group-text flex items-center [&_ng-icon]:pointer-events-none');
 	}
 }

package/src/generators/ui/libs/button-group/files/lib/hlm-button-group.ts.template

@@ -2,15 +2,15 @@ import { Directive, input } from '@angular/core';
 import { classes } from '<%- importAlias %>/utils';
 import { cva } from 'class-variance-authority';
 
-export const buttonGroupVariants = cva(
-	"flex w-fit items-stretch has-[>[data-slot=button-group]]:gap-2 [&>*]:focus-visible:relative [&>*]:focus-visible:z-10 has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-r-md [&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit [&>input]:flex-1",
+const buttonGroupVariants = cva(
+	"spartan-button-group flex w-fit items-stretch *:focus-visible:relative *:focus-visible:z-10 [&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit [&>input]:flex-1",
 	{
 		variants: {
 			orientation: {
 				horizontal:
-					'[&>*:not(:first-child)]:rounded-l-none [&>*:not(:first-child)]:border-l-0 [&>*:not(:last-child)]:rounded-r-none',
+					'spartan-button-group-orientation-horizontal [&>*:not(:first-child)]:rounded-s-none [&>*:not(:first-child)]:border-s-0 [&>*:not(:last-child)]:rounded-e-none',
 				vertical:
-					'flex-col [&>*:not(:first-child)]:rounded-t-none [&>*:not(:first-child)]:border-t-0 [&>*:not(:last-child)]:rounded-b-none',
+					'spartan-button-group-orientation-vertical flex-col [&>*:not(:first-child)]:rounded-t-none [&>*:not(:first-child)]:border-t-0 [&>*:not(:last-child)]:rounded-b-none',
 			},
 		},
 		defaultVariants: {

package/src/generators/ui/libs/separator/files/lib/hlm-separator.ts.template

@@ -3,7 +3,7 @@ import { BrnSeparator } from '@spartan-ng/brain/separator';
 import { classes } from '<%- importAlias %>/utils';
 
 export const hlmSeparatorClass =
-	'bg-border inline-flex shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px';
+	'inline-flex shrink-0 bg-border data-horizontal:h-px data-horizontal:w-full data-vertical:w-px data-vertical:self-stretch';
 
 @Directive({
 	selector: '[hlmSeparator],hlm-separator',