@tactics/toddle-styleguide 1.2.7 → 1.2.8

package/src/interfaces/icon.interface.d.ts

@@ -1,11 +1,11 @@
-import { IconStyleType, IconNameType } from '../types/icontype.type';
+import {IconStyleType, IconNameType} from '../types/icontype.type';
 export interface IconSVGProps {
-    color?: string | null;
-    size?: number;
+  color?: string | null;
+  size?: number;
 }
 export interface IconNameInterface extends IconSVGProps {
-    name: IconNameType;
+  name: IconNameType;
 }
 export interface IconInterface extends IconNameInterface {
-    style: IconStyleType;
+  style: IconStyleType;
 }

package/src/models/hex-color.model.d.ts

@@ -1,6 +1,6 @@
 export declare class HexColor {
-    private readonly color;
-    private constructor();
-    static of(color: string): HexColor;
-    toString(): string;
+  private readonly color;
+  private constructor();
+  static of(color: string): HexColor;
+  toString(): string;
 }

package/src/models/initials.model.d.ts

@@ -1,7 +1,7 @@
 export declare class Initials {
-    private readonly initials;
-    private constructor();
-    static for(first: string, second: string): Initials;
-    private static safeLetter;
-    toString(): string;
+  private readonly initials;
+  private constructor();
+  static for(first: string, second: string): Initials;
+  private static safeLetter;
+  toString(): string;
 }

package/src/theme/font/font.d.ts

@@ -1,72 +1,72 @@
 export declare const Font: {
-    huge: {
-        fontFamily: string;
-        fontSize: number;
-        lineHeight: number;
-    };
-    hugeBold: {
-        fontFamily: string;
-        fontSize: number;
-        lineHeight: number;
-    };
-    big: {
-        fontFamily: string;
-        fontSize: number;
-        lineHeight: number;
-    };
-    bigBold: {
-        fontFamily: string;
-        fontSize: number;
-        lineHeight: number;
-    };
-    large: {
-        fontFamily: string;
-        fontSize: number;
-        lineHeight: number;
-    };
-    largeBold: {
-        fontFamily: string;
-        fontSize: number;
-        lineHeight: number;
-    };
-    medium: {
-        fontFamily: string;
-        fontSize: number;
-        lineHeight: number;
-    };
-    mediumBold: {
-        fontFamily: string;
-        fontSize: number;
-        lineHeight: number;
-    };
-    regular: {
-        fontFamily: string;
-        fontSize: number;
-        lineHeight: number;
-    };
-    regularBold: {
-        fontFamily: string;
-        fontSize: number;
-        lineHeight: number;
-    };
-    small: {
-        fontFamily: string;
-        fontSize: number;
-        lineHeight: number;
-    };
-    smallBold: {
-        fontFamily: string;
-        fontSize: number;
-        lineHeight: number;
-    };
-    tiny: {
-        fontFamily: string;
-        fontSize: number;
-        lineHeight: number;
-    };
-    tinyBold: {
-        fontFamily: string;
-        fontSize: number;
-        lineHeight: number;
-    };
+  huge: {
+    fontFamily: string;
+    fontSize: number;
+    lineHeight: number;
+  };
+  hugeBold: {
+    fontFamily: string;
+    fontSize: number;
+    lineHeight: number;
+  };
+  big: {
+    fontFamily: string;
+    fontSize: number;
+    lineHeight: number;
+  };
+  bigBold: {
+    fontFamily: string;
+    fontSize: number;
+    lineHeight: number;
+  };
+  large: {
+    fontFamily: string;
+    fontSize: number;
+    lineHeight: number;
+  };
+  largeBold: {
+    fontFamily: string;
+    fontSize: number;
+    lineHeight: number;
+  };
+  medium: {
+    fontFamily: string;
+    fontSize: number;
+    lineHeight: number;
+  };
+  mediumBold: {
+    fontFamily: string;
+    fontSize: number;
+    lineHeight: number;
+  };
+  regular: {
+    fontFamily: string;
+    fontSize: number;
+    lineHeight: number;
+  };
+  regularBold: {
+    fontFamily: string;
+    fontSize: number;
+    lineHeight: number;
+  };
+  small: {
+    fontFamily: string;
+    fontSize: number;
+    lineHeight: number;
+  };
+  smallBold: {
+    fontFamily: string;
+    fontSize: number;
+    lineHeight: number;
+  };
+  tiny: {
+    fontFamily: string;
+    fontSize: number;
+    lineHeight: number;
+  };
+  tinyBold: {
+    fontFamily: string;
+    fontSize: number;
+    lineHeight: number;
+  };
 };

package/src/theme/font/index.d.ts

