pixelize-design-library 2.4.2-beta.59 → 2.4.2-beta.61

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 (157) hide show
  1. package/CHANGELOG.md +110 -13
  2. package/COMPONENT-GOTCHAS.md +159 -21
  3. package/DESIGN-GUIDE.md +26 -7
  4. package/dist/Components/AudioRecorder/AudioRecorder.d.ts +8 -0
  5. package/dist/Components/AudioRecorder/AudioRecorder.js +169 -0
  6. package/dist/Components/AudioRecorder/AudioRecorderProps.d.ts +20 -0
  7. package/dist/Components/AudioRecorder/AudioRecorderProps.js +2 -0
  8. package/dist/Components/BulkSelectionBar/BulkSelectionBar.d.ts +3 -0
  9. package/dist/Components/BulkSelectionBar/BulkSelectionBar.js +43 -0
  10. package/dist/Components/BulkSelectionBar/BulkSelectionBarProps.d.ts +35 -0
  11. package/dist/Components/BulkSelectionBar/BulkSelectionBarProps.js +2 -0
  12. package/dist/Components/BulkSelectionBar/index.d.ts +2 -0
  13. package/dist/Components/BulkSelectionBar/index.js +8 -0
  14. package/dist/Components/CalendarGrid/CalendarGrid.d.ts +3 -0
  15. package/dist/Components/CalendarGrid/CalendarGrid.js +173 -0
  16. package/dist/Components/CalendarGrid/CalendarGridProps.d.ts +54 -0
  17. package/dist/Components/CalendarGrid/CalendarGridProps.js +2 -0
  18. package/dist/Components/CalendarGrid/calendarMath.d.ts +49 -0
  19. package/dist/Components/CalendarGrid/calendarMath.js +178 -0
  20. package/dist/Components/CircularProgress/CircularProgress.d.ts +4 -0
  21. package/dist/Components/CircularProgress/CircularProgress.js +39 -0
  22. package/dist/Components/CircularProgress/CircularProgressProps.d.ts +22 -0
  23. package/dist/Components/CircularProgress/CircularProgressProps.js +2 -0
  24. package/dist/Components/CircularProgress/arc.d.ts +12 -0
  25. package/dist/Components/CircularProgress/arc.js +16 -0
  26. package/dist/Components/Common/fieldStyles.d.ts +1 -0
  27. package/dist/Components/Common/fieldStyles.js +2 -1
  28. package/dist/Components/Drawer/Drawer.d.ts +1 -1
  29. package/dist/Components/Drawer/Drawer.js +4 -2
  30. package/dist/Components/Drawer/DrawerProps.d.ts +3 -1
  31. package/dist/Components/EmptyState/EmptyState.js +2 -1
  32. package/dist/Components/EmptyState/EmptyStateProps.d.ts +2 -2
  33. package/dist/Components/FormDrawer/FormDrawer.d.ts +2 -0
  34. package/dist/Components/FormDrawer/FormDrawer.js +97 -0
  35. package/dist/Components/FormDrawer/FormDrawerProps.d.ts +55 -0
  36. package/dist/Components/FormDrawer/FormDrawerProps.js +2 -0
  37. package/dist/Components/LauncherTrigger/LauncherTrigger.d.ts +1 -1
  38. package/dist/Components/LauncherTrigger/LauncherTrigger.js +8 -1
  39. package/dist/Components/LauncherTrigger/LauncherTriggerProps.d.ts +2 -0
  40. package/dist/Components/Modal/Modal.d.ts +1 -1
  41. package/dist/Components/Modal/Modal.js +4 -2
  42. package/dist/Components/Modal/ModalProps.d.ts +3 -1
  43. package/dist/Components/Modal/warnDroppedSlotChildren.d.ts +2 -0
  44. package/dist/Components/Modal/warnDroppedSlotChildren.js +45 -0
  45. package/dist/Components/NavLauncher/LauncherTabs.d.ts +18 -0
  46. package/dist/Components/NavLauncher/LauncherTabs.js +64 -0
  47. package/dist/Components/NavLauncher/NavLauncher.d.ts +1 -1
  48. package/dist/Components/NavLauncher/NavLauncher.js +268 -61
  49. package/dist/Components/NavLauncher/NavLauncherProps.d.ts +29 -10
  50. package/dist/Components/NavLauncher/NewTabLink.d.ts +2 -2
  51. package/dist/Components/NavLauncher/NewTabLink.js +7 -3
  52. package/dist/Components/NavLauncher/launcherParts.d.ts +64 -2
  53. package/dist/Components/NavLauncher/launcherParts.js +103 -13
  54. package/dist/Components/NavLauncher/resultNavigation.d.ts +3 -0
  55. package/dist/Components/NavLauncher/resultNavigation.js +65 -0
  56. package/dist/Components/NavLauncher/revealStyles.d.ts +1 -1
  57. package/dist/Components/NavLauncher/revealStyles.js +2 -2
  58. package/dist/Components/NavigationBar/NavigationBar.js +2 -1
  59. package/dist/Components/NavigationBar/NavigationBarProps.d.ts +1 -0
  60. package/dist/Components/OrgSwitcher/OrgSwitcher.js +18 -6
  61. package/dist/Components/OrgSwitcher/OrgSwitcherProps.d.ts +4 -0
  62. package/dist/Components/ProfilePhotoViewer/ProfilePhotoViewer.js +5 -0
  63. package/dist/Components/ProfilePhotoViewer/ProfilePhotoViewerProps.d.ts +1 -1
  64. package/dist/Components/QueryState/QueryStateBoundary.d.ts +2 -2
  65. package/dist/Components/QueryState/QueryStateBoundary.js +9 -3
  66. package/dist/Components/QueryState/QueryStateProps.d.ts +19 -2
  67. package/dist/Components/SectionRail/SectionRail.d.ts +3 -0
  68. package/dist/Components/SectionRail/SectionRail.js +49 -0
  69. package/dist/Components/SectionRail/SectionRailProps.d.ts +23 -0
  70. package/dist/Components/SectionRail/SectionRailProps.js +2 -0
  71. package/dist/Components/SectionRail/index.d.ts +2 -0
  72. package/dist/Components/SectionRail/index.js +8 -0
  73. package/dist/Components/SegmentedControl/SegmentedControl.js +9 -14
  74. package/dist/Components/SegmentedControl/segmentedInk.d.ts +0 -2
  75. package/dist/Components/SegmentedControl/segmentedInk.js +1 -5
  76. package/dist/Components/StatCard/StatCard.d.ts +1 -1
  77. package/dist/Components/StatCard/StatCard.js +6 -2
  78. package/dist/Components/StatCard/StatCardProps.d.ts +3 -0
  79. package/dist/Components/StatusTag/StatusTag.d.ts +4 -0
  80. package/dist/Components/StatusTag/StatusTag.js +24 -0
  81. package/dist/Components/StatusTag/StatusTagProps.d.ts +20 -0
  82. package/dist/Components/StatusTag/StatusTagProps.js +2 -0
  83. package/dist/Components/Table/Table.d.ts +1 -1
  84. package/dist/Components/Table/Table.js +6 -2
  85. package/dist/Components/Table/TableProps.d.ts +20 -0
  86. package/dist/Components/Table/components/TableBody.d.ts +1 -1
  87. package/dist/Components/Table/components/TableBody.js +43 -18
  88. package/dist/Components/Table/components/TableHeader.d.ts +1 -1
  89. package/dist/Components/Table/components/TableHeader.js +7 -5
  90. package/dist/Components/Table/components/rowDetail.d.ts +32 -0
  91. package/dist/Components/Table/components/rowDetail.js +20 -0
  92. package/dist/Components/Table/hooks/useRowExpansion.d.ts +7 -0
  93. package/dist/Components/Table/hooks/useRowExpansion.js +27 -0
  94. package/dist/Components/Tabs/Tabs.d.ts +1 -1
  95. package/dist/Components/Tabs/Tabs.js +15 -2
  96. package/dist/Components/Tabs/TabsProps.d.ts +6 -2
  97. package/dist/Components/Tabs/components/Tab.js +4 -33
  98. package/dist/Components/Tabs/components/TabLinkList.d.ts +7 -0
  99. package/dist/Components/Tabs/components/TabLinkList.js +34 -0
  100. package/dist/Components/Tabs/useTabAppearance.d.ts +17 -0
  101. package/dist/Components/Tabs/useTabAppearance.js +67 -0
  102. package/dist/Components/Tag/Tag.js +11 -1
  103. package/dist/Components/Tag/TagProps.d.ts +4 -0
  104. package/dist/Components/Tag/tagDot.d.ts +3 -0
  105. package/dist/Components/Tag/tagDot.js +21 -0
  106. package/dist/esm/Components/AudioRecorder/AudioRecorder.js +161 -0
  107. package/dist/esm/Components/AudioRecorder/AudioRecorderProps.js +1 -0
  108. package/dist/esm/Components/BulkSelectionBar/BulkSelectionBar.js +38 -0
  109. package/dist/esm/Components/BulkSelectionBar/BulkSelectionBarProps.js +1 -0
  110. package/dist/esm/Components/BulkSelectionBar/index.js +1 -0
  111. package/dist/esm/Components/CalendarGrid/CalendarGrid.js +168 -0
  112. package/dist/esm/Components/CalendarGrid/CalendarGridProps.js +1 -0
  113. package/dist/esm/Components/CalendarGrid/calendarMath.js +155 -0
  114. package/dist/esm/Components/CircularProgress/CircularProgress.js +37 -0
  115. package/dist/esm/Components/CircularProgress/CircularProgressProps.js +1 -0
  116. package/dist/esm/Components/CircularProgress/arc.js +11 -0
  117. package/dist/esm/Components/Common/fieldStyles.js +2 -1
  118. package/dist/esm/Components/Drawer/Drawer.js +4 -2
  119. package/dist/esm/Components/EmptyState/EmptyState.js +2 -1
  120. package/dist/esm/Components/FormDrawer/FormDrawer.js +58 -0
  121. package/dist/esm/Components/FormDrawer/FormDrawerProps.js +1 -0
  122. package/dist/esm/Components/LauncherTrigger/LauncherTrigger.js +5 -1
  123. package/dist/esm/Components/Modal/Modal.js +4 -2
  124. package/dist/esm/Components/Modal/warnDroppedSlotChildren.js +38 -0
  125. package/dist/esm/Components/NavLauncher/LauncherTabs.js +58 -0
  126. package/dist/esm/Components/NavLauncher/NavLauncher.js +270 -63
  127. package/dist/esm/Components/NavLauncher/NewTabLink.js +4 -3
  128. package/dist/esm/Components/NavLauncher/launcherParts.js +98 -14
  129. package/dist/esm/Components/NavLauncher/resultNavigation.js +61 -0
  130. package/dist/esm/Components/NavLauncher/revealStyles.js +2 -2
  131. package/dist/esm/Components/NavigationBar/NavigationBar.js +2 -1
  132. package/dist/esm/Components/OrgSwitcher/OrgSwitcher.js +16 -7
  133. package/dist/esm/Components/ProfilePhotoViewer/ProfilePhotoViewer.js +5 -0
  134. package/dist/esm/Components/QueryState/QueryStateBoundary.js +10 -4
  135. package/dist/esm/Components/SectionRail/SectionRail.js +44 -0
  136. package/dist/esm/Components/SectionRail/SectionRailProps.js +1 -0
  137. package/dist/esm/Components/SectionRail/index.js +1 -0
  138. package/dist/esm/Components/SegmentedControl/SegmentedControl.js +11 -16
  139. package/dist/esm/Components/SegmentedControl/segmentedInk.js +0 -3
  140. package/dist/esm/Components/StatCard/StatCard.js +6 -2
  141. package/dist/esm/Components/StatusTag/StatusTag.js +19 -0
  142. package/dist/esm/Components/StatusTag/StatusTagProps.js +1 -0
  143. package/dist/esm/Components/Table/Table.js +7 -3
  144. package/dist/esm/Components/Table/components/TableBody.js +43 -18
  145. package/dist/esm/Components/Table/components/TableHeader.js +7 -5
  146. package/dist/esm/Components/Table/components/rowDetail.js +14 -0
  147. package/dist/esm/Components/Table/hooks/useRowExpansion.js +23 -0
  148. package/dist/esm/Components/Tabs/Tabs.js +15 -2
  149. package/dist/esm/Components/Tabs/components/Tab.js +4 -33
  150. package/dist/esm/Components/Tabs/components/TabLinkList.js +29 -0
  151. package/dist/esm/Components/Tabs/useTabAppearance.js +63 -0
  152. package/dist/esm/Components/Tag/Tag.js +12 -2
  153. package/dist/esm/Components/Tag/tagDot.js +17 -0
  154. package/dist/esm/index.js +7 -0
  155. package/dist/index.d.ts +17 -2
  156. package/dist/index.js +18 -4
  157. package/package.json +1 -1
