zabi-components 8.1.0 → 9.0.0

package/dist/components/util/temporal-field.d.ts

@@ -0,0 +1,89 @@
+/**
+ * What DateField and TimeField share once they are given a `locale`: the
+ * words, and the pure parts of the time picker (which hours and minutes
+ * there are, which are outside `min` and `max`).
+ */
+/** The words DateField says when it has a `locale`. Replace any of them to translate. */
+export interface DateFieldStrings {
+    /** The sheet's action that empties the field. Shown while the field has a value and is not `required`. */
+    clear: string;
+    /** The sheet's name when the field has no label. */
+    chooseDate: string;
+}
+export declare const DATE_FIELD_STRINGS: DateFieldStrings;
+/** The words TimeField says when it has a `locale`. Replace any of them to translate. */
+export interface TimeFieldStrings {
+    /** The sheet's action that empties the field. Shown while the field has a value and is not `required`. */
+    clear: string;
+    /** The sheet's action that sets the chosen time and closes it. */
+    done: string;
+    /** Accessible name of the column of hours. */
+    hours: string;
+    /** Accessible name of the column of minutes. */
+    minutes: string;
+    /** The sheet's words beside Done for the time Done will set: "Chosen time 18:00". */
+    chosenTime: string;
+    /** The sheet's name when the field has no label. */
+    chooseTime: string;
+}
+export declare const TIME_FIELD_STRINGS: TimeFieldStrings;
+/** Whether a `locale` was given: a tag, or a list with at least one. */
+export declare function hasLocale(locale: string | string[] | undefined | null): boolean;
+/** The minutes between choices when the app says nothing: five. */
+export declare const DEFAULT_MINUTE_STEP = 5;
+/**
+ * Whether the library's time picker can serve this `step`. It has hours and
+ * minutes only, so a step in seconds (under 60) or `"any"` is left to the
+ * platform's own picker.
+ */
+export declare function stepFitsLibraryPicker(step: number | "any" | undefined): boolean;
+/** `step` (in seconds) as whole minutes between choices; five without one. */
+export declare function minuteStep(step: number | "any" | undefined): number;
+/** `"19:30"` (or `"19:30:15"`) as [19, 30]; null for anything else. */
+export declare function parseHourMinute(value: string | null | undefined): [number, number] | null;
+/**
+ * The time an empty field's columns stand at: `openAt`, else `now` (an
+ * hour and a minute), kept within `min` and `max` and on the minute step.
+ * Only a place to scroll to; nothing is chosen. Two-digit strings, as the
+ * columns' option values.
+ */
+export declare function openingTime(options: {
+    openAt?: string;
+    now: [number, number];
+    stepMinutes: number;
+    min?: string;
+    max?: string;
+}): [string, string];
+/**
+ * Whether a time is within `min` and `max`, either of which may be missing.
+ * Like the native input, a `min` later than `max` is a range over midnight:
+ * 22:00 to 06:00 allows 23:30 and 05:00.
+ */
+export declare function timeInRange(hour: number, minute: number, min?: string, max?: string): boolean;
+export interface TimeChoice {
+    /** Two digits: `"07"`. */
+    value: string;
+    label: string;
+    disabled: boolean;
+}
+/** The hour as the locale writes it: "19" in Swedish, "7 PM" in American English. */
+export declare function hourLabel(hour: number, locale: string | string[] | undefined): string;
+/** The minute as two digits, in the locale's own numerals. */
+export declare function minuteLabel(minute: number, locale: string | string[] | undefined): string;
+/** The 24 hours. An hour is disabled when no time in it is within `min` and `max`. */
+export declare function hourChoices(locale: string | string[] | undefined, min?: string, max?: string): TimeChoice[];
+/**
+ * The minutes of one hour: every `stepMinutes`, plus the minute of `current`
+ * when it is not on the step, so a value such as 19:07 can be kept. A minute
+ * is disabled when the time is outside `min` and `max`; with no hour chosen
+ * none is.
+ */
+export declare function minuteChoices(options: {
+    locale: string | string[] | undefined;
+    stepMinutes: number;
+    hour: string;
+    current?: string;
+    min?: string;
+    max?: string;
+}): TimeChoice[];
+//# sourceMappingURL=temporal-field.d.ts.map

