@gobolt/genesis 0.1.6 → 0.2.0

package/dist/components/Radio/Radio.js

@@ -1,46 +0,0 @@
-import "react/jsx-runtime";
-import "react";
-import "../Avatar/styles.js";
-import "../Badge/styles.js";
-import "../../providers/BreakpointThemeProvider.js";
-import { g as P, b as Q } from "../../Typography-8BO7aTuQ.js";
-import "../../styled-components.browser.esm-C47QHsU4.js";
-import "../../constants/index.js";
-import "../Breadcrumb/styles.js";
-import "../Button/styles.js";
-import "../Button/icon-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 "../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";
-import "./states/RadioChecked.js";
-import "./states/RadioCheckedHover.js";
-import "./states/RadioCheckedFocussed.js";
-import "./states/RadioCheckedDisabled.js";
-import "./states/RadioUnchecked.js";
-import "./states/RadioUncheckedHover.js";
-import "./states/RadioUncheckedFocussed.js";
-import "./states/RadioUncheckedDisabled.js";
-export {
-  P as RadioWrapper,
-  Q as default
-};

package/dist/components/Radio/RadioGroup.js

@@ -1,33 +0,0 @@
-import { jsx as l } from "react/jsx-runtime";
-import { b as f } from "../../Typography-8BO7aTuQ.js";
-const u = ({
-  selectedId: d,
-  options: r,
-  onChange: a,
-  isDisabled: e = !1
-}) => /* @__PURE__ */ l(
-  "div",
-  {
-    role: "radiogroup",
-    style: {
-      display: "flex",
-      flexDirection: "column",
-      border: "none",
-      cursor: e ? "not-allowed" : "pointer"
-    },
-    children: r.map((o) => /* @__PURE__ */ l(
-      f,
-      {
-        id: o.id,
-        selectedId: d,
-        label: o.label,
-        onChange: (i) => a(r.find((n) => n.id === i)),
-        isDisabled: e
-      },
-      o.id
-    ))
-  }
-);
-export {
-  u as default
-};

package/dist/components/Radio/__tests__/RadioGroup.test.js

@@ -1,31 +0,0 @@
-import { jsx as n } from "react/jsx-runtime";
-import { a as r, f as d } from "../../../setup-rcqlwLGQ.js";
-import l from "../RadioGroup.js";
-import { v as i } from "../../../vi.B5EKKJdE-BsDIxc7v.js";
-describe("<RadioGroup />", () => {
-  const t = {
-    name: "test-radio-group",
-    selectedId: "1",
-    onChange: i.fn(),
-    options: [
-      { id: "1", label: "Option 1" },
-      { id: "2", label: "Option 2" },
-      { id: "3", label: "Option 3" }
-    ]
-  }, a = (e = t) => r(/* @__PURE__ */ n(l, { ...e }));
-  beforeEach(() => {
-    i.clearAllMocks();
-  }), it("should render all radio options", () => {
-    const { getAllByRole: e } = a(), o = e("radio");
-    expect(o).toHaveLength(3);
-  }), it("should call onChange when a radio is selected", () => {
-    const e = i.fn(), { getByText: o } = a({ ...t, onChange: e });
-    d.click(o("Option 1")), expect(e).toHaveBeenCalledWith({ id: "1", label: "Option 1" });
-  }), it("should mark the correct radio as checked based on value prop", () => {
-    const { getByRole: e } = a({
-      ...t,
-      selectedId: "2"
-    }), o = e("radio", { name: "Option 2" });
-    expect(o).toHaveAttribute("aria-checked", "true");
-  });
-});

package/dist/components/Radio/index.js

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

package/dist/components/Radio/states/RadioChecked.js

@@ -1,18 +0,0 @@
-import { jsxs as e, jsx as i } from "react/jsx-runtime";
-const h = (t) => /* @__PURE__ */ e(
-  "svg",
-  {
-    xmlns: "http://www.w3.org/2000/svg",
-    width: 20,
-    height: 20,
-    fill: "none",
-    ...t,
-    children: [
-      /* @__PURE__ */ i("rect", { width: 20, height: 20, fill: "#384DF6", rx: 10 }),
-      /* @__PURE__ */ i("circle", { cx: 10, cy: 10, r: 4, fill: "#fff" })
-    ]
-  }
-);
-export {
-  h as default
-};

