@ascribed/astro 0.2.1-next.10 → 0.2.1-next.11
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/dist/toolbar/style.d.ts +1 -1
- package/dist/toolbar/style.js +31 -23
- package/dist/toolbar/style.js.map +1 -1
- package/package.json +5 -5
package/dist/toolbar/style.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export declare const PANEL_CSS = "\n.panel {\n --ink: #
|
|
1
|
+
export declare const PANEL_CSS = "\n.panel {\n /* Generated from design/tokens.toml by scripts/design/tokens.ts: panel, light. */\n --ink: #22272e;\n --muted: #676c75;\n --win: #ffffff;\n --side: #f7f9fd;\n --line: #e3e6ec;\n --accent: #5962e8;\n --accent-ink: #ffffff;\n --notice: #fef5eb;\n --ui: system-ui, -apple-system, \"Segoe UI\", Roboto, sans-serif;\n --mono: ui-monospace, \"SF Mono\", Menlo, Consolas, monospace;\n /* End of generated panel. */\n}\n/* Light or dark as the page is (data-scheme), else as the reader's system is. */\n@media (prefers-color-scheme: dark) {\n .panel:not([data-scheme=\"light\"]) {\n /* Generated from design/tokens.toml by scripts/design/tokens.ts: panel, dark. */\n --ink: #f0f3f7;\n --muted: #a5a9b2;\n --win: #0c0f16;\n --side: #13171f;\n --line: #393d46;\n --accent: #91a1fe;\n --accent-ink: #0c0f16;\n --notice: #2b1a03;\n /* End of generated panel. */\n }\n}\n.panel[data-scheme=\"dark\"] {\n /* Generated from design/tokens.toml by scripts/design/tokens.ts: panel, dark. */\n --ink: #f0f3f7;\n --muted: #a5a9b2;\n --win: #0c0f16;\n --side: #13171f;\n --line: #393d46;\n --accent: #91a1fe;\n --accent-ink: #0c0f16;\n --notice: #2b1a03;\n /* End of generated panel. */\n}\n.panel {\n position: fixed;\n left: 50%;\n bottom: 72px;\n transform: translateX(-50%);\n width: min(960px, calc(100vw - 20px));\n box-sizing: border-box;\n max-height: 300px;\n overflow-y: auto;\n background: var(--win);\n color: var(--ink);\n border: 1px solid var(--ink);\n border-radius: 8px;\n /* Generated from design/tokens.toml by scripts/design/tokens.ts: shadow, light. */\n box-shadow: 0 8px 28px rgb(0 0 0 / 0.3);\n /* End of generated shadow. */\n font: 12.5px/1.45 var(--ui);\n z-index: 1;\n}\n.ttl {\n display: flex;\n gap: 10px;\n align-items: center;\n padding: 4px 10px;\n font-size: 11px;\n letter-spacing: 0.06em;\n text-transform: uppercase;\n font-weight: 700;\n background: var(--ink);\n color: var(--win);\n position: sticky;\n top: 0;\n}\n.ttl .grow {\n flex: 1;\n}\n.ttl button {\n border: 0;\n background: transparent;\n color: var(--win);\n padding: 0;\n font: inherit;\n text-transform: none;\n letter-spacing: 0;\n font-weight: 400;\n cursor: pointer;\n}\n.row,\n.notice,\n.unsent {\n display: flex;\n flex-wrap: wrap;\n gap: 6px 10px;\n align-items: center;\n padding: 6px 10px;\n border-bottom: 1px solid var(--line);\n font-size: 12px;\n}\n.row {\n background: var(--side);\n}\n.row .grow {\n flex: 1;\n min-width: 160px;\n color: var(--muted);\n}\n.row b {\n color: var(--ink);\n font-weight: 600;\n}\n.legend {\n flex-basis: 100%;\n color: var(--muted);\n font-size: 11.5px;\n}\n.notice,\n.unsent {\n background: var(--notice);\n font-size: 12.5px;\n}\n.notice code {\n font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;\n font-size: 0.95em;\n}\n.spacer {\n flex: 1;\n}\n.body {\n padding: 8px 10px;\n display: flex;\n flex-direction: column;\n gap: 6px;\n border-bottom: 1px solid var(--line);\n}\n.body:last-child,\n.row:last-child,\n.notice:last-child,\n.unsent:last-child {\n border-bottom: 0;\n}\n.hint {\n color: var(--muted);\n font-size: 11.5px;\n}\nul {\n margin: 0;\n padding-left: 18px;\n}\nli + li {\n margin-top: 2px;\n}\n.thread {\n border: 1px solid var(--line);\n border-radius: 6px;\n padding: 6px 8px;\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n.thread .where {\n color: var(--muted);\n font-size: 11.5px;\n}\n.thread .comment p {\n margin: 0;\n}\ncode {\n font-family: var(--mono);\n font-size: 0.92em;\n}\nbutton {\n font: inherit;\n cursor: pointer;\n color: inherit;\n}\nbutton:disabled {\n cursor: not-allowed;\n opacity: 0.5;\n}\nbutton:focus-visible,\na:focus-visible {\n outline: 2px solid var(--accent);\n outline-offset: 1px;\n}\n.ghost {\n border: 1px solid var(--line);\n background: var(--win);\n border-radius: 5px;\n padding: 2px 8px;\n font-size: 12px;\n}\n.ghost:hover {\n border-color: var(--accent);\n color: var(--accent);\n}\n.square {\n min-width: 28px;\n min-height: 24px;\n}\n.primary {\n border: 1px solid var(--accent);\n background: var(--accent);\n color: var(--accent-ink);\n border-radius: 5px;\n padding: 2px 10px;\n font-size: 12.5px;\n font-weight: 600;\n}\n.link,\na {\n border: 0;\n background: transparent;\n color: var(--accent);\n padding: 0;\n font-size: inherit;\n text-decoration: none;\n}\n.link:hover,\na:hover {\n text-decoration: underline;\n}\n.position {\n white-space: nowrap;\n}\n.segmented {\n display: inline-flex;\n border: 1px solid var(--line);\n border-radius: 5px;\n overflow: hidden;\n}\n.segmented button {\n border: 0;\n background: transparent;\n padding: 2px 9px;\n font-size: 12px;\n color: var(--muted);\n}\n.segmented button + button {\n border-left: 1px solid var(--line);\n}\n.segmented button[aria-pressed=\"true\"] {\n background: var(--accent);\n color: var(--accent-ink);\n}\n.sr-only {\n position: absolute;\n width: 1px;\n height: 1px;\n overflow: hidden;\n clip: rect(0 0 0 0);\n white-space: nowrap;\n}\n";
|
package/dist/toolbar/style.js
CHANGED
|
@@ -2,39 +2,45 @@
|
|
|
2
2
|
// don't reach it, and its don't reach the page.
|
|
3
3
|
export const PANEL_CSS = `
|
|
4
4
|
.panel {
|
|
5
|
-
|
|
6
|
-
--
|
|
5
|
+
/* Generated from design/tokens.toml by scripts/design/tokens.ts: panel, light. */
|
|
6
|
+
--ink: #22272e;
|
|
7
|
+
--muted: #676c75;
|
|
7
8
|
--win: #ffffff;
|
|
8
|
-
--side: #
|
|
9
|
-
--line: #
|
|
10
|
-
--accent: #
|
|
9
|
+
--side: #f7f9fd;
|
|
10
|
+
--line: #e3e6ec;
|
|
11
|
+
--accent: #5962e8;
|
|
11
12
|
--accent-ink: #ffffff;
|
|
12
|
-
--notice: #
|
|
13
|
+
--notice: #fef5eb;
|
|
13
14
|
--ui: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
|
|
14
15
|
--mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
|
|
16
|
+
/* End of generated panel. */
|
|
15
17
|
}
|
|
16
18
|
/* Light or dark as the page is (data-scheme), else as the reader's system is. */
|
|
17
19
|
@media (prefers-color-scheme: dark) {
|
|
18
20
|
.panel:not([data-scheme="light"]) {
|
|
19
|
-
|
|
20
|
-
--
|
|
21
|
-
--
|
|
22
|
-
--
|
|
23
|
-
--
|
|
24
|
-
--
|
|
25
|
-
--accent
|
|
26
|
-
--
|
|
21
|
+
/* Generated from design/tokens.toml by scripts/design/tokens.ts: panel, dark. */
|
|
22
|
+
--ink: #f0f3f7;
|
|
23
|
+
--muted: #a5a9b2;
|
|
24
|
+
--win: #0c0f16;
|
|
25
|
+
--side: #13171f;
|
|
26
|
+
--line: #393d46;
|
|
27
|
+
--accent: #91a1fe;
|
|
28
|
+
--accent-ink: #0c0f16;
|
|
29
|
+
--notice: #2b1a03;
|
|
30
|
+
/* End of generated panel. */
|
|
27
31
|
}
|
|
28
32
|
}
|
|
29
33
|
.panel[data-scheme="dark"] {
|
|
30
|
-
|
|
31
|
-
--
|
|
32
|
-
--
|
|
33
|
-
--
|
|
34
|
-
--
|
|
35
|
-
--
|
|
36
|
-
--accent
|
|
37
|
-
--
|
|
34
|
+
/* Generated from design/tokens.toml by scripts/design/tokens.ts: panel, dark. */
|
|
35
|
+
--ink: #f0f3f7;
|
|
36
|
+
--muted: #a5a9b2;
|
|
37
|
+
--win: #0c0f16;
|
|
38
|
+
--side: #13171f;
|
|
39
|
+
--line: #393d46;
|
|
40
|
+
--accent: #91a1fe;
|
|
41
|
+
--accent-ink: #0c0f16;
|
|
42
|
+
--notice: #2b1a03;
|
|
43
|
+
/* End of generated panel. */
|
|
38
44
|
}
|
|
39
45
|
.panel {
|
|
40
46
|
position: fixed;
|
|
@@ -49,7 +55,9 @@ export const PANEL_CSS = `
|
|
|
49
55
|
color: var(--ink);
|
|
50
56
|
border: 1px solid var(--ink);
|
|
51
57
|
border-radius: 8px;
|
|
52
|
-
|
|
58
|
+
/* Generated from design/tokens.toml by scripts/design/tokens.ts: shadow, light. */
|
|
59
|
+
box-shadow: 0 8px 28px rgb(0 0 0 / 0.3);
|
|
60
|
+
/* End of generated shadow. */
|
|
53
61
|
font: 12.5px/1.45 var(--ui);
|
|
54
62
|
z-index: 1;
|
|
55
63
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"style.js","sourceRoot":"","sources":["../../src/toolbar/style.ts"],"names":[],"mappings":"AAAA,2EAA2E;AAC3E,gDAAgD;AAChD,MAAM,CAAC,MAAM,SAAS,GAAG
|
|
1
|
+
{"version":3,"file":"style.js","sourceRoot":"","sources":["../../src/toolbar/style.ts"],"names":[],"mappings":"AAAA,2EAA2E;AAC3E,gDAAgD;AAChD,MAAM,CAAC,MAAM,SAAS,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8PxB,CAAC","sourcesContent":["// The toolbar app's panel, in the app's own shadow root: the page's styles\n// don't reach it, and its don't reach the page.\nexport const PANEL_CSS = `\n.panel {\n /* Generated from design/tokens.toml by scripts/design/tokens.ts: panel, light. */\n --ink: #22272e;\n --muted: #676c75;\n --win: #ffffff;\n --side: #f7f9fd;\n --line: #e3e6ec;\n --accent: #5962e8;\n --accent-ink: #ffffff;\n --notice: #fef5eb;\n --ui: system-ui, -apple-system, \"Segoe UI\", Roboto, sans-serif;\n --mono: ui-monospace, \"SF Mono\", Menlo, Consolas, monospace;\n /* End of generated panel. */\n}\n/* Light or dark as the page is (data-scheme), else as the reader's system is. */\n@media (prefers-color-scheme: dark) {\n .panel:not([data-scheme=\"light\"]) {\n /* Generated from design/tokens.toml by scripts/design/tokens.ts: panel, dark. */\n --ink: #f0f3f7;\n --muted: #a5a9b2;\n --win: #0c0f16;\n --side: #13171f;\n --line: #393d46;\n --accent: #91a1fe;\n --accent-ink: #0c0f16;\n --notice: #2b1a03;\n /* End of generated panel. */\n }\n}\n.panel[data-scheme=\"dark\"] {\n /* Generated from design/tokens.toml by scripts/design/tokens.ts: panel, dark. */\n --ink: #f0f3f7;\n --muted: #a5a9b2;\n --win: #0c0f16;\n --side: #13171f;\n --line: #393d46;\n --accent: #91a1fe;\n --accent-ink: #0c0f16;\n --notice: #2b1a03;\n /* End of generated panel. */\n}\n.panel {\n position: fixed;\n left: 50%;\n bottom: 72px;\n transform: translateX(-50%);\n width: min(960px, calc(100vw - 20px));\n box-sizing: border-box;\n max-height: 300px;\n overflow-y: auto;\n background: var(--win);\n color: var(--ink);\n border: 1px solid var(--ink);\n border-radius: 8px;\n /* Generated from design/tokens.toml by scripts/design/tokens.ts: shadow, light. */\n box-shadow: 0 8px 28px rgb(0 0 0 / 0.3);\n /* End of generated shadow. */\n font: 12.5px/1.45 var(--ui);\n z-index: 1;\n}\n.ttl {\n display: flex;\n gap: 10px;\n align-items: center;\n padding: 4px 10px;\n font-size: 11px;\n letter-spacing: 0.06em;\n text-transform: uppercase;\n font-weight: 700;\n background: var(--ink);\n color: var(--win);\n position: sticky;\n top: 0;\n}\n.ttl .grow {\n flex: 1;\n}\n.ttl button {\n border: 0;\n background: transparent;\n color: var(--win);\n padding: 0;\n font: inherit;\n text-transform: none;\n letter-spacing: 0;\n font-weight: 400;\n cursor: pointer;\n}\n.row,\n.notice,\n.unsent {\n display: flex;\n flex-wrap: wrap;\n gap: 6px 10px;\n align-items: center;\n padding: 6px 10px;\n border-bottom: 1px solid var(--line);\n font-size: 12px;\n}\n.row {\n background: var(--side);\n}\n.row .grow {\n flex: 1;\n min-width: 160px;\n color: var(--muted);\n}\n.row b {\n color: var(--ink);\n font-weight: 600;\n}\n.legend {\n flex-basis: 100%;\n color: var(--muted);\n font-size: 11.5px;\n}\n.notice,\n.unsent {\n background: var(--notice);\n font-size: 12.5px;\n}\n.notice code {\n font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;\n font-size: 0.95em;\n}\n.spacer {\n flex: 1;\n}\n.body {\n padding: 8px 10px;\n display: flex;\n flex-direction: column;\n gap: 6px;\n border-bottom: 1px solid var(--line);\n}\n.body:last-child,\n.row:last-child,\n.notice:last-child,\n.unsent:last-child {\n border-bottom: 0;\n}\n.hint {\n color: var(--muted);\n font-size: 11.5px;\n}\nul {\n margin: 0;\n padding-left: 18px;\n}\nli + li {\n margin-top: 2px;\n}\n.thread {\n border: 1px solid var(--line);\n border-radius: 6px;\n padding: 6px 8px;\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n.thread .where {\n color: var(--muted);\n font-size: 11.5px;\n}\n.thread .comment p {\n margin: 0;\n}\ncode {\n font-family: var(--mono);\n font-size: 0.92em;\n}\nbutton {\n font: inherit;\n cursor: pointer;\n color: inherit;\n}\nbutton:disabled {\n cursor: not-allowed;\n opacity: 0.5;\n}\nbutton:focus-visible,\na:focus-visible {\n outline: 2px solid var(--accent);\n outline-offset: 1px;\n}\n.ghost {\n border: 1px solid var(--line);\n background: var(--win);\n border-radius: 5px;\n padding: 2px 8px;\n font-size: 12px;\n}\n.ghost:hover {\n border-color: var(--accent);\n color: var(--accent);\n}\n.square {\n min-width: 28px;\n min-height: 24px;\n}\n.primary {\n border: 1px solid var(--accent);\n background: var(--accent);\n color: var(--accent-ink);\n border-radius: 5px;\n padding: 2px 10px;\n font-size: 12.5px;\n font-weight: 600;\n}\n.link,\na {\n border: 0;\n background: transparent;\n color: var(--accent);\n padding: 0;\n font-size: inherit;\n text-decoration: none;\n}\n.link:hover,\na:hover {\n text-decoration: underline;\n}\n.position {\n white-space: nowrap;\n}\n.segmented {\n display: inline-flex;\n border: 1px solid var(--line);\n border-radius: 5px;\n overflow: hidden;\n}\n.segmented button {\n border: 0;\n background: transparent;\n padding: 2px 9px;\n font-size: 12px;\n color: var(--muted);\n}\n.segmented button + button {\n border-left: 1px solid var(--line);\n}\n.segmented button[aria-pressed=\"true\"] {\n background: var(--accent);\n color: var(--accent-ink);\n}\n.sr-only {\n position: absolute;\n width: 1px;\n height: 1px;\n overflow: hidden;\n clip: rect(0 0 0 0);\n white-space: nowrap;\n}\n`;\n"]}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ascribed/astro",
|
|
3
|
-
"version": "0.2.1-next.
|
|
3
|
+
"version": "0.2.1-next.11",
|
|
4
4
|
"description": "The Astro integration for Ascribe.",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"license": "MPL-2.0",
|
|
@@ -41,9 +41,9 @@
|
|
|
41
41
|
"node": ">=24"
|
|
42
42
|
},
|
|
43
43
|
"dependencies": {
|
|
44
|
-
"@ascribed/cli": "0.2.1-next.
|
|
45
|
-
"@ascribed/elements": "0.2.1-next.
|
|
46
|
-
"@ascribed/review": "0.2.1-next.
|
|
44
|
+
"@ascribed/cli": "0.2.1-next.11",
|
|
45
|
+
"@ascribed/elements": "0.2.1-next.11",
|
|
46
|
+
"@ascribed/review": "0.2.1-next.11",
|
|
47
47
|
"property-information": "^7.2.0",
|
|
48
48
|
"smol-toml": "^1.9.0"
|
|
49
49
|
},
|
|
@@ -78,7 +78,7 @@
|
|
|
78
78
|
"publishConfig": {
|
|
79
79
|
"access": "public"
|
|
80
80
|
},
|
|
81
|
-
"gitHead": "
|
|
81
|
+
"gitHead": "dd64394135ff782efb8db030c81ac3b38e0f92c5",
|
|
82
82
|
"scripts": {
|
|
83
83
|
"build": "tsc -p tsconfig.build.json",
|
|
84
84
|
"typecheck": "tsc --noEmit",
|