@tactics/toddle-styleguide 2.0.4 → 3.0.1

package/src/icons/solid/information-circle/information-circle-solid.icon.d.ts

@@ -1,6 +1,3 @@
 import * as React from 'react';
-import {IconSVGProps} from '../../../interfaces/icon.interface';
-export declare const InformationCircleIcon: ({
-  color,
-  size,
-}: IconSVGProps) => React.JSX.Element;
+import { IconSVGProps } from '../../../interfaces/icon.interface';
+export declare const InformationCircleIcon: ({ color, size, }: IconSVGProps) => React.JSX.Element;

package/src/icons/solid/logout/logout.icon.d.ts

@@ -1,6 +1,3 @@
 import * as React from 'react';
-import {IconSVGProps} from '../../../interfaces/icon.interface';
-export declare const LogoutIcon: ({
-  color,
-  size,
-}: IconSVGProps) => React.JSX.Element;
+import { IconSVGProps } from '../../../interfaces/icon.interface';
+export declare const LogoutIcon: ({ color, size }: IconSVGProps) => React.JSX.Element;

package/src/icons/solid/mail/mail.icon.d.ts

@@ -1,6 +1,3 @@
 import * as React from 'react';
-import {IconSVGProps} from '../../../interfaces/icon.interface';
-export declare const MailIcon: ({
-  color,
-  size,
-}: IconSVGProps) => React.JSX.Element;
+import { IconSVGProps } from '../../../interfaces/icon.interface';
+export declare const MailIcon: ({ color, size }: IconSVGProps) => React.JSX.Element;

package/src/icons/solid/mail-open/mail-open.icon.d.ts

@@ -1,6 +1,3 @@
 import * as React from 'react';
-import {IconSVGProps} from '../../../interfaces/icon.interface';
-export declare const MailOpenIcon: ({
-  color,
-  size,
-}: IconSVGProps) => React.JSX.Element;
+import { IconSVGProps } from '../../../interfaces/icon.interface';
+export declare const MailOpenIcon: ({ color, size }: IconSVGProps) => React.JSX.Element;

package/src/icons/solid/menu/menu.icon.d.ts

@@ -1,6 +1,3 @@
 import * as React from 'react';
-import {IconSVGProps} from '../../../interfaces/icon.interface';
-export declare const MenuIcon: ({
-  color,
-  size,
-}: IconSVGProps) => React.JSX.Element;
+import { IconSVGProps } from '../../../interfaces/icon.interface';
+export declare const MenuIcon: ({ color, size }: IconSVGProps) => React.JSX.Element;

package/src/icons/solid/minus-sm/minus-sm.icon.d.ts

@@ -1,6 +1,3 @@
 import * as React from 'react';
-import {IconSVGProps} from '../../../interfaces/icon.interface';
-export declare const MinusSmallIcon: ({
-  color,
-  size,
-}: IconSVGProps) => React.JSX.Element;
+import { IconSVGProps } from '../../../interfaces/icon.interface';
+export declare const MinusSmallIcon: ({ color, size }: IconSVGProps) => React.JSX.Element;

package/src/icons/solid/office-building/office-building.icon.d.ts

@@ -1,6 +1,3 @@
 import * as React from 'react';
-import {IconSVGProps} from '../../../interfaces/icon.interface';
-export declare const OfficeBuildingIcon: ({
-  color,
-  size,
-}: IconSVGProps) => React.JSX.Element;
+import { IconSVGProps } from '../../../interfaces/icon.interface';
+export declare const OfficeBuildingIcon: ({ color, size }: IconSVGProps) => React.JSX.Element;

package/src/icons/solid/paper-airplane/paper-airplane.icon.d.ts

@@ -1,6 +1,3 @@
 import * as React from 'react';
-import {IconSVGProps} from '../../../interfaces/icon.interface';
-export declare const PaperAirplaneIcon: ({
-  color,
-  size,
-}: IconSVGProps) => React.JSX.Element;
+import { IconSVGProps } from '../../../interfaces/icon.interface';
+export declare const PaperAirplaneIcon: ({ color, size }: IconSVGProps) => React.JSX.Element;

package/src/icons/solid/paperclip/paperclip.icon.d.ts

