@mechane-ai/elements 0.8.0 → 0.10.0

package/dist/pierre-theme-D9hnHv3Z.js

@@ -0,0 +1,126 @@
+import { colors as e, conditions as t, controls as n, spacing as r, syntaxColors as i, typography as a } from "./tokens.js";
+// packages/content/src/pierre-theme.ts
+var o = {
+	name: "Elements",
+	appearance: "light",
+	cssVariables: {
+		prefix: "--elements-syntax-",
+		defaults: {
+			foreground: e.ink,
+			background: e.surface,
+			keyword: i.keyword,
+			string: i.string,
+			comment: i.comment,
+			number: i.number,
+			type: i.type,
+			punctuation: e.muted
+		}
+	},
+	style: {
+		"editor.background": "background",
+		"editor.foreground": "foreground",
+		syntax: {
+			keyword: {
+				color: "keyword",
+				font_weight: 600
+			},
+			string: "string",
+			comment: "comment",
+			number: "number",
+			type: "type",
+			function: "foreground",
+			operator: "punctuation",
+			punctuation: "punctuation"
+		}
+	}
+}, s = `
+:host {
+  color-scheme: inherit;
+  --diffs-font-family: ${a.monoFamily};
+  --diffs-header-font-family: ${a.fontFamily};
+  --diffs-font-size: ${a.captionSize};
+  --diffs-line-height: ${a.bodyLineHeight};
+  --diffs-gap-inline: ${r.sm};
+  --diffs-gap-block: ${r.sm};
+  --diffs-bg: ${e.surface};
+  --diffs-fg: ${e.ink};
+  --diffs-fg-number: ${e.muted};
+  --diffs-bg-addition: ${e.accentSoft};
+  --diffs-bg-deletion: ${e.dangerSoft};
+  --diffs-addition-color-override: ${e.accent};
+  --diffs-deletion-color-override: ${e.danger};
+  --diffs-modified-color-override: ${e.focus};
+  --diffs-bg-context-override: ${e.surface};
+  --diffs-bg-context-gutter-override: ${e.canvas};
+  --diffs-bg-separator-override: ${e.canvas};
+  --diffs-selection-background: ${e.accentSoft};
+  font-family: ${a.monoFamily};
+  font-size: ${a.captionSize};
+  color: ${e.ink};
+  background: ${e.surface};
+}
+pre { font-family: ${a.monoFamily}; font-size: ${a.captionSize}; line-height: ${a.bodyLineHeight}; }
+[data-line-number] { color: ${e.muted}; }
+[data-diffs-header] {
+  min-height: ${n.mdHeight};
+  padding-block: ${r.sm};
+  padding-inline: ${r.md};
+  border-bottom: 1px solid ${e.line};
+  font-size: ${a.captionSize};
+  line-height: ${a.captionLineHeight};
+  font-weight: ${a.mediumWeight};
+  flex-wrap: wrap;
+}
+[data-header-content] { flex: 1 1 12ch; }
+`, c = `
+:host {
+  color-scheme: inherit;
+  color: ${e.ink};
+  background: ${e.surface};
+  font-family: ${a.fontFamily};
+  font-size: ${a.bodySize};
+  --trees-font-family-override: ${a.fontFamily};
+  --trees-font-size-override: ${a.bodySize};
+  --trees-font-weight-regular-override: ${a.regularWeight};
+  --trees-font-weight-semibold-override: ${a.strongWeight};
+  --trees-search-font-weight-override: ${a.strongWeight};
+  --trees-padding-inline-override: ${r.md};
+  --trees-item-padding-x-override: ${r.sm};
+  --trees-item-row-gap-override: ${n.gap};
+  --trees-bg-override: ${e.surface};
+  --trees-fg-override: ${e.ink};
+  --trees-fg-muted-override: ${e.muted};
+  --trees-bg-muted-override: ${e.canvas};
+  --trees-input-bg-override: ${e.surface};
+  --trees-border-color-override: ${e.line};
+  --trees-border-radius-override: 0px;
+  --trees-accent-override: ${e.focus};
+  --trees-focus-ring-color-override: ${e.focus};
+  --trees-focus-ring-width-override: ${n.focusWidth};
+  --trees-focus-ring-offset-override: -2px;
+  --trees-selected-fg-override: ${e.ink};
+  --trees-selected-bg-override: ${e.canvas};
+  --trees-selected-focused-border-color-override: ${e.focus};
+  --trees-status-added-override: ${e.accent};
+  --trees-status-deleted-override: ${e.danger};
+  --trees-status-ignored-override: ${e.muted};
+  --trees-status-modified-override: ${e.warning};
+  --trees-status-renamed-override: ${e.warning};
+  --trees-status-untracked-override: ${e.accent};
+}
+[data-type="item"]:hover:not([data-item-selected="true"]):not([data-item-context-hover="true"]) {
+  background-color: ${e.surface};
+  --truncate-marker-background-overlay-color: transparent;
+}
+${t.hoverPointer} {
+  [data-type="item"]:hover:not([data-item-selected="true"]):not([data-item-context-hover="true"]) {
+    background-color: ${e.canvas};
+    --truncate-marker-background-overlay-color: ${e.canvas};
+  }
+}
+[data-type="item"]:active:not([data-item-selected="true"]):not([data-item-context-hover="true"]) {
+  background-color: ${e.canvas};
+  --truncate-marker-background-overlay-color: ${e.canvas};
+}
+`;
+export { s as n, c as r, o as t };

package/dist/{pierre-tree-DdE1boiT.js → pierre-tree-BFxEuxwb.js}

@@ -1,7 +1,7 @@
-import { c as e } from "./src-Bc5sEhdO.js";
-import { l as t } from "./src-Eg_ytPjv.js";
+import { c as e } from "./src-sU9b0oZW.js";
+import { l as t } from "./src-Be7NLG8c.js";
 import { conditions as n } from "./tokens.js";
-import { r } from "./pierre-theme-BpESNIsV.js";
+import { r } from "./pierre-theme-D9hnHv3Z.js";
 import * as i from "@stylexjs/stylex";
 import { useEffect as a, useId as o, useRef as s, useState as c } from "react";
 import { jsx as l, jsxs as u } from "react/jsx-runtime";