@gobolt/genesis 0.0.9 → 0.0.11

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

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

package/dist/components/Button/Button.js

@@ -1,22 +1,26 @@
-import { jsx as d } from "react/jsx-runtime";
-import { Button as n } from "./styles.js";
-const m = ({
+import { jsx as r } from "react/jsx-runtime";
+import { Button as s } from "./styles.js";
+const c = ({
   children: o,
   onClick: a,
   themeType: i = "primary",
   state: t = "active",
+  isIconButton: n = !1,
+  size: d = "large",
   ...e
-}) => /* @__PURE__ */ d(
-  n,
+}) => /* @__PURE__ */ r(
+  s,
   {
     onClick: a,
     $themeType: i,
     $state: t === "active" || t === "disabled" ? t : "active",
     disabled: t === "disabled" || e.disabled,
+    $isIconButton: n,
+    size: d,
     ...e,
     children: o
   }
 );
 export {
-  m as default
+  c as default
 };

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

@@ -8,6 +8,9 @@ export declare const Focussed: Story;
 export declare const Primary: Story;
 export declare const Secondary: Story;
 export declare const Tertiary: Story;
+export declare const Utility: Story;
+export declare const SmallUtility: Story;
 export declare const LeftIcon: Story;
 export declare const RightIcon: Story;
 export declare const Icon: Story;
+export declare const UtilityIcon: Story;

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

@@ -1,5 +1,5 @@
 import { jsx as o } from "react/jsx-runtime";
-import { v as r, s as n, a as i } from "../../../setup-BvfREoHl.js";
+import { v as r, s as n, a as i } from "../../../setup-CKu7-AfI.js";
 import m from "../Button.js";
 describe("<Button />", () => {
   let e;

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

@@ -1,12 +1,12 @@
 import { ButtonProps as AntButtonProps } from 'antd/es/button';
 import { GenesisTheme } from '../../styles/theme/genesis-theme.types';
-import { TYPE } from '../../constants';
 
 interface StyledButtonProps extends AntButtonProps {
     theme?: GenesisTheme;
-    $themeType?: keyof typeof TYPE;
+    $themeType?: "primary" | "secondary" | "tertiary" | "utility";
     $state?: "active" | "hover" | "pressed" | "focus" | "disabled";
     children?: React.ReactNode;
+    $isIconButton?: boolean;
 }
 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>;

package/dist/components/Button/styles.js

@@ -1,9 +1,9 @@
 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) => `
+import { B as g } from "../../button-B2Rgggx2.js";
+const s = (o, d, n) => n === "small" ? `${o.utilityButton.padding.horPadding}px ${o.utilityButton.padding.verPadding}px` : d ? `${o.button.padding.verPadding}px` : `${o.button.padding.verPadding}px ${o.button.padding.horPadding}px`, c = ({ colors: o, sizing: d, borderRadius: n, components: a }, r, i, t, u, b) => `
       &.ant-btn {
       
-        color: ${o[r][b].color};
+        color: ${o[r][i].color};
         font-size: ${d.Size4}px;
         line-height: ${d.Size6}px;
         letter-spacing: 0;
@@ -11,20 +11,16 @@ const g = ({ colors: o, sizing: d, typography: i, borderRadius: n, components: a
         border-width: 1px;
 
         min-width: ${t ? "auto" : "40px"};
-        height: 40px;
 
-        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;
+        background-color: ${o[r][i].backgroundColor};
+        padding: ${s(a, u, b)};
+
+        box-shadow: ${r === "utility" ? "0px 1px 2px 0px #00000026" : "none"};
 
         border-radius: ${n.BorderRadiusMd}px;
         gap: ${a.button.gap}px;
-
-        border-width: 1px;
         border-style: solid;
-        border-color: ${o[r][b].borderColor};
+        border-color: ${o[r][i].borderColor};
         
         transition: all 0.2s ease-in-out;
 
@@ -57,15 +53,22 @@ const g = ({ colors: o, sizing: d, typography: i, borderRadius: n, components: a
           cursor: not-allowed;
         }
       }
-      `, s = (o, d, i, n) => `
+      `, x = (o, d, n, a, r, i) => `
     &.ant-btn {
       font-family: 'Inter', sans-serif;
  
-      ${g(o, d, i, n)}
+      ${c(o, d, n, a, r, i)}
     } 
-`, f = l(u)`
-  ${({ theme: o, $themeType: d, $state: i, children: n }) => s(o, d, i, n)}
+`, e = l(g)`
+  ${({ theme: o, $themeType: d, $state: n, children: a, $isIconButton: r, size: i }) => x(
+  o,
+  d,
+  n,
+  a,
+  r,
+  i
+)}
 `;
 export {
-  f as Button
+  e as Button
 };

package/dist/components/Card/Card.d.ts

@@ -0,0 +1,9 @@
+import * as React from "react";
+export interface CardProps {
+    style?: React.CSSProperties;
+    cover?: React.ReactNode;
+    actions?: React.ReactNode[];
+    children?: React.ReactNode;
+}
+declare const Card: ({ style, cover, actions, children, ...rest }: CardProps) => import("react/jsx-runtime").JSX.Element;
+export default Card;

package/dist/components/Card/Card.js

@@ -0,0 +1,16 @@
+import { jsx as s } from "react/jsx-runtime";
+import { Card as e } from "./styles.js";
+const f = ({ style: r, cover: a, actions: t, children: d, ...o }) => /* @__PURE__ */ s(
+  e,
+  {
+    "data-testid": "Card",
+    style: r,
+    cover: a,
+    actions: t,
+    ...o,
+    children: d
+  }
+);
+export {
+  f as default
+};

package/dist/components/Card/__stories__/Card.stories.d.ts

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

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

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

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

@@ -0,0 +1,16 @@
+import { jsx as n } from "react/jsx-runtime";
+import { a as c } from "../../../setup-CKu7-AfI.js";
+import d from "../Card.js";
+describe("<Card />", () => {
+  let e;
+  beforeEach(() => {
+    e = {
+      children: "Card Content"
+    };
+  });
+  const t = () => c(/* @__PURE__ */ n(d, { ...e }));
+  it("should render children content correctly", () => {
+    const { getByTestId: o } = t(), r = o("Card");
+    expect(r).toHaveTextContent("Card Content");
+  });
+});

package/dist/components/Card/index.d.ts

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

package/dist/components/Card/index.js

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

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

@@ -0,0 +1,16 @@
+import { GenesisTheme } from '../../styles/theme/genesis-theme.types';
+
+interface StyledCardProps {
+    theme?: GenesisTheme;
+    type?: "primary" | "secondary";
+    state?: "active" | "disabled";
+}
+export declare const getGenesisClass: ({ colors, borderRadius, sizing }: {
+    colors: any;
+    borderRadius: any;
+    sizing: any;
+}, type?: string, state?: string) => string;
+export declare const Card: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<Omit<import('antd').CardProps & import('react').RefAttributes<HTMLDivElement>, "ref"> & {
+    ref?: import('react').Ref<HTMLDivElement>;
+}, StyledCardProps>> & string & Omit<import('antd/es/card').CardInterface, keyof import('react').Component<any, {}, any>>;
+export {};

package/dist/components/Card/styles.js

@@ -0,0 +1,12 @@
+import { d as t } from "../../styled-components.browser.esm-CZ1XM4o4.js";
+import { C as a } from "../../index-BW_7pvTr.js";
+const o = ({ colors: r, borderRadius: s, sizing: e }, i = "primary", d = "active") => `
+  .class-name-here {
+   } 
+ `, c = t(a)`
+  ${({ theme: r, type: s, state: e }) => o(r, s, e)}
+`;
+export {
+  c as Card,
+  o as getGenesisClass
+};

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

@@ -1,4 +1,3 @@
-import { default as React } from 'react';
 import { CheckboxProps as AntCheckboxProps } from 'antd';
 import { TYPE, STATE } from '../../constants';
 
@@ -7,5 +6,5 @@ export interface CheckboxProps extends AntCheckboxProps {
     state?: keyof typeof STATE;
     label?: string;
 }
-declare const Checkbox: React.FC<CheckboxProps>;
+declare const Checkbox: ({ state, label, ...rest }: CheckboxProps) => import("react/jsx-runtime").JSX.Element;
 export default Checkbox;

package/dist/components/Checkbox/Checkbox.js

@@ -1,40 +1,52 @@
 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 "../../providers/BreakpointThemeProvider.js";
+import { u as d, a as e } from "../../Typography-DqI7RslA.js";
+import { TYPE as a } from "../../constants/index.js";
+import "../Avatar/styles.js";
 import "../Badge/styles.js";
 import "../Breadcrumb/styles.js";
-import { a } from "../../Typography-aGoDUl4R.js";
 import "../Button/styles.js";
+import "../Card/styles.js";
+import "react";
 import "../ErrorBoundaryFallback/styles.js";
 import "../Input/styles.js";
+import "../Layout/Content/styles.js";
 import "../Message/styles.js";
+import "../Notification/NotificationBadge/styles.js";
 import "../Notification/styles.js";
-import "react";
+import "../../styles-BSD221S5.js";
+import "../Progress/styles.js";
+import "../../styles/global-styles.js";
+import "../Row/styles.js";
+import "../Row/RowLabelValue/styles.js";
+import "../Row/RowActions/styles.js";
+import "../SegmentedControls/styles.js";
 import "../Select/styles.js";
+import "../Switch/styles.js";
+import "../../styles-D9iYILpv.js";
+import "../Tabs/styles.js";
+import "../Tile/styles.js";
 import "../Toast/styles.js";
-const j = ({
-  state: i = "active",
-  label: m,
-  ...o
-}) => {
+import "../Tooltip/styles.js";
+const K = ({ state: o = "active", label: m, ...i }) => {
   d();
-  const t = e.secondary;
+  const t = a.secondary;
   return m ? /* @__PURE__ */ r(
     p,
     {
-      ...o,
-      disabled: i === "disabled" || o.disabled,
-      children: /* @__PURE__ */ r(a, { variant: "body1", type: t, state: i, ...o, isText: !0, children: m })
+      ...i,
+      disabled: o === "disabled" || i.disabled,
+      children: /* @__PURE__ */ r(e, { variant: "label1", type: t, state: o, ...i, isText: !0, children: m })
     }
   ) : /* @__PURE__ */ r(
     p,
     {
-      ...o,
-      disabled: i === "disabled" || o.disabled
+      ...i,
+      disabled: o === "disabled" || i.disabled
     }
   );
 };
 export {
-  j as default
+  K as default
 };

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

@@ -1,5 +1,5 @@
 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 as a, i as o, a as t, s, g as r } from "../../../setup-CKu7-AfI.js";
 import d from "../Checkbox.js";
 a("Checkbox", () => {
   o("renders checkbox component", () => {