@wireapp/react-ui-kit 9.59.1 → 9.59.2

package/lib/Typography/Link/Link.js

@@ -0,0 +1,46 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Link = exports.filterLinkProps = exports.linkStyle = exports.LinkVariant = void 0;
+const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+const motions_1 = require("../../Identity/motions");
+const utils_1 = require("../../utils");
+const Text_1 = require("../Text");
+var LinkVariant;
+(function (LinkVariant) {
+    LinkVariant["PRIMARY"] = "primary";
+    LinkVariant["SECONDARY"] = "secondary";
+})(LinkVariant || (exports.LinkVariant = LinkVariant = {}));
+const linkStyle = (theme, { bold = true, fontSize = theme.fontSizes.extraSmall, textTransform = 'uppercase', variant = LinkVariant.SECONDARY, color = theme.general.color, ...props }) => {
+    return {
+        ...(0, Text_1.textStyle)(theme, { bold, color, fontSize, textTransform, ...props }),
+        color: color,
+        cursor: 'pointer',
+        textDecoration: 'none',
+        '&:visited, &:link, &:active': {
+            color: color,
+        },
+        ...(variant === LinkVariant.PRIMARY && {
+            '&:hover, &:visited:hover, &:focus-visible': {
+                color: theme.general.primaryColor,
+            },
+            fontSize: theme.fontSizes.base,
+            fontWeight: 400,
+            textTransform: 'none',
+            textDecoration: 'underline',
+            textUnderlineOffset: '2px',
+        }),
+        ...(variant === LinkVariant.SECONDARY && {
+            transition: motions_1.defaultTransition,
+            '&:hover': {
+                filter: 'brightness(70%)',
+            },
+        }),
+    };
+};
+exports.linkStyle = linkStyle;
+const filterLinkProps = (props) => (0, utils_1.filterProps)((0, Text_1.filterTextProps)(props), []);
+exports.filterLinkProps = filterLinkProps;
+const Link = ({ targetBlank, ...props }) => {
+    return ((0, jsx_runtime_1.jsx)("a", { css: (theme) => (0, exports.linkStyle)(theme, props), target: targetBlank && '_blank', rel: "noopener noreferrer", ...(0, exports.filterLinkProps)(props), children: props.children }));
+};
+exports.Link = Link;

package/lib/Typography/Link/Link.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Link.stories.d.ts","sourceRoot":"","sources":["../../../src/Typography/Link/Link.stories.tsx"],"names":[],"mappings":"AAmBA,OAAO,KAAK,EAAO,QAAQ,EAAC,MAAM,kBAAkB,CAAC;AAErD,OAAO,EAAO,WAAW,EAAC,MAAM,QAAQ,CAAC;AAIzC,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;CAgBmB,CAAC;AAE9B,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAMvB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAMzB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAM1B,CAAC"}

package/lib/Typography/Link/Link.stories.js

@@ -0,0 +1,75 @@
+"use strict";
+/*
+ * Wire
+ * Copyright (C) 2025 Wire Swiss GmbH
+ *
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+ * GNU General Public License for more details.
+ *
+ * You should have received a copy of the GNU General Public License
+ * along with this program. If not, see http://www.gnu.org/licenses/.
+ *
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ExternalLink = exports.CustomColor = exports.Secondary = exports.Primary = exports.Default = void 0;
+const Link_1 = require("./Link");
+const Identity_1 = require("../../Identity");
+const meta = {
+    title: 'Typography/Link',
+    component: Link_1.Link,
+    parameters: {
+        layout: 'centered',
+    },
+    tags: ['autodocs'],
+    argTypes: {
+        variant: {
+            control: 'select',
+            options: Object.values(Link_1.LinkVariant),
+        },
+        color: {
+            control: 'color',
+        },
+    },
+};
+exports.default = meta;
+exports.Default = {
+    args: {
+        children: 'Default Link',
+        href: '#',
+    },
+};
+exports.Primary = {
+    args: {
+        children: 'Primary Link',
+        variant: Link_1.LinkVariant.PRIMARY,
+        href: '#',
+    },
+};
+exports.Secondary = {
+    args: {
+        children: 'Secondary Link',
+        variant: Link_1.LinkVariant.SECONDARY,
+        href: '#',
+    },
+};
+exports.CustomColor = {
+    args: {
+        children: 'Colored Link',
+        color: Identity_1.COLOR.RED,
+        href: '#',
+    },
+};
+exports.ExternalLink = {
+    args: {
+        children: 'External Link',
+        href: 'https://wire.com',
+        targetBlank: true,
+    },
+};

package/lib/Typography/Link/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Link';
+//# sourceMappingURL=index.d.ts.map

package/lib/Typography/Link/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Typography/Link/index.ts"],"names":[],"mappings":"AAmBA,cAAc,QAAQ,CAAC"}

package/lib/Typography/Link/index.js

@@ -0,0 +1,35 @@
+"use strict";
+/*
+ * Wire
+ * Copyright (C) 2025 Wire Swiss GmbH
+ *
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+ * GNU General Public License for more details.
+ *
+ * You should have received a copy of the GNU General Public License
+ * along with this program. If not, see http://www.gnu.org/licenses/.
+ *
+ */
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./Link"), exports);

