@mechane-ai/elements 0.12.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 +50 -11
- package/dist/ai.js +175 -148
- package/dist/{categorical-values-CTrHn9jH.js → categorical-values-BnWfIPlv.js} +3 -3
- package/dist/{chart-frame-38ES6kwK.js → chart-frame-Dm8UNfYD.js} +6 -6
- package/dist/{chart-input-C9fu7f1Q.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-BjV2EFZS.js → code-block-D07N6mYS.js} +4 -4
- package/dist/collections.js +414 -395
- 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-C460m-O7.js → content-link-CEx2s1MU.js} +1 -1
- package/dist/content.js +5 -5
- package/dist/elements.css +71 -120
- 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 +30 -16
- 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/index.d.ts +2 -2
- package/dist/packages/ai/src/prompt-input.d.ts +9 -5
- 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 +23 -6
- package/dist/packages/collections/src/index.d.ts +4 -5
- 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 +18 -10
- package/dist/packages/feedback/src/control-placeholders.d.ts +10 -5
- package/dist/packages/feedback/src/feedback.d.ts +2 -2
- package/dist/packages/feedback/src/index.d.ts +2 -3
- 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/control-styles.d.ts +21 -0
- package/dist/packages/foundations/src/tokens.d.ts +2 -0
- package/dist/packages/foundations/src/tokens.stylex.d.ts +0 -85
- 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/index.d.ts +2 -2
- package/dist/packages/navigation/src/page-navigation.d.ts +7 -2
- 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-DKN2eGlZ.js → pierre-tree-CBBDlJ_Y.js} +4 -4
- package/dist/{src-DOzle5d4.js → src-BkXlN6aZ.js} +180 -195
- package/dist/{src-CI6KtN2w.js → src-C9GQP3px.js} +353 -377
- package/dist/{src-3gzujMhN.js → src-CyJd2qSZ.js} +47 -33
- package/dist/{src-CVlgjAlw.js → src-d7EAi61b.js} +9 -9
- package/dist/theme.js +1 -1
- package/dist/tokens.js +3 -203
- 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 -88
- package/dist/packages/collections/src/table.d.ts +0 -17
- package/dist/packages/feedback/src/loading.d.ts +0 -7
- package/dist/pierre-theme-CBAncKdH.js +0 -126
|
@@ -0,0 +1,127 @@
|
|
|
1
|
+
import { t as e } from "./constants.stylex-bbdiv1fD.js";
|
|
2
|
+
import { d as t, i as n, l as r, r as i, u as a } from "./tokens.stylex-DTHHFbyl.js";
|
|
3
|
+
// packages/content/src/pierre-theme.ts
|
|
4
|
+
var o = {
|
|
5
|
+
name: "Elements",
|
|
6
|
+
appearance: "light",
|
|
7
|
+
cssVariables: {
|
|
8
|
+
prefix: "--elements-syntax-",
|
|
9
|
+
defaults: {
|
|
10
|
+
foreground: i.ink,
|
|
11
|
+
background: i.surface,
|
|
12
|
+
keyword: a.keyword,
|
|
13
|
+
string: a.string,
|
|
14
|
+
comment: a.comment,
|
|
15
|
+
number: a.number,
|
|
16
|
+
type: a.type,
|
|
17
|
+
punctuation: i.muted
|
|
18
|
+
}
|
|
19
|
+
},
|
|
20
|
+
style: {
|
|
21
|
+
"editor.background": "background",
|
|
22
|
+
"editor.foreground": "foreground",
|
|
23
|
+
syntax: {
|
|
24
|
+
keyword: {
|
|
25
|
+
color: "keyword",
|
|
26
|
+
font_weight: 600
|
|
27
|
+
},
|
|
28
|
+
string: "string",
|
|
29
|
+
comment: "comment",
|
|
30
|
+
number: "number",
|
|
31
|
+
type: "type",
|
|
32
|
+
function: "foreground",
|
|
33
|
+
operator: "punctuation",
|
|
34
|
+
punctuation: "punctuation"
|
|
35
|
+
}
|
|
36
|
+
}
|
|
37
|
+
}, s = `
|
|
38
|
+
:host {
|
|
39
|
+
color-scheme: inherit;
|
|
40
|
+
--diffs-font-family: ${t.monoFamily};
|
|
41
|
+
--diffs-header-font-family: ${t.fontFamily};
|
|
42
|
+
--diffs-font-size: ${t.captionSize};
|
|
43
|
+
--diffs-line-height: ${t.bodyLineHeight};
|
|
44
|
+
--diffs-gap-inline: ${r.sm};
|
|
45
|
+
--diffs-gap-block: ${r.sm};
|
|
46
|
+
--diffs-bg: ${i.surface};
|
|
47
|
+
--diffs-fg: ${i.ink};
|
|
48
|
+
--diffs-fg-number: ${i.muted};
|
|
49
|
+
--diffs-bg-addition: ${i.accentSoft};
|
|
50
|
+
--diffs-bg-deletion: ${i.dangerSoft};
|
|
51
|
+
--diffs-addition-color-override: ${i.accent};
|
|
52
|
+
--diffs-deletion-color-override: ${i.danger};
|
|
53
|
+
--diffs-modified-color-override: ${i.focus};
|
|
54
|
+
--diffs-bg-context-override: ${i.surface};
|
|
55
|
+
--diffs-bg-context-gutter-override: ${i.canvas};
|
|
56
|
+
--diffs-bg-separator-override: ${i.canvas};
|
|
57
|
+
--diffs-selection-background: ${i.accentSoft};
|
|
58
|
+
font-family: ${t.monoFamily};
|
|
59
|
+
font-size: ${t.captionSize};
|
|
60
|
+
color: ${i.ink};
|
|
61
|
+
background: ${i.surface};
|
|
62
|
+
}
|
|
63
|
+
pre { font-family: ${t.monoFamily}; font-size: ${t.captionSize}; line-height: ${t.bodyLineHeight}; }
|
|
64
|
+
[data-line-number] { color: ${i.muted}; }
|
|
65
|
+
[data-diffs-header] {
|
|
66
|
+
min-height: ${n.height};
|
|
67
|
+
padding-block: ${r.sm};
|
|
68
|
+
padding-inline: ${r.md};
|
|
69
|
+
border-bottom: 1px solid ${i.line};
|
|
70
|
+
font-size: ${t.captionSize};
|
|
71
|
+
line-height: ${t.captionLineHeight};
|
|
72
|
+
font-weight: ${t.mediumWeight};
|
|
73
|
+
flex-wrap: wrap;
|
|
74
|
+
}
|
|
75
|
+
[data-header-content] { flex: 1 1 12ch; }
|
|
76
|
+
`, c = `
|
|
77
|
+
:host {
|
|
78
|
+
color-scheme: inherit;
|
|
79
|
+
color: ${i.ink};
|
|
80
|
+
background: ${i.surface};
|
|
81
|
+
font-family: ${t.fontFamily};
|
|
82
|
+
font-size: ${t.bodySize};
|
|
83
|
+
--trees-font-family-override: ${t.fontFamily};
|
|
84
|
+
--trees-font-size-override: ${t.bodySize};
|
|
85
|
+
--trees-font-weight-regular-override: ${t.regularWeight};
|
|
86
|
+
--trees-font-weight-semibold-override: ${t.strongWeight};
|
|
87
|
+
--trees-search-font-weight-override: ${t.strongWeight};
|
|
88
|
+
--trees-padding-inline-override: ${r.md};
|
|
89
|
+
--trees-item-padding-x-override: ${r.sm};
|
|
90
|
+
--trees-item-row-gap-override: ${n.gap};
|
|
91
|
+
--trees-bg-override: ${i.surface};
|
|
92
|
+
--trees-fg-override: ${i.ink};
|
|
93
|
+
--trees-fg-muted-override: ${i.muted};
|
|
94
|
+
--trees-bg-muted-override: ${i.canvas};
|
|
95
|
+
--trees-input-bg-override: ${i.surface};
|
|
96
|
+
--trees-border-color-override: ${i.line};
|
|
97
|
+
--trees-border-radius-override: 0px;
|
|
98
|
+
--trees-accent-override: ${i.focus};
|
|
99
|
+
--trees-focus-ring-color-override: ${i.focus};
|
|
100
|
+
--trees-focus-ring-width-override: ${n.focusWidth};
|
|
101
|
+
--trees-focus-ring-offset-override: -2px;
|
|
102
|
+
--trees-selected-fg-override: ${i.ink};
|
|
103
|
+
--trees-selected-bg-override: ${i.canvas};
|
|
104
|
+
--trees-selected-focused-border-color-override: ${i.focus};
|
|
105
|
+
--trees-status-added-override: ${i.accent};
|
|
106
|
+
--trees-status-deleted-override: ${i.danger};
|
|
107
|
+
--trees-status-ignored-override: ${i.muted};
|
|
108
|
+
--trees-status-modified-override: ${i.warning};
|
|
109
|
+
--trees-status-renamed-override: ${i.warning};
|
|
110
|
+
--trees-status-untracked-override: ${i.accent};
|
|
111
|
+
}
|
|
112
|
+
[data-type="item"]:hover:not([data-item-selected="true"]):not([data-item-context-hover="true"]) {
|
|
113
|
+
background-color: ${i.surface};
|
|
114
|
+
--truncate-marker-background-overlay-color: transparent;
|
|
115
|
+
}
|
|
116
|
+
${e.hoverPointer} {
|
|
117
|
+
[data-type="item"]:hover:not([data-item-selected="true"]):not([data-item-context-hover="true"]) {
|
|
118
|
+
background-color: ${i.canvas};
|
|
119
|
+
--truncate-marker-background-overlay-color: ${i.canvas};
|
|
120
|
+
}
|
|
121
|
+
}
|
|
122
|
+
[data-type="item"]:active:not([data-item-selected="true"]):not([data-item-context-hover="true"]) {
|
|
123
|
+
background-color: ${i.canvas};
|
|
124
|
+
--truncate-marker-background-overlay-color: ${i.canvas};
|
|
125
|
+
}
|
|
126
|
+
`;
|
|
127
|
+
export { s as n, c as r, o as t };
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { c as e } from "./src-
|
|
2
|
-
import { l as t } from "./src-
|
|
3
|
-
import {
|
|
4
|
-
import { r } from "./pierre-theme-
|
|
1
|
+
import { c as e } from "./src-CyJd2qSZ.js";
|
|
2
|
+
import { l as t } from "./src-BkXlN6aZ.js";
|
|
3
|
+
import { t as n } from "./constants.stylex-bbdiv1fD.js";
|
|
4
|
+
import { r } from "./pierre-theme-BUeJim8s.js";
|
|
5
5
|
import * as i from "@stylexjs/stylex";
|
|
6
6
|
import { useEffect as a, useId as o, useRef as s, useState as c } from "react";
|
|
7
7
|
import { jsx as l, jsxs as u } from "react/jsx-runtime";
|