pixelize-design-library 2.4.2-beta.64 → 2.4.2-beta.65

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (74) hide show
  1. package/CHANGELOG.md +83 -8
  2. package/COMPONENT-GOTCHAS.md +37 -4
  3. package/DESIGN-GUIDE.md +7 -3
  4. package/dist/Components/CopyButton/CopyButton.d.ts +3 -1
  5. package/dist/Components/CopyButton/CopyButton.js +2 -2
  6. package/dist/Components/Drawer/Drawer.d.ts +1 -1
  7. package/dist/Components/Drawer/Drawer.js +6 -2
  8. package/dist/Components/Drawer/DrawerProps.d.ts +4 -0
  9. package/dist/Components/FormDrawer/FormDrawer.d.ts +1 -1
  10. package/dist/Components/FormDrawer/FormDrawer.js +3 -3
  11. package/dist/Components/FormDrawer/FormDrawerProps.d.ts +2 -0
  12. package/dist/Components/Modal/dialogNaming.d.ts +8 -0
  13. package/dist/Components/Modal/dialogNaming.js +21 -0
  14. package/dist/Components/NavLauncher/LauncherTabs.js +2 -2
  15. package/dist/Components/NavLauncher/NavLauncher.d.ts +1 -1
  16. package/dist/Components/NavLauncher/NavLauncher.js +257 -47
  17. package/dist/Components/NavLauncher/NavLauncherProps.d.ts +79 -3
  18. package/dist/Components/NavLauncher/ScopeBar.d.ts +14 -0
  19. package/dist/Components/NavLauncher/ScopeBar.js +137 -0
  20. package/dist/Components/NavLauncher/engine/distance.d.ts +4 -0
  21. package/dist/Components/NavLauncher/engine/distance.js +41 -0
  22. package/dist/Components/NavLauncher/engine/engine.d.ts +84 -0
  23. package/dist/Components/NavLauncher/engine/engine.js +471 -0
  24. package/dist/Components/NavLauncher/engine/fold.d.ts +15 -0
  25. package/dist/Components/NavLauncher/engine/fold.js +83 -0
  26. package/dist/Components/NavLauncher/engine/index.d.ts +21 -0
  27. package/dist/Components/NavLauncher/engine/index.js +17 -0
  28. package/dist/Components/NavLauncher/launcherParts.d.ts +2 -0
  29. package/dist/Components/NavLauncher/launcherParts.js +11 -7
  30. package/dist/Components/NavLauncher/match.d.ts +13 -2
  31. package/dist/Components/NavLauncher/match.js +26 -12
  32. package/dist/Components/NavLauncher/searchLayout.d.ts +60 -0
  33. package/dist/Components/NavLauncher/searchLayout.js +108 -0
  34. package/dist/Components/NavLauncher/spotlight.d.ts +39 -0
  35. package/dist/Components/NavLauncher/spotlight.js +202 -0
  36. package/dist/Components/NavLauncher/spotlightParts.d.ts +49 -0
  37. package/dist/Components/NavLauncher/spotlightParts.js +108 -0
  38. package/dist/Components/Table/components/TableHeader.js +3 -1
  39. package/dist/Components/Table/components/TableLoading.js +8 -2
  40. package/dist/Components/WizardDialog/WizardDialog.d.ts +1 -1
  41. package/dist/Components/WizardDialog/WizardDialog.js +15 -3
  42. package/dist/Components/WizardDialog/WizardDialogProps.d.ts +5 -3
  43. package/dist/Components/WorkspaceWindow/WorkspaceWindow.js +3 -2
  44. package/dist/Components/WorkspaceWindow/WorkspaceWindowProps.d.ts +2 -8
  45. package/dist/Theme/chakra/ringShadow.d.ts +3 -0
  46. package/dist/Theme/chakra/ringShadow.js +7 -0
  47. package/dist/Theme/tokens/builders/buildDarkPalette.d.ts +1 -1
  48. package/dist/Theme/tokens/builders/buildDarkPalette.js +5 -5
  49. package/dist/esm/Components/CopyButton/CopyButton.js +2 -2
  50. package/dist/esm/Components/Drawer/Drawer.js +6 -2
  51. package/dist/esm/Components/FormDrawer/FormDrawer.js +3 -3
  52. package/dist/esm/Components/Modal/dialogNaming.js +18 -0
  53. package/dist/esm/Components/NavLauncher/LauncherTabs.js +2 -2
  54. package/dist/esm/Components/NavLauncher/NavLauncher.js +259 -49
  55. package/dist/esm/Components/NavLauncher/ScopeBar.js +134 -0
  56. package/dist/esm/Components/NavLauncher/engine/distance.js +37 -0
  57. package/dist/esm/Components/NavLauncher/engine/engine.js +458 -0
  58. package/dist/esm/Components/NavLauncher/engine/fold.js +74 -0
  59. package/dist/esm/Components/NavLauncher/engine/index.js +14 -0
  60. package/dist/esm/Components/NavLauncher/launcherParts.js +10 -6
  61. package/dist/esm/Components/NavLauncher/match.js +25 -12
  62. package/dist/esm/Components/NavLauncher/searchLayout.js +100 -0
  63. package/dist/esm/Components/NavLauncher/spotlight.js +194 -0
  64. package/dist/esm/Components/NavLauncher/spotlightParts.js +95 -0
  65. package/dist/esm/Components/Table/components/TableHeader.js +4 -2
  66. package/dist/esm/Components/Table/components/TableLoading.js +6 -3
  67. package/dist/esm/Components/WizardDialog/WizardDialog.js +15 -3
  68. package/dist/esm/Components/WorkspaceWindow/WorkspaceWindow.js +4 -3
  69. package/dist/esm/Theme/chakra/ringShadow.js +3 -0
  70. package/dist/esm/Theme/tokens/builders/buildDarkPalette.js +5 -5
  71. package/dist/esm/index.js +2 -1
  72. package/dist/index.d.ts +5 -3
  73. package/dist/index.js +4 -1
  74. package/package.json +1 -1
