@gobolt/genesis 0.0.7 → 0.0.9

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

@@ -0,0 +1,8 @@
+export declare const MessageRow: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    state: string;
+    size: string;
+}>> & 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

@@ -0,0 +1,41 @@
+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: 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: t }) => t.borderRadius.BorderRadiusSm}px;
+`, d = o.div`
+  display: flex;
+  align-items: center;
+  gap: ${({ theme: t }) => t.sizing.Size2}px;
+  flex: 1;
+  max-width: ${({ size: t }) => t === "standard" ? "320px" : "240px"};
+
+  .ant-typography {
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    overflow: hidden;
+    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,
+  s as MessageRow
+};

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

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