package/dist/components/Radio/states/RadioCheckedDisabled.js

@@ -1,18 +0,0 @@
-import { jsxs as e, jsx as l } from "react/jsx-runtime";
-const r = (c) => /* @__PURE__ */ e(
-  "svg",
-  {
-    xmlns: "http://www.w3.org/2000/svg",
-    width: 20,
-    height: 20,
-    fill: "none",
-    ...c,
-    children: [
-      /* @__PURE__ */ l("circle", { cx: 10, cy: 10, r: 9.5, fill: "#F4F4F4", stroke: "#9A9A9A" }),
-      /* @__PURE__ */ l("circle", { cx: 10, cy: 10, r: 4, fill: "#6C6C6C" })
-    ]
-  }
-);
-export {
-  r as default
-};

package/dist/components/Radio/states/RadioCheckedFocussed.js

@@ -1,30 +0,0 @@
-import { jsxs as i, jsx as t } from "react/jsx-runtime";
-const r = (e) => /* @__PURE__ */ i(
-  "svg",
-  {
-    xmlns: "http://www.w3.org/2000/svg",
-    width: 26,
-    height: 26,
-    fill: "none",
-    ...e,
-    children: [
-      /* @__PURE__ */ t("rect", { width: 20, height: 20, x: 3, y: 3, fill: "#384DF6", rx: 10 }),
-      /* @__PURE__ */ t("circle", { cx: 13, cy: 13, r: 4, fill: "#fff" }),
-      /* @__PURE__ */ t(
-        "rect",
-        {
-          width: 24,
-          height: 24,
-          x: 1,
-          y: 1,
-          stroke: "#384DF6",
-          strokeWidth: 2,
-          rx: 12
-        }
-      )
-    ]
-  }
-);
-export {
-  r as default
-};

package/dist/components/Radio/states/RadioCheckedHover.js

@@ -1,18 +0,0 @@
-import { jsxs as t, jsx as e } from "react/jsx-runtime";
-const r = (i) => /* @__PURE__ */ t(
-  "svg",
-  {
-    xmlns: "http://www.w3.org/2000/svg",
-    width: 20,
-    height: 20,
-    fill: "none",
-    ...i,
-    children: [
-      /* @__PURE__ */ e("rect", { width: 20, height: 20, fill: "#384DF6", rx: 10 }),
-      /* @__PURE__ */ e("circle", { cx: 10, cy: 10, r: 4, fill: "#fff" })
-    ]
-  }
-);
-export {
-  r as default
-};

package/dist/components/Radio/states/RadioUnchecked.js

@@ -1,15 +0,0 @@
-import { jsx as e } from "react/jsx-runtime";
-const i = (t) => /* @__PURE__ */ e(
-  "svg",
-  {
-    xmlns: "http://www.w3.org/2000/svg",
-    width: 20,
-    height: 20,
-    fill: "none",
-    ...t,
-    children: /* @__PURE__ */ e("circle", { cx: 10, cy: 10, r: 9.5, fill: "#fff", stroke: "#9A9A9A" })
-  }
-);
-export {
-  i as default
-};

package/dist/components/Radio/states/RadioUncheckedDisabled.js

@@ -1,15 +0,0 @@
-import { jsx as e } from "react/jsx-runtime";
-const t = (i) => /* @__PURE__ */ e(
-  "svg",
-  {
-    xmlns: "http://www.w3.org/2000/svg",
-    width: 20,
-    height: 20,
-    fill: "none",
-    ...i,
-    children: /* @__PURE__ */ e("circle", { cx: 10, cy: 10, r: 9.5, fill: "#fff", stroke: "#9A9A9A" })
-  }
-);
-export {
-  t as default
-};