@@ -1,12 +1,15 @@
1
1
  import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
2
- import { Box, Skeleton, SkeletonText, Table, Tbody, Td, Th, Thead, Tr, } from "@chakra-ui/react";
2
+ import { Box, SkeletonText, Table, Tbody, Td, Th, Thead, Tr, } from "@chakra-ui/react";
3
+ import Skeletons from "../../Skeletons/Skeletons.js";
4
+ import { BORDER_WIDTHS } from "../../../Theme/tokens/primitives/borderWidths.js";
5
+ const CHECKBOX_PLACEHOLDER_STYLE = { display: "inline-block", verticalAlign: "middle" };
3
6
  const TableLoading = () => {
4
- return (_jsx(Box, { overflowX: "auto", p: 4, children: _jsxs(Table, { variant: "simple", width: "full", children: [_jsx(Thead, { children: _jsxs(Tr, { children: [_jsx(Th, { p: 2, children: _jsx(Skeleton, { height: "20px" }) }), _jsx(Th, { p: 2, children: _jsx(Skeleton, { height: "20px" }) }), _jsx(Th, { p: 2, children: _jsx(Skeleton, { height: "20px" }) }), _jsx(Th, { p: 2, children: _jsx(Skeleton, { height: "20px" }) })] }) }), _jsx(Tbody, { children: Array.from({ length: 5 }).map((_, rowIndex) => (_jsxs(Tr, { children: [_jsx(Td, { p: 2, children: _jsx(SkeletonText, { noOfLines: 1, skeletonHeight: "2" }) }), _jsx(Td, { p: 2, children: _jsx(SkeletonText, { noOfLines: 1, skeletonHeight: "2" }) }), _jsx(Td, { p: 2, children: _jsx(SkeletonText, { noOfLines: 1, skeletonHeight: "2" }) }), _jsx(Td, { p: 2, children: _jsx(SkeletonText, { noOfLines: 1, skeletonHeight: "2" }) })] }, rowIndex))) })] }) }));
7
+ return (_jsx(Box, { overflowX: "auto", p: 4, children: _jsxs(Table, { variant: "simple", width: "full", children: [_jsx(Thead, { children: _jsxs(Tr, { children: [_jsx(Th, { p: 2, children: _jsx(Skeletons, { type: "skeleton", height: "20px" }) }), _jsx(Th, { p: 2, children: _jsx(Skeletons, { type: "skeleton", height: "20px" }) }), _jsx(Th, { p: 2, children: _jsx(Skeletons, { type: "skeleton", height: "20px" }) }), _jsx(Th, { p: 2, children: _jsx(Skeletons, { type: "skeleton", height: "20px" }) })] }) }), _jsx(Tbody, { children: Array.from({ length: 5 }).map((_, rowIndex) => (_jsxs(Tr, { children: [_jsx(Td, { p: 2, children: _jsx(SkeletonText, { noOfLines: 1, skeletonHeight: "2" }) }), _jsx(Td, { p: 2, children: _jsx(SkeletonText, { noOfLines: 1, skeletonHeight: "2" }) }), _jsx(Td, { p: 2, children: _jsx(SkeletonText, { noOfLines: 1, skeletonHeight: "2" }) }), _jsx(Td, { p: 2, children: _jsx(SkeletonText, { noOfLines: 1, skeletonHeight: "2" }) })] }, rowIndex))) })] }) }));
5
8
  };
