@gobolt/genesis 0.1.5 → 0.2.0

package/dist/components/Layout/Content/ResponsiveContent.js

@@ -1,82 +0,0 @@
-import { jsx as t } from "react/jsx-runtime";
-import "../../../providers/BreakpointThemeProvider.js";
-import { u as s, a } from "../../../Typography-B2J8CPnt.js";
-import "../../Avatar/styles.js";
-import "../../Badge/styles.js";
-import "../../Breadcrumb/styles.js";
-import "../../Button/styles.js";
-import "../../Card/styles.js";
-import "../../Checkbox/styles.js";
-import "../../DateRangePicker/DateRangePicker.js";
-import "react";
-import "../../ErrorBoundaryFallback/styles.js";
-import "../../../styles-XuoEGUZZ.js";
-import "./styles.js";
-import "../../Message/styles.js";
-import "../../Notification/NotificationBadge/styles.js";
-import "../../Notification/styles.js";
-import "../../../styles-DNay6iFa.js";
-import "../../Progress/styles.js";
-import "../../Row/styles.js";
-import "../../../styles/global-styles.js";
-import "../../Row/RowLabelValue/styles.js";
-import "../../Row/RowActions/styles.js";
-import "../../SegmentedControls/styles.js";
-import "../../Select/styles.js";
-import "../../Switch/styles.js";
-import "../../../styles-Wpm1RiGr.js";
-import "../../Tabs/styles.js";
-import "../../Tile/styles.js";
-import "../../Toast/styles.js";
-import "../../Tooltip/styles.js";
-const c = ({
-  width: i = 300,
-  height: r = 300,
-  backgroundColor: o = "#f0f0f0",
-  border: p = "1px solid #ccc",
-  isVertical: m
-}) => /* @__PURE__ */ t(
-  "div",
-  {
-    style: {
-      width: m ? "100%" : i,
-      height: m ? 180 : r,
-      minWidth: 180,
-      backgroundColor: o,
-      margin: 0,
-      // important to keep it 0 to prevent layout issues with margin collapsing
-      border: p,
-      display: "flex",
-      justifyContent: "center",
-      alignItems: "center",
-      boxSizing: "border-box"
-    },
-    children: /* @__PURE__ */ t(a, { variant: "body1", children: "Content" })
-  }
-), M = ({
-  total: i = 3,
-  backgroundColor: r,
-  isSidebar: o = !1
-}) => {
-  const { breakpoint: p, theme: m } = s(), e = p === "narrow" || o;
-  return /* @__PURE__ */ t(
-    "div",
-    {
-      style: {
-        margin: 0,
-        padding: 0,
-        backgroundColor: r,
-        boxSizing: "border-box",
-        alignItems: "center",
-        justifyContent: "center",
-        display: "flex",
-        flexDirection: e ? "column" : "row",
-        gap: 8
-      },
-      children: [...Array(i)].map((d, n) => /* @__PURE__ */ t(c, { isVertical: e }, n))
-    }
-  );
-};
-export {
-  M as default
-};

package/dist/components/Layout/Content/index.js

@@ -1,4 +0,0 @@
-import { Content as o } from "./Content.js";
-export {
-  o as default
-};

package/dist/components/Layout/Content/styles.js

@@ -1,16 +0,0 @@
-import { d as o } from "../../../styled-components.browser.esm-C47QHsU4.js";
-const t = ({ sizing: i }, e) => `
-  display: flex;
-  flex-direction: ${e ? "column" : "row"};
-  width: 100%;
-  height: 100%;
-  padding: ${i.Size4}px;
-  margin: 0;
-  box-sizing: border-box;
- `, r = o.div`
-  ${({ theme: i, $isColumn: e }) => t(i, e)}
-`;
-export {
-  r as Content,
-  t as getGenesisClass
-};

package/dist/components/Layout/Layout.js

@@ -1,6 +0,0 @@
-import { jsx as r } from "react/jsx-runtime";
-import { Content as e } from "./Content/Content.js";
-const m = ({ children: t, isColumn: o = !1, style: a }) => /* @__PURE__ */ r(e, { "data-testid": "Layout", isColumn: o, style: a, children: t });
-export {
-  m as default
-};

package/dist/components/Layout/MainLayout/MainLayout.js

