@parallelworks/ui 0.56.0 → 0.58.0

package/dist/index.js

@@ -10,6 +10,7 @@ import { EmptyState } from "./components/EmptyState.js";
 import { useCopy } from "./components/useCopy.js";
 import { MenuEntries, MenuFilter, menuDivider } from "./components/MenuEntries.js";
 import { ActionMenu } from "./components/ActionMenu.js";
+import { categoryClasses, categoryOf } from "./components/category.js";
 import { Avatar, avatarInitials } from "./components/Avatar.js";
 import { Button, MethodButton } from "./components/Button.js";
 import { isTextEntryContext, useShortcutKey } from "./components/shortcutKey.js";
@@ -72,4 +73,4 @@ 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, AppLink, Autocomplete, Avatar, Button, CODE_STYLES, Callout, Card, CardHeader, Checkbox, CheckboxGroup, ColorInput, Combobox, ConfirmModal, CopyButton, CopyCodeBlock, CreateModal, CreateModalSelect, CreateModalSwitch, DEFAULT_CONTRAST, DEFAULT_PRESET, DEFAULT_THEME, DatePicker, DescriptionList, DescriptionListGroup, DescriptionListItem, Disclosure, DisclosurePanel, Drawer, Elapsed, EmptyState, ErrorText, ExternalLink, Field, FieldOption, FieldValue, 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, PageHeaderAction, PageHeaderAddButton, PageHeaderBar, PageHeaderMenu, PageHeaderProvider, Pagination, Popover, PopoverClose, ProgressBar, Radio, RadioGroup, RefreshButton, RelativeTime, RequiredMark, RevealToggle, RunStatusIcon, SIDEBAR_TOKENS, SearchInput, Section, SegmentedControl, Select, SettingModeOption, SettingRow, SettingsCard, SettingsHeading, Skeleton, Slider, 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, isPlainClick, isTextEntryContext, levelTone, menuDivider, modalPanelClassName, modeOf, parseColor, parseTheme, prefersWideGamut, resolveMode, runStatusTone, schemeFor, serializeTheme, statusTextClass, themeStylesheet, toHex, toP3, toast, useApplyTheme, useClock, useClosePopover, useColorMode, useContextMenu, useCopy, useCssIsDark, useElapsed, useFieldControl, useFieldLabelledControl, useNavigation, useOptionalWorkflowEngine, usePersistedState, useProvisionCorsRules, useRelativeTime, useRunFile, useShortcutKey, useSlots, useStrings, useWorkflowActions, useWorkflowEditing, useWorkflowEngine, useWorkflowEngineLoader };
+export { ActionMenu, AppLink, Autocomplete, Avatar, Button, CODE_STYLES, Callout, Card, CardHeader, Checkbox, CheckboxGroup, ColorInput, Combobox, ConfirmModal, CopyButton, CopyCodeBlock, CreateModal, CreateModalSelect, CreateModalSwitch, DEFAULT_CONTRAST, DEFAULT_PRESET, DEFAULT_THEME, DatePicker, DescriptionList, DescriptionListGroup, DescriptionListItem, Disclosure, DisclosurePanel, Drawer, Elapsed, EmptyState, ErrorText, ExternalLink, Field, FieldOption, FieldValue, 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, PageHeaderAction, PageHeaderAddButton, PageHeaderBar, PageHeaderMenu, PageHeaderProvider, Pagination, Popover, PopoverClose, ProgressBar, Radio, RadioGroup, RefreshButton, RelativeTime, RequiredMark, RevealToggle, RunStatusIcon, SIDEBAR_TOKENS, SearchInput, Section, SegmentedControl, Select, SettingModeOption, SettingRow, SettingsCard, SettingsHeading, Skeleton, Slider, StatusBadge, StatusDot, Switch, THEME_PRESETS, THEME_TOKENS, TabPanel, Table, Tabs, Textarea, ThemeEditor, ThemePreview, ToggleGroup, Tooltip, TooltipProvider, UIProvider, apcaContrast, applyTheme, avatarInitials, buttonClasses, categoryClasses, categoryOf, composite, contrastRatio, cx, deltaE, deriveTheme, fieldBox, fitSeed, formatBytes, formatCount, formatDateTime, formatDuration, formatInfoTipContent, formatTimeLeft, generateTheme, isDarkColor, isPlainClick, isTextEntryContext, levelTone, menuDivider, modalPanelClassName, modeOf, parseColor, parseTheme, prefersWideGamut, resolveMode, runStatusTone, schemeFor, serializeTheme, statusTextClass, themeStylesheet, toHex, toP3, toast, useApplyTheme, useClock, useClosePopover, useColorMode, useContextMenu, useCopy, useCssIsDark, useElapsed, useFieldControl, useFieldLabelledControl, useNavigation, useOptionalWorkflowEngine, usePersistedState, useProvisionCorsRules, useRelativeTime, useRunFile, useShortcutKey, useSlots, useStrings, useWorkflowActions, useWorkflowEditing, useWorkflowEngine, useWorkflowEngineLoader };