package/dist/components/util/temporal-field.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"temporal-field.d.ts","sourceRoot":"","sources":["../../../src/components/util/temporal-field.ts"],"names":[],"mappings":"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"}

package/dist/components/util/toaster.d.ts

@@ -90,4 +90,44 @@ export interface ToastPauseChange {
     /** True while a pointer is over the toast, a finger is on it, or focus is inside it. */
     paused: boolean;
 }
+/**
+ * How a `Toaster` presents its toasts. `"stack"` is the stack in the corner
+ * (and across the width on a phone); `"snackbar"` is the compact form for a
+ * phone, one at a time, docked above whatever is at the bottom; `"auto"` is
+ * the snackbar below 640px and the stack from there up.
+ */
+export type ToasterMode = "stack" | "snackbar" | "auto";
+/** The words of a toast on screen: its first line, and the line under it if there is one. */
+export declare function toastTexts(toast: {
+    title?: string;
+    message: string;
+    type: string;
+}, strings: Pick<ToasterStrings, "successTitle" | "errorTitle" | "warningTitle" | "infoTitle">): {
+    title: string;
+    message: string;
+    headerTitle: string;
+    secondLine: string;
+};
+/**
+ * True when the toast has to stay until a person has dealt with it, which
+ * makes it the one a `max` never drops: an error, one with an action, one
+ * with no end (`"persistent"`, or text too long to read in `long`).
+ */
+export declare function toastStays(toast: {
+    title?: string;
+    message: string;
+    type: string;
+    duration?: ToastDuration;
+    action?: unknown;
+}, defaultDuration?: ToastDuration): boolean;
+/**
+ * Ids of toasts that a `max` is dropping to make room for a newer one. Such a
+ * toast leaves at once, without the exit motion: a newer toast is coming in
+ * where it is, and the two would otherwise lie on each other for a moment.
+ */
+export declare const toastsReplaced: Set<string>;
+/** The Material standard curve (`--ease-standard`), as an easing function for a script-driven slide. */
+export declare function easeStandard(t: number): number;
+/** A toast dragged further than this share of its width is dismissed, flick or not. */
+export declare const TOAST_SWIPE_DISMISS_FRACTION = 0.4;
 //# sourceMappingURL=toaster.d.ts.map

