@tactics/toddle-styleguide 2.0.3 → 2.0.4

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

@@ -1,3 +1,6 @@
 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,3 +1,6 @@
 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,3 +1,6 @@
 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,3 +1,6 @@
 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,3 +1,6 @@
 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,3 +1,6 @@
 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,3 +1,6 @@
 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,3 +1,6 @@
 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,3 +1,6 @@
 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,3 +1,6 @@
 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,3 +1,6 @@
 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,3 +1,6 @@
 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/photograph/photograph-solid.icon.tsx

@@ -11,10 +11,10 @@ export const PhotographIcon = ({color, size = Scale.l}: IconSVGProps) => {
 
   return (
     <Svg width={size} height={size} viewBox="0 0 18 16" fill="none">
-        <Path
-            d="M2.39995 0.299988C1.18492 0.299988 0.199951 1.28496 0.199951 2.49999V13.5C0.199951 14.715 1.18492 15.7 2.39995 15.7H15.5999C16.815 15.7 17.7999 14.715 17.7999 13.5V2.49999C17.7999 1.28496 16.815 0.299988 15.5999 0.299988H2.39995ZM15.5999 13.5H2.39995L6.79995 4.69999L10.1 11.3L12.2999 6.89999L15.5999 13.5Z"
-            fill={color ? HexColor.of(color).toString() : context.colors.main['0']}
-        />
+      <Path
+        d="M2.39995 0.299988C1.18492 0.299988 0.199951 1.28496 0.199951 2.49999V13.5C0.199951 14.715 1.18492 15.7 2.39995 15.7H15.5999C16.815 15.7 17.7999 14.715 17.7999 13.5V2.49999C17.7999 1.28496 16.815 0.299988 15.5999 0.299988H2.39995ZM15.5999 13.5H2.39995L6.79995 4.69999L10.1 11.3L12.2999 6.89999L15.5999 13.5Z"
+        fill={color ? HexColor.of(color).toString() : context.colors.main['0']}
+      />
     </Svg>
   );
 };

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

@@ -1,3 +1,6 @@
 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,3 +1,6 @@
 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,3 +1,6 @@
 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,3 +1,6 @@
 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,3 +1,6 @@
 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,3 +1,6 @@
 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,3 +1,6 @@
 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/share/share.icon.tsx

@@ -12,9 +12,7 @@ export const ShareIcon = ({color, size = Scale.l}: IconSVGProps) => {
     <Svg width={size} height={size} viewBox="0 0 22 22" fill="none">
       <Path
         d="M16.5 8.80001C18.3225 8.80001 19.7999 7.32255 19.7999 5.50001C19.7999 3.67747 18.3225 2.20001 16.5 2.20001C14.6774 2.20001 13.2 3.67747 13.2 5.50001C13.2 5.63804 13.2084 5.7741 13.2249 5.90768L7.7908 8.62472C7.19729 8.05217 6.38974 7.70001 5.49995 7.70001C3.67741 7.70001 2.19995 9.17747 2.19995 11C2.19995 12.8226 3.67741 14.3 5.49995 14.3C6.38976 14.3 7.19732 13.9478 7.79084 13.3753L13.2249 16.0923C13.2084 16.2259 13.2 16.362 13.2 16.5C13.2 18.3226 14.6774 19.8 16.5 19.8C18.3225 19.8 19.7999 18.3226 19.7999 16.5C19.7999 14.6775 18.3225 13.2 16.5 13.2C15.6102 13.2 14.8026 13.5522 14.2091 14.1247L8.77502 11.4077C8.79148 11.2741 8.79995 11.138 8.79995 11C8.79995 10.862 8.79147 10.7259 8.77501 10.5923L14.2091 7.87527C14.8026 8.44784 15.6101 8.80001 16.5 8.80001Z"
-        fill={
-          color ? HexColor.of(color).toString() : context.colors.main['0']
-        }
+        fill={color ? HexColor.of(color).toString() : context.colors.main['0']}
       />
     </Svg>
   );

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

