@gobolt/genesis 0.0.7 → 0.0.8

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

@@ -0,0 +1,30 @@
+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.d.ts

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

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

@@ -0,0 +1,18 @@
+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.d.ts

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

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

@@ -0,0 +1,15 @@
+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.d.ts

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

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

@@ -0,0 +1,15 @@
+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.d.ts

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

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

@@ -0,0 +1,29 @@
+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.d.ts

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

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

@@ -0,0 +1,18 @@
+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/{atoms/select → Select}/Select.d.ts

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-import { TYPE, STATE } from '../../../constants';
+import { TYPE, STATE } from '../../constants';
 import { SelectProps as AntSelectProps } from 'antd/es/button';
 
 export type GenesisSelectType = keyof typeof TYPE;

package/dist/components/Select/Select.js

@@ -0,0 +1,48 @@
+import { jsx as r } from "react/jsx-runtime";
+import n from "react";
+import { SelectWrapper as s, Select as d, SelectDropdown as l, StyledMenuItem as u } from "./styles.js";
+import { useBreakpoint as a } from "../../providers/ThemeProvider.js";
+import { TYPE as f, STATE as S } from "../../constants/index.js";
+import "../../styled-components.browser.esm-02f500bc.js";
+import "../../presets-83ccb923.js";
+import "../../index-4003d75b.js";
+import "react-dom";
+import "../../isVisible-729780f5.js";
+import "../../index-1a33c134.js";
+import "../../index-8c8d2d0c.js";
+import "../../AntdIcon-c395a1c4.js";
+import "../../pickAttrs-00ba4687.js";
+import "../../Overflow-a570fa69.js";
+import "../../DownOutlined-64a4732a.js";
+import "../../useVariants-a0d64298.js";
+import "../../context-3b8a39af.js";
+import "../../CheckOutlined-52d9ac25.js";
+import "../../Compact-c39ed20d.js";
+import "../../compact-item-b8f85aa6.js";
+import "../../CloseCircleFilled-ddc51e7e.js";
+import "../../CloseOutlined-14b8bba1.js";
+import "../../SearchOutlined-a9014e08.js";
+import "../../styles/theme/genesis-theme.js";
+import "../../styles/design-tokens/variables.js";
+const J = ({
+  type: o = f.primary,
+  state: t = S.active,
+  ...i
+}) => {
+  const m = a(), [p, e] = n.useState(!1);
+  return /* @__PURE__ */ r(s, { $isFocused: p, type: o, children: /* @__PURE__ */ r(
+    d,
+    {
+      type: o,
+      state: t,
+      breakpoint: m,
+      dropdownRender: (c) => /* @__PURE__ */ r(l, { type: o, state: t, children: /* @__PURE__ */ r(u, { type: o, state: t, children: c }) }),
+      onFocus: () => e(!0),
+      onBlur: () => e(!1),
+      ...i
+    }
+  ) });
+};
+export {
+  J as default
+};

package/dist/components/{atoms/select → Select}/__stories__/Select.stories.d.ts

@@ -5,4 +5,6 @@ declare const meta: Meta<typeof Select>;
 export default meta;
 type Story = StoryObj<typeof Select>;
 export declare const Default: Story;
-export declare const DefaultValue: Story;
+export declare const Filled: Story;
+export declare const Focussed: Story;
+export declare const Disabled: Story;

