@gobolt/genesis 0.1.5 → 0.2.0

package/dist/components/Select/styles.js

@@ -1,119 +0,0 @@
-import { d as t } from "../../styled-components.browser.esm-C47QHsU4.js";
-import { S as s } from "../../index-C2K1BzmJ.js";
-const u = t.div`
-  position: relative;
-  border: 2px solid transparent;
-  background-color: transparent;
-  border-radius: 8px;
-  padding: 1px;
-  width: auto;
-
-  ${({ $isFocused: o, theme: e, type: r = "primary" }) => o && `
-    border: 2px solid ${e.colors[r].focussed.ringColor};
-    background-color: transparent;
-    border-radius: 8px;
-    padding: 1px;
-  `}
-
-  .ant-select-dropdown {
-    animation-duration: ${({ theme: o }) => `${o.motion.veryfast}s`} !important;
-  }
-`, d = (o) => `all ${o.motion.veryfast}s ease-in-out`, c = ({ colors: o, sizing: e, typography: r, borderRadius: n }, a, i) => `
-    &.ant-select {
-      color: ${o.input};
-      font-size: ${e.Size4}px;
-      line-height: ${e.Size6}px;
-      letter-spacing: 0;
-      font-weight: 400;
-      border-width: 1px;
-
-      width: 100%; 
-      min-width: 250px;
-      height: 32px;
-
-      background-color: ${o[a][i].backgroundColor};
-      border-radius: ${n.BorderRadiusMd}px;
-      gap: ${e.Size2}px;
-
-      &:active {
-        background-color: ${o[a].pressed.backgroundColor};
-        border-color: ${o[a].pressed.borderColor};
-      }
-
-      // Remove focus styles
-      &:focus, &:focus-visible {
-        background-color: transparent;
-        border-color: transparent;
-        outline: none;
-        box-shadow: none;
-      }
-
-      .ant-select-arrow {
-        color: #000000;
-        -webkit-font-smoothing: antialiased;
-        -moz-osx-font-smoothing: grayscale;
-        text-rendering: optimizeLegibility;
-      }
-
-      &:disabled,
-      &.ant-select-disabled {
-        color: ${o.inputs.onsurface.disabled};
-        background-color: ${o.inputs.surface.disabled};
-        border-color: ${o.inputs.surface.border};
-        
-        .ant-select-selector {
-          background-color: ${o.inputs.surface.disabled};
-        }
-        
-        .ant-select-arrow {
-          color: ${o.inputs.onsurface["icon-disabled"]};
-        }
-      }
-    }
-  `, m = t.div`
-  .ant-select-item-option {
-    transition: ${({ theme: o, type: e }) => d(o)};
-    border-radius: 0px;
-
-    &:hover {
-      background-color: ${({ theme: o, type: e }) => o.colors.surface.secondary};
-      color: ${({ theme: o, type: e }) => o.colors.onsurface["copy-dark"]};
-    }
-
-    &.ant-select-item-option-selected {
-      background-color: ${({ theme: o, type: e }) => o.colors[e].hover.backgroundColor};
-      color: ${({ theme: o, type: e }) => o.colors[e].active.color};
-      font-weight: 400;
-      border-radius: 0px;
-
-      &:hover {
-        background-color: ${({ theme: o, type: e }) => o.colors[e].hover.backgroundColor};
-        color: ${({ theme: o, type: e }) => o.colors[e].hover.color};
-        border-radius: 0px;
-      }
-    }
-  }
-`, b = t.div`
-  .ant-select-dropdown {
-    animation-duration: ${({ theme: o }) => `${o.motion.veryfast}s`} !important;
-    transition: all ${({ theme: o }) => `${o.motion.veryfast}s`}
-      cubic-bezier(0.645, 0.045, 0.355, 1) !important;
-  }
-
-  &.ant-slide-up-enter,
-  &.ant-slide-up-appear {
-    animation-duration: ${({ theme: o }) => `${o.motion.veryfast}s`} !important;
-  }
-
-  &.ant-slide-up-leave {
-    animation-duration: ${({ theme: o }) => `${o.motion.veryfast}s`} !important;
-  }
-`, $ = t(s)`
-  ${({ theme: o, type: e = "primary", state: r = "active" }) => c(o, e, r)}
-`;
-export {
-  $ as Select,
-  b as SelectDropdown,
-  u as SelectWrapper,
-  m as StyledMenuItem
-};

package/dist/components/Shapes/Shapes.js

@@ -1,8 +0,0 @@
-import { jsx as r } from "react/jsx-runtime";
-import a from "./variants/Circle.js";
-import o from "./variants/Rectangle.js";
-import s from "./variants/Triangle.js";
-const m = ({ variant: t = "triangle", fill: e }) => t === "circle" ? /* @__PURE__ */ r(a, { fill: e, dataTestId: "shape-circle" }) : t === "rectangle" ? /* @__PURE__ */ r(o, { fill: e, dataTestId: "shape-rectangle" }) : /* @__PURE__ */ r(s, { fill: e, dataTestId: "shape-triangle" });
-export {
-  m as default
-};

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

