@gobolt/genesis 0.0.7

package/dist/styles/design-tokens/border-tokens/BorderTokenList.d.ts

@@ -0,0 +1 @@
+export declare const BorderTokenList: () => import("react/jsx-runtime").JSX.Element;

package/dist/styles/design-tokens/border-tokens/BorderTokenList.js

@@ -0,0 +1,37 @@
+import { jsx as r, Fragment as s, jsxs as m } from "react/jsx-runtime";
+import { n as p } from "../../../styled-components.browser.esm-CZ1XM4o4.js";
+import "../../../components/atoms/button/styles.js";
+import "../../../providers/ThemeProvider.js";
+import "../../../components/atoms/input/styles.js";
+import "../../../components/atoms/select/styles.js";
+import "../../../components/atoms/checkbox/styles.js";
+import a from "../../../components/atoms/typography/Typography.js";
+import "../../../components/molecules/error-boundary-fallback/styles.js";
+const d = ({ size: e }) => /* @__PURE__ */ m("div", { style: { display: "flex", alignItems: "center" }, children: [
+  /* @__PURE__ */ r(a, { children: e }),
+  /* @__PURE__ */ r(
+    "div",
+    {
+      style: {
+        background: "#f0f0f0",
+        width: 200,
+        height: 50,
+        marginBottom: 8,
+        justifyContent: "center",
+        alignItems: "center",
+        display: "flex",
+        marginLeft: 8,
+        borderRadius: e
+      }
+    }
+  )
+] }), j = () => {
+  const e = p(), { borderRadius: o } = e, n = Object.entries(o).map(([t, i]) => ({
+    size: t,
+    value: Number(i)
+  }));
+  return /* @__PURE__ */ r(s, { children: n.map(({ size: t, value: i }) => /* @__PURE__ */ r(d, { size: i }, t)) });
+};
+export {
+  j as BorderTokenList
+};

package/dist/styles/design-tokens/border-tokens/BorderTokens.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 BorderRadiusTokens: Story;

package/dist/styles/design-tokens/color-tokens/ColorTokens.stories.d.ts

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

package/dist/styles/design-tokens/sizing-tokens/SizingTokenList.d.ts

@@ -0,0 +1,3 @@
+export declare const SizingTokenList: ({ isHalfSizing }: {
+    isHalfSizing?: boolean;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/styles/design-tokens/sizing-tokens/SizingTokenList.js

@@ -0,0 +1,36 @@
+import { jsx as t, Fragment as m, jsxs as p } from "react/jsx-runtime";
+import "../../../components/atoms/button/styles.js";
+import "../../../providers/ThemeProvider.js";
+import "../../../components/atoms/input/styles.js";
+import "../../../components/atoms/select/styles.js";
+import "../../../components/atoms/checkbox/styles.js";
+import a from "../../../components/atoms/typography/Typography.js";
+import "../../../components/molecules/error-boundary-fallback/styles.js";
+import { n as l } from "../../../styled-components.browser.esm-CZ1XM4o4.js";
+const c = ({ size: i }) => /* @__PURE__ */ p("div", { style: { display: "flex", alignItems: "center" }, children: [
+  /* @__PURE__ */ t(a, { children: i }),
+  /* @__PURE__ */ t(
+    "div",
+    {
+      style: {
+        background: "#f0f0f0",
+        width: i,
+        height: 42,
+        marginBottom: 8,
+        justifyContent: "center",
+        alignItems: "center",
+        display: "flex",
+        marginLeft: 8
+      }
+    }
+  )
+] }), T = ({ isHalfSizing: i = !1 }) => {
+  const r = l(), { sizing: o } = r, s = Object.entries(o).map(([e, n]) => ({
+    size: e,
+    value: Number(n)
+  }));
+  return /* @__PURE__ */ t(m, { children: s.map(({ size: e, value: n }) => /* @__PURE__ */ t(c, { size: n }, e)) });
+};
+export {
+  T as SizingTokenList
+};

package/dist/styles/design-tokens/sizing-tokens/index.stories.d.ts

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

package/dist/styles/design-tokens/typography/TypographyTokens.stories.d.ts

@@ -0,0 +1,7 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Typography } from '../../../components';
+
+declare const meta: Meta<typeof Typography>;
+export default meta;
+type Story = StoryObj<typeof Typography>;
+export declare const TypographyTokens: Story;