@@ -1,6 +1,3 @@
 import * as React from 'react';
-import {IconSVGProps} from '../../../interfaces/icon.interface';
-export declare const PaperClipIcon: ({
-  color,
-  size,
-}: IconSVGProps) => React.JSX.Element;
+import { IconSVGProps } from '../../../interfaces/icon.interface';
+export declare const PaperClipIcon: ({ color, size }: IconSVGProps) => React.JSX.Element;

package/src/icons/solid/pencil/pencil-solid.icon.d.ts

@@ -1,6 +1,3 @@
 import * as React from 'react';
-import {IconSVGProps} from '../../../interfaces/icon.interface';
-export declare const PencilIcon: ({
-  color,
-  size,
-}: IconSVGProps) => React.JSX.Element;
+import { IconSVGProps } from '../../../interfaces/icon.interface';
+export declare const PencilIcon: ({ color, size }: IconSVGProps) => React.JSX.Element;

package/src/icons/solid/phone/phone-solid.icon.d.ts

@@ -1,6 +1,3 @@
 import * as React from 'react';
-import {IconSVGProps} from '../../../interfaces/icon.interface';
-export declare const PhoneIcon: ({
-  color,
-  size,
-}: IconSVGProps) => React.JSX.Element;
+import { IconSVGProps } from '../../../interfaces/icon.interface';
+export declare const PhoneIcon: ({ color, size }: IconSVGProps) => React.JSX.Element;

package/src/icons/solid/photograph/photograph-solid.icon.d.ts

@@ -1,6 +1,3 @@
 import * as React from 'react';
-import {IconSVGProps} from '../../../interfaces/icon.interface';
-export declare const PhotographIcon: ({
-  color,
-  size,
-}: IconSVGProps) => React.JSX.Element;
+import { IconSVGProps } from '../../../interfaces/icon.interface';
+export declare const PhotographIcon: ({ color, size }: IconSVGProps) => React.JSX.Element;

package/src/icons/solid/plus/plus.icon.d.ts

@@ -1,6 +1,3 @@
 import * as React from 'react';
-import {IconSVGProps} from '../../../interfaces/icon.interface';
-export declare const PlusIcon: ({
-  color,
-  size,
-}: IconSVGProps) => React.JSX.Element;
+import { IconSVGProps } from '../../../interfaces/icon.interface';
+export declare const PlusIcon: ({ color, size }: IconSVGProps) => React.JSX.Element;

package/src/icons/solid/plus-sm/plus-sm.icon.d.ts

@@ -1,6 +1,3 @@
 import * as React from 'react';
-import {IconSVGProps} from '../../../interfaces/icon.interface';
-export declare const PlusSmallIcon: ({
-  color,
-  size,
-}: IconSVGProps) => React.JSX.Element;
+import { IconSVGProps } from '../../../interfaces/icon.interface';
+export declare const PlusSmallIcon: ({ color, size }: IconSVGProps) => React.JSX.Element;

package/src/icons/solid/qrcode/qrcode.icon.d.ts

@@ -1,6 +1,3 @@
 import * as React from 'react';
-import {IconSVGProps} from '../../../interfaces/icon.interface';
-export declare const QrcodeIcon: ({
-  color,
-  size,
-}: IconSVGProps) => React.JSX.Element;
+import { IconSVGProps } from '../../../interfaces/icon.interface';
+export declare const QrcodeIcon: ({ color, size }: IconSVGProps) => React.JSX.Element;

package/src/icons/solid/refresh/refresh-solid.icon.d.ts

@@ -1,6 +1,3 @@
 import * as React from 'react';
-import {IconSVGProps} from '../../../interfaces/icon.interface';
-export declare const RefreshIcon: ({
-  color,
-  size,
-}: IconSVGProps) => React.JSX.Element;
+import { IconSVGProps } from '../../../interfaces/icon.interface';
+export declare const RefreshIcon: ({ color, size }: IconSVGProps) => React.JSX.Element;

package/src/icons/solid/search/search.icon.d.ts

@@ -1,6 +1,3 @@
 import * as React from 'react';