@@ -0,0 +1,17 @@
1
+ import { liftToContrast } from "../../Theme/tokens/builders/outlineRung.js";
2
+ import { toneToSemantic } from "../../Theme/tokens/builders/tone.js";
3
+ const SCALE_KEYS = [
4
+ "primary", "secondary", "tertiary", "gray", "red", "orange", "yellow",
5
+ "green", "teal", "blue", "cyan", "purple", "pink",
6
+ ];
7
+ export const dotColor = (colors, tone, colorScheme) => {
8
+ const surfaces = [colors.background[50], colors.backgroundColor.main];
9
+ if (tone === "neutral")
10
+ return colors.textMuted;
11
+ const scale = tone
12
+ ? colors.semantic[toneToSemantic[tone]]
13
+ : SCALE_KEYS.includes(colorScheme)
14
+ ? colors[colorScheme]
15
+ : colors.gray;
16
+ return surfaces.reduce((ink, surface) => liftToContrast(ink, surface), scale[500]);
17
+ };
package/dist/esm/index.js CHANGED
@@ -184,6 +184,9 @@ export { fieldLabelStyles } from "./Components/Common/FormLabel.js";
184
184
  export { fieldMessageStyles } from "./Components/Common/fieldMessageStyles.js";
185
185
  export { default as PageHeader } from "./Components/PageHeader/PageHeader.js";
