@openfin/ui-library 0.31.3-alpha.1759501280 → 0.31.3-alpha.20251106164713
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/README.md +2 -2
- package/package.json +12 -46
- package/dist/assets/fonts/Inter-Italic.woff2 +0 -0
- package/dist/assets/fonts/Inter-Regular.woff2 +0 -0
- package/dist/assets/fonts/Inter-SemiBold.woff2 +0 -0
- package/dist/assets/fonts/Inter-SemiBoldItalic.woff2 +0 -0
- package/dist/assets/fonts/index.d.ts +0 -2
- package/dist/assets/index.d.ts +0 -1
- package/dist/components/controls/Button/button.d.ts +0 -35
- package/dist/components/controls/Button/button.variants.d.ts +0 -64
- package/dist/components/controls/Button/index.d.ts +0 -2
- package/dist/components/controls/ClickableNavigation/clickableNavigation.d.ts +0 -11
- package/dist/components/controls/ClickableNavigation/index.d.ts +0 -1
- package/dist/components/controls/CollapsibleCard/cardContainer.d.ts +0 -6
- package/dist/components/controls/CollapsibleCard/collapsibleCard.d.ts +0 -19
- package/dist/components/controls/CollapsibleCard/index.d.ts +0 -1
- package/dist/components/controls/ExpandableButton/expandDirection.d.ts +0 -4
- package/dist/components/controls/ExpandableButton/expandableButton.d.ts +0 -16
- package/dist/components/controls/ExpandableButton/expandablePanel.d.ts +0 -14
- package/dist/components/controls/ExpandableButton/expandablePanel.setup.d.ts +0 -2
- package/dist/components/controls/ExpandableButton/index.d.ts +0 -2
- package/dist/components/controls/Menus/ContentMenu/ContentMenu.d.ts +0 -52
- package/dist/components/controls/Menus/ContentMenu/ContentMenuColumn/ContentMenuColumn.d.ts +0 -17
- package/dist/components/controls/Menus/ContentMenu/ContentMenuContext.d.ts +0 -5
- package/dist/components/controls/Menus/ContentMenu/ContentMenuItem/ContentMenuItem.d.ts +0 -56
- package/dist/components/controls/Menus/ContentMenu/ContentMenuItem/IconWithFallback.d.ts +0 -7
- package/dist/components/controls/Menus/ContentMenu/ContentMenuItem/useImageLoader.d.ts +0 -8
- package/dist/components/controls/Menus/ContentMenu/Tooltip/Tooltip.d.ts +0 -7
- package/dist/components/controls/Menus/ContentMenu/index.d.ts +0 -1
- package/dist/components/controls/Menus/CustomContextMenu/CustomContextMenu.d.ts +0 -96
- package/dist/components/controls/Menus/CustomContextMenu/CustomContextMenuItems/ColorLinkingContextMenuWidget.d.ts +0 -10
- package/dist/components/controls/Menus/CustomContextMenu/CustomContextMenuItems/CustomContextMenuItem.d.ts +0 -12
- package/dist/components/controls/Menus/CustomContextMenu/CustomContextMenuItems/NormalCustomContextMenuItem.d.ts +0 -7
- package/dist/components/controls/Menus/CustomContextMenu/CustomContextMenuItems/RootMenuHeader.d.ts +0 -5
- package/dist/components/controls/Menus/CustomContextMenu/CustomContextMenuItems/SeparatorCustomContextMenuItem.d.ts +0 -2
- package/dist/components/controls/Menus/CustomContextMenu/CustomContextMenuItems/SubmenuHeaderCustomContextMenuItem.d.ts +0 -9
- package/dist/components/controls/Menus/CustomContextMenu/CustomContextMenuItems/WidgetCustomContextMenuItem.d.ts +0 -6
- package/dist/components/controls/Menus/CustomContextMenu/index.d.ts +0 -1
- package/dist/components/controls/Menus/CustomContextMenu/useContextMenuKeyboardNavigation.d.ts +0 -17
- package/dist/components/controls/Menus/CustomContextMenu/useContextMenuKeyboardNavigation.test.d.ts +0 -1
- package/dist/components/controls/Menus/CustomContextMenu/useContextMenuNavigation.d.ts +0 -25
- package/dist/components/controls/Menus/CustomContextMenu/useContextMenuNavigation.test.d.ts +0 -1
- package/dist/components/controls/Menus/CustomContextMenu/useResizeContextMenu.d.ts +0 -10
- package/dist/components/controls/Menus/CustomContextMenu/useResizeContextMenu.test.d.ts +0 -1
- package/dist/components/controls/Menus/CustomContextMenu/utils.d.ts +0 -3
- package/dist/components/controls/Menus/common.d.ts +0 -80
- package/dist/components/controls/Toggle/index.d.ts +0 -1
- package/dist/components/controls/Toggle/toggle.d.ts +0 -10
- package/dist/components/elements/Badge/badge.d.ts +0 -18
- package/dist/components/elements/Badge/index.d.ts +0 -1
- package/dist/components/elements/Calendar/calendar.d.ts +0 -8
- package/dist/components/elements/Calendar/index.d.ts +0 -1
- package/dist/components/elements/DropdownMenu/dropdownButton.d.ts +0 -15
- package/dist/components/elements/DropdownMenu/dropdownMenu.d.ts +0 -16
- package/dist/components/elements/DropdownMenu/index.d.ts +0 -3
- package/dist/components/elements/DropdownMenu/menu.d.ts +0 -67
- package/dist/components/elements/DropdownMenu/optionTitle.d.ts +0 -15
- package/dist/components/elements/Icon/icon.d.ts +0 -19
- package/dist/components/elements/Icon/icon.variants.d.ts +0 -28
- package/dist/components/elements/Icon/index.d.ts +0 -1
- package/dist/components/elements/Icon/openfin/BellFilledIcon.d.ts +0 -2
- package/dist/components/elements/Icon/openfin/BellIcon.d.ts +0 -6
- package/dist/components/elements/Icon/openfin/BlockedIcon.d.ts +0 -2
- package/dist/components/elements/Icon/openfin/BookmarkFilled.d.ts +0 -2
- package/dist/components/elements/Icon/openfin/BookmarkOutlined.d.ts +0 -2
- package/dist/components/elements/Icon/openfin/BrokenLinkIcon.d.ts +0 -2
- package/dist/components/elements/Icon/openfin/ChevronDownIcon.d.ts +0 -2
- package/dist/components/elements/Icon/openfin/ChevronLeftIcon.d.ts +0 -2
- package/dist/components/elements/Icon/openfin/ChevronRightIcon.d.ts +0 -2
- package/dist/components/elements/Icon/openfin/ChevronUpIcon.d.ts +0 -2
- package/dist/components/elements/Icon/openfin/CollectionIcon.d.ts +0 -2
- package/dist/components/elements/Icon/openfin/ContentAppIcon.d.ts +0 -2
- package/dist/components/elements/Icon/openfin/EnterpriseGlobeIcon.d.ts +0 -2
- package/dist/components/elements/Icon/openfin/ExclamationCircledFilledIcon.d.ts +0 -4
- package/dist/components/elements/Icon/openfin/FallbackGlobeIcon.d.ts +0 -2
- package/dist/components/elements/Icon/openfin/FilledCircleIcon.d.ts +0 -2
- package/dist/components/elements/Icon/openfin/FilterIcon.d.ts +0 -2
- package/dist/components/elements/Icon/openfin/FloppyDiskIcon.d.ts +0 -5
- package/dist/components/elements/Icon/openfin/FragmentsIcon.d.ts +0 -2
- package/dist/components/elements/Icon/openfin/LightBulbFilledIcon.d.ts +0 -2
- package/dist/components/elements/Icon/openfin/LightBulbOutlinedIcon.d.ts +0 -2
- package/dist/components/elements/Icon/openfin/LockedClosedFilledIcon.d.ts +0 -5
- package/dist/components/elements/Icon/openfin/MinimizeIcon.d.ts +0 -5
- package/dist/components/elements/Icon/openfin/OpenFinIcon.d.ts +0 -5
- package/dist/components/elements/Icon/openfin/PageIcon.d.ts +0 -5
- package/dist/components/elements/Icon/openfin/RedDotIcon.d.ts +0 -2
- package/dist/components/elements/Icon/openfin/StackIcon.d.ts +0 -2
- package/dist/components/elements/Icon/openfin/StorefrontIcon.d.ts +0 -2
- package/dist/components/elements/Icon/openfin/SupertabIcon.d.ts +0 -5
- package/dist/components/elements/Icon/openfin/WorkspaceIcon.d.ts +0 -5
- package/dist/components/elements/Icon/openfin/index.d.ts +0 -30
- package/dist/components/elements/IconWithBadge/iconWithBadge.d.ts +0 -5
- package/dist/components/elements/IconWithBadge/index.d.ts +0 -1
- package/dist/components/elements/Label/label.d.ts +0 -11
- package/dist/components/elements/Loader/index.d.ts +0 -2
- package/dist/components/elements/Loader/loader.d.ts +0 -4
- package/dist/components/elements/Loader/openfinLoader.d.ts +0 -4
- package/dist/components/helper/ValidationError.d.ts +0 -6
- package/dist/components/input/BaseInput/baseInput.d.ts +0 -29
- package/dist/components/input/BaseInput/index.d.ts +0 -1
- package/dist/components/input/Checkbox/checkbox.d.ts +0 -12
- package/dist/components/input/Checkbox/checkbox.variants.d.ts +0 -21
- package/dist/components/input/Checkbox/index.d.ts +0 -1
- package/dist/components/input/CheckboxGroup/checkboxGroup.d.ts +0 -15
- package/dist/components/input/CheckboxGroup/index.d.ts +0 -1
- package/dist/components/input/DateInput/dateInput.d.ts +0 -14
- package/dist/components/input/DateInput/index.d.ts +0 -1
- package/dist/components/input/NumberInput/index.d.ts +0 -1
- package/dist/components/input/NumberInput/numberInput.d.ts +0 -27
- package/dist/components/input/RadioGroup/index.d.ts +0 -1
- package/dist/components/input/RadioGroup/radioGroup.d.ts +0 -15
- package/dist/components/input/RadioInput/index.d.ts +0 -1
- package/dist/components/input/RadioInput/radioInput.d.ts +0 -14
- package/dist/components/input/RawInput/index.d.ts +0 -1
- package/dist/components/input/RawInput/rawInput.d.ts +0 -4
- package/dist/components/input/TextArea/index.d.ts +0 -1
- package/dist/components/input/TextArea/textArea.d.ts +0 -12
- package/dist/components/input/TextInput/index.d.ts +0 -1
- package/dist/components/input/TextInput/textInput.d.ts +0 -14
- package/dist/components/layout/Box/box.d.ts +0 -41
- package/dist/components/layout/Box/index.d.ts +0 -1
- package/dist/components/layout/Box/types.d.ts +0 -7
- package/dist/components/layout/DefinitionList/definitionList.d.ts +0 -10
- package/dist/components/layout/DefinitionList/index.d.ts +0 -1
- package/dist/components/layout/HamburgerNavigation/hamburgerNavigation.d.ts +0 -13
- package/dist/components/layout/HamburgerNavigation/index.d.ts +0 -2
- package/dist/components/layout/HamburgerNavigation/sidebarMenu.d.ts +0 -12
- package/dist/components/layout/TabList/index.d.ts +0 -1
- package/dist/components/layout/TabList/tab.d.ts +0 -8
- package/dist/components/layout/TabList/tabList.d.ts +0 -13
- package/dist/components/system/GlobalStyles/globalStyles.d.ts +0 -5
- package/dist/components/system/GlobalStyles/globalStyles.spec.d.ts +0 -1
- package/dist/components/system/GlobalStyles/index.d.ts +0 -1
- package/dist/components/system/HOC/index.d.ts +0 -4
- package/dist/components/system/ThemeProvider/index.d.ts +0 -2
- package/dist/components/system/ThemeProvider/lib/colors.d.ts +0 -4
- package/dist/components/system/ThemeProvider/lib/constants.d.ts +0 -214
- package/dist/components/system/ThemeProvider/lib/createFontFaceCss.d.ts +0 -11
- package/dist/components/system/ThemeProvider/lib/createTheme.d.ts +0 -9
- package/dist/components/system/ThemeProvider/lib/helpers.d.ts +0 -35
- package/dist/components/system/ThemeProvider/lib/iconSet.d.ts +0 -355
- package/dist/components/system/ThemeProvider/lib/index.d.ts +0 -10
- package/dist/components/system/ThemeProvider/lib/interface.d.ts +0 -23
- package/dist/components/system/ThemeProvider/lib/mixins.d.ts +0 -16
- package/dist/components/system/ThemeProvider/lib/palette.d.ts +0 -42
- package/dist/components/system/ThemeProvider/lib/types.d.ts +0 -42
- package/dist/components/system/ThemeProvider/theme/index.d.ts +0 -1
- package/dist/components/system/ThemeProvider/theme/openfin.d.ts +0 -9
- package/dist/components/system/ThemeProvider/themeProvider.d.ts +0 -20
- package/dist/components/system/ThemeProvider/themeProvider.spec.d.ts +0 -1
- package/dist/components/system/index.d.ts +0 -3
- package/dist/components/templates/CascadingDropdownMenu/cascadingDropdownMenu.d.ts +0 -1
- package/dist/components/templates/ContactCard/ContactStatusIcon.d.ts +0 -7
- package/dist/components/templates/ContactCard/PresenceIcons.d.ts +0 -4
- package/dist/components/templates/ContactCard/contactCard.d.ts +0 -30
- package/dist/components/templates/ContactCard/index.d.ts +0 -1
- package/dist/components/templates/utils/name.d.ts +0 -1
- package/dist/components/typography/Heading/heading.d.ts +0 -1668
- package/dist/components/typography/Heading/index.d.ts +0 -1
- package/dist/components/typography/Text/index.d.ts +0 -1
- package/dist/components/typography/Text/text.d.ts +0 -21
- package/dist/hooks/useColorScheme.d.ts +0 -19
- package/dist/hooks/useDropdownKeyboardNavigation.d.ts +0 -16
- package/dist/hooks/useMediaQuery.d.ts +0 -12
- package/dist/hooks/usePrevious.d.ts +0 -1
- package/dist/hooks/useTheme.d.ts +0 -8
- package/dist/index.d.ts +0 -36
- package/dist/index.js +0 -1565
- package/dist/index.js.LICENSE.txt +0 -19
- package/dist/lib/color-generator.d.ts +0 -7
- package/dist/lib/color-generator.spec.d.ts +0 -1
- package/dist/lib/math.d.ts +0 -13
- package/dist/lib/whenFin.d.ts +0 -6
- package/dist/lib/whenFin.spec.d.ts +0 -1
- package/dist/storybookHelpers.d.ts +0 -78
- package/dist/theme.d.ts +0 -3
- package/dist/theme.js +0 -1
- package/dist/types/index.d.ts +0 -3
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { IconType } from '../../system/ThemeProvider';
|
|
3
|
-
interface LabelProps {
|
|
4
|
-
icon?: IconType | (() => JSX.Element);
|
|
5
|
-
text?: string;
|
|
6
|
-
htmlFor?: string;
|
|
7
|
-
helperText?: string;
|
|
8
|
-
inline?: boolean;
|
|
9
|
-
}
|
|
10
|
-
export declare const Label: ({ icon, text, helperText, htmlFor, inline }: LabelProps) => import("react/jsx-runtime").JSX.Element;
|
|
11
|
-
export {};
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
import { HTMLAttributes } from 'react';
|
|
2
|
-
import { IconSizeProps } from '../Icon';
|
|
3
|
-
export type LoaderProps = IconSizeProps & HTMLAttributes<HTMLDivElement>;
|
|
4
|
-
export declare const Loader: import("styled-components").StyledComponent<({ ...props }: LoaderProps) => import("react/jsx-runtime").JSX.Element, import("styled-components").DefaultTheme, IconSizeProps & HTMLAttributes<HTMLDivElement>, never>;
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
import { HTMLAttributes } from 'react';
|
|
2
|
-
import { IconSizeProps } from '../Icon';
|
|
3
|
-
export type OpenfinLoaderProps = IconSizeProps & HTMLAttributes<HTMLDivElement>;
|
|
4
|
-
export declare const OpenfinLoader: import("styled-components").StyledComponent<({ ...props }: OpenfinLoaderProps) => import("react/jsx-runtime").JSX.Element, import("styled-components").DefaultTheme, IconSizeProps & HTMLAttributes<HTMLDivElement>, never>;
|
|
@@ -1,29 +0,0 @@
|
|
|
1
|
-
import React, { InputHTMLAttributes } from 'react';
|
|
2
|
-
import { WithStatusProps } from '../../system/HOC';
|
|
3
|
-
import { IconType } from '../../system/ThemeProvider/lib/types';
|
|
4
|
-
export type BaseInputProps = InputHTMLAttributes<HTMLInputElement> & {
|
|
5
|
-
message?: string;
|
|
6
|
-
label?: string;
|
|
7
|
-
type?: string;
|
|
8
|
-
renderInput?: (props: InputHTMLAttributes<HTMLInputElement> & {
|
|
9
|
-
status?: string;
|
|
10
|
-
}) => JSX.Element;
|
|
11
|
-
icon?: IconType | (() => JSX.Element);
|
|
12
|
-
helperText?: string;
|
|
13
|
-
validationErrorMessage?: string;
|
|
14
|
-
} & WithStatusProps;
|
|
15
|
-
/**
|
|
16
|
-
* @private This should not be exposed beyond the ui-library.
|
|
17
|
-
*/
|
|
18
|
-
export declare const BaseInput: React.ForwardRefExoticComponent<React.InputHTMLAttributes<HTMLInputElement> & {
|
|
19
|
-
message?: string | undefined;
|
|
20
|
-
label?: string | undefined;
|
|
21
|
-
type?: string | undefined;
|
|
22
|
-
renderInput?: ((props: InputHTMLAttributes<HTMLInputElement> & {
|
|
23
|
-
status?: string;
|
|
24
|
-
}) => JSX.Element) | undefined;
|
|
25
|
-
icon?: "ContentAppIcon" | "OpenFinIcon" | "BellIcon" | "WorkspaceIcon" | "LockedClosedFilledIcon" | "MinimizeIcon" | "LightBulbFilledIcon" | "LightBulbOutlinedIcon" | "FilterIcon" | "BrokenLinkIcon" | "FloppyDiskIcon" | "StackIcon" | "BellFilledIcon" | "StorefrontIcon" | "FragmentsIcon" | "ChevronRightIcon" | "ChevronLeftIcon" | "ChevronUpIcon" | "ChevronDownIcon" | "ExclamationCircledFilledIcon" | "FilledCircleIcon" | "PageIcon" | "RedDotIcon" | "BookmarkFilled" | "BookmarkOutlined" | "FallbackGlobeIcon" | "BlockedIcon" | "EnterpriseGlobeIcon" | "SupertabIcon" | "CollectionIcon" | "AccessibilityIcon" | "ActivityLogIcon" | "AlignBaselineIcon" | "AlignBottomIcon" | "AlignCenterHorizontallyIcon" | "AlignCenterVerticallyIcon" | "AlignLeftIcon" | "AlignRightIcon" | "AlignTopIcon" | "AllSidesIcon" | "AngleIcon" | "ArchiveIcon" | "ArrowBottomLeftIcon" | "ArrowBottomRightIcon" | "ArrowDownIcon" | "ArrowLeftIcon" | "ArrowRightIcon" | "ArrowTopLeftIcon" | "ArrowTopRightIcon" | "ArrowUpIcon" | "AspectRatioIcon" | "AvatarIcon" | "BackpackIcon" | "BadgeIcon" | "BarChartIcon" | "BlendingModeIcon" | "BookmarkIcon" | "BookmarkFilledIcon" | "BorderAllIcon" | "BorderBottomIcon" | "BorderDashedIcon" | "BorderDottedIcon" | "BorderLeftIcon" | "BorderNoneIcon" | "BorderRightIcon" | "BorderSolidIcon" | "BorderSplitIcon" | "BorderStyleIcon" | "BorderTopIcon" | "BorderWidthIcon" | "BoxIcon" | "BoxModelIcon" | "ButtonIcon" | "CalendarIcon" | "CameraIcon" | "CardStackIcon" | "CardStackMinusIcon" | "CardStackPlusIcon" | "CaretDownIcon" | "CaretLeftIcon" | "CaretRightIcon" | "CaretSortIcon" | "CaretUpIcon" | "ChatBubbleIcon" | "CheckIcon" | "CheckCircledIcon" | "CheckboxIcon" | "CircleIcon" | "CircleBackslashIcon" | "ClipboardIcon" | "ClipboardCopyIcon" | "ClockIcon" | "CodeIcon" | "CodeSandboxLogoIcon" | "ColorWheelIcon" | "ColumnSpacingIcon" | "ColumnsIcon" | "CommitIcon" | "Component1Icon" | "Component2Icon" | "ComponentBooleanIcon" | "ComponentInstanceIcon" | "ComponentNoneIcon" | "ComponentPlaceholderIcon" | "ContainerIcon" | "CookieIcon" | "CopyIcon" | "CornerBottomLeftIcon" | "CornerBottomRightIcon" | "CornerTopLeftIcon" | "CornerTopRightIcon" | "CornersIcon" | "CountdownTimerIcon" | "CounterClockwiseClockIcon" | "CropIcon" | "Cross1Icon" | "Cross2Icon" | "CrossCircledIcon" | "Crosshair1Icon" | "Crosshair2Icon" | "CrumpledPaperIcon" | "CubeIcon" | "CursorArrowIcon" | "CursorTextIcon" | "DashIcon" | "DashboardIcon" | "DesktopIcon" | "DimensionsIcon" | "DiscIcon" | "DiscordLogoIcon" | "DividerHorizontalIcon" | "DividerVerticalIcon" | "DotIcon" | "DotFilledIcon" | "DotsHorizontalIcon" | "DotsVerticalIcon" | "DoubleArrowDownIcon" | "DoubleArrowLeftIcon" | "DoubleArrowRightIcon" | "DoubleArrowUpIcon" | "DownloadIcon" | "DragHandleDots1Icon" | "DragHandleDots2Icon" | "DragHandleHorizontalIcon" | "DragHandleVerticalIcon" | "DrawingPinIcon" | "DrawingPinFilledIcon" | "DropdownMenuIcon" | "EnterIcon" | "EnterFullScreenIcon" | "EnvelopeClosedIcon" | "EnvelopeOpenIcon" | "EraserIcon" | "ExclamationTriangleIcon" | "ExitIcon" | "ExitFullScreenIcon" | "ExternalLinkIcon" | "EyeClosedIcon" | "EyeNoneIcon" | "EyeOpenIcon" | "FaceIcon" | "FigmaLogoIcon" | "FileIcon" | "FileMinusIcon" | "FilePlusIcon" | "FileTextIcon" | "FontBoldIcon" | "FontFamilyIcon" | "FontItalicIcon" | "FontRomanIcon" | "FontSizeIcon" | "FontStyleIcon" | "FrameIcon" | "FramerLogoIcon" | "GearIcon" | "GitHubLogoIcon" | "GlobeIcon" | "GridIcon" | "GroupIcon" | "Half1Icon" | "Half2Icon" | "HamburgerMenuIcon" | "HandIcon" | "HeadingIcon" | "HeartIcon" | "HeartFilledIcon" | "HeightIcon" | "HobbyKnifeIcon" | "HomeIcon" | "IconJarLogoIcon" | "IdCardIcon" | "ImageIcon" | "InfoCircledIcon" | "InputIcon" | "InstagramLogoIcon" | "KeyboardIcon" | "LapTimerIcon" | "LaptopIcon" | "LayersIcon" | "LayoutIcon" | "LetterCaseCapitalizeIcon" | "LetterCaseLowercaseIcon" | "LetterCaseToggleIcon" | "LetterCaseUppercaseIcon" | "LetterSpacingIcon" | "LightningBoltIcon" | "LineHeightIcon" | "Link1Icon" | "Link2Icon" | "LinkBreak1Icon" | "LinkBreak2Icon" | "LinkNone1Icon" | "LinkNone2Icon" | "LinkedInLogoIcon" | "ListBulletIcon" | "LockClosedIcon" | "LockOpen1Icon" | "LockOpen2Icon" | "LoopIcon" | "MagicWandIcon" | "MagnifyingGlassIcon" | "MarginIcon" | "MaskOffIcon" | "MaskOnIcon" | "MinusIcon" | "MinusCircledIcon" | "MixIcon" | "MixerHorizontalIcon" | "MixerVerticalIcon" | "MobileIcon" | "ModulzLogoIcon" | "MoonIcon" | "MoveIcon" | "NotionLogoIcon" | "OpacityIcon" | "OpenInNewWindowIcon" | "OverlineIcon" | "PaddingIcon" | "PaperPlaneIcon" | "PauseIcon" | "Pencil1Icon" | "Pencil2Icon" | "PersonIcon" | "PieChartIcon" | "PilcrowIcon" | "PinBottomIcon" | "PinLeftIcon" | "PinRightIcon" | "PinTopIcon" | "PlayIcon" | "PlusIcon" | "PlusCircledIcon" | "QuestionMarkIcon" | "QuestionMarkCircledIcon" | "QuoteIcon" | "RadiobuttonIcon" | "ReaderIcon" | "ReloadIcon" | "ResetIcon" | "ResumeIcon" | "RocketIcon" | "RotateCounterClockwiseIcon" | "RowSpacingIcon" | "RowsIcon" | "RulerHorizontalIcon" | "RulerSquareIcon" | "ScissorsIcon" | "SectionIcon" | "SewingPinIcon" | "SewingPinFilledIcon" | "ShadowIcon" | "ShadowInnerIcon" | "ShadowNoneIcon" | "ShadowOuterIcon" | "Share1Icon" | "Share2Icon" | "ShuffleIcon" | "SizeIcon" | "SketchLogoIcon" | "SlashIcon" | "SliderIcon" | "SpaceBetweenHorizontallyIcon" | "SpaceBetweenVerticallyIcon" | "SpaceEvenlyHorizontallyIcon" | "SpaceEvenlyVerticallyIcon" | "SpeakerLoudIcon" | "SpeakerModerateIcon" | "SpeakerOffIcon" | "SpeakerQuietIcon" | "SquareIcon" | "StarIcon" | "StarFilledIcon" | "StitchesLogoIcon" | "StopIcon" | "StopwatchIcon" | "StretchHorizontallyIcon" | "StretchVerticallyIcon" | "StrikethroughIcon" | "SunIcon" | "SwitchIcon" | "SymbolIcon" | "TableIcon" | "TargetIcon" | "TextIcon" | "TextAlignBottomIcon" | "TextAlignCenterIcon" | "TextAlignJustifyIcon" | "TextAlignLeftIcon" | "TextAlignMiddleIcon" | "TextAlignRightIcon" | "TextAlignTopIcon" | "TextNoneIcon" | "ThickArrowDownIcon" | "ThickArrowLeftIcon" | "ThickArrowRightIcon" | "ThickArrowUpIcon" | "TimerIcon" | "TokensIcon" | "TrackNextIcon" | "TrackPreviousIcon" | "TransformIcon" | "TransparencyGridIcon" | "TrashIcon" | "TriangleDownIcon" | "TriangleLeftIcon" | "TriangleRightIcon" | "TriangleUpIcon" | "TwitterLogoIcon" | "UnderlineIcon" | "UpdateIcon" | "UploadIcon" | "ValueIcon" | "ValueNoneIcon" | "VercelLogoIcon" | "VideoIcon" | "ViewGridIcon" | "ViewHorizontalIcon" | "ViewNoneIcon" | "ViewVerticalIcon" | "WidthIcon" | "ZoomInIcon" | "ZoomOutIcon" | (() => JSX.Element) | undefined;
|
|
26
|
-
helperText?: string | undefined;
|
|
27
|
-
validationErrorMessage?: string | undefined;
|
|
28
|
-
} & WithStatusProps & React.RefAttributes<HTMLInputElement>>;
|
|
29
|
-
export declare const StyledInputField: import("styled-components").StyledComponent<"input", import("styled-components").DefaultTheme, React.InputHTMLAttributes<HTMLInputElement> & WithStatusProps, never>;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './baseInput';
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import { BaseInputProps } from '../BaseInput';
|
|
3
|
-
import { StatusType } from '../../system/HOC';
|
|
4
|
-
import { CheckboxVariant } from './checkbox.variants';
|
|
5
|
-
export type CheckboxProps = Omit<BaseInputProps, 'status'> & {
|
|
6
|
-
variant?: keyof typeof CheckboxVariant;
|
|
7
|
-
status?: StatusType;
|
|
8
|
-
};
|
|
9
|
-
export declare const Checkbox: React.ForwardRefExoticComponent<Omit<BaseInputProps, "status"> & {
|
|
10
|
-
variant?: "default" | "primary" | undefined;
|
|
11
|
-
status?: StatusType | undefined;
|
|
12
|
-
} & React.RefAttributes<HTMLInputElement>>;
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Define all Checkbox Variants here in one place.
|
|
3
|
-
* Variants should match the variants in Figma
|
|
4
|
-
*/
|
|
5
|
-
export declare const Variant: {
|
|
6
|
-
readonly variant: "variant";
|
|
7
|
-
};
|
|
8
|
-
/**
|
|
9
|
-
* Checkbox Variant -- Describes the "role" of a checkbox
|
|
10
|
-
*/
|
|
11
|
-
export declare const CheckboxVariant: {
|
|
12
|
-
readonly default: "default";
|
|
13
|
-
readonly primary: "primary";
|
|
14
|
-
};
|
|
15
|
-
export type CheckboxVariantType = keyof typeof CheckboxVariant;
|
|
16
|
-
export declare const variants: {
|
|
17
|
-
readonly variant: {
|
|
18
|
-
readonly default: import("styled-components").FlattenSimpleInterpolation;
|
|
19
|
-
readonly primary: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<import("styled-components").DefaultTheme>>;
|
|
20
|
-
};
|
|
21
|
-
};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './checkbox';
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import { UnitPxType } from '../../system/ThemeProvider';
|
|
3
|
-
import { ReactNode } from 'react';
|
|
4
|
-
export type CheckboxGroupProps = {
|
|
5
|
-
gap?: UnitPxType;
|
|
6
|
-
message?: string;
|
|
7
|
-
validationErrorMessage?: string;
|
|
8
|
-
helperText?: string;
|
|
9
|
-
label?: string;
|
|
10
|
-
children?: ReactNode;
|
|
11
|
-
disabled?: boolean;
|
|
12
|
-
onChange?: (values: Array<string>) => void;
|
|
13
|
-
values?: string[];
|
|
14
|
-
};
|
|
15
|
-
export declare const CheckboxGroup: React.FC<CheckboxGroupProps>;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './checkboxGroup';
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import { ChangeEventHandler, MouseEventHandler } from 'react';
|
|
2
|
-
import { BaseInputProps } from '../BaseInput';
|
|
3
|
-
import { StatusType } from '../../system/HOC';
|
|
4
|
-
type DateTypeFormat = 'date' | 'time' | 'datetime-local';
|
|
5
|
-
interface DateInputProps extends Omit<BaseInputProps, 'value' | 'type' | 'status'> {
|
|
6
|
-
onChange?: ChangeEventHandler<HTMLInputElement>;
|
|
7
|
-
onExpand?: MouseEventHandler<HTMLDivElement>;
|
|
8
|
-
expanded?: boolean;
|
|
9
|
-
value?: string;
|
|
10
|
-
type?: DateTypeFormat;
|
|
11
|
-
status?: StatusType;
|
|
12
|
-
}
|
|
13
|
-
export declare const DateInput: import("react").ForwardRefExoticComponent<DateInputProps & import("react").RefAttributes<HTMLInputElement>>;
|
|
14
|
-
export {};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './dateInput';
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './numberInput';
|
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { BaseInputProps } from '../BaseInput';
|
|
3
|
-
import { IconType } from '../../system/ThemeProvider';
|
|
4
|
-
import { StatusType } from '../../system/HOC';
|
|
5
|
-
export declare enum Direction {
|
|
6
|
-
Up = 1,
|
|
7
|
-
Down = -1
|
|
8
|
-
}
|
|
9
|
-
interface NumberInputProps extends Omit<BaseInputProps, 'value' | 'status'> {
|
|
10
|
-
min?: number;
|
|
11
|
-
max?: number;
|
|
12
|
-
/**
|
|
13
|
-
* @default 1
|
|
14
|
-
*/
|
|
15
|
-
step?: number;
|
|
16
|
-
value?: number;
|
|
17
|
-
status?: StatusType;
|
|
18
|
-
/**
|
|
19
|
-
* @default undefined
|
|
20
|
-
* Prepend an icon to the beginning of the input. Takes precedence over `prependString`.
|
|
21
|
-
* */
|
|
22
|
-
prependIcon?: IconType;
|
|
23
|
-
prependString?: string;
|
|
24
|
-
onTakeStep?: (direction: Direction, step: number) => void;
|
|
25
|
-
}
|
|
26
|
-
export declare const NumberInput: import("react").ForwardRefExoticComponent<NumberInputProps & import("react").RefAttributes<HTMLInputElement>>;
|
|
27
|
-
export {};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './radioGroup';
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import { UnitPxType } from '../../system/ThemeProvider';
|
|
3
|
-
import { RadioLabelSideType } from '../RadioInput/radioInput';
|
|
4
|
-
type RadioDirectionType = 'row' | 'column';
|
|
5
|
-
export type RadioGroupProps = React.InputHTMLAttributes<HTMLInputElement> & {
|
|
6
|
-
label?: string;
|
|
7
|
-
direction?: RadioDirectionType;
|
|
8
|
-
gap?: UnitPxType;
|
|
9
|
-
labelSide?: RadioLabelSideType;
|
|
10
|
-
message?: string;
|
|
11
|
-
validationErrorMessage?: string;
|
|
12
|
-
helperText?: string;
|
|
13
|
-
};
|
|
14
|
-
export declare const RadioGroup: React.FC<RadioGroupProps>;
|
|
15
|
-
export {};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './radioInput';
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import { LabelSideType } from '../../controls/Toggle';
|
|
3
|
-
import { IconType } from '../../system/ThemeProvider/lib/types';
|
|
4
|
-
export type RadioLabelSideType = LabelSideType | 'top' | 'bottom';
|
|
5
|
-
export type RadioProps = React.InputHTMLAttributes<HTMLInputElement> & {
|
|
6
|
-
label?: string;
|
|
7
|
-
labelSide?: RadioLabelSideType;
|
|
8
|
-
icon?: IconType;
|
|
9
|
-
};
|
|
10
|
-
export declare const RadioInput: React.ForwardRefExoticComponent<React.InputHTMLAttributes<HTMLInputElement> & {
|
|
11
|
-
label?: string | undefined;
|
|
12
|
-
labelSide?: RadioLabelSideType | undefined;
|
|
13
|
-
icon?: "ContentAppIcon" | "OpenFinIcon" | "BellIcon" | "WorkspaceIcon" | "LockedClosedFilledIcon" | "MinimizeIcon" | "LightBulbFilledIcon" | "LightBulbOutlinedIcon" | "FilterIcon" | "BrokenLinkIcon" | "FloppyDiskIcon" | "StackIcon" | "BellFilledIcon" | "StorefrontIcon" | "FragmentsIcon" | "ChevronRightIcon" | "ChevronLeftIcon" | "ChevronUpIcon" | "ChevronDownIcon" | "ExclamationCircledFilledIcon" | "FilledCircleIcon" | "PageIcon" | "RedDotIcon" | "BookmarkFilled" | "BookmarkOutlined" | "FallbackGlobeIcon" | "BlockedIcon" | "EnterpriseGlobeIcon" | "SupertabIcon" | "CollectionIcon" | "AccessibilityIcon" | "ActivityLogIcon" | "AlignBaselineIcon" | "AlignBottomIcon" | "AlignCenterHorizontallyIcon" | "AlignCenterVerticallyIcon" | "AlignLeftIcon" | "AlignRightIcon" | "AlignTopIcon" | "AllSidesIcon" | "AngleIcon" | "ArchiveIcon" | "ArrowBottomLeftIcon" | "ArrowBottomRightIcon" | "ArrowDownIcon" | "ArrowLeftIcon" | "ArrowRightIcon" | "ArrowTopLeftIcon" | "ArrowTopRightIcon" | "ArrowUpIcon" | "AspectRatioIcon" | "AvatarIcon" | "BackpackIcon" | "BadgeIcon" | "BarChartIcon" | "BlendingModeIcon" | "BookmarkIcon" | "BookmarkFilledIcon" | "BorderAllIcon" | "BorderBottomIcon" | "BorderDashedIcon" | "BorderDottedIcon" | "BorderLeftIcon" | "BorderNoneIcon" | "BorderRightIcon" | "BorderSolidIcon" | "BorderSplitIcon" | "BorderStyleIcon" | "BorderTopIcon" | "BorderWidthIcon" | "BoxIcon" | "BoxModelIcon" | "ButtonIcon" | "CalendarIcon" | "CameraIcon" | "CardStackIcon" | "CardStackMinusIcon" | "CardStackPlusIcon" | "CaretDownIcon" | "CaretLeftIcon" | "CaretRightIcon" | "CaretSortIcon" | "CaretUpIcon" | "ChatBubbleIcon" | "CheckIcon" | "CheckCircledIcon" | "CheckboxIcon" | "CircleIcon" | "CircleBackslashIcon" | "ClipboardIcon" | "ClipboardCopyIcon" | "ClockIcon" | "CodeIcon" | "CodeSandboxLogoIcon" | "ColorWheelIcon" | "ColumnSpacingIcon" | "ColumnsIcon" | "CommitIcon" | "Component1Icon" | "Component2Icon" | "ComponentBooleanIcon" | "ComponentInstanceIcon" | "ComponentNoneIcon" | "ComponentPlaceholderIcon" | "ContainerIcon" | "CookieIcon" | "CopyIcon" | "CornerBottomLeftIcon" | "CornerBottomRightIcon" | "CornerTopLeftIcon" | "CornerTopRightIcon" | "CornersIcon" | "CountdownTimerIcon" | "CounterClockwiseClockIcon" | "CropIcon" | "Cross1Icon" | "Cross2Icon" | "CrossCircledIcon" | "Crosshair1Icon" | "Crosshair2Icon" | "CrumpledPaperIcon" | "CubeIcon" | "CursorArrowIcon" | "CursorTextIcon" | "DashIcon" | "DashboardIcon" | "DesktopIcon" | "DimensionsIcon" | "DiscIcon" | "DiscordLogoIcon" | "DividerHorizontalIcon" | "DividerVerticalIcon" | "DotIcon" | "DotFilledIcon" | "DotsHorizontalIcon" | "DotsVerticalIcon" | "DoubleArrowDownIcon" | "DoubleArrowLeftIcon" | "DoubleArrowRightIcon" | "DoubleArrowUpIcon" | "DownloadIcon" | "DragHandleDots1Icon" | "DragHandleDots2Icon" | "DragHandleHorizontalIcon" | "DragHandleVerticalIcon" | "DrawingPinIcon" | "DrawingPinFilledIcon" | "DropdownMenuIcon" | "EnterIcon" | "EnterFullScreenIcon" | "EnvelopeClosedIcon" | "EnvelopeOpenIcon" | "EraserIcon" | "ExclamationTriangleIcon" | "ExitIcon" | "ExitFullScreenIcon" | "ExternalLinkIcon" | "EyeClosedIcon" | "EyeNoneIcon" | "EyeOpenIcon" | "FaceIcon" | "FigmaLogoIcon" | "FileIcon" | "FileMinusIcon" | "FilePlusIcon" | "FileTextIcon" | "FontBoldIcon" | "FontFamilyIcon" | "FontItalicIcon" | "FontRomanIcon" | "FontSizeIcon" | "FontStyleIcon" | "FrameIcon" | "FramerLogoIcon" | "GearIcon" | "GitHubLogoIcon" | "GlobeIcon" | "GridIcon" | "GroupIcon" | "Half1Icon" | "Half2Icon" | "HamburgerMenuIcon" | "HandIcon" | "HeadingIcon" | "HeartIcon" | "HeartFilledIcon" | "HeightIcon" | "HobbyKnifeIcon" | "HomeIcon" | "IconJarLogoIcon" | "IdCardIcon" | "ImageIcon" | "InfoCircledIcon" | "InputIcon" | "InstagramLogoIcon" | "KeyboardIcon" | "LapTimerIcon" | "LaptopIcon" | "LayersIcon" | "LayoutIcon" | "LetterCaseCapitalizeIcon" | "LetterCaseLowercaseIcon" | "LetterCaseToggleIcon" | "LetterCaseUppercaseIcon" | "LetterSpacingIcon" | "LightningBoltIcon" | "LineHeightIcon" | "Link1Icon" | "Link2Icon" | "LinkBreak1Icon" | "LinkBreak2Icon" | "LinkNone1Icon" | "LinkNone2Icon" | "LinkedInLogoIcon" | "ListBulletIcon" | "LockClosedIcon" | "LockOpen1Icon" | "LockOpen2Icon" | "LoopIcon" | "MagicWandIcon" | "MagnifyingGlassIcon" | "MarginIcon" | "MaskOffIcon" | "MaskOnIcon" | "MinusIcon" | "MinusCircledIcon" | "MixIcon" | "MixerHorizontalIcon" | "MixerVerticalIcon" | "MobileIcon" | "ModulzLogoIcon" | "MoonIcon" | "MoveIcon" | "NotionLogoIcon" | "OpacityIcon" | "OpenInNewWindowIcon" | "OverlineIcon" | "PaddingIcon" | "PaperPlaneIcon" | "PauseIcon" | "Pencil1Icon" | "Pencil2Icon" | "PersonIcon" | "PieChartIcon" | "PilcrowIcon" | "PinBottomIcon" | "PinLeftIcon" | "PinRightIcon" | "PinTopIcon" | "PlayIcon" | "PlusIcon" | "PlusCircledIcon" | "QuestionMarkIcon" | "QuestionMarkCircledIcon" | "QuoteIcon" | "RadiobuttonIcon" | "ReaderIcon" | "ReloadIcon" | "ResetIcon" | "ResumeIcon" | "RocketIcon" | "RotateCounterClockwiseIcon" | "RowSpacingIcon" | "RowsIcon" | "RulerHorizontalIcon" | "RulerSquareIcon" | "ScissorsIcon" | "SectionIcon" | "SewingPinIcon" | "SewingPinFilledIcon" | "ShadowIcon" | "ShadowInnerIcon" | "ShadowNoneIcon" | "ShadowOuterIcon" | "Share1Icon" | "Share2Icon" | "ShuffleIcon" | "SizeIcon" | "SketchLogoIcon" | "SlashIcon" | "SliderIcon" | "SpaceBetweenHorizontallyIcon" | "SpaceBetweenVerticallyIcon" | "SpaceEvenlyHorizontallyIcon" | "SpaceEvenlyVerticallyIcon" | "SpeakerLoudIcon" | "SpeakerModerateIcon" | "SpeakerOffIcon" | "SpeakerQuietIcon" | "SquareIcon" | "StarIcon" | "StarFilledIcon" | "StitchesLogoIcon" | "StopIcon" | "StopwatchIcon" | "StretchHorizontallyIcon" | "StretchVerticallyIcon" | "StrikethroughIcon" | "SunIcon" | "SwitchIcon" | "SymbolIcon" | "TableIcon" | "TargetIcon" | "TextIcon" | "TextAlignBottomIcon" | "TextAlignCenterIcon" | "TextAlignJustifyIcon" | "TextAlignLeftIcon" | "TextAlignMiddleIcon" | "TextAlignRightIcon" | "TextAlignTopIcon" | "TextNoneIcon" | "ThickArrowDownIcon" | "ThickArrowLeftIcon" | "ThickArrowRightIcon" | "ThickArrowUpIcon" | "TimerIcon" | "TokensIcon" | "TrackNextIcon" | "TrackPreviousIcon" | "TransformIcon" | "TransparencyGridIcon" | "TrashIcon" | "TriangleDownIcon" | "TriangleLeftIcon" | "TriangleRightIcon" | "TriangleUpIcon" | "TwitterLogoIcon" | "UnderlineIcon" | "UpdateIcon" | "UploadIcon" | "ValueIcon" | "ValueNoneIcon" | "VercelLogoIcon" | "VideoIcon" | "ViewGridIcon" | "ViewHorizontalIcon" | "ViewNoneIcon" | "ViewVerticalIcon" | "WidthIcon" | "ZoomInIcon" | "ZoomOutIcon" | undefined;
|
|
14
|
-
} & React.RefAttributes<HTMLInputElement>>;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './rawInput';
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './textArea';
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import React, { TextareaHTMLAttributes, ChangeEvent } from 'react';
|
|
2
|
-
import { WithStatusProps } from '../../system/HOC';
|
|
3
|
-
export type TextAreaProps = TextareaHTMLAttributes<HTMLTextAreaElement> & {
|
|
4
|
-
onChange?: (e?: ChangeEvent<HTMLTextAreaElement>) => void;
|
|
5
|
-
label?: string;
|
|
6
|
-
helperText?: string;
|
|
7
|
-
} & WithStatusProps;
|
|
8
|
-
export declare const TextArea: React.ForwardRefExoticComponent<React.TextareaHTMLAttributes<HTMLTextAreaElement> & {
|
|
9
|
-
onChange?: ((e?: ChangeEvent<HTMLTextAreaElement>) => void) | undefined;
|
|
10
|
-
label?: string | undefined;
|
|
11
|
-
helperText?: string | undefined;
|
|
12
|
-
} & WithStatusProps & React.RefAttributes<HTMLTextAreaElement>>;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './textInput';
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { BaseInputProps } from '../BaseInput';
|
|
3
|
-
export type TextInputProps = BaseInputProps;
|
|
4
|
-
export declare const TextInput: import("react").ForwardRefExoticComponent<import("react").InputHTMLAttributes<HTMLInputElement> & {
|
|
5
|
-
message?: string | undefined;
|
|
6
|
-
label?: string | undefined;
|
|
7
|
-
type?: string | undefined;
|
|
8
|
-
renderInput?: ((props: import("react").InputHTMLAttributes<HTMLInputElement> & {
|
|
9
|
-
status?: string | undefined;
|
|
10
|
-
}) => JSX.Element) | undefined;
|
|
11
|
-
icon?: "ContentAppIcon" | "OpenFinIcon" | "BellIcon" | "WorkspaceIcon" | "LockedClosedFilledIcon" | "MinimizeIcon" | "LightBulbFilledIcon" | "LightBulbOutlinedIcon" | "FilterIcon" | "BrokenLinkIcon" | "FloppyDiskIcon" | "StackIcon" | "BellFilledIcon" | "StorefrontIcon" | "FragmentsIcon" | "ChevronRightIcon" | "ChevronLeftIcon" | "ChevronUpIcon" | "ChevronDownIcon" | "ExclamationCircledFilledIcon" | "FilledCircleIcon" | "PageIcon" | "RedDotIcon" | "BookmarkFilled" | "BookmarkOutlined" | "FallbackGlobeIcon" | "BlockedIcon" | "EnterpriseGlobeIcon" | "SupertabIcon" | "CollectionIcon" | "AccessibilityIcon" | "ActivityLogIcon" | "AlignBaselineIcon" | "AlignBottomIcon" | "AlignCenterHorizontallyIcon" | "AlignCenterVerticallyIcon" | "AlignLeftIcon" | "AlignRightIcon" | "AlignTopIcon" | "AllSidesIcon" | "AngleIcon" | "ArchiveIcon" | "ArrowBottomLeftIcon" | "ArrowBottomRightIcon" | "ArrowDownIcon" | "ArrowLeftIcon" | "ArrowRightIcon" | "ArrowTopLeftIcon" | "ArrowTopRightIcon" | "ArrowUpIcon" | "AspectRatioIcon" | "AvatarIcon" | "BackpackIcon" | "BadgeIcon" | "BarChartIcon" | "BlendingModeIcon" | "BookmarkIcon" | "BookmarkFilledIcon" | "BorderAllIcon" | "BorderBottomIcon" | "BorderDashedIcon" | "BorderDottedIcon" | "BorderLeftIcon" | "BorderNoneIcon" | "BorderRightIcon" | "BorderSolidIcon" | "BorderSplitIcon" | "BorderStyleIcon" | "BorderTopIcon" | "BorderWidthIcon" | "BoxIcon" | "BoxModelIcon" | "ButtonIcon" | "CalendarIcon" | "CameraIcon" | "CardStackIcon" | "CardStackMinusIcon" | "CardStackPlusIcon" | "CaretDownIcon" | "CaretLeftIcon" | "CaretRightIcon" | "CaretSortIcon" | "CaretUpIcon" | "ChatBubbleIcon" | "CheckIcon" | "CheckCircledIcon" | "CheckboxIcon" | "CircleIcon" | "CircleBackslashIcon" | "ClipboardIcon" | "ClipboardCopyIcon" | "ClockIcon" | "CodeIcon" | "CodeSandboxLogoIcon" | "ColorWheelIcon" | "ColumnSpacingIcon" | "ColumnsIcon" | "CommitIcon" | "Component1Icon" | "Component2Icon" | "ComponentBooleanIcon" | "ComponentInstanceIcon" | "ComponentNoneIcon" | "ComponentPlaceholderIcon" | "ContainerIcon" | "CookieIcon" | "CopyIcon" | "CornerBottomLeftIcon" | "CornerBottomRightIcon" | "CornerTopLeftIcon" | "CornerTopRightIcon" | "CornersIcon" | "CountdownTimerIcon" | "CounterClockwiseClockIcon" | "CropIcon" | "Cross1Icon" | "Cross2Icon" | "CrossCircledIcon" | "Crosshair1Icon" | "Crosshair2Icon" | "CrumpledPaperIcon" | "CubeIcon" | "CursorArrowIcon" | "CursorTextIcon" | "DashIcon" | "DashboardIcon" | "DesktopIcon" | "DimensionsIcon" | "DiscIcon" | "DiscordLogoIcon" | "DividerHorizontalIcon" | "DividerVerticalIcon" | "DotIcon" | "DotFilledIcon" | "DotsHorizontalIcon" | "DotsVerticalIcon" | "DoubleArrowDownIcon" | "DoubleArrowLeftIcon" | "DoubleArrowRightIcon" | "DoubleArrowUpIcon" | "DownloadIcon" | "DragHandleDots1Icon" | "DragHandleDots2Icon" | "DragHandleHorizontalIcon" | "DragHandleVerticalIcon" | "DrawingPinIcon" | "DrawingPinFilledIcon" | "DropdownMenuIcon" | "EnterIcon" | "EnterFullScreenIcon" | "EnvelopeClosedIcon" | "EnvelopeOpenIcon" | "EraserIcon" | "ExclamationTriangleIcon" | "ExitIcon" | "ExitFullScreenIcon" | "ExternalLinkIcon" | "EyeClosedIcon" | "EyeNoneIcon" | "EyeOpenIcon" | "FaceIcon" | "FigmaLogoIcon" | "FileIcon" | "FileMinusIcon" | "FilePlusIcon" | "FileTextIcon" | "FontBoldIcon" | "FontFamilyIcon" | "FontItalicIcon" | "FontRomanIcon" | "FontSizeIcon" | "FontStyleIcon" | "FrameIcon" | "FramerLogoIcon" | "GearIcon" | "GitHubLogoIcon" | "GlobeIcon" | "GridIcon" | "GroupIcon" | "Half1Icon" | "Half2Icon" | "HamburgerMenuIcon" | "HandIcon" | "HeadingIcon" | "HeartIcon" | "HeartFilledIcon" | "HeightIcon" | "HobbyKnifeIcon" | "HomeIcon" | "IconJarLogoIcon" | "IdCardIcon" | "ImageIcon" | "InfoCircledIcon" | "InputIcon" | "InstagramLogoIcon" | "KeyboardIcon" | "LapTimerIcon" | "LaptopIcon" | "LayersIcon" | "LayoutIcon" | "LetterCaseCapitalizeIcon" | "LetterCaseLowercaseIcon" | "LetterCaseToggleIcon" | "LetterCaseUppercaseIcon" | "LetterSpacingIcon" | "LightningBoltIcon" | "LineHeightIcon" | "Link1Icon" | "Link2Icon" | "LinkBreak1Icon" | "LinkBreak2Icon" | "LinkNone1Icon" | "LinkNone2Icon" | "LinkedInLogoIcon" | "ListBulletIcon" | "LockClosedIcon" | "LockOpen1Icon" | "LockOpen2Icon" | "LoopIcon" | "MagicWandIcon" | "MagnifyingGlassIcon" | "MarginIcon" | "MaskOffIcon" | "MaskOnIcon" | "MinusIcon" | "MinusCircledIcon" | "MixIcon" | "MixerHorizontalIcon" | "MixerVerticalIcon" | "MobileIcon" | "ModulzLogoIcon" | "MoonIcon" | "MoveIcon" | "NotionLogoIcon" | "OpacityIcon" | "OpenInNewWindowIcon" | "OverlineIcon" | "PaddingIcon" | "PaperPlaneIcon" | "PauseIcon" | "Pencil1Icon" | "Pencil2Icon" | "PersonIcon" | "PieChartIcon" | "PilcrowIcon" | "PinBottomIcon" | "PinLeftIcon" | "PinRightIcon" | "PinTopIcon" | "PlayIcon" | "PlusIcon" | "PlusCircledIcon" | "QuestionMarkIcon" | "QuestionMarkCircledIcon" | "QuoteIcon" | "RadiobuttonIcon" | "ReaderIcon" | "ReloadIcon" | "ResetIcon" | "ResumeIcon" | "RocketIcon" | "RotateCounterClockwiseIcon" | "RowSpacingIcon" | "RowsIcon" | "RulerHorizontalIcon" | "RulerSquareIcon" | "ScissorsIcon" | "SectionIcon" | "SewingPinIcon" | "SewingPinFilledIcon" | "ShadowIcon" | "ShadowInnerIcon" | "ShadowNoneIcon" | "ShadowOuterIcon" | "Share1Icon" | "Share2Icon" | "ShuffleIcon" | "SizeIcon" | "SketchLogoIcon" | "SlashIcon" | "SliderIcon" | "SpaceBetweenHorizontallyIcon" | "SpaceBetweenVerticallyIcon" | "SpaceEvenlyHorizontallyIcon" | "SpaceEvenlyVerticallyIcon" | "SpeakerLoudIcon" | "SpeakerModerateIcon" | "SpeakerOffIcon" | "SpeakerQuietIcon" | "SquareIcon" | "StarIcon" | "StarFilledIcon" | "StitchesLogoIcon" | "StopIcon" | "StopwatchIcon" | "StretchHorizontallyIcon" | "StretchVerticallyIcon" | "StrikethroughIcon" | "SunIcon" | "SwitchIcon" | "SymbolIcon" | "TableIcon" | "TargetIcon" | "TextIcon" | "TextAlignBottomIcon" | "TextAlignCenterIcon" | "TextAlignJustifyIcon" | "TextAlignLeftIcon" | "TextAlignMiddleIcon" | "TextAlignRightIcon" | "TextAlignTopIcon" | "TextNoneIcon" | "ThickArrowDownIcon" | "ThickArrowLeftIcon" | "ThickArrowRightIcon" | "ThickArrowUpIcon" | "TimerIcon" | "TokensIcon" | "TrackNextIcon" | "TrackPreviousIcon" | "TransformIcon" | "TransparencyGridIcon" | "TrashIcon" | "TriangleDownIcon" | "TriangleLeftIcon" | "TriangleRightIcon" | "TriangleUpIcon" | "TwitterLogoIcon" | "UnderlineIcon" | "UpdateIcon" | "UploadIcon" | "ValueIcon" | "ValueNoneIcon" | "VercelLogoIcon" | "VideoIcon" | "ViewGridIcon" | "ViewHorizontalIcon" | "ViewNoneIcon" | "ViewVerticalIcon" | "WidthIcon" | "ZoomInIcon" | "ZoomOutIcon" | (() => JSX.Element) | undefined;
|
|
12
|
-
helperText?: string | undefined;
|
|
13
|
-
validationErrorMessage?: string | undefined;
|
|
14
|
-
} & import("../../system").WithStatusProps & import("react").RefAttributes<HTMLInputElement>>;
|
|
@@ -1,41 +0,0 @@
|
|
|
1
|
-
import { HTMLAttributes } from 'react';
|
|
2
|
-
import { UnitPxType } from '../../system/ThemeProvider/lib/types';
|
|
3
|
-
import * as BoxTypes from './types';
|
|
4
|
-
export type BoxProps = HTMLAttributes<HTMLDivElement> & {
|
|
5
|
-
alignItems?: BoxTypes.AlignItems;
|
|
6
|
-
display?: BoxTypes.Display;
|
|
7
|
-
flexDirection?: BoxTypes.FlexDirection;
|
|
8
|
-
flexWrap?: BoxTypes.FlexWrap;
|
|
9
|
-
justifyContent?: BoxTypes.JustifyContent;
|
|
10
|
-
gap?: UnitPxType;
|
|
11
|
-
alignSelf?: BoxTypes.AlignSelf;
|
|
12
|
-
flexBasis?: string;
|
|
13
|
-
flexGrow?: 1 | 0;
|
|
14
|
-
flexShrink?: 1 | 0;
|
|
15
|
-
order?: number;
|
|
16
|
-
background?: BoxTypes.BackgroundLevel;
|
|
17
|
-
padding?: UnitPxType;
|
|
18
|
-
};
|
|
19
|
-
/**
|
|
20
|
-
* ## Box
|
|
21
|
-
*
|
|
22
|
-
* Div with flexbox properties applied to their CSS default values.
|
|
23
|
-
*
|
|
24
|
-
* - Box can be both the flex parent and the flex child.
|
|
25
|
-
* - None of the child properties should be applied unless specified.
|
|
26
|
-
*/
|
|
27
|
-
export declare const Box: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, HTMLAttributes<HTMLDivElement> & {
|
|
28
|
-
alignItems?: BoxTypes.AlignItems | undefined;
|
|
29
|
-
display?: BoxTypes.Display | undefined;
|
|
30
|
-
flexDirection?: BoxTypes.FlexDirection | undefined;
|
|
31
|
-
flexWrap?: BoxTypes.FlexWrap | undefined;
|
|
32
|
-
justifyContent?: BoxTypes.JustifyContent | undefined;
|
|
33
|
-
gap?: "base" | "small" | "xsmall" | "large" | "xlarge" | "xxlarge" | "xxxlarge" | "xxxxlarge" | undefined;
|
|
34
|
-
alignSelf?: BoxTypes.AlignSelf | undefined;
|
|
35
|
-
flexBasis?: string | undefined;
|
|
36
|
-
flexGrow?: 0 | 1 | undefined;
|
|
37
|
-
flexShrink?: 0 | 1 | undefined;
|
|
38
|
-
order?: number | undefined;
|
|
39
|
-
background?: BoxTypes.BackgroundLevel | undefined;
|
|
40
|
-
padding?: "base" | "small" | "xsmall" | "large" | "xlarge" | "xxlarge" | "xxxlarge" | "xxxxlarge" | undefined;
|
|
41
|
-
}, never>;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './box';
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
export type AlignItems = 'stretch' | 'flex-start' | 'flex-end' | 'center' | 'baseline' | 'first baseline' | 'last baseline' | 'start' | 'end' | 'self-start' | 'self-end';
|
|
2
|
-
export type Display = 'flex' | 'inline-flex';
|
|
3
|
-
export type FlexDirection = 'row' | 'row-reverse' | 'column' | 'column-reverse';
|
|
4
|
-
export type FlexWrap = 'nowrap' | 'wrap' | 'wrap-reverse';
|
|
5
|
-
export type JustifyContent = 'stretch' | 'flex-start' | 'flex-end' | 'center' | 'space-between' | 'space-around' | 'space-evenly' | 'start' | 'end' | 'left' | 'right';
|
|
6
|
-
export type AlignSelf = 'auto' | 'flex-start' | ' flex-end' | 'center' | 'baseline' | 'stretch';
|
|
7
|
-
export type BackgroundLevel = 1 | 2 | 3 | 4 | 5 | 6;
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
export interface DefinitionListProps extends React.HTMLAttributes<HTMLDListElement> {
|
|
3
|
-
/**
|
|
4
|
-
* A map of key-value pairs to be displayed in the list.
|
|
5
|
-
*
|
|
6
|
-
* Using a `Map` is deprecated and will be removed in a future release.
|
|
7
|
-
*/
|
|
8
|
-
definitions: Map<string, string> | [string, string][];
|
|
9
|
-
}
|
|
10
|
-
export declare const DefinitionList: React.FC<DefinitionListProps>;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './definitionList';
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import { FC, ReactNode } from 'react';
|
|
2
|
-
export type HamburgerNavigationProps = {
|
|
3
|
-
children: (closeFunction: () => void) => ReactNode;
|
|
4
|
-
document?: Document;
|
|
5
|
-
};
|
|
6
|
-
export type HamburgerIconProps = {
|
|
7
|
-
open?: boolean;
|
|
8
|
-
};
|
|
9
|
-
/**
|
|
10
|
-
* - Sidebar Menu opens and closes on Hamburger Icon click and when the user selects items from sidebar menu
|
|
11
|
-
*/
|
|
12
|
-
export declare const HamburgerNavigation: FC<HamburgerNavigationProps>;
|
|
13
|
-
export declare const StyledHamburgerIcon: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, HamburgerIconProps, never>;
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import { ReactNode } from 'react';
|
|
2
|
-
export type SidebarMenuProps = {
|
|
3
|
-
open?: boolean;
|
|
4
|
-
children: ReactNode;
|
|
5
|
-
document?: Document;
|
|
6
|
-
};
|
|
7
|
-
export type SidebarMenuContainerProps = {
|
|
8
|
-
open?: boolean;
|
|
9
|
-
};
|
|
10
|
-
export declare const SidebarMenu: ({ open, children, document }: SidebarMenuProps) => import("react/jsx-runtime").JSX.Element;
|
|
11
|
-
export declare const StyledSidebarMenuContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, SidebarMenuContainerProps, never>;
|
|
12
|
-
export declare const StyledMenuItemContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './tabList';
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import { FC, ReactElement } from 'react';
|
|
2
|
-
type TabListProps = {
|
|
3
|
-
children: ReactElement[];
|
|
4
|
-
document?: Document;
|
|
5
|
-
};
|
|
6
|
-
type TabProps = {
|
|
7
|
-
title: string;
|
|
8
|
-
index: number;
|
|
9
|
-
setSelectedTab: (index: number) => void;
|
|
10
|
-
};
|
|
11
|
-
export declare const Tab: FC<TabProps>;
|
|
12
|
-
export declare const TabList: FC<TabListProps>;
|
|
13
|
-
export {};
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
import { ImportFonts } from '../ThemeProvider/lib/createFontFaceCss';
|
|
2
|
-
export declare const GlobalStyles: import("styled-components").GlobalStyleComponent<{}, import("styled-components").DefaultTheme>;
|
|
3
|
-
export declare const GlobalFonts: import("styled-components").GlobalStyleComponent<{
|
|
4
|
-
fonts: ImportFonts;
|
|
5
|
-
}, import("styled-components").DefaultTheme>;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './globalStyles';
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
import { ColorInputWithoutInstance as Color } from 'tinycolor2';
|
|
2
|
-
export declare const lightenColor: (color: Color, amount?: number) => string;
|
|
3
|
-
export declare const darkenColor: (color: Color, amount?: number) => string;
|
|
4
|
-
export declare const getMostReadable: (baseColor: Color, colors: Color[]) => string;
|