@@ -1,16 +0,0 @@
-import { jsx as o } from "react/jsx-runtime";
-import { a as c } from "../../../setup-aZdxWCJq.js";
-import r from "../Shapes.js";
-describe("<Shapes />", () => {
-  const n = (e) => c(/* @__PURE__ */ o(r, { variant: e }));
-  it("should render a triangle shape", () => {
-    const { getByTestId: e } = n("triangle"), t = e("shape-triangle");
-    expect(t).toBeInTheDocument();
-  }), it("should render a rectangle shape", () => {
-    const { getByTestId: e } = n("rectangle"), t = e("shape-rectangle");
-    expect(t).toBeInTheDocument();
-  }), it("should render a circle shape", () => {
-    const { getByTestId: e } = n("circle"), t = e("shape-circle");
-    expect(t).toBeInTheDocument();
-  });
-});

package/dist/components/Shapes/index.js

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

package/dist/components/Shapes/variants/Circle.js

@@ -1,23 +0,0 @@
-import { jsx as e } from "react/jsx-runtime";
-const i = ({ fill: t = "#CF3237", dataTestId: l }) => /* @__PURE__ */ e(
-  "svg",
-  {
-    xmlns: "http://www.w3.org/2000/svg",
-    width: 50,
-    height: 50,
-    fill: "none",
-    "data-testid": l,
-    children: /* @__PURE__ */ e(
-      "path",
-      {
-        fill: t,
-        fillRule: "evenodd",
-        d: "M25 47c12.15 0 22-9.85 22-22S37.15 3 25 3 3 12.85 3 25s9.85 22 22 22Zm0 3c13.807 0 25-11.193 25-25S38.807 0 25 0 0 11.193 0 25s11.193 25 25 25Z",
-        clipRule: "evenodd"
-      }
-    )
-  }
-);
-export {
-  i as default
-};

package/dist/components/Shapes/variants/Rectangle.js

@@ -1,23 +0,0 @@
-import { jsx as e } from "react/jsx-runtime";
-const h = ({ fill: t = "#FFBD5D", dataTestId: l }) => /* @__PURE__ */ e(
-  "svg",
-  {
-    xmlns: "http://www.w3.org/2000/svg",
-    width: 50,
-    height: 50,
-    fill: "none",
-    "data-testid": l,
-    children: /* @__PURE__ */ e(
-      "path",
-      {
-        fill: t,
-        fillRule: "evenodd",
-        d: "M47 3H3v44h44V3ZM0 0v50h50V0H0Z",
-        clipRule: "evenodd"
-      }
-    )
-  }
-);
-export {
-  h as default
-};

package/dist/components/Shapes/variants/Triangle.js

@@ -1,23 +0,0 @@
-import { jsx as e } from "react/jsx-runtime";
-const a = ({ fill: l = "#384DF6", dataTestId: t }) => /* @__PURE__ */ e(
-  "svg",
-  {
-    xmlns: "http://www.w3.org/2000/svg",
-    width: 58,
-    height: 50,
-    fill: "none",
-    "data-testid": t,
-    children: /* @__PURE__ */ e(
-      "path",
-      {
-        fill: l,
-        fillRule: "evenodd",
-        d: "M29.402.23a.465.465 0 0 0-.804 0L.062 49.31a.458.458 0 0 0 0 .46c.083.143.236.231.402.231h57.072a.465.465 0 0 0 .402-.23.458.458 0 0 0 0-.461L29.402.23ZM29 5.07l24.517 42.165H4.483L29 5.069Z",
-        clipRule: "evenodd"
-      }
-    )
-  }
-);
-export {
-  a as default
-};

package/dist/components/Switch/Switch.js

@@ -1,22 +0,0 @@
-import { jsx as s } from "react/jsx-runtime";
-import { Switch as i } from "./styles.js";
-const h = ({
-  state: c,
-  onChange: a,
-  isChecked: t,
-  isDisabled: e = !1,
-  dataTestId: o,
-  ...r
-}) => /* @__PURE__ */ s(
-  i,
-  {
-    checked: t,
-    onChange: () => a(!t),
-    disabled: e,
-    "data-testid": o,
-    ...r
-  }
-);
-export {
-  h as default
-};

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

@@ -1,25 +0,0 @@
-import { jsx as i } from "react/jsx-runtime";
-import { a as n, f as o } from "../../../setup-aZdxWCJq.js";
-import h from "../Switch.js";
-describe("<Switch />", () => {
-  let c;
-  beforeEach(() => {
-    c = {
-      isChecked: !1,
-      onChange: vi.fn(),
-      dataTestId: "switch"
-    };
-  });
-  const s = () => n(/* @__PURE__ */ i(h, { ...c }));
-  it("should render in unchecked state by default", () => {
-    const { getByTestId: e } = s(), t = e("switch");
-    expect(t).toHaveAttribute("aria-checked", "false");
-  }), it("should call onChange when clicked", () => {
-    const { getByTestId: e } = s(), t = e("switch");
-    o.click(t), expect(c.onChange).toHaveBeenCalledTimes(1);
-  }), it("should render in checked state when checked prop is true", () => {
-    c.isChecked = !0;
-    const { getByTestId: e } = s(), t = e("switch");
-    expect(t).toHaveAttribute("aria-checked", "true");
-  });
-});

package/dist/components/Switch/index.js

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