@newtonedev/components 0.1.14 → 0.1.15

package/dist/composites/actions/Button/Button.d.ts

@@ -1,47 +1,34 @@
 import React from 'react';
 import type { ButtonProps } from './Button.types';
 /**
- * Button — A composite component demonstrating the primitive composition pattern.
+ * Button — A composite component that inherits its color theme from the
+ * nearest parent Frame's `theme` prop (defaults to 'primary').
  *
- * **Composition Architecture:**
- * - Pressable (RN primitive) — handles interaction
- * - Wrapper (primitive) — handles layout (direction, gap, padding, alignment)
- * - Icon (primitive) — handles icon rendering with theme tokens
- * - Text (primitive) — handles typography with theme tokens
+ * **Variants:**
+ * - `primary` — Filled background (highest visual weight)
+ * - `secondary` — Outlined with subtle hover
+ * - `ghost` — No border, transparent, subtle hover
  *
- * This component does NOT manually compute flexbox, spacing, or typography styles.
- * Instead, it delegates to primitives which already handle these concerns.
- *
- * Automatically adapts to the current theme and mode from NewtoneProvider.
+ * **Sizes (fixed heights):**
+ * - `sm` — 40px
+ * - `md` — 48px
+ * - `lg` — 56px
+ * - `xl` — 64px
  *
  * @example
  * ```tsx
- * <Button variant="primary" semantic="accent" size="md" onPress={() => console.log('Pressed')}>
+ * <Button variant="primary" size="md" onPress={() => console.log('Pressed')}>
  *   Click me
  * </Button>
  * ```
  *
  * @example
  * ```tsx
- * <Button icon="add" variant="primary" semantic="accent" onPress={handleAdd}>
- *   New Item
- * </Button>
- * ```
- *
- * @example
- * ```tsx
- * <Button icon="delete" variant="tertiary" semantic="neutral" size="sm" onPress={handleDelete} />
- * ```
- *
- * @example
- * ```tsx
- * <Button variant="link" semantic="accent" onPress={handleNav}>Learn more</Button>
- * ```
- *
- * @example
- * ```tsx
- * <Button loading onPress={handleSubmit}>Saving...</Button>
+ * // Inherits theme from parent Frame
+ * <Frame theme="error">
+ *   <Button variant="primary">Delete</Button>
+ * </Frame>
  * ```
  */
-export declare function Button({ children, icon, iconPosition, variant, semantic, size, disabled, loading, fullWidth, style, textStyle, ...pressableProps }: ButtonProps): React.JSX.Element;
+export declare function Button({ children, icon, iconPosition, variant, size, disabled, loading, fullWidth, style, textStyle, ...pressableProps }: ButtonProps): React.JSX.Element;
 //# sourceMappingURL=Button.d.ts.map

package/dist/composites/actions/Button/Button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/composites/actions/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAOlD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0CG;AACH,wBAAgB,MAAM,CAAC,EACrB,QAAQ,EACR,IAAI,EACJ,YAAqB,EACrB,OAAmB,EACnB,QAAoB,EACpB,IAAW,EACX,QAAgB,EAChB,OAAe,EACf,SAAiB,EACjB,KAAK,EACL,SAAS,EACT,GAAG,cAAc,EAClB,EAAE,WAAW,qBA2Eb"}
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/composites/actions/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAQlD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,wBAAgB,MAAM,CAAC,EACrB,QAAQ,EACR,IAAI,EACJ,YAAqB,EACrB,OAAmB,EACnB,IAAW,EACX,QAAgB,EAChB,OAAe,EACf,SAAiB,EACjB,KAAK,EACL,SAAS,EACT,GAAG,cAAc,EAClB,EAAE,WAAW,qBAuEb"}

package/dist/composites/actions/Button/Button.styles.d.ts

@@ -1,6 +1,11 @@
 import type { UseTokensResult } from 'newtone-api';
-import type { ButtonVariant, ButtonSemantic, ButtonSize } from './Button.types';
+import type { ThemeName } from 'newtone-api';
+import type { ButtonVariant, ButtonSize } from './Button.types';
 import type { TextSize } from '../../../primitives/Text/Text.types';
