@gjermundgaraba-designs/pixel-paper 0.22.2 → 0.23.0

package/src/tabs/tabs.ts

@@ -40,7 +40,7 @@ export type OutMessage = typeof OutMessage.Type;
  *  document; each tab's and panel's id derives from it. */
 export type InitConfig = Readonly<{ id: string }>;
 
-/** Creates a tab strip. Arrows select as they move, as the strip has always done. */
+/** Creates a tab strip. Arrows select as they move. */
 export const init = (config: InitConfig): Model => ({
   tabs: UiTabs.init({ id: config.id, activationMode: "Automatic" }),
 });

package/src/textareaField/textareaField.ts

@@ -1,7 +1,7 @@
 import { Textarea as UiTextarea } from "@foldkit/ui";
 import type { ChildAttribute, Html, HtmlBuilder, TextareaAttribute } from "foldkit/html";
 
-import { describedByError, errorView } from "../field/field.ts";
+import { controlAttributes, errorView, helpView } from "../field/field.ts";
 
 // VIEW
 
@@ -59,17 +59,13 @@ export const view = <Message>(config: ViewConfig<Message>, h: HtmlBuilder<Messag
           [h.Class(`field${isMono ? " mono" : ""}`)],
           [
             h.label(groups.label, [label]),
-            // NOTE: @foldkit/ui gap: Textarea has no required option, so the wrapper says it.
             h.textarea([
               ...textareaAttributes,
               ...groups.textarea,
-              ...describedByError(id, error, help !== undefined, h),
-              ...(isRequired ? [h.AriaRequired(true)] : []),
+              ...controlAttributes(id, error, help, isRequired, h),
             ]),
             ...errorView(id, error, h),
-            ...(help === undefined
-              ? []
-              : [h.p([...groups.description, h.Class("field-help")], [help])]),
+            ...helpView(help, groups.description, h),
           ],
         ),
     },

package/src/time/time.ts

@@ -1,4 +1,4 @@
-import { Clock, Duration, Effect, Match, Option, Schedule, Schema, Stream } from "effect";
+import { Clock, Duration, Match, Option, Schedule, Schema, Stream } from "effect";
 import type { Html, HtmlBuilder } from "foldkit/html";
 import type { EntryWithoutKeepAlive } from "foldkit/subscription";
 
@@ -127,10 +127,9 @@ export const clockEntry = <Model, Message>(
   dependenciesSchema: Schema.Struct({ isActive: Schema.Boolean }),
   modelToDependencies: (model) => ({ isActive: config.isActive(model) }),
   dependenciesToStream: ({ isActive }) =>
-    Stream.when(
-      Stream.fromEffectSchedule(Clock.currentTimeMillis, Schedule.spaced(TICK)).pipe(
-        Stream.map(config.toMessage),
-      ),
-      Effect.sync(() => isActive),
-    ),
+    isActive
+      ? Stream.fromEffectSchedule(Clock.currentTimeMillis, Schedule.spaced(TICK)).pipe(
+          Stream.map(config.toMessage),
+        )
+      : Stream.empty,
 });

package/src/tips/index.ts

@@ -12,4 +12,4 @@ export {
   update,
   view,
 } from "./tips.ts";
-export type { InitConfig, Trigger } from "./tips.ts";
+export type { InitConfig } from "./tips.ts";

package/src/toast/index.ts

@@ -13,6 +13,6 @@ export {
   update,
   view,
 } from "./toast.ts";
-export type { InitConfig, ShowConfig, ShowReturn } from "./toast.ts";
+export type { InitConfig, ShowConfig } from "./toast.ts";
 export type { Action, Tone } from "./stack.ts";
 export { Focus } from "../focus/focus.ts";

package/src/toast/toast.ts

