@parallelworks/ui 0.46.0 → 0.48.0

package/dist/theme/derive.d.ts

@@ -14,6 +14,9 @@ export interface DeriveOptions {
     /** How the code theme colors syntax. */
     code?: CodeStyle;
 }
+/** The surfaces placeholder and disabled text sit on: field boxes, and the bare inputs of
+ *  search bars, menus and dialogs that take their surface's background. */
+export declare const PLACEHOLDER_ON: ThemeToken[];
 /** Every token as sRGB, plus display-p3 overrides that keep every contrast the sRGB output meets. */
 export declare function generateTheme(scheme: Scheme, options?: DeriveOptions): GeneratedTheme;
 /** Every `--theme-*` token for a scheme, in sRGB. */

package/dist/theme/derive.js

@@ -88,6 +88,15 @@ function inkFor(surface, tint, dark) {
 function byContrast(k, [at0, at30, at100]) {
 	return k <= 30 ? at0 + (at30 - at0) * k / 30 : at30 + (at100 - at30) * (k - 30) / 70;
 }
+/** The surfaces placeholder and disabled text sit on: field boxes, and the bare inputs of
+*  search bars, menus and dialogs that take their surface's background. */
+var PLACEHOLDER_ON = [
+	"--theme-input-bg",
+	"--theme-input-disabled-bg",
+	"--theme-app-bg",
+	"--theme-panel-bg",
+	"--theme-muted-panel-bg"
+];
 /** The roles' targets at a contrast. WCAG AA is the floor at every contrast. */
 function targets(k) {
 	const at = (wcag, apca) => ({
@@ -267,12 +276,7 @@ function build(scheme, options) {
 	];
 	solved("--theme-app", ink, textOn, t.primary);
 	solved("--theme-muted-text-color", ink, textOn, t.secondary);
-	solved("--theme-placeholder", ink, [
-		"--theme-input-bg",
-		"--theme-input-disabled-bg",
-		"--theme-app-bg",
-		"--theme-panel-bg"
-	], t.placeholder);
+	solved("--theme-placeholder", ink, PLACEHOLDER_ON, t.placeholder);
 	solved("--theme-link", accent, [
 		"--theme-app-bg",
 		"--theme-panel-bg",
@@ -472,4 +476,4 @@ function themeStylesheet(selector, scheme, options = {}) {
 	return `${selector} {\n${block(srgb, "  ")}\n}\n${wide ? `\n@media (color-gamut: p3) {\n  ${selector} {\n${wide}\n  }\n}\n` : ""}`;
 }
 //#endregion
-export { SIDEBAR_TOKENS, THEME_TOKENS, deriveTheme, generateTheme, themeStylesheet };
+export { PLACEHOLDER_ON, SIDEBAR_TOKENS, THEME_TOKENS, deriveTheme, generateTheme, themeStylesheet };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@parallelworks/ui",
-  "version": "0.46.0",
+  "version": "0.48.0",
   "description": "React UI components: a theme contract, icons, brand logos, primitives, lists, forms, a job graph, a code editor, a log viewer, a file explorer and an AI chat, each on its own subpath",
   "license": "Apache-2.0",
   "repository": {