@gobolt/genesis 0.0.10 → 0.1.0

package/dist/genesis/GenesisThemeBreakdown.js

@@ -1,25 +1,46 @@
-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 { jsxs as r, jsx as o } from "react/jsx-runtime";
+import "../components/Avatar/styles.js";
 import "../components/Badge/styles.js";
+import "../providers/BreakpointThemeProvider.js";
+import { a as n } from "../Typography-CoZ5qD-t.js";
+import { n as l } from "../styled-components.browser.esm-CZ1XM4o4.js";
+import { TYPOGRAPHY_VARIANT as m } from "../constants/index.js";
 import "../components/Breadcrumb/styles.js";
-import "../providers/ThemeProvider.js";
-import { a } from "../Typography-aGoDUl4R.js";
 import "../components/Button/styles.js";
+import "../components/Card/styles.js";
 import "../components/Checkbox/styles.js";
+import "react";
 import "../components/ErrorBoundaryFallback/styles.js";
 import "../components/Input/styles.js";
+import "../components/Layout/Content/styles.js";
 import "../components/Message/styles.js";
+import "../components/Notification/NotificationBadge/styles.js";
 import "../components/Notification/styles.js";
-import "react";
+import "../styles-CWdUpZom.js";
+import "../components/Progress/styles.js";
+import "../styles/global-styles.js";
+import "../components/Row/styles.js";
+import "../components/Row/RowLabelValue/styles.js";
+import "../components/Row/RowActions/styles.js";
+import "../components/SegmentedControls/styles.js";
 import "../components/Select/styles.js";
+import "../components/Switch/styles.js";
+import "../styles-qerRs7Rn.js";
+import "../components/Tabs/styles.js";
+import "../components/Tile/styles.js";
 import "../components/Toast/styles.js";
-const i = ({ name: r, color: t }) => /* @__PURE__ */ e(
+import "../components/Tooltip/styles.js";
+const e = ({ name: i, color: t }) => /* @__PURE__ */ r(
   "div",
   {
-    style: { display: "flex", justifyContent: "space-between", margin: 8 },
+    style: {
+      display: "flex",
+      justifyContent: "flex-start",
+      margin: 8,
+      alignItems: "center"
+    },
     children: [
-      /* @__PURE__ */ o("div", { style: { display: "flex", justifyContent: "flex-end", width: 120 }, children: /* @__PURE__ */ o("p", { style: { fontSize: 14 }, children: r }) }),
+      /* @__PURE__ */ o("div", { style: { display: "flex", justifyContent: "flex-end", width: 120 }, children: /* @__PURE__ */ o("p", { style: { fontSize: 14 }, children: i }) }),
       /* @__PURE__ */ o(
         "div",
         {
@@ -35,52 +56,89 @@ const i = ({ name: r, color: t }) => /* @__PURE__ */ e(
       )
     ]
   }
-), k = () => {
-  const r = d(), t = r.mode.charAt(0).toUpperCase() + r.mode.slice(1);
-  return /* @__PURE__ */ e("div", { children: [
-    /* @__PURE__ */ e(
-      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"
-        ]
-      }
-    ) }),
+), M = () => {
+  const i = l(), t = i.mode.charAt(0).toUpperCase() + i.mode.slice(1);
+  return console.log("THEME  ", i), /* @__PURE__ */ r("div", { children: [
     /* @__PURE__ */ o(
-      i,
+      "div",
       {
-        name: "Primary Color",
-        color: r.colors.primary.active.backgroundColor
+        style: {
+          display: "flex",
+          justifyContent: "flex-start",
+          margin: `${i.sizing.Size8}px ${i.sizing.Size4}px`,
+          borderBottom: i.allColors.gray[100],
+          borderBottomWidth: 1,
+          borderBottomStyle: "solid",
+          padding: `${i.sizing.Size4}px`
+        },
+        children: /* @__PURE__ */ r(
+          n,
+          {
+            variant: m.heading1,
+            children: [
+              "Genesis Theme",
+              " "
+            ]
+          }
+        )
       }
     ),
     /* @__PURE__ */ o(
-      i,
+      "div",
       {
-        name: "Secondary Color",
-        color: r.colors.secondary.active.backgroundColor
+        style: {
+          display: "flex",
+          justifyContent: "flex-start",
+          margin: `${i.sizing.Size8}px ${i.sizing.Size4}px`
+        },
+        children: /* @__PURE__ */ r(
+          n,
+          {
+            variant: m.heading3,
+            children: [
+              t,
+              " mode"
+            ]
+          }
+        )
       }
     ),
-    /* @__PURE__ */ o(
-      i,
+    /* @__PURE__ */ r(
+      "div",
       {
-        name: "Tertiary Color",
-        color: r.colors.tertiary.active.backgroundColor
+        style: {
+          display: "flex",
+          flexDirection: "column",
+          justifyContent: "flex-start",
+          margin: `${i.sizing.Size8}px 0`
+        },
+        children: [
+          /* @__PURE__ */ o(
+            e,
+            {
+              name: "Primary Color",
+              color: i.colors.primary.active.backgroundColor
+            }
+          ),
+          /* @__PURE__ */ o(
+            e,
+            {
+              name: "Secondary Color",
+              color: i.colors.secondary.active.backgroundColor
+            }
+          ),
+          /* @__PURE__ */ o(
+            e,
+            {
+              name: "Tertiary Color",
+              color: i.colors.tertiary.active.backgroundColor
+            }
+          )
+        ]
       }
     )
   ] });
 };
 export {
-  k as default
+  M as default
 };

package/dist/genesis/labs/Lab.stories.d.ts

@@ -0,0 +1,6 @@
+import { Meta, StoryObj } from '@storybook/react';
+
+declare const meta: Meta;
+export default meta;
+type Story = StoryObj;
+export declare const Intro: Story;