@zonos/elements 1.2.2 → 1.2.4-alpha.1

package/dist/types/components/common/zonos-dialog/zonos-dialog.d.ts

@@ -1,79 +1,79 @@
 import { type EventEmitter } from '../../../stencil-public-runtime';
 import type { ElementsUiStyle } from "../../../types/index";
 export declare class ZonosDialog {
-  /**
-   * Whether or not the dialog is open
-   * @default false
-   */
-  open: boolean;
-  /**
-   * The header text for the dialog
-   */
-  headerText: string;
-  /**
-   * The width of the dialog
-   * @default 460px
-   */
-  width: string;
-  /**
-   * The height of the dialog (max-wdith still 90vh)
-   */
-  height?: string;
-  /**
-   * Whether or not to show the header
-   * @default false
-   */
-  noHeader: boolean;
-  /**
-   * Whether or not to have body padding
-   * @default false
-   */
-  noBodyPadding: boolean;
-  /**
-   * Whether or not to have body padding
-   * @default false
-   */
-  noBorder: boolean;
-  /**
-   * The right area for the action in the footer
-   * @default null
-   */
-  footerRightAction: HTMLElement | null;
-  /**
-   * The border style of the button
-   * @default ROUNDED
-   */
-  borderStyle?: ElementsUiStyle;
-  /**
-   * Close dialog button click
-   */
-  /**
-   * Whether or not to show the close button
-   * @default false
-   */
-  noCloseButton: boolean;
-  /**
-   * Whether or not to close the dialog when clicking outside of it
-   * @default false
-   */
-  noClickOutside: boolean;
-  /**
-   * Flag to determine if the checkout is on mobile
-   */
-  mobile: boolean;
-  /**
-   * Load loading spinner for the dialog or not
-   */
-  isLoading: boolean;
-  isMobile: boolean;
-  /**
-   * Close dialog button click
-   */
-  closeDialog: EventEmitter<void>;
-  handleWindowResize(): void;
-  private isMobileMode;
-  private closeButtonHandler;
-  private clickOutsideDialogHandler;
-  componentDidLoad(): void;
-  render(): any;
+    /**
+     * Whether or not the dialog is open
+     * @default false
+     */
+    open: boolean;
+    /**
+     * The header text for the dialog
+     */
+    headerText: string;
+    /**
+     * The width of the dialog
+     * @default 460px
+     */
+    width: string;
+    /**
+     * The height of the dialog (max-wdith still 90vh)
+     */
+    height?: string;
+    /**
+     * Whether or not to show the header
+     * @default false
+     */
+    noHeader: boolean;
+    /**
+     * Whether or not to have body padding
+     * @default false
+     */
+    noBodyPadding: boolean;
+    /**
+     * Whether or not to have body padding
+     * @default false
+     */
+    noBorder: boolean;
+    /**
+     * The right area for the action in the footer
+     * @default null
+     */
+    footerRightAction: HTMLElement | null;
+    /**
+     * The border style of the button
+     * @default ROUNDED
+     */
+    borderStyle?: ElementsUiStyle;
+    /**
+     * Close dialog button click
+     */
+    /**
+     * Whether or not to show the close button
+     * @default false
+     */
+    noCloseButton: boolean;
+    /**
+     * Whether or not to close the dialog when clicking outside of it
+     * @default false
+     */
+    noClickOutside: boolean;
+    /**
+     * Flag to determine if the checkout is on mobile
+     */
+    mobile: boolean;
+    /**
+     * Load loading spinner for the dialog or not
+     */
+    isLoading: boolean;
+    isMobile: boolean;
+    /**
+     * Close dialog button click
+     */
+    closeDialog: EventEmitter<void>;
+    handleWindowResize(): void;
+    private isMobileMode;
+    private closeButtonHandler;
+    private clickOutsideDialogHandler;
+    componentDidLoad(): void;
+    render(): any;
 }

package/dist/types/components/common/zonos-icon/zonos-icon.d.ts

