@noya-app/noya-designsystem 0.1.13 → 0.1.14
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/.turbo/turbo-build.log +9 -9
- package/CHANGELOG.md +7 -0
- package/dist/index.d.mts +11 -5
- package/dist/index.d.ts +11 -5
- package/dist/index.js +296 -243
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +317 -263
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
- package/src/components/InputField.tsx +2 -2
- package/src/components/Popover.tsx +25 -24
- package/src/components/Select.tsx +42 -13
- package/src/contexts/DesignSystemConfiguration.tsx +49 -15
- package/src/theme/light.ts +1 -1
package/.turbo/turbo-build.log
CHANGED
|
@@ -5,13 +5,13 @@
|
|
|
5
5
|
[34mCLI[39m Target: esnext
|
|
6
6
|
[34mCJS[39m Build start
|
|
7
7
|
[34mESM[39m Build start
|
|
8
|
-
[32mESM[39m [1mdist/index.mjs [22m[32m196.20 KB[39m
|
|
9
|
-
[32mESM[39m [1mdist/index.mjs.map [22m[32m431.85 KB[39m
|
|
10
|
-
[32mESM[39m ⚡️ Build success in 159ms
|
|
11
|
-
[32mCJS[39m [1mdist/index.js [22m[32m213.14 KB[39m
|
|
12
|
-
[32mCJS[39m [1mdist/index.js.map [22m[32m432.02 KB[39m
|
|
13
|
-
[32mCJS[39m ⚡️ Build success in 160ms
|
|
14
8
|
[34mDTS[39m Build start
|
|
15
|
-
[
|
|
16
|
-
[
|
|
17
|
-
[
|
|
9
|
+
[32mCJS[39m [1mdist/index.js [22m[32m214.94 KB[39m
|
|
10
|
+
[32mCJS[39m [1mdist/index.js.map [22m[32m434.70 KB[39m
|
|
11
|
+
[32mCJS[39m ⚡️ Build success in 235ms
|
|
12
|
+
[32mESM[39m [1mdist/index.mjs [22m[32m197.72 KB[39m
|
|
13
|
+
[32mESM[39m [1mdist/index.mjs.map [22m[32m434.57 KB[39m
|
|
14
|
+
[32mESM[39m ⚡️ Build success in 240ms
|
|
15
|
+
[32mDTS[39m ⚡️ Build success in 7990ms
|
|
16
|
+
[32mDTS[39m [1mdist/index.d.ts [22m[32m56.57 KB[39m
|
|
17
|
+
[32mDTS[39m [1mdist/index.d.mts [22m[32m56.57 KB[39m
|
package/CHANGELOG.md
CHANGED
package/dist/index.d.mts
CHANGED
|
@@ -768,8 +768,8 @@ interface ContainerProps {
|
|
|
768
768
|
}
|
|
769
769
|
declare const LabeledElementView: (props: ContainerProps) => React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>> | null;
|
|
770
770
|
|
|
771
|
-
type PopoverVariant =
|
|
772
|
-
interface Props$a extends Pick<ComponentProps<typeof PopoverPrimitive[
|
|
771
|
+
type PopoverVariant = "normal" | "large";
|
|
772
|
+
interface Props$a extends Pick<ComponentProps<(typeof PopoverPrimitive)["Content"]>, "onOpenAutoFocus" | "onCloseAutoFocus" | "onPointerDownOutside" | "onInteractOutside" | "onFocusOutside" | "side"> {
|
|
773
773
|
children: React__default.ReactNode;
|
|
774
774
|
trigger: React__default.ReactNode;
|
|
775
775
|
variant?: PopoverVariant;
|
|
@@ -836,6 +836,7 @@ type Props$7<T extends string> = ChildrenProps<T> & {
|
|
|
836
836
|
id: string;
|
|
837
837
|
flex?: CSSProperties["flex"];
|
|
838
838
|
value: T;
|
|
839
|
+
label?: string;
|
|
839
840
|
};
|
|
840
841
|
declare const Select: <T extends string>(props: Props$7<T>) => React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>> | null;
|
|
841
842
|
|
|
@@ -1053,13 +1054,18 @@ declare namespace TreeView {
|
|
|
1053
1054
|
type RowProps<MenuItemType extends string> = TreeViewRowProps<MenuItemType>;
|
|
1054
1055
|
}
|
|
1055
1056
|
|
|
1057
|
+
declare const DesignSystemThemeProvider: (props: {
|
|
1058
|
+
children: ReactNode;
|
|
1059
|
+
theme?: typeof lightTheme | undefined;
|
|
1060
|
+
}) => React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>> | null;
|
|
1056
1061
|
type DesignSystemConfigurationContextValue = {
|
|
1057
1062
|
platform: PlatformName;
|
|
1058
1063
|
};
|
|
1059
1064
|
declare const DesignSystemConfigurationProvider: (props: {
|
|
1060
1065
|
children: ReactNode;
|
|
1061
|
-
theme
|
|
1062
|
-
|
|
1066
|
+
theme?: typeof lightTheme | undefined;
|
|
1067
|
+
platform?: PlatformName | undefined;
|
|
1068
|
+
}) => React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>> | null;
|
|
1063
1069
|
declare function useDesignSystemConfiguration(): DesignSystemConfigurationContextValue;
|
|
1064
1070
|
declare function useDesignSystemTheme(): styled_components.DefaultTheme;
|
|
1065
1071
|
|
|
@@ -1345,4 +1351,4 @@ declare module "react" {
|
|
|
1345
1351
|
function forwardRef<T, P = {}>(render: (props: P, ref: React.ForwardedRef<T>) => React.ReactElement | null): (props: P & React.RefAttributes<T>) => React.ReactElement | null;
|
|
1346
1352
|
}
|
|
1347
1353
|
|
|
1348
|
-
export { ActivityIndicator, ArrayController, type ArrayControllerProps, Avatar, AvatarStack, Body, Button, ButtonElement, type ButtonRootProps, Chip, type ChipProps, CloseButtonContainer, type Colors, type CompletionItem, type CompletionListItem, CompletionMenu, type CompletionSectionHeader, CompletionToken, ContextMenu, type DesignSystemConfigurationContextValue, DesignSystemConfigurationProvider, Dialog, type DialogContextValue, DialogProvider, DimensionInput, type DimensionValue, Divider, DividerVertical, DraggableMenuButton, type DropValidator, DropdownMenu, type EditableRowProps, type ExtractMenuItemType, FillInputField, FillPreviewBackground, FloatingWindow, FloatingWindowProvider, FullscreenDialog, type GlobalInputBlurContextValue, GlobalInputBlurProvider, GradientPicker, type GridProps, GridView, type GridViewSize, Heading1, Heading2, Heading3, Heading4, Heading5, type HoverEvent, type HoverEvents, type HoverProps, type IDialog, type IInputFieldWithCompletions, type IScoredItem, type IToken, type IVirtualizedList, IconButton, type ImageDataContextValue, ImageDataProvider, InputElement, InputField, type InputFieldSize, InputFieldWithCompletions, InspectorPrimitives, Italic, KeyboardShortcut, Label, LabeledElementView, type ListRowMarginType, type ListRowPosition, ListView, type MatchRange, type MenuConfig, type MenuItem, type MenuItemProps, type MenuProps, type Optional, PatternPreviewBackground, Popover, Progress, RadioGroup, type RegularMenuItem, type RelativeDropPosition, Row$1 as Row, SEPARATOR_ITEM, SUPPORTED_CANVAS_UPLOAD_TYPES, SUPPORTED_IMAGE_UPLOAD_TYPES, ScrollArea, Select, SelectOption, type SetNumberMode, type SketchPattern, Slider, Small, Sortable, Spacer, Stack, type StackBreakpointList, type SupportedCanvasUploadType, type SupportedImageUploadType, Switch, Text$1 as Text, type TextBreakpointList, type Theme, type ThemeColorName, Toast, ToastProvider, Tooltip, TreeView, createSectionedMenu, dark as darkTheme, fuzzyFilter, fuzzyScore, fuzzyTokenize, getGradientBackground, getNewValue, lightTheme, mediaQuery, normalizeListDestinationIndex, rgbaToSketchColor, size, sketchColorToHex, sketchColorToRgba, sketchColorToRgbaString, useCurrentFloatingWindowInternal, useDesignSystemConfiguration, useDesignSystemTheme, useDialogContainsElement, useFloatingWindowManager, useGlobalInputBlur, useGlobalInputBlurListener, useGlobalInputBlurTrigger, useHover, useImageData, useOpenInputDialog, usePlatform, usePlatformModKey, withSeparatorElements };
|
|
1354
|
+
export { ActivityIndicator, ArrayController, type ArrayControllerProps, Avatar, AvatarStack, Body, Button, ButtonElement, type ButtonRootProps, Chip, type ChipProps, CloseButtonContainer, type Colors, type CompletionItem, type CompletionListItem, CompletionMenu, type CompletionSectionHeader, CompletionToken, ContextMenu, type DesignSystemConfigurationContextValue, DesignSystemConfigurationProvider, DesignSystemThemeProvider, Dialog, type DialogContextValue, DialogProvider, DimensionInput, type DimensionValue, Divider, DividerVertical, DraggableMenuButton, type DropValidator, DropdownMenu, type EditableRowProps, type ExtractMenuItemType, FillInputField, FillPreviewBackground, FloatingWindow, FloatingWindowProvider, FullscreenDialog, type GlobalInputBlurContextValue, GlobalInputBlurProvider, GradientPicker, type GridProps, GridView, type GridViewSize, Heading1, Heading2, Heading3, Heading4, Heading5, type HoverEvent, type HoverEvents, type HoverProps, type IDialog, type IInputFieldWithCompletions, type IScoredItem, type IToken, type IVirtualizedList, IconButton, type ImageDataContextValue, ImageDataProvider, InputElement, InputField, type InputFieldSize, InputFieldWithCompletions, InspectorPrimitives, Italic, KeyboardShortcut, Label, LabeledElementView, type ListRowMarginType, type ListRowPosition, ListView, type MatchRange, type MenuConfig, type MenuItem, type MenuItemProps, type MenuProps, type Optional, PatternPreviewBackground, Popover, Progress, RadioGroup, type RegularMenuItem, type RelativeDropPosition, Row$1 as Row, SEPARATOR_ITEM, SUPPORTED_CANVAS_UPLOAD_TYPES, SUPPORTED_IMAGE_UPLOAD_TYPES, ScrollArea, Select, SelectOption, type SetNumberMode, type SketchPattern, Slider, Small, Sortable, Spacer, Stack, type StackBreakpointList, type SupportedCanvasUploadType, type SupportedImageUploadType, Switch, Text$1 as Text, type TextBreakpointList, type Theme, type ThemeColorName, Toast, ToastProvider, Tooltip, TreeView, createSectionedMenu, dark as darkTheme, fuzzyFilter, fuzzyScore, fuzzyTokenize, getGradientBackground, getNewValue, lightTheme, mediaQuery, normalizeListDestinationIndex, rgbaToSketchColor, size, sketchColorToHex, sketchColorToRgba, sketchColorToRgbaString, useCurrentFloatingWindowInternal, useDesignSystemConfiguration, useDesignSystemTheme, useDialogContainsElement, useFloatingWindowManager, useGlobalInputBlur, useGlobalInputBlurListener, useGlobalInputBlurTrigger, useHover, useImageData, useOpenInputDialog, usePlatform, usePlatformModKey, withSeparatorElements };
|
package/dist/index.d.ts
CHANGED
|
@@ -768,8 +768,8 @@ interface ContainerProps {
|
|
|
768
768
|
}
|
|
769
769
|
declare const LabeledElementView: (props: ContainerProps) => React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>> | null;
|
|
770
770
|
|
|
771
|
-
type PopoverVariant =
|
|
772
|
-
interface Props$a extends Pick<ComponentProps<typeof PopoverPrimitive[
|
|
771
|
+
type PopoverVariant = "normal" | "large";
|
|
772
|
+
interface Props$a extends Pick<ComponentProps<(typeof PopoverPrimitive)["Content"]>, "onOpenAutoFocus" | "onCloseAutoFocus" | "onPointerDownOutside" | "onInteractOutside" | "onFocusOutside" | "side"> {
|
|
773
773
|
children: React__default.ReactNode;
|
|
774
774
|
trigger: React__default.ReactNode;
|
|
775
775
|
variant?: PopoverVariant;
|
|
@@ -836,6 +836,7 @@ type Props$7<T extends string> = ChildrenProps<T> & {
|
|
|
836
836
|
id: string;
|
|
837
837
|
flex?: CSSProperties["flex"];
|
|
838
838
|
value: T;
|
|
839
|
+
label?: string;
|
|
839
840
|
};
|
|
840
841
|
declare const Select: <T extends string>(props: Props$7<T>) => React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>> | null;
|
|
841
842
|
|
|
@@ -1053,13 +1054,18 @@ declare namespace TreeView {
|
|
|
1053
1054
|
type RowProps<MenuItemType extends string> = TreeViewRowProps<MenuItemType>;
|
|
1054
1055
|
}
|
|
1055
1056
|
|
|
1057
|
+
declare const DesignSystemThemeProvider: (props: {
|
|
1058
|
+
children: ReactNode;
|
|
1059
|
+
theme?: typeof lightTheme | undefined;
|
|
1060
|
+
}) => React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>> | null;
|
|
1056
1061
|
type DesignSystemConfigurationContextValue = {
|
|
1057
1062
|
platform: PlatformName;
|
|
1058
1063
|
};
|
|
1059
1064
|
declare const DesignSystemConfigurationProvider: (props: {
|
|
1060
1065
|
children: ReactNode;
|
|
1061
|
-
theme
|
|
1062
|
-
|
|
1066
|
+
theme?: typeof lightTheme | undefined;
|
|
1067
|
+
platform?: PlatformName | undefined;
|
|
1068
|
+
}) => React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>> | null;
|
|
1063
1069
|
declare function useDesignSystemConfiguration(): DesignSystemConfigurationContextValue;
|
|
1064
1070
|
declare function useDesignSystemTheme(): styled_components.DefaultTheme;
|
|
1065
1071
|
|
|
@@ -1345,4 +1351,4 @@ declare module "react" {
|
|
|
1345
1351
|
function forwardRef<T, P = {}>(render: (props: P, ref: React.ForwardedRef<T>) => React.ReactElement | null): (props: P & React.RefAttributes<T>) => React.ReactElement | null;
|
|
1346
1352
|
}
|
|
1347
1353
|
|
|
1348
|
-
export { ActivityIndicator, ArrayController, type ArrayControllerProps, Avatar, AvatarStack, Body, Button, ButtonElement, type ButtonRootProps, Chip, type ChipProps, CloseButtonContainer, type Colors, type CompletionItem, type CompletionListItem, CompletionMenu, type CompletionSectionHeader, CompletionToken, ContextMenu, type DesignSystemConfigurationContextValue, DesignSystemConfigurationProvider, Dialog, type DialogContextValue, DialogProvider, DimensionInput, type DimensionValue, Divider, DividerVertical, DraggableMenuButton, type DropValidator, DropdownMenu, type EditableRowProps, type ExtractMenuItemType, FillInputField, FillPreviewBackground, FloatingWindow, FloatingWindowProvider, FullscreenDialog, type GlobalInputBlurContextValue, GlobalInputBlurProvider, GradientPicker, type GridProps, GridView, type GridViewSize, Heading1, Heading2, Heading3, Heading4, Heading5, type HoverEvent, type HoverEvents, type HoverProps, type IDialog, type IInputFieldWithCompletions, type IScoredItem, type IToken, type IVirtualizedList, IconButton, type ImageDataContextValue, ImageDataProvider, InputElement, InputField, type InputFieldSize, InputFieldWithCompletions, InspectorPrimitives, Italic, KeyboardShortcut, Label, LabeledElementView, type ListRowMarginType, type ListRowPosition, ListView, type MatchRange, type MenuConfig, type MenuItem, type MenuItemProps, type MenuProps, type Optional, PatternPreviewBackground, Popover, Progress, RadioGroup, type RegularMenuItem, type RelativeDropPosition, Row$1 as Row, SEPARATOR_ITEM, SUPPORTED_CANVAS_UPLOAD_TYPES, SUPPORTED_IMAGE_UPLOAD_TYPES, ScrollArea, Select, SelectOption, type SetNumberMode, type SketchPattern, Slider, Small, Sortable, Spacer, Stack, type StackBreakpointList, type SupportedCanvasUploadType, type SupportedImageUploadType, Switch, Text$1 as Text, type TextBreakpointList, type Theme, type ThemeColorName, Toast, ToastProvider, Tooltip, TreeView, createSectionedMenu, dark as darkTheme, fuzzyFilter, fuzzyScore, fuzzyTokenize, getGradientBackground, getNewValue, lightTheme, mediaQuery, normalizeListDestinationIndex, rgbaToSketchColor, size, sketchColorToHex, sketchColorToRgba, sketchColorToRgbaString, useCurrentFloatingWindowInternal, useDesignSystemConfiguration, useDesignSystemTheme, useDialogContainsElement, useFloatingWindowManager, useGlobalInputBlur, useGlobalInputBlurListener, useGlobalInputBlurTrigger, useHover, useImageData, useOpenInputDialog, usePlatform, usePlatformModKey, withSeparatorElements };
|
|
1354
|
+
export { ActivityIndicator, ArrayController, type ArrayControllerProps, Avatar, AvatarStack, Body, Button, ButtonElement, type ButtonRootProps, Chip, type ChipProps, CloseButtonContainer, type Colors, type CompletionItem, type CompletionListItem, CompletionMenu, type CompletionSectionHeader, CompletionToken, ContextMenu, type DesignSystemConfigurationContextValue, DesignSystemConfigurationProvider, DesignSystemThemeProvider, Dialog, type DialogContextValue, DialogProvider, DimensionInput, type DimensionValue, Divider, DividerVertical, DraggableMenuButton, type DropValidator, DropdownMenu, type EditableRowProps, type ExtractMenuItemType, FillInputField, FillPreviewBackground, FloatingWindow, FloatingWindowProvider, FullscreenDialog, type GlobalInputBlurContextValue, GlobalInputBlurProvider, GradientPicker, type GridProps, GridView, type GridViewSize, Heading1, Heading2, Heading3, Heading4, Heading5, type HoverEvent, type HoverEvents, type HoverProps, type IDialog, type IInputFieldWithCompletions, type IScoredItem, type IToken, type IVirtualizedList, IconButton, type ImageDataContextValue, ImageDataProvider, InputElement, InputField, type InputFieldSize, InputFieldWithCompletions, InspectorPrimitives, Italic, KeyboardShortcut, Label, LabeledElementView, type ListRowMarginType, type ListRowPosition, ListView, type MatchRange, type MenuConfig, type MenuItem, type MenuItemProps, type MenuProps, type Optional, PatternPreviewBackground, Popover, Progress, RadioGroup, type RegularMenuItem, type RelativeDropPosition, Row$1 as Row, SEPARATOR_ITEM, SUPPORTED_CANVAS_UPLOAD_TYPES, SUPPORTED_IMAGE_UPLOAD_TYPES, ScrollArea, Select, SelectOption, type SetNumberMode, type SketchPattern, Slider, Small, Sortable, Spacer, Stack, type StackBreakpointList, type SupportedCanvasUploadType, type SupportedImageUploadType, Switch, Text$1 as Text, type TextBreakpointList, type Theme, type ThemeColorName, Toast, ToastProvider, Tooltip, TreeView, createSectionedMenu, dark as darkTheme, fuzzyFilter, fuzzyScore, fuzzyTokenize, getGradientBackground, getNewValue, lightTheme, mediaQuery, normalizeListDestinationIndex, rgbaToSketchColor, size, sketchColorToHex, sketchColorToRgba, sketchColorToRgbaString, useCurrentFloatingWindowInternal, useDesignSystemConfiguration, useDesignSystemTheme, useDialogContainsElement, useFloatingWindowManager, useGlobalInputBlur, useGlobalInputBlurListener, useGlobalInputBlurTrigger, useHover, useImageData, useOpenInputDialog, usePlatform, usePlatformModKey, withSeparatorElements };
|