@tactics/toddle-styleguide 1.2.8 → 1.2.9

package/src/icons/solid/chat-alt/chat-alt-solid.icon.d.ts

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

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

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

package/src/icons/solid/chevron-left/chevron-left.icon.d.ts

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

package/src/icons/solid/chevron-right/chevron-right.icon.d.ts

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

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

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

package/src/icons/solid/cloud-download/cloud-download.icon.d.ts

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

package/src/icons/solid/currency-euro/currency-euro.icon.d.ts

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

package/src/icons/solid/document-text/document-text-solid.icon.d.ts

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

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

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

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

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

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

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

package/src/icons/solid/eye-off/eye-off.icon.d.ts

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1,5 +1,2 @@
-import {IconSVGProps} from '../../../interfaces/icon.interface';
-export declare const SmViewGridAddIcon: ({
-  color,
-  size,
-}: IconSVGProps) => JSX.Element;
+import { IconSVGProps } from '../../../interfaces/icon.interface';
+export declare const SmViewGridAddIcon: ({ color, size }: IconSVGProps) => 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,5 +1,2 @@
-import {IconSVGProps} from '../../../interfaces/icon.interface';
-export declare const StatusOnlineIcon: ({
-  color,
-  size,
-}: IconSVGProps) => JSX.Element;
+import { IconSVGProps } from '../../../interfaces/icon.interface';
+export declare const StatusOnlineIcon: ({ color, size }: IconSVGProps) => JSX.Element;

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

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

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

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

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

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

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

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

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

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

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

@@ -1,2 +1,2 @@
-import {IconSVGProps} from '../../../interfaces/icon.interface';
-export declare const XMarkIcon: ({color, size}: IconSVGProps) => JSX.Element;
+import { IconSVGProps } from '../../../interfaces/icon.interface';
+export declare const XMarkIcon: ({ color, size }: IconSVGProps) => 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/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[];
+    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;
+            };
+        };
     };
-    main: {
-      9: string;
-      8: string;
-      7: string;
-      6: string;
-      5: string;
-      4: string;
-      3: string;
-      2: string;
-      1: string;
-      0: string;
+    wave: {
+        path: any;
     };
-    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;
-  };
 };