@noya-app/noya-designsystem 0.1.22 → 0.1.24

package/.turbo/turbo-build.log

@@ -5,13 +5,13 @@
 CLI Target: esnext
 CJS Build start
 ESM Build start
-CJS dist/index.js     231.53 KB
-CJS dist/index.js.map 466.05 KB
-CJS ⚡️ Build success in 229ms
-ESM dist/index.mjs     213.24 KB
-ESM dist/index.mjs.map 466.16 KB
-ESM ⚡️ Build success in 237ms
 DTS Build start
-DTS ⚡️ Build success in 10433ms
-DTS dist/index.d.ts  61.38 KB
-DTS dist/index.d.mts 61.38 KB
+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

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @noya-app/noya-designsystem
 
+## 0.1.24
+
+### Patch Changes
+
+- d0eb712: Add token import and export
+
+## 0.1.23
+
+### Patch Changes
+
+- 61cb70a: Add tree editor
+
 ## 0.1.22
 
 ### 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';
@@ -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;
@@ -518,6 +520,8 @@ interface InputFieldRootProps {
         width: number;
     }) => ReactNode;
     onFocusChange?: (isFocused: boolean) => void;
+    style?: React__default.CSSProperties;
+    className?: string;
 }
 declare namespace InputField {
     const Root: (props: InputFieldRootProps) => React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>> | null;
@@ -656,6 +660,11 @@ interface ListViewRowProps<MenuItemType extends string = string> {
     onMenuOpenChange?: (isOpen: boolean) => void;
     onKeyDown?: (event: React__default.KeyboardEvent) => void;
     style?: CSSProperties;
+    dragIndicatorStyle?: CSSProperties | ((props: {
+        depth: number;
+        indentation: number;
+        position: RelativeDropPosition;
+    }) => CSSProperties);
 }
 interface IVirtualizedList {
     scrollToIndex(index: number): void;
@@ -1042,7 +1051,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';
@@ -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;
@@ -518,6 +520,8 @@ interface InputFieldRootProps {
         width: number;
     }) => ReactNode;
     onFocusChange?: (isFocused: boolean) => void;
+    style?: React__default.CSSProperties;
+    className?: string;
 }
 declare namespace InputField {
     const Root: (props: InputFieldRootProps) => React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>> | null;
@@ -656,6 +660,11 @@ interface ListViewRowProps<MenuItemType extends string = string> {
     onMenuOpenChange?: (isOpen: boolean) => void;
     onKeyDown?: (event: React__default.KeyboardEvent) => void;
     style?: CSSProperties;
+    dragIndicatorStyle?: CSSProperties | ((props: {
+        depth: number;
+        indentation: number;
+        position: RelativeDropPosition;
+    }) => CSSProperties);
 }
 interface IVirtualizedList {
     scrollToIndex(index: number): void;
@@ -1042,7 +1051,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;