-import {IconSVGProps} from '../../../interfaces/icon.interface';
-export declare const SearchIcon: ({
-  color,
-  size,
-}: IconSVGProps) => React.JSX.Element;
+import { IconSVGProps } from '../../../interfaces/icon.interface';
+export declare const SearchIcon: ({ color, size }: IconSVGProps) => React.JSX.Element;

package/src/icons/solid/selector/selector.icon.d.ts

@@ -1,6 +1,3 @@
 import * as React from 'react';
-import {IconSVGProps} from '../../../interfaces/icon.interface';
-export declare const SelectorIcon: ({
-  color,
-  size,
-}: IconSVGProps) => React.JSX.Element;
+import { IconSVGProps } from '../../../interfaces/icon.interface';
+export declare const SelectorIcon: ({ color, size }: IconSVGProps) => React.JSX.Element;

package/src/icons/solid/share/share.icon.d.ts

@@ -1,6 +1,3 @@
 import * as React from 'react';
-import {IconSVGProps} from '../../../interfaces/icon.interface';
-export declare const ShareIcon: ({
-  color,
-  size,
-}: IconSVGProps) => React.JSX.Element;
+import { IconSVGProps } from '../../../interfaces/icon.interface';
+export declare const ShareIcon: ({ color, size }: IconSVGProps) => React.JSX.Element;

package/src/icons/solid/sm-view-grid-add/sm-view-grid-add.icon.d.ts

@@ -1,6 +1,3 @@
 import * as React from 'react';
-import {IconSVGProps} from '../../../interfaces/icon.interface';
-export declare const SmViewGridAddIcon: ({
-  color,
-  size,
-}: IconSVGProps) => React.JSX.Element;
+import { IconSVGProps } from '../../../interfaces/icon.interface';
+export declare const SmViewGridAddIcon: ({ color, size }: IconSVGProps) => React.JSX.Element;

package/src/icons/solid/solid.d.ts

@@ -1,6 +1,2 @@
-import {IconNameInterface} from '../../interfaces/icon.interface';
-export declare const Solid: ({
-  name,
-  size,
-  color,
-}: IconNameInterface) => JSX.Element;
+import { IconNameInterface } from '../../interfaces/icon.interface';
+export declare const Solid: ({ name, size, color }: IconNameInterface) => JSX.Element;

package/src/icons/solid/status-online/status-online-solid.icon.d.ts

@@ -1,6 +1,3 @@
 import * as React from 'react';
-import {IconSVGProps} from '../../../interfaces/icon.interface';
-export declare const StatusOnlineIcon: ({
-  color,
-  size,
-}: IconSVGProps) => React.JSX.Element;
+import { IconSVGProps } from '../../../interfaces/icon.interface';
+export declare const StatusOnlineIcon: ({ color, size }: IconSVGProps) => React.JSX.Element;

package/src/icons/solid/thumb-up/thumb-up.icon.d.ts

@@ -1,6 +1,3 @@
 import * as React from 'react';
-import {IconSVGProps} from '../../../interfaces/icon.interface';
-export declare const ThumbUpIcon: ({
-  color,
-  size,
-}: IconSVGProps) => React.JSX.Element;
+import { IconSVGProps } from '../../../interfaces/icon.interface';
+export declare const ThumbUpIcon: ({ color, size }: IconSVGProps) => React.JSX.Element;

package/src/icons/solid/trash/trash-solid.icon.d.ts

@@ -1,6 +1,3 @@
 import * as React from 'react';
-import {IconSVGProps} from '../../../interfaces/icon.interface';
-export declare const TrashIcon: ({
-  color,
-  size,
-}: IconSVGProps) => React.JSX.Element;
+import { IconSVGProps } from '../../../interfaces/icon.interface';
+export declare const TrashIcon: ({ color, size }: IconSVGProps) => React.JSX.Element;

package/src/icons/solid/user/user.icon.d.ts

@@ -1,6 +1,3 @@
 import * as React from 'react';
-import {IconSVGProps} from '../../../interfaces/icon.interface';
-export declare const UserIcon: ({
-  color,
-  size,
-}: IconSVGProps) => React.JSX.Element;
+import { IconSVGProps } from '../../../interfaces/icon.interface';
+export declare const UserIcon: ({ color, size }: IconSVGProps) => React.JSX.Element;

