@noya-app/noya-designsystem 0.1.23 → 0.1.25

package/.turbo/turbo-build.log

@@ -5,13 +5,13 @@
 CLI Target: esnext
 CJS Build start
 ESM Build start
-CJS dist/index.js     231.87 KB
-CJS dist/index.js.map 466.94 KB
-CJS ⚡️ Build success in 168ms
-ESM dist/index.mjs     213.59 KB
-ESM dist/index.mjs.map 467.05 KB
-ESM ⚡️ Build success in 170ms
+ESM dist/index.mjs     216.08 KB
+ESM dist/index.mjs.map 471.92 KB
+ESM ⚡️ Build success in 141ms
+CJS dist/index.js     234.49 KB
+CJS dist/index.js.map 471.82 KB
+CJS ⚡️ Build success in 141ms
 DTS Build start
-DTS ⚡️ Build success in 10431ms
-DTS dist/index.d.ts  61.61 KB
-DTS dist/index.d.mts 61.61 KB
+DTS ⚡️ Build success in 11480ms
+DTS dist/index.d.ts  62.01 KB
+DTS dist/index.d.mts 62.01 KB

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @noya-app/noya-designsystem
 
+## 0.1.25
+
+### Patch Changes
+
+- b1903d5: Update json editor and improve multiplayer sync
+
+## 0.1.24
+
+### Patch Changes
+
+- d0eb712: Add token import and export
+
 ## 0.1.23
 
 ### Patch Changes

package/dist/index.d.mts

