@mechane-ai/elements 0.13.0 → 0.14.0
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.
- package/README.md +36 -12
- package/dist/ai.js +19 -19
- package/dist/{categorical-values-DwobbjBq.js → categorical-values-BnWfIPlv.js} +3 -3
- package/dist/{chart-frame-DAxsgMyl.js → chart-frame-Dm8UNfYD.js} +6 -6
- package/dist/{chart-input-B0snxbMH.js → chart-input-ceiMZYI-.js} +3 -3
- package/dist/charts/cartesian.js +16 -16
- package/dist/charts/distribution.js +6 -6
- package/dist/charts/graph.js +5 -5
- package/dist/charts/hierarchy.js +3 -3
- package/dist/charts/matrix.js +13 -13
- package/dist/charts/timeline.js +30 -30
- package/dist/charts.js +1 -1
- package/dist/{code-block-VwrOHz5j.js → code-block-D07N6mYS.js} +4 -4
- package/dist/collections.js +330 -394
- package/dist/constants.stylex-bbdiv1fD.js +83 -0
- package/dist/content/code.js +1 -1
- package/dist/content/diff.js +5 -5
- package/dist/content/link.js +1 -1
- package/dist/content/markdown.js +4 -4
- package/dist/content/tree.js +2 -2
- package/dist/{content-link-Oj-MtNYi.js → content-link-CEx2s1MU.js} +1 -1
- package/dist/content.js +5 -5
- package/dist/elements.css +65 -106
- package/dist/feedback.js +1 -1
- package/dist/forms/dates.js +21 -21
- package/dist/forms.js +1 -1
- package/dist/index.js +1 -1
- package/dist/layout.js +22 -22
- package/dist/navigation/commands.js +6 -6
- package/dist/navigation.js +7 -7
- package/dist/overlays.js +1 -1
- package/dist/packages/ai/src/approval.d.ts +1 -1
- package/dist/packages/ai/src/conversation.d.ts +4 -4
- package/dist/packages/ai/src/prompt-input.d.ts +7 -7
- package/dist/packages/charts/src/cartesian/time-series-data.d.ts +1 -1
- package/dist/packages/charts/src/cartesian/time-series.d.ts +2 -2
- package/dist/packages/charts/src/chart-frame.d.ts +2 -2
- package/dist/packages/collections/src/collection-controls.d.ts +8 -7
- package/dist/packages/collections/src/collection-scroll.d.ts +2 -2
- package/dist/packages/collections/src/data-table.d.ts +6 -6
- package/dist/packages/collections/src/index.d.ts +2 -3
- package/dist/packages/content/src/code/code-block.d.ts +4 -4
- package/dist/packages/content/src/diff/diff-source.d.ts +1 -1
- package/dist/packages/content/src/diff/pierre-diff.d.ts +2 -2
- package/dist/packages/content/src/markdown/markdown.d.ts +2 -2
- package/dist/packages/content/src/trace.d.ts +3 -3
- package/dist/packages/core/src/actions.d.ts +2 -2
- package/dist/packages/core/src/surfaces.d.ts +6 -6
- package/dist/packages/core/src/text.d.ts +2 -2
- package/dist/packages/feedback/src/async-region.d.ts +5 -3
- package/dist/packages/feedback/src/control-placeholders.d.ts +5 -5
- package/dist/packages/feedback/src/feedback.d.ts +2 -2
- package/dist/packages/forms/src/form-actions.d.ts +2 -2
- package/dist/packages/forms/src/forms.d.ts +2 -2
- package/dist/packages/forms/src/selection-styles.d.ts +1 -1
- package/dist/packages/foundations/src/constants.stylex.d.ts +90 -0
- package/dist/packages/foundations/src/tokens.d.ts +2 -0
- package/dist/packages/foundations/src/tokens.stylex.d.ts +0 -90
- package/dist/packages/layout/src/app-shell.d.ts +2 -2
- package/dist/packages/layout/src/page-toolbar.d.ts +3 -3
- package/dist/packages/layout/src/record-page.d.ts +2 -2
- package/dist/packages/layout/src/resizable.d.ts +2 -2
- package/dist/packages/layout/src/sidebar.d.ts +6 -6
- package/dist/packages/layout/src/view-stack.d.ts +2 -2
- package/dist/packages/layout/src/workbench.d.ts +2 -2
- package/dist/packages/navigation/src/commands/command.d.ts +3 -3
- package/dist/packages/navigation/src/page-navigation.d.ts +4 -4
- package/dist/packages/overlays/src/drawer.d.ts +2 -2
- package/dist/{pierre-diff-sUAU-xeL.js → pierre-diff-C_j0nxwS.js} +2 -2
- package/dist/pierre-theme-BUeJim8s.js +127 -0
- package/dist/{pierre-tree-Db1yaDM2.js → pierre-tree-CBBDlJ_Y.js} +4 -4
- package/dist/{src-DMsnWyru.js → src-BkXlN6aZ.js} +28 -28
- package/dist/{src-B0UTwpOz.js → src-C9GQP3px.js} +42 -41
- package/dist/{src-BNlyCwOr.js → src-CyJd2qSZ.js} +27 -27
- package/dist/{src-CVlgjAlw.js → src-d7EAi61b.js} +9 -9
- package/dist/theme.js +1 -1
- package/dist/tokens.js +3 -207
- package/dist/tokens.stylex-DTHHFbyl.js +128 -0
- package/package.json +4 -2
- package/packages/foundations/src/constants.stylex.ts +91 -0
- package/packages/foundations/src/tokens.stylex.ts +0 -90
- package/dist/packages/collections/src/table.d.ts +0 -17
- package/dist/pierre-theme-CBAncKdH.js +0 -126
|
@@ -14,7 +14,7 @@ import { Tooltip as f } from "@base-ui/react/tooltip";
|
|
|
14
14
|
var p = {
|
|
15
15
|
transition: {
|
|
16
16
|
k1ekBW: "x6o7n8i",
|
|
17
|
-
kIyJzY: "xtitasy
|
|
17
|
+
kIyJzY: "xtitasy xsn8rav",
|
|
18
18
|
kAMwcw: "x1faw7qm",
|
|
19
19
|
$$css: !0
|
|
20
20
|
},
|
|
@@ -25,7 +25,7 @@ var p = {
|
|
|
25
25
|
krVfgx: "x1ey2m1c",
|
|
26
26
|
kbCHJM: "xu96u03",
|
|
27
27
|
kWkggS: "xg83kri",
|
|
28
|
-
kY2c9j: "
|
|
28
|
+
kY2c9j: "x1x5bwwn",
|
|
29
29
|
kSiTet: "x1hc1fzr",
|
|
30
30
|
k1ekBW: "x19991ni",
|
|
31
31
|
kdD3Bq: "x1i2unn7",
|
|
@@ -66,7 +66,7 @@ var p = {
|
|
|
66
66
|
kbCHJM: "x1nrll8i",
|
|
67
67
|
k3aq6I: "x11lhmoz",
|
|
68
68
|
kSiTet: "x1hc1fzr",
|
|
69
|
-
kY2c9j: "
|
|
69
|
+
kY2c9j: "xix5qz7",
|
|
70
70
|
kB7OPa: "x9f619",
|
|
71
71
|
kzqmXN: "xcyy4kf",
|
|
72
72
|
kskxy: "xs8sm83",
|
|
@@ -165,7 +165,7 @@ var C = {
|
|
|
165
165
|
Close: x.Close
|
|
166
166
|
}, w = {
|
|
167
167
|
transition: {
|
|
168
|
-
kIyJzY: "xuil92l
|
|
168
|
+
kIyJzY: "xuil92l xsn8rav",
|
|
169
169
|
kAMwcw: "x320y99",
|
|
170
170
|
krwDK1: "xm69ghq",
|
|
171
171
|
$$css: !0
|
|
@@ -227,7 +227,7 @@ function D({ className: t, style: n, ...i }) {
|
|
|
227
227
|
...e({
|
|
228
228
|
className: t,
|
|
229
229
|
style: n,
|
|
230
|
-
styles: { className: "xixxii4 x13vifvy x3m8u43 x1ey2m1c xu96u03
|
|
230
|
+
styles: { className: "xixxii4 x13vifvy x3m8u43 x1ey2m1c xu96u03 xix5qz7" }
|
|
231
231
|
})
|
|
232
232
|
});
|
|
233
233
|
}
|
|
@@ -241,7 +241,7 @@ function O({ className: t, style: i, xstyle: a, ...o }) {
|
|
|
241
241
|
})
|
|
242
242
|
});
|
|
243
243
|
}
|
|
244
|
-
function k({ className: i, style: a,
|
|
244
|
+
function k({ className: i, style: a, isVisuallyHidden: o = !1, ...s }) {
|
|
245
245
|
return /* @__PURE__ */ r(c.Title, {
|
|
246
246
|
...s,
|
|
247
247
|
...e({
|
|
@@ -274,7 +274,7 @@ var j = {
|
|
|
274
274
|
Close: c.Close
|
|
275
275
|
}, M = {
|
|
276
276
|
positioner: {
|
|
277
|
-
kY2c9j: "
|
|
277
|
+
kY2c9j: "xviucbn",
|
|
278
278
|
kMeerF: "x1k57tk5",
|
|
279
279
|
$$css: !0
|
|
280
280
|
},
|
|
@@ -318,7 +318,7 @@ var j = {
|
|
|
318
318
|
k7Eaqz: "xeuugli",
|
|
319
319
|
kHjlTd: "xj0a0fe",
|
|
320
320
|
kOIVth: "x1hnptsi",
|
|
321
|
-
kAzted: "x17tes2r
|
|
321
|
+
kAzted: "x17tes2r x17oiadl",
|
|
322
322
|
kg3NbH: "x5g2kb4",
|
|
323
323
|
k8WAf4: "x1hmw7ec",
|
|
324
324
|
kaIpWk: "x1ok0vyi",
|
|
@@ -592,7 +592,7 @@ function re({ className: t, style: n, sideOffset: i = 4, ...a }) {
|
|
|
592
592
|
...e({
|
|
593
593
|
className: t,
|
|
594
594
|
style: n,
|
|
595
|
-
styles: { className: "
|
|
595
|
+
styles: { className: "xhmu9ja" }
|
|
596
596
|
})
|
|
597
597
|
});
|
|
598
598
|
}
|
package/dist/theme.js
CHANGED
|
@@ -2,6 +2,6 @@ import "@stylexjs/stylex";
|
|
|
2
2
|
// packages/foundations/src/theme.ts
|
|
3
3
|
var e = {
|
|
4
4
|
light: { className: "xbixft x19aimcq" },
|
|
5
|
-
dark: { className: "xbixft xntwwlm
|
|
5
|
+
dark: { className: "xbixft xntwwlm x45l9hb xm90lv7 x8pee18 x102x4ow xilj48j x6mvf7n x6135lz x181h4q1 x1xfk3to x1e8hs47" }
|
|
6
6
|
};
|
|
7
7
|
export { e as themeProps };
|
package/dist/tokens.js
CHANGED
|
@@ -1,207 +1,3 @@
|
|
|
1
|
-
import "
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
canvas: "var(--x7wqmh8)",
|
|
5
|
-
surface: "var(--x13kja51)",
|
|
6
|
-
ink: "var(--x169lqhw)",
|
|
7
|
-
inkHover: "var(--x1umbgym)",
|
|
8
|
-
inverse: "var(--x1m6gvuh)",
|
|
9
|
-
muted: "var(--x24btp3)",
|
|
10
|
-
faint: "var(--x1x21x07)",
|
|
11
|
-
line: "var(--xe11pje)",
|
|
12
|
-
focus: "var(--xzqn2nu)",
|
|
13
|
-
accent: "var(--x1mu3en6)",
|
|
14
|
-
accentSoft: "var(--x197nfi7)",
|
|
15
|
-
warning: "var(--x17jbh5p)",
|
|
16
|
-
warningSoft: "var(--xpslqxl)",
|
|
17
|
-
danger: "var(--x5peq9z)",
|
|
18
|
-
dangerHover: "var(--xo9v4xm)",
|
|
19
|
-
dangerSoft: "var(--x1im53j)",
|
|
20
|
-
overlay: "var(--x1i8t5sg)",
|
|
21
|
-
__varGroupHash__: "xm90lv7"
|
|
22
|
-
}, t = {
|
|
23
|
-
canvas: "#191919",
|
|
24
|
-
surface: "#101010",
|
|
25
|
-
ink: "#f2f2f2",
|
|
26
|
-
inkHover: "#d6d6d6",
|
|
27
|
-
inverse: "#0a0a0a",
|
|
28
|
-
muted: "#b0b0b0",
|
|
29
|
-
faint: "#777777",
|
|
30
|
-
line: "#303030",
|
|
31
|
-
focus: "#79b3ff",
|
|
32
|
-
accent: "#8ed3b3",
|
|
33
|
-
accentSoft: "#152b22",
|
|
34
|
-
warning: "#edc479",
|
|
35
|
-
warningSoft: "#302511",
|
|
36
|
-
danger: "#f59696",
|
|
37
|
-
dangerHover: "#ffc3c3",
|
|
38
|
-
dangerSoft: "#321c1c",
|
|
39
|
-
overlay: "#00000099"
|
|
40
|
-
}, n = {
|
|
41
|
-
series1: "var(--x1nlt3ga)",
|
|
42
|
-
series2: "var(--x5yb4il)",
|
|
43
|
-
series3: "var(--x3s82iy)",
|
|
44
|
-
series4: "var(--x1t7wf97)",
|
|
45
|
-
series5: "var(--x13umt8e)",
|
|
46
|
-
series6: "var(--x1f0bn7f)",
|
|
47
|
-
negative: "var(--xiumgsg)",
|
|
48
|
-
positive: "var(--x1l35zjm)",
|
|
49
|
-
missing: "var(--x5dm89x)",
|
|
50
|
-
__varGroupHash__: "x102x4ow"
|
|
51
|
-
}, r = {
|
|
52
|
-
series1: "#86a9d3",
|
|
53
|
-
series2: "#83b69f",
|
|
54
|
-
series3: "#b49bce",
|
|
55
|
-
series4: "#cfad70",
|
|
56
|
-
series5: "#80bbc0",
|
|
57
|
-
series6: "#d39aad",
|
|
58
|
-
negative: "#e0929b",
|
|
59
|
-
positive: "#80add0",
|
|
60
|
-
missing: "#363636"
|
|
61
|
-
}, i = {
|
|
62
|
-
identity1: "var(--xervi70)",
|
|
63
|
-
identity2: "var(--x1scgmo8)",
|
|
64
|
-
identity3: "var(--xu5wby9)",
|
|
65
|
-
identity4: "var(--x1lp5jki)",
|
|
66
|
-
identity5: "var(--x1y31bxi)",
|
|
67
|
-
identity6: "var(--xzwo5h9)",
|
|
68
|
-
identity7: "var(--xt4yqhf)",
|
|
69
|
-
identity8: "var(--x15jwn1l)",
|
|
70
|
-
identity9: "var(--x1mq9snr)",
|
|
71
|
-
identity10: "var(--x1uo55dg)",
|
|
72
|
-
identity11: "var(--xiuxd98)",
|
|
73
|
-
identity12: "var(--x1ge60hr)",
|
|
74
|
-
identity13: "var(--x30ad9v)",
|
|
75
|
-
identity14: "var(--xjm3f38)",
|
|
76
|
-
identity15: "var(--xclnw48)",
|
|
77
|
-
identity16: "var(--x1deadh4)",
|
|
78
|
-
identity17: "var(--xh5lcut)",
|
|
79
|
-
identity18: "var(--xhi6zkb)",
|
|
80
|
-
identity19: "var(--xwl956u)",
|
|
81
|
-
identity20: "var(--xibm5mh)",
|
|
82
|
-
identity21: "var(--xyheekc)",
|
|
83
|
-
identity22: "var(--x1d3dkqv)",
|
|
84
|
-
identity23: "var(--xh8xsxd)",
|
|
85
|
-
identity24: "var(--x9u8ejr)",
|
|
86
|
-
__varGroupHash__: "x6mvf7n"
|
|
87
|
-
}, a = {
|
|
88
|
-
identity1: "#f07d75",
|
|
89
|
-
identity2: "#f09a75",
|
|
90
|
-
identity3: "#f07598",
|
|
91
|
-
identity4: "#f075bb",
|
|
92
|
-
identity5: "#f075e6",
|
|
93
|
-
identity6: "#d375f0",
|
|
94
|
-
identity7: "#b375f0",
|
|
95
|
-
identity8: "#9275f0",
|
|
96
|
-
identity9: "#7575f0",
|
|
97
|
-
identity10: "#7596f0",
|
|
98
|
-
identity11: "#75b3f0",
|
|
99
|
-
identity12: "#75cff0",
|
|
100
|
-
identity13: "#75e8f0",
|
|
101
|
-
identity14: "#75f0e3",
|
|
102
|
-
identity15: "#75f0cd",
|
|
103
|
-
identity16: "#75f0b5",
|
|
104
|
-
identity17: "#75f09c",
|
|
105
|
-
identity18: "#75f080",
|
|
106
|
-
identity19: "#8cf075",
|
|
107
|
-
identity20: "#b0f075",
|
|
108
|
-
identity21: "#d7f075",
|
|
109
|
-
identity22: "#f0e175",
|
|
110
|
-
identity23: "#f0c375",
|
|
111
|
-
identity24: "#f0a875"
|
|
112
|
-
}, o = {
|
|
113
|
-
keyword: "var(--x1t6rq9)",
|
|
114
|
-
string: "var(--x1pa6z6o)",
|
|
115
|
-
comment: "var(--x4crkt3)",
|
|
116
|
-
number: "var(--x1ih6ezv)",
|
|
117
|
-
type: "var(--x1gibtqd)",
|
|
118
|
-
__varGroupHash__: "x181h4q1"
|
|
119
|
-
}, s = {
|
|
120
|
-
keyword: "#c4a1e5",
|
|
121
|
-
string: "#8ed3b3",
|
|
122
|
-
comment: "#a3a3a3",
|
|
123
|
-
number: "#edc479",
|
|
124
|
-
type: "#84bce3"
|
|
125
|
-
}, c = {
|
|
126
|
-
xxs: "var(--xjighox)",
|
|
127
|
-
xs: "var(--x1xijsos)",
|
|
128
|
-
sm: "var(--xxhyxt)",
|
|
129
|
-
md: "var(--x1drqizm)",
|
|
130
|
-
lg: "var(--x1qq5i99)",
|
|
131
|
-
xl: "var(--x1iwxfi2)",
|
|
132
|
-
xxl: "var(--x153fiic)",
|
|
133
|
-
__varGroupHash__: "xi13snk"
|
|
134
|
-
}, l = {
|
|
135
|
-
fontFamily: "var(--xax3y77)",
|
|
136
|
-
monoFamily: "var(--xntcpct)",
|
|
137
|
-
regularWeight: "var(--x15yhtsr)",
|
|
138
|
-
mediumWeight: "var(--x1nq3oar)",
|
|
139
|
-
strongWeight: "var(--x1j0x2uk)",
|
|
140
|
-
boldWeight: "var(--xeequbj)",
|
|
141
|
-
bodySize: "var(--x105xqs)",
|
|
142
|
-
bodyLineHeight: "var(--x1eh4a5a)",
|
|
143
|
-
multilineLineHeight: "var(--x1kk28mq)",
|
|
144
|
-
proseLineHeight: "var(--x1sf6ltt)",
|
|
145
|
-
captionSize: "var(--xobsf79)",
|
|
146
|
-
captionLineHeight: "var(--xdvbmuj)",
|
|
147
|
-
inputSize: "var(--x1af0fv0)",
|
|
148
|
-
touchInputSize: "var(--x18ymnwu)",
|
|
149
|
-
sectionSize: "var(--xehpjyu)",
|
|
150
|
-
sectionLineHeight: "var(--x170noae)",
|
|
151
|
-
headingSize: "var(--x14wionz)",
|
|
152
|
-
headingLineHeight: "var(--x1o42vor)",
|
|
153
|
-
compactHeadingSize: "var(--x3ivco5)",
|
|
154
|
-
compactHeadingLineHeight: "var(--x1q14agh)",
|
|
155
|
-
headingTracking: "var(--xgto76l)",
|
|
156
|
-
__varGroupHash__: "xledmcz"
|
|
157
|
-
}, u = {
|
|
158
|
-
height: "var(--x14tmdi9)",
|
|
159
|
-
coarseTarget: "var(--x6uufy4)",
|
|
160
|
-
iconSize: "var(--x1ud0cvw)",
|
|
161
|
-
paddingInline: "var(--xrzkwmd)",
|
|
162
|
-
paddingBlock: "var(--xjz2qh5)",
|
|
163
|
-
gap: "var(--x1z0o8cd)",
|
|
164
|
-
focusWidth: "var(--xxx3t85)",
|
|
165
|
-
disabledOpacity: "var(--x9ngs59)",
|
|
166
|
-
__varGroupHash__: "x1sjug0q"
|
|
167
|
-
}, d = {
|
|
168
|
-
inset: "var(--xnv5ly4)",
|
|
169
|
-
toolbarHeight: "var(--x1m0ogk9)",
|
|
170
|
-
sectionGap: "var(--xe6nmbs)",
|
|
171
|
-
__varGroupHash__: "x1vss23x"
|
|
172
|
-
}, f = {
|
|
173
|
-
sm: "var(--x1asdyoo)",
|
|
174
|
-
md: "var(--xz1oyae)",
|
|
175
|
-
__varGroupHash__: "x1i152zt"
|
|
176
|
-
}, p = {
|
|
177
|
-
duration: "var(--xjjzqp4)",
|
|
178
|
-
easing: "var(--x5xz5r2)",
|
|
179
|
-
drawerDuration: "var(--xrmqybo)",
|
|
180
|
-
drawerEasing: "var(--xumjr7l)",
|
|
181
|
-
__varGroupHash__: "xtoz1ri"
|
|
182
|
-
}, m = {
|
|
183
|
-
delaySeconds: 2,
|
|
184
|
-
revealMs: 80,
|
|
185
|
-
placeholderMs: 120
|
|
186
|
-
}, h = {
|
|
187
|
-
popup: "var(--xfou7vv)",
|
|
188
|
-
selection: "var(--x1qr3jy8)",
|
|
189
|
-
__varGroupHash__: "x1e8hs47"
|
|
190
|
-
}, g = { popup: "0 4px 16px #00000066" }, _ = {
|
|
191
|
-
sticky: "1",
|
|
192
|
-
backdrop: "20",
|
|
193
|
-
dialog: "21",
|
|
194
|
-
popup: "30",
|
|
195
|
-
tooltip: "40",
|
|
196
|
-
skipLink: "50"
|
|
197
|
-
}, v = {
|
|
198
|
-
rowHeight: 48,
|
|
199
|
-
headerHeight: 36
|
|
200
|
-
}, y = {
|
|
201
|
-
coarsePointer: "@media (pointer: coarse)",
|
|
202
|
-
hoverPointer: "@media (hover: hover) and (pointer: fine)",
|
|
203
|
-
compactText: "@media (max-width:639px)",
|
|
204
|
-
compactTable: "@media (max-width:600px)",
|
|
205
|
-
reducedMotion: "@media (prefers-reduced-motion: reduce)"
|
|
206
|
-
};
|
|
207
|
-
export { i as avatarColors, n as chartColors, e as colors, y as conditions, u as controls, a as darkAvatarColors, r as darkChartColors, t as darkColors, g as darkShadows, s as darkSyntaxColors, _ as layers, m as loading, p as motion, d as pageGeometry, f as radii, h as shadows, c as spacing, o as syntaxColors, v as tableGeometry, l as typography };
|
|
1
|
+
import { a as e, c as t, i as n, l as r, n as i, o as a, r as o, s, t as c } from "./constants.stylex-bbdiv1fD.js";
|
|
2
|
+
import { a as l, c as u, d, i as f, l as p, n as m, o as h, r as g, s as _, t as v, u as y } from "./tokens.stylex-DTHHFbyl.js";
|
|
3
|
+
export { v as avatarColors, m as chartColors, g as colors, c as conditions, f as controls, i as darkAvatarColors, o as darkChartColors, n as darkColors, e as darkShadows, a as darkSyntaxColors, s as layers, t as loading, l as motion, h as pageGeometry, _ as radii, u as shadows, p as spacing, y as syntaxColors, r as tableGeometry, d as typography };
|
|
@@ -0,0 +1,128 @@
|
|
|
1
|
+
import "@stylexjs/stylex";
|
|
2
|
+
// packages/foundations/src/tokens.stylex.ts
|
|
3
|
+
var e = {
|
|
4
|
+
canvas: "var(--x7wqmh8)",
|
|
5
|
+
surface: "var(--x13kja51)",
|
|
6
|
+
ink: "var(--x169lqhw)",
|
|
7
|
+
inkHover: "var(--x1umbgym)",
|
|
8
|
+
inverse: "var(--x1m6gvuh)",
|
|
9
|
+
muted: "var(--x24btp3)",
|
|
10
|
+
faint: "var(--x1x21x07)",
|
|
11
|
+
line: "var(--xe11pje)",
|
|
12
|
+
focus: "var(--xzqn2nu)",
|
|
13
|
+
accent: "var(--x1mu3en6)",
|
|
14
|
+
accentSoft: "var(--x197nfi7)",
|
|
15
|
+
warning: "var(--x17jbh5p)",
|
|
16
|
+
warningSoft: "var(--xpslqxl)",
|
|
17
|
+
danger: "var(--x5peq9z)",
|
|
18
|
+
dangerHover: "var(--xo9v4xm)",
|
|
19
|
+
dangerSoft: "var(--x1im53j)",
|
|
20
|
+
overlay: "var(--x1i8t5sg)",
|
|
21
|
+
__varGroupHash__: "xm90lv7"
|
|
22
|
+
}, t = {
|
|
23
|
+
series1: "var(--x1nlt3ga)",
|
|
24
|
+
series2: "var(--x5yb4il)",
|
|
25
|
+
series3: "var(--x3s82iy)",
|
|
26
|
+
series4: "var(--x1t7wf97)",
|
|
27
|
+
series5: "var(--x13umt8e)",
|
|
28
|
+
series6: "var(--x1f0bn7f)",
|
|
29
|
+
negative: "var(--xiumgsg)",
|
|
30
|
+
positive: "var(--x1l35zjm)",
|
|
31
|
+
missing: "var(--x5dm89x)",
|
|
32
|
+
__varGroupHash__: "x102x4ow"
|
|
33
|
+
}, n = {
|
|
34
|
+
identity1: "var(--xervi70)",
|
|
35
|
+
identity2: "var(--x1scgmo8)",
|
|
36
|
+
identity3: "var(--xu5wby9)",
|
|
37
|
+
identity4: "var(--x1lp5jki)",
|
|
38
|
+
identity5: "var(--x1y31bxi)",
|
|
39
|
+
identity6: "var(--xzwo5h9)",
|
|
40
|
+
identity7: "var(--xt4yqhf)",
|
|
41
|
+
identity8: "var(--x15jwn1l)",
|
|
42
|
+
identity9: "var(--x1mq9snr)",
|
|
43
|
+
identity10: "var(--x1uo55dg)",
|
|
44
|
+
identity11: "var(--xiuxd98)",
|
|
45
|
+
identity12: "var(--x1ge60hr)",
|
|
46
|
+
identity13: "var(--x30ad9v)",
|
|
47
|
+
identity14: "var(--xjm3f38)",
|
|
48
|
+
identity15: "var(--xclnw48)",
|
|
49
|
+
identity16: "var(--x1deadh4)",
|
|
50
|
+
identity17: "var(--xh5lcut)",
|
|
51
|
+
identity18: "var(--xhi6zkb)",
|
|
52
|
+
identity19: "var(--xwl956u)",
|
|
53
|
+
identity20: "var(--xibm5mh)",
|
|
54
|
+
identity21: "var(--xyheekc)",
|
|
55
|
+
identity22: "var(--x1d3dkqv)",
|
|
56
|
+
identity23: "var(--xh8xsxd)",
|
|
57
|
+
identity24: "var(--x9u8ejr)",
|
|
58
|
+
__varGroupHash__: "x6mvf7n"
|
|
59
|
+
}, r = {
|
|
60
|
+
keyword: "var(--x1t6rq9)",
|
|
61
|
+
string: "var(--x1pa6z6o)",
|
|
62
|
+
comment: "var(--x4crkt3)",
|
|
63
|
+
number: "var(--x1ih6ezv)",
|
|
64
|
+
type: "var(--x1gibtqd)",
|
|
65
|
+
__varGroupHash__: "x181h4q1"
|
|
66
|
+
}, i = {
|
|
67
|
+
xxs: "var(--xjighox)",
|
|
68
|
+
xs: "var(--x1xijsos)",
|
|
69
|
+
sm: "var(--xxhyxt)",
|
|
70
|
+
md: "var(--x1drqizm)",
|
|
71
|
+
lg: "var(--x1qq5i99)",
|
|
72
|
+
xl: "var(--x1iwxfi2)",
|
|
73
|
+
xxl: "var(--x153fiic)",
|
|
74
|
+
__varGroupHash__: "xi13snk"
|
|
75
|
+
}, a = {
|
|
76
|
+
fontFamily: "var(--xax3y77)",
|
|
77
|
+
monoFamily: "var(--xntcpct)",
|
|
78
|
+
regularWeight: "var(--x15yhtsr)",
|
|
79
|
+
mediumWeight: "var(--x1nq3oar)",
|
|
80
|
+
strongWeight: "var(--x1j0x2uk)",
|
|
81
|
+
boldWeight: "var(--xeequbj)",
|
|
82
|
+
bodySize: "var(--x105xqs)",
|
|
83
|
+
bodyLineHeight: "var(--x1eh4a5a)",
|
|
84
|
+
multilineLineHeight: "var(--x1kk28mq)",
|
|
85
|
+
proseLineHeight: "var(--x1sf6ltt)",
|
|
86
|
+
captionSize: "var(--xobsf79)",
|
|
87
|
+
captionLineHeight: "var(--xdvbmuj)",
|
|
88
|
+
inputSize: "var(--x1af0fv0)",
|
|
89
|
+
touchInputSize: "var(--x18ymnwu)",
|
|
90
|
+
sectionSize: "var(--xehpjyu)",
|
|
91
|
+
sectionLineHeight: "var(--x170noae)",
|
|
92
|
+
headingSize: "var(--x14wionz)",
|
|
93
|
+
headingLineHeight: "var(--x1o42vor)",
|
|
94
|
+
compactHeadingSize: "var(--x3ivco5)",
|
|
95
|
+
compactHeadingLineHeight: "var(--x1q14agh)",
|
|
96
|
+
headingTracking: "var(--xgto76l)",
|
|
97
|
+
__varGroupHash__: "xledmcz"
|
|
98
|
+
}, o = {
|
|
99
|
+
height: "var(--x14tmdi9)",
|
|
100
|
+
coarseTarget: "var(--x6uufy4)",
|
|
101
|
+
iconSize: "var(--x1ud0cvw)",
|
|
102
|
+
paddingInline: "var(--xrzkwmd)",
|
|
103
|
+
paddingBlock: "var(--xjz2qh5)",
|
|
104
|
+
gap: "var(--x1z0o8cd)",
|
|
105
|
+
focusWidth: "var(--xxx3t85)",
|
|
106
|
+
disabledOpacity: "var(--x9ngs59)",
|
|
107
|
+
__varGroupHash__: "x1sjug0q"
|
|
108
|
+
}, s = {
|
|
109
|
+
inset: "var(--xnv5ly4)",
|
|
110
|
+
toolbarHeight: "var(--x1m0ogk9)",
|
|
111
|
+
sectionGap: "var(--xe6nmbs)",
|
|
112
|
+
__varGroupHash__: "x1vss23x"
|
|
113
|
+
}, c = {
|
|
114
|
+
sm: "var(--x1asdyoo)",
|
|
115
|
+
md: "var(--xz1oyae)",
|
|
116
|
+
__varGroupHash__: "x1i152zt"
|
|
117
|
+
}, l = {
|
|
118
|
+
duration: "var(--xjjzqp4)",
|
|
119
|
+
easing: "var(--x5xz5r2)",
|
|
120
|
+
drawerDuration: "var(--xrmqybo)",
|
|
121
|
+
drawerEasing: "var(--xumjr7l)",
|
|
122
|
+
__varGroupHash__: "xtoz1ri"
|
|
123
|
+
}, u = {
|
|
124
|
+
popup: "var(--xfou7vv)",
|
|
125
|
+
selection: "var(--x1qr3jy8)",
|
|
126
|
+
__varGroupHash__: "x1e8hs47"
|
|
127
|
+
};
|
|
128
|
+
export { l as a, u as c, a as d, o as i, i as l, t as n, s as o, e as r, c as s, n as t, r as u };
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@mechane-ai/elements",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.14.0",
|
|
4
4
|
"description": "Elements by Mechane — React components for applications, AI interfaces, and analytical graphics",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"repository": {
|
|
@@ -10,6 +10,7 @@
|
|
|
10
10
|
},
|
|
11
11
|
"files": [
|
|
12
12
|
"dist",
|
|
13
|
+
"packages/foundations/src/constants.stylex.ts",
|
|
13
14
|
"packages/foundations/src/tokens.stylex.ts",
|
|
14
15
|
"styles.css",
|
|
15
16
|
"README.md",
|
|
@@ -122,9 +123,10 @@
|
|
|
122
123
|
"import": "./dist/csp.js"
|
|
123
124
|
},
|
|
124
125
|
"./tokens": {
|
|
125
|
-
"types": "./dist/packages/foundations/src/tokens.
|
|
126
|
+
"types": "./dist/packages/foundations/src/tokens.d.ts",
|
|
126
127
|
"import": "./dist/tokens.js"
|
|
127
128
|
},
|
|
129
|
+
"./constants.stylex": "./packages/foundations/src/constants.stylex.ts",
|
|
128
130
|
"./tokens.stylex": "./packages/foundations/src/tokens.stylex.ts",
|
|
129
131
|
"./styles.css": "./styles.css"
|
|
130
132
|
},
|
|
@@ -0,0 +1,91 @@
|
|
|
1
|
+
import * as stylex from '@stylexjs/stylex';
|
|
2
|
+
|
|
3
|
+
export const darkColors = stylex.defineConsts({
|
|
4
|
+
canvas: '#191919',
|
|
5
|
+
surface: '#101010',
|
|
6
|
+
ink: '#f2f2f2',
|
|
7
|
+
inkHover: '#d6d6d6',
|
|
8
|
+
inverse: '#0a0a0a',
|
|
9
|
+
muted: '#b0b0b0',
|
|
10
|
+
faint: '#777777',
|
|
11
|
+
line: '#303030',
|
|
12
|
+
focus: '#79b3ff',
|
|
13
|
+
accent: '#8ed3b3',
|
|
14
|
+
accentSoft: '#152b22',
|
|
15
|
+
warning: '#edc479',
|
|
16
|
+
warningSoft: '#302511',
|
|
17
|
+
danger: '#f59696',
|
|
18
|
+
dangerHover: '#ffc3c3',
|
|
19
|
+
dangerSoft: '#321c1c',
|
|
20
|
+
overlay: '#00000099',
|
|
21
|
+
});
|
|
22
|
+
|
|
23
|
+
export const darkChartColors = stylex.defineConsts({
|
|
24
|
+
series1: '#86a9d3',
|
|
25
|
+
series2: '#83b69f',
|
|
26
|
+
series3: '#b49bce',
|
|
27
|
+
series4: '#cfad70',
|
|
28
|
+
series5: '#80bbc0',
|
|
29
|
+
series6: '#d39aad',
|
|
30
|
+
negative: '#e0929b',
|
|
31
|
+
positive: '#80add0',
|
|
32
|
+
missing: '#363636',
|
|
33
|
+
});
|
|
34
|
+
|
|
35
|
+
export const darkAvatarColors = stylex.defineConsts({
|
|
36
|
+
identity1: '#f07d75',
|
|
37
|
+
identity2: '#f09a75',
|
|
38
|
+
identity3: '#f07598',
|
|
39
|
+
identity4: '#f075bb',
|
|
40
|
+
identity5: '#f075e6',
|
|
41
|
+
identity6: '#d375f0',
|
|
42
|
+
identity7: '#b375f0',
|
|
43
|
+
identity8: '#9275f0',
|
|
44
|
+
identity9: '#7575f0',
|
|
45
|
+
identity10: '#7596f0',
|
|
46
|
+
identity11: '#75b3f0',
|
|
47
|
+
identity12: '#75cff0',
|
|
48
|
+
identity13: '#75e8f0',
|
|
49
|
+
identity14: '#75f0e3',
|
|
50
|
+
identity15: '#75f0cd',
|
|
51
|
+
identity16: '#75f0b5',
|
|
52
|
+
identity17: '#75f09c',
|
|
53
|
+
identity18: '#75f080',
|
|
54
|
+
identity19: '#8cf075',
|
|
55
|
+
identity20: '#b0f075',
|
|
56
|
+
identity21: '#d7f075',
|
|
57
|
+
identity22: '#f0e175',
|
|
58
|
+
identity23: '#f0c375',
|
|
59
|
+
identity24: '#f0a875',
|
|
60
|
+
});
|
|
61
|
+
|
|
62
|
+
export const darkSyntaxColors = stylex.defineConsts({
|
|
63
|
+
keyword: '#c4a1e5',
|
|
64
|
+
string: '#8ed3b3',
|
|
65
|
+
comment: '#a3a3a3',
|
|
66
|
+
number: '#edc479',
|
|
67
|
+
type: '#84bce3',
|
|
68
|
+
});
|
|
69
|
+
|
|
70
|
+
export const loading = stylex.defineConsts({ delaySeconds: 2, revealMs: 80, placeholderMs: 120 });
|
|
71
|
+
|
|
72
|
+
export const darkShadows = stylex.defineConsts({ popup: '0 4px 16px #00000066' });
|
|
73
|
+
|
|
74
|
+
export const layers = stylex.defineConsts({
|
|
75
|
+
sticky: '1',
|
|
76
|
+
backdrop: '20',
|
|
77
|
+
dialog: '21',
|
|
78
|
+
popup: '30',
|
|
79
|
+
tooltip: '40',
|
|
80
|
+
skipLink: '50',
|
|
81
|
+
});
|
|
82
|
+
|
|
83
|
+
export const tableGeometry = stylex.defineConsts({ rowHeight: 48, headerHeight: 36 });
|
|
84
|
+
|
|
85
|
+
export const conditions = stylex.defineConsts({
|
|
86
|
+
coarsePointer: '@media (pointer: coarse)',
|
|
87
|
+
hoverPointer: '@media (hover: hover) and (pointer: fine)',
|
|
88
|
+
compactText: '@media (max-width:639px)',
|
|
89
|
+
compactTable: '@media (max-width:600px)',
|
|
90
|
+
reducedMotion: '@media (prefers-reduced-motion: reduce)',
|
|
91
|
+
});
|
|
@@ -20,26 +20,6 @@ export const colors = stylex.defineVars({
|
|
|
20
20
|
overlay: '#00000066',
|
|
21
21
|
});
|
|
22
22
|
|
|
23
|
-
export const darkColors = stylex.defineConsts({
|
|
24
|
-
canvas: '#191919',
|
|
25
|
-
surface: '#101010',
|
|
26
|
-
ink: '#f2f2f2',
|
|
27
|
-
inkHover: '#d6d6d6',
|
|
28
|
-
inverse: '#0a0a0a',
|
|
29
|
-
muted: '#b0b0b0',
|
|
30
|
-
faint: '#777777',
|
|
31
|
-
line: '#303030',
|
|
32
|
-
focus: '#79b3ff',
|
|
33
|
-
accent: '#8ed3b3',
|
|
34
|
-
accentSoft: '#152b22',
|
|
35
|
-
warning: '#edc479',
|
|
36
|
-
warningSoft: '#302511',
|
|
37
|
-
danger: '#f59696',
|
|
38
|
-
dangerHover: '#ffc3c3',
|
|
39
|
-
dangerSoft: '#321c1c',
|
|
40
|
-
overlay: '#00000099',
|
|
41
|
-
});
|
|
42
|
-
|
|
43
23
|
export const chartColors = stylex.defineVars({
|
|
44
24
|
series1: '#5178a8',
|
|
45
25
|
series2: '#568b76',
|
|
@@ -52,18 +32,6 @@ export const chartColors = stylex.defineVars({
|
|
|
52
32
|
missing: '#e7e7e7',
|
|
53
33
|
});
|
|
54
34
|
|
|
55
|
-
export const darkChartColors = stylex.defineConsts({
|
|
56
|
-
series1: '#86a9d3',
|
|
57
|
-
series2: '#83b69f',
|
|
58
|
-
series3: '#b49bce',
|
|
59
|
-
series4: '#cfad70',
|
|
60
|
-
series5: '#80bbc0',
|
|
61
|
-
series6: '#d39aad',
|
|
62
|
-
negative: '#e0929b',
|
|
63
|
-
positive: '#80add0',
|
|
64
|
-
missing: '#363636',
|
|
65
|
-
});
|
|
66
|
-
|
|
67
35
|
export const avatarColors = stylex.defineVars({
|
|
68
36
|
identity1: '#e3291c',
|
|
69
37
|
identity2: '#e1571c',
|
|
@@ -91,33 +59,6 @@ export const avatarColors = stylex.defineVars({
|
|
|
91
59
|
identity24: '#d1661a',
|
|
92
60
|
});
|
|
93
61
|
|
|
94
|
-
export const darkAvatarColors = stylex.defineConsts({
|
|
95
|
-
identity1: '#f07d75',
|
|
96
|
-
identity2: '#f09a75',
|
|
97
|
-
identity3: '#f07598',
|
|
98
|
-
identity4: '#f075bb',
|
|
99
|
-
identity5: '#f075e6',
|
|
100
|
-
identity6: '#d375f0',
|
|
101
|
-
identity7: '#b375f0',
|
|
102
|
-
identity8: '#9275f0',
|
|
103
|
-
identity9: '#7575f0',
|
|
104
|
-
identity10: '#7596f0',
|
|
105
|
-
identity11: '#75b3f0',
|
|
106
|
-
identity12: '#75cff0',
|
|
107
|
-
identity13: '#75e8f0',
|
|
108
|
-
identity14: '#75f0e3',
|
|
109
|
-
identity15: '#75f0cd',
|
|
110
|
-
identity16: '#75f0b5',
|
|
111
|
-
identity17: '#75f09c',
|
|
112
|
-
identity18: '#75f080',
|
|
113
|
-
identity19: '#8cf075',
|
|
114
|
-
identity20: '#b0f075',
|
|
115
|
-
identity21: '#d7f075',
|
|
116
|
-
identity22: '#f0e175',
|
|
117
|
-
identity23: '#f0c375',
|
|
118
|
-
identity24: '#f0a875',
|
|
119
|
-
});
|
|
120
|
-
|
|
121
62
|
export const syntaxColors = stylex.defineVars({
|
|
122
63
|
keyword: '#785ba1',
|
|
123
64
|
string: '#21684f',
|
|
@@ -126,14 +67,6 @@ export const syntaxColors = stylex.defineVars({
|
|
|
126
67
|
type: '#1c628f',
|
|
127
68
|
});
|
|
128
69
|
|
|
129
|
-
export const darkSyntaxColors = stylex.defineConsts({
|
|
130
|
-
keyword: '#c4a1e5',
|
|
131
|
-
string: '#8ed3b3',
|
|
132
|
-
comment: '#a3a3a3',
|
|
133
|
-
number: '#edc479',
|
|
134
|
-
type: '#84bce3',
|
|
135
|
-
});
|
|
136
|
-
|
|
137
70
|
export const spacing = stylex.defineVars({
|
|
138
71
|
xxs: '2px',
|
|
139
72
|
xs: '4px',
|
|
@@ -190,27 +123,4 @@ export const motion = stylex.defineVars({
|
|
|
190
123
|
drawerEasing: 'cubic-bezier(0.32, 0.72, 0, 1)',
|
|
191
124
|
});
|
|
192
125
|
|
|
193
|
-
export const loading = stylex.defineConsts({ delaySeconds: 2, revealMs: 80, placeholderMs: 120 });
|
|
194
|
-
|
|
195
126
|
export const shadows = stylex.defineVars({ popup: '0 4px 16px #00000014', selection: 'inset 2px 0 currentColor' });
|
|
196
|
-
|
|
197
|
-
export const darkShadows = stylex.defineConsts({ popup: '0 4px 16px #00000066' });
|
|
198
|
-
|
|
199
|
-
export const layers = stylex.defineConsts({
|
|
200
|
-
sticky: '1',
|
|
201
|
-
backdrop: '20',
|
|
202
|
-
dialog: '21',
|
|
203
|
-
popup: '30',
|
|
204
|
-
tooltip: '40',
|
|
205
|
-
skipLink: '50',
|
|
206
|
-
});
|
|
207
|
-
|
|
208
|
-
export const tableGeometry = stylex.defineConsts({ rowHeight: 48, headerHeight: 36 });
|
|
209
|
-
|
|
210
|
-
export const conditions = stylex.defineConsts({
|
|
211
|
-
coarsePointer: '@media (pointer: coarse)',
|
|
212
|
-
hoverPointer: '@media (hover: hover) and (pointer: fine)',
|
|
213
|
-
compactText: '@media (max-width:639px)',
|
|
214
|
-
compactTable: '@media (max-width:600px)',
|
|
215
|
-
reducedMotion: '@media (prefers-reduced-motion: reduce)',
|
|
216
|
-
});
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import type { ComponentProps, ReactNode } from 'react';
|
|
2
|
-
type TableHeader = string | {
|
|
3
|
-
readonly label: string;
|
|
4
|
-
readonly width: number;
|
|
5
|
-
readonly secondary?: boolean;
|
|
6
|
-
};
|
|
7
|
-
type TableProps = ComponentProps<'table'> & {
|
|
8
|
-
readonly headers: ReadonlyArray<TableHeader>;
|
|
9
|
-
readonly label: string;
|
|
10
|
-
};
|
|
11
|
-
type CellProps = ComponentProps<'td'> & {
|
|
12
|
-
readonly secondary?: boolean;
|
|
13
|
-
readonly mobileLabel?: string;
|
|
14
|
-
};
|
|
15
|
-
export declare function Table({ headers, children, label, ...props }: TableProps): ReactNode;
|
|
16
|
-
export declare function Cell({ children, secondary, mobileLabel, ...props }: CellProps): ReactNode;
|
|
17
|
-
export {};
|