@gobolt/genesis 0.0.7 → 0.0.8

package/dist/components/Button/Button.js

@@ -0,0 +1,42 @@
+import { jsx as a } from "react/jsx-runtime";
+import { Button as e } from "./styles.js";
+import { useBreakpoint as n } from "../../providers/ThemeProvider.js";
+import "../../styled-components.browser.esm-02f500bc.js";
+import "react";
+import "../../button-fa1c119c.js";
+import "../../presets-83ccb923.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 "../../styles/theme/genesis-theme.js";
+import "../../styles/design-tokens/variables.js";
+const z = ({
+  children: r,
+  onClick: i,
+  type: m = "primary",
+  state: o = "active",
+  ...t
+}) => {
+  const p = n();
+  return /* @__PURE__ */ a(
+    e,
+    {
+      onClick: i,
+      type: m,
+      state: o,
+      breakpoint: p,
+      disabled: o === "disabled" || t.disabled,
+      ...t,
+      children: r
+    }
+  );
+};
+export {
+  z as default
+};

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

@@ -0,0 +1,61 @@
+import { jsx as r } from "react/jsx-runtime";
+import { screen as i } from "@testing-library/react";
+import { c as m } from "../../../setup-aaca7b6f.js";
+import p from "../Button.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 "../../../constants/index.js";
+import "../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 "../../Select/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";
+describe("<Button />", () => {
+  let t;
+  beforeEach(() => {
+    t = {
+      onClose: vi.fn()
+    };
+  });
+  const o = () => m(/* @__PURE__ */ r(p, { ...t, children: "Ship it!" }));
+  it("should render the button", () => {
+    o(), expect(i.getByText("Ship it!")).toBeInTheDocument();
+  });
+});

package/dist/components/Button/index.js

@@ -0,0 +1,22 @@
+import { default as q } from "./Button.js";
+import "react/jsx-runtime";
+import "./styles.js";
+import "../../styled-components.browser.esm-02f500bc.js";
+import "react";
+import "../../button-fa1c119c.js";
+import "../../presets-83ccb923.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 "../../providers/ThemeProvider.js";
+import "../../styles/theme/genesis-theme.js";
+import "../../styles/design-tokens/variables.js";
+export {
+  q as default
+};

package/dist/components/{atoms/button → Button}/styles.js