@@ -3,6 +3,7 @@ import React__default, { CSSProperties, ReactNode, ComponentProps, AriaRole, Key
 import * as styled_components_dist_types from 'styled-components/dist/types';
 import * as styled_components from 'styled-components';
 import { CSSObject, CSSProperties as CSSProperties$1 } from 'styled-components';
+import * as Icons from '@noya-app/noya-icons';
 import * as DialogPrimitive from '@radix-ui/react-dialog';
 import * as RadixDropdownMenu from '@radix-ui/react-dropdown-menu';
 import { Sketch } from '@noya-app/noya-file-format';
@@ -10,7 +11,6 @@ import * as csstype from 'csstype';
 import { Property } from 'csstype';
 import * as _noya_app_noya_keymap from '@noya-app/noya-keymap';
 import { KeyModifiers, PlatformName } from '@noya-app/noya-keymap';
-import * as Icons from '@noya-app/noya-icons';
 import * as _noya_app_noya_geometry from '@noya-app/noya-geometry';
 import { Size } from '@noya-app/noya-geometry';
 import { IItemScore } from 'vscode-fuzzy-scorer';
@@ -73,7 +73,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;
@@ -229,6 +229,8 @@ type PickByValue<T, V> = Pick<T, {
 }[keyof T]>;
 type ThemeColorName = keyof PickByValue<Theme['colors'], string>;
 
+type IconName = keyof typeof Icons;
+
 declare const SEPARATOR_ITEM = "separator";
 type MenuItemRole = "undo" | "redo" | "cut" | "copy" | "paste" | "pasteAndMatchStyle" | "delete" | "selectAll" | "reload" | "forceReload" | "toggleDevTools" | "resetZoom" | "zoomIn" | "zoomOut" | "toggleSpellChecker" | "togglefullscreen" | "window" | "minimize" | "close" | "help" | "about" | "services" | "hide" | "hideOthers" | "unhide" | "quit" | "showSubstitutions" | "toggleSmartQuotes" | "toggleSmartDashes" | "toggleTextReplacement" | "startSpeaking" | "stopSpeaking" | "zoom" | "front" | "appMenu" | "fileMenu" | "editMenu" | "viewMenu" | "shareMenu" | "recentDocuments" | "toggleTabBar" | "selectNextTab" | "selectPreviousTab" | "mergeAllWindows" | "clearRecentDocuments" | "moveTabToNewWindow" | "windowMenu";
 type RegularMenuItem<T extends string> = {
@@ -237,7 +239,7 @@ type RegularMenuItem<T extends string> = {
     shortcut?: string;
     checked?: boolean;
     disabled?: boolean;
-    icon?: ReactNode;
+    icon?: Exclude<ReactNode, string> | IconName;
     items?: MenuItem<T>[];
     role?: MenuItemRole;
 };
@@ -432,7 +434,7 @@ declare namespace GridView {
 }
 
 declare const IconButton: (props: Omit<ButtonRootProps, "children" | "size" | "flex" | "variant"> & {
-    iconName: keyof typeof Icons;
+    iconName: IconName;
     className?: string | undefined;
     style?: React__default.CSSProperties | undefined;
     selected?: boolean | undefined;
@@ -537,6 +539,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 }: {
@@ -869,6 +872,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;
 
@@ -973,8 +978,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"];
@@ -1049,7 +1055,7 @@ interface Props$2 {
 declare const Tooltip: (props: Props$2) => React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>> | null;
 
 type TreeRowBaseProps = {
-    icon?: ReactNode;
+    icon?: Exclude<ReactNode, string> | IconName;
     expanded?: boolean;
     onClickChevron?: ({ altKey }: {
         altKey: boolean;

package/dist/index.d.ts

@@ -3,6 +3,7 @@ import React__default, { CSSProperties, ReactNode, ComponentProps, AriaRole, Key
 import * as styled_components_dist_types from 'styled-components/dist/types';
 import * as styled_components from 'styled-components';
 import { CSSObject, CSSProperties as CSSProperties$1 } from 'styled-components';
+import * as Icons from '@noya-app/noya-icons';
 import * as DialogPrimitive from '@radix-ui/react-dialog';
 import * as RadixDropdownMenu from '@radix-ui/react-dropdown-menu';
 import { Sketch } from '@noya-app/noya-file-format';
@@ -10,7 +11,6 @@ import * as csstype from 'csstype';
 import { Property } from 'csstype';
 import * as _noya_app_noya_keymap from '@noya-app/noya-keymap';
 import { KeyModifiers, PlatformName } from '@noya-app/noya-keymap';
-import * as Icons from '@noya-app/noya-icons';
 import * as _noya_app_noya_geometry from '@noya-app/noya-geometry';
 import { Size } from '@noya-app/noya-geometry';
 import { IItemScore } from 'vscode-fuzzy-scorer';
@@ -73,7 +73,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;
@@ -229,6 +229,8 @@ type PickByValue<T, V> = Pick<T, {
 }[keyof T]>;
 type ThemeColorName = keyof PickByValue<Theme['colors'], string>;
 
+type IconName = keyof typeof Icons;
+
 declare const SEPARATOR_ITEM = "separator";
 type MenuItemRole = "undo" | "redo" | "cut" | "copy" | "paste" | "pasteAndMatchStyle" | "delete" | "selectAll" | "reload" | "forceReload" | "toggleDevTools" | "resetZoom" | "zoomIn" | "zoomOut" | "toggleSpellChecker" | "togglefullscreen" | "window" | "minimize" | "close" | "help" | "about" | "services" | "hide" | "hideOthers" | "unhide" | "quit" | "showSubstitutions" | "toggleSmartQuotes" | "toggleSmartDashes" | "toggleTextReplacement" | "startSpeaking" | "stopSpeaking" | "zoom" | "front" | "appMenu" | "fileMenu" | "editMenu" | "viewMenu" | "shareMenu" | "recentDocuments" | "toggleTabBar" | "selectNextTab" | "selectPreviousTab" | "mergeAllWindows" | "clearRecentDocuments" | "moveTabToNewWindow" | "windowMenu";
 type RegularMenuItem<T extends string> = {
@@ -237,7 +239,7 @@ type RegularMenuItem<T extends string> = {
     shortcut?: string;
     checked?: boolean;
     disabled?: boolean;
-    icon?: ReactNode;
+    icon?: Exclude<ReactNode, string> | IconName;
     items?: MenuItem<T>[];
     role?: MenuItemRole;
 };
@@ -432,7 +434,7 @@ declare namespace GridView {
 }
 
 declare const IconButton: (props: Omit<ButtonRootProps, "children" | "size" | "flex" | "variant"> & {
-    iconName: keyof typeof Icons;
+    iconName: IconName;
     className?: string | undefined;
     style?: React__default.CSSProperties | undefined;
     selected?: boolean | undefined;
@@ -537,6 +539,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 }: {
@@ -869,6 +872,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;
 
@@ -973,8 +978,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"];
@@ -1049,7 +1055,7 @@ interface Props$2 {
 declare const Tooltip: (props: Props$2) => React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>> | null;
 
 type TreeRowBaseProps = {
-    icon?: ReactNode;
+    icon?: Exclude<ReactNode, string> | IconName;
     expanded?: boolean;
     onClickChevron?: ({ altKey }: {
         altKey: boolean;