@noya-app/noya-designsystem 0.1.24 → 0.1.26

package/.turbo/turbo-build.log

@@ -6,12 +6,12 @@
 CJS Build start
 ESM Build start
 DTS Build start
-ESM dist/index.mjs     213.95 KB
-ESM dist/index.mjs.map 468.02 KB
-ESM ⚡️ Build success in 297ms
-CJS dist/index.js     232.25 KB
-CJS dist/index.js.map 467.92 KB
-CJS ⚡️ Build success in 336ms
-DTS ⚡️ Build success in 10367ms
-DTS dist/index.d.ts  61.69 KB
-DTS dist/index.d.mts 61.69 KB
+CJS dist/index.js     237.57 KB
+CJS dist/index.js.map 477.33 KB
+CJS ⚡️ Build success in 262ms
+ESM dist/index.mjs     218.90 KB
+ESM dist/index.mjs.map 477.46 KB
+ESM ⚡️ Build success in 262ms
+DTS ⚡️ Build success in 11217ms
+DTS dist/index.d.ts  62.86 KB
+DTS dist/index.d.mts 62.86 KB

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @noya-app/noya-designsystem
 
+## 0.1.26
+
+### Patch Changes
+
+- 740bd32: Handle tools, creators, tags
+- 5978f81: Update line height
+  - @noya-app/noya-colorpicker@0.1.11
+
+## 0.1.25
+
+### Patch Changes
+
+- b1903d5: Update json editor and improve multiplayer sync
+
 ## 0.1.24
 
 ### Patch Changes

package/dist/index.d.mts