186
186
  export { default as StatCard } from "./Components/StatCard/StatCard.js";
187
+ export { default as StatusTag } from "./Components/StatusTag/StatusTag.js";
188
+ export { default as CircularProgress } from "./Components/CircularProgress/CircularProgress.js";
189
+ export { default as FormDrawer } from "./Components/FormDrawer/FormDrawer.js";
187
190
  export { default as ErrorState } from "./Components/QueryState/ErrorState.js";
188
191
  export { default as QueryStateBoundary } from "./Components/QueryState/QueryStateBoundary.js";
189
192
  export { default as Backdrop } from "./Components/Backdrop/Backdrop.js";
@@ -198,6 +201,10 @@ export { resolveAvatarColorway, avatarScaleKeyFor, initialsFor } from "./Compone
198
201
  export { default as PersonChip } from "./Components/PersonChip/PersonChip.js";
199
202
  export { default as FeedbackForm } from "./Components/FeedbackForm/FeedbackForm.js";
200
203
  export { default as SaveBar } from "./Components/SaveBar/SaveBar.js";
204
+ export { default as BulkSelectionBar } from "./Components/BulkSelectionBar/BulkSelectionBar.js";
205
+ export { default as SectionRail } from "./Components/SectionRail/SectionRail.js";
206
+ export { default as CalendarGrid } from "./Components/CalendarGrid/CalendarGrid.js";
207
+ export { default as AudioRecorder } from "./Components/AudioRecorder/AudioRecorder.js";
201
208
  /** @deprecated Misspelling kept for consumers. Use `Accordion`. */