package/dist/components/util/toaster.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"toaster.d.ts","sourceRoot":"","sources":["../../../src/components/util/toaster.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,MAAM,WAAW,cAAc;IAC3B,uDAAuD;IACvD,WAAW,EAAE,MAAM,CAAC;IACpB;;;OAGG;IACH,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;IACrB,SAAS,EAAE,MAAM,CAAC;IAClB,uDAAuD;IACvD,QAAQ,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,MAAM,CAAC;IACtC,oEAAoE;IACpE,cAAc,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,MAAM,CAAC;IAC5C,mEAAmE;IACnE,IAAI,EAAE,MAAM,CAAC;IACb,0EAA0E;IAC1E,IAAI,EAAE,MAAM,CAAC;IACb,kEAAkE;IAClE,MAAM,EAAE,MAAM,CAAC;IACf,2CAA2C;IAC3C,QAAQ,EAAE,MAAM,CAAC;IACjB,4DAA4D;IAC5D,OAAO,EAAE,MAAM,CAAC;IAChB;;;OAGG;IACH,eAAe,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;CAC9C;AAED,eAAO,MAAM,uBAAuB,EAAE,cAcrC,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,eAAe;;;;CAAsD,CAAC;AAEnF;;;GAGG;AACH,MAAM,MAAM,aAAa,GAAG,MAAM,OAAO,eAAe,GAAG,YAAY,GAAG,MAAM,CAAC;AAEjF;;;GAGG;AACH,eAAO,MAAM,sBAAsB,MAAM,CAAC;AAE1C;;;GAGG;AACH,eAAO,MAAM,4BAA4B,MAAM,CAAC;AAchD;;;;;;;;;;GAUG;AACH,wBAAgB,oBAAoB,CAChC,KAAK,EAAE;IAAE,QAAQ,CAAC,EAAE,aAAa,CAAC;IAAC,IAAI,EAAE,MAAM,CAAC;IAAC,SAAS,EAAE,OAAO,CAAC;IAAC,UAAU,EAAE,MAAM,CAAA;CAAE,EACzF,eAAe,CAAC,EAAE,aAAa,GAChC,MAAM,CAQR;AAED;;;GAGG;AACH,eAAO,MAAM,wBAAwB,IAAI,CAAC;AAE1C,0DAA0D;AAC1D,MAAM,WAAW,gBAAgB;IAC7B,uDAAuD;IACvD,EAAE,EAAE,MAAM,CAAC;IACX,wFAAwF;IACxF,MAAM,EAAE,OAAO,CAAC;CACnB"}
+{"version":3,"file":"toaster.d.ts","sourceRoot":"","sources":["../../../src/components/util/toaster.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,MAAM,WAAW,cAAc;IAC3B,uDAAuD;IACvD,WAAW,EAAE,MAAM,CAAC;IACpB;;;OAGG;IACH,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;IACrB,SAAS,EAAE,MAAM,CAAC;IAClB,uDAAuD;IACvD,QAAQ,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,MAAM,CAAC;IACtC,oEAAoE;IACpE,cAAc,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,MAAM,CAAC;IAC5C,mEAAmE;IACnE,IAAI,EAAE,MAAM,CAAC;IACb,0EAA0E;IAC1E,IAAI,EAAE,MAAM,CAAC;IACb,kEAAkE;IAClE,MAAM,EAAE,MAAM,CAAC;IACf,2CAA2C;IAC3C,QAAQ,EAAE,MAAM,CAAC;IACjB,4DAA4D;IAC5D,OAAO,EAAE,MAAM,CAAC;IAChB;;;OAGG;IACH,eAAe,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;CAC9C;AAED,eAAO,MAAM,uBAAuB,EAAE,cAcrC,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,eAAe;;;;CAAsD,CAAC;AAEnF;;;GAGG;AACH,MAAM,MAAM,aAAa,GAAG,MAAM,OAAO,eAAe,GAAG,YAAY,GAAG,MAAM,CAAC;AAEjF;;;GAGG;AACH,eAAO,MAAM,sBAAsB,MAAM,CAAC;AAE1C;;;GAGG;AACH,eAAO,MAAM,4BAA4B,MAAM,CAAC;AAchD;;;;;;;;;;GAUG;AACH,wBAAgB,oBAAoB,CAChC,KAAK,EAAE;IAAE,QAAQ,CAAC,EAAE,aAAa,CAAC;IAAC,IAAI,EAAE,MAAM,CAAC;IAAC,SAAS,EAAE,OAAO,CAAC;IAAC,UAAU,EAAE,MAAM,CAAA;CAAE,EACzF,eAAe,CAAC,EAAE,aAAa,GAChC,MAAM,CAQR;AAED;;;GAGG;AACH,eAAO,MAAM,wBAAwB,IAAI,CAAC;AAE1C,0DAA0D;AAC1D,MAAM,WAAW,gBAAgB;IAC7B,uDAAuD;IACvD,EAAE,EAAE,MAAM,CAAC;IACX,wFAAwF;IACxF,MAAM,EAAE,OAAO,CAAC;CACnB;AAED;;;;;GAKG;AACH,MAAM,MAAM,WAAW,GAAG,OAAO,GAAG,UAAU,GAAG,MAAM,CAAC;AAExD,6FAA6F;AAC7F,wBAAgB,UAAU,CACtB,KAAK,EAAE;IAAE,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,EACxD,OAAO,EAAE,IAAI,CAAC,cAAc,EAAE,cAAc,GAAG,YAAY,GAAG,cAAc,GAAG,WAAW,CAAC,GAC5F;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,MAAM,CAAC;IAAC,WAAW,EAAE,MAAM,CAAC;IAAC,UAAU,EAAE,MAAM,CAAA;CAAE,CAmB7E;AAED;;;;GAIG;AACH,wBAAgB,UAAU,CACtB,KAAK,EAAE;IAAE,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,aAAa,CAAC;IAAC,MAAM,CAAC,EAAE,OAAO,CAAA;CAAE,EACpG,eAAe,CAAC,EAAE,aAAa,GAChC,OAAO,CAUT;AAED;;;;GAIG;AACH,eAAO,MAAM,cAAc,aAAoB,CAAC;AAEhD,wGAAwG;AACxG,wBAAgB,YAAY,CAAC,CAAC,EAAE,MAAM,GAAG,MAAM,CAY9C;AAED,uFAAuF;AACvF,eAAO,MAAM,4BAA4B,MAAM,CAAC"}

package/dist/components/util/tone-surface.d.ts

@@ -0,0 +1,34 @@
+import type { SurfaceTone } from "../types/variants.js";
+export type ToneSurfaceOptions = {
+    tone?: SurfaceTone;
+    /** Any CSS colour for a fill the app chooses, such as `var(--group-colour)`. Wins over `tone`. */
+    fill?: string;
+    /** The label colour on `fill`, any CSS colour. Without it the label is the block's own text colour. */
+    onFill?: string;
+};
+export type ToneSurface = {
+    /** Utility classes for the fill and its on-colour scope; empty for `neutral`. */
+    classes: string;
+    /** Inline style for a custom fill, or undefined. */
+    style: string | undefined;
+    /** True when the surface is filled by tone or by `fill`, so the fill is its edge. */
+    filled: boolean;
+    /** True when the fill is the brand, the accent or a custom colour (the on-colour scope applies). */
+    scoped: boolean;
+};
+/**
+ * The classes and the inline style for a filled surface, shared by Card and Block.
+ *
+ * - `neutral` (the default): nothing, the component paints what it always did.
+ * - `tint`: the brand tint as a content surface. Text, links and rings are
+ *   guarded on it, so it needs no on-colour scope.
+ * - `brand` / `accent`: the fill and its `on-brand` / `on-accent` scope.
+ * - `fill`: the app's own colour. Wins over `tone`. The scope is `on-fill`,
+ *   with `onFill` as the label colour.
+ *
+ * The library cannot check the contrast of a `fill` and `onFill` pair: it is
+ * a colour the app picks at run time, so the app must hold the label to 4.5:1
+ * on the fill (3:1 for edges and focus rings).
+ */
+export declare function toneSurface({ tone, fill, onFill }: ToneSurfaceOptions): ToneSurface;
+//# sourceMappingURL=tone-surface.d.ts.map

package/dist/components/util/tone-surface.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tone-surface.d.ts","sourceRoot":"","sources":["../../../src/components/util/tone-surface.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAExD,MAAM,MAAM,kBAAkB,GAAG;IAC7B,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,kGAAkG;IAClG,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,uGAAuG;IACvG,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG;IACtB,iFAAiF;IACjF,OAAO,EAAE,MAAM,CAAC;IAChB,oDAAoD;IACpD,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,qFAAqF;IACrF,MAAM,EAAE,OAAO,CAAC;IAChB,oGAAoG;IACpG,MAAM,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF;;;;;;;;;;;;;GAaG;AACH,wBAAgB,WAAW,CAAC,EAAE,IAAgB,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,kBAAkB,GAAG,WAAW,CAmB/F"}

package/dist/components/util/top-navbar.d.ts

@@ -2,10 +2,34 @@
 export interface TopNavbarStrings {
     /** Accessible name of the phone menu's button while the menu is closed. */
     openMenu: string;
-    /** The same button, while the menu is open. */
+    /** The same button, while the inline menu is open (the sheet's own button closes it). */
     closeMenu: string;
+    /** The phone menu's sheet: its heading and its accessible name, and the name of the links' `nav` when the bar has no `ariaLabel`. */
+    menuTitle?: string;
+    /** The heading over the theme choice in the phone menu's sheet. */
+    themeHeading?: string;
     /** Read after the label of a link that opens in a new tab. */
     opensInNewTab: string;
 }
-export declare const DEFAULT_TOP_NAVBAR_STRINGS: TopNavbarStrings;
+/**
+ * Every word, including the optional ones: `menuTitle` and `themeHeading` are
+ * optional in `TopNavbarStrings` so that code written before they existed, with
+ * a complete object, still type-checks.
+ */
+export declare const DEFAULT_TOP_NAVBAR_STRINGS: Required<TopNavbarStrings>;
+/**
+ * Where a piece of the bar's `actions` is drawn: in the `bar`, or in the
+ * `menu` sheet that opens below `collapseAt`, where it has the full width.
+ */
+export type TopNavbarPlace = "bar" | "menu";
+/** Called by the sheet's content: everything rendered inside it reads `"menu"`. */
+export declare function markTopNavbarPlace(place: TopNavbarPlace): void;
+/**
+ * Where the component calling this is drawn. Call it while the component
+ * initialises. A control in a TopNavbar's `actions` snippet can then draw
+ * itself large in the sheet and compact in the bar, with no argument to the
+ * snippet: `{#snippet actions()}<MyPicker />{/snippet}` keeps working. Outside
+ * a TopNavbar, in the bar and in `menu="inline"` it is `"bar"`.
+ */
+export declare function getTopNavbarPlace(): TopNavbarPlace;
 //# sourceMappingURL=top-navbar.d.ts.map

package/dist/components/util/top-navbar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"top-navbar.d.ts","sourceRoot":"","sources":["../../../src/components/util/top-navbar.ts"],"names":[],"mappings":"AAAA,2EAA2E;AAC3E,MAAM,WAAW,gBAAgB;IAC7B,2EAA2E;IAC3E,QAAQ,EAAE,MAAM,CAAC;IACjB,+CAA+C;IAC/C,SAAS,EAAE,MAAM,CAAC;IAClB,8DAA8D;IAC9D,aAAa,EAAE,MAAM,CAAC;CACzB;AAED,eAAO,MAAM,0BAA0B,EAAE,gBAIxC,CAAC"}
+{"version":3,"file":"top-navbar.d.ts","sourceRoot":"","sources":["../../../src/components/util/top-navbar.ts"],"names":[],"mappings":"AAEA,2EAA2E;AAC3E,MAAM,WAAW,gBAAgB;IAC7B,2EAA2E;IAC3E,QAAQ,EAAE,MAAM,CAAC;IACjB,yFAAyF;IACzF,SAAS,EAAE,MAAM,CAAC;IAClB,qIAAqI;IACrI,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mEAAmE;IACnE,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,8DAA8D;IAC9D,aAAa,EAAE,MAAM,CAAC;CACzB;AAED;;;;GAIG;AACH,eAAO,MAAM,0BAA0B,EAAE,QAAQ,CAAC,gBAAgB,CAMjE,CAAC;AAIF;;;GAGG;AACH,MAAM,MAAM,cAAc,GAAG,KAAK,GAAG,MAAM,CAAC;AAE5C,mFAAmF;AACnF,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,cAAc,GAAG,IAAI,CAE9D;AAED;;;;;;GAMG;AACH,wBAAgB,iBAAiB,IAAI,cAAc,CAElD"}

