@cryptlex/web-components 6.1.0 → 6.3.0

package/lib/utilities.css

@@ -2,12 +2,20 @@
 	@apply text-primary underline hover:underline-offset-2 hover:text-primary/70;
 }
 
+@utility ol {
+	@apply list-decimal list-inside;
+}
+
+@utility ul {
+	@apply list-disc list-inside;
+}
+
 @utility caption {
-	@apply text-xs font-medium;
+	@apply text-sm font-medium;
 }
 
 @utility body {
-	@apply text-sm;
+	@apply text-base leading-relaxed;
 }
 
 @utility h5 {
@@ -19,15 +27,15 @@
 }
 
 @utility h3 {
-	@apply text-xl font-normal;
+	@apply text-2xl font-normal leading-snug;
 }
 
 @utility h2 {
-	@apply text-2xl font-light;
+	@apply text-3xl font-light leading-snug;
 }
 
 @utility h1 {
-	@apply text-4xl font-extralight;
+	@apply text-5xl leading-tight font-extralight;
 }
 
 /* Fluid grid with minimum width */
@@ -43,7 +51,7 @@
 	@apply disabled:cursor-not-allowed disabled:opacity-70 aria-disabled:cursor-not-allowed aria-disabled:opacity-70 data-[disabled]:cursor-not-allowed data-[disabled]:pointer-events-none data-[disabled]:opacity-70;
 }
 @utility input {
-	@apply border border-input bg-card px-icon py-2 body placeholder:text-muted-foreground disabled-muted focus-ring;
+	@apply border border-input bg-popover px-icon py-2 body placeholder:text-muted-foreground disabled-muted focus-ring;
 }
 
 /* A base set of classes for elements that can be clicked */
@@ -51,16 +59,16 @@
 	@apply inline-flex gap-1 text-ellipsis overflow-hidden items-center justify-center font-medium transition-colors cursor-pointer ring-offset-background [&_svg:not([class*='size-'])]:size-icon shrink-0 [&_svg]:shrink-0 leading-none outline-none no-underline whitespace-nowrap select-none disabled-muted focus-ring;
 }
 @utility btn-primary {
-	@apply border border-primary text-primary bg-card hover:bg-primary/10 data-[hovered]:bg-primary/10 focus:bg-primary/10 data-[focused]:bg-primary/10;
+	@apply border border-primary text-primary bg-popover hover:bg-primary/10 data-[hovered]:bg-primary/10 focus:bg-primary/10 data-[focused]:bg-primary/10;
 }
 @utility btn-destructive {
-	@apply border border-destructive text-destructive bg-card hover:bg-destructive/10 data-[hovered]:bg-destructive/10 focus:bg-destructive/10 data-[focused]:bg-destructive/10;
+	@apply border border-destructive text-destructive bg-popover hover:bg-destructive/10 data-[hovered]:bg-destructive/10 focus:bg-destructive/10 data-[focused]:bg-destructive/10;
 }
 @utility btn-neutral {
-	@apply border border-input text-accent bg-card hover:bg-accent/10 data-[hovered]:bg-accent/10 focus:bg-accent/10 data-[focused]:bg-accent/10;
+	@apply border border-input text-accent bg-popover hover:bg-accent/10 data-[hovered]:bg-accent/10 focus:bg-accent/10 data-[focused]:bg-accent/10;
 }
 @utility btn-secondary {
-	@apply border border-secondary text-secondary bg-card hover:bg-secondary/10 data-[hovered]:bg-secondary/10 focus:bg-secondary/10 data-[focused]:bg-secondary/10;
+	@apply border border-secondary text-secondary bg-popover hover:bg-secondary/10 data-[hovered]:bg-secondary/10 focus:bg-secondary/10 data-[focused]:bg-secondary/10;
 }
 @utility btn-ghost {
 	@apply bg-transparent focus:bg-accent/20 data-[focused]:bg-accent/20 hover:bg-accent/20 data-[hovered]:bg-accent/20;
@@ -79,36 +87,16 @@
 	@apply flex flex-col gap-1;
 }
 
-
-@utility prose {
-	/* TODO, starting points are not correct, use tw-type */
-	li {
-		@apply list-inside;
-	}
-
-	ul > li {
-		@apply list-disc;
-	}
-
-	ol > li {
-		@apply list-decimal;
-	}
-
-	p, ul, ol, blockquote, pre {
-		@apply my-2;
-	}
-}
-
 @utility steps {
 	@apply ps-0;
 	> ol {
-		@apply list-none ps-0;
 		counter-reset: steps-counter;
+		@apply list-none ps-0;
 	}
 
   	> ol > li {
-		@apply relative ps-input pb-2 min-h-12;
 		counter-increment: steps-counter;
+		@apply relative ps-input pb-2 min-h-12;
   	}
 	> ol > li + li {
 		@apply mt-0;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cryptlex/web-components",
-  "version": "6.1.0",
+  "version": "6.3.0",
   "description": "React component library for Cryptlex web applications",
   "author": "Cryptlex",
   "type": "module",