202
209
  export { default as Accordian } from "./Components/Accordion/Accordion.js";
203
210
  export { Tabs, TabList, Tab, TabPanels, TabPanel } from "./Components/Tabs/index.js";
package/dist/index.d.ts CHANGED
@@ -168,7 +168,7 @@ export type { ToggleSwitchProps, ToggleSwitchSize, ToggleSwitchColorScheme, } fr
168
168
  export type { SegmentedControlProps, SegmentedControlOption, SegmentedControlSize, } from "./Components/SegmentedControl/SegmentedControlProps";
169
169
  export type { ChakraRadioProps as RadioButtonProps, ChakraRadioGroupProps as RadioButtonGroupProps, RadioOption } from "./Components/RadioButton/RadioButtonProps";
170
170
  export type { ChakraPinInputProps as PinInputProps } from "./Components/PinInput/PinInputProps";
171
- export type { TagProps, TagSize, TagVariant, TagColorScheme } from "./Components/Tag/TagProps";
171
+ export type { TagProps, TagSize, TagVariant, TagColorScheme, TagDisplay } from "./Components/Tag/TagProps";
172
172
  export type { ToolTipProps } from "./Components/ToolTip/ToolTipProps";
173
173
  export type { EmptyStateProps, EmptyStateSize, EmptyStateColorScheme } from "./Components/EmptyState/EmptyStateProps";