package/src/icons/solid/user-group/user-group.icon.d.ts

@@ -1,6 +1,3 @@
 import * as React from 'react';
-import {IconSVGProps} from '../../../interfaces/icon.interface';
-export declare const UserGroupIcon: ({
-  color,
-  size,
-}: IconSVGProps) => React.JSX.Element;
+import { IconSVGProps } from '../../../interfaces/icon.interface';
+export declare const UserGroupIcon: ({ color, size }: IconSVGProps) => React.JSX.Element;

package/src/icons/solid/users/users-solid.icon.d.ts

@@ -1,6 +1,3 @@
 import * as React from 'react';
-import {IconSVGProps} from '../../../interfaces/icon.interface';
-export declare const UsersIcon: ({
-  color,
-  size,
-}: IconSVGProps) => React.JSX.Element;
+import { IconSVGProps } from '../../../interfaces/icon.interface';
+export declare const UsersIcon: ({ color, size }: IconSVGProps) => React.JSX.Element;

package/src/icons/solid/xmark/xmark.icon.d.ts

@@ -1,6 +1,3 @@
 import * as React from 'react';
-import {IconSVGProps} from '../../../interfaces/icon.interface';
-export declare const XMarkIcon: ({
-  color,
-  size,
-}: IconSVGProps) => React.JSX.Element;
+import { IconSVGProps } from '../../../interfaces/icon.interface';
+export declare const XMarkIcon: ({ color, size }: IconSVGProps) => React.JSX.Element;

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/models/time-slot-record.d.ts

@@ -1,15 +1,15 @@
 export interface TimeSlotRecordJSON {
-  in: string;
-  out: string;
+    in: string;
+    out: string;
 }
 export declare class TimeSlotRecord {
-  start: string;
-  end?: string;
-  private constructor();
-  static fromJson(json: TimeSlotRecordJSON): TimeSlotRecord;
-  static fromEmpty(): TimeSlotRecord;
-  static fromRecord(seq: TimeSlotRecord): TimeSlotRecord;
-  isEmpty(): boolean;
-  isComplete(): boolean;
-  toJson(): TimeSlotRecordJSON;
+    start: string;
+    end?: string;
+    private constructor();
+    static fromJson(json: TimeSlotRecordJSON): TimeSlotRecord;
+    static fromEmpty(): TimeSlotRecord;
+    static fromRecord(seq: TimeSlotRecord): TimeSlotRecord;
+    isEmpty(): boolean;
+    isComplete(): boolean;
+    toJson(): TimeSlotRecordJSON;
 }

package/src/models/time-slot-sequence.d.ts

@@ -1,17 +1,15 @@
-import {TimeSlotRecord, TimeSlotRecordJSON} from './time-slot-record';
+import { TimeSlotRecord, TimeSlotRecordJSON } from './time-slot-record';
 export declare class TimeSlotSequence {
-  readonly first: TimeSlotRecord;
-  readonly second: TimeSlotRecord;
-  readonly third: TimeSlotRecord;
-  private constructor();
-  static fromAttendanceRecordArray(arr: TimeSlotRecord[]): TimeSlotSequence;
-  static fromTimeSlotRecordJSONArray(
-    arr: TimeSlotRecordJSON[]
-  ): TimeSlotSequence;
-  static fromEmpty(): TimeSlotSequence;
-  asArray(): TimeSlotRecord[];
-  toJson(): TimeSlotRecord[];
-  addToNextSlot(checkInOutTime: string): void;
-  isComplete(): boolean;
-  isEmpty(): boolean;
+    readonly first: TimeSlotRecord;
+    readonly second: TimeSlotRecord;
+    readonly third: TimeSlotRecord;
+    private constructor();
+    static fromAttendanceRecordArray(arr: TimeSlotRecord[]): TimeSlotSequence;
+    static fromTimeSlotRecordJSONArray(arr: TimeSlotRecordJSON[]): TimeSlotSequence;
+    static fromEmpty(): TimeSlotSequence;
+    asArray(): TimeSlotRecord[];
+    toJson(): TimeSlotRecord[];
+    addToNextSlot(checkInOutTime: string): void;
+    isComplete(): boolean;
+    isEmpty(): boolean;
 }

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 };