@@ -1,28 +0,0 @@
-import { jsxs as e, jsx as r } from "react/jsx-runtime";
-import i from "../Layout.js";
-import { Sidebar as h, Header as o, Main as d, Footer as u } from "./styles.js";
-import "../../../providers/BreakpointThemeProvider.js";
-import { u as m } from "../../../Typography-B2J8CPnt.js";
-const C = ({ header: n, main: l, footer: t, sidebar: c }) => {
-  const { breakpoint: s } = m();
-  return c ? s === "narrow" ? /* @__PURE__ */ e(i, { isColumn: !0, children: [
-    /* @__PURE__ */ r(h, { children: c }),
-    /* @__PURE__ */ r(o, { children: n }),
-    /* @__PURE__ */ r(d, { children: l }),
-    /* @__PURE__ */ r(u, { children: t })
-  ] }) : /* @__PURE__ */ e(i, { children: [
-    /* @__PURE__ */ r(i, { isColumn: !0, style: { width: "250px" }, children: /* @__PURE__ */ r(h, { children: c }) }),
-    /* @__PURE__ */ e(i, { isColumn: !0, style: { flex: 1 }, children: [
-      /* @__PURE__ */ r(o, { children: n }),
-      /* @__PURE__ */ r(d, { children: l }),
-      /* @__PURE__ */ r(u, { children: t })
-    ] })
-  ] }) : /* @__PURE__ */ e(i, { isColumn: !0, children: [
-    /* @__PURE__ */ r(o, { children: n }),
-    /* @__PURE__ */ r(d, { children: l }),
-    /* @__PURE__ */ r(u, { children: t })
-  ] });
-};
-export {
-  C as default
-};

package/dist/components/Layout/MainLayout/index.js

@@ -1,4 +0,0 @@
-import { default as o } from "./MainLayout.js";
-export {
-  o as default
-};

package/dist/components/Layout/MainLayout/styles.js

@@ -1,69 +0,0 @@
-import { d } from "../../../styled-components.browser.esm-C47QHsU4.js";
-const n = d.div`
-  display: flex;
-  flex-direction: column;
-  overflow: hidden;
-  width: 100%;
-  margin: 0;
-  padding: ${({ theme: i }) => i.sizing.Size4 + "px"};
-
-  @media ${({ theme: i }) => i.breakpoints.wide} {
-    padding: ${({ theme: i }) => i.sizing.Size8 + "px"};
-  }
-
-  @media ${({ theme: i }) => i.breakpoints.medium} {
-    padding: ${({ theme: i }) => i.sizing.Size16 + "px"};
-  }
-`, a = d.div`
-  display: flex;
-  flex-direction: column;
-  overflow: hidden;
-  width: 100%;
-  margin: 0;
-  padding: ${({ theme: i }) => i.sizing.Size4 + "px"};
-
-  @media ${({ theme: i }) => i.breakpoints.wide} {
-    padding: ${({ theme: i }) => i.sizing.Size8 + "px"};
-  }
-
-  @media ${({ theme: i }) => i.breakpoints.medium} {
-    padding: ${({ theme: i }) => i.sizing.Size16 + "px"};
-  }
-`, p = d.div`
-  display: flex;
-  flex-direction: column;
-  overflow: hidden;
-  flex: 1;
-  width: 100%;
-  margin: 0;
-  padding: ${({ theme: i }) => i.sizing.Size4 + "px"};
-
-  @media ${({ theme: i }) => i.breakpoints.wide} {
-    padding: ${({ theme: i }) => i.sizing.Size8 + "px"};
-  }
-
-  @media ${({ theme: i }) => i.breakpoints.medium} {
-    padding: ${({ theme: i }) => i.sizing.Size16 + "px"};
-  }
-`, o = d.div`
-  display: flex;
-  flex-direction: column;
-  overflow: hidden;
-  width: 100%;
-  margin: 0;
-  padding: ${({ theme: i }) => i.sizing.Size4 + "px"};
-
-  @media ${({ theme: i }) => i.breakpoints.wide} {
-    padding: ${({ theme: i }) => i.sizing.Size8 + "px"};
-  }
-
-  @media ${({ theme: i }) => i.breakpoints.medium} {
-    padding: ${({ theme: i }) => i.sizing.Size16 + "px"};
-  }
-`;
-export {
-  o as Footer,
-  a as Header,
-  p as Main,
-  n as Sidebar
-};