174
174
  export type { LoadingProps } from "./Components/Loading/LoadingProps";
@@ -214,9 +214,16 @@ export { default as PageHeader } from "./Components/PageHeader/PageHeader";
214
214
  export type { PageHeaderProps, PageHeaderTitleSize, PageHeaderActionsLayout } from "./Components/PageHeader/PageHeaderProps";
215
215
  export { default as StatCard } from "./Components/StatCard/StatCard";
216
216
  export type { StatCardProps } from "./Components/StatCard/StatCardProps";
217
+ export type { OrgSwitcherProps, OrgSwitcherSize, OrgSwitcherDisplay } from "./Components/OrgSwitcher/OrgSwitcherProps";
218
+ export { default as StatusTag } from "./Components/StatusTag/StatusTag";
219
+ export type { StatusTagProps, StatusAppearance } from "./Components/StatusTag/StatusTagProps";
220
+ export { default as CircularProgress } from "./Components/CircularProgress/CircularProgress";
221
+ export type { CircularProgressProps, CircularProgressSize } from "./Components/CircularProgress/CircularProgressProps";
222
+ export { default as FormDrawer } from "./Components/FormDrawer/FormDrawer";
223
+ export type { FormDrawerProps, FormDrawerSection, FormDrawerLabels } from "./Components/FormDrawer/FormDrawerProps";
217
224
  export { default as ErrorState } from "./Components/QueryState/ErrorState";
218
225
  export { default as QueryStateBoundary } from "./Components/QueryState/QueryStateBoundary";
219
- export type { ErrorStateProps, QueryStateBoundaryProps } from "./Components/QueryState/QueryStateProps";
226
+ export type { ErrorStateProps, QueryStateBoundaryProps, QueryStateForbiddenProps } from "./Components/QueryState/QueryStateProps";
220
227
  export { default as Backdrop } from "./Components/Backdrop/Backdrop";
221
228
  export type { BackdropProps, BackdropVariant } from "./Components/Backdrop/BackdropProps";
222
229
  export { default as Spinner } from "./Components/Spinner/Spinner";
@@ -241,6 +248,14 @@ export { default as FeedbackForm } from "./Components/FeedbackForm/FeedbackForm"
241
248
  export type { FeedbackFormProps, FeedbackPayload } from "./Components/FeedbackForm/FeedbackForm";
242
249
  export { default as SaveBar } from "./Components/SaveBar/SaveBar";
243
250
  export type { SaveBarProps } from "./Components/SaveBar/SaveBarProps";
251
+ export { default as BulkSelectionBar } from "./Components/BulkSelectionBar/BulkSelectionBar";
252
+ export type { BulkSelectionBarProps, BulkAction, BulkActionTone } from "./Components/BulkSelectionBar/BulkSelectionBarProps";
253
+ export { default as SectionRail } from "./Components/SectionRail/SectionRail";
254
+ export type { SectionRailProps, RailSection } from "./Components/SectionRail/SectionRailProps";
255
+ export { default as CalendarGrid } from "./Components/CalendarGrid/CalendarGrid";
256
+ export type { CalendarEvent, CalendarGridProps, CalendarGridView, CalendarGridLabels } from "./Components/CalendarGrid/CalendarGridProps";
257
+ export { default as AudioRecorder } from "./Components/AudioRecorder/AudioRecorder";
258
+ export type { AudioRecorderProps, AudioRecorderLabels } from "./Components/AudioRecorder/AudioRecorderProps";
244
259
  export type { ToasterStatus } from "./Components/Toaster/ToasterProps";
