@gobolt/genesis 0.0.8 → 0.0.9

package/dist/components/Toast/Toast.d.ts

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

package/dist/components/Toast/Toast.js

@@ -1,48 +1,19 @@
 import "react/jsx-runtime";
 import "../../constants/index.js";
-import "../Button/styles.js";
+import "../Badge/styles.js";
+import "../Breadcrumb/styles.js";
 import "../../providers/ThemeProvider.js";
+import { T as g } from "../../Typography-aGoDUl4R.js";
+import "../Button/styles.js";
 import "../Checkbox/styles.js";
 import "../ErrorBoundaryFallback/styles.js";
-import { a as U } 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 "./styles.js";
-import "../../CloseOutlined-14b8bba1.js";
-import "../../styled-components.browser.esm-02f500bc.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 "../../InfoCircleFilled-c5f90c20.js";
-import "../../pickAttrs-00ba4687.js";
-import "../../collapse-345bc884.js";
-import "../../SearchOutlined-a9014e08.js";
-import "../../Overflow-a570fa69.js";
-import "../../DownOutlined-64a4732a.js";
+import "../../CloseOutlined-ClXDNn82.js";
 export {
-  U as default
+  g as default
 };

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

@@ -5,6 +5,7 @@ declare const meta: Meta<typeof Toast>;
 export default meta;
 type Story = StoryObj<typeof Toast>;
 export declare const Default: Story;
+export declare const ShowToast: Story;
 export declare const SuccessMessage: Story;
 export declare const ErrorMessage: Story;
 export declare const InfoMessage: Story;

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

@@ -1,63 +1,18 @@
-import { jsx as p } from "react/jsx-runtime";
-import { c as i } from "../../../setup-aaca7b6f.js";
-import { a as e } from "../../../index-89035ea5.js";
-import "../../../presets-83ccb923.js";
-import "react";
-import "@testing-library/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 "../../../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 "../../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 "../styles.js";
-import "../../../collapse-345bc884.js";
+import { jsx as r } from "react/jsx-runtime";
+import { v as m, a as n } from "../../../setup-BvfREoHl.js";
+import { T as a } from "../../../Typography-aGoDUl4R.js";
 describe("<Toast />", () => {
-  let o;
+  let e;
   beforeEach(() => {
-    o = {
+    e = {
       message: "Test message",
-      type: "success",
-      onClose: vi.fn()
+      state: "info",
+      close: m.fn()
     };
   });
-  const t = () => i(/* @__PURE__ */ p(e, { ...o }));
+  const s = () => n(/* @__PURE__ */ r(a, { ...e }));
   it("should render message correctly", () => {
-    const { getByText: r } = t(), m = r("Test message");
-    expect(m).toBeInTheDocument();
+    const { getByText: o } = s(), t = o("Test message");
+    expect(t).toBeInTheDocument();
   });
 });

package/dist/components/Toast/index.js

@@ -1,48 +1,4 @@
-import { a as U } from "../../index-89035ea5.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 "../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 "./styles.js";
-import "../../collapse-345bc884.js";
+import { T as f } from "../../Typography-aGoDUl4R.js";
 export {
-  U as default
+  f as default
 };

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

@@ -2,4 +2,9 @@ export declare const ToastRow: import('styled-components/dist/types').IStyledCom
     state: string;
     size: string;
 }>> & string;
-export declare const ToastContent: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const ToastActionButton: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
+export declare const ToastCloseButton: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
+export declare const ToastContent: 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;

package/dist/components/Toast/styles.js

