@gobolt/genesis 0.0.7

package/dist/compact-item-DH13cl8A.js

@@ -0,0 +1,61 @@
+function m(e, t, i) {
+  const {
+    focusElCls: n,
+    focus: o,
+    borderElCls: c
+  } = i, s = c ? "> *" : "", r = ["hover", o ? "focus" : null, "active"].filter(Boolean).map((a) => `&:${a} ${s}`).join(",");
+  return {
+    [`&-item:not(${t}-last-item)`]: {
+      marginInlineEnd: e.calc(e.lineWidth).mul(-1).equal()
+    },
+    "&-item": Object.assign(Object.assign({
+      [r]: {
+        zIndex: 2
+      }
+    }, n ? {
+      [`&${n}`]: {
+        zIndex: 2
+      }
+    } : {}), {
+      [`&[disabled] ${s}`]: {
+        zIndex: 0
+      }
+    })
+  };
+}
+function d(e, t, i) {
+  const {
+    borderElCls: n
+  } = i, o = n ? `> ${n}` : "";
+  return {
+    [`&-item:not(${t}-first-item):not(${t}-last-item) ${o}`]: {
+      borderRadius: 0
+    },
+    [`&-item:not(${t}-last-item)${t}-first-item`]: {
+      [`& ${o}, &${e}-sm ${o}, &${e}-lg ${o}`]: {
+        borderStartEndRadius: 0,
+        borderEndEndRadius: 0
+      }
+    },
+    [`&-item:not(${t}-first-item)${t}-last-item`]: {
+      [`& ${o}, &${e}-sm ${o}, &${e}-lg ${o}`]: {
+        borderStartStartRadius: 0,
+        borderEndStartRadius: 0
+      }
+    }
+  };
+}
+function u(e) {
+  let t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {
+    focus: !0
+  };
+  const {
+    componentCls: i
+  } = e, n = `${i}-compact`;
+  return {
+    [n]: Object.assign(Object.assign({}, m(e, n, t)), d(i, n, t))
+  };
+}
+export {
+  u as g
+};

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

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

package/dist/components/atoms/button/Button.js

@@ -0,0 +1,27 @@
+import { jsx as n } from "react/jsx-runtime";
+import { Button as m } from "./styles.js";
+import { useBreakpoint as p } from "../../../providers/ThemeProvider.js";
+const f = ({
+  children: o,
+  onClick: r,
+  type: i = "primary",
+  state: t = "active",
+  ...a
+}) => {
+  const e = p();
+  return /* @__PURE__ */ n(
+    m,
+    {
+      onClick: r,
+      type: i,
+      state: t,
+      breakpoint: e,
+      disabled: t === "disabled",
+      ...a,
+      children: o
+    }
+  );
+};
+export {
+  f as default
+};

package/dist/components/atoms/button/__stories__/Button.stories.d.ts

@@ -0,0 +1,13 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { default as Button } from '../Button';
+
+declare const meta: Meta<typeof Button>;
+export default meta;
+type Story = StoryObj<typeof Button>;
+export declare const Focussed: Story;
+export declare const Primary: Story;
+export declare const Secondary: Story;
+export declare const Tertiary: Story;
+export declare const LeftIcon: Story;
+export declare const RightIcon: Story;
+export declare const Icon: Story;

package/dist/components/atoms/button/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './Button';
+export type { ButtonProps } from './Button';

package/dist/components/atoms/button/index.js

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

package/dist/components/atoms/button/styles.d.ts

@@ -0,0 +1,12 @@
+import { ButtonProps as AntButtonProps } from 'antd/es/button';
+import { GenesisTheme } from '@styles/theme/genesis-theme.types';
+import { ButtonType } from './Button';
+
+interface StyledButtonProps extends AntButtonProps {
+    theme?: GenesisTheme;
+    type?: ButtonType;
+    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 {};

package/dist/components/atoms/button/styles.js

@@ -0,0 +1,71 @@
+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) => `
+      &.ant-btn {
+      
+        color: ${o[r][e].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"};
+        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;
+
+        border-radius: ${n.BorderRadiusMd}px;
+        gap: ${a.button.gap}px;
+
+        border-width: 1px;
+        border-style: solid;
+        border-color: ${o[r][e].borderColor};
+        
+        transition: all 0.2s ease-in-out;
+
+        &:hover {
+          color: ${o[r].hover.color};
+          background-color: ${o[r].hover.backgroundColor};
+          border-color: ${o[r].hover.borderColor};
+        }
+
+        &:active {
+          color: ${o[r].pressed.color};
+          background-color: ${o[r].pressed.backgroundColor};
+          border-color: ${o[r].pressed.borderColor};
+        }
+
+        &:focus-visible {
+          outline: none;
+          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-color: ${o[r].focussed.borderColor};
+          transition: box-shadow 0.2s ease-in-out;
+        }
+
+        &:disabled {
+          color: ${o[r].disabled.color};
+          background-color: ${o[r].disabled.backgroundColor};
+          border-color: ${o[r].disabled.borderColor};
+          cursor: not-allowed;
+        }
+      }
+      `, u = (o, d, i, n) => `
+    &.ant-btn {
+      font-family: 'Inter', sans-serif;
+ 
+      ${l(o, d, i, n)}
+    } 
+`, c = t(g)`
+  ${({ theme: o, type: d, state: i, children: n }) => u(o, d, i, n)}
+`;
+export {
+  c as Button
+};

package/dist/components/atoms/checkbox/Checkbox.d.ts

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

package/dist/components/atoms/checkbox/Checkbox.js

@@ -0,0 +1,13 @@
+import { jsx as r } from "react/jsx-runtime";
+import { StyledCheckbox as t } from "./styles.js";
+import { useBreakpoint as d } from "../../../providers/ThemeProvider.js";
+const s = ({ state: o = "active", ...e }) => (d(), /* @__PURE__ */ r(
+  t,
+  {
+    ...e,
+    disabled: o === "disabled" || e.disabled
+  }
+));
+export {
+  s as default
+};

package/dist/components/atoms/checkbox/__stories__/Checkbox.stories.d.ts

@@ -0,0 +1,8 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { default as Checkbox } from '../Checkbox';
+
+declare const meta: Meta<typeof Checkbox>;
+export default meta;
+type Story = StoryObj<typeof Checkbox>;
+export declare const Default: Story;
+export declare const WithLabel: Story;

package/dist/components/atoms/checkbox/__tests__/Checkbox.test.d.ts

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

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

@@ -0,0 +1,18 @@
+import { jsx as c } from "react/jsx-runtime";
+import { d as a, i as o, a as t, s, g as r } from "../../../../setup-CMYVZCPF.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/atoms/checkbox/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './Checkbox';
+export type { CheckboxProps } from './Checkbox';

package/dist/components/atoms/checkbox/index.js

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

package/dist/components/atoms/checkbox/styles.d.ts

@@ -0,0 +1,11 @@
+import { CheckboxProps } from './Checkbox';
+
+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>> & {
+    Group: <T = any>(props: import('antd/es/checkbox').CheckboxGroupProps<T> & React.RefAttributes<HTMLDivElement>) => React.ReactElement;
+}, keyof import('react').Component<any, {}, any>>;