@wireapp/react-ui-kit 9.69.6 → 9.69.7-beta.14.5ce5ca523

package/lib/Surface/TabBar/TabBar.js

@@ -1,30 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TabBarItem = exports.TabBar = void 0;
-const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-const Identity_1 = require("../../Identity");
-const Typography_1 = require("../../Typography");
-const util_1 = require("../../utils/util");
-const tabBarStyle = ({}) => {
-    return {
-        display: 'flex',
-        width: '100%',
-    };
-};
-const filteredTabBarProps = (props) => (0, util_1.filterProps)(props, []);
-const TabBar = ({ children = null, ...props }) => ((0, jsx_runtime_1.jsx)("div", { css: tabBarStyle(props), ...filteredTabBarProps(props), children: children }));
-exports.TabBar = TabBar;
-const tabBarItemStyle = (theme, { block = true, center = true, color = theme.general.color, bold = true, active = false, fontSize = theme.fontSizes.extraSmall, textTransform = 'uppercase', ...props }) => {
-    return {
-        ...(0, Typography_1.textStyle)(theme, { block, bold, center, color, fontSize, textTransform, ...props }),
-        borderBottom: active ? `1px solid ${Identity_1.COLOR.GRAY_DARKEN_48}` : `1px solid ${Identity_1.COLOR.GRAY_LIGHTEN_40}`,
-        cursor: 'pointer',
-        display: 'flex',
-        flexGrow: 1,
-        justifyContent: 'center',
-        opacity: active ? 1 : 0.56,
-        padding: '8px 0',
-    };
-};
-const TabBarItem = ({ children = null, ...props }) => ((0, jsx_runtime_1.jsx)("span", { css: (theme) => tabBarItemStyle(theme, props), ...props, children: children }));
-exports.TabBarItem = TabBarItem;

package/lib/Surface/TabBar/TabBar.stories.d.ts

@@ -1,11 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-import { TabBar } from './TabBar';
-declare const meta: Meta<typeof TabBar>;
-export default meta;
-type Story = StoryObj<typeof TabBar>;
-export declare const Default: Story;
-export declare const Interactive: () => import("@emotion/react/jsx-runtime").JSX.Element;
-export declare const WithContent: () => import("@emotion/react/jsx-runtime").JSX.Element;
-export declare const WithBadge: () => import("@emotion/react/jsx-runtime").JSX.Element;
-export declare const CustomStyling: Story;
-//# sourceMappingURL=TabBar.stories.d.ts.map

package/lib/Surface/TabBar/TabBar.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"TabBar.stories.d.ts","sourceRoot":"","sources":["../../../src/Surface/TabBar/TabBar.stories.tsx"],"names":[],"mappings":"AAqBA,OAAO,EAAC,IAAI,EAAE,QAAQ,EAAC,MAAM,kBAAkB,CAAC;AAEhD,OAAO,EAAC,MAAM,EAAa,MAAM,UAAU,CAAC;AAE5C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,MAAM,CAU7B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,MAAM,CAAC,CAAC;AAErC,eAAO,MAAM,OAAO,EAAE,KAUrB,CAAC;AAEF,eAAO,MAAM,WAAW,wDAavB,CAAC;AAEF,eAAO,MAAM,WAAW,wDAoBvB,CAAC;AAEF,eAAO,MAAM,SAAS,wDA0BrB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAiB3B,CAAC"}

package/lib/Surface/TabBar/TabBar.stories.js