package/dist/components/util/zabi-strings.d.ts

@@ -1,11 +1,15 @@
 import type { AvatarGroupStrings } from "./avatar.js";
 import type { CalendarStrings } from "./calendar.js";
+import type { DateFieldStrings, TimeFieldStrings } from "./temporal-field.js";
 import type { MediaGridStrings } from "./media-grid.js";
+import type { CodeFieldStrings } from "./code-field.js";
 import type { PhotoGridStrings, PhotoViewerStrings } from "./photo.js";
+import type { ProgressStrings } from "./progress.js";
 import type { PullToRefreshStrings } from "./pull-to-refresh.js";
 import type { RatingStrings } from "./rating.js";
 import type { ColorPickerStrings, ComponentDemoStrings, ContactFormStrings, PropsTableStrings } from "./ready-made-strings.js";
 import type { SelectStrings } from "./select.js";
+import type { SkeletonStrings } from "./skeleton.js";
 import type { SidebarAccountPanelStrings, SidebarBrandHeaderStrings, SidebarFooterStrings, SidebarNavigationStrings } from "./sidebar.js";
 import type { SortableListStrings } from "./sortable-list.js";
 import type { StepperStrings } from "./stepper.js";
@@ -81,7 +85,9 @@ export interface ZabiStrings {
     avatarGroup?: Partial<AvatarGroupStrings>;
     calendar?: Partial<CalendarStrings>;
     codeBlock?: Partial<CodeBlockTexts>;
+    codeField?: Partial<CodeFieldStrings>;
     colorPicker?: Partial<ColorPickerStrings>;
+    dateField?: Partial<DateFieldStrings>;
     componentDemo?: Partial<ComponentDemoStrings>;
     contactForm?: Partial<ContactFormStrings>;
     imageUpload?: Partial<ImageUploadTexts>;
@@ -89,9 +95,11 @@ export interface ZabiStrings {
     photoGrid?: Partial<PhotoGridStrings>;
     photoViewer?: Partial<PhotoViewerStrings>;
     propsTable?: Partial<PropsTableStrings>;
+    progress?: Partial<ProgressStrings>;
     pullToRefresh?: Partial<PullToRefreshStrings>;
     rating?: Partial<RatingStrings>;
     select?: Partial<SelectStrings>;
+    skeleton?: Partial<SkeletonStrings>;
     sidebarAccountPanel?: Partial<SidebarAccountPanelStrings>;
     sidebarBrandHeader?: Partial<SidebarBrandHeaderStrings>;
     sidebarFooter?: Partial<SidebarFooterStrings>;
@@ -100,6 +108,7 @@ export interface ZabiStrings {
     stepper?: Partial<StepperStrings>;
     swipeableListItem?: Partial<SwipeableListItemStrings>;
     themeToggle?: Partial<ThemeToggleLabels>;
+    timeField?: Partial<TimeFieldStrings>;
     toast?: Partial<ToastTexts>;
     toaster?: Partial<ToasterStrings>;
     topNavbar?: Partial<TopNavbarStrings>;

package/dist/components/util/zabi-strings.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"zabi-strings.d.ts","sourceRoot":"","sources":["../../../src/components/util/zabi-strings.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"zabi-strings.d.ts","sourceRoot":"","sources":["../../../src/components/util/zabi-strings.ts"],"names":[],"mappings":"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"}

package/dist/create-theme/cli.js

@@ -18,7 +18,7 @@ const HELP = `zabi-theme: generate brand tokens for zabi-components
 
 Usage
   zabi-theme --brand <hex> [--pin] [--accent <hex>] [--pin-accent] [--neutral <hex>]
-             [--neutral-chroma <n>]
+             [--neutral-chroma <n>] [--dark-primary brand|mirror]
              [--out <file>] [--strict] [--set <token>=<value> ...]
              [--set-light <token>=<value> ...] [--set-dark <token>=<value> ...]
 
@@ -34,6 +34,9 @@ Options
                     tinted neutral. Needs --neutral. With it, the ink roles (secondary
                     button, hover and pressed tints, overlay edge, shadow colour)
                     follow the neutral ramp instead of staying grey.
+  --dark-primary <brand|mirror>
+                    Dark primary and danger fills. brand (default): the same steps as
+                    light, with a white label. mirror: the 8.1 pale mirrored steps.
   --out <file>      Write the CSS here. Without it the CSS goes to stdout.
   --strict          Exit 1 when any role pair is below WCAG AA.
   --set <t>=<v>     Also write this declaration, e.g. --set "--color-link=var(--color-brand-800)".
@@ -63,7 +66,7 @@ Import the file after the theme:
   @import "./brand.generated.css";
 `;
 
-const VALUE_OPTIONS = ['brand', 'accent', 'neutral', 'neutral-chroma', 'out'];
+const VALUE_OPTIONS = ['brand', 'accent', 'neutral', 'neutral-chroma', 'dark-primary', 'out'];
 const FLAG_OPTIONS = ['strict', 'help', 'pin', 'pin-accent'];
 
 function usageError(message) {
@@ -124,6 +127,7 @@ try {
         neutral: options.neutral,
         // Left out when not asked for, so the options are what they always were.
         ...(options['neutral-chroma'] !== undefined ? { neutralChroma: parseChroma(options['neutral-chroma']) } : {}),
+        ...(options['dark-primary'] !== undefined ? { darkPrimary: options['dark-primary'] } : {}),
         // `--set` alone is the flat map, as it always was; a mode flag makes it { light, dark, both }.
         overrides: options.modes && (options.modes.light || options.modes.dark) ? options.modes : options.modes?.both,
         // Left out when not asked for, so the options are what they always were.

package/dist/create-theme/index.d.ts

@@ -44,6 +44,20 @@ export interface CreateThemeOptions {
      * without the option.
      */
     neutralChroma?: number;
+    /**
+     * What the dark primary and danger fills are. `'brand'` (the default) is
+     * what the library does: the same steps as light (600, 700, 800) with a
+     * white label, so the main action keeps its colour in dark, and nothing
+     * extra is written. `'mirror'` restores the 8.1 behaviour: under the dark
+     * selectors the primary is the mirrored `--color-brand-600 | 700 | 800`
+     * (pale steps in dark), danger the mirrored `--color-error-600 | 700 | 800`,
+     * the label is chosen by the contrast check, and the control veil is the
+     * lighten-heavy 22% / 6%. A `dark` or `both` override of any of these roles
+     * wins over both settings. With `pin`, dark takes the pinned colour only
+     * when no guarded pair fails with it, and otherwise keeps what this option
+     * gives.
+     */
+    darkPrimary?: 'brand' | 'mirror';
     /**
      * Extra declarations written after the ramps, for example
      * `{ "--color-link": "var(--color-brand-800)" }`. They apply in light and in
@@ -144,14 +158,14 @@ export interface ClosestStep {
 export interface CreateThemeResult {
     /**
      * The stylesheet: a header comment and one `:root { … }` rule. With `pin`,
-     * `neutralChroma` or `light` / `dark` overrides, two more rules follow, with the dark values of those roles:
+     * `neutralChroma`, `darkPrimary: 'mirror'` or `light` / `dark` overrides, two more rules follow, with the dark values of those roles:
      * `.dark, [data-theme="dark"] { … }` and the same declarations for
      * `[data-theme="auto"]` inside `@media (prefers-color-scheme: dark)`.
      */
     css: string;
     /** Every declaration of the `:root` rule, name to value, in output order. */
     tokens: Record<string, string>;
-    /** Only with `pin`, `neutralChroma` or `light` / `dark` overrides: every declaration of the dark rules. */
+    /** Only with `pin`, `neutralChroma`, `darkPrimary: 'mirror'` or `light` / `dark` overrides: every declaration of the dark rules. */
     darkTokens?: Record<string, string>;
     /** Only with `pin`: what was pinned and which roles took the colour. */
     pinned?: { brand?: PinReport; accent?: PinReport };
@@ -165,7 +179,7 @@ export interface CreateThemeResult {
  * every guarded role pair in light and dark. Deterministic: the same options
  * give the same bytes.
  *
- * @throws {TypeError} when `brand` is missing, a colour is not a hex value, or `neutralChroma` is not a number from 0 to 0.1 or is given without `neutral`.
+ * @throws {TypeError} when `brand` is missing, a colour is not a hex value, `neutralChroma` is not a number from 0 to 0.1 or is given without `neutral`, or `darkPrimary` is not `'brand'` or `'mirror'`.
  */
 export function createTheme(options: CreateThemeOptions): CreateThemeResult;
 export default createTheme;