@@ -1,27 +1,39 @@
-import { d as o } from "../../styled-components.browser.esm-02f500bc.js";
-import { SIZE as a } from "../../constants/index.js";
-import "react";
-const p = o.div`
+import { d as e } from "../../styled-components.browser.esm-CZ1XM4o4.js";
+import { SIZE as r } from "../../constants/index.js";
+const d = e.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.surface.default};
-  border-left: ${({ theme: e, state: t }) => `2px solid ${e.colors.status[t].default}`};
-  cursor-events: none;
+  gap: ${({ theme: t }) => t.sizing.Size4}px;
+  padding: ${({ theme: t }) => t.sizing.Size3}px;
+  background-color: ${({ theme: t, state: o }) => t.colors.surface.default};
+  border-left: ${({ theme: t, state: o }) => `2px solid ${t.colors.status[o].default}`};
+  pointer-events: none;
   cursor: default;
-  border-radius: ${({ theme: e }) => e.borderRadius.BorderRadiusXs}px;
-  height: ${({ theme: e }) => e.sizing.Size12}px;
-  width: ${({ theme: e, state: t, size: i }) => i === "standard" ? "320px" : "240px"};
-  background-color: ${({ theme: e, state: t }) => e.colors.surface.default};
+  border-radius: ${({ theme: t }) => t.borderRadius.BorderRadiusXs}px;
+  height: 56px;
+  width: ${({ theme: t, state: o, size: i }) => i === "standard" ? "340px" : "240px"};
+  background-color: ${({ theme: t, state: o }) => t.colors.surface.default};
   box-shadow: 0px 4px 16px 0px #00000026;
-`, n = o.div`
+`, s = e.button`
+  border: ${({ theme: t }) => `1px solid ${t.colors.interactive.utility.border}`};
+  background: none;
+  cursor: pointer;
+  pointer-events: all;
+  color: ${({ theme: t }) => t.colors.interactive.utility.onsurface};
+  border-radius: ${({ theme: t }) => t.borderRadius.BorderRadiusSm}px;
+  padding: ${({ theme: t }) => `${t.components.utilityButton.padding.verPadding}px ${t.components.utilityButton.padding.horPadding}px`};
+`, p = e.button`
+  text-decoration: underline;
+  border: none;
+  background: none;
+  cursor: pointer;
+  pointer-events: all;
+`, l = e.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: ${({ theme: t, state: o, size: i }) => i === "standard" ? "340px" : "240px"};
 
   .ant-typography {
     display: -webkit-box;
@@ -29,11 +41,14 @@ const p = o.div`
     -webkit-box-orient: vertical;
     overflow: hidden;
     text-overflow: ellipsis;
-    font-family: ${({ theme: e }) => e.typography.fontFamily};
-    line-height: ${({ theme: e, size: t }) => t === a.standard ? e.typography.lineHeight : "16px"};
+    font-size: 16px;
+    font-family: ${({ theme: t }) => t.typography.fontFamily};
+    line-height: ${({ theme: t, size: o }) => o === r.standard ? t.typography.lineHeight : "16px"};
   }
 `;
 export {
-  n as ToastContent,
-  p as ToastRow
+  s as ToastActionButton,
+  p as ToastCloseButton,
+  l as ToastContent,
+  d as ToastRow
 };

package/dist/components/Typography/Typography.d.ts

@@ -1,12 +1,15 @@
 import { default as React } from 'react';
-import { TYPE, TYPOGRAPHY_VARIANT } from '../../constants';
+import { TYPE, TYPOGRAPHY_VARIANT, STATE } from '../../constants';
 
+type HeadingLevel = 1 | 2 | 3 | 4 | 5;
 export interface TypographyProps {
     children: React.ReactNode;
     variant?: keyof typeof TYPOGRAPHY_VARIANT;
-    type?: keyof typeof TYPE;
-    state?: STATE.active | STATE.disabled;
+    themeType?: keyof typeof TYPE;
+    state?: keyof typeof STATE;
     color?: string;
+    level?: HeadingLevel;
+    isText?: boolean;
 }
-declare const Typography: React.FC<TypographyProps>;
+declare const Typography: ({ children, themeType, variant, state, color, isText, ...rest }: TypographyProps) => import("react/jsx-runtime").JSX.Element;
 export default Typography;

package/dist/components/Typography/Typography.js

@@ -1,48 +1,8 @@
 import "react/jsx-runtime";
 import "./styles.js";
 import "../../providers/ThemeProvider.js";
-import { T as U } from "../../index-89035ea5.js";
+import { a } from "../../Typography-aGoDUl4R.js";
 import "../../constants/index.js";
-import "../../styled-components.browser.esm-02f500bc.js";
-import "react";
-import "../../index-501fc13d.js";
-import "../../index-4003d75b.js";
-import "../../presets-83ccb923.js";
-import "react-dom";
-import "../../AntdIcon-c395a1c4.js";
-import "../../index-8c8d2d0c.js";
-import "../../isVisible-729780f5.js";
-import "../../CheckOutlined-52d9ac25.js";
-import "../../index-0b9ee239.js";
-import "../../index-1a33c134.js";
-import "../../ContextIsolator-b09b2c52.js";
-import "../../context-3b8a39af.js";
-import "../../Compact-c39ed20d.js";
-import "../../reactNode-f4391605.js";
-import "../../presetColors-ccf8cb4c.js";
-import "../../TextArea-20825221.js";
-import "../../CloseCircleFilled-ddc51e7e.js";
-import "../../useVariants-a0d64298.js";
-import "../../compact-item-b8f85aa6.js";
-import "../../styles/theme/genesis-theme.js";
-import "../../styles/design-tokens/variables.js";
-import "../Button/styles.js";
-import "../../button-fa1c119c.js";
-import "../../index-e2b72ca8.js";
-import "../Checkbox/styles.js";
-import "../ErrorBoundaryFallback/styles.js";
-import "../../ExclamationCircleFilled-23ef9812.js";
-import "../Input/styles.js";
-import "../../pickAttrs-00ba4687.js";
-import "../../SearchOutlined-a9014e08.js";
-import "../Select/styles.js";
-import "../../Overflow-a570fa69.js";
-import "../../DownOutlined-64a4732a.js";
-import "../../CloseOutlined-14b8bba1.js";
-import "../Badge/styles.js";
-import "../../InfoCircleFilled-c5f90c20.js";
-import "../Toast/styles.js";
-import "../../collapse-345bc884.js";
 export {
-  U as default
+  a as default
 };

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

@@ -10,3 +10,4 @@ export declare const Heading: Story;
 export declare const Body: Story;
 export declare const Message: Story;
 export declare const Digits: Story;
+export declare const DefaultParagraphVsText: Story;

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

@@ -1,59 +1,22 @@
-import { jsx as p } from "react/jsx-runtime";
-import { cleanup as m, screen as e } from "@testing-library/react";
-import { d as s, i as c, c as a, g as n } from "../../../setup-aaca7b6f.js";
-import { T as y } from "../../../index-89035ea5.js";
-import { TYPE as f, TYPOGRAPHY_VARIANT as d } from "../../../constants/index.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 "../../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 "../../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 "../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";
-s("Typography", () => {
-  c("renders type and variant correctly", () => {
-    const r = Object.keys(f), o = Object.keys(d);
-    r.forEach((t) => {
-      o.forEach((i) => {
-        m(), a(
-          /* @__PURE__ */ p(y, { type: t, variant: i, children: "Logistics, Simplified." })
-        ), n(e.getByText("Logistics, Simplified.")).toBeInTheDocument();
+import { jsx as o } from "react/jsx-runtime";
+import { d as a, i, c, a as p, g as m, s as n } from "../../../setup-BvfREoHl.js";
+import { a as y } from "../../../Typography-aGoDUl4R.js";
+import { TYPE as d, TYPOGRAPHY_VARIANT as f } from "../../../constants/index.js";
+a("Typography", () => {
+  i("renders type and variant correctly", () => {
+    const e = Object.keys(d), s = Object.keys(f);
+    e.forEach((t) => {
+      s.forEach((r) => {
+        c(), p(
+          /* @__PURE__ */ o(
+            y,
+            {
+              themeType: t,
+              variant: r,
+              children: "Logistics, Simplified."
+            }
+          )
+        ), m(n.getByText("Logistics, Simplified.")).toBeInTheDocument();
       });
     });
   });

package/dist/components/Typography/index.js

@@ -1,48 +1,4 @@
-import { T as U } from "../../index-89035ea5.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 "../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 "./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 { a as f } from "../../Typography-aGoDUl4R.js";
 export {
-  U as default
+  f as default
 };

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

@@ -1,7 +1,21 @@
-import { TitleProps as AntTypographyProps } from 'antd/es/typography/Title';
+import { GenesisTheme } from '../../styles/theme/genesis-theme.types';
+import { TYPE, STATE } from '../../constants';
 
-interface TypographyStyledProps extends AntTypographyProps {
+interface TypographyStyledProps {
+    theme: GenesisTheme;
+    $themeType?: keyof typeof TYPE;
+    variant?: string;
+    state?: keyof typeof STATE;
+    breakpoint?: string;
+    color?: string;
 }
-export declare const Headline: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<AntTypographyProps & import('react').RefAttributes<HTMLElement>, TypographyStyledProps>> & string & Omit<import('react').ForwardRefExoticComponent<AntTypographyProps & import('react').RefAttributes<HTMLElement>>, keyof import('react').Component<any, {}, any>>;
-export declare const Text: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('antd/es/typography/Text').TextProps & import('react').RefAttributes<HTMLSpanElement>, TypographyStyledProps>> & string & Omit<import('react').ForwardRefExoticComponent<import('antd/es/typography/Text').TextProps & import('react').RefAttributes<HTMLSpanElement>>, keyof import('react').Component<any, {}, any>>;
+export declare const Headline: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<Omit<import('antd/es/typography/Title').TitleProps & import('react').RefAttributes<HTMLElement>, "ref"> & {
+    ref?: import('react').Ref<HTMLElement>;
+}, TypographyStyledProps>> & string & Omit<import('react').ForwardRefExoticComponent<import('antd/es/typography/Title').TitleProps & import('react').RefAttributes<HTMLElement>>, keyof import('react').Component<any, {}, any>>;
+export declare const Paragraph: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<Omit<import('antd/es/typography/Paragraph').ParagraphProps & import('react').RefAttributes<HTMLElement>, "ref"> & {
+    ref?: import('react').Ref<HTMLElement>;
+}, TypographyStyledProps>> & string & Omit<import('react').ForwardRefExoticComponent<import('antd/es/typography/Paragraph').ParagraphProps & import('react').RefAttributes<HTMLElement>>, keyof import('react').Component<any, {}, any>>;
+export declare const Text: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<Omit<import('antd/es/typography/Text').TextProps & import('react').RefAttributes<HTMLSpanElement>, "ref"> & {
+    ref?: import('react').Ref<HTMLSpanElement>;
+}, TypographyStyledProps>> & string & Omit<import('react').ForwardRefExoticComponent<import('antd/es/typography/Text').TextProps & import('react').RefAttributes<HTMLSpanElement>>, keyof import('react').Component<any, {}, any>>;
 export {};

package/dist/components/Typography/styles.js

@@ -1,55 +1,48 @@
-import { d as p } from "../../styled-components.browser.esm-02f500bc.js";
-import { A as n } from "../../index-501fc13d.js";
-import "react";
-import "../../index-4003d75b.js";
-import "../../presets-83ccb923.js";
-import "react-dom";
-import "../../AntdIcon-c395a1c4.js";
-import "../../index-8c8d2d0c.js";
-import "../../isVisible-729780f5.js";
-import "../../CheckOutlined-52d9ac25.js";
-import "../../index-0b9ee239.js";
-import "../../index-1a33c134.js";
-import "../../ContextIsolator-b09b2c52.js";
-import "../../context-3b8a39af.js";
-import "../../Compact-c39ed20d.js";
-import "../../reactNode-f4391605.js";
-import "../../presetColors-ccf8cb4c.js";
-import "../../TextArea-20825221.js";
-import "../../CloseCircleFilled-ddc51e7e.js";
-import "../../useVariants-a0d64298.js";
-import "../../compact-item-b8f85aa6.js";
-const l = (t, o, i) => `
-        font-size: ${t[i][o].fontSize}px;
-        line-height: ${t[i][o].lineHeight};
-        letter-spacing: ${t[i][o].letterSpacing}px;
-        font-weight: ${t[i][o].fontWeight};
-      `, c = (t, o, i, r) => t || o[i].active.color, s = ({ colors: t, sizing: o, typography: i }, r, e, m, f, g) => `
+import { d as i } from "../../styled-components.browser.esm-CZ1XM4o4.js";
+import { T as a } from "../../index-C0SmxWLS.js";
+const l = (t, e, n) => `
+        font-size: ${t[n][e].fontSize}px !important;
+        line-height: ${t[n][e].lineHeight};
+        letter-spacing: ${t[n][e].letterSpacing}px;
+        font-weight: ${t[n][e].fontWeight};
+      `, f = (t, e, n) => t || e[n].active.color, $ = (t) => `
+    ${t.includes("digits") ? "'Roboto Mono', sans-serif" : "'Inter', sans-serif"} !important;
+  `, g = ({ colors: t, typography: e }, n, o, s, r, c) => `
     &.ant-typography {
-      font-family: 'Inter', sans-serif;
-      color:  ${c(g, t, r)} !important;
-      ${l(i, e, f)}
+      font-family: ${$(o)};
+      color: ${f(c, t, n)} !important;
+      ${l(e, o, r)}
     } 
-`, D = p(n.Title)`
-  ${({ theme: t, type: o, variant: i, state: r, breakpoint: e, color: m }) => s(
+`, u = i(a.Title)`
+  ${({ theme: t, $themeType: e, variant: n, state: o, breakpoint: s, color: r }) => g(
   t,
-  o,
-  i,
-  r,
   e,
-  m
+  n,
+  o,
+  s,
+  r
 )}
-`, E = p(n.Text)`
-  ${({ theme: t, type: o, variant: i, state: r, breakpoint: e, color: m }) => s(
+`, h = i(a.Paragraph)`
+  ${({ theme: t, $themeType: e, variant: n, state: o, breakpoint: s, color: r }) => g(
   t,
+  e,
+  n,
   o,
-  i,
-  r,
+  s,
+  r
+)}
+`, T = i(a.Text)`
+  ${({ theme: t, $themeType: e, variant: n, state: o, breakpoint: s, color: r }) => g(
+  t,
   e,
-  m
+  n,
+  o,
+  s,
+  r
 )}
 `;
 export {
-  D as Headline,
-  E as Text
+  u as Headline,
+  h as Paragraph,
+  T as Text
 };