245
260
  export type { TableColumnAlign } from "./Components/Table/TableProps";
246
261
  export type { KanbanBoardProps, ColumnType as KanbanColumnType, Account as KanbanAccount, ColumnCollapseChangePayload, KanbanDragPayload, KanbanPermissions, } from "./Components/KanbanBoard/KanbanBoardProps";
package/dist/index.js CHANGED
@@ -44,10 +44,10 @@ exports.splitMonthsAndDays = exports.resolvePlanBadge = exports.formatPlanRemain
44
44
  exports.Tag = exports.TableToggle = exports.Table = exports.SegmentedControl = exports.ToggleSwitch = exports.Switch = exports.Skeletons = exports.ScrollbarBox = exports.Slider = exports.SideBar = exports.SelectSearch = exports.SearchSelect = exports.SelectV2 = exports.Select = exports.Search = exports.Reorder = exports.RadioButtonGroup = exports.RadioButton = exports.ProgressBar = exports.ProfilePhotoViewer = exports.ProfileCardFooter = exports.ProfileCardBody = exports.ProfileCardHeader = exports.ProfileCard = exports.ProductDetails = exports.ProductCard = exports.PinInput = exports.PhoneNumberInput = exports.PaymentCard = exports.NumberInput = exports.MultiSelect = exports.NoteTextArea = exports.Notification = exports.NavigationBar = exports.ModalFooter = exports.ModalBody = exports.ModalHeader = exports.Modal = exports.Loading = exports.KanbanActions = exports.KanbanBoard = exports.InputSwitch = exports.InputTextArea = exports.HeaderActions = exports.Header = exports.OrganizationDetails = exports.SignInActivityTable = exports.CustomModulesTable = exports.RolesPermission = exports.UserDetails = void 0;
45
45
  exports.setRef = exports.mergeRefs = exports.resolveStatusTone = exports.resolveAvatarFill = exports.meetsBodyText = exports.avatarFillFor = exports.AVATAR_SEEDS = exports.FOCUS_RING_WIDTH = exports.FOCUS_HALO_WIDTH = exports.FOCUS_VISIBLE_OVER_STATE = exports.focusVisibleStyles = exports.focusVisibleRing = exports.focusRingShadow = exports.withFocusRing = exports.settleBetween = exports.buildFocusRing = exports.listRowBackgrounds = exports.withOutlineRung = exports.liftToContrast = exports.AA_NON_TEXT = exports.buildDarkPalette = exports.themeNames = exports.palettes = exports.darkPalettes = exports.lightPalettes = exports.brandThemes = exports.AppearanceSettings = exports.useFontSizeSync = exports.resolveFontSize = exports.isFontSize = exports.FONT_SIZE_OPTIONS = exports.DEFAULT_FONT_SIZE = exports.ThemeSwitcher = exports.useThemeMode = exports.PixelizeThemeProvider = exports.createAccountHandoff = exports.resolveReturnUrl = exports.isAllowedReturnUrl = exports.debounce = exports.ThemesList = exports.useCustomTheme = exports.useIsTruncated = exports.useSidebarPrefs = exports.VerifyEmailOtp = exports.useToaster = exports.OverflowToolTip = exports.ToolTip = exports.Toaster = exports.Timeline = exports.TextInput = void 0;
