@yogiswara/honcho-editor-ui 1.0.0

package/dist/themes/colors.d.ts

@@ -0,0 +1,12 @@
+interface Colors {
+    onSurface: string;
+    surface: string;
+    onSurfaceVariant: string;
+    onSurfaceVariant1: string;
+    outlineVariant: string;
+    error: string;
+    onBackground: string;
+    background: string;
+}
+export default function useColors(): Colors;
+export {};

package/dist/themes/colors.js

@@ -0,0 +1,12 @@
+export default function useColors() {
+    return {
+        onSurface: "#1C1B1F",
+        surface: "#FFFFFF",
+        onSurfaceVariant: "#949494",
+        onSurfaceVariant1: "#656369",
+        outlineVariant: "#EDEDED",
+        error: "#DC362E",
+        onBackground: "#000000",
+        background: "#FFFFFF"
+    };
+}

package/dist/themes/honchoTheme.d.ts

@@ -0,0 +1,25 @@
+interface HonchoTypography {
+    displayLarge: FontStyle;
+    displayMedium: FontStyle;
+    displaySmall: FontStyle;
+    headlineLarge: FontStyle;
+    headlineMedium: FontStyle;
+    headlineSmall: FontStyle;
+    titleLarge: FontStyle;
+    titleMedium: FontStyle;
+    titleSmall: FontStyle;
+    bodyLarge: FontStyle;
+    bodyMedium: FontStyle;
+    bodySmall: FontStyle;
+    labelLarge: FontStyle;
+    labelMedium: FontStyle;
+    labelSmall: FontStyle;
+}
+interface FontStyle {
+    fontSize: number;
+    lineHeight: string;
+    fontWeight: number;
+    letterSpacing: string;
+}
+export default function useHonchoTypography(): HonchoTypography;
+export {};

package/dist/themes/honchoTheme.js

@@ -0,0 +1,94 @@
+export default function useHonchoTypography() {
+    return {
+        displayLarge: {
+            fontSize: 57,
+            lineHeight: "64px",
+            fontWeight: 500,
+            letterSpacing: "0px"
+        },
+        displayMedium: {
+            fontSize: 45,
+            lineHeight: "52px",
+            fontWeight: 500,
+            letterSpacing: "0px"
+        },
+        displaySmall: {
+            fontSize: 36,
+            lineHeight: "44px",
+            fontWeight: 500,
+            letterSpacing: "0px"
+        },
+        headlineLarge: {
+            fontSize: 32,
+            lineHeight: "40px",
+            fontWeight: 500,
+            letterSpacing: "0px"
+        },
+        headlineMedium: {
+            fontSize: 28,
+            lineHeight: "36px",
+            fontWeight: 500,
+            letterSpacing: "0px"
+        },
+        headlineSmall: {
+            fontSize: 24,
+            lineHeight: "32px",
+            fontWeight: 500,
+            letterSpacing: "0px"
+        },
+        titleLarge: {
+            fontSize: 18,
+            lineHeight: "24px",
+            fontWeight: 500,
+            letterSpacing: "0px"
+        },
+        titleMedium: {
+            fontSize: 16,
+            lineHeight: "24px",
+            fontWeight: 500,
+            letterSpacing: "0.15px"
+        },
+        titleSmall: {
+            fontSize: 14,
+            lineHeight: "20px",
+            fontWeight: 500,
+            letterSpacing: "0.1px"
+        },
+        bodyLarge: {
+            fontSize: 16,
+            lineHeight: "24px",
+            fontWeight: 400,
+            letterSpacing: "0.5px"
+        },
+        bodyMedium: {
+            fontSize: 14,
+            lineHeight: "20px",
+            fontWeight: 400,
+            letterSpacing: "0.25px"
+        },
+        bodySmall: {
+            fontSize: 12,
+            lineHeight: "16px",
+            fontWeight: 400,
+            letterSpacing: "0.4px"
+        },
+        labelLarge: {
+            fontSize: 16,
+            lineHeight: "24px",
+            fontWeight: 500,
+            letterSpacing: "0.1px"
+        },
+        labelMedium: {
+            fontSize: 14,
+            lineHeight: "20px",
+            fontWeight: 500,
+            letterSpacing: "0.1px"
+        },
+        labelSmall: {
+            fontSize: 12,
+            lineHeight: "16px",
+            fontWeight: 500,
+            letterSpacing: "0.1px"
+        },
+    };
+}

package/dist/utils/isMobile.d.ts

@@ -0,0 +1 @@
+export default function useIsMobile(): boolean;

package/dist/utils/isMobile.js

@@ -0,0 +1,5 @@
+import { useMediaQuery, useTheme } from "@mui/material";
+export default function useIsMobile() {
+    const theme = useTheme();
+    return useMediaQuery(theme.breakpoints.down("sm"));
+}

package/package.json

@@ -0,0 +1,41 @@
+{
+  "name": "@yogiswara/honcho-editor-ui",
+  "version": "1.0.0",
+  "description": "A complete UI component library for the Honcho photo editor.",
+  "main": "./dist/index.js",
+  "module": "./dist/index.mjs",
+  "types": "./dist/index.d.ts",
+  "files": [
+    "dist",
+    "public"
+  ],
+  "scripts": {
+    "build": "tsc"
+  },
+  "peerDependencies": {
+    "@emotion/react": "^11.11.1",
+    "@emotion/styled": "^11.11.0",
+    "@mui/icons-material": "^5.15.0",
+    "@mui/material": "^5.15.0",
+    "next": "13.5.6",
+    "react": "^18",
+    "react-dom": "^18"
+  },
+  "devDependencies": {
+    "@emotion/react": "^11.11.1",
+    "@emotion/styled": "^11.11.0",
+    "@mui/icons-material": "^5.15.0",
+    "@mui/material": "^5.15.0",
+    "@types/node": "^20",
+    "@types/react": "^18",
+    "@types/react-dom": "^18",
+    "next": "13.5.6",
+    "react": "^18",
+    "react-dom": "^18",
+    "tsup": "^8.0.0",
+    "typescript": "^5"
+  },
+  "license": "ISC",
+  "keywords": [],
+  "author": ""
+}