@@ -1,66 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CustomStyling = exports.WithBadge = exports.WithContent = exports.Interactive = exports.Default = void 0;
-const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-/*
- * 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/.
- *
- */
-const react_1 = require("react");
-const TabBar_1 = require("./TabBar");
-const meta = {
-    component: TabBar_1.TabBar,
-    title: 'Surface/TabBar',
-    decorators: [
-        Story => ((0, jsx_runtime_1.jsx)("div", { style: { padding: '24px', maxWidth: '600px', margin: '0 auto' }, children: (0, jsx_runtime_1.jsx)(Story, {}) })),
-    ],
-};
-exports.default = meta;
-exports.Default = {
-    args: {
-        children: ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(TabBar_1.TabBarItem, { active: true, children: "First Tab" }), (0, jsx_runtime_1.jsx)(TabBar_1.TabBarItem, { active: false, children: "Second Tab" }), (0, jsx_runtime_1.jsx)(TabBar_1.TabBarItem, { active: false, children: "Third Tab" })] })),
-    },
-};
-const Interactive = () => {
-    const [activeTab, setActiveTab] = (0, react_1.useState)(0);
-    const tabs = ['First Tab', 'Second Tab', 'Third Tab'];
-    return ((0, jsx_runtime_1.jsx)(TabBar_1.TabBar, { children: tabs.map((tab, index) => ((0, jsx_runtime_1.jsx)(TabBar_1.TabBarItem, { active: activeTab === index, onClick: () => setActiveTab(index), children: tab }, tab))) }));
-};
-exports.Interactive = Interactive;
-const WithContent = () => {
-    const [activeTab, setActiveTab] = (0, react_1.useState)(0);
-    const tabs = ['Details', 'History', 'Settings'];
-    return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(TabBar_1.TabBar, { children: tabs.map((tab, index) => ((0, jsx_runtime_1.jsx)(TabBar_1.TabBarItem, { active: activeTab === index, onClick: () => setActiveTab(index), children: tab }, tab))) }), (0, jsx_runtime_1.jsxs)("div", { style: { padding: '16px' }, children: [activeTab === 0 && (0, jsx_runtime_1.jsx)("div", { children: "Details content" }), activeTab === 1 && (0, jsx_runtime_1.jsx)("div", { children: "History content" }), activeTab === 2 && (0, jsx_runtime_1.jsx)("div", { children: "Settings content" })] })] }));
-};
-exports.WithContent = WithContent;
-const WithBadge = () => {
-    const [activeTab, setActiveTab] = (0, react_1.useState)(0);
-    return ((0, jsx_runtime_1.jsxs)(TabBar_1.TabBar, { children: [(0, jsx_runtime_1.jsx)(TabBar_1.TabBarItem, { active: activeTab === 0, onClick: () => setActiveTab(0), children: "Messages" }), (0, jsx_runtime_1.jsx)(TabBar_1.TabBarItem, { active: activeTab === 1, onClick: () => setActiveTab(1), children: (0, jsx_runtime_1.jsxs)("div", { style: { display: 'flex', alignItems: 'center', gap: '8px' }, children: ["Notifications", (0, jsx_runtime_1.jsx)("span", { style: {
-                                backgroundColor: 'red',
-                                borderRadius: '8px',
-                                color: 'white',
-                                fontSize: '12px',
-                                padding: '2px 6px',
-                            }, children: "3" })] }) })] }));
-};
-exports.WithBadge = WithBadge;
-exports.CustomStyling = {
-    args: {
-        style: { backgroundColor: '#f5f5f5', padding: '8px' },
-        children: ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(TabBar_1.TabBarItem, { active: true, style: { fontWeight: 'bold' }, children: "Bold Tab" }), (0, jsx_runtime_1.jsx)(TabBar_1.TabBarItem, { active: false, style: { color: 'blue' }, children: "Blue Tab" }), (0, jsx_runtime_1.jsx)(TabBar_1.TabBarItem, { active: false, style: { textTransform: 'none' }, children: "Normal Case Tab" })] })),
-    },
-};

package/lib/Surface/TabBar/index.d.ts

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

package/lib/Surface/TabBar/index.d.ts.map

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

package/lib/Surface/TabBar/index.js

@@ -1,35 +0,0 @@
-"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("./TabBar"), exports);

package/lib/Surface/index.d.ts

@@ -1,6 +0,0 @@
-export * from './Accordion';
-export * from './DropdownMenu';
-export * from './MenuModal';
-export * from './Modal';
-export * from './TabBar';
-//# sourceMappingURL=index.d.ts.map

package/lib/Surface/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Surface/index.ts"],"names":[],"mappings":"AAmBA,cAAc,aAAa,CAAC;AAC5B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC"}

package/lib/Surface/index.js

@@ -1,39 +0,0 @@
-"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("./Accordion"), exports);
-__exportStar(require("./DropdownMenu"), exports);
-__exportStar(require("./MenuModal"), exports);
-__exportStar(require("./Modal"), exports);
-__exportStar(require("./TabBar"), exports);

package/lib/Typography/ActionLink/ActionLink.d.ts