package/dist/components/Radio/states/RadioUncheckedFocussed.js

@@ -1,29 +0,0 @@
-import { jsxs as s, jsx as t } from "react/jsx-runtime";
-const i = (e) => /* @__PURE__ */ s(
-  "svg",
-  {
-    xmlns: "http://www.w3.org/2000/svg",
-    width: 26,
-    height: 26,
-    fill: "none",
-    ...e,
-    children: [
-      /* @__PURE__ */ t("circle", { cx: 13, cy: 13, r: 9.5, fill: "#fff", stroke: "#9A9A9A" }),
-      /* @__PURE__ */ t(
-        "rect",
-        {
-          width: 24,
-          height: 24,
-          x: 1,
-          y: 1,
-          stroke: "#384DF6",
-          strokeWidth: 2,
-          rx: 12
-        }
-      )
-    ]
-  }
-);
-export {
-  i as default
-};

package/dist/components/Radio/states/RadioUncheckedHover.js

@@ -1,18 +0,0 @@
-import { jsxs as l, jsx as c } from "react/jsx-runtime";
-const i = (e) => /* @__PURE__ */ l(
-  "svg",
-  {
-    xmlns: "http://www.w3.org/2000/svg",
-    width: 20,
-    height: 20,
-    fill: "none",
-    ...e,
-    children: [
-      /* @__PURE__ */ c("circle", { cx: 10, cy: 10, r: 9.5, fill: "#fff", stroke: "#9A9A9A" }),
-      /* @__PURE__ */ c("circle", { cx: 10, cy: 10, r: 4, fill: "#6C6C6C" })
-    ]
-  }
-);
-export {
-  i as default
-};

package/dist/components/Row/Row.js

@@ -1,41 +0,0 @@
-import { jsxs as i, jsx as e } from "react/jsx-runtime";
-import { Column as u } from "./styles.js";
-import "../../providers/BreakpointThemeProvider.js";
-import { u as a } from "../../Typography-8BO7aTuQ.js";
-import { RowLabelValue as n } from "./RowLabelValue/RowLabelValue.js";
-import { RowActions as p } from "./RowActions/RowActions.js";
-const $ = ({
-  label: m,
-  value: s,
-  isFullWidth: o = !1,
-  actions: r,
-  hasBorder: t = !0,
-  isLoading: l = !1,
-  badgeProps: f = null
-}) => {
-  const { theme: c } = a();
-  return /* @__PURE__ */ i(
-    u,
-    {
-      $hasBorder: t,
-      actions: r,
-      $isFullWidth: o,
-      children: [
-        /* @__PURE__ */ e(
-          n,
-          {
-            label: m,
-            value: s,
-            isFullWidth: o,
-            isLoading: l,
-            badgeProps: f
-          }
-        ),
-        /* @__PURE__ */ e(p, { actions: r })
-      ]
-    }
-  );
-};
-export {
-  $ as default
-};

package/dist/components/Row/RowActions/RowActions.js

@@ -1,61 +0,0 @@
-import { jsx as o } from "react/jsx-runtime";
-import "../../Avatar/styles.js";
-import "../../Badge/styles.js";
-import "../../../providers/BreakpointThemeProvider.js";
-import { a as p } from "../../../Typography-8BO7aTuQ.js";
-import { TYPOGRAPHY_VARIANT as m } from "../../../constants/index.js";
-import "../../Breadcrumb/styles.js";
-import "../../Button/styles.js";
-import "../../Button/icon-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 "../../Layout/Content/styles.js";
-import "../../Message/styles.js";
-import "../../Notification/NotificationBadge/styles.js";
-import "../../Notification/styles.js";
-import "../../../styles-DNay6iFa.js";
-import "../../Progress/styles.js";
-import "../styles.js";
-import "../../../styles/global-styles.js";
-import "../RowLabelValue/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 { ActionsContainer as n, RowActionButton as e } from "./styles.js";
-const c = ({ action: { onClick: r, label: t } }) => /* @__PURE__ */ o(
-  e,
-  {
-    onClick: r,
-    style: {
-      cursor: "pointer",
-      display: "100%",
-      alignItems: "center",
-      background: "#fff",
-      borderRadius: 4,
-      padding: 8,
-      boxShadow: "0px 1px 2px 0px #00000026",
-      width: "100%",
-      border: "1px solid #cbcbcb"
-    },
-    children: /* @__PURE__ */ o(
-      p,
-      {
-        variant: m.label1,
-        isFullWidth: !0,
-        children: t
-      }
-    )
-  }
-), z = ({ actions: r }) => r ? /* @__PURE__ */ o(n, { children: r.map((t, i) => /* @__PURE__ */ o(c, { action: t }, i)) }) : null;
-export {
-  z as RowActions
-};

