chore: add mods type

Author: tenphi

src/components/content/Layout/LayoutContent.tsx

@@ -8,6 +8,7 @@ import {
   filterBaseProps,
   INNER_STYLES,
   mergeStyles,
+  Mods,
   OUTER_STYLES,
   tasty,
 } from '../../../tasty';
@@ -90,7 +91,7 @@ export interface CubeLayoutContentProps extends BaseProps, ContainerStyleProps {
   scrollbar?: ScrollbarType;
   children?: ReactNode;
   /** Additional modifiers to apply */
-  mods?: Record<string, boolean | undefined>;
+  mods?: Mods;
 }
 
 function LayoutContent(

src/tasty/index.ts

@@ -35,6 +35,7 @@ export type {
   ShortGridStyles,
   GlobalStyledProps,
   TagName,
+  Mods,
 } from './types';
 export type {
   StylesInterface,

src/tasty/types.ts

@@ -19,6 +19,11 @@ export interface GlobalStyledProps {
   breakpoints?: number[];
 }
 
+/** Type for element modifiers (mods prop) */
+export type Mods = {
+  [key: string]: boolean | string | number | undefined | null;
+};
+
 type Caps =
   | 'A'
   | 'B'
@@ -65,7 +70,7 @@ export interface BasePropsWithoutChildren<K extends TagName = TagName>
   /** Whether the element has the inline layout outside */
   inline?: boolean;
   /** The list of element modifiers **/
-  mods?: { [key: string]: boolean | string | number | undefined | null };
+  mods?: Mods;
   /** Whether the element is hidden (`hidden` attribute is set) */
   isHidden?: boolean;
   /** Whether the element is disabled (`disabled` attribute is set) */