6
9
  export default TableLoading;
7
10
  export const LOADING_PLACEHOLDER_COLUMNS = 4;
8
11
  const BAR_WIDTHS = ["72%", "58%", "84%", "46%", "66%", "78%"];
9
12
  export const TableBodyLoading = ({ noOfColumns, cells, borderColor, rowsCount = 4, rowHeight = 45, }) => {
10
13
  const layout = cells !== null && cells !== void 0 ? cells : Array.from({ length: noOfColumns }, () => "bar");
11
- return (_jsx(_Fragment, { children: Array.from({ length: rowsCount }).map((_, row) => (_jsx(Tr, { "aria-hidden": "true", children: layout.map((kind, col) => (_jsxs(Td, { px: kind === "checkbox" ? 0 : 3, py: 0, height: `${rowHeight}px`, boxSizing: "border-box", border: "none", borderBottom: `0.0625rem solid ${borderColor}`, textAlign: kind === "checkbox" ? "center" : undefined, children: [kind === "checkbox" && (_jsx(Skeleton, { boxSize: "1rem", borderRadius: "sm", variant: "shine", display: "inline-block", verticalAlign: "middle" })), kind === "bar" && (_jsx(Skeleton, { height: "0.75rem", width: BAR_WIDTHS[(row * 3 + col) % BAR_WIDTHS.length], borderRadius: "full", variant: "shine" }))] }, col))) }, row))) }));
14
+ return (_jsx(_Fragment, { children: Array.from({ length: rowsCount }).map((_, row) => (_jsx(Tr, { "aria-hidden": "true", children: layout.map((kind, col) => (_jsxs(Td, { px: kind === "checkbox" ? 0 : 3, py: 0, height: `${rowHeight}px`, boxSizing: "border-box", border: "none", borderBottom: `${BORDER_WIDTHS.hairline} solid ${borderColor}`, textAlign: kind === "checkbox" ? "center" : undefined, children: [kind === "checkbox" && (_jsx(Skeletons, { type: "skeleton", height: "1rem", width: "1rem", borderRadius: "sm", style: CHECKBOX_PLACEHOLDER_STYLE })), kind === "bar" && (_jsx(Skeletons, { type: "skeleton", height: "0.75rem", width: BAR_WIDTHS[(row * 3 + col) % BAR_WIDTHS.length], borderRadius: "full" }))] }, col))) }, row))) }));
12
15
  };
@@ -2,6 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
2
  import { useEffect, useId, useRef } from "react";
3
3
  import { Alert, AlertDescription, AlertIcon, AlertTitle, Box, Flex, Heading, ListItem, Text, UnorderedList, } from "@chakra-ui/react";
4
4
  import { useCustomTheme } from "../../Theme/useCustomTheme.js";
5
+ import { raisedRule } from "../../Theme/tokens/builders/surfaceRaised.js";
5
6
  import Modal, { ModalBody, ModalFooter } from "../Modal/Modal.js";
6
7
  import Button from "../Button/Button.js";
7
8
  import StageProgress from "../StageProgress/StageProgress.js";