package/lib/Typography/Paragraph/Paragraph.d.ts

@@ -0,0 +1,10 @@
+import { CSSObject } from '@emotion/react';
+import { Theme } from '../../Identity/Theme';
+import { TextProps } from '../Text';
+export type ParagraphProps<T = HTMLParagraphElement> = TextProps<T>;
+export declare const paragraphStyle: <T>(theme: Theme, props: ParagraphProps<T>) => CSSObject;
+export declare const Paragraph: (props: ParagraphProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export type LeadProps<T = HTMLParagraphElement> = TextProps<T>;
+export declare const leadStyle: <T>(theme: Theme, props: LeadProps<T>) => CSSObject;
+export declare const Lead: (props: LeadProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Paragraph.d.ts.map

package/lib/Typography/Paragraph/Paragraph.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Paragraph.d.ts","sourceRoot":"","sources":["../../../src/Typography/Paragraph/Paragraph.tsx"],"names":[],"mappings":"AAmBA,OAAO,EAAC,SAAS,EAAC,MAAM,gBAAgB,CAAC;AAEzC,OAAO,EAAC,KAAK,EAAC,MAAM,sBAAsB,CAAC;AAE3C,OAAO,EAAC,SAAS,EAA6B,MAAM,SAAS,CAAC;AAE9D,MAAM,MAAM,cAAc,CAAC,CAAC,GAAG,oBAAoB,IAAI,SAAS,CAAC,CAAC,CAAC,CAAC;AAEpE,eAAO,MAAM,cAAc,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,cAAc,CAAC,CAAC,CAAC,KAAK,SAO1E,CAAC;AAEH,eAAO,MAAM,SAAS,UAAW,cAAc,qDAE9C,CAAC;AAEF,MAAM,MAAM,SAAS,CAAC,CAAC,GAAG,oBAAoB,IAAI,SAAS,CAAC,CAAC,CAAC,CAAC;AAE/D,eAAO,MAAM,SAAS,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,KAAK,SAUhE,CAAC;AAEH,eAAO,MAAM,IAAI,UAAW,SAAS,qDAEpC,CAAC"}

package/lib/Typography/Paragraph/Paragraph.js

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Lead = exports.leadStyle = exports.Paragraph = exports.paragraphStyle = void 0;
+const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+const utils_1 = require("../../utils");
+const Text_1 = require("../Text");
+const paragraphStyle = (theme, { block = true, ...props }) => ({
+    ...(0, Text_1.textStyle)(theme, { block, ...props }),
+    marginBottom: '16px',
+    marginTop: 0,
+});
+exports.paragraphStyle = paragraphStyle;
+const Paragraph = (props) => ((0, jsx_runtime_1.jsx)("p", { css: (theme) => (0, exports.paragraphStyle)(theme, props), ...(0, Text_1.filterTextProps)(props) }));
+exports.Paragraph = Paragraph;
+const leadStyle = (theme, { block = true, center = true, fontSize = theme.fontSizes.extraLarge, ...props }) => ({
+    ...(0, Text_1.textStyle)(theme, { block, center, fontSize, ...props }),
+    marginBottom: '56px',
+    marginTop: 0,
+    [utils_1.media[utils_1.QueryKeys.MOBILE]]: {
+        fontSize: '1.125rem',
+    },
+});
+exports.leadStyle = leadStyle;
+const Lead = (props) => ((0, jsx_runtime_1.jsx)("p", { css: (theme) => (0, exports.leadStyle)(theme, props), ...(0, Text_1.filterTextProps)(props) }));
+exports.Lead = Lead;

package/lib/Typography/Paragraph/Paragraph.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Paragraph.stories.d.ts","sourceRoot":"","sources":["../../../src/Typography/Paragraph/Paragraph.stories.tsx"],"names":[],"mappings":"AAmBA,OAAO,KAAK,EAAO,QAAQ,EAAC,MAAM,kBAAkB,CAAC;AAIrD,QAAA,MAAM,IAAI;;;;;;;CAOwB,CAAC;AAEnC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAInC,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAMhC,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAE3B,CAAC"}

package/lib/Typography/Paragraph/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Paragraph';
+//# sourceMappingURL=index.d.ts.map

package/lib/Typography/Paragraph/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Typography/Paragraph/index.ts"],"names":[],"mappings":"AAmBA,cAAc,aAAa,CAAC"}

package/lib/Typography/Paragraph/index.js

@@ -0,0 +1,35 @@
+"use strict";
+/*
+ * Wire
+ * Copyright (C) 2025 Wire Swiss GmbH
+ *
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+ * GNU General Public License for more details.
+ *
+ * You should have received a copy of the GNU General Public License
+ * along with this program. If not, see http://www.gnu.org/licenses/.
+ *
+ */
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./Paragraph"), exports);

package/lib/Typography/Text/Text.d.ts

@@ -0,0 +1,25 @@
+import * as React from 'react';
+import { CSSObject } from '@emotion/react';
+import type { Property } from 'csstype';
+import { Theme } from '../../Identity/Theme';
+export interface TextProps<T = HTMLSpanElement> extends React.PropsWithRef<React.HTMLProps<T>> {
+    block?: boolean;
+    bold?: boolean;
+    center?: boolean;
+    color?: string;
+    fontSize?: string;
+    light?: boolean;
+    muted?: boolean;
+    noWrap?: boolean;
+    textTransform?: Property.TextTransform;
+    truncate?: boolean;
+}
+export declare const filterTextProps: (props: TextProps) => Object;
+export declare const textStyle: <T>(theme: Theme, props: TextProps<T>) => CSSObject;
+export declare const Text: React.ForwardRefExoticComponent<Omit<TextProps<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+export declare const Bold: React.ForwardRefExoticComponent<Omit<TextProps<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+export declare const Small: React.ForwardRefExoticComponent<Omit<TextProps<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+export declare const Muted: React.ForwardRefExoticComponent<Omit<TextProps<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+export declare const Uppercase: React.ForwardRefExoticComponent<Omit<TextProps<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+export declare const Large: React.ForwardRefExoticComponent<Omit<TextProps<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+//# sourceMappingURL=Text.d.ts.map

package/lib/Typography/Text/Text.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../../src/Typography/Text/Text.tsx"],"names":[],"mappings":"AAmBA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,SAAS,EAAC,MAAM,gBAAgB,CAAC;AACzC,OAAO,KAAK,EAAC,QAAQ,EAAC,MAAM,SAAS,CAAC;AAGtC,OAAO,EAAC,KAAK,EAAC,MAAM,sBAAsB,CAAC;AAG3C,MAAM,WAAW,SAAS,CAAC,CAAC,GAAG,eAAe,CAAE,SAAQ,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;IAC5F,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,aAAa,CAAC,EAAE,QAAQ,CAAC,aAAa,CAAC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,eAAe,UAAW,SAAS,WAa/C,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,KAAK,SAwBhE,CAAC;AAEH,eAAO,MAAM,IAAI,iHAEf,CAAC;AAGH,eAAO,MAAM,IAAI,iHAEf,CAAC;AAGH,eAAO,MAAM,KAAK,iHAEhB,CAAC;AAGH,eAAO,MAAM,KAAK,iHAEhB,CAAC;AAGH,eAAO,MAAM,SAAS,iHAEpB,CAAC;AAGH,eAAO,MAAM,KAAK,iHAEhB,CAAC"}

package/lib/Typography/Text/Text.js

@@ -0,0 +1,87 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Large = exports.Uppercase = exports.Muted = exports.Small = exports.Bold = exports.Text = exports.textStyle = exports.filterTextProps = void 0;
+const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+/*
+ * Wire
+ * Copyright (C) 2018 Wire Swiss GmbH
+ *
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+ * GNU General Public License for more details.
+ *
+ * You should have received a copy of the GNU General Public License
+ * along with this program. If not, see http://www.gnu.org/licenses/.
+ *
+ */
+const React = __importStar(require("react"));
+const Identity_1 = require("../../Identity");
+const util_1 = require("../../utils/util");
+const filterTextProps = (props) => {
+    return (0, util_1.filterProps)(props, [
+        'block',
+        'bold',
+        'center',
+        'color',
+        'fontSize',
+        'light',
+        'muted',
+        'noWrap',
+        'textTransform',
+        'truncate',
+    ]);
+};
+exports.filterTextProps = filterTextProps;
+const textStyle = (theme, { block = false, bold = false, center = false, color = theme.general.color, fontSize = theme.fontSizes.base, light = false, muted = false, noWrap = false, textTransform = 'none', truncate = false, }) => ({
+    color: muted ? Identity_1.COLOR.GRAY : color,
+    display: block ? 'block' : 'inline',
+    fontSize: fontSize,
+    fontWeight: bold ? 600 : light ? 200 : 400,
+    overflow: truncate ? 'hidden' : undefined,
+    textAlign: center ? 'center' : 'left',
+    textOverflow: truncate ? 'ellipsis' : undefined,
+    textTransform: textTransform,
+    whiteSpace: noWrap ? 'nowrap' : undefined,
+});
+exports.textStyle = textStyle;
+exports.Text = React.forwardRef((props, ref) => ((0, jsx_runtime_1.jsx)("span", { ref: ref, css: (theme) => (0, exports.textStyle)(theme, props), ...(0, exports.filterTextProps)(props) })));
+exports.Text.displayName = 'Text';
+exports.Bold = React.forwardRef((props, ref) => ((0, jsx_runtime_1.jsx)(exports.Text, { ref: ref, bold: true, ...props })));
+exports.Bold.displayName = 'Bold';
+exports.Small = React.forwardRef((props, ref) => ((0, jsx_runtime_1.jsx)(exports.Text, { ref: ref, fontSize: '12px', ...props })));
+exports.Small.displayName = 'Small';
+exports.Muted = React.forwardRef((props, ref) => ((0, jsx_runtime_1.jsx)(exports.Text, { ref: ref, muted: true, ...props })));
+exports.Muted.displayName = 'Muted';
+exports.Uppercase = React.forwardRef((props, ref) => ((0, jsx_runtime_1.jsx)(exports.Text, { ref: ref, textTransform: 'uppercase', ...props })));
+exports.Uppercase.displayName = 'Uppercase';
+exports.Large = React.forwardRef((props, ref) => ((0, jsx_runtime_1.jsx)(exports.Text, { ref: ref, fontSize: '48px', light: true, ...props })));
+exports.Large.displayName = 'Large';

package/lib/Typography/Text/Text.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Text.stories.d.ts","sourceRoot":"","sources":["../../../src/Typography/Text/Text.stories.tsx"],"names":[],"mappings":"AAmBA,OAAO,KAAK,EAAO,QAAQ,EAAC,MAAM,kBAAkB,CAAC;AAMrD,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;CAmBmB,CAAC;AAE9B,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAEtB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAEvB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAEvB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAE3B,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAEvB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAKzB,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAK5B,CAAC"}

package/lib/Typography/Text/Text.stories.js

@@ -0,0 +1,59 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CustomFontSize = exports.ColoredText = exports.LargeText = exports.UppercaseText = exports.MutedText = exports.SmallText = exports.BoldText = exports.Default = void 0;
+const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+const Text_1 = require("./Text");
+const Identity_1 = require("../../Identity");
+const meta = {
+    title: 'Typography/Text',
+    component: Text_1.Text,
+    parameters: {
+        layout: 'centered',
+    },
+    tags: ['autodocs'],
+    argTypes: {
+        color: {
+            control: 'color',
+        },
+        fontSize: {
+            control: 'text',
+        },
+        textTransform: {
+            control: 'select',
+            options: ['none', 'uppercase', 'lowercase', 'capitalize'],
+        },
+    },
+};
+exports.default = meta;
+exports.Default = {
+    args: {
+        children: 'Default Text',
+    },
+};
+exports.BoldText = {
+    render: () => (0, jsx_runtime_1.jsx)(Text_1.Bold, { children: "Bold Text" }),
+};
+exports.SmallText = {
+    render: () => (0, jsx_runtime_1.jsx)(Text_1.Small, { children: "Small Text" }),
+};
+exports.MutedText = {
+    render: () => (0, jsx_runtime_1.jsx)(Text_1.Muted, { children: "Muted Text" }),
+};
+exports.UppercaseText = {
+    render: () => (0, jsx_runtime_1.jsx)(Text_1.Uppercase, { children: "Uppercase Text" }),
+};
+exports.LargeText = {
+    render: () => (0, jsx_runtime_1.jsx)(Text_1.Large, { children: "Large Text" }),
+};
+exports.ColoredText = {
+    args: {
+        children: 'Colored Text',
+        color: Identity_1.COLOR.RED,
+    },
+};
+exports.CustomFontSize = {
+    args: {
+        children: 'Custom Size Text',
+        fontSize: '24px',
+    },
+};

package/lib/Typography/Text/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Text';
+//# sourceMappingURL=index.d.ts.map

package/lib/Typography/Text/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Typography/Text/index.ts"],"names":[],"mappings":"AAmBA,cAAc,QAAQ,CAAC"}

package/lib/Typography/Text/index.js

@@ -0,0 +1,35 @@
+"use strict";
+/*
+ * Wire
+ * Copyright (C) 2025 Wire Swiss GmbH
+ *
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+ * GNU General Public License for more details.
+ *
+ * You should have received a copy of the GNU General Public License
+ * along with this program. If not, see http://www.gnu.org/licenses/.
+ *
+ */
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./Text"), exports);

package/lib/Typography/TextLink/TextLink.d.ts

@@ -0,0 +1,7 @@
+import { CSSObject } from '@emotion/react';
+import { Theme } from '../../Identity/Theme';
+import { LinkProps } from '../Link';
+export type TextLinkProps<T = HTMLAnchorElement> = LinkProps<T>;
+export declare const textLinkStyle: <T>(theme: Theme, props: TextLinkProps<T>) => CSSObject;
+export declare const TextLink: (props: TextLinkProps<HTMLAnchorElement>) => import("@emotion/react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=TextLink.d.ts.map

package/lib/Typography/TextLink/TextLink.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextLink.d.ts","sourceRoot":"","sources":["../../../src/Typography/TextLink/TextLink.tsx"],"names":[],"mappings":"AAmBA,OAAO,EAAC,SAAS,EAAC,MAAM,gBAAgB,CAAC;AAGzC,OAAO,EAAC,KAAK,EAAC,MAAM,sBAAsB,CAAC;AAC3C,OAAO,EAAC,SAAS,EAA6B,MAAM,SAAS,CAAC;AAE9D,MAAM,MAAM,aAAa,CAAC,CAAC,GAAG,iBAAiB,IAAI,SAAS,CAAC,CAAC,CAAC,CAAC;AAEhE,eAAO,MAAM,aAAa,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,KAAK,SAKxE,CAAC;AAEH,eAAO,MAAM,QAAQ,UAAW,aAAa,CAAC,iBAAiB,CAAC,qDAE/D,CAAC"}

package/lib/Typography/TextLink/TextLink.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TextLink = exports.textLinkStyle = void 0;
+const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+const colors_v2_1 = require("../../Identity/colors-v2/colors-v2");
+const Link_1 = require("../Link");
+const textLinkStyle = (theme, { color = colors_v2_1.COLOR_V2.BLUE, fontSize = theme.fontSizes.base, bold = false, textTransform = 'none', ...props }) => ({
+    ...(0, Link_1.linkStyle)(theme, { bold, color, fontSize, textTransform, ...props }),
+});
+exports.textLinkStyle = textLinkStyle;
+const TextLink = (props) => ((0, jsx_runtime_1.jsx)("a", { css: (theme) => (0, exports.textLinkStyle)(theme, props), rel: "noopener noreferrer", ...(0, Link_1.filterLinkProps)(props) }));
+exports.TextLink = TextLink;

package/lib/Typography/TextLink/TextLink.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextLink.stories.d.ts","sourceRoot":"","sources":["../../../src/Typography/TextLink/TextLink.stories.tsx"],"names":[],"mappings":"AAmBA,OAAO,KAAK,EAAO,QAAQ,EAAC,MAAM,kBAAkB,CAAC;AAOrD,QAAA,MAAM,IAAI;;;;;;;;;;;;CAYuB,CAAC;AAElC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAMpB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAMzB,CAAC"}

package/lib/Typography/TextLink/TextLink.stories.js

@@ -0,0 +1,37 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CustomColor = exports.InText = exports.Default = void 0;
+const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+const TextLink_1 = require("./TextLink");
+const colors_v2_1 = require("../../Identity/colors-v2/colors-v2");
+const Text_1 = require("../Text");
+const meta = {
+    title: 'Typography/TextLink',
+    component: TextLink_1.TextLink,
+    parameters: {
+        layout: 'centered',
+    },
+    tags: ['autodocs'],
+    argTypes: {
+        color: {
+            control: 'color',
+        },
+    },
+};
+exports.default = meta;
+exports.Default = {
+    args: {
+        children: 'Default TextLink',
+        href: '#',
+    },
+};
+exports.InText = {
+    render: () => ((0, jsx_runtime_1.jsxs)(Text_1.Text, { children: ["This is a paragraph with a ", (0, jsx_runtime_1.jsx)(TextLink_1.TextLink, { href: "#", children: "text link" }), " inside."] })),
+};
+exports.CustomColor = {
+    args: {
+        children: 'Custom Color Link',
+        color: colors_v2_1.COLOR_V2.RED,
+        href: '#',
+    },
+};

package/lib/Typography/TextLink/index.d.ts

@@ -0,0 +1,2 @@
+export * from './TextLink';
+//# sourceMappingURL=index.d.ts.map

package/lib/Typography/TextLink/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Typography/TextLink/index.ts"],"names":[],"mappings":"AAmBA,cAAc,YAAY,CAAC"}

package/lib/Typography/TextLink/index.js

@@ -0,0 +1,35 @@
+"use strict";
+/*
+ * Wire
+ * Copyright (C) 2025 Wire Swiss GmbH
+ *
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+ * GNU General Public License for more details.
+ *
+ * You should have received a copy of the GNU General Public License
+ * along with this program. If not, see http://www.gnu.org/licenses/.
+ *
+ */
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./TextLink"), exports);

package/lib/Typography/Title/Title.d.ts

@@ -0,0 +1,4 @@
+import { TextProps } from '../Text';
+export type TitleProps<T = HTMLDivElement> = TextProps<T>;
+export declare const Title: (props: TitleProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Title.d.ts.map

package/lib/Typography/Title/Title.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Title.d.ts","sourceRoot":"","sources":["../../../src/Typography/Title/Title.tsx"],"names":[],"mappings":"AAuBA,OAAO,EAAC,SAAS,EAA6B,MAAM,SAAS,CAAC;AAE9D,MAAM,MAAM,UAAU,CAAC,CAAC,GAAG,cAAc,IAAI,SAAS,CAAC,CAAC,CAAC,CAAC;AAU1D,eAAO,MAAM,KAAK,UAAW,UAAU,qDAEtC,CAAC"}

package/lib/Typography/Title/Title.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Title = void 0;
+const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+const Identity_1 = require("../../Identity");
+const Text_1 = require("../Text");
+const titleStyle = (theme, { block = true, center = true, fontSize = ' 2rem', color = Identity_1.COLOR.GRAY, bold = true, ...props }) => ({
+    ...(0, Text_1.textStyle)(theme, { block, bold, center, color, fontSize, ...props }),
+    marginBottom: '8px',
+});
+const Title = (props) => ((0, jsx_runtime_1.jsx)("div", { css: (theme) => titleStyle(theme, props), ...(0, Text_1.filterTextProps)(props) }));
+exports.Title = Title;

package/lib/Typography/Title/Title.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Title.stories.d.ts","sourceRoot":"","sources":["../../../src/Typography/Title/Title.stories.tsx"],"names":[],"mappings":"AAmBA,OAAO,KAAK,EAAO,QAAQ,EAAC,MAAM,kBAAkB,CAAC;AAMrD,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;CAeoB,CAAC;AAE/B,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAKzB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAKxB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAKzB,CAAC"}