package/dist/components/Row/RowLabelValue/RowLabelValue.js

@@ -1,64 +0,0 @@
-import { jsxs as d, jsx as r } from "react/jsx-runtime";
-import "../../Avatar/styles.js";
-import h from "../../Badge/Badge.js";
-import "../../Breadcrumb/styles.js";
-import "../../../providers/BreakpointThemeProvider.js";
-import { u, a as t } from "../../../Typography-8BO7aTuQ.js";
-import "../../Button/styles.js";
-import { TYPOGRAPHY_VARIANT as m } from "../../../constants/index.js";
-import "../../Button/icon-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 "../../Layout/Content/styles.js";
-import "../../Message/styles.js";
-import "../../Notification/NotificationBadge/styles.js";
-import "../../Notification/styles.js";
-import "../../../styles-DNay6iFa.js";
-import "../../Progress/styles.js";
-import "../styles.js";
-import "../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 "../../../styles/global-styles.js";
-import { RowSkeleton as f } from "./RowSkeleton.js";
-import { RowLabelValue as g } from "./styles.js";
-const W = ({
-  label: p,
-  value: e,
-  isLoading: l,
-  isFullWidth: o,
-  badgeProps: i
-}) => {
-  const { theme: a } = u(), n = (c, s) => c ? /* @__PURE__ */ r(h, { ...i }) : /* @__PURE__ */ r("div", { children: /* @__PURE__ */ r(
-    t,
-    {
-      variant: m.label1,
-      style: { lineHeight: "1.5" },
-      children: s
-    }
-  ) });
-  return /* @__PURE__ */ d(g, { $isFullWidth: o, children: [
-    /* @__PURE__ */ r("div", { children: /* @__PURE__ */ r(
-      t,
-      {
-        variant: m.label2,
-        color: a.colors.onsurface["copy-light"],
-        children: p
-      }
-    ) }),
-    /* @__PURE__ */ r("div", { children: l ? /* @__PURE__ */ r("div", { children: /* @__PURE__ */ r(f, { isFullWidth: o }) }) : n(i, e) })
-  ] });
-};
-export {
-  W as RowLabelValue
-};

package/dist/components/Row/RowLabelValue/RowSkeleton.js

@@ -1,24 +0,0 @@
-import { jsx as t } from "react/jsx-runtime";
-import { Skeleton as e } from "./styles.js";
-const l = ({ isFullWidth: r }) => r ? /* @__PURE__ */ t("div", { style: { width: 200 }, children: /* @__PURE__ */ t(
-  e,
-  {
-    active: !0,
-    paragraph: { rows: 2 },
-    title: !1,
-    avatar: !1,
-    loading: !0
-  }
-) }) : /* @__PURE__ */ t("div", { style: { width: 150 }, children: /* @__PURE__ */ t(
-  e,
-  {
-    active: !0,
-    paragraph: { rows: 1, width: "100%" },
-    avatar: !1,
-    title: !1,
-    loading: !0
-  }
-) });
-export {
-  l as RowSkeleton
-};

package/dist/components/Row/RowLabelValue/styles.js