+/**
+ * Fixed heights per size (px)
+ */
+export declare const BUTTON_HEIGHTS: Record<ButtonSize, number>;
 /**
  * Configuration returned by getButtonConfig
  */
@@ -15,6 +20,7 @@ export interface ButtonConfig {
         borderColor?: string;
     };
     sizeTokens: {
+        height: number;
         padding: number;
         gap: number;
         borderRadius: number;
@@ -28,38 +34,20 @@ export interface ButtonConfig {
 export interface ButtonPadding {
     paddingLeft: number;
     paddingRight: number;
-    paddingTop: number;
-    paddingBottom: number;
 }
 /**
  * Compute asymmetric button padding based on icon/text presence.
  *
  * Text appears visually closer to borders than icons, so we add 8px extra
  * horizontal padding on the text side for optical balance.
- *
- * @param size - Button size (determines base padding)
- * @param hasIcon - Whether button has an icon
- * @param hasText - Whether button has text
- * @param iconPosition - Icon position relative to text
- * @returns Padding object with all four sides
  */
 export declare function computeButtonPadding(size: ButtonSize, hasIcon: boolean, hasText: boolean, iconPosition: 'left' | 'right'): ButtonPadding;
 /**
- * Compute button configuration based on variant, semantic, size, and state.
- *
- * This function ONLY computes variant colors + size tokens.
- * Layout concerns (flexbox, spacing, alignment) are handled by Wrapper primitive.
- * Typography concerns (font, size, weight) are handled by Text primitive.
- *
- * Elevation-aware: neutral primary uses backgroundInteractive for consistent contrast.
- * Semantic variants use proper PaletteTokens — no opacity hacks.
+ * Compute button configuration based on variant, size, and state.
  *
- * @param variant - Button type (primary, secondary, tertiary)
- * @param semantic - Button semantic meaning (neutral, accent, success, error, warning)
- * @param size - Button size (sm, md, lg)
- * @param disabled - Whether button is disabled
- * @param tokens - Resolved tokens for current elevation
- * @returns ButtonConfig with variantColors and sizeTokens
+ * Colors are derived from the inherited theme (via FrameContext) rather than
+ * hardcoded to the primary palette. The `theme` parameter comes from the
+ * nearest Frame's `theme` prop, defaulting to 'primary'.
  */
-export declare function getButtonConfig(variant: ButtonVariant, semantic: ButtonSemantic, size: ButtonSize, disabled: boolean, tokens: UseTokensResult): ButtonConfig;
+export declare function getButtonConfig(variant: ButtonVariant, size: ButtonSize, disabled: boolean, tokens: UseTokensResult, theme: ThemeName): ButtonConfig;
 //# sourceMappingURL=Button.styles.d.ts.map

package/dist/composites/actions/Button/Button.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Button.styles.d.ts","sourceRoot":"","sources":["../../../../src/composites/actions/Button/Button.styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AACnD,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAChF,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,qCAAqC,CAAC;AAEpE;;GAEG;AACH,MAAM,WAAW,YAAY;IAC3B,aAAa,EAAE;QACb,EAAE,EAAE,MAAM,CAAC;QACX,SAAS,EAAE,MAAM,CAAC;QAClB,SAAS,EAAE,MAAM,CAAC;QAClB,SAAS,EAAE,MAAM,CAAC;QAClB,SAAS,EAAE,MAAM,CAAC;QAClB,WAAW,EAAE,MAAM,CAAC;QACpB,WAAW,CAAC,EAAE,MAAM,CAAC;KACtB,CAAC;IACF,UAAU,EAAE;QACV,OAAO,EAAE,MAAM,CAAC;QAChB,GAAG,EAAE,MAAM,CAAC;QACZ,YAAY,EAAE,MAAM,CAAC;QACrB,QAAQ,EAAE,QAAQ,CAAC;QACnB,QAAQ,EAAE,MAAM,CAAC;KAClB,CAAC;CACH;AAED;;GAEG;AACH,MAAM,WAAW,aAAa;IAC5B,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,EAAE,MAAM,CAAC;CACvB;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,oBAAoB,CAClC,IAAI,EAAE,UAAU,EAChB,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,EAChB,YAAY,EAAE,MAAM,GAAG,OAAO,GAC7B,aAAa,CAyDf;AAWD;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,eAAe,CAC7B,OAAO,EAAE,aAAa,EACtB,QAAQ,EAAE,cAAc,EACxB,IAAI,EAAE,UAAU,EAChB,QAAQ,EAAE,OAAO,EACjB,MAAM,EAAE,eAAe,GACtB,YAAY,CAiBd"}
+{"version":3,"file":"Button.styles.d.ts","sourceRoot":"","sources":["../../../../src/composites/actions/Button/Button.styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AACnD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAC7C,OAAO,KAAK,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAChE,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,qCAAqC,CAAC;AAEpE;;GAEG;AACH,eAAO,MAAM,cAAc,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAKrD,CAAC;AAEF;;GAEG;AACH,MAAM,WAAW,YAAY;IAC3B,aAAa,EAAE;QACb,EAAE,EAAE,MAAM,CAAC;QACX,SAAS,EAAE,MAAM,CAAC;QAClB,SAAS,EAAE,MAAM,CAAC;QAClB,SAAS,EAAE,MAAM,CAAC;QAClB,SAAS,EAAE,MAAM,CAAC;QAClB,WAAW,EAAE,MAAM,CAAC;QACpB,WAAW,CAAC,EAAE,MAAM,CAAC;KACtB,CAAC;IACF,UAAU,EAAE;QACV,MAAM,EAAE,MAAM,CAAC;QACf,OAAO,EAAE,MAAM,CAAC;QAChB,GAAG,EAAE,MAAM,CAAC;QACZ,YAAY,EAAE,MAAM,CAAC;QACrB,QAAQ,EAAE,QAAQ,CAAC;QACnB,QAAQ,EAAE,MAAM,CAAC;KAClB,CAAC;CACH;AAED;;GAEG;AACH,MAAM,WAAW,aAAa;IAC5B,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;CACtB;AAED;;;;;GAKG;AACH,wBAAgB,oBAAoB,CAClC,IAAI,EAAE,UAAU,EAChB,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,EAChB,YAAY,EAAE,MAAM,GAAG,OAAO,GAC7B,aAAa,CA+Bf;AAED;;;;;;GAMG;AACH,wBAAgB,eAAe,CAC7B,OAAO,EAAE,aAAa,EACtB,IAAI,EAAE,UAAU,EAChB,QAAQ,EAAE,OAAO,EACjB,MAAM,EAAE,eAAe,EACvB,KAAK,EAAE,SAAS,GACf,YAAY,CAed"}

package/dist/composites/actions/Button/Button.types.d.ts

@@ -1,16 +1,12 @@
 import type { PressableProps, ViewStyle, TextStyle } from 'react-native';
 /**
- * Visual type for the Button component (describes visual weight)
+ * Visual variant for the Button component (describes visual weight)
  */
-export type ButtonVariant = 'primary' | 'secondary' | 'tertiary' | 'link';
-/**
- * Semantic meaning for the Button component (describes color purpose)
- */
-export type ButtonSemantic = 'neutral' | 'accent' | 'success' | 'error' | 'warning';
+export type ButtonVariant = 'primary' | 'secondary' | 'ghost';
 /**
  * Size presets for the Button component
  */
-export type ButtonSize = 'sm' | 'md' | 'lg';
+export type ButtonSize = 'sm' | 'md' | 'lg' | 'xl';
 /**
  * Icon position relative to button text
  */
@@ -35,15 +31,10 @@ export interface ButtonProps extends Omit<PressableProps, 'children' | 'style'>
      */
     readonly iconPosition?: ButtonIconPosition;
     /**
-     * Visual type (describes visual weight: filled, outlined, ghost)
+     * Visual variant (describes visual weight: filled, outlined, ghost)
      * @default 'primary'
      */
     readonly variant?: ButtonVariant;
-    /**
-     * Semantic meaning (describes color purpose: neutral, accent, success, error, warning)
-     * @default 'neutral'
-     */
-    readonly semantic?: ButtonSemantic;
     /**
      * Size preset
      * @default 'md'

package/dist/composites/actions/Button/Button.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Button.types.d.ts","sourceRoot":"","sources":["../../../../src/composites/actions/Button/Button.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzE;;GAEG;AACH,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,WAAW,GAAG,UAAU,GAAG,MAAM,CAAC;AAE1E;;GAEG;AACH,MAAM,MAAM,cAAc,GAAG,SAAS,GAAG,QAAQ,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,CAAC;AAEpF;;GAEG;AACH,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE5C;;GAEG;AACH,MAAM,MAAM,kBAAkB,GAAG,MAAM,GAAG,OAAO,CAAC;AAElD;;GAEG;AACH,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,cAAc,EAAE,UAAU,GAAG,OAAO,CAAC;IAC7E;;;OAGG;IACH,QAAQ,CAAC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAEpC;;;OAGG;IACH,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IAEvB;;;OAGG;IACH,QAAQ,CAAC,YAAY,CAAC,EAAE,kBAAkB,CAAC;IAE3C;;;OAGG;IACH,QAAQ,CAAC,OAAO,CAAC,EAAE,aAAa,CAAC;IAEjC;;;OAGG;IACH,QAAQ,CAAC,QAAQ,CAAC,EAAE,cAAc,CAAC;IAEnC;;;OAGG;IACH,QAAQ,CAAC,IAAI,CAAC,EAAE,UAAU,CAAC;IAE3B;;;OAGG;IACH,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAE5B;;;OAGG;IACH,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC;IAE3B;;;OAGG;IACH,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAC;IAE7B;;OAEG;IACH,QAAQ,CAAC,KAAK,CAAC,EAAE,SAAS,GAAG,SAAS,EAAE,CAAC;IAEzC;;OAEG;IACH,QAAQ,CAAC,SAAS,CAAC,EAAE,SAAS,GAAG,SAAS,EAAE,CAAC;CAC9C"}
+{"version":3,"file":"Button.types.d.ts","sourceRoot":"","sources":["../../../../src/composites/actions/Button/Button.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzE;;GAEG;AACH,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,WAAW,GAAG,OAAO,CAAC;AAE9D;;GAEG;AACH,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEnD;;GAEG;AACH,MAAM,MAAM,kBAAkB,GAAG,MAAM,GAAG,OAAO,CAAC;AAElD;;GAEG;AACH,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,cAAc,EAAE,UAAU,GAAG,OAAO,CAAC;IAC7E;;;OAGG;IACH,QAAQ,CAAC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAEpC;;;OAGG;IACH,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IAEvB;;;OAGG;IACH,QAAQ,CAAC,YAAY,CAAC,EAAE,kBAAkB,CAAC;IAE3C;;;OAGG;IACH,QAAQ,CAAC,OAAO,CAAC,EAAE,aAAa,CAAC;IAEjC;;;OAGG;IACH,QAAQ,CAAC,IAAI,CAAC,EAAE,UAAU,CAAC;IAE3B;;;OAGG;IACH,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAE5B;;;OAGG;IACH,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC;IAE3B;;;OAGG;IACH,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAC;IAE7B;;OAEG;IACH,QAAQ,CAAC,KAAK,CAAC,EAAE,SAAS,GAAG,SAAS,EAAE,CAAC;IAEzC;;OAEG;IACH,QAAQ,CAAC,SAAS,CAAC,EAAE,SAAS,GAAG,SAAS,EAAE,CAAC;CAC9C"}

package/dist/composites/actions/Button/index.d.ts

@@ -1,3 +1,3 @@
 export { Button } from './Button';
-export type { ButtonProps, ButtonVariant, ButtonSize } from './Button.types';
+export type { ButtonProps, ButtonVariant, ButtonSize, ButtonIconPosition } from './Button.types';
 //# sourceMappingURL=index.d.ts.map

package/dist/composites/actions/Button/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/composites/actions/Button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,WAAW,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/composites/actions/Button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,WAAW,EAAE,aAAa,EAAE,UAAU,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAC"}