pixelize-design-library 2.4.2-beta.46 → 2.4.2-beta.47
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.
- package/CHANGELOG.md +23 -3
- package/COMPONENT-GOTCHAS.md +37 -1
- package/dist/Components/Dropdown/DropDown.js +10 -8
- package/dist/Components/SearchSelect/SearchSelect.js +20 -15
- package/dist/Components/SearchSelect/searchSelectSize.d.ts +0 -5
- package/dist/Components/SearchSelect/searchSelectSize.js +0 -12
- package/dist/Components/Select/SelectPopup.js +15 -15
- package/dist/Components/Select/optionRowInk.d.ts +4 -0
- package/dist/Components/Select/optionRowInk.js +12 -1
- package/dist/Components/SelectSearch/SelectSearch.js +8 -4
- package/dist/Components/Switch/Switch.d.ts +1 -1
- package/dist/Components/Switch/Switch.js +4 -2
- package/dist/Components/Table/filters/CompactSelect.js +6 -3
- package/dist/Theme/chakra/Menu.styles.d.ts +6 -0
- package/dist/Theme/chakra/Menu.styles.js +8 -0
- package/dist/Theme/chakra/componentStyles.d.ts +6 -0
- package/dist/Theme/tokens/builders/outlineRung.d.ts +2 -0
- package/dist/Theme/tokens/builders/outlineRung.js +14 -1
- package/dist/Theme/tokens/builders/rowStates.js +3 -4
- package/dist/Theme/tokens/primitives/optionRowSizes.d.ts +20 -0
- package/dist/Theme/tokens/primitives/optionRowSizes.js +29 -0
- package/dist/esm/Components/Dropdown/DropDown.js +10 -8
- package/dist/esm/Components/SearchSelect/SearchSelect.js +20 -15
- package/dist/esm/Components/SearchSelect/searchSelectSize.js +0 -12
- package/dist/esm/Components/Select/SelectPopup.js +16 -16
- package/dist/esm/Components/Select/optionRowInk.js +9 -0
- package/dist/esm/Components/SelectSearch/SelectSearch.js +9 -5
- package/dist/esm/Components/Switch/Switch.js +4 -2
- package/dist/esm/Components/Table/filters/CompactSelect.js +7 -4
- package/dist/esm/Theme/chakra/Menu.styles.js +8 -0
- package/dist/esm/Theme/tokens/builders/outlineRung.js +12 -0
- package/dist/esm/Theme/tokens/builders/rowStates.js +4 -5
- package/dist/esm/Theme/tokens/primitives/optionRowSizes.js +25 -0
- package/dist/esm/index.js +2 -0
- package/dist/index.d.ts +1 -0
- package/dist/index.js +9 -4
- package/package.json +1 -1
|
@@ -1,13 +1,16 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { useCallback, useEffect, useMemo, useRef, useState } from "react";
|
|
3
3
|
import { Box, Text, Input, Popover, PopoverTrigger, PopoverContent, PopoverBody, VStack, Portal } from "@chakra-ui/react";
|
|
4
|
-
import { ChevronDown, ChevronUp } from "lucide-react";
|
|
4
|
+
import { ChevronDown, ChevronUp, Check } from "lucide-react";
|
|
5
5
|
import { useCustomTheme } from "../../../Theme/useCustomTheme.js";
|
|
6
6
|
import { listRowBackgrounds } from "../../../Theme/tokens/builders/rowStates.js";
|
|
7
|
+
import { optionRowSpec, OPTION_ROW_RADIUS } from "../../../Theme/tokens/primitives/optionRowSizes.js";
|
|
8
|
+
import { optionRowInk, optionRowWeight } from "../../Select/optionRowInk.js";
|
|
7
9
|
import { useExclusiveOverlay } from "../../../Hooks/useExclusiveOverlay.js";
|
|
8
10
|
const CompactSelect = ({ options, value, placeholder = "Select", height = "22px", onSelect, size = "xs" }) => {
|
|
9
11
|
const theme = useCustomTheme();
|
|
10
12
|
const rowBackgrounds = useMemo(() => listRowBackgrounds(theme.colors), [theme.colors]);
|
|
13
|
+
const spec = optionRowSpec("xs");
|
|
11
14
|
const [isOpen, setIsOpen] = useState(false);
|
|
12
15
|
const requestExclusiveOpen = useExclusiveOverlay(isOpen, () => setIsOpen(false));
|
|
13
16
|
const openDropdown = () => {
|
|
@@ -61,15 +64,15 @@ const CompactSelect = ({ options, value, placeholder = "Select", height = "22px"
|
|
|
61
64
|
: isActive
|
|
62
65
|
? rowBackgrounds.active
|
|
63
66
|
: theme.colors.transparent;
|
|
64
|
-
return (
|
|
67
|
+
return (_jsxs(Box, { as: "button", type: "button", role: "option", "aria-selected": selected, tabIndex: isActive ? 0 : -1, ref: (el) => {
|
|
65
68
|
optionRefs.current[i] = el;
|
|
66
|
-
}, w:
|
|
69
|
+
}, w: `calc(100% - 2 * ${spec.mx})`, minH: spec.minH, textAlign: "left", border: "none", fontFamily: "inherit", display: "flex", alignItems: "center", gap: spec.gap, mx: spec.mx, px: spec.px, py: spec.py, borderRadius: OPTION_ROW_RADIUS, cursor: "pointer", color: optionRowInk(theme.colors, selected), fontSize: spec.fontSize, fontWeight: optionRowWeight(selected), _hover: {
|
|
67
70
|
bg: selected ? rowBackgrounds.selectedActive : rowBackgrounds.active,
|
|
68
71
|
}, bg: rowBg, onClick: () => {
|
|
69
72
|
onSelect === null || onSelect === void 0 ? void 0 : onSelect(opt);
|
|
70
73
|
setIsOpen(false);
|
|
71
74
|
setQuery("");
|
|
72
|
-
}, children: _jsx(Text, {
|
|
75
|
+
}, children: [_jsx(Text, { flex: 1, minW: 0, isTruncated: true, children: opt.label }), selected && (_jsx(Box, { as: Check, size: spec.iconSize, color: theme.colors.accentText, flexShrink: 0 }))] }, opt.id));
|
|
73
76
|
}), filtered.length === 0 && (_jsx(Box, { px: 2, py: 2, children: _jsx(Text, { fontSize: "0.75rem", color: theme.colors.textMuted, children: "No results" }) }))] })] }) }) }) })] }));
|
|
74
77
|
};
|
|
75
78
|
export default CompactSelect;
|
|
@@ -1,7 +1,9 @@
|
|
|
1
1
|
import { createMultiStyleConfigHelpers, cssVar } from "@chakra-ui/react";
|
|
2
2
|
import { menuAnatomy } from "@chakra-ui/anatomy";
|
|
3
3
|
import { listRowBackgrounds } from "../tokens/builders/rowStates.js";
|
|
4
|
+
import { OPTION_ROW_SIZES, OPTION_ROW_RADIUS } from "../tokens/primitives/optionRowSizes.js";
|
|
4
5
|
import { paletteOf } from "./paletteFromTheme.js";
|
|
6
|
+
const itemRowSpec = OPTION_ROW_SIZES.sm;
|
|
5
7
|
const { defineMultiStyleConfig, definePartsStyle } = createMultiStyleConfigHelpers(menuAnatomy.keys);
|
|
6
8
|
const $bg = cssVar("menu-bg");
|
|
7
9
|
// NOTE: fixes Chakra's MenuList/MenuItem both hardcoding --menu-bg to white via dead _dark — item needs its own var too, or hover snaps back to white.
|
|
@@ -21,6 +23,12 @@ const baseStyle = definePartsStyle(({ theme }) => {
|
|
|
21
23
|
borderColor: colors.boxborder[200],
|
|
22
24
|
},
|
|
23
25
|
item: {
|
|
26
|
+
minH: itemRowSpec.minH,
|
|
27
|
+
px: itemRowSpec.px,
|
|
28
|
+
py: itemRowSpec.py,
|
|
29
|
+
mx: itemRowSpec.mx,
|
|
30
|
+
fontSize: itemRowSpec.fontSize,
|
|
31
|
+
borderRadius: OPTION_ROW_RADIUS,
|
|
24
32
|
bg: "transparent",
|
|
25
33
|
_focus: { [$itemBg.variable]: hoverBg, bg: $itemBg.reference },
|
|
26
34
|
_hover: { [$itemBg.variable]: hoverBg, bg: $itemBg.reference },
|
|
@@ -10,6 +10,18 @@ export function ruleInk(hex, surfaces, target) {
|
|
|
10
10
|
? softenToContrast(hex, loudest, target)
|
|
11
11
|
: hex;
|
|
12
12
|
}
|
|
13
|
+
export const STACKED_STATE_STEP = 1.08;
|
|
14
|
+
// NOTE: walks out from the backdrop, so it settles a too-loud seed down as readily as it lifts a faint one.
|
|
15
|
+
export function tintStep(seed, backdrop, target) {
|
|
16
|
+
const { s } = hexToHsl(seed);
|
|
17
|
+
const away = relativeLuminance(backdrop) < 0.5 ? 1 : -1;
|
|
18
|
+
for (let l = hexToHsl(backdrop).l; l >= 0 && l <= 100; l += away) {
|
|
19
|
+
const next = withLightness(seed, l, s);
|
|
20
|
+
if (contrastRatio(next, backdrop) >= target)
|
|
21
|
+
return next;
|
|
22
|
+
}
|
|
23
|
+
return withLightness(seed, away > 0 ? 100 : 0, s);
|
|
24
|
+
}
|
|
13
25
|
export function liftToContrast(hex, backdrop, target = AA_NON_TEXT) {
|
|
14
26
|
if (contrastRatio(hex, backdrop) >= target)
|
|
15
27
|
return hex;
|
|
@@ -1,11 +1,10 @@
|
|
|
1
|
-
import {
|
|
2
|
-
// NOTE: rungs stay neutral/pale — seeding from primary[500] instead once painted SelectV2's hover solid brand fill.
|
|
1
|
+
import { MIN_PERCEPTIBLE_STEP, resolveHoverTint, STACKED_STATE_STEP, tintStep, } from "./outlineRung.js";
|
|
3
2
|
export const listRowBackgrounds = (colors) => {
|
|
4
|
-
//
|
|
5
|
-
const selected =
|
|
3
|
+
// Raw tertiary reaches 1.29:1 and reads as pressed; dark aliases it to the panel at 1.025:1.
|
|
4
|
+
const selected = tintStep(colors.backgroundColor.tertiary, colors.surfaceRaised, MIN_PERCEPTIBLE_STEP);
|
|
6
5
|
return {
|
|
7
6
|
active: resolveHoverTint(colors.gray[50], colors.surfaceRaised),
|
|
8
7
|
selected,
|
|
9
|
-
selectedActive:
|
|
8
|
+
selectedActive: tintStep(selected, selected, STACKED_STATE_STEP),
|
|
10
9
|
};
|
|
11
10
|
};
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
/** One density for every option row — Select, SearchSelect, SelectSearch, table filters and Chakra's MenuItem. */
|
|
2
|
+
export const OPTION_ROW_SIZES = {
|
|
3
|
+
xs: {
|
|
4
|
+
minH: "1.5rem", px: "0.5rem", py: "0.125rem", gap: "0.375rem", mx: "0.25rem",
|
|
5
|
+
fontSize: "0.75rem", descriptionFontSize: "0.6875rem", iconSize: 12,
|
|
6
|
+
avatarSize: "2xs", virtualRowHeightPx: 24,
|
|
7
|
+
},
|
|
8
|
+
sm: {
|
|
9
|
+
minH: "1.875rem", px: "0.625rem", py: "0.25rem", gap: "0.5rem", mx: "0.375rem",
|
|
10
|
+
fontSize: "0.8125rem", descriptionFontSize: "0.75rem", iconSize: 14,
|
|
11
|
+
avatarSize: "xs", virtualRowHeightPx: 30,
|
|
12
|
+
},
|
|
13
|
+
md: {
|
|
14
|
+
minH: "2.125rem", px: "0.75rem", py: "0.3125rem", gap: "0.5rem", mx: "0.375rem",
|
|
15
|
+
fontSize: "0.875rem", descriptionFontSize: "0.75rem", iconSize: 16,
|
|
16
|
+
avatarSize: "xs", virtualRowHeightPx: 34,
|
|
17
|
+
},
|
|
18
|
+
lg: {
|
|
19
|
+
minH: "2.5rem", px: "0.875rem", py: "0.375rem", gap: "0.625rem", mx: "0.5rem",
|
|
20
|
+
fontSize: "1rem", descriptionFontSize: "0.8125rem", iconSize: 18,
|
|
21
|
+
avatarSize: "sm", virtualRowHeightPx: 40,
|
|
22
|
+
},
|
|
23
|
+
};
|
|
24
|
+
export const OPTION_ROW_RADIUS = "md";
|
|
25
|
+
export const optionRowSpec = (size) => OPTION_ROW_SIZES[size];
|
package/dist/esm/index.js
CHANGED
|
@@ -152,6 +152,8 @@ export { isDarkCanvas, onFilled, onGradient, accentTextOnCanvas, pickAccentText,
|
|
|
152
152
|
// Filled-surface helpers — use whenever you paint a `bg` from a ColorScale (buttons, badges,
|
|
153
153
|
// chips, alerts). Never pair `scale[500]` with `onFilled` or `colors.white` by hand.
|
|
154
154
|
export { solidFillRung, darkerFillRung, labelOnFill, resolveFilledSurface, } from "./Theme/tokens/builders/filledSurface.js";
|
|
155
|
+
// Ink for a custom option row (a `SearchSelect` `option.view` or `Select` `renderOption` node).
|
|
156
|
+
export { optionRowInk, optionRowWeight, optionRowDescriptionInk, } from "./Components/Select/optionRowInk.js";
|
|
155
157
|
// Pure color math backing the helpers above (and `buildDarkPalette`) — no Chakra/React/DOM
|
|
156
158
|
// dependency, safe for the mobile port. `relativeLuminance`/`contrastRatio` are the WCAG 2.1
|
|
157
159
|
// primitives; `compositeOver` flattens a translucent color onto a backdrop first (an alpha
|
package/dist/index.d.ts
CHANGED
|
@@ -132,6 +132,7 @@ export { statusGradient, inkSafeGradient, chipFill, chipBorder, ACCENT_GRADIENT,
|
|
|
132
132
|
export { isDarkCanvas, onFilled, onGradient, accentTextOnCanvas, pickAccentText, AA_NORMAL_TEXT, DARK_CANVAS_LUMINANCE, } from "./Theme/tokens/builders/accentText";
|
|
133
133
|
export { solidFillRung, darkerFillRung, labelOnFill, resolveFilledSurface, } from "./Theme/tokens/builders/filledSurface";
|
|
134
134
|
export type { FilledSurface } from "./Theme/tokens/builders/filledSurface";
|
|
135
|
+
export { optionRowInk, optionRowWeight, optionRowDescriptionInk, } from "./Components/Select/optionRowInk";
|
|
135
136
|
export { hexToRgb, hexToRgba, compositeOver, rgbToHex, rgbToHsl, hslToRgb, hexToHsl, hslToHex, withLightness, mix, relativeLuminance, contrastRatio, } from "./Theme/tokens/builders/color";
|
|
136
137
|
export type { Rgb, Hsl } from "./Theme/tokens/builders/color";
|
|
137
138
|
export type { SelectV2Props, SelectV2Size, OptionProp as SelectV2Option } from "./Components/SelectV2/SelectV2Props";
|
package/dist/index.js
CHANGED
|
@@ -43,10 +43,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
43
43
|
exports.splitMonthsAndDays = exports.resolvePlanBadge = exports.formatPlanRemaining = exports.formatPlanExpiry = exports.formatPlanElapsed = exports.PlanBadge = exports.PlanPill = exports.UpgradeButton = exports.LimitReachedModal = exports.AppSwitcher = exports.OrgSwitcher = exports.StageItem = exports.StageProgress = exports.CopyButton = exports.ScrollToTop = exports.PdfViewer = exports.MoreItems = exports.LazyWrapper = exports.FormWrapper = exports.FilterSidebar = exports.FileUploader = exports.FileUpload = exports.FilePreviewTrigger = exports.FilePreview = exports.FieldSelectModal = exports.WorkspaceTrayPreview = exports.WorkspaceTray = exports.WorkspaceWindow = exports.EmptyState = exports.Editor = exports.Dropdown = exports.DrawerFooter = exports.DrawerBody = exports.DrawerHeader = exports.Drawer = exports.DatePicker = exports.ContactForm = exports.Checkbox = exports.Card = exports.ButtonGroupIcon = exports.Button = exports.Breadcrumbs = exports.ApexRadialChart = exports.ApexAreaChart = exports.ApexLineChart = exports.ApexPolarChart = exports.ApexPieChart = exports.ApexBarChart = exports.AlertDialog = exports.Accordion = void 0;
|
|
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
|
-
exports.
|
|
47
|
-
exports.
|
|
48
|
-
exports.
|
|
49
|
-
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 = void 0;
|
|
46
|
+
exports.filterApps = 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.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.Spinner = 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 = void 0;
|
|
48
|
+
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 = 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 = void 0;
|
|
49
|
+
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 = void 0;
|
|
50
50
|
const Accordion_1 = __importDefault(require("./Components/Accordion/Accordion"));
|
|
51
51
|
exports.Accordion = Accordion_1.default;
|
|
52
52
|
const AlertDialog_1 = __importDefault(require("./Components/AlertDialog/AlertDialog"));
|
|
@@ -367,6 +367,11 @@ Object.defineProperty(exports, "solidFillRung", { enumerable: true, get: functio
|
|
|
367
367
|
Object.defineProperty(exports, "darkerFillRung", { enumerable: true, get: function () { return filledSurface_1.darkerFillRung; } });
|
|
368
368
|
Object.defineProperty(exports, "labelOnFill", { enumerable: true, get: function () { return filledSurface_1.labelOnFill; } });
|
|
369
369
|
Object.defineProperty(exports, "resolveFilledSurface", { enumerable: true, get: function () { return filledSurface_1.resolveFilledSurface; } });
|
|
370
|
+
// Ink for a custom option row (a `SearchSelect` `option.view` or `Select` `renderOption` node).
|
|
371
|
+
var optionRowInk_1 = require("./Components/Select/optionRowInk");
|
|
372
|
+
Object.defineProperty(exports, "optionRowInk", { enumerable: true, get: function () { return optionRowInk_1.optionRowInk; } });
|
|
373
|
+
Object.defineProperty(exports, "optionRowWeight", { enumerable: true, get: function () { return optionRowInk_1.optionRowWeight; } });
|
|
374
|
+
Object.defineProperty(exports, "optionRowDescriptionInk", { enumerable: true, get: function () { return optionRowInk_1.optionRowDescriptionInk; } });
|
|
370
375
|
// Pure color math backing the helpers above (and `buildDarkPalette`) — no Chakra/React/DOM
|
|
371
376
|
// dependency, safe for the mobile port. `relativeLuminance`/`contrastRatio` are the WCAG 2.1
|
|
372
377
|
// primitives; `compositeOver` flattens a translucent color onto a backdrop first (an alpha
|
package/package.json
CHANGED