@gobolt/genesis 0.0.8 → 0.0.10

package/dist/components/Message/Message.d.ts

@@ -1,13 +1,13 @@
-import { STATE } from '../../constants';
+import { STATE, SIZE } from '../../constants';
 
 export interface MessageProps {
     state: keyof typeof STATE;
     message: string;
     action?: {
-        url?: string;
-        text: string;
+        label?: string;
+        onClick: (event: React.MouseEvent<HTMLButtonElement>) => void;
     };
-    size: "small" | "standard";
+    size?: Extract<keyof typeof SIZE, "small" | "standard">;
 }
 declare const Message: ({ state, message, action, size, }: MessageProps) => import("react/jsx-runtime").JSX.Element;
 export default Message;

package/dist/components/Message/Message.js

@@ -1,105 +1,78 @@
-import { jsxs as m, jsx as o } from "react/jsx-runtime";
-import { SIZE as p, TYPOGRAPHY_VARIANT as a, STATE as t } from "../../constants/index.js";
-import "../Button/styles.js";
+import { jsxs as i, jsx as e } from "react/jsx-runtime";
+import { TYPOGRAPHY_VARIANT as f, STATE as s, SIZE as m } from "../../constants/index.js";
+import { n as p } from "../../styled-components.browser.esm-CZ1XM4o4.js";
+import "../Badge/styles.js";
+import "../Breadcrumb/styles.js";
 import "../../providers/ThemeProvider.js";
+import { a as u, R as g, b as d, c as I, d as R, e as y } from "../../Typography-aGoDUl4R.js";
+import "../Button/styles.js";
 import "../Checkbox/styles.js";
 import "../ErrorBoundaryFallback/styles.js";
-import { T as u, I as d, M as f, C as g, d as C, E as y } from "../../index-89035ea5.js";
 import "../Input/styles.js";
+import "../Notification/styles.js";
 import "react";
 import "../Select/styles.js";
-import { n as h } from "../../styled-components.browser.esm-02f500bc.js";
-import "../Badge/styles.js";
 import "../Toast/styles.js";