46
46
  exports.appInitials = exports.describeDayStates = exports.resolveDayStateVisual = exports.isDayStateKey = exports.CALENDAR_DAY_CLASS = exports.DAY_STATE_KEYS = exports.contrastRatio = exports.relativeLuminance = exports.mix = exports.withLightness = exports.hslToHex = exports.hexToHsl = exports.hslToRgb = exports.rgbToHsl = exports.rgbToHex = exports.compositeOver = exports.hexToRgba = exports.hexToRgb = exports.optionRowDescriptionInk = exports.optionRowWeight = exports.optionRowInk = exports.resolveFilledSurface = exports.labelOnFill = exports.darkerFillRung = exports.solidFillRung = exports.DARK_CANVAS_LUMINANCE = exports.AA_NORMAL_TEXT = exports.pickAccentText = exports.accentTextOnCanvas = exports.onGradient = exports.onFilled = exports.isDarkCanvas = exports.STATUS_INK = exports.ACCENT_GRADIENT = exports.chipBorder = exports.chipFill = exports.inkSafeGradient = exports.statusGradient = exports.useChartTheme = exports.labelOnSeries = exports.getDefaultSeriesColors = exports.getCategoricalSeriesColors = exports.chartMode = exports.chartInk = exports.chartAxisLabelColor = exports.CATEGORICAL_SERIES = exports.useDebouncedValue = exports.useDebouncedCallback = exports.toWords = exports.rafThrottle = void 0;
47
- exports.Backdrop = exports.QueryStateBoundary = exports.ErrorState = exports.StatCard = exports.PageHeader = exports.fieldMessageStyles = exports.fieldLabelStyles = exports.controlSizeStyles = exports.fieldControlStyles = exports.FieldMessage = exports.useFieldIds = exports.REDUCED_MOTION_QUERY = exports.reducedMotionSx = exports.usePrefersReducedMotion = exports.OVERLAY_BLUR = exports.overlayScrimStyles = exports.RAISED_OVERLAY = exports.raisedRule = exports.buildSurfaceRaised = exports.tooltipSurface = exports.SCRIM_OPACITY = exports.overlayScrim = exports.resolveSoftTone = exports.toneInk = exports.toneScale = exports.toneToSemantic = exports.toneToColorScheme = exports.isTone = exports.TONES = exports.transitionFor = exports.MOTION_EASE = exports.MOTION_MS = exports.isControlSize = exports.DEFAULT_CONTROL_SIZE = exports.CONTROL_SIZE_NAMES = exports.CONTROL_SIZES = exports.inkSafeGradientToken = exports.gradientCss = exports.resolveGradient = exports.fieldSurfaces = exports.placeholderInkOn = exports.placeholderInk = exports.SCROLLBAR_WIDTH = exports.globalScrollbarStyles = exports.scrollbarStyles = exports.useAppSwitcherShortcut = exports.buildSuiteApps = exports.formatShortcut = exports.matchesShortcut = exports.filterApps = void 0;
48
- 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 = exports.NotificationList = exports.NotificationPanel = exports.NotificationBell = exports.ConfirmDialog = exports.TabPanel = exports.TabPanels = exports.Tab = exports.TabList = exports.Tabs = exports.Accordian = 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 = void 0;
49
- 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 = 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 = void 0;
50
- exports.firstInvalidStep = exports.wizardTransition = exports.Wizard = exports.WizardDialog = exports.flattenScreens = exports.searchLauncherSections = exports.searchLauncher = exports.NewTabLink = 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 = void 0;
47
+ exports.FormDrawer = exports.CircularProgress = exports.StatusTag = exports.StatCard = exports.PageHeader = exports.fieldMessageStyles = exports.fieldLabelStyles = exports.controlSizeStyles = exports.fieldControlStyles = exports.FieldMessage = exports.useFieldIds = exports.REDUCED_MOTION_QUERY = exports.reducedMotionSx = exports.usePrefersReducedMotion = exports.OVERLAY_BLUR = exports.overlayScrimStyles = exports.RAISED_OVERLAY = exports.raisedRule = exports.buildSurfaceRaised = exports.tooltipSurface = exports.SCRIM_OPACITY = exports.overlayScrim = exports.resolveSoftTone = exports.toneInk = exports.toneScale = exports.toneToSemantic = exports.toneToColorScheme = exports.isTone = exports.TONES = exports.transitionFor = exports.MOTION_EASE = exports.MOTION_MS = exports.isControlSize = exports.DEFAULT_CONTROL_SIZE = exports.CONTROL_SIZE_NAMES = exports.CONTROL_SIZES = exports.inkSafeGradientToken = exports.gradientCss = exports.resolveGradient = exports.fieldSurfaces = exports.placeholderInkOn = exports.placeholderInk = exports.SCROLLBAR_WIDTH = exports.globalScrollbarStyles = exports.scrollbarStyles = exports.useAppSwitcherShortcut = exports.buildSuiteApps = exports.formatShortcut = exports.matchesShortcut = exports.filterApps = void 0;
48
+ 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 = 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 = void 0;
49
+ 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 = 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 = void 0;
50
+ exports.firstInvalidStep = exports.wizardTransition = exports.Wizard = exports.WizardDialog = exports.flattenScreens = exports.searchLauncherSections = exports.searchLauncher = exports.NewTabLink = 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 = void 0;
51
51
  const Accordion_1 = __importDefault(require("./Components/Accordion/Accordion"));
