@mw-kit/mw-ui 1.8.17 → 1.8.19

package/dist/theme/constants.d.ts

@@ -1,4 +1,3 @@
-import type { Typographies } from './interfaces';
 export declare const colors: {
     readonly black: "#000000";
     readonly blue: "#3455AB";
@@ -66,7 +65,55 @@ export declare const spacings: {
     readonly s5: "28px";
     readonly s6: "35px";
 };
-export declare const fonts: {
-    readonly lato: "\"Lato\", sans-serif";
+export { default as fonts } from '../assets/fonts';
+export declare const typographies: {
+    readonly h1: {
+        readonly fontFamily: "Lato";
+        readonly fontWeight: "bold";
+        readonly fontSize: "18px";
+        readonly lineHeight: "22px";
+        readonly letterSpacing: "0px";
+    };
+    readonly h2: {
+        readonly fontFamily: "Lato";
+        readonly fontWeight: "bold";
+        readonly fontSize: "16px";
+        readonly lineHeight: "19px";
+        readonly letterSpacing: "0px";
+    };
+    readonly h3: {
+        readonly fontFamily: "Lato";
+        readonly fontWeight: "normal";
+        readonly fontSize: "16px";
+        readonly lineHeight: "19px";
+        readonly letterSpacing: "0px";
+    };
+    readonly h4: {
+        readonly fontFamily: "Lato";
+        readonly fontWeight: "bold";
+        readonly fontSize: "14px";
+        readonly lineHeight: "17px";
+        readonly letterSpacing: "0px";
+    };
+    readonly h5: {
+        readonly fontFamily: "Lato";
+        readonly fontWeight: "normal";
+        readonly fontSize: "14px";
+        readonly lineHeight: "17px";
+        readonly letterSpacing: "0px";
+    };
+    readonly h6: {
+        readonly fontFamily: "Lato";
+        readonly fontWeight: "normal";
+        readonly fontSize: "13px";
+        readonly lineHeight: "16px";
+        readonly letterSpacing: "0px";
+    };
+    readonly p: {
+        readonly fontFamily: "Lato";
+        readonly fontWeight: "normal";
+        readonly fontSize: "14px";
+        readonly lineHeight: "17px";
+        readonly letterSpacing: "0px";
+    };
 };
-export declare const typographies: Typographies;

package/dist/theme/index.d.ts

@@ -1,6 +1,6 @@
 import type { ThemeInterface } from './interfaces';
-export declare const theme: ThemeInterface;
-declare const ThemeProvider: (props: {
-    children: JSX.Element | string | (JSX.Element | string)[];
-}) => import("react/jsx-runtime").JSX.Element;
+export declare const theme: Omit<ThemeInterface, 'assetUrl' | 'useFont'>;
+declare const ThemeProvider: (props: React.PropsWithChildren<{
+    assetBaseUrl: string;
+}>) => import("react/jsx-runtime").JSX.Element;
 export default ThemeProvider;

package/dist/theme/interfaces.d.ts

@@ -4,27 +4,28 @@ import type { colors, fonts, opacities, spacings, typographies } from './constan
 export type ColorOptions = keyof typeof colors;
 export type OpacitiyOptions = keyof typeof opacities;
 export type SpacingOptions = keyof typeof spacings;
+export type FontOptions = keyof typeof fonts;
 type FontWeight = 'normal' | 'bold' | 'bolder' | 'lighter' | '100' | '200' | '300' | '400' | '500' | '600' | '700' | '800' | '900';
 interface Typography {
-    fontFamily: string;
+    fontFamily: FontOptions;
     fontWeight: FontWeight;
     fontSize: string;
+    lineHeight: string;
+    letterSpacing: string;
 }
 type TypographyOptions = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p';
 export type Typographies = {
     [key in TypographyOptions]: Typography;
 };
-export type useTypographyFunc = (typography: TypographyOptions, options?: {
-    fontWeight?: FontWeight;
-}) => RuleSet;
 export interface ThemeInterface {
     colors: typeof colors;
     fonts: typeof fonts;
     getColor: (color: ColorOptions, opacity?: OpacitiyOptions) => string;
-    useTypography: useTypographyFunc;
+    useTypography: (typography: TypographyOptions, options?: Partial<Pick<Typography, 'fontWeight' | 'lineHeight' | 'letterSpacing'>>) => RuleSet;
     isDarkColor: (color: ColorOptions, ifDark?: ColorOptions, ifLight?: ColorOptions) => ColorOptions;
     spacings: typeof spacings;
     typographies: typeof typographies;
     components: typeof components;
+    assetUrl: (asset: string) => string;
 }
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mw-kit/mw-ui",
-  "version": "1.8.17",
+  "version": "1.8.19",
   "description": "Made with create-react-library",
   "author": "fmgusmao",
   "license": "MIT",
@@ -10,8 +10,12 @@
   "types": "./dist/index.d.ts",
   "source": "src/index.ts",
   "files": [
-    "dist"
+    "dist",
+    "bin"
   ],
+  "bin": {
+    "mw-ui-copy-fonts": "./bin/mw-ui-copy-fonts.mjs"
+  },
   "exports": {
     ".": {
       "import": "./dist/index.mjs",
@@ -19,8 +23,7 @@
     },
     "./types": {
       "types": "./dist/interfaces.d.ts"
-    },
-    "./assets/fonts/*": "./dist/assets/fonts/*"
+    }
   },
   "typesVersions": {
     "*": {