@parallelworks/ui 0.45.0 → 0.47.0

package/dist/graph/editorStrings.js

@@ -204,14 +204,14 @@ var GRAPH_EDITOR_STRINGS = {
 		default: "After the steps before it succeed",
 		always: "Always, even after a failure or a cancel",
 		failure: "Only after a step failed",
-		cancelled: "Only after the run was canceled",
+		canceled: "Only after the run was canceled",
 		success: "Only if nothing failed or was canceled"
 	},
 	jobConditions: {
 		default: "After the jobs it needs succeed",
 		always: "Always, whatever the jobs it needs did",
 		failure: "Only if a job it needs failed",
-		cancelled: "Only if a job it needs was canceled",
+		canceled: "Only if a job it needs was canceled",
 		success: "Only if every job it needs succeeded"
 	},
 	modeFromInput: "From an input",
@@ -620,8 +620,8 @@ var INPUTS_EDITOR_STRINGS = {
 		hidden: "Hide the field from the form; its default is still used. Use an expression to decide when.",
 		disabled: "Show the field but don’t let users change it. Use an expression to decide when.",
 		ignore: "Don’t pass this field’s value to the run. Use an expression to decide when.",
-		placeholder: "Grey hint text shown while the field is empty.",
-		prefillDefault: "Put the default in the field as its value. When off, the field starts empty and shows the default as grey hint text.",
+		placeholder: "Gray hint text shown while the field is empty.",
+		prefillDefault: "Put the default in the field as its value. When off, the field starts empty and shows the default as gray hint text.",
 		textarea: "Show a bigger box for several lines of text.",
 		minLength: "The fewest characters the value can have.",
 		maxLength: "The most characters the value can have.",

package/dist/graph/inputRefs.js

@@ -1,9 +1,9 @@
 import { AddIcon } from "../icons.js";
 import { useStrings } from "../components/Provider.js";
 import { ActionMenu } from "../components/ActionMenu.js";
+import { Textarea } from "../components/Input.js";
 import { Switch } from "../components/Switch.js";
 import { IconButton } from "../components/IconButton.js";
-import { Textarea } from "../components/Input.js";
 import { Select } from "../components/Select.js";
 import { useGraphEditorStrings, useInputsEditorStrings } from "./editorStrings.js";
 import { asRecord } from "./records.js";
@@ -182,7 +182,7 @@ function FlagField({ label, yamlKey, description, value, original, fallback = fa
 var CONDITIONS = [
 	["always", "always"],
 	["failure()", "failure"],
-	["cancelled()", "cancelled"],
+	["canceled()", "canceled"],
 	["success()", "success"]
 ];
 /** When a job or step runs: any condition, typed, with the executor's status checks and the form's switches offered. */

package/dist/graph/stepWith.js

@@ -1,8 +1,8 @@
 import { RemoveIcon } from "../icons.js";
 import { useRepoSuggestions, useWorkflowActions, useWorkflowEditing, useWorkflowJsonResolver } from "../components/Provider.js";
 import { ErrorText } from "../components/Field.js";
-import { IconButton } from "../components/IconButton.js";
 import { Input, Textarea } from "../components/Input.js";
+import { IconButton } from "../components/IconButton.js";
 import { useGraphEditorStrings, useInputsEditorStrings } from "./editorStrings.js";
 import { asRecord } from "./records.js";
 import { loadUsesInputs, splitAtRef } from "./usesInputs.js";

package/dist/icons.js

@@ -3,7 +3,7 @@ import { Activity, Archive, ArrowDown, ArrowDownWideNarrow, ArrowLeft, ArrowRigh
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 //#region src/icons.tsx
 var STROKE_WIDTH = 2;
-/** The text's size and colour by default, so a class such as `size-4` or a
+/** The text's size and color by default, so a class such as `size-4` or a
 *  parent's font size sets it. */
 function icon(Glyph, defaults) {
 	function Icon({ title, children, ...props }) {

package/dist/index.d.ts

@@ -6,6 +6,7 @@ export { type ButtonSize, type ButtonStyle, type ButtonVariant, buttonClasses, }
 export { default as Callout } from './components/Callout.js';
 export { Card, CardHeader, type CardProps } from './components/Card.js';
 export { Checkbox, CheckboxGroup, type CheckboxProps } from './components/Checkbox.js';
+export { ColorInput, type ColorInputProps } from './components/ColorInput.js';
 export { Autocomplete, type AutocompleteProps, Combobox, type ComboboxGroup, type ComboboxItem, type ComboboxItems, type ComboboxProps, } from './components/Combobox.js';
 export { ConfirmModal } from './components/ConfirmModal.js';
 export { type OpenMenu, type OpenMenuOptions, useContextMenu, } from './components/ContextMenu.js';
@@ -17,7 +18,7 @@ export { Disclosure, DisclosurePanel, type DisclosureProps } from './components/
 export { Drawer, type DrawerProps } from './components/Drawer.js';
 export { EmptyState, type EmptyStateProps } from './components/EmptyState.js';
 export { ExternalLink, type ExternalLinkProps } from './components/ExternalLink.js';
-export { Field, type FieldControlProps, type FieldLayout, FieldOption, type FieldProps, RevealToggle, useFieldControl, } from './components/Field.js';
+export { ErrorText, Field, type FieldControlProps, type FieldLayout, FieldOption, type FieldProps, FieldValue, type FieldValueProps, RevealToggle, useFieldControl, } from './components/Field.js';
 export { type FieldBoxOptions, type FieldBoxSize, fieldBox } from './components/fieldBox.js';
 export type { FloatingAnchor } from './components/floating.js';
 export { HoverCard, type HoverCardProps } from './components/HoverCard.js';
@@ -33,6 +34,7 @@ export { type MenuAction, type MenuDivider, MenuEntries, type MenuEntry, MenuFil
 export { type BarSize, type BarTone, levelTone, Meter, ProgressBar, } from './components/Meter.js';
 export { Modal, ModalDescription, type ModalProps, ModalTitle, modalPanelClassName, } from './components/Modal.js';
 export { NumberInput, type NumberInputProps } from './components/NumberInput.js';
+export { OneTimeCodeInput, type OneTimeCodeInputProps } from './components/OneTimeCodeInput.js';
 export { Overview } from './components/Overview.js';
 export { BreadcrumbsActionButton, BreadcrumbsRightAction, BreadcrumbsTitleAction, HeaderActionMenu, HeaderAddButton, HeaderEditButton, PageHeader, type PageHeaderBreadcrumb, type PageHeaderCrumb, } from './components/PageHeader.js';
 export { PAGE_SIZES, Pagination, type PaginationProps } from './components/Pagination.js';
@@ -59,10 +61,12 @@ export { CompactTable, Table } from './components/Table.js';
 export { type TabItem, TabPanel, Tabs, type TabsProps } from './components/Tabs.js';
 export { ThemeEditor, type ThemeEditorProps, ThemePreview } from './components/ThemeEditor.js';
 export { type ToastAction, type Toaster, type ToastOptions, type ToastTone, type ToastUpdate, toast, } from './components/Toast.js';
+export { ToggleGroup, type ToggleGroupOption, type ToggleGroupProps, } from './components/ToggleGroup.js';
 export { Tooltip, type TooltipProps, TooltipProvider, type TooltipSide, } from './components/Tooltip.js';
 export { type CopyOptions, useCopy } from './components/useCopy.js';
 export { useCssIsDark } from './components/useCssIsDark.js';
 export { useApplyTheme, useColorMode } from './components/useTheme.js';
+export { cx } from './cx.js';
 export type { EditRefusalReason, FieldPatch, GraphEdit, GraphEditResult, GraphEditState, GraphLayout, GraphPosition, GraphSlot, InputEdit, InputPath, LintFix, NeedRef, StepRef, WorkflowAction, WorkflowActionInput, WorkflowEditing, WorkflowLintContext, WorkflowLintProblem, } from './editing.js';
 export type { EngineJob, EngineStep, EvaluateOptions, ExpansionKeys, LogCommand, LogSegment, MatrixGroup, ProcessedLogLine, RunStatus, WorkflowEngine, WorkflowVariable, WorkflowVariables, } from './engine.js';
 export { formatBytes, formatCount, formatDateTime, formatDuration, formatTimeLeft, type TimeValue, } from './format.js';

package/dist/index.js

@@ -1,3 +1,4 @@
+import { cx } from "./cx.js";
 import { MenuCheckboxItem, MenuGroupLabel, MenuItem, MenuLinkItem, MenuPopup, MenuRadioItem, MenuSeparator, MenuSubmenuTrigger } from "./components/Menu.js";
 import { EmptyState } from "./components/EmptyState.js";
 import { buttonClasses } from "./components/buttonClasses.js";
@@ -14,7 +15,17 @@ import { Button, MethodButton } from "./components/Button.js";
 import Callout from "./components/Callout.js";
 import { Card, CardHeader } from "./components/Card.js";
 import { Checkbox, CheckboxGroup } from "./components/Checkbox.js";
+import { JND, composite, deltaE, parseColor, toHex, toP3 } from "./theme/color.js";
+import { apcaContrast, contrastRatio, isDarkColor } from "./theme/contrast.js";
+import { CODE_STYLES, DEFAULT_CONTRAST, DEFAULT_PRESET, DEFAULT_THEME, THEME_PRESETS, modeOf, parseTheme, resolveMode, schemeFor, serializeTheme } from "./theme/model.js";
+import { SIDEBAR_TOKENS, THEME_TOKENS, deriveTheme, generateTheme, themeStylesheet } from "./theme/derive.js";
+import { fitSeed } from "./theme/fit.js";
+import { applyTheme, prefersWideGamut } from "./theme/index.js";
+import { RequiredMark } from "./components/RequiredMark.js";
+import { ErrorText, Field, FieldOption, FieldValue, RevealToggle, useFieldControl } from "./components/Field.js";
 import { fieldBox } from "./components/fieldBox.js";
+import { Input, Textarea } from "./components/Input.js";
+import { ColorInput } from "./components/ColorInput.js";
 import { Autocomplete, Combobox } from "./components/Combobox.js";
 import { Modal, ModalDescription, ModalTitle, modalPanelClassName } from "./components/Modal.js";
 import { ConfirmModal } from "./components/ConfirmModal.js";
@@ -29,16 +40,14 @@ import { Popover, PopoverClose, useClosePopover } from "./components/Popover.js"
 import { InfoTip, formatInfoTipContent } from "./components/InfoTip.js";
 import DescriptionList, { DescriptionListItem } from "./components/DescriptionList.js";
 import { Drawer } from "./components/Drawer.js";
-import { RequiredMark } from "./components/RequiredMark.js";
-import { Field, FieldOption, RevealToggle, useFieldControl } from "./components/Field.js";
 import { HoverCard } from "./components/HoverCard.js";
 import { isTextEntryContext, useShortcutKey } from "./components/shortcutKey.js";
 import { IconButton } from "./components/IconButton.js";
-import { Input, Textarea } from "./components/Input.js";
 import { LetterBadge } from "./components/LetterBadge.js";
 import Markdown from "./components/Markdown.js";
 import { Meter, ProgressBar, levelTone } from "./components/Meter.js";
 import { NumberInput } from "./components/NumberInput.js";
+import { OneTimeCodeInput } from "./components/OneTimeCodeInput.js";
 import { LoadingRegion, Skeleton } from "./components/Skeleton.js";
 import { Overview } from "./components/Overview.js";
 import { BreadcrumbsActionButton, BreadcrumbsRightAction, BreadcrumbsTitleAction, HeaderActionMenu, HeaderAddButton, HeaderEditButton, PageHeader } from "./components/PageHeader.js";
@@ -59,13 +68,8 @@ import Sort from "./components/Sort.js";
 import { StatusBadge, StatusDot, statusTextClass } from "./components/StatusBadge.js";
 import { CompactTable, Table } from "./components/Table.js";
 import { TabPanel, Tabs } from "./components/Tabs.js";
-import { JND, composite, deltaE, parseColor, toHex, toP3 } from "./theme/color.js";
-import { apcaContrast, contrastRatio, isDarkColor } from "./theme/contrast.js";
-import { CODE_STYLES, DEFAULT_CONTRAST, DEFAULT_PRESET, DEFAULT_THEME, THEME_PRESETS, modeOf, parseTheme, resolveMode, schemeFor, serializeTheme } from "./theme/model.js";
-import { SIDEBAR_TOKENS, THEME_TOKENS, deriveTheme, generateTheme, themeStylesheet } from "./theme/derive.js";
-import { fitSeed } from "./theme/fit.js";
-import { applyTheme, prefersWideGamut } from "./theme/index.js";
 import { ThemeEditor, ThemePreview } from "./components/ThemeEditor.js";
+import { ToggleGroup } from "./components/ToggleGroup.js";
 import { useCssIsDark } from "./components/useCssIsDark.js";
 import { useApplyTheme, useColorMode } from "./components/useTheme.js";
-export { ActionMenu, Autocomplete, Avatar, BreadcrumbProvider, BreadcrumbsActionButton, BreadcrumbsRightAction, BreadcrumbsTitleAction, Button, CODE_STYLES, Callout, Card, CardHeader, Checkbox, CheckboxGroup, Combobox, CompactTable, ConfirmModal, CopyCodeBlock, CopyToClipboard, CreateModal, CreateModalSelect, CreateModalSwitch, DEFAULT_CONTRAST, DEFAULT_PRESET, DEFAULT_THEME, DatePicker, DescriptionList, DescriptionListItem, Disclosure, DisclosurePanel, Drawer, Elapsed, EmptyState, ExternalLink, Field, FieldOption, HeaderActionMenu, HeaderAddButton, HeaderEditButton, HoverCard, IconButton, InfoTip, Input, JND, LetterBadge, Loader, LoadingRegion, Markdown, MenuCheckboxItem, MenuEntries, MenuFilter, MenuGroupLabel, MenuItem, MenuLinkItem, MenuPopup, MenuRadioItem, MenuSeparator, MenuSubmenuTrigger, Meter, MethodButton, Modal, ModalDescription, ModalTitle, NumberInput, Overview, PAGE_SIZES, PageHeader, Pagination, Popover, PopoverClose, ProgressBar, Radio, RadioGroup, RefreshButton, RelativeTime, RequiredMark, RevealToggle, RunStatusIcon, SIDEBAR_TOKENS, SearchInput, Section, SegmentedControl, Select, SettingModeOption, SettingRow, SettingsCard, SettingsHeading, Skeleton, Slider, Sort, StatusBadge, StatusDot, Switch, THEME_PRESETS, THEME_TOKENS, TabPanel, Table, Tabs, Textarea, ThemeEditor, ThemePreview, Tooltip, TooltipProvider, UIProvider, apcaContrast, applyTheme, avatarInitials, buttonClasses, composite, contrastRatio, deltaE, deriveTheme, fieldBox, fitSeed, formatBytes, formatCount, formatDateTime, formatDuration, formatInfoTipContent, formatTimeLeft, generateTheme, isDarkColor, isTextEntryContext, levelTone, menuDivider, modalPanelClassName, modeOf, parseColor, parseTheme, prefersWideGamut, resolveMode, runStatusTone, schemeFor, serializeTheme, statusTextClass, themeStylesheet, toHex, toP3, toast, useApplyTheme, useBreadcrumb, useClearBreadcrumbs, useClock, useClosePopover, useColorMode, useContextMenu, useCopy, useCssIsDark, useElapsed, useFieldControl, useHideBreadcrumbs, useNavigation, useOptionalWorkflowEngine, usePersistedState, useProvisionCorsRules, useRelativeTime, useRunFile, useSetBreadcrumbs, useSetDefaultBreadcrumbs, useShortcutKey, useSlots, useStrings, useWorkflowActions, useWorkflowEditing, useWorkflowEngine, useWorkflowEngineLoader };
+export { ActionMenu, Autocomplete, Avatar, BreadcrumbProvider, BreadcrumbsActionButton, BreadcrumbsRightAction, BreadcrumbsTitleAction, Button, CODE_STYLES, Callout, Card, CardHeader, Checkbox, CheckboxGroup, ColorInput, Combobox, CompactTable, ConfirmModal, CopyCodeBlock, CopyToClipboard, CreateModal, CreateModalSelect, CreateModalSwitch, DEFAULT_CONTRAST, DEFAULT_PRESET, DEFAULT_THEME, DatePicker, DescriptionList, DescriptionListItem, Disclosure, DisclosurePanel, Drawer, Elapsed, EmptyState, ErrorText, ExternalLink, Field, FieldOption, FieldValue, HeaderActionMenu, HeaderAddButton, HeaderEditButton, HoverCard, IconButton, InfoTip, Input, JND, LetterBadge, Loader, LoadingRegion, Markdown, MenuCheckboxItem, MenuEntries, MenuFilter, MenuGroupLabel, MenuItem, MenuLinkItem, MenuPopup, MenuRadioItem, MenuSeparator, MenuSubmenuTrigger, Meter, MethodButton, Modal, ModalDescription, ModalTitle, NumberInput, OneTimeCodeInput, Overview, PAGE_SIZES, PageHeader, Pagination, Popover, PopoverClose, ProgressBar, Radio, RadioGroup, RefreshButton, RelativeTime, RequiredMark, RevealToggle, RunStatusIcon, SIDEBAR_TOKENS, SearchInput, Section, SegmentedControl, Select, SettingModeOption, SettingRow, SettingsCard, SettingsHeading, Skeleton, Slider, Sort, StatusBadge, StatusDot, Switch, THEME_PRESETS, THEME_TOKENS, TabPanel, Table, Tabs, Textarea, ThemeEditor, ThemePreview, ToggleGroup, Tooltip, TooltipProvider, UIProvider, apcaContrast, applyTheme, avatarInitials, buttonClasses, composite, contrastRatio, cx, deltaE, deriveTheme, fieldBox, fitSeed, formatBytes, formatCount, formatDateTime, formatDuration, formatInfoTipContent, formatTimeLeft, generateTheme, isDarkColor, isTextEntryContext, levelTone, menuDivider, modalPanelClassName, modeOf, parseColor, parseTheme, prefersWideGamut, resolveMode, runStatusTone, schemeFor, serializeTheme, statusTextClass, themeStylesheet, toHex, toP3, toast, useApplyTheme, useBreadcrumb, useClearBreadcrumbs, useClock, useClosePopover, useColorMode, useContextMenu, useCopy, useCssIsDark, useElapsed, useFieldControl, useHideBreadcrumbs, useNavigation, useOptionalWorkflowEngine, usePersistedState, useProvisionCorsRules, useRelativeTime, useRunFile, useSetBreadcrumbs, useSetDefaultBreadcrumbs, useShortcutKey, useSlots, useStrings, useWorkflowActions, useWorkflowEditing, useWorkflowEngine, useWorkflowEngineLoader };

package/dist/list/ListViewControls.js

@@ -222,7 +222,7 @@ function FacetSubmenu({ view, facet }) {
 			children: /* @__PURE__ */ jsx(Menu.Input, {
 				placeholder: strings.list.searchOptions,
 				"aria-label": strings.list.searchOptions,
-				className: "w-full bg-transparent text-[13px] text-(--theme-app) outline-none placeholder:text-(--theme-muted-text-color)"
+				className: "w-full bg-transparent text-[13px] text-(--theme-app) outline-none placeholder:text-(--theme-placeholder)"
 			})
 		}), /* @__PURE__ */ jsx(Menu.List, { children: rows })] }) : rows, options.length === 0 && /* @__PURE__ */ jsx("div", {
 			className: "px-3 py-1.5 text-[13px] text-(--theme-muted-text-color)",

package/dist/list/listSearch.js

@@ -104,7 +104,7 @@ function ListSearchControl({ search, placeholder, label: labelProp }) {
 					}
 				},
 				placeholder,
-				className: "min-w-24 flex-1 bg-transparent text-[13px] text-(--theme-app) placeholder:text-(--theme-muted-text-color) focus:outline-none"
+				className: "min-w-24 flex-1 bg-transparent text-[13px] text-(--theme-app) placeholder:text-(--theme-placeholder) focus:outline-none"
 			}),
 			/* @__PURE__ */ jsx("button", {
 				type: "button",

package/dist/logviewer/segments.d.ts

@@ -3,7 +3,7 @@ export declare function parseAnsiSegments(line: string): LogSegment[];
 export declare function plainSegments(text: string): LogSegment[];
 /**
  * Matches are located on the concatenated line text so a term straddling an
- * ANSI colour boundary still highlights, then sliced back onto the segments it
+ * ANSI color boundary still highlights, then sliced back onto the segments it
  * covers.
  */
 export declare function highlightSegments(segments: LogSegment[], searchTerm: string): LogSegment[];

package/dist/logviewer/segments.js

@@ -24,7 +24,7 @@ function plainSegments(text) {
 }
 /**
 * Matches are located on the concatenated line text so a term straddling an
-* ANSI colour boundary still highlights, then sliced back onto the segments it
+* ANSI color boundary still highlights, then sliced back onto the segments it
 * covers.
 */
 function highlightSegments(segments, searchTerm) {

package/dist/styles/theme.css

@@ -19,7 +19,7 @@
   --theme-input-disabled-bg: #ebeef1;
   --theme-app: #0a101b;
   --theme-muted-text-color: #4e5664;
-  --theme-placeholder: #808999;
+  --theme-placeholder: #7e8796;
   --theme-link: #06354f;
   --theme-border: #cacdd0;
   --theme-border-strong: #a3a6a9;