@@ -1,3 +1,6 @@
 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,2 +1,6 @@
-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/solid.tsx

@@ -41,8 +41,8 @@ import {UserIcon as UserSolid} from './user/user.icon';
 import {UserGroupIcon as UserGroupSolid} from './user-group/user-group.icon';
 import {UsersIcon as UsersSolid} from './users/users-solid.icon';
 import {XMarkIcon as XMarkSolid} from './xmark/xmark.icon';
-import { ShareIcon } from './share/share.icon';
-import { PhotographIcon } from './photograph/photograph-solid.icon';
+import {ShareIcon} from './share/share.icon';
+import {PhotographIcon} from './photograph/photograph-solid.icon';
 
 export const Solid = ({name, size, color}: IconNameInterface): JSX.Element => {
   const renderIcon = ({name}: IconNameInterface): React.ReactNode => {
@@ -128,9 +128,9 @@ export const Solid = ({name, size, color}: IconNameInterface): JSX.Element => {
       case 'xmark':
         return <XMarkSolid size={size} color={color} />;
       case 'share':
-        return <ShareIcon size={size} color={color} />
+        return <ShareIcon size={size} color={color} />;
       case 'photograph':
-        return <PhotographIcon size={size} color={color} />
+        return <PhotographIcon size={size} color={color} />;
       default:
         alert('The icon you want is not available');
         break;

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

@@ -1,3 +1,6 @@
 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,3 +1,6 @@
 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,3 +1,6 @@
 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,3 +1,6 @@
 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,3 +1,6 @@
 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,3 +1,6 @@
 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,3 +1,6 @@
 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,15 +1,17 @@
-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/models/time-slot-sequence.ts

@@ -4,7 +4,7 @@ export class TimeSlotSequence {
   private constructor(
     public readonly first: TimeSlotRecord,
     public readonly second: TimeSlotRecord,
-    public readonly third: TimeSlotRecord,
+    public readonly third: TimeSlotRecord
   ) {}
 
   static fromAttendanceRecordArray(arr: TimeSlotRecord[]): TimeSlotSequence {
@@ -16,12 +16,18 @@ export class TimeSlotSequence {
   }
 
   static fromTimeSlotRecordJSONArray(
-      arr: TimeSlotRecordJSON[]
+    arr: TimeSlotRecordJSON[]
   ): TimeSlotSequence {
     return new TimeSlotSequence(
-        TimeSlotRecord.fromJson(arr[0] ? arr[0] : TimeSlotRecord.fromEmpty().toJson()),
-        TimeSlotRecord.fromJson(arr[1] ? arr[1] : TimeSlotRecord.fromEmpty().toJson()),
-        TimeSlotRecord.fromJson(arr[2] ? arr[2] : TimeSlotRecord.fromEmpty().toJson()),
+      TimeSlotRecord.fromJson(
+        arr[0] ? arr[0] : TimeSlotRecord.fromEmpty().toJson()
+      ),
+      TimeSlotRecord.fromJson(
+        arr[1] ? arr[1] : TimeSlotRecord.fromEmpty().toJson()
+      ),
+      TimeSlotRecord.fromJson(
+        arr[2] ? arr[2] : TimeSlotRecord.fromEmpty().toJson()
+      )
     );
   }
 
@@ -29,7 +35,7 @@ export class TimeSlotSequence {
     return new TimeSlotSequence(
       TimeSlotRecord.fromEmpty(),
       TimeSlotRecord.fromEmpty(),
-      TimeSlotRecord.fromEmpty(),
+      TimeSlotRecord.fromEmpty()
     );
   }
 
@@ -67,9 +73,7 @@ export class TimeSlotSequence {
 
   isEmpty(): boolean {
     return (
-        this.first.isEmpty() &&
-        this.second.isEmpty() &&
-        this.third.isEmpty()
+      this.first.isEmpty() && this.second.isEmpty() && this.third.isEmpty()
     );
   }
 }

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