@okam/next-component 2.1.0 → 2.1.1

package/theme/Typography/index.js

@@ -0,0 +1,43 @@
+"use strict";
+const tailwindVariants = require("tailwind-variants");
+const typography = tailwindVariants.tv({
+  variants: {
+    size: {
+      h1: `text-5xl`,
+      h2: `text-4xl`,
+      h3: `text-3xl`,
+      h4: `text-2xl`,
+      h5: `text-xl`,
+      h6: `text-lg`,
+      leading: `text-md font-bold leading-normal`,
+      paragraph: `text-md inline`,
+      footnotes: `text-sm`,
+      xs: `text-xs`
+    },
+    font: {
+      body: `font-body`
+    },
+    weight: {
+      normal: `font-normal`,
+      light: `font-light`,
+      bold: "font-bold"
+    },
+    color: {
+      gray: `text-gray-500`,
+      white: `text-white`
+    },
+    isError: {
+      true: "text-sm text-error py-3"
+    },
+    align: {
+      center: "text-center",
+      left: "text-left",
+      right: "text-right"
+    }
+  },
+  defaultVariants: {
+    size: "paragraph",
+    font: "body"
+  }
+});
+module.exports = typography;

package/theme/Typography/index.mjs

@@ -0,0 +1,44 @@
+import { tv } from "tailwind-variants";
+const typography = tv({
+  variants: {
+    size: {
+      h1: `text-5xl`,
+      h2: `text-4xl`,
+      h3: `text-3xl`,
+      h4: `text-2xl`,
+      h5: `text-xl`,
+      h6: `text-lg`,
+      leading: `text-md font-bold leading-normal`,
+      paragraph: `text-md inline`,
+      footnotes: `text-sm`,
+      xs: `text-xs`
+    },
+    font: {
+      body: `font-body`
+    },
+    weight: {
+      normal: `font-normal`,
+      light: `font-light`,
+      bold: "font-bold"
+    },
+    color: {
+      gray: `text-gray-500`,
+      white: `text-white`
+    },
+    isError: {
+      true: "text-sm text-error py-3"
+    },
+    align: {
+      center: "text-center",
+      left: "text-left",
+      right: "text-right"
+    }
+  },
+  defaultVariants: {
+    size: "paragraph",
+    font: "body"
+  }
+});
+export {
+  typography as default
+};

package/theme/index.js

@@ -0,0 +1,16 @@
+"use client";
+"use strict";
+const stackUi = require("@okam/stack-ui");
+const react = require("react");
+const index$1 = require("./AdminBar/index.js");
+const index$3 = require("./Button/index.js");
+const index$4 = require("./Filter/index.js");
+const index$2 = require("./Typography/index.js");
+const BaseTheme = stackUi.makeTheme({
+  filter: index$4,
+  button: index$3,
+  typography: index$2,
+  adminBar: index$1.adminBarTheme
+});
+const index = react.memo(stackUi.createThemeProvider(BaseTheme));
+module.exports = index;

package/theme/index.mjs

@@ -0,0 +1,17 @@
+"use client";
+import { createThemeProvider, makeTheme } from "@okam/stack-ui";
+import { memo } from "react";
+import { adminBarTheme } from "./AdminBar/index.mjs";
+import button from "./Button/index.mjs";
+import filterTheme from "./Filter/index.mjs";
+import typography from "./Typography/index.mjs";
+const BaseTheme = makeTheme({
+  filter: filterTheme,
+  button,
+  typography,
+  adminBar: adminBarTheme
+});
+const index = memo(createThemeProvider(BaseTheme));
+export {
+  index as default
+};