@@ -1,30 +1,41 @@
-import { d as t } from "../../../styled-components.browser.esm-CZ1XM4o4.js";
-import { B as g } from "../../../button-BNV2qdrP.js";
-const l = ({ colors: o, sizing: d, typography: i, borderRadius: n, components: a }, r, e, b) => `
+import { d as b } from "../../styled-components.browser.esm-02f500bc.js";
+import { B as g } from "../../button-fa1c119c.js";
+import "react";
+import "../../presets-83ccb923.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";
+const l = ({ colors: o, sizing: d, typography: a, borderRadius: i, components: n }, r, t, e) => `
       &.ant-btn {
       
-        color: ${o[r][e].color};
+        color: ${o[r][t].color};
         font-size: ${d.Size4}px;
         line-height: ${d.Size6}px;
         letter-spacing: 0;
         font-weight: 400;
         border-width: 1px;
 
-        min-width: ${b ? "auto" : "40px"};
+        min-width: ${e ? "auto" : "40px"};
         height: 40px;
 
-        background-color: ${o[r][e].backgroundColor};
-        padding-top: ${a.button.padding.verPadding}px;
-        padding-bottom: ${a.button.padding.verPadding}px;
-        padding-left: ${a.button.padding.horPadding}px;
-        padding-right: ${a.button.padding.horPadding}px;
+        background-color: ${o[r][t].backgroundColor};
+        padding-top: ${n.button.padding.verPadding}px;
+        padding-bottom: ${n.button.padding.verPadding}px;
+        padding-left: ${n.button.padding.horPadding}px;
+        padding-right: ${n.button.padding.horPadding}px;
 
-        border-radius: ${n.BorderRadiusMd}px;
-        gap: ${a.button.gap}px;
+        border-radius: ${i.BorderRadiusMd}px;
+        gap: ${n.button.gap}px;
 
         border-width: 1px;
         border-style: solid;
-        border-color: ${o[r][e].borderColor};
+        border-color: ${o[r][t].borderColor};
         
         transition: all 0.2s ease-in-out;
 
@@ -45,7 +56,7 @@ const l = ({ colors: o, sizing: d, typography: i, borderRadius: n, components: a
           color: ${o[r].focussed.color};
           background-color: ${o[r].focussed.backgroundColor};
           box-shadow: 0 0 0 1px #fff, 0 0 0 4px ${o[r].focussed.ringColor};
-          border-radius: ${n.BorderRadiusMd}px;
+          border-radius: ${i.BorderRadiusMd}px;
           border-color: ${o[r].focussed.borderColor};
           transition: box-shadow 0.2s ease-in-out;
         }
@@ -57,15 +68,15 @@ const l = ({ colors: o, sizing: d, typography: i, borderRadius: n, components: a
           cursor: not-allowed;
         }
       }
-      `, u = (o, d, i, n) => `
+      `, u = (o, d, a, i) => `
     &.ant-btn {
       font-family: 'Inter', sans-serif;
  
-      ${l(o, d, i, n)}
+      ${l(o, d, a, i)}
     } 
-`, c = t(g)`
-  ${({ theme: o, type: d, state: i, children: n }) => u(o, d, i, n)}
+`, P = b(g)`
+  ${({ theme: o, type: d, state: a, children: i }) => u(o, d, a, i)}
 `;
 export {
-  c as Button
+  P as Button
 };

package/dist/components/{atoms/checkbox → Checkbox}/Checkbox.d.ts

@@ -1,10 +1,11 @@
 import { default as React } from 'react';
 import { CheckboxProps as AntCheckboxProps } from 'antd';
-import { TYPE, STATE } from '../../../constants';
+import { TYPE, STATE } from '../../constants';
 
 export type GenesisCheckboxType = keyof typeof TYPE;
 export interface CheckboxProps extends AntCheckboxProps {
     state?: keyof typeof STATE;
+    label?: string;
 }
 declare const Checkbox: React.FC<CheckboxProps>;
 export default Checkbox;

package/dist/components/Checkbox/Checkbox.js

@@ -0,0 +1,70 @@
+import { jsx as r } from "react/jsx-runtime";
+import { StyledCheckbox as p } from "./styles.js";
+import { useBreakpoint as d } from "../../providers/ThemeProvider.js";
+import { TYPE as e } from "../../constants/index.js";
+import "../Button/styles.js";
+import "../ErrorBoundaryFallback/styles.js";
+import { T as a } from "../../index-89035ea5.js";
+import "../Input/styles.js";
+import "react";
+import "../Select/styles.js";
+import "../Badge/styles.js";
+import "../Toast/styles.js";
+import "../../styled-components.browser.esm-02f500bc.js";
+import "../../presets-83ccb923.js";
+import "../../isVisible-729780f5.js";
+import "../../index-4003d75b.js";
+import "react-dom";
+import "../../index-e2b72ca8.js";
+import "../../reactNode-f4391605.js";
+import "../../context-3b8a39af.js";
+import "../../styles/theme/genesis-theme.js";
+import "../../styles/design-tokens/variables.js";
+import "../../button-fa1c119c.js";
+import "../../Compact-c39ed20d.js";
+import "../../presetColors-ccf8cb4c.js";
+import "../../compact-item-b8f85aa6.js";
+import "../../AntdIcon-c395a1c4.js";
+import "../../ExclamationCircleFilled-23ef9812.js";
+import "../../CloseCircleFilled-ddc51e7e.js";
+import "../Typography/styles.js";
+import "../../index-501fc13d.js";
+import "../../index-8c8d2d0c.js";
+import "../../CheckOutlined-52d9ac25.js";
+import "../../index-0b9ee239.js";
+import "../../index-1a33c134.js";
+import "../../ContextIsolator-b09b2c52.js";
+import "../../TextArea-20825221.js";
+import "../../useVariants-a0d64298.js";
+import "../../CloseOutlined-14b8bba1.js";
+import "../../InfoCircleFilled-c5f90c20.js";
+import "../../pickAttrs-00ba4687.js";
+import "../../collapse-345bc884.js";
+import "../../SearchOutlined-a9014e08.js";
+import "../../Overflow-a570fa69.js";
+import "../../DownOutlined-64a4732a.js";
+const oo = ({
+  state: i = "active",
+  label: m,
+  ...o
+}) => {
+  d();
+  const t = e.secondary;
+  return m ? /* @__PURE__ */ r(
+    p,
+    {
+      ...o,
+      disabled: i === "disabled" || o.disabled,
+      children: /* @__PURE__ */ r(a, { variant: "body1", type: t, state: i, ...o, children: m })
+    }
+  ) : /* @__PURE__ */ r(
+    p,
+    {
+      ...o,
+      disabled: i === "disabled" || o.disabled
+    }
+  );
+};
+export {
+  oo as default
+};

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

@@ -0,0 +1,64 @@
+import { jsx as t } from "react/jsx-runtime";
+import { screen as r } from "@testing-library/react";
+import { d as c, i, c as m, g as p } from "../../../setup-aaca7b6f.js";
+import e from "../Checkbox.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 "../../../constants/index.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 "../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 "../../Select/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";
+c("Checkbox", () => {
+  i("renders checkbox component", () => {
+    m(/* @__PURE__ */ t(e, {}));
+    const o = r.getByRole("checkbox");
+    p(o).toBeInTheDocument();
+  }), i("renders with default checked state", () => {
+    m(/* @__PURE__ */ t(e, { defaultChecked: !0 }));
+    const o = r.getByRole("checkbox");
+    p(o).toBeChecked();
+  }), i("renders in disabled state", () => {
+    m(/* @__PURE__ */ t(e, { disabled: !0 }));
+    const o = r.getByRole("checkbox");
+    p(o).toBeDisabled();
+  });
+});

package/dist/components/Checkbox/index.js

@@ -0,0 +1,49 @@
+import { default as V } from "./Checkbox.js";
+import "react/jsx-runtime";
+import "./styles.js";
+import "../../styled-components.browser.esm-02f500bc.js";
+import "react";
+import "../../presets-83ccb923.js";
+import "../../isVisible-729780f5.js";
+import "../../index-4003d75b.js";
+import "react-dom";
+import "../../index-e2b72ca8.js";
+import "../../reactNode-f4391605.js";
+import "../../context-3b8a39af.js";
+import "../../providers/ThemeProvider.js";
+import "../../styles/theme/genesis-theme.js";
+import "../../styles/design-tokens/variables.js";
+import "../../constants/index.js";
+import "../Button/styles.js";
+import "../../button-fa1c119c.js";
+import "../../Compact-c39ed20d.js";
+import "../../presetColors-ccf8cb4c.js";
+import "../../compact-item-b8f85aa6.js";
+import "../../AntdIcon-c395a1c4.js";
+import "../ErrorBoundaryFallback/styles.js";
+import "../../ExclamationCircleFilled-23ef9812.js";
+import "../../CloseCircleFilled-ddc51e7e.js";
+import "../../index-89035ea5.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 "../Select/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";
+export {
+  V as default
+};

package/dist/components/{atoms/checkbox → Checkbox}/styles.d.ts

@@ -4,8 +4,6 @@ export declare const getGenesisClass: ({ colors, borderRadius }: {
     colors: any;
     borderRadius: any;
 }, type?: string, state?: string) => string;
-export declare const StyledCheckbox: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<Omit<import('antd').CheckboxProps & import('react').RefAttributes<import('antd').CheckboxRef>, "ref"> & {
-    ref?: import('react').Ref<import('antd').CheckboxRef>;
-}, CheckboxProps>> & string & Omit<import('react').ForwardRefExoticComponent<import('antd').CheckboxProps & import('react').RefAttributes<import('antd').CheckboxRef>> & {
+export declare const StyledCheckbox: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('antd').CheckboxProps & import('react').RefAttributes<import('antd').CheckboxRef>, CheckboxProps>> & string & Omit<import('react').ForwardRefExoticComponent<import('antd').CheckboxProps & import('react').RefAttributes<import('antd').CheckboxRef>> & {
     Group: <T = any>(props: import('antd/es/checkbox').CheckboxGroupProps<T> & React.RefAttributes<HTMLDivElement>) => React.ReactElement;
 }, keyof import('react').Component<any, {}, any>>;