@parallelworks/ui 0.46.0 → 0.47.0

package/dist/graph/GraphEditorDialogs.js

@@ -3,8 +3,8 @@ import { withPositionKeys } from "../components/keys.js";
 import { useWorkflowActions, useWorkflowEditing } from "../components/Provider.js";
 import { Checkbox } from "../components/Checkbox.js";
 import { ErrorText, FieldOption } from "../components/Field.js";
-import { IconButton } from "../components/IconButton.js";
 import { Input } from "../components/Input.js";
+import { IconButton } from "../components/IconButton.js";
 import { Select } from "../components/Select.js";
 import { useGraphEditorStrings } from "./editorStrings.js";
 import { asRecord } from "./records.js";

package/dist/graph/InputDialog.js

@@ -3,10 +3,10 @@ import { ArrowDownIcon, ArrowUpIcon, EditIcon, RemoveIcon, TrashIcon } from "../
 import { withPositionKeys } from "../components/keys.js";
 import { useWorkflowEditing, useWorkflowEngine } from "../components/Provider.js";
 import { Checkbox, CheckboxGroup } from "../components/Checkbox.js";
-import { Combobox } from "../components/Combobox.js";
 import { ErrorText, Field, FieldOption } from "../components/Field.js";
-import { IconButton } from "../components/IconButton.js";
 import { Input, Textarea } from "../components/Input.js";
+import { Combobox } from "../components/Combobox.js";
+import { IconButton } from "../components/IconButton.js";
 import { useGraphEditorStrings, useInputsEditorStrings } from "./editorStrings.js";
 import { asRecord } from "./records.js";
 import { INPUT_YAML_PATH } from "../editor/settingsYaml.js";

package/dist/graph/WorkflowSettingsDialog.js

@@ -1,8 +1,8 @@
 import { RemoveIcon } from "../icons.js";
 import { useWorkflowEditing } from "../components/Provider.js";
 import { ErrorText } from "../components/Field.js";
-import { IconButton } from "../components/IconButton.js";
 import { Input } from "../components/Input.js";
+import { IconButton } from "../components/IconButton.js";
 import { useGraphEditorStrings, useInputsEditorStrings } from "./editorStrings.js";
 import { asRecord } from "./records.js";
 import { SETTINGS_YAML_PATH } from "../editor/settingsYaml.js";

package/dist/graph/editorFields.js

@@ -3,11 +3,11 @@ import { withPositionKeys } from "../components/keys.js";
 import { Tooltip } from "../components/Tooltip.js";
 import { Button } from "../components/Button.js";
 import { Checkbox } from "../components/Checkbox.js";
+import { ErrorText, Field } from "../components/Field.js";
+import { Input, Textarea } from "../components/Input.js";
 import { Modal, ModalTitle } from "../components/Modal.js";
 import { Switch } from "../components/Switch.js";
-import { ErrorText, Field } from "../components/Field.js";
 import { IconButton } from "../components/IconButton.js";
-import { Input, Textarea } from "../components/Input.js";
 import { Section } from "../components/Section.js";
 import { SegmentedControl } from "../components/SegmentedControl.js";
 import { useGraphEditorStrings } from "./editorStrings.js";

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";

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/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/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;