@@ -1,3 +1,3 @@
-import { Font } from './font';
-import { LoadFonts } from './load-fonts';
-export { Font, LoadFonts };
+import {Font} from './font';
+import {LoadFonts} from './load-fonts';
+export {Font, LoadFonts};

package/src/theme/provider/index.d.ts

@@ -1,3 +1,3 @@
-import { ParentTheme } from './parent.theme';
-import { StaffMemberTheme } from './staff-member.theme';
-export { ParentTheme, StaffMemberTheme };
+import {ParentTheme} from './parent.theme';
+import {StaffMemberTheme} from './staff-member.theme';
+export {ParentTheme, StaffMemberTheme};

package/src/theme/provider/parent.theme.d.ts

@@ -1,49 +1,49 @@
 export declare const ParentTheme: {
-    colors: {
-        gradient: {
-            1: string[];
-            0: string[];
-        };
-        main: {
-            9: string;
-            8: string;
-            7: string;
-            6: string;
-            5: string;
-            4: string;
-            3: string;
-            2: string;
-            1: string;
-            0: string;
-        };
-        ui: {
-            black: string;
-            white: string;
-            xlightgrey: string;
-            lightgrey: string;
-            grey: string;
-            darkgrey: string;
-            success: {
-                xlight: string;
-                light: string;
-                default: string;
-                dark: string;
-            };
-            warning: {
-                xlight: string;
-                light: string;
-                default: string;
-                dark: string;
-            };
-            error: {
-                xlight: string;
-                light: string;
-                default: string;
-                dark: string;
-            };
-        };
+  colors: {
+    gradient: {
+      1: string[];
+      0: string[];
     };
-    wave: {
-        path: any;
+    main: {
+      9: string;
+      8: string;
+      7: string;
+      6: string;
+      5: string;
+      4: string;
+      3: string;
+      2: string;
+      1: string;
+      0: string;
     };
+    ui: {
+      black: string;
+      white: string;
+      xlightgrey: string;
+      lightgrey: string;
+      grey: string;
+      darkgrey: string;
+      success: {
+        xlight: string;
+        light: string;
+        default: string;
+        dark: string;
+      };
+      warning: {
+        xlight: string;
+        light: string;
+        default: string;
+        dark: string;
+      };
+      error: {
+        xlight: string;
+        light: string;
+        default: string;
+        dark: string;
+      };
+    };
+  };
+  wave: {
+    path: any;
+  };
 };

package/src/theme/provider/staff-member.theme.d.ts

@@ -1,49 +1,49 @@
 export declare const StaffMemberTheme: {
-    colors: {
-        gradient: {
-            1: string[];
-            0: string[];
-        };
-        main: {
-            9: string;
-            8: string;
-            7: string;
-            6: string;
-            5: string;
-            4: string;
-            3: string;
-            2: string;
-            1: string;
-            0: string;
-        };
-        ui: {
-            black: string;
-            white: string;
-            xlightgrey: string;
-            lightgrey: string;
-            grey: string;
-            darkgrey: string;
-            success: {
-                xlight: string;
-                light: string;
-                default: string;
-                dark: string;
-            };
-            warning: {
-                xlight: string;
-                light: string;
-                default: string;
-                dark: string;
-            };
-            error: {
-                xlight: string;
-                light: string;
-                default: string;
-                dark: string;
-            };
-        };
+  colors: {
+    gradient: {
+      1: string[];
+      0: string[];
     };
-    wave: {
-        path: any;
+    main: {
+      9: string;
+      8: string;
+      7: string;
+      6: string;
+      5: string;
+      4: string;
+      3: string;
+      2: string;
+      1: string;
+      0: string;
     };
+    ui: {
+      black: string;
+      white: string;
+      xlightgrey: string;
+      lightgrey: string;
+      grey: string;
+      darkgrey: string;
+      success: {
+        xlight: string;
+        light: string;
+        default: string;
+        dark: string;
+      };
+      warning: {
+        xlight: string;
+        light: string;
+        default: string;
+        dark: string;
+      };
+      error: {
+        xlight: string;
+        light: string;
+        default: string;
+        dark: string;
+      };
+    };
+  };
+  wave: {
+    path: any;
+  };
 };

package/src/theme/responsive/index.d.ts

@@ -1,2 +1,5 @@
-import { ScaledSize, StyleProp, StyleSheet } from 'react-native';
-export default function CreateResponsiveStyle<T, U extends Partial<T>>(mobileStyles: StyleSheet.NamedStyles<T>, tabletStyles: StyleSheet.NamedStyles<U>): (layout: ScaledSize) => (style: keyof T) => StyleProp<any>;
+import {ScaledSize, StyleProp, StyleSheet} from 'react-native';
+export default function CreateResponsiveStyle<T, U extends Partial<T>>(
+  mobileStyles: StyleSheet.NamedStyles<T>,
+  tabletStyles: StyleSheet.NamedStyles<U>
+): (layout: ScaledSize) => (style: keyof T) => StyleProp<any>;

package/src/theme/scale/index.d.ts

@@ -1,12 +1,12 @@
 export declare const Scale: {
-    xxxs: number;
-    xxs: number;
-    xs: number;
-    s: number;
-    m: number;
-    l: number;
-    xl: number;
-    xxl: number;
-    xxxl: number;
-    xxxxl: number;
+  xxxs: number;
+  xxs: number;
+  xs: number;
+  s: number;
+  m: number;
+  l: number;
+  xl: number;
+  xxl: number;
+  xxxl: number;
+  xxxxl: number;
 };

package/src/types/bubble-alignment.enum.d.ts

@@ -1,4 +1,4 @@
 export declare enum BubbleAlignment {
-    SENT = "SENT",
-    RECEIVE = "RECEIVE"
+  SENT = 'SENT',
+  RECEIVE = 'RECEIVE',
 }

package/src/types/icontype.type.d.ts

@@ -1,2 +1,42 @@
 export type IconStyleType = 'solid' | 'regular';
-export type IconNameType = 'calendar' | 'chat' | 'chat-alt' | 'check-circle' | 'chevron-left' | 'chevron-right' | 'clock' | 'cloud-download' | 'currency-euro' | 'document-text' | 'exclamation' | 'exclamation-circle' | 'eye' | 'eye-off' | 'filter' | 'information-circle' | 'logout' | 'mail' | 'mail-open' | 'menu' | 'minus-sm' | 'office-building' | 'paper-airplane' | 'paper-clip' | 'pencil' | 'phone' | 'plus' | 'plus-sm' | 'qrcode' | 'refresh' | 'search' | 'selector' | 'sm-view-grid-add' | 'status-online' | 'thumb-up' | 'trash' | 'user' | 'user-group' | 'users' | 'xmark';
+export type IconNameType =
+  | 'calendar'
+  | 'chat'
+  | 'chat-alt'
+  | 'check-circle'
+  | 'chevron-left'
+  | 'chevron-right'
+  | 'clock'
+  | 'cloud-download'
+  | 'currency-euro'
+  | 'document-text'
+  | 'exclamation'
+  | 'exclamation-circle'
+  | 'eye'
+  | 'eye-off'
+  | 'filter'
+  | 'information-circle'
+  | 'logout'
+  | 'mail'
+  | 'mail-open'
+  | 'menu'
+  | 'minus-sm'
+  | 'office-building'
+  | 'paper-airplane'
+  | 'paper-clip'
+  | 'pencil'
+  | 'phone'
+  | 'plus'
+  | 'plus-sm'
+  | 'qrcode'
+  | 'refresh'
+  | 'search'
+  | 'selector'
+  | 'sm-view-grid-add'
+  | 'status-online'
+  | 'thumb-up'
+  | 'trash'
+  | 'user'
+  | 'user-group'
+  | 'users'
+  | 'xmark';

package/src/types/keyboard-types.enum.d.ts

@@ -1,9 +1,9 @@
 export declare enum KeyBoardTypes {
-    DEFAULT = "default",
-    NUMBER_PAD = "number-pad",
-    DECIMAL_PAD = "decimal-pad",
-    NUMERIC = "numeric",
-    EMAIL_ADDRESS = "email-address",
-    PHONE_PAD = "phone-pad",
-    URL = "url"
+  DEFAULT = 'default',
+  NUMBER_PAD = 'number-pad',
+  DECIMAL_PAD = 'decimal-pad',
+  NUMERIC = 'numeric',
+  EMAIL_ADDRESS = 'email-address',
+  PHONE_PAD = 'phone-pad',
+  URL = 'url',
 }

package/src/types/loading-dots.type.d.ts

@@ -1,8 +1,8 @@
 export type LoadingDotsProps = {
-    animation?: string;
-    dots?: number;
-    color?: string;
-    size?: number;
-    spacing?: number;
-    delay?: number;
+  animation?: string;
+  dots?: number;
+  color?: string;
+  size?: number;
+  spacing?: number;
+  delay?: number;
 };

package/src/types/size.enum.d.ts

@@ -1,5 +1,5 @@
 export declare enum Size {
-    SMALL = "SMALL",
-    MEDIUM = "MEDIUM",
-    LARGE = "LARGE"
+  SMALL = 'SMALL',
+  MEDIUM = 'MEDIUM',
+  LARGE = 'LARGE',
 }

package/src/types/text-properties.type.d.ts

@@ -1,11 +1,11 @@
 import React from 'react';
-import { StyleProp, TextStyle } from 'react-native';
+import {StyleProp, TextStyle} from 'react-native';
 export type TextProperties = {
-    bold?: boolean;
-    textColor?: string;
-    children: React.ReactNode;
-    textAlign?: 'auto' | 'left' | 'right' | 'center' | 'justify' | undefined;
-    numberOfLines?: number | undefined;
-    ellipsizeMode?: 'head' | 'tail' | 'middle' | 'clip' | undefined;
-    addStyle?: StyleProp<TextStyle>;
+  bold?: boolean;
+  textColor?: string;
+  children: React.ReactNode;
+  textAlign?: 'auto' | 'left' | 'right' | 'center' | 'justify' | undefined;
+  numberOfLines?: number | undefined;
+  ellipsizeMode?: 'head' | 'tail' | 'middle' | 'clip' | undefined;
+  addStyle?: StyleProp<TextStyle>;
 };

package/src/types/visual-state.enum.d.ts

@@ -1,7 +1,7 @@
 export declare enum VisualState {
-    DEFAULT = "DEFAULT",
-    SUCCESS = "SUCCESS",
-    WARNING = "WARNING",
-    ERROR = "ERROR",
-    INACTIVE = "INACTIVE"
+  DEFAULT = 'DEFAULT',
+  SUCCESS = 'SUCCESS',
+  WARNING = 'WARNING',
+  ERROR = 'ERROR',
+  INACTIVE = 'INACTIVE',
 }

package/src/utilities/color-handler/color-handler.d.ts

@@ -1,2 +1,6 @@
-import { VisualState } from '../../types/visual-state.enum';
-export declare const TextColorHandler: (visualState: VisualState, selected?: boolean, loading?: boolean) => string;
+import {VisualState} from '../../types/visual-state.enum';
+export declare const TextColorHandler: (
+  visualState: VisualState,
+  selected?: boolean,
+  loading?: boolean
+) => string;

package/src/utilities/toddle-datetime/interfaces/duration.interface.d.ts

@@ -1,22 +1,22 @@
 export interface DurationObjectUnits {
-    years?: number | undefined;
-    quarters?: number | undefined;
-    months?: number | undefined;
-    weeks?: number | undefined;
-    days?: number | undefined;
-    hours?: number | undefined;
-    minutes?: number | undefined;
-    seconds?: number | undefined;
-    milliseconds?: number | undefined;
+  years?: number | undefined;
+  quarters?: number | undefined;
+  months?: number | undefined;
+  weeks?: number | undefined;
+  days?: number | undefined;
+  hours?: number | undefined;
+  minutes?: number | undefined;
+  seconds?: number | undefined;
+  milliseconds?: number | undefined;
 }
 export interface DurationLikeObject extends DurationObjectUnits {
-    year?: number | undefined;
-    quarter?: number | undefined;
-    month?: number | undefined;
-    week?: number | undefined;
-    day?: number | undefined;
-    hour?: number | undefined;
-    minute?: number | undefined;
-    second?: number | undefined;
-    millisecond?: number | undefined;
+  year?: number | undefined;
+  quarter?: number | undefined;
+  month?: number | undefined;
+  week?: number | undefined;
+  day?: number | undefined;
+  hour?: number | undefined;
+  minute?: number | undefined;
+  second?: number | undefined;
+  millisecond?: number | undefined;
 }

package/src/utilities/toddle-datetime/interfaces/toddle-datetime.interface.d.ts

@@ -1,18 +1,18 @@
 export interface LocaleOptions {
-    /**
-     *  @default system's locale
-     */
-    locale?: string | undefined;
+  /**
+   *  @default system's locale
+   */
+  locale?: string | undefined;
 }
 export interface DateTimeOptions extends LocaleOptions {
-    /**
-     * Use this zone if no offset is specified in the input string itself. Will also convert the time to this zone.
-     * @default local
-     */
-    zone?: string | undefined;
-    /**
-     * Override the zone with a fixed-offset zone specified in the string itself, if it specifies one.
-     * @default false
-     */
-    setZone?: boolean | undefined;
+  /**
+   * Use this zone if no offset is specified in the input string itself. Will also convert the time to this zone.
+   * @default local
+   */
+  zone?: string | undefined;
+  /**
+   * Override the zone with a fixed-offset zone specified in the string itself, if it specifies one.
+   * @default false
+   */
+  setZone?: boolean | undefined;
 }