@ponti-studios/ui 0.3.0 → 0.4.0

package/dist/index.js

@@ -10,12 +10,12 @@ var s = {
 	positive: "var(--color-chart-positive)",
 	negative: "var(--color-chart-negative)",
 	neutral: "var(--color-chart-neutral)",
-	background: "var(--color-surface-canvas)",
+	background: "var(--color-background)",
 	grid: "var(--color-border)",
 	axis: "var(--color-muted-foreground)",
 	label: "var(--color-muted-foreground)",
 	tooltip: {
-		background: "var(--color-surface-panel)",
+		background: "var(--color-card)",
 		text: "var(--color-foreground)",
 		border: "var(--color-border)"
 	}
@@ -1959,56 +1959,31 @@ function Qe(...e) {
 }
 //#endregion
 //#region src/tokens/generated/dark.colors.generated.ts
-var $e = { color: {
-	"surface-canvas": "#111111",
-	"surface-panel": "#1b1b1b",
-	"surface-raised": "#222222",
-	"surface-inset": "#222222",
-	"surface-hover": "#393939",
-	"surface-pressed": "#6d6d6d",
-	"surface-selected": "#0c2175",
-	"surface-disabled": "#393939",
-	"overlay-scrim": "#000000",
-	"text-primary": "#f2f2f2",
-	"text-secondary": "#afafaf",
-	"text-tertiary": "#8a8a8a",
-	"text-disabled": "#6d6d6d",
-	"text-accent": "#5681ff",
-	"text-destructive": "#fc432e",
-	"text-success": "#099d59",
-	"text-warning": "#e06400",
-	"text-on-accent": "#ffffff",
-	"text-on-destructive": "#ffffff",
-	"text-on-success": "#ffffff",
-	"text-on-warning": "#000000",
-	"border-subtle": "#393939",
-	"border-default": "#444444",
-	"border-strong": "#6d6d6d",
-	"border-focus": "#4069fd",
-	"border-accent": "#4069fd",
-	"border-destructive": "#fc432e",
-	accent: "#4069fd",
-	"accent-hover": "#345bf8",
-	"accent-pressed": "#345bf8",
-	"accent-subtle": "#0c2175",
-	destructive: "#df3422",
-	"destructive-hover": "#cd2e1d",
-	"destructive-pressed": "#cd2e1d",
-	"destructive-subtle": "#571107",
-	success: "#068850",
-	"success-subtle": "#003326",
-	warning: "#e06400",
-	"warning-subtle": "#501b00",
-	"ring-focus": "#4069fd",
-	"chart-1": "#5681ff",
-	"chart-2": "#099d59",
-	"chart-3": "#5681ff",
-	"chart-4": "#e06400",
-	"chart-5": "#8a8a8a",
-	"chart-positive": "#099d59",
-	"chart-negative": "#fc432e",
-	"chart-neutral": "#8a8a8a"
-} }, $ = {
+var $e = {
+	background: "#111113",
+	card: "#18191b",
+	popover: "#212225",
+	muted: "#18191b",
+	"text-primary": "#edeef0",
+	"text-secondary": "#b0b4ba",
+	tertiary: "#777b84",
+	primary: "#3e63dd",
+	destructive: "#e5484d",
+	success: "#30a46c",
+	warning: "#ffc53d",
+	"primary-foreground": "#ffffff",
+	"destructive-foreground": "#ffffff",
+	"border-default": "#43484e",
+	"focus-ring": "#3e63dd",
+	"chart-1": "#3e63dd",
+	"chart-2": "#6e56cf",
+	"chart-3": "#12a594",
+	"chart-4": "#f76b15",
+	"chart-5": "#696e77",
+	"chart-positive": "#30a46c",
+	"chart-negative": "#e5484d",
+	"chart-neutral": "#5a6169"
+}, $ = {
 	spacing: "0.25rem",
 	"spacing-scale": {
 		0: "0rem",
@@ -2049,6 +2024,7 @@ var $e = { color: {
 	},
 	font: {
 		sans: [
+			"system-ui",
 			"-apple-system",
 			"BlinkMacSystemFont",
 			"Segoe UI",
@@ -2063,12 +2039,19 @@ var $e = { color: {
 			"Noto Color Emoji"
 		],
 		serif: [
-			"ui-serif",
-			"Georgia",
-			"Cambria",
-			"Times New Roman",
-			"Times",
-			"serif"
+			"system-ui",
+			"-apple-system",
+			"BlinkMacSystemFont",
+			"Segoe UI",
+			"Roboto",
+			"Helvetica Neue",
+			"Noto Sans",
+			"Arial",
+			"sans-serif",
+			"Apple Color Emoji",
+			"Segoe UI Emoji",
+			"Segoe UI Symbol",
+			"Noto Color Emoji"
 		],
 		mono: [
 			"ui-monospace",
@@ -2441,63 +2424,38 @@ var $e = { color: {
 		pulse: "pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite",
 		bounce: "bounce 1s infinite"
 	}
-}, et = { color: {
-	"surface-canvas": "#ffffff",
-	"surface-panel": "#f8f8f8",
-	"surface-raised": "#ffffff",
-	"surface-inset": "#ffffff",
-	"surface-hover": "#e9e9e9",
-	"surface-pressed": "#505050",
-	"surface-selected": "#e5f0fe",
-	"surface-disabled": "#e9e9e9",
-	"overlay-scrim": "#000000",
-	"text-primary": "#131313",
-	"text-secondary": "#505050",
-	"text-tertiary": "#717171",
-	"text-disabled": "#8f8f8f",
-	"text-accent": "#3b63fb",
-	"text-destructive": "#d73220",
-	"text-success": "#079355",
-	"text-warning": "#d45b00",
-	"text-on-accent": "#ffffff",
-	"text-on-destructive": "#ffffff",
-	"text-on-success": "#ffffff",
-	"text-on-warning": "#000000",
-	"border-subtle": "#dadada",
-	"border-default": "#c6c6c6",
-	"border-strong": "#8f8f8f",
-	"border-focus": "#4b75ff",
-	"border-accent": "#3b63fb",
-	"border-destructive": "#d73220",
-	accent: "#3b63fb",
-	"accent-hover": "#274dea",
-	"accent-pressed": "#274dea",
-	"accent-subtle": "#e5f0fe",
-	destructive: "#d73220",
-	"destructive-hover": "#b72818",
-	"destructive-pressed": "#b72818",
-	"destructive-subtle": "#ffebe8",
-	success: "#05834e",
-	"success-subtle": "#d7f7e1",
-	warning: "#fc7d00",
-	"warning-subtle": "#ffeccf",
-	"ring-focus": "#4b75ff",
-	"chart-1": "#4b75ff",
-	"chart-2": "#079355",
-	"chart-3": "#4b75ff",
-	"chart-4": "#d45b00",
-	"chart-5": "#8f8f8f",
-	"chart-positive": "#079355",
-	"chart-negative": "#f03823",
-	"chart-neutral": "#8f8f8f"
-} }, tt = (e) => {
+}, et = {
+	background: "#fcfcfd",
+	card: "#f9f9fb",
+	popover: "#f0f0f3",
+	muted: "#f9f9fb",
+	"text-primary": "#1c2024",
+	"text-secondary": "#60646c",
+	tertiary: "#80838d",
+	primary: "#3e63dd",
+	destructive: "#e5484d",
+	success: "#30a46c",
+	warning: "#ffc53d",
+	"primary-foreground": "#ffffff",
+	"destructive-foreground": "#ffffff",
+	"border-default": "#cdced6",
+	"focus-ring": "#3e63dd",
+	"chart-1": "#3e63dd",
+	"chart-2": "#6e56cf",
+	"chart-3": "#12a594",
+	"chart-4": "#f76b15",
+	"chart-5": "#8b8d98",
+	"chart-positive": "#30a46c",
+	"chart-negative": "#e5484d",
+	"chart-neutral": "#b9bbc6"
+}, tt = (e) => {
 	if (e.endsWith("rem")) return Number.parseFloat(e) * 16;
 	if (e.endsWith("px")) return Number.parseFloat(e);
 	throw Error(`Unsupported foundation dimension: ${e}`);
-}, nt = (e) => Number.parseFloat(e), rt = (e) => `cubic-bezier(${e.join(", ")})`, it = Object.keys(et.color), at = {
-	light: et.color,
-	dark: $e.color
-}, ot = it.reduce((e, t) => (e[t] = `var(--color-${t})`, e), {}), st = Object.fromEntries(Object.entries($["spacing-scale"]).map(([e, t]) => [e.replace("-", "."), tt(t)])), ct = Object.fromEntries(Object.entries($.font).map(([e, t]) => [e, t.join(", ")])), lt = {
+}, nt = (e) => Number.parseFloat(e), rt = (e) => `cubic-bezier(${e.join(", ")})`, it = Object.keys(et), at = {
+	light: et,
+	dark: $e
+}, ot = it.reduce((e, t) => (e[t] = `var(--${t})`, e), {}), st = Object.fromEntries(Object.entries($["spacing-scale"]).map(([e, t]) => [e.replace("-", "."), tt(t)])), ct = Object.fromEntries(Object.entries($.font).map(([e, t]) => [e, t.join(", ")])), lt = {
 	sans: "System",
 	serif: "serif",
 	mono: "monospace"