@@ -1,17 +0,0 @@
-import * as React from 'react';
-import { LinkProps } from '../Link';
-type VisualProps = Pick<LinkProps, 'bold' | 'color' | 'fontSize' | 'textTransform'> & {
-    disabled?: boolean;
-    children: React.ReactNode;
-};
-type AnchorVariant = Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, 'children' | 'disabled'> & {
-    href: string;
-};
-type ButtonVariant = {
-    onClick: React.MouseEventHandler<HTMLButtonElement>;
-} & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'children'>;
-export type ActionLinkButtonProps = VisualProps & (AnchorVariant | ButtonVariant);
-export type LinkStyleProps<T = HTMLAnchorElement> = LinkProps<T>;
-export declare const ActionLinkButton: React.ForwardRefExoticComponent<ActionLinkButtonProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
-export {};
-//# sourceMappingURL=ActionLink.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ActionLink.d.ts","sourceRoot":"","sources":["../../../src/Typography/ActionLink/ActionLink.tsx"],"names":[],"mappings":"AAmBA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B,OAAO,EAAC,SAAS,EAA6B,MAAM,SAAS,CAAC;AAE9D,KAAK,WAAW,GAAG,IAAI,CAAC,SAAS,EAAE,MAAM,GAAG,OAAO,GAAG,UAAU,GAAG,eAAe,CAAC,GAAG;IACpF,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF,KAAK,aAAa,GAAG,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,UAAU,GAAG,UAAU,CAAC,GAAG;IAClG,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,KAAK,aAAa,GAAG;IACnB,OAAO,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;CACrD,GAAG,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,UAAU,CAAC,CAAC;AAEpE,MAAM,MAAM,qBAAqB,GAAG,WAAW,GAAG,CAAC,aAAa,GAAG,aAAa,CAAC,CAAC;AAElF,MAAM,MAAM,cAAc,CAAC,CAAC,GAAG,iBAAiB,IAAI,SAAS,CAAC,CAAC,CAAC,CAAC;AAEjE,eAAO,MAAM,gBAAgB,qHAoE5B,CAAC"}

package/lib/Typography/ActionLink/ActionLink.js

@@ -1,37 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ActionLinkButton = void 0;
-const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-const react_1 = require("react");
-const ActionLinkButton_style_1 = require("./ActionLinkButton.style");
-const colors_v2_1 = require("../../Identity/colors-v2/colors-v2");
-const Link_1 = require("../Link");
-exports.ActionLinkButton = (0, react_1.forwardRef)((props, ref) => {
-    const { bold = false, color = colors_v2_1.COLOR_V2.BLACK, fontSize, textTransform = 'none', disabled, children, ...restProps } = props;
-    const baseCss = (theme) => ({
-        ...(0, Link_1.linkStyle)(theme, {
-            bold,
-            color,
-            fontSize: fontSize ?? theme.fontSizes.base,
-            textTransform,
-        }),
-        ...ActionLinkButton_style_1.styles.link.base,
-        ...(disabled ? ActionLinkButton_style_1.styles.link.disabled : ActionLinkButton_style_1.styles.link.enabled),
-    });
-    if ('href' in restProps && restProps.href) {
-        const { href, target, onClick, ...anchorProps } = restProps;
-        const linkProps = (0, Link_1.filterLinkProps)(anchorProps);
-        const handleAnchorClick = e => {
-            if (disabled) {
-                e.preventDefault();
-                e.stopPropagation();
-                return;
-            }
-            onClick?.(e);
-        };
-        return ((0, jsx_runtime_1.jsx)("a", { ref: ref, href: href, css: (theme) => baseCss(theme), target: target, rel: target === '_blank' ? 'noopener noreferrer' : undefined, "aria-disabled": disabled || undefined, tabIndex: disabled ? -1 : undefined, onClick: handleAnchorClick, ...linkProps, children: children }));
-    }
-    const { onClick, ...btnProps } = props;
-    return ((0, jsx_runtime_1.jsx)("button", { ref: ref, type: "button", disabled: disabled || btnProps.disabled, onClick: onClick, css: (theme) => [ActionLinkButton_style_1.styles.buttonReset, baseCss(theme)], ...btnProps, children: children }));
-});
-exports.ActionLinkButton.displayName = 'ActionLinkButton';