package/dist/components/Select/__tests__/Select.test.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,101 @@
+import { jsx as i } from "react/jsx-runtime";
+import { cleanup as d, screen as r, waitFor as u } from "@testing-library/react";
+import { d as h, i as p, c as m, g as o, v as f } from "../../../setup-aaca7b6f.js";
+import a from "@testing-library/user-event";
+import n from "../Select.js";
+import { TYPE as y, STATE as w } from "../../../constants/index.js";
+import "../../../presets-83ccb923.js";
+import "react";
+import "../../../providers/GenesisProvider.js";
+import "../../../providers/ThemeProvider.js";
+import "../../../styled-components.browser.esm-02f500bc.js";
+import "../../../styles/theme/genesis-theme.js";
+import "../../../styles/design-tokens/variables.js";
+import "../../../index-89035ea5.js";
+import "../../Button/styles.js";
+import "../../../button-fa1c119c.js";
+import "../../../isVisible-729780f5.js";
+import "../../../index-4003d75b.js";
+import "react-dom";
+import "../../../index-e2b72ca8.js";
+import "../../../reactNode-f4391605.js";
+import "../../../Compact-c39ed20d.js";
+import "../../../presetColors-ccf8cb4c.js";
+import "../../../compact-item-b8f85aa6.js";
+import "../../../AntdIcon-c395a1c4.js";
+import "../../Checkbox/styles.js";
+import "../../../context-3b8a39af.js";
+import "../../ErrorBoundaryFallback/styles.js";
+import "../../../ExclamationCircleFilled-23ef9812.js";
+import "../../../CloseCircleFilled-ddc51e7e.js";
+import "../../Input/styles.js";
+import "../../../TextArea-20825221.js";
+import "../../../index-8c8d2d0c.js";
+import "../../../useVariants-a0d64298.js";
+import "../../../ContextIsolator-b09b2c52.js";
+import "../../../pickAttrs-00ba4687.js";
+import "../../../SearchOutlined-a9014e08.js";
+import "../styles.js";
+import "../../../index-1a33c134.js";
+import "../../../Overflow-a570fa69.js";
+import "../../../DownOutlined-64a4732a.js";
+import "../../../CheckOutlined-52d9ac25.js";
+import "../../../CloseOutlined-14b8bba1.js";
+import "../../Typography/styles.js";
+import "../../../index-501fc13d.js";
+import "../../../index-0b9ee239.js";
+import "../../Badge/styles.js";
+import "../../../InfoCircleFilled-c5f90c20.js";
+import "../../Toast/styles.js";
+import "../../../collapse-345bc884.js";
+h("Select", () => {
+  const e = [
+    { value: "1", label: "Option 1" },
+    { value: "2", label: "Option 2" },
+    { value: "3", label: "Option 3" }
+  ];
+  afterEach(() => {
+    d();
+  }), p("renders select component", async () => {
+    m(
+      /* @__PURE__ */ i(
+        n,
+        {
+          options: e,
+          placeholder: "Select an option",
+          "data-testid": "select"
+        }
+      )
+    );
+    const t = await r.findByTestId("select");
+    o(t).toBeInTheDocument();
+  }), p("shows placeholder text", async () => {
+    m(
+      /* @__PURE__ */ i(n, { options: e, placeholder: "Select an option" })
+    );
+    const t = await r.findByText("Select an option");
+    o(t).toBeInTheDocument();
+  }), p.skip("handles selection", async () => {
+    const t = f.fn();
+    m(
+      /* @__PURE__ */ i(
+        n,
+        {
+          options: e,
+          placeholder: "Select an option",
+          onChange: t,
+          type: y.primary,
+          state: w.active,
+          "data-testid": "select"
+        }
+      )
+    );
+    const c = await r.findByTestId("select");
+    await a.click(c), await u(async () => {
+      const s = document.querySelector(".ant-select-dropdown");
+      o(s).toBeInTheDocument();
+    });
+    const l = document.querySelectorAll(".ant-select-item-option");
+    await a.click(l[0]), o(t).toHaveBeenCalledWith("1", o.any(Object));
+  });
+});

package/dist/components/Select/index.js

@@ -0,0 +1,30 @@
+import { default as C } from "./Select.js";
+import "react/jsx-runtime";
+import "react";
+import "./styles.js";
+import "../../styled-components.browser.esm-02f500bc.js";
+import "../../presets-83ccb923.js";
+import "../../index-4003d75b.js";
+import "react-dom";
+import "../../isVisible-729780f5.js";
+import "../../index-1a33c134.js";
+import "../../index-8c8d2d0c.js";
+import "../../AntdIcon-c395a1c4.js";
+import "../../pickAttrs-00ba4687.js";
+import "../../Overflow-a570fa69.js";
+import "../../DownOutlined-64a4732a.js";
+import "../../useVariants-a0d64298.js";
+import "../../context-3b8a39af.js";
+import "../../CheckOutlined-52d9ac25.js";
+import "../../Compact-c39ed20d.js";
+import "../../compact-item-b8f85aa6.js";
+import "../../CloseCircleFilled-ddc51e7e.js";
+import "../../CloseOutlined-14b8bba1.js";
+import "../../SearchOutlined-a9014e08.js";
+import "../../providers/ThemeProvider.js";
+import "../../styles/theme/genesis-theme.js";
+import "../../styles/design-tokens/variables.js";
+import "../../constants/index.js";
+export {
+  C as default
+};

package/dist/components/{atoms/select → Select}/styles.d.ts

@@ -1,11 +1,14 @@
 import { Select as AntSelect, SelectProps } from 'antd';
 import { BaseSelectRef } from 'rc-select';
 import { StyledComponent } from 'styled-components';
-import { GenesisTheme } from '../../../styles/theme/genesis-theme.types';
+import { GenesisTheme } from '../../styles/theme/genesis-theme.types';
 
 interface StyledSelectProps extends SelectProps {
     theme?: GenesisTheme;
 }
+export declare const SelectWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('styled-components').FastOmit<import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: import('react').Ref<HTMLDivElement>;
+}>, never>, never>> & string;
 export declare const StyledMenuItem: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const SelectDropdown: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 type StyledSelectComponent = StyledComponent<typeof AntSelect, any, StyledSelectProps & {