package/dist/components/Layout/__tests__/Layout.test.js

@@ -1,14 +0,0 @@
-import { jsx as t } from "react/jsx-runtime";
-import { a as n } from "../../../setup-aZdxWCJq.js";
-import c from "../Layout.js";
-describe("<Layout />", () => {
-  let o;
-  beforeEach(() => {
-    o = {};
-  });
-  const e = () => n(/* @__PURE__ */ t(c, { ...o }));
-  it("should render correctly", () => {
-    const { container: r } = e();
-    expect(r).toBeInTheDocument();
-  });
-});

package/dist/components/Layout/index.js

@@ -1,4 +0,0 @@
-import { default as o } from "./Layout.js";
-export {
-  o as default
-};

package/dist/components/Message/Message.js

@@ -1,106 +0,0 @@
-import { jsxs as p, jsx as t } from "react/jsx-runtime";
-import { useState as f } from "react";
-import { SIZE as g, STATE as o, TYPOGRAPHY_VARIANT as d } from "../../constants/index.js";
-import "../Avatar/styles.js";
-import "../Badge/styles.js";
-import "../../providers/BreakpointThemeProvider.js";
-import { a as u, R } from "../../Typography-B2J8CPnt.js";
-import { n as I } from "../../styled-components.browser.esm-C47QHsU4.js";
-import "../Breadcrumb/styles.js";
-import "../Button/styles.js";
-import "../Card/styles.js";
-import "../Checkbox/styles.js";
-import "../DateRangePicker/DateRangePicker.js";
-import "../ErrorBoundaryFallback/styles.js";
-import "../../styles-XuoEGUZZ.js";
-import "../Layout/Content/styles.js";
-import "../Notification/NotificationBadge/styles.js";
-import "../Notification/styles.js";
-import "../../styles-DNay6iFa.js";
-import "../Progress/styles.js";
-import "../Row/styles.js";
-import "../../styles/global-styles.js";
-import "../Row/RowLabelValue/styles.js";
-import "../Row/RowActions/styles.js";
-import "../SegmentedControls/styles.js";
-import "../Select/styles.js";
-import "../Switch/styles.js";
-import "../../styles-Wpm1RiGr.js";
-import "../Tabs/styles.js";
-import "../Tile/styles.js";
-import "../Toast/styles.js";
-import "../Tooltip/styles.js";
-import { MessageRow as v, MessageContent as k, ActionButton as y } from "./styles.js";
-import { R as T, a as h, b as w, c as C } from "../../MinusCircleOutlined-BcKxYRyN.js";
-const x = (e, r) => {
-  switch (e) {
-    case o.error:
-      return r.colors.status.error.onsurface;
-    case o.success:
-      return r.colors.status.success.onsurface;
-    case o.warning:
-      return r.colors.status.warning.onsurface;
-    case o.generic:
-      return r.colors.status.generic.onsurface;
-    case o.info:
-    default:
-      return r.colors.status.info.onsurface;
-  }
-}, A = (e, r) => {
-  switch (e) {
-    case o.warning:
-      return /* @__PURE__ */ t(C, { style: { color: r } });
-    case o.error:
-      return /* @__PURE__ */ t(w, { style: { color: r } });
-    case o.success:
-      return /* @__PURE__ */ t(R, { style: { color: r } });
-    case o.generic:
-      return /* @__PURE__ */ t(h, { style: { color: r } });
-    case o.info:
-    default:
-      return /* @__PURE__ */ t(T, { style: { color: r } });
-  }
-}, cr = ({
-  state: e = o.info,
-  message: r,
-  action: s,
-  size: i = g.standard
-}) => {
-  const n = I(), c = x(e, n), a = d.message, [l, m] = f(
-    n.colors.interactive.link.active
-  );
-  return /* @__PURE__ */ p(v, { state: e, size: i, children: [
-    /* @__PURE__ */ p(k, { action: s, size: i, children: [
-      A(e, c),
-      /* @__PURE__ */ t(
-        u,
-        {
-          variant: a,
-          color: c,
-          isText: !0,
-          children: r
-        }
-      )
-    ] }),
-    s ? /* @__PURE__ */ t(
-      y,
-      {
-        onClick: s == null ? void 0 : s.onClick,
-        onMouseEnter: () => m(n.colors.interactive.link.hover),
-        onMouseLeave: () => m(n.colors.interactive.link.active),
-        children: /* @__PURE__ */ t(
-          u,
-          {
-            variant: a,
-            color: l,
-            isText: !0,
-            children: s.label
-          }
-        )
-      }
-    ) : null
-  ] });
-};
-export {
-  cr as default
-};