@@ -66,6 +66,7 @@ interface ButtonRootProps {
     contentStyle?: CSSProperties;
     defaultBackground?: string;
     as?: React__default.ElementType;
+    htmlFor?: string;
     href?: string;
     target?: string;
     rel?: string;
@@ -73,7 +74,7 @@ interface ButtonRootProps {
 declare const Button: (props: ButtonRootProps & React__default.RefAttributes<HTMLButtonElement>) => React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>> | null;
 
 type ChipColorScheme = "primary" | "secondary" | "error";
-type ChipSize = "small" | "medium";
+type ChipSize = "small" | "medium" | "large";
 type ChipVariant = "solid" | "outlined" | "ghost";
 interface ChipProps {
     id?: string;
@@ -101,6 +102,7 @@ declare const colors$1: {
         fill: string;
         highlight: string;
     };
+    background: string;
     text: string;
     textMuted: string;
     textSubtle: string;
@@ -111,8 +113,10 @@ declare const colors$1: {
     dividerStrong: string;
     primary: string;
     primaryLight: string;
+    primaryPastel: string;
     secondary: string;
     secondaryLight: string;
+    secondaryPastel: string;
     secondaryBright: string;
     warning: string;
     neutralBackground: string;
@@ -530,6 +534,7 @@ declare namespace InputField {
         variant?: "bare" | undefined;
     }) & React__default.RefAttributes<HTMLInputElement>) => React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>> | null;
     const Typeahead: (props: {
+        prefix: string;
         value: string;
     }) => React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>> | null;
     const NumberInput: (props: InputFieldNumberInputProps) => React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>> | null;
@@ -539,6 +544,7 @@ declare namespace InputField {
         onClick?: (() => void) | undefined;
     }) => React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>> | null;
     const Label: (props: InputFieldLabelProps & React__default.RefAttributes<HTMLLabelElement>) => React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>> | null;
+    const PrimitiveElement: styled_components_dist_types.IStyledComponentBase<"web", styled_components.FastOmit<React__default.DetailedHTMLProps<React__default.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, never>> & string;
 }
 
 declare function fuzzyScore({ item, query }: {
@@ -660,6 +666,7 @@ interface ListViewRowProps<MenuItemType extends string = string> {
     onMenuOpenChange?: (isOpen: boolean) => void;
     onKeyDown?: (event: React__default.KeyboardEvent) => void;
     style?: CSSProperties;
+    className?: string;
     dragIndicatorStyle?: CSSProperties | ((props: {
         depth: number;
         indentation: number;
@@ -871,6 +878,8 @@ type Props$8<T extends string> = {
     value: T;
     onSelect?: (value: T) => void;
     placeholder?: string;
+    disabled?: boolean;
+    readOnly?: boolean;
 };
 declare const SelectMenu: <T extends string = string>(props: Props$8<T>) => React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>> | null;
 
@@ -975,8 +984,9 @@ interface Props$4 {
     value: boolean;
     onChange: (value: boolean) => void;
     colorScheme?: SwitchColorScheme;
+    disabled?: boolean;
 }
-declare const Switch: ({ value, onChange, colorScheme, }: Props$4) => React__default.JSX.Element;
+declare const Switch: ({ value, onChange, colorScheme, disabled, }: Props$4) => React__default.JSX.Element;
 
 type StyleProps = {
     flex?: CSSProperties$1["flex"];
@@ -1013,6 +1023,7 @@ interface Props$3 extends StyleProps {
     as?: keyof ReactHTML;
     href?: string;
     className?: string;
+    style?: React__default.CSSProperties;
     variant: keyof Theme["textStyles"];
     breakpoints?: BreakpointCollection<StyleProps> | null | false;
     color?: ThemeColorName;
@@ -1035,6 +1046,12 @@ declare const Italic: ({ children }: {
     children: ReactNode;
 }) => React__default.JSX.Element;
 
+declare const useAutoResize: (value: string) => React__default.MutableRefObject<HTMLTextAreaElement | null>;
+declare const AutoResizingTextArea: (props: Omit<styled_components.FastOmit<React__default.DetailedHTMLProps<React__default.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, never>, "onChange" | "value"> & {
+    onChangeText: (value: string) => void;
+    value?: string | undefined;
+} & React__default.RefAttributes<HTMLTextAreaElement>) => React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>> | null;
+
 declare const Toast: ({ title, content, children, ...props }: {
     title?: string | undefined;
     content: ReactNode;
@@ -1253,6 +1270,7 @@ declare const colors: {
         fill: string;
         highlight: string;
     };
+    background: string;
     text: string;
     textMuted: string;
     textSubtle: string;
@@ -1263,8 +1281,10 @@ declare const colors: {
     dividerStrong: string;
     primary: string;
     primaryLight: string;
+    primaryPastel: string;
     secondary: string;
     secondaryLight: string;
+    secondaryPastel: string;
     secondaryBright: string;
     warning: string;
     neutralBackground: string;
@@ -1430,4 +1450,4 @@ declare module "react" {
     function forwardRef<T, P = {}>(render: (props: P, ref: React.ForwardedRef<T>) => React.ReactElement | null): (props: P & React.RefAttributes<T>) => React.ReactElement | null;
 }
 
-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, type IWorkspaceLayout, IconButton, type ImageDataContextValue, ImageDataProvider, InputElement, InputField, type InputFieldSize, InputFieldWithCompletions, InspectorContainer, 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, SelectMenu, 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, WorkspaceLayout, 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 };
+export { ActivityIndicator, ArrayController, type ArrayControllerProps, AutoResizingTextArea, 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, type IWorkspaceLayout, IconButton, type ImageDataContextValue, ImageDataProvider, InputElement, InputField, type InputFieldSize, InputFieldWithCompletions, InspectorContainer, 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, SelectMenu, 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, WorkspaceLayout, createSectionedMenu, dark as darkTheme, fuzzyFilter, fuzzyScore, fuzzyTokenize, getGradientBackground, getNewValue, lightTheme, mediaQuery, normalizeListDestinationIndex, rgbaToSketchColor, size, sketchColorToHex, sketchColorToRgba, sketchColorToRgbaString, useAutoResize, useCurrentFloatingWindowInternal, useDesignSystemConfiguration, useDesignSystemTheme, useDialogContainsElement, useFloatingWindowManager, useGlobalInputBlur, useGlobalInputBlurListener, useGlobalInputBlurTrigger, useHover, useImageData, useOpenInputDialog, usePlatform, usePlatformModKey, withSeparatorElements };

package/dist/index.d.ts

@@ -66,6 +66,7 @@ interface ButtonRootProps {
     contentStyle?: CSSProperties;
     defaultBackground?: string;
     as?: React__default.ElementType;
+    htmlFor?: string;
     href?: string;
     target?: string;
     rel?: string;
@@ -73,7 +74,7 @@ interface ButtonRootProps {
 declare const Button: (props: ButtonRootProps & React__default.RefAttributes<HTMLButtonElement>) => React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>> | null;
 
 type ChipColorScheme = "primary" | "secondary" | "error";
-type ChipSize = "small" | "medium";
+type ChipSize = "small" | "medium" | "large";
 type ChipVariant = "solid" | "outlined" | "ghost";
 interface ChipProps {
     id?: string;
@@ -101,6 +102,7 @@ declare const colors$1: {
         fill: string;
         highlight: string;
     };
+    background: string;
     text: string;
     textMuted: string;
     textSubtle: string;
@@ -111,8 +113,10 @@ declare const colors$1: {
     dividerStrong: string;
     primary: string;
     primaryLight: string;
+    primaryPastel: string;
     secondary: string;
     secondaryLight: string;
+    secondaryPastel: string;
     secondaryBright: string;
     warning: string;
     neutralBackground: string;
@@ -530,6 +534,7 @@ declare namespace InputField {
         variant?: "bare" | undefined;
     }) & React__default.RefAttributes<HTMLInputElement>) => React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>> | null;
     const Typeahead: (props: {
+        prefix: string;
         value: string;
     }) => React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>> | null;
     const NumberInput: (props: InputFieldNumberInputProps) => React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>> | null;
@@ -539,6 +544,7 @@ declare namespace InputField {
         onClick?: (() => void) | undefined;
     }) => React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>> | null;
     const Label: (props: InputFieldLabelProps & React__default.RefAttributes<HTMLLabelElement>) => React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>> | null;
+    const PrimitiveElement: styled_components_dist_types.IStyledComponentBase<"web", styled_components.FastOmit<React__default.DetailedHTMLProps<React__default.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, never>> & string;
 }
 
 declare function fuzzyScore({ item, query }: {
@@ -660,6 +666,7 @@ interface ListViewRowProps<MenuItemType extends string = string> {
     onMenuOpenChange?: (isOpen: boolean) => void;
     onKeyDown?: (event: React__default.KeyboardEvent) => void;
     style?: CSSProperties;
+    className?: string;
     dragIndicatorStyle?: CSSProperties | ((props: {
         depth: number;
         indentation: number;
@@ -871,6 +878,8 @@ type Props$8<T extends string> = {
     value: T;
     onSelect?: (value: T) => void;
     placeholder?: string;
+    disabled?: boolean;
+    readOnly?: boolean;
 };
 declare const SelectMenu: <T extends string = string>(props: Props$8<T>) => React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>> | null;
 
@@ -975,8 +984,9 @@ interface Props$4 {
     value: boolean;
     onChange: (value: boolean) => void;
     colorScheme?: SwitchColorScheme;
+    disabled?: boolean;
 }
-declare const Switch: ({ value, onChange, colorScheme, }: Props$4) => React__default.JSX.Element;
+declare const Switch: ({ value, onChange, colorScheme, disabled, }: Props$4) => React__default.JSX.Element;
 
 type StyleProps = {
     flex?: CSSProperties$1["flex"];
@@ -1013,6 +1023,7 @@ interface Props$3 extends StyleProps {
     as?: keyof ReactHTML;
     href?: string;
     className?: string;
+    style?: React__default.CSSProperties;
     variant: keyof Theme["textStyles"];
     breakpoints?: BreakpointCollection<StyleProps> | null | false;
     color?: ThemeColorName;
@@ -1035,6 +1046,12 @@ declare const Italic: ({ children }: {
     children: ReactNode;
 }) => React__default.JSX.Element;
 
+declare const useAutoResize: (value: string) => React__default.MutableRefObject<HTMLTextAreaElement | null>;
+declare const AutoResizingTextArea: (props: Omit<styled_components.FastOmit<React__default.DetailedHTMLProps<React__default.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, never>, "onChange" | "value"> & {
+    onChangeText: (value: string) => void;
+    value?: string | undefined;
+} & React__default.RefAttributes<HTMLTextAreaElement>) => React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>> | null;
+
 declare const Toast: ({ title, content, children, ...props }: {
     title?: string | undefined;
     content: ReactNode;
@@ -1253,6 +1270,7 @@ declare const colors: {
         fill: string;
         highlight: string;
     };
+    background: string;
     text: string;
     textMuted: string;
     textSubtle: string;
@@ -1263,8 +1281,10 @@ declare const colors: {
     dividerStrong: string;
     primary: string;
     primaryLight: string;
+    primaryPastel: string;
     secondary: string;
     secondaryLight: string;
+    secondaryPastel: string;
     secondaryBright: string;
     warning: string;
     neutralBackground: string;
@@ -1430,4 +1450,4 @@ declare module "react" {
     function forwardRef<T, P = {}>(render: (props: P, ref: React.ForwardedRef<T>) => React.ReactElement | null): (props: P & React.RefAttributes<T>) => React.ReactElement | null;
 }
 
-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, type IWorkspaceLayout, IconButton, type ImageDataContextValue, ImageDataProvider, InputElement, InputField, type InputFieldSize, InputFieldWithCompletions, InspectorContainer, 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, SelectMenu, 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, WorkspaceLayout, 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 };
+export { ActivityIndicator, ArrayController, type ArrayControllerProps, AutoResizingTextArea, 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, type IWorkspaceLayout, IconButton, type ImageDataContextValue, ImageDataProvider, InputElement, InputField, type InputFieldSize, InputFieldWithCompletions, InspectorContainer, 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, SelectMenu, 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, WorkspaceLayout, createSectionedMenu, dark as darkTheme, fuzzyFilter, fuzzyScore, fuzzyTokenize, getGradientBackground, getNewValue, lightTheme, mediaQuery, normalizeListDestinationIndex, rgbaToSketchColor, size, sketchColorToHex, sketchColorToRgba, sketchColorToRgbaString, useAutoResize, useCurrentFloatingWindowInternal, useDesignSystemConfiguration, useDesignSystemTheme, useDialogContainsElement, useFloatingWindowManager, useGlobalInputBlur, useGlobalInputBlurListener, useGlobalInputBlurTrigger, useHover, useImageData, useOpenInputDialog, usePlatform, usePlatformModKey, withSeparatorElements };