package/lib/Typography/ActionLink/ActionLinkButton.style.d.ts

@@ -1,12 +0,0 @@
-import { CSSObject } from '@emotion/react';
-type LinkStateStyles = {
-    base: CSSObject;
-    enabled: CSSObject;
-    disabled: CSSObject;
-};
-export declare const styles: {
-    buttonReset: CSSObject;
-    link: LinkStateStyles;
-};
-export {};
-//# sourceMappingURL=ActionLinkButton.style.d.ts.map

package/lib/Typography/ActionLink/ActionLinkButton.style.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ActionLinkButton.style.d.ts","sourceRoot":"","sources":["../../../src/Typography/ActionLink/ActionLinkButton.style.ts"],"names":[],"mappings":"AAmBA,OAAO,EAAC,SAAS,EAAC,MAAM,gBAAgB,CAAC;AAIzC,KAAK,eAAe,GAAG;IACrB,IAAI,EAAE,SAAS,CAAC;IAChB,OAAO,EAAE,SAAS,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE;IACnB,WAAW,EAAE,SAAS,CAAC;IACvB,IAAI,EAAE,eAAe,CAAC;CAgCvB,CAAC"}

package/lib/Typography/ActionLink/ActionLinkButton.style.js

@@ -1,54 +0,0 @@
-"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.styles = void 0;
-const colors_v2_1 = require("../../Identity/colors-v2/colors-v2");
-exports.styles = {
-    buttonReset: {
-        background: 'none',
-        border: 'none',
-        padding: 0,
-        margin: 0,
-    },
-    link: {
-        base: {
-            textDecoration: 'underline',
-        },
-        enabled: {
-            color: colors_v2_1.COLOR_V2.BLACK,
-            cursor: 'pointer',
-            '&:hover': {
-                color: colors_v2_1.COLOR_V2.BLUE,
-                textDecorationThickness: '2px',
-            },
-            '&:focus-visible': {
-                color: colors_v2_1.COLOR_V2.BLUE,
-                background: 'rgba(255, 255, 255, 0.01)',
-                borderRadius: 4,
-                outline: '2px solid transparent',
-                boxShadow: `0 0 0 2px ${colors_v2_1.COLOR_V2.BLUE_LIGHT_300}`,
-            },
-        },
-        disabled: {
-            color: colors_v2_1.COLOR_V2.GRAY_80,
-            cursor: 'default',
-        },
-    },
-};

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

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

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

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

package/lib/Typography/ActionLink/index.js

@@ -1,35 +0,0 @@
-"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("./ActionLink"), exports);

package/lib/Typography/Heading/Heading.d.ts