@@ -44,15 +45,26 @@ const WizardFooter = ({ flow, labels, isFinishing, finishDisabled, finishBlocked
44
45
  const reason = finishDisabled && !isFinishing ? finishBlockedReason : undefined;
45
46
  return (_jsxs(Flex, { w: "100%", justify: "space-between", gap: 2, wrap: "wrap", children: [onCancel ? (_jsx(Button, { variant: "ghost", colorScheme: "gray", label: labels.cancel, onClick: onCancel, isDisabled: isFinishing, "data-testid": "wizard-cancel" })) : (_jsx("span", {})), _jsxs(Flex, { gap: 2, align: reason ? "center" : undefined, children: [!flow.isFirst ? (_jsx(Button, { variant: "outline", colorScheme: "gray", label: labels.back, onClick: flow.back, isDisabled: isFinishing, "data-testid": "wizard-back" })) : null, flow.isLast && reason ? (_jsx(Text, { id: reasonId, fontSize: "xs", color: colors.textMuted, "data-testid": "wizard-finish-reason", children: reason })) : null, flow.isLast ? (_jsx(Button, { variant: "solid", colorScheme: "primary", label: labels.finish, onClick: flow.finish, isLoading: isFinishing, isDisabled: finishDisabled, "aria-describedby": reason ? reasonId : undefined, loadingText: labels.finish, "data-testid": "wizard-finish" })) : (_jsx(Button, { variant: "solid", colorScheme: "primary", label: labels.next, onClick: flow.next, "data-testid": "wizard-next" }))] })] }));
46
47
  };
47
- /** Modal wizard that owns step state: validated Continue, locked future steps, error summary, review on the last step. */
48
- export const WizardDialog = ({ isOpen, onClose, title, subtitle, steps, onFinish, isFinishing = false, finishDisabled = false, finishBlockedReason, stepId, onStepChange, size = "3xl", labels, "data-testid": testId, }) => {
48
+ const WizardInlineFrame = ({ title, subtitle, testId, footer, children }) => {
49
+ const { colors } = useCustomTheme();
50
+ return (_jsxs(Flex, { direction: "column", gap: 4, "data-testid": testId, children: [_jsxs(Box, { children: [_jsx(Heading, { as: "h2", fontSize: "md", fontWeight: 600, color: colors.header[900], children: title }), subtitle ? (_jsx(Text, { mt: 0.5, fontSize: "sm", color: colors.textMuted, children: subtitle })) : null] }), children, _jsx(Box, { position: "sticky", bottom: 0, pt: 3, borderTopWidth: "1px", borderColor: raisedRule(colors), bg: colors.surfaceRaised, children: footer })] }));
51
+ };
52
+ /** Wizard that owns step state: validated Continue, locked future steps, error summary, review on the last step. A Modal by default; `chrome="inline"` draws it in place. */
53
+ export const WizardDialog = ({ isOpen, onClose, title, subtitle, steps, onFinish, isFinishing = false, finishDisabled = false, finishBlockedReason, stepId, onStepChange, size = "3xl", chrome = "modal", labels, "data-testid": testId, }) => {
49
54
  const flow = useWizardFlow({ steps, stepId, onStepChange, onFinish, resetWhen: !isOpen });
50
55
  const resolved = { ...DEFAULT_LABELS, ...labels };
51
56
  const guardedClose = () => {
52
57
  if (!isFinishing)
53
58
  onClose();
54
59
  };
55
- return (_jsxs(Modal, { isOpen: isOpen, onClose: guardedClose, size: size, isCentered: true, scrollBehavior: "inside", title: title, subtitle: subtitle, closeOnOverlayClick: false, closeOnEsc: !isFinishing, hideCloseButton: isFinishing, children: [_jsx(ModalBody, { children: _jsx(WizardBody, { flow: flow, steps: steps, labels: resolved, testId: testId !== null && testId !== void 0 ? testId : "wizard-dialog" }) }), _jsx(ModalFooter, { children: _jsx(WizardFooter, { flow: flow, labels: resolved, isFinishing: isFinishing, finishDisabled: finishDisabled, finishBlockedReason: finishBlockedReason, onCancel: guardedClose }) })] }));
60
+ const body = (_jsx(WizardBody, { flow: flow, steps: steps, labels: resolved, testId: testId !== null && testId !== void 0 ? testId : "wizard-dialog" }));
61
+ const footer = (_jsx(WizardFooter, { flow: flow, labels: resolved, isFinishing: isFinishing, finishDisabled: finishDisabled, finishBlockedReason: finishBlockedReason, onCancel: guardedClose }));
62
+ if (chrome === "inline") {
63
+ if (!isOpen)
64
+ return null;
65
+ return (_jsx(WizardInlineFrame, { title: title, subtitle: subtitle, testId: testId ? `${testId}-inline` : "wizard-inline", footer: footer, children: body }));
66
+ }
67
+ return (_jsxs(Modal, { isOpen: isOpen, onClose: guardedClose, size: size, isCentered: true, scrollBehavior: "inside", title: title, subtitle: subtitle, closeOnOverlayClick: false, closeOnEsc: !isFinishing, hideCloseButton: isFinishing, children: [_jsx(ModalBody, { children: body }), _jsx(ModalFooter, { children: footer })] }));
56
68
  };
57
69
  /** The same wizard inline, for a full-page flow rather than a modal. */
58
70
  export const Wizard = ({ steps, onFinish, isFinishing = false, finishDisabled = false, finishBlockedReason, stepId, onStepChange, labels, onCancel, "data-testid": testId, }) => {
@@ -1,6 +1,6 @@
1
1
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
2
  import { Box, Flex, HStack, IconButton, Modal, ModalContent, ModalOverlay, Portal, Text, useModalContext, } from "@chakra-ui/react";
3
- import { useEffect } from "react";
3
+ import { Fragment, useEffect } from "react";
4
4
  import { ExternalLink, Minus, X } from "lucide-react";
5
5
  import { useCustomTheme } from "../../Theme/useCustomTheme.js";
6
6
  import zIndices from "../../Theme/tokens/primitives/zIndices.js";
@@ -52,9 +52,10 @@ export function WorkspaceTray({ items, onRestore, onClose, testId = "workspace-t
52
52
  restore: () => onRestore === null || onRestore === void 0 ? void 0 : onRestore(item.id),
53
53
  close: () => onClose === null || onClose === void 0 ? void 0 : onClose(item.id),
54
54
  };
55
+ const pill = (_jsxs(HStack, { spacing: 1, pl: 3, pr: 1, py: 1, borderRadius: "full", bg: theme.colors.primary[100], color: ink, boxShadow: "md", borderWidth: "1px", borderColor: theme.colors.primary[200], "data-testid": `${testId}-pill`, children: [item.isDirty ? (_jsx(Box, { role: "img", "aria-label": dirtyLabel, boxSize: "0.5rem", borderRadius: "full", bg: "currentColor", flexShrink: 0, "data-testid": `${testId}-dirty` })) : null, _jsxs(Box, { as: "button", type: "button", fontSize: "sm", onClick: api.restore, "data-testid": `${testId}-restore`, maxW: "16rem", overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap", children: [item.title, item.subtitle ? (_jsx(Box, { as: "span", fontWeight: 400, ml: 1.5, children: item.subtitle })) : null] }), onClose ? (_jsx(IconButton, { "aria-label": closeLabel ? closeLabel(item) : "Close", size: "xs", variant: "ghost", borderRadius: "full", minW: "auto", h: "auto", p: 1, color: "inherit", icon: _jsx(X, { size: 13 }), onClick: api.close, "data-testid": `${testId}-close` })) : null] }));
55
56
  if (renderItem) {
56
- return _jsx(Box, { children: renderItem(item, api) }, item.id);
57
+ return _jsx(Box, { children: renderItem(item, api, pill) }, item.id);
57
58
  }
58
- return (_jsxs(HStack, { spacing: 1, pl: 3, pr: 1, py: 1, borderRadius: "full", bg: theme.colors.primary[100], color: ink, boxShadow: "md", borderWidth: "1px", borderColor: theme.colors.primary[200], "data-testid": `${testId}-pill`, children: [item.isDirty ? (_jsx(Box, { role: "img", "aria-label": dirtyLabel, boxSize: "0.5rem", borderRadius: "full", bg: "currentColor", flexShrink: 0, "data-testid": `${testId}-dirty` })) : null, _jsxs(Box, { as: "button", type: "button", fontSize: "sm", onClick: api.restore, "data-testid": `${testId}-restore`, maxW: "16rem", overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap", children: [item.title, item.subtitle ? (_jsx(Box, { as: "span", fontWeight: 400, ml: 1.5, children: item.subtitle })) : null] }), onClose ? (_jsx(IconButton, { "aria-label": closeLabel ? closeLabel(item) : "Close", size: "xs", variant: "ghost", borderRadius: "full", minW: "auto", h: "auto", p: 1, color: "inherit", icon: _jsx(X, { size: 13 }), onClick: api.close, "data-testid": `${testId}-close` })) : null] }, item.id));
59
+ return _jsx(Fragment, { children: pill }, item.id);
59
60
  }) }) }));
60
61
  }
@@ -0,0 +1,3 @@
1
+ import { BORDER_WIDTHS } from "../tokens/primitives/borderWidths.js";
2
+ /** A stroke drawn inside the border box as a box-shadow, so it never costs layout. */
3
+ export const insetRingShadow = (color, width = "hairline") => `inset 0 0 0 ${BORDER_WIDTHS[width]} ${color}`;
@@ -143,7 +143,8 @@ const NAMED_SURFACE_L = {
143
143
  accent: 17,
144
144
  muted: 18,
145
145
  };
146
- const SURFACE_SAT = { lifted: 14, flat: 0 };
146
+ // NOTE: surfaces are hue-neutral on every brand; brand hue stays on accents, ink and rules.
147
+ const SURFACE_SAT = 0;
147
148
  const TEXT_SAT = 12;
148
149
  const PLACEHOLDER_SAT = 10;
149
150
  const BORDER_SAT = 12;
@@ -174,16 +175,15 @@ const cardPlane = (canvas, white, planes) => {
174
175
  export function buildDarkPalette(light, { planes = "lifted" } = {}) {
175
176
  const hueSource = light.primary[500];
176
177
  const { h } = hexToHsl(hueSource);
177
- const surfaceSat = SURFACE_SAT[planes];
178
178
  const namedSurfaces = Object.fromEntries(Object.entries(NAMED_SURFACE_L).map(([key, l]) => [
179
179
  key,
180
- hslToHex({ h, s: surfaceSat, l }),
180
+ hslToHex({ h, s: SURFACE_SAT, l }),
181
181
  ]));
182
182
  const white = light.white;
183
183
  const { card, rise, tableHover } = cardPlane(namedSurfaces.main, white, planes);
184
184
  const primary = liftBrand(light.primary, white);
185
185
  const background = {
186
- ...fromTargets(hueSource, raise(SURFACE_TARGETS, BACKGROUND_FILLS, rise), surfaceSat),
186
+ ...fromTargets(hueSource, raise(SURFACE_TARGETS, BACKGROUND_FILLS, rise), SURFACE_SAT),
187
187
  50: card,
188
188
  };
189
189
  const semantic = {
@@ -223,7 +223,7 @@ export function buildDarkPalette(light, { planes = "lifted" } = {}) {
223
223
  border: dividerRamp,
224
224
  boxborder: dividerRamp,
225
225
  table: {
226
- hover: fromTargets(hueSource, tableHover, surfaceSat),
226
+ hover: fromTargets(hueSource, tableHover, SURFACE_SAT),
227
227
  },
228
228
  disabled: fromTargets(hueSource, DISABLED_TARGETS, DISABLED_SAT),
229
229
  accentText: pickAccentText(primary, namedSurfaces.main),
package/dist/esm/index.js CHANGED
@@ -280,7 +280,8 @@ export { default as LauncherTrigger } from "./Components/LauncherTrigger/Launche
280
280
  export { default as NavLauncher } from "./Components/NavLauncher/NavLauncher.js";
281
281
  export { default as PinToggle } from "./Components/NavLauncher/PinToggle.js";
282
282
  export { default as NewTabLink } from "./Components/NavLauncher/NewTabLink.js";
283
- export { searchLauncher, searchLauncherSections, flattenScreens } from "./Components/NavLauncher/match.js";
283
+ export { searchLauncher, searchLauncherSections, flattenScreens, highlightSegments } from "./Components/NavLauncher/match.js";
284
+ export { LauncherSearchEngine } from "./Components/NavLauncher/engine/index.js";
284
285
  export { default as WizardDialog, Wizard, wizardTransition, firstInvalidStep, } from "./Components/WizardDialog/WizardDialog.js";
285
286
  export { default as Pagination } from "./Components/Pagination/Pagination.js";
286
287
  export { defaultPaginationLabels } from "./Components/Pagination/PaginationProps.js";
package/dist/index.d.ts CHANGED
@@ -385,9 +385,11 @@ export type { LauncherTriggerProps } from "./Components/LauncherTrigger/Launcher
385
385
  export { default as NavLauncher } from "./Components/NavLauncher/NavLauncher";
386
386
  export { default as PinToggle } from "./Components/NavLauncher/PinToggle";
387
387
  export { default as NewTabLink } from "./Components/NavLauncher/NewTabLink";
388
- export { searchLauncher, searchLauncherSections, flattenScreens } from "./Components/NavLauncher/match";
389
- export type { LauncherResult, LauncherResultView, LauncherSectionResult } from "./Components/NavLauncher/match";
390
- export type { LauncherIcon, LauncherScreen, LauncherModule, LauncherSection, LauncherSearchItem, LauncherResultGroup, LauncherLabels, LauncherNavigateOptions, NavLauncherProps, PinToggleProps, NewTabLinkProps, } from "./Components/NavLauncher/NavLauncherProps";
388
+ export { searchLauncher, searchLauncherSections, flattenScreens, highlightSegments } from "./Components/NavLauncher/match";
389
+ export type { LauncherResult, LauncherResultView, LauncherSectionResult, HighlightSegment, HighlightOptions, } from "./Components/NavLauncher/match";
390
+ export { LauncherSearchEngine } from "./Components/NavLauncher/engine";
391
+ export type { LauncherMatchKind, LauncherMatcher, LauncherSearchDocument, LauncherSearchField, LauncherSearchHit, LauncherSearchIndex, LauncherSearchOptions, LauncherSynonyms, LauncherTokenMatch, } from "./Components/NavLauncher/engine";
392
+ export type { LauncherIcon, LauncherScreen, LauncherModule, LauncherSection, LauncherSearchItem, LauncherResultGroup, LauncherLabels, LauncherNavigateOptions, LauncherFact, LauncherAnswer, LauncherScope, LauncherSearchMode, NavLauncherProps, PinToggleProps, NewTabLinkProps, } from "./Components/NavLauncher/NavLauncherProps";
391
393
  export { default as WizardDialog, Wizard, wizardTransition, firstInvalidStep, } from "./Components/WizardDialog/WizardDialog";
392
394
  export type { WizardStep, WizardLabels, WizardDialogProps, WizardProps } from "./Components/WizardDialog/WizardDialogProps";
393
395
  export type { WizardState, WizardAction, StepValidator } from "./Components/WizardDialog/wizardSteps";
package/dist/index.js CHANGED
@@ -48,7 +48,7 @@ exports.bandOn = exports.RAISED_OVERLAY = exports.raisedRule = exports.buildSurf
48
48
  exports.NotificationList = exports.NotificationPanel = exports.NotificationBell = exports.ConfirmDialog = exports.TabPanel = exports.TabPanels = exports.Tab = exports.TabList = exports.Tabs = exports.Accordian = exports.AudioRecorder = exports.CalendarGrid = exports.SectionRail = exports.BulkSelectionBar = exports.SaveBar = exports.FeedbackForm = exports.PersonChip = exports.initialsFor = exports.avatarScaleKeyFor = exports.resolveAvatarColorway = exports.AvatarGroup = exports.Avatar = exports.SettingsSection = exports.SettingRow = exports.FilterBar = exports.DescriptionList = exports.Spinner = exports.Backdrop = exports.QueryStateBoundary = exports.ErrorState = exports.FormDrawer = exports.CircularProgress = exports.StatusTag = exports.StatCard = exports.PageHeader = exports.fieldMessageStyles = exports.fieldLabelStyles = exports.controlSizeStyles = exports.fieldControlStyles = exports.FieldMessage = exports.useFieldIds = exports.MOTION_KEEP_CLASS = exports.REDUCED_MOTION_QUERY = exports.reducedMotionSx = exports.usePrefersReducedMotion = exports.OVERLAY_BLUR = exports.overlayScrimStyles = exports.ruleOn = exports.cardRule = exports.recessOn = void 0;
49
49
  exports.PLAYBACK_SPEEDS = exports.ZOOM_STEP = exports.MAX_ZOOM = exports.MIN_ZOOM = exports.resolveMediaUrl = exports.fileKind = exports.countMedia = exports.planPreview = exports.buildFileItems = exports.buildMediaItems = exports.MediaStatusPanel = exports.MediaScrubber = exports.defaultMediaAudioPlayerLabels = exports.MediaAudioPlayer = exports.defaultMediaViewerLabels = exports.defaultMediaDocumentStageLabels = exports.MediaDocumentStage = exports.defaultMediaVideoPlayerLabels = exports.MediaVideoPlayer = exports.defaultMediaImageViewerLabels = exports.MediaImageViewer = exports.useFileViewer = exports.MediaViewer = exports.RangeSlider = exports.getApiErrorStatus = exports.getApiErrorMessage = exports.defaultValidationMessages = exports.validateYoutubeUrl = exports.validateVideoFile = exports.validateVideoFileType = exports.validateFile = exports.validateFileSize = exports.validateFileType = exports.validatePositiveNumber = exports.validateRequired = exports.validatePassword = exports.validateEmail = exports.EMAIL_REGEX = exports.createEnumLabelResolver = exports.humanize = exports.clearChunkReloadGuard = exports.isChunkLoadError = exports.installPreloadErrorReload = exports.lazyWithRetry = exports.useAnchoredPanelHeight = exports.formatRelativeTime = exports.formatCount = exports.groupConsecutive = exports.sectionizeByDay = exports.NotificationItem = void 0;
50
50
  exports.PinToggle = exports.NavLauncher = exports.LauncherTrigger = exports.KbdShortcut = exports.Kbd = exports.QuickAddSheet = exports.ProductCardSkeleton = exports.ProductCardGrid = exports.unitPrice = exports.discountAmount = exports.discountPercent = exports.formatPrice = exports.firstAvailableSelection = exports.priceRange = exports.remainingStock = exports.isOptionAvailable = exports.findVariant = exports.selectionComplete = exports.stockState = exports.LOW_STOCK_THRESHOLD = exports.defaultMediaLightboxLabels = exports.defaultMediaGalleryLabels = exports.MediaLightbox = exports.MediaGallery = exports.PaymentOptionGroup = exports.PaymentOption = exports.AddressCardGroup = exports.AddressCard = exports.DetailSections = exports.ReviewList = exports.ReviewSummary = exports.SpecTable = exports.OffersList = exports.TrustBadges = exports.PincodeChecker = exports.StickyBuyBar = exports.BagBar = exports.OrderStatusTimeline = exports.CouponField = exports.OrderSummary = exports.CartItem = exports.QuantityStepper = exports.VariantSelector = exports.OptionChip = exports.WishlistToggle = exports.ProductBadges = exports.StockStatus = exports.PriceBlock = exports.Rating = exports.SEEK_STEP_SECONDS = void 0;
51
- exports.TagInput = exports.TimePicker = exports.DEFAULT_DATE_FALLBACK = exports.formatDateRange = exports.formatDateTime = exports.formatDate = exports.SkipLink = exports.VisuallyHidden = exports.FormField = exports.IconButton = exports.ChoiceCardGroup = exports.ChoiceCard = exports.defaultPaginationLabels = exports.Pagination = exports.firstInvalidStep = exports.wizardTransition = exports.Wizard = exports.WizardDialog = exports.flattenScreens = exports.searchLauncherSections = exports.searchLauncher = exports.NewTabLink = void 0;
51
+ exports.TagInput = exports.TimePicker = exports.DEFAULT_DATE_FALLBACK = exports.formatDateRange = exports.formatDateTime = exports.formatDate = exports.SkipLink = exports.VisuallyHidden = exports.FormField = exports.IconButton = exports.ChoiceCardGroup = exports.ChoiceCard = exports.defaultPaginationLabels = exports.Pagination = exports.firstInvalidStep = exports.wizardTransition = exports.Wizard = exports.WizardDialog = exports.LauncherSearchEngine = exports.highlightSegments = exports.flattenScreens = exports.searchLauncherSections = exports.searchLauncher = exports.NewTabLink = void 0;
52
52
  const Accordion_1 = __importDefault(require("./Components/Accordion/Accordion"));
53
53
  exports.Accordion = Accordion_1.default;
54
54
  const AlertDialog_1 = __importDefault(require("./Components/AlertDialog/AlertDialog"));
@@ -724,6 +724,9 @@ var match_1 = require("./Components/NavLauncher/match");
724
724
  Object.defineProperty(exports, "searchLauncher", { enumerable: true, get: function () { return match_1.searchLauncher; } });
725
725
  Object.defineProperty(exports, "searchLauncherSections", { enumerable: true, get: function () { return match_1.searchLauncherSections; } });
726
726
  Object.defineProperty(exports, "flattenScreens", { enumerable: true, get: function () { return match_1.flattenScreens; } });
727
+ Object.defineProperty(exports, "highlightSegments", { enumerable: true, get: function () { return match_1.highlightSegments; } });
728
+ var engine_1 = require("./Components/NavLauncher/engine");
729
+ Object.defineProperty(exports, "LauncherSearchEngine", { enumerable: true, get: function () { return engine_1.LauncherSearchEngine; } });
727
730
  var WizardDialog_1 = require("./Components/WizardDialog/WizardDialog");
728
731
  Object.defineProperty(exports, "WizardDialog", { enumerable: true, get: function () { return __importDefault(WizardDialog_1).default; } });
729
732
  Object.defineProperty(exports, "Wizard", { enumerable: true, get: function () { return WizardDialog_1.Wizard; } });
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "pixelize-design-library",
3
- "version": "2.4.2-beta.64",
3
+ "version": "2.4.2-beta.65",
4
4
  "description": "React component library for Pixelize apps: themeable Chakra-based components, design tokens and light/dark brand theming.",
5
5
  "keywords": [
6
6
  "react",