-import { MessageRow as w, MessageContent as x } from "./styles.js";
-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";
-import "../../context-3b8a39af.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 I = (i, r) => {
-  switch (i) {
-    case t.error:
+import { MessageRow as T, MessageContent as w, ActionButton as h } from "./styles.js";
+const x = (o, r) => {
+  switch (o) {
+    case s.error:
       return r.colors.status.error.onsurface;
-    case t.success:
+    case s.success:
       return r.colors.status.success.onsurface;
-    case t.warning:
+    case s.warning:
       return r.colors.status.warning.onsurface;
-    case t.generic:
+    case s.generic:
       return r.colors.status.generic.onsurface;
-    case t.info:
+    case s.info:
     default:
       return r.colors.status.info.onsurface;
   }
-}, O = (i, r) => {
-  switch (i) {
-    case t.warning:
-      return /* @__PURE__ */ o(y, { style: { color: r } });
-    case t.error:
-      return /* @__PURE__ */ o(C, { style: { color: r } });
-    case t.success:
-      return /* @__PURE__ */ o(g, { style: { color: r } });
-    case t.generic:
-      return /* @__PURE__ */ o(f, { style: { color: r } });
-    case t.info:
+}, A = (o, r) => {
+  switch (o) {
+    case s.warning:
+      return /* @__PURE__ */ e(y, { style: { color: r } });
+    case s.error:
+      return /* @__PURE__ */ e(R, { style: { color: r } });
+    case s.success:
+      return /* @__PURE__ */ e(I, { style: { color: r } });
+    case s.generic:
+      return /* @__PURE__ */ e(d, { style: { color: r } });
+    case s.info:
     default:
-      return /* @__PURE__ */ o(d, { style: { color: r } });
+      return /* @__PURE__ */ e(g, { style: { color: r } });
   }
-}, gr = ({
-  state: i = t.info,
+}, V = ({
+  state: o = s.info,
   message: r,
-  action: e,
-  size: s = p.standard
+  action: t,
+  size: l = m.standard
 }) => {
-  const l = h(), n = I(i, l), c = s === p.small ? a.body1 : a.body2;
-  return /* @__PURE__ */ m(w, { state: i, size: s, children: [
-    /* @__PURE__ */ m(x, { size: s, children: [
-      O(i, n),
-      /* @__PURE__ */ o(u, { variant: c, color: n, children: r })
+  const n = p(), c = x(o, n), a = f.message;
+  return /* @__PURE__ */ i(T, { state: o, size: l, children: [
+    /* @__PURE__ */ i(w, { children: [
+      A(o, c),
+      /* @__PURE__ */ e(
+        u,
+        {
+          variant: a,
+          color: c,
+          isText: !0,
+          children: r
+        }
+      )
     ] }),
-    e ? /* @__PURE__ */ o(
-      "button",
+    t ? /* @__PURE__ */ e(h, { onClick: t.onClick, children: /* @__PURE__ */ e(
+      u,
       {
-        onClick: e.onClick,
-        style: {
-          textDecoration: "underline",
-          border: "none",
-          background: "none",
-          cursor: "pointer",
-          cursorEvents: "all"
-        },
-        children: /* @__PURE__ */ o(u, { variant: c, children: e.text })
+        variant: a,
+        color: n.colors.interactive.link.active,
+        isText: !0,
+        children: t.label
       }
-    ) : null
+    ) }) : null
   ] });
 };
 export {
-  gr as default
+  V as default
 };

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

@@ -1,88 +1,42 @@
-import { jsx as m } from "react/jsx-runtime";
-import { fireEvent as s } from "@testing-library/react";
-import p from "../Message.js";
-import { STATE as o } from "../../../constants/index.js";
-import { c as n } from "../../../setup-aaca7b6f.js";
-import "../../Button/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 "../../Checkbox/styles.js";
-import "../../../context-3b8a39af.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 "../styles.js";
-import "../../../providers/GenesisProvider.js";
+import { jsx as c } from "react/jsx-runtime";
+import { v as r, f as a, a as i } from "../../../setup-BvfREoHl.js";
+import m from "../Message.js";
+import { STATE as s } from "../../../constants/index.js";
 describe("<Message />", () => {
-  const e = (t) => n(/* @__PURE__ */ m(p, { ...t }));
+  const t = (e) => i(/* @__PURE__ */ c(m, { ...e }));
   it("should render message text correctly", () => {
-    const { getByText: t } = e({
+    const { getByText: e } = t({
       message: "Test message",
-      state: o.info
+      state: s.info
     });
-    expect(t("Test message")).toBeInTheDocument();
+    expect(e("Test message")).toBeInTheDocument();
   }), it("should render success state correctly", () => {
-    const { getByText: t } = e({
+    const { getByText: e } = t({
       message: "Success message",
-      state: o.success
+      state: s.success
     });
-    expect(t("Success message")).toBeInTheDocument();
+    expect(e("Success message")).toBeInTheDocument();
   }), it("should render error state correctly", () => {
-    const { getByText: t } = e({
+    const { getByText: e } = t({
       message: "Error message",
-      state: o.error
+      state: s.error
     });
-    expect(t("Error message")).toBeInTheDocument();
+    expect(e("Error message")).toBeInTheDocument();
   }), it("should render action button when action prop is provided", () => {
-    const t = vi.fn(), { getByText: r } = e({
+    const e = r.fn(), { getByText: o } = t({
       message: "Message with action",
-      state: o.info,
+      state: s.info,
       action: {
-        text: "Click me",
-        onClick: t
+        label: "Click me",
+        onClick: e
       }
-    }), i = r("Click me");
-    expect(i).toBeInTheDocument(), s.click(i), expect(t).toHaveBeenCalled();
+    }), n = o("Click me");
+    expect(n).toBeInTheDocument(), a.click(n), expect(e).toHaveBeenCalled();
   }), it("should not render action button when action prop is not provided", () => {
-    const { container: t } = e({
+    const { container: e } = t({
       message: "Message without action",
-      state: o.info
-    }), r = t.querySelector("button");
-    expect(r).not.toBeInTheDocument();
+      state: s.info
+    }), o = e.querySelector("button");
+    expect(o).not.toBeInTheDocument();
   });
 });

package/dist/components/Message/index.js

@@ -1,50 +1,4 @@
-import { default as W } from "./Message.js";
-import "react/jsx-runtime";
-import "../../constants/index.js";
-import "../Button/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 "../Checkbox/styles.js";
-import "../../context-3b8a39af.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 "./styles.js";
+import { default as o } from "./Message.js";
 export {
-  W as default
+  o as default
 };

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

@@ -2,4 +2,7 @@ export declare const MessageRow: import('styled-components/dist/types').IStyledC
     state: string;
     size: string;
 }>> & string;
-export declare const MessageContent: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const MessageContent: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    size?: string;
+}>> & string;
+export declare const ActionButton: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;

package/dist/components/Message/styles.js

@@ -1,35 +1,41 @@
-import { d as a } from "../../styled-components.browser.esm-02f500bc.js";
-import { SIZE as o } from "../../constants/index.js";
-import "react";
-const p = a.div`
+import { d as o } from "../../styled-components.browser.esm-CZ1XM4o4.js";
+import { SIZE as n } from "../../constants/index.js";
+const s = o.div`
   display: flex;
   justify-content: space-between;
   align-items: center;
-  gap: ${({ theme: e }) => e.sizing.Size4}px;
-  padding: ${({ theme: e }) => e.sizing.Size3}px;
-  background-color: ${({ theme: e, state: t }) => e.colors.status[t].surface};
-  width: ${({ theme: e, state: t, size: i }) => i === "standard" ? "320px" : "240px"};
-  cursor-events: none;
+  gap: ${({ theme: t }) => t.sizing.Size4}px;
+  padding: ${({ theme: t }) => t.sizing.Size3}px;
+  background-color: ${({ theme: t, state: e }) => t.colors.status[e].surface};
+  width: ${({ theme: t, state: e, size: i }) => i === "standard" ? "320px" : "240px"};
+  pointer-events: none;
   cursor: default;
-  border-radius: ${({ theme: e }) => e.borderRadius.BorderRadiusSm}px;
-`, d = a.div`
+  border-radius: ${({ theme: t }) => t.borderRadius.BorderRadiusSm}px;
+`, d = o.div`
   display: flex;
   align-items: center;
-  gap: ${({ theme: e }) => e.sizing.Size2}px;
+  gap: ${({ theme: t }) => t.sizing.Size2}px;
   flex: 1;
-  max-width: ${({ theme: e, state: t, size: i }) => i === "standard" ? "320px" : "240px"};
+  max-width: ${({ size: t }) => t === "standard" ? "320px" : "240px"};
 
   .ant-typography {
     display: -webkit-box;
-    -webkit-line-clamp: 2;
     -webkit-box-orient: vertical;
     overflow: hidden;
-    text-overflow: ellipsis;
-    font-family: ${({ theme: e }) => e.typography.fontFamily};
-    line-height: ${({ theme: e, size: t }) => t === o.standard ? e.typography.lineHeight : "16px"};
+    font-family: ${({ theme: t }) => t.typography.fontFamily};
+    line-height: ${({ theme: t, size: e }) => e === n.standard ? t.typography.lineHeight : "23px"};
+    font-size: ${({ theme: t, size: e }) => e === "standard" ? t.typography.body2 : t.typography.body1};
   }
+`, p = o.button`
+  text-decoration: underline;
+  border: none;
+  background: none;
+  cursor: pointer;
+  pointer-events: all;
+  color: ${({ theme: t }) => t.colors.interactive.link.active};
 `;
 export {
+  p as ActionButton,
   d as MessageContent,
-  p as MessageRow
+  s as MessageRow
 };

package/dist/components/Notification/Notification.d.ts

@@ -1,16 +1,17 @@
-import { STATE } from '../../constants';
-
+import { STATE, SIZE } from '../../constants';
+import * as React from "react";
 export interface NotificationProps {
-    state: keyof typeof STATE;
     message: string;
+    state?: keyof typeof STATE;
+    date?: string | Date;
     action?: {
-        url?: string;
-        text: string;
+        label: string;
+        onClick: () => void;
     };
-    close?: () => void;
-    size: "small" | "standard";
-    isRead: boolean;
-    message: string;
+    onArrowClick?: () => void;
+    size?: keyof typeof SIZE;
+    isUnread?: boolean;
+    hasFormattedDate?: boolean;
 }
-declare const Notification: ({ message, state, date, action, onArrowClick, size, isUnread, hasFormattedDate, }: NotificationProps) => import("react/jsx-runtime").JSX.Element;
+declare const Notification: React.FC<NotificationProps>;
 export default Notification;