@@ -1,30 +1,30 @@
 import type { Color } from "../../../types/index";
 export declare class ZonosIcon {
-  /**
-   * Determines if the icon should be auto height instead of square
-   * @default false
-   */
-  autoHeight: boolean;
-  /**
-   * Color of the SVG
-   * @default 'gray-1200'
-   */
-  color: Color;
-  /**
-   * The content of the icon (full svg)
-   * @example
-   * import RemoveIcon from './assets/removeIcon.svg';
-   * ...
-   * <zonos-icon content={RemoveIcon}></zonos-icon>
-   * // or
-   * <zonos-icon content="<svg>...</svg>"></zonos-icon>
-   */
-  content: string;
-  /**
-   * The size of the icon
-   * @default 24
-   */
-  size: number;
-  el: HTMLZonosIconElement;
-  render(): any;
+    /**
+     * Determines if the icon should be auto height instead of square
+     * @default false
+     */
+    autoHeight: boolean;
+    /**
+     * Color of the SVG
+     * @default 'gray-1200'
+     */
+    color: Color;
+    /**
+     * The content of the icon (full svg)
+     * @example
+     * import RemoveIcon from './assets/removeIcon.svg';
+     * ...
+     * <zonos-icon content={RemoveIcon}></zonos-icon>
+     * // or
+     * <zonos-icon content="<svg>...</svg>"></zonos-icon>
+     */
+    content: string;
+    /**
+     * The size of the icon
+     * @default 24
+     */
+    size: number;
+    el: HTMLZonosIconElement;
+    render(): any;
 }

package/dist/types/components/common/zonos-logo/zonos-logo.d.ts

@@ -1,16 +1,16 @@
 import type { ElementsUiTheme } from "../../../types/index";
 export declare class ZonosLogo {
-  /**
-   * Theme to change the color of the logo
-   */
-  theme: ElementsUiTheme;
-  /**
-   * The width of the logo
-   */
-  width: string;
-  /**
-   * css class for the component
-   */
-  class: string;
-  render(): any;
+    /**
+     * Theme to change the color of the logo
+     */
+    theme: ElementsUiTheme;
+    /**
+     * The width of the logo
+     */
+    width: string;
+    /**
+     * css class for the component
+     */
+    class: string;
+    render(): any;
 }

package/dist/types/components/common/zonos-notification/zonos-notification.d.ts

@@ -1,35 +1,35 @@
 export type NotificationInit = {
-  message: string;
-  /**
-   * Time in milliseconds
-   * @default 4000
-   */
-  timeout?: number;
-  /**
-   * Type of notification
-   * @default 'success'
-   */
-  type?: 'error' | 'success' | 'warning';
+    message: string;
+    /**
+     * Time in milliseconds
+     * @default 4000
+     */
+    timeout?: number;
+    /**
+     * Type of notification
+     * @default 'success'
+     */
+    type?: 'error' | 'success' | 'warning';
 };
 type NotificationItem = NotificationInit & {
-  id: string;
-  transitionClass: 'show' | '';
+    id: string;
+    transitionClass: 'show' | '';
 };
 export declare class ZonosNotification {
-  /**
-   * Custom class to add to the notification
-   */
-  class: string;
-  notificationArray: NotificationItem[];
-  /**
-   * Show a notification
-   */
-  showNotification(notification: NotificationInit): Promise<void>;
-  private updateTransitionClass;
-  /**
-   * Remove a notification
-   */
-  private removeNotification;
-  render(): any;
+    /**
+     * Custom class to add to the notification
+     */
+    class: string;
+    notificationArray: NotificationItem[];
+    /**
+     * Show a notification
+     */
+    showNotification(notification: NotificationInit): Promise<void>;
+    private updateTransitionClass;
+    /**
+     * Remove a notification
+     */
+    private removeNotification;
+    render(): any;
 }
 export {};

package/dist/types/components/common/zonos-shipping-rich-radio/zonos-shipping-rich-radio.d.ts

@@ -1,41 +1,41 @@
 import { type EventEmitter } from '../../../stencil-public-runtime';
 import type { Color, ElementsUiStyle, ElementsUiTheme } from "../../../types/index";
 export type ShippingRichRadioItem = {
-  caption?: string;
-  label: string;
-  price: string;
-  sublabel?: string;
-  value: string | number;
+    caption?: string;
+    label: string;
+    price: string;
+    sublabel?: string;
+    value: string | number;
 };
 export declare class ZonosShippingRichRadio {
-  /**
-   * List of items to display
-   */
-  items: ShippingRichRadioItem[];
-  /**
-   * Override border color of the radio item
-   */
-  borderColor?: Color | (string & {
-    _placeholder?: never;
-  });
-  /**
-   * Override border color of the radio item
-   */
-  borderStyle?: ElementsUiStyle;
-  /**
-   * Theme of the radio item
-   */
-  theme?: ElementsUiTheme;
-  /**
-   * Selected item
-   * @default {null|firstItem}
-   */
-  selectedItem: ShippingRichRadioItem | null;
-  /**
-   * Event emitted when an item is selected
-   */
-  radioSelected?: EventEmitter<ShippingRichRadioItem>;
-  private handleRichRadioSelect;
-  private getRadioItemStyleVariables;
-  render(): any;
+    /**
+     * List of items to display
+     */
+    items: ShippingRichRadioItem[];
+    /**
+     * Override border color of the radio item
+     */
+    borderColor?: Color | (string & {
+        _placeholder?: never;
+    });
+    /**
+     * Override border color of the radio item
+     */
+    borderStyle?: ElementsUiStyle;
+    /**
+     * Theme of the radio item
+     */
+    theme?: ElementsUiTheme;
+    /**
+     * Selected item
+     * @default {null|firstItem}
+     */
+    selectedItem: ShippingRichRadioItem | null;
+    /**
+     * Event emitted when an item is selected
+     */
+    radioSelected?: EventEmitter<ShippingRichRadioItem>;
+    private handleRichRadioSelect;
+    private getRadioItemStyleVariables;
+    render(): any;
 }

