@formant/aesthetics 0.0.8 → 0.0.10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/dist/components.css +683 -690
  2. package/dist/index.js +9 -9
  3. package/dist/index.js.map +1 -1
  4. package/package.json +5 -3
  5. package/styles/globals.css +20 -0
package/dist/index.js CHANGED
@@ -94,10 +94,10 @@ var alertVariants = cva(
94
94
  {
95
95
  variants: {
96
96
  variant: {
97
- default: "bg-[rgba(44,65,66,0.3)] border-[rgba(75,94,83,0.4)] text-[#ACC3B3]",
98
- info: "bg-[rgba(44,65,66,0.3)] border-[rgba(44,65,66,0.6)] text-[#ACC3B3]",
99
- warning: "bg-[rgba(232,171,127,0.1)] border-[rgba(232,171,127,0.2)] text-[#E8AB7F]",
100
- ai: "bg-[rgba(139,140,244,0.1)] border-[rgba(139,140,244,0.2)] text-[#8B8CF4]"
97
+ default: "bg-ethereal-teal/30 border-fog-green/40 text-horizon-glow",
98
+ info: "bg-ethereal-teal/30 border-ethereal-teal/60 text-horizon-glow",
99
+ warning: "bg-terminal-amber/10 border-terminal-amber/20 text-terminal-amber",
100
+ ai: "bg-interface-iris/10 border-interface-iris/20 text-interface-iris"
101
101
  }
102
102
  },
103
103
  defaultVariants: {
@@ -150,7 +150,7 @@ function AlertDescription({
150
150
  );
151
151
  }
152
152
  var buttonVariants = cva(
153
- "group/button inline-flex shrink-0 items-center justify-center rounded-[3px] border border-transparent bg-clip-padding text-[13px] font-medium tracking-[0.04em] uppercase whitespace-nowrap transition-all outline-none select-none focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/50 active:not-aria-[haspopup]:translate-y-px disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-2 aria-invalid:ring-destructive/20 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
153
+ "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
154
154
  {
155
155
  variants: {
156
156
  variant: {
@@ -163,9 +163,9 @@ var buttonVariants = cva(
163
163
  link: "text-[#ACC3B3] underline-offset-4 hover:underline"
164
164
  },
165
165
  size: {
166
- default: "h-9 gap-2 px-6 py-3",
167
- sm: "h-8 gap-1.5 px-4 py-2 text-[12px]",
168
- lg: "h-10 gap-2 px-8 py-4 text-[14px]",
166
+ default: "h-9 px-4 py-2",
167
+ sm: "h-8 rounded-md gap-1.5 px-3",
168
+ lg: "h-10 rounded-md px-6",
169
169
  icon: "size-9",
170
170
  "icon-sm": "size-8",
171
171
  "icon-lg": "size-10"
@@ -398,7 +398,7 @@ function AvatarFallback({
398
398
  );
399
399
  }
400
400
  var badgeVariants = cva(
401
- "group/badge inline-flex h-6 w-fit shrink-0 items-center justify-center gap-1.5 overflow-hidden rounded-[2px] border px-3 py-1 text-[11px] font-medium tracking-[0.1em] uppercase whitespace-nowrap transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/50 [&>svg]:pointer-events-none [&>svg]:size-3!",
401
+ "inline-flex items-center justify-center rounded-md border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none transition-[color,box-shadow] overflow-hidden",
402
402
  {
403
403
  variants: {
404
404
  variant: {