@namiml/web-sdk 1.7.6-beta.1 → 1.7.6

package/CHANGELOG.md

@@ -1,10 +1,18 @@
 # Nami Web SDK Changelog
 
-## 1.7.6-berta.01
-**Release Date:** December 2, 2025
+## 1.7.6
+
+**Release Date:** December 16, 2025
+
+### Bug Fixes
+- Fix padding issues in toggle and list components
+- Fix gradient background issue
+
+### New Features
+- Add radio and standard toggle button components
 
 ### Enhancements
-- Improve CTV focus handling
+- Support disabled button properties
 
 ## 1.7.5
 **Release Date:** November 19, 2025

package/dist/components/ContextProvider.d.ts

@@ -46,6 +46,8 @@ export declare class PaywallContextProvider extends SimpleEventTarget implements
     setCurrentGroupData(currentGroupId: string, currentGroupName: string): void;
     getCurrentGroupId(): string;
     getCurrentGroupName(): string;
+    setCurrentFormId(formId: string, value?: string): void;
+    getCurrentFormId(formId: string): boolean | string;
     setSelectedProducts(products: {
         [currentGroupId: string]: string | null;
     }): void;

package/dist/components/Paywall.d.ts

@@ -19,16 +19,12 @@ declare class PaywallComponent extends LitElement {
     private _originalBodyStyles;
     private _originalDocumentStyles;
     private _swipeHandler;
-    private _directionalNavigation?;
-    private boundKeyDownHandler;
     constructor(type: string | undefined, value: string, context: NamiPaywallLaunchContext);
     setPaywallData(): void;
     connectedCallback(): void;
     disconnectedCallback(): void;
     private setOriginalStyles;
     private restoreStyles;
-    private enableDirectionalNavigation;
-    private disableDirectionalNavigation;
     private handleKeyDownEvent;
     private handleSwipeEvent;
     firstUpdated(): void;

package/dist/components/elements/Button.d.ts

@@ -17,7 +17,7 @@ export declare class NamiButton extends NamiElement {
     private _handleBlur;
     private _dispatchFocusChange;
     private _dispatchPageChange;
-    private _handleKeyDown;
+    private _handleKeyUp;
     private _handleClick;
     protected styles(): CSSResult;
     render(): any[] | import("lit").TemplateResult<1>;

package/dist/components/elements/ToggleButton.d.ts

@@ -0,0 +1,18 @@
+import { CSSResult } from 'lit';
+import { NamiElement } from '../NamiElement';
+import type { TSemverObj } from '../../utils/parsers';
+import { TToggleButtonComponent } from '../../types/components/elements';
+export declare class NamiToggleButton extends NamiElement {
+    component: TToggleButtonComponent;
+    inFocusedState: boolean;
+    scaleFactor: number;
+    minSDKVersion: TSemverObj;
+    isActive: boolean;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    private _handleKeyDown;
+    private _handleClick;
+    updated(): void;
+    protected styles(): CSSResult;
+    render(): any[];
+}

package/dist/components/index.d.ts

@@ -22,6 +22,7 @@ import { NamiQRCode } from "./elements/QRCode";
 import { NamiToggleSwitch } from "./elements/ToggleSwitch";
 import { NamiRadioButton } from "./elements/RadioButton";
 import { NamiProgressIndicator } from "./elements/ProgressIndicator";
+import { NamiToggleButton } from "./elements/ToggleButton";
 declare global {
     interface HTMLElementTagNameMap {
         "nami-spacer": NamiSpacer;
@@ -49,6 +50,7 @@ declare global {
         "nami-toggle-switch": NamiToggleSwitch;
         "nami-radio-button": NamiRadioButton;
         "nami-progress-indicator": NamiProgressIndicator;
+        "nami-toggle-button": NamiToggleButton;
     }
 }
-export { NamiSpacer, NamiButton, NamiHeader, NamiFooter, NamiText, NamiSegmentPicker, NamiSegmentPickerItem, NamiContainer, NamiProductContainer, NamiImage, NamiBackgroundContainer, NamiContentContainer, NamiSymbol, NamiVideo, NamiCollapseContainer, NamiResponsiveGrid, NamiCarouselContainer, NamiPlayPauseButton, NamiVolumeButton, NamiStack, NamiPaywallScreen, NamiQRCode, NamiToggleSwitch, NamiRadioButton, NamiProgressIndicator, };
+export { NamiSpacer, NamiButton, NamiHeader, NamiFooter, NamiText, NamiSegmentPicker, NamiSegmentPickerItem, NamiContainer, NamiProductContainer, NamiImage, NamiBackgroundContainer, NamiContentContainer, NamiSymbol, NamiVideo, NamiCollapseContainer, NamiResponsiveGrid, NamiCarouselContainer, NamiPlayPauseButton, NamiVolumeButton, NamiStack, NamiPaywallScreen, NamiQRCode, NamiToggleSwitch, NamiRadioButton, NamiProgressIndicator, NamiToggleButton, };

package/dist/components/utils/actionTap.d.ts

@@ -15,9 +15,16 @@ export declare const signIn: () => void;
 export declare const deepLink: (url?: string) => void;
 export declare const buySKU: (contextProvider: PaywallContextProvider, onTap: UserAction, sku: NamiSKU) => NamiSKU;
 export declare const navigateToScreen: (contextProvider: PaywallContextProvider, screen?: string) => void;
-export declare const setState: (contextProvider: PaywallContextProvider) => {
+export declare const setState: (contextProvider: PaywallContextProvider, formId?: string, value?: string) => {
+    formId: string;
+    value: string | undefined;
+    id?: undefined;
+    name?: undefined;
+} | {
     id: string;
     name: string;
+    formId?: undefined;
+    value?: undefined;
 };
 export declare const selectSKU: (contextProvider: PaywallContextProvider, sku: NamiSKU) => void;
 export declare const purchaseSelectedSKU: (contextProvider: PaywallContextProvider, sku: NamiSKU) => void;

package/dist/components/utils/styles.d.ts

@@ -1,6 +1,6 @@
 import type { TCarouselContainer } from "../../types/components/containers";
-import { type TBaseComponent, type TContainerPosition } from "../../types/components";
-import type { TSegmentPicker, TSegmentPickerItem, TTextLikeComponent } from "../../types/components/elements";
+import { TComponent, type TBaseComponent, type TContainerPosition } from "../../types/components";
+import type { TSegmentPicker, TTextLikeComponent } from "../../types/components/elements";
 import type { TSemverObj } from "../../utils/parsers";
 export declare function parseSize(value: string | number, scaleFactor: number): string;
 export declare function backgroundColor(value: string, fallback?: string): string;
@@ -23,13 +23,13 @@ export declare function alignItems({ alignment, verticalAlignment }: TBaseCompon
 export declare function justifyContent({ alignment, horizontalAlignment }: TBaseComponent): string;
 export declare function widthAndHeight(component: TBaseComponent, scaleFactor: number): string;
 export declare function zIndex({ zIndex }: TBaseComponent): string;
-export declare function dropShadow(component: TBaseComponent): string;
+export declare function dropShadow(dropShadow?: string): string;
 export declare function textStrikethrough(value: boolean | undefined): string;
 export declare function font({ fontName }: TTextLikeComponent): string;
 export declare function applyStyles(component: TBaseComponent, scaleFactor: number, inFocusedState?: boolean): string;
 export declare function applyGridStyles(component: TBaseComponent, inFocusedState?: boolean, scaleFactor?: number): string;
 export declare function parsePosition(position?: TContainerPosition): string;
-export declare function getComponentStyles(prefix: string, component: TSegmentPickerItem): TSegmentPickerItem;
+export declare function getComponentStyles(prefix: string, component: TComponent): TComponent;
 export declare function formatKey(key: string, prefix: string): string;
 export declare function applySegmentStyles(styles: any, scaleFactor: number, inFocusedState: boolean): string;
 export declare function applySegmentFontStyles(styles: any, scaleFactor: number): string;

package/dist/nami/utils/resolvers/FormStateResolver.d.ts

@@ -0,0 +1,7 @@
+import { BaseNamespaceResolver } from "./BaseNameSpaceResolver";
+export declare class FormStateResolver extends BaseNamespaceResolver {
+    protected readonly namespace = "state";
+    private getContextProvider;
+    constructor();
+    protected resolveValue(keyPath: string): any;
+}