@eocrm/design-system 0.0.0-stage → 0.6.18
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/AI-PRIMER.md +341 -0
- package/LICENSE +202 -0
- package/README.md +266 -2
- package/docs/components/Accordion.md +114 -0
- package/docs/components/AgentAvatar.md +58 -0
- package/docs/components/Alert.md +81 -0
- package/docs/components/AppLayout.md +70 -0
- package/docs/components/Avatar.md +49 -0
- package/docs/components/AvatarGroup.md +47 -0
- package/docs/components/Badge.md +60 -0
- package/docs/components/Banner.md +89 -0
- package/docs/components/BrandIcon.md +32 -0
- package/docs/components/Breadcrumb.md +72 -0
- package/docs/components/Button.md +107 -0
- package/docs/components/ButtonGroup.md +78 -0
- package/docs/components/Calendar.md +158 -0
- package/docs/components/Card.md +165 -0
- package/docs/components/CatalogPicker.md +83 -0
- package/docs/components/Chart.md +114 -0
- package/docs/components/ChatBubble.md +55 -0
- package/docs/components/ChatLauncher.md +97 -0
- package/docs/components/Checkbox.md +55 -0
- package/docs/components/CircularProgress.md +53 -0
- package/docs/components/Cluster.md +96 -0
- package/docs/components/Code.md +35 -0
- package/docs/components/CodeBlock.md +67 -0
- package/docs/components/ColorPicker.md +115 -0
- package/docs/components/ConfirmationPopover.md +70 -0
- package/docs/components/Constrain.md +39 -0
- package/docs/components/CurrencySelect.md +57 -0
- package/docs/components/CursorPagination.md +43 -0
- package/docs/components/DashboardCanvas.md +79 -0
- package/docs/components/DashboardWidget.md +131 -0
- package/docs/components/DataTable.md +88 -0
- package/docs/components/DatePicker.md +68 -0
- package/docs/components/DateRangePicker.md +71 -0
- package/docs/components/DateStrip.md +56 -0
- package/docs/components/DefinitionList.md +82 -0
- package/docs/components/Divider.md +57 -0
- package/docs/components/Dot.md +26 -0
- package/docs/components/Drawer.md +94 -0
- package/docs/components/DropdownMenu.md +299 -0
- package/docs/components/EmojiPicker.md +84 -0
- package/docs/components/EmptyState.md +55 -0
- package/docs/components/EntityChip.md +102 -0
- package/docs/components/ErrorState.md +72 -0
- package/docs/components/Field.md +91 -0
- package/docs/components/FileUpload.md +109 -0
- package/docs/components/FilterChip.md +88 -0
- package/docs/components/FlowCanvas.md +108 -0
- package/docs/components/FormRow.md +31 -0
- package/docs/components/FormSection.md +37 -0
- package/docs/components/Grid.md +103 -0
- package/docs/components/Highlight.md +75 -0
- package/docs/components/HighlightedText.md +50 -0
- package/docs/components/IconPicker.md +134 -0
- package/docs/components/IconTile.md +30 -0
- package/docs/components/Image.md +84 -0
- package/docs/components/ImageCrop.md +163 -0
- package/docs/components/Indent.md +31 -0
- package/docs/components/InlineDatePicker.md +58 -0
- package/docs/components/InlineDateRangePicker.md +57 -0
- package/docs/components/Input.md +54 -0
- package/docs/components/Kanban.md +122 -0
- package/docs/components/Kbd.md +41 -0
- package/docs/components/Lightbox.md +105 -0
- package/docs/components/Link.md +65 -0
- package/docs/components/LinkCard.md +41 -0
- package/docs/components/LiquidEditor.md +84 -0
- package/docs/components/List.md +68 -0
- package/docs/components/LiveRegion.md +29 -0
- package/docs/components/LocaleProvider.md +25 -0
- package/docs/components/Logo.md +41 -0
- package/docs/components/Masonry.md +48 -0
- package/docs/components/MediaTile.md +95 -0
- package/docs/components/Modal.md +107 -0
- package/docs/components/MoneyInput.md +62 -0
- package/docs/components/OptionsPicker.md +123 -0
- package/docs/components/OtpInput.md +65 -0
- package/docs/components/Page.md +35 -0
- package/docs/components/PageHeader.md +133 -0
- package/docs/components/Pagination.md +44 -0
- package/docs/components/Palette.md +32 -0
- package/docs/components/PasswordInput.md +45 -0
- package/docs/components/PasswordStrengthMeter.md +27 -0
- package/docs/components/PersonDisplay.md +153 -0
- package/docs/components/PhoneInput.md +54 -0
- package/docs/components/PillMenu.md +91 -0
- package/docs/components/Popover.md +127 -0
- package/docs/components/Progress.md +56 -0
- package/docs/components/QrCode.md +34 -0
- package/docs/components/Radio.md +37 -0
- package/docs/components/RadioGroup.md +56 -0
- package/docs/components/Rail.md +191 -0
- package/docs/components/RelativeDateInput.md +114 -0
- package/docs/components/RichText.md +44 -0
- package/docs/components/RichTextEditor.md +112 -0
- package/docs/components/Screen.md +37 -0
- package/docs/components/ScrollArea.md +39 -0
- package/docs/components/Select.md +131 -0
- package/docs/components/SettingRow.md +98 -0
- package/docs/components/Skeleton.md +68 -0
- package/docs/components/Slider.md +92 -0
- package/docs/components/SlotGrid.md +55 -0
- package/docs/components/SocialButton.md +31 -0
- package/docs/components/Sortable.md +127 -0
- package/docs/components/SortableGroup.md +52 -0
- package/docs/components/Sparkline.md +51 -0
- package/docs/components/Split.md +76 -0
- package/docs/components/Stack.md +59 -0
- package/docs/components/StagePath.md +66 -0
- package/docs/components/StatGroup.md +61 -0
- package/docs/components/StatTile.md +58 -0
- package/docs/components/Sticky.md +69 -0
- package/docs/components/Switch.md +89 -0
- package/docs/components/Table.md +184 -0
- package/docs/components/TableOfContents.md +76 -0
- package/docs/components/Tabs.md +94 -0
- package/docs/components/Text.md +63 -0
- package/docs/components/Textarea.md +59 -0
- package/docs/components/Thread.md +52 -0
- package/docs/components/TimeField.md +70 -0
- package/docs/components/Timeline.md +57 -0
- package/docs/components/Title.md +54 -0
- package/docs/components/ToastViewport.md +61 -0
- package/docs/components/Tooltip.md +63 -0
- package/docs/components/TopBar.md +214 -0
- package/docs/components/Tour.md +85 -0
- package/docs/components/TreeView.md +113 -0
- package/docs/components/VisuallyHidden.md +43 -0
- package/docs/components/WidgetPreview.md +54 -0
- package/docs/components/useBelowBreakpoint.md +11 -0
- package/docs/components/useMonth.md +18 -0
- package/docs/setup.md +51 -0
- package/docs/theming.md +95 -0
- package/docs/tokens.md +123 -0
- package/docs/transient-state.md +56 -0
- package/package.json +86 -4
- package/src/_meta/manifest.ts +293 -0
- package/src/app/AppProvider.tsx +78 -0
- package/src/app/index.ts +3 -0
- package/src/app/themeTokens.ts +95 -0
- package/src/calendar/dateMath.ts +114 -0
- package/src/calendar/formatters.ts +75 -0
- package/src/calendar/index.ts +39 -0
- package/src/calendar/types.ts +36 -0
- package/src/calendar/useAgenda.ts +70 -0
- package/src/calendar/useDay.ts +51 -0
- package/src/calendar/useMonth.ts +82 -0
- package/src/calendar/useWeek.ts +62 -0
- package/src/calendar/weekInfo.ts +83 -0
- package/src/components/Accordion/Accordion.module.scss +304 -0
- package/src/components/Accordion/Accordion.tokens.scss +64 -0
- package/src/components/Accordion/Accordion.tsx +272 -0
- package/src/components/Accordion/AccordionContent.tsx +36 -0
- package/src/components/Accordion/AccordionItem.tsx +66 -0
- package/src/components/Accordion/AccordionTrigger.tsx +121 -0
- package/src/components/Accordion/context.ts +47 -0
- package/src/components/Accordion/index.ts +14 -0
- package/src/components/Alert/Alert.module.scss +92 -0
- package/src/components/Alert/Alert.tokens.scss +60 -0
- package/src/components/Alert/Alert.tsx +136 -0
- package/src/components/Alert/index.ts +2 -0
- package/src/components/AppLayout/AppLayout.module.scss +130 -0
- package/src/components/AppLayout/AppLayout.tokens.scss +27 -0
- package/src/components/AppLayout/AppLayout.tsx +211 -0
- package/src/components/AppLayout/index.ts +2 -0
- package/src/components/Avatar/AgentAvatar.module.scss +117 -0
- package/src/components/Avatar/AgentAvatar.tsx +122 -0
- package/src/components/Avatar/Avatar.module.scss +181 -0
- package/src/components/Avatar/Avatar.tokens.scss +107 -0
- package/src/components/Avatar/Avatar.tsx +210 -0
- package/src/components/Avatar/AvatarGroup.module.scss +128 -0
- package/src/components/Avatar/AvatarGroup.tsx +119 -0
- package/src/components/Avatar/AvatarGroupContext.tsx +20 -0
- package/src/components/Avatar/index.ts +6 -0
- package/src/components/Badge/Badge.module.scss +124 -0
- package/src/components/Badge/Badge.tokens.scss +74 -0
- package/src/components/Badge/Badge.tsx +164 -0
- package/src/components/Badge/index.ts +2 -0
- package/src/components/Banner/Banner.module.scss +73 -0
- package/src/components/Banner/Banner.tokens.scss +51 -0
- package/src/components/Banner/Banner.tsx +138 -0
- package/src/components/Banner/index.ts +2 -0
- package/src/components/BrandIcon/BrandIcon.module.scss +5 -0
- package/src/components/BrandIcon/BrandIcon.tsx +99 -0
- package/src/components/BrandIcon/index.ts +2 -0
- package/src/components/Breadcrumb/Breadcrumb.module.scss +32 -0
- package/src/components/Breadcrumb/Breadcrumb.tokens.scss +9 -0
- package/src/components/Breadcrumb/Breadcrumb.tsx +146 -0
- package/src/components/Breadcrumb/index.ts +2 -0
- package/src/components/Button/Button.module.scss +167 -0
- package/src/components/Button/Button.tokens.scss +90 -0
- package/src/components/Button/Button.tsx +205 -0
- package/src/components/Button/index.ts +2 -0
- package/src/components/ButtonGroup/ButtonGroup.module.scss +134 -0
- package/src/components/ButtonGroup/ButtonGroup.tokens.scss +42 -0
- package/src/components/ButtonGroup/ButtonGroup.tsx +278 -0
- package/src/components/ButtonGroup/ButtonGroupItem.tsx +74 -0
- package/src/components/ButtonGroup/context.ts +45 -0
- package/src/components/ButtonGroup/index.ts +2 -0
- package/src/components/Calendar/AgendaView.module.scss +231 -0
- package/src/components/Calendar/AgendaView.tsx +214 -0
- package/src/components/Calendar/AllDayBand.module.scss +18 -0
- package/src/components/Calendar/AllDayBand.tsx +75 -0
- package/src/components/Calendar/Calendar.module.scss +23 -0
- package/src/components/Calendar/Calendar.tokens.scss +262 -0
- package/src/components/Calendar/Calendar.tsx +370 -0
- package/src/components/Calendar/DayCell.module.scss +30 -0
- package/src/components/Calendar/DayCell.tsx +50 -0
- package/src/components/Calendar/DayView.module.scss +10 -0
- package/src/components/Calendar/DayView.tsx +163 -0
- package/src/components/Calendar/EventChip.module.scss +171 -0
- package/src/components/Calendar/EventChip.tsx +115 -0
- package/src/components/Calendar/HourGrid.module.scss +123 -0
- package/src/components/Calendar/HourGrid.tsx +381 -0
- package/src/components/Calendar/MonthView.module.scss +99 -0
- package/src/components/Calendar/MonthView.tsx +296 -0
- package/src/components/Calendar/TimedEvent.module.scss +205 -0
- package/src/components/Calendar/TimedEvent.tsx +247 -0
- package/src/components/Calendar/ViewSwitcher.module.scss +3 -0
- package/src/components/Calendar/ViewSwitcher.tsx +47 -0
- package/src/components/Calendar/WeekView.module.scss +10 -0
- package/src/components/Calendar/WeekView.tsx +137 -0
- package/src/components/Calendar/eventColor.ts +60 -0
- package/src/components/Calendar/index.ts +18 -0
- package/src/components/Calendar/types.ts +451 -0
- package/src/components/Calendar/useEventDrag.ts +783 -0
- package/src/components/Calendar/utils.ts +622 -0
- package/src/components/Card/Card.module.scss +264 -0
- package/src/components/Card/Card.tokens.scss +55 -0
- package/src/components/Card/Card.tsx +170 -0
- package/src/components/Card/CardBody.tsx +45 -0
- package/src/components/Card/CardHeader.tsx +113 -0
- package/src/components/Card/CardList.tsx +24 -0
- package/src/components/Card/CardListRow.tsx +24 -0
- package/src/components/Card/index.ts +7 -0
- package/src/components/CatalogPicker/CatalogPicker.module.scss +193 -0
- package/src/components/CatalogPicker/CatalogPicker.tokens.scss +26 -0
- package/src/components/CatalogPicker/CatalogPicker.tsx +339 -0
- package/src/components/CatalogPicker/index.ts +2 -0
- package/src/components/Chart/Chart.module.scss +287 -0
- package/src/components/Chart/Chart.tokens.scss +63 -0
- package/src/components/Chart/Chart.tsx +607 -0
- package/src/components/Chart/ChartLegend.tsx +99 -0
- package/src/components/Chart/ChartTable.tsx +62 -0
- package/src/components/Chart/ChartTooltip.tsx +91 -0
- package/src/components/Chart/chartModel.ts +689 -0
- package/src/components/Chart/index.ts +2 -0
- package/src/components/ChatBubble/ChatBubble.module.scss +93 -0
- package/src/components/ChatBubble/ChatBubble.tokens.scss +17 -0
- package/src/components/ChatBubble/ChatBubble.tsx +61 -0
- package/src/components/ChatBubble/ChatBubbleList.tsx +27 -0
- package/src/components/ChatBubble/index.ts +3 -0
- package/src/components/ChatLauncher/ChatLauncher.module.scss +68 -0
- package/src/components/ChatLauncher/ChatLauncher.tokens.scss +27 -0
- package/src/components/ChatLauncher/ChatLauncher.tsx +202 -0
- package/src/components/ChatLauncher/index.ts +2 -0
- package/src/components/ChatLauncher/isAtBottom.ts +12 -0
- package/src/components/Checkbox/Checkbox.module.scss +147 -0
- package/src/components/Checkbox/Checkbox.tokens.scss +44 -0
- package/src/components/Checkbox/Checkbox.tsx +188 -0
- package/src/components/Checkbox/index.ts +2 -0
- package/src/components/CircularProgress/CircularProgress.module.scss +133 -0
- package/src/components/CircularProgress/CircularProgress.tokens.scss +40 -0
- package/src/components/CircularProgress/CircularProgress.tsx +139 -0
- package/src/components/CircularProgress/index.ts +7 -0
- package/src/components/Cluster/Cluster.module.scss +145 -0
- package/src/components/Cluster/Cluster.tokens.scss +11 -0
- package/src/components/Cluster/Cluster.tsx +215 -0
- package/src/components/Cluster/index.ts +2 -0
- package/src/components/Code/Code.module.scss +28 -0
- package/src/components/Code/Code.tokens.scss +15 -0
- package/src/components/Code/Code.tsx +44 -0
- package/src/components/Code/index.ts +2 -0
- package/src/components/CodeBlock/CodeBlock.module.scss +146 -0
- package/src/components/CodeBlock/CodeBlock.tokens.scss +27 -0
- package/src/components/CodeBlock/CodeBlock.tsx +274 -0
- package/src/components/CodeBlock/highlight.ts +179 -0
- package/src/components/CodeBlock/index.ts +8 -0
- package/src/components/CodeBlock/sampleSync.ts +42 -0
- package/src/components/ColorPicker/ColorPicker.module.scss +286 -0
- package/src/components/ColorPicker/ColorPicker.tokens.scss +60 -0
- package/src/components/ColorPicker/ColorPicker.tsx +367 -0
- package/src/components/ColorPicker/ColorPickerPanel.tsx +265 -0
- package/src/components/ColorPicker/SVSquare.tsx +189 -0
- package/src/components/ColorPicker/colorMath.ts +141 -0
- package/src/components/ColorPicker/index.ts +6 -0
- package/src/components/ConfirmationPopover/ConfirmationPopover.module.scss +39 -0
- package/src/components/ConfirmationPopover/ConfirmationPopover.tokens.scss +13 -0
- package/src/components/ConfirmationPopover/ConfirmationPopover.tsx +395 -0
- package/src/components/ConfirmationPopover/index.ts +2 -0
- package/src/components/Constrain/Constrain.module.scss +99 -0
- package/src/components/Constrain/Constrain.tsx +79 -0
- package/src/components/Constrain/index.ts +2 -0
- package/src/components/CurrencySelect/CurrencySelect.module.scss +7 -0
- package/src/components/CurrencySelect/CurrencySelect.tsx +167 -0
- package/src/components/CurrencySelect/index.ts +3 -0
- package/src/components/CursorPagination/CursorPagination.module.scss +69 -0
- package/src/components/CursorPagination/CursorPagination.tokens.scss +32 -0
- package/src/components/CursorPagination/CursorPagination.tsx +121 -0
- package/src/components/CursorPagination/index.ts +2 -0
- package/src/components/DashboardCanvas/DashboardCanvas.module.scss +360 -0
- package/src/components/DashboardCanvas/DashboardCanvas.tokens.scss +48 -0
- package/src/components/DashboardCanvas/DashboardCanvas.tsx +1270 -0
- package/src/components/DashboardCanvas/DashboardCanvasItem.tsx +140 -0
- package/src/components/DashboardCanvas/DashboardCanvasSection.tsx +174 -0
- package/src/components/DashboardCanvas/engine.ts +363 -0
- package/src/components/DashboardCanvas/index.ts +9 -0
- package/src/components/DashboardWidget/DashboardWidget.module.scss +100 -0
- package/src/components/DashboardWidget/DashboardWidget.tokens.scss +16 -0
- package/src/components/DashboardWidget/DashboardWidget.tsx +188 -0
- package/src/components/DashboardWidget/index.ts +7 -0
- package/src/components/DataTable/BodyRow.tsx +197 -0
- package/src/components/DataTable/ColumnVisibilityTrigger.module.scss +7 -0
- package/src/components/DataTable/ColumnVisibilityTrigger.tsx +105 -0
- package/src/components/DataTable/DataTable.module.scss +511 -0
- package/src/components/DataTable/DataTable.tokens.scss +80 -0
- package/src/components/DataTable/DataTable.tsx +734 -0
- package/src/components/DataTable/HeaderCell.module.scss +215 -0
- package/src/components/DataTable/HeaderCell.tsx +440 -0
- package/src/components/DataTable/columnShift.ts +117 -0
- package/src/components/DataTable/index.ts +23 -0
- package/src/components/DataTable/pinStyle.ts +47 -0
- package/src/components/DataTable/reorderColumns.ts +66 -0
- package/src/components/DataTable/types.ts +289 -0
- package/src/components/DataTable/useColumnDragShift.ts +216 -0
- package/src/components/DataTable/useDataTable.ts +372 -0
- package/src/components/DataTable/useResizeHandle.ts +97 -0
- package/src/components/DatePicker/DatePicker.module.scss +180 -0
- package/src/components/DatePicker/DatePicker.tokens.scss +152 -0
- package/src/components/DatePicker/DatePicker.tsx +664 -0
- package/src/components/DatePicker/DatePickerGrid.module.scss +172 -0
- package/src/components/DatePicker/DatePickerGrid.tsx +341 -0
- package/src/components/DatePicker/InlineDatePicker.module.scss +32 -0
- package/src/components/DatePicker/InlineDatePicker.tsx +201 -0
- package/src/components/DatePicker/index.ts +4 -0
- package/src/components/DatePicker/utils.ts +364 -0
- package/src/components/DateRangePicker/DateRangePicker.module.scss +237 -0
- package/src/components/DateRangePicker/DateRangePicker.tokens.scss +78 -0
- package/src/components/DateRangePicker/DateRangePicker.tsx +720 -0
- package/src/components/DateRangePicker/InlineDateRangePicker.module.scss +94 -0
- package/src/components/DateRangePicker/InlineDateRangePicker.tsx +376 -0
- package/src/components/DateRangePicker/index.ts +5 -0
- package/src/components/DateRangePicker/utils.ts +151 -0
- package/src/components/DateStrip/DateStrip.module.scss +78 -0
- package/src/components/DateStrip/DateStrip.tokens.scss +23 -0
- package/src/components/DateStrip/DateStrip.tsx +205 -0
- package/src/components/DateStrip/index.ts +2 -0
- package/src/components/DefinitionList/DefinitionList.module.scss +102 -0
- package/src/components/DefinitionList/DefinitionList.tokens.scss +29 -0
- package/src/components/DefinitionList/DefinitionList.tsx +198 -0
- package/src/components/DefinitionList/index.ts +9 -0
- package/src/components/Divider/Divider.module.scss +144 -0
- package/src/components/Divider/Divider.tokens.scss +21 -0
- package/src/components/Divider/Divider.tsx +103 -0
- package/src/components/Divider/index.ts +2 -0
- package/src/components/Dot/Dot.module.scss +40 -0
- package/src/components/Dot/Dot.tokens.scss +4 -0
- package/src/components/Dot/Dot.tsx +45 -0
- package/src/components/Dot/index.ts +2 -0
- package/src/components/Drawer/Body.tsx +23 -0
- package/src/components/Drawer/Close.tsx +35 -0
- package/src/components/Drawer/Content.tsx +93 -0
- package/src/components/Drawer/Drawer.module.scss +232 -0
- package/src/components/Drawer/Drawer.tokens.scss +38 -0
- package/src/components/Drawer/Drawer.tsx +23 -0
- package/src/components/Drawer/DrawerRoot.tsx +190 -0
- package/src/components/Drawer/Footer.tsx +24 -0
- package/src/components/Drawer/Header.tsx +64 -0
- package/src/components/Drawer/Overlay.tsx +82 -0
- package/src/components/Drawer/context.ts +44 -0
- package/src/components/Drawer/index.ts +12 -0
- package/src/components/Drawer/useDragToClose.ts +149 -0
- package/src/components/DropdownMenu/CheckboxItem.tsx +144 -0
- package/src/components/DropdownMenu/Content.tsx +419 -0
- package/src/components/DropdownMenu/DropdownMenu.module.scss +280 -0
- package/src/components/DropdownMenu/DropdownMenu.tokens.scss +88 -0
- package/src/components/DropdownMenu/DropdownMenu.tsx +43 -0
- package/src/components/DropdownMenu/Group.tsx +76 -0
- package/src/components/DropdownMenu/Item.tsx +148 -0
- package/src/components/DropdownMenu/ItemIndicator.tsx +30 -0
- package/src/components/DropdownMenu/Radio.tsx +178 -0
- package/src/components/DropdownMenu/Root.tsx +100 -0
- package/src/components/DropdownMenu/Sub.tsx +332 -0
- package/src/components/DropdownMenu/Trigger.tsx +76 -0
- package/src/components/DropdownMenu/context.ts +65 -0
- package/src/components/DropdownMenu/index.ts +20 -0
- package/src/components/EmojiPicker/EmojiPicker.module.scss +84 -0
- package/src/components/EmojiPicker/EmojiPicker.tokens.scss +24 -0
- package/src/components/EmojiPicker/EmojiPicker.tsx +341 -0
- package/src/components/EmojiPicker/emojiData.ts +245 -0
- package/src/components/EmojiPicker/index.ts +3 -0
- package/src/components/EmptyState/EmptyState.module.scss +102 -0
- package/src/components/EmptyState/EmptyState.tokens.scss +28 -0
- package/src/components/EmptyState/EmptyState.tsx +112 -0
- package/src/components/EmptyState/index.ts +7 -0
- package/src/components/EntityChip/EntityChip.module.scss +275 -0
- package/src/components/EntityChip/EntityChip.tokens.scss +66 -0
- package/src/components/EntityChip/EntityChip.tsx +649 -0
- package/src/components/EntityChip/index.ts +10 -0
- package/src/components/ErrorState/ErrorState.module.scss +105 -0
- package/src/components/ErrorState/ErrorState.tokens.scss +32 -0
- package/src/components/ErrorState/ErrorState.tsx +125 -0
- package/src/components/ErrorState/index.ts +8 -0
- package/src/components/Field/Field.module.scss +46 -0
- package/src/components/Field/Field.tsx +185 -0
- package/src/components/Field/index.ts +2 -0
- package/src/components/FileUpload/FileUpload.module.scss +187 -0
- package/src/components/FileUpload/FileUpload.tokens.scss +81 -0
- package/src/components/FileUpload/FileUpload.tsx +569 -0
- package/src/components/FileUpload/formatBytes.ts +34 -0
- package/src/components/FileUpload/iconForFile.ts +40 -0
- package/src/components/FileUpload/index.ts +2 -0
- package/src/components/FilterChip/FilterChip.module.scss +61 -0
- package/src/components/FilterChip/FilterChip.tokens.scss +25 -0
- package/src/components/FilterChip/FilterChip.tsx +208 -0
- package/src/components/FilterChip/index.ts +5 -0
- package/src/components/FlowCanvas/FlowCanvas.module.scss +329 -0
- package/src/components/FlowCanvas/FlowCanvas.tokens.scss +45 -0
- package/src/components/FlowCanvas/FlowCanvas.tsx +1867 -0
- package/src/components/FlowCanvas/FlowControls.tsx +46 -0
- package/src/components/FlowCanvas/FlowEdge.tsx +58 -0
- package/src/components/FlowCanvas/FlowNode.tsx +76 -0
- package/src/components/FlowCanvas/edgePath.ts +85 -0
- package/src/components/FlowCanvas/index.ts +4 -0
- package/src/components/FlowCanvas/layout.ts +148 -0
- package/src/components/FlowCanvas/spatialNav.ts +76 -0
- package/src/components/FlowCanvas/types.ts +59 -0
- package/src/components/FlowCanvas/useViewport.ts +122 -0
- package/src/components/FormRow/FormRow.module.scss +2 -0
- package/src/components/FormRow/FormRow.tsx +37 -0
- package/src/components/FormRow/index.ts +2 -0
- package/src/components/FormSection/FormSection.module.scss +24 -0
- package/src/components/FormSection/FormSection.tsx +46 -0
- package/src/components/FormSection/index.ts +2 -0
- package/src/components/Grid/Grid.module.scss +162 -0
- package/src/components/Grid/Grid.tokens.scss +13 -0
- package/src/components/Grid/Grid.tsx +226 -0
- package/src/components/Grid/GridItem.tsx +77 -0
- package/src/components/Grid/index.ts +11 -0
- package/src/components/Highlight/Highlight.module.scss +43 -0
- package/src/components/Highlight/Highlight.tokens.scss +35 -0
- package/src/components/Highlight/Highlight.tsx +164 -0
- package/src/components/Highlight/HighlightOverlay.tsx +100 -0
- package/src/components/Highlight/index.ts +2 -0
- package/src/components/HighlightedText/HighlightedText.module.scss +11 -0
- package/src/components/HighlightedText/HighlightedText.tokens.scss +9 -0
- package/src/components/HighlightedText/HighlightedText.tsx +50 -0
- package/src/components/HighlightedText/highlightRanges.ts +44 -0
- package/src/components/HighlightedText/index.ts +2 -0
- package/src/components/IconPicker/IconPicker.module.scss +175 -0
- package/src/components/IconPicker/IconPicker.tokens.scss +40 -0
- package/src/components/IconPicker/IconPicker.tsx +629 -0
- package/src/components/IconPicker/index.ts +9 -0
- package/src/components/IconTile/IconTile.module.scss +57 -0
- package/src/components/IconTile/IconTile.tokens.scss +16 -0
- package/src/components/IconTile/IconTile.tsx +91 -0
- package/src/components/IconTile/index.ts +2 -0
- package/src/components/Image/Image.module.scss +266 -0
- package/src/components/Image/Image.tokens.scss +55 -0
- package/src/components/Image/Image.tsx +342 -0
- package/src/components/Image/index.ts +2 -0
- package/src/components/ImageCrop/ImageCrop.module.scss +274 -0
- package/src/components/ImageCrop/ImageCrop.tokens.scss +33 -0
- package/src/components/ImageCrop/ImageCrop.tsx +542 -0
- package/src/components/ImageCrop/cropGeometry.ts +120 -0
- package/src/components/ImageCrop/extractCropBlob.ts +140 -0
- package/src/components/ImageCrop/index.ts +11 -0
- package/src/components/ImageCrop/useCropPreview.ts +161 -0
- package/src/components/Indent/Indent.module.scss +33 -0
- package/src/components/Indent/Indent.tokens.scss +10 -0
- package/src/components/Indent/Indent.tsx +46 -0
- package/src/components/Indent/index.ts +2 -0
- package/src/components/Input/Input.module.scss +99 -0
- package/src/components/Input/Input.tokens.scss +54 -0
- package/src/components/Input/Input.tsx +105 -0
- package/src/components/Input/Suggestions.tsx +260 -0
- package/src/components/Input/index.ts +2 -0
- package/src/components/Kanban/Kanban.module.scss +39 -0
- package/src/components/Kanban/Kanban.tokens.scss +15 -0
- package/src/components/Kanban/Kanban.tsx +951 -0
- package/src/components/Kanban/index.ts +7 -0
- package/src/components/Kbd/Kbd.module.scss +47 -0
- package/src/components/Kbd/Kbd.tokens.scss +26 -0
- package/src/components/Kbd/Kbd.tsx +73 -0
- package/src/components/Kbd/index.ts +2 -0
- package/src/components/Lightbox/Lightbox.module.scss +283 -0
- package/src/components/Lightbox/Lightbox.tokens.scss +36 -0
- package/src/components/Lightbox/Lightbox.tsx +506 -0
- package/src/components/Lightbox/index.ts +2 -0
- package/src/components/Link/Link.module.scss +78 -0
- package/src/components/Link/Link.tokens.scss +28 -0
- package/src/components/Link/Link.tsx +114 -0
- package/src/components/Link/index.ts +2 -0
- package/src/components/LinkCard/LinkCard.module.scss +92 -0
- package/src/components/LinkCard/LinkCard.tokens.scss +9 -0
- package/src/components/LinkCard/LinkCard.tsx +72 -0
- package/src/components/LinkCard/index.ts +2 -0
- package/src/components/LiquidEditor/AutocompleteMenu.tsx +133 -0
- package/src/components/LiquidEditor/HighlightLayer.tsx +53 -0
- package/src/components/LiquidEditor/InsertVariableMenu.tsx +81 -0
- package/src/components/LiquidEditor/LiquidEditor.module.scss +339 -0
- package/src/components/LiquidEditor/LiquidEditor.tokens.scss +81 -0
- package/src/components/LiquidEditor/LiquidEditor.tsx +412 -0
- package/src/components/LiquidEditor/PreviewPane.tsx +29 -0
- package/src/components/LiquidEditor/caretCoordinates.ts +97 -0
- package/src/components/LiquidEditor/index.ts +7 -0
- package/src/components/LiquidEditor/liquidFilters.ts +23 -0
- package/src/components/LiquidEditor/liquidTokenizer.ts +235 -0
- package/src/components/LiquidEditor/types.ts +101 -0
- package/src/components/LiquidEditor/useLiquidAutocomplete.ts +178 -0
- package/src/components/List/List.module.scss +105 -0
- package/src/components/List/List.tokens.scss +42 -0
- package/src/components/List/List.tsx +124 -0
- package/src/components/List/index.ts +9 -0
- package/src/components/LiveRegion/LiveRegion.module.scss +3 -0
- package/src/components/LiveRegion/LiveRegion.tsx +116 -0
- package/src/components/LiveRegion/index.ts +2 -0
- package/src/components/Logo/Logo.module.scss +139 -0
- package/src/components/Logo/Logo.tokens.scss +14 -0
- package/src/components/Logo/Logo.tsx +126 -0
- package/src/components/Logo/index.ts +2 -0
- package/src/components/Masonry/Masonry.module.scss +42 -0
- package/src/components/Masonry/Masonry.tokens.scss +8 -0
- package/src/components/Masonry/Masonry.tsx +136 -0
- package/src/components/Masonry/index.ts +2 -0
- package/src/components/Masonry/masonryUtils.ts +42 -0
- package/src/components/MediaTile/MediaTile.module.scss +183 -0
- package/src/components/MediaTile/MediaTile.tokens.scss +60 -0
- package/src/components/MediaTile/MediaTile.tsx +208 -0
- package/src/components/MediaTile/index.ts +8 -0
- package/src/components/Modal/Body.tsx +27 -0
- package/src/components/Modal/Close.tsx +45 -0
- package/src/components/Modal/Content.tsx +98 -0
- package/src/components/Modal/Footer.tsx +28 -0
- package/src/components/Modal/Header.tsx +51 -0
- package/src/components/Modal/Modal.module.scss +262 -0
- package/src/components/Modal/Modal.tokens.scss +50 -0
- package/src/components/Modal/Modal.tsx +23 -0
- package/src/components/Modal/ModalRoot.tsx +299 -0
- package/src/components/Modal/Overlay.tsx +101 -0
- package/src/components/Modal/context.ts +60 -0
- package/src/components/Modal/index.ts +11 -0
- package/src/components/MoneyInput/MoneyInput.module.scss +57 -0
- package/src/components/MoneyInput/MoneyInput.tsx +433 -0
- package/src/components/MoneyInput/index.ts +2 -0
- package/src/components/OptionsPicker/OptionsPicker.module.scss +216 -0
- package/src/components/OptionsPicker/OptionsPicker.tokens.scss +68 -0
- package/src/components/OptionsPicker/OptionsPicker.tsx +936 -0
- package/src/components/OptionsPicker/index.ts +9 -0
- package/src/components/OtpInput/OtpInput.module.scss +69 -0
- package/src/components/OtpInput/OtpInput.tokens.scss +45 -0
- package/src/components/OtpInput/OtpInput.tsx +368 -0
- package/src/components/OtpInput/index.ts +2 -0
- package/src/components/Page/Page.module.scss +30 -0
- package/src/components/Page/Page.tokens.scss +11 -0
- package/src/components/Page/Page.tsx +53 -0
- package/src/components/Page/index.ts +2 -0
- package/src/components/PageHeader/PageHeader.module.scss +197 -0
- package/src/components/PageHeader/PageHeader.tokens.scss +41 -0
- package/src/components/PageHeader/PageHeader.tsx +310 -0
- package/src/components/PageHeader/index.ts +20 -0
- package/src/components/Pagination/Pagination.module.scss +117 -0
- package/src/components/Pagination/Pagination.tokens.scss +54 -0
- package/src/components/Pagination/Pagination.tsx +165 -0
- package/src/components/Pagination/index.ts +4 -0
- package/src/components/Pagination/paginationRange.ts +72 -0
- package/src/components/PasswordInput/PasswordInput.module.scss +120 -0
- package/src/components/PasswordInput/PasswordInput.tokens.scss +44 -0
- package/src/components/PasswordInput/PasswordInput.tsx +210 -0
- package/src/components/PasswordInput/index.ts +2 -0
- package/src/components/PasswordStrengthMeter/PasswordStrengthMeter.module.scss +80 -0
- package/src/components/PasswordStrengthMeter/PasswordStrengthMeter.tokens.scss +40 -0
- package/src/components/PasswordStrengthMeter/PasswordStrengthMeter.tsx +96 -0
- package/src/components/PasswordStrengthMeter/index.ts +2 -0
- package/src/components/PersonDisplay/PersonDisplay.module.scss +180 -0
- package/src/components/PersonDisplay/PersonDisplay.tokens.scss +35 -0
- package/src/components/PersonDisplay/PersonDisplay.tsx +420 -0
- package/src/components/PersonDisplay/index.ts +10 -0
- package/src/components/PhoneInput/PhoneInput.module.scss +23 -0
- package/src/components/PhoneInput/PhoneInput.tsx +271 -0
- package/src/components/PhoneInput/index.ts +4 -0
- package/src/components/PhoneInput/phone.ts +128 -0
- package/src/components/PillMenu/PillMenu.module.scss +117 -0
- package/src/components/PillMenu/PillMenu.tokens.scss +22 -0
- package/src/components/PillMenu/PillMenu.tsx +324 -0
- package/src/components/PillMenu/index.ts +2 -0
- package/src/components/Popover/Anchor.tsx +37 -0
- package/src/components/Popover/Close.tsx +45 -0
- package/src/components/Popover/Content.tsx +213 -0
- package/src/components/Popover/Heading.tsx +33 -0
- package/src/components/Popover/Popover.module.scss +177 -0
- package/src/components/Popover/Popover.tokens.scss +22 -0
- package/src/components/Popover/Popover.tsx +23 -0
- package/src/components/Popover/PopoverRoot.tsx +75 -0
- package/src/components/Popover/Trigger.tsx +86 -0
- package/src/components/Popover/context.ts +22 -0
- package/src/components/Popover/index.ts +7 -0
- package/src/components/Progress/Progress.module.scss +110 -0
- package/src/components/Progress/Progress.tokens.scss +44 -0
- package/src/components/Progress/Progress.tsx +129 -0
- package/src/components/Progress/index.ts +2 -0
- package/src/components/QrCode/QrCode.module.scss +97 -0
- package/src/components/QrCode/QrCode.tokens.scss +17 -0
- package/src/components/QrCode/QrCode.tsx +233 -0
- package/src/components/QrCode/index.ts +2 -0
- package/src/components/QrCode/qr.ts +161 -0
- package/src/components/Radio/Radio.module.scss +175 -0
- package/src/components/Radio/Radio.tokens.scss +59 -0
- package/src/components/Radio/Radio.tsx +127 -0
- package/src/components/Radio/RadioGroup.module.scss +42 -0
- package/src/components/Radio/RadioGroup.tsx +120 -0
- package/src/components/Radio/RadioGroupContext.tsx +30 -0
- package/src/components/Radio/index.ts +4 -0
- package/src/components/Rail/Rail.module.scss +510 -0
- package/src/components/Rail/Rail.tokens.scss +92 -0
- package/src/components/Rail/Rail.tsx +287 -0
- package/src/components/Rail/RailCollapseToggle.tsx +57 -0
- package/src/components/Rail/RailFooter.tsx +17 -0
- package/src/components/Rail/RailGroup.tsx +728 -0
- package/src/components/Rail/RailGroupContext.ts +9 -0
- package/src/components/Rail/RailHeader.tsx +23 -0
- package/src/components/Rail/RailItem.tsx +119 -0
- package/src/components/Rail/RailSection.tsx +39 -0
- package/src/components/Rail/RailSpacer.tsx +19 -0
- package/src/components/Rail/index.ts +9 -0
- package/src/components/RelativeDateInput/RelativeDateInput.module.scss +15 -0
- package/src/components/RelativeDateInput/RelativeDateInput.tokens.scss +6 -0
- package/src/components/RelativeDateInput/RelativeDateInput.tsx +474 -0
- package/src/components/RelativeDateInput/index.ts +10 -0
- package/src/components/RelativeDateInput/relativeDate.ts +127 -0
- package/src/components/RichText/RichText.module.scss +5 -0
- package/src/components/RichText/RichText.tsx +70 -0
- package/src/components/RichText/RichTextAttachment.module.scss +82 -0
- package/src/components/RichText/RichTextAttachment.tsx +122 -0
- package/src/components/RichText/_prose.scss +79 -0
- package/src/components/RichText/attachmentIcon.tsx +24 -0
- package/src/components/RichText/engine/attachment.ts +154 -0
- package/src/components/RichText/engine/autolink.ts +64 -0
- package/src/components/RichText/engine/blockUnit.ts +174 -0
- package/src/components/RichText/engine/colorMarks.ts +85 -0
- package/src/components/RichText/engine/escape.ts +11 -0
- package/src/components/RichText/engine/fromHtml.ts +353 -0
- package/src/components/RichText/engine/fromMarkdown.ts +20 -0
- package/src/components/RichText/engine/inlines.ts +82 -0
- package/src/components/RichText/engine/listDepths.ts +32 -0
- package/src/components/RichText/engine/marks.ts +80 -0
- package/src/components/RichText/engine/mdToHtml.ts +178 -0
- package/src/components/RichText/engine/model.ts +157 -0
- package/src/components/RichText/engine/position.ts +118 -0
- package/src/components/RichText/engine/renderDoc.tsx +395 -0
- package/src/components/RichText/engine/renderLink.ts +15 -0
- package/src/components/RichText/engine/renderMention.ts +16 -0
- package/src/components/RichText/engine/safeHref.ts +22 -0
- package/src/components/RichText/engine/toHtml.ts +154 -0
- package/src/components/RichText/engine/toMarkdown.ts +97 -0
- package/src/components/RichText/engine/transforms.ts +434 -0
- package/src/components/RichText/imageMaxHeightStyle.ts +10 -0
- package/src/components/RichText/index.ts +31 -0
- package/src/components/RichTextEditor/RichTextAttachmentConfig.tsx +264 -0
- package/src/components/RichTextEditor/RichTextBlockControls.tsx +365 -0
- package/src/components/RichTextEditor/RichTextBlockMenu.tsx +162 -0
- package/src/components/RichTextEditor/RichTextColorMenu.tsx +115 -0
- package/src/components/RichTextEditor/RichTextEditor.module.scss +298 -0
- package/src/components/RichTextEditor/RichTextEditor.tsx +1910 -0
- package/src/components/RichTextEditor/RichTextImageResizer.tsx +131 -0
- package/src/components/RichTextEditor/RichTextLinkEditor.tsx +151 -0
- package/src/components/RichTextEditor/RichTextMentionMenu.tsx +99 -0
- package/src/components/RichTextEditor/RichTextToolbar.tsx +379 -0
- package/src/components/RichTextEditor/autolinkInput.ts +65 -0
- package/src/components/RichTextEditor/blockDrop.ts +9 -0
- package/src/components/RichTextEditor/blockReflow.ts +62 -0
- package/src/components/RichTextEditor/commands.ts +300 -0
- package/src/components/RichTextEditor/history.ts +93 -0
- package/src/components/RichTextEditor/icons.tsx +152 -0
- package/src/components/RichTextEditor/imageSize.ts +70 -0
- package/src/components/RichTextEditor/index.ts +5 -0
- package/src/components/RichTextEditor/input.ts +209 -0
- package/src/components/RichTextEditor/inputRules.ts +71 -0
- package/src/components/RichTextEditor/links.ts +103 -0
- package/src/components/RichTextEditor/mentionContext.ts +37 -0
- package/src/components/RichTextEditor/mentions.ts +28 -0
- package/src/components/RichTextEditor/preventSelectionLoss.ts +15 -0
- package/src/components/RichTextEditor/selection.ts +415 -0
- package/src/components/RichTextEditor/shortcuts.ts +44 -0
- package/src/components/RichTextEditor/useAnchoredFloating.ts +50 -0
- package/src/components/RichTextEditor/useAttachmentConfig.ts +134 -0
- package/src/components/RichTextEditor/useDismissOnOutsidePointerDown.ts +26 -0
- package/src/components/RichTextEditor/useLinkEditor.ts +107 -0
- package/src/components/RichTextEditor/useMention.ts +226 -0
- package/src/components/RichTextEditor/useOverlayRect.ts +73 -0
- package/src/components/RichTextEditor/useUpload.ts +246 -0
- package/src/components/Screen/Screen.module.scss +46 -0
- package/src/components/Screen/Screen.tokens.scss +20 -0
- package/src/components/Screen/Screen.tsx +97 -0
- package/src/components/Screen/index.ts +2 -0
- package/src/components/ScrollArea/ScrollArea.module.scss +39 -0
- package/src/components/ScrollArea/ScrollArea.tokens.scss +15 -0
- package/src/components/ScrollArea/ScrollArea.tsx +154 -0
- package/src/components/ScrollArea/index.ts +2 -0
- package/src/components/Select/Chip.tsx +45 -0
- package/src/components/Select/Empty.tsx +39 -0
- package/src/components/Select/Error.tsx +51 -0
- package/src/components/Select/HiddenInputs.tsx +44 -0
- package/src/components/Select/Listbox.tsx +557 -0
- package/src/components/Select/Loading.tsx +30 -0
- package/src/components/Select/Select.module.scss +512 -0
- package/src/components/Select/Select.tokens.scss +140 -0
- package/src/components/Select/Select.tsx +685 -0
- package/src/components/Select/Trigger.tsx +952 -0
- package/src/components/Select/context.ts +101 -0
- package/src/components/Select/emptyStateText.ts +19 -0
- package/src/components/Select/index.ts +9 -0
- package/src/components/Select/useSelectState.ts +157 -0
- package/src/components/Select/utils-types.ts +7 -0
- package/src/components/Select/utils.ts +122 -0
- package/src/components/SettingRow/SettingRow.module.scss +166 -0
- package/src/components/SettingRow/SettingRow.tokens.scss +37 -0
- package/src/components/SettingRow/SettingRow.tsx +242 -0
- package/src/components/SettingRow/index.ts +7 -0
- package/src/components/Skeleton/Skeleton.module.scss +55 -0
- package/src/components/Skeleton/Skeleton.tokens.scss +17 -0
- package/src/components/Skeleton/Skeleton.tsx +131 -0
- package/src/components/Skeleton/index.ts +4 -0
- package/src/components/Skeleton/useSkeletonVisibility.ts +95 -0
- package/src/components/Slider/Slider.module.scss +293 -0
- package/src/components/Slider/Slider.tokens.scss +98 -0
- package/src/components/Slider/Slider.tsx +624 -0
- package/src/components/Slider/index.ts +9 -0
- package/src/components/SlotGrid/SlotGrid.module.scss +61 -0
- package/src/components/SlotGrid/SlotGrid.tokens.scss +21 -0
- package/src/components/SlotGrid/SlotGrid.tsx +111 -0
- package/src/components/SlotGrid/index.ts +2 -0
- package/src/components/SocialButton/SocialButton.module.scss +4 -0
- package/src/components/SocialButton/SocialButton.tsx +40 -0
- package/src/components/SocialButton/index.ts +2 -0
- package/src/components/Sortable/Sortable.module.scss +177 -0
- package/src/components/Sortable/Sortable.tokens.scss +27 -0
- package/src/components/Sortable/Sortable.tsx +572 -0
- package/src/components/Sortable/containerAwareCollision.ts +125 -0
- package/src/components/Sortable/index.ts +13 -0
- package/src/components/SortableGroup/SortableGroup.module.scss +23 -0
- package/src/components/SortableGroup/SortableGroup.tsx +315 -0
- package/src/components/SortableGroup/index.ts +4 -0
- package/src/components/SortableGroup/moveSortableItem.ts +39 -0
- package/src/components/Sparkline/Sparkline.module.scss +28 -0
- package/src/components/Sparkline/Sparkline.tokens.scss +7 -0
- package/src/components/Sparkline/Sparkline.tsx +133 -0
- package/src/components/Sparkline/index.ts +2 -0
- package/src/components/Sparkline/sparklineModel.ts +119 -0
- package/src/components/Split/Split.module.scss +158 -0
- package/src/components/Split/Split.tokens.scss +10 -0
- package/src/components/Split/Split.tsx +231 -0
- package/src/components/Split/index.ts +2 -0
- package/src/components/Stack/Stack.module.scss +67 -0
- package/src/components/Stack/Stack.tokens.scss +11 -0
- package/src/components/Stack/Stack.tsx +100 -0
- package/src/components/Stack/index.ts +2 -0
- package/src/components/StagePath/StagePath.module.scss +255 -0
- package/src/components/StagePath/StagePath.tokens.scss +43 -0
- package/src/components/StagePath/StagePath.tsx +176 -0
- package/src/components/StagePath/index.ts +2 -0
- package/src/components/StatGroup/StatGroup.module.scss +6 -0
- package/src/components/StatGroup/StatGroup.tsx +70 -0
- package/src/components/StatGroup/StatGroupContext.ts +10 -0
- package/src/components/StatGroup/StatTile.module.scss +99 -0
- package/src/components/StatGroup/StatTile.tokens.scss +35 -0
- package/src/components/StatGroup/StatTile.tsx +143 -0
- package/src/components/StatGroup/index.ts +4 -0
- package/src/components/Sticky/Sticky.module.scss +98 -0
- package/src/components/Sticky/Sticky.tokens.scss +17 -0
- package/src/components/Sticky/Sticky.tsx +103 -0
- package/src/components/Sticky/index.ts +2 -0
- package/src/components/Switch/Switch.module.scss +182 -0
- package/src/components/Switch/Switch.tokens.scss +59 -0
- package/src/components/Switch/Switch.tsx +214 -0
- package/src/components/Switch/index.ts +2 -0
- package/src/components/Table/Table.module.scss +308 -0
- package/src/components/Table/Table.tokens.scss +79 -0
- package/src/components/Table/Table.tsx +381 -0
- package/src/components/Table/index.ts +15 -0
- package/src/components/TableOfContents/TableOfContents.module.scss +83 -0
- package/src/components/TableOfContents/TableOfContents.tokens.scss +26 -0
- package/src/components/TableOfContents/TableOfContents.tsx +192 -0
- package/src/components/TableOfContents/activeSection.ts +18 -0
- package/src/components/TableOfContents/index.ts +2 -0
- package/src/components/Tabs/Tabs.module.scss +359 -0
- package/src/components/Tabs/Tabs.tokens.scss +50 -0
- package/src/components/Tabs/Tabs.tsx +538 -0
- package/src/components/Tabs/index.ts +2 -0
- package/src/components/Text/Text.module.scss +115 -0
- package/src/components/Text/Text.tokens.scss +55 -0
- package/src/components/Text/Text.tsx +197 -0
- package/src/components/Text/index.ts +2 -0
- package/src/components/Textarea/Textarea.module.scss +94 -0
- package/src/components/Textarea/Textarea.tokens.scss +48 -0
- package/src/components/Textarea/Textarea.tsx +246 -0
- package/src/components/Textarea/index.ts +2 -0
- package/src/components/Thread/Thread.module.scss +161 -0
- package/src/components/Thread/Thread.tokens.scss +32 -0
- package/src/components/Thread/Thread.tsx +176 -0
- package/src/components/Thread/index.ts +2 -0
- package/src/components/TimeField/TimeField.module.scss +232 -0
- package/src/components/TimeField/TimeField.tsx +793 -0
- package/src/components/TimeField/index.ts +2 -0
- package/src/components/Timeline/Timeline.module.scss +58 -0
- package/src/components/Timeline/Timeline.tokens.scss +13 -0
- package/src/components/Timeline/Timeline.tsx +53 -0
- package/src/components/Timeline/index.ts +2 -0
- package/src/components/Title/Title.module.scss +84 -0
- package/src/components/Title/Title.tokens.scss +37 -0
- package/src/components/Title/Title.tsx +150 -0
- package/src/components/Title/index.ts +2 -0
- package/src/components/Toast/Toast.module.scss +299 -0
- package/src/components/Toast/Toast.tokens.scss +65 -0
- package/src/components/Toast/Toast.tsx +122 -0
- package/src/components/Toast/ToastViewport.tsx +166 -0
- package/src/components/Toast/api.ts +175 -0
- package/src/components/Toast/index.ts +5 -0
- package/src/components/Toast/store.ts +133 -0
- package/src/components/Toast/useToastTimer.ts +94 -0
- package/src/components/Tooltip/Tooltip.module.scss +99 -0
- package/src/components/Tooltip/Tooltip.tokens.scss +23 -0
- package/src/components/Tooltip/Tooltip.tsx +341 -0
- package/src/components/Tooltip/index.ts +2 -0
- package/src/components/TopBar/TopBar.module.scss +235 -0
- package/src/components/TopBar/TopBar.tokens.scss +79 -0
- package/src/components/TopBar/TopBar.tsx +87 -0
- package/src/components/TopBar/TopBarEnd.tsx +20 -0
- package/src/components/TopBar/TopBarIconButton.tsx +86 -0
- package/src/components/TopBar/TopBarSearch.tsx +319 -0
- package/src/components/TopBar/TopBarSearchPanel.tsx +268 -0
- package/src/components/TopBar/TopBarStart.tsx +20 -0
- package/src/components/TopBar/index.ts +11 -0
- package/src/components/Tour/Spotlight.tsx +121 -0
- package/src/components/Tour/Tour.module.scss +210 -0
- package/src/components/Tour/Tour.tokens.scss +58 -0
- package/src/components/Tour/Tour.tsx +617 -0
- package/src/components/Tour/index.ts +2 -0
- package/src/components/Tour/useTourTarget.ts +115 -0
- package/src/components/TreeView/TreeView.module.scss +268 -0
- package/src/components/TreeView/TreeView.tokens.scss +36 -0
- package/src/components/TreeView/TreeView.tsx +536 -0
- package/src/components/TreeView/index.ts +3 -0
- package/src/components/TreeView/treeModel.ts +224 -0
- package/src/components/VisuallyHidden/VisuallyHidden.module.scss +7 -0
- package/src/components/VisuallyHidden/VisuallyHidden.tsx +29 -0
- package/src/components/VisuallyHidden/index.ts +2 -0
- package/src/components/WidgetPreview/WidgetPreview.module.scss +11 -0
- package/src/components/WidgetPreview/WidgetPreview.tokens.scss +26 -0
- package/src/components/WidgetPreview/WidgetPreview.tsx +36 -0
- package/src/components/WidgetPreview/WidgetShape.module.scss +140 -0
- package/src/components/WidgetPreview/WidgetShape.tsx +159 -0
- package/src/components/WidgetPreview/index.ts +2 -0
- package/src/components/_internal/Trend.tsx +27 -0
- package/src/components/_internal/choiceTile.scss +74 -0
- package/src/components/_internal/collapse.scss +10 -0
- package/src/components/_internal/collapse.ts +58 -0
- package/src/components/_internal/currency.ts +257 -0
- package/src/components/_internal/dragAnnouncements.ts +200 -0
- package/src/components/_internal/fieldWiring.ts +225 -0
- package/src/components/_internal/gridSpan.ts +54 -0
- package/src/components/_internal/isoDay.ts +35 -0
- package/src/components/_internal/letterKey.ts +26 -0
- package/src/components/_internal/overlay/focusRestore.ts +21 -0
- package/src/components/_internal/overlay/index.ts +12 -0
- package/src/components/_internal/overlay/tourHold.ts +23 -0
- package/src/components/_internal/overlay/useFocusTrap.ts +120 -0
- package/src/components/_internal/overlay/useInOverlay.ts +81 -0
- package/src/components/_internal/overlay/useOverlayStack.ts +232 -0
- package/src/components/_internal/overlay/useScrollLock.ts +112 -0
- package/src/components/_internal/refs.ts +48 -0
- package/src/components/_internal/statusColor.ts +26 -0
- package/src/components/_internal/timeUtils.ts +23 -0
- package/src/components/_internal/useAsyncOptions.ts +145 -0
- package/src/components/_internal/useClippedTooltip.ts +50 -0
- package/src/components/_internal/useControllableState.ts +50 -0
- package/src/components.manifest.json +1141 -0
- package/src/hooks/useBelowBreakpoint.ts +58 -0
- package/src/i18n/I18nProvider.tsx +52 -0
- package/src/i18n/LocaleProvider.tsx +17 -0
- package/src/i18n/en.ts +648 -0
- package/src/i18n/format.ts +71 -0
- package/src/i18n/index.ts +13 -0
- package/src/i18n/messages.ts +1275 -0
- package/src/i18n/ru.ts +677 -0
- package/src/i18n/useLocale.ts +19 -0
- package/src/i18n/useTranslation.ts +58 -0
- package/src/index.ts +913 -0
- package/src/palette/index.ts +2 -0
- package/src/palette/palette.ts +108 -0
- package/src/styles/dark.scss +4 -0
- package/src/styles/global.scss +7 -0
- package/src/styles/mixins.scss +143 -0
- package/src/styles/reset.scss +78 -0
- package/src/styles/tokens.scss +18 -0
- package/src/styles/typography.scss +44 -0
package/src/i18n/en.ts
ADDED
|
@@ -0,0 +1,648 @@
|
|
|
1
|
+
import type { Messages } from './messages';
|
|
2
|
+
|
|
3
|
+
/**
|
|
4
|
+
* English message defaults. Populated section-by-section as each component
|
|
5
|
+
* migrates onto the i18n system. Each namespace mirrors the `Messages`
|
|
6
|
+
* interface — adding a key here without adding it to `ru.ts` will fail TS.
|
|
7
|
+
*/
|
|
8
|
+
export const en: Messages = {
|
|
9
|
+
alert: {
|
|
10
|
+
dismiss: 'Dismiss',
|
|
11
|
+
},
|
|
12
|
+
appLayout: {
|
|
13
|
+
sidebar: 'Sidebar navigation',
|
|
14
|
+
},
|
|
15
|
+
banner: {
|
|
16
|
+
dismiss: 'Dismiss',
|
|
17
|
+
tone: { info: 'Information', success: 'Success', warning: 'Warning', danger: 'Error' },
|
|
18
|
+
},
|
|
19
|
+
confirmationPopover: {
|
|
20
|
+
pending: 'Working…',
|
|
21
|
+
cancel: 'Cancel',
|
|
22
|
+
confirm: 'Confirm',
|
|
23
|
+
},
|
|
24
|
+
mediaTile: {
|
|
25
|
+
selectNamed: ({ name }) => `Select ${name as string}`,
|
|
26
|
+
select: 'Select',
|
|
27
|
+
},
|
|
28
|
+
image: {
|
|
29
|
+
loadError: 'Image failed to load',
|
|
30
|
+
retry: 'Retry',
|
|
31
|
+
},
|
|
32
|
+
lightbox: {
|
|
33
|
+
label: 'Image gallery',
|
|
34
|
+
previous: 'Previous image',
|
|
35
|
+
next: 'Next image',
|
|
36
|
+
close: 'Close gallery',
|
|
37
|
+
download: 'Download',
|
|
38
|
+
previewUnavailable: 'Preview unavailable',
|
|
39
|
+
},
|
|
40
|
+
otpInput: {
|
|
41
|
+
groupLabel: 'Verification code',
|
|
42
|
+
digit: ({ index, total }) => `Digit ${index} of ${total}`,
|
|
43
|
+
character: ({ index, total }) => `Character ${index} of ${total}`,
|
|
44
|
+
},
|
|
45
|
+
input: {
|
|
46
|
+
suggestions: 'Suggestions',
|
|
47
|
+
},
|
|
48
|
+
passwordInput: {
|
|
49
|
+
show: 'Show password',
|
|
50
|
+
hide: 'Hide password',
|
|
51
|
+
capsLockOn: 'Caps Lock is on',
|
|
52
|
+
wrongLayoutOn: 'Possible wrong keyboard layout',
|
|
53
|
+
},
|
|
54
|
+
passwordStrengthMeter: {
|
|
55
|
+
weak: 'Weak',
|
|
56
|
+
fair: 'Fair',
|
|
57
|
+
strong: 'Strong',
|
|
58
|
+
veryStrong: 'Very strong',
|
|
59
|
+
},
|
|
60
|
+
switch: {
|
|
61
|
+
busy: 'Saving…',
|
|
62
|
+
},
|
|
63
|
+
progress: {
|
|
64
|
+
indeterminate: 'Loading…',
|
|
65
|
+
},
|
|
66
|
+
qrCode: {
|
|
67
|
+
label: 'QR code',
|
|
68
|
+
invertHint: "Click to swap the code's colours for a scanner that won't read it",
|
|
69
|
+
error: 'QR code unavailable',
|
|
70
|
+
},
|
|
71
|
+
codeBlock: {
|
|
72
|
+
copy: 'Copy code',
|
|
73
|
+
copied: 'Copied',
|
|
74
|
+
copyFailed: "Couldn't copy",
|
|
75
|
+
wrap: 'Wrap lines',
|
|
76
|
+
plainText: 'Plain text',
|
|
77
|
+
},
|
|
78
|
+
tableOfContents: {
|
|
79
|
+
label: 'On this page',
|
|
80
|
+
},
|
|
81
|
+
slider: {
|
|
82
|
+
minimum: 'minimum',
|
|
83
|
+
maximum: 'maximum',
|
|
84
|
+
},
|
|
85
|
+
calendar: {
|
|
86
|
+
today: 'Today',
|
|
87
|
+
agendaEmpty: 'No events',
|
|
88
|
+
allDay: 'All day',
|
|
89
|
+
months: [
|
|
90
|
+
'January',
|
|
91
|
+
'February',
|
|
92
|
+
'March',
|
|
93
|
+
'April',
|
|
94
|
+
'May',
|
|
95
|
+
'June',
|
|
96
|
+
'July',
|
|
97
|
+
'August',
|
|
98
|
+
'September',
|
|
99
|
+
'October',
|
|
100
|
+
'November',
|
|
101
|
+
'December',
|
|
102
|
+
],
|
|
103
|
+
weekdaysShort: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
|
|
104
|
+
previousMonth: 'Previous month',
|
|
105
|
+
nextMonth: 'Next month',
|
|
106
|
+
previousWeek: 'Previous week',
|
|
107
|
+
nextWeek: 'Next week',
|
|
108
|
+
previousDay: 'Previous day',
|
|
109
|
+
nextDay: 'Next day',
|
|
110
|
+
previousAgenda: 'Previous week',
|
|
111
|
+
nextAgenda: 'Next week',
|
|
112
|
+
moreEvents: ({ count }) => `${count as number} more events`,
|
|
113
|
+
moreEventsShort: ({ count }) => `+${count as number} more`,
|
|
114
|
+
viewMonth: 'Month',
|
|
115
|
+
viewWeek: 'Week',
|
|
116
|
+
viewDay: 'Day',
|
|
117
|
+
viewAgenda: 'Agenda',
|
|
118
|
+
unassigned: 'Unassigned',
|
|
119
|
+
dragInstructions:
|
|
120
|
+
'Draggable. Alt with up or down moves this event, Alt with left or right moves it to another column, Alt and Shift with up or down changes its end time.',
|
|
121
|
+
dragMovedTo: ({ event, time }) => `${event as string} moved to ${time as string}.`,
|
|
122
|
+
dragEndsAt: ({ event, time }) => `${event as string} now ends at ${time as string}.`,
|
|
123
|
+
dragRefused: ({ event }) => `${event as string} cannot be placed there.`,
|
|
124
|
+
dragAtEdge: ({ event }) => `${event as string} cannot move any further.`,
|
|
125
|
+
dragUnchanged: ({ event }) => `${event as string} is unchanged.`,
|
|
126
|
+
dragCancelled: ({ event }) => `Move cancelled. ${event as string} is back where it was.`,
|
|
127
|
+
},
|
|
128
|
+
dateStrip: {
|
|
129
|
+
previousWeek: 'Previous week',
|
|
130
|
+
nextWeek: 'Next week',
|
|
131
|
+
free: ({ count }) => `${count as number} free`,
|
|
132
|
+
noTimes: 'No times',
|
|
133
|
+
day: ({ date, availability }) => `${date as string}, ${availability as string}`,
|
|
134
|
+
range: ({ range }) => `${range as string}`,
|
|
135
|
+
},
|
|
136
|
+
slotGrid: {
|
|
137
|
+
empty: 'No available times',
|
|
138
|
+
},
|
|
139
|
+
datePicker: {
|
|
140
|
+
today: 'Today',
|
|
141
|
+
clear: 'Clear',
|
|
142
|
+
openCalendar: 'Open calendar',
|
|
143
|
+
previousMonth: 'Previous month',
|
|
144
|
+
nextMonth: 'Next month',
|
|
145
|
+
rangeStart: 'Start date',
|
|
146
|
+
rangeEnd: 'End date',
|
|
147
|
+
timeLabel: 'Time',
|
|
148
|
+
timeHoursLabel: 'Hours',
|
|
149
|
+
timeMinutesLabel: 'Minutes',
|
|
150
|
+
timeOpenList: 'Open time list',
|
|
151
|
+
timeNow: 'Now',
|
|
152
|
+
timePeriodLabel: 'Period',
|
|
153
|
+
timePeriodAm: 'AM',
|
|
154
|
+
timePeriodPm: 'PM',
|
|
155
|
+
timePlaceholder24: 'HH:mm',
|
|
156
|
+
timePlaceholder12: 'h:mm AM/PM',
|
|
157
|
+
},
|
|
158
|
+
dateRangePicker: {
|
|
159
|
+
startTimeLabel: 'Start time',
|
|
160
|
+
endTimeLabel: 'End time',
|
|
161
|
+
},
|
|
162
|
+
dataTable: {
|
|
163
|
+
selectAll: 'Select all rows on page',
|
|
164
|
+
selectRow: (params) => `Select row ${params.row}`,
|
|
165
|
+
expandRow: (params) => `Expand row ${params.row}`,
|
|
166
|
+
dragReorder: (params) => `Drag to reorder ${params.name}`,
|
|
167
|
+
dragReorderUnnamed: 'Drag to reorder this column',
|
|
168
|
+
rowExpansion: 'Row expansion',
|
|
169
|
+
pinnedRows: 'Pinned rows',
|
|
170
|
+
empty: 'No data',
|
|
171
|
+
loading: 'Loading rows…',
|
|
172
|
+
resizeColumn: (params) => `Resize ${params.name} column`,
|
|
173
|
+
resizeColumnUnnamed: 'Resize this column',
|
|
174
|
+
unlabelledColumn: 'Unlabelled column',
|
|
175
|
+
loaded: 'Rows loaded',
|
|
176
|
+
loadedEmpty: 'No rows loaded',
|
|
177
|
+
columns: 'Columns',
|
|
178
|
+
},
|
|
179
|
+
drag: {
|
|
180
|
+
handleLabel: 'Reorder item',
|
|
181
|
+
instructions:
|
|
182
|
+
'Press Space or Enter to pick up. While dragging, the arrow keys move the item, Space or Enter drops it, and Escape cancels.',
|
|
183
|
+
pickedUp: ({ item }) => `Picked up ${item as string}.`,
|
|
184
|
+
movedOver: ({ item, index, total }) =>
|
|
185
|
+
`${item as string}, position ${index as number} of ${total as number}.`,
|
|
186
|
+
movedOverIn: ({ item, index, total, container }) =>
|
|
187
|
+
`${item as string}, position ${index as number} of ${total as number} in ${container as string}.`,
|
|
188
|
+
movedOutside: ({ item }) => `${item as string} is not over a drop target.`,
|
|
189
|
+
dropped: ({ item, index, total }) =>
|
|
190
|
+
`Dropped ${item as string} at position ${index as number} of ${total as number}.`,
|
|
191
|
+
droppedIn: ({ item, index, total, container }) =>
|
|
192
|
+
`Dropped ${item as string} at position ${index as number} of ${total as number} in ${container as string}.`,
|
|
193
|
+
droppedNowhere: ({ item }) => `Released ${item as string}. Nothing moved.`,
|
|
194
|
+
moved: ({ item }) => `Moved ${item as string}.`,
|
|
195
|
+
cancelled: ({ item }) => `Move cancelled. ${item as string} stayed where it was.`,
|
|
196
|
+
unnamed: 'the item',
|
|
197
|
+
unnamedContainer: ({ index, total }) => `list ${index as number} of ${total as number}`,
|
|
198
|
+
},
|
|
199
|
+
dashboardCanvas: {
|
|
200
|
+
canvas: 'Dashboard canvas',
|
|
201
|
+
sectionCollapse: ({ title }) => `Collapse ${title as string} section`,
|
|
202
|
+
sectionExpand: ({ title }) => `Expand ${title as string} section`,
|
|
203
|
+
itemRole: 'widget',
|
|
204
|
+
instructions:
|
|
205
|
+
'Press Enter or Space on a widget to pick it up. While picked, the arrow keys move it one cell — past a container edge they carry it into the next section — Enter or Space drops it, Escape cancels. Shift plus an arrow key resizes a widget. On a section’s toggle button, Shift plus ArrowUp or ArrowDown moves the section.',
|
|
206
|
+
instructionsReadOnly: 'Use the section toggle buttons to collapse or expand sections.',
|
|
207
|
+
pickedUp: 'Picked up. Use the arrow keys to move, Enter or Space to drop, Escape to cancel.',
|
|
208
|
+
movedTo: ({ x, y, container }) =>
|
|
209
|
+
container
|
|
210
|
+
? `Moved to column ${x as number}, row ${y as number} in the ${container as string} section`
|
|
211
|
+
: `Moved to column ${x as number}, row ${y as number}`,
|
|
212
|
+
dropped: 'Dropped',
|
|
213
|
+
cancelled: 'Move cancelled',
|
|
214
|
+
resized: ({ w, h }) => `Resized to ${w as number} by ${h as number}`,
|
|
215
|
+
sectionMoved: ({ title, position }) =>
|
|
216
|
+
position != null
|
|
217
|
+
? `${title as string} section moved to position ${position as number}`
|
|
218
|
+
: `${title as string} section moved`,
|
|
219
|
+
enteredSection: ({ title }) => `Entered the ${title as string} section`,
|
|
220
|
+
enteredTopLevel: 'Moved to the top level',
|
|
221
|
+
dropHint: 'Drop widgets here',
|
|
222
|
+
},
|
|
223
|
+
avatar: {
|
|
224
|
+
presence: {
|
|
225
|
+
online: 'online',
|
|
226
|
+
busy: 'busy',
|
|
227
|
+
away: 'away',
|
|
228
|
+
offline: 'offline',
|
|
229
|
+
},
|
|
230
|
+
agent: {
|
|
231
|
+
onBehalfOf: (params) => `${params.agent}, on behalf of ${params.member}`,
|
|
232
|
+
onBehalfOfFormer: (params) => `${params.agent}, on behalf of a former member`,
|
|
233
|
+
},
|
|
234
|
+
},
|
|
235
|
+
personDisplay: {
|
|
236
|
+
onBehalfOfPrefix: 'for',
|
|
237
|
+
onBehalfOfFormer: 'for a former member',
|
|
238
|
+
},
|
|
239
|
+
chatLauncher: {
|
|
240
|
+
close: 'Close chat',
|
|
241
|
+
},
|
|
242
|
+
chatBubble: {
|
|
243
|
+
member: 'You said',
|
|
244
|
+
assistant: 'Assistant said',
|
|
245
|
+
pending: 'Assistant is typing…',
|
|
246
|
+
},
|
|
247
|
+
avatarGroup: {
|
|
248
|
+
overflow: (params) => `${params.count} more avatars`,
|
|
249
|
+
},
|
|
250
|
+
optionsPicker: {
|
|
251
|
+
toggleGroup: (params) => `Toggle group ${params.label}`,
|
|
252
|
+
filter: 'Filter…',
|
|
253
|
+
apply: 'Apply',
|
|
254
|
+
cancel: 'Cancel',
|
|
255
|
+
noMatches: 'No matches',
|
|
256
|
+
statusLoading: 'Loading options…',
|
|
257
|
+
loadFailed: 'Failed to load options.',
|
|
258
|
+
retry: 'Retry',
|
|
259
|
+
selectedCount: ({ count }) => `${count} selected`,
|
|
260
|
+
},
|
|
261
|
+
emojiPicker: {
|
|
262
|
+
search: 'Search emoji',
|
|
263
|
+
label: 'Emoji',
|
|
264
|
+
recent: 'Recently used',
|
|
265
|
+
noResults: 'No emoji found',
|
|
266
|
+
category: {
|
|
267
|
+
smileys: 'Smileys',
|
|
268
|
+
gestures: 'Gestures',
|
|
269
|
+
people: 'People',
|
|
270
|
+
animals: 'Animals & nature',
|
|
271
|
+
food: 'Food & drink',
|
|
272
|
+
activities: 'Activities',
|
|
273
|
+
travel: 'Travel & places',
|
|
274
|
+
objects: 'Objects',
|
|
275
|
+
symbols: 'Symbols',
|
|
276
|
+
flags: 'Flags',
|
|
277
|
+
},
|
|
278
|
+
},
|
|
279
|
+
pagination: {
|
|
280
|
+
previous: 'Previous',
|
|
281
|
+
next: 'Next',
|
|
282
|
+
previousAriaLabel: 'Previous page',
|
|
283
|
+
nextAriaLabel: 'Next page',
|
|
284
|
+
ariaLabel: 'Pagination',
|
|
285
|
+
pageAriaLabel: ({ page }) => `Go to page ${page as number}`,
|
|
286
|
+
currentPageAriaLabel: ({ page }) => `Page ${page as number}, current page`,
|
|
287
|
+
},
|
|
288
|
+
select: {
|
|
289
|
+
createOption: ({ label }) => `+ Create "${label as string}"`,
|
|
290
|
+
removeChip: (params) => `Remove ${params.label}`,
|
|
291
|
+
clear: 'Clear selection',
|
|
292
|
+
search: 'Search…',
|
|
293
|
+
noOptions: 'No options',
|
|
294
|
+
loading: 'Loading…',
|
|
295
|
+
loadFailed: 'Failed to load options.',
|
|
296
|
+
retry: 'Retry',
|
|
297
|
+
noResultsFor: (params) => `No results for "${params.query}".`,
|
|
298
|
+
statusLoading: 'Loading options…',
|
|
299
|
+
selectedPrefix: ({ labels }) => `Selected: ${labels as string}`,
|
|
300
|
+
openSelect: 'Open select',
|
|
301
|
+
},
|
|
302
|
+
phoneInput: {
|
|
303
|
+
countryLabel: 'Country',
|
|
304
|
+
countrySearch: 'Search countries…',
|
|
305
|
+
numberLabel: 'Phone number',
|
|
306
|
+
numberPlaceholder: 'Phone number',
|
|
307
|
+
},
|
|
308
|
+
currencySelect: {
|
|
309
|
+
placeholder: 'Select currency',
|
|
310
|
+
search: 'Search currencies…',
|
|
311
|
+
},
|
|
312
|
+
moneyInput: {
|
|
313
|
+
currencyLabel: 'Currency',
|
|
314
|
+
amountLabel: 'Amount',
|
|
315
|
+
},
|
|
316
|
+
colorPicker: {
|
|
317
|
+
saturationBrightnessValue: (params) =>
|
|
318
|
+
`saturation ${params.s} percent, brightness ${params.v} percent`,
|
|
319
|
+
saturationBrightness: 'Saturation and brightness',
|
|
320
|
+
hue: 'Hue',
|
|
321
|
+
hexValue: 'Hex color value',
|
|
322
|
+
presetColors: 'Preset colors',
|
|
323
|
+
triggerLabel: 'Pick a color',
|
|
324
|
+
triggerAccessibleLabel: ({ label, value }) =>
|
|
325
|
+
`${label as string}, current value ${value as string}`,
|
|
326
|
+
},
|
|
327
|
+
iconPicker: {
|
|
328
|
+
triggerLabel: 'Pick icon',
|
|
329
|
+
triggerLabelWithColor: 'Pick icon and colour',
|
|
330
|
+
colorLabel: 'Colour',
|
|
331
|
+
iconLabel: 'Icon',
|
|
332
|
+
},
|
|
333
|
+
palette: {
|
|
334
|
+
red: 'Red',
|
|
335
|
+
coral: 'Coral',
|
|
336
|
+
orange: 'Orange',
|
|
337
|
+
amber: 'Amber',
|
|
338
|
+
gold: 'Gold',
|
|
339
|
+
yellow: 'Yellow',
|
|
340
|
+
olive: 'Olive',
|
|
341
|
+
lime: 'Lime',
|
|
342
|
+
green: 'Green',
|
|
343
|
+
emerald: 'Emerald',
|
|
344
|
+
mint: 'Mint',
|
|
345
|
+
teal: 'Teal',
|
|
346
|
+
cyan: 'Cyan',
|
|
347
|
+
sky: 'Sky',
|
|
348
|
+
blue: 'Blue',
|
|
349
|
+
navy: 'Navy',
|
|
350
|
+
indigo: 'Indigo',
|
|
351
|
+
violet: 'Violet',
|
|
352
|
+
lavender: 'Lavender',
|
|
353
|
+
purple: 'Purple',
|
|
354
|
+
plum: 'Plum',
|
|
355
|
+
fuchsia: 'Fuchsia',
|
|
356
|
+
magenta: 'Magenta',
|
|
357
|
+
pink: 'Pink',
|
|
358
|
+
rose: 'Rose',
|
|
359
|
+
brown: 'Brown',
|
|
360
|
+
taupe: 'Taupe',
|
|
361
|
+
slate: 'Slate',
|
|
362
|
+
stone: 'Stone',
|
|
363
|
+
charcoal: 'Charcoal',
|
|
364
|
+
},
|
|
365
|
+
drawer: {
|
|
366
|
+
close: 'Close dialog',
|
|
367
|
+
},
|
|
368
|
+
fileUpload: {
|
|
369
|
+
done: 'Done',
|
|
370
|
+
upload: 'Upload files',
|
|
371
|
+
dragHint: 'Drag files here, or click to browse',
|
|
372
|
+
uploadingAriaLabel: ({ name }) => `Uploading ${name as string}`,
|
|
373
|
+
batchUploading: (params) => `Uploading: ${params.done} / ${params.total}`,
|
|
374
|
+
batchSettled: (params) =>
|
|
375
|
+
Number(params.failed) > 0
|
|
376
|
+
? `Uploaded: ${params.done} / ${params.total}. Failed: ${params.failed}.`
|
|
377
|
+
: `Uploaded: ${params.done} / ${params.total}.`,
|
|
378
|
+
removeFailedAriaLabel: (params) => `Remove ${params.name} — upload failed`,
|
|
379
|
+
removeAriaLabel: ({ name }) => `Remove ${name as string}`,
|
|
380
|
+
},
|
|
381
|
+
flowCanvas: {
|
|
382
|
+
canvasLabel: 'Flow canvas',
|
|
383
|
+
instructions:
|
|
384
|
+
'Use the arrow keys to move between nodes, Home and End for the first and last node. Press Enter to open a node, Delete to delete it, and Shift plus an arrow key to move it. Press E to cycle through a node’s connections, C to start a new connection. With a connection selected, press R to rewire its target onto another node, or Shift plus R to rewire its source. Press Escape to cancel or clear the selection. Zoom with plus and minus, 0 fits the diagram, Control or Command plus an arrow key pans.',
|
|
385
|
+
instructionsReadOnly:
|
|
386
|
+
'Use the arrow keys to move between nodes, Home and End for the first and last node. Press Enter to open a node, E to cycle through a node’s connections, Escape to clear the selection. Zoom with plus and minus, 0 fits the diagram, Control or Command plus an arrow key pans.',
|
|
387
|
+
nodeRole: 'node',
|
|
388
|
+
edgeRole: 'connection',
|
|
389
|
+
zoomIn: 'Zoom in',
|
|
390
|
+
zoomOut: 'Zoom out',
|
|
391
|
+
zoomToFit: 'Zoom to fit',
|
|
392
|
+
edgeLabel: ({ from, to }) => `From ${from as string} to ${to as string}`,
|
|
393
|
+
nodeFocused: ({ label, index, total }) =>
|
|
394
|
+
`${label as string}, node ${index as number} of ${total as number}`,
|
|
395
|
+
edgeFocused: ({ from, to, index, total }) =>
|
|
396
|
+
`Connection from ${from as string} to ${to as string}, ${index as number} of ${total as number}`,
|
|
397
|
+
connectStart: ({ label }) =>
|
|
398
|
+
`Connecting from ${label as string}. Use the arrow keys to pick a target, Enter to confirm, Escape to cancel.`,
|
|
399
|
+
connectTarget: ({ label }) => `Target: ${label as string}`,
|
|
400
|
+
connectNoTarget: 'No target in that direction',
|
|
401
|
+
connectDone: ({ from, to }) => `Connected ${from as string} to ${to as string}`,
|
|
402
|
+
connectCancelled: 'Connection cancelled',
|
|
403
|
+
rewireStartSource:
|
|
404
|
+
'Rewiring the source of this connection. Arrow keys pick a node, Enter confirms, Escape cancels.',
|
|
405
|
+
rewireStartTarget:
|
|
406
|
+
'Rewiring the target of this connection. Arrow keys pick a node, Enter confirms, Escape cancels.',
|
|
407
|
+
rewireDone: ({ from, to }) => `Reconnected ${from as string} to ${to as string}`,
|
|
408
|
+
nodeMoved: ({ label }) => `${label as string} moved`,
|
|
409
|
+
selectionCleared: 'Selection cleared',
|
|
410
|
+
focusReturned: 'Focus returned to the canvas',
|
|
411
|
+
zoomLevel: ({ percent }) => `Zoom ${percent as number}%`,
|
|
412
|
+
enterFullscreen: 'Maximize',
|
|
413
|
+
exitFullscreen: 'Restore',
|
|
414
|
+
controlsLabel: 'Canvas actions',
|
|
415
|
+
maximized: 'Canvas maximized',
|
|
416
|
+
restored: 'Canvas restored',
|
|
417
|
+
},
|
|
418
|
+
imageCrop: {
|
|
419
|
+
loadError: "Couldn't load image",
|
|
420
|
+
reset: 'Reset',
|
|
421
|
+
label: 'Crop area',
|
|
422
|
+
aspectRatio: 'Aspect ratio',
|
|
423
|
+
keyboardHint:
|
|
424
|
+
'Drag the box to move it, drag corners to resize. Arrow keys move, Shift+Arrow keys resize, Home and End jump to the corners. Double-click to reset.',
|
|
425
|
+
areaValue: (params) => `${params.x}, ${params.y} — ${params.width}×${params.height} px`,
|
|
426
|
+
},
|
|
427
|
+
kanban: {
|
|
428
|
+
board: 'Kanban board',
|
|
429
|
+
unnamedColumn: ({ index, total }) => `column ${index as number} of ${total as number}`,
|
|
430
|
+
},
|
|
431
|
+
modal: {
|
|
432
|
+
close: 'Close dialog',
|
|
433
|
+
},
|
|
434
|
+
tour: {
|
|
435
|
+
next: 'Next',
|
|
436
|
+
back: 'Back',
|
|
437
|
+
skip: 'Skip tour',
|
|
438
|
+
done: 'Done',
|
|
439
|
+
progress: ({ current, total }) => `Step ${current} of ${total}`,
|
|
440
|
+
waiting: 'Loading step…',
|
|
441
|
+
clickHint: 'Click the highlighted element to continue',
|
|
442
|
+
},
|
|
443
|
+
toast: {
|
|
444
|
+
dismiss: 'Dismiss',
|
|
445
|
+
notifications: 'Notifications',
|
|
446
|
+
},
|
|
447
|
+
stagePath: { completed: 'completed', upcoming: 'upcoming' },
|
|
448
|
+
breadcrumb: {
|
|
449
|
+
ariaLabel: 'Breadcrumb',
|
|
450
|
+
},
|
|
451
|
+
filterChip: {
|
|
452
|
+
dismiss: 'Remove filter',
|
|
453
|
+
},
|
|
454
|
+
entityChip: {
|
|
455
|
+
unavailable: '(unavailable)',
|
|
456
|
+
loading: '(loading)',
|
|
457
|
+
},
|
|
458
|
+
dashboardWidget: {
|
|
459
|
+
trendUp: 'Increase',
|
|
460
|
+
trendDown: 'Decrease',
|
|
461
|
+
trendFlat: 'No change',
|
|
462
|
+
loading: 'Loading…',
|
|
463
|
+
},
|
|
464
|
+
stat: {
|
|
465
|
+
loading: 'Loading…',
|
|
466
|
+
noData: 'No data',
|
|
467
|
+
},
|
|
468
|
+
sparkline: {
|
|
469
|
+
summary: ({ label, first, last, min, max }) =>
|
|
470
|
+
`${label as string}: from ${first as string} to ${last as string}, low ${min as string}, high ${max as string}`,
|
|
471
|
+
noData: ({ label }) => `${label as string}: no data`,
|
|
472
|
+
},
|
|
473
|
+
chart: {
|
|
474
|
+
empty: 'No data for this period',
|
|
475
|
+
keyboardHint: 'Use arrow keys to inspect values. All values are also in the data table.',
|
|
476
|
+
category: 'Category',
|
|
477
|
+
noData: 'No data',
|
|
478
|
+
markers: 'Markers',
|
|
479
|
+
},
|
|
480
|
+
treeView: {
|
|
481
|
+
loading: 'Loading…',
|
|
482
|
+
loadError: "Couldn't load",
|
|
483
|
+
retry: 'Retry',
|
|
484
|
+
chartHint:
|
|
485
|
+
'Use up and down arrows to move between levels, left and right arrows to move between siblings.',
|
|
486
|
+
},
|
|
487
|
+
catalogPicker: {
|
|
488
|
+
search: 'Search…',
|
|
489
|
+
categories: 'Categories',
|
|
490
|
+
all: 'All',
|
|
491
|
+
resultCount: ({ count }) =>
|
|
492
|
+
`${count as number} ${(count as number) === 1 ? 'result' : 'results'}`,
|
|
493
|
+
noMatches: 'No matches',
|
|
494
|
+
},
|
|
495
|
+
pillMenu: {
|
|
496
|
+
change: ({ label, name }) => `Change ${label as string}: ${name as string}`,
|
|
497
|
+
defaultLabel: 'status',
|
|
498
|
+
busy: 'Saving…',
|
|
499
|
+
},
|
|
500
|
+
pageHeader: {
|
|
501
|
+
back: 'Go back',
|
|
502
|
+
},
|
|
503
|
+
rail: {
|
|
504
|
+
expand: 'Expand navigation',
|
|
505
|
+
collapse: 'Collapse navigation',
|
|
506
|
+
navigation: 'Main navigation',
|
|
507
|
+
expandGroup: 'Expand',
|
|
508
|
+
collapseGroup: 'Collapse',
|
|
509
|
+
},
|
|
510
|
+
topBar: {
|
|
511
|
+
label: 'Application top bar',
|
|
512
|
+
search: 'Search',
|
|
513
|
+
searchEmpty: 'No results',
|
|
514
|
+
searchLoading: 'Searching…',
|
|
515
|
+
searchResults: ({ count }) =>
|
|
516
|
+
`${count as number} ${(count as number) === 1 ? 'result' : 'results'}`,
|
|
517
|
+
},
|
|
518
|
+
field: {
|
|
519
|
+
optional: '(optional)',
|
|
520
|
+
},
|
|
521
|
+
liquidEditor: {
|
|
522
|
+
insertVariable: 'Insert variable',
|
|
523
|
+
noVariables: 'No variables available',
|
|
524
|
+
preview: 'Preview',
|
|
525
|
+
previewRendering: 'Rendering…',
|
|
526
|
+
previewError: 'Could not render preview',
|
|
527
|
+
unknownVariable: ({ name }) => `Unknown variable "${name}"`,
|
|
528
|
+
editorLabel: 'Liquid template',
|
|
529
|
+
suggestions: 'Suggestions',
|
|
530
|
+
collectionTag: 'list',
|
|
531
|
+
},
|
|
532
|
+
richTextEditor: {
|
|
533
|
+
editorLabel: 'Rich text editor',
|
|
534
|
+
toolbar: 'Formatting',
|
|
535
|
+
blockType: 'Text style',
|
|
536
|
+
paragraph: 'Paragraph',
|
|
537
|
+
heading1: 'Heading 1',
|
|
538
|
+
heading2: 'Heading 2',
|
|
539
|
+
heading3: 'Heading 3',
|
|
540
|
+
blockquote: 'Quote',
|
|
541
|
+
codeBlock: 'Code block',
|
|
542
|
+
mixed: 'Mixed',
|
|
543
|
+
bold: 'Bold',
|
|
544
|
+
italic: 'Italic',
|
|
545
|
+
underline: 'Underline',
|
|
546
|
+
strike: 'Strikethrough',
|
|
547
|
+
bulletList: 'Bullet list',
|
|
548
|
+
orderedList: 'Numbered list',
|
|
549
|
+
link: 'Link',
|
|
550
|
+
emoji: 'Emoji',
|
|
551
|
+
linkUrl: 'Link URL',
|
|
552
|
+
linkUrlPlaceholder: 'https://… or /path',
|
|
553
|
+
linkApply: 'Apply',
|
|
554
|
+
linkRemove: 'Remove link',
|
|
555
|
+
linkEditorLabel: 'Edit link',
|
|
556
|
+
undo: 'Undo',
|
|
557
|
+
redo: 'Redo',
|
|
558
|
+
mentionsLabel: 'Mentions',
|
|
559
|
+
mentionsEmpty: 'No matches',
|
|
560
|
+
blockInsert: 'Insert block below',
|
|
561
|
+
blockActions: 'Block actions',
|
|
562
|
+
blockTurnInto: 'Turn into',
|
|
563
|
+
blockDuplicate: 'Duplicate',
|
|
564
|
+
blockMoveUp: 'Move up',
|
|
565
|
+
blockMoveDown: 'Move down',
|
|
566
|
+
blockDelete: 'Delete',
|
|
567
|
+
upload: 'Add file',
|
|
568
|
+
uploadingFile: 'Uploading…',
|
|
569
|
+
uploadFailed: 'Upload failed',
|
|
570
|
+
uploadRetry: 'Retry',
|
|
571
|
+
uploadRemove: 'Remove',
|
|
572
|
+
attachmentConfigure: 'Configure',
|
|
573
|
+
attachmentAlt: 'Alt text',
|
|
574
|
+
attachmentAlign: 'Align',
|
|
575
|
+
attachmentAlignLeft: 'Align left',
|
|
576
|
+
attachmentAlignCenter: 'Align center',
|
|
577
|
+
attachmentAlignRight: 'Align right',
|
|
578
|
+
attachmentWidth: 'Width',
|
|
579
|
+
attachmentWidthReset: 'Reset',
|
|
580
|
+
attachmentResize: 'Drag to resize',
|
|
581
|
+
attachmentReplace: 'Replace',
|
|
582
|
+
attachmentOpen: 'Open',
|
|
583
|
+
attachmentDownload: 'Download',
|
|
584
|
+
textColor: 'Text color',
|
|
585
|
+
highlight: 'Highlight',
|
|
586
|
+
colorClear: 'Default',
|
|
587
|
+
colorGray: 'Gray',
|
|
588
|
+
colorRed: 'Red',
|
|
589
|
+
colorCoral: 'Coral',
|
|
590
|
+
colorOrange: 'Orange',
|
|
591
|
+
colorAmber: 'Amber',
|
|
592
|
+
colorGold: 'Gold',
|
|
593
|
+
colorYellow: 'Yellow',
|
|
594
|
+
colorOlive: 'Olive',
|
|
595
|
+
colorLime: 'Lime',
|
|
596
|
+
colorGreen: 'Green',
|
|
597
|
+
colorEmerald: 'Emerald',
|
|
598
|
+
colorMint: 'Mint',
|
|
599
|
+
colorTeal: 'Teal',
|
|
600
|
+
colorCyan: 'Cyan',
|
|
601
|
+
colorSky: 'Sky',
|
|
602
|
+
colorBlue: 'Blue',
|
|
603
|
+
colorNavy: 'Navy',
|
|
604
|
+
colorIndigo: 'Indigo',
|
|
605
|
+
colorViolet: 'Violet',
|
|
606
|
+
colorLavender: 'Lavender',
|
|
607
|
+
colorPurple: 'Purple',
|
|
608
|
+
colorPlum: 'Plum',
|
|
609
|
+
colorFuchsia: 'Fuchsia',
|
|
610
|
+
colorMagenta: 'Magenta',
|
|
611
|
+
colorPink: 'Pink',
|
|
612
|
+
colorRose: 'Rose',
|
|
613
|
+
colorBrown: 'Brown',
|
|
614
|
+
colorTaupe: 'Taupe',
|
|
615
|
+
colorSlate: 'Slate',
|
|
616
|
+
colorStone: 'Stone',
|
|
617
|
+
colorCharcoal: 'Charcoal',
|
|
618
|
+
},
|
|
619
|
+
relativeDateInput: {
|
|
620
|
+
today: 'Today',
|
|
621
|
+
now: 'Now',
|
|
622
|
+
boundary: ({ edge, scope, period }) =>
|
|
623
|
+
`${edge === 'start' ? 'Start' : 'End'} of ${scope} ${period}`,
|
|
624
|
+
units: ({ unit, n }) => {
|
|
625
|
+
const words = { d: 'day', w: 'week', m: 'month', y: 'year', h: 'hour', min: 'minute' };
|
|
626
|
+
return n === 1 ? words[unit] : `${words[unit]}s`;
|
|
627
|
+
},
|
|
628
|
+
calendarPeriod: ({ scope, period }) =>
|
|
629
|
+
`${{ this: 'This', last: 'Last', next: 'Next' }[scope]} ${period}`,
|
|
630
|
+
periodToDate: ({ period }) => `${period[0].toUpperCase()}${period.slice(1)} to date`,
|
|
631
|
+
kinds: {
|
|
632
|
+
past: 'Past',
|
|
633
|
+
coming: 'Coming',
|
|
634
|
+
calendar: 'Calendar period',
|
|
635
|
+
toDate: 'Period to date',
|
|
636
|
+
},
|
|
637
|
+
exactDate: 'Exact date',
|
|
638
|
+
date: 'Date',
|
|
639
|
+
sign: 'Direction',
|
|
640
|
+
amount: 'Amount',
|
|
641
|
+
unit: 'Unit',
|
|
642
|
+
anchor: 'Anchor',
|
|
643
|
+
kind: 'Range type',
|
|
644
|
+
period: 'Period',
|
|
645
|
+
errorRange: ({ min, max }) => `Enter a whole number from ${min} to ${max}`,
|
|
646
|
+
unrecognised: ({ value }) => `Unrecognised value: ${value}`,
|
|
647
|
+
},
|
|
648
|
+
};
|