@gobolt/genesis 0.0.8 → 0.0.10

package/dist/components/Button/Button.d.ts

@@ -1,12 +1,14 @@
 import { default as React } from 'react';
 import { ButtonProps as AntButtonProps } from 'antd/es/button';
+import { STATE } from '../../constants';
 
-export interface ButtonProps extends AntButtonProps {
-    onClick: () => void;
+type ButtonThemeType = "primary" | "secondary" | "tertiary";
+export interface ButtonProps extends Omit<AntButtonProps, "type"> {
+    onClick?: () => void;
     children?: React.ReactNode;
-    type?: "primary" | "secondary" | "tertiary";
+    themeType?: ButtonThemeType;
     state?: keyof typeof STATE;
     isIconButton?: boolean;
 }
-declare const Button: React.FC<Props>;
+declare const Button: React.FC<ButtonProps>;
 export default Button;

package/dist/components/Button/Button.js

@@ -1,42 +1,22 @@
-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
-    }
-  );
-};
+import { jsx as d } from "react/jsx-runtime";
+import { Button as n } from "./styles.js";
+const m = ({
+  children: o,
+  onClick: a,
+  themeType: i = "primary",
+  state: t = "active",
+  ...e
+}) => /* @__PURE__ */ d(
+  n,
+  {
+    onClick: a,
+    $themeType: i,
+    $state: t === "active" || t === "disabled" ? t : "active",
+    disabled: t === "disabled" || e.disabled,
+    ...e,
+    children: o
+  }
+);
 export {
-  z as default
+  m as default
 };

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

@@ -1,61 +1,16 @@
-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";
+import { jsx as o } from "react/jsx-runtime";
+import { v as r, s as n, a as i } from "../../../setup-BvfREoHl.js";
+import m from "../Button.js";
 describe("<Button />", () => {
-  let t;
+  let e;
   beforeEach(() => {
-    t = {
-      onClose: vi.fn()
+    e = {
+      onClick: r.fn(),
+      themeType: "primary"
     };
   });
-  const o = () => m(/* @__PURE__ */ r(p, { ...t, children: "Ship it!" }));
+  const t = () => i(/* @__PURE__ */ o(m, { ...e, children: "Ship it!" }));
   it("should render the button", () => {
-    o(), expect(i.getByText("Ship it!")).toBeInTheDocument();
+    t(), expect(n.getByText("Ship it!")).toBeInTheDocument();
   });
 });

package/dist/components/Button/index.js

@@ -1,22 +1,4 @@
-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";
+import { default as o } from "./Button.js";
 export {
-  q as default
+  o as default
 };

package/dist/components/Button/styles.d.ts

@@ -1,12 +1,16 @@
 import { ButtonProps as AntButtonProps } from 'antd/es/button';
-import { GenesisTheme } from '@styles/theme/genesis-theme.types';
-import { ButtonType } from './Button';
+import { GenesisTheme } from '../../styles/theme/genesis-theme.types';
+import { TYPE } from '../../constants';
 
 interface StyledButtonProps extends AntButtonProps {
     theme?: GenesisTheme;
-    type?: ButtonType;
-    state?: "active" | "hover" | "pressed" | "focus" | "disabled";
+    $themeType?: keyof typeof TYPE;
+    $state?: "active" | "hover" | "pressed" | "focus" | "disabled";
     children?: React.ReactNode;
 }
-export declare const Button: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('styled-components/dist/types').BaseObject, never>> & string & Omit<StyledButtonProps, keyof import('react').Component<any, {}, any>>;
+export declare const Button: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<Omit<AntButtonProps & import('react').RefAttributes<HTMLAnchorElement | HTMLButtonElement>, "ref"> & {
+    ref?: import('react').Ref<HTMLAnchorElement | HTMLButtonElement>;
+}, StyledButtonProps>> & string & Omit<import('react').ForwardRefExoticComponent<AntButtonProps & import('react').RefAttributes<HTMLAnchorElement | HTMLButtonElement>> & {
+    Group: import('react').FC<import('antd/es/button').ButtonGroupProps>;
+}, keyof import('react').Component<any, {}, any>>;
 export {};

package/dist/components/Button/styles.js

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

package/dist/components/Checkbox/Checkbox.js

@@ -2,48 +2,18 @@ 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 "../Badge/styles.js";
+import "../Breadcrumb/styles.js";
+import { a } from "../../Typography-aGoDUl4R.js";
 import "../Button/styles.js";
 import "../ErrorBoundaryFallback/styles.js";
-import { T as a } from "../../index-89035ea5.js";
 import "../Input/styles.js";
+import "../Message/styles.js";
+import "../Notification/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 = ({
+const j = ({
   state: i = "active",
   label: m,
   ...o
@@ -55,7 +25,7 @@ const oo = ({
     {
       ...o,
       disabled: i === "disabled" || o.disabled,
-      children: /* @__PURE__ */ r(a, { variant: "body1", type: t, state: i, ...o, children: m })
+      children: /* @__PURE__ */ r(a, { variant: "body1", type: t, state: i, ...o, isText: !0, children: m })
     }
   ) : /* @__PURE__ */ r(
     p,
@@ -66,5 +36,5 @@ const oo = ({
   );
 };
 export {
-  oo as default
+  j as default
 };

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

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

package/dist/components/Checkbox/index.js

@@ -1,49 +1,4 @@
-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";
+import { default as o } from "./Checkbox.js";
 export {
-  V as default
+  o as default
 };

package/dist/components/Checkbox/styles.d.ts

@@ -1,9 +1,16 @@
 import { CheckboxProps } from './Checkbox';
+import { GenesisTheme } from '../../styles/theme/genesis-theme.types';
 
+declare module 'styled-components' {
+    interface DefaultTheme extends GenesisTheme {
+    }
+}
 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<import('antd').CheckboxProps & import('react').RefAttributes<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<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>> & {
     Group: <T = any>(props: import('antd/es/checkbox').CheckboxGroupProps<T> & React.RefAttributes<HTMLDivElement>) => React.ReactElement;
 }, keyof import('react').Component<any, {}, any>>;