@mechane-ai/elements 0.8.0 → 0.9.0

package/dist/theme.js

@@ -2,6 +2,6 @@ import "@stylexjs/stylex";
 // packages/foundations/src/theme.ts
 var e = {
 	light: { className: "xbixft x19aimcq" },
-	dark: { className: "xbixft xntwwlm x12671sc xm90lv7 xuezpbh x102x4ow xqsppe0 x181h4q1 x8g9w8d x1e8hs47" }
+	dark: { className: "xbixft xntwwlm x12671sc xm90lv7 xuezpbh x102x4ow x1on89sr x6mvf7n xqsppe0 x181h4q1 x8g9w8d x1e8hs47" }
 };
 export { e as themeProps };

package/dist/tokens.js

@@ -59,19 +59,70 @@ var e = {
 	positive: "#80add0",
 	missing: "#363636"
 }, i = {
+	identity1: "var(--xervi70)",
+	identity2: "var(--x1scgmo8)",
+	identity3: "var(--xu5wby9)",
+	identity4: "var(--x1lp5jki)",
+	identity5: "var(--x1y31bxi)",
+	identity6: "var(--xzwo5h9)",
+	identity7: "var(--xt4yqhf)",
+	identity8: "var(--x15jwn1l)",
+	identity9: "var(--x1mq9snr)",
+	identity10: "var(--x1uo55dg)",
+	identity11: "var(--xiuxd98)",
+	identity12: "var(--x1ge60hr)",
+	identity13: "var(--x30ad9v)",
+	identity14: "var(--xjm3f38)",
+	identity15: "var(--xclnw48)",
+	identity16: "var(--x1deadh4)",
+	identity17: "var(--xh5lcut)",
+	identity18: "var(--xhi6zkb)",
+	identity19: "var(--xwl956u)",
+	identity20: "var(--xibm5mh)",
+	identity21: "var(--xyheekc)",
+	identity22: "var(--x1d3dkqv)",
+	identity23: "var(--xh8xsxd)",
+	identity24: "var(--x9u8ejr)",
+	__varGroupHash__: "x6mvf7n"
+}, a = {
+	identity1: "#e7938d",
+	identity2: "#e7a88d",
+	identity3: "#e78da7",
+	identity4: "#e78dc0",
+	identity5: "#e78ddf",
+	identity6: "#d28de7",
+	identity7: "#ba8de7",
+	identity8: "#a28de7",
+	identity9: "#8d8de7",
+	identity10: "#8da5e7",
+	identity11: "#8dbae7",
+	identity12: "#8dcfe7",
+	identity13: "#8de1e7",
+	identity14: "#8de7de",
+	identity15: "#8de7ce",
+	identity16: "#8de7bc",
+	identity17: "#8de7aa",
+	identity18: "#8de795",
+	identity19: "#9ee78d",
+	identity20: "#b9e78d",
+	identity21: "#d5e78d",
+	identity22: "#e7dc8d",
+	identity23: "#e7c68d",
+	identity24: "#e7b38d"
+}, o = {
 	keyword: "var(--x1t6rq9)",
 	string: "var(--x1pa6z6o)",
 	comment: "var(--x4crkt3)",
 	number: "var(--x1ih6ezv)",
 	type: "var(--x1gibtqd)",
 	__varGroupHash__: "x181h4q1"
-}, a = {
+}, s = {
 	keyword: "#c4a1e5",
 	string: "#8ed3b3",
 	comment: "#a3a3a3",
 	number: "#edc479",
 	type: "#84bce3"
-}, o = {
+}, c = {
 	xxs: "var(--xjighox)",
 	xs: "var(--x1xijsos)",
 	sm: "var(--xxhyxt)",
@@ -80,7 +131,7 @@ var e = {
 	xl: "var(--x1iwxfi2)",
 	xxl: "var(--x153fiic)",
 	__varGroupHash__: "xi13snk"
-}, s = {
+}, l = {
 	fontFamily: "var(--xax3y77)",
 	monoFamily: "var(--xntcpct)",
 	bodySize: "var(--x105xqs)",
@@ -98,7 +149,7 @@ var e = {
 	compactHeadingLineHeight: "var(--x1q14agh)",
 	headingTracking: "var(--xgto76l)",
 	__varGroupHash__: "xledmcz"
-}, c = {
+}, u = {
 	smHeight: "var(--x1hdxzrk)",
 	mdHeight: "var(--xymjgzc)",
 	coarseTarget: "var(--x6uufy4)",
@@ -109,30 +160,30 @@ var e = {
 	focusWidth: "var(--xxx3t85)",
 	disabledOpacity: "var(--x9ngs59)",
 	__varGroupHash__: "x1sjug0q"
-}, l = {
+}, d = {
 	sm: "var(--x1asdyoo)",
 	md: "var(--xz1oyae)",
 	__varGroupHash__: "x1i152zt"
-}, u = {
+}, f = {
 	duration: "var(--xjjzqp4)",
 	easing: "var(--x5xz5r2)",
 	drawerDuration: "var(--xrmqybo)",
 	drawerEasing: "var(--xumjr7l)",
 	__varGroupHash__: "xtoz1ri"
-}, d = {
+}, p = {
 	popup: "var(--xfou7vv)",
 	__varGroupHash__: "x1e8hs47"
-}, f = { popup: "0 4px 16px #00000066" }, p = {
+}, m = { popup: "0 4px 16px #00000066" }, h = {
 	backdrop: "20",
 	dialog: "21",
 	popup: "30",
 	tooltip: "40",
 	skipLink: "50"
-}, m = {
+}, g = {
 	coarsePointer: "@media (pointer: coarse)",
 	hoverPointer: "@media (hover: hover) and (pointer: fine)",
 	compactText: "@media (max-width:639px)",
 	compactTable: "@media (max-width:600px)",
 	reducedMotion: "@media (prefers-reduced-motion: reduce)"
 };
-export { n as chartColors, e as colors, m as conditions, c as controls, r as darkChartColors, t as darkColors, f as darkShadows, a as darkSyntaxColors, p as layers, u as motion, l as radii, d as shadows, o as spacing, i as syntaxColors, s as typography };
+export { i as avatarColors, n as chartColors, e as colors, g as conditions, u as controls, a as darkAvatarColors, r as darkChartColors, t as darkColors, m as darkShadows, s as darkSyntaxColors, h as layers, f as motion, d as radii, p as shadows, c as spacing, o as syntaxColors, l as typography };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mechane-ai/elements",
-  "version": "0.8.0",
+  "version": "0.9.0",
   "description": "Elements by Mechane — React components for applications, AI interfaces, and analytical graphics",
   "license": "Apache-2.0",
   "repository": {

package/packages/foundations/src/tokens.stylex.ts

@@ -64,6 +64,60 @@ export const darkChartColors = stylex.defineConsts({
   missing: '#363636',
 });
 
+export const avatarColors = stylex.defineVars({
+  identity1: '#993029',
+  identity2: '#994a29',
+  identity3: '#992949',
+  identity4: '#992968',
+  identity5: '#992990',
+  identity6: '#7f2999',
+  identity7: '#612999',
+  identity8: '#432999',
+  identity9: '#292999',
+  identity10: '#294799',
+  identity11: '#296199',
+  identity12: '#277693',
+  identity13: '#22797f',
+  identity14: '#217b72',
+  identity15: '#217d63',
+  identity16: '#217d51',
+  identity17: '#227f3f',
+  identity18: '#227f2a',
+  identity19: '#327d21',
+  identity20: '#4c7b21',
+  identity21: '#64751f',
+  identity22: '#7b7021',
+  identity23: '#8d6725',
+  identity24: '#995829',
+});
+
+export const darkAvatarColors = stylex.defineConsts({
+  identity1: '#e7938d',
+  identity2: '#e7a88d',
+  identity3: '#e78da7',
+  identity4: '#e78dc0',
+  identity5: '#e78ddf',
+  identity6: '#d28de7',
+  identity7: '#ba8de7',
+  identity8: '#a28de7',
+  identity9: '#8d8de7',
+  identity10: '#8da5e7',
+  identity11: '#8dbae7',
+  identity12: '#8dcfe7',
+  identity13: '#8de1e7',
+  identity14: '#8de7de',
+  identity15: '#8de7ce',
+  identity16: '#8de7bc',
+  identity17: '#8de7aa',
+  identity18: '#8de795',
+  identity19: '#9ee78d',
+  identity20: '#b9e78d',
+  identity21: '#d5e78d',
+  identity22: '#e7dc8d',
+  identity23: '#e7c68d',
+  identity24: '#e7b38d',
+});
+
 export const syntaxColors = stylex.defineVars({
   keyword: '#785ba1',
   string: '#21684f',