@gobolt/genesis 0.0.7 → 0.0.9

package/dist/genesis/GenesisThemeBreakdown.js

@@ -1,56 +1,86 @@
-import { jsxs as t, jsx as e } from "react/jsx-runtime";
-import { n as i } from "../styled-components.browser.esm-CZ1XM4o4.js";
-const r = ({ name: o, color: n }) => /* @__PURE__ */ t(
+import { jsxs as e, jsx as o } from "react/jsx-runtime";
+import { TYPOGRAPHY_VARIANT as n } from "../constants/index.js";
+import { n as d } from "../styled-components.browser.esm-CZ1XM4o4.js";
+import "../components/Badge/styles.js";
+import "../components/Breadcrumb/styles.js";
+import "../providers/ThemeProvider.js";
+import { a } from "../Typography-aGoDUl4R.js";
+import "../components/Button/styles.js";
+import "../components/Checkbox/styles.js";
+import "../components/ErrorBoundaryFallback/styles.js";
+import "../components/Input/styles.js";
+import "../components/Message/styles.js";
+import "../components/Notification/styles.js";
+import "react";
+import "../components/Select/styles.js";
+import "../components/Toast/styles.js";
+const i = ({ name: r, color: t }) => /* @__PURE__ */ e(
   "div",
   {
     style: { display: "flex", justifyContent: "space-between", margin: 8 },
     children: [
-      /* @__PURE__ */ e("div", { style: { display: "flex", justifyContent: "flex-end", width: 120 }, children: /* @__PURE__ */ e("p", { style: { fontSize: 14 }, children: o }) }),
-      /* @__PURE__ */ e(
+      /* @__PURE__ */ o("div", { style: { display: "flex", justifyContent: "flex-end", width: 120 }, children: /* @__PURE__ */ o("p", { style: { fontSize: 14 }, children: r }) }),
+      /* @__PURE__ */ o(
         "div",
         {
           style: {
             marginLeft: 16,
             width: "40px",
             height: "40px",
-            backgroundColor: n,
-            alignItems: "center"
+            backgroundColor: t,
+            alignItems: "center",
+            border: "1px solid #ddd"
           }
         }
       )
     ]
   }
-), s = () => {
-  const o = i();
-  return /* @__PURE__ */ t("div", { children: [
-    /* @__PURE__ */ e("h1", { children: "Genesis Theme" }),
-    /* @__PURE__ */ e("div", { style: { display: "flex", justifyContent: "flex-end", width: 120 }, children: /* @__PURE__ */ t("p", { style: { fontSize: 14 }, children: [
-      o.mode,
-      " mode"
-    ] }) }),
+), k = () => {
+  const r = d(), t = r.mode.charAt(0).toUpperCase() + r.mode.slice(1);
+  return /* @__PURE__ */ e("div", { children: [
     /* @__PURE__ */ e(
-      r,
+      a,
+      {
+        variant: n.heading1,
+        children: [
+          "Genesis Theme",
+          " "
+        ]
+      }
+    ),
+    /* @__PURE__ */ o("div", { style: { display: "flex", justifyContent: "flex-start" }, children: /* @__PURE__ */ e(
+      a,
+      {
+        variant: n.heading2,
+        children: [
+          t,
+          " mode"
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ o(
+      i,
       {
         name: "Primary Color",
-        color: o.colors.primary.active.backgroundColor
+        color: r.colors.primary.active.backgroundColor
       }
     ),
-    /* @__PURE__ */ e(
-      r,
+    /* @__PURE__ */ o(
+      i,
       {
         name: "Secondary Color",
-        color: o.colors.secondary.active.backgroundColor
+        color: r.colors.secondary.active.backgroundColor
       }
     ),
-    /* @__PURE__ */ e(
-      r,
+    /* @__PURE__ */ o(
+      i,
       {
         name: "Tertiary Color",
-        color: o.colors.tertiary.active.backgroundColor
+        color: r.colors.tertiary.active.backgroundColor
       }
     )
   ] });
 };
 export {
-  s as default
+  k as default
 };

package/dist/genesis/GenesisThemeDemo.d.ts

@@ -1,8 +1,6 @@
 import { default as React } from 'react';
 
 export interface GenesisThemeDemoProps {
-    buttonText: string;
-    onClick: () => any;
 }
 declare const GenesisThemeDemo: React.FC<GenesisThemeDemoProps>;
 export default GenesisThemeDemo;

package/dist/genesis/GenesisThemeDemo.js

@@ -1,8 +1,7 @@
 import { jsx as r } from "react/jsx-runtime";
 import { Card as o } from "./styles.js";
-import { n as m } from "../styled-components.browser.esm-CZ1XM4o4.js";
-import { FormStory as t } from "../components/molecules/form/__stories__/FormStory.js";
-const f = () => (m(), /* @__PURE__ */ r(o, { children: /* @__PURE__ */ r(t, {}) }));
+import { FormStory as e } from "../components/Form/__stories__/FormStory.js";
+const s = () => /* @__PURE__ */ r(o, { children: /* @__PURE__ */ r(e, {}) });
 export {
-  f as default
+  s as default
 };