@@ -1,16 +0,0 @@
-import { CSSObject } from '@emotion/react';
-import { Theme } from '../../Identity/Theme';
-import { TextProps } from '../Text';
-export interface HeadingProps<T = HTMLHeadingElement> extends TextProps<T> {
-    level?: string;
-}
-export declare const Heading: ({ level, ...props }: HeadingProps) => import("@emotion/react/jsx-runtime").JSX.Element;
-export declare const h1Style: <T>(theme: Theme, props: HeadingProps<T>) => CSSObject;
-export declare const H1: (props: HeadingProps) => import("@emotion/react/jsx-runtime").JSX.Element;
-export declare const h2Style: <T>(theme: Theme, props: HeadingProps<T>) => CSSObject;
-export declare const H2: (props: HeadingProps) => import("@emotion/react/jsx-runtime").JSX.Element;
-export declare const h3Style: <T>(theme: Theme, props: HeadingProps<T>) => CSSObject;
-export declare const H3: (props: HeadingProps) => import("@emotion/react/jsx-runtime").JSX.Element;
-export declare const h4Style: <T>(theme: Theme, props: HeadingProps<T>) => CSSObject;
-export declare const H4: (props: HeadingProps) => import("@emotion/react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=Heading.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Heading.d.ts","sourceRoot":"","sources":["../../../src/Typography/Heading/Heading.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,WAAW,YAAY,CAAC,CAAC,GAAG,kBAAkB,CAAE,SAAQ,SAAS,CAAC,CAAC,CAAC;IACxE,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,eAAO,MAAM,OAAO,wBAAuB,YAAY,qDAYtD,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,YAAY,CAAC,CAAC,CAAC,KAAK,SAejE,CAAC;AAEH,eAAO,MAAM,EAAE,UAAW,YAAY,qDAErC,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,YAAY,CAAC,CAAC,CAAC,KAAK,SAgBjE,CAAC;AAEH,eAAO,MAAM,EAAE,UAAW,YAAY,qDAErC,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,YAAY,CAAC,CAAC,CAAC,KAAK,SAQjE,CAAC;AAEH,eAAO,MAAM,EAAE,UAAW,YAAY,qDAErC,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,YAAY,CAAC,CAAC,CAAC,KAAK,SASjE,CAAC;AAEH,eAAO,MAAM,EAAE,UAAW,YAAY,qDAErC,CAAC"}

package/lib/Typography/Heading/Heading.js

@@ -1,72 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.H4 = exports.h4Style = exports.H3 = exports.h3Style = exports.H2 = exports.h2Style = exports.H1 = exports.h1Style = exports.Heading = void 0;
-const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-const utils_1 = require("../../utils");
-const Text_1 = require("../Text");
-const Heading = ({ level, ...props }) => {
-    switch (level) {
-        case '2':
-            return (0, jsx_runtime_1.jsx)(exports.H2, { ...props });
-        case '3':
-            return (0, jsx_runtime_1.jsx)(exports.H3, { ...props });
-        case '4':
-            return (0, jsx_runtime_1.jsx)(exports.H4, { ...props });
-        case '1':
-        default:
-            return (0, jsx_runtime_1.jsx)(exports.H1, { ...props });
-    }
-};
-exports.Heading = Heading;
-const h1Style = (theme, { block = true, color = theme.general.color, level = '1', noWrap = false, textTransform = 'none', ...props }) => ({
-    ...(0, Text_1.textStyle)(theme, { block, color, noWrap, textTransform, ...props }),
-    fontSize: '3rem',
-    fontWeight: 400,
-    lineHeight: '3.5rem',
-    marginBottom: '64px',
-    marginTop: 0,
-    minHeight: '3rem',
-    [utils_1.media[utils_1.QueryKeys.MOBILE]]: {
-        fontSize: '2.5rem',
-        lineHeight: '3rem',
-    },
-});
-exports.h1Style = h1Style;
-const H1 = (props) => ((0, jsx_runtime_1.jsx)("h1", { css: (theme) => (0, exports.h1Style)(theme, props), ...(0, Text_1.filterTextProps)(props) }));
-exports.H1 = H1;
-const h2Style = (theme, { block = true, color = theme.general.color, noWrap = false, textTransform = 'none', ...props }) => ({
-    ...(0, Text_1.textStyle)(theme, { block, color, noWrap, textTransform, ...props }),
-    fontSize: '1.25rem',
-    fontWeight: 700,
-    lineHeight: '1.75rem',
-    marginBottom: '24px',
-    marginTop: '32px',
-    [utils_1.media[utils_1.QueryKeys.MOBILE]]: {
-        fontSize: '1.125rem',
-        lineHeight: '1.625rem',
-        marginBottom: '20px',
-        marginTop: '26px',
-    },
-});
-exports.h2Style = h2Style;
-const H2 = (props) => ((0, jsx_runtime_1.jsx)("h2", { css: (theme) => (0, exports.h2Style)(theme, props), ...(0, Text_1.filterTextProps)(props) }));
-exports.H2 = H2;
-const h3Style = (theme, { block = true, color = theme.general.color, noWrap = false, textTransform = 'none', ...props }) => ({
-    ...(0, Text_1.textStyle)(theme, { block, color, noWrap, textTransform, ...props }),
-    fontSize: theme.fontSizes.base,
-    fontWeight: 600,
-    marginBottom: '16px',
-});
-exports.h3Style = h3Style;
-const H3 = (props) => ((0, jsx_runtime_1.jsx)("h3", { css: (theme) => (0, exports.h3Style)(theme, props), ...(0, Text_1.filterTextProps)(props) }));
-exports.H3 = H3;
-const h4Style = (theme, { block = true, color = theme.general.color, noWrap = false, textTransform = 'none', ...props }) => ({
-    ...(0, Text_1.textStyle)(theme, { block, color, noWrap, textTransform, ...props }),
-    fontSize: theme.fontSizes.extraSmall,
-    fontWeight: 400,
-    marginBottom: '5px',
-    marginTop: '20px',
-});
-exports.h4Style = h4Style;
-const H4 = (props) => ((0, jsx_runtime_1.jsx)("h3", { css: (theme) => (0, exports.h4Style)(theme, props), ...(0, Text_1.filterTextProps)(props) }));
-exports.H4 = H4;

package/lib/Typography/Heading/Heading.stories.d.ts

@@ -1,38 +0,0 @@
-import type { StoryObj } from '@storybook/react';
-declare const meta: {
-    title: string;
-    component: ({ level, ...props }: import("./Heading").HeadingProps) => import("@emotion/react/jsx-runtime").JSX.Element;
-    parameters: {
-        layout: string;
-    };
-    tags: string[];
-    argTypes: {
-        level: {
-            control: "select";
-            options: string[];
-            description: string;
-        };
-        color: {
-            control: "color";
-            description: string;
-        };
-        noWrap: {
-            control: "boolean";
-            description: string;
-        };
-        textTransform: {
-            control: "select";
-            options: string[];
-            description: string;
-        };
-    };
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Default: Story;
-export declare const AllHeadingLevels: Story;
-export declare const WithCustomColor: Story;
-export declare const NoWrapHeading: Story;
-export declare const TransformedText: Story;
-export declare const LongText: Story;
-//# sourceMappingURL=Heading.stories.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Heading.stories.d.ts","sourceRoot":"","sources":["../../../src/Typography/Heading/Heading.stories.tsx"],"names":[],"mappings":"AAmBA,OAAO,KAAK,EAAO,QAAQ,EAAC,MAAM,kBAAkB,CAAC;AAIrD,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2BsB,CAAC;AAEjC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAS9B,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAK7B,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAK3B,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAK7B,CAAC;AAGF,eAAO,MAAM,QAAQ,EAAE,KAMtB,CAAC"}

package/lib/Typography/Heading/Heading.stories.js

@@ -1,67 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.LongText = exports.TransformedText = exports.NoWrapHeading = exports.WithCustomColor = exports.AllHeadingLevels = exports.Default = void 0;
-const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-const Heading_1 = require("./Heading");
-const meta = {
-    title: 'Typography/Heading',
-    component: Heading_1.Heading,
-    parameters: {
-        layout: 'centered',
-    },
-    tags: ['autodocs'],
-    argTypes: {
-        level: {
-            control: 'select',
-            options: ['1', '2', '3', '4'],
-            description: 'Heading level (1-4)',
-        },
-        color: {
-            control: 'color',
-            description: 'Text color',
-        },
-        noWrap: {
-            control: 'boolean',
-            description: 'Prevent text from wrapping',
-        },
-        textTransform: {
-            control: 'select',
-            options: ['none', 'uppercase', 'lowercase', 'capitalize'],
-            description: 'Text transformation',
-        },
-    },
-};
-exports.default = meta;
-exports.Default = {
-    args: {
-        children: 'Default Heading',
-    },
-};
-exports.AllHeadingLevels = {
-    render: () => ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(Heading_1.H1, { children: "Heading Level 1" }), (0, jsx_runtime_1.jsx)(Heading_1.H2, { children: "Heading Level 2" }), (0, jsx_runtime_1.jsx)(Heading_1.H3, { children: "Heading Level 3" }), (0, jsx_runtime_1.jsx)(Heading_1.H4, { children: "Heading Level 4" })] })),
-};
-exports.WithCustomColor = {
-    args: {
-        children: 'Colored Heading',
-        color: '#2391d3',
-    },
-};
-exports.NoWrapHeading = {
-    args: {
-        children: 'This is a very long heading that should not wrap to the next line',
-        noWrap: true,
-    },
-};
-exports.TransformedText = {
-    args: {
-        children: 'Uppercase heading',
-        textTransform: 'uppercase',
-    },
-};
-// Example with a long text to demonstrate wrapping behavior
-exports.LongText = {
-    args: {
-        children: 'This is a very long heading that demonstrates how the text wraps when it exceeds the container width. It should automatically wrap to multiple lines.',
-        level: '2',
-    },
-};

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

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

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

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

package/lib/Typography/Heading/index.js

@@ -1,35 +0,0 @@
-"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("./Heading"), exports);