package/dist/components/Message/__tests__/Message.test.js

@@ -1,43 +0,0 @@
-import { jsx as c } from "react/jsx-runtime";
-import { f as r, a } from "../../../setup-aZdxWCJq.js";
-import i from "../Message.js";
-import { STATE as s } from "../../../constants/index.js";
-import { v as m } from "../../../vi.B5EKKJdE-BsDIxc7v.js";
-describe("<Message />", () => {
-  const t = (e) => a(/* @__PURE__ */ c(i, { ...e }));
-  it("should render message text correctly", () => {
-    const { getByText: e } = t({
-      message: "Test message",
-      state: s.info
-    });
-    expect(e("Test message")).toBeInTheDocument();
-  }), it("should render success state correctly", () => {
-    const { getByText: e } = t({
-      message: "Success message",
-      state: s.success
-    });
-    expect(e("Success message")).toBeInTheDocument();
-  }), it("should render error state correctly", () => {
-    const { getByText: e } = t({
-      message: "Error message",
-      state: s.error
-    });
-    expect(e("Error message")).toBeInTheDocument();
-  }), it("should render action button when action prop is provided", () => {
-    const e = m.fn(), { getByText: o } = t({
-      message: "Message with action",
-      state: s.info,
-      action: {
-        label: "Click me",
-        onClick: e
-      }
-    }), n = o("Click me");
-    expect(n).toBeInTheDocument(), r.click(n), expect(e).toHaveBeenCalled();
-  }), it("should not render action button when action prop is not provided", () => {
-    const { container: e } = t({
-      message: "Message without action",
-      state: s.info
-    }), o = e.querySelector("button");
-    expect(o).not.toBeInTheDocument();
-  });
-});

package/dist/components/Message/index.js

@@ -1,4 +0,0 @@
-import { default as o } from "./Message.js";
-export {
-  o as default
-};

package/dist/components/Message/styles.js

@@ -1,45 +0,0 @@
-import { d as o } from "../../styled-components.browser.esm-C47QHsU4.js";
-import { SIZE as n } from "../../constants/index.js";
-const s = o.div`
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  gap: ${({ theme: e }) => e.sizing.Size4}px;
-  padding: ${({ theme: e }) => e.sizing.Size3}px;
-  background-color: ${({ theme: e, state: t }) => e.colors.status[t].surface};
-  width: ${({ theme: e, state: t, size: i }) => i === "standard" ? "320px" : "240px"};
-  pointer-events: none;
-  cursor: default;
-  border-radius: ${({ theme: e }) => e.borderRadius.BorderRadiusSm}px;
-`, d = o.div`
-  display: flex;
-  align-items: center;
-  gap: ${({ theme: e }) => e.sizing.Size2}px;
-  flex: 1;
-  max-width: ${({ size: e, action: t }) => e === "standard" || !t ? "320px" : "240px"};
-
-  .ant-typography {
-    display: -webkit-box;
-    -webkit-box-orient: vertical;
-    overflow: hidden;
-    font-family: ${({ theme: e }) => e.typography.fontFamily};
-    line-height: ${({ theme: e, size: t }) => t === n.standard ? e.typography.lineHeight : "23px"};
-    font-size: ${({ theme: e, size: t }) => t === "standard" ? e.typography.body2 : e.typography.body1};
-  }
-`, p = o.button`
-  text-decoration: underline;
-  border: none;
-  background: none;
-  cursor: pointer;
-  pointer-events: all;
-  color: ${({ theme: e }) => e.colors.interactive.link.active};
-
-  &:hover {
-    color: ${({ theme: e }) => e.colors.interactive.link.hover};
-  }
-`;
-export {
-  p as ActionButton,
-  d as MessageContent,
-  s as MessageRow
-};