@@ -1,25 +0,0 @@
-import { d as n } from "../../../styled-components.browser.esm-C47QHsU4.js";
-import { S as a } from "../../../Skeleton-CudViN0a.js";
-const r = (e) => `${e.row["ver-padding"]}px ${e.row["hor-padding"]}px`, o = ({ components: e }, t = !1) => `
-  display: flex;
-  flex-direction: ${t ? "column" : "row"};
-  align-items:  ${t ? "flex-start" : "center"};
-  justify-content:  ${t ? "flex-start" : "space-between"};
-  width: 100%;
-  padding: ${r(e)};
-  gap: 8px;
-`, s = n.div`
-  ${({ theme: e, $isFullWidth: t }) => o(e, t)}
-`, d = n(a)`
-  && {
-    .ant-skeleton-content .ant-skeleton-paragraph > li {
-      border-radius: 50px !important;
-      height: 16px !important;
-    }
-  }
-`;
-export {
-  s as RowLabelValue,
-  d as Skeleton,
-  o as getGenesisRowLabelValueClass
-};

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

@@ -1,16 +0,0 @@
-import { jsx as r } from "react/jsx-runtime";
-import { a as t, s } from "../../../setup-rcqlwLGQ.js";
-import a from "../Row.js";
-describe("<Row />", () => {
-  let e;
-  beforeEach(() => {
-    e = {
-      label: "Label",
-      value: "Value"
-    };
-  });
-  const o = () => t(/* @__PURE__ */ r(a, { ...e }));
-  it("should render the Row", () => {
-    o(), expect(s.getByText("Label")).toBeInTheDocument();
-  });
-});

package/dist/components/Row/index.js

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

package/dist/components/Row/styles.js

@@ -1,15 +0,0 @@
-import { d as i } from "../../styled-components.browser.esm-C47QHsU4.js";
-const l = (t) => `1px solid ${t.surface["border-light"]}`, d = ({ colors: t, borderRadius: o, sizing: r }, e = !1, n = !1, s = null) => `
-  display: flex;
-  flex-direction: column;
-  width: 100%;
-  border-bottom: ${e ? l(t) : "none"};
-  padding-bottom:${s ? "24px" : "0"};
-  align-items: ${n ? "flex-start !important" : "center"};
-`, m = i.div`
-  ${({ theme: t, $hasBorder: o, $isFullWidth: r, actions: e }) => d(t, o, r, e)}
-`;
-export {
-  m as Column,
-  d as getGenesisColumnClass
-};

package/dist/components/SegmentedControls/SegmentedControls.js

@@ -1,26 +0,0 @@
-import { jsx as m } from "react/jsx-runtime";
-import { SegmentedControls as p } from "./styles.js";
-const i = ({
-  options: o,
-  onChange: t,
-  selectedTabId: e,
-  isScaled: n = !1
-}) => {
-  const s = o.map(({ label: r, id: a, icon: l }) => ({
-    label: r,
-    value: a,
-    icon: l
-  }));
-  return /* @__PURE__ */ m(
-    p,
-    {
-      options: s,
-      onChange: t,
-      value: e,
-      block: n
-    }
-  );
-};
-export {
-  i as default
-};

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

@@ -1,24 +0,0 @@
-import { jsx as i } from "react/jsx-runtime";
-import { a as r } from "../../../setup-rcqlwLGQ.js";
-import p from "../SegmentedControls.js";
-describe("<SegmentedControls />", () => {
-  let t;
-  beforeEach(() => {
-    t = {
-      options: [
-        { label: "Option 1", id: "1" },
-        { label: "Option 2", id: "2" }
-      ],
-      selectedTabId: "1",
-      onChange: vi.fn()
-    };
-  });
-  const o = () => r(/* @__PURE__ */ i(p, { ...t }));
-  it("should render with provided options", () => {
-    const { getByText: e } = o();
-    expect(e("Option 1")).toBeInTheDocument(), expect(e("Option 2")).toBeInTheDocument();
-  }), it("should highlight the selected option", () => {
-    const { getByText: e } = o(), n = e("Option 1");
-    expect(n).toHaveAttribute("aria-selected", "true");
-  });
-});

package/dist/components/SegmentedControls/index.js

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