52
52
  exports.Accordion = Accordion_1.default;
53
53
  const AlertDialog_1 = __importDefault(require("./Components/AlertDialog/AlertDialog"));
@@ -469,6 +469,12 @@ var PageHeader_1 = require("./Components/PageHeader/PageHeader");
469
469
  Object.defineProperty(exports, "PageHeader", { enumerable: true, get: function () { return __importDefault(PageHeader_1).default; } });
470
470
  var StatCard_1 = require("./Components/StatCard/StatCard");
471
471
  Object.defineProperty(exports, "StatCard", { enumerable: true, get: function () { return __importDefault(StatCard_1).default; } });
472
+ var StatusTag_1 = require("./Components/StatusTag/StatusTag");
473
+ Object.defineProperty(exports, "StatusTag", { enumerable: true, get: function () { return __importDefault(StatusTag_1).default; } });
474
+ var CircularProgress_1 = require("./Components/CircularProgress/CircularProgress");
475
+ Object.defineProperty(exports, "CircularProgress", { enumerable: true, get: function () { return __importDefault(CircularProgress_1).default; } });
476
+ var FormDrawer_1 = require("./Components/FormDrawer/FormDrawer");
477
+ Object.defineProperty(exports, "FormDrawer", { enumerable: true, get: function () { return __importDefault(FormDrawer_1).default; } });
472
478
  var ErrorState_1 = require("./Components/QueryState/ErrorState");
473
479
  Object.defineProperty(exports, "ErrorState", { enumerable: true, get: function () { return __importDefault(ErrorState_1).default; } });
474
480
  var QueryStateBoundary_1 = require("./Components/QueryState/QueryStateBoundary");
@@ -499,6 +505,14 @@ var FeedbackForm_1 = require("./Components/FeedbackForm/FeedbackForm");
499
505
  Object.defineProperty(exports, "FeedbackForm", { enumerable: true, get: function () { return __importDefault(FeedbackForm_1).default; } });
500
506
  var SaveBar_1 = require("./Components/SaveBar/SaveBar");
501
507
  Object.defineProperty(exports, "SaveBar", { enumerable: true, get: function () { return __importDefault(SaveBar_1).default; } });
508
+ var BulkSelectionBar_1 = require("./Components/BulkSelectionBar/BulkSelectionBar");
509
+ Object.defineProperty(exports, "BulkSelectionBar", { enumerable: true, get: function () { return __importDefault(BulkSelectionBar_1).default; } });
510
+ var SectionRail_1 = require("./Components/SectionRail/SectionRail");
511
+ Object.defineProperty(exports, "SectionRail", { enumerable: true, get: function () { return __importDefault(SectionRail_1).default; } });
512
+ var CalendarGrid_1 = require("./Components/CalendarGrid/CalendarGrid");
513
+ Object.defineProperty(exports, "CalendarGrid", { enumerable: true, get: function () { return __importDefault(CalendarGrid_1).default; } });
514
+ var AudioRecorder_1 = require("./Components/AudioRecorder/AudioRecorder");
515
+ Object.defineProperty(exports, "AudioRecorder", { enumerable: true, get: function () { return __importDefault(AudioRecorder_1).default; } });
502
516
  /** @deprecated Misspelling kept for consumers. Use `Accordion`. */
503
517
  var Accordion_2 = require("./Components/Accordion/Accordion");
504
518
  Object.defineProperty(exports, "Accordian", { enumerable: true, get: function () { return __importDefault(Accordion_2).default; } });
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "pixelize-design-library",
3
- "version": "2.4.2-beta.59",
3
+ "version": "2.4.2-beta.61",
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",