package/dist/logviewer/LogViewer.js

@@ -414,10 +414,10 @@ function LogViewer({ log, height = "unset", width, downloadName = "log.txt", rou
 			/* @__PURE__ */ jsxs("div", {
 				className: cx("flex select-none items-center gap-x-2 p-2", inline ? "bg-[var(--theme-panel-bg)] border-b border-[var(--theme-border)]" : "theme-panel"),
 				children: [/* @__PURE__ */ jsxs("div", {
-					className: cx("w-full flex flex-row gap-x-2 items-center", hideExpand && "justify-between"),
+					className: "flex w-full min-w-0 flex-wrap items-center gap-2",
 					children: [
 						/* @__PURE__ */ jsxs("div", {
-							className: "flex gap-x-2 w-full",
+							className: "flex flex-auto flex-wrap gap-2",
 							children: [
 								!inline && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(Button, {
 									variant: "secondary",
@@ -565,7 +565,7 @@ function LogViewer({ log, height = "unset", width, downloadName = "log.txt", rou
 							label: t.filterLogs,
 							value: filter,
 							onValueChange: handleFilterChange,
-							className: "w-48"
+							className: "min-w-40 flex-1 sm:w-48 sm:flex-none"
 						}),
 						/* @__PURE__ */ jsx(Button, {
 							variant: "secondary",

package/dist/styles/theme.css

@@ -23,6 +23,7 @@
   --theme-placeholder: light-dark(#7e8796, #9da5ad);
   --theme-link: light-dark(#06354f, #9dd7ff);
   --theme-border: light-dark(#cacdd0, #30363d);
+  --theme-border-field: light-dark(#bdc0c3, #3a4148);
   --theme-border-strong: light-dark(#848689, #676e76);
   --theme-accent: light-dark(#06354f, #5b9ccf);
   --theme-accent-text: light-dark(#ffffff, #000000);
@@ -77,6 +78,22 @@
   --theme-ansi-magenta: light-dark(#8d3a88, #ffaafe);
   --theme-ansi-cyan: light-dark(#00666c, #00dbe5);
   --theme-ansi-white: light-dark(#555d6c, #e1e9f2);
+  --theme-category-1: light-dark(#ffcfce, #593030);
+  --theme-category-1-text: light-dark(#6e3537, #fed2d0);
+  --theme-category-2: light-dark(#f7d6b8, #533618);
+  --theme-category-2-text: light-dark(#673f12, #f6d8bc);
+  --theme-category-3: light-dark(#dfe1b7, #3f4017);
+  --theme-category-3-text: light-dark(#4e4e11, #dfe2bc);
+  --theme-category-4: light-dark(#c1e8cd, #20462f);
+  --theme-category-4-text: light-dark(#1f5636, #c5e8d0);
+  --theme-category-5: light-dark(#b3e9eb, #034649);
+  --theme-category-5-text: light-dark(#00555a, #b8e9eb);
+  --theme-category-6: light-dark(#c0e2ff, #1f405b);
+  --theme-category-6-text: light-dark(#1f4e73, #c3e2fe);
+  --theme-category-7: light-dark(#dcd8ff, #3d375a);
+  --theme-category-7-text: light-dark(#4a4273, #ddd9fe);
+  --theme-category-8: light-dark(#f5d0ec, #50314a);
+  --theme-category-8-text: light-dark(#63385a, #f4d2eb);
 }
 
 @media (color-gamut: p3) {