@@ -295,7 +295,7 @@ const oldestCalm = (model: Model): Option.Option<Stack.Entry> => {
 
 /** What `show` returns: the next Model and Commands, and the new slip's id, to take it back
  *  with `dismiss`. */
-export type ShowReturn = Update.Return<Model, Message> & Readonly<{ entryId: string }>;
+type ShowReturn = Update.Return<Model, Message> & Readonly<{ entryId: string }>;
 
 const spoken = (config: ShowConfig): string =>
   config.body === undefined ? `${config.title}.` : `${config.title}. ${config.body}`;
@@ -350,17 +350,11 @@ export const dismiss = (model: Model, entryId: string): StepReturn =>
 
 // VIEW
 
-const TONE_CLASS: Record<Tone, string> = {
-  Ok: "notice toast ok",
-  Error: "notice toast error",
-  Quiet: "notice toast quiet",
-};
-
 const slipView = (entry: Stack.Entry, h: HtmlBuilder<Message>): Html => {
   const { tone, title, maybeBody, maybeAction } = entry.payload;
 
   return h.div(
-    [h.Class(TONE_CLASS[tone])],
+    [h.Class(`notice toast${Notice.TONE_CLASS[tone]}`)],
     [
       Notice.toneGlyphView({ tone }, h),
       h.div([], [h.strong([], [title]), ...Option.toArray(maybeBody)]),

package/src/tokens.css

@@ -81,6 +81,11 @@
     conic-gradient(at 1px 1px, #0000 75%, var(--dither-dot) 0) 0 0 / 4px 4px,
     conic-gradient(at 1px 1px, #0000 75%, var(--dither-dot) 0) 2px 2px / 4px 4px, var(--dither-base);
 
+  /* ---------- colour: fades ---------- */
+  --fade-on-ink: 0.75; /* what prints muted on paper, printed in paper on an inverted fill */
+  --fade-held: 0.6; /* a held control on an ink title bar */
+  --fade-dragged: 0.4; /* a held item, dimmed in place while its copy follows the pointer */
+
   /* ---------- type: three families ---------- */
   --font-px: "Departure Mono", ui-monospace, Menlo, Monaco, monospace;
   --font-body: system-ui, "Helvetica Neue", Helvetica, Arial, sans-serif;
@@ -147,6 +152,7 @@
 
   /* ---------- the bench: a page whose work is the window ---------- */
   --bench-work-min: 152px; /* the least of its height the work keeps: a 120px pane, 16px gutters */
+  --bench-head-min: 64px; /* the least of its head a short window keeps: its padding and a small button */
 
   /* ---------- charts ---------- */
   --chart-plot: 160px; /* a line chart's plot, between its top line and its axis */

package/src/toolbar/toolbar.ts

@@ -4,7 +4,6 @@ import type { Html, HtmlBuilder } from "foldkit/html";
 import { defineMessageUnion } from "foldkit/message";
 import * as Mount from "foldkit/mount";
 
-import type { Attributes } from "../attributes/attributes.ts";
 import { isPlain } from "../keys/keys.ts";
 
 // MODEL
@@ -172,8 +171,6 @@ export type ViewConfig<ParentMessage> = Readonly<{
    *  Scene, resolve the Mount by name with the lifted Message:
    *  `Scene.Mount.resolve({ name: Toolbar.BindToolKeys.name }, toParentMessage(Toolbar.Message.MovedToolFocus({ move })))`. */
   toParentMessage: (message: Message) => ParentMessage;
-  /** Further attributes for the toolbar, never a class. */
-  attributes?: Attributes<ParentMessage>;
 }>;
 
 /** A strip of tools that is one stop for Tab (`role="toolbar"`, named by its label, with its
@@ -189,12 +186,10 @@ export const view = <ParentMessage>(
     orientation = "Horizontal",
     isFloating = false,
     toParentMessage,
-    attributes = [],
   } = config;
 
   return h.div(
     [
-      ...attributes,
       h.Role("toolbar"),
       h.AriaLabel(label),
       h.AriaOrientation(orientation === "Vertical" ? "vertical" : "horizontal"),

package/dist/src/inlineInput/inline.d.ts

@@ -1,6 +0,0 @@
-import { Option } from "effect";
-/** What Enter or leaving an inline field writes: the draft trimmed, or none (an untouched
- *  draft, so an edit made elsewhere to `value` is never overwritten; an empty one; or the
- *  text it replaces). */
-export declare const toWrite: (maybeDraft: Option.Option<string>, value: string) => Option.Option<string>;
-//# sourceMappingURL=inline.d.ts.map

package/dist/src/inlineInput/inline.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"inline.d.ts","sourceRoot":"","sources":["../../../src/inlineInput/inline.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAgB,MAAM,QAAQ,CAAC;AAI9C;;yBAEyB;AACzB,eAAO,MAAM,OAAO,eAAgB,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,SAAS,MAAM,KAAG,MAAM,CAAC,MAAM,CAAC,MAAM,CAK5F,CAAC"}

package/dist/src/inlineInput/inline.js

@@ -1,7 +0,0 @@
-import { brandViewResult as __foldkitBrandViewResult } from 'foldkit/brand'
-import { Option, String, pipe } from "effect";
-// RULES
-/** What Enter or leaving an inline field writes: the draft trimmed, or none (an untouched
- *  draft, so an edit made elsewhere to `value` is never overwritten; an empty one; or the
- *  text it replaces). */
-export const toWrite = (maybeDraft, value) => __foldkitBrandViewResult((pipe(maybeDraft, Option.map(String.trim), Option.filter((text) => __foldkitBrandViewResult((String.isNonEmpty(text) && text !== value), "@gjermundgaraba-designs/pixel-paper/src/inlineInput/inline.js#anonymous")))), "@gjermundgaraba-designs/pixel-paper/src/inlineInput/inline.js#toWrite");

package/src/inlineInput/inline.ts

@@ -1,13 +0,0 @@
-import { Option, String, pipe } from "effect";
-
-// RULES
-
-/** What Enter or leaving an inline field writes: the draft trimmed, or none (an untouched
- *  draft, so an edit made elsewhere to `value` is never overwritten; an empty one; or the
- *  text it replaces). */
-export const toWrite = (maybeDraft: Option.Option<string>, value: string): Option.Option<string> =>
-  pipe(
-    maybeDraft,
-    Option.map(String.trim),
-    Option.filter((text) => String.isNonEmpty(text) && text !== value),
-  );