package/dist/types/components/common/zonos-spinner/zonos-spinner.d.ts

@@ -1,14 +1,14 @@
 export type SpinnerColor = 'primary' | 'info' | 'success' | 'danger' | 'warning' | 'black' | 'white';
 export declare class ZonosSpinner {
-  /**
-   * The size of the spinner
-   * @default 32
-   */
-  size: number;
-  /**
-   * Color of the spinner
-   */
-  color?: SpinnerColor;
-  el: HTMLZonosSpinnerElement;
-  render(): any;
+    /**
+     * The size of the spinner
+     * @default 32
+     */
+    size: number;
+    /**
+     * Color of the spinner
+     */
+    color?: SpinnerColor;
+    el: HTMLZonosSpinnerElement;
+    render(): any;
 }

package/dist/types/components/common/zonos-text/zonos-text.d.ts

@@ -1,34 +1,34 @@
 import type { Color } from "../../../types/styles/Color";
 import { type FontWeight, type Size, type Type } from "../../../types/styles/Text";
 export declare class ZonosText {
-  /**
-   * css class for the component
-   */
-  class: string;
-  /**
-   * The icon element to display
-   */
-  color: Color;
-  /**
-   * The size of the text
-   */
-  size?: Size;
-  /**
-   * Type of the text to display
-   */
-  type: Type;
-  /**
-   * The weight of the text
-   */
-  weight?: FontWeight;
-  /**
-   * The tag to use for the text
-   */
-  content?: string;
-  /**
-   * Whether or not the component is ready
-   */
-  ready: boolean;
-  componentDidRender(): void;
-  render(): any;
+    /**
+     * css class for the component
+     */
+    class: string;
+    /**
+     * The icon element to display
+     */
+    color: Color;
+    /**
+     * The size of the text
+     */
+    size?: Size;
+    /**
+     * Type of the text to display
+     */
+    type: Type;
+    /**
+     * The weight of the text
+     */
+    weight?: FontWeight;
+    /**
+     * The tag to use for the text
+     */
+    content?: string;
+    /**
+     * Whether or not the component is ready
+     */
+    ready: boolean;
+    componentDidRender(): void;
+    render(): any;
 }

package/dist/types/components/common/zonos-v-stack/zonos-v-stack.d.ts

@@ -1,13 +1,13 @@
 import type { GridSpacing } from "../../../types/styles/GridSpacing";
 export declare class VStack {
-  /**
-   * The spacing between elements in the stack
-   * @default 24
-   */
-  spacing: GridSpacing;
-  /**
-   * The CSS class to apply to the stack element
-   */
-  class: string;
-  render(): any;
+    /**
+     * The spacing between elements in the stack
+     * @default 24
+     */
+    spacing: GridSpacing;
+    /**
+     * The CSS class to apply to the stack element
+     */
+    class: string;
+    render(): any;
 }

package/dist/types/components/component-template/zonos-component/zonos-component.d.ts

@@ -1,16 +1,16 @@
 export declare class ZonosComponent {
-  /**
-   * The first name
-   */
-  first: string;
-  /**
-   * The middle name
-   */
-  middle: string;
-  /**
-   * The last name
-   */
-  last: string;
-  private getText;
-  render(): any;
+    /**
+     * The first name
+     */
+    first: string;
+    /**
+     * The middle name
+     */
+    middle: string;
+    /**
+     * The last name
+     